@fluentui/tokens 1.0.0-alpha.17 → 1.0.0-alpha.18
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.md +11 -2
- package/lib/alias/darkColor.js +1 -1
- package/lib/alias/darkColor.js.map +1 -1
- package/lib/alias/darkColorPalette.js +3 -3
- package/lib/alias/darkColorPalette.js.map +1 -1
- package/lib/alias/highContrastColor.js +1 -1
- package/lib/alias/highContrastColor.js.map +1 -1
- package/lib/alias/highContrastColorPalette.js +3 -3
- package/lib/alias/highContrastColorPalette.js.map +1 -1
- package/lib/alias/lightColor.js +1 -1
- package/lib/alias/lightColor.js.map +1 -1
- package/lib/alias/lightColorPalette.js +3 -3
- package/lib/alias/lightColorPalette.js.map +1 -1
- package/lib/alias/teamsDarkColor.js +1 -1
- package/lib/alias/teamsDarkColor.js.map +1 -1
- package/lib/global/colorPalette.js +1 -1
- package/lib/global/colorPalette.js.map +1 -1
- package/lib/global/index.js +9 -9
- package/lib/global/index.js.map +1 -1
- package/lib/global/typographyStyles.js +1 -1
- package/lib/global/typographyStyles.js.map +1 -1
- package/lib/index.js +5 -5
- package/lib/index.js.map +1 -1
- package/lib/themes/index.js +2 -2
- package/lib/themes/index.js.map +1 -1
- package/lib/themes/teams/darkTheme.js +2 -2
- package/lib/themes/teams/darkTheme.js.map +1 -1
- package/lib/themes/teams/highContrastTheme.js +1 -1
- package/lib/themes/teams/highContrastTheme.js.map +1 -1
- package/lib/themes/teams/index.js +3 -3
- package/lib/themes/teams/index.js.map +1 -1
- package/lib/themes/teams/lightTheme.js +2 -2
- package/lib/themes/teams/lightTheme.js.map +1 -1
- package/lib/themes/web/darkTheme.js +2 -2
- package/lib/themes/web/darkTheme.js.map +1 -1
- package/lib/themes/web/index.js +2 -2
- package/lib/themes/web/index.js.map +1 -1
- package/lib/themes/web/lightTheme.js +2 -2
- package/lib/themes/web/lightTheme.js.map +1 -1
- package/lib/utils/createDarkTheme.js +7 -7
- package/lib/utils/createDarkTheme.js.map +1 -1
- package/lib/utils/createHighContrastTheme.js +7 -7
- package/lib/utils/createHighContrastTheme.js.map +1 -1
- package/lib/utils/createLightTheme.js +7 -7
- package/lib/utils/createLightTheme.js.map +1 -1
- package/lib/utils/createTeamsDarkTheme.js +7 -7
- package/lib/utils/createTeamsDarkTheme.js.map +1 -1
- package/lib/utils/index.js +4 -4
- package/lib/utils/index.js.map +1 -1
- package/lib-commonjs/alias/darkColor.js +1 -1
- package/lib-commonjs/alias/darkColorPalette.js +3 -3
- package/lib-commonjs/alias/highContrastColor.js +1 -1
- package/lib-commonjs/alias/highContrastColorPalette.js +3 -3
- package/lib-commonjs/alias/lightColor.js +1 -1
- package/lib-commonjs/alias/lightColorPalette.js +3 -3
- package/lib-commonjs/alias/teamsDarkColor.js +1 -1
- package/lib-commonjs/global/colorPalette.js +1 -1
- package/lib-commonjs/global/index.js +8 -8
- package/lib-commonjs/global/typographyStyles.js +1 -1
- package/lib-commonjs/index.js +5 -5
- package/lib-commonjs/themes/index.js +2 -2
- package/lib-commonjs/themes/teams/darkTheme.js +2 -2
- package/lib-commonjs/themes/teams/highContrastTheme.js +1 -1
- package/lib-commonjs/themes/teams/index.js +3 -3
- package/lib-commonjs/themes/teams/lightTheme.js +2 -2
- package/lib-commonjs/themes/web/darkTheme.js +2 -2
- package/lib-commonjs/themes/web/index.js +2 -2
- package/lib-commonjs/themes/web/lightTheme.js +2 -2
- package/lib-commonjs/utils/createDarkTheme.js +7 -7
- package/lib-commonjs/utils/createHighContrastTheme.js +7 -7
- package/lib-commonjs/utils/createLightTheme.js +7 -7
- package/lib-commonjs/utils/createTeamsDarkTheme.js +7 -7
- package/lib-commonjs/utils/index.js +4 -4
- package/package.json +3 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["lightColorPalette.ts"],"sourcesContent":["import { statusSharedColors, personaSharedColors, mappedStatusColors } from '../global/colorPalette';\nimport { statusSharedColorNames, personaSharedColorNames } from '../sharedColorNames';\nimport { ColorPaletteTokens, ColorStatusTokens, PersonaColorPaletteTokens, StatusColorPaletteTokens } from '../types';\nimport { statusColorMapping } from '../statusColorMapping';\n\nconst statusColorPaletteTokens = statusSharedColorNames.reduce((acc, sharedColor) => {\n const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);\n const sharedColorTokens = {\n [`colorPalette${color}Background1`]: statusSharedColors[sharedColor].tint60,\n [`colorPalette${color}Background2`]: statusSharedColors[sharedColor].tint40,\n [`colorPalette${color}Background3`]: statusSharedColors[sharedColor].primary,\n [`colorPalette${color}Foreground1`]: statusSharedColors[sharedColor].shade10,\n [`colorPalette${color}Foreground2`]: statusSharedColors[sharedColor].shade30,\n [`colorPalette${color}Foreground3`]: statusSharedColors[sharedColor].primary,\n [`colorPalette${color}BorderActive`]: statusSharedColors[sharedColor].primary,\n [`colorPalette${color}Border1`]: statusSharedColors[sharedColor].tint40,\n [`colorPalette${color}Border2`]: statusSharedColors[sharedColor].primary,\n };\n\n return Object.assign(acc, sharedColorTokens);\n}, {} as StatusColorPaletteTokens);\n\n// one-off patch for yellow\nstatusColorPaletteTokens.colorPaletteYellowForeground1 = statusSharedColors.yellow.shade30;\n\nstatusColorPaletteTokens.colorPaletteRedForegroundInverted = statusSharedColors.red.tint20;\nstatusColorPaletteTokens.colorPaletteGreenForegroundInverted = statusSharedColors.green.tint20;\nstatusColorPaletteTokens.colorPaletteYellowForegroundInverted = statusSharedColors.yellow.tint40;\n\nconst personaColorPaletteTokens = personaSharedColorNames.reduce((acc, sharedColor) => {\n const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);\n const sharedColorTokens = {\n [`colorPalette${color}Background2`]: personaSharedColors[sharedColor].tint40,\n [`colorPalette${color}Foreground2`]: personaSharedColors[sharedColor].shade30,\n [`colorPalette${color}BorderActive`]: personaSharedColors[sharedColor].primary,\n };\n\n return Object.assign(acc, sharedColorTokens);\n}, {} as PersonaColorPaletteTokens);\n\nexport const colorPaletteTokens: ColorPaletteTokens = { ...statusColorPaletteTokens, ...personaColorPaletteTokens };\n\nexport const colorStatusTokens: ColorStatusTokens = Object.entries(statusColorMapping).reduce(\n (acc, [statusColor, sharedColor]) => {\n const color = statusColor.slice(0, 1).toUpperCase() + statusColor.slice(1);\n\n // TODO: double check the mapping with design\n const statusColorTokens = {\n [`colorStatus${color}Background1`]: mappedStatusColors[sharedColor].tint60,\n [`colorStatus${color}Background2`]: mappedStatusColors[sharedColor].tint40,\n [`colorStatus${color}Background3`]: mappedStatusColors[sharedColor].primary,\n [`colorStatus${color}Foreground1`]: mappedStatusColors[sharedColor].shade10,\n [`colorStatus${color}Foreground2`]: mappedStatusColors[sharedColor].shade30,\n [`colorStatus${color}Foreground3`]: mappedStatusColors[sharedColor].primary,\n [`colorStatus${color}ForegroundInverted`]: mappedStatusColors[sharedColor].tint30,\n [`colorStatus${color}BorderActive`]: mappedStatusColors[sharedColor].primary,\n [`colorStatus${color}Border1`]: mappedStatusColors[sharedColor].tint40,\n [`colorStatus${color}Border2`]: mappedStatusColors[sharedColor].primary,\n };\n\n return Object.assign(acc, statusColorTokens);\n },\n {} as ColorStatusTokens,\n);\n\n// one-off overrides for colorStatus tokens\ncolorStatusTokens.colorStatusDangerBackground3Hover = mappedStatusColors[statusColorMapping.danger].shade10;\ncolorStatusTokens.colorStatusDangerBackground3Pressed = mappedStatusColors[statusColorMapping.danger].shade20;\n\ncolorStatusTokens.colorStatusWarningForeground1 = mappedStatusColors[statusColorMapping.warning].shade20;\ncolorStatusTokens.colorStatusWarningForeground3 = mappedStatusColors[statusColorMapping.warning].shade20;\ncolorStatusTokens.colorStatusWarningBorder2 = mappedStatusColors[statusColorMapping.warning].shade20;\n"],"names":["statusSharedColors","personaSharedColors","mappedStatusColors","statusSharedColorNames","personaSharedColorNames","statusColorMapping","statusColorPaletteTokens","reduce","acc","sharedColor","color","slice","toUpperCase","sharedColorTokens","tint60","tint40","primary","shade10","shade30","Object","assign","colorPaletteYellowForeground1","yellow","colorPaletteRedForegroundInverted","red","tint20","colorPaletteGreenForegroundInverted","green","colorPaletteYellowForegroundInverted","personaColorPaletteTokens","colorPaletteTokens","colorStatusTokens","entries","statusColor","statusColorTokens","tint30","colorStatusDangerBackground3Hover","danger","colorStatusDangerBackground3Pressed","shade20","colorStatusWarningForeground1","warning","colorStatusWarningForeground3","colorStatusWarningBorder2"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,kBAAkB,EAAEC,mBAAmB,EAAEC,kBAAkB,QAAQ,
|
|
1
|
+
{"version":3,"sources":["lightColorPalette.ts"],"sourcesContent":["import { statusSharedColors, personaSharedColors, mappedStatusColors } from '../global/colorPalette';\nimport { statusSharedColorNames, personaSharedColorNames } from '../sharedColorNames';\nimport { ColorPaletteTokens, ColorStatusTokens, PersonaColorPaletteTokens, StatusColorPaletteTokens } from '../types';\nimport { statusColorMapping } from '../statusColorMapping';\n\nconst statusColorPaletteTokens = statusSharedColorNames.reduce((acc, sharedColor) => {\n const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);\n const sharedColorTokens = {\n [`colorPalette${color}Background1`]: statusSharedColors[sharedColor].tint60,\n [`colorPalette${color}Background2`]: statusSharedColors[sharedColor].tint40,\n [`colorPalette${color}Background3`]: statusSharedColors[sharedColor].primary,\n [`colorPalette${color}Foreground1`]: statusSharedColors[sharedColor].shade10,\n [`colorPalette${color}Foreground2`]: statusSharedColors[sharedColor].shade30,\n [`colorPalette${color}Foreground3`]: statusSharedColors[sharedColor].primary,\n [`colorPalette${color}BorderActive`]: statusSharedColors[sharedColor].primary,\n [`colorPalette${color}Border1`]: statusSharedColors[sharedColor].tint40,\n [`colorPalette${color}Border2`]: statusSharedColors[sharedColor].primary,\n };\n\n return Object.assign(acc, sharedColorTokens);\n}, {} as StatusColorPaletteTokens);\n\n// one-off patch for yellow\nstatusColorPaletteTokens.colorPaletteYellowForeground1 = statusSharedColors.yellow.shade30;\n\nstatusColorPaletteTokens.colorPaletteRedForegroundInverted = statusSharedColors.red.tint20;\nstatusColorPaletteTokens.colorPaletteGreenForegroundInverted = statusSharedColors.green.tint20;\nstatusColorPaletteTokens.colorPaletteYellowForegroundInverted = statusSharedColors.yellow.tint40;\n\nconst personaColorPaletteTokens = personaSharedColorNames.reduce((acc, sharedColor) => {\n const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);\n const sharedColorTokens = {\n [`colorPalette${color}Background2`]: personaSharedColors[sharedColor].tint40,\n [`colorPalette${color}Foreground2`]: personaSharedColors[sharedColor].shade30,\n [`colorPalette${color}BorderActive`]: personaSharedColors[sharedColor].primary,\n };\n\n return Object.assign(acc, sharedColorTokens);\n}, {} as PersonaColorPaletteTokens);\n\nexport const colorPaletteTokens: ColorPaletteTokens = { ...statusColorPaletteTokens, ...personaColorPaletteTokens };\n\nexport const colorStatusTokens: ColorStatusTokens = Object.entries(statusColorMapping).reduce(\n (acc, [statusColor, sharedColor]) => {\n const color = statusColor.slice(0, 1).toUpperCase() + statusColor.slice(1);\n\n // TODO: double check the mapping with design\n const statusColorTokens = {\n [`colorStatus${color}Background1`]: mappedStatusColors[sharedColor].tint60,\n [`colorStatus${color}Background2`]: mappedStatusColors[sharedColor].tint40,\n [`colorStatus${color}Background3`]: mappedStatusColors[sharedColor].primary,\n [`colorStatus${color}Foreground1`]: mappedStatusColors[sharedColor].shade10,\n [`colorStatus${color}Foreground2`]: mappedStatusColors[sharedColor].shade30,\n [`colorStatus${color}Foreground3`]: mappedStatusColors[sharedColor].primary,\n [`colorStatus${color}ForegroundInverted`]: mappedStatusColors[sharedColor].tint30,\n [`colorStatus${color}BorderActive`]: mappedStatusColors[sharedColor].primary,\n [`colorStatus${color}Border1`]: mappedStatusColors[sharedColor].tint40,\n [`colorStatus${color}Border2`]: mappedStatusColors[sharedColor].primary,\n };\n\n return Object.assign(acc, statusColorTokens);\n },\n {} as ColorStatusTokens,\n);\n\n// one-off overrides for colorStatus tokens\ncolorStatusTokens.colorStatusDangerBackground3Hover = mappedStatusColors[statusColorMapping.danger].shade10;\ncolorStatusTokens.colorStatusDangerBackground3Pressed = mappedStatusColors[statusColorMapping.danger].shade20;\n\ncolorStatusTokens.colorStatusWarningForeground1 = mappedStatusColors[statusColorMapping.warning].shade20;\ncolorStatusTokens.colorStatusWarningForeground3 = mappedStatusColors[statusColorMapping.warning].shade20;\ncolorStatusTokens.colorStatusWarningBorder2 = mappedStatusColors[statusColorMapping.warning].shade20;\n"],"names":["statusSharedColors","personaSharedColors","mappedStatusColors","statusSharedColorNames","personaSharedColorNames","statusColorMapping","statusColorPaletteTokens","reduce","acc","sharedColor","color","slice","toUpperCase","sharedColorTokens","tint60","tint40","primary","shade10","shade30","Object","assign","colorPaletteYellowForeground1","yellow","colorPaletteRedForegroundInverted","red","tint20","colorPaletteGreenForegroundInverted","green","colorPaletteYellowForegroundInverted","personaColorPaletteTokens","colorPaletteTokens","colorStatusTokens","entries","statusColor","statusColorTokens","tint30","colorStatusDangerBackground3Hover","danger","colorStatusDangerBackground3Pressed","shade20","colorStatusWarningForeground1","warning","colorStatusWarningForeground3","colorStatusWarningBorder2"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,kBAAkB,EAAEC,mBAAmB,EAAEC,kBAAkB,QAAQ,4BAAyB;AACrG,SAASC,sBAAsB,EAAEC,uBAAuB,QAAQ,yBAAsB;AAEtF,SAASC,kBAAkB,QAAQ,2BAAwB;AAE3D,MAAMC,2BAA2BH,uBAAuBI,MAAM,CAAC,CAACC,KAAKC;IACnE,MAAMC,QAAQD,YAAYE,KAAK,CAAC,GAAG,GAAGC,WAAW,KAAKH,YAAYE,KAAK,CAAC;IACxE,MAAME,oBAAoB;QACxB,CAAC,CAAC,YAAY,EAAEH,MAAM,WAAW,CAAC,CAAC,EAAEV,kBAAkB,CAACS,YAAY,CAACK,MAAM;QAC3E,CAAC,CAAC,YAAY,EAAEJ,MAAM,WAAW,CAAC,CAAC,EAAEV,kBAAkB,CAACS,YAAY,CAACM,MAAM;QAC3E,CAAC,CAAC,YAAY,EAAEL,MAAM,WAAW,CAAC,CAAC,EAAEV,kBAAkB,CAACS,YAAY,CAACO,OAAO;QAC5E,CAAC,CAAC,YAAY,EAAEN,MAAM,WAAW,CAAC,CAAC,EAAEV,kBAAkB,CAACS,YAAY,CAACQ,OAAO;QAC5E,CAAC,CAAC,YAAY,EAAEP,MAAM,WAAW,CAAC,CAAC,EAAEV,kBAAkB,CAACS,YAAY,CAACS,OAAO;QAC5E,CAAC,CAAC,YAAY,EAAER,MAAM,WAAW,CAAC,CAAC,EAAEV,kBAAkB,CAACS,YAAY,CAACO,OAAO;QAC5E,CAAC,CAAC,YAAY,EAAEN,MAAM,YAAY,CAAC,CAAC,EAAEV,kBAAkB,CAACS,YAAY,CAACO,OAAO;QAC7E,CAAC,CAAC,YAAY,EAAEN,MAAM,OAAO,CAAC,CAAC,EAAEV,kBAAkB,CAACS,YAAY,CAACM,MAAM;QACvE,CAAC,CAAC,YAAY,EAAEL,MAAM,OAAO,CAAC,CAAC,EAAEV,kBAAkB,CAACS,YAAY,CAACO,OAAO;IAC1E;IAEA,OAAOG,OAAOC,MAAM,CAACZ,KAAKK;AAC5B,GAAG,CAAC;AAEJ,2BAA2B;AAC3BP,yBAAyBe,6BAA6B,GAAGrB,mBAAmBsB,MAAM,CAACJ,OAAO;AAE1FZ,yBAAyBiB,iCAAiC,GAAGvB,mBAAmBwB,GAAG,CAACC,MAAM;AAC1FnB,yBAAyBoB,mCAAmC,GAAG1B,mBAAmB2B,KAAK,CAACF,MAAM;AAC9FnB,yBAAyBsB,oCAAoC,GAAG5B,mBAAmBsB,MAAM,CAACP,MAAM;AAEhG,MAAMc,4BAA4BzB,wBAAwBG,MAAM,CAAC,CAACC,KAAKC;IACrE,MAAMC,QAAQD,YAAYE,KAAK,CAAC,GAAG,GAAGC,WAAW,KAAKH,YAAYE,KAAK,CAAC;IACxE,MAAME,oBAAoB;QACxB,CAAC,CAAC,YAAY,EAAEH,MAAM,WAAW,CAAC,CAAC,EAAET,mBAAmB,CAACQ,YAAY,CAACM,MAAM;QAC5E,CAAC,CAAC,YAAY,EAAEL,MAAM,WAAW,CAAC,CAAC,EAAET,mBAAmB,CAACQ,YAAY,CAACS,OAAO;QAC7E,CAAC,CAAC,YAAY,EAAER,MAAM,YAAY,CAAC,CAAC,EAAET,mBAAmB,CAACQ,YAAY,CAACO,OAAO;IAChF;IAEA,OAAOG,OAAOC,MAAM,CAACZ,KAAKK;AAC5B,GAAG,CAAC;AAEJ,OAAO,MAAMiB,qBAAyC;IAAE,GAAGxB,wBAAwB;IAAE,GAAGuB,yBAAyB;AAAC,EAAE;AAEpH,OAAO,MAAME,oBAAuCZ,OAAOa,OAAO,CAAC3B,oBAAoBE,MAAM,CAC3F,CAACC,KAAK,CAACyB,aAAaxB,YAAY;IAC9B,MAAMC,QAAQuB,YAAYtB,KAAK,CAAC,GAAG,GAAGC,WAAW,KAAKqB,YAAYtB,KAAK,CAAC;IAExE,6CAA6C;IAC7C,MAAMuB,oBAAoB;QACxB,CAAC,CAAC,WAAW,EAAExB,MAAM,WAAW,CAAC,CAAC,EAAER,kBAAkB,CAACO,YAAY,CAACK,MAAM;QAC1E,CAAC,CAAC,WAAW,EAAEJ,MAAM,WAAW,CAAC,CAAC,EAAER,kBAAkB,CAACO,YAAY,CAACM,MAAM;QAC1E,CAAC,CAAC,WAAW,EAAEL,MAAM,WAAW,CAAC,CAAC,EAAER,kBAAkB,CAACO,YAAY,CAACO,OAAO;QAC3E,CAAC,CAAC,WAAW,EAAEN,MAAM,WAAW,CAAC,CAAC,EAAER,kBAAkB,CAACO,YAAY,CAACQ,OAAO;QAC3E,CAAC,CAAC,WAAW,EAAEP,MAAM,WAAW,CAAC,CAAC,EAAER,kBAAkB,CAACO,YAAY,CAACS,OAAO;QAC3E,CAAC,CAAC,WAAW,EAAER,MAAM,WAAW,CAAC,CAAC,EAAER,kBAAkB,CAACO,YAAY,CAACO,OAAO;QAC3E,CAAC,CAAC,WAAW,EAAEN,MAAM,kBAAkB,CAAC,CAAC,EAAER,kBAAkB,CAACO,YAAY,CAAC0B,MAAM;QACjF,CAAC,CAAC,WAAW,EAAEzB,MAAM,YAAY,CAAC,CAAC,EAAER,kBAAkB,CAACO,YAAY,CAACO,OAAO;QAC5E,CAAC,CAAC,WAAW,EAAEN,MAAM,OAAO,CAAC,CAAC,EAAER,kBAAkB,CAACO,YAAY,CAACM,MAAM;QACtE,CAAC,CAAC,WAAW,EAAEL,MAAM,OAAO,CAAC,CAAC,EAAER,kBAAkB,CAACO,YAAY,CAACO,OAAO;IACzE;IAEA,OAAOG,OAAOC,MAAM,CAACZ,KAAK0B;AAC5B,GACA,CAAC,GACD;AAEF,2CAA2C;AAC3CH,kBAAkBK,iCAAiC,GAAGlC,kBAAkB,CAACG,mBAAmBgC,MAAM,CAAC,CAACpB,OAAO;AAC3Gc,kBAAkBO,mCAAmC,GAAGpC,kBAAkB,CAACG,mBAAmBgC,MAAM,CAAC,CAACE,OAAO;AAE7GR,kBAAkBS,6BAA6B,GAAGtC,kBAAkB,CAACG,mBAAmBoC,OAAO,CAAC,CAACF,OAAO;AACxGR,kBAAkBW,6BAA6B,GAAGxC,kBAAkB,CAACG,mBAAmBoC,OAAO,CAAC,CAACF,OAAO;AACxGR,kBAAkBY,yBAAyB,GAAGzC,kBAAkB,CAACG,mBAAmBoC,OAAO,CAAC,CAACF,OAAO"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */ import { black, blackAlpha, grey, grey10Alpha, grey12Alpha, grey14Alpha, white, whiteAlpha } from
|
|
1
|
+
/* !!! DO NOT EDIT !!! */ /* This file has been generated by the token pipeline */ import { black, blackAlpha, grey, grey10Alpha, grey12Alpha, grey14Alpha, white, whiteAlpha } from "../global/colors.js";
|
|
2
2
|
export const generateColorTokens = (brand)=>({
|
|
3
3
|
colorNeutralForeground1: white,
|
|
4
4
|
colorNeutralForeground1Hover: white,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["teamsDarkColor.ts"],"sourcesContent":["/* !!! DO NOT EDIT !!! */\n/* This file has been generated by the token pipeline */\n\nimport { black, blackAlpha, grey, grey10Alpha, grey12Alpha, grey14Alpha, white, whiteAlpha } from '../global/colors';\nimport type { BrandVariants, ColorTokens } from '../types';\n\nexport const generateColorTokens = (brand: BrandVariants): ColorTokens => ({\n colorNeutralForeground1: white, // #ffffff Global.Color.White\n colorNeutralForeground1Hover: white, // #ffffff Global.Color.White\n colorNeutralForeground1Pressed: white, // #ffffff Global.Color.White\n colorNeutralForeground1Selected: white, // #ffffff Global.Color.White\n colorNeutralForeground2: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground2Hover: white, // #ffffff Global.Color.White\n colorNeutralForeground2Pressed: white, // #ffffff Global.Color.White\n colorNeutralForeground2Selected: white, // #ffffff Global.Color.White\n colorNeutralForeground2BrandHover: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground2BrandPressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorNeutralForeground2BrandSelected: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground3: grey[68], // #adadad Global.Color.Grey.68\n colorNeutralForeground3Hover: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground3Pressed: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground3Selected: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground3BrandHover: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground3BrandPressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorNeutralForeground3BrandSelected: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground4: grey[60], // #999999 Global.Color.Grey.60\n colorNeutralForegroundDisabled: grey[36], // #5c5c5c Global.Color.Grey.36\n colorNeutralForegroundInvertedDisabled: whiteAlpha[40], // rgba(255, 255, 255, 0.4) Global.Color.WhiteAlpha.40\n colorBrandForegroundLink: brand[100], // #2899f5 Global.Color.Brand.100\n colorBrandForegroundLinkHover: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorBrandForegroundLinkPressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorBrandForegroundLinkSelected: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground2Link: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground2LinkHover: white, // #ffffff Global.Color.White\n colorNeutralForeground2LinkPressed: white, // #ffffff Global.Color.White\n colorNeutralForeground2LinkSelected: white, // #ffffff Global.Color.White\n colorCompoundBrandForeground1: brand[100], // #2899f5 Global.Color.Brand.100\n colorCompoundBrandForeground1Hover: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorCompoundBrandForeground1Pressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorBrandForeground1: brand[100], // #2899f5 Global.Color.Brand.100\n colorBrandForeground2: brand[120], // #6cb8f6 Global.Color.Brand.120\n colorBrandForeground2Hover: brand[130], // #82c7ff Global.Color.Brand.130\n colorBrandForeground2Pressed: brand[160], // #eff6fc Global.Color.Brand.160\n colorNeutralForeground1Static: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundStaticInverted: white, // #ffffff Global.Color.White\n colorNeutralForegroundInverted: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundInvertedHover: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundInvertedPressed: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundInvertedSelected: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundInverted2: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundOnBrand: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLink: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLinkHover: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLinkPressed: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLinkSelected: white, // #ffffff Global.Color.White\n colorBrandForegroundInverted: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandForegroundInvertedHover: brand[70], // #106ebe Global.Color.Brand.70\n colorBrandForegroundInvertedPressed: brand[60], // #005a9e Global.Color.Brand.60\n colorBrandForegroundOnLight: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandForegroundOnLightHover: brand[70], // #106ebe Global.Color.Brand.70\n colorBrandForegroundOnLightPressed: brand[50], // #004c87 Global.Color.Brand.50\n colorBrandForegroundOnLightSelected: brand[60], // #005a9e Global.Color.Brand.60\n colorNeutralBackground1: grey[16], // #292929 Global.Color.Grey.16\n colorNeutralBackground1Hover: grey[24], // #3d3d3d Global.Color.Grey.24\n colorNeutralBackground1Pressed: grey[12], // #1f1f1f Global.Color.Grey.12\n colorNeutralBackground1Selected: grey[22], // #383838 Global.Color.Grey.22\n colorNeutralBackground2: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralBackground2Hover: grey[22], // #383838 Global.Color.Grey.22\n colorNeutralBackground2Pressed: grey[10], // #1a1a1a Global.Color.Grey.10\n colorNeutralBackground2Selected: grey[20], // #333333 Global.Color.Grey.20\n colorNeutralBackground3: grey[12], // #1f1f1f Global.Color.Grey.12\n colorNeutralBackground3Hover: grey[20], // #333333 Global.Color.Grey.20\n colorNeutralBackground3Pressed: grey[8], // #141414 Global.Color.Grey.8\n colorNeutralBackground3Selected: grey[18], // #2e2e2e Global.Color.Grey.18\n colorNeutralBackground4: grey[8], // #141414 Global.Color.Grey.8\n colorNeutralBackground4Hover: grey[16], // #292929 Global.Color.Grey.16\n colorNeutralBackground4Pressed: grey[4], // #0a0a0a Global.Color.Grey.4\n colorNeutralBackground4Selected: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralBackground5: grey[4], // #0a0a0a Global.Color.Grey.4\n colorNeutralBackground5Hover: grey[12], // #1f1f1f Global.Color.Grey.12\n colorNeutralBackground5Pressed: black, // #000000 Global.Color.Black\n colorNeutralBackground5Selected: grey[10], // #1a1a1a Global.Color.Grey.10\n colorNeutralBackground6: grey[20], // #333333 Global.Color.Grey.20\n colorNeutralBackgroundInverted: white, // #ffffff Global.Color.White\n colorNeutralBackgroundStatic: grey[24], // #3d3d3d Global.Color.Grey.24\n colorNeutralBackgroundAlpha: grey10Alpha[50], // rgba(26, 26, 26, 0.5) Global.Color.Grey10Alpha.50\n colorNeutralBackgroundAlpha2: grey12Alpha[70], // rgba(31, 31, 31, 0.7) Global.Color.Grey12Alpha.70\n colorSubtleBackground: 'transparent', // transparent undefined\n colorSubtleBackgroundHover: grey[22], // #383838 Global.Color.Grey.22\n colorSubtleBackgroundPressed: grey[18], // #2e2e2e Global.Color.Grey.18\n colorSubtleBackgroundSelected: grey[20], // #333333 Global.Color.Grey.20\n colorSubtleBackgroundLightAlphaHover: grey14Alpha[80], // rgba(36, 36, 36, 0.8) Global.Color.Grey14Alpha.80\n colorSubtleBackgroundLightAlphaPressed: grey14Alpha[50], // rgba(36, 36, 36, 0.5) Global.Color.Grey14Alpha.50\n colorSubtleBackgroundLightAlphaSelected: 'transparent', // transparent undefined\n colorSubtleBackgroundInverted: 'transparent', // transparent undefined\n colorSubtleBackgroundInvertedHover: blackAlpha[10], // rgba(0, 0, 0, 0.1) Global.Color.BlackAlpha.10\n colorSubtleBackgroundInvertedPressed: blackAlpha[30], // rgba(0, 0, 0, 0.3) Global.Color.BlackAlpha.30\n colorSubtleBackgroundInvertedSelected: blackAlpha[20], // rgba(0, 0, 0, 0.2) Global.Color.BlackAlpha.20\n colorTransparentBackground: 'transparent', // transparent undefined\n colorTransparentBackgroundHover: 'transparent', // transparent undefined\n colorTransparentBackgroundPressed: 'transparent', // transparent undefined\n colorTransparentBackgroundSelected: 'transparent', // transparent undefined\n colorNeutralBackgroundDisabled: grey[8], // #141414 Global.Color.Grey.8\n colorNeutralBackgroundInvertedDisabled: whiteAlpha[10], // rgba(255, 255, 255, 0.1) Global.Color.WhiteAlpha.10\n colorNeutralStencil1: grey[34], // #575757 Global.Color.Grey.34\n colorNeutralStencil2: grey[20], // #333333 Global.Color.Grey.20\n colorNeutralStencil1Alpha: whiteAlpha[10], // rgba(255, 255, 255, 0.1) Global.Color.WhiteAlpha.10\n colorNeutralStencil2Alpha: whiteAlpha[5], // rgba(255, 255, 255, 0.05) Global.Color.WhiteAlpha.5\n colorBackgroundOverlay: blackAlpha[50], // rgba(0, 0, 0, 0.5) Global.Color.BlackAlpha.50\n colorScrollbarOverlay: whiteAlpha[60], // rgba(255, 255, 255, 0.6) Global.Color.WhiteAlpha.60\n colorBrandBackground: brand[70], // #106ebe Global.Color.Brand.70\n colorBrandBackgroundHover: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandBackgroundPressed: brand[40], // #004578 Global.Color.Brand.40\n colorBrandBackgroundSelected: brand[60], // #005a9e Global.Color.Brand.60\n colorCompoundBrandBackground: brand[100], // #2899f5 Global.Color.Brand.100\n colorCompoundBrandBackgroundHover: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorCompoundBrandBackgroundPressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorBrandBackgroundStatic: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandBackground2: brand[20], // #002848 Global.Color.Brand.20\n colorBrandBackground2Hover: brand[40], // #004578 Global.Color.Brand.40\n colorBrandBackground2Pressed: brand[10], // #001526 Global.Color.Brand.10\n colorBrandBackground3Static: brand[60], // #005a9e Global.Color.Brand.60\n colorBrandBackground4Static: brand[40], // #004578 Global.Color.Brand.40\n colorBrandBackgroundInverted: white, // #ffffff Global.Color.White\n colorBrandBackgroundInvertedHover: brand[160], // #eff6fc Global.Color.Brand.160\n colorBrandBackgroundInvertedPressed: brand[140], // #c7e0f4 Global.Color.Brand.140\n colorBrandBackgroundInvertedSelected: brand[150], // #deecf9 Global.Color.Brand.150\n colorNeutralCardBackground: grey[20], // #333333 Global.Color.Grey.20\n colorNeutralCardBackgroundHover: grey[24], // #3d3d3d Global.Color.Grey.24\n colorNeutralCardBackgroundPressed: grey[18], // #2e2e2e Global.Color.Grey.18\n colorNeutralCardBackgroundSelected: grey[22], // #383838 Global.Color.Grey.22\n colorNeutralCardBackgroundDisabled: grey[8], // #141414 Global.Color.Grey.8\n colorNeutralStrokeAccessible: grey[68], // #adadad Global.Color.Grey.68\n colorNeutralStrokeAccessibleHover: grey[74], // #bdbdbd Global.Color.Grey.74\n colorNeutralStrokeAccessiblePressed: grey[70], // #b3b3b3 Global.Color.Grey.70\n colorNeutralStrokeAccessibleSelected: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralStroke1: grey[40], // #666666 Global.Color.Grey.40\n colorNeutralStroke1Hover: grey[46], // #757575 Global.Color.Grey.46\n colorNeutralStroke1Pressed: grey[42], // #6b6b6b Global.Color.Grey.42\n colorNeutralStroke1Selected: grey[44], // #707070 Global.Color.Grey.44\n colorNeutralStroke2: grey[32], // #525252 Global.Color.Grey.32\n colorNeutralStroke3: grey[24], // #3d3d3d Global.Color.Grey.24\n colorNeutralStrokeSubtle: grey[4], // #0a0a0a Global.Color.Grey.4\n colorNeutralStrokeOnBrand: grey[16], // #292929 Global.Color.Grey.16\n colorNeutralStrokeOnBrand2: white, // #ffffff Global.Color.White\n colorNeutralStrokeOnBrand2Hover: white, // #ffffff Global.Color.White\n colorNeutralStrokeOnBrand2Pressed: white, // #ffffff Global.Color.White\n colorNeutralStrokeOnBrand2Selected: white, // #ffffff Global.Color.White\n colorBrandStroke1: brand[100], // #2899f5 Global.Color.Brand.100\n colorBrandStroke2: brand[50], // #004c87 Global.Color.Brand.50\n colorBrandStroke2Hover: brand[50], // #004c87 Global.Color.Brand.50\n colorBrandStroke2Pressed: brand[30], // #043862 Global.Color.Brand.30\n colorBrandStroke2Contrast: brand[50], // #004c87 Global.Color.Brand.50\n colorCompoundBrandStroke: brand[90], // #1890f1 Global.Color.Brand.90\n colorCompoundBrandStrokeHover: brand[100], // #2899f5 Global.Color.Brand.100\n colorCompoundBrandStrokePressed: brand[80], // #0078d4 Global.Color.Brand.80\n colorNeutralStrokeDisabled: grey[26], // #424242 Global.Color.Grey.26\n colorNeutralStrokeInvertedDisabled: whiteAlpha[40], // rgba(255, 255, 255, 0.4) Global.Color.WhiteAlpha.40\n colorTransparentStroke: 'transparent', // transparent undefined\n colorTransparentStrokeInteractive: 'transparent', // transparent undefined\n colorTransparentStrokeDisabled: 'transparent', // transparent undefined\n colorNeutralStrokeAlpha: whiteAlpha[10], // rgba(255, 255, 255, 0.1) Global.Color.WhiteAlpha.10\n colorNeutralStrokeAlpha2: whiteAlpha[20], // rgba(255, 255, 255, 0.2) Global.Color.WhiteAlpha.20\n colorStrokeFocus1: black, // #000000 Global.Color.Black\n colorStrokeFocus2: white, // #ffffff Global.Color.White\n colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)', // rgba(0,0,0,0.24) undefined\n colorNeutralShadowKey: 'rgba(0,0,0,0.28)', // rgba(0,0,0,0.28) undefined\n colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)', // rgba(0,0,0,0.12) undefined\n colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)', // rgba(0,0,0,0.14) undefined\n colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)', // rgba(0,0,0,0.40) undefined\n colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)', // rgba(0,0,0,0.48) undefined\n colorBrandShadowAmbient: 'rgba(0,0,0,0.30)', // rgba(0,0,0,0.30) undefined\n colorBrandShadowKey: 'rgba(0,0,0,0.25)', // rgba(0,0,0,0.25) undefined\n});\n"],"names":["black","blackAlpha","grey","grey10Alpha","grey12Alpha","grey14Alpha","white","whiteAlpha","generateColorTokens","brand","colorNeutralForeground1","colorNeutralForeground1Hover","colorNeutralForeground1Pressed","colorNeutralForeground1Selected","colorNeutralForeground2","colorNeutralForeground2Hover","colorNeutralForeground2Pressed","colorNeutralForeground2Selected","colorNeutralForeground2BrandHover","colorNeutralForeground2BrandPressed","colorNeutralForeground2BrandSelected","colorNeutralForeground3","colorNeutralForeground3Hover","colorNeutralForeground3Pressed","colorNeutralForeground3Selected","colorNeutralForeground3BrandHover","colorNeutralForeground3BrandPressed","colorNeutralForeground3BrandSelected","colorNeutralForeground4","colorNeutralForegroundDisabled","colorNeutralForegroundInvertedDisabled","colorBrandForegroundLink","colorBrandForegroundLinkHover","colorBrandForegroundLinkPressed","colorBrandForegroundLinkSelected","colorNeutralForeground2Link","colorNeutralForeground2LinkHover","colorNeutralForeground2LinkPressed","colorNeutralForeground2LinkSelected","colorCompoundBrandForeground1","colorCompoundBrandForeground1Hover","colorCompoundBrandForeground1Pressed","colorBrandForeground1","colorBrandForeground2","colorBrandForeground2Hover","colorBrandForeground2Pressed","colorNeutralForeground1Static","colorNeutralForegroundStaticInverted","colorNeutralForegroundInverted","colorNeutralForegroundInvertedHover","colorNeutralForegroundInvertedPressed","colorNeutralForegroundInvertedSelected","colorNeutralForegroundInverted2","colorNeutralForegroundOnBrand","colorNeutralForegroundInvertedLink","colorNeutralForegroundInvertedLinkHover","colorNeutralForegroundInvertedLinkPressed","colorNeutralForegroundInvertedLinkSelected","colorBrandForegroundInverted","colorBrandForegroundInvertedHover","colorBrandForegroundInvertedPressed","colorBrandForegroundOnLight","colorBrandForegroundOnLightHover","colorBrandForegroundOnLightPressed","colorBrandForegroundOnLightSelected","colorNeutralBackground1","colorNeutralBackground1Hover","colorNeutralBackground1Pressed","colorNeutralBackground1Selected","colorNeutralBackground2","colorNeutralBackground2Hover","colorNeutralBackground2Pressed","colorNeutralBackground2Selected","colorNeutralBackground3","colorNeutralBackground3Hover","colorNeutralBackground3Pressed","colorNeutralBackground3Selected","colorNeutralBackground4","colorNeutralBackground4Hover","colorNeutralBackground4Pressed","colorNeutralBackground4Selected","colorNeutralBackground5","colorNeutralBackground5Hover","colorNeutralBackground5Pressed","colorNeutralBackground5Selected","colorNeutralBackground6","colorNeutralBackgroundInverted","colorNeutralBackgroundStatic","colorNeutralBackgroundAlpha","colorNeutralBackgroundAlpha2","colorSubtleBackground","colorSubtleBackgroundHover","colorSubtleBackgroundPressed","colorSubtleBackgroundSelected","colorSubtleBackgroundLightAlphaHover","colorSubtleBackgroundLightAlphaPressed","colorSubtleBackgroundLightAlphaSelected","colorSubtleBackgroundInverted","colorSubtleBackgroundInvertedHover","colorSubtleBackgroundInvertedPressed","colorSubtleBackgroundInvertedSelected","colorTransparentBackground","colorTransparentBackgroundHover","colorTransparentBackgroundPressed","colorTransparentBackgroundSelected","colorNeutralBackgroundDisabled","colorNeutralBackgroundInvertedDisabled","colorNeutralStencil1","colorNeutralStencil2","colorNeutralStencil1Alpha","colorNeutralStencil2Alpha","colorBackgroundOverlay","colorScrollbarOverlay","colorBrandBackground","colorBrandBackgroundHover","colorBrandBackgroundPressed","colorBrandBackgroundSelected","colorCompoundBrandBackground","colorCompoundBrandBackgroundHover","colorCompoundBrandBackgroundPressed","colorBrandBackgroundStatic","colorBrandBackground2","colorBrandBackground2Hover","colorBrandBackground2Pressed","colorBrandBackground3Static","colorBrandBackground4Static","colorBrandBackgroundInverted","colorBrandBackgroundInvertedHover","colorBrandBackgroundInvertedPressed","colorBrandBackgroundInvertedSelected","colorNeutralCardBackground","colorNeutralCardBackgroundHover","colorNeutralCardBackgroundPressed","colorNeutralCardBackgroundSelected","colorNeutralCardBackgroundDisabled","colorNeutralStrokeAccessible","colorNeutralStrokeAccessibleHover","colorNeutralStrokeAccessiblePressed","colorNeutralStrokeAccessibleSelected","colorNeutralStroke1","colorNeutralStroke1Hover","colorNeutralStroke1Pressed","colorNeutralStroke1Selected","colorNeutralStroke2","colorNeutralStroke3","colorNeutralStrokeSubtle","colorNeutralStrokeOnBrand","colorNeutralStrokeOnBrand2","colorNeutralStrokeOnBrand2Hover","colorNeutralStrokeOnBrand2Pressed","colorNeutralStrokeOnBrand2Selected","colorBrandStroke1","colorBrandStroke2","colorBrandStroke2Hover","colorBrandStroke2Pressed","colorBrandStroke2Contrast","colorCompoundBrandStroke","colorCompoundBrandStrokeHover","colorCompoundBrandStrokePressed","colorNeutralStrokeDisabled","colorNeutralStrokeInvertedDisabled","colorTransparentStroke","colorTransparentStrokeInteractive","colorTransparentStrokeDisabled","colorNeutralStrokeAlpha","colorNeutralStrokeAlpha2","colorStrokeFocus1","colorStrokeFocus2","colorNeutralShadowAmbient","colorNeutralShadowKey","colorNeutralShadowAmbientLighter","colorNeutralShadowKeyLighter","colorNeutralShadowAmbientDarker","colorNeutralShadowKeyDarker","colorBrandShadowAmbient","colorBrandShadowKey"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
|
|
1
|
+
{"version":3,"sources":["teamsDarkColor.ts"],"sourcesContent":["/* !!! DO NOT EDIT !!! */\n/* This file has been generated by the token pipeline */\n\nimport { black, blackAlpha, grey, grey10Alpha, grey12Alpha, grey14Alpha, white, whiteAlpha } from '../global/colors';\nimport type { BrandVariants, ColorTokens } from '../types';\n\nexport const generateColorTokens = (brand: BrandVariants): ColorTokens => ({\n colorNeutralForeground1: white, // #ffffff Global.Color.White\n colorNeutralForeground1Hover: white, // #ffffff Global.Color.White\n colorNeutralForeground1Pressed: white, // #ffffff Global.Color.White\n colorNeutralForeground1Selected: white, // #ffffff Global.Color.White\n colorNeutralForeground2: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground2Hover: white, // #ffffff Global.Color.White\n colorNeutralForeground2Pressed: white, // #ffffff Global.Color.White\n colorNeutralForeground2Selected: white, // #ffffff Global.Color.White\n colorNeutralForeground2BrandHover: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground2BrandPressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorNeutralForeground2BrandSelected: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground3: grey[68], // #adadad Global.Color.Grey.68\n colorNeutralForeground3Hover: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground3Pressed: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground3Selected: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground3BrandHover: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground3BrandPressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorNeutralForeground3BrandSelected: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground4: grey[60], // #999999 Global.Color.Grey.60\n colorNeutralForegroundDisabled: grey[36], // #5c5c5c Global.Color.Grey.36\n colorNeutralForegroundInvertedDisabled: whiteAlpha[40], // rgba(255, 255, 255, 0.4) Global.Color.WhiteAlpha.40\n colorBrandForegroundLink: brand[100], // #2899f5 Global.Color.Brand.100\n colorBrandForegroundLinkHover: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorBrandForegroundLinkPressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorBrandForegroundLinkSelected: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralForeground2Link: grey[84], // #d6d6d6 Global.Color.Grey.84\n colorNeutralForeground2LinkHover: white, // #ffffff Global.Color.White\n colorNeutralForeground2LinkPressed: white, // #ffffff Global.Color.White\n colorNeutralForeground2LinkSelected: white, // #ffffff Global.Color.White\n colorCompoundBrandForeground1: brand[100], // #2899f5 Global.Color.Brand.100\n colorCompoundBrandForeground1Hover: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorCompoundBrandForeground1Pressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorBrandForeground1: brand[100], // #2899f5 Global.Color.Brand.100\n colorBrandForeground2: brand[120], // #6cb8f6 Global.Color.Brand.120\n colorBrandForeground2Hover: brand[130], // #82c7ff Global.Color.Brand.130\n colorBrandForeground2Pressed: brand[160], // #eff6fc Global.Color.Brand.160\n colorNeutralForeground1Static: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundStaticInverted: white, // #ffffff Global.Color.White\n colorNeutralForegroundInverted: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundInvertedHover: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundInvertedPressed: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundInvertedSelected: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundInverted2: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralForegroundOnBrand: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLink: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLinkHover: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLinkPressed: white, // #ffffff Global.Color.White\n colorNeutralForegroundInvertedLinkSelected: white, // #ffffff Global.Color.White\n colorBrandForegroundInverted: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandForegroundInvertedHover: brand[70], // #106ebe Global.Color.Brand.70\n colorBrandForegroundInvertedPressed: brand[60], // #005a9e Global.Color.Brand.60\n colorBrandForegroundOnLight: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandForegroundOnLightHover: brand[70], // #106ebe Global.Color.Brand.70\n colorBrandForegroundOnLightPressed: brand[50], // #004c87 Global.Color.Brand.50\n colorBrandForegroundOnLightSelected: brand[60], // #005a9e Global.Color.Brand.60\n colorNeutralBackground1: grey[16], // #292929 Global.Color.Grey.16\n colorNeutralBackground1Hover: grey[24], // #3d3d3d Global.Color.Grey.24\n colorNeutralBackground1Pressed: grey[12], // #1f1f1f Global.Color.Grey.12\n colorNeutralBackground1Selected: grey[22], // #383838 Global.Color.Grey.22\n colorNeutralBackground2: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralBackground2Hover: grey[22], // #383838 Global.Color.Grey.22\n colorNeutralBackground2Pressed: grey[10], // #1a1a1a Global.Color.Grey.10\n colorNeutralBackground2Selected: grey[20], // #333333 Global.Color.Grey.20\n colorNeutralBackground3: grey[12], // #1f1f1f Global.Color.Grey.12\n colorNeutralBackground3Hover: grey[20], // #333333 Global.Color.Grey.20\n colorNeutralBackground3Pressed: grey[8], // #141414 Global.Color.Grey.8\n colorNeutralBackground3Selected: grey[18], // #2e2e2e Global.Color.Grey.18\n colorNeutralBackground4: grey[8], // #141414 Global.Color.Grey.8\n colorNeutralBackground4Hover: grey[16], // #292929 Global.Color.Grey.16\n colorNeutralBackground4Pressed: grey[4], // #0a0a0a Global.Color.Grey.4\n colorNeutralBackground4Selected: grey[14], // #242424 Global.Color.Grey.14\n colorNeutralBackground5: grey[4], // #0a0a0a Global.Color.Grey.4\n colorNeutralBackground5Hover: grey[12], // #1f1f1f Global.Color.Grey.12\n colorNeutralBackground5Pressed: black, // #000000 Global.Color.Black\n colorNeutralBackground5Selected: grey[10], // #1a1a1a Global.Color.Grey.10\n colorNeutralBackground6: grey[20], // #333333 Global.Color.Grey.20\n colorNeutralBackgroundInverted: white, // #ffffff Global.Color.White\n colorNeutralBackgroundStatic: grey[24], // #3d3d3d Global.Color.Grey.24\n colorNeutralBackgroundAlpha: grey10Alpha[50], // rgba(26, 26, 26, 0.5) Global.Color.Grey10Alpha.50\n colorNeutralBackgroundAlpha2: grey12Alpha[70], // rgba(31, 31, 31, 0.7) Global.Color.Grey12Alpha.70\n colorSubtleBackground: 'transparent', // transparent undefined\n colorSubtleBackgroundHover: grey[22], // #383838 Global.Color.Grey.22\n colorSubtleBackgroundPressed: grey[18], // #2e2e2e Global.Color.Grey.18\n colorSubtleBackgroundSelected: grey[20], // #333333 Global.Color.Grey.20\n colorSubtleBackgroundLightAlphaHover: grey14Alpha[80], // rgba(36, 36, 36, 0.8) Global.Color.Grey14Alpha.80\n colorSubtleBackgroundLightAlphaPressed: grey14Alpha[50], // rgba(36, 36, 36, 0.5) Global.Color.Grey14Alpha.50\n colorSubtleBackgroundLightAlphaSelected: 'transparent', // transparent undefined\n colorSubtleBackgroundInverted: 'transparent', // transparent undefined\n colorSubtleBackgroundInvertedHover: blackAlpha[10], // rgba(0, 0, 0, 0.1) Global.Color.BlackAlpha.10\n colorSubtleBackgroundInvertedPressed: blackAlpha[30], // rgba(0, 0, 0, 0.3) Global.Color.BlackAlpha.30\n colorSubtleBackgroundInvertedSelected: blackAlpha[20], // rgba(0, 0, 0, 0.2) Global.Color.BlackAlpha.20\n colorTransparentBackground: 'transparent', // transparent undefined\n colorTransparentBackgroundHover: 'transparent', // transparent undefined\n colorTransparentBackgroundPressed: 'transparent', // transparent undefined\n colorTransparentBackgroundSelected: 'transparent', // transparent undefined\n colorNeutralBackgroundDisabled: grey[8], // #141414 Global.Color.Grey.8\n colorNeutralBackgroundInvertedDisabled: whiteAlpha[10], // rgba(255, 255, 255, 0.1) Global.Color.WhiteAlpha.10\n colorNeutralStencil1: grey[34], // #575757 Global.Color.Grey.34\n colorNeutralStencil2: grey[20], // #333333 Global.Color.Grey.20\n colorNeutralStencil1Alpha: whiteAlpha[10], // rgba(255, 255, 255, 0.1) Global.Color.WhiteAlpha.10\n colorNeutralStencil2Alpha: whiteAlpha[5], // rgba(255, 255, 255, 0.05) Global.Color.WhiteAlpha.5\n colorBackgroundOverlay: blackAlpha[50], // rgba(0, 0, 0, 0.5) Global.Color.BlackAlpha.50\n colorScrollbarOverlay: whiteAlpha[60], // rgba(255, 255, 255, 0.6) Global.Color.WhiteAlpha.60\n colorBrandBackground: brand[70], // #106ebe Global.Color.Brand.70\n colorBrandBackgroundHover: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandBackgroundPressed: brand[40], // #004578 Global.Color.Brand.40\n colorBrandBackgroundSelected: brand[60], // #005a9e Global.Color.Brand.60\n colorCompoundBrandBackground: brand[100], // #2899f5 Global.Color.Brand.100\n colorCompoundBrandBackgroundHover: brand[110], // #3aa0f3 Global.Color.Brand.110\n colorCompoundBrandBackgroundPressed: brand[90], // #1890f1 Global.Color.Brand.90\n colorBrandBackgroundStatic: brand[80], // #0078d4 Global.Color.Brand.80\n colorBrandBackground2: brand[20], // #002848 Global.Color.Brand.20\n colorBrandBackground2Hover: brand[40], // #004578 Global.Color.Brand.40\n colorBrandBackground2Pressed: brand[10], // #001526 Global.Color.Brand.10\n colorBrandBackground3Static: brand[60], // #005a9e Global.Color.Brand.60\n colorBrandBackground4Static: brand[40], // #004578 Global.Color.Brand.40\n colorBrandBackgroundInverted: white, // #ffffff Global.Color.White\n colorBrandBackgroundInvertedHover: brand[160], // #eff6fc Global.Color.Brand.160\n colorBrandBackgroundInvertedPressed: brand[140], // #c7e0f4 Global.Color.Brand.140\n colorBrandBackgroundInvertedSelected: brand[150], // #deecf9 Global.Color.Brand.150\n colorNeutralCardBackground: grey[20], // #333333 Global.Color.Grey.20\n colorNeutralCardBackgroundHover: grey[24], // #3d3d3d Global.Color.Grey.24\n colorNeutralCardBackgroundPressed: grey[18], // #2e2e2e Global.Color.Grey.18\n colorNeutralCardBackgroundSelected: grey[22], // #383838 Global.Color.Grey.22\n colorNeutralCardBackgroundDisabled: grey[8], // #141414 Global.Color.Grey.8\n colorNeutralStrokeAccessible: grey[68], // #adadad Global.Color.Grey.68\n colorNeutralStrokeAccessibleHover: grey[74], // #bdbdbd Global.Color.Grey.74\n colorNeutralStrokeAccessiblePressed: grey[70], // #b3b3b3 Global.Color.Grey.70\n colorNeutralStrokeAccessibleSelected: brand[100], // #2899f5 Global.Color.Brand.100\n colorNeutralStroke1: grey[40], // #666666 Global.Color.Grey.40\n colorNeutralStroke1Hover: grey[46], // #757575 Global.Color.Grey.46\n colorNeutralStroke1Pressed: grey[42], // #6b6b6b Global.Color.Grey.42\n colorNeutralStroke1Selected: grey[44], // #707070 Global.Color.Grey.44\n colorNeutralStroke2: grey[32], // #525252 Global.Color.Grey.32\n colorNeutralStroke3: grey[24], // #3d3d3d Global.Color.Grey.24\n colorNeutralStrokeSubtle: grey[4], // #0a0a0a Global.Color.Grey.4\n colorNeutralStrokeOnBrand: grey[16], // #292929 Global.Color.Grey.16\n colorNeutralStrokeOnBrand2: white, // #ffffff Global.Color.White\n colorNeutralStrokeOnBrand2Hover: white, // #ffffff Global.Color.White\n colorNeutralStrokeOnBrand2Pressed: white, // #ffffff Global.Color.White\n colorNeutralStrokeOnBrand2Selected: white, // #ffffff Global.Color.White\n colorBrandStroke1: brand[100], // #2899f5 Global.Color.Brand.100\n colorBrandStroke2: brand[50], // #004c87 Global.Color.Brand.50\n colorBrandStroke2Hover: brand[50], // #004c87 Global.Color.Brand.50\n colorBrandStroke2Pressed: brand[30], // #043862 Global.Color.Brand.30\n colorBrandStroke2Contrast: brand[50], // #004c87 Global.Color.Brand.50\n colorCompoundBrandStroke: brand[90], // #1890f1 Global.Color.Brand.90\n colorCompoundBrandStrokeHover: brand[100], // #2899f5 Global.Color.Brand.100\n colorCompoundBrandStrokePressed: brand[80], // #0078d4 Global.Color.Brand.80\n colorNeutralStrokeDisabled: grey[26], // #424242 Global.Color.Grey.26\n colorNeutralStrokeInvertedDisabled: whiteAlpha[40], // rgba(255, 255, 255, 0.4) Global.Color.WhiteAlpha.40\n colorTransparentStroke: 'transparent', // transparent undefined\n colorTransparentStrokeInteractive: 'transparent', // transparent undefined\n colorTransparentStrokeDisabled: 'transparent', // transparent undefined\n colorNeutralStrokeAlpha: whiteAlpha[10], // rgba(255, 255, 255, 0.1) Global.Color.WhiteAlpha.10\n colorNeutralStrokeAlpha2: whiteAlpha[20], // rgba(255, 255, 255, 0.2) Global.Color.WhiteAlpha.20\n colorStrokeFocus1: black, // #000000 Global.Color.Black\n colorStrokeFocus2: white, // #ffffff Global.Color.White\n colorNeutralShadowAmbient: 'rgba(0,0,0,0.24)', // rgba(0,0,0,0.24) undefined\n colorNeutralShadowKey: 'rgba(0,0,0,0.28)', // rgba(0,0,0,0.28) undefined\n colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.12)', // rgba(0,0,0,0.12) undefined\n colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.14)', // rgba(0,0,0,0.14) undefined\n colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.40)', // rgba(0,0,0,0.40) undefined\n colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.48)', // rgba(0,0,0,0.48) undefined\n colorBrandShadowAmbient: 'rgba(0,0,0,0.30)', // rgba(0,0,0,0.30) undefined\n colorBrandShadowKey: 'rgba(0,0,0,0.25)', // rgba(0,0,0,0.25) undefined\n});\n"],"names":["black","blackAlpha","grey","grey10Alpha","grey12Alpha","grey14Alpha","white","whiteAlpha","generateColorTokens","brand","colorNeutralForeground1","colorNeutralForeground1Hover","colorNeutralForeground1Pressed","colorNeutralForeground1Selected","colorNeutralForeground2","colorNeutralForeground2Hover","colorNeutralForeground2Pressed","colorNeutralForeground2Selected","colorNeutralForeground2BrandHover","colorNeutralForeground2BrandPressed","colorNeutralForeground2BrandSelected","colorNeutralForeground3","colorNeutralForeground3Hover","colorNeutralForeground3Pressed","colorNeutralForeground3Selected","colorNeutralForeground3BrandHover","colorNeutralForeground3BrandPressed","colorNeutralForeground3BrandSelected","colorNeutralForeground4","colorNeutralForegroundDisabled","colorNeutralForegroundInvertedDisabled","colorBrandForegroundLink","colorBrandForegroundLinkHover","colorBrandForegroundLinkPressed","colorBrandForegroundLinkSelected","colorNeutralForeground2Link","colorNeutralForeground2LinkHover","colorNeutralForeground2LinkPressed","colorNeutralForeground2LinkSelected","colorCompoundBrandForeground1","colorCompoundBrandForeground1Hover","colorCompoundBrandForeground1Pressed","colorBrandForeground1","colorBrandForeground2","colorBrandForeground2Hover","colorBrandForeground2Pressed","colorNeutralForeground1Static","colorNeutralForegroundStaticInverted","colorNeutralForegroundInverted","colorNeutralForegroundInvertedHover","colorNeutralForegroundInvertedPressed","colorNeutralForegroundInvertedSelected","colorNeutralForegroundInverted2","colorNeutralForegroundOnBrand","colorNeutralForegroundInvertedLink","colorNeutralForegroundInvertedLinkHover","colorNeutralForegroundInvertedLinkPressed","colorNeutralForegroundInvertedLinkSelected","colorBrandForegroundInverted","colorBrandForegroundInvertedHover","colorBrandForegroundInvertedPressed","colorBrandForegroundOnLight","colorBrandForegroundOnLightHover","colorBrandForegroundOnLightPressed","colorBrandForegroundOnLightSelected","colorNeutralBackground1","colorNeutralBackground1Hover","colorNeutralBackground1Pressed","colorNeutralBackground1Selected","colorNeutralBackground2","colorNeutralBackground2Hover","colorNeutralBackground2Pressed","colorNeutralBackground2Selected","colorNeutralBackground3","colorNeutralBackground3Hover","colorNeutralBackground3Pressed","colorNeutralBackground3Selected","colorNeutralBackground4","colorNeutralBackground4Hover","colorNeutralBackground4Pressed","colorNeutralBackground4Selected","colorNeutralBackground5","colorNeutralBackground5Hover","colorNeutralBackground5Pressed","colorNeutralBackground5Selected","colorNeutralBackground6","colorNeutralBackgroundInverted","colorNeutralBackgroundStatic","colorNeutralBackgroundAlpha","colorNeutralBackgroundAlpha2","colorSubtleBackground","colorSubtleBackgroundHover","colorSubtleBackgroundPressed","colorSubtleBackgroundSelected","colorSubtleBackgroundLightAlphaHover","colorSubtleBackgroundLightAlphaPressed","colorSubtleBackgroundLightAlphaSelected","colorSubtleBackgroundInverted","colorSubtleBackgroundInvertedHover","colorSubtleBackgroundInvertedPressed","colorSubtleBackgroundInvertedSelected","colorTransparentBackground","colorTransparentBackgroundHover","colorTransparentBackgroundPressed","colorTransparentBackgroundSelected","colorNeutralBackgroundDisabled","colorNeutralBackgroundInvertedDisabled","colorNeutralStencil1","colorNeutralStencil2","colorNeutralStencil1Alpha","colorNeutralStencil2Alpha","colorBackgroundOverlay","colorScrollbarOverlay","colorBrandBackground","colorBrandBackgroundHover","colorBrandBackgroundPressed","colorBrandBackgroundSelected","colorCompoundBrandBackground","colorCompoundBrandBackgroundHover","colorCompoundBrandBackgroundPressed","colorBrandBackgroundStatic","colorBrandBackground2","colorBrandBackground2Hover","colorBrandBackground2Pressed","colorBrandBackground3Static","colorBrandBackground4Static","colorBrandBackgroundInverted","colorBrandBackgroundInvertedHover","colorBrandBackgroundInvertedPressed","colorBrandBackgroundInvertedSelected","colorNeutralCardBackground","colorNeutralCardBackgroundHover","colorNeutralCardBackgroundPressed","colorNeutralCardBackgroundSelected","colorNeutralCardBackgroundDisabled","colorNeutralStrokeAccessible","colorNeutralStrokeAccessibleHover","colorNeutralStrokeAccessiblePressed","colorNeutralStrokeAccessibleSelected","colorNeutralStroke1","colorNeutralStroke1Hover","colorNeutralStroke1Pressed","colorNeutralStroke1Selected","colorNeutralStroke2","colorNeutralStroke3","colorNeutralStrokeSubtle","colorNeutralStrokeOnBrand","colorNeutralStrokeOnBrand2","colorNeutralStrokeOnBrand2Hover","colorNeutralStrokeOnBrand2Pressed","colorNeutralStrokeOnBrand2Selected","colorBrandStroke1","colorBrandStroke2","colorBrandStroke2Hover","colorBrandStroke2Pressed","colorBrandStroke2Contrast","colorCompoundBrandStroke","colorCompoundBrandStrokeHover","colorCompoundBrandStrokePressed","colorNeutralStrokeDisabled","colorNeutralStrokeInvertedDisabled","colorTransparentStroke","colorTransparentStrokeInteractive","colorTransparentStrokeDisabled","colorNeutralStrokeAlpha","colorNeutralStrokeAlpha2","colorStrokeFocus1","colorStrokeFocus2","colorNeutralShadowAmbient","colorNeutralShadowKey","colorNeutralShadowAmbientLighter","colorNeutralShadowKeyLighter","colorNeutralShadowAmbientDarker","colorNeutralShadowKeyDarker","colorBrandShadowAmbient","colorBrandShadowKey"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { red, green, darkOrange, yellow, berry, lightGreen, marigold, 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, orange } from
|
|
1
|
+
import { red, green, darkOrange, yellow, berry, lightGreen, marigold, 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, orange } from "./colors.js";
|
|
2
2
|
export const statusSharedColors = {
|
|
3
3
|
red,
|
|
4
4
|
green,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["colorPalette.ts"],"sourcesContent":["import {\n red,\n green,\n darkOrange,\n yellow,\n berry,\n lightGreen,\n marigold,\n darkRed,\n cranberry,\n pumpkin,\n peach,\n gold,\n brass,\n brown,\n forest,\n seafoam,\n darkGreen,\n lightTeal,\n teal,\n steel,\n blue,\n royalBlue,\n cornflower,\n navy,\n lavender,\n purple,\n grape,\n lilac,\n pink,\n magenta,\n plum,\n beige,\n mink,\n platinum,\n anchor,\n orange,\n} from './colors';\nimport { MappedStatusColors, PersonaSharedColors, StatusSharedColors } from '../types';\n\nexport const statusSharedColors: StatusSharedColors = {\n red,\n green,\n darkOrange,\n yellow,\n berry,\n lightGreen,\n marigold,\n};\n\nexport const personaSharedColors: PersonaSharedColors = {\n darkRed,\n cranberry,\n pumpkin,\n peach,\n gold,\n brass,\n brown,\n forest,\n seafoam,\n darkGreen,\n lightTeal,\n teal,\n steel,\n blue,\n royalBlue,\n cornflower,\n navy,\n lavender,\n purple,\n grape,\n lilac,\n pink,\n magenta,\n plum,\n beige,\n mink,\n platinum,\n anchor,\n};\n\nexport const mappedStatusColors: MappedStatusColors = {\n cranberry,\n green,\n orange,\n};\n"],"names":["red","green","darkOrange","yellow","berry","lightGreen","marigold","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","orange","statusSharedColors","personaSharedColors","mappedStatusColors"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SACEA,GAAG,EACHC,KAAK,EACLC,UAAU,EACVC,MAAM,EACNC,KAAK,EACLC,UAAU,EACVC,QAAQ,EACRC,OAAO,EACPC,SAAS,EACTC,OAAO,EACPC,KAAK,EACLC,IAAI,EACJC,KAAK,EACLC,KAAK,EACLC,MAAM,EACNC,OAAO,EACPC,SAAS,EACTC,SAAS,EACTC,IAAI,EACJC,KAAK,EACLC,IAAI,EACJC,SAAS,EACTC,UAAU,EACVC,IAAI,EACJC,QAAQ,EACRC,MAAM,EACNC,KAAK,EACLC,KAAK,EACLC,IAAI,EACJC,OAAO,EACPC,IAAI,EACJC,KAAK,EACLC,IAAI,EACJC,QAAQ,EACRC,MAAM,EACNC,MAAM,QACD,
|
|
1
|
+
{"version":3,"sources":["colorPalette.ts"],"sourcesContent":["import {\n red,\n green,\n darkOrange,\n yellow,\n berry,\n lightGreen,\n marigold,\n darkRed,\n cranberry,\n pumpkin,\n peach,\n gold,\n brass,\n brown,\n forest,\n seafoam,\n darkGreen,\n lightTeal,\n teal,\n steel,\n blue,\n royalBlue,\n cornflower,\n navy,\n lavender,\n purple,\n grape,\n lilac,\n pink,\n magenta,\n plum,\n beige,\n mink,\n platinum,\n anchor,\n orange,\n} from './colors';\nimport { MappedStatusColors, PersonaSharedColors, StatusSharedColors } from '../types';\n\nexport const statusSharedColors: StatusSharedColors = {\n red,\n green,\n darkOrange,\n yellow,\n berry,\n lightGreen,\n marigold,\n};\n\nexport const personaSharedColors: PersonaSharedColors = {\n darkRed,\n cranberry,\n pumpkin,\n peach,\n gold,\n brass,\n brown,\n forest,\n seafoam,\n darkGreen,\n lightTeal,\n teal,\n steel,\n blue,\n royalBlue,\n cornflower,\n navy,\n lavender,\n purple,\n grape,\n lilac,\n pink,\n magenta,\n plum,\n beige,\n mink,\n platinum,\n anchor,\n};\n\nexport const mappedStatusColors: MappedStatusColors = {\n cranberry,\n green,\n orange,\n};\n"],"names":["red","green","darkOrange","yellow","berry","lightGreen","marigold","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","orange","statusSharedColors","personaSharedColors","mappedStatusColors"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SACEA,GAAG,EACHC,KAAK,EACLC,UAAU,EACVC,MAAM,EACNC,KAAK,EACLC,UAAU,EACVC,QAAQ,EACRC,OAAO,EACPC,SAAS,EACTC,OAAO,EACPC,KAAK,EACLC,IAAI,EACJC,KAAK,EACLC,KAAK,EACLC,MAAM,EACNC,OAAO,EACPC,SAAS,EACTC,SAAS,EACTC,IAAI,EACJC,KAAK,EACLC,IAAI,EACJC,SAAS,EACTC,UAAU,EACVC,IAAI,EACJC,QAAQ,EACRC,MAAM,EACNC,KAAK,EACLC,KAAK,EACLC,IAAI,EACJC,OAAO,EACPC,IAAI,EACJC,KAAK,EACLC,IAAI,EACJC,QAAQ,EACRC,MAAM,EACNC,MAAM,QACD,cAAW;AAGlB,OAAO,MAAMC,qBAAyC;IACpDpC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;AACF,EAAE;AAEF,OAAO,MAAM+B,sBAA2C;IACtD9B;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;AACF,EAAE;AAEF,OAAO,MAAMI,qBAAyC;IACpD9B;IACAP;IACAkC;AACF,EAAE"}
|
package/lib/global/index.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
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.js";
|
|
2
|
+
export * from "./colors.js";
|
|
3
|
+
export * from "./curves.js";
|
|
4
|
+
export * from "./durations.js";
|
|
5
|
+
export * from "./fonts.js";
|
|
6
|
+
export * from "./spacings.js";
|
|
7
|
+
export * from "./strokeWidths.js";
|
|
8
|
+
export * from "./borderRadius.js";
|
|
9
|
+
export * from "./typographyStyles.js";
|
package/lib/global/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './borderRadius';\nexport * from './colors';\nexport * from './curves';\nexport * from './durations';\nexport * from './fonts';\nexport * from './spacings';\nexport * from './strokeWidths';\nexport * from './borderRadius';\nexport * from './typographyStyles';\n"],"names":[],"rangeMappings":";;;;;;;;","mappings":"AAAA,cAAc,
|
|
1
|
+
{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './borderRadius';\nexport * from './colors';\nexport * from './curves';\nexport * from './durations';\nexport * from './fonts';\nexport * from './spacings';\nexport * from './strokeWidths';\nexport * from './borderRadius';\nexport * from './typographyStyles';\n"],"names":[],"rangeMappings":";;;;;;;;","mappings":"AAAA,cAAc,oBAAiB;AAC/B,cAAc,cAAW;AACzB,cAAc,cAAW;AACzB,cAAc,iBAAc;AAC5B,cAAc,aAAU;AACxB,cAAc,gBAAa;AAC3B,cAAc,oBAAiB;AAC/B,cAAc,oBAAiB;AAC/B,cAAc,wBAAqB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["typographyStyles.ts"],"sourcesContent":["import { tokens } from '../tokens';\nimport { TypographyStyles } from '../types';\n\n/**\n * Global typography styles (fontSize, fontWeight, and lineHeight)\n */\nexport const typographyStyles: TypographyStyles = {\n body1: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase300,\n fontWeight: tokens.fontWeightRegular,\n lineHeight: tokens.lineHeightBase300,\n },\n body1Strong: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase300,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightBase300,\n },\n body1Stronger: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase300,\n fontWeight: tokens.fontWeightBold,\n lineHeight: tokens.lineHeightBase300,\n },\n body2: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase400,\n fontWeight: tokens.fontWeightRegular,\n lineHeight: tokens.lineHeightBase400,\n },\n caption1: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase200,\n fontWeight: tokens.fontWeightRegular,\n lineHeight: tokens.lineHeightBase200,\n },\n caption1Strong: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase200,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightBase200,\n },\n caption1Stronger: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase200,\n fontWeight: tokens.fontWeightBold,\n lineHeight: tokens.lineHeightBase200,\n },\n caption2: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase100,\n fontWeight: tokens.fontWeightRegular,\n lineHeight: tokens.lineHeightBase100,\n },\n caption2Strong: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase100,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightBase100,\n },\n subtitle1: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase500,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightBase500,\n },\n subtitle2: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase400,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightBase400,\n },\n subtitle2Stronger: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase400,\n fontWeight: tokens.fontWeightBold,\n lineHeight: tokens.lineHeightBase400,\n },\n title1: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeHero800,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightHero800,\n },\n title2: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeHero700,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightHero700,\n },\n title3: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase600,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightBase600,\n },\n largeTitle: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeHero900,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightHero900,\n },\n display: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeHero1000,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightHero1000,\n },\n};\n"],"names":["tokens","typographyStyles","body1","fontFamily","fontFamilyBase","fontSize","fontSizeBase300","fontWeight","fontWeightRegular","lineHeight","lineHeightBase300","body1Strong","fontWeightSemibold","body1Stronger","fontWeightBold","body2","fontSizeBase400","lineHeightBase400","caption1","fontSizeBase200","lineHeightBase200","caption1Strong","caption1Stronger","caption2","fontSizeBase100","lineHeightBase100","caption2Strong","subtitle1","fontSizeBase500","lineHeightBase500","subtitle2","subtitle2Stronger","title1","fontSizeHero800","lineHeightHero800","title2","fontSizeHero700","lineHeightHero700","title3","fontSizeBase600","lineHeightBase600","largeTitle","fontSizeHero900","lineHeightHero900","display","fontSizeHero1000","lineHeightHero1000"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,MAAM,QAAQ,
|
|
1
|
+
{"version":3,"sources":["typographyStyles.ts"],"sourcesContent":["import { tokens } from '../tokens';\nimport { TypographyStyles } from '../types';\n\n/**\n * Global typography styles (fontSize, fontWeight, and lineHeight)\n */\nexport const typographyStyles: TypographyStyles = {\n body1: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase300,\n fontWeight: tokens.fontWeightRegular,\n lineHeight: tokens.lineHeightBase300,\n },\n body1Strong: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase300,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightBase300,\n },\n body1Stronger: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase300,\n fontWeight: tokens.fontWeightBold,\n lineHeight: tokens.lineHeightBase300,\n },\n body2: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase400,\n fontWeight: tokens.fontWeightRegular,\n lineHeight: tokens.lineHeightBase400,\n },\n caption1: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase200,\n fontWeight: tokens.fontWeightRegular,\n lineHeight: tokens.lineHeightBase200,\n },\n caption1Strong: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase200,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightBase200,\n },\n caption1Stronger: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase200,\n fontWeight: tokens.fontWeightBold,\n lineHeight: tokens.lineHeightBase200,\n },\n caption2: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase100,\n fontWeight: tokens.fontWeightRegular,\n lineHeight: tokens.lineHeightBase100,\n },\n caption2Strong: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase100,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightBase100,\n },\n subtitle1: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase500,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightBase500,\n },\n subtitle2: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase400,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightBase400,\n },\n subtitle2Stronger: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase400,\n fontWeight: tokens.fontWeightBold,\n lineHeight: tokens.lineHeightBase400,\n },\n title1: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeHero800,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightHero800,\n },\n title2: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeHero700,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightHero700,\n },\n title3: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase600,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightBase600,\n },\n largeTitle: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeHero900,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightHero900,\n },\n display: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeHero1000,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightHero1000,\n },\n};\n"],"names":["tokens","typographyStyles","body1","fontFamily","fontFamilyBase","fontSize","fontSizeBase300","fontWeight","fontWeightRegular","lineHeight","lineHeightBase300","body1Strong","fontWeightSemibold","body1Stronger","fontWeightBold","body2","fontSizeBase400","lineHeightBase400","caption1","fontSizeBase200","lineHeightBase200","caption1Strong","caption1Stronger","caption2","fontSizeBase100","lineHeightBase100","caption2Strong","subtitle1","fontSizeBase500","lineHeightBase500","subtitle2","subtitle2Stronger","title1","fontSizeHero800","lineHeightHero800","title2","fontSizeHero700","lineHeightHero700","title3","fontSizeBase600","lineHeightBase600","largeTitle","fontSizeHero900","lineHeightHero900","display","fontSizeHero1000","lineHeightHero1000"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
|
package/lib/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
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.js";
|
|
2
|
+
export { createDarkTheme, createHighContrastTheme, createLightTheme, createTeamsDarkTheme } from "./utils/index.js";
|
|
3
|
+
export { themeToTokensObject } from "./themeToTokensObject.js";
|
|
4
|
+
export { tokens } from "./tokens.js";
|
|
5
|
+
export { typographyStyles } from "./global/index.js";
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.ts"],"sourcesContent":["export { teamsDarkTheme, teamsHighContrastTheme, teamsLightTheme, webDarkTheme, webLightTheme } from './themes/index';\nexport { createDarkTheme, createHighContrastTheme, createLightTheme, createTeamsDarkTheme } from './utils/index';\n\nexport { themeToTokensObject } from './themeToTokensObject';\nexport { tokens } from './tokens';\nexport { typographyStyles } from './global/index';\n\nexport type {\n Brands,\n BrandVariants,\n FontSizeTokens,\n FontWeightTokens,\n LineHeightTokens,\n BorderRadiusTokens,\n StrokeWidthTokens,\n SpacingTokens,\n HorizontalSpacingTokens,\n VerticalSpacingTokens,\n DurationTokens,\n CurveTokens,\n ShadowTokens,\n ShadowBrandTokens,\n FontFamilyTokens,\n ColorPaletteTokens,\n ColorPaletteDarkRed,\n ColorPaletteCranberry,\n ColorPaletteRed,\n ColorPaletteDarkOrange,\n ColorPalettePumpkin,\n ColorPalettePeach,\n ColorPaletteMarigold,\n ColorPaletteYellow,\n ColorPaletteGold,\n ColorPaletteBrass,\n ColorPaletteBrown,\n ColorPaletteForest,\n ColorPaletteSeafoam,\n ColorPaletteGreen,\n ColorPaletteLightGreen,\n ColorPaletteDarkGreen,\n ColorPaletteLightTeal,\n ColorPaletteTeal,\n ColorPaletteSteel,\n ColorPaletteBlue,\n ColorPaletteRoyalBlue,\n ColorPaletteCornflower,\n ColorPaletteNavy,\n ColorPaletteLavender,\n ColorPalettePurple,\n ColorPaletteGrape,\n ColorPaletteBerry,\n ColorPaletteLilac,\n ColorPalettePink,\n ColorPaletteMagenta,\n ColorPalettePlum,\n ColorPaletteBeige,\n ColorPaletteMink,\n ColorPalettePlatinum,\n ColorPaletteAnchor,\n ColorTokens,\n PartialTheme,\n Theme,\n TypographyStyle,\n TypographyStyles,\n ZIndexTokens,\n} from './types';\n"],"names":["teamsDarkTheme","teamsHighContrastTheme","teamsLightTheme","webDarkTheme","webLightTheme","createDarkTheme","createHighContrastTheme","createLightTheme","createTeamsDarkTheme","themeToTokensObject","tokens","typographyStyles"],"rangeMappings":";;;;","mappings":"AAAA,SAASA,cAAc,EAAEC,sBAAsB,EAAEC,eAAe,EAAEC,YAAY,EAAEC,aAAa,QAAQ,
|
|
1
|
+
{"version":3,"sources":["index.ts"],"sourcesContent":["export { teamsDarkTheme, teamsHighContrastTheme, teamsLightTheme, webDarkTheme, webLightTheme } from './themes/index';\nexport { createDarkTheme, createHighContrastTheme, createLightTheme, createTeamsDarkTheme } from './utils/index';\n\nexport { themeToTokensObject } from './themeToTokensObject';\nexport { tokens } from './tokens';\nexport { typographyStyles } from './global/index';\n\nexport type {\n Brands,\n BrandVariants,\n FontSizeTokens,\n FontWeightTokens,\n LineHeightTokens,\n BorderRadiusTokens,\n StrokeWidthTokens,\n SpacingTokens,\n HorizontalSpacingTokens,\n VerticalSpacingTokens,\n DurationTokens,\n CurveTokens,\n ShadowTokens,\n ShadowBrandTokens,\n FontFamilyTokens,\n ColorPaletteTokens,\n ColorPaletteDarkRed,\n ColorPaletteCranberry,\n ColorPaletteRed,\n ColorPaletteDarkOrange,\n ColorPalettePumpkin,\n ColorPalettePeach,\n ColorPaletteMarigold,\n ColorPaletteYellow,\n ColorPaletteGold,\n ColorPaletteBrass,\n ColorPaletteBrown,\n ColorPaletteForest,\n ColorPaletteSeafoam,\n ColorPaletteGreen,\n ColorPaletteLightGreen,\n ColorPaletteDarkGreen,\n ColorPaletteLightTeal,\n ColorPaletteTeal,\n ColorPaletteSteel,\n ColorPaletteBlue,\n ColorPaletteRoyalBlue,\n ColorPaletteCornflower,\n ColorPaletteNavy,\n ColorPaletteLavender,\n ColorPalettePurple,\n ColorPaletteGrape,\n ColorPaletteBerry,\n ColorPaletteLilac,\n ColorPalettePink,\n ColorPaletteMagenta,\n ColorPalettePlum,\n ColorPaletteBeige,\n ColorPaletteMink,\n ColorPalettePlatinum,\n ColorPaletteAnchor,\n ColorTokens,\n PartialTheme,\n Theme,\n TypographyStyle,\n TypographyStyles,\n ZIndexTokens,\n} from './types';\n"],"names":["teamsDarkTheme","teamsHighContrastTheme","teamsLightTheme","webDarkTheme","webLightTheme","createDarkTheme","createHighContrastTheme","createLightTheme","createTeamsDarkTheme","themeToTokensObject","tokens","typographyStyles"],"rangeMappings":";;;;","mappings":"AAAA,SAASA,cAAc,EAAEC,sBAAsB,EAAEC,eAAe,EAAEC,YAAY,EAAEC,aAAa,QAAQ,oBAAiB;AACtH,SAASC,eAAe,EAAEC,uBAAuB,EAAEC,gBAAgB,EAAEC,oBAAoB,QAAQ,mBAAgB;AAEjH,SAASC,mBAAmB,QAAQ,2BAAwB;AAC5D,SAASC,MAAM,QAAQ,cAAW;AAClC,SAASC,gBAAgB,QAAQ,oBAAiB"}
|
package/lib/themes/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from
|
|
2
|
-
export * from
|
|
1
|
+
export * from "./teams/index.js";
|
|
2
|
+
export * from "./web/index.js";
|
package/lib/themes/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './teams/index';\nexport * from './web/index';\n"],"names":[],"rangeMappings":";","mappings":"AAAA,cAAc,
|
|
1
|
+
{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './teams/index';\nexport * from './web/index';\n"],"names":[],"rangeMappings":";","mappings":"AAAA,cAAc,mBAAgB;AAC9B,cAAc,iBAAc"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { createTeamsDarkTheme } from
|
|
2
|
-
import { brandTeams } from
|
|
1
|
+
import { createTeamsDarkTheme } from "../../utils/createTeamsDarkTheme.js";
|
|
2
|
+
import { brandTeams } from "../../global/brandColors.js";
|
|
3
3
|
export const teamsDarkTheme = createTeamsDarkTheme(brandTeams);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["darkTheme.ts"],"sourcesContent":["import { createTeamsDarkTheme } from '../../utils/createTeamsDarkTheme';\nimport { brandTeams } from '../../global/brandColors';\nimport type { Theme } from '../../types';\n\nexport const teamsDarkTheme: Theme = createTeamsDarkTheme(brandTeams);\n"],"names":["createTeamsDarkTheme","brandTeams","teamsDarkTheme"],"rangeMappings":";;","mappings":"AAAA,SAASA,oBAAoB,QAAQ,
|
|
1
|
+
{"version":3,"sources":["darkTheme.ts"],"sourcesContent":["import { createTeamsDarkTheme } from '../../utils/createTeamsDarkTheme';\nimport { brandTeams } from '../../global/brandColors';\nimport type { Theme } from '../../types';\n\nexport const teamsDarkTheme: Theme = createTeamsDarkTheme(brandTeams);\n"],"names":["createTeamsDarkTheme","brandTeams","teamsDarkTheme"],"rangeMappings":";;","mappings":"AAAA,SAASA,oBAAoB,QAAQ,sCAAmC;AACxE,SAASC,UAAU,QAAQ,8BAA2B;AAGtD,OAAO,MAAMC,iBAAwBF,qBAAqBC,YAAY"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { createHighContrastTheme } from
|
|
1
|
+
import { createHighContrastTheme } from "../../utils/createHighContrastTheme.js";
|
|
2
2
|
export const teamsHighContrastTheme = createHighContrastTheme();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["highContrastTheme.ts"],"sourcesContent":["import { createHighContrastTheme } from '../../utils/createHighContrastTheme';\nimport type { Theme } from '../../types';\n\nexport const teamsHighContrastTheme: Theme = createHighContrastTheme();\n"],"names":["createHighContrastTheme","teamsHighContrastTheme"],"rangeMappings":";","mappings":"AAAA,SAASA,uBAAuB,QAAQ,
|
|
1
|
+
{"version":3,"sources":["highContrastTheme.ts"],"sourcesContent":["import { createHighContrastTheme } from '../../utils/createHighContrastTheme';\nimport type { Theme } from '../../types';\n\nexport const teamsHighContrastTheme: Theme = createHighContrastTheme();\n"],"names":["createHighContrastTheme","teamsHighContrastTheme"],"rangeMappings":";","mappings":"AAAA,SAASA,uBAAuB,QAAQ,yCAAsC;AAG9E,OAAO,MAAMC,yBAAgCD,0BAA0B"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export * from
|
|
2
|
-
export * from
|
|
3
|
-
export * from
|
|
1
|
+
export * from "./lightTheme.js";
|
|
2
|
+
export * from "./darkTheme.js";
|
|
3
|
+
export * from "./highContrastTheme.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './lightTheme';\nexport * from './darkTheme';\nexport * from './highContrastTheme';\n"],"names":[],"rangeMappings":";;","mappings":"AAAA,cAAc,
|
|
1
|
+
{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './lightTheme';\nexport * from './darkTheme';\nexport * from './highContrastTheme';\n"],"names":[],"rangeMappings":";;","mappings":"AAAA,cAAc,kBAAe;AAC7B,cAAc,iBAAc;AAC5B,cAAc,yBAAsB"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { createLightTheme } from
|
|
2
|
-
import { brandTeams } from
|
|
1
|
+
import { createLightTheme } from "../../utils/createLightTheme.js";
|
|
2
|
+
import { brandTeams } from "../../global/brandColors.js";
|
|
3
3
|
export const teamsLightTheme = createLightTheme(brandTeams);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["lightTheme.ts"],"sourcesContent":["import { createLightTheme } from '../../utils/createLightTheme';\nimport { brandTeams } from '../../global/brandColors';\nimport type { Theme } from '../../types';\n\nexport const teamsLightTheme: Theme = createLightTheme(brandTeams);\n"],"names":["createLightTheme","brandTeams","teamsLightTheme"],"rangeMappings":";;","mappings":"AAAA,SAASA,gBAAgB,QAAQ
|
|
1
|
+
{"version":3,"sources":["lightTheme.ts"],"sourcesContent":["import { createLightTheme } from '../../utils/createLightTheme';\nimport { brandTeams } from '../../global/brandColors';\nimport type { Theme } from '../../types';\n\nexport const teamsLightTheme: Theme = createLightTheme(brandTeams);\n"],"names":["createLightTheme","brandTeams","teamsLightTheme"],"rangeMappings":";;","mappings":"AAAA,SAASA,gBAAgB,QAAQ,kCAA+B;AAChE,SAASC,UAAU,QAAQ,8BAA2B;AAGtD,OAAO,MAAMC,kBAAyBF,iBAAiBC,YAAY"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { createDarkTheme } from
|
|
2
|
-
import { brandWeb } from
|
|
1
|
+
import { createDarkTheme } from "../../utils/createDarkTheme.js";
|
|
2
|
+
import { brandWeb } from "../../global/brandColors.js";
|
|
3
3
|
export const webDarkTheme = createDarkTheme(brandWeb);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["darkTheme.ts"],"sourcesContent":["import { createDarkTheme } from '../../utils/createDarkTheme';\nimport { brandWeb } from '../../global/brandColors';\nimport type { Theme } from '../../types';\n\nexport const webDarkTheme: Theme = createDarkTheme(brandWeb);\n"],"names":["createDarkTheme","brandWeb","webDarkTheme"],"rangeMappings":";;","mappings":"AAAA,SAASA,eAAe,QAAQ,
|
|
1
|
+
{"version":3,"sources":["darkTheme.ts"],"sourcesContent":["import { createDarkTheme } from '../../utils/createDarkTheme';\nimport { brandWeb } from '../../global/brandColors';\nimport type { Theme } from '../../types';\n\nexport const webDarkTheme: Theme = createDarkTheme(brandWeb);\n"],"names":["createDarkTheme","brandWeb","webDarkTheme"],"rangeMappings":";;","mappings":"AAAA,SAASA,eAAe,QAAQ,iCAA8B;AAC9D,SAASC,QAAQ,QAAQ,8BAA2B;AAGpD,OAAO,MAAMC,eAAsBF,gBAAgBC,UAAU"}
|
package/lib/themes/web/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from
|
|
2
|
-
export * from
|
|
1
|
+
export * from "./lightTheme.js";
|
|
2
|
+
export * from "./darkTheme.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './lightTheme';\nexport * from './darkTheme';\n"],"names":[],"rangeMappings":";","mappings":"AAAA,cAAc,
|
|
1
|
+
{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './lightTheme';\nexport * from './darkTheme';\n"],"names":[],"rangeMappings":";","mappings":"AAAA,cAAc,kBAAe;AAC7B,cAAc,iBAAc"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { createLightTheme } from
|
|
2
|
-
import { brandWeb } from
|
|
1
|
+
import { createLightTheme } from "../../utils/createLightTheme.js";
|
|
2
|
+
import { brandWeb } from "../../global/brandColors.js";
|
|
3
3
|
export const webLightTheme = createLightTheme(brandWeb);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["lightTheme.ts"],"sourcesContent":["import { createLightTheme } from '../../utils/createLightTheme';\nimport { brandWeb } from '../../global/brandColors';\nimport type { Theme } from '../../types';\n\nexport const webLightTheme: Theme = createLightTheme(brandWeb);\n"],"names":["createLightTheme","brandWeb","webLightTheme"],"rangeMappings":";;","mappings":"AAAA,SAASA,gBAAgB,QAAQ
|
|
1
|
+
{"version":3,"sources":["lightTheme.ts"],"sourcesContent":["import { createLightTheme } from '../../utils/createLightTheme';\nimport { brandWeb } from '../../global/brandColors';\nimport type { Theme } from '../../types';\n\nexport const webLightTheme: Theme = createLightTheme(brandWeb);\n"],"names":["createLightTheme","brandWeb","webLightTheme"],"rangeMappings":";;","mappings":"AAAA,SAASA,gBAAgB,QAAQ,kCAA+B;AAChE,SAASC,QAAQ,QAAQ,8BAA2B;AAGpD,OAAO,MAAMC,gBAAuBF,iBAAiBC,UAAU"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { colorPaletteTokens, colorStatusTokens } from
|
|
2
|
-
import { generateColorTokens } from
|
|
3
|
-
import { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from
|
|
4
|
-
import { createShadowTokens } from
|
|
5
|
-
import { durations } from
|
|
6
|
-
import { curves } from
|
|
7
|
-
import { horizontalSpacings, verticalSpacings } from
|
|
1
|
+
import { colorPaletteTokens, colorStatusTokens } from "../alias/darkColorPalette.js";
|
|
2
|
+
import { generateColorTokens } from "../alias/darkColor.js";
|
|
3
|
+
import { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from "../global/index.js";
|
|
4
|
+
import { createShadowTokens } from "./shadows.js";
|
|
5
|
+
import { durations } from "../global/durations.js";
|
|
6
|
+
import { curves } from "../global/curves.js";
|
|
7
|
+
import { horizontalSpacings, verticalSpacings } from "../global/spacings.js";
|
|
8
8
|
export const createDarkTheme = (brand)=>{
|
|
9
9
|
const colorTokens = generateColorTokens(brand);
|
|
10
10
|
return {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["createDarkTheme.ts"],"sourcesContent":["import { colorPaletteTokens, colorStatusTokens } 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 ...colorStatusTokens,\n\n ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand'),\n };\n};\n"],"names":["colorPaletteTokens","colorStatusTokens","generateColorTokens","borderRadius","fontSizes","lineHeights","fontFamilies","strokeWidths","fontWeights","createShadowTokens","durations","curves","horizontalSpacings","verticalSpacings","createDarkTheme","brand","colorTokens","colorNeutralShadowAmbient","colorNeutralShadowKey","colorBrandShadowAmbient","colorBrandShadowKey"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,kBAAkB,EAAEC,iBAAiB,QAAQ
|
|
1
|
+
{"version":3,"sources":["createDarkTheme.ts"],"sourcesContent":["import { colorPaletteTokens, colorStatusTokens } 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 ...colorStatusTokens,\n\n ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand'),\n };\n};\n"],"names":["colorPaletteTokens","colorStatusTokens","generateColorTokens","borderRadius","fontSizes","lineHeights","fontFamilies","strokeWidths","fontWeights","createShadowTokens","durations","curves","horizontalSpacings","verticalSpacings","createDarkTheme","brand","colorTokens","colorNeutralShadowAmbient","colorNeutralShadowKey","colorBrandShadowAmbient","colorBrandShadowKey"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,kBAAkB,EAAEC,iBAAiB,QAAQ,+BAA4B;AAClF,SAASC,mBAAmB,QAAQ,wBAAqB;AAEzD,SAASC,YAAY,EAAEC,SAAS,EAAEC,WAAW,EAAEC,YAAY,EAAEC,YAAY,EAAEC,WAAW,QAAQ,qBAAkB;AAChH,SAASC,kBAAkB,QAAQ,eAAY;AAE/C,SAASC,SAAS,QAAQ,yBAAsB;AAChD,SAASC,MAAM,QAAQ,sBAAmB;AAC1C,SAASC,kBAAkB,EAAEC,gBAAgB,QAAQ,wBAAqB;AAE1E,OAAO,MAAMC,kBAAmDC,CAAAA;IAC9D,MAAMC,cAAcd,oBAAoBa;IAExC,OAAO;QACL,GAAGZ,YAAY;QACf,GAAGC,SAAS;QACZ,GAAGC,WAAW;QACd,GAAGC,YAAY;QACf,GAAGE,WAAW;QACd,GAAGD,YAAY;QACf,GAAGK,kBAAkB;QACrB,GAAGC,gBAAgB;QACnB,GAAGH,SAAS;QACZ,GAAGC,MAAM;QAET,GAAGK,WAAW;QACd,GAAGhB,kBAAkB;QACrB,GAAGC,iBAAiB;QAEpB,GAAGQ,mBAAmBO,YAAYC,yBAAyB,EAAED,YAAYE,qBAAqB,CAAC;QAC/F,GAAGT,mBAAmBO,YAAYG,uBAAuB,EAAEH,YAAYI,mBAAmB,EAAE,QAAQ;IACtG;AACF,EAAE"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { colorPaletteTokens, colorStatusTokens } from
|
|
2
|
-
import { generateColorTokens } from
|
|
3
|
-
import { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from
|
|
4
|
-
import { createShadowTokens } from
|
|
5
|
-
import { durations } from
|
|
6
|
-
import { curves } from
|
|
7
|
-
import { horizontalSpacings, verticalSpacings } from
|
|
1
|
+
import { colorPaletteTokens, colorStatusTokens } from "../alias/highContrastColorPalette.js";
|
|
2
|
+
import { generateColorTokens } from "../alias/highContrastColor.js";
|
|
3
|
+
import { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from "../global/index.js";
|
|
4
|
+
import { createShadowTokens } from "./shadows.js";
|
|
5
|
+
import { durations } from "../global/durations.js";
|
|
6
|
+
import { curves } from "../global/curves.js";
|
|
7
|
+
import { horizontalSpacings, verticalSpacings } from "../global/spacings.js";
|
|
8
8
|
export const createHighContrastTheme = ()=>{
|
|
9
9
|
const colorTokens = generateColorTokens();
|
|
10
10
|
return {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["createHighContrastTheme.ts"],"sourcesContent":["import { colorPaletteTokens, colorStatusTokens } 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 ...colorStatusTokens,\n\n ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand'),\n };\n};\n"],"names":["colorPaletteTokens","colorStatusTokens","generateColorTokens","borderRadius","fontSizes","lineHeights","fontFamilies","strokeWidths","fontWeights","createShadowTokens","durations","curves","horizontalSpacings","verticalSpacings","createHighContrastTheme","colorTokens","colorNeutralShadowAmbient","colorNeutralShadowKey","colorBrandShadowAmbient","colorBrandShadowKey"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,kBAAkB,EAAEC,iBAAiB,QAAQ,
|
|
1
|
+
{"version":3,"sources":["createHighContrastTheme.ts"],"sourcesContent":["import { colorPaletteTokens, colorStatusTokens } 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 ...colorStatusTokens,\n\n ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand'),\n };\n};\n"],"names":["colorPaletteTokens","colorStatusTokens","generateColorTokens","borderRadius","fontSizes","lineHeights","fontFamilies","strokeWidths","fontWeights","createShadowTokens","durations","curves","horizontalSpacings","verticalSpacings","createHighContrastTheme","colorTokens","colorNeutralShadowAmbient","colorNeutralShadowKey","colorBrandShadowAmbient","colorBrandShadowKey"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,kBAAkB,EAAEC,iBAAiB,QAAQ,uCAAoC;AAC1F,SAASC,mBAAmB,QAAQ,gCAA6B;AAEjE,SAASC,YAAY,EAAEC,SAAS,EAAEC,WAAW,EAAEC,YAAY,EAAEC,YAAY,EAAEC,WAAW,QAAQ,qBAAkB;AAChH,SAASC,kBAAkB,QAAQ,eAAY;AAE/C,SAASC,SAAS,QAAQ,yBAAsB;AAChD,SAASC,MAAM,QAAQ,sBAAmB;AAC1C,SAASC,kBAAkB,EAAEC,gBAAgB,QAAQ,wBAAqB;AAE1E,OAAO,MAAMC,0BAA0B;IACrC,MAAMC,cAAcb;IAEpB,OAAO;QACL,GAAGC,YAAY;QACf,GAAGC,SAAS;QACZ,GAAGC,WAAW;QACd,GAAGC,YAAY;QACf,GAAGE,WAAW;QACd,GAAGD,YAAY;QACf,GAAGK,kBAAkB;QACrB,GAAGC,gBAAgB;QACnB,GAAGH,SAAS;QACZ,GAAGC,MAAM;QAET,GAAGI,WAAW;QACd,GAAGf,kBAAkB;QACrB,GAAGC,iBAAiB;QAEpB,GAAGQ,mBAAmBM,YAAYC,yBAAyB,EAAED,YAAYE,qBAAqB,CAAC;QAC/F,GAAGR,mBAAmBM,YAAYG,uBAAuB,EAAEH,YAAYI,mBAAmB,EAAE,QAAQ;IACtG;AACF,EAAE"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { colorPaletteTokens, colorStatusTokens } from
|
|
2
|
-
import { generateColorTokens } from
|
|
3
|
-
import { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from
|
|
4
|
-
import { createShadowTokens } from
|
|
5
|
-
import { durations } from
|
|
6
|
-
import { curves } from
|
|
7
|
-
import { horizontalSpacings, verticalSpacings } from
|
|
1
|
+
import { colorPaletteTokens, colorStatusTokens } from "../alias/lightColorPalette.js";
|
|
2
|
+
import { generateColorTokens } from "../alias/lightColor.js";
|
|
3
|
+
import { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from "../global/index.js";
|
|
4
|
+
import { createShadowTokens } from "./shadows.js";
|
|
5
|
+
import { durations } from "../global/durations.js";
|
|
6
|
+
import { curves } from "../global/curves.js";
|
|
7
|
+
import { horizontalSpacings, verticalSpacings } from "../global/spacings.js";
|
|
8
8
|
export const createLightTheme = (brand)=>{
|
|
9
9
|
const colorTokens = generateColorTokens(brand);
|
|
10
10
|
return {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["createLightTheme.ts"],"sourcesContent":["import { colorPaletteTokens, colorStatusTokens } 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 ...colorStatusTokens,\n\n ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand'),\n };\n};\n"],"names":["colorPaletteTokens","colorStatusTokens","generateColorTokens","borderRadius","fontSizes","lineHeights","fontFamilies","strokeWidths","fontWeights","createShadowTokens","durations","curves","horizontalSpacings","verticalSpacings","createLightTheme","brand","colorTokens","colorNeutralShadowAmbient","colorNeutralShadowKey","colorBrandShadowAmbient","colorBrandShadowKey"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,kBAAkB,EAAEC,iBAAiB,QAAQ,
|
|
1
|
+
{"version":3,"sources":["createLightTheme.ts"],"sourcesContent":["import { colorPaletteTokens, colorStatusTokens } 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 ...colorStatusTokens,\n\n ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand'),\n };\n};\n"],"names":["colorPaletteTokens","colorStatusTokens","generateColorTokens","borderRadius","fontSizes","lineHeights","fontFamilies","strokeWidths","fontWeights","createShadowTokens","durations","curves","horizontalSpacings","verticalSpacings","createLightTheme","brand","colorTokens","colorNeutralShadowAmbient","colorNeutralShadowKey","colorBrandShadowAmbient","colorBrandShadowKey"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,kBAAkB,EAAEC,iBAAiB,QAAQ,gCAA6B;AACnF,SAASC,mBAAmB,QAAQ,yBAAsB;AAE1D,SAASC,YAAY,EAAEC,SAAS,EAAEC,WAAW,EAAEC,YAAY,EAAEC,YAAY,EAAEC,WAAW,QAAQ,qBAAkB;AAChH,SAASC,kBAAkB,QAAQ,eAAY;AAE/C,SAASC,SAAS,QAAQ,yBAAsB;AAChD,SAASC,MAAM,QAAQ,sBAAmB;AAC1C,SAASC,kBAAkB,EAAEC,gBAAgB,QAAQ,wBAAqB;AAE1E,OAAO,MAAMC,mBAAoDC,CAAAA;IAC/D,MAAMC,cAAcd,oBAAoBa;IAExC,OAAO;QACL,GAAGZ,YAAY;QACf,GAAGC,SAAS;QACZ,GAAGC,WAAW;QACd,GAAGC,YAAY;QACf,GAAGE,WAAW;QACd,GAAGD,YAAY;QACf,GAAGK,kBAAkB;QACrB,GAAGC,gBAAgB;QACnB,GAAGH,SAAS;QACZ,GAAGC,MAAM;QAET,GAAGK,WAAW;QACd,GAAGhB,kBAAkB;QACrB,GAAGC,iBAAiB;QAEpB,GAAGQ,mBAAmBO,YAAYC,yBAAyB,EAAED,YAAYE,qBAAqB,CAAC;QAC/F,GAAGT,mBAAmBO,YAAYG,uBAAuB,EAAEH,YAAYI,mBAAmB,EAAE,QAAQ;IACtG;AACF,EAAE"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { colorPaletteTokens, colorStatusTokens } from
|
|
2
|
-
import { generateColorTokens } from
|
|
3
|
-
import { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from
|
|
4
|
-
import { createShadowTokens } from
|
|
5
|
-
import { durations } from
|
|
6
|
-
import { curves } from
|
|
7
|
-
import { horizontalSpacings, verticalSpacings } from
|
|
1
|
+
import { colorPaletteTokens, colorStatusTokens } from "../alias/darkColorPalette.js";
|
|
2
|
+
import { generateColorTokens } from "../alias/teamsDarkColor.js";
|
|
3
|
+
import { borderRadius, fontSizes, lineHeights, fontFamilies, strokeWidths, fontWeights } from "../global/index.js";
|
|
4
|
+
import { createShadowTokens } from "./shadows.js";
|
|
5
|
+
import { durations } from "../global/durations.js";
|
|
6
|
+
import { curves } from "../global/curves.js";
|
|
7
|
+
import { horizontalSpacings, verticalSpacings } from "../global/spacings.js";
|
|
8
8
|
export const createTeamsDarkTheme = (brand)=>{
|
|
9
9
|
const colorTokens = generateColorTokens(brand);
|
|
10
10
|
return {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["createTeamsDarkTheme.ts"],"sourcesContent":["import { colorPaletteTokens, colorStatusTokens } 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 ...colorStatusTokens,\n\n ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand'),\n };\n};\n"],"names":["colorPaletteTokens","colorStatusTokens","generateColorTokens","borderRadius","fontSizes","lineHeights","fontFamilies","strokeWidths","fontWeights","createShadowTokens","durations","curves","horizontalSpacings","verticalSpacings","createTeamsDarkTheme","brand","colorTokens","colorNeutralShadowAmbient","colorNeutralShadowKey","colorBrandShadowAmbient","colorBrandShadowKey"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,kBAAkB,EAAEC,iBAAiB,QAAQ
|
|
1
|
+
{"version":3,"sources":["createTeamsDarkTheme.ts"],"sourcesContent":["import { colorPaletteTokens, colorStatusTokens } 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 ...colorStatusTokens,\n\n ...createShadowTokens(colorTokens.colorNeutralShadowAmbient, colorTokens.colorNeutralShadowKey),\n ...createShadowTokens(colorTokens.colorBrandShadowAmbient, colorTokens.colorBrandShadowKey, 'Brand'),\n };\n};\n"],"names":["colorPaletteTokens","colorStatusTokens","generateColorTokens","borderRadius","fontSizes","lineHeights","fontFamilies","strokeWidths","fontWeights","createShadowTokens","durations","curves","horizontalSpacings","verticalSpacings","createTeamsDarkTheme","brand","colorTokens","colorNeutralShadowAmbient","colorNeutralShadowKey","colorBrandShadowAmbient","colorBrandShadowKey"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,kBAAkB,EAAEC,iBAAiB,QAAQ,+BAA4B;AAClF,SAASC,mBAAmB,QAAQ,6BAA0B;AAE9D,SAASC,YAAY,EAAEC,SAAS,EAAEC,WAAW,EAAEC,YAAY,EAAEC,YAAY,EAAEC,WAAW,QAAQ,qBAAkB;AAChH,SAASC,kBAAkB,QAAQ,eAAY;AAE/C,SAASC,SAAS,QAAQ,yBAAsB;AAChD,SAASC,MAAM,QAAQ,sBAAmB;AAC1C,SAASC,kBAAkB,EAAEC,gBAAgB,QAAQ,wBAAqB;AAE1E,OAAO,MAAMC,uBAAwDC,CAAAA;IACnE,MAAMC,cAAcd,oBAAoBa;IAExC,OAAO;QACL,GAAGZ,YAAY;QACf,GAAGC,SAAS;QACZ,GAAGC,WAAW;QACd,GAAGC,YAAY;QACf,GAAGE,WAAW;QACd,GAAGD,YAAY;QACf,GAAGK,kBAAkB;QACrB,GAAGC,gBAAgB;QACnB,GAAGH,SAAS;QACZ,GAAGC,MAAM;QAET,GAAGK,WAAW;QACd,GAAGhB,kBAAkB;QACrB,GAAGC,iBAAiB;QAEpB,GAAGQ,mBAAmBO,YAAYC,yBAAyB,EAAED,YAAYE,qBAAqB,CAAC;QAC/F,GAAGT,mBAAmBO,YAAYG,uBAAuB,EAAEH,YAAYI,mBAAmB,EAAE,QAAQ;IACtG;AACF,EAAE"}
|
package/lib/utils/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export * from
|
|
2
|
-
export * from
|
|
3
|
-
export * from
|
|
4
|
-
export * from
|
|
1
|
+
export * from "./createLightTheme.js";
|
|
2
|
+
export * from "./createDarkTheme.js";
|
|
3
|
+
export * from "./createTeamsDarkTheme.js";
|
|
4
|
+
export * from "./createHighContrastTheme.js";
|
package/lib/utils/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './createLightTheme';\nexport * from './createDarkTheme';\nexport * from './createTeamsDarkTheme';\nexport * from './createHighContrastTheme';\n"],"names":[],"rangeMappings":";;;","mappings":"AAAA,cAAc,
|
|
1
|
+
{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './createLightTheme';\nexport * from './createDarkTheme';\nexport * from './createTeamsDarkTheme';\nexport * from './createHighContrastTheme';\n"],"names":[],"rangeMappings":";;;","mappings":"AAAA,cAAc,wBAAqB;AACnC,cAAc,uBAAoB;AAClC,cAAc,4BAAyB;AACvC,cAAc,+BAA4B"}
|