@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.
- package/CHANGELOG.json +15 -3
- package/CHANGELOG.md +6 -4
- package/dist/{react-theme.d.ts → index.d.ts} +66 -1
- package/lib/global/curves.d.ts +2 -0
- package/lib/global/curves.js +12 -0
- package/lib/global/curves.js.map +1 -0
- package/lib/global/durations.d.ts +2 -0
- package/lib/global/durations.js +10 -0
- package/lib/global/durations.js.map +1 -0
- package/lib/global/index.d.ts +4 -0
- package/lib/global/index.js +4 -0
- package/lib/global/index.js.map +1 -1
- package/lib/global/spacings.d.ts +4 -0
- package/lib/global/spacings.js +40 -0
- package/lib/global/spacings.js.map +1 -0
- package/lib/global/typographyStyles.js +16 -0
- package/lib/global/typographyStyles.js.map +1 -1
- package/lib/index.d.ts +1 -1
- package/lib/index.js.map +1 -1
- package/lib/tokens.js +42 -1
- package/lib/tokens.js.map +1 -1
- package/lib/types.d.ts +61 -1
- package/lib/types.js.map +1 -1
- package/lib/utils/createDarkTheme.js +7 -0
- package/lib/utils/createDarkTheme.js.map +1 -1
- package/lib/utils/createHighContrastTheme.js +7 -0
- package/lib/utils/createHighContrastTheme.js.map +1 -1
- package/lib/utils/createLightTheme.js +7 -0
- package/lib/utils/createLightTheme.js.map +1 -1
- package/lib/utils/createTeamsDarkTheme.js +7 -0
- package/lib/utils/createTeamsDarkTheme.js.map +1 -1
- package/lib-commonjs/global/curves.d.ts +2 -0
- package/lib-commonjs/global/curves.js +18 -0
- package/lib-commonjs/global/curves.js.map +1 -0
- package/lib-commonjs/global/durations.d.ts +2 -0
- package/lib-commonjs/global/durations.js +16 -0
- package/lib-commonjs/global/durations.js.map +1 -0
- package/lib-commonjs/global/index.d.ts +4 -0
- package/lib-commonjs/global/index.js +8 -0
- package/lib-commonjs/global/index.js.map +1 -1
- package/lib-commonjs/global/spacings.d.ts +4 -0
- package/lib-commonjs/global/spacings.js +46 -0
- package/lib-commonjs/global/spacings.js.map +1 -0
- package/lib-commonjs/global/typographyStyles.js +16 -0
- package/lib-commonjs/global/typographyStyles.js.map +1 -1
- package/lib-commonjs/index.d.ts +1 -1
- package/lib-commonjs/index.js.map +1 -1
- package/lib-commonjs/tokens.js +42 -1
- package/lib-commonjs/tokens.js.map +1 -1
- package/lib-commonjs/types.d.ts +61 -1
- package/lib-commonjs/utils/createDarkTheme.js +10 -0
- package/lib-commonjs/utils/createDarkTheme.js.map +1 -1
- package/lib-commonjs/utils/createHighContrastTheme.js +10 -0
- package/lib-commonjs/utils/createHighContrastTheme.js.map +1 -1
- package/lib-commonjs/utils/createLightTheme.js +10 -0
- package/lib-commonjs/utils/createLightTheme.js.map +1 -1
- package/lib-commonjs/utils/createTeamsDarkTheme.js +10 -0
- package/lib-commonjs/utils/createTeamsDarkTheme.js.map +1 -1
- 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": "
|
6
|
-
"tag": "@fluentui/react-theme_v0.0.0-nightly-
|
7
|
-
"version": "0.0.0-nightly-
|
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
|
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-
|
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
|
-
|
10
|
-
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-rc.5..@fluentui/react-theme_v0.0.0-nightly-
|
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,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 @@
|
|
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/"}
|
package/lib/global/index.d.ts
CHANGED
@@ -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';
|
package/lib/global/index.js
CHANGED
@@ -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';
|
package/lib/global/index.js.map
CHANGED
@@ -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":"AAAA,SAAS,MAAT,QAAuB,WAAvB;AAGA;;AAEG;;AACH,OAAO,MAAM,gBAAgB,GAAqB;AAChD,EAAA,KAAK,EAAE;AACL,IAAA,
|
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
|