@fluentui/tokens 1.0.0-alpha.23 → 1.0.0-alpha.24

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (96) hide show
  1. package/CHANGELOG.md +11 -2
  2. package/dist/index.d.cts +509 -0
  3. package/lib/alias/darkColorPalette.js.map +1 -1
  4. package/lib/alias/highContrastColorPalette.js.map +1 -1
  5. package/lib/alias/lightColorPalette.js.map +1 -1
  6. package/lib/global/colorPalette.js.map +1 -1
  7. package/lib/global/typographyStyles.js.map +1 -1
  8. package/lib/statusColorMapping.js.map +1 -1
  9. package/lib/themeToTokensObject.js.map +1 -1
  10. package/lib/types.js.map +1 -1
  11. package/lib-commonjs/alias/{darkColor.js → darkColor.cjs} +1 -1
  12. package/lib-commonjs/alias/{darkColorPalette.js → darkColorPalette.cjs} +3 -3
  13. package/lib-commonjs/alias/darkColorPalette.cjs.map +1 -0
  14. package/lib-commonjs/alias/{highContrastColor.js → highContrastColor.cjs} +1 -1
  15. package/lib-commonjs/alias/{highContrastColorPalette.js → highContrastColorPalette.cjs} +3 -3
  16. package/lib-commonjs/alias/highContrastColorPalette.cjs.map +1 -0
  17. package/lib-commonjs/alias/{lightColor.js → lightColor.cjs} +1 -1
  18. package/lib-commonjs/alias/{lightColorPalette.js → lightColorPalette.cjs} +3 -3
  19. package/lib-commonjs/alias/lightColorPalette.cjs.map +1 -0
  20. package/lib-commonjs/alias/{teamsDarkColor.js → teamsDarkColor.cjs} +1 -1
  21. package/lib-commonjs/alias/{teamsFontFamilies.js → teamsFontFamilies.cjs} +1 -1
  22. package/lib-commonjs/global/{colorPalette.js → colorPalette.cjs} +1 -1
  23. package/lib-commonjs/global/colorPalette.cjs.map +1 -0
  24. package/lib-commonjs/global/{index.js → index.cjs} +8 -8
  25. package/lib-commonjs/global/{typographyStyles.js → typographyStyles.cjs} +1 -1
  26. package/lib-commonjs/global/typographyStyles.cjs.map +1 -0
  27. package/lib-commonjs/{index.js → index.cjs} +5 -5
  28. package/lib-commonjs/statusColorMapping.cjs.map +1 -0
  29. package/lib-commonjs/themeToTokensObject.cjs.map +1 -0
  30. package/lib-commonjs/themes/{index.js → index.cjs} +2 -2
  31. package/lib-commonjs/themes/teams/{darkTheme.js → darkTheme.cjs} +3 -3
  32. package/lib-commonjs/themes/teams/{highContrastTheme.js → highContrastTheme.cjs} +2 -2
  33. package/lib-commonjs/themes/teams/{index.js → index.cjs} +3 -3
  34. package/lib-commonjs/themes/teams/{lightTheme.js → lightTheme.cjs} +3 -3
  35. package/lib-commonjs/themes/web/{darkTheme.js → darkTheme.cjs} +2 -2
  36. package/lib-commonjs/themes/web/{index.js → index.cjs} +2 -2
  37. package/lib-commonjs/themes/web/{lightTheme.js → lightTheme.cjs} +2 -2
  38. package/lib-commonjs/utils/{createDarkTheme.js → createDarkTheme.cjs} +7 -7
  39. package/lib-commonjs/utils/{createHighContrastTheme.js → createHighContrastTheme.cjs} +7 -7
  40. package/lib-commonjs/utils/{createLightTheme.js → createLightTheme.cjs} +7 -7
  41. package/lib-commonjs/utils/{createTeamsDarkTheme.js → createTeamsDarkTheme.cjs} +7 -7
  42. package/lib-commonjs/utils/{index.js → index.cjs} +4 -4
  43. package/package.json +13 -7
  44. package/lib-commonjs/alias/darkColorPalette.js.map +0 -1
  45. package/lib-commonjs/alias/highContrastColorPalette.js.map +0 -1
  46. package/lib-commonjs/alias/lightColorPalette.js.map +0 -1
  47. package/lib-commonjs/global/colorPalette.js.map +0 -1
  48. package/lib-commonjs/global/typographyStyles.js.map +0 -1
  49. package/lib-commonjs/statusColorMapping.js.map +0 -1
  50. package/lib-commonjs/themeToTokensObject.js.map +0 -1
  51. /package/lib-commonjs/alias/{darkColor.js.map → darkColor.cjs.map} +0 -0
  52. /package/lib-commonjs/alias/{highContrastColor.js.map → highContrastColor.cjs.map} +0 -0
  53. /package/lib-commonjs/alias/{lightColor.js.map → lightColor.cjs.map} +0 -0
  54. /package/lib-commonjs/alias/{teamsDarkColor.js.map → teamsDarkColor.cjs.map} +0 -0
  55. /package/lib-commonjs/alias/{teamsFontFamilies.js.map → teamsFontFamilies.cjs.map} +0 -0
  56. /package/lib-commonjs/global/{borderRadius.js → borderRadius.cjs} +0 -0
  57. /package/lib-commonjs/global/{borderRadius.js.map → borderRadius.cjs.map} +0 -0
  58. /package/lib-commonjs/global/{brandColors.js → brandColors.cjs} +0 -0
  59. /package/lib-commonjs/global/{brandColors.js.map → brandColors.cjs.map} +0 -0
  60. /package/lib-commonjs/global/{colors.js → colors.cjs} +0 -0
  61. /package/lib-commonjs/global/{colors.js.map → colors.cjs.map} +0 -0
  62. /package/lib-commonjs/global/{curves.js → curves.cjs} +0 -0
  63. /package/lib-commonjs/global/{curves.js.map → curves.cjs.map} +0 -0
  64. /package/lib-commonjs/global/{durations.js → durations.cjs} +0 -0
  65. /package/lib-commonjs/global/{durations.js.map → durations.cjs.map} +0 -0
  66. /package/lib-commonjs/global/{fonts.js → fonts.cjs} +0 -0
  67. /package/lib-commonjs/global/{fonts.js.map → fonts.cjs.map} +0 -0
  68. /package/lib-commonjs/global/{index.js.map → index.cjs.map} +0 -0
  69. /package/lib-commonjs/global/{spacings.js → spacings.cjs} +0 -0
  70. /package/lib-commonjs/global/{spacings.js.map → spacings.cjs.map} +0 -0
  71. /package/lib-commonjs/global/{strokeWidths.js → strokeWidths.cjs} +0 -0
  72. /package/lib-commonjs/global/{strokeWidths.js.map → strokeWidths.cjs.map} +0 -0
  73. /package/lib-commonjs/{index.js.map → index.cjs.map} +0 -0
  74. /package/lib-commonjs/{sharedColorNames.js → sharedColorNames.cjs} +0 -0
  75. /package/lib-commonjs/{sharedColorNames.js.map → sharedColorNames.cjs.map} +0 -0
  76. /package/lib-commonjs/{statusColorMapping.js → statusColorMapping.cjs} +0 -0
  77. /package/lib-commonjs/{themeToTokensObject.js → themeToTokensObject.cjs} +0 -0
  78. /package/lib-commonjs/themes/{index.js.map → index.cjs.map} +0 -0
  79. /package/lib-commonjs/themes/teams/{darkTheme.js.map → darkTheme.cjs.map} +0 -0
  80. /package/lib-commonjs/themes/teams/{highContrastTheme.js.map → highContrastTheme.cjs.map} +0 -0
  81. /package/lib-commonjs/themes/teams/{index.js.map → index.cjs.map} +0 -0
  82. /package/lib-commonjs/themes/teams/{lightTheme.js.map → lightTheme.cjs.map} +0 -0
  83. /package/lib-commonjs/themes/web/{darkTheme.js.map → darkTheme.cjs.map} +0 -0
  84. /package/lib-commonjs/themes/web/{index.js.map → index.cjs.map} +0 -0
  85. /package/lib-commonjs/themes/web/{lightTheme.js.map → lightTheme.cjs.map} +0 -0
  86. /package/lib-commonjs/{tokens.js → tokens.cjs} +0 -0
  87. /package/lib-commonjs/{tokens.js.map → tokens.cjs.map} +0 -0
  88. /package/lib-commonjs/{types.js → types.cjs} +0 -0
  89. /package/lib-commonjs/{types.js.map → types.cjs.map} +0 -0
  90. /package/lib-commonjs/utils/{createDarkTheme.js.map → createDarkTheme.cjs.map} +0 -0
  91. /package/lib-commonjs/utils/{createHighContrastTheme.js.map → createHighContrastTheme.cjs.map} +0 -0
  92. /package/lib-commonjs/utils/{createLightTheme.js.map → createLightTheme.cjs.map} +0 -0
  93. /package/lib-commonjs/utils/{createTeamsDarkTheme.js.map → createTeamsDarkTheme.cjs.map} +0 -0
  94. /package/lib-commonjs/utils/{index.js.map → index.cjs.map} +0 -0
  95. /package/lib-commonjs/utils/{shadows.js → shadows.cjs} +0 -0
  96. /package/lib-commonjs/utils/{shadows.js.map → shadows.cjs.map} +0 -0
