Skip to content

Commit 259f83e

Browse files
didoodidoo
committed
small refactoring
1 parent 7d25312 commit 259f83e

File tree

8 files changed

+40
-40
lines changed

8 files changed

+40
-40
lines changed

‎showcase/app/components/page-components/badge-count/sub-sections/carbonization.gts‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@ const SubSectionCarbonization: TemplateOnlyComponent = <template>
2222
<ShwTextH2>Size</ShwTextH2>
2323

2424
<ShwCarbonizationComparisonGrid>
25-
<:themed>
25+
<:theming>
2626
<ShwFlex @direction="column" as |SF|>
2727
{{#each SIZES as |size|}}
2828
<SF.Item>
@@ -31,13 +31,13 @@ const SubSectionCarbonization: TemplateOnlyComponent = <template>
3131
</SF.Item>
3232
{{/each}}
3333
</ShwFlex>
34-
</:themed>
34+
</:theming>
3535
</ShwCarbonizationComparisonGrid>
3636

3737
<ShwTextH2>Type</ShwTextH2>
3838

3939
<ShwCarbonizationComparisonGrid>
40-
<:themed>
40+
<:theming>
4141
<ShwFlex @direction="column" as |SF|>
4242
{{#each TYPES as |type|}}
4343
<SF.Item>
@@ -46,7 +46,7 @@ const SubSectionCarbonization: TemplateOnlyComponent = <template>
4646
</SF.Item>
4747
{{/each}}
4848
</ShwFlex>
49-
</:themed>
49+
</:theming>
5050
</ShwCarbonizationComparisonGrid>
5151

5252
<ShwTextH2>Color</ShwTextH2>
@@ -55,7 +55,7 @@ const SubSectionCarbonization: TemplateOnlyComponent = <template>
5555
<ShwCarbonizationComparisonGrid
5656
@hideThemeLabels={{(if (notEq index 0) true)}}
5757
>
58-
<:themed>
58+
<:theming>
5959
<ShwFlex @direction="column" @gap="0.5rem" as |SF|>
6060
{{#each TYPES as |type|}}
6161
<SF.Item class="shw-component-badge-sample-color--{{color}}">
@@ -64,7 +64,7 @@ const SubSectionCarbonization: TemplateOnlyComponent = <template>
6464
</SF.Item>
6565
{{/each}}
6666
</ShwFlex>
67-
</:themed>
67+
</:theming>
6868
</ShwCarbonizationComparisonGrid>
6969
{{/each}}
7070
</template>;

‎showcase/app/components/page-components/badge/sub-sections/carbonization.gts‎

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -25,37 +25,37 @@ const SubSectionCarbonization: TemplateOnlyComponent = <template>
2525
<ShwTextH2>Content</ShwTextH2>
2626

2727
<ShwCarbonizationComparisonGrid>
28-
<:themed>
28+
<:theming>
2929
<HdsBadge @text="Only text" />
30-
</:themed>
30+
</:theming>
3131
<:reference>
3232
<cds-tag>Lorem ipsum</cds-tag>
3333
</:reference>
3434
</ShwCarbonizationComparisonGrid>
3535
<ShwCarbonizationComparisonGrid>
36-
<:themed>
36+
<:theming>
3737
<HdsBadge @icon="activity" @text="Text + icon" />
38-
</:themed>
38+
</:theming>
3939
<:reference>
4040
<cds-tag>Lorem ipsum <HdsIcon @name="activity" slot="icon" /></cds-tag>
4141
</:reference>
4242
</ShwCarbonizationComparisonGrid>
4343
<ShwCarbonizationComparisonGrid>
44-
<:themed>
44+
<:theming>
4545
<HdsBadge @icon="activity" @text="Only icon" @isIconOnly={{true}} />
46-
</:themed>
46+
</:theming>
4747
<:reference>
4848
{{! <cds-tag><cds-icon shape="check"></cds-icon></cds-tag> }}
4949
<cds-tag><HdsIcon @name="activity" slot="icon" /></cds-tag>
5050
</:reference>
5151
</ShwCarbonizationComparisonGrid>
5252
<ShwCarbonizationComparisonGrid>
53-
<:themed>
53+
<:theming>
5454
<HdsBadge
5555
@icon="activity"
5656
@text="This is a very long text that should go on two lines"
5757
/>
58-
</:themed>
58+
</:theming>
5959
<:reference>
6060
<cds-tag><HdsIcon @name="activity" slot="icon" />
6161
This is a very long text that should go on multiple lines</cds-tag>
@@ -65,7 +65,7 @@ const SubSectionCarbonization: TemplateOnlyComponent = <template>
6565
<ShwTextH2>Size</ShwTextH2>
6666

6767
<ShwCarbonizationComparisonGrid>
68-
<:themed>
68+
<:theming>
6969
<ShwFlex @direction="column" as |SF|>
7070
{{#each SIZES as |size|}}
7171
<SF.Item>
@@ -79,13 +79,13 @@ const SubSectionCarbonization: TemplateOnlyComponent = <template>
7979
</SF.Item>
8080
{{/each}}
8181
</ShwFlex>
82-
</:themed>
82+
</:theming>
8383
</ShwCarbonizationComparisonGrid>
8484

8585
<ShwTextH2>Type</ShwTextH2>
8686

8787
<ShwCarbonizationComparisonGrid>
88-
<:themed>
88+
<:theming>
8989
<ShwFlex @direction="column" as |SF|>
9090
{{#each TYPES as |type|}}
9191
<SF.Item>
@@ -99,7 +99,7 @@ const SubSectionCarbonization: TemplateOnlyComponent = <template>
9999
</SF.Item>
100100
{{/each}}
101101
</ShwFlex>
102-
</:themed>
102+
</:theming>
103103
</ShwCarbonizationComparisonGrid>
104104

105105
<ShwTextH2>Color</ShwTextH2>
@@ -108,7 +108,7 @@ const SubSectionCarbonization: TemplateOnlyComponent = <template>
108108
<ShwCarbonizationComparisonGrid
109109
@hideThemeLabels={{(if (notEq index 0) true)}}
110110
>
111-
<:themed>
111+
<:theming>
112112
<ShwFlex @direction="column" @gap="0.5rem" as |SF|>
113113
{{#each TYPES as |type|}}
114114
<SF.Item class="shw-component-badge-sample-color--{{color}}">
@@ -128,7 +128,7 @@ const SubSectionCarbonization: TemplateOnlyComponent = <template>
128128
</SF.Item>
129129
{{/each}}
130130
</ShwFlex>
131-
</:themed>
131+
</:theming>
132132
</ShwCarbonizationComparisonGrid>
133133
{{/each}}
134134
</template>;

‎showcase/app/components/page-components/button/sub-sections/carbonization.gts‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,7 @@ const SubSectionCarbonization: TemplateOnlyComponent = <template>
2424
<ShwTextH2>Content</ShwTextH2>
2525

2626
<ShwCarbonizationComparisonGrid>
27-
<:themed>
27+
<:theming>
2828
<ShwFlex @direction="column" as |SF|>
2929
<SF.Item>
3030
<HdsButton @text="Lorem ipsum" />
@@ -52,13 +52,13 @@ const SubSectionCarbonization: TemplateOnlyComponent = <template>
5252
<CodeFragmentWithLoadingState />
5353
</SF.Item>
5454
</ShwFlex>
55-
</:themed>
55+
</:theming>
5656
</ShwCarbonizationComparisonGrid>
5757

5858
<ShwTextH2>Sizes</ShwTextH2>
5959

6060
<ShwCarbonizationComparisonGrid>
61-
<:themed>
61+
<:theming>
6262
<ShwFlex @direction="column" as |SF|>
6363
{{#each SIZES as |size|}}
6464
<SF.Item>
@@ -71,21 +71,21 @@ const SubSectionCarbonization: TemplateOnlyComponent = <template>
7171
</SF.Item>
7272
{{/each}}
7373
</ShwFlex>
74-
</:themed>
74+
</:theming>
7575
</ShwCarbonizationComparisonGrid>
7676

7777
<ShwTextH2>Colors</ShwTextH2>
7878

7979
<ShwCarbonizationComparisonGrid>
80-
<:themed>
80+
<:theming>
8181
<ShwFlex @direction="column" as |SF|>
8282
{{#each COLORS as |color|}}
8383
<SF.Item>
8484
<HdsButton @icon="plus" @text="Lorem ipsum" @color={{color}} />
8585
</SF.Item>
8686
{{/each}}
8787
</ShwFlex>
88-
</:themed>
88+
</:theming>
8989
</ShwCarbonizationComparisonGrid>
9090

9191
<ShwTextH2>States</ShwTextH2>
@@ -95,7 +95,7 @@ const SubSectionCarbonization: TemplateOnlyComponent = <template>
9595
{{#each STATES as |state|}}
9696
<ShwTextBody>{{state}}</ShwTextBody>
9797
<ShwCarbonizationComparisonGrid>
98-
<:themed>
98+
<:theming>
9999
<ShwFlex @direction="column" @gap="0.75rem" as |SF|>
100100
{{#each SIZES as |size|}}
101101
<SF.Item>
@@ -119,7 +119,7 @@ const SubSectionCarbonization: TemplateOnlyComponent = <template>
119119
</SF.Item>
120120
{{/each}}
121121
</ShwFlex>
122-
</:themed>
122+
</:theming>
123123
</ShwCarbonizationComparisonGrid>
124124
{{/each}}
125125
{{/each}}

‎showcase/app/components/page-foundations/focus-ring/sub-sections/carbonization.gts‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ import ShwCarbonizationComparisonGrid from 'showcase/components/shw/carbonizatio
1212

1313
const SubSectionCarbonization: TemplateOnlyComponent = <template>
1414
<ShwCarbonizationComparisonGrid>
15-
<:themed>
15+
<:theming>
1616
<ShwFlex @direction="column" as |SF|>
1717
<SF.Item>
1818
<div
@@ -54,7 +54,7 @@ const SubSectionCarbonization: TemplateOnlyComponent = <template>
5454
</div>
5555
</SF.Item>
5656
</ShwFlex>
57-
</:themed>
57+
</:theming>
5858
</ShwCarbonizationComparisonGrid>
5959
</template>;
6060

‎showcase/app/components/page-foundations/typography/sub-sections/carbonization.gts‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ const SubSectionCarbonization: TemplateOnlyComponent = <template>
1616
<ShwCarbonizationComparisonGrid
1717
@hideThemeLabels={{(if (notEq style "display-500") true)}}
1818
>
19-
<:themed>
19+
<:theming>
2020
<ShwFlex @direction="column" as |SF|>
2121
{{#each weights as |weight|}}
2222
<SF.Item>
@@ -26,7 +26,7 @@ const SubSectionCarbonization: TemplateOnlyComponent = <template>
2626
</SF.Item>
2727
{{/each}}
2828
</ShwFlex>
29-
</:themed>
29+
</:theming>
3030
</ShwCarbonizationComparisonGrid>
3131
{{/each-in}}
3232
</template>;

‎showcase/app/components/shw/carbonization/comparison-grid/index.gts‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ export interface ShwCarbonizationComparisonGridSignature {
1111
};
1212
Blocks: {
1313
label: [];
14-
themed: [];
14+
theming: [];
1515
reference: [];
1616
};
1717
Element: HTMLDivElement;
@@ -40,14 +40,14 @@ const ShwCarbonizationComparisonGrid: TemplateOnlyComponent<ShwCarbonizationComp
4040
}}</ShwLabel>
4141
{{/if}}
4242
<div class="shw-carbonization-comparison-grid" ...attributes>
43-
{{#if (has-block "themed")}}
43+
{{#if (has-block "theming")}}
4444
{{#each THEMES as |theme|}}
4545
<ShwCarbonizationComparisonGridItem
46-
@scope="show"
46+
@scope="theming"
4747
@theme={{theme}}
4848
@label={{(unless @hideThemeLabels theme)}}
4949
>
50-
{{yield to="themed"}}
50+
{{yield to="theming"}}
5151
</ShwCarbonizationComparisonGridItem>
5252
{{/each}}
5353
{{/if}}

‎showcase/app/components/shw/carbonization/comparison-grid/item.gts‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@ export interface ShwCarbonizationComparisonGridItemSignature {
1313
Args: {
1414
label?: string;
1515
theme: Theme;
16-
scope: 'show' | 'reference';
16+
scope: 'theming' | 'reference';
1717
};
1818
Blocks: {
1919
default: [
@@ -43,7 +43,7 @@ export default class ShwCarbonizationComparisonGridItem extends Component<ShwCar
4343
`shw-carbonization-comparison-grid__item--scope-${this.args.scope}`,
4444
);
4545

46-
if (this.args.scope === 'show') {
46+
if (this.args.scope === 'theming') {
4747
// here we use the custom HDS theming selector
4848
classes.push(`hds-theme-${this.args.theme}`);
4949
}

‎showcase/app/components/shw/carbonization/token-preview-color/index.gts‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -34,12 +34,12 @@ export default class ShwCarbonizationTokenPreviewColor extends Component<ShwCarb
3434
@label={{this.shortName}}
3535
@hideThemeLabels={{true}}
3636
>
37-
<:themed>
37+
<:theming>
3838
<div
3939
class="shw-carbonization-token-preview-color"
4040
style={{this.style}}
4141
/>
42-
</:themed>
42+
</:theming>
4343
</ShwCarbonizationComparisonGrid>
4444
</template>
4545
}

0 commit comments

Comments
 (0)