@fluentui/tokens 0.0.0-nightly-20230317-1454.1 → 0.0.0-nightly-20230322-0439.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/.swcrc +2 -11
- package/CHANGELOG.json +24 -3
- package/CHANGELOG.md +14 -4
- package/lib/alias/darkColor.js +19 -19
- package/lib/alias/darkColorPalette.js +2 -2
- package/lib/alias/highContrastColor.js +12 -12
- package/lib/alias/highContrastColorPalette.js +2 -2
- package/lib/alias/lightColor.js +19 -19
- package/lib/alias/lightColorPalette.js +2 -2
- package/lib/alias/teamsDarkColor.js +19 -19
- package/lib/global/borderRadius.js +6 -6
- package/lib/global/colorPalette.js +1 -1
- package/lib/global/colors.js +698 -698
- package/lib/global/curves.js +9 -9
- package/lib/global/durations.js +7 -7
- package/lib/global/fonts.js +20 -20
- package/lib/global/index.js +9 -9
- package/lib/global/spacings.js +11 -11
- package/lib/global/strokeWidths.js +4 -4
- package/lib/global/typographyStyles.js +1 -1
- package/lib/index.js +5 -5
- package/lib/sharedColorNames.js +3 -3
- package/lib/themes/index.js +2 -2
- package/lib/themes/teams/darkTheme.js +2 -2
- package/lib/themes/teams/highContrastTheme.js +1 -1
- package/lib/themes/teams/index.js +3 -3
- package/lib/themes/teams/lightTheme.js +2 -2
- package/lib/themes/web/darkTheme.js +2 -2
- package/lib/themes/web/index.js +2 -2
- package/lib/themes/web/lightTheme.js +2 -2
- package/lib/tokens.js +387 -387
- package/lib/utils/createDarkTheme.js +8 -8
- package/lib/utils/createHighContrastTheme.js +8 -8
- package/lib/utils/createLightTheme.js +8 -8
- package/lib/utils/createTeamsDarkTheme.js +8 -8
- package/lib/utils/index.js +4 -4
- package/lib/utils/shadows.js +1 -1
- package/lib-commonjs/alias/darkColor.js +18 -18
- package/lib-commonjs/alias/darkColor.js.map +1 -1
- package/lib-commonjs/alias/darkColorPalette.js.map +1 -1
- package/lib-commonjs/alias/highContrastColor.js +11 -11
- package/lib-commonjs/alias/highContrastColor.js.map +1 -1
- package/lib-commonjs/alias/highContrastColorPalette.js.map +1 -1
- package/lib-commonjs/alias/lightColor.js +18 -18
- package/lib-commonjs/alias/lightColor.js.map +1 -1
- package/lib-commonjs/alias/lightColorPalette.js.map +1 -1
- package/lib-commonjs/alias/teamsDarkColor.js +18 -18
- package/lib-commonjs/alias/teamsDarkColor.js.map +1 -1
- package/lib-commonjs/global/borderRadius.js +6 -6
- package/lib-commonjs/global/borderRadius.js.map +1 -1
- package/lib-commonjs/global/colorPalette.js.map +1 -1
- package/lib-commonjs/global/colors.js +698 -698
- package/lib-commonjs/global/colors.js.map +1 -1
- package/lib-commonjs/global/curves.js +9 -9
- package/lib-commonjs/global/curves.js.map +1 -1
- package/lib-commonjs/global/durations.js +7 -7
- package/lib-commonjs/global/durations.js.map +1 -1
- package/lib-commonjs/global/fonts.js +20 -20
- package/lib-commonjs/global/fonts.js.map +1 -1
- package/lib-commonjs/global/index.js.map +1 -1
- package/lib-commonjs/global/spacings.js +11 -11
- package/lib-commonjs/global/spacings.js.map +1 -1
- package/lib-commonjs/global/strokeWidths.js +4 -4
- package/lib-commonjs/global/strokeWidths.js.map +1 -1
- package/lib-commonjs/global/typographyStyles.js.map +1 -1
- package/lib-commonjs/index.js.map +1 -1
- package/lib-commonjs/sharedColorNames.js +49 -49
- package/lib-commonjs/sharedColorNames.js.map +1 -1
- package/lib-commonjs/themes/index.js.map +1 -1
- package/lib-commonjs/themes/teams/darkTheme.js.map +1 -1
- package/lib-commonjs/themes/teams/highContrastTheme.js.map +1 -1
- package/lib-commonjs/themes/teams/index.js.map +1 -1
- package/lib-commonjs/themes/teams/lightTheme.js.map +1 -1
- package/lib-commonjs/themes/web/darkTheme.js.map +1 -1
- package/lib-commonjs/themes/web/index.js.map +1 -1
- package/lib-commonjs/themes/web/lightTheme.js.map +1 -1
- package/lib-commonjs/tokens.js +387 -387
- package/lib-commonjs/tokens.js.map +1 -1
- package/lib-commonjs/utils/createDarkTheme.js +1 -1
- package/lib-commonjs/utils/createDarkTheme.js.map +1 -1
- package/lib-commonjs/utils/createHighContrastTheme.js +1 -1
- package/lib-commonjs/utils/createHighContrastTheme.js.map +1 -1
- package/lib-commonjs/utils/createLightTheme.js +1 -1
- package/lib-commonjs/utils/createLightTheme.js.map +1 -1
- package/lib-commonjs/utils/createTeamsDarkTheme.js +1 -1
- package/lib-commonjs/utils/createTeamsDarkTheme.js.map +1 -1
- package/lib-commonjs/utils/index.js.map +1 -1
- package/lib-commonjs/utils/shadows.js +1 -1
- package/lib-commonjs/utils/shadows.js.map +1 -1
- package/package.json +2 -1
package/lib/global/curves.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
export const curves = {
|
|
2
|
-
curveAccelerateMax:
|
|
3
|
-
curveAccelerateMid:
|
|
4
|
-
curveAccelerateMin:
|
|
5
|
-
curveDecelerateMax:
|
|
6
|
-
curveDecelerateMid:
|
|
7
|
-
curveDecelerateMin:
|
|
8
|
-
curveEasyEaseMax:
|
|
9
|
-
curveEasyEase:
|
|
10
|
-
curveLinear:
|
|
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
11
|
};
|
|
12
12
|
//# sourceMappingURL=curves.js.map
|
package/lib/global/durations.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
export const durations = {
|
|
2
|
-
durationUltraFast:
|
|
3
|
-
durationFaster:
|
|
4
|
-
durationFast:
|
|
5
|
-
durationNormal:
|
|
6
|
-
durationSlow:
|
|
7
|
-
durationSlower:
|
|
8
|
-
durationUltraSlow:
|
|
2
|
+
durationUltraFast: '50ms',
|
|
3
|
+
durationFaster: '100ms',
|
|
4
|
+
durationFast: '150ms',
|
|
5
|
+
durationNormal: '200ms',
|
|
6
|
+
durationSlow: '300ms',
|
|
7
|
+
durationSlower: '400ms',
|
|
8
|
+
durationUltraSlow: '500ms'
|
|
9
9
|
};
|
|
10
10
|
//# sourceMappingURL=durations.js.map
|
package/lib/global/fonts.js
CHANGED
|
@@ -1,26 +1,26 @@
|
|
|
1
1
|
export const fontSizes = {
|
|
2
|
-
fontSizeBase100:
|
|
3
|
-
fontSizeBase200:
|
|
4
|
-
fontSizeBase300:
|
|
5
|
-
fontSizeBase400:
|
|
6
|
-
fontSizeBase500:
|
|
7
|
-
fontSizeBase600:
|
|
8
|
-
fontSizeHero700:
|
|
9
|
-
fontSizeHero800:
|
|
10
|
-
fontSizeHero900:
|
|
11
|
-
fontSizeHero1000:
|
|
2
|
+
fontSizeBase100: '10px',
|
|
3
|
+
fontSizeBase200: '12px',
|
|
4
|
+
fontSizeBase300: '14px',
|
|
5
|
+
fontSizeBase400: '16px',
|
|
6
|
+
fontSizeBase500: '20px',
|
|
7
|
+
fontSizeBase600: '24px',
|
|
8
|
+
fontSizeHero700: '28px',
|
|
9
|
+
fontSizeHero800: '32px',
|
|
10
|
+
fontSizeHero900: '40px',
|
|
11
|
+
fontSizeHero1000: '68px'
|
|
12
12
|
};
|
|
13
13
|
export const lineHeights = {
|
|
14
|
-
lineHeightBase100:
|
|
15
|
-
lineHeightBase200:
|
|
16
|
-
lineHeightBase300:
|
|
17
|
-
lineHeightBase400:
|
|
18
|
-
lineHeightBase500:
|
|
19
|
-
lineHeightBase600:
|
|
20
|
-
lineHeightHero700:
|
|
21
|
-
lineHeightHero800:
|
|
22
|
-
lineHeightHero900:
|
|
23
|
-
lineHeightHero1000:
|
|
14
|
+
lineHeightBase100: '14px',
|
|
15
|
+
lineHeightBase200: '16px',
|
|
16
|
+
lineHeightBase300: '20px',
|
|
17
|
+
lineHeightBase400: '22px',
|
|
18
|
+
lineHeightBase500: '28px',
|
|
19
|
+
lineHeightBase600: '32px',
|
|
20
|
+
lineHeightHero700: '36px',
|
|
21
|
+
lineHeightHero800: '40px',
|
|
22
|
+
lineHeightHero900: '52px',
|
|
23
|
+
lineHeightHero1000: '92px'
|
|
24
24
|
};
|
|
25
25
|
export const fontWeights = {
|
|
26
26
|
fontWeightRegular: 400,
|
package/lib/global/index.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
export * from
|
|
2
|
-
export * from
|
|
3
|
-
export * from
|
|
4
|
-
export * from
|
|
5
|
-
export * from
|
|
6
|
-
export * from
|
|
7
|
-
export * from
|
|
8
|
-
export * from
|
|
9
|
-
export * from
|
|
1
|
+
export * from './borderRadius';
|
|
2
|
+
export * from './colors';
|
|
3
|
+
export * from './curves';
|
|
4
|
+
export * from './durations';
|
|
5
|
+
export * from './fonts';
|
|
6
|
+
export * from './spacings';
|
|
7
|
+
export * from './strokeWidths';
|
|
8
|
+
export * from './borderRadius';
|
|
9
|
+
export * from './typographyStyles';
|
|
10
10
|
//# sourceMappingURL=index.js.map
|
package/lib/global/spacings.js
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
// Intentionally not exported! Use horizontalSpacings and verticalSpacings instead.
|
|
2
2
|
const spacings = {
|
|
3
|
-
none:
|
|
4
|
-
xxs:
|
|
5
|
-
xs:
|
|
6
|
-
sNudge:
|
|
7
|
-
s:
|
|
8
|
-
mNudge:
|
|
9
|
-
m:
|
|
10
|
-
l:
|
|
11
|
-
xl:
|
|
12
|
-
xxl:
|
|
13
|
-
xxxl:
|
|
3
|
+
none: '0',
|
|
4
|
+
xxs: '2px',
|
|
5
|
+
xs: '4px',
|
|
6
|
+
sNudge: '6px',
|
|
7
|
+
s: '8px',
|
|
8
|
+
mNudge: '10px',
|
|
9
|
+
m: '12px',
|
|
10
|
+
l: '16px',
|
|
11
|
+
xl: '20px',
|
|
12
|
+
xxl: '24px',
|
|
13
|
+
xxxl: '32px'
|
|
14
14
|
};
|
|
15
15
|
export const horizontalSpacings = {
|
|
16
16
|
spacingHorizontalNone: spacings.none,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export const strokeWidths = {
|
|
2
|
-
strokeWidthThin:
|
|
3
|
-
strokeWidthThick:
|
|
4
|
-
strokeWidthThicker:
|
|
5
|
-
strokeWidthThickest:
|
|
2
|
+
strokeWidthThin: '1px',
|
|
3
|
+
strokeWidthThick: '2px',
|
|
4
|
+
strokeWidthThicker: '3px',
|
|
5
|
+
strokeWidthThickest: '4px'
|
|
6
6
|
};
|
|
7
7
|
//# sourceMappingURL=strokeWidths.js.map
|
package/lib/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
export { teamsDarkTheme, teamsHighContrastTheme, teamsLightTheme, webDarkTheme, webLightTheme } from
|
|
2
|
-
export { createDarkTheme, createHighContrastTheme, createLightTheme, createTeamsDarkTheme } from
|
|
3
|
-
export { themeToTokensObject } from
|
|
4
|
-
export { tokens } from
|
|
5
|
-
export { typographyStyles } from
|
|
1
|
+
export { teamsDarkTheme, teamsHighContrastTheme, teamsLightTheme, webDarkTheme, webLightTheme } from './themes/index';
|
|
2
|
+
export { createDarkTheme, createHighContrastTheme, createLightTheme, createTeamsDarkTheme } from './utils/index';
|
|
3
|
+
export { themeToTokensObject } from './themeToTokensObject';
|
|
4
|
+
export { tokens } from './tokens';
|
|
5
|
+
export { typographyStyles } from './global/index';
|
|
6
6
|
//# sourceMappingURL=index.js.map
|
package/lib/sharedColorNames.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
/* Names of colors used in shared color palette alias tokens for status. */export const statusSharedColorNames = [
|
|
1
|
+
/* Names of colors used in shared color palette alias tokens for status. */export const statusSharedColorNames = ['red', 'green', 'darkOrange', 'yellow', 'berry', 'lightGreen', 'marigold'];
|
|
2
2
|
/* Names of colors used in shared color palette alias tokens for persona. */
|
|
3
|
-
export const personaSharedColorNames = [
|
|
3
|
+
export const personaSharedColorNames = ['darkRed', 'cranberry', 'pumpkin', 'peach', 'gold', 'brass', 'brown', 'forest', 'seafoam', 'darkGreen', 'lightTeal', 'teal', 'steel', 'blue', 'royalBlue', 'cornflower', 'navy', 'lavender', 'purple', 'grape', 'lilac', 'pink', 'magenta', 'plum', 'beige', 'mink', 'platinum', 'anchor'];
|
|
4
4
|
/* Names of colors not used in alias tokens but produced by token pipeline as global color tokens. */
|
|
5
|
-
export const unusedSharedColorNames = [
|
|
5
|
+
export const unusedSharedColorNames = ['burgundy', 'bronze', 'orange', 'darkBrown', 'lime', 'darkTeal', 'cyan', 'lightBlue', 'darkBlue', 'darkPurple', 'orchid', 'hotPink', 'silver', 'charcoal'];
|
|
6
6
|
//# sourceMappingURL=sharedColorNames.js.map
|
package/lib/themes/index.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export * from
|
|
2
|
-
export * from
|
|
1
|
+
export * from './teams/index';
|
|
2
|
+
export * from './web/index';
|
|
3
3
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { createTeamsDarkTheme } from
|
|
2
|
-
import { brandTeams } from
|
|
1
|
+
import { createTeamsDarkTheme } from '../../utils/createTeamsDarkTheme';
|
|
2
|
+
import { brandTeams } from '../../global/brandColors';
|
|
3
3
|
export const teamsDarkTheme = /*#__PURE__*/createTeamsDarkTheme(brandTeams);
|
|
4
4
|
//# sourceMappingURL=darkTheme.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { createHighContrastTheme } from
|
|
1
|
+
import { createHighContrastTheme } from '../../utils/createHighContrastTheme';
|
|
2
2
|
export const teamsHighContrastTheme = /*#__PURE__*/createHighContrastTheme();
|
|
3
3
|
//# sourceMappingURL=highContrastTheme.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export * from
|
|
2
|
-
export * from
|
|
3
|
-
export * from
|
|
1
|
+
export * from './lightTheme';
|
|
2
|
+
export * from './darkTheme';
|
|
3
|
+
export * from './highContrastTheme';
|
|
4
4
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { createLightTheme } from
|
|
2
|
-
import { brandTeams } from
|
|
1
|
+
import { createLightTheme } from '../../utils/createLightTheme';
|
|
2
|
+
import { brandTeams } from '../../global/brandColors';
|
|
3
3
|
export const teamsLightTheme = /*#__PURE__*/createLightTheme(brandTeams);
|
|
4
4
|
//# sourceMappingURL=lightTheme.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { createDarkTheme } from
|
|
2
|
-
import { brandWeb } from
|
|
1
|
+
import { createDarkTheme } from '../../utils/createDarkTheme';
|
|
2
|
+
import { brandWeb } from '../../global/brandColors';
|
|
3
3
|
export const webDarkTheme = /*#__PURE__*/createDarkTheme(brandWeb);
|
|
4
4
|
//# sourceMappingURL=darkTheme.js.map
|
package/lib/themes/web/index.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export * from
|
|
2
|
-
export * from
|
|
1
|
+
export * from './lightTheme';
|
|
2
|
+
export * from './darkTheme';
|
|
3
3
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { createLightTheme } from
|
|
2
|
-
import { brandWeb } from
|
|
1
|
+
import { createLightTheme } from '../../utils/createLightTheme';
|
|
2
|
+
import { brandWeb } from '../../global/brandColors';
|
|
3
3
|
export const webLightTheme = /*#__PURE__*/createLightTheme(brandWeb);
|
|
4
4
|
//# sourceMappingURL=lightTheme.js.map
|