package/lib/alias/lightColorPalette.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/alias/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"],"mappings":"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"}
1
+ {"version":3,"sources":["../src/alias/lightColorPalette.ts"],"sourcesContent":["import { statusSharedColors, personaSharedColors, mappedStatusColors } from '../global/colorPalette';\nimport { statusSharedColorNames, personaSharedColorNames } from '../sharedColorNames';\nimport type {\n ColorPaletteTokens,\n ColorStatusTokens,\n PersonaColorPaletteTokens,\n StatusColorPaletteTokens,\n} 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"],"mappings":"AAAA,SAASA,kBAAkB,EAAEC,mBAAmB,EAAEC,kBAAkB,QAAQ,4BAAyB;AACrG,SAASC,sBAAsB,EAAEC,uBAAuB,QAAQ,yBAAsB;AAOtF,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"}
package/lib/global/colorPalette.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/global/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"],"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"}
1
+ {"version":3,"sources":["../src/global/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 type { 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"],"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/typographyStyles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/global/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"],"mappings":"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"}
1
+ {"version":3,"sources":["../src/global/typographyStyles.ts"],"sourcesContent":["import { tokens } from '../tokens';\nimport type { 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"],"mappings":"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"}
package/lib/statusColorMapping.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/statusColorMapping.ts"],"sourcesContent":["import { MappedStatusColorNames } from './types';\n\nexport const statusColorMapping: Record<string, MappedStatusColorNames> = {\n success: 'green',\n warning: 'orange',\n danger: 'cranberry',\n};\n"],"names":["statusColorMapping","success","warning","danger"],"mappings":"AAEA,OAAO,MAAMA,qBAA6D;IACxEC,SAAS;IACTC,SAAS;IACTC,QAAQ;AACV,EAAE"}
1
+ {"version":3,"sources":["../src/statusColorMapping.ts"],"sourcesContent":["import type { MappedStatusColorNames } from './types';\n\nexport const statusColorMapping: Record<string, MappedStatusColorNames> = {\n success: 'green',\n warning: 'orange',\n danger: 'cranberry',\n};\n"],"names":["statusColorMapping","success","warning","danger"],"mappings":"AAEA,OAAO,MAAMA,qBAA6D;IACxEC,SAAS;IACTC,SAAS;IACTC,QAAQ;AACV,EAAE"}
package/lib/themeToTokensObject.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/themeToTokensObject.ts"],"sourcesContent":["import { Theme } from './types';\n\n/**\n * Programmatically generates a tokens to css variables mapping object from the keys in a theme.\n * This helps with ease of use as a user of a custom theme does not have to manually construct this object, but it could\n * affect tree-shaking since bundlers do not know the shape of the output.\n *\n * @param theme - Theme from which to get the keys to generate the tokens to css variables mapping object\n * @returns Tokens to css variables mapping object corresponding to the passed theme\n */\nexport function themeToTokensObject<TTheme extends Theme>(theme: TTheme): Record<keyof TTheme, string> {\n const tokens = {} as Record<keyof TTheme, string>;\n const keys = Object.keys(theme) as (keyof TTheme)[];\n for (const key of keys) {\n tokens[key] = `var(--${String(key)})`;\n }\n return tokens;\n}\n"],"names":["themeToTokensObject","theme","tokens","keys","Object","key","String"],"mappings":"AAEA;;;;;;;CAOC,GACD,OAAO,SAASA,oBAA0CC,KAAa;IACrE,MAAMC,SAAS,CAAC;IAChB,MAAMC,OAAOC,OAAOD,IAAI,CAACF;IACzB,KAAK,MAAMI,OAAOF,KAAM;QACtBD,MAAM,CAACG,IAAI,GAAG,CAAC,MAAM,EAAEC,OAAOD,KAAK,CAAC,CAAC;IACvC;IACA,OAAOH;AACT"}
1
+ {"version":3,"sources":["../src/themeToTokensObject.ts"],"sourcesContent":["import type { Theme } from './types';\n\n/**\n * Programmatically generates a tokens to css variables mapping object from the keys in a theme.\n * This helps with ease of use as a user of a custom theme does not have to manually construct this object, but it could\n * affect tree-shaking since bundlers do not know the shape of the output.\n *\n * @param theme - Theme from which to get the keys to generate the tokens to css variables mapping object\n * @returns Tokens to css variables mapping object corresponding to the passed theme\n */\nexport function themeToTokensObject<TTheme extends Theme>(theme: TTheme): Record<keyof TTheme, string> {\n const tokens = {} as Record<keyof TTheme, string>;\n const keys = Object.keys(theme) as (keyof TTheme)[];\n for (const key of keys) {\n tokens[key] = `var(--${String(key)})`;\n }\n return tokens;\n}\n"],"names":["themeToTokensObject","theme","tokens","keys","Object","key","String"],"mappings":"AAEA;;;;;;;CAOC,GACD,OAAO,SAASA,oBAA0CC,KAAa;IACrE,MAAMC,SAAS,CAAC;IAChB,MAAMC,OAAOC,OAAOD,IAAI,CAACF;IACzB,KAAK,MAAMI,OAAOF,KAAM;QACtBD,MAAM,CAACG,IAAI,GAAG,CAAC,MAAM,EAAEC,OAAOD,KAAK,CAAC,CAAC;IACvC;IACA,OAAOH;AACT"}
package/lib/types.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/types.ts"],"sourcesContent":["import {\n statusSharedColorNames,\n personaSharedColorNames,\n unusedSharedColorNames,\n mappedStatusColorNames,\n} from './sharedColorNames';\n\n/**\n * Design tokens for alias colors\n */\nexport type ColorTokens = {\n colorNeutralForeground1: string;\n colorNeutralForeground1Hover: string;\n colorNeutralForeground1Pressed: string;\n colorNeutralForeground1Selected: string;\n colorNeutralForeground2: string;\n colorNeutralForeground2Hover: string;\n colorNeutralForeground2Pressed: string;\n colorNeutralForeground2Selected: string;\n colorNeutralForeground2BrandHover: string;\n colorNeutralForeground2BrandPressed: string;\n colorNeutralForeground2BrandSelected: string;\n colorNeutralForeground3: string;\n colorNeutralForeground3Hover: string;\n colorNeutralForeground3Pressed: string;\n colorNeutralForeground3Selected: string;\n colorNeutralForeground3BrandHover: string;\n colorNeutralForeground3BrandPressed: string;\n colorNeutralForeground3BrandSelected: string;\n colorNeutralForeground4: string;\n colorNeutralForeground5: string;\n colorNeutralForeground5Hover: string;\n colorNeutralForeground5Pressed: string;\n colorNeutralForeground5Selected: string;\n colorNeutralForegroundDisabled: string;\n colorNeutralForegroundInvertedDisabled: string;\n colorBrandForegroundLink: string;\n colorBrandForegroundLinkHover: string;\n colorBrandForegroundLinkPressed: string;\n colorBrandForegroundLinkSelected: string;\n colorNeutralForeground2Link: string;\n colorNeutralForeground2LinkHover: string;\n colorNeutralForeground2LinkPressed: string;\n colorNeutralForeground2LinkSelected: string;\n colorCompoundBrandForeground1: string;\n colorCompoundBrandForeground1Hover: string;\n colorCompoundBrandForeground1Pressed: string;\n colorBrandForeground1: string;\n colorBrandForeground2: string;\n colorBrandForeground2Hover: string;\n colorBrandForeground2Pressed: string;\n colorNeutralForeground1Static: string;\n colorNeutralForegroundInverted: string;\n colorNeutralForegroundInvertedHover: string;\n colorNeutralForegroundInvertedPressed: string;\n colorNeutralForegroundInvertedSelected: string;\n colorNeutralForegroundInverted2: string;\n colorNeutralForegroundOnBrand: string;\n colorNeutralForegroundStaticInverted: string;\n colorNeutralForegroundInvertedLink: string;\n colorNeutralForegroundInvertedLinkHover: string;\n colorNeutralForegroundInvertedLinkPressed: string;\n colorNeutralForegroundInvertedLinkSelected: string;\n colorBrandForegroundInverted: string;\n colorBrandForegroundInvertedHover: string;\n colorBrandForegroundInvertedPressed: string;\n colorBrandForegroundOnLight: string;\n colorBrandForegroundOnLightHover: string;\n colorBrandForegroundOnLightPressed: string;\n colorBrandForegroundOnLightSelected: string;\n colorNeutralBackground1: string;\n colorNeutralBackground1Hover: string;\n colorNeutralBackground1Pressed: string;\n colorNeutralBackground1Selected: string;\n colorNeutralBackground2: string;\n colorNeutralBackground2Hover: string;\n colorNeutralBackground2Pressed: string;\n colorNeutralBackground2Selected: string;\n colorNeutralBackground3: string;\n colorNeutralBackground3Hover: string;\n colorNeutralBackground3Pressed: string;\n colorNeutralBackground3Selected: string;\n colorNeutralBackground4: string;\n colorNeutralBackground4Hover: string;\n colorNeutralBackground4Pressed: string;\n colorNeutralBackground4Selected: string;\n colorNeutralBackground5: string;\n colorNeutralBackground5Hover: string;\n colorNeutralBackground5Pressed: string;\n colorNeutralBackground5Selected: string;\n colorNeutralBackground6: string;\n colorNeutralBackground7: string;\n colorNeutralBackground7Hover: string;\n colorNeutralBackground7Pressed: string;\n colorNeutralBackground7Selected: string;\n colorNeutralBackground8: string;\n colorNeutralBackgroundInverted: string;\n colorNeutralBackgroundInvertedHover: string;\n colorNeutralBackgroundInvertedPressed: string;\n colorNeutralBackgroundInvertedSelected: string;\n colorNeutralBackgroundStatic: string;\n colorNeutralBackgroundAlpha: string;\n colorNeutralBackgroundAlpha2: string;\n colorSubtleBackground: string;\n colorSubtleBackgroundHover: string;\n colorSubtleBackgroundPressed: string;\n colorSubtleBackgroundSelected: string;\n colorSubtleBackgroundLightAlphaHover: string;\n colorSubtleBackgroundLightAlphaPressed: string;\n colorSubtleBackgroundLightAlphaSelected: string;\n colorSubtleBackgroundInverted: string;\n colorSubtleBackgroundInvertedHover: string;\n colorSubtleBackgroundInvertedPressed: string;\n colorSubtleBackgroundInvertedSelected: string;\n colorTransparentBackground: string;\n colorTransparentBackgroundHover: string;\n colorTransparentBackgroundPressed: string;\n colorTransparentBackgroundSelected: string;\n colorNeutralBackgroundDisabled: string;\n colorNeutralBackgroundDisabled2: string;\n colorNeutralBackgroundInvertedDisabled: string;\n colorNeutralStencil1: string;\n colorNeutralStencil2: string;\n colorNeutralStencil1Alpha: string;\n colorNeutralStencil2Alpha: string;\n colorBackgroundOverlay: string;\n colorScrollbarOverlay: string;\n colorBrandBackground: string;\n colorBrandBackgroundHover: string;\n colorBrandBackgroundPressed: string;\n colorBrandBackgroundSelected: string;\n colorCompoundBrandBackground: string;\n colorCompoundBrandBackgroundHover: string;\n colorCompoundBrandBackgroundPressed: string;\n colorBrandBackgroundStatic: string;\n colorBrandBackground2: string;\n colorBrandBackground2Hover: string;\n colorBrandBackground2Pressed: string;\n colorBrandBackground3Static: string;\n colorBrandBackground4Static: string;\n colorBrandBackgroundInverted: string;\n colorBrandBackgroundInvertedHover: string;\n colorBrandBackgroundInvertedPressed: string;\n colorBrandBackgroundInvertedSelected: string;\n colorNeutralCardBackground: string;\n colorNeutralCardBackgroundHover: string;\n colorNeutralCardBackgroundPressed: string;\n colorNeutralCardBackgroundSelected: string;\n colorNeutralCardBackgroundDisabled: string;\n colorNeutralStrokeAccessible: string;\n colorNeutralStrokeAccessibleHover: string;\n colorNeutralStrokeAccessiblePressed: string;\n colorNeutralStrokeAccessibleSelected: string;\n colorNeutralStroke1: string;\n colorNeutralStroke1Hover: string;\n colorNeutralStroke1Pressed: string;\n colorNeutralStroke1Selected: string;\n colorNeutralStroke2: string;\n colorNeutralStroke3: string;\n colorNeutralStroke4: string;\n colorNeutralStroke4Hover: string;\n colorNeutralStroke4Pressed: string;\n colorNeutralStroke4Selected: string;\n colorNeutralStrokeSubtle: string;\n colorNeutralStrokeOnBrand: string;\n colorNeutralStrokeOnBrand2: string;\n colorNeutralStrokeOnBrand2Hover: string;\n colorNeutralStrokeOnBrand2Pressed: string;\n colorNeutralStrokeOnBrand2Selected: string;\n colorBrandStroke1: string;\n colorBrandStroke2: string;\n colorBrandStroke2Hover: string;\n colorBrandStroke2Pressed: string;\n colorBrandStroke2Contrast: string;\n colorCompoundBrandStroke: string;\n colorCompoundBrandStrokeHover: string;\n colorCompoundBrandStrokePressed: string;\n colorNeutralStrokeDisabled: string;\n colorNeutralStrokeDisabled2: string;\n colorNeutralStrokeInvertedDisabled: string;\n colorTransparentStroke: string;\n colorTransparentStrokeInteractive: string;\n colorTransparentStrokeDisabled: string;\n colorNeutralStrokeAlpha: string;\n colorNeutralStrokeAlpha2: string;\n colorStrokeFocus1: string;\n colorStrokeFocus2: string;\n colorNeutralShadowAmbient: string;\n colorNeutralShadowKey: string;\n colorNeutralShadowAmbientLighter: string;\n colorNeutralShadowKeyLighter: string;\n colorNeutralShadowAmbientDarker: string;\n colorNeutralShadowKeyDarker: string;\n colorBrandShadowAmbient: string;\n colorBrandShadowKey: string;\n};\n\nexport type ColorStatusSuccess =\n | 'colorStatusSuccessBackground1'\n | 'colorStatusSuccessBackground2'\n | 'colorStatusSuccessBackground3'\n | 'colorStatusSuccessForeground1'\n | 'colorStatusSuccessForeground2'\n | 'colorStatusSuccessForeground3'\n | 'colorStatusSuccessForegroundInverted'\n | 'colorStatusSuccessBorderActive'\n | 'colorStatusSuccessBorder1'\n | 'colorStatusSuccessBorder2';\n\nexport type ColorStatusWarning =\n | 'colorStatusWarningBackground1'\n | 'colorStatusWarningBackground2'\n | 'colorStatusWarningBackground3'\n | 'colorStatusWarningForeground1'\n | 'colorStatusWarningForeground2'\n | 'colorStatusWarningForeground3'\n | 'colorStatusWarningForegroundInverted'\n | 'colorStatusWarningBorderActive'\n | 'colorStatusWarningBorder1'\n | 'colorStatusWarningBorder2';\n\nexport type ColorStatusDanger =\n | 'colorStatusDangerBackground1'\n | 'colorStatusDangerBackground2'\n | 'colorStatusDangerBackground3'\n | 'colorStatusDangerBackground3Hover'\n | 'colorStatusDangerBackground3Pressed'\n | 'colorStatusDangerForeground1'\n | 'colorStatusDangerForeground2'\n | 'colorStatusDangerForeground3'\n | 'colorStatusDangerForegroundInverted'\n | 'colorStatusDangerBorderActive'\n | 'colorStatusDangerBorder1'\n | 'colorStatusDangerBorder2';\n\nexport type ColorPaletteRed =\n | 'colorPaletteRedBackground1'\n | 'colorPaletteRedBackground2'\n | 'colorPaletteRedBackground3'\n | 'colorPaletteRedForeground1'\n | 'colorPaletteRedForeground2'\n | 'colorPaletteRedForeground3'\n | 'colorPaletteRedForegroundInverted'\n | 'colorPaletteRedBorderActive'\n | 'colorPaletteRedBorder1'\n | 'colorPaletteRedBorder2';\n\nexport type ColorPaletteGreen =\n | 'colorPaletteGreenBackground1'\n | 'colorPaletteGreenBackground2'\n | 'colorPaletteGreenBackground3'\n | 'colorPaletteGreenForeground1'\n | 'colorPaletteGreenForeground2'\n | 'colorPaletteGreenForeground3'\n | 'colorPaletteGreenForegroundInverted'\n | 'colorPaletteGreenBorderActive'\n | 'colorPaletteGreenBorder1'\n | 'colorPaletteGreenBorder2';\n\nexport type ColorPaletteDarkOrange =\n | 'colorPaletteDarkOrangeBackground1'\n | 'colorPaletteDarkOrangeBackground2'\n | 'colorPaletteDarkOrangeBackground3'\n | 'colorPaletteDarkOrangeForeground1'\n | 'colorPaletteDarkOrangeForeground2'\n | 'colorPaletteDarkOrangeForeground3'\n | 'colorPaletteDarkOrangeBorderActive'\n | 'colorPaletteDarkOrangeBorder1'\n | 'colorPaletteDarkOrangeBorder2';\n\nexport type ColorPaletteYellow =\n | 'colorPaletteYellowBackground1'\n | 'colorPaletteYellowBackground2'\n | 'colorPaletteYellowBackground3'\n | 'colorPaletteYellowForeground1'\n | 'colorPaletteYellowForeground2'\n | 'colorPaletteYellowForeground3'\n | 'colorPaletteYellowForegroundInverted'\n | 'colorPaletteYellowBorderActive'\n | 'colorPaletteYellowBorder1'\n | 'colorPaletteYellowBorder2';\n\nexport type ColorPaletteBerry =\n | 'colorPaletteBerryBackground1'\n | 'colorPaletteBerryBackground2'\n | 'colorPaletteBerryBackground3'\n | 'colorPaletteBerryForeground1'\n | 'colorPaletteBerryForeground2'\n | 'colorPaletteBerryForeground3'\n | 'colorPaletteBerryBorderActive'\n | 'colorPaletteBerryBorder1'\n | 'colorPaletteBerryBorder2';\n\nexport type ColorPaletteMarigold =\n | 'colorPaletteMarigoldBackground1'\n | 'colorPaletteMarigoldBackground2'\n | 'colorPaletteMarigoldBackground3'\n | 'colorPaletteMarigoldForeground1'\n | 'colorPaletteMarigoldForeground2'\n | 'colorPaletteMarigoldForeground3'\n | 'colorPaletteMarigoldBorderActive'\n | 'colorPaletteMarigoldBorder1'\n | 'colorPaletteMarigoldBorder2';\n\nexport type ColorPaletteLightGreen =\n | 'colorPaletteLightGreenBackground1'\n | 'colorPaletteLightGreenBackground2'\n | 'colorPaletteLightGreenBackground3'\n | 'colorPaletteLightGreenForeground1'\n | 'colorPaletteLightGreenForeground2'\n | 'colorPaletteLightGreenForeground3'\n | 'colorPaletteLightGreenBorderActive'\n | 'colorPaletteLightGreenBorder1'\n | 'colorPaletteLightGreenBorder2';\n\nexport type ColorPaletteDarkRed =\n | 'colorPaletteDarkRedBackground2'\n | 'colorPaletteDarkRedForeground2'\n | 'colorPaletteDarkRedBorderActive';\n\nexport type ColorPaletteCranberry =\n | 'colorPaletteCranberryBackground2'\n | 'colorPaletteCranberryForeground2'\n | 'colorPaletteCranberryBorderActive';\n\nexport type ColorPalettePumpkin =\n | 'colorPalettePumpkinBackground2'\n | 'colorPalettePumpkinForeground2'\n | 'colorPalettePumpkinBorderActive';\n\nexport type ColorPalettePeach =\n | 'colorPalettePeachBackground2'\n | 'colorPalettePeachForeground2'\n | 'colorPalettePeachBorderActive';\n\nexport type ColorPaletteGold =\n | 'colorPaletteGoldBackground2'\n | 'colorPaletteGoldForeground2'\n | 'colorPaletteGoldBorderActive';\n\nexport type ColorPaletteBrass =\n | 'colorPaletteBrassBackground2'\n | 'colorPaletteBrassForeground2'\n | 'colorPaletteBrassBorderActive';\n\nexport type ColorPaletteBrown =\n | 'colorPaletteBrownBackground2'\n | 'colorPaletteBrownForeground2'\n | 'colorPaletteBrownBorderActive';\n\nexport type ColorPaletteForest =\n | 'colorPaletteForestBackground2'\n | 'colorPaletteForestForeground2'\n | 'colorPaletteForestBorderActive';\n\nexport type ColorPaletteSeafoam =\n | 'colorPaletteSeafoamBackground2'\n | 'colorPaletteSeafoamForeground2'\n | 'colorPaletteSeafoamBorderActive';\n\nexport type ColorPaletteDarkGreen =\n | 'colorPaletteDarkGreenBackground2'\n | 'colorPaletteDarkGreenForeground2'\n | 'colorPaletteDarkGreenBorderActive';\n\nexport type ColorPaletteLightTeal =\n | 'colorPaletteLightTealBackground2'\n | 'colorPaletteLightTealForeground2'\n | 'colorPaletteLightTealBorderActive';\n\nexport type ColorPaletteTeal =\n | 'colorPaletteTealBackground2'\n | 'colorPaletteTealForeground2'\n | 'colorPaletteTealBorderActive';\n\nexport type ColorPaletteSteel =\n | 'colorPaletteSteelBackground2'\n | 'colorPaletteSteelForeground2'\n | 'colorPaletteSteelBorderActive';\n\nexport type ColorPaletteBlue =\n | 'colorPaletteBlueBackground2'\n | 'colorPaletteBlueForeground2'\n | 'colorPaletteBlueBorderActive';\n\nexport type ColorPaletteRoyalBlue =\n | 'colorPaletteRoyalBlueBackground2'\n | 'colorPaletteRoyalBlueForeground2'\n | 'colorPaletteRoyalBlueBorderActive';\n\nexport type ColorPaletteCornflower =\n | 'colorPaletteCornflowerBackground2'\n | 'colorPaletteCornflowerForeground2'\n | 'colorPaletteCornflowerBorderActive';\n\nexport type ColorPaletteNavy =\n | 'colorPaletteNavyBackground2'\n | 'colorPaletteNavyForeground2'\n | 'colorPaletteNavyBorderActive';\n\nexport type ColorPaletteLavender =\n | 'colorPaletteLavenderBackground2'\n | 'colorPaletteLavenderForeground2'\n | 'colorPaletteLavenderBorderActive';\n\nexport type ColorPalettePurple =\n | 'colorPalettePurpleBackground2'\n | 'colorPalettePurpleForeground2'\n | 'colorPalettePurpleBorderActive';\n\nexport type ColorPaletteGrape =\n | 'colorPaletteGrapeBackground2'\n | 'colorPaletteGrapeForeground2'\n | 'colorPaletteGrapeBorderActive';\n\nexport type ColorPaletteLilac =\n | 'colorPaletteLilacBackground2'\n | 'colorPaletteLilacForeground2'\n | 'colorPaletteLilacBorderActive';\n\nexport type ColorPalettePink =\n | 'colorPalettePinkBackground2'\n | 'colorPalettePinkForeground2'\n | 'colorPalettePinkBorderActive';\n\nexport type ColorPaletteMagenta =\n | 'colorPaletteMagentaBackground2'\n | 'colorPaletteMagentaForeground2'\n | 'colorPaletteMagentaBorderActive';\n\nexport type ColorPalettePlum =\n | 'colorPalettePlumBackground2'\n | 'colorPalettePlumForeground2'\n | 'colorPalettePlumBorderActive';\n\nexport type ColorPaletteBeige =\n | 'colorPaletteBeigeBackground2'\n | 'colorPaletteBeigeForeground2'\n | 'colorPaletteBeigeBorderActive';\n\nexport type ColorPaletteMink =\n | 'colorPaletteMinkBackground2'\n | 'colorPaletteMinkForeground2'\n | 'colorPaletteMinkBorderActive';\n\nexport type ColorPalettePlatinum =\n | 'colorPalettePlatinumBackground2'\n | 'colorPalettePlatinumForeground2'\n | 'colorPalettePlatinumBorderActive';\n\nexport type ColorPaletteAnchor =\n | 'colorPaletteAnchorBackground2'\n | 'colorPaletteAnchorForeground2'\n | 'colorPaletteAnchorBorderActive';\n\nexport type ColorStatusTokens = Record<ColorStatusSuccess | ColorStatusWarning | ColorStatusDanger, string>;\n\nexport type StatusColorPaletteTokens = Record<\n | ColorPaletteRed\n | ColorPaletteGreen\n | ColorPaletteDarkOrange\n | ColorPaletteYellow\n | ColorPaletteBerry\n | ColorPaletteMarigold\n | ColorPaletteLightGreen,\n string\n>;\n\nexport type PersonaColorPaletteTokens = Record<\n | ColorPaletteDarkRed\n | ColorPaletteCranberry\n | ColorPalettePumpkin\n | ColorPalettePeach\n | ColorPaletteGold\n | ColorPaletteBrass\n | ColorPaletteBrown\n | ColorPaletteForest\n | ColorPaletteSeafoam\n | ColorPaletteDarkGreen\n | ColorPaletteLightTeal\n | ColorPaletteTeal\n | ColorPaletteSteel\n | ColorPaletteBlue\n | ColorPaletteRoyalBlue\n | ColorPaletteCornflower\n | ColorPaletteNavy\n | ColorPaletteLavender\n | ColorPalettePurple\n | ColorPaletteGrape\n | ColorPaletteLilac\n | ColorPalettePink\n | ColorPaletteMagenta\n | ColorPalettePlum\n | ColorPaletteBeige\n | ColorPaletteMink\n | ColorPalettePlatinum\n | ColorPaletteAnchor,\n string\n>;\n\nexport type ColorPaletteTokens = StatusColorPaletteTokens & PersonaColorPaletteTokens;\n\n/**\n * Possible color variant values\n */\nexport type ColorVariants = {\n shade50: string;\n shade40: string;\n shade30: string;\n shade20: string;\n shade10: string;\n primary: string;\n tint10: string;\n tint20: string;\n tint30: string;\n tint40: string;\n tint50: string;\n tint60: string;\n};\n\nexport type Brands = 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 100 | 110 | 120 | 130 | 140 | 150 | 160;\n\nexport type BrandVariants = Record<Brands, string>;\n\ntype StatusSharedColorNames = (typeof statusSharedColorNames)[number];\ntype PersonaSharedColorNames = (typeof personaSharedColorNames)[number];\nexport type MappedStatusColorNames = (typeof mappedStatusColorNames)[number];\ntype UnusedSharedColorNames = (typeof unusedSharedColorNames)[number];\n\nexport type StatusSharedColors = Record<StatusSharedColorNames, ColorVariants>;\nexport type PersonaSharedColors = Record<PersonaSharedColorNames, ColorVariants>;\nexport type MappedStatusColors = Record<MappedStatusColorNames, ColorVariants>;\nexport type UnusedSharedColors = Record<UnusedSharedColorNames, ColorVariants>;\n\nexport type FontSizeTokens = {\n fontSizeBase100: string;\n fontSizeBase200: string;\n fontSizeBase300: string;\n fontSizeBase400: string;\n fontSizeBase500: string;\n fontSizeBase600: string;\n\n fontSizeHero700: string;\n fontSizeHero800: string;\n fontSizeHero900: string;\n fontSizeHero1000: string;\n};\n\nexport type LineHeightTokens = {\n lineHeightBase100: string;\n lineHeightBase200: string;\n lineHeightBase300: string;\n lineHeightBase400: string;\n lineHeightBase500: string;\n lineHeightBase600: string;\n\n lineHeightHero700: string;\n lineHeightHero800: string;\n lineHeightHero900: string;\n lineHeightHero1000: string;\n};\n\nexport type FontWeightTokens = {\n fontWeightRegular: number;\n fontWeightMedium: number;\n fontWeightSemibold: number;\n fontWeightBold: number;\n};\n\nexport type FontFamilyTokens = {\n fontFamilyBase: string;\n fontFamilyMonospace: string;\n fontFamilyNumeric: string;\n};\n\nexport type TextAlignment =\n | 'inherit'\n | 'initial'\n | 'revert'\n | 'unset'\n | 'center'\n | 'end'\n | 'start'\n | 'justify'\n | 'left'\n | 'match-parent'\n | 'right';\n\nexport type TextAlignments = {\n start: TextAlignment;\n center: TextAlignment;\n end: TextAlignment;\n justify: TextAlignment;\n};\n\nexport type TypographyStyle = {\n fontFamily: string;\n fontSize: string;\n fontWeight: string;\n lineHeight: string;\n};\n\nexport type TypographyStyles = {\n body1: TypographyStyle;\n body1Strong: TypographyStyle;\n body1Stronger: TypographyStyle;\n body2: TypographyStyle;\n caption1: TypographyStyle;\n caption1Strong: TypographyStyle;\n caption1Stronger: TypographyStyle;\n caption2: TypographyStyle;\n caption2Strong: TypographyStyle;\n subtitle1: TypographyStyle;\n subtitle2: TypographyStyle;\n subtitle2Stronger: TypographyStyle;\n title1: TypographyStyle;\n title2: TypographyStyle;\n title3: TypographyStyle;\n largeTitle: TypographyStyle;\n display: TypographyStyle;\n};\n\nexport type BorderRadiusTokens = {\n borderRadiusNone: string;\n borderRadiusSmall: string;\n borderRadiusMedium: string;\n borderRadiusLarge: string;\n borderRadiusXLarge: string;\n borderRadius2XLarge: string;\n borderRadius3XLarge: string;\n borderRadius4XLarge: string;\n borderRadius5XLarge: string;\n borderRadius6XLarge: string;\n borderRadiusCircular: string;\n};\n\nexport type StrokeWidthTokens = {\n strokeWidthThin: string;\n strokeWidthThick: string;\n strokeWidthThicker: string;\n strokeWidthThickest: string;\n};\n\nexport type SpacingTokens = {\n none: string;\n xxs: string;\n xs: string;\n sNudge: string;\n s: string;\n mNudge: string;\n m: string;\n l: string;\n xl: string;\n xxl: string;\n xxxl: string;\n};\n\nexport type HorizontalSpacingTokens = {\n spacingHorizontalNone: string;\n spacingHorizontalXXS: string;\n spacingHorizontalXS: string;\n spacingHorizontalSNudge: string;\n spacingHorizontalS: string;\n spacingHorizontalMNudge: string;\n spacingHorizontalM: string;\n spacingHorizontalL: string;\n spacingHorizontalXL: string;\n spacingHorizontalXXL: string;\n spacingHorizontalXXXL: string;\n};\n\nexport type VerticalSpacingTokens = {\n spacingVerticalNone: string;\n spacingVerticalXXS: string;\n spacingVerticalXS: string;\n spacingVerticalSNudge: string;\n spacingVerticalS: string;\n spacingVerticalMNudge: string;\n spacingVerticalM: string;\n spacingVerticalL: string;\n spacingVerticalXL: string;\n spacingVerticalXXL: string;\n spacingVerticalXXXL: string;\n};\n\nexport type DurationTokens = {\n durationUltraFast: string;\n durationFaster: string;\n durationFast: string;\n durationNormal: string;\n durationGentle: string;\n durationSlow: string;\n durationSlower: string;\n durationUltraSlow: string;\n};\n\nexport type CurveTokens = {\n curveAccelerateMax: string;\n curveAccelerateMid: string;\n curveAccelerateMin: string;\n curveDecelerateMax: string;\n curveDecelerateMid: string;\n curveDecelerateMin: string;\n curveEasyEaseMax: string;\n curveEasyEase: string;\n curveLinear: string;\n};\n\n/**\n * Design tokens for z-index groups and levels\n */\nexport type ZIndexTokens = {\n zIndexBackground?: string;\n zIndexContent?: string;\n zIndexOverlay?: string;\n zIndexPopup?: string;\n zIndexMessages?: string;\n zIndexFloating?: string;\n zIndexPriority?: string;\n zIndexDebug?: string;\n};\n\n/**\n * Design tokens for shadow levels\n */\nexport type ShadowTokens = {\n shadow2: string;\n shadow4: string;\n shadow8: string;\n shadow16: string;\n shadow28: string;\n shadow64: string;\n};\n\nexport type ShadowBrandTokens = {\n shadow2Brand: string;\n shadow4Brand: string;\n shadow8Brand: string;\n shadow16Brand: string;\n shadow28Brand: string;\n shadow64Brand: string;\n};\n\nexport type Greys =\n | 2\n | 4\n | 6\n | 8\n | 10\n | 12\n | 14\n | 16\n | 18\n | 20\n | 22\n | 24\n | 26\n | 28\n | 30\n | 32\n | 34\n | 36\n | 38\n | 40\n | 42\n | 44\n | 46\n | 48\n | 50\n | 52\n | 54\n | 56\n | 58\n | 60\n | 62\n | 64\n | 66\n | 68\n | 70\n | 72\n | 74\n | 76\n | 78\n | 80\n | 82\n | 84\n | 86\n | 88\n | 90\n | 92\n | 94\n | 96\n | 98\n | 99;\n\nexport type AlphaColors = 5 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90;\n\n// TODO: do we want to split theme for better tree shaking? (MUI)\n// But will this end up in the bundle at all? It should be used only in makeStyles and should be removed during build\nexport type Theme = FontSizeTokens &\n LineHeightTokens &\n BorderRadiusTokens &\n StrokeWidthTokens &\n HorizontalSpacingTokens &\n VerticalSpacingTokens &\n DurationTokens &\n CurveTokens &\n ShadowTokens &\n ShadowBrandTokens &\n FontFamilyTokens &\n FontWeightTokens &\n ColorPaletteTokens &\n ColorStatusTokens &\n ColorTokens &\n ZIndexTokens;\n\nexport type PartialTheme = Partial<Theme>;\n"],"names":[],"mappings":"AAgzBA,WAA0C"}
1
+ {"version":3,"sources":["../src/types.ts"],"sourcesContent":["import type {\n statusSharedColorNames,\n personaSharedColorNames,\n unusedSharedColorNames,\n mappedStatusColorNames,\n} from './sharedColorNames';\n\n/**\n * Design tokens for alias colors\n */\nexport type ColorTokens = {\n colorNeutralForeground1: string;\n colorNeutralForeground1Hover: string;\n colorNeutralForeground1Pressed: string;\n colorNeutralForeground1Selected: string;\n colorNeutralForeground2: string;\n colorNeutralForeground2Hover: string;\n colorNeutralForeground2Pressed: string;\n colorNeutralForeground2Selected: string;\n colorNeutralForeground2BrandHover: string;\n colorNeutralForeground2BrandPressed: string;\n colorNeutralForeground2BrandSelected: string;\n colorNeutralForeground3: string;\n colorNeutralForeground3Hover: string;\n colorNeutralForeground3Pressed: string;\n colorNeutralForeground3Selected: string;\n colorNeutralForeground3BrandHover: string;\n colorNeutralForeground3BrandPressed: string;\n colorNeutralForeground3BrandSelected: string;\n colorNeutralForeground4: string;\n colorNeutralForeground5: string;\n colorNeutralForeground5Hover: string;\n colorNeutralForeground5Pressed: string;\n colorNeutralForeground5Selected: string;\n colorNeutralForegroundDisabled: string;\n colorNeutralForegroundInvertedDisabled: string;\n colorBrandForegroundLink: string;\n colorBrandForegroundLinkHover: string;\n colorBrandForegroundLinkPressed: string;\n colorBrandForegroundLinkSelected: string;\n colorNeutralForeground2Link: string;\n colorNeutralForeground2LinkHover: string;\n colorNeutralForeground2LinkPressed: string;\n colorNeutralForeground2LinkSelected: string;\n colorCompoundBrandForeground1: string;\n colorCompoundBrandForeground1Hover: string;\n colorCompoundBrandForeground1Pressed: string;\n colorBrandForeground1: string;\n colorBrandForeground2: string;\n colorBrandForeground2Hover: string;\n colorBrandForeground2Pressed: string;\n colorNeutralForeground1Static: string;\n colorNeutralForegroundInverted: string;\n colorNeutralForegroundInvertedHover: string;\n colorNeutralForegroundInvertedPressed: string;\n colorNeutralForegroundInvertedSelected: string;\n colorNeutralForegroundInverted2: string;\n colorNeutralForegroundOnBrand: string;\n colorNeutralForegroundStaticInverted: string;\n colorNeutralForegroundInvertedLink: string;\n colorNeutralForegroundInvertedLinkHover: string;\n colorNeutralForegroundInvertedLinkPressed: string;\n colorNeutralForegroundInvertedLinkSelected: string;\n colorBrandForegroundInverted: string;\n colorBrandForegroundInvertedHover: string;\n colorBrandForegroundInvertedPressed: string;\n colorBrandForegroundOnLight: string;\n colorBrandForegroundOnLightHover: string;\n colorBrandForegroundOnLightPressed: string;\n colorBrandForegroundOnLightSelected: string;\n colorNeutralBackground1: string;\n colorNeutralBackground1Hover: string;\n colorNeutralBackground1Pressed: string;\n colorNeutralBackground1Selected: string;\n colorNeutralBackground2: string;\n colorNeutralBackground2Hover: string;\n colorNeutralBackground2Pressed: string;\n colorNeutralBackground2Selected: string;\n colorNeutralBackground3: string;\n colorNeutralBackground3Hover: string;\n colorNeutralBackground3Pressed: string;\n colorNeutralBackground3Selected: string;\n colorNeutralBackground4: string;\n colorNeutralBackground4Hover: string;\n colorNeutralBackground4Pressed: string;\n colorNeutralBackground4Selected: string;\n colorNeutralBackground5: string;\n colorNeutralBackground5Hover: string;\n colorNeutralBackground5Pressed: string;\n colorNeutralBackground5Selected: string;\n colorNeutralBackground6: string;\n colorNeutralBackground7: string;\n colorNeutralBackground7Hover: string;\n colorNeutralBackground7Pressed: string;\n colorNeutralBackground7Selected: string;\n colorNeutralBackground8: string;\n colorNeutralBackgroundInverted: string;\n colorNeutralBackgroundInvertedHover: string;\n colorNeutralBackgroundInvertedPressed: string;\n colorNeutralBackgroundInvertedSelected: string;\n colorNeutralBackgroundStatic: string;\n colorNeutralBackgroundAlpha: string;\n colorNeutralBackgroundAlpha2: string;\n colorSubtleBackground: string;\n colorSubtleBackgroundHover: string;\n colorSubtleBackgroundPressed: string;\n colorSubtleBackgroundSelected: string;\n colorSubtleBackgroundLightAlphaHover: string;\n colorSubtleBackgroundLightAlphaPressed: string;\n colorSubtleBackgroundLightAlphaSelected: string;\n colorSubtleBackgroundInverted: string;\n colorSubtleBackgroundInvertedHover: string;\n colorSubtleBackgroundInvertedPressed: string;\n colorSubtleBackgroundInvertedSelected: string;\n colorTransparentBackground: string;\n colorTransparentBackgroundHover: string;\n colorTransparentBackgroundPressed: string;\n colorTransparentBackgroundSelected: string;\n colorNeutralBackgroundDisabled: string;\n colorNeutralBackgroundDisabled2: string;\n colorNeutralBackgroundInvertedDisabled: string;\n colorNeutralStencil1: string;\n colorNeutralStencil2: string;\n colorNeutralStencil1Alpha: string;\n colorNeutralStencil2Alpha: string;\n colorBackgroundOverlay: string;\n colorScrollbarOverlay: string;\n colorBrandBackground: string;\n colorBrandBackgroundHover: string;\n colorBrandBackgroundPressed: string;\n colorBrandBackgroundSelected: string;\n colorCompoundBrandBackground: string;\n colorCompoundBrandBackgroundHover: string;\n colorCompoundBrandBackgroundPressed: string;\n colorBrandBackgroundStatic: string;\n colorBrandBackground2: string;\n colorBrandBackground2Hover: string;\n colorBrandBackground2Pressed: string;\n colorBrandBackground3Static: string;\n colorBrandBackground4Static: string;\n colorBrandBackgroundInverted: string;\n colorBrandBackgroundInvertedHover: string;\n colorBrandBackgroundInvertedPressed: string;\n colorBrandBackgroundInvertedSelected: string;\n colorNeutralCardBackground: string;\n colorNeutralCardBackgroundHover: string;\n colorNeutralCardBackgroundPressed: string;\n colorNeutralCardBackgroundSelected: string;\n colorNeutralCardBackgroundDisabled: string;\n colorNeutralStrokeAccessible: string;\n colorNeutralStrokeAccessibleHover: string;\n colorNeutralStrokeAccessiblePressed: string;\n colorNeutralStrokeAccessibleSelected: string;\n colorNeutralStroke1: string;\n colorNeutralStroke1Hover: string;\n colorNeutralStroke1Pressed: string;\n colorNeutralStroke1Selected: string;\n colorNeutralStroke2: string;\n colorNeutralStroke3: string;\n colorNeutralStroke4: string;\n colorNeutralStroke4Hover: string;\n colorNeutralStroke4Pressed: string;\n colorNeutralStroke4Selected: string;\n colorNeutralStrokeSubtle: string;\n colorNeutralStrokeOnBrand: string;\n colorNeutralStrokeOnBrand2: string;\n colorNeutralStrokeOnBrand2Hover: string;\n colorNeutralStrokeOnBrand2Pressed: string;\n colorNeutralStrokeOnBrand2Selected: string;\n colorBrandStroke1: string;\n colorBrandStroke2: string;\n colorBrandStroke2Hover: string;\n colorBrandStroke2Pressed: string;\n colorBrandStroke2Contrast: string;\n colorCompoundBrandStroke: string;\n colorCompoundBrandStrokeHover: string;\n colorCompoundBrandStrokePressed: string;\n colorNeutralStrokeDisabled: string;\n colorNeutralStrokeDisabled2: string;\n colorNeutralStrokeInvertedDisabled: string;\n colorTransparentStroke: string;\n colorTransparentStrokeInteractive: string;\n colorTransparentStrokeDisabled: string;\n colorNeutralStrokeAlpha: string;\n colorNeutralStrokeAlpha2: string;\n colorStrokeFocus1: string;\n colorStrokeFocus2: string;\n colorNeutralShadowAmbient: string;\n colorNeutralShadowKey: string;\n colorNeutralShadowAmbientLighter: string;\n colorNeutralShadowKeyLighter: string;\n colorNeutralShadowAmbientDarker: string;\n colorNeutralShadowKeyDarker: string;\n colorBrandShadowAmbient: string;\n colorBrandShadowKey: string;\n};\n\nexport type ColorStatusSuccess =\n | 'colorStatusSuccessBackground1'\n | 'colorStatusSuccessBackground2'\n | 'colorStatusSuccessBackground3'\n | 'colorStatusSuccessForeground1'\n | 'colorStatusSuccessForeground2'\n | 'colorStatusSuccessForeground3'\n | 'colorStatusSuccessForegroundInverted'\n | 'colorStatusSuccessBorderActive'\n | 'colorStatusSuccessBorder1'\n | 'colorStatusSuccessBorder2';\n\nexport type ColorStatusWarning =\n | 'colorStatusWarningBackground1'\n | 'colorStatusWarningBackground2'\n | 'colorStatusWarningBackground3'\n | 'colorStatusWarningForeground1'\n | 'colorStatusWarningForeground2'\n | 'colorStatusWarningForeground3'\n | 'colorStatusWarningForegroundInverted'\n | 'colorStatusWarningBorderActive'\n | 'colorStatusWarningBorder1'\n | 'colorStatusWarningBorder2';\n\nexport type ColorStatusDanger =\n | 'colorStatusDangerBackground1'\n | 'colorStatusDangerBackground2'\n | 'colorStatusDangerBackground3'\n | 'colorStatusDangerBackground3Hover'\n | 'colorStatusDangerBackground3Pressed'\n | 'colorStatusDangerForeground1'\n | 'colorStatusDangerForeground2'\n | 'colorStatusDangerForeground3'\n | 'colorStatusDangerForegroundInverted'\n | 'colorStatusDangerBorderActive'\n | 'colorStatusDangerBorder1'\n | 'colorStatusDangerBorder2';\n\nexport type ColorPaletteRed =\n | 'colorPaletteRedBackground1'\n | 'colorPaletteRedBackground2'\n | 'colorPaletteRedBackground3'\n | 'colorPaletteRedForeground1'\n | 'colorPaletteRedForeground2'\n | 'colorPaletteRedForeground3'\n | 'colorPaletteRedForegroundInverted'\n | 'colorPaletteRedBorderActive'\n | 'colorPaletteRedBorder1'\n | 'colorPaletteRedBorder2';\n\nexport type ColorPaletteGreen =\n | 'colorPaletteGreenBackground1'\n | 'colorPaletteGreenBackground2'\n | 'colorPaletteGreenBackground3'\n | 'colorPaletteGreenForeground1'\n | 'colorPaletteGreenForeground2'\n | 'colorPaletteGreenForeground3'\n | 'colorPaletteGreenForegroundInverted'\n | 'colorPaletteGreenBorderActive'\n | 'colorPaletteGreenBorder1'\n | 'colorPaletteGreenBorder2';\n\nexport type ColorPaletteDarkOrange =\n | 'colorPaletteDarkOrangeBackground1'\n | 'colorPaletteDarkOrangeBackground2'\n | 'colorPaletteDarkOrangeBackground3'\n | 'colorPaletteDarkOrangeForeground1'\n | 'colorPaletteDarkOrangeForeground2'\n | 'colorPaletteDarkOrangeForeground3'\n | 'colorPaletteDarkOrangeBorderActive'\n | 'colorPaletteDarkOrangeBorder1'\n | 'colorPaletteDarkOrangeBorder2';\n\nexport type ColorPaletteYellow =\n | 'colorPaletteYellowBackground1'\n | 'colorPaletteYellowBackground2'\n | 'colorPaletteYellowBackground3'\n | 'colorPaletteYellowForeground1'\n | 'colorPaletteYellowForeground2'\n | 'colorPaletteYellowForeground3'\n | 'colorPaletteYellowForegroundInverted'\n | 'colorPaletteYellowBorderActive'\n | 'colorPaletteYellowBorder1'\n | 'colorPaletteYellowBorder2';\n\nexport type ColorPaletteBerry =\n | 'colorPaletteBerryBackground1'\n | 'colorPaletteBerryBackground2'\n | 'colorPaletteBerryBackground3'\n | 'colorPaletteBerryForeground1'\n | 'colorPaletteBerryForeground2'\n | 'colorPaletteBerryForeground3'\n | 'colorPaletteBerryBorderActive'\n | 'colorPaletteBerryBorder1'\n | 'colorPaletteBerryBorder2';\n\nexport type ColorPaletteMarigold =\n | 'colorPaletteMarigoldBackground1'\n | 'colorPaletteMarigoldBackground2'\n | 'colorPaletteMarigoldBackground3'\n | 'colorPaletteMarigoldForeground1'\n | 'colorPaletteMarigoldForeground2'\n | 'colorPaletteMarigoldForeground3'\n | 'colorPaletteMarigoldBorderActive'\n | 'colorPaletteMarigoldBorder1'\n | 'colorPaletteMarigoldBorder2';\n\nexport type ColorPaletteLightGreen =\n | 'colorPaletteLightGreenBackground1'\n | 'colorPaletteLightGreenBackground2'\n | 'colorPaletteLightGreenBackground3'\n | 'colorPaletteLightGreenForeground1'\n | 'colorPaletteLightGreenForeground2'\n | 'colorPaletteLightGreenForeground3'\n | 'colorPaletteLightGreenBorderActive'\n | 'colorPaletteLightGreenBorder1'\n | 'colorPaletteLightGreenBorder2';\n\nexport type ColorPaletteDarkRed =\n | 'colorPaletteDarkRedBackground2'\n | 'colorPaletteDarkRedForeground2'\n | 'colorPaletteDarkRedBorderActive';\n\nexport type ColorPaletteCranberry =\n | 'colorPaletteCranberryBackground2'\n | 'colorPaletteCranberryForeground2'\n | 'colorPaletteCranberryBorderActive';\n\nexport type ColorPalettePumpkin =\n | 'colorPalettePumpkinBackground2'\n | 'colorPalettePumpkinForeground2'\n | 'colorPalettePumpkinBorderActive';\n\nexport type ColorPalettePeach =\n | 'colorPalettePeachBackground2'\n | 'colorPalettePeachForeground2'\n | 'colorPalettePeachBorderActive';\n\nexport type ColorPaletteGold =\n | 'colorPaletteGoldBackground2'\n | 'colorPaletteGoldForeground2'\n | 'colorPaletteGoldBorderActive';\n\nexport type ColorPaletteBrass =\n | 'colorPaletteBrassBackground2'\n | 'colorPaletteBrassForeground2'\n | 'colorPaletteBrassBorderActive';\n\nexport type ColorPaletteBrown =\n | 'colorPaletteBrownBackground2'\n | 'colorPaletteBrownForeground2'\n | 'colorPaletteBrownBorderActive';\n\nexport type ColorPaletteForest =\n | 'colorPaletteForestBackground2'\n | 'colorPaletteForestForeground2'\n | 'colorPaletteForestBorderActive';\n\nexport type ColorPaletteSeafoam =\n | 'colorPaletteSeafoamBackground2'\n | 'colorPaletteSeafoamForeground2'\n | 'colorPaletteSeafoamBorderActive';\n\nexport type ColorPaletteDarkGreen =\n | 'colorPaletteDarkGreenBackground2'\n | 'colorPaletteDarkGreenForeground2'\n | 'colorPaletteDarkGreenBorderActive';\n\nexport type ColorPaletteLightTeal =\n | 'colorPaletteLightTealBackground2'\n | 'colorPaletteLightTealForeground2'\n | 'colorPaletteLightTealBorderActive';\n\nexport type ColorPaletteTeal =\n | 'colorPaletteTealBackground2'\n | 'colorPaletteTealForeground2'\n | 'colorPaletteTealBorderActive';\n\nexport type ColorPaletteSteel =\n | 'colorPaletteSteelBackground2'\n | 'colorPaletteSteelForeground2'\n | 'colorPaletteSteelBorderActive';\n\nexport type ColorPaletteBlue =\n | 'colorPaletteBlueBackground2'\n | 'colorPaletteBlueForeground2'\n | 'colorPaletteBlueBorderActive';\n\nexport type ColorPaletteRoyalBlue =\n | 'colorPaletteRoyalBlueBackground2'\n | 'colorPaletteRoyalBlueForeground2'\n | 'colorPaletteRoyalBlueBorderActive';\n\nexport type ColorPaletteCornflower =\n | 'colorPaletteCornflowerBackground2'\n | 'colorPaletteCornflowerForeground2'\n | 'colorPaletteCornflowerBorderActive';\n\nexport type ColorPaletteNavy =\n | 'colorPaletteNavyBackground2'\n | 'colorPaletteNavyForeground2'\n | 'colorPaletteNavyBorderActive';\n\nexport type ColorPaletteLavender =\n | 'colorPaletteLavenderBackground2'\n | 'colorPaletteLavenderForeground2'\n | 'colorPaletteLavenderBorderActive';\n\nexport type ColorPalettePurple =\n | 'colorPalettePurpleBackground2'\n | 'colorPalettePurpleForeground2'\n | 'colorPalettePurpleBorderActive';\n\nexport type ColorPaletteGrape =\n | 'colorPaletteGrapeBackground2'\n | 'colorPaletteGrapeForeground2'\n | 'colorPaletteGrapeBorderActive';\n\nexport type ColorPaletteLilac =\n | 'colorPaletteLilacBackground2'\n | 'colorPaletteLilacForeground2'\n | 'colorPaletteLilacBorderActive';\n\nexport type ColorPalettePink =\n | 'colorPalettePinkBackground2'\n | 'colorPalettePinkForeground2'\n | 'colorPalettePinkBorderActive';\n\nexport type ColorPaletteMagenta =\n | 'colorPaletteMagentaBackground2'\n | 'colorPaletteMagentaForeground2'\n | 'colorPaletteMagentaBorderActive';\n\nexport type ColorPalettePlum =\n | 'colorPalettePlumBackground2'\n | 'colorPalettePlumForeground2'\n | 'colorPalettePlumBorderActive';\n\nexport type ColorPaletteBeige =\n | 'colorPaletteBeigeBackground2'\n | 'colorPaletteBeigeForeground2'\n | 'colorPaletteBeigeBorderActive';\n\nexport type ColorPaletteMink =\n | 'colorPaletteMinkBackground2'\n | 'colorPaletteMinkForeground2'\n | 'colorPaletteMinkBorderActive';\n\nexport type ColorPalettePlatinum =\n | 'colorPalettePlatinumBackground2'\n | 'colorPalettePlatinumForeground2'\n | 'colorPalettePlatinumBorderActive';\n\nexport type ColorPaletteAnchor =\n | 'colorPaletteAnchorBackground2'\n | 'colorPaletteAnchorForeground2'\n | 'colorPaletteAnchorBorderActive';\n\nexport type ColorStatusTokens = Record<ColorStatusSuccess | ColorStatusWarning | ColorStatusDanger, string>;\n\nexport type StatusColorPaletteTokens = Record<\n | ColorPaletteRed\n | ColorPaletteGreen\n | ColorPaletteDarkOrange\n | ColorPaletteYellow\n | ColorPaletteBerry\n | ColorPaletteMarigold\n | ColorPaletteLightGreen,\n string\n>;\n\nexport type PersonaColorPaletteTokens = Record<\n | ColorPaletteDarkRed\n | ColorPaletteCranberry\n | ColorPalettePumpkin\n | ColorPalettePeach\n | ColorPaletteGold\n | ColorPaletteBrass\n | ColorPaletteBrown\n | ColorPaletteForest\n | ColorPaletteSeafoam\n | ColorPaletteDarkGreen\n | ColorPaletteLightTeal\n | ColorPaletteTeal\n | ColorPaletteSteel\n | ColorPaletteBlue\n | ColorPaletteRoyalBlue\n | ColorPaletteCornflower\n | ColorPaletteNavy\n | ColorPaletteLavender\n | ColorPalettePurple\n | ColorPaletteGrape\n | ColorPaletteLilac\n | ColorPalettePink\n | ColorPaletteMagenta\n | ColorPalettePlum\n | ColorPaletteBeige\n | ColorPaletteMink\n | ColorPalettePlatinum\n | ColorPaletteAnchor,\n string\n>;\n\nexport type ColorPaletteTokens = StatusColorPaletteTokens & PersonaColorPaletteTokens;\n\n/**\n * Possible color variant values\n */\nexport type ColorVariants = {\n shade50: string;\n shade40: string;\n shade30: string;\n shade20: string;\n shade10: string;\n primary: string;\n tint10: string;\n tint20: string;\n tint30: string;\n tint40: string;\n tint50: string;\n tint60: string;\n};\n\nexport type Brands = 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 100 | 110 | 120 | 130 | 140 | 150 | 160;\n\nexport type BrandVariants = Record<Brands, string>;\n\ntype StatusSharedColorNames = (typeof statusSharedColorNames)[number];\ntype PersonaSharedColorNames = (typeof personaSharedColorNames)[number];\nexport type MappedStatusColorNames = (typeof mappedStatusColorNames)[number];\ntype UnusedSharedColorNames = (typeof unusedSharedColorNames)[number];\n\nexport type StatusSharedColors = Record<StatusSharedColorNames, ColorVariants>;\nexport type PersonaSharedColors = Record<PersonaSharedColorNames, ColorVariants>;\nexport type MappedStatusColors = Record<MappedStatusColorNames, ColorVariants>;\nexport type UnusedSharedColors = Record<UnusedSharedColorNames, ColorVariants>;\n\nexport type FontSizeTokens = {\n fontSizeBase100: string;\n fontSizeBase200: string;\n fontSizeBase300: string;\n fontSizeBase400: string;\n fontSizeBase500: string;\n fontSizeBase600: string;\n\n fontSizeHero700: string;\n fontSizeHero800: string;\n fontSizeHero900: string;\n fontSizeHero1000: string;\n};\n\nexport type LineHeightTokens = {\n lineHeightBase100: string;\n lineHeightBase200: string;\n lineHeightBase300: string;\n lineHeightBase400: string;\n lineHeightBase500: string;\n lineHeightBase600: string;\n\n lineHeightHero700: string;\n lineHeightHero800: string;\n lineHeightHero900: string;\n lineHeightHero1000: string;\n};\n\nexport type FontWeightTokens = {\n fontWeightRegular: number;\n fontWeightMedium: number;\n fontWeightSemibold: number;\n fontWeightBold: number;\n};\n\nexport type FontFamilyTokens = {\n fontFamilyBase: string;\n fontFamilyMonospace: string;\n fontFamilyNumeric: string;\n};\n\nexport type TextAlignment =\n | 'inherit'\n | 'initial'\n | 'revert'\n | 'unset'\n | 'center'\n | 'end'\n | 'start'\n | 'justify'\n | 'left'\n | 'match-parent'\n | 'right';\n\nexport type TextAlignments = {\n start: TextAlignment;\n center: TextAlignment;\n end: TextAlignment;\n justify: TextAlignment;\n};\n\nexport type TypographyStyle = {\n fontFamily: string;\n fontSize: string;\n fontWeight: string;\n lineHeight: string;\n};\n\nexport type TypographyStyles = {\n body1: TypographyStyle;\n body1Strong: TypographyStyle;\n body1Stronger: TypographyStyle;\n body2: TypographyStyle;\n caption1: TypographyStyle;\n caption1Strong: TypographyStyle;\n caption1Stronger: TypographyStyle;\n caption2: TypographyStyle;\n caption2Strong: TypographyStyle;\n subtitle1: TypographyStyle;\n subtitle2: TypographyStyle;\n subtitle2Stronger: TypographyStyle;\n title1: TypographyStyle;\n title2: TypographyStyle;\n title3: TypographyStyle;\n largeTitle: TypographyStyle;\n display: TypographyStyle;\n};\n\nexport type BorderRadiusTokens = {\n borderRadiusNone: string;\n borderRadiusSmall: string;\n borderRadiusMedium: string;\n borderRadiusLarge: string;\n borderRadiusXLarge: string;\n borderRadius2XLarge: string;\n borderRadius3XLarge: string;\n borderRadius4XLarge: string;\n borderRadius5XLarge: string;\n borderRadius6XLarge: string;\n borderRadiusCircular: string;\n};\n\nexport type StrokeWidthTokens = {\n strokeWidthThin: string;\n strokeWidthThick: string;\n strokeWidthThicker: string;\n strokeWidthThickest: string;\n};\n\nexport type SpacingTokens = {\n none: string;\n xxs: string;\n xs: string;\n sNudge: string;\n s: string;\n mNudge: string;\n m: string;\n l: string;\n xl: string;\n xxl: string;\n xxxl: string;\n};\n\nexport type HorizontalSpacingTokens = {\n spacingHorizontalNone: string;\n spacingHorizontalXXS: string;\n spacingHorizontalXS: string;\n spacingHorizontalSNudge: string;\n spacingHorizontalS: string;\n spacingHorizontalMNudge: string;\n spacingHorizontalM: string;\n spacingHorizontalL: string;\n spacingHorizontalXL: string;\n spacingHorizontalXXL: string;\n spacingHorizontalXXXL: string;\n};\n\nexport type VerticalSpacingTokens = {\n spacingVerticalNone: string;\n spacingVerticalXXS: string;\n spacingVerticalXS: string;\n spacingVerticalSNudge: string;\n spacingVerticalS: string;\n spacingVerticalMNudge: string;\n spacingVerticalM: string;\n spacingVerticalL: string;\n spacingVerticalXL: string;\n spacingVerticalXXL: string;\n spacingVerticalXXXL: string;\n};\n\nexport type DurationTokens = {\n durationUltraFast: string;\n durationFaster: string;\n durationFast: string;\n durationNormal: string;\n durationGentle: string;\n durationSlow: string;\n durationSlower: string;\n durationUltraSlow: string;\n};\n\nexport type CurveTokens = {\n curveAccelerateMax: string;\n curveAccelerateMid: string;\n curveAccelerateMin: string;\n curveDecelerateMax: string;\n curveDecelerateMid: string;\n curveDecelerateMin: string;\n curveEasyEaseMax: string;\n curveEasyEase: string;\n curveLinear: string;\n};\n\n/**\n * Design tokens for z-index groups and levels\n */\nexport type ZIndexTokens = {\n zIndexBackground?: string;\n zIndexContent?: string;\n zIndexOverlay?: string;\n zIndexPopup?: string;\n zIndexMessages?: string;\n zIndexFloating?: string;\n zIndexPriority?: string;\n zIndexDebug?: string;\n};\n\n/**\n * Design tokens for shadow levels\n */\nexport type ShadowTokens = {\n shadow2: string;\n shadow4: string;\n shadow8: string;\n shadow16: string;\n shadow28: string;\n shadow64: string;\n};\n\nexport type ShadowBrandTokens = {\n shadow2Brand: string;\n shadow4Brand: string;\n shadow8Brand: string;\n shadow16Brand: string;\n shadow28Brand: string;\n shadow64Brand: string;\n};\n\nexport type Greys =\n | 2\n | 4\n | 6\n | 8\n | 10\n | 12\n | 14\n | 16\n | 18\n | 20\n | 22\n | 24\n | 26\n | 28\n | 30\n | 32\n | 34\n | 36\n | 38\n | 40\n | 42\n | 44\n | 46\n | 48\n | 50\n | 52\n | 54\n | 56\n | 58\n | 60\n | 62\n | 64\n | 66\n | 68\n | 70\n | 72\n | 74\n | 76\n | 78\n | 80\n | 82\n | 84\n | 86\n | 88\n | 90\n | 92\n | 94\n | 96\n | 98\n | 99;\n\nexport type AlphaColors = 5 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90;\n\n// TODO: do we want to split theme for better tree shaking? (MUI)\n// But will this end up in the bundle at all? It should be used only in makeStyles and should be removed during build\nexport type Theme = FontSizeTokens &\n LineHeightTokens &\n BorderRadiusTokens &\n StrokeWidthTokens &\n HorizontalSpacingTokens &\n VerticalSpacingTokens &\n DurationTokens &\n CurveTokens &\n ShadowTokens &\n ShadowBrandTokens &\n FontFamilyTokens &\n FontWeightTokens &\n ColorPaletteTokens &\n ColorStatusTokens &\n ColorTokens &\n ZIndexTokens;\n\nexport type PartialTheme = Partial<Theme>;\n"],"names":[],"mappings":"AAgzBA,WAA0C"}
package/lib-commonjs/alias/{darkColor.js → darkColor.cjs} RENAMED
@@ -8,7 +8,7 @@ Object.defineProperty(exports, "generateColorTokens", {
8
8
  return generateColorTokens;
9
9
  }
10
10
  });
