@carbon/element-styles 0.3.6 → 0.3.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (91) hide show
  1. package/README.md +51 -33
  2. package/css/prebuilt/editorial.css +1 -1
  3. package/css/prebuilt/expressive.css +2 -2
  4. package/css/prebuilt/productive.css +2 -2
  5. package/index.scss +2 -2
  6. package/package.json +30 -16
  7. package/scss/_config.scss +1 -1
  8. package/scss/elements/_heading/index.scss +3 -3
  9. package/scss/elements/_input/index.scss +11 -11
  10. package/scss/elements/_labelled-input/index.scss +41 -39
  11. package/scss/elements/_layer/index.scss +29 -17
  12. package/scss/elements/abbreviation/index.scss +5 -5
  13. package/scss/elements/address/index.scss +5 -5
  14. package/scss/elements/anchor/index.scss +10 -10
  15. package/scss/elements/block-quotation/index.scss +7 -7
  16. package/scss/elements/body/index.scss +6 -6
  17. package/scss/elements/bold-text/index.scss +4 -4
  18. package/scss/elements/button/index.scss +19 -19
  19. package/scss/elements/checkbox/index.scss +16 -14
  20. package/scss/elements/code/index.scss +6 -6
  21. package/scss/elements/color-input/index.scss +24 -27
  22. package/scss/elements/combo-box/index.scss +22 -20
  23. package/scss/elements/date-input/index.scss +18 -16
  24. package/scss/elements/date-time-input/index.scss +18 -16
  25. package/scss/elements/deleted-text/index.scss +6 -6
  26. package/scss/elements/description-list/index.scss +5 -5
  27. package/scss/elements/details/index.scss +12 -11
  28. package/scss/elements/dialog/index.scss +63 -49
  29. package/scss/elements/email-input/index.scss +17 -15
  30. package/scss/elements/fieldset/index.scss +11 -9
  31. package/scss/elements/file-input/index.scss +10 -9
  32. package/scss/elements/footer/index.scss +6 -6
  33. package/scss/elements/header-navigation/index.scss +11 -11
  34. package/scss/elements/heading-level-1/index.scss +5 -5
  35. package/scss/elements/heading-level-2/index.scss +5 -5
  36. package/scss/elements/heading-level-3/index.scss +5 -5
  37. package/scss/elements/heading-level-4/index.scss +5 -5
  38. package/scss/elements/heading-level-5/index.scss +5 -5
  39. package/scss/elements/heading-level-6/index.scss +5 -5
  40. package/scss/elements/horizontal-rule/index.scss +8 -8
  41. package/scss/elements/image/index.scss +3 -3
  42. package/scss/elements/inline-loading/index.scss +11 -12
  43. package/scss/elements/inline-quotation/index.scss +4 -4
  44. package/scss/elements/inserted-text/index.scss +6 -6
  45. package/scss/elements/italic-text/index.scss +4 -4
  46. package/scss/elements/keyboard-input/index.scss +6 -6
  47. package/scss/elements/label/index.scss +9 -9
  48. package/scss/elements/main/index.scss +6 -6
  49. package/scss/elements/marked-text/index.scss +7 -7
  50. package/scss/elements/menu/index.scss +13 -12
  51. package/scss/elements/number-input/index.scss +15 -13
  52. package/scss/elements/ordered-list/index.scss +5 -5
  53. package/scss/elements/paragraph/index.scss +4 -4
  54. package/scss/elements/password-input/index.scss +16 -14
  55. package/scss/elements/popover/index.scss +32 -37
  56. package/scss/elements/preformatted/index.scss +5 -5
  57. package/scss/elements/progress-bar/index.scss +20 -18
  58. package/scss/elements/radio-button/index.scss +14 -12
  59. package/scss/elements/range-input/index.scss +13 -11
  60. package/scss/elements/search-input/index.scss +18 -16
  61. package/scss/elements/select/index.scss +24 -22
  62. package/scss/elements/side-navigation/index.scss +11 -11
  63. package/scss/elements/small-text/index.scss +5 -5
  64. package/scss/elements/table/index.scss +16 -12
  65. package/scss/elements/tabs/index.scss +20 -16
  66. package/scss/elements/telephone-number-input/index.scss +17 -15
  67. package/scss/elements/text-area/index.scss +20 -16
  68. package/scss/elements/text-input/index.scss +17 -15
  69. package/scss/elements/tile/index.scss +14 -13
  70. package/scss/elements/time-input/index.scss +18 -16
  71. package/scss/elements/toggle/index.scss +20 -16
  72. package/scss/elements/tooltip/index.scss +13 -11
  73. package/scss/elements/tree-view/index.scss +11 -11
  74. package/scss/elements/unordered-list/index.scss +7 -7
  75. package/scss/elements/url-input/index.scss +17 -15
  76. package/scss/layout/_density.scss +6 -6
  77. package/scss/layout/_mode.scss +269 -161
  78. package/scss/layout/_size.scss +16 -10
  79. package/scss/layout/index.scss +3 -3
  80. package/scss/prebuilt/editorial/_elements.scss +34 -32
  81. package/scss/prebuilt/editorial/_layout.scss +4 -4
  82. package/scss/prebuilt/editorial/index.scss +9 -9
  83. package/scss/prebuilt/expressive/_elements.scss +74 -70
  84. package/scss/prebuilt/expressive/_layout.scss +4 -4
  85. package/scss/prebuilt/expressive/index.scss +9 -9
  86. package/scss/prebuilt/productive/_elements.scss +69 -67
  87. package/scss/prebuilt/productive/_layout.scss +4 -4
  88. package/scss/prebuilt/productive/index.scss +9 -9
  89. package/scss/utilities/_carbon.scss +28 -25
  90. package/scss/utilities/_icons.scss +1 -1
  91. package/scss/utilities/_tokens.scss +5 -5
