@carbon/elements 10.55.0-rc.0 → 11.0.0

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 (169) hide show
  1. package/es/index.js +1 -1
  2. package/lib/index.js +0 -4
  3. package/package.json +12 -13
  4. package/src/__tests__/__snapshots__/PublicAPI-test.js.snap +44 -131
  5. package/src/index.js +0 -1
  6. package/umd/index.js +0 -4
  7. package/scss/colors/colors.scss +0 -12
  8. package/scss/colors/index.scss +0 -12
  9. package/scss/colors/mixins.scss +0 -1456
  10. package/scss/elements.scss +0 -17
  11. package/scss/grid/12.scss +0 -41
  12. package/scss/grid/_inlined/12.scss +0 -41
  13. package/scss/grid/_inlined/_mixins.import.scss +0 -431
  14. package/scss/grid/_inlined/_mixins.scss +0 -415
  15. package/scss/grid/_inlined/_prefix.scss +0 -12
  16. package/scss/grid/_mixins.import.scss +0 -431
  17. package/scss/grid/_mixins.scss +0 -415
  18. package/scss/grid/_prefix.scss +0 -12
  19. package/scss/grid/grid.scss +0 -10
  20. package/scss/grid/index.scss +0 -10
  21. package/scss/grid/modules/_breakpoint.scss +0 -198
  22. package/scss/grid/modules/_config.scss +0 -94
  23. package/scss/grid/modules/_css-grid.scss +0 -470
  24. package/scss/grid/modules/_flex-grid.scss +0 -363
  25. package/scss/grid/modules/_mixins.scss +0 -336
  26. package/scss/grid/vendor/@carbon/import-once/import-once.scss +0 -27
  27. package/scss/grid/vendor/@carbon/import-once/index.scss +0 -8
  28. package/scss/grid/vendor/@carbon/layout/_breakpoint.scss +0 -246
  29. package/scss/grid/vendor/@carbon/layout/_convert.import.scss +0 -65
  30. package/scss/grid/vendor/@carbon/layout/_convert.scss +0 -54
  31. package/scss/grid/vendor/@carbon/layout/_key-height.import.scss +0 -117
  32. package/scss/grid/vendor/@carbon/layout/_key-height.scss +0 -111
  33. package/scss/grid/vendor/@carbon/layout/_mini-unit.scss +0 -23
  34. package/scss/grid/vendor/@carbon/layout/_spacing.scss +0 -12
  35. package/scss/grid/vendor/@carbon/layout/_utilities.scss +0 -41
  36. package/scss/grid/vendor/@carbon/layout/generated/_container.scss +0 -73
  37. package/scss/grid/vendor/@carbon/layout/generated/_fluid-spacing.scss +0 -61
  38. package/scss/grid/vendor/@carbon/layout/generated/_icon-size.scss +0 -34
  39. package/scss/grid/vendor/@carbon/layout/generated/_layout.scss +0 -97
  40. package/scss/grid/vendor/@carbon/layout/generated/_size.scss +0 -17
  41. package/scss/grid/vendor/@carbon/layout/generated/_spacing.scss +0 -169
  42. package/scss/grid/vendor/@carbon/layout/index.scss +0 -8
  43. package/scss/grid/vendor/@carbon/layout/layout.scss +0 -12
  44. package/scss/grid/vendor/@carbon/layout/modules/_convert.scss +0 -51
  45. package/scss/grid/vendor/@carbon/layout/modules/_spacing.scss +0 -9
  46. package/scss/grid/vendor/@carbon/layout/modules/_utilities.scss +0 -41
  47. package/scss/grid/vendor/@carbon/layout/modules/generated/_fluid-spacing.scss +0 -37
  48. package/scss/grid/vendor/@carbon/layout/modules/generated/_spacing.scss +0 -91
  49. package/scss/icons/icons.scss +0 -10
  50. package/scss/icons/index.scss +0 -8
  51. package/scss/icons/mixins.scss +0 -18
  52. package/scss/import-once/import-once.scss +0 -27
  53. package/scss/import-once/index.scss +0 -8
  54. package/scss/index.scss +0 -15
  55. package/scss/layout/_breakpoint.scss +0 -246
  56. package/scss/layout/_convert.import.scss +0 -65
  57. package/scss/layout/_convert.scss +0 -54
  58. package/scss/layout/_key-height.import.scss +0 -117
  59. package/scss/layout/_key-height.scss +0 -111
  60. package/scss/layout/_mini-unit.scss +0 -23
  61. package/scss/layout/_spacing.scss +0 -12
  62. package/scss/layout/_utilities.scss +0 -41
  63. package/scss/layout/generated/_container.scss +0 -73
  64. package/scss/layout/generated/_fluid-spacing.scss +0 -61
  65. package/scss/layout/generated/_icon-size.scss +0 -34
  66. package/scss/layout/generated/_layout.scss +0 -97
  67. package/scss/layout/generated/_size.scss +0 -17
  68. package/scss/layout/generated/_spacing.scss +0 -169
  69. package/scss/layout/index.scss +0 -8
  70. package/scss/layout/layout.scss +0 -12
  71. package/scss/layout/modules/_convert.scss +0 -51
  72. package/scss/layout/modules/_spacing.scss +0 -9
  73. package/scss/layout/modules/_utilities.scss +0 -41
  74. package/scss/layout/modules/generated/_fluid-spacing.scss +0 -37
  75. package/scss/layout/modules/generated/_spacing.scss +0 -91
  76. package/scss/motion/index.scss +0 -8
  77. package/scss/motion/motion.scss +0 -78
  78. package/scss/themes/_mixins.scss +0 -39
  79. package/scss/themes/_theme-maps.scss +0 -9
  80. package/scss/themes/_tokens.scss +0 -8
  81. package/scss/themes/compat/_themes.scss +0 -8
  82. package/scss/themes/compat/_tokens.scss +0 -8
  83. package/scss/themes/compat/generated/_themes.scss +0 -271
  84. package/scss/themes/compat/generated/_tokens.scss +0 -206
  85. package/scss/themes/generated/_mixins.scss +0 -3622
  86. package/scss/themes/generated/_themes.scss +0 -2955
  87. package/scss/themes/generated/_tokens.scss +0 -3179
  88. package/scss/themes/index.scss +0 -8
  89. package/scss/themes/modules/_config.scss +0 -11
  90. package/scss/themes/modules/_theme.scss +0 -120
  91. package/scss/themes/modules/_themes.scss +0 -8
  92. package/scss/themes/modules/_tokens.scss +0 -8
  93. package/scss/themes/modules/_utilities.scss +0 -18
  94. package/scss/themes/modules/generated/_themes.scss +0 -432
  95. package/scss/themes/modules/generated/_tokens.scss +0 -308
  96. package/scss/themes/themes.scss +0 -10
  97. package/scss/type/_classes.scss +0 -41
  98. package/scss/type/_font-family.scss +0 -70
  99. package/scss/type/_inlined/_classes.scss +0 -41
  100. package/scss/type/_inlined/_font-family.scss +0 -70
  101. package/scss/type/_inlined/_prefix.scss +0 -11
  102. package/scss/type/_inlined/_reset.scss +0 -90
  103. package/scss/type/_inlined/_scale.scss +0 -59
  104. package/scss/type/_inlined/_styles.import.scss +0 -766
  105. package/scss/type/_inlined/_styles.scss +0 -924
  106. package/scss/type/_inlined/font-face/_mono.scss +0 -1166
  107. package/scss/type/_inlined/font-face/_sans-condensed.scss +0 -1009
  108. package/scss/type/_inlined/font-face/_sans.scss +0 -1326
  109. package/scss/type/_inlined/font-face/_serif.scss +0 -1166
  110. package/scss/type/_inlined/font-face/_settings.scss +0 -12
  111. package/scss/type/_prefix.scss +0 -11
  112. package/scss/type/_reset.scss +0 -90
  113. package/scss/type/_scale.scss +0 -59
  114. package/scss/type/_styles.import.scss +0 -766
  115. package/scss/type/_styles.scss +0 -924
  116. package/scss/type/font-face/_mono.scss +0 -1166
  117. package/scss/type/font-face/_sans-condensed.scss +0 -1009
  118. package/scss/type/font-face/_sans.scss +0 -1326
  119. package/scss/type/font-face/_serif.scss +0 -1166
  120. package/scss/type/font-face/_settings.scss +0 -12
  121. package/scss/type/index.scss +0 -8
  122. package/scss/type/modules/_classes.scss +0 -42
  123. package/scss/type/modules/_default-type.scss +0 -55
  124. package/scss/type/modules/_font-family.scss +0 -104
  125. package/scss/type/modules/_prefix.scss +0 -11
  126. package/scss/type/modules/_reset.scss +0 -44
  127. package/scss/type/modules/_scale.scss +0 -57
  128. package/scss/type/modules/_styles.scss +0 -876
  129. package/scss/type/type.scss +0 -8
  130. package/scss/type/vendor/@carbon/grid/12.scss +0 -41
  131. package/scss/type/vendor/@carbon/grid/_inlined/12.scss +0 -41
  132. package/scss/type/vendor/@carbon/grid/_inlined/_mixins.import.scss +0 -431
  133. package/scss/type/vendor/@carbon/grid/_inlined/_mixins.scss +0 -415
  134. package/scss/type/vendor/@carbon/grid/_inlined/_prefix.scss +0 -12
  135. package/scss/type/vendor/@carbon/grid/_mixins.import.scss +0 -431
  136. package/scss/type/vendor/@carbon/grid/_mixins.scss +0 -415
  137. package/scss/type/vendor/@carbon/grid/_prefix.scss +0 -12
  138. package/scss/type/vendor/@carbon/grid/grid.scss +0 -10
  139. package/scss/type/vendor/@carbon/grid/index.scss +0 -10
  140. package/scss/type/vendor/@carbon/grid/modules/_breakpoint.scss +0 -198
  141. package/scss/type/vendor/@carbon/grid/modules/_config.scss +0 -94
  142. package/scss/type/vendor/@carbon/grid/modules/_css-grid.scss +0 -470
  143. package/scss/type/vendor/@carbon/grid/modules/_flex-grid.scss +0 -363
  144. package/scss/type/vendor/@carbon/grid/modules/_mixins.scss +0 -336
  145. package/scss/type/vendor/@carbon/grid/vendor/@carbon/import-once/import-once.scss +0 -27
  146. package/scss/type/vendor/@carbon/grid/vendor/@carbon/import-once/index.scss +0 -8
  147. package/scss/type/vendor/@carbon/grid/vendor/@carbon/layout/_breakpoint.scss +0 -246
  148. package/scss/type/vendor/@carbon/grid/vendor/@carbon/layout/_convert.import.scss +0 -65
  149. package/scss/type/vendor/@carbon/grid/vendor/@carbon/layout/_convert.scss +0 -54
  150. package/scss/type/vendor/@carbon/grid/vendor/@carbon/layout/_key-height.import.scss +0 -117
  151. package/scss/type/vendor/@carbon/grid/vendor/@carbon/layout/_key-height.scss +0 -111
  152. package/scss/type/vendor/@carbon/grid/vendor/@carbon/layout/_mini-unit.scss +0 -23
  153. package/scss/type/vendor/@carbon/grid/vendor/@carbon/layout/_spacing.scss +0 -12
  154. package/scss/type/vendor/@carbon/grid/vendor/@carbon/layout/_utilities.scss +0 -41
  155. package/scss/type/vendor/@carbon/grid/vendor/@carbon/layout/generated/_container.scss +0 -73
  156. package/scss/type/vendor/@carbon/grid/vendor/@carbon/layout/generated/_fluid-spacing.scss +0 -61
  157. package/scss/type/vendor/@carbon/grid/vendor/@carbon/layout/generated/_icon-size.scss +0 -34
  158. package/scss/type/vendor/@carbon/grid/vendor/@carbon/layout/generated/_layout.scss +0 -97
  159. package/scss/type/vendor/@carbon/grid/vendor/@carbon/layout/generated/_size.scss +0 -17
  160. package/scss/type/vendor/@carbon/grid/vendor/@carbon/layout/generated/_spacing.scss +0 -169
  161. package/scss/type/vendor/@carbon/grid/vendor/@carbon/layout/index.scss +0 -8
  162. package/scss/type/vendor/@carbon/grid/vendor/@carbon/layout/layout.scss +0 -12
  163. package/scss/type/vendor/@carbon/grid/vendor/@carbon/layout/modules/_convert.scss +0 -51
  164. package/scss/type/vendor/@carbon/grid/vendor/@carbon/layout/modules/_spacing.scss +0 -9
  165. package/scss/type/vendor/@carbon/grid/vendor/@carbon/layout/modules/_utilities.scss +0 -41
  166. package/scss/type/vendor/@carbon/grid/vendor/@carbon/layout/modules/generated/_fluid-spacing.scss +0 -37
  167. package/scss/type/vendor/@carbon/grid/vendor/@carbon/layout/modules/generated/_spacing.scss +0 -91
  168. package/scss/type/vendor/@carbon/import-once/import-once.scss +0 -27
  169. package/scss/type/vendor/@carbon/import-once/index.scss +0 -8
