@fluentui/tokens 0.0.0-nightly-20230223-2115.1 → 0.0.0-nightly-20230228-0425.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 +3 -3
- package/CHANGELOG.md +4 -4
- package/lib/alias/darkColor.js +4 -2
- package/lib/alias/darkColor.js.map +1 -1
- package/lib/alias/darkColorPalette.js +2 -1
- package/lib/alias/darkColorPalette.js.map +1 -1
- package/lib/alias/highContrastColor.js +4 -2
- package/lib/alias/highContrastColor.js.map +1 -1
- package/lib/alias/highContrastColorPalette.js.map +1 -1
- package/lib/alias/lightColor.js +4 -2
- package/lib/alias/lightColor.js.map +1 -1
- package/lib/alias/lightColorPalette.js.map +1 -1
- package/lib/alias/teamsDarkColor.js +4 -2
- package/lib/alias/teamsDarkColor.js.map +1 -1
- package/lib/global/borderRadius.js.map +1 -1
- package/lib/global/brandColors.js.map +1 -1
- package/lib/global/colorPalette.js.map +1 -1
- package/lib/global/colors.js +3 -1
- package/lib/global/colors.js.map +1 -1
- package/lib/global/curves.js.map +1 -1
- package/lib/global/durations.js.map +1 -1
- package/lib/global/fonts.js.map +1 -1
- package/lib/global/index.js.map +1 -1
- package/lib/global/spacings.js.map +1 -1
- package/lib/global/strokeWidths.js.map +1 -1
- package/lib/global/typographyStyles.js.map +1 -1
- package/lib/index.js.map +1 -1
- package/lib/sharedColorNames.js +2 -1
- package/lib/sharedColorNames.js.map +1 -1
- package/lib/themeToTokensObject.js +2 -1
- package/lib/themeToTokensObject.js.map +1 -1
- package/lib/themes/index.js.map +1 -1
- package/lib/themes/teams/darkTheme.js.map +1 -1
- package/lib/themes/teams/highContrastTheme.js.map +1 -1
- package/lib/themes/teams/index.js.map +1 -1
- package/lib/themes/teams/lightTheme.js.map +1 -1
- package/lib/themes/web/darkTheme.js.map +1 -1
- package/lib/themes/web/index.js.map +1 -1
- package/lib/themes/web/lightTheme.js.map +1 -1
- package/lib/tokens.js.map +1 -1
- package/lib/types.js.map +1 -1
- package/lib/utils/createDarkTheme.js.map +1 -1
- package/lib/utils/createHighContrastTheme.js.map +1 -1
- package/lib/utils/createLightTheme.js.map +1 -1
- package/lib/utils/createTeamsDarkTheme.js.map +1 -1
- package/lib/utils/index.js.map +1 -1
- package/lib/utils/shadows.js +1 -2
- package/lib/utils/shadows.js.map +1 -1
- package/lib-commonjs/alias/darkColor.js +156 -155
- package/lib-commonjs/alias/darkColor.js.map +1 -1
- package/lib-commonjs/alias/darkColorPalette.js +44 -46
- package/lib-commonjs/alias/darkColorPalette.js.map +1 -1
- package/lib-commonjs/alias/highContrastColor.js +156 -155
- package/lib-commonjs/alias/highContrastColor.js.map +1 -1
- package/lib-commonjs/alias/highContrastColorPalette.js +34 -37
- package/lib-commonjs/alias/highContrastColorPalette.js.map +1 -1
- package/lib-commonjs/alias/lightColor.js +156 -155
- package/lib-commonjs/alias/lightColor.js.map +1 -1
- package/lib-commonjs/alias/lightColorPalette.js +35 -38
- package/lib-commonjs/alias/lightColorPalette.js.map +1 -1
- package/lib-commonjs/alias/teamsDarkColor.js +156 -155
- package/lib-commonjs/alias/teamsDarkColor.js.map +1 -1
- package/lib-commonjs/global/borderRadius.js +11 -14
- package/lib-commonjs/global/borderRadius.js.map +1 -1
- package/lib-commonjs/global/brandColors.js +55 -65
- package/lib-commonjs/global/brandColors.js.map +1 -1
- package/lib-commonjs/global/colorPalette.js +42 -51
- package/lib-commonjs/global/colorPalette.js.map +1 -1
- package/lib-commonjs/global/colors.js +792 -859
- package/lib-commonjs/global/colors.js.map +1 -1
- package/lib-commonjs/global/curves.js +14 -17
- package/lib-commonjs/global/curves.js.map +1 -1
- package/lib-commonjs/global/durations.js +12 -15
- package/lib-commonjs/global/durations.js.map +1 -1
- package/lib-commonjs/global/fonts.js +39 -48
- package/lib-commonjs/global/fonts.js.map +1 -1
- package/lib-commonjs/global/index.js +12 -12
- package/lib-commonjs/global/index.js.map +1 -1
- package/lib-commonjs/global/spacings.js +40 -49
- package/lib-commonjs/global/spacings.js.map +1 -1
- package/lib-commonjs/global/strokeWidths.js +9 -12
- package/lib-commonjs/global/strokeWidths.js.map +1 -1
- package/lib-commonjs/global/typographyStyles.js +111 -111
- package/lib-commonjs/global/typographyStyles.js.map +1 -1
- package/lib-commonjs/index.js +81 -29
- package/lib-commonjs/index.js.map +1 -1
- package/lib-commonjs/sharedColorNames.js +10 -69
- package/lib-commonjs/sharedColorNames.js.map +1 -1
- package/lib-commonjs/themeToTokensObject.js +15 -16
- package/lib-commonjs/themeToTokensObject.js.map +1 -1
- package/lib-commonjs/themes/index.js +5 -6
- package/lib-commonjs/themes/index.js.map +1 -1
- package/lib-commonjs/themes/teams/darkTheme.js +6 -9
- package/lib-commonjs/themes/teams/darkTheme.js.map +1 -1
- package/lib-commonjs/themes/teams/highContrastTheme.js +5 -8
- package/lib-commonjs/themes/teams/highContrastTheme.js.map +1 -1
- package/lib-commonjs/themes/teams/index.js +6 -7
- package/lib-commonjs/themes/teams/index.js.map +1 -1
- package/lib-commonjs/themes/teams/lightTheme.js +6 -9
- package/lib-commonjs/themes/teams/lightTheme.js.map +1 -1
- package/lib-commonjs/themes/web/darkTheme.js +6 -9
- package/lib-commonjs/themes/web/darkTheme.js.map +1 -1
- package/lib-commonjs/themes/web/index.js +5 -6
- package/lib-commonjs/themes/web/index.js.map +1 -1
- package/lib-commonjs/themes/web/lightTheme.js +6 -9
- package/lib-commonjs/themes/web/lightTheme.js.map +1 -1
- package/lib-commonjs/tokens.js +437 -440
- package/lib-commonjs/tokens.js.map +1 -1
- package/lib-commonjs/types.js +2 -3
- package/lib-commonjs/types.js.map +1 -1
- package/lib-commonjs/utils/createDarkTheme.js +30 -32
- package/lib-commonjs/utils/createDarkTheme.js.map +1 -1
- package/lib-commonjs/utils/createHighContrastTheme.js +30 -32
- package/lib-commonjs/utils/createHighContrastTheme.js.map +1 -1
- package/lib-commonjs/utils/createLightTheme.js +30 -32
- package/lib-commonjs/utils/createLightTheme.js.map +1 -1
- package/lib-commonjs/utils/createTeamsDarkTheme.js +30 -32
- package/lib-commonjs/utils/createTeamsDarkTheme.js.map +1 -1
- package/lib-commonjs/utils/index.js +7 -8
- package/lib-commonjs/utils/index.js.map +1 -1
- package/lib-commonjs/utils/shadows.js +14 -17
- package/lib-commonjs/utils/shadows.js.map +1 -1
- package/package.json +3 -4
- package/.swcrc +0 -33
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAEO,MAAMA,oBAAoB,GAAoCC,KAAK,IAAG;EAC3E,MAAMC,WAAW,GAAGC,oCAAmB,CAACF,KAAK,CAAC;EAE9C,OAAO;IACL,GAAGG,oBAAY;IACf,GAAGA,iBAAS;IACZ,GAAGA,mBAAW;IACd,GAAGA,oBAAY;IACf,GAAGA,mBAAW;IACd,GAAGA,oBAAY;IACf,GAAGC,6BAAkB;IACrB,GAAGA,2BAAgB;IACnB,GAAGC,qBAAS;IACZ,GAAGC,eAAM;IAET,GAAGL,WAAW;IACd,GAAGM,qCAAkB;IAErB,GAAGC,4BAAkB,CAACP,WAAW,CAACQ,yBAAyB,EAAER,WAAW,CAACS,qBAAqB,CAAC;IAC/F,GAAGF,4BAAkB,CAACP,WAAW,CAACU,uBAAuB,EAAEV,WAAW,CAACW,mBAAmB,EAAE,OAAO;GACpG;AACH,CAAC;AArBYC,4BAAoB","names":["createTeamsDarkTheme","brand","colorTokens","teamsDarkColor_1","index_1","spacings_1","durations_1","curves_1","darkColorPalette_1","shadows_1","colorNeutralShadowAmbient","colorNeutralShadowKey","colorBrandShadowAmbient","colorBrandShadowKey","exports"],"sourceRoot":"","sources":["../../../../../../../packages/tokens/src/utils/createTeamsDarkTheme.ts"],"sourcesContent":["import { colorPaletteTokens } from '../alias/darkColorPalette';\nimport { generateColorTokens } from '../alias/teamsDarkColor';\n\nimport { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';\nimport { createShadowTokens } from './shadows';\nimport type { BrandVariants, Theme } from '../types';\nimport { durations } from '../global/durations';\nimport { curves } from '../global/curves';\nimport { horizontalSpacings, verticalSpacings } from '../global/spacings';\n\nexport const createTeamsDarkTheme: (brand: BrandVariants) => Theme = brand => {\n const colorTokens = generateColorTokens(brand);\n\n return {\n ...borderRadius,\n ...fontSizes,\n ...lineHeights,\n ...fontFamilies,\n ...fontWeights,\n ...strokeWidths,\n ...horizontalSpacings,\n ...verticalSpacings,\n ...durations,\n ...curves,\n\n ...colorTokens,\n ...colorPaletteTokens,\n\n ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand'),\n };\n};\n"]}
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
|
|
2
3
|
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
|
|
4
|
+
value: true
|
|
4
5
|
});
|
|
5
|
-
const
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
//# sourceMappingURL=index.js.map
|
|
11
|
-
|
|
6
|
+
const tslib_1 = /*#__PURE__*/require("tslib");
|
|
7
|
+
tslib_1.__exportStar(require("./createLightTheme"), exports);
|
|
8
|
+
tslib_1.__exportStar(require("./createDarkTheme"), exports);
|
|
9
|
+
tslib_1.__exportStar(require("./createTeamsDarkTheme"), exports);
|
|
10
|
+
tslib_1.__exportStar(require("./createHighContrastTheme"), exports);
|
|
12
11
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"mappings":";;;;;;AAAAA;AACAA;AACAA;AACAA","names":["tslib_1"],"sourceRoot":"","sources":["../../../../../../../packages/tokens/src/utils/index.ts"],"sourcesContent":["export * from './createLightTheme';\nexport * from './createDarkTheme';\nexport * from './createTeamsDarkTheme';\nexport * from './createHighContrastTheme';\n"]}
|
|
@@ -1,21 +1,18 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
|
|
2
3
|
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
|
|
4
|
-
});
|
|
5
|
-
Object.defineProperty(exports, "createShadowTokens", {
|
|
6
|
-
enumerable: true,
|
|
7
|
-
get: ()=>createShadowTokens
|
|
4
|
+
value: true
|
|
8
5
|
});
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
}
|
|
20
|
-
|
|
6
|
+
exports.createShadowTokens = void 0;
|
|
7
|
+
function createShadowTokens(ambientColor, keyColor, tokenSuffix = '') {
|
|
8
|
+
return {
|
|
9
|
+
[`shadow2${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 1px 2px ${keyColor}`,
|
|
10
|
+
[`shadow4${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 2px 4px ${keyColor}`,
|
|
11
|
+
[`shadow8${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 4px 8px ${keyColor}`,
|
|
12
|
+
[`shadow16${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 8px 16px ${keyColor}`,
|
|
13
|
+
[`shadow28${tokenSuffix}`]: `0 0 8px ${ambientColor}, 0 14px 28px ${keyColor}`,
|
|
14
|
+
[`shadow64${tokenSuffix}`]: `0 0 8px ${ambientColor}, 0 32px 64px ${keyColor}`
|
|
15
|
+
};
|
|
16
|
+
}
|
|
17
|
+
exports.createShadowTokens = createShadowTokens;
|
|
21
18
|
//# sourceMappingURL=shadows.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"mappings":";;;;;;AAKA,SAAgBA,kBAAkB,CAACC,YAAoB,EAAEC,QAAgB,EAAEC,cAA4B,EAAE;EACvG,OAAO;IACL,CAAC,UAAUA,WAAW,EAAE,GAAG,WAAWF,YAAY,eAAeC,QAAQ,EAAE;IAC3E,CAAC,UAAUC,WAAW,EAAE,GAAG,WAAWF,YAAY,eAAeC,QAAQ,EAAE;IAC3E,CAAC,UAAUC,WAAW,EAAE,GAAG,WAAWF,YAAY,eAAeC,QAAQ,EAAE;IAC3E,CAAC,WAAWC,WAAW,EAAE,GAAG,WAAWF,YAAY,gBAAgBC,QAAQ,EAAE;IAC7E,CAAC,WAAWC,WAAW,EAAE,GAAG,WAAWF,YAAY,iBAAiBC,QAAQ,EAAE;IAC9E,CAAC,WAAWC,WAAW,EAAE,GAAG,WAAWF,YAAY,iBAAiBC,QAAQ;GAC7E;AACH;AATAE","names":["createShadowTokens","ambientColor","keyColor","tokenSuffix","exports"],"sourceRoot":"","sources":["../../../../../../../packages/tokens/src/utils/shadows.ts"],"sourcesContent":["import type { ShadowBrandTokens, ShadowTokens } from '../types';\n\nexport function createShadowTokens(ambientColor: string, keyColor: string, tokenSuffix: 'Brand'): ShadowBrandTokens;\nexport function createShadowTokens(ambientColor: string, keyColor: string): ShadowTokens;\n\nexport function createShadowTokens(ambientColor: string, keyColor: string, tokenSuffix: 'Brand' | '' = '') {\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"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui/tokens",
|
|
3
|
-
"version": "0.0.0-nightly-
|
|
3
|
+
"version": "0.0.0-nightly-20230228-0425.1",
|
|
4
4
|
"description": "Fluent UI Theme Tokens",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
"test": "jest --passWithNoTests",
|
|
21
21
|
"token-pipeline": "node -r ../../scripts/ts-node/register ../../scripts/generators/token-pipeline.ts",
|
|
22
22
|
"type-check": "tsc -b tsconfig.json",
|
|
23
|
-
"generate-api": "just-scripts
|
|
23
|
+
"generate-api": "tsc -p ./tsconfig.lib.json --emitDeclarationOnly && just-scripts api-extractor"
|
|
24
24
|
},
|
|
25
25
|
"devDependencies": {
|
|
26
26
|
"@fluentui/eslint-plugin": "*",
|
|
@@ -28,8 +28,7 @@
|
|
|
28
28
|
"@fluentui/scripts-tasks": "*"
|
|
29
29
|
},
|
|
30
30
|
"dependencies": {
|
|
31
|
-
"
|
|
32
|
-
"@swc/helpers": "^0.4.14"
|
|
31
|
+
"tslib": "^2.1.0"
|
|
33
32
|
},
|
|
34
33
|
"beachball": {},
|
|
35
34
|
"exports": {
|
package/.swcrc
DELETED
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$schema": "https://json.schemastore.org/swcrc",
|
|
3
|
-
"env": {
|
|
4
|
-
"targets": {
|
|
5
|
-
"chrome": "84",
|
|
6
|
-
"edge": "84",
|
|
7
|
-
"firefox": "75",
|
|
8
|
-
"opera": "73",
|
|
9
|
-
"safari": "14.1"
|
|
10
|
-
}
|
|
11
|
-
},
|
|
12
|
-
"exclude": [
|
|
13
|
-
"/testing",
|
|
14
|
-
"/**/*.cy.ts",
|
|
15
|
-
"/**/*.cy.tsx",
|
|
16
|
-
"/**/*.spec.ts",
|
|
17
|
-
"/**/*.spec.tsx",
|
|
18
|
-
"/**/*.test.ts",
|
|
19
|
-
"/**/*.test.tsx"
|
|
20
|
-
],
|
|
21
|
-
"jsc": {
|
|
22
|
-
"parser": {
|
|
23
|
-
"syntax": "typescript",
|
|
24
|
-
"tsx": true,
|
|
25
|
-
"decorators": false,
|
|
26
|
-
"dynamicImport": false
|
|
27
|
-
},
|
|
28
|
-
"target": "es2019",
|
|
29
|
-
"externalHelpers": true
|
|
30
|
-
},
|
|
31
|
-
"minify": false,
|
|
32
|
-
"sourceMaps": true
|
|
33
|
-
}
|