@carbon/charts 0.41.49 → 0.41.50

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 (242) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/build/demo/data/index.d.ts +9 -3
  3. package/build/demo/data/wordcloud.d.ts +14 -0
  4. package/build/src/charts/index.d.ts +1 -0
  5. package/build/src/charts/wordcloud.d.ts +6 -0
  6. package/build/src/components/graphs/wordcloud.d.ts +10 -0
  7. package/build/src/components/index.d.ts +1 -0
  8. package/build/src/configuration.d.ts +2 -1
  9. package/build/src/interfaces/charts.d.ts +23 -0
  10. package/build/src/interfaces/events.d.ts +9 -0
  11. package/bundle.js +1 -1
  12. package/charts/index.d.ts +1 -0
  13. package/charts/index.js +1 -0
  14. package/charts/index.js.map +1 -1
  15. package/charts/wordcloud.d.ts +6 -0
  16. package/charts/wordcloud.js +46 -0
  17. package/charts/wordcloud.js.map +1 -0
  18. package/components/essentials/tooltip-axis.js +1 -1
  19. package/components/essentials/tooltip-axis.js.map +1 -1
  20. package/components/graphs/boxplot.js +2 -2
  21. package/components/graphs/boxplot.js.map +1 -1
  22. package/components/graphs/wordcloud.d.ts +10 -0
  23. package/components/graphs/wordcloud.js +229 -0
  24. package/components/graphs/wordcloud.js.map +1 -0
  25. package/components/index.d.ts +1 -0
  26. package/components/index.js +1 -0
  27. package/components/index.js.map +1 -1
  28. package/configuration.d.ts +2 -1
  29. package/configuration.js +22 -0
  30. package/configuration.js.map +1 -1
  31. package/demo/data/bundle.js +1 -1
  32. package/demo/data/index.d.ts +9 -3
  33. package/demo/data/index.js +25 -8
  34. package/demo/data/index.js.map +1 -1
  35. package/demo/data/wordcloud.d.ts +14 -0
  36. package/demo/data/wordcloud.js +105 -0
  37. package/demo/data/wordcloud.js.map +1 -0
  38. package/demo/styles.css +2824 -28
  39. package/demo/styles.css.map +1 -1
  40. package/demo/styles.min.css +1 -1
  41. package/demo/styles.min.css.map +1 -1
  42. package/demo/tsconfig.tsbuildinfo +29 -15
  43. package/interfaces/charts.d.ts +23 -0
  44. package/interfaces/charts.js.map +1 -1
  45. package/interfaces/events.d.ts +9 -0
  46. package/interfaces/events.js +10 -0
  47. package/interfaces/events.js.map +1 -1
  48. package/package.json +8 -7
  49. package/styles/_type.scss +4 -2
  50. package/styles/graphs/_wordcloud.scss +7 -0
  51. package/styles/graphs/index.scss +1 -0
  52. package/styles/vendor/@carbon/colors/README.md +4 -3
  53. package/styles/vendor/@carbon/colors/es/index.js +13 -12
  54. package/styles/vendor/@carbon/colors/lib/index.js +98 -93
  55. package/styles/vendor/@carbon/colors/package.json +14 -10
  56. package/styles/vendor/@carbon/colors/scss/colors.scss +1 -1
  57. package/styles/vendor/@carbon/colors/scss/index.scss +1 -1
  58. package/styles/vendor/@carbon/colors/scss/mixins.scss +33 -13
  59. package/styles/vendor/@carbon/colors/umd/index.js +99 -94
  60. package/styles/vendor/@carbon/elements/README.md +0 -6
  61. package/styles/vendor/@carbon/elements/es/index.js +4 -11
  62. package/styles/vendor/@carbon/elements/lib/index.js +959 -13
  63. package/styles/vendor/@carbon/elements/package.json +17 -13
  64. package/styles/vendor/@carbon/elements/scss/colors/colors.scss +1 -1
  65. package/styles/vendor/@carbon/elements/scss/colors/index.scss +1 -1
  66. package/styles/vendor/@carbon/elements/scss/colors/mixins.scss +33 -13
  67. package/styles/vendor/@carbon/elements/scss/grid/_inlined/_mixins.scss +82 -22
  68. package/styles/vendor/@carbon/elements/scss/grid/_mixins.scss +82 -22
  69. package/styles/vendor/@carbon/elements/scss/grid/modules/_breakpoint.scss +266 -0
  70. package/styles/vendor/@carbon/{themes/node_modules/@carbon/colors/scss/colors.scss → elements/scss/grid/modules/_config.scss} +6 -6
  71. package/styles/vendor/@carbon/elements/scss/grid/modules/_css-grid.scss +350 -0
  72. package/styles/vendor/@carbon/elements/scss/grid/modules/_mixins.scss +323 -0
  73. package/styles/vendor/@carbon/elements/scss/grid/vendor/@carbon/layout/_breakpoint.scss +8 -3
  74. package/styles/vendor/@carbon/elements/scss/grid/vendor/@carbon/layout/modules/_breakpoint.scss +232 -0
  75. package/styles/vendor/@carbon/elements/scss/grid/vendor/@carbon/layout/modules/_convert.scss +40 -0
  76. package/styles/vendor/@carbon/elements/scss/grid/vendor/@carbon/layout/modules/_spacing.scss +9 -0
  77. package/styles/vendor/@carbon/elements/scss/grid/vendor/@carbon/layout/modules/_utilities.scss +41 -0
  78. package/styles/vendor/@carbon/elements/scss/grid/vendor/@carbon/layout/modules/generated/_fluid-spacing.scss +37 -0
  79. package/styles/vendor/@carbon/elements/scss/grid/vendor/@carbon/layout/modules/generated/_spacing.scss +85 -0
  80. package/styles/vendor/@carbon/elements/scss/layout/_breakpoint.scss +8 -3
  81. package/styles/vendor/@carbon/elements/scss/layout/modules/_breakpoint.scss +232 -0
  82. package/styles/vendor/@carbon/elements/scss/layout/modules/_convert.scss +40 -0
  83. package/styles/vendor/@carbon/elements/scss/layout/modules/_spacing.scss +9 -0
  84. package/styles/vendor/@carbon/elements/scss/layout/modules/_utilities.scss +41 -0
  85. package/styles/vendor/@carbon/elements/scss/layout/modules/generated/_fluid-spacing.scss +37 -0
  86. package/styles/vendor/@carbon/elements/scss/layout/modules/generated/_spacing.scss +85 -0
  87. package/styles/vendor/@carbon/elements/scss/motion/motion.scss +24 -0
  88. package/styles/vendor/@carbon/elements/scss/themes/generated/_mixins.scss +643 -138
  89. package/styles/vendor/@carbon/elements/scss/themes/generated/_themes.scss +154 -77
  90. package/styles/vendor/@carbon/elements/scss/themes/generated/_tokens.scss +157 -75
  91. package/styles/vendor/@carbon/elements/scss/themes/modules/_theme.scss +50 -0
  92. package/styles/vendor/@carbon/elements/scss/themes/modules/_themes.scss +8 -0
  93. package/styles/vendor/@carbon/elements/scss/themes/modules/_utilities.scss +18 -0
  94. package/styles/vendor/@carbon/elements/scss/themes/modules/generated/_themes.scss +247 -0
  95. package/styles/vendor/@carbon/elements/scss/type/_font-family.scss +2 -2
  96. package/styles/vendor/@carbon/elements/scss/type/_inlined/_font-family.scss +2 -2
  97. package/styles/vendor/@carbon/elements/scss/type/_inlined/_reset.scss +9 -3
  98. package/styles/vendor/@carbon/elements/scss/type/_inlined/_scale.scss +2 -2
  99. package/styles/vendor/@carbon/elements/scss/type/_inlined/_styles.scss +60 -57
  100. package/styles/vendor/@carbon/elements/scss/type/_inlined/font-face/_mono.scss +72 -72
  101. package/styles/vendor/@carbon/elements/scss/type/_inlined/font-face/_sans-condensed.scss +302 -0
  102. package/styles/vendor/@carbon/elements/scss/type/_inlined/font-face/_sans.scss +84 -84
  103. package/styles/vendor/@carbon/elements/scss/type/_inlined/font-face/_serif.scss +72 -72
  104. package/styles/vendor/@carbon/elements/scss/type/_reset.scss +9 -3
  105. package/styles/vendor/@carbon/elements/scss/type/_scale.scss +2 -2
  106. package/styles/vendor/@carbon/elements/scss/type/_styles.scss +60 -57
  107. package/styles/vendor/@carbon/elements/scss/type/font-face/_mono.scss +72 -72
  108. package/styles/vendor/@carbon/elements/scss/type/font-face/_sans-condensed.scss +302 -0
  109. package/styles/vendor/@carbon/elements/scss/type/font-face/_sans.scss +84 -84
  110. package/styles/vendor/@carbon/elements/scss/type/font-face/_serif.scss +72 -72
  111. package/styles/vendor/@carbon/elements/scss/type/modules/_classes.scss +42 -0
  112. package/styles/vendor/@carbon/elements/scss/type/modules/_font-family.scss +70 -0
  113. package/styles/vendor/@carbon/elements/scss/type/modules/_prefix.scss +11 -0
  114. package/styles/vendor/@carbon/elements/scss/type/modules/_reset.scss +92 -0
  115. package/styles/vendor/@carbon/elements/scss/type/modules/_scale.scss +56 -0
  116. package/styles/vendor/@carbon/elements/scss/type/modules/_styles.scss +713 -0
  117. package/styles/vendor/@carbon/elements/scss/type/vendor/@carbon/layout/_breakpoint.scss +8 -3
  118. package/styles/vendor/@carbon/elements/scss/type/vendor/@carbon/layout/modules/_breakpoint.scss +232 -0
  119. package/styles/vendor/@carbon/elements/scss/type/vendor/@carbon/layout/modules/_convert.scss +40 -0
  120. package/styles/vendor/@carbon/elements/scss/type/vendor/@carbon/layout/modules/_spacing.scss +9 -0
  121. package/styles/vendor/@carbon/elements/scss/type/vendor/@carbon/layout/modules/_utilities.scss +41 -0
  122. package/styles/vendor/@carbon/elements/scss/type/vendor/@carbon/layout/modules/generated/_fluid-spacing.scss +37 -0
  123. package/styles/vendor/@carbon/elements/scss/type/vendor/@carbon/layout/modules/generated/_spacing.scss +85 -0
  124. package/styles/vendor/@carbon/elements/src/__tests__/PublicAPI-test.js +12 -0
  125. package/styles/vendor/@carbon/elements/src/__tests__/__snapshots__/PublicAPI-test.js.snap +306 -0
  126. package/styles/vendor/@carbon/elements/src/index.js +166 -4
  127. package/styles/vendor/@carbon/elements/umd/index.js +961 -17
  128. package/styles/vendor/@carbon/layout/README.md +0 -6
  129. package/styles/vendor/@carbon/layout/es/index.js +1 -1
  130. package/styles/vendor/@carbon/{themes/node_modules/@carbon/colors/scss → layout}/index.scss +5 -6
  131. package/styles/vendor/@carbon/layout/lib/index.js +30 -30
  132. package/styles/vendor/@carbon/layout/package.json +14 -10
  133. package/styles/vendor/@carbon/layout/scss/_breakpoint.scss +8 -3
  134. package/styles/vendor/@carbon/layout/scss/modules/_breakpoint.scss +232 -0
  135. package/styles/vendor/@carbon/layout/scss/modules/_convert.scss +40 -0
  136. package/styles/vendor/@carbon/layout/scss/modules/_spacing.scss +9 -0
  137. package/styles/vendor/@carbon/layout/scss/modules/_utilities.scss +41 -0
  138. package/styles/vendor/@carbon/layout/scss/modules/generated/_fluid-spacing.scss +37 -0
  139. package/styles/vendor/@carbon/layout/scss/modules/generated/_spacing.scss +85 -0
  140. package/styles/vendor/@carbon/layout/umd/index.js +31 -31
  141. package/styles/vendor/@carbon/motion/README.md +0 -6
  142. package/styles/vendor/@carbon/motion/es/index.js +8 -1
  143. package/styles/vendor/@carbon/motion/index.scss +56 -0
  144. package/styles/vendor/@carbon/motion/lib/index.js +14 -0
  145. package/styles/vendor/@carbon/motion/package.json +10 -6
  146. package/styles/vendor/@carbon/motion/scss/motion.scss +24 -0
  147. package/styles/vendor/@carbon/motion/src/index.js +16 -0
  148. package/styles/vendor/@carbon/motion/umd/index.js +15 -1
  149. package/styles/vendor/@carbon/themes/README.md +5 -4
  150. package/styles/vendor/@carbon/themes/es/index.js +719 -57
  151. package/styles/vendor/@carbon/themes/index.scss +9 -0
  152. package/styles/vendor/@carbon/themes/lib/index.js +1297 -251
  153. package/styles/vendor/@carbon/themes/metadata.yml +3 -0
  154. package/styles/vendor/@carbon/themes/package.json +23 -14
  155. package/styles/vendor/@carbon/themes/scss/_mixins.scss +27 -146
  156. package/styles/vendor/@carbon/themes/scss/_theme-maps.scss +3 -263
  157. package/styles/vendor/@carbon/themes/scss/_tokens.scss +2 -297
  158. package/styles/vendor/@carbon/themes/scss/generated/_mixins.scss +1851 -0
  159. package/styles/vendor/@carbon/themes/scss/generated/_themes.scss +1534 -0
  160. package/styles/vendor/@carbon/themes/scss/generated/_tokens.scss +1757 -0
  161. package/styles/vendor/@carbon/themes/scss/modules/_theme.scss +50 -0
  162. package/styles/vendor/@carbon/themes/scss/modules/_themes.scss +8 -0
  163. package/styles/vendor/@carbon/themes/scss/modules/_utilities.scss +18 -0
  164. package/styles/vendor/@carbon/themes/scss/modules/generated/_themes.scss +247 -0
  165. package/styles/vendor/@carbon/themes/scss/themes.scss +3 -2
  166. package/styles/vendor/@carbon/themes/src/g10.js +97 -5
  167. package/styles/vendor/@carbon/themes/src/g100.js +96 -4
  168. package/styles/vendor/@carbon/themes/src/g90.js +98 -6
  169. package/styles/vendor/@carbon/themes/src/index.js +5 -3
  170. package/styles/vendor/@carbon/themes/src/tokens.js +112 -2
  171. package/styles/vendor/@carbon/themes/src/tools.js +25 -0
  172. package/styles/vendor/@carbon/themes/src/v9.js +181 -0
  173. package/styles/vendor/@carbon/themes/src/white.js +98 -3
  174. package/styles/vendor/@carbon/themes/umd/index.js +1297 -254
  175. package/styles/vendor/@carbon/type/README.md +0 -6
  176. package/styles/vendor/@carbon/type/es/index.js +111 -82
  177. package/styles/vendor/@carbon/type/lib/index.js +132 -103
  178. package/styles/vendor/@carbon/type/package.json +12 -8
  179. package/styles/vendor/@carbon/type/scss/_font-family.scss +2 -2
  180. package/styles/vendor/@carbon/type/scss/_inlined/_font-family.scss +2 -2
  181. package/styles/vendor/@carbon/type/scss/_inlined/_reset.scss +9 -3
  182. package/styles/vendor/@carbon/type/scss/_inlined/_scale.scss +2 -2
  183. package/styles/vendor/@carbon/type/scss/_inlined/_styles.scss +60 -57
  184. package/styles/vendor/@carbon/type/scss/_inlined/font-face/_mono.scss +72 -72
  185. package/styles/vendor/@carbon/type/scss/_inlined/font-face/_sans-condensed.scss +302 -0
  186. package/styles/vendor/@carbon/type/scss/_inlined/font-face/_sans.scss +84 -84
  187. package/styles/vendor/@carbon/type/scss/_inlined/font-face/_serif.scss +72 -72
  188. package/styles/vendor/@carbon/type/scss/_reset.scss +9 -3
  189. package/styles/vendor/@carbon/type/scss/_scale.scss +2 -2
  190. package/styles/vendor/@carbon/type/scss/_styles.scss +60 -57
  191. package/styles/vendor/@carbon/type/scss/font-face/_mono.scss +72 -72
  192. package/styles/vendor/@carbon/type/scss/font-face/_sans-condensed.scss +302 -0
  193. package/styles/vendor/@carbon/type/scss/font-face/_sans.scss +84 -84
  194. package/styles/vendor/@carbon/type/scss/font-face/_serif.scss +72 -72
  195. package/styles/vendor/@carbon/type/scss/modules/_classes.scss +42 -0
  196. package/styles/vendor/@carbon/type/scss/modules/_font-family.scss +70 -0
  197. package/styles/vendor/@carbon/type/scss/modules/_prefix.scss +11 -0
  198. package/styles/vendor/@carbon/type/scss/modules/_reset.scss +92 -0
  199. package/styles/vendor/@carbon/type/scss/modules/_scale.scss +56 -0
  200. package/styles/vendor/@carbon/type/scss/modules/_styles.scss +713 -0
  201. package/styles/vendor/@carbon/type/scss/vendor/@carbon/layout/_breakpoint.scss +8 -3
  202. package/styles/vendor/@carbon/type/scss/vendor/@carbon/layout/modules/_breakpoint.scss +232 -0
  203. package/styles/vendor/@carbon/type/scss/vendor/@carbon/layout/modules/_convert.scss +40 -0
  204. package/styles/vendor/@carbon/type/scss/vendor/@carbon/layout/modules/_spacing.scss +9 -0
  205. package/styles/vendor/@carbon/type/scss/vendor/@carbon/layout/modules/_utilities.scss +41 -0
  206. package/styles/vendor/@carbon/type/scss/vendor/@carbon/layout/modules/generated/_fluid-spacing.scss +37 -0
  207. package/styles/vendor/@carbon/type/scss/vendor/@carbon/layout/modules/generated/_spacing.scss +85 -0
  208. package/styles/vendor/@carbon/type/src/__tests__/__snapshots__/styles-test.js.snap +32 -34
  209. package/styles/vendor/@carbon/type/src/__tests__/exports-test.js +1 -1
  210. package/styles/vendor/@carbon/type/src/__tests__/fluid-test.js +26 -26
  211. package/styles/vendor/@carbon/type/src/__tests__/styles-test.js +1 -1
  212. package/styles/vendor/@carbon/type/src/__tests__/tokens-test.js +2 -2
  213. package/styles/vendor/@carbon/type/src/fluid.js +1 -1
  214. package/styles/vendor/@carbon/type/src/index.js +1 -1
  215. package/styles/vendor/@carbon/type/src/styles.js +65 -64
  216. package/styles/vendor/@carbon/type/src/tokens.js +64 -31
  217. package/styles/vendor/@carbon/type/umd/index.js +134 -105
  218. package/styles-g10.css +570 -2
  219. package/styles-g10.css.map +1 -1
  220. package/styles-g10.min.css +1 -1
  221. package/styles-g10.min.css.map +1 -1
  222. package/styles-g100.css +574 -6
  223. package/styles-g100.css.map +1 -1
  224. package/styles-g100.min.css +1 -1
  225. package/styles-g100.min.css.map +1 -1
  226. package/styles-g90.css +574 -6
  227. package/styles-g90.css.map +1 -1
  228. package/styles-g90.min.css +1 -1
  229. package/styles-g90.min.css.map +1 -1
  230. package/styles.css +570 -2
  231. package/styles.css.map +1 -1
  232. package/styles.min.css +1 -1
  233. package/styles.min.css.map +1 -1
  234. package/tsconfig.tsbuildinfo +64 -14
  235. package/styles/vendor/@carbon/layout/docs/sass.md +0 -1899
  236. package/styles/vendor/@carbon/themes/node_modules/@carbon/colors/LICENSE +0 -201
  237. package/styles/vendor/@carbon/themes/node_modules/@carbon/colors/README.md +0 -154
  238. package/styles/vendor/@carbon/themes/node_modules/@carbon/colors/es/index.js +0 -287
  239. package/styles/vendor/@carbon/themes/node_modules/@carbon/colors/lib/index.js +0 -410
  240. package/styles/vendor/@carbon/themes/node_modules/@carbon/colors/package.json +0 -51
  241. package/styles/vendor/@carbon/themes/node_modules/@carbon/colors/scss/mixins.scss +0 -646
  242. package/styles/vendor/@carbon/themes/node_modules/@carbon/colors/umd/index.js +0 -416
