@carbon/elements 10.54.2 → 11.0.0-rc.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 (165) hide show
  1. package/package.json +12 -13
  2. package/src/__tests__/__snapshots__/PublicAPI-test.js.snap +44 -130
  3. package/scss/colors/colors.scss +0 -12
  4. package/scss/colors/index.scss +0 -12
  5. package/scss/colors/mixins.scss +0 -1456
  6. package/scss/elements.scss +0 -17
  7. package/scss/grid/12.scss +0 -41
  8. package/scss/grid/_inlined/12.scss +0 -41
  9. package/scss/grid/_inlined/_mixins.import.scss +0 -431
  10. package/scss/grid/_inlined/_mixins.scss +0 -415
  11. package/scss/grid/_inlined/_prefix.scss +0 -12
  12. package/scss/grid/_mixins.import.scss +0 -431
  13. package/scss/grid/_mixins.scss +0 -415
  14. package/scss/grid/_prefix.scss +0 -12
  15. package/scss/grid/grid.scss +0 -10
  16. package/scss/grid/index.scss +0 -10
  17. package/scss/grid/modules/_breakpoint.scss +0 -198
  18. package/scss/grid/modules/_config.scss +0 -94
  19. package/scss/grid/modules/_css-grid.scss +0 -470
  20. package/scss/grid/modules/_flex-grid.scss +0 -363
  21. package/scss/grid/modules/_mixins.scss +0 -336
  22. package/scss/grid/vendor/@carbon/import-once/import-once.scss +0 -27
  23. package/scss/grid/vendor/@carbon/import-once/index.scss +0 -8
  24. package/scss/grid/vendor/@carbon/layout/_breakpoint.scss +0 -246
  25. package/scss/grid/vendor/@carbon/layout/_convert.import.scss +0 -65
  26. package/scss/grid/vendor/@carbon/layout/_convert.scss +0 -54
  27. package/scss/grid/vendor/@carbon/layout/_key-height.import.scss +0 -117
  28. package/scss/grid/vendor/@carbon/layout/_key-height.scss +0 -111
  29. package/scss/grid/vendor/@carbon/layout/_mini-unit.scss +0 -23
  30. package/scss/grid/vendor/@carbon/layout/_spacing.scss +0 -12
  31. package/scss/grid/vendor/@carbon/layout/_utilities.scss +0 -41
  32. package/scss/grid/vendor/@carbon/layout/generated/_container.scss +0 -73
  33. package/scss/grid/vendor/@carbon/layout/generated/_fluid-spacing.scss +0 -61
  34. package/scss/grid/vendor/@carbon/layout/generated/_icon-size.scss +0 -34
  35. package/scss/grid/vendor/@carbon/layout/generated/_layout.scss +0 -97
  36. package/scss/grid/vendor/@carbon/layout/generated/_size.scss +0 -17
  37. package/scss/grid/vendor/@carbon/layout/generated/_spacing.scss +0 -169
  38. package/scss/grid/vendor/@carbon/layout/index.scss +0 -8
  39. package/scss/grid/vendor/@carbon/layout/layout.scss +0 -12
  40. package/scss/grid/vendor/@carbon/layout/modules/_convert.scss +0 -51
  41. package/scss/grid/vendor/@carbon/layout/modules/_spacing.scss +0 -9
  42. package/scss/grid/vendor/@carbon/layout/modules/_utilities.scss +0 -41
  43. package/scss/grid/vendor/@carbon/layout/modules/generated/_fluid-spacing.scss +0 -37
  44. package/scss/grid/vendor/@carbon/layout/modules/generated/_spacing.scss +0 -91
  45. package/scss/icons/icons.scss +0 -10
  46. package/scss/icons/index.scss +0 -8
  47. package/scss/icons/mixins.scss +0 -18
  48. package/scss/import-once/import-once.scss +0 -27
  49. package/scss/import-once/index.scss +0 -8
  50. package/scss/index.scss +0 -15
  51. package/scss/layout/_breakpoint.scss +0 -246
  52. package/scss/layout/_convert.import.scss +0 -65
  53. package/scss/layout/_convert.scss +0 -54
  54. package/scss/layout/_key-height.import.scss +0 -117
  55. package/scss/layout/_key-height.scss +0 -111
  56. package/scss/layout/_mini-unit.scss +0 -23
  57. package/scss/layout/_spacing.scss +0 -12
  58. package/scss/layout/_utilities.scss +0 -41
  59. package/scss/layout/generated/_container.scss +0 -73
  60. package/scss/layout/generated/_fluid-spacing.scss +0 -61
  61. package/scss/layout/generated/_icon-size.scss +0 -34
  62. package/scss/layout/generated/_layout.scss +0 -97
  63. package/scss/layout/generated/_size.scss +0 -17
  64. package/scss/layout/generated/_spacing.scss +0 -169
  65. package/scss/layout/index.scss +0 -8
  66. package/scss/layout/layout.scss +0 -12
  67. package/scss/layout/modules/_convert.scss +0 -51
  68. package/scss/layout/modules/_spacing.scss +0 -9
  69. package/scss/layout/modules/_utilities.scss +0 -41
  70. package/scss/layout/modules/generated/_fluid-spacing.scss +0 -37
  71. package/scss/layout/modules/generated/_spacing.scss +0 -91
  72. package/scss/motion/index.scss +0 -8
  73. package/scss/motion/motion.scss +0 -78
  74. package/scss/themes/_mixins.scss +0 -39
  75. package/scss/themes/_theme-maps.scss +0 -9
  76. package/scss/themes/_tokens.scss +0 -8
  77. package/scss/themes/compat/_themes.scss +0 -8
  78. package/scss/themes/compat/_tokens.scss +0 -8
  79. package/scss/themes/compat/generated/_themes.scss +0 -271
  80. package/scss/themes/compat/generated/_tokens.scss +0 -206
  81. package/scss/themes/generated/_mixins.scss +0 -3622
  82. package/scss/themes/generated/_themes.scss +0 -2955
  83. package/scss/themes/generated/_tokens.scss +0 -3179
  84. package/scss/themes/index.scss +0 -8
  85. package/scss/themes/modules/_config.scss +0 -11
  86. package/scss/themes/modules/_theme.scss +0 -120
  87. package/scss/themes/modules/_themes.scss +0 -8
  88. package/scss/themes/modules/_tokens.scss +0 -8
  89. package/scss/themes/modules/_utilities.scss +0 -18
  90. package/scss/themes/modules/generated/_themes.scss +0 -432
  91. package/scss/themes/modules/generated/_tokens.scss +0 -308
  92. package/scss/themes/themes.scss +0 -10
  93. package/scss/type/_classes.scss +0 -41
  94. package/scss/type/_font-family.scss +0 -70
  95. package/scss/type/_inlined/_classes.scss +0 -41
  96. package/scss/type/_inlined/_font-family.scss +0 -70
  97. package/scss/type/_inlined/_prefix.scss +0 -11
  98. package/scss/type/_inlined/_reset.scss +0 -90
  99. package/scss/type/_inlined/_scale.scss +0 -59
  100. package/scss/type/_inlined/_styles.import.scss +0 -766
  101. package/scss/type/_inlined/_styles.scss +0 -924
  102. package/scss/type/_inlined/font-face/_mono.scss +0 -430
  103. package/scss/type/_inlined/font-face/_sans-condensed.scss +0 -302
  104. package/scss/type/_inlined/font-face/_sans.scss +0 -497
  105. package/scss/type/_inlined/font-face/_serif.scss +0 -430
  106. package/scss/type/_inlined/font-face/_settings.scss +0 -12
  107. package/scss/type/_prefix.scss +0 -11
  108. package/scss/type/_reset.scss +0 -90
  109. package/scss/type/_scale.scss +0 -59
  110. package/scss/type/_styles.import.scss +0 -766
  111. package/scss/type/_styles.scss +0 -924
  112. package/scss/type/font-face/_mono.scss +0 -430
  113. package/scss/type/font-face/_sans-condensed.scss +0 -302
  114. package/scss/type/font-face/_sans.scss +0 -497
  115. package/scss/type/font-face/_serif.scss +0 -430
  116. package/scss/type/font-face/_settings.scss +0 -12
  117. package/scss/type/index.scss +0 -8
  118. package/scss/type/modules/_classes.scss +0 -42
  119. package/scss/type/modules/_default-type.scss +0 -55
  120. package/scss/type/modules/_font-family.scss +0 -104
  121. package/scss/type/modules/_prefix.scss +0 -11
  122. package/scss/type/modules/_reset.scss +0 -44
  123. package/scss/type/modules/_scale.scss +0 -57
  124. package/scss/type/modules/_styles.scss +0 -876
  125. package/scss/type/type.scss +0 -8
  126. package/scss/type/vendor/@carbon/grid/12.scss +0 -41
  127. package/scss/type/vendor/@carbon/grid/_inlined/12.scss +0 -41
  128. package/scss/type/vendor/@carbon/grid/_inlined/_mixins.import.scss +0 -431
  129. package/scss/type/vendor/@carbon/grid/_inlined/_mixins.scss +0 -415
  130. package/scss/type/vendor/@carbon/grid/_inlined/_prefix.scss +0 -12
  131. package/scss/type/vendor/@carbon/grid/_mixins.import.scss +0 -431
  132. package/scss/type/vendor/@carbon/grid/_mixins.scss +0 -415
  133. package/scss/type/vendor/@carbon/grid/_prefix.scss +0 -12
  134. package/scss/type/vendor/@carbon/grid/grid.scss +0 -10
  135. package/scss/type/vendor/@carbon/grid/index.scss +0 -10
  136. package/scss/type/vendor/@carbon/grid/modules/_breakpoint.scss +0 -198
  137. package/scss/type/vendor/@carbon/grid/modules/_config.scss +0 -94
  138. package/scss/type/vendor/@carbon/grid/modules/_css-grid.scss +0 -470
  139. package/scss/type/vendor/@carbon/grid/modules/_flex-grid.scss +0 -363
  140. package/scss/type/vendor/@carbon/grid/modules/_mixins.scss +0 -336
  141. package/scss/type/vendor/@carbon/grid/vendor/@carbon/import-once/import-once.scss +0 -27
  142. package/scss/type/vendor/@carbon/grid/vendor/@carbon/import-once/index.scss +0 -8
  143. package/scss/type/vendor/@carbon/grid/vendor/@carbon/layout/_breakpoint.scss +0 -246
  144. package/scss/type/vendor/@carbon/grid/vendor/@carbon/layout/_convert.import.scss +0 -65
  145. package/scss/type/vendor/@carbon/grid/vendor/@carbon/layout/_convert.scss +0 -54
  146. package/scss/type/vendor/@carbon/grid/vendor/@carbon/layout/_key-height.import.scss +0 -117
  147. package/scss/type/vendor/@carbon/grid/vendor/@carbon/layout/_key-height.scss +0 -111
  148. package/scss/type/vendor/@carbon/grid/vendor/@carbon/layout/_mini-unit.scss +0 -23
  149. package/scss/type/vendor/@carbon/grid/vendor/@carbon/layout/_spacing.scss +0 -12
  150. package/scss/type/vendor/@carbon/grid/vendor/@carbon/layout/_utilities.scss +0 -41
  151. package/scss/type/vendor/@carbon/grid/vendor/@carbon/layout/generated/_container.scss +0 -73
  152. package/scss/type/vendor/@carbon/grid/vendor/@carbon/layout/generated/_fluid-spacing.scss +0 -61
  153. package/scss/type/vendor/@carbon/grid/vendor/@carbon/layout/generated/_icon-size.scss +0 -34
  154. package/scss/type/vendor/@carbon/grid/vendor/@carbon/layout/generated/_layout.scss +0 -97
  155. package/scss/type/vendor/@carbon/grid/vendor/@carbon/layout/generated/_size.scss +0 -17
  156. package/scss/type/vendor/@carbon/grid/vendor/@carbon/layout/generated/_spacing.scss +0 -169
  157. package/scss/type/vendor/@carbon/grid/vendor/@carbon/layout/index.scss +0 -8
  158. package/scss/type/vendor/@carbon/grid/vendor/@carbon/layout/layout.scss +0 -12
  159. package/scss/type/vendor/@carbon/grid/vendor/@carbon/layout/modules/_convert.scss +0 -51
  160. package/scss/type/vendor/@carbon/grid/vendor/@carbon/layout/modules/_spacing.scss +0 -9
  161. package/scss/type/vendor/@carbon/grid/vendor/@carbon/layout/modules/_utilities.scss +0 -41
  162. package/scss/type/vendor/@carbon/grid/vendor/@carbon/layout/modules/generated/_fluid-spacing.scss +0 -37
  163. package/scss/type/vendor/@carbon/grid/vendor/@carbon/layout/modules/generated/_spacing.scss +0 -91
  164. package/scss/type/vendor/@carbon/import-once/import-once.scss +0 -27
  165. package/scss/type/vendor/@carbon/import-once/index.scss +0 -8
