@fluentui/react-theme 0.0.0-nightly-20220428-0420.1 → 0.0.0-nightly-20220429-0418.1

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 (59) hide show
  1. package/CHANGELOG.json +15 -3
  2. package/CHANGELOG.md +6 -4
  3. package/dist/{react-theme.d.ts → index.d.ts} +66 -1
  4. package/lib/global/curves.d.ts +2 -0
  5. package/lib/global/curves.js +12 -0
  6. package/lib/global/curves.js.map +1 -0
  7. package/lib/global/durations.d.ts +2 -0
  8. package/lib/global/durations.js +10 -0
  9. package/lib/global/durations.js.map +1 -0
  10. package/lib/global/index.d.ts +4 -0
  11. package/lib/global/index.js +4 -0
  12. package/lib/global/index.js.map +1 -1
  13. package/lib/global/spacings.d.ts +4 -0
  14. package/lib/global/spacings.js +40 -0
  15. package/lib/global/spacings.js.map +1 -0
  16. package/lib/global/typographyStyles.js +16 -0
  17. package/lib/global/typographyStyles.js.map +1 -1
  18. package/lib/index.d.ts +1 -1
  19. package/lib/index.js.map +1 -1
  20. package/lib/tokens.js +42 -1
  21. package/lib/tokens.js.map +1 -1
  22. package/lib/types.d.ts +61 -1
  23. package/lib/types.js.map +1 -1
  24. package/lib/utils/createDarkTheme.js +7 -0
  25. package/lib/utils/createDarkTheme.js.map +1 -1
  26. package/lib/utils/createHighContrastTheme.js +7 -0
  27. package/lib/utils/createHighContrastTheme.js.map +1 -1
  28. package/lib/utils/createLightTheme.js +7 -0
  29. package/lib/utils/createLightTheme.js.map +1 -1
  30. package/lib/utils/createTeamsDarkTheme.js +7 -0
  31. package/lib/utils/createTeamsDarkTheme.js.map +1 -1
  32. package/lib-commonjs/global/curves.d.ts +2 -0
  33. package/lib-commonjs/global/curves.js +18 -0
  34. package/lib-commonjs/global/curves.js.map +1 -0
  35. package/lib-commonjs/global/durations.d.ts +2 -0
  36. package/lib-commonjs/global/durations.js +16 -0
  37. package/lib-commonjs/global/durations.js.map +1 -0
  38. package/lib-commonjs/global/index.d.ts +4 -0
  39. package/lib-commonjs/global/index.js +8 -0
  40. package/lib-commonjs/global/index.js.map +1 -1
  41. package/lib-commonjs/global/spacings.d.ts +4 -0
  42. package/lib-commonjs/global/spacings.js +46 -0
  43. package/lib-commonjs/global/spacings.js.map +1 -0
  44. package/lib-commonjs/global/typographyStyles.js +16 -0
  45. package/lib-commonjs/global/typographyStyles.js.map +1 -1
  46. package/lib-commonjs/index.d.ts +1 -1
  47. package/lib-commonjs/index.js.map +1 -1
  48. package/lib-commonjs/tokens.js +42 -1
  49. package/lib-commonjs/tokens.js.map +1 -1
  50. package/lib-commonjs/types.d.ts +61 -1
  51. package/lib-commonjs/utils/createDarkTheme.js +10 -0
  52. package/lib-commonjs/utils/createDarkTheme.js.map +1 -1
  53. package/lib-commonjs/utils/createHighContrastTheme.js +10 -0
  54. package/lib-commonjs/utils/createHighContrastTheme.js.map +1 -1
  55. package/lib-commonjs/utils/createLightTheme.js +10 -0
  56. package/lib-commonjs/utils/createLightTheme.js.map +1 -1
  57. package/lib-commonjs/utils/createTeamsDarkTheme.js +10 -0
  58. package/lib-commonjs/utils/createTeamsDarkTheme.js.map +1 -1
  59. package/package.json +1 -1
package/CHANGELOG.json CHANGED
@@ -2,9 +2,9 @@
2
2
  "name": "@fluentui/react-theme",