@@ -250,12 +250,6 @@ There is also a `type-scale` mixin that will set `font-size` for your directly:
250
250
  }
251
251
  ```
252
252
 
253
- ## 📖 API Documentation
254
-
255
- If you're looking for `@carbon/type` API documentation, check out:
256
-
257
- - [Sass](./docs/sass.md)
258
-
259
253
  ## 📚 Examples
260
254
 
261
255
  If you're looking for more examples on how to use `@carbon/type`, we have some
@@ -1,4 +1,4 @@
1
- import { baseFontSize, px, rem, breakpoint, breakpoints } from '@carbon/layout';
1
+ import { px, baseFontSize, rem, breakpoint, breakpoints } from '@carbon/layout';
2
2
 
3
3
  /**
4
4
  * Copyright IBM Corp. 2018, 2018
@@ -143,6 +143,8 @@ function getTypeSize(step) {
143
143
  var scale = [12, 14, 16, 18, 20, 24, 28, 32, 36, 42, 48, 54, 60, 68, 76, 84, 92, 102, 112, 122, 132, 144, 156];
144
144
 
145
145
  function _typeof(obj) {
146
+ "@babel/helpers - typeof";
147
+
146
148
  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
147
149
  _typeof = function (obj) {
148
150
  return typeof obj;
@@ -244,132 +246,133 @@ function _objectWithoutProperties(source, excluded) {
244
246
  var caption01 = {
245
247
  fontSize: rem(scale[0]),
246
248
  fontWeight: fontWeights.regular,
247
- lineHeight: rem(16),
249
+ lineHeight: 1.34,
248
250
  letterSpacing: px(0.32)
249
251
  };
250
252
  var label01 = {
251
253
  fontSize: rem(scale[0]),
252
254
  fontWeight: fontWeights.regular,
253
- lineHeight: rem(16),
255
+ lineHeight: 1.34,
254
256
  letterSpacing: px(0.32)
255
257
  };
256
258
  var helperText01 = {
257
259
  fontSize: rem(scale[0]),
258
- lineHeight: rem(16),
260
+ lineHeight: 1.34,
259
261
  letterSpacing: px(0.32)
260
262
  };
261
263
  var bodyShort01 = {
262
264
  fontSize: rem(scale[1]),
263
265
  fontWeight: fontWeights.regular,
264
- lineHeight: rem(18),
266
+ lineHeight: 1.29,
265
267
  letterSpacing: px(0.16)
266
268
  };
267
269
  var bodyLong01 = {
268
270
  fontSize: rem(scale[1]),
269
271
  fontWeight: fontWeights.regular,
270
- lineHeight: rem(20),
272
+ lineHeight: 1.43,
271
273
  letterSpacing: px(0.16)
272
274
  };
273
275
  var bodyShort02 = {
274
276
  fontSize: rem(scale[2]),
275
277
  fontWeight: fontWeights.regular,
276
- lineHeight: rem(22),
278
+ lineHeight: 1.375,
277
279
  letterSpacing: 0
278
280
  };
279
281
  var bodyLong02 = {
280
282
  fontSize: rem(scale[2]),
281
283
  fontWeight: fontWeights.regular,
282
- lineHeight: rem(24),
284
+ lineHeight: 1.5,
283
285
  letterSpacing: 0
284
286
  };
285
287
  var code01 = {
286
288
  fontFamily: fontFamilies.mono,
287
289
  fontSize: rem(scale[0]),
288
290
  fontWeight: fontWeights.regular,
289
- lineHeight: rem(16),
291
+ lineHeight: 1.34,
290
292
  letterSpacing: px(0.32)
291
293
  };
292
294
  var code02 = {
293
295
  fontFamily: fontFamilies.mono,
294
296
  fontSize: rem(scale[1]),
295
297
  fontWeight: fontWeights.regular,
296
- lineHeight: rem(20),
298
+ lineHeight: 1.43,
297
299
  letterSpacing: px(0.32)
298
300
  };
299
301
  var heading01 = {
300
302
  fontSize: rem(scale[1]),
301
303
  fontWeight: fontWeights.semibold,
302
- lineHeight: rem(18),
304
+ lineHeight: 1.29,
303
305
  letterSpacing: px(0.16)
304
306
  };
305
307
  var productiveHeading01 = heading01;
306
308
  var heading02 = {
307
309
  fontSize: rem(scale[2]),
308
310
  fontWeight: fontWeights.semibold,
309
- lineHeight: rem(22),
311
+ lineHeight: 1.375,
310
312
  letterSpacing: 0
311
313
  };
312
314
  var productiveHeading02 = heading02;
313
315
  var productiveHeading03 = {
314
316
  fontSize: rem(scale[4]),
315
317
  fontWeight: fontWeights.regular,
316
- lineHeight: rem(26),
318
+ lineHeight: 1.4,
317
319
  letterSpacing: 0
318
320
  };
319
321
  var productiveHeading04 = {
320
322
  fontSize: rem(scale[6]),
321
323
  fontWeight: fontWeights.regular,
322
- lineHeight: rem(36),
324
+ lineHeight: 1.29,
323
325
  letterSpacing: 0
324
326
  };
325
327
  var productiveHeading05 = {
326
328
  fontSize: rem(scale[7]),
327
329
  fontWeight: fontWeights.regular,
328
- lineHeight: rem(40),
330
+ lineHeight: 1.25,
329
331
  letterSpacing: 0
330
332
  };
331
333
  var productiveHeading06 = {
332
334
  fontSize: rem(scale[9]),
333
335
  fontWeight: fontWeights.light,
334
- lineHeight: rem(50),
336
+ lineHeight: 1.199,
335
337
  letterSpacing: 0
336
338
  };
337
339
  var productiveHeading07 = {
338
340
  fontSize: rem(scale[11]),
339
341
  fontWeight: fontWeights.light,
340
- lineHeight: rem(64),
342
+ lineHeight: 1.19,
341
343
  letterSpacing: 0
342
344
  };
343
- var expressiveHeading01 = _objectSpread2({}, heading01, {
344
- lineHeight: rem(20)
345
+ var expressiveHeading01 = _objectSpread2(_objectSpread2({}, heading01), {}, {
346
+ lineHeight: 1.25
345
347
  });
346
- var expressiveHeading02 = _objectSpread2({}, heading02, {
347
- lineHeight: rem(24)
348
+ var expressiveHeading02 = _objectSpread2(_objectSpread2({}, heading02), {}, {
349
+ lineHeight: 1.5
348
350
  });
349
351
  var expressiveHeading03 = {
350
352
  fontSize: rem(scale[4]),
351
353
  fontWeight: fontWeights.regular,
352
- lineHeight: '130%',
354
+ lineHeight: 1.4,
353
355
  letterSpacing: 0,
354
356
  breakpoints: {
355
357
  xlg: {
356
358
  fontSize: rem(scale[4]),
357
- lineHeight: '125%'
359
+ lineHeight: 1.25
358
360
  },
359
361
  max: {
360
- fontSize: rem(scale[5])
362
+ fontSize: rem(scale[5]),
363
+ lineHeight: 1.334
361
364
  }
362
365
  }
363
366
  };
364
367
  var expressiveHeading04 = {
365
368
  fontSize: rem(scale[6]),
366
369
  fontWeight: fontWeights.regular,
367
- lineHeight: '129%',
370
+ lineHeight: 1.29,
368
371
  letterSpacing: 0,
369
372
  breakpoints: {
370
373
  xlg: {
371
374
  fontSize: rem(scale[6]),
372
- lineHeight: '125%'
375
+ lineHeight: 1.25
373
376
  },
374
377
  max: {
375
378
  fontSize: rem(scale[7])
@@ -379,31 +382,30 @@ var expressiveHeading04 = {
379
382
  var expressiveHeading05 = {
380
383
  fontSize: rem(scale[7]),
381
384
  fontWeight: fontWeights.regular,
382
- lineHeight: '125%',
385
+ lineHeight: 1.25,
383
386
  letterSpacing: 0,
384
387
  breakpoints: {
385
388
  md: {
386
389
  fontSize: rem(scale[8]),
387
390
  fontWeight: fontWeights.light,
388
- lineHeight: '122%',
391
+ lineHeight: 1.22,
389
392
  letterSpacing: 0
390
393
  },
391
394
  lg: {
392
395
  fontSize: rem(scale[9]),
393
396
  fontWeight: fontWeights.light,
394
- lineHeight: '119%',
397
+ lineHeight: 1.19,
395
398
  letterSpacing: 0
396
399
  },
397
400
  xlg: {
398
401
  fontSize: rem(scale[10]),
399
402
  fontWeight: fontWeights.light,
400
- lineHeight: '117%',
403
+ lineHeight: 1.17,
401
404
  letterSpacing: 0
402
405
  },
403
406
  max: {
404
407
  fontSize: rem(scale[12]),
405
408
  fontWeight: fontWeights.light,
406
- lineHeight: rem(70),
407
409
  letterSpacing: 0
408
410
  }
409
411
  }
@@ -411,31 +413,30 @@ var expressiveHeading05 = {
411
413
  var expressiveHeading06 = {
412
414
  fontSize: rem(scale[7]),
413
415
  fontWeight: fontWeights.semibold,
414
- lineHeight: '125%',
416
+ lineHeight: 1.25,
415
417
  letterSpacing: 0,
416
418
  breakpoints: {
417
419
  md: {
418
420
  fontSize: rem(scale[8]),
419
421
  fontWeight: fontWeights.semibold,
420
- lineHeight: '122%',
422
+ lineHeight: 1.22,
421
423
  letterSpacing: 0
422
424
  },
423
425
  lg: {
424
426
  fontSize: rem(scale[9]),
425
427
  fontWeight: fontWeights.semibold,
426
- lineHeight: '119%',
428
+ lineHeight: 1.19,
427
429
  letterSpacing: 0
428
430
  },
429
431
  xlg: {
430
432
  fontSize: rem(scale[10]),
431
433
  fontWeight: fontWeights.semibold,
432
- lineHeight: '117%',
434
+ lineHeight: 1.17,
433
435
  letterSpacing: 0
434
436
  },
435
437
  max: {
436
438
  fontSize: rem(scale[12]),
437
439
  fontWeight: fontWeights.semibold,
438
- lineHeight: rem(70),
439
440
  letterSpacing: 0
440
441
  }
441
442
  }
@@ -443,21 +444,23 @@ var expressiveHeading06 = {
443
444
  var expressiveParagraph01 = {
444
445
  fontSize: rem(scale[5]),
445
446
  fontWeight: fontWeights.light,
446
- lineHeight: '125%',
447
+ lineHeight: 1.334,
447
448
  letterSpacing: 0,
448
- lg: {
449
- fontSize: rem(scale[6]),
450
- lineHeight: '129%'
451
- },
452
- max: {
453
- fontSize: rem(scale[7]),
454
- lineHeight: '125%'
449
+ breakpoints: {
450
+ lg: {
451
+ fontSize: rem(scale[6]),
452
+ lineHeight: 1.29
453
+ },
454
+ max: {
455
+ fontSize: rem(scale[7]),
456
+ lineHeight: 1.25
457
+ }
455
458
  }
456
459
  };
457
460
  var quotation01 = {
458
461
  fontSize: rem(scale[4]),
459
462
  fontWeight: fontWeights.regular,
460
- lineHeight: '130%',
463
+ lineHeight: 1.3,
461
464
  letterSpacing: 0,
462
465
  breakpoints: {
463
466
  md: {
@@ -468,19 +471,19 @@ var quotation01 = {
468
471
  lg: {
469
472
  fontSize: rem(scale[5]),
470
473
  fontWeight: fontWeights.regular,
471
- lineHeight: '125%',
474
+ lineHeight: 1.334,
472
475
  letterSpacing: 0
473
476
  },
474
477
  xlg: {
475
478
  fontSize: rem(scale[6]),
476
479
  fontWeight: fontWeights.regular,
477
- lineHeight: '129%',
480
+ lineHeight: 1.29,
478
481
  letterSpacing: 0
479
482
  },
480
483
  max: {
481
484
  fontSize: rem(scale[7]),
482
485
  fontWeight: fontWeights.regular,
483
- lineHeight: '125%',
486
+ lineHeight: 1.25,
484
487
  letterSpacing: 0
485
488
  }
486
489
  }
@@ -488,20 +491,20 @@ var quotation01 = {
488
491
  var quotation02 = {
489
492
  fontSize: rem(scale[7]),
490
493
  fontWeight: fontWeights.light,
491
- lineHeight: '125%',
494
+ lineHeight: 1.25,
492
495
  letterSpacing: 0,
493
496
  breakpoints: {
494
497
  md: {
495
498
  fontSize: rem(scale[8]),
496
- lineHeight: '122%'
499
+ lineHeight: 1.22
497
500
  },
498
501
  lg: {
499
502
  fontSize: rem(scale[9]),
500
- lineHeight: '119%'
503
+ lineHeight: 1.19
501
504
  },
502
505
  xlg: {
503
506
  fontSize: rem(scale[10]),
504
- lineHeight: '117%'
507
+ lineHeight: 1.17
505
508
  },
506
509
  max: {
507
510
  fontSize: rem(scale[12])
@@ -511,7 +514,7 @@ var quotation02 = {
511
514
  var display01 = {
512
515
  fontSize: rem(scale[9]),
513
516
  fontWeight: fontWeights.light,
514
- lineHeight: '119%',
517
+ lineHeight: 1.19,
515
518
  letterSpacing: 0,
516
519
  breakpoints: {
517
520
  md: {
@@ -522,18 +525,18 @@ var display01 = {
522
525
  },
523
526
  xlg: {
524
527
  fontSize: rem(scale[12]),
525
- lineHeight: '117%'
528
+ lineHeight: 1.17
526
529
  },
527
530
  max: {
528
531
  fontSize: rem(scale[14]),
529
- lineHeight: '113%'
532
+ lineHeight: 1.13
530
533
  }
531
534
  }
532
535
  };
533
536
  var display02 = {
534
537
  fontSize: rem(scale[9]),
535
538
  fontWeight: fontWeights.semibold,
536
- lineHeight: '119%',
539
+ lineHeight: 1.19,
537
540
  letterSpacing: 0,
538
541
  breakpoints: {
539
542
  md: {
@@ -544,36 +547,36 @@ var display02 = {
544
547
  },
545
548
  xlg: {
546
549
  fontSize: rem(scale[12]),
547
- lineHeight: '116%'
550
+ lineHeight: 1.16
548
551
  },
549
552
  max: {
550
553
  fontSize: rem(scale[14]),
551
- lineHeight: '113%'
554
+ lineHeight: 1.13
552
555
  }
553
556
  }
554
557
  };
555
558
  var display03 = {
556
559
  fontSize: rem(scale[9]),
557
560
  fontWeight: fontWeights.light,
558
- lineHeight: '119%',
561
+ lineHeight: 1.19,
559
562
  letterSpacing: 0,
560
563
  breakpoints: {
561
564
  md: {
562
565
  fontSize: rem(scale[13]),
563
- lineHeight: '115%'
566
+ lineHeight: 1.15
564
567
  },
565
568
  lg: {
566
569
  fontSize: rem(scale[16]),
567
- lineHeight: '111%',
570
+ lineHeight: 1.11,
568
571
  letterSpacing: px(-0.64)
569
572
  },
570
573
  xlg: {
571
574
  fontSize: rem(scale[19]),
572
- lineHeight: '107%'
575
+ lineHeight: 1.07
573
576
  },
574
577
  max: {
575
578
  fontSize: rem(scale[22]),
576
- lineHeight: '105%',
579
+ lineHeight: 1.05,
577
580
  letterSpacing: px(-0.96)
578
581
  }
579
582
  }
@@ -581,32 +584,33 @@ var display03 = {
581
584
  var display04 = {
582
585
  fontSize: rem(scale[9]),
583
586
  fontWeight: fontWeights.semibold,
584
- lineHeight: '119%',
587
+ lineHeight: 1.19,
585
588
  letterSpacing: 0,
586
589
  breakpoints: {
587
590
  md: {
588
591
  fontSize: rem(scale[13]),
589
- lineHeight: '115%'
592
+ lineHeight: 1.15
590
593
  },
591
594
  lg: {
592
595
  fontSize: rem(scale[16]),
593
- lineHeight: '111%',
596
+ lineHeight: 1.11,
594
597
  letterSpacing: px(-0.64)
595
598
  },
596
599
  xlg: {
597
600
  fontSize: rem(scale[19]),
598
- lineHeight: '107%',
601
+ lineHeight: 1.07,
599
602
  letterSpacing: px(-0.64)
600
603
  },
601
604
  max: {
602
605
  fontSize: rem(scale[22]),
603
- lineHeight: '105%',
606
+ lineHeight: 1.05,
604
607
  letterSpacing: px(-0.96)
605
608
  }
606
609
  }
607
610
  };
608
611
 
609
612
  var styles = /*#__PURE__*/Object.freeze({
613
+ __proto__: null,
610
614
  caption01: caption01,
611
615
  label01: label01,
612
616
  helperText01: helperText01,
@@ -662,7 +666,7 @@ function fluid(selector) {
662
666
 
663
667
  styles.fontSize = fluidTypeSize(styles, 'sm', fluidBreakpoints);
664
668
  fluidBreakpointNames.forEach(function (name) {
665
- styles[breakpoint(name)] = _objectSpread2({}, fluidBreakpoints[name], {
669
+ styles[breakpoint(name)] = _objectSpread2(_objectSpread2({}, fluidBreakpoints[name]), {}, {
666
670
  fontSize: fluidTypeSize(styles, name, fluidBreakpoints)
667
671
  });
668
672
  });
@@ -670,7 +674,7 @@ function fluid(selector) {
670
674
  }
671
675
 
672
676
  function fluidTypeSize(defaultStyles, fluidBreakpointName, fluidBreakpoints) {
673
- var breakpoint$$1 = breakpoints[fluidBreakpointName];
677
+ var breakpoint = breakpoints[fluidBreakpointName];
674
678
  var fluidBreakpoint = fluidBreakpointName === 'sm' ? defaultStyles : fluidBreakpoints[fluidBreakpointName];
675
679
  var maxFontSize = defaultStyles.fontSize;
676
680
  var minFontSize = defaultStyles.fontSize;
@@ -679,8 +683,8 @@ function fluidTypeSize(defaultStyles, fluidBreakpointName, fluidBreakpoints) {
679
683
  minFontSize = fluidBreakpoint.fontSize;
680
684
  }
681
685
 
682
- var maxViewportWidth = breakpoint$$1.width;
683
- var minViewportWidth = breakpoint$$1.width;
686
+ var maxViewportWidth = breakpoint.width;
687
+ var minViewportWidth = breakpoint.width;
684
688
  var nextBreakpointAvailable = next(fluidBreakpointName);
685
689
  var nextFluidBreakpointName = null;
686
690
 
@@ -713,13 +717,38 @@ function subtract(a, b) {
713
717
  * This source code is licensed under the Apache-2.0 license found in the
714
718
  * LICENSE file in the root directory of this source tree.
715
719
  */
716
- var unstable_tokens = ['caption01', 'label01', 'helperText01', 'bodyShort01', 'bodyLong01', 'bodyShort02', 'bodyLong02', 'code01', 'code02', 'heading01', 'productiveHeading01', 'heading02', 'productiveHeading02', 'productiveHeading03', 'productiveHeading04', 'productiveHeading05', 'productiveHeading06', 'productiveHeading07', 'expressiveHeading01', 'expressiveHeading02', 'expressiveHeading03', 'expressiveHeading04', 'expressiveHeading05', 'expressiveHeading06', 'expressiveParagraph01', 'quotation01', 'quotation02', 'display01', 'display02', 'display03', 'display04'];
717
-
718
- /**
719
- * Copyright IBM Corp. 2018, 2018
720
- *
721
- * This source code is licensed under the Apache-2.0 license found in the
722
- * LICENSE file in the root directory of this source tree.
723
- */
724
-
725
- export { fontFamilies, fontFamily, fontWeights, fontWeight, print, reset, getTypeSize, scale, styles, fluid, caption01, label01, helperText01, bodyShort01, bodyLong01, bodyShort02, bodyLong02, code01, code02, heading01, productiveHeading01, heading02, productiveHeading02, productiveHeading03, productiveHeading04, productiveHeading05, productiveHeading06, productiveHeading07, expressiveHeading01, expressiveHeading02, expressiveHeading03, expressiveHeading04, expressiveHeading05, expressiveHeading06, expressiveParagraph01, quotation01, quotation02, display01, display02, display03, display04, unstable_tokens };
720
+ // Unstable tokens
721
+ var caption01$1 = 'caption01';
722
+ var label01$1 = 'label01';
723
+ var helperText01$1 = 'helperText01';
724
+ var bodyShort01$1 = 'bodyShort01';
725
+ var bodyLong01$1 = 'bodyLong01';
726
+ var bodyShort02$1 = 'bodyShort02';
727
+ var bodyLong02$1 = 'bodyLong02';
728
+ var code01$1 = 'code01';
729
+ var code02$1 = 'code02';
730
+ var heading01$1 = 'heading01';
731
+ var productiveHeading01$1 = 'productiveHeading01';
732
+ var heading02$1 = 'heading02';
733
+ var productiveHeading02$1 = 'productiveHeading02';
734
+ var productiveHeading03$1 = 'productiveHeading03';
735
+ var productiveHeading04$1 = 'productiveHeading04';
736
+ var productiveHeading05$1 = 'productiveHeading05';
737
+ var productiveHeading06$1 = 'productiveHeading06';
738
+ var productiveHeading07$1 = 'productiveHeading07';
739
+ var expressiveHeading01$1 = 'expressiveHeading01';
740
+ var expressiveHeading02$1 = 'expressiveHeading02';
741
+ var expressiveHeading03$1 = 'expressiveHeading03';
742
+ var expressiveHeading04$1 = 'expressiveHeading04';
743
+ var expressiveHeading05$1 = 'expressiveHeading05';
744
+ var expressiveHeading06$1 = 'expressiveHeading06';
745
+ var expressiveParagraph01$1 = 'expressiveParagraph01';
746
+ var quotation01$1 = 'quotation01';
747
+ var quotation02$1 = 'quotation02';
748
+ var display01$1 = 'display01';
749
+ var display02$1 = 'display02';
750
+ var display03$1 = 'display03';
751
+ var display04$1 = 'display04';
752
+ var unstable_tokens = [caption01$1, label01$1, helperText01$1, bodyShort01$1, bodyLong01$1, bodyShort02$1, bodyLong02$1, code01$1, code02$1, heading01$1, productiveHeading01$1, heading02$1, productiveHeading02$1, productiveHeading03$1, productiveHeading04$1, productiveHeading05$1, productiveHeading06$1, productiveHeading07$1, expressiveHeading01$1, expressiveHeading02$1, expressiveHeading03$1, expressiveHeading04$1, expressiveHeading05$1, expressiveHeading06$1, expressiveParagraph01$1, quotation01$1, quotation02$1, display01$1, display02$1, display03$1, display04$1];
753
+
754
+ export { bodyLong01, bodyLong02, bodyShort01, bodyShort02, caption01, code01, code02, display01, display02, display03, display04, expressiveHeading01, expressiveHeading02, expressiveHeading03, expressiveHeading04, expressiveHeading05, expressiveHeading06, expressiveParagraph01, fluid, fontFamilies, fontFamily, fontWeight, fontWeights, getTypeSize, heading01, heading02, helperText01, label01, print, productiveHeading01, productiveHeading02, productiveHeading03, productiveHeading04, productiveHeading05, productiveHeading06, productiveHeading07, quotation01, quotation02, reset, scale, styles, unstable_tokens };