@@ -1,430 +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 'settings';
9
-
10
- /// Serif `@font-face`'s
11
- /// @access public
12
- /// @group @carbon/type
13
- @mixin carbon--font-face-serif {
14
- // .woff support for IE11
15
- @font-face {
16
- font-display: $carbon--font-display;
17
- font-family: 'IBM Plex Serif';
18
- font-style: italic;
19
- font-weight: 300;
20
- src: local('IBM Plex Serif Light Italic'), local('IBMPlexSerif-LightItalic'),
21
- url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizGREVNn1dOx-zrZ2X3pZvkTiUa454xm1npiw.woff)
22
- format('woff');
23
- }
24
- @font-face {
25
- font-display: $carbon--font-display;
26
- font-family: 'IBM Plex Serif';
27
- font-style: italic;
28
- font-weight: 400;
29
- src: local('IBM Plex Serif Italic'), local('IBMPlexSerif-Italic'),
30
- url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizBREVNn1dOx-zrZ2X3pZvkTiUa6zUTiA.woff)
31
- format('woff');
32
- }
33
- @font-face {
34
- font-display: $carbon--font-display;
35
- font-family: 'IBM Plex Serif';
36
- font-style: italic;
37
- font-weight: 600;
38
- src: local('IBM Plex Serif SemiBold Italic'),
39
- local('IBMPlexSerif-SemiBoldItalic'),
40
- url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizGREVNn1dOx-zrZ2X3pZvkTiUa4-o3m1npiw.woff)
41
- format('woff');
42
- }
43
- @font-face {
44
- font-display: $carbon--font-display;
45
- font-family: 'IBM Plex Serif';
46
- font-style: normal;
47
- font-weight: 300;
48
- src: local('IBM Plex Serif Light'), local('IBMPlexSerif-Light'),
49
- url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizAREVNn1dOx-zrZ2X3pZvkTi20-SI0q10.woff)
50
- format('woff');
51
- }
52
- @font-face {
53
- font-display: $carbon--font-display;
54
- font-family: 'IBM Plex Serif';
55
- font-style: normal;
56
- font-weight: 400;
57
- src: local('IBM Plex Serif'), local('IBMPlexSerif'),
58
- url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizDREVNn1dOx-zrZ2X3pZvkTiUf2zE.woff)
59
- format('woff');
60
- }
61
- @font-face {
62
- font-display: $carbon--font-display;
63
- font-family: 'IBM Plex Serif';
64
- font-style: normal;
65
- font-weight: 600;
66
- src: local('IBM Plex Serif SemiBold'), local('IBMPlexSerif-SemiBold'),
67
- url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizAREVNn1dOx-zrZ2X3pZvkTi3A_yI0q10.woff)
68
- format('woff');
69
- }
70
-
71
- /* cyrillic-ext */
72
- @font-face {
73
- font-display: $carbon--font-display;
74
- font-family: 'IBM Plex Serif';
75
- font-style: italic;
76
- font-weight: 300;
77
- src: local('IBM Plex Serif Light Italic'), local('IBMPlexSerif-LightItalic'),
78
- url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizGREVNn1dOx-zrZ2X3pZvkTiUa454xm1TpjfGj7oaMBg.woff2)
79
- format('woff2');
80
- unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
81
- U+FE2E-FE2F;
82
- }
83
- /* cyrillic */
84
- @font-face {
85
- font-display: $carbon--font-display;
86
- font-family: 'IBM Plex Serif';
87
- font-style: italic;
88
- font-weight: 300;
89
- src: local('IBM Plex Serif Light Italic'), local('IBMPlexSerif-LightItalic'),
90
- url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizGREVNn1dOx-zrZ2X3pZvkTiUa454xm13pjfGj7oaMBg.woff2)
91
- format('woff2');
92
- unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
93
- }
94
- /* vietnamese */
95
- @font-face {
96
- font-display: $carbon--font-display;
97
- font-family: 'IBM Plex Serif';
98
- font-style: italic;
99
- font-weight: 300;
100
- src: local('IBM Plex Serif Light Italic'), local('IBMPlexSerif-LightItalic'),
101
- url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizGREVNn1dOx-zrZ2X3pZvkTiUa454xm1bpjfGj7oaMBg.woff2)
102
- format('woff2');
103
- unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
104
- }
105
- /* latin-ext */
106
- @font-face {
107
- font-display: $carbon--font-display;
108
- font-family: 'IBM Plex Serif';
109
- font-style: italic;
110
- font-weight: 300;
111
- src: local('IBM Plex Serif Light Italic'), local('IBMPlexSerif-LightItalic'),
112
- url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizGREVNn1dOx-zrZ2X3pZvkTiUa454xm1fpjfGj7oaMBg.woff2)
113
- format('woff2');
114
- unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
115
- U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
116
- }
117
- /* latin */
118
- @font-face {
119
- font-display: $carbon--font-display;
120
- font-family: 'IBM Plex Serif';
121
- font-style: italic;
122
- font-weight: 300;
123
- src: local('IBM Plex Serif Light Italic'), local('IBMPlexSerif-LightItalic'),
124
- url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizGREVNn1dOx-zrZ2X3pZvkTiUa454xm1npjfGj7oY.woff2)
125
- format('woff2');
126
- unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
127
- U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
128
- U+2215, U+FEFF, U+FFFD;
129
- }
130
- /* cyrillic-ext */
131
- @font-face {
132
- font-display: $carbon--font-display;
133
- font-family: 'IBM Plex Serif';
134
- font-style: italic;
135
- font-weight: 400;
136
- src: local('IBM Plex Serif Italic'), local('IBMPlexSerif-Italic'),
137
- url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizBREVNn1dOx-zrZ2X3pZvkTiUa6zgTjnTLgNuZ5w.woff2)
138
- format('woff2');
139
- unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
140
- U+FE2E-FE2F;
141
- }
142
- /* cyrillic */
143
- @font-face {
144
- font-display: $carbon--font-display;
145
- font-family: 'IBM Plex Serif';
146
- font-style: italic;
147
- font-weight: 400;
148
- src: local('IBM Plex Serif Italic'), local('IBMPlexSerif-Italic'),
149
- url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizBREVNn1dOx-zrZ2X3pZvkTiUa6zETjnTLgNuZ5w.woff2)
150
- format('woff2');
151
- unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
152
- }
153
- /* vietnamese */
154
- @font-face {
155
- font-display: $carbon--font-display;
156
- font-family: 'IBM Plex Serif';
157
- font-style: italic;
158
- font-weight: 400;
159
- src: local('IBM Plex Serif Italic'), local('IBMPlexSerif-Italic'),
160
- url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizBREVNn1dOx-zrZ2X3pZvkTiUa6zoTjnTLgNuZ5w.woff2)
161
- format('woff2');
162
- unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
163
- }
164
- /* latin-ext */
165
- @font-face {
166
- font-display: $carbon--font-display;
167
- font-family: 'IBM Plex Serif';
168
- font-style: italic;
169
- font-weight: 400;
170
- src: local('IBM Plex Serif Italic'), local('IBMPlexSerif-Italic'),
171
- url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizBREVNn1dOx-zrZ2X3pZvkTiUa6zsTjnTLgNuZ5w.woff2)
172
- format('woff2');
173
- unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
174
- U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
175
- }
176
- /* latin */
177
- @font-face {
178
- font-display: $carbon--font-display;
179
- font-family: 'IBM Plex Serif';
180
- font-style: italic;
181
- font-weight: 400;
182
- src: local('IBM Plex Serif Italic'), local('IBMPlexSerif-Italic'),
183
- url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizBREVNn1dOx-zrZ2X3pZvkTiUa6zUTjnTLgNs.woff2)
184
- format('woff2');
185
- unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
186
- U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
187
- U+2215, U+FEFF, U+FFFD;
188
- }
189
- /* cyrillic-ext */
190
- @font-face {
191
- font-display: $carbon--font-display;
192
- font-family: 'IBM Plex Serif';
193
- font-style: italic;
194
- font-weight: 600;
195
- src: local('IBM Plex Serif SemiBold Italic'),
196
- local('IBMPlexSerif-SemiBoldItalic'),
197
- url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizGREVNn1dOx-zrZ2X3pZvkTiUa4-o3m1TpjfGj7oaMBg.woff2)
198
- format('woff2');
199
- unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
200
- U+FE2E-FE2F;
201
- }
202
- /* cyrillic */
203
- @font-face {
204
- font-display: $carbon--font-display;
205
- font-family: 'IBM Plex Serif';
206
- font-style: italic;
207
- font-weight: 600;
208
- src: local('IBM Plex Serif SemiBold Italic'),
209
- local('IBMPlexSerif-SemiBoldItalic'),
210
- url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizGREVNn1dOx-zrZ2X3pZvkTiUa4-o3m13pjfGj7oaMBg.woff2)
211
- format('woff2');
212
- unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
213
- }
214
- /* vietnamese */
215
- @font-face {
216
- font-display: $carbon--font-display;
217
- font-family: 'IBM Plex Serif';
218
- font-style: italic;
219
- font-weight: 600;
220
- src: local('IBM Plex Serif SemiBold Italic'),
221
- local('IBMPlexSerif-SemiBoldItalic'),
222
- url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizGREVNn1dOx-zrZ2X3pZvkTiUa4-o3m1bpjfGj7oaMBg.woff2)
223
- format('woff2');
224
- unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
225
- }
226
- /* latin-ext */
227
- @font-face {
228
- font-display: $carbon--font-display;
229
- font-family: 'IBM Plex Serif';
230
- font-style: italic;
231
- font-weight: 600;
232
- src: local('IBM Plex Serif SemiBold Italic'),
233
- local('IBMPlexSerif-SemiBoldItalic'),
234
- url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizGREVNn1dOx-zrZ2X3pZvkTiUa4-o3m1fpjfGj7oaMBg.woff2)
235
- format('woff2');
236
- unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
237
- U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
238
- }
239
- /* latin */
240
- @font-face {
241
- font-display: $carbon--font-display;
242
- font-family: 'IBM Plex Serif';
243
- font-style: italic;
244
- font-weight: 600;
245
- src: local('IBM Plex Serif SemiBold Italic'),
246
- local('IBMPlexSerif-SemiBoldItalic'),
247
- url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizGREVNn1dOx-zrZ2X3pZvkTiUa4-o3m1npjfGj7oY.woff2)
248
- format('woff2');
249
- unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
250
- U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
251
- U+2215, U+FEFF, U+FFFD;
252
- }
253
- /* cyrillic-ext */
254
- @font-face {
255
- font-display: $carbon--font-display;
256
- font-family: 'IBM Plex Serif';
257
- font-style: normal;
258
- font-weight: 300;
259
- src: local('IBM Plex Serif Light'), local('IBMPlexSerif-Light'),
260
- url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizAREVNn1dOx-zrZ2X3pZvkTi20-SI5q1vjitOh3oc.woff2)
261
- format('woff2');
262
- unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
263
- U+FE2E-FE2F;
264
- }
265
- /* cyrillic */
266
- @font-face {
267
- font-display: $carbon--font-display;
268
- font-family: 'IBM Plex Serif';
269
- font-style: normal;
270
- font-weight: 300;
271
- src: local('IBM Plex Serif Light'), local('IBMPlexSerif-Light'),
272
- url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizAREVNn1dOx-zrZ2X3pZvkTi20-SIwq1vjitOh3oc.woff2)
273
- format('woff2');
274
- unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
275
- }
276
- /* vietnamese */
277
- @font-face {
278
- font-display: $carbon--font-display;
279
- font-family: 'IBM Plex Serif';
280
- font-style: normal;
281
- font-weight: 300;
282
- src: local('IBM Plex Serif Light'), local('IBMPlexSerif-Light'),
283
- url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizAREVNn1dOx-zrZ2X3pZvkTi20-SI7q1vjitOh3oc.woff2)
284
- format('woff2');
285
- unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
286
- }
287
- /* latin-ext */
288
- @font-face {
289
- font-display: $carbon--font-display;
290
- font-family: 'IBM Plex Serif';
291
- font-style: normal;
292
- font-weight: 300;
293
- src: local('IBM Plex Serif Light'), local('IBMPlexSerif-Light'),
294
- url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizAREVNn1dOx-zrZ2X3pZvkTi20-SI6q1vjitOh3oc.woff2)
295
- format('woff2');
296
- unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
297
- U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
298
- }
299
- /* latin */
300
- @font-face {
301
- font-display: $carbon--font-display;
302
- font-family: 'IBM Plex Serif';
303
- font-style: normal;
304
- font-weight: 300;
305
- src: local('IBM Plex Serif Light'), local('IBMPlexSerif-Light'),
306
- url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizAREVNn1dOx-zrZ2X3pZvkTi20-SI0q1vjitOh.woff2)
307
- format('woff2');
308
- unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
309
- U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
310
- U+2215, U+FEFF, U+FFFD;
311
- }
312
- /* cyrillic-ext */
313
- @font-face {
314
- font-display: $carbon--font-display;
315
- font-family: 'IBM Plex Serif';
316
- font-style: normal;
317
- font-weight: 400;
318
- src: local('IBM Plex Serif'), local('IBMPlexSerif'),
319
- url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizDREVNn1dOx-zrZ2X3pZvkTiUS2zcZiVbJsNo.woff2)
320
- format('woff2');
321
- unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
322
- U+FE2E-FE2F;
323
- }
324
- /* cyrillic */
325
- @font-face {
326
- font-display: $carbon--font-display;
327
- font-family: 'IBM Plex Serif';
328
- font-style: normal;
329
- font-weight: 400;
330
- src: local('IBM Plex Serif'), local('IBMPlexSerif'),
331
- url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizDREVNn1dOx-zrZ2X3pZvkTiUb2zcZiVbJsNo.woff2)
332
- format('woff2');
333
- unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
334
- }
335
- /* vietnamese */
336
- @font-face {
337
- font-display: $carbon--font-display;
338
- font-family: 'IBM Plex Serif';
339
- font-style: normal;
340
- font-weight: 400;
341
- src: local('IBM Plex Serif'), local('IBMPlexSerif'),
342
- url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizDREVNn1dOx-zrZ2X3pZvkTiUQ2zcZiVbJsNo.woff2)
343
- format('woff2');
344
- unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
345
- }
346
- /* latin-ext */
347
- @font-face {
348
- font-display: $carbon--font-display;
349
- font-family: 'IBM Plex Serif';
350
- font-style: normal;
351
- font-weight: 400;
352
- src: local('IBM Plex Serif'), local('IBMPlexSerif'),
353
- url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizDREVNn1dOx-zrZ2X3pZvkTiUR2zcZiVbJsNo.woff2)
354
- format('woff2');
355
- unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
356
- U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
357
- }
358
- /* latin */
359
- @font-face {
360
- font-display: $carbon--font-display;
361
- font-family: 'IBM Plex Serif';
362
- font-style: normal;
363
- font-weight: 400;
364
- src: local('IBM Plex Serif'), local('IBMPlexSerif'),
365
- url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizDREVNn1dOx-zrZ2X3pZvkTiUf2zcZiVbJ.woff2)
366
- format('woff2');
367
- unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
368
- U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
369
- U+2215, U+FEFF, U+FFFD;
370
- }
371
- /* cyrillic-ext */
372
- @font-face {
373
- font-display: $carbon--font-display;
374
- font-family: 'IBM Plex Serif';
375
- font-style: normal;
376
- font-weight: 600;
377
- src: local('IBM Plex Serif SemiBold'), local('IBMPlexSerif-SemiBold'),
378
- url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizAREVNn1dOx-zrZ2X3pZvkTi3A_yI5q1vjitOh3oc.woff2)
379
- format('woff2');
380
- unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
381
- U+FE2E-FE2F;
382
- }
383
- /* cyrillic */
384
- @font-face {
385
- font-display: $carbon--font-display;
386
- font-family: 'IBM Plex Serif';
387
- font-style: normal;
388
- font-weight: 600;
389
- src: local('IBM Plex Serif SemiBold'), local('IBMPlexSerif-SemiBold'),
390
- url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizAREVNn1dOx-zrZ2X3pZvkTi3A_yIwq1vjitOh3oc.woff2)
391
- format('woff2');
392
- unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
393
- }
394
- /* vietnamese */
395
- @font-face {
396
- font-display: $carbon--font-display;
397
- font-family: 'IBM Plex Serif';
398
- font-style: normal;
399
- font-weight: 600;
400
- src: local('IBM Plex Serif SemiBold'), local('IBMPlexSerif-SemiBold'),
401
- url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizAREVNn1dOx-zrZ2X3pZvkTi3A_yI7q1vjitOh3oc.woff2)
402
- format('woff2');
403
- unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
404
- }
405
- /* latin-ext */
406
- @font-face {
407
- font-display: $carbon--font-display;
408
- font-family: 'IBM Plex Serif';
409
- font-style: normal;
410
- font-weight: 600;
411
- src: local('IBM Plex Serif SemiBold'), local('IBMPlexSerif-SemiBold'),
412
- url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizAREVNn1dOx-zrZ2X3pZvkTi3A_yI6q1vjitOh3oc.woff2)
413
- format('woff2');
414
- unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
415
- U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
416
- }
417
- /* latin */
418
- @font-face {
419
- font-display: $carbon--font-display;
420
- font-family: 'IBM Plex Serif';
421
- font-style: normal;
422
- font-weight: 600;
423
- src: local('IBM Plex Serif SemiBold'), local('IBMPlexSerif-SemiBold'),
424
- url(https://fonts.gstatic.com/s/ibmplexserif/v7/jizAREVNn1dOx-zrZ2X3pZvkTi3A_yI0q1vjitOh.woff2)
425
- format('woff2');
426
- unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
427
- U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
428
- U+2215, U+FEFF, U+FFFD;
429
- }
430
- }
@@ -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;
@@ -1,8 +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 'reset';
@@ -1,42 +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
- @use 'sass:map';
9
- @use 'font-family' as *;
10
- @use 'prefix' as *;
11
- @use 'styles' as *;
12
-
13
- /// Create type classes for font families, weights, styles
14
- /// @access public
15
- /// @group @carbon/type
16
- @mixin type-classes {
17
- // Font families
18
- @each $name, $value in $font-families {
19
- .#{$prefix}--type-#{$name} {
20
- font-family: $value;
21
- }
22
- }
23
-
24
- // Font weights
25
- @each $name, $value in $font-weights {
26
- .#{$prefix}--type-#{$name} {
27
- font-weight: $value;
28
- }
29
- }
30
-
31
- // Font styles
32
- .#{$prefix}--type-italic {
33
- font-style: italic;
34
- }
35
-
36
- // Type styles
37
- @each $name, $value in $tokens {
38
- .#{$prefix}--type-#{$name} {
39
- @include type-style($name, map.has-key($value, breakpoints));
40
- }
41
- }
42
- }
@@ -1,55 +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
- @use 'styles' as *;
9
-
10
- /// Include default type styles
11
- /// @access public
12
- /// @group @carbon/type
13
- @mixin default-type {
14
- h1 {
15
- @include type-style('productive-heading-06');
16
- }
17
-
18
- h2 {
19
- @include type-style('productive-heading-05');
20
- }
21
-
22
- h3 {
23
- @include type-style('productive-heading-04');
24
- }
25
-
26
- h4 {
27
- @include type-style('productive-heading-03');
28
- }
29
-
30
- h5 {
31
- @include type-style('productive-heading-02');
32
- }
33
-
34
- h6 {
35
- @include type-style('productive-heading-01');
36
- }
37
-
38
- p {
39
- @include type-style('body-long-02');
40
- }
41
-
42
- a {
43
- @if meta.global-variable-exists('carbon--theme') and
44
- map.has-key($carbon--theme, 'link-01')
45
- {
46
- color: map.get($carbon--theme, 'link-01');
47
- } @else {
48
- color: #0062fe;
49
- }
50
- }
51
-
52
- em {
53
- font-style: italic;
54
- }
55
- }
@@ -1,104 +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
- @use 'sass:string';
9
-
10
- /// Font family fallbacks for: IBM Plex Mono, IBM Plex Sans, IBM Plex Sans
11
- /// Condensed, IBM Plex Sans Hebrew, and IBM Plex Serif
12
- /// @type Map
13
- /// @access public
14
- /// @group @carbon/type
15
- $font-families: (
16
- 'mono':
17
- string.unquote(
18
- "'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace"
19
- ),
20
- 'sans':
21
- string.unquote(
22
- "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif"
23
- ),
24
- 'sans-condensed':
25
- string.unquote(
26
- "'IBM Plex Sans Condensed', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif"
27
- ),
28
- 'sans-arabic':
29
- string.unquote(
30
- "'IBM Plex Sans Arabic', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif"
31
- ),
32
- 'sans-devanagari':
33
- string.unquote(
34
- "'IBM Plex Sans Devanagari', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif"
35
- ),
36
- 'sans-hebrew':
37
- string.unquote(
38
- "'IBM Plex Sans Hebrew', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif"
39
- ),
40
- 'sans-jp':
41
- string.unquote(
42
- "'IBM Plex Sans JP', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif"
43
- ),
44
- 'sans-kr':
45
- string.unquote(
46
- "'IBM Plex Sans KR', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif"
47
- ),
48
- 'sans-thai-looped':
49
- string.unquote(
50
- "'IBM Plex Sans Thai Looped', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif"
51
- ),
52
- 'sans-thai':
53
- string.unquote(
54
- "'IBM Plex Sans Thai', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif"
55
- ),
56
- 'serif':
57
- string.unquote(
58
- "'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif"
59
- ),
60
- ) !default;
61
-
62
- /// Get the font-family for an IBM Plex font
63
- /// @param {String} $name
64
- /// @return {String}
65
- /// @access public
66
- /// @group @carbon/type
67
- @function font-family($name) {
68
- @return map-get($font-families, $name);
69
- }
70
-
71
- /// Include the `font-family` definition for the given name in your selector
72
- /// @param {String} $name
73
- /// @access public
74
- /// @group @carbon/type
75
- @mixin font-family($name) {
76
- font-family: font-family($name);
77
- }
78
-
79
- /// Suggested font weights to be used in product
80
- /// @type Map
81
- /// @access public
82
- /// @group @carbon/type
83
- $font-weights: (
84
- 'light': 300,
85
- 'regular': 400,
86
- 'semibold': 600,
87
- ) !default;
88
-
89
- /// Retrieve the font-weight value for a given name
90
- /// @param {String} $weight
91
- /// @return {Number}
92
- /// @access public
93
- /// @group @carbon/type
94
- @function font-weight($weight) {
95
- @return map-get($font-weights, $weight);
96
- }
97
-
98
- /// Set the `font-weight` property with the value for a given name
99
- /// @param {String} $weight
100
- /// @access public
101
- /// @group @carbon/type
102
- @mixin font-weight($weight) {
103
- font-weight: font-weight($weight);
104
- }
@@ -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;