@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.
Files changed (90) hide show
  1. package/.swcrc +2 -11
  2. package/CHANGELOG.json +24 -3
  3. package/CHANGELOG.md +14 -4
  4. package/lib/alias/darkColor.js +19 -19
  5. package/lib/alias/darkColorPalette.js +2 -2
  6. package/lib/alias/highContrastColor.js +12 -12
  7. package/lib/alias/highContrastColorPalette.js +2 -2
  8. package/lib/alias/lightColor.js +19 -19
  9. package/lib/alias/lightColorPalette.js +2 -2
  10. package/lib/alias/teamsDarkColor.js +19 -19
  11. package/lib/global/borderRadius.js +6 -6
  12. package/lib/global/colorPalette.js +1 -1
  13. package/lib/global/colors.js +698 -698
  14. package/lib/global/curves.js +9 -9
  15. package/lib/global/durations.js +7 -7
  16. package/lib/global/fonts.js +20 -20
  17. package/lib/global/index.js +9 -9
  18. package/lib/global/spacings.js +11 -11
  19. package/lib/global/strokeWidths.js +4 -4
  20. package/lib/global/typographyStyles.js +1 -1
  21. package/lib/index.js +5 -5
  22. package/lib/sharedColorNames.js +3 -3
  23. package/lib/themes/index.js +2 -2
  24. package/lib/themes/teams/darkTheme.js +2 -2
  25. package/lib/themes/teams/highContrastTheme.js +1 -1
  26. package/lib/themes/teams/index.js +3 -3
  27. package/lib/themes/teams/lightTheme.js +2 -2
  28. package/lib/themes/web/darkTheme.js +2 -2
  29. package/lib/themes/web/index.js +2 -2
  30. package/lib/themes/web/lightTheme.js +2 -2
  31. package/lib/tokens.js +387 -387
  32. package/lib/utils/createDarkTheme.js +8 -8
  33. package/lib/utils/createHighContrastTheme.js +8 -8
  34. package/lib/utils/createLightTheme.js +8 -8
  35. package/lib/utils/createTeamsDarkTheme.js +8 -8
  36. package/lib/utils/index.js +4 -4
  37. package/lib/utils/shadows.js +1 -1
  38. package/lib-commonjs/alias/darkColor.js +18 -18
  39. package/lib-commonjs/alias/darkColor.js.map +1 -1
  40. package/lib-commonjs/alias/darkColorPalette.js.map +1 -1
  41. package/lib-commonjs/alias/highContrastColor.js +11 -11
  42. package/lib-commonjs/alias/highContrastColor.js.map +1 -1
  43. package/lib-commonjs/alias/highContrastColorPalette.js.map +1 -1
  44. package/lib-commonjs/alias/lightColor.js +18 -18
  45. package/lib-commonjs/alias/lightColor.js.map +1 -1
  46. package/lib-commonjs/alias/lightColorPalette.js.map +1 -1
  47. package/lib-commonjs/alias/teamsDarkColor.js +18 -18
  48. package/lib-commonjs/alias/teamsDarkColor.js.map +1 -1
  49. package/lib-commonjs/global/borderRadius.js +6 -6
  50. package/lib-commonjs/global/borderRadius.js.map +1 -1
  51. package/lib-commonjs/global/colorPalette.js.map +1 -1
  52. package/lib-commonjs/global/colors.js +698 -698
  53. package/lib-commonjs/global/colors.js.map +1 -1
  54. package/lib-commonjs/global/curves.js +9 -9
  55. package/lib-commonjs/global/curves.js.map +1 -1
  56. package/lib-commonjs/global/durations.js +7 -7
  57. package/lib-commonjs/global/durations.js.map +1 -1
  58. package/lib-commonjs/global/fonts.js +20 -20
  59. package/lib-commonjs/global/fonts.js.map +1 -1
  60. package/lib-commonjs/global/index.js.map +1 -1
  61. package/lib-commonjs/global/spacings.js +11 -11
  62. package/lib-commonjs/global/spacings.js.map +1 -1
  63. package/lib-commonjs/global/strokeWidths.js +4 -4
  64. package/lib-commonjs/global/strokeWidths.js.map +1 -1
  65. package/lib-commonjs/global/typographyStyles.js.map +1 -1
  66. package/lib-commonjs/index.js.map +1 -1
  67. package/lib-commonjs/sharedColorNames.js +49 -49
  68. package/lib-commonjs/sharedColorNames.js.map +1 -1
  69. package/lib-commonjs/themes/index.js.map +1 -1
  70. package/lib-commonjs/themes/teams/darkTheme.js.map +1 -1
  71. package/lib-commonjs/themes/teams/highContrastTheme.js.map +1 -1
  72. package/lib-commonjs/themes/teams/index.js.map +1 -1
  73. package/lib-commonjs/themes/teams/lightTheme.js.map +1 -1
  74. package/lib-commonjs/themes/web/darkTheme.js.map +1 -1
  75. package/lib-commonjs/themes/web/index.js.map +1 -1
  76. package/lib-commonjs/themes/web/lightTheme.js.map +1 -1
  77. package/lib-commonjs/tokens.js +387 -387
  78. package/lib-commonjs/tokens.js.map +1 -1
  79. package/lib-commonjs/utils/createDarkTheme.js +1 -1
  80. package/lib-commonjs/utils/createDarkTheme.js.map +1 -1
  81. package/lib-commonjs/utils/createHighContrastTheme.js +1 -1
  82. package/lib-commonjs/utils/createHighContrastTheme.js.map +1 -1
  83. package/lib-commonjs/utils/createLightTheme.js +1 -1
  84. package/lib-commonjs/utils/createLightTheme.js.map +1 -1
  85. package/lib-commonjs/utils/createTeamsDarkTheme.js +1 -1
  86. package/lib-commonjs/utils/createTeamsDarkTheme.js.map +1 -1
  87. package/lib-commonjs/utils/index.js.map +1 -1
  88. package/lib-commonjs/utils/shadows.js +1 -1
  89. package/lib-commonjs/utils/shadows.js.map +1 -1
  90. package/package.json +2 -1