11
- const _colors = require("../global/colors.js");
11
+ const _colors = require("../global/colors.cjs");
12
12
  const generateColorTokens = (brand)=>({
13
13
  colorNeutralForeground1: _colors.white,
14
14
  colorNeutralForeground1Hover: _colors.white,
package/lib-commonjs/alias/{darkColorPalette.js → darkColorPalette.cjs} RENAMED
@@ -16,9 +16,9 @@ _export(exports, {
16
16
  return colorStatusTokens;
17
17
  }
18
18
  });
19
- const _colorPalette = require("../global/colorPalette.js");
20
- const _sharedColorNames = require("../sharedColorNames.js");
21
- const _statusColorMapping = require("../statusColorMapping.js");
19
+ const _colorPalette = require("../global/colorPalette.cjs");
20
+ const _sharedColorNames = require("../sharedColorNames.cjs");
21
+ const _statusColorMapping = require("../statusColorMapping.cjs");
22
22
  const statusColorPaletteTokens = _sharedColorNames.statusSharedColorNames.reduce((acc, sharedColor)=>{
23
23
  const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
24
24
  const sharedColorTokens = {
package/lib-commonjs/alias/darkColorPalette.cjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/alias/darkColorPalette.ts"],"sourcesContent":["/* color palette used in both darkTheme and teamsDarkTheme */\n\nimport { statusSharedColors, personaSharedColors, mappedStatusColors } from '../global/colorPalette';\nimport { statusSharedColorNames, personaSharedColorNames } from '../sharedColorNames';\nimport type {\n ColorPaletteTokens,\n ColorStatusTokens,\n PersonaColorPaletteTokens,\n StatusColorPaletteTokens,\n} 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].shade40,\n [`colorPalette${color}Background2`]: statusSharedColors[sharedColor].shade30,\n [`colorPalette${color}Background3`]: statusSharedColors[sharedColor].primary,\n [`colorPalette${color}Foreground1`]: statusSharedColors[sharedColor].tint30,\n [`colorPalette${color}Foreground2`]: statusSharedColors[sharedColor].tint40,\n [`colorPalette${color}Foreground3`]: statusSharedColors[sharedColor].tint20,\n [`colorPalette${color}BorderActive`]: statusSharedColors[sharedColor].tint30,\n [`colorPalette${color}Border1`]: statusSharedColors[sharedColor].primary,\n [`colorPalette${color}Border2`]: statusSharedColors[sharedColor].tint20,\n };\n\n return Object.assign(acc, sharedColorTokens);\n}, {} as StatusColorPaletteTokens);\n\n// one-off patches\nstatusColorPaletteTokens.colorPaletteRedForeground3 = statusSharedColors.red.tint30;\nstatusColorPaletteTokens.colorPaletteRedBorder2 = statusSharedColors.red.tint30;\nstatusColorPaletteTokens.colorPaletteGreenForeground3 = statusSharedColors.green.tint40;\nstatusColorPaletteTokens.colorPaletteGreenBorder2 = statusSharedColors.green.tint40;\nstatusColorPaletteTokens.colorPaletteDarkOrangeForeground3 = statusSharedColors.darkOrange.tint30;\nstatusColorPaletteTokens.colorPaletteDarkOrangeBorder2 = statusSharedColors.darkOrange.tint30;\n\nstatusColorPaletteTokens.colorPaletteRedForegroundInverted = statusSharedColors.red.primary;\nstatusColorPaletteTokens.colorPaletteGreenForegroundInverted = statusSharedColors.green.primary;\nstatusColorPaletteTokens.colorPaletteYellowForegroundInverted = statusSharedColors.yellow.shade30;\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].shade30,\n [`colorPalette${color}Foreground2`]: personaSharedColors[sharedColor].tint40,\n [`colorPalette${color}BorderActive`]: personaSharedColors[sharedColor].tint30,\n };\n\n return Object.assign(acc, sharedColorTokens);\n}, {} as PersonaColorPaletteTokens);\n\n// one-off patches\npersonaColorPaletteTokens.colorPaletteDarkRedBackground2 = personaSharedColors.darkRed.shade20;\npersonaColorPaletteTokens.colorPalettePlumBackground2 = personaSharedColors.plum.shade20;\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 - see the one-off patches above\n const statusColorTokens = {\n [`colorStatus${color}Background1`]: mappedStatusColors[sharedColor].shade40,\n [`colorStatus${color}Background2`]: mappedStatusColors[sharedColor].shade30,\n [`colorStatus${color}Background3`]: mappedStatusColors[sharedColor].primary,\n [`colorStatus${color}Foreground1`]: mappedStatusColors[sharedColor].tint30,\n [`colorStatus${color}Foreground2`]: mappedStatusColors[sharedColor].tint40,\n [`colorStatus${color}Foreground3`]: mappedStatusColors[sharedColor].tint20,\n [`colorStatus${color}BorderActive`]: mappedStatusColors[sharedColor].tint30,\n [`colorStatus${color}ForegroundInverted`]: mappedStatusColors[sharedColor].shade10,\n [`colorStatus${color}Border1`]: mappedStatusColors[sharedColor].primary,\n [`colorStatus${color}Border2`]: mappedStatusColors[sharedColor].tint20,\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.colorStatusDangerForeground3 = mappedStatusColors[statusColorMapping.danger].tint40;\ncolorStatusTokens.colorStatusDangerBorder2 = mappedStatusColors[statusColorMapping.danger].tint30;\ncolorStatusTokens.colorStatusSuccessForeground3 = mappedStatusColors[statusColorMapping.success].tint40;\ncolorStatusTokens.colorStatusSuccessBorder2 = mappedStatusColors[statusColorMapping.success].tint40;\ncolorStatusTokens.colorStatusWarningForegroundInverted = mappedStatusColors[statusColorMapping.warning].shade20;\n"],"names":["colorPaletteTokens","colorStatusTokens","statusColorPaletteTokens","statusSharedColorNames","reduce","acc","sharedColor","color","slice","toUpperCase","sharedColorTokens","statusSharedColors","shade40","shade30","primary","tint30","tint40","tint20","Object","assign","colorPaletteRedForeground3","red","colorPaletteRedBorder2","colorPaletteGreenForeground3","green","colorPaletteGreenBorder2","colorPaletteDarkOrangeForeground3","darkOrange","colorPaletteDarkOrangeBorder2","colorPaletteRedForegroundInverted","colorPaletteGreenForegroundInverted","colorPaletteYellowForegroundInverted","yellow","personaColorPaletteTokens","personaSharedColorNames","personaSharedColors","colorPaletteDarkRedBackground2","darkRed","shade20","colorPalettePlumBackground2","plum","entries","statusColorMapping","statusColor","statusColorTokens","mappedStatusColors","shade10","colorStatusDangerBackground3Hover","danger","colorStatusDangerBackground3Pressed","colorStatusDangerForeground3","colorStatusDangerBorder2","colorStatusSuccessForeground3","success","colorStatusSuccessBorder2","colorStatusWarningForegroundInverted","warning"],"mappings":"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"}
package/lib-commonjs/alias/{highContrastColor.js → highContrastColor.cjs} RENAMED
@@ -8,7 +8,7 @@ Object.defineProperty(exports, "generateColorTokens", {
8
8
  return generateColorTokens;
9
9
  }
10
10
  });
