@carbon/charts 0.41.46 → 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.
- package/CHANGELOG.md +32 -0
- package/build/demo/data/combo.d.ts +0 -11
- package/build/demo/data/index.d.ts +23 -17
- package/build/demo/data/wordcloud.d.ts +14 -0
- package/build/src/charts/index.d.ts +1 -0
- package/build/src/charts/wordcloud.d.ts +6 -0
- package/build/src/components/graphs/wordcloud.d.ts +10 -0
- package/build/src/components/index.d.ts +1 -0
- package/build/src/configuration.d.ts +2 -1
- package/build/src/interfaces/charts.d.ts +23 -0
- package/build/src/interfaces/events.d.ts +9 -0
- package/bundle.js +1 -1
- package/charts/index.d.ts +1 -0
- package/charts/index.js +1 -0
- package/charts/index.js.map +1 -1
- package/charts/wordcloud.d.ts +6 -0
- package/charts/wordcloud.js +46 -0
- package/charts/wordcloud.js.map +1 -0
- package/components/essentials/tooltip-axis.js +1 -1
- package/components/essentials/tooltip-axis.js.map +1 -1
- package/components/graphs/area.js +11 -2
- package/components/graphs/area.js.map +1 -1
- package/components/graphs/boxplot.js +2 -2
- package/components/graphs/boxplot.js.map +1 -1
- package/components/graphs/wordcloud.d.ts +10 -0
- package/components/graphs/wordcloud.js +229 -0
- package/components/graphs/wordcloud.js.map +1 -0
- package/components/index.d.ts +1 -0
- package/components/index.js +1 -0
- package/components/index.js.map +1 -1
- package/configuration.d.ts +2 -1
- package/configuration.js +22 -0
- package/configuration.js.map +1 -1
- package/demo/data/bundle.js +1 -1
- package/demo/data/combo.d.ts +0 -11
- package/demo/data/combo.js +0 -11
- package/demo/data/combo.js.map +1 -1
- package/demo/data/index.d.ts +23 -17
- package/demo/data/index.js +107 -50
- package/demo/data/index.js.map +1 -1
- package/demo/data/wordcloud.d.ts +14 -0
- package/demo/data/wordcloud.js +105 -0
- package/demo/data/wordcloud.js.map +1 -0
- package/demo/styles.css +2824 -28
- package/demo/styles.css.map +1 -1
- package/demo/styles.min.css +1 -1
- package/demo/styles.min.css.map +1 -1
- package/demo/tsconfig.tsbuildinfo +31 -17
- package/interfaces/charts.d.ts +23 -0
- package/interfaces/charts.js.map +1 -1
- package/interfaces/events.d.ts +9 -0
- package/interfaces/events.js +10 -0
- package/interfaces/events.js.map +1 -1
- package/package.json +8 -7
- package/styles/_type.scss +4 -2
- package/styles/graphs/_wordcloud.scss +7 -0
- package/styles/graphs/index.scss +1 -0
- package/styles/vendor/@carbon/colors/README.md +4 -3
- package/styles/vendor/@carbon/colors/es/index.js +13 -12
- package/styles/vendor/@carbon/colors/lib/index.js +98 -93
- package/styles/vendor/@carbon/colors/package.json +14 -10
- package/styles/vendor/@carbon/colors/scss/colors.scss +1 -1
- package/styles/vendor/@carbon/colors/scss/index.scss +1 -1
- package/styles/vendor/@carbon/colors/scss/mixins.scss +33 -13
- package/styles/vendor/@carbon/colors/umd/index.js +99 -94
- package/styles/vendor/@carbon/elements/README.md +0 -6
- package/styles/vendor/@carbon/elements/es/index.js +4 -11
- package/styles/vendor/@carbon/elements/lib/index.js +959 -13
- package/styles/vendor/@carbon/elements/package.json +17 -13
- package/styles/vendor/@carbon/elements/scss/colors/colors.scss +1 -1
- package/styles/vendor/@carbon/elements/scss/colors/index.scss +1 -1
- package/styles/vendor/@carbon/elements/scss/colors/mixins.scss +33 -13
- package/styles/vendor/@carbon/elements/scss/grid/_inlined/_mixins.scss +82 -22
- package/styles/vendor/@carbon/elements/scss/grid/_mixins.scss +82 -22
- package/styles/vendor/@carbon/elements/scss/grid/modules/_breakpoint.scss +266 -0
- package/styles/vendor/@carbon/{themes/node_modules/@carbon/colors/scss/colors.scss → elements/scss/grid/modules/_config.scss} +6 -6
- package/styles/vendor/@carbon/elements/scss/grid/modules/_css-grid.scss +350 -0
- package/styles/vendor/@carbon/elements/scss/grid/modules/_mixins.scss +323 -0
- package/styles/vendor/@carbon/elements/scss/grid/vendor/@carbon/layout/_breakpoint.scss +8 -3
- package/styles/vendor/@carbon/elements/scss/grid/vendor/@carbon/layout/modules/_breakpoint.scss +232 -0
- package/styles/vendor/@carbon/elements/scss/grid/vendor/@carbon/layout/modules/_convert.scss +40 -0
- package/styles/vendor/@carbon/elements/scss/grid/vendor/@carbon/layout/modules/_spacing.scss +9 -0
- package/styles/vendor/@carbon/elements/scss/grid/vendor/@carbon/layout/modules/_utilities.scss +41 -0
- package/styles/vendor/@carbon/elements/scss/grid/vendor/@carbon/layout/modules/generated/_fluid-spacing.scss +37 -0
- package/styles/vendor/@carbon/elements/scss/grid/vendor/@carbon/layout/modules/generated/_spacing.scss +85 -0
- package/styles/vendor/@carbon/elements/scss/layout/_breakpoint.scss +8 -3
- package/styles/vendor/@carbon/elements/scss/layout/modules/_breakpoint.scss +232 -0
- package/styles/vendor/@carbon/elements/scss/layout/modules/_convert.scss +40 -0
- package/styles/vendor/@carbon/elements/scss/layout/modules/_spacing.scss +9 -0
- package/styles/vendor/@carbon/elements/scss/layout/modules/_utilities.scss +41 -0
- package/styles/vendor/@carbon/elements/scss/layout/modules/generated/_fluid-spacing.scss +37 -0
- package/styles/vendor/@carbon/elements/scss/layout/modules/generated/_spacing.scss +85 -0
- package/styles/vendor/@carbon/elements/scss/motion/motion.scss +24 -0
- package/styles/vendor/@carbon/elements/scss/themes/generated/_mixins.scss +643 -138
- package/styles/vendor/@carbon/elements/scss/themes/generated/_themes.scss +154 -77
- package/styles/vendor/@carbon/elements/scss/themes/generated/_tokens.scss +157 -75
- package/styles/vendor/@carbon/elements/scss/themes/modules/_theme.scss +50 -0
- package/styles/vendor/@carbon/elements/scss/themes/modules/_themes.scss +8 -0
- package/styles/vendor/@carbon/elements/scss/themes/modules/_utilities.scss +18 -0
- package/styles/vendor/@carbon/elements/scss/themes/modules/generated/_themes.scss +247 -0
- package/styles/vendor/@carbon/elements/scss/type/_font-family.scss +2 -2
- package/styles/vendor/@carbon/elements/scss/type/_inlined/_font-family.scss +2 -2
- package/styles/vendor/@carbon/elements/scss/type/_inlined/_reset.scss +9 -3
- package/styles/vendor/@carbon/elements/scss/type/_inlined/_scale.scss +2 -2
- package/styles/vendor/@carbon/elements/scss/type/_inlined/_styles.scss +60 -57
- package/styles/vendor/@carbon/elements/scss/type/_inlined/font-face/_mono.scss +72 -72
- package/styles/vendor/@carbon/elements/scss/type/_inlined/font-face/_sans-condensed.scss +302 -0
- package/styles/vendor/@carbon/elements/scss/type/_inlined/font-face/_sans.scss +84 -84
- package/styles/vendor/@carbon/elements/scss/type/_inlined/font-face/_serif.scss +72 -72
- package/styles/vendor/@carbon/elements/scss/type/_reset.scss +9 -3
- package/styles/vendor/@carbon/elements/scss/type/_scale.scss +2 -2
- package/styles/vendor/@carbon/elements/scss/type/_styles.scss +60 -57
- package/styles/vendor/@carbon/elements/scss/type/font-face/_mono.scss +72 -72
- package/styles/vendor/@carbon/elements/scss/type/font-face/_sans-condensed.scss +302 -0
- package/styles/vendor/@carbon/elements/scss/type/font-face/_sans.scss +84 -84
- package/styles/vendor/@carbon/elements/scss/type/font-face/_serif.scss +72 -72
- package/styles/vendor/@carbon/elements/scss/type/modules/_classes.scss +42 -0
- package/styles/vendor/@carbon/elements/scss/type/modules/_font-family.scss +70 -0
- package/styles/vendor/@carbon/elements/scss/type/modules/_prefix.scss +11 -0
- package/styles/vendor/@carbon/elements/scss/type/modules/_reset.scss +92 -0
- package/styles/vendor/@carbon/elements/scss/type/modules/_scale.scss +56 -0
- package/styles/vendor/@carbon/elements/scss/type/modules/_styles.scss +713 -0
- package/styles/vendor/@carbon/elements/scss/type/vendor/@carbon/layout/_breakpoint.scss +8 -3
- package/styles/vendor/@carbon/elements/scss/type/vendor/@carbon/layout/modules/_breakpoint.scss +232 -0
- package/styles/vendor/@carbon/elements/scss/type/vendor/@carbon/layout/modules/_convert.scss +40 -0
- package/styles/vendor/@carbon/elements/scss/type/vendor/@carbon/layout/modules/_spacing.scss +9 -0
- package/styles/vendor/@carbon/elements/scss/type/vendor/@carbon/layout/modules/_utilities.scss +41 -0
- package/styles/vendor/@carbon/elements/scss/type/vendor/@carbon/layout/modules/generated/_fluid-spacing.scss +37 -0
- package/styles/vendor/@carbon/elements/scss/type/vendor/@carbon/layout/modules/generated/_spacing.scss +85 -0
- package/styles/vendor/@carbon/elements/src/__tests__/PublicAPI-test.js +12 -0
- package/styles/vendor/@carbon/elements/src/__tests__/__snapshots__/PublicAPI-test.js.snap +306 -0
- package/styles/vendor/@carbon/elements/src/index.js +166 -4
- package/styles/vendor/@carbon/elements/umd/index.js +961 -17
- package/styles/vendor/@carbon/layout/README.md +0 -6
- package/styles/vendor/@carbon/layout/es/index.js +1 -1
- package/styles/vendor/@carbon/{themes/node_modules/@carbon/colors/scss → layout}/index.scss +5 -6
- package/styles/vendor/@carbon/layout/lib/index.js +30 -30
- package/styles/vendor/@carbon/layout/package.json +14 -10
- package/styles/vendor/@carbon/layout/scss/_breakpoint.scss +8 -3
- package/styles/vendor/@carbon/layout/scss/modules/_breakpoint.scss +232 -0
- package/styles/vendor/@carbon/layout/scss/modules/_convert.scss +40 -0
- package/styles/vendor/@carbon/layout/scss/modules/_spacing.scss +9 -0
- package/styles/vendor/@carbon/layout/scss/modules/_utilities.scss +41 -0
- package/styles/vendor/@carbon/layout/scss/modules/generated/_fluid-spacing.scss +37 -0
- package/styles/vendor/@carbon/layout/scss/modules/generated/_spacing.scss +85 -0
- package/styles/vendor/@carbon/layout/umd/index.js +31 -31
- package/styles/vendor/@carbon/motion/README.md +0 -6
- package/styles/vendor/@carbon/motion/es/index.js +8 -1
- package/styles/vendor/@carbon/motion/index.scss +56 -0
- package/styles/vendor/@carbon/motion/lib/index.js +14 -0
- package/styles/vendor/@carbon/motion/package.json +10 -6
- package/styles/vendor/@carbon/motion/scss/motion.scss +24 -0
- package/styles/vendor/@carbon/motion/src/index.js +16 -0
- package/styles/vendor/@carbon/motion/umd/index.js +15 -1
- package/styles/vendor/@carbon/themes/README.md +5 -4
- package/styles/vendor/@carbon/themes/es/index.js +719 -57
- package/styles/vendor/@carbon/themes/index.scss +9 -0
- package/styles/vendor/@carbon/themes/lib/index.js +1297 -251
- package/styles/vendor/@carbon/themes/metadata.yml +3 -0
- package/styles/vendor/@carbon/themes/package.json +23 -14
- package/styles/vendor/@carbon/themes/scss/_mixins.scss +27 -146
- package/styles/vendor/@carbon/themes/scss/_theme-maps.scss +3 -263
- package/styles/vendor/@carbon/themes/scss/_tokens.scss +2 -297
- package/styles/vendor/@carbon/themes/scss/generated/_mixins.scss +1851 -0
- package/styles/vendor/@carbon/themes/scss/generated/_themes.scss +1534 -0
- package/styles/vendor/@carbon/themes/scss/generated/_tokens.scss +1757 -0
- package/styles/vendor/@carbon/themes/scss/modules/_theme.scss +50 -0
- package/styles/vendor/@carbon/themes/scss/modules/_themes.scss +8 -0
- package/styles/vendor/@carbon/themes/scss/modules/_utilities.scss +18 -0
- package/styles/vendor/@carbon/themes/scss/modules/generated/_themes.scss +247 -0
- package/styles/vendor/@carbon/themes/scss/themes.scss +3 -2
- package/styles/vendor/@carbon/themes/src/g10.js +97 -5
- package/styles/vendor/@carbon/themes/src/g100.js +96 -4
- package/styles/vendor/@carbon/themes/src/g90.js +98 -6
- package/styles/vendor/@carbon/themes/src/index.js +5 -3
- package/styles/vendor/@carbon/themes/src/tokens.js +112 -2
- package/styles/vendor/@carbon/themes/src/tools.js +25 -0
- package/styles/vendor/@carbon/themes/src/v9.js +181 -0
- package/styles/vendor/@carbon/themes/src/white.js +98 -3
- package/styles/vendor/@carbon/themes/umd/index.js +1297 -254
- package/styles/vendor/@carbon/type/README.md +0 -6
- package/styles/vendor/@carbon/type/es/index.js +111 -82
- package/styles/vendor/@carbon/type/lib/index.js +132 -103
- package/styles/vendor/@carbon/type/package.json +12 -8
- package/styles/vendor/@carbon/type/scss/_font-family.scss +2 -2
- package/styles/vendor/@carbon/type/scss/_inlined/_font-family.scss +2 -2
- package/styles/vendor/@carbon/type/scss/_inlined/_reset.scss +9 -3
- package/styles/vendor/@carbon/type/scss/_inlined/_scale.scss +2 -2
- package/styles/vendor/@carbon/type/scss/_inlined/_styles.scss +60 -57
- package/styles/vendor/@carbon/type/scss/_inlined/font-face/_mono.scss +72 -72
- package/styles/vendor/@carbon/type/scss/_inlined/font-face/_sans-condensed.scss +302 -0
- package/styles/vendor/@carbon/type/scss/_inlined/font-face/_sans.scss +84 -84
- package/styles/vendor/@carbon/type/scss/_inlined/font-face/_serif.scss +72 -72
- package/styles/vendor/@carbon/type/scss/_reset.scss +9 -3
- package/styles/vendor/@carbon/type/scss/_scale.scss +2 -2
- package/styles/vendor/@carbon/type/scss/_styles.scss +60 -57
- package/styles/vendor/@carbon/type/scss/font-face/_mono.scss +72 -72
- package/styles/vendor/@carbon/type/scss/font-face/_sans-condensed.scss +302 -0
- package/styles/vendor/@carbon/type/scss/font-face/_sans.scss +84 -84
- package/styles/vendor/@carbon/type/scss/font-face/_serif.scss +72 -72
- package/styles/vendor/@carbon/type/scss/modules/_classes.scss +42 -0
- package/styles/vendor/@carbon/type/scss/modules/_font-family.scss +70 -0
- package/styles/vendor/@carbon/type/scss/modules/_prefix.scss +11 -0
- package/styles/vendor/@carbon/type/scss/modules/_reset.scss +92 -0
- package/styles/vendor/@carbon/type/scss/modules/_scale.scss +56 -0
- package/styles/vendor/@carbon/type/scss/modules/_styles.scss +713 -0
- package/styles/vendor/@carbon/type/scss/vendor/@carbon/layout/_breakpoint.scss +8 -3
- package/styles/vendor/@carbon/type/scss/vendor/@carbon/layout/modules/_breakpoint.scss +232 -0
- package/styles/vendor/@carbon/type/scss/vendor/@carbon/layout/modules/_convert.scss +40 -0
- package/styles/vendor/@carbon/type/scss/vendor/@carbon/layout/modules/_spacing.scss +9 -0
- package/styles/vendor/@carbon/type/scss/vendor/@carbon/layout/modules/_utilities.scss +41 -0
- package/styles/vendor/@carbon/type/scss/vendor/@carbon/layout/modules/generated/_fluid-spacing.scss +37 -0
- package/styles/vendor/@carbon/type/scss/vendor/@carbon/layout/modules/generated/_spacing.scss +85 -0
- package/styles/vendor/@carbon/type/src/__tests__/__snapshots__/styles-test.js.snap +32 -34
- package/styles/vendor/@carbon/type/src/__tests__/exports-test.js +1 -1
- package/styles/vendor/@carbon/type/src/__tests__/fluid-test.js +26 -26
- package/styles/vendor/@carbon/type/src/__tests__/styles-test.js +1 -1
- package/styles/vendor/@carbon/type/src/__tests__/tokens-test.js +2 -2
- package/styles/vendor/@carbon/type/src/fluid.js +1 -1
- package/styles/vendor/@carbon/type/src/index.js +1 -1
- package/styles/vendor/@carbon/type/src/styles.js +65 -64
- package/styles/vendor/@carbon/type/src/tokens.js +64 -31
- package/styles/vendor/@carbon/type/umd/index.js +134 -105
- package/styles-g10.css +570 -2
- package/styles-g10.css.map +1 -1
- package/styles-g10.min.css +1 -1
- package/styles-g10.min.css.map +1 -1
- package/styles-g100.css +574 -6
- package/styles-g100.css.map +1 -1
- package/styles-g100.min.css +1 -1
- package/styles-g100.min.css.map +1 -1
- package/styles-g90.css +574 -6
- package/styles-g90.css.map +1 -1
- package/styles-g90.min.css +1 -1
- package/styles-g90.min.css.map +1 -1
- package/styles.css +570 -2
- package/styles.css.map +1 -1
- package/styles.min.css +1 -1
- package/styles.min.css.map +1 -1
- package/tsconfig.tsbuildinfo +65 -15
- package/styles/vendor/@carbon/layout/docs/sass.md +0 -1899
- package/styles/vendor/@carbon/themes/node_modules/@carbon/colors/LICENSE +0 -201
- package/styles/vendor/@carbon/themes/node_modules/@carbon/colors/README.md +0 -154
- package/styles/vendor/@carbon/themes/node_modules/@carbon/colors/es/index.js +0 -287
- package/styles/vendor/@carbon/themes/node_modules/@carbon/colors/lib/index.js +0 -410
- package/styles/vendor/@carbon/themes/node_modules/@carbon/colors/package.json +0 -51
- package/styles/vendor/@carbon/themes/node_modules/@carbon/colors/scss/mixins.scss +0 -646
- 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 {
|
|
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:
|
|
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:
|
|
255
|
+
lineHeight: 1.34,
|
|
254
256
|
letterSpacing: px(0.32)
|
|
255
257
|
};
|
|
256
258
|
var helperText01 = {
|
|
257
259
|
fontSize: rem(scale[0]),
|
|
258
|
-
lineHeight:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
342
|
+
lineHeight: 1.19,
|
|
341
343
|
letterSpacing: 0
|
|
342
344
|
};
|
|
343
|
-
var expressiveHeading01 = _objectSpread2({}, heading01, {
|
|
344
|
-
lineHeight:
|
|
345
|
+
var expressiveHeading01 = _objectSpread2(_objectSpread2({}, heading01), {}, {
|
|
346
|
+
lineHeight: 1.25
|
|
345
347
|
});
|
|
346
|
-
var expressiveHeading02 = _objectSpread2({}, heading02, {
|
|
347
|
-
lineHeight:
|
|
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:
|
|
354
|
+
lineHeight: 1.4,
|
|
353
355
|
letterSpacing: 0,
|
|
354
356
|
breakpoints: {
|
|
355
357
|
xlg: {
|
|
356
358
|
fontSize: rem(scale[4]),
|
|
357
|
-
lineHeight:
|
|
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:
|
|
370
|
+
lineHeight: 1.29,
|
|
368
371
|
letterSpacing: 0,
|
|
369
372
|
breakpoints: {
|
|
370
373
|
xlg: {
|
|
371
374
|
fontSize: rem(scale[6]),
|
|
372
|
-
lineHeight:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
447
|
+
lineHeight: 1.334,
|
|
447
448
|
letterSpacing: 0,
|
|
448
|
-
|
|
449
|
-
|
|
450
|
-
|
|
451
|
-
|
|
452
|
-
|
|
453
|
-
|
|
454
|
-
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
494
|
+
lineHeight: 1.25,
|
|
492
495
|
letterSpacing: 0,
|
|
493
496
|
breakpoints: {
|
|
494
497
|
md: {
|
|
495
498
|
fontSize: rem(scale[8]),
|
|
496
|
-
lineHeight:
|
|
499
|
+
lineHeight: 1.22
|
|
497
500
|
},
|
|
498
501
|
lg: {
|
|
499
502
|
fontSize: rem(scale[9]),
|
|
500
|
-
lineHeight:
|
|
503
|
+
lineHeight: 1.19
|
|
501
504
|
},
|
|
502
505
|
xlg: {
|
|
503
506
|
fontSize: rem(scale[10]),
|
|
504
|
-
lineHeight:
|
|
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:
|
|
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:
|
|
528
|
+
lineHeight: 1.17
|
|
526
529
|
},
|
|
527
530
|
max: {
|
|
528
531
|
fontSize: rem(scale[14]),
|
|
529
|
-
lineHeight:
|
|
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:
|
|
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:
|
|
550
|
+
lineHeight: 1.16
|
|
548
551
|
},
|
|
549
552
|
max: {
|
|
550
553
|
fontSize: rem(scale[14]),
|
|
551
|
-
lineHeight:
|
|
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:
|
|
561
|
+
lineHeight: 1.19,
|
|
559
562
|
letterSpacing: 0,
|
|
560
563
|
breakpoints: {
|
|
561
564
|
md: {
|
|
562
565
|
fontSize: rem(scale[13]),
|
|
563
|
-
lineHeight:
|
|
566
|
+
lineHeight: 1.15
|
|
564
567
|
},
|
|
565
568
|
lg: {
|
|
566
569
|
fontSize: rem(scale[16]),
|
|
567
|
-
lineHeight:
|
|
570
|
+
lineHeight: 1.11,
|
|
568
571
|
letterSpacing: px(-0.64)
|
|
569
572
|
},
|
|
570
573
|
xlg: {
|
|
571
574
|
fontSize: rem(scale[19]),
|
|
572
|
-
lineHeight:
|
|
575
|
+
lineHeight: 1.07
|
|
573
576
|
},
|
|
574
577
|
max: {
|
|
575
578
|
fontSize: rem(scale[22]),
|
|
576
|
-
lineHeight:
|
|
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:
|
|
587
|
+
lineHeight: 1.19,
|
|
585
588
|
letterSpacing: 0,
|
|
586
589
|
breakpoints: {
|
|
587
590
|
md: {
|
|
588
591
|
fontSize: rem(scale[13]),
|
|
589
|
-
lineHeight:
|
|
592
|
+
lineHeight: 1.15
|
|
590
593
|
},
|
|
591
594
|
lg: {
|
|
592
595
|
fontSize: rem(scale[16]),
|
|
593
|
-
lineHeight:
|
|
596
|
+
lineHeight: 1.11,
|
|
594
597
|
letterSpacing: px(-0.64)
|
|
595
598
|
},
|
|
596
599
|
xlg: {
|
|
597
600
|
fontSize: rem(scale[19]),
|
|
598
|
-
lineHeight:
|
|
601
|
+
lineHeight: 1.07,
|
|
599
602
|
letterSpacing: px(-0.64)
|
|
600
603
|
},
|
|
601
604
|
max: {
|
|
602
605
|
fontSize: rem(scale[22]),
|
|
603
|
-
lineHeight:
|
|
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
|
|
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
|
|
683
|
-
var minViewportWidth = breakpoint
|
|
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
|
-
|
|
717
|
-
|
|
718
|
-
|
|
719
|
-
|
|
720
|
-
|
|
721
|
-
|
|
722
|
-
|
|
723
|
-
|
|
724
|
-
|
|
725
|
-
|
|
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 };
|