@fluentui/tokens 0.0.0-nightly-20230502-0418.1 → 0.0.0-nightly-20230503-0419.1

package/lib/utils/createDarkTheme.js

@@ -0,0 +1,27 @@
+import { colorPaletteTokens } from '../alias/darkColorPalette';
+import { generateColorTokens } from '../alias/darkColor';
+import { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';
+import { createShadowTokens } from './shadows';
+import { durations } from '../global/durations';
+import { curves } from '../global/curves';
+import { horizontalSpacings, verticalSpacings } from '../global/spacings';
+export const createDarkTheme = brand => {
+  const colorTokens = generateColorTokens(brand);
+  return {
+    ...borderRadius,
+    ...fontSizes,
+    ...lineHeights,
+    ...fontFamilies,
+    ...fontWeights,
+    ...strokeWidths,
+    ...horizontalSpacings,
+    ...verticalSpacings,
+    ...durations,
+    ...curves,
+    ...colorTokens,
+    ...colorPaletteTokens,
+    ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),
+    ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand')
+  };
+};
+//# sourceMappingURL=createDarkTheme.js.map

package/lib/utils/createDarkTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["colorPaletteTokens","generateColorTokens","borderRadius","fontSizes","lineHeights","fontFamilies","strokeWidths","fontWeights","createShadowTokens","durations","curves","horizontalSpacings","verticalSpacings","createDarkTheme","brand","colorTokens","colorNeutralShadowAmbient","colorNeutralShadowKey","colorBrandShadowAmbient","colorBrandShadowKey"],"sources":["../../src/utils/createDarkTheme.ts"],"sourcesContent":["import { colorPaletteTokens } from '../alias/darkColorPalette';\nimport { generateColorTokens } from '../alias/darkColor';\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 createDarkTheme: (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"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ;AACnC,SAASC,mBAAmB,QAAQ;AAEpC,SAASC,YAAY,EAAEC,SAAS,EAAEC,WAAW,EAAEC,YAAY,EAAEC,YAAY,EAAEC,WAAW,QAAQ;AAC9F,SAASC,kBAAkB,QAAQ;AAEnC,SAASC,SAAS,QAAQ;AAC1B,SAASC,MAAM,QAAQ;AACvB,SAASC,kBAAkB,EAAEC,gBAAgB,QAAQ;AAErD,OAAO,MAAMC,eAAA,GAAmDC,KAAA,IAAS;EACvE,MAAMC,WAAA,GAAcd,mBAAA,CAAoBa,KAAA;EAExC,OAAO;IACL,GAAGZ,YAAY;IACf,GAAGC,SAAS;IACZ,GAAGC,WAAW;IACd,GAAGC,YAAY;IACf,GAAGE,WAAW;IACd,GAAGD,YAAY;IACf,GAAGK,kBAAkB;IACrB,GAAGC,gBAAgB;IACnB,GAAGH,SAAS;IACZ,GAAGC,MAAM;IAET,GAAGK,WAAW;IACd,GAAGf,kBAAkB;IAErB,GAAGQ,kBAAA,CAAmBO,WAAA,CAAYC,yBAAyB,EAAED,WAAA,CAAYE,qBAAqB,CAAC;IAC/F,GAAGT,kBAAA,CAAmBO,WAAA,CAAYG,uBAAuB,EAAEH,WAAA,CAAYI,mBAAmB,EAAE;EAC9F;AACF"}

package/lib/utils/createHighContrastTheme.js

@@ -0,0 +1,27 @@
+import { colorPaletteTokens } from '../alias/highContrastColorPalette';
+import { generateColorTokens } from '../alias/highContrastColor';
+import { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';
+import { createShadowTokens } from './shadows';
+import { durations } from '../global/durations';
+import { curves } from '../global/curves';
+import { horizontalSpacings, verticalSpacings } from '../global/spacings';
+export const createHighContrastTheme = () => {
+  const colorTokens = generateColorTokens();
+  return {
+    ...borderRadius,
+    ...fontSizes,
+    ...lineHeights,
+    ...fontFamilies,
+    ...fontWeights,
+    ...strokeWidths,
+    ...horizontalSpacings,
+    ...verticalSpacings,
+    ...durations,
+    ...curves,
+    ...colorTokens,
+    ...colorPaletteTokens,
+    ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),
+    ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand')
+  };
+};
+//# sourceMappingURL=createHighContrastTheme.js.map

package/lib/utils/createHighContrastTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["colorPaletteTokens","generateColorTokens","borderRadius","fontSizes","lineHeights","fontFamilies","strokeWidths","fontWeights","createShadowTokens","durations","curves","horizontalSpacings","verticalSpacings","createHighContrastTheme","colorTokens","colorNeutralShadowAmbient","colorNeutralShadowKey","colorBrandShadowAmbient","colorBrandShadowKey"],"sources":["../../src/utils/createHighContrastTheme.ts"],"sourcesContent":["import { colorPaletteTokens } from '../alias/highContrastColorPalette';\nimport { generateColorTokens } from '../alias/highContrastColor';\n\nimport { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';\nimport { createShadowTokens } from './shadows';\nimport type { Theme } from '../types';\nimport { durations } from '../global/durations';\nimport { curves } from '../global/curves';\nimport { horizontalSpacings, verticalSpacings } from '../global/spacings';\n\nexport const createHighContrastTheme = (): Theme => {\n  const colorTokens = generateColorTokens();\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"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ;AACnC,SAASC,mBAAmB,QAAQ;AAEpC,SAASC,YAAY,EAAEC,SAAS,EAAEC,WAAW,EAAEC,YAAY,EAAEC,YAAY,EAAEC,WAAW,QAAQ;AAC9F,SAASC,kBAAkB,QAAQ;AAEnC,SAASC,SAAS,QAAQ;AAC1B,SAASC,MAAM,QAAQ;AACvB,SAASC,kBAAkB,EAAEC,gBAAgB,QAAQ;AAErD,OAAO,MAAMC,uBAAA,GAA0BA,CAAA,KAAa;EAClD,MAAMC,WAAA,GAAcb,mBAAA;EAEpB,OAAO;IACL,GAAGC,YAAY;IACf,GAAGC,SAAS;IACZ,GAAGC,WAAW;IACd,GAAGC,YAAY;IACf,GAAGE,WAAW;IACd,GAAGD,YAAY;IACf,GAAGK,kBAAkB;IACrB,GAAGC,gBAAgB;IACnB,GAAGH,SAAS;IACZ,GAAGC,MAAM;IAET,GAAGI,WAAW;IACd,GAAGd,kBAAkB;IAErB,GAAGQ,kBAAA,CAAmBM,WAAA,CAAYC,yBAAyB,EAAED,WAAA,CAAYE,qBAAqB,CAAC;IAC/F,GAAGR,kBAAA,CAAmBM,WAAA,CAAYG,uBAAuB,EAAEH,WAAA,CAAYI,mBAAmB,EAAE;EAC9F;AACF"}

package/lib/utils/createLightTheme.js

@@ -0,0 +1,27 @@
+import { colorPaletteTokens } from '../alias/lightColorPalette';
+import { generateColorTokens } from '../alias/lightColor';
+import { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';
+import { createShadowTokens } from './shadows';
+import { durations } from '../global/durations';
+import { curves } from '../global/curves';
+import { horizontalSpacings, verticalSpacings } from '../global/spacings';
+export const createLightTheme = brand => {
+  const colorTokens = generateColorTokens(brand);
+  return {
+    ...borderRadius,
+    ...fontSizes,
+    ...lineHeights,
+    ...fontFamilies,
+    ...fontWeights,
+    ...strokeWidths,
+    ...horizontalSpacings,
+    ...verticalSpacings,
+    ...durations,
+    ...curves,
+    ...colorTokens,
+    ...colorPaletteTokens,
+    ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),
+    ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand')
+  };
+};
+//# sourceMappingURL=createLightTheme.js.map

package/lib/utils/createLightTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["colorPaletteTokens","generateColorTokens","borderRadius","fontSizes","lineHeights","fontFamilies","strokeWidths","fontWeights","createShadowTokens","durations","curves","horizontalSpacings","verticalSpacings","createLightTheme","brand","colorTokens","colorNeutralShadowAmbient","colorNeutralShadowKey","colorBrandShadowAmbient","colorBrandShadowKey"],"sources":["../../src/utils/createLightTheme.ts"],"sourcesContent":["import { colorPaletteTokens } from '../alias/lightColorPalette';\nimport { generateColorTokens } from '../alias/lightColor';\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 createLightTheme: (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"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ;AACnC,SAASC,mBAAmB,QAAQ;AAEpC,SAASC,YAAY,EAAEC,SAAS,EAAEC,WAAW,EAAEC,YAAY,EAAEC,YAAY,EAAEC,WAAW,QAAQ;AAC9F,SAASC,kBAAkB,QAAQ;AAEnC,SAASC,SAAS,QAAQ;AAC1B,SAASC,MAAM,QAAQ;AACvB,SAASC,kBAAkB,EAAEC,gBAAgB,QAAQ;AAErD,OAAO,MAAMC,gBAAA,GAAoDC,KAAA,IAAS;EACxE,MAAMC,WAAA,GAAcd,mBAAA,CAAoBa,KAAA;EAExC,OAAO;IACL,GAAGZ,YAAY;IACf,GAAGC,SAAS;IACZ,GAAGC,WAAW;IACd,GAAGC,YAAY;IACf,GAAGE,WAAW;IACd,GAAGD,YAAY;IACf,GAAGK,kBAAkB;IACrB,GAAGC,gBAAgB;IACnB,GAAGH,SAAS;IACZ,GAAGC,MAAM;IAET,GAAGK,WAAW;IACd,GAAGf,kBAAkB;IAErB,GAAGQ,kBAAA,CAAmBO,WAAA,CAAYC,yBAAyB,EAAED,WAAA,CAAYE,qBAAqB,CAAC;IAC/F,GAAGT,kBAAA,CAAmBO,WAAA,CAAYG,uBAAuB,EAAEH,WAAA,CAAYI,mBAAmB,EAAE;EAC9F;AACF"}

package/lib/utils/createTeamsDarkTheme.js

@@ -0,0 +1,27 @@
+import { colorPaletteTokens } from '../alias/darkColorPalette';
+import { generateColorTokens } from '../alias/teamsDarkColor';
+import { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from '../global/index';
+import { createShadowTokens } from './shadows';
+import { durations } from '../global/durations';
+import { curves } from '../global/curves';
+import { horizontalSpacings, verticalSpacings } from '../global/spacings';
+export const createTeamsDarkTheme = brand => {
+  const colorTokens = generateColorTokens(brand);
+  return {
+    ...borderRadius,
+    ...fontSizes,
+    ...lineHeights,
+    ...fontFamilies,
+    ...fontWeights,
+    ...strokeWidths,
+    ...horizontalSpacings,
+    ...verticalSpacings,
+    ...durations,
+    ...curves,
+    ...colorTokens,
+    ...colorPaletteTokens,
+    ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),
+    ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand')
+  };
+};
+//# sourceMappingURL=createTeamsDarkTheme.js.map

package/lib/utils/createTeamsDarkTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["colorPaletteTokens","generateColorTokens","borderRadius","fontSizes","lineHeights","fontFamilies","strokeWidths","fontWeights","createShadowTokens","durations","curves","horizontalSpacings","verticalSpacings","createTeamsDarkTheme","brand","colorTokens","colorNeutralShadowAmbient","colorNeutralShadowKey","colorBrandShadowAmbient","colorBrandShadowKey"],"sources":["../../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"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ;AACnC,SAASC,mBAAmB,QAAQ;AAEpC,SAASC,YAAY,EAAEC,SAAS,EAAEC,WAAW,EAAEC,YAAY,EAAEC,YAAY,EAAEC,WAAW,QAAQ;AAC9F,SAASC,kBAAkB,QAAQ;AAEnC,SAASC,SAAS,QAAQ;AAC1B,SAASC,MAAM,QAAQ;AACvB,SAASC,kBAAkB,EAAEC,gBAAgB,QAAQ;AAErD,OAAO,MAAMC,oBAAA,GAAwDC,KAAA,IAAS;EAC5E,MAAMC,WAAA,GAAcd,mBAAA,CAAoBa,KAAA;EAExC,OAAO;IACL,GAAGZ,YAAY;IACf,GAAGC,SAAS;IACZ,GAAGC,WAAW;IACd,GAAGC,YAAY;IACf,GAAGE,WAAW;IACd,GAAGD,YAAY;IACf,GAAGK,kBAAkB;IACrB,GAAGC,gBAAgB;IACnB,GAAGH,SAAS;IACZ,GAAGC,MAAM;IAET,GAAGK,WAAW;IACd,GAAGf,kBAAkB;IAErB,GAAGQ,kBAAA,CAAmBO,WAAA,CAAYC,yBAAyB,EAAED,WAAA,CAAYE,qBAAqB,CAAC;IAC/F,GAAGT,kBAAA,CAAmBO,WAAA,CAAYG,uBAAuB,EAAEH,WAAA,CAAYI,mBAAmB,EAAE;EAC9F;AACF"}

package/lib/utils/index.js

@@ -0,0 +1,5 @@
+export * from './createLightTheme';
+export * from './createDarkTheme';
+export * from './createTeamsDarkTheme';
+export * from './createHighContrastTheme';
+//# sourceMappingURL=index.js.map

package/lib/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../src/utils/index.ts"],"sourcesContent":["export * from './createLightTheme';\nexport * from './createDarkTheme';\nexport * from './createTeamsDarkTheme';\nexport * from './createHighContrastTheme';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc"}

package/lib/utils/shadows.js

@@ -0,0 +1,11 @@
+export function createShadowTokens(ambientColor, keyColor, tokenSuffix = '') {
+  return {
+    [`shadow2${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 1px 2px ${keyColor}`,
+    [`shadow4${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 2px 4px ${keyColor}`,
+    [`shadow8${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 4px 8px ${keyColor}`,
+    [`shadow16${tokenSuffix}`]: `0 0 2px ${ambientColor}, 0 8px 16px ${keyColor}`,
+    [`shadow28${tokenSuffix}`]: `0 0 8px ${ambientColor}, 0 14px 28px ${keyColor}`,
+    [`shadow64${tokenSuffix}`]: `0 0 8px ${ambientColor}, 0 32px 64px ${keyColor}`
+  };
+}
+//# sourceMappingURL=shadows.js.map

package/lib/utils/shadows.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createShadowTokens","ambientColor","keyColor","tokenSuffix"],"sources":["../../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"],"mappings":"AAKA,OAAO,SAASA,mBAAmBC,YAAoB,EAAEC,QAAgB,EAAEC,WAAA,GAA4B,EAAE,EAAE;EACzG,OAAO;IACL,CAAE,UAASA,WAAY,EAAC,GAAI,WAAUF,YAAa,eAAcC,QAAS,EAAC;IAC3E,CAAE,UAASC,WAAY,EAAC,GAAI,WAAUF,YAAa,eAAcC,QAAS,EAAC;IAC3E,CAAE,UAASC,WAAY,EAAC,GAAI,WAAUF,YAAa,eAAcC,QAAS,EAAC;IAC3E,CAAE,WAAUC,WAAY,EAAC,GAAI,WAAUF,YAAa,gBAAeC,QAAS,EAAC;IAC7E,CAAE,WAAUC,WAAY,EAAC,GAAI,WAAUF,YAAa,iBAAgBC,QAAS,EAAC;IAC9E,CAAE,WAAUC,WAAY,EAAC,GAAI,WAAUF,YAAa,iBAAgBC,QAAS;EAC/E;AACF"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/tokens",
-  "version": "0.0.0-nightly-20230502-0418.1",
+  "version": "0.0.0-nightly-20230503-0419.1",
   "description": "Fluent UI Theme Tokens",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",