@@ -1,12 +1,12 @@
1
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)"
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
@@ -1,10 +1,10 @@
1
1
  export const durations = {
2
- durationUltraFast: "50ms",
3
- durationFaster: "100ms",
4
- durationFast: "150ms",
5
- durationNormal: "200ms",
6
- durationSlow: "300ms",
7
- durationSlower: "400ms",
8
- durationUltraSlow: "500ms"
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
@@ -1,26 +1,26 @@
1
1
  export const fontSizes = {
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"
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: "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"
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,
@@ -1,10 +1,10 @@
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";
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
@@ -1,16 +1,16 @@
1
1
  // Intentionally not exported! Use horizontalSpacings and verticalSpacings instead.
2
2
  const spacings = {
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"
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: "1px",
3
- strokeWidthThick: "2px",
4
- strokeWidthThicker: "3px",
5
- strokeWidthThickest: "4px"
2
+ strokeWidthThin: '1px',
3
+ strokeWidthThick: '2px',
4
+ strokeWidthThicker: '3px',
5
+ strokeWidthThickest: '4px'
6
6
  };
7
7
  //# sourceMappingURL=strokeWidths.js.map
@@ -1,4 +1,4 @@
1
- import { tokens } from "../tokens";
1
+ import { tokens } from '../tokens';
2
2
  /**
3
3
  * Global typography styles (fontSize, fontWeight, and lineHeight)
4
4
  */
package/lib/index.js CHANGED
@@ -1,6 +1,6 @@
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";
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
@@ -1,6 +1,6 @@
1
- /* Names of colors used in shared color palette alias tokens for status. */export const statusSharedColorNames = ["red", "green", "darkOrange", "yellow", "berry", "lightGreen", "marigold"];
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 = ["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"];
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 = ["burgundy", "bronze", "orange", "darkBrown", "lime", "darkTeal", "cyan", "lightBlue", "darkBlue", "darkPurple", "orchid", "hotPink", "silver", "charcoal"];
5
+ export const unusedSharedColorNames = ['burgundy', 'bronze', 'orange', 'darkBrown', 'lime', 'darkTeal', 'cyan', 'lightBlue', 'darkBlue', 'darkPurple', 'orchid', 'hotPink', 'silver', 'charcoal'];
6
6
  //# sourceMappingURL=sharedColorNames.js.map
@@ -1,3 +1,3 @@
1
- export * from "./teams/index";
2
- export * from "./web/index";
1
+ export * from './teams/index';
2
+ export * from './web/index';
3
3
  //# sourceMappingURL=index.js.map
@@ -1,4 +1,4 @@
1
- import { createTeamsDarkTheme } from "../../utils/createTeamsDarkTheme";
2
- import { brandTeams } from "../../global/brandColors";
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 "../../utils/createHighContrastTheme";
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 "./lightTheme";
2
- export * from "./darkTheme";
3
- export * from "./highContrastTheme";
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 "../../utils/createLightTheme";
2
- import { brandTeams } from "../../global/brandColors";
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 "../../utils/createDarkTheme";
2
- import { brandWeb } from "../../global/brandColors";
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
@@ -1,3 +1,3 @@
1
- export * from "./lightTheme";
2
- export * from "./darkTheme";
1
+ export * from './lightTheme';
2
+ export * from './darkTheme';
3
3
  //# sourceMappingURL=index.js.map
@@ -1,4 +1,4 @@
1
- import { createLightTheme } from "../../utils/createLightTheme";
2
- import { brandWeb } from "../../global/brandColors";
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