All files / packages/sds-styling-hooks/src/formats component.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
 
1x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import theo from 'theo';
 
theo.registerFormat(
  'custom-props-component.css',
  `/**
 * This file is generated. Do not edit manually.
 *
 * The "component" layer scope is reserved for use ONLY by the UX Foundations team.
 * If you believe you need to make use of this layer scope, please contact the UX Foundations team.
 */
@layer component {
  :where(html) {
  {{#each props as |prop|}}
    {{#if prop.comment}}
      {{{trimLeft (indent (comment (trim prop.comment)))}}}
    {{/if}}
    --{{#if prop.private}}_{{/if}}{{kebabcase prop.namespace}}-c-{{kebabcase prop.name}}: {{#eq prop.type "string"}}"{{/eq}}{{{prop.value}}}{{#eq prop.type "string"}}"{{/eq}};
  {{/each}}
  }
}
  `,
);