3
3
  "entries": [
4
4
  {
5
- "date": "Thu, 28 Apr 2022 04:29:41 GMT",
6
- "tag": "@fluentui/react-theme_v0.0.0-nightly-20220428-0420.1",
7
- "version": "0.0.0-nightly-20220428-0420.1",
5
+ "date": "Fri, 29 Apr 2022 04:27:33 GMT",
6
+ "tag": "@fluentui/react-theme_v0.0.0-nightly-20220429-0418.1",
7
+ "version": "0.0.0-nightly-20220429-0418.1",
8
8
  "comments": {
9
9
  "prerelease": [
10
10
  {
@@ -19,6 +19,18 @@
19
19
  "commit": "75ad2567f62e804a8deb3ea6016ba8a674c45627",
20
20
  "comment": "Fixed typo in typography"
21
21
  },
22
+ {
23
+ "author": "gcox@microsoft.com",
24
+ "package": "@fluentui/react-theme",
25
+ "commit": "57583bfffa6bf28be389dec6c642f36ed253ecdd",
26
+ "comment": "Added global theme types and tokens"
27
+ },
28
+ {
29
+ "author": "gcox@microsoft.com",
30
+ "package": "@fluentui/react-theme",
31
+ "commit": "354c4f6290d7957345fd53a8f26c8f5472ff92db",
32
+ "comment": "Add base font family per figma"
33
+ },
22
34
  {
23
35
  "author": "gcox@microsoft.com",
24
36
  "package": "@fluentui/react-theme",
package/CHANGELOG.md CHANGED
@@ -1,18 +1,20 @@
1
1
  # Change Log - @fluentui/react-theme
2
2
 
3
- This log was last generated on Thu, 28 Apr 2022 04:29:41 GMT and should not be manually modified.
3
+ This log was last generated on Fri, 29 Apr 2022 04:27:33 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
- ## [0.0.0-nightly-20220428-0420.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v0.0.0-nightly-20220428-0420.1)
7
+ ## [0.0.0-nightly-20220429-0418.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v0.0.0-nightly-20220429-0418.1)
8
8
 
9
- Thu, 28 Apr 2022 04:29:41 GMT
10
- [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-rc.5..@fluentui/react-theme_v0.0.0-nightly-20220428-0420.1)
9
+ Fri, 29 Apr 2022 04:27:33 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-rc.5..@fluentui/react-theme_v0.0.0-nightly-20220429-0418.1)
11
11
 
12
12
  ### Changes
13
13
 
14
14
  - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/not available) by email not defined)
15
15
  - Fixed typo in typography ([PR #22625](https://github.com/microsoft/fluentui/pull/22625) by gcox@microsoft.com)
16
+ - Added global theme types and tokens ([PR #22607](https://github.com/microsoft/fluentui/pull/22607) by gcox@microsoft.com)
17
+ - Add base font family per figma ([PR #22627](https://github.com/microsoft/fluentui/pull/22627) by gcox@microsoft.com)
16
18
  - Added typeography styles ([PR #22610](https://github.com/microsoft/fluentui/pull/22610) by gcox@microsoft.com)
17
19
  - feat(react-theme): Add colorNeutralForeground2Link color tokens ([PR #22570](https://github.com/microsoft/fluentui/pull/22570) by miroslav.stastny@microsoft.com)
18
20
 
@@ -267,6 +267,28 @@ export declare const createLightTheme: (brand: BrandVariants) => Theme;
267
267
 
268
268
  export declare const createTeamsDarkTheme: (brand: BrandVariants) => Theme;
269
269
 
270
+ export declare type CurveTokens = {
271
+ curveAccelerateMax: string;
272
+ curveAccelerateMid: string;
273
+ curveAccelerateMin: string;
274
+ curveDecelerateMax: string;
275
+ curveDecelerateMid: string;
276
+ curveDecelerateMin: string;
277
+ curveEasyEaseMax: string;
278
+ curveEasyEase: string;
279
+ curveLinear: string;
280
+ };
281
+
282
+ export declare type DurationTokens = {
283
+ durationUltraFast: string;
284
+ durationFaster: string;
285
+ durationFast: string;
286
+ durationNormal: string;
287
+ durationSlow: string;
288
+ durationSlower: string;
289
+ durationUltraSlow: string;
290
+ };
291
+
270
292
  export declare type FontFamilyTokens = {
271
293
  fontFamilyBase: string;
272
294
  fontFamilyMonospace: string;
@@ -292,6 +314,20 @@ export declare type FontWeightTokens = {
292
314
  fontWeightSemibold: number;
293
315
  };
294
316
 
317
+ export declare type HorizontalSpacingTokens = {
318
+ spacingHorizontalNone: string;
319
+ spacingHorizontalXXS: string;
320
+ spacingHorizontalXS: string;
321
+ spacingHorizontalSNudge: string;
322
+ spacingHorizontalS: string;
323
+ spacingHorizontalMNudge: string;
324
+ spacingHorizontalM: string;
325
+ spacingHorizontalL: string;
326
+ spacingHorizontalXL: string;
327
+ spacingHorizontalXXL: string;
328
+ spacingHorizontalXXXL: string;
329
+ };
330
+
295
331
  export declare type LineHeightTokens = {
296
332
  lineHeightBase100: string;
297
333
  lineHeightBase200: string;
@@ -328,6 +364,20 @@ export declare type ShadowTokens = {
328
364
  shadow64: string;
329
365
  };
330
366
 
367
+ export declare type SpacingTokens = {
368
+ none: string;
369
+ xxs: string;
370
+ xs: string;
371
+ sNudge: string;
372
+ s: string;
373
+ mNudge: string;
374
+ m: string;
375
+ l: string;
376
+ xl: string;
377
+ xxl: string;
378
+ xxxl: string;
379
+ };
380
+
331
381
  export declare type StrokeWidthTokens = {
332
382
  strokeWidthThin: string;
333
383
  strokeWidthThick: string;
@@ -341,7 +391,7 @@ export declare const teamsHighContrastTheme: Theme;
341
391
 
342
392
  export declare const teamsLightTheme: Theme;
343
393
 
344
- export declare type Theme = FontSizeTokens & LineHeightTokens & BorderRadiusTokens & StrokeWidthTokens & ShadowTokens & ShadowBrandTokens & FontFamilyTokens & FontWeightTokens & ColorPaletteTokens & ColorTokens;
394
+ export declare type Theme = FontSizeTokens & LineHeightTokens & BorderRadiusTokens & StrokeWidthTokens & HorizontalSpacingTokens & VerticalSpacingTokens & DurationTokens & CurveTokens & ShadowTokens & ShadowBrandTokens & FontFamilyTokens & FontWeightTokens & ColorPaletteTokens & ColorTokens;
345
395
 
346
396
  /**
347
397
  * Programmatically generates a tokens to css variables mapping object from the keys in a theme.
@@ -356,6 +406,7 @@ export declare function themeToTokensObject<TTheme extends Theme>(theme: TTheme)
356
406
  export declare const tokens: Record<keyof Theme, string>;
357
407
 
358
408
  declare type TypographyStyle = {
409
+ fontFamily: string;
359
410
  fontSize: string;
360
411
  fontWeight: string;
361
412
  lineHeight: string;
@@ -385,6 +436,20 @@ export declare type TypographyStyles = {
385
436
  */
386
437
  export declare const typographyStyles: TypographyStyles;
387
438
 
439
+ export declare type VerticalSpacingTokens = {
440
+ spacingVerticalNone: string;
441
+ spacingVerticalXXS: string;
442
+ spacingVerticalXS: string;
443
+ spacingVerticalSNudge: string;
444
+ spacingVerticalS: string;
445
+ spacingVerticalMNudge: string;
446
+ spacingVerticalM: string;
447
+ spacingVerticalL: string;
448
+ spacingVerticalXL: string;
449
+ spacingVerticalXXL: string;
450
+ spacingVerticalXXXL: string;
451
+ };
452
+
388
453
  export declare const webDarkTheme: Theme;
389
454
 
390
455
  export declare const webHighContrastTheme: Theme;
@@ -0,0 +1,2 @@
1
+ import type { CurveTokens } from '../types';
2
+ export declare const curves: CurveTokens;
@@ -0,0 +1,12 @@
1
+ export const curves = {
2
+ curveAccelerateMax: 'cubic-bezier(1,0,1,1)',
3
+ curveAccelerateMid: 'cubic-bezier(0.7,0,1,0.5)',
4
+ curveAccelerateMin: 'cubic-bezier(0.8,0,1,1)',
5
+ curveDecelerateMax: 'cubic-bezier(0,0,0,1)',
6
+ curveDecelerateMid: 'cubic-bezier(0.1,0.9,0.2,1)',
7
+ curveDecelerateMin: 'cubic-bezier(0.33,0,0.1,1)',
8
+ curveEasyEaseMax: 'cubic-bezier(0.8,0,0.1,1)',
9
+ curveEasyEase: 'cubic-bezier(0.33,0,0.67,1)',
10
+ curveLinear: 'cubic-bezier(0,0,1,1)'
11
+ };
12
+ //# sourceMappingURL=curves.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["global/curves.ts"],"names":[],"mappings":"AAEA,OAAO,MAAM,MAAM,GAAgB;AACjC,EAAA,kBAAkB,EAAE,uBADa;AAEjC,EAAA,kBAAkB,EAAE,2BAFa;AAGjC,EAAA,kBAAkB,EAAE,yBAHa;AAIjC,EAAA,kBAAkB,EAAE,uBAJa;AAKjC,EAAA,kBAAkB,EAAE,6BALa;AAMjC,EAAA,kBAAkB,EAAE,4BANa;AAOjC,EAAA,gBAAgB,EAAE,2BAPe;AAQjC,EAAA,aAAa,EAAE,6BARkB;AASjC,EAAA,WAAW,EAAE;AAToB,CAA5B","sourcesContent":["import type { CurveTokens } from '../types';\n\nexport const curves: CurveTokens = {\n curveAccelerateMax: 'cubic-bezier(1,0,1,1)',\n curveAccelerateMid: 'cubic-bezier(0.7,0,1,0.5)',\n curveAccelerateMin: 'cubic-bezier(0.8,0,1,1)',\n curveDecelerateMax: 'cubic-bezier(0,0,0,1)',\n curveDecelerateMid: 'cubic-bezier(0.1,0.9,0.2,1)',\n curveDecelerateMin: 'cubic-bezier(0.33,0,0.1,1)',\n curveEasyEaseMax: 'cubic-bezier(0.8,0,0.1,1)',\n curveEasyEase: 'cubic-bezier(0.33,0,0.67,1)',\n curveLinear: 'cubic-bezier(0,0,1,1)',\n};\n"],"sourceRoot":"../src/"}
@@ -0,0 +1,2 @@
1
+ import type { DurationTokens } from '../types';
2
+ export declare const durations: DurationTokens;
@@ -0,0 +1,10 @@
1
+ export const durations = {
2
+ durationUltraFast: '50',
3
+ durationFaster: '100',
4
+ durationFast: '150',
5
+ durationNormal: '200',
6
+ durationSlow: '300',
7
+ durationSlower: '400',
8
+ durationUltraSlow: '500'
9
+ };
10
+ //# sourceMappingURL=durations.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["global/durations.ts"],"names":[],"mappings":"AAEA,OAAO,MAAM,SAAS,GAAmB;AACvC,EAAA,iBAAiB,EAAE,IADoB;AAEvC,EAAA,cAAc,EAAE,KAFuB;AAGvC,EAAA,YAAY,EAAE,KAHyB;AAIvC,EAAA,cAAc,EAAE,KAJuB;AAKvC,EAAA,YAAY,EAAE,KALyB;AAMvC,EAAA,cAAc,EAAE,KANuB;AAOvC,EAAA,iBAAiB,EAAE;AAPoB,CAAlC","sourcesContent":["import type { DurationTokens } from '../types';\n\nexport const durations: DurationTokens = {\n durationUltraFast: '50',\n durationFaster: '100',\n durationFast: '150',\n durationNormal: '200',\n durationSlow: '300',\n durationSlower: '400',\n durationUltraSlow: '500',\n};\n"],"sourceRoot":"../src/"}
@@ -1,5 +1,9 @@
1
+ export * from './borderRadius';
1
2
  export * from './colors';
3
+ export * from './curves';
4
+ export * from './durations';
2
5
  export * from './fonts';
6
+ export * from './spacings';
3
7
  export * from './strokeWidths';
4
8
  export * from './borderRadius';
5
9
  export * from './typographyStyles';
@@ -1,5 +1,9 @@
1
+ export * from './borderRadius';
1
2
  export * from './colors';
3
+ export * from './curves';
4
+ export * from './durations';
2
5
  export * from './fonts';
6
+ export * from './spacings';
3
7
  export * from './strokeWidths';
4
8
  export * from './borderRadius';
5
9
  export * from './typographyStyles';
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"../src/","sources":["global/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC","sourcesContent":["export * from './colors';\nexport * from './fonts';\nexport * from './strokeWidths';\nexport * from './borderRadius';\nexport * from './typographyStyles';\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"../src/","sources":["global/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC","sourcesContent":["export * from './borderRadius';\nexport * from './colors';\nexport * from './curves';\nexport * from './durations';\nexport * from './fonts';\nexport * from './spacings';\nexport * from './strokeWidths';\nexport * from './borderRadius';\nexport * from './typographyStyles';\n"]}
@@ -0,0 +1,4 @@
1
+ import type { HorizontalSpacingTokens, SpacingTokens, VerticalSpacingTokens } from '../types';
2
+ export declare const spacings: SpacingTokens;
3
+ export declare const horizontalSpacings: HorizontalSpacingTokens;
4
+ export declare const verticalSpacings: VerticalSpacingTokens;
@@ -0,0 +1,40 @@
1
+ export const spacings = {
2
+ none: '0',
3
+ xxs: '2',
4
+ xs: '4',
5
+ sNudge: '6',
6
+ s: '8',
7
+ mNudge: '10',
8
+ m: '12',
9
+ l: '16',
10
+ xl: '20',
11
+ xxl: '24',
12
+ xxxl: '32'
13
+ };
14
+ export const horizontalSpacings = {
15
+ spacingHorizontalNone: spacings.none,
16
+ spacingHorizontalXXS: spacings.xxs,
17
+ spacingHorizontalXS: spacings.xs,
18
+ spacingHorizontalSNudge: spacings.sNudge,
19
+ spacingHorizontalS: spacings.s,
20
+ spacingHorizontalMNudge: spacings.mNudge,
21
+ spacingHorizontalM: spacings.m,
22
+ spacingHorizontalL: spacings.l,
23
+ spacingHorizontalXL: spacings.xl,
24
+ spacingHorizontalXXL: spacings.xxl,
25
+ spacingHorizontalXXXL: spacings.xxxl
26
+ };
27
+ export const verticalSpacings = {
28
+ spacingVerticalNone: spacings.none,
29
+ spacingVerticalXXS: spacings.xxs,
30
+ spacingVerticalXS: spacings.xs,
31
+ spacingVerticalSNudge: spacings.sNudge,
32
+ spacingVerticalS: spacings.s,
33
+ spacingVerticalMNudge: spacings.mNudge,
34
+ spacingVerticalM: spacings.m,
35
+ spacingVerticalL: spacings.l,
36
+ spacingVerticalXL: spacings.xl,
37
+ spacingVerticalXXL: spacings.xxl,
38
+ spacingVerticalXXXL: spacings.xxxl
39
+ };
40
+ //# sourceMappingURL=spacings.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["global/spacings.ts"],"names":[],"mappings":"AAEA,OAAO,MAAM,QAAQ,GAAkB;AACrC,EAAA,IAAI,EAAE,GAD+B;AAErC,EAAA,GAAG,EAAE,GAFgC;AAGrC,EAAA,EAAE,EAAE,GAHiC;AAIrC,EAAA,MAAM,EAAE,GAJ6B;AAKrC,EAAA,CAAC,EAAE,GALkC;AAMrC,EAAA,MAAM,EAAE,IAN6B;AAOrC,EAAA,CAAC,EAAE,IAPkC;AAQrC,EAAA,CAAC,EAAE,IARkC;AASrC,EAAA,EAAE,EAAE,IATiC;AAUrC,EAAA,GAAG,EAAE,IAVgC;AAWrC,EAAA,IAAI,EAAE;AAX+B,CAAhC;AAcP,OAAO,MAAM,kBAAkB,GAA4B;AACzD,EAAA,qBAAqB,EAAE,QAAQ,CAAC,IADyB;AAEzD,EAAA,oBAAoB,EAAE,QAAQ,CAAC,GAF0B;AAGzD,EAAA,mBAAmB,EAAE,QAAQ,CAAC,EAH2B;AAIzD,EAAA,uBAAuB,EAAE,QAAQ,CAAC,MAJuB;AAKzD,EAAA,kBAAkB,EAAE,QAAQ,CAAC,CAL4B;AAMzD,EAAA,uBAAuB,EAAE,QAAQ,CAAC,MANuB;AAOzD,EAAA,kBAAkB,EAAE,QAAQ,CAAC,CAP4B;AAQzD,EAAA,kBAAkB,EAAE,QAAQ,CAAC,CAR4B;AASzD,EAAA,mBAAmB,EAAE,QAAQ,CAAC,EAT2B;AAUzD,EAAA,oBAAoB,EAAE,QAAQ,CAAC,GAV0B;AAWzD,EAAA,qBAAqB,EAAE,QAAQ,CAAC;AAXyB,CAApD;AAcP,OAAO,MAAM,gBAAgB,GAA0B;AACrD,EAAA,mBAAmB,EAAE,QAAQ,CAAC,IADuB;AAErD,EAAA,kBAAkB,EAAE,QAAQ,CAAC,GAFwB;AAGrD,EAAA,iBAAiB,EAAE,QAAQ,CAAC,EAHyB;AAIrD,EAAA,qBAAqB,EAAE,QAAQ,CAAC,MAJqB;AAKrD,EAAA,gBAAgB,EAAE,QAAQ,CAAC,CAL0B;AAMrD,EAAA,qBAAqB,EAAE,QAAQ,CAAC,MANqB;AAOrD,EAAA,gBAAgB,EAAE,QAAQ,CAAC,CAP0B;AAQrD,EAAA,gBAAgB,EAAE,QAAQ,CAAC,CAR0B;AASrD,EAAA,iBAAiB,EAAE,QAAQ,CAAC,EATyB;AAUrD,EAAA,kBAAkB,EAAE,QAAQ,CAAC,GAVwB;AAWrD,EAAA,mBAAmB,EAAE,QAAQ,CAAC;AAXuB,CAAhD","sourcesContent":["import type { HorizontalSpacingTokens, SpacingTokens, VerticalSpacingTokens } from '../types';\n\nexport const spacings: SpacingTokens = {\n none: '0',\n xxs: '2',\n xs: '4',\n sNudge: '6',\n s: '8',\n mNudge: '10',\n m: '12',\n l: '16',\n xl: '20',\n xxl: '24',\n xxxl: '32',\n};\n\nexport const horizontalSpacings: HorizontalSpacingTokens = {\n spacingHorizontalNone: spacings.none,\n spacingHorizontalXXS: spacings.xxs,\n spacingHorizontalXS: spacings.xs,\n spacingHorizontalSNudge: spacings.sNudge,\n spacingHorizontalS: spacings.s,\n spacingHorizontalMNudge: spacings.mNudge,\n spacingHorizontalM: spacings.m,\n spacingHorizontalL: spacings.l,\n spacingHorizontalXL: spacings.xl,\n spacingHorizontalXXL: spacings.xxl,\n spacingHorizontalXXXL: spacings.xxxl,\n};\n\nexport const verticalSpacings: VerticalSpacingTokens = {\n spacingVerticalNone: spacings.none,\n spacingVerticalXXS: spacings.xxs,\n spacingVerticalXS: spacings.xs,\n spacingVerticalSNudge: spacings.sNudge,\n spacingVerticalS: spacings.s,\n spacingVerticalMNudge: spacings.mNudge,\n spacingVerticalM: spacings.m,\n spacingVerticalL: spacings.l,\n spacingVerticalXL: spacings.xl,\n spacingVerticalXXL: spacings.xxl,\n spacingVerticalXXXL: spacings.xxxl,\n};\n"],"sourceRoot":"../src/"}
@@ -5,81 +5,97 @@ import { tokens } from '../tokens';
5
5
 
6
6
  export const typographyStyles = {
7
7
  body1: {
8
+ fontFamily: tokens.fontFamilyBase,
8
9
  fontSize: tokens.fontSizeBase300,
9
10
  fontWeight: tokens.fontWeightRegular,
10
11
  lineHeight: tokens.lineHeightBase300
11
12
  },
12
13
  body1Strong: {
14
+ fontFamily: tokens.fontFamilyBase,
13
15
  fontSize: tokens.fontSizeBase300,
14
16
  fontWeight: tokens.fontWeightSemibold,
15
17
  lineHeight: tokens.lineHeightBase300
16
18
  },
17
19
  body1Stronger: {
20
+ fontFamily: tokens.fontFamilyBase,
18
21
  fontSize: tokens.fontSizeBase300,
19
22
  fontWeight: tokens.fontWeightMedium,
20
23
  lineHeight: tokens.lineHeightBase300
21
24
  },
22
25
  caption1: {
26
+ fontFamily: tokens.fontFamilyBase,
23
27
  fontSize: tokens.fontSizeBase200,
24
28
  fontWeight: tokens.fontWeightRegular,
25
29
  lineHeight: tokens.lineHeightBase200
26
30
  },
27
31
  caption1Strong: {
32
+ fontFamily: tokens.fontFamilyBase,
28
33
  fontSize: tokens.fontSizeBase200,
29
34
  fontWeight: tokens.fontWeightSemibold,
30
35
  lineHeight: tokens.lineHeightBase200
31
36
  },
32
37
  caption1Stronger: {
38
+ fontFamily: tokens.fontFamilyBase,
33
39
  fontSize: tokens.fontSizeBase200,
34
40
  fontWeight: tokens.fontWeightMedium,
35
41
  lineHeight: tokens.lineHeightBase200
36
42
  },
37
43
  caption2: {
44
+ fontFamily: tokens.fontFamilyBase,
38
45
  fontSize: tokens.fontSizeBase100,
39
46
  fontWeight: tokens.fontWeightRegular,
40
47
  lineHeight: tokens.lineHeightBase100
41
48
  },
42
49
  caption2Strong: {
50
+ fontFamily: tokens.fontFamilyBase,
43
51
  fontSize: tokens.fontSizeBase100,
44
52
  fontWeight: tokens.fontWeightSemibold,
45
53
  lineHeight: tokens.lineHeightBase100
46
54
  },
47
55
  subtitle1: {
56
+ fontFamily: tokens.fontFamilyBase,
48
57
  fontSize: tokens.fontSizeBase500,
49
58
  fontWeight: tokens.fontWeightSemibold,
50
59
  lineHeight: tokens.lineHeightBase500
51
60
  },
52
61
  subtitle2: {
62
+ fontFamily: tokens.fontFamilyBase,
53
63
  fontSize: tokens.fontSizeBase400,
54
64
  fontWeight: tokens.fontWeightSemibold,
55
65
  lineHeight: tokens.lineHeightBase400
56
66
  },
57
67
  subtitle2Stronger: {
68
+ fontFamily: tokens.fontFamilyBase,
58
69
  fontSize: tokens.fontSizeBase400,
59
70
  fontWeight: tokens.fontWeightMedium,
60
71
  lineHeight: tokens.lineHeightBase400
61
72
  },
62
73
  title1: {
74
+ fontFamily: tokens.fontFamilyBase,
63
75
  fontSize: tokens.fontSizeHero800,
64
76
  fontWeight: tokens.fontWeightSemibold,
65
77
  lineHeight: tokens.lineHeightHero800
66
78
  },
67
79
  title2: {
80
+ fontFamily: tokens.fontFamilyBase,
68
81
  fontSize: tokens.fontSizeHero700,
69
82
  fontWeight: tokens.fontWeightSemibold,
70
83
  lineHeight: tokens.fontSizeHero700
71
84
  },
72
85
  title3: {
86
+ fontFamily: tokens.fontFamilyBase,
73
87
  fontSize: tokens.fontSizeBase600,
74
88
  fontWeight: tokens.fontWeightSemibold,
75
89
  lineHeight: tokens.lineHeightBase600
76
90
  },
77
91
  largeTitle: {
92
+ fontFamily: tokens.fontFamilyBase,
78
93
  fontSize: tokens.fontSizeHero900,
79
94
  fontWeight: tokens.fontWeightSemibold,
80
95
  lineHeight: tokens.lineHeightHero900
81
96
  },
82
97
  display: {
98
+ fontFamily: tokens.fontFamilyBase,
83
99
  fontSize: tokens.fontSizeHero1000,
84
100
  fontWeight: tokens.fontWeightSemibold,
85
101
  lineHeight: tokens.lineHeightHero1000
@@ -1 +1 @@
1
- {"version":3,"sources":["global/typographyStyles.ts"],"names":[],"mappings":"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","sourcesContent":["import { tokens } from '../tokens';\nimport { TypographyStyles } from '../types';\n\n/**\n * Global typography styles (fontSize, fontWeight, and lineHeight)\n */\nexport const typographyStyles: TypographyStyles = {\n body1: {\n fontSize: tokens.fontSizeBase300,\n fontWeight: tokens.fontWeightRegular,\n lineHeight: tokens.lineHeightBase300,\n },\n body1Strong: {\n fontSize: tokens.fontSizeBase300,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightBase300,\n },\n body1Stronger: {\n fontSize: tokens.fontSizeBase300,\n fontWeight: tokens.fontWeightMedium,\n lineHeight: tokens.lineHeightBase300,\n },\n caption1: {\n fontSize: tokens.fontSizeBase200,\n fontWeight: tokens.fontWeightRegular,\n lineHeight: tokens.lineHeightBase200,\n },\n caption1Strong: {\n fontSize: tokens.fontSizeBase200,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightBase200,\n },\n caption1Stronger: {\n fontSize: tokens.fontSizeBase200,\n fontWeight: tokens.fontWeightMedium,\n lineHeight: tokens.lineHeightBase200,\n },\n caption2: {\n fontSize: tokens.fontSizeBase100,\n fontWeight: tokens.fontWeightRegular,\n lineHeight: tokens.lineHeightBase100,\n },\n caption2Strong: {\n fontSize: tokens.fontSizeBase100,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightBase100,\n },\n subtitle1: {\n fontSize: tokens.fontSizeBase500,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightBase500,\n },\n subtitle2: {\n fontSize: tokens.fontSizeBase400,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightBase400,\n },\n subtitle2Stronger: {\n fontSize: tokens.fontSizeBase400,\n fontWeight: tokens.fontWeightMedium,\n lineHeight: tokens.lineHeightBase400,\n },\n title1: {\n fontSize: tokens.fontSizeHero800,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightHero800,\n },\n title2: {\n fontSize: tokens.fontSizeHero700,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.fontSizeHero700,\n },\n title3: {\n fontSize: tokens.fontSizeBase600,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightBase600,\n },\n largeTitle: {\n fontSize: tokens.fontSizeHero900,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightHero900,\n },\n display: {\n fontSize: tokens.fontSizeHero1000,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightHero1000,\n },\n};\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["global/typographyStyles.ts"],"names":[],"mappings":"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","sourcesContent":["import { tokens } from '../tokens';\nimport { TypographyStyles } from '../types';\n\n/**\n * Global typography styles (fontSize, fontWeight, and lineHeight)\n */\nexport const typographyStyles: TypographyStyles = {\n body1: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase300,\n fontWeight: tokens.fontWeightRegular,\n lineHeight: tokens.lineHeightBase300,\n },\n body1Strong: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase300,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightBase300,\n },\n body1Stronger: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase300,\n fontWeight: tokens.fontWeightMedium,\n lineHeight: tokens.lineHeightBase300,\n },\n caption1: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase200,\n fontWeight: tokens.fontWeightRegular,\n lineHeight: tokens.lineHeightBase200,\n },\n caption1Strong: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase200,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightBase200,\n },\n caption1Stronger: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase200,\n fontWeight: tokens.fontWeightMedium,\n lineHeight: tokens.lineHeightBase200,\n },\n caption2: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase100,\n fontWeight: tokens.fontWeightRegular,\n lineHeight: tokens.lineHeightBase100,\n },\n caption2Strong: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase100,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightBase100,\n },\n subtitle1: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase500,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightBase500,\n },\n subtitle2: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase400,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightBase400,\n },\n subtitle2Stronger: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase400,\n fontWeight: tokens.fontWeightMedium,\n lineHeight: tokens.lineHeightBase400,\n },\n title1: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeHero800,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightHero800,\n },\n title2: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeHero700,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.fontSizeHero700,\n },\n title3: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase600,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightBase600,\n },\n largeTitle: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeHero900,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightHero900,\n },\n display: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeHero1000,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightHero1000,\n },\n};\n"],"sourceRoot":"../src/"}
package/lib/index.d.ts CHANGED
@@ -3,4 +3,4 @@ export * from './utils/index';
3
3
  export { themeToTokensObject } from './themeToTokensObject';
4
4
  export { tokens } from './tokens';
5
5
  export { typographyStyles } from './global/index';
6
- export type { Brands, BrandVariants, FontSizeTokens, FontWeightTokens, LineHeightTokens, BorderRadiusTokens, StrokeWidthTokens, ShadowTokens, ShadowBrandTokens, FontFamilyTokens, ColorPaletteTokens, ColorPaletteDarkRed, ColorPaletteBurgundy, ColorPaletteCranberry, ColorPaletteRed, ColorPaletteDarkOrange, ColorPaletteBronze, ColorPalettePumpkin, ColorPaletteOrange, ColorPalettePeach, ColorPaletteMarigold, ColorPaletteYellow, ColorPaletteGold, ColorPaletteBrass, ColorPaletteBrown, ColorPaletteDarkBrown, ColorPaletteLime, ColorPaletteForest, ColorPaletteSeafoam, ColorPaletteLightGreen, ColorPaletteGreen, ColorPaletteDarkGreen, ColorPaletteLightTeal, ColorPaletteTeal, ColorPaletteDarkTeal, ColorPaletteCyan, ColorPaletteSteel, ColorPaletteLightBlue, ColorPaletteBlue, ColorPaletteRoyalBlue, ColorPaletteDarkBlue, ColorPaletteCornflower, ColorPaletteNavy, ColorPaletteLavender, ColorPalettePurple, ColorPaletteDarkPurple, ColorPaletteOrchid, ColorPaletteGrape, ColorPaletteBerry, ColorPaletteLilac, ColorPalettePink, ColorPaletteHotPink, ColorPaletteMagenta, ColorPalettePlum, ColorPaletteBeige, ColorPaletteMink, ColorPaletteSilver, ColorPalettePlatinum, ColorPaletteAnchor, ColorPaletteCharcoal, ColorTokens, PartialTheme, Theme, TypographyStyles, } from './types';
6
+ export type { Brands, BrandVariants, FontSizeTokens, FontWeightTokens, LineHeightTokens, BorderRadiusTokens, StrokeWidthTokens, SpacingTokens, HorizontalSpacingTokens, VerticalSpacingTokens, DurationTokens, CurveTokens, ShadowTokens, ShadowBrandTokens, FontFamilyTokens, ColorPaletteTokens, ColorPaletteDarkRed, ColorPaletteBurgundy, ColorPaletteCranberry, ColorPaletteRed, ColorPaletteDarkOrange, ColorPaletteBronze, ColorPalettePumpkin, ColorPaletteOrange, ColorPalettePeach, ColorPaletteMarigold, ColorPaletteYellow, ColorPaletteGold, ColorPaletteBrass, ColorPaletteBrown, ColorPaletteDarkBrown, ColorPaletteLime, ColorPaletteForest, ColorPaletteSeafoam, ColorPaletteLightGreen, ColorPaletteGreen, ColorPaletteDarkGreen, ColorPaletteLightTeal, ColorPaletteTeal, ColorPaletteDarkTeal, ColorPaletteCyan, ColorPaletteSteel, ColorPaletteLightBlue, ColorPaletteBlue, ColorPaletteRoyalBlue, ColorPaletteDarkBlue, ColorPaletteCornflower, ColorPaletteNavy, ColorPaletteLavender, ColorPalettePurple, ColorPaletteDarkPurple, ColorPaletteOrchid, ColorPaletteGrape, ColorPaletteBerry, ColorPaletteLilac, ColorPalettePink, ColorPaletteHotPink, ColorPaletteMagenta, ColorPalettePlum, ColorPaletteBeige, ColorPaletteMink, ColorPaletteSilver, ColorPalettePlatinum, ColorPaletteAnchor, ColorPaletteCharcoal, ColorTokens, PartialTheme, Theme, TypographyStyles, } from './types';
package/lib/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"../src/","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAE9B,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC","sourcesContent":["export * from './themes/index';\nexport * from './utils/index';\n\nexport { themeToTokensObject } from './themeToTokensObject';\nexport { tokens } from './tokens';\nexport { typographyStyles } from './global/index';\n\nexport type {\n Brands,\n BrandVariants,\n FontSizeTokens,\n FontWeightTokens,\n LineHeightTokens,\n BorderRadiusTokens,\n StrokeWidthTokens,\n ShadowTokens,\n ShadowBrandTokens,\n FontFamilyTokens,\n ColorPaletteTokens,\n ColorPaletteDarkRed,\n ColorPaletteBurgundy,\n ColorPaletteCranberry,\n ColorPaletteRed,\n ColorPaletteDarkOrange,\n ColorPaletteBronze,\n ColorPalettePumpkin,\n ColorPaletteOrange,\n ColorPalettePeach,\n ColorPaletteMarigold,\n ColorPaletteYellow,\n ColorPaletteGold,\n ColorPaletteBrass,\n ColorPaletteBrown,\n ColorPaletteDarkBrown,\n ColorPaletteLime,\n ColorPaletteForest,\n ColorPaletteSeafoam,\n ColorPaletteLightGreen,\n ColorPaletteGreen,\n ColorPaletteDarkGreen,\n ColorPaletteLightTeal,\n ColorPaletteTeal,\n ColorPaletteDarkTeal,\n ColorPaletteCyan,\n ColorPaletteSteel,\n ColorPaletteLightBlue,\n ColorPaletteBlue,\n ColorPaletteRoyalBlue,\n ColorPaletteDarkBlue,\n ColorPaletteCornflower,\n ColorPaletteNavy,\n ColorPaletteLavender,\n ColorPalettePurple,\n ColorPaletteDarkPurple,\n ColorPaletteOrchid,\n ColorPaletteGrape,\n ColorPaletteBerry,\n ColorPaletteLilac,\n ColorPalettePink,\n ColorPaletteHotPink,\n ColorPaletteMagenta,\n ColorPalettePlum,\n ColorPaletteBeige,\n ColorPaletteMink,\n ColorPaletteSilver,\n ColorPalettePlatinum,\n ColorPaletteAnchor,\n ColorPaletteCharcoal,\n ColorTokens,\n PartialTheme,\n Theme,\n TypographyStyles,\n} from './types';\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"../src/","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAE9B,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC","sourcesContent":["export * from './themes/index';\nexport * from './utils/index';\n\nexport { themeToTokensObject } from './themeToTokensObject';\nexport { tokens } from './tokens';\nexport { typographyStyles } from './global/index';\n\nexport type {\n Brands,\n BrandVariants,\n FontSizeTokens,\n FontWeightTokens,\n LineHeightTokens,\n BorderRadiusTokens,\n StrokeWidthTokens,\n SpacingTokens,\n HorizontalSpacingTokens,\n VerticalSpacingTokens,\n DurationTokens,\n CurveTokens,\n ShadowTokens,\n ShadowBrandTokens,\n FontFamilyTokens,\n ColorPaletteTokens,\n ColorPaletteDarkRed,\n ColorPaletteBurgundy,\n ColorPaletteCranberry,\n ColorPaletteRed,\n ColorPaletteDarkOrange,\n ColorPaletteBronze,\n ColorPalettePumpkin,\n ColorPaletteOrange,\n ColorPalettePeach,\n ColorPaletteMarigold,\n ColorPaletteYellow,\n ColorPaletteGold,\n ColorPaletteBrass,\n ColorPaletteBrown,\n ColorPaletteDarkBrown,\n ColorPaletteLime,\n ColorPaletteForest,\n ColorPaletteSeafoam,\n ColorPaletteLightGreen,\n ColorPaletteGreen,\n ColorPaletteDarkGreen,\n ColorPaletteLightTeal,\n ColorPaletteTeal,\n ColorPaletteDarkTeal,\n ColorPaletteCyan,\n ColorPaletteSteel,\n ColorPaletteLightBlue,\n ColorPaletteBlue,\n ColorPaletteRoyalBlue,\n ColorPaletteDarkBlue,\n ColorPaletteCornflower,\n ColorPaletteNavy,\n ColorPaletteLavender,\n ColorPalettePurple,\n ColorPaletteDarkPurple,\n ColorPaletteOrchid,\n ColorPaletteGrape,\n ColorPaletteBerry,\n ColorPaletteLilac,\n ColorPalettePink,\n ColorPaletteHotPink,\n ColorPaletteMagenta,\n ColorPalettePlum,\n ColorPaletteBeige,\n ColorPaletteMink,\n ColorPaletteSilver,\n ColorPalettePlatinum,\n ColorPaletteAnchor,\n ColorPaletteCharcoal,\n ColorTokens,\n PartialTheme,\n Theme,\n TypographyStyles,\n} from './types';\n"]}
package/lib/tokens.js CHANGED
@@ -688,6 +688,47 @@ export const tokens = {
688
688
  strokeWidthThin: 'var(--strokeWidthThin)',
689
689
  strokeWidthThick: 'var(--strokeWidthThick)',
690
690
  strokeWidthThicker: 'var(--strokeWidthThicker)',
691
- strokeWidthThickest: 'var(--strokeWidthThickest)'
691
+ strokeWidthThickest: 'var(--strokeWidthThickest)',
692
+ // Spacings
693
+ spacingHorizontalNone: 'var(--spacingHorizontalNone)',
694
+ spacingHorizontalXXS: 'var(--spacingHorizontalXXS)',
695
+ spacingHorizontalXS: 'var(--spacingHorizontalXS)',
696
+ spacingHorizontalSNudge: 'var(--spacingHorizontalSNudge)',
697
+ spacingHorizontalS: 'var(--spacingHorizontalS)',
698
+ spacingHorizontalMNudge: 'var(--spacingHorizontalMNudge)',
699
+ spacingHorizontalM: 'var(--spacingHorizontalM)',
700
+ spacingHorizontalL: 'var(--spacingHorizontalL)',
701
+ spacingHorizontalXL: 'var(--spacingHorizontalXL)',
702
+ spacingHorizontalXXL: 'var(--spacingHorizontalXXL)',
703
+ spacingHorizontalXXXL: 'var(--spacingHorizontalXXXL)',
704
+ spacingVerticalNone: 'var(--spacingVerticalNone)',
705
+ spacingVerticalXXS: 'var(--spacingVerticalXXS)',
706
+ spacingVerticalXS: 'var(--spacingVerticalXS)',
707
+ spacingVerticalSNudge: 'var(--spacingVerticalSNudge)',
708
+ spacingVerticalS: 'var(--spacingVerticalS)',
709
+ spacingVerticalMNudge: 'var(--spacingVerticalMNudge)',
710
+ spacingVerticalM: 'var(--spacingVerticalM)',
711
+ spacingVerticalL: 'var(--spacingVerticalL)',
712
+ spacingVerticalXL: 'var(--spacingVerticalXL)',
713
+ spacingVerticalXXL: 'var(--spacingVerticalXXL)',
714
+ spacingVerticalXXXL: 'var(--spacingVerticalXXXL)',
715
+ // Durations
716
+ durationUltraFast: 'var(--durationUltraFast)',
717
+ durationFaster: 'var(--durationFaster)',
718
+ durationFast: 'var(--durationFast)',
719
+ durationNormal: 'var(--durationNormal)',
720
+ durationSlow: 'var(--durationSlow)',
721
+ durationSlower: 'var(--durationSlower)',
722
+ durationUltraSlow: 'var(--durationUltraSlow)',
723
+ // Curves
724
+ curveAccelerateMax: 'var(--curveAccelerateMax)',
725
+ curveAccelerateMid: 'var(--curveAccelerateMid)',
726
+ curveAccelerateMin: 'var(--curveAccelerateMin)',
727
+ curveDecelerateMax: 'var(--curveDecelerateMax)',
728
+ curveDecelerateMid: 'var(--curveDecelerateMid)',
729
+ curveDecelerateMin: 'var(--curveDecelerateMin)',
730
+ curveEasyEaseMax: 'var(--curveEasyEaseMax)',
731
+ curveEasyEase: 'var(--curveEasyEase)',
732
+ curveLinear: 'var(--curveLinear)'
692
733
  };
693
734
  //# sourceMappingURL=tokens.js.map