package/scss/layout/_size.scss CHANGED
@@ -5,9 +5,9 @@
5
5
  * LICENSE file in the root directory of this source tree.
6
6
  */
7
7
 
8
- @use 'sass:map';
8
+ @use "sass:map";
9
9
 
10
- @use '../utilities/tokens';
10
+ @use "../utilities/tokens";
11
11
 
12
12
  $-sizes: (
13
13
  xs: 1.5rem,
@@ -17,13 +17,13 @@ $-sizes: (
17
17
  xl: 4rem,
18
18
  );
19
19
 
20
- $-default-size: 'md';
20
+ $-default-size: "md";
21
21
 
22
22
  /// @group layout--size
23
23
  /// @param {Length} block-size
24
24
  /// @return {Length} The appropriate padding-block-start for an element with the given block-size
25
25
  @function -get-padding-block-start($block-size) {
26
- $centering-threshold: map.get($-sizes, 'lg');
26
+ $centering-threshold: map.get($-sizes, "lg");
27
27
 
28
28
  @return calc((min($block-size, $centering-threshold) - 1lh) * 0.5);
29
29
  }
@@ -42,13 +42,19 @@ $-default-size: 'md';
42
42
  @mixin size($size: $-default-size) {
43
43
  $block-size: map.get($-sizes, $size);
44
44
 
45
- @include tokens.set('size--block-size', $block-size);
46
- @include tokens.set('size--padding-block-start', -get-padding-block-start($block-size));
47
- @include tokens.set('size--padding-block-end', -get-padding-block-end($block-size));
45
+ @include tokens.set("size--block-size", $block-size);
46
+ @include tokens.set("size--padding-block-start", -get-padding-block-start($block-size));
47
+ @include tokens.set("size--padding-block-end", -get-padding-block-end($block-size));
48
48
  }
49
49
 
50
50
  $-default-block-size: map.get($-sizes, $-default-size);
51
51
 
52
- $size--block-size: tokens.get('size--block-size', $-default-block-size);
53
- $size--padding-block-start: tokens.get('size--padding-block-start', -get-padding-block-start($-default-block-size));
54
- $size--padding-block-end: tokens.get('size--padding-block-end', -get-padding-block-end($-default-block-size));
52
+ $size--block-size: tokens.get("size--block-size", $-default-block-size);
53
+ $size--padding-block-start: tokens.get(
54
+ "size--padding-block-start",
55
+ -get-padding-block-start($-default-block-size)
56
+ );
57
+ $size--padding-block-end: tokens.get(
58
+ "size--padding-block-end",
59
+ -get-padding-block-end($-default-block-size)
60
+ );
package/scss/layout/index.scss CHANGED
@@ -5,6 +5,6 @@
5
5
  * LICENSE file in the root directory of this source tree.
6
6
  */
7
7
 
8
- @forward './density';
9
- @forward './mode';
10
- @forward './size';
8
+ @forward "./density";
9
+ @forward "./mode";
10
+ @forward "./size";
package/scss/prebuilt/editorial/_elements.scss CHANGED
@@ -5,35 +5,35 @@
5
5
  * LICENSE file in the root directory of this source tree.
6
6
  */
7
7
 
8
- @use '../../elements/abbreviation';
9
- @use '../../elements/anchor';
10
- @use '../../elements/block-quotation';
11
- @use '../../elements/body';
12
- @use '../../elements/bold-text';
13
- @use '../../elements/code';
14
- @use '../../elements/deleted-text';
15
- @use '../../elements/description-list';
16
- @use '../../elements/details';
17
- @use '../../elements/heading-level-1';
18
- @use '../../elements/heading-level-2';
19
- @use '../../elements/heading-level-3';
20
- @use '../../elements/heading-level-4';
21
- @use '../../elements/heading-level-5';
22
- @use '../../elements/heading-level-6';
23
- @use '../../elements/horizontal-rule';
24
- @use '../../elements/image';
25
- @use '../../elements/inline-quotation';
26
- @use '../../elements/inserted-text';
27
- @use '../../elements/italic-text';
28
- @use '../../elements/keyboard-input';
29
- @use '../../elements/main';
30
- @use '../../elements/marked-text';
31
- @use '../../elements/ordered-list';
32
- @use '../../elements/paragraph';
33
- @use '../../elements/preformatted';
34
- @use '../../elements/small-text';
35
- @use '../../elements/table';
36
- @use '../../elements/unordered-list';
8
+ @use "../../elements/abbreviation";
9
+ @use "../../elements/anchor";
10
+ @use "../../elements/block-quotation";
11
+ @use "../../elements/body";
12
+ @use "../../elements/bold-text";
13
+ @use "../../elements/code";
14
+ @use "../../elements/deleted-text";
15
+ @use "../../elements/description-list";
16
+ @use "../../elements/details";
17
+ @use "../../elements/heading-level-1";
18
+ @use "../../elements/heading-level-2";
19
+ @use "../../elements/heading-level-3";
20
+ @use "../../elements/heading-level-4";
21
+ @use "../../elements/heading-level-5";
22
+ @use "../../elements/heading-level-6";
23
+ @use "../../elements/horizontal-rule";
24
+ @use "../../elements/image";
25
+ @use "../../elements/inline-quotation";
26
+ @use "../../elements/inserted-text";
27
+ @use "../../elements/italic-text";
28
+ @use "../../elements/keyboard-input";
29
+ @use "../../elements/main";
30
+ @use "../../elements/marked-text";
31
+ @use "../../elements/ordered-list";
32
+ @use "../../elements/paragraph";
33
+ @use "../../elements/preformatted";
34
+ @use "../../elements/small-text";
35
+ @use "../../elements/table";
36
+ @use "../../elements/unordered-list";
37
37
 
38
38
  @mixin styles {
39
39
  @include abbreviation.styles;
@@ -63,8 +63,10 @@
63
63
  @include paragraph.styles;
64
64
  @include preformatted.styles;
65
65
  @include small-text.styles;
66
- @include table.styles((
67
- kind: 'structured-list--flush',
68
- ));
66
+ @include table.styles(
67
+ (
68
+ kind: "structured-list--flush",
69
+ )
70
+ );
69
71
  @include unordered-list.styles;
70
72
  }
package/scss/prebuilt/editorial/_layout.scss CHANGED
@@ -5,10 +5,10 @@
5
5
  * LICENSE file in the root directory of this source tree.
6
6
  */
7
7
 
8
- @use '../../layout';
8
+ @use "../../layout";
9
9
 
10
10
  @mixin styles {
11
- @include layout.density('normal');
12
- @include layout.mode('expressive');
13
- @include layout.size('lg');
11
+ @include layout.density("normal");
12
+ @include layout.mode("expressive");
13
+ @include layout.size("lg");
14
14
  }
package/scss/prebuilt/editorial/index.scss CHANGED
@@ -5,25 +5,25 @@
5
5
  * LICENSE file in the root directory of this source tree.
6
6
  */
7
7
 
8
- @use '@carbon/styles/scss/config' with (
9
- $use-akamai-cdn: true,
8
+ @use "@carbon/styles/scss/config" with (
9
+ $use-akamai-cdn: true
10
10
  );
11
- @use '@carbon/styles/scss/fonts';
11
+ @use "@carbon/styles/scss/fonts";
12
12
 
13
- @use '@carbon/styles/scss/theme';
13
+ @use "@carbon/styles/scss/theme";
14
14
 
15
- @use '../../utilities/carbon';
15
+ @use "../../utilities/carbon";
16
16
 
17
- @use './layout';
18
- @use './elements';
17
+ @use "./layout";
18
+ @use "./elements";
19
19
 
20
20
  :root {
21
21
  @include carbon.emit-carbon-colors;
22
22
 
23
- @include carbon.emit-carbon-tokens('white');
23
+ @include carbon.emit-carbon-tokens("white");
24
24
 
25
25
  @media (prefers-color-scheme: dark) {
26
- @include carbon.emit-carbon-tokens('g100');
26
+ @include carbon.emit-carbon-tokens("g100");
27
27
  }
28
28
 
29
29
  @include layout.styles;
package/scss/prebuilt/expressive/_elements.scss CHANGED
@@ -5,69 +5,69 @@
5
5
  * LICENSE file in the root directory of this source tree.
6
6
  */
7
7
 
8
- @use '../../elements/abbreviation';
9
- @use '../../elements/address';
10
- @use '../../elements/anchor';
11
- @use '../../elements/block-quotation';
12
- @use '../../elements/body';
13
- @use '../../elements/bold-text';
14
- @use '../../elements/button';
15
- @use '../../elements/checkbox';
16
- @use '../../elements/code';
17
- @use '../../elements/color-input';
18
- @use '../../elements/combo-box';
19
- @use '../../elements/date-input';
20
- @use '../../elements/date-time-input';
21
- @use '../../elements/deleted-text';
22
- @use '../../elements/description-list';
23
- @use '../../elements/details';
24
- @use '../../elements/dialog';
25
- @use '../../elements/email-input';
26
- @use '../../elements/fieldset';
27
- @use '../../elements/file-input';
28
- @use '../../elements/footer';
29
- @use '../../elements/header-navigation';
30
- @use '../../elements/heading-level-1';
31
- @use '../../elements/heading-level-2';
32
- @use '../../elements/heading-level-3';
33
- @use '../../elements/heading-level-4';
34
- @use '../../elements/heading-level-5';
35
- @use '../../elements/heading-level-6';
36
- @use '../../elements/horizontal-rule';
37
- @use '../../elements/image';
38
- @use '../../elements/inline-loading';
39
- @use '../../elements/inline-quotation';
40
- @use '../../elements/inserted-text';
41
- @use '../../elements/italic-text';
42
- @use '../../elements/keyboard-input';
43
- @use '../../elements/label';
44
- @use '../../elements/main';
45
- @use '../../elements/marked-text';
46
- @use '../../elements/menu';
47
- @use '../../elements/number-input';
48
- @use '../../elements/ordered-list';
49
- @use '../../elements/paragraph';
50
- @use '../../elements/password-input';
51
- @use '../../elements/popover';
52
- @use '../../elements/preformatted';
53
- @use '../../elements/progress-bar';
54
- @use '../../elements/radio-button';
55
- @use '../../elements/range-input';
56
- @use '../../elements/search-input';
57
- @use '../../elements/select';
58
- @use '../../elements/side-navigation';
59
- @use '../../elements/small-text';
60
- @use '../../elements/table';
61
- @use '../../elements/telephone-number-input';
62
- @use '../../elements/text-area';
63
- @use '../../elements/text-input';
64
- @use '../../elements/tile';
65
- @use '../../elements/time-input';
66
- @use '../../elements/toggle';
67
- @use '../../elements/tooltip';
68
- @use '../../elements/tree-view';
69
- @use '../../elements/unordered-list';
70
- @use '../../elements/url-input';
8
+ @use "../../elements/abbreviation";
9
+ @use "../../elements/address";
10
+ @use "../../elements/anchor";
11
+ @use "../../elements/block-quotation";
12
+ @use "../../elements/body";
13
+ @use "../../elements/bold-text";
14
+ @use "../../elements/button";
15
+ @use "../../elements/checkbox";
16
+ @use "../../elements/code";
17
+ @use "../../elements/color-input";
18
+ @use "../../elements/combo-box";
19
+ @use "../../elements/date-input";
20
+ @use "../../elements/date-time-input";
21
+ @use "../../elements/deleted-text";
22
+ @use "../../elements/description-list";
23
+ @use "../../elements/details";
24
+ @use "../../elements/dialog";
25
+ @use "../../elements/email-input";
26
+ @use "../../elements/fieldset";
27
+ @use "../../elements/file-input";
28
+ @use "../../elements/footer";
29
+ @use "../../elements/header-navigation";
30
+ @use "../../elements/heading-level-1";
31
+ @use "../../elements/heading-level-2";
32
+ @use "../../elements/heading-level-3";
33
+ @use "../../elements/heading-level-4";
34
+ @use "../../elements/heading-level-5";
35
+ @use "../../elements/heading-level-6";
36
+ @use "../../elements/horizontal-rule";
37
+ @use "../../elements/image";
38
+ @use "../../elements/inline-loading";
39
+ @use "../../elements/inline-quotation";
40
+ @use "../../elements/inserted-text";
41
+ @use "../../elements/italic-text";
42
+ @use "../../elements/keyboard-input";
43
+ @use "../../elements/label";
44
+ @use "../../elements/main";
45
+ @use "../../elements/marked-text";
46
+ @use "../../elements/menu";
47
+ @use "../../elements/number-input";
48
+ @use "../../elements/ordered-list";
49
+ @use "../../elements/paragraph";
50
+ @use "../../elements/password-input";
51
+ @use "../../elements/popover";
52
+ @use "../../elements/preformatted";
53
+ @use "../../elements/progress-bar";
54
+ @use "../../elements/radio-button";
55
+ @use "../../elements/range-input";
56
+ @use "../../elements/search-input";
57
+ @use "../../elements/select";
58
+ @use "../../elements/side-navigation";
59
+ @use "../../elements/small-text";
60
+ @use "../../elements/table";
61
+ @use "../../elements/telephone-number-input";
62
+ @use "../../elements/text-area";
63
+ @use "../../elements/text-input";
64
+ @use "../../elements/tile";
65
+ @use "../../elements/time-input";
66
+ @use "../../elements/toggle";
67
+ @use "../../elements/tooltip";
68
+ @use "../../elements/tree-view";
69
+ @use "../../elements/unordered-list";
70
+ @use "../../elements/url-input";
71
71
 
72
72
  @mixin styles {
73
73
  @include abbreviation.styles;
@@ -77,10 +77,12 @@
77
77
  @include body.styles;
78
78
  @include bold-text.styles;
79
79
  @include button.styles;
80
- @include button.styles((
81
- selector: 'button[type="submit"]',
82
- kind: 'primary',
83
- ));
80
+ @include button.styles(
81
+ (
82
+ selector: 'button[type="submit"]',
83
+ kind: "primary",
84
+ )
85
+ );
84
86
  @include checkbox.styles;
85
87
  @include code.styles;
86
88
  @include color-input.styles;
@@ -125,9 +127,11 @@
125
127
  @include select.styles;
126
128
  @include side-navigation.styles;
127
129
  @include small-text.styles;
128
- @include table.styles((
129
- kind: 'structured-list',
130
- ));
130
+ @include table.styles(
131
+ (
132
+ kind: "structured-list",
133
+ )
134
+ );
131
135
  @include telephone-number-input.styles;
132
136
  @include text-area.styles;
133
137
  @include text-input.styles;
package/scss/prebuilt/expressive/_layout.scss CHANGED
@@ -5,10 +5,10 @@
5
5
  * LICENSE file in the root directory of this source tree.
6
6
  */
7
7
 
8
- @use '../../layout';
8
+ @use "../../layout";
9
9
 
10
10
  @mixin styles {
11
- @include layout.density('normal');
12
- @include layout.mode('expressive');
13
- @include layout.size('lg');
11
+ @include layout.density("normal");
12
+ @include layout.mode("expressive");
13
+ @include layout.size("lg");
14
14
  }
package/scss/prebuilt/expressive/index.scss CHANGED
@@ -5,25 +5,25 @@
5
5
  * LICENSE file in the root directory of this source tree.
6
6
  */
7
7
 
8
- @use '@carbon/styles/scss/config' with (
9
- $use-akamai-cdn: true,
8
+ @use "@carbon/styles/scss/config" with (
9
+ $use-akamai-cdn: true
10
10
  );
11
- @use '@carbon/styles/scss/fonts';
11
+ @use "@carbon/styles/scss/fonts";
12
12
 
13
- @use '@carbon/styles/scss/theme';
13
+ @use "@carbon/styles/scss/theme";
14
14
 
15
- @use '../../utilities/carbon';
15
+ @use "../../utilities/carbon";
16
16
 
17
- @use './layout';
18
- @use './elements';
17
+ @use "./layout";
18
+ @use "./elements";
19
19
 
20
20
  :root {
21
21
  @include carbon.emit-carbon-colors;
22
22
 
23
- @include carbon.emit-carbon-tokens('white');
23
+ @include carbon.emit-carbon-tokens("white");
24
24
 
25
25
  @media (prefers-color-scheme: dark) {
26
- @include carbon.emit-carbon-tokens('g100');
26
+ @include carbon.emit-carbon-tokens("g100");
27
27
  }
28
28
 
29
29
  @include layout.styles;
package/scss/prebuilt/productive/_elements.scss CHANGED
@@ -5,69 +5,69 @@
5
5
  * LICENSE file in the root directory of this source tree.
6
6
  */
7
7
 
8
- @use '../../elements/abbreviation';
9
- @use '../../elements/address';
10
- @use '../../elements/anchor';
11
- @use '../../elements/block-quotation';
12
- @use '../../elements/body';
13
- @use '../../elements/bold-text';
14
- @use '../../elements/button';
15
- @use '../../elements/checkbox';
16
- @use '../../elements/code';
17
- @use '../../elements/color-input';
18
- @use '../../elements/combo-box';
19
- @use '../../elements/date-input';
20
- @use '../../elements/date-time-input';
21
- @use '../../elements/deleted-text';
22
- @use '../../elements/description-list';
23
- @use '../../elements/details';
24
- @use '../../elements/dialog';
25
- @use '../../elements/email-input';
26
- @use '../../elements/fieldset';
27
- @use '../../elements/file-input';
28
- @use '../../elements/footer';
29
- @use '../../elements/header-navigation';
30
- @use '../../elements/heading-level-1';
31
- @use '../../elements/heading-level-2';
32
- @use '../../elements/heading-level-3';
33
- @use '../../elements/heading-level-4';
34
- @use '../../elements/heading-level-5';
35
- @use '../../elements/heading-level-6';
36
- @use '../../elements/horizontal-rule';
37
- @use '../../elements/image';
38
- @use '../../elements/inline-loading';
39
- @use '../../elements/inline-quotation';
40
- @use '../../elements/inserted-text';
41
- @use '../../elements/italic-text';
42
- @use '../../elements/keyboard-input';
43
- @use '../../elements/label';
44
- @use '../../elements/main';
45
- @use '../../elements/marked-text';
46
- @use '../../elements/menu';
47
- @use '../../elements/number-input';
48
- @use '../../elements/ordered-list';
49
- @use '../../elements/paragraph';
50
- @use '../../elements/password-input';
51
- @use '../../elements/popover';
52
- @use '../../elements/preformatted';
53
- @use '../../elements/progress-bar';
54
- @use '../../elements/radio-button';
55
- @use '../../elements/range-input';
56
- @use '../../elements/search-input';
57
- @use '../../elements/select';
58
- @use '../../elements/side-navigation';
59
- @use '../../elements/small-text';
60
- @use '../../elements/table';
61
- @use '../../elements/telephone-number-input';
62
- @use '../../elements/text-area';
63
- @use '../../elements/text-input';
64
- @use '../../elements/tile';
65
- @use '../../elements/time-input';
66
- @use '../../elements/toggle';
67
- @use '../../elements/tooltip';
68
- @use '../../elements/tree-view';
69
- @use '../../elements/unordered-list';
70
- @use '../../elements/url-input';
8
+ @use "../../elements/abbreviation";
9
+ @use "../../elements/address";
10
+ @use "../../elements/anchor";
11
+ @use "../../elements/block-quotation";
12
+ @use "../../elements/body";
13
+ @use "../../elements/bold-text";
14
+ @use "../../elements/button";
15
+ @use "../../elements/checkbox";
16
+ @use "../../elements/code";
17
+ @use "../../elements/color-input";
18
+ @use "../../elements/combo-box";
19
+ @use "../../elements/date-input";
20
+ @use "../../elements/date-time-input";
21
+ @use "../../elements/deleted-text";
22
+ @use "../../elements/description-list";
23
+ @use "../../elements/details";
24
+ @use "../../elements/dialog";
25
+ @use "../../elements/email-input";
26
+ @use "../../elements/fieldset";
27
+ @use "../../elements/file-input";
28
+ @use "../../elements/footer";
29
+ @use "../../elements/header-navigation";
30
+ @use "../../elements/heading-level-1";
31
+ @use "../../elements/heading-level-2";
32
+ @use "../../elements/heading-level-3";
33
+ @use "../../elements/heading-level-4";
34
+ @use "../../elements/heading-level-5";
35
+ @use "../../elements/heading-level-6";
36
+ @use "../../elements/horizontal-rule";
37
+ @use "../../elements/image";
38
+ @use "../../elements/inline-loading";
39
+ @use "../../elements/inline-quotation";
40
+ @use "../../elements/inserted-text";
41
+ @use "../../elements/italic-text";
42
+ @use "../../elements/keyboard-input";
43
+ @use "../../elements/label";
44
+ @use "../../elements/main";
45
+ @use "../../elements/marked-text";
46
+ @use "../../elements/menu";
47
+ @use "../../elements/number-input";
48
+ @use "../../elements/ordered-list";
49
+ @use "../../elements/paragraph";
50
+ @use "../../elements/password-input";
51
+ @use "../../elements/popover";
52
+ @use "../../elements/preformatted";
53
+ @use "../../elements/progress-bar";
54
+ @use "../../elements/radio-button";
55
+ @use "../../elements/range-input";
56
+ @use "../../elements/search-input";
57
+ @use "../../elements/select";
58
+ @use "../../elements/side-navigation";
59
+ @use "../../elements/small-text";
60
+ @use "../../elements/table";
61
+ @use "../../elements/telephone-number-input";
62
+ @use "../../elements/text-area";
63
+ @use "../../elements/text-input";
64
+ @use "../../elements/tile";
65
+ @use "../../elements/time-input";
66
+ @use "../../elements/toggle";
67
+ @use "../../elements/tooltip";
68
+ @use "../../elements/tree-view";
69
+ @use "../../elements/unordered-list";
70
+ @use "../../elements/url-input";
71
71
 
72
72
  @mixin styles {
73
73
  @include abbreviation.styles;
@@ -77,10 +77,12 @@
77
77
  @include body.styles;
78
78
  @include bold-text.styles;
79
79
  @include button.styles;
80
- @include button.styles((
81
- selector: 'button[type="submit"]',
82
- kind: 'primary',
83
- ));
80
+ @include button.styles(
81
+ (
82
+ selector: 'button[type="submit"]',
83
+ kind: "primary",
84
+ )
85
+ );
84
86
  @include checkbox.styles;
85
87
  @include code.styles;
86
88
  @include color-input.styles;
package/scss/prebuilt/productive/_layout.scss CHANGED
@@ -5,10 +5,10 @@
5
5
  * LICENSE file in the root directory of this source tree.
6
6
  */
7
7
 
8
- @use '../../layout';
8
+ @use "../../layout";
9
9
 
10
10
  @mixin styles {
11
- @include layout.density('normal');
12
- @include layout.mode('productive');
13
- @include layout.size('md');
11
+ @include layout.density("normal");
12
+ @include layout.mode("productive");
13
+ @include layout.size("md");
14
14
  }
package/scss/prebuilt/productive/index.scss CHANGED
@@ -5,25 +5,25 @@
5
5
  * LICENSE file in the root directory of this source tree.
6
6
  */
7
7
 
8
- @use '@carbon/styles/scss/config' with (
9
- $use-akamai-cdn: true,
8
+ @use "@carbon/styles/scss/config" with (
9
+ $use-akamai-cdn: true
10
10
  );
11
- @use '@carbon/styles/scss/fonts';
11
+ @use "@carbon/styles/scss/fonts";
12
12
 
13
- @use '@carbon/styles/scss/theme';
13
+ @use "@carbon/styles/scss/theme";
14
14
 
15
- @use '../../utilities/carbon';
15
+ @use "../../utilities/carbon";
16
16
 
17
- @use './layout';
18
- @use './elements';
17
+ @use "./layout";
18
+ @use "./elements";
19
19
 
20
20
  :root {
21
21
  @include carbon.emit-carbon-colors;
22
22
 
23
- @include carbon.emit-carbon-tokens('g10');
23
+ @include carbon.emit-carbon-tokens("g10");
24
24
 
25
25
  @media (prefers-color-scheme: dark) {
26
- @include carbon.emit-carbon-tokens('g100');
26
+ @include carbon.emit-carbon-tokens("g100");
27
27
  }
28
28
 
29
29
  @include layout.styles;