@fluentui/tokens 1.0.0-alpha.5 → 1.0.0-alpha.6
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 +52 -1
- package/CHANGELOG.md +12 -2
- package/dist/index.d.ts +7 -0
- package/lib/alias/darkColor.js +160 -154
- package/lib/alias/darkColor.js.map +1 -1
- package/lib/alias/darkColorPalette.js +25 -26
- package/lib/alias/darkColorPalette.js.map +1 -1
- package/lib/alias/highContrastColor.js +160 -154
- package/lib/alias/highContrastColor.js.map +1 -1
- package/lib/alias/highContrastColorPalette.js +24 -25
- package/lib/alias/highContrastColorPalette.js.map +1 -1
- package/lib/alias/lightColor.js +160 -154
- package/lib/alias/lightColor.js.map +1 -1
- package/lib/alias/lightColorPalette.js +24 -25
- package/lib/alias/lightColorPalette.js.map +1 -1
- package/lib/alias/teamsDarkColor.js +160 -154
- package/lib/alias/teamsDarkColor.js.map +1 -1
- package/lib/global/borderRadius.js +6 -7
- package/lib/global/borderRadius.js.map +1 -1
- package/lib/global/brandColors.js +48 -49
- package/lib/global/brandColors.js.map +1 -1
- package/lib/global/colorPalette.js +35 -36
- package/lib/global/colorPalette.js.map +1 -1
- package/lib/global/colors.js +689 -690
- package/lib/global/colors.js.map +1 -1
- package/lib/global/curves.js +9 -10
- package/lib/global/curves.js.map +1 -1
- package/lib/global/durations.js +7 -8
- package/lib/global/durations.js.map +1 -1
- package/lib/global/fonts.js +29 -32
- package/lib/global/fonts.js.map +1 -1
- package/lib/global/index.js +0 -1
- package/lib/global/index.js.map +1 -1
- package/lib/global/spacings.js +33 -34
- package/lib/global/spacings.js.map +1 -1
- package/lib/global/strokeWidths.js +4 -5
- package/lib/global/strokeWidths.js.map +1 -1
- package/lib/global/typographyStyles.js +103 -105
- package/lib/global/typographyStyles.js.map +1 -1
- package/lib/index.js +0 -1
- package/lib/index.js.map +1 -1
- package/lib/sharedColorNames.js +55 -6
- package/lib/sharedColorNames.js.map +1 -1
- package/lib/themeToTokensObject.js +7 -8
- package/lib/themeToTokensObject.js.map +1 -1
- package/lib/themes/index.js +0 -1
- package/lib/themes/index.js.map +1 -1
- package/lib/themes/teams/darkTheme.js +1 -2
- package/lib/themes/teams/darkTheme.js.map +1 -1
- package/lib/themes/teams/highContrastTheme.js +1 -2
- package/lib/themes/teams/highContrastTheme.js.map +1 -1
- package/lib/themes/teams/index.js +0 -1
- package/lib/themes/teams/index.js.map +1 -1
- package/lib/themes/teams/lightTheme.js +1 -2
- package/lib/themes/teams/lightTheme.js.map +1 -1
- package/lib/themes/web/darkTheme.js +1 -2
- package/lib/themes/web/darkTheme.js.map +1 -1
- package/lib/themes/web/index.js +0 -1
- package/lib/themes/web/index.js.map +1 -1
- package/lib/themes/web/lightTheme.js +1 -2
- package/lib/themes/web/lightTheme.js.map +1 -1
- package/lib/tokens.js +442 -436
- package/lib/tokens.js.map +1 -1
- package/lib/types.js +1 -2
- package/lib/types.js.map +1 -1
- package/lib/utils/createDarkTheme.js +18 -19
- package/lib/utils/createDarkTheme.js.map +1 -1
- package/lib/utils/createHighContrastTheme.js +18 -19
- package/lib/utils/createHighContrastTheme.js.map +1 -1
- package/lib/utils/createLightTheme.js +18 -19
- package/lib/utils/createLightTheme.js.map +1 -1
- package/lib/utils/createTeamsDarkTheme.js +18 -19
- package/lib/utils/createTeamsDarkTheme.js.map +1 -1
- package/lib/utils/index.js +0 -1
- package/lib/utils/index.js.map +1 -1
- package/lib/utils/shadows.js +8 -9
- package/lib/utils/shadows.js.map +1 -1
- package/lib-commonjs/alias/darkColor.js +9 -4
- package/lib-commonjs/alias/darkColor.js.map +1 -1
- package/lib-commonjs/alias/darkColorPalette.js +3 -5
- package/lib-commonjs/alias/darkColorPalette.js.map +1 -1
- package/lib-commonjs/alias/highContrastColor.js +10 -5
- package/lib-commonjs/alias/highContrastColor.js.map +1 -1
- package/lib-commonjs/alias/highContrastColorPalette.js +3 -5
- package/lib-commonjs/alias/highContrastColorPalette.js.map +1 -1
- package/lib-commonjs/alias/lightColor.js +8 -3
- package/lib-commonjs/alias/lightColor.js.map +1 -1
- package/lib-commonjs/alias/lightColorPalette.js +3 -5
- package/lib-commonjs/alias/lightColorPalette.js.map +1 -1
- package/lib-commonjs/alias/teamsDarkColor.js +9 -4
- package/lib-commonjs/alias/teamsDarkColor.js.map +1 -1
- package/lib-commonjs/global/borderRadius.js +1 -3
- package/lib-commonjs/global/borderRadius.js.map +1 -1
- package/lib-commonjs/global/brandColors.js +1 -3
- package/lib-commonjs/global/brandColors.js.map +1 -1
- package/lib-commonjs/global/colorPalette.js +1 -3
- package/lib-commonjs/global/colorPalette.js.map +1 -1
- package/lib-commonjs/global/colors.js +1 -3
- package/lib-commonjs/global/colors.js.map +1 -1
- package/lib-commonjs/global/curves.js +1 -3
- package/lib-commonjs/global/curves.js.map +1 -1
- package/lib-commonjs/global/durations.js +1 -3
- package/lib-commonjs/global/durations.js.map +1 -1
- package/lib-commonjs/global/fonts.js +3 -7
- package/lib-commonjs/global/fonts.js.map +1 -1
- package/lib-commonjs/global/index.js +0 -3
- package/lib-commonjs/global/index.js.map +1 -1
- package/lib-commonjs/global/spacings.js +1 -3
- package/lib-commonjs/global/spacings.js.map +1 -1
- package/lib-commonjs/global/strokeWidths.js +1 -3
- package/lib-commonjs/global/strokeWidths.js.map +1 -1
- package/lib-commonjs/global/typographyStyles.js +1 -3
- package/lib-commonjs/global/typographyStyles.js.map +1 -1
- package/lib-commonjs/index.js +0 -3
- package/lib-commonjs/index.js.map +1 -1
- package/lib-commonjs/sharedColorNames.js +1 -3
- package/lib-commonjs/sharedColorNames.js.map +1 -1
- package/lib-commonjs/themeToTokensObject.js +2 -4
- package/lib-commonjs/themeToTokensObject.js.map +1 -1
- package/lib-commonjs/themes/index.js +0 -3
- package/lib-commonjs/themes/index.js.map +1 -1
- package/lib-commonjs/themes/teams/darkTheme.js +1 -3
- package/lib-commonjs/themes/teams/darkTheme.js.map +1 -1
- package/lib-commonjs/themes/teams/highContrastTheme.js +1 -3
- package/lib-commonjs/themes/teams/highContrastTheme.js.map +1 -1
- package/lib-commonjs/themes/teams/index.js +0 -3
- package/lib-commonjs/themes/teams/index.js.map +1 -1
- package/lib-commonjs/themes/teams/lightTheme.js +1 -3
- package/lib-commonjs/themes/teams/lightTheme.js.map +1 -1
- package/lib-commonjs/themes/web/darkTheme.js +1 -3
- package/lib-commonjs/themes/web/darkTheme.js.map +1 -1
- package/lib-commonjs/themes/web/index.js +0 -3
- package/lib-commonjs/themes/web/index.js.map +1 -1
- package/lib-commonjs/themes/web/lightTheme.js +1 -3
- package/lib-commonjs/themes/web/lightTheme.js.map +1 -1
- package/lib-commonjs/tokens.js +8 -3
- package/lib-commonjs/tokens.js.map +1 -1
- package/lib-commonjs/types.js +0 -3
- package/lib-commonjs/types.js.map +1 -1
- package/lib-commonjs/utils/createDarkTheme.js +1 -3
- package/lib-commonjs/utils/createDarkTheme.js.map +1 -1
- package/lib-commonjs/utils/createHighContrastTheme.js +1 -3
- package/lib-commonjs/utils/createHighContrastTheme.js.map +1 -1
- package/lib-commonjs/utils/createLightTheme.js +1 -3
- package/lib-commonjs/utils/createLightTheme.js.map +1 -1
- package/lib-commonjs/utils/createTeamsDarkTheme.js +1 -3
- package/lib-commonjs/utils/createTeamsDarkTheme.js.map +1 -1
- package/lib-commonjs/utils/index.js +0 -3
- package/lib-commonjs/utils/index.js.map +1 -1
- package/lib-commonjs/utils/shadows.js +1 -3
- package/lib-commonjs/utils/shadows.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["createHighContrastTheme.js"],"sourcesContent":["import { colorPaletteTokens } from '../alias/highContrastColorPalette';\nimport { generateColorTokens } from '../alias/highContrastColor';\nimport { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';\nimport { createShadowTokens } from './shadows';\nimport { durations } from '../global/durations';\nimport { curves } from '../global/curves';\nimport { horizontalSpacings, verticalSpacings } from '../global/spacings';\nexport const createHighContrastTheme = ()=>{\n const colorTokens = generateColorTokens();\n return {\n ...borderRadius,\n ...fontSizes,\n ...lineHeights,\n ...fontFamilies,\n ...fontWeights,\n ...strokeWidths,\n ...horizontalSpacings,\n ...verticalSpacings,\n ...durations,\n ...curves,\n ...colorTokens,\n ...colorPaletteTokens,\n ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand')\n };\n};\n"],"names":["createHighContrastTheme","colorTokens","generateColorTokens","borderRadius","fontSizes","lineHeights","fontFamilies","fontWeights","strokeWidths","horizontalSpacings","verticalSpacings","durations","curves","colorPaletteTokens","createShadowTokens","colorNeutralShadowAmbient","colorNeutralShadowKey","colorBrandShadowAmbient","colorBrandShadowKey"],"mappings":";;;;+BAOaA;;aAAAA;;0CAPsB;mCACC;uBAC0D;yBAC3D;2BACT;wBACH;0BAC8B;AAC9C,MAAMA,0BAA0B,IAAI;IACvC,MAAMC,cAAcC,IAAAA,sCAAmB;IACvC,OAAO;QACH,GAAGC,mBAAY;QACf,GAAGC,gBAAS;QACZ,GAAGC,kBAAW;QACd,GAAGC,mBAAY;QACf,GAAGC,kBAAW;QACd,GAAGC,mBAAY;QACf,GAAGC,4BAAkB;QACrB,GAAGC,0BAAgB;QACnB,GAAGC,oBAAS;QACZ,GAAGC,cAAM;QACT,GAAGX,WAAW;QACd,GAAGY,4CAAkB;QACrB,GAAGC,IAAAA,2BAAkB,EAACb,YAAYc,yBAAyB,EAAEd,YAAYe,qBAAqB,CAAC;QAC/F,GAAGF,IAAAA,2BAAkB,EAACb,YAAYgB,uBAAuB,EAAEhB,YAAYiB,mBAAmB,EAAE,QAAQ;IACxG;AACJ"}
|
|
@@ -31,6 +31,4 @@ const createLightTheme = (brand)=>{
|
|
|
31
31
|
...(0, _shadows.createShadowTokens)(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),
|
|
32
32
|
...(0, _shadows.createShadowTokens)(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand')
|
|
33
33
|
};
|
|
34
|
-
};
|
|
35
|
-
|
|
36
|
-
//# sourceMappingURL=createLightTheme.js.map
|
|
34
|
+
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["createLightTheme.js"],"sourcesContent":["import { colorPaletteTokens } from '../alias/lightColorPalette';\nimport { generateColorTokens } from '../alias/lightColor';\nimport { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';\nimport { createShadowTokens } from './shadows';\nimport { durations } from '../global/durations';\nimport { curves } from '../global/curves';\nimport { horizontalSpacings, verticalSpacings } from '../global/spacings';\nexport const createLightTheme = (brand)=>{\n const colorTokens = generateColorTokens(brand);\n return {\n ...borderRadius,\n ...fontSizes,\n ...lineHeights,\n ...fontFamilies,\n ...fontWeights,\n ...strokeWidths,\n ...horizontalSpacings,\n ...verticalSpacings,\n ...durations,\n ...curves,\n ...colorTokens,\n ...colorPaletteTokens,\n ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand')\n };\n};\n"],"names":["createLightTheme","brand","colorTokens","generateColorTokens","borderRadius","fontSizes","lineHeights","fontFamilies","fontWeights","strokeWidths","horizontalSpacings","verticalSpacings","durations","curves","colorPaletteTokens","createShadowTokens","colorNeutralShadowAmbient","colorNeutralShadowKey","colorBrandShadowAmbient","colorBrandShadowKey"],"mappings":";;;;+BAOaA;;aAAAA;;mCAPsB;4BACC;uBAC0D;yBAC3D;2BACT;wBACH;0BAC8B;AAC9C,MAAMA,mBAAmB,CAACC,QAAQ;IACrC,MAAMC,cAAcC,IAAAA,+BAAmB,EAACF;IACxC,OAAO;QACH,GAAGG,mBAAY;QACf,GAAGC,gBAAS;QACZ,GAAGC,kBAAW;QACd,GAAGC,mBAAY;QACf,GAAGC,kBAAW;QACd,GAAGC,mBAAY;QACf,GAAGC,4BAAkB;QACrB,GAAGC,0BAAgB;QACnB,GAAGC,oBAAS;QACZ,GAAGC,cAAM;QACT,GAAGX,WAAW;QACd,GAAGY,qCAAkB;QACrB,GAAGC,IAAAA,2BAAkB,EAACb,YAAYc,yBAAyB,EAAEd,YAAYe,qBAAqB,CAAC;QAC/F,GAAGF,IAAAA,2BAAkB,EAACb,YAAYgB,uBAAuB,EAAEhB,YAAYiB,mBAAmB,EAAE,QAAQ;IACxG;AACJ"}
|
|
@@ -31,6 +31,4 @@ const createTeamsDarkTheme = (brand)=>{
|
|
|
31
31
|
...(0, _shadows.createShadowTokens)(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),
|
|
32
32
|
...(0, _shadows.createShadowTokens)(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand')
|
|
33
33
|
};
|
|
34
|
-
};
|
|
35
|
-
|
|
36
|
-
//# sourceMappingURL=createTeamsDarkTheme.js.map
|
|
34
|
+
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["createTeamsDarkTheme.js"],"sourcesContent":["import { colorPaletteTokens } from '../alias/darkColorPalette';\nimport { generateColorTokens } from '../alias/teamsDarkColor';\nimport { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';\nimport { createShadowTokens } from './shadows';\nimport { durations } from '../global/durations';\nimport { curves } from '../global/curves';\nimport { horizontalSpacings, verticalSpacings } from '../global/spacings';\nexport const createTeamsDarkTheme = (brand)=>{\n const colorTokens = generateColorTokens(brand);\n return {\n ...borderRadius,\n ...fontSizes,\n ...lineHeights,\n ...fontFamilies,\n ...fontWeights,\n ...strokeWidths,\n ...horizontalSpacings,\n ...verticalSpacings,\n ...durations,\n ...curves,\n ...colorTokens,\n ...colorPaletteTokens,\n ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand')\n };\n};\n"],"names":["createTeamsDarkTheme","brand","colorTokens","generateColorTokens","borderRadius","fontSizes","lineHeights","fontFamilies","fontWeights","strokeWidths","horizontalSpacings","verticalSpacings","durations","curves","colorPaletteTokens","createShadowTokens","colorNeutralShadowAmbient","colorNeutralShadowKey","colorBrandShadowAmbient","colorBrandShadowKey"],"mappings":";;;;+BAOaA;;aAAAA;;kCAPsB;gCACC;uBAC0D;yBAC3D;2BACT;wBACH;0BAC8B;AAC9C,MAAMA,uBAAuB,CAACC,QAAQ;IACzC,MAAMC,cAAcC,IAAAA,mCAAmB,EAACF;IACxC,OAAO;QACH,GAAGG,mBAAY;QACf,GAAGC,gBAAS;QACZ,GAAGC,kBAAW;QACd,GAAGC,mBAAY;QACf,GAAGC,kBAAW;QACd,GAAGC,mBAAY;QACf,GAAGC,4BAAkB;QACrB,GAAGC,0BAAgB;QACnB,GAAGC,oBAAS;QACZ,GAAGC,cAAM;QACT,GAAGX,WAAW;QACd,GAAGY,oCAAkB;QACrB,GAAGC,IAAAA,2BAAkB,EAACb,YAAYc,yBAAyB,EAAEd,YAAYe,qBAAqB,CAAC;QAC/F,GAAGF,IAAAA,2BAAkB,EAACb,YAAYgB,uBAAuB,EAAEhB,YAAYiB,mBAAmB,EAAE,QAAQ;IACxG;AACJ"}
|
|
@@ -7,6 +7,3 @@ _exportStar(require("./createLightTheme"), exports);
|
|
|
7
7
|
_exportStar(require("./createDarkTheme"), exports);
|
|
8
8
|
_exportStar(require("./createTeamsDarkTheme"), exports);
|
|
9
9
|
_exportStar(require("./createHighContrastTheme"), exports);
|
|
10
|
-
//# sourceMappingURL=index.js.map
|
|
11
|
-
|
|
12
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["index.js"],"sourcesContent":["export * from './createLightTheme';\nexport * from './createDarkTheme';\nexport * from './createTeamsDarkTheme';\nexport * from './createHighContrastTheme';\n"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA"}
|
|
@@ -15,6 +15,4 @@ function createShadowTokens(ambientColor, keyColor, tokenSuffix = '') {
|
|
|
15
15
|
[`shadow28${tokenSuffix}`]: `0 0 8px ${ambientColor}, 0 14px 28px ${keyColor}`,
|
|
16
16
|
[`shadow64${tokenSuffix}`]: `0 0 8px ${ambientColor}, 0 32px 64px ${keyColor}`
|
|
17
17
|
};
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
//# sourceMappingURL=shadows.js.map
|
|
18
|
+
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["shadows.js"],"sourcesContent":["export function createShadowTokens(ambientColor, keyColor, tokenSuffix = '') {\n return {\n [`shadow2${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 1px 2px ${keyColor}`,\n [`shadow4${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 2px 4px ${keyColor}`,\n [`shadow8${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 4px 8px ${keyColor}`,\n [`shadow16${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 8px 16px ${keyColor}`,\n [`shadow28${tokenSuffix}`]: `0 0 8px ${ambientColor}, 0 14px 28px ${keyColor}`,\n [`shadow64${tokenSuffix}`]: `0 0 8px ${ambientColor}, 0 32px 64px ${keyColor}`\n };\n}\n"],"names":["createShadowTokens","ambientColor","keyColor","tokenSuffix"],"mappings":";;;;+BAAgBA;;aAAAA;;AAAT,SAASA,mBAAmBC,YAAY,EAAEC,QAAQ,EAAEC,cAAc,EAAE,EAAE;IACzE,OAAO;QACH,CAAC,CAAC,OAAO,EAAEA,YAAY,CAAC,CAAC,EAAE,CAAC,QAAQ,EAAEF,aAAa,YAAY,EAAEC,SAAS,CAAC;QAC3E,CAAC,CAAC,OAAO,EAAEC,YAAY,CAAC,CAAC,EAAE,CAAC,QAAQ,EAAEF,aAAa,YAAY,EAAEC,SAAS,CAAC;QAC3E,CAAC,CAAC,OAAO,EAAEC,YAAY,CAAC,CAAC,EAAE,CAAC,QAAQ,EAAEF,aAAa,YAAY,EAAEC,SAAS,CAAC;QAC3E,CAAC,CAAC,QAAQ,EAAEC,YAAY,CAAC,CAAC,EAAE,CAAC,QAAQ,EAAEF,aAAa,aAAa,EAAEC,SAAS,CAAC;QAC7E,CAAC,CAAC,QAAQ,EAAEC,YAAY,CAAC,CAAC,EAAE,CAAC,QAAQ,EAAEF,aAAa,cAAc,EAAEC,SAAS,CAAC;QAC9E,CAAC,CAAC,QAAQ,EAAEC,YAAY,CAAC,CAAC,EAAE,CAAC,QAAQ,EAAEF,aAAa,cAAc,EAAEC,SAAS,CAAC;IAClF;AACJ"}
|