11
- const _colors = require("../global/colors.js");
11
+ const _colors = require("../global/colors.cjs");
12
12
  const generateColorTokens = ()=>({
13
13
  colorNeutralForeground1: _colors.hcCanvasText,
14
14
  colorNeutralForeground1Hover: _colors.hcHighlightText,
package/lib-commonjs/alias/{highContrastColorPalette.js → highContrastColorPalette.cjs} RENAMED
@@ -16,9 +16,9 @@ _export(exports, {
16
16
  return colorStatusTokens;
17
17
  }
18
18
  });
19
- const _colors = require("../global/colors.js");
20
- const _sharedColorNames = require("../sharedColorNames.js");
21
- const _statusColorMapping = require("../statusColorMapping.js");
19
+ const _colors = require("../global/colors.cjs");
20
+ const _sharedColorNames = require("../sharedColorNames.cjs");
21
+ const _statusColorMapping = require("../statusColorMapping.cjs");
22
22
  const statusColorPaletteTokens = _sharedColorNames.statusSharedColorNames.reduce((acc, sharedColor)=>{
23
23
  const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
24
24
  const sharedColorTokens = {
package/lib-commonjs/alias/highContrastColorPalette.cjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/alias/highContrastColorPalette.ts"],"sourcesContent":["import { hcHighlight, hcCanvas, hcCanvasText } from '../global/colors';\nimport { statusSharedColorNames, personaSharedColorNames } from '../sharedColorNames';\nimport type {\n ColorPaletteTokens,\n ColorStatusTokens,\n PersonaColorPaletteTokens,\n StatusColorPaletteTokens,\n} 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`]: hcCanvas,\n [`colorPalette${color}Background2`]: hcCanvas,\n [`colorPalette${color}Background3`]: hcCanvasText,\n [`colorPalette${color}Foreground1`]: hcCanvasText,\n [`colorPalette${color}Foreground2`]: hcCanvasText,\n [`colorPalette${color}Foreground3`]: hcCanvasText,\n [`colorPalette${color}BorderActive`]: hcHighlight,\n [`colorPalette${color}Border1`]: hcCanvasText,\n [`colorPalette${color}Border2`]: hcCanvasText,\n };\n\n return Object.assign(acc, sharedColorTokens);\n}, {} as StatusColorPaletteTokens);\n\n// one-off patches\nstatusColorPaletteTokens.colorPaletteRedForegroundInverted = hcCanvasText;\nstatusColorPaletteTokens.colorPaletteGreenForegroundInverted = hcCanvasText;\nstatusColorPaletteTokens.colorPaletteYellowForegroundInverted = hcCanvasText;\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`]: hcCanvas,\n [`colorPalette${color}Foreground2`]: hcCanvasText,\n [`colorPalette${color}BorderActive`]: hcHighlight,\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`]: hcCanvas,\n [`colorStatus${color}Background2`]: hcCanvas,\n [`colorStatus${color}Background3`]: hcCanvasText,\n [`colorStatus${color}Foreground1`]: hcCanvasText,\n [`colorStatus${color}Foreground2`]: hcCanvasText,\n [`colorStatus${color}Foreground3`]: hcCanvasText,\n [`colorStatus${color}BorderActive`]: hcHighlight,\n [`colorStatus${color}ForegroundInverted`]: hcCanvasText,\n [`colorStatus${color}Border1`]: hcCanvasText,\n [`colorStatus${color}Border2`]: hcCanvasText,\n };\n\n return Object.assign(acc, statusColorTokens);\n },\n {} as ColorStatusTokens,\n);\n\n// one-off overrides for colorStatus tokens\ncolorStatusTokens.colorStatusDangerBackground3Hover = hcHighlight;\ncolorStatusTokens.colorStatusDangerBackground3Pressed = hcHighlight;\n"],"names":["colorPaletteTokens","colorStatusTokens","statusColorPaletteTokens","statusSharedColorNames","reduce","acc","sharedColor","color","slice","toUpperCase","sharedColorTokens","hcCanvas","hcCanvasText","hcHighlight","Object","assign","colorPaletteRedForegroundInverted","colorPaletteGreenForegroundInverted","colorPaletteYellowForegroundInverted","personaColorPaletteTokens","personaSharedColorNames","entries","statusColorMapping","statusColor","statusColorTokens","colorStatusDangerBackground3Hover","colorStatusDangerBackground3Pressed"],"mappings":"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"}
package/lib-commonjs/alias/{lightColor.js → lightColor.cjs} RENAMED
@@ -8,7 +8,7 @@ Object.defineProperty(exports, "generateColorTokens", {
8
8
  return generateColorTokens;
9
9
  }
10
10
  });
11
- const _colors = require("../global/colors.js");
11
+ const _colors = require("../global/colors.cjs");
12
12
  const generateColorTokens = (brand)=>({
13
13
  colorNeutralForeground1: _colors.grey[14],
14
14
  colorNeutralForeground1Hover: _colors.grey[14],
package/lib-commonjs/alias/{lightColorPalette.js → lightColorPalette.cjs} RENAMED
@@ -16,9 +16,9 @@ _export(exports, {
16
16
  return colorStatusTokens;
17
17
  }
18
18
  });
19
- const _colorPalette = require("../global/colorPalette.js");
20
- const _sharedColorNames = require("../sharedColorNames.js");
21
- const _statusColorMapping = require("../statusColorMapping.js");
19
+ const _colorPalette = require("../global/colorPalette.cjs");
20
+ const _sharedColorNames = require("../sharedColorNames.cjs");
21
+ const _statusColorMapping = require("../statusColorMapping.cjs");
22
22
  const statusColorPaletteTokens = _sharedColorNames.statusSharedColorNames.reduce((acc, sharedColor)=>{
23
23
  const color = sharedColor.slice(0, 1).toUpperCase() + sharedColor.slice(1);
24
24
  const sharedColorTokens = {
package/lib-commonjs/alias/lightColorPalette.cjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/alias/lightColorPalette.ts"],"sourcesContent":["import { statusSharedColors, personaSharedColors, mappedStatusColors } from '../global/colorPalette';\nimport { statusSharedColorNames, personaSharedColorNames } from '../sharedColorNames';\nimport type {\n ColorPaletteTokens,\n ColorStatusTokens,\n PersonaColorPaletteTokens,\n StatusColorPaletteTokens,\n} 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":["colorPaletteTokens","colorStatusTokens","statusColorPaletteTokens","statusSharedColorNames","reduce","acc","sharedColor","color","slice","toUpperCase","sharedColorTokens","statusSharedColors","tint60","tint40","primary","shade10","shade30","Object","assign","colorPaletteYellowForeground1","yellow","colorPaletteRedForegroundInverted","red","tint20","colorPaletteGreenForegroundInverted","green","colorPaletteYellowForegroundInverted","personaColorPaletteTokens","personaSharedColorNames","personaSharedColors","entries","statusColorMapping","statusColor","statusColorTokens","mappedStatusColors","tint30","colorStatusDangerBackground3Hover","danger","colorStatusDangerBackground3Pressed","shade20","colorStatusWarningForeground1","warning","colorStatusWarningForeground3","colorStatusWarningBorder2"],"mappings":"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"}
package/lib-commonjs/alias/{teamsDarkColor.js → teamsDarkColor.cjs} RENAMED
@@ -8,7 +8,7 @@ Object.defineProperty(exports, "generateColorTokens", {
8
8
  return generateColorTokens;
9
9
  }
10
10
  });
11
- const _colors = require("../global/colors.js");
11
+ const _colors = require("../global/colors.cjs");
12
12
  const generateColorTokens = (brand)=>({
13
13
  colorNeutralForeground1: _colors.white,
14
14
  colorNeutralForeground1Hover: _colors.white,
package/lib-commonjs/alias/{teamsFontFamilies.js → teamsFontFamilies.cjs} RENAMED
@@ -8,7 +8,7 @@ Object.defineProperty(exports, "fontFamilies", {
8
8
  return fontFamilies;
9
9
  }
10
10
  });
11
- const _fonts = require("../global/fonts.js");
11
+ const _fonts = require("../global/fonts.cjs");
12
12
  const fontFamilies = {
13
13
  ..._fonts.fontFamilies,
14
14
  fontFamilyBase: '-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, "Apple Color Emoji", "Segoe UI Emoji", sans-serif'
package/lib-commonjs/global/{colorPalette.js → colorPalette.cjs} RENAMED
@@ -19,7 +19,7 @@ _export(exports, {
19
19
  return statusSharedColors;
20
20
  }
21
21
  });
22
- const _colors = require("./colors.js");
22
+ const _colors = require("./colors.cjs");
23
23
  const statusSharedColors = {
24
24
  red: _colors.red,
25
25
  green: _colors.green,
package/lib-commonjs/global/colorPalette.cjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/global/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 type { 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":["mappedStatusColors","personaSharedColors","statusSharedColors","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"],"mappings":";;;;;;;;;;;IAiFaA,kBAAkB;eAAlBA;;IA/BAC,mBAAmB;eAAnBA;;IAVAC,kBAAkB;eAAlBA;;;wBAHN;AAGA,MAAMA,qBAAyC;IACpDC,KAAAA,WAAG;IACHC,OAAAA,aAAK;IACLC,YAAAA,kBAAU;IACVC,QAAAA,cAAM;IACNC,OAAAA,aAAK;IACLC,YAAAA,kBAAU;IACVC,UAAAA,gBAAQ;AACV;AAEO,MAAMR,sBAA2C;IACtDS,SAAAA,eAAO;IACPC,WAAAA,iBAAS;IACTC,SAAAA,eAAO;IACPC,OAAAA,aAAK;IACLC,MAAAA,YAAI;IACJC,OAAAA,aAAK;IACLC,OAAAA,aAAK;IACLC,QAAAA,cAAM;IACNC,SAAAA,eAAO;IACPC,WAAAA,iBAAS;IACTC,WAAAA,iBAAS;IACTC,MAAAA,YAAI;IACJC,OAAAA,aAAK;IACLC,MAAAA,YAAI;IACJC,WAAAA,iBAAS;IACTC,YAAAA,kBAAU;IACVC,MAAAA,YAAI;IACJC,UAAAA,gBAAQ;IACRC,QAAAA,cAAM;IACNC,OAAAA,aAAK;IACLC,OAAAA,aAAK;IACLC,MAAAA,YAAI;IACJC,SAAAA,eAAO;IACPC,MAAAA,YAAI;IACJC,OAAAA,aAAK;IACLC,MAAAA,YAAI;IACJC,UAAAA,gBAAQ;IACRC,QAAAA,cAAM;AACR;AAEO,MAAMrC,qBAAyC;IACpDW,WAAAA,iBAAS;IACTP,OAAAA,aAAK;IACLkC,QAAAA,cAAM;AACR"}
package/lib-commonjs/global/{index.js → index.cjs} RENAMED
@@ -238,11 +238,11 @@ _export(exports, {
238
238
  return _colors.yellow;
239
239
  }
240
240
  });
241
- const _borderRadius = require("./borderRadius.js");
242
- const _colors = require("./colors.js");
243
- const _curves = require("./curves.js");
244
- const _durations = require("./durations.js");
245
- const _fonts = require("./fonts.js");
246
- const _spacings = require("./spacings.js");
247
- const _strokeWidths = require("./strokeWidths.js");
248
- const _typographyStyles = require("./typographyStyles.js");
241
+ const _borderRadius = require("./borderRadius.cjs");
242
+ const _colors = require("./colors.cjs");
243
+ const _curves = require("./curves.cjs");
244
+ const _durations = require("./durations.cjs");
245
+ const _fonts = require("./fonts.cjs");
246
+ const _spacings = require("./spacings.cjs");
247
+ const _strokeWidths = require("./strokeWidths.cjs");
248
+ const _typographyStyles = require("./typographyStyles.cjs");
package/lib-commonjs/global/{typographyStyles.js → typographyStyles.cjs} RENAMED
@@ -8,7 +8,7 @@ Object.defineProperty(exports, "typographyStyles", {
8
8
  return typographyStyles;
9
9
  }
10
10
  });
11
- const _tokens = require("../tokens.js");
11
+ const _tokens = require("../tokens.cjs");
12
12
  const typographyStyles = {
13
13
  body1: {
14
14
  fontFamily: _tokens.tokens.fontFamilyBase,
package/lib-commonjs/global/typographyStyles.cjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/global/typographyStyles.ts"],"sourcesContent":["import { tokens } from '../tokens';\nimport type { 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":["typographyStyles","body1","fontFamily","tokens","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"],"mappings":"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"}
package/lib-commonjs/{index.js → index.cjs} RENAMED
@@ -52,8 +52,8 @@ _export(exports, {
52
52
  return _themes.webLightTheme;
53
53
  }
54
54
  });
55
- const _themes = require("./themes/index.js");
56
- const _utils = require("./utils/index.js");
57
- const _themeToTokensObject = require("./themeToTokensObject.js");
58
- const _tokens = require("./tokens.js");
59
- const _global = require("./global/index.js");
55
+ const _themes = require("./themes/index.cjs");
56
+ const _utils = require("./utils/index.cjs");
57
+ const _themeToTokensObject = require("./themeToTokensObject.cjs");
58
+ const _tokens = require("./tokens.cjs");
59
+ const _global = require("./global/index.cjs");
package/lib-commonjs/statusColorMapping.cjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/statusColorMapping.ts"],"sourcesContent":["import type { MappedStatusColorNames } from './types';\n\nexport const statusColorMapping: Record<string, MappedStatusColorNames> = {\n success: 'green',\n warning: 'orange',\n danger: 'cranberry',\n};\n"],"names":["statusColorMapping","success","warning","danger"],"mappings":";;;;+BAEaA;;;eAAAA;;;AAAN,MAAMA,qBAA6D;IACxEC,SAAS;IACTC,SAAS;IACTC,QAAQ;AACV"}
package/lib-commonjs/themeToTokensObject.cjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/themeToTokensObject.ts"],"sourcesContent":["import type { Theme } from './types';\n\n/**\n * Programmatically generates a tokens to css variables mapping object from the keys in a theme.\n * This helps with ease of use as a user of a custom theme does not have to manually construct this object, but it could\n * affect tree-shaking since bundlers do not know the shape of the output.\n *\n * @param theme - Theme from which to get the keys to generate the tokens to css variables mapping object\n * @returns Tokens to css variables mapping object corresponding to the passed theme\n */\nexport function themeToTokensObject<TTheme extends Theme>(theme: TTheme): Record<keyof TTheme, string> {\n const tokens = {} as Record<keyof TTheme, string>;\n const keys = Object.keys(theme) as (keyof TTheme)[];\n for (const key of keys) {\n tokens[key] = `var(--${String(key)})`;\n }\n return tokens;\n}\n"],"names":["themeToTokensObject","theme","tokens","keys","Object","key","String"],"mappings":";;;;+BAUgBA;;;eAAAA;;;AAAT,SAASA,oBAA0CC,KAAa;IACrE,MAAMC,SAAS,CAAC;IAChB,MAAMC,OAAOC,OAAOD,IAAI,CAACF;IACzB,KAAK,MAAMI,OAAOF,KAAM;QACtBD,MAAM,CAACG,IAAI,GAAG,CAAC,MAAM,EAAEC,OAAOD,KAAK,CAAC,CAAC;IACvC;IACA,OAAOH;AACT"}
package/lib-commonjs/themes/{index.js → index.cjs} RENAMED
@@ -31,5 +31,5 @@ _export(exports, {
31
31
  return _index1.webLightTheme;
32
32
  }
33
33
  });
34
- const _index = require("./teams/index.js");
35
- const _index1 = require("./web/index.js");
34
+ const _index = require("./teams/index.cjs");
35
+ const _index1 = require("./web/index.cjs");
package/lib-commonjs/themes/teams/{darkTheme.js → darkTheme.cjs} RENAMED
@@ -16,9 +16,9 @@ _export(exports, {
16
16
  return teamsDarkV21Theme;
17
17
  }
18
18
  });
19
- const _createTeamsDarkTheme = require("../../utils/createTeamsDarkTheme.js");
20
- const _brandColors = require("../../global/brandColors.js");
21
- const _teamsFontFamilies = require("../../alias/teamsFontFamilies.js");
19
+ const _createTeamsDarkTheme = require("../../utils/createTeamsDarkTheme.cjs");
20
+ const _brandColors = require("../../global/brandColors.cjs");
21
+ const _teamsFontFamilies = require("../../alias/teamsFontFamilies.cjs");
22
22
  const teamsDarkTheme = {
23
23
  ...(0, _createTeamsDarkTheme.createTeamsDarkTheme)(_brandColors.brandTeams),
24
24
  ..._teamsFontFamilies.fontFamilies
package/lib-commonjs/themes/teams/{highContrastTheme.js → highContrastTheme.cjs} RENAMED
@@ -8,8 +8,8 @@ Object.defineProperty(exports, "teamsHighContrastTheme", {
8
8
  return teamsHighContrastTheme;
9
9
  }
10
10
  });
11
- const _createHighContrastTheme = require("../../utils/createHighContrastTheme.js");
12
- const _teamsFontFamilies = require("../../alias/teamsFontFamilies.js");
11
+ const _createHighContrastTheme = require("../../utils/createHighContrastTheme.cjs");
12
+ const _teamsFontFamilies = require("../../alias/teamsFontFamilies.cjs");
13
13
  const teamsHighContrastTheme = {
14
14
  ...(0, _createHighContrastTheme.createHighContrastTheme)(),
15
15
  ..._teamsFontFamilies.fontFamilies
package/lib-commonjs/themes/teams/{index.js → index.cjs} RENAMED
@@ -25,6 +25,6 @@ _export(exports, {
25
25
  return _lightTheme.teamsLightV21Theme;
26
26
  }
27
27
  });
28
- const _lightTheme = require("./lightTheme.js");
29
- const _darkTheme = require("./darkTheme.js");
30
- const _highContrastTheme = require("./highContrastTheme.js");
28
+ const _lightTheme = require("./lightTheme.cjs");
29
+ const _darkTheme = require("./darkTheme.cjs");
30
+ const _highContrastTheme = require("./highContrastTheme.cjs");
package/lib-commonjs/themes/teams/{lightTheme.js → lightTheme.cjs} RENAMED
@@ -16,9 +16,9 @@ _export(exports, {
16
16
  return teamsLightV21Theme;
17
17
  }
18
18
  });
19
- const _createLightTheme = require("../../utils/createLightTheme.js");
20
- const _brandColors = require("../../global/brandColors.js");
21
- const _teamsFontFamilies = require("../../alias/teamsFontFamilies.js");
19
+ const _createLightTheme = require("../../utils/createLightTheme.cjs");
20
+ const _brandColors = require("../../global/brandColors.cjs");
21
+ const _teamsFontFamilies = require("../../alias/teamsFontFamilies.cjs");
22
22
  const teamsLightTheme = {
23
23
  ...(0, _createLightTheme.createLightTheme)(_brandColors.brandTeams),
24
24
  ..._teamsFontFamilies.fontFamilies
package/lib-commonjs/themes/web/{darkTheme.js → darkTheme.cjs} RENAMED
@@ -8,6 +8,6 @@ Object.defineProperty(exports, "webDarkTheme", {
8
8
  return webDarkTheme;
9
9
  }
10
10
  });
11
- const _createDarkTheme = require("../../utils/createDarkTheme.js");
12
- const _brandColors = require("../../global/brandColors.js");
11
+ const _createDarkTheme = require("../../utils/createDarkTheme.cjs");
12
+ const _brandColors = require("../../global/brandColors.cjs");
13
13
  const webDarkTheme = (0, _createDarkTheme.createDarkTheme)(_brandColors.brandWeb);
package/lib-commonjs/themes/web/{index.js → index.cjs} RENAMED
@@ -16,5 +16,5 @@ _export(exports, {
16
16
  return _lightTheme.webLightTheme;
17
17
  }
18
18
  });
19
- const _lightTheme = require("./lightTheme.js");
20
- const _darkTheme = require("./darkTheme.js");
19
+ const _lightTheme = require("./lightTheme.cjs");
20
+ const _darkTheme = require("./darkTheme.cjs");
package/lib-commonjs/themes/web/{lightTheme.js → lightTheme.cjs} RENAMED
@@ -8,6 +8,6 @@ Object.defineProperty(exports, "webLightTheme", {
8
8
  return webLightTheme;
9
9
  }
10
10
  });
11
- const _createLightTheme = require("../../utils/createLightTheme.js");
12
- const _brandColors = require("../../global/brandColors.js");
11
+ const _createLightTheme = require("../../utils/createLightTheme.cjs");
12
+ const _brandColors = require("../../global/brandColors.cjs");
13
13
  const webLightTheme = (0, _createLightTheme.createLightTheme)(_brandColors.brandWeb);