package/scss/type/_inlined/font-face/_settings.scss DELETED
@@ -1,12 +0,0 @@
1
- //
2
- // Copyright IBM Corp. 2018, 2018
3
- //
4
- // This source code is licensed under the Apache-2.0 license found in the
5
- // LICENSE file in the root directory of this source tree.
6
- //
7
-
8
- /// Defines how font files are loaded and displayed by the browser
9
- /// @link https://css-tricks.com/almanac/properties/f/font-display/
10
- /// @access public
11
- /// @group @carbon/type
12
- $carbon--font-display: auto !default;
package/scss/type/_prefix.scss DELETED
@@ -1,11 +0,0 @@
1
- //
2
- // Copyright IBM Corp. 2018, 2018
3
- //
4
- // This source code is licensed under the Apache-2.0 license found in the
5
- // LICENSE file in the root directory of this source tree.
6
- //
7
-
8
- /// @type String
9
- /// @access public
10
- /// @group @carbon/type
11
- $prefix: 'bx' !default;
package/scss/type/_reset.scss DELETED
@@ -1,90 +0,0 @@
1
- //
2
- // Copyright IBM Corp. 2018, 2018
3
- //
4
- // This source code is licensed under the Apache-2.0 license found in the
5
- // LICENSE file in the root directory of this source tree.
6
- //
7
-
8
- @import '../layout/convert';
9
- @import 'font-family';
10
- @import 'styles';
11
-
12
- /// Include a type reset for a given body and mono font family
13
- /// @param {String} $body-font-family [carbon--font-family('sans')] - The font family used on the `<body>` element
14
- /// @param {String} $mono-font-family [carbon--font-family('mono')] - The font family used on elements that require mono fonts, like the `<code>` element
15
- /// @access public
16
- /// @group @carbon/type
17
- @mixin carbon--type-reset(
18
- // TODO: remove in next major release. This has been replaced with 100%
19
- $base-font-size: $carbon--base-font-size,
20
- $body-font-family: carbon--font-family('sans'),
21
- $mono-font-family: carbon--font-family('mono')
22
- ) {
23
- html {
24
- font-size: 100%;
25
- }
26
-
27
- body {
28
- @include carbon--font-weight('regular');
29
-
30
- font-family: $body-font-family;
31
- -moz-osx-font-smoothing: grayscale;
32
- -webkit-font-smoothing: antialiased;
33
- text-rendering: optimizeLegibility;
34
- }
35
-
36
- code {
37
- font-family: $mono-font-family;
38
- }
39
-
40
- strong {
41
- @include carbon--font-weight('semibold');
42
- }
43
- }
44
-
45
- /// Include default type styles
46
- /// @access public
47
- /// @group @carbon/type
48
- @mixin carbon--default-type {
49
- h1 {
50
- @include carbon--type-style('productive-heading-06');
51
- }
52
-
53
- h2 {
54
- @include carbon--type-style('productive-heading-05');
55
- }
56
-
57
- h3 {
58
- @include carbon--type-style('productive-heading-04');
59
- }
60
-
61
- h4 {
62
- @include carbon--type-style('productive-heading-03');
63
- }
64
-
65
- h5 {
66
- @include carbon--type-style('productive-heading-02');
67
- }
68
-
69
- h6 {
70
- @include carbon--type-style('productive-heading-01');
71
- }
72
-
73
- p {
74
- @include carbon--type-style('body-long-02');
75
- }
76
-
77
- a {
78
- @if global-variable-exists('carbon--theme') and
79
- map-has-key($carbon--theme, 'link-01')
80
- {
81
- color: map-get($carbon--theme, 'link-01');
82
- } @else {
83
- color: #0062fe;
84
- }
85
- }
86
-
87
- em {
88
- font-style: italic;
89
- }
90
- }
package/scss/type/_scale.scss DELETED
@@ -1,59 +0,0 @@
1
- //
2
- // Copyright IBM Corp. 2018, 2018
3
- //
4
- // This source code is licensed under the Apache-2.0 license found in the
5
- // LICENSE file in the root directory of this source tree.
6
- //
7
-
8
- @import '../layout/convert';
9
-
10
- /// Compute the type size for the given type scale step
11
- /// @param {Number} $step
12
- /// @return {Number} In px
13
- /// @access public
14
- /// @group @carbon/type
15
- @function carbon--get-type-size($step) {
16
- @if $step == 1 {
17
- @return 12px;
18
- }
19
- // Yn = Yn-1 + {INT[(n-2)/4] + 1} * 2
20
- @return carbon--get-type-size($step - 1) + (floor(($step - 2) * 0.25) + 1) * 2;
21
- }
22
-
23
- /// Type scale follows a custom formula for determining each step size and supports sizes from 12px to 92px
24
- /// @type Map
25
- /// @access public
26
- /// @group @carbon/type
27
- $carbon--type-scale: ();
28
- @for $i from 1 through 23 {
29
- $carbon--type-scale: append(
30
- $carbon--type-scale,
31
- carbon--rem(carbon--get-type-size($i))
32
- );
33
- }
34
-
35
- /// Get the value of a specific step in the type scale
36
- /// @param {Number} $step
37
- /// @return {Number} In rem
38
- /// @access public
39
- /// @group @carbon/type
40
- @function carbon--type-scale($step) {
41
- @return nth($carbon--type-scale, $step);
42
- }
43
-
44
- /// Set the font-size value of a selector with the value at the given `$step`
45
- /// @param {Number} $step
46
- /// @access public
47
- /// @group @carbon/type
48
- @mixin carbon--type-scale($step) {
49
- font-size: carbon--type-scale($step);
50
- }
51
-
52
- /// Alias of `type-scale` mixin.
53
- /// @param {Number} $step
54
- /// @alias carbon--type-scale
55
- /// @access public
56
- /// @group @carbon/type
57
- @mixin carbon--font-size($step) {
58
- font-size: carbon--type-scale($step);
59
- }