@caspeco/casper-ui-library 9.4.0 → 9.6.0

package/dist/theme/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../lib/theme/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,YAAY,EAAE,KAAK,aAAa,EAAE,MAAM,kBAAkB,CAAC;AActG,OAAO,EAAE,KAAK,gBAAgB,EAAsB,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AAqChG;;;GAGG;AACH,eAAO,MAAM,MAAM,0CAAsD,CAAC;AAE1E,UAAU,aAAa;IACtB,SAAS,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;IACtC,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,KAAK,CAAC,EAAE,eAAe,CAAC;CACxB;AAED,wBAAgB,yBAAyB,CAAC,OAAO,EAAE,aAAa,4CAE/D;AAED,wBAAgB,YAAY,IAAI,aAAa,CAAC,QAAQ,CAAC,CAkEtD;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,oBAAoB,CACnC,MAAM,EAAE,gBAAgB,EACxB,KAAK,EAAE,eAAe,GACpB,aAAa,CAAC,gBAAgB,CAAC,CAuGjC"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../lib/theme/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,YAAY,EAAE,KAAK,aAAa,EAAE,MAAM,kBAAkB,CAAC;AActG,OAAO,EAAE,KAAK,gBAAgB,EAAsB,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AAqChG;;;GAGG;AACH,eAAO,MAAM,MAAM,0CAAsD,CAAC;AAE1E,UAAU,aAAa;IACtB,SAAS,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;IACtC,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,KAAK,CAAC,EAAE,eAAe,CAAC;CACxB;AAED,wBAAgB,yBAAyB,CAAC,OAAO,EAAE,aAAa,4CAE/D;AAED,wBAAgB,YAAY,IAAI,aAAa,CAAC,QAAQ,CAAC,CAkEtD;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,oBAAoB,CACnC,MAAM,EAAE,gBAAgB,EACxB,KAAK,EAAE,eAAe,GACpB,aAAa,CAAC,gBAAgB,CAAC,CAoHjC"}

package/dist/theme/theme.js

@@ -1,12 +1,12 @@
-import { createSystem as v, defaultConfig as k } from "@chakra-ui/react";
-import { componentSlotRecipes as y, componentRecipes as p } from "./component-recipes.js";
-import { casperUITheme as S } from "./theme-casper-ui.js";
-import { ThemeFontToken as o, ThemeColorToken as r, ThemeIconSizeToken as d, ThemeBreakPointToken as u, ThemeShadowToken as D, ThemeFontSizeToken as i, ThemeRadiusToken as c, ThemeSpaceToken as m, ThemeBorderToken as g } from "./theme-tokens.js";
-import { ThemeColorVariable as C } from "./theme-types.js";
-function f({
-  globalCss: e = S.globalStyles,
-  colors: t = S.colors,
-  fonts: h = S.fonts
+import { createSystem as h, defaultConfig as d } from "@chakra-ui/react";
+import { componentSlotRecipes as H, componentRecipes as y } from "./component-recipes.js";
+import { casperUITheme as c } from "./theme-casper-ui.js";
+import { ThemeFontToken as v, ThemeColorToken as n, ThemeIconSizeToken as k, ThemeBreakPointToken as m, ThemeShadowToken as C, ThemeFontSizeToken as t, ThemeRadiusToken as g, ThemeSpaceToken as u, ThemeBorderToken as D } from "./theme-tokens.js";
+import { ThemeColorVariable as S } from "./theme-types.js";
+function A({
+  globalCss: e = c.globalStyles,
+  colors: i = c.colors,
+  fonts: o = c.fonts
 } = {}) {
   return {
     cssVarsPrefix: "theme",
@@ -14,240 +14,252 @@ function f({
     preflight: !0,
     disableLayers: !0,
     theme: {
-      tokens: H(),
-      semanticTokens: B(t, h),
-      recipes: p,
-      slotRecipes: y
+      tokens: p(),
+      semanticTokens: B(i, o),
+      recipes: y,
+      slotRecipes: H
     }
   };
 }
-function A() {
-  return delete k.globalCss, delete k.theme?.textStyles, delete k.theme?.tokens?.colors, delete k.theme?.tokens?.fontSizes, delete k.theme?.tokens?.fonts, delete k.theme?.tokens?.sizes, delete k.theme?.semanticTokens?.colors, k;
+function f() {
+  return delete d.globalCss, delete d.theme?.textStyles, delete d.theme?.tokens?.colors, delete d.theme?.tokens?.fontSizes, delete d.theme?.tokens?.fonts, delete d.theme?.tokens?.sizes, delete d.theme?.semanticTokens?.colors, d;
 }
-v(A(), f());
+h(f(), A());
 function w(e) {
-  return v(A(), f(e));
+  return h(f(), A(e));
 }
-function H() {
+function p() {
   return {
     borders: {
-      [g.None]: a("none"),
-      [g.XSmall]: a("0.0625rem solid"),
+      [D.None]: a("none"),
+      [D.XSmall]: a("0.0625rem solid"),
       // 1px
-      [g.Small]: a("0.125rem solid"),
+      [D.Small]: a("0.125rem solid"),
       // 2px
-      [g.Medium]: a("0.25rem solid"),
+      [D.Medium]: a("0.25rem solid"),
       // 4px
-      [g.Large]: a("0.5rem solid"),
+      [D.Large]: a("0.5rem solid"),
       // 8px
-      [g.XLarge]: a("0.5rem solid")
+      [D.XLarge]: a("0.5rem solid")
       // 8px purposly same as Large for now
     },
     spacing: {
-      [m.None]: a("0"),
-      [m.XSmall]: a("0.25rem"),
+      [u.None]: a("0"),
+      [u.XSmall]: a("0.25rem"),
       // 4px
-      [m.Small]: a("0.5rem"),
+      [u.Small]: a("0.5rem"),
       // 8px
-      [m.Medium]: a("1rem"),
+      [u.Medium]: a("1rem"),
       // 16px
-      [m.Large]: a("2rem"),
+      [u.Large]: a("2rem"),
       // 32px
-      [m.XLarge]: a("3rem"),
+      [u.XLarge]: a("3rem"),
       // 48px
-      [m.X2Large]: a("5rem")
+      [u.X2Large]: a("5rem")
       // 80px
     },
     radii: {
-      [c.None]: a("0"),
-      [c.XSmall]: a("0.125rem"),
+      [g.None]: a("0"),
+      [g.XSmall]: a("0.125rem"),
       // 2px
-      [c.Small]: a("0.25rem"),
+      [g.Small]: a("0.25rem"),
       // 4px
-      [c.Medium]: a("0.5rem"),
+      [g.Medium]: a("0.5rem"),
       // 8px
-      [c.Large]: a("1rem"),
+      [g.Large]: a("1rem"),
       // 16px
-      [c.XLarge]: a("31.25rem")
+      [g.XLarge]: a("31.25rem")
       // 500px
     },
     fontSizes: {
-      [i.XSmall]: a("0.75rem"),
+      [t.XSmall]: a("0.75rem"),
       // 12px
-      [i.Small]: a("0.875rem"),
+      [t.Small]: a("0.875rem"),
       // 14px
-      [i.Medium]: a("1rem"),
+      [t.Medium]: a("1rem"),
       // 16px
-      [i.Large]: a("1.125rem"),
+      [t.Large]: a("1.125rem"),
       // 18px
-      [i.XLarge]: a("1.5rem"),
+      [t.XLarge]: a("1.5rem"),
       // 24px
-      [i.X2Large]: a("2rem"),
+      [t.X2Large]: a("2rem"),
       // 32px
-      [i.X3Large]: a("2.5rem"),
+      [t.X3Large]: a("2.5rem"),
       // 40px
-      [i.X4Large]: a("3.25rem"),
+      [t.X4Large]: a("3.25rem"),
       // 52px
-      [i.X5Large]: a("4rem"),
+      [t.X5Large]: a("4rem"),
       // 64px
-      [i.X6Large]: a("5rem")
+      [t.X6Large]: a("5rem")
       // 80px
     },
     shadows: {
-      [D.Small]: a(`0px 4px 12px 0px ${C.ShadowCard}`),
-      [D.Medium]: a(`0px 4px 20px 4px ${C.ShadowCard}`),
-      [D.Large]: a(`0px 8px 40px 8px ${C.ShadowCard}`),
-      [D.Header]: a(`0px 8px 40px 8px ${C.ShadowHeader}`),
-      [D.Footer]: a(`0px 0px 16px 0px ${C.ShadowFooter}`)
+      [C.Small]: a(`0px 4px 12px 0px ${S.ShadowCard}`),
+      [C.Medium]: a(`0px 4px 20px 4px ${S.ShadowCard}`),
+      [C.Large]: a(`0px 8px 40px 8px ${S.ShadowCard}`),
+      [C.Header]: a(`0px 8px 40px 8px ${S.ShadowHeader}`),
+      [C.Footer]: a(`0px 0px 16px 0px ${S.ShadowFooter}`)
     },
     breakpoints: {
-      [u.Base]: a("0em"),
-      [u.Small]: a("30em"),
+      [m.Base]: a("0em"),
+      [m.Small]: a("30em"),
       // 480px
-      [u.Medium]: a("48em"),
+      [m.Medium]: a("48em"),
       // 768px
-      [u.Large]: a("62em"),
+      [m.Large]: a("62em"),
       // 992px
-      [u.XLarge]: a("80em"),
+      [m.XLarge]: a("80em"),
       // 1280px
-      [u.X2Large]: a("96em")
+      [m.X2Large]: a("96em")
       // 1536px
     },
     sizes: {
       icons: {
-        [d.XSmall]: a("1rem"),
+        [k.XSmall]: a("1rem"),
         // 16px
-        [d.Small]: a("1.25rem"),
+        [k.Small]: a("1.25rem"),
         // 20px
-        [d.Medium]: a("1.5rem"),
+        [k.Medium]: a("1.5rem"),
         // 24px
-        [d.Large]: a("2rem"),
+        [k.Large]: a("2rem"),
         // 32px
-        [d.XLarge]: a("2.5rem"),
+        [k.XLarge]: a("2.5rem"),
         // 40px
-        [d.X2Large]: a("3rem"),
+        [k.X2Large]: a("3rem"),
         // 48 px
-        [d.X3Large]: a("3.5rem")
+        [k.X3Large]: a("3.5rem")
         // 56px
       }
     }
   };
 }
-function B(e, t) {
+function B(e, i) {
   return {
     colors: {
-      [r.Primary]: n(e.primary, e.primaryDark),
-      [r.PrimaryHover]: n(e.primaryHover, e.primaryHoverDark),
-      [r.PrimaryActive]: n(e.primaryActive, e.primaryActiveDark),
-      [r.OnPrimary]: n(e.onPrimary, e.onPrimaryDark),
-      [r.PrimaryContainer]: n(e.primaryContainer, e.primaryContainerDark),
-      [r.OnPrimaryContainer]: n(e.onPrimaryContainer, e.onPrimaryContainerDark),
-      [r.Secondary]: n(e.secondary, e.secondaryDark),
-      [r.SecondaryHover]: n(e.secondaryHover, e.secondaryHoverDark),
-      [r.SecondaryActive]: n(e.secondaryActive, e.secondaryActiveDark),
-      [r.OnSecondary]: n(e.onSecondary, e.onSecondaryDark),
-      [r.SecondaryContainer]: n(e.secondaryContainer, e.secondaryContainerDark),
-      [r.OnSecondaryContainer]: n(e.onSecondaryContainer, e.onSecondaryContainerDark),
-      [r.Accent]: n(e.accent, e.accentDark),
-      [r.AccentHover]: n(e.accentHover, e.accentHoverDark),
-      [r.AccentHoverAlpha]: n(e.accentHoverAlpha, e.accentHoverAlphaDark),
-      [r.AccentActive]: n(e.accentActive, e.accentActiveDark),
-      [r.AccentActiveAlpha]: n(e.accentActiveAlpha, e.accentActiveAlphaDark),
-      [r.OnAccent]: n(e.onAccent, e.onAccentDark),
-      [r.AccentContainer]: n(e.accentContainer, e.accentContainerDark),
-      [r.OnAccentContainer]: n(e.onAccentContainer, e.onAccentContainerDark),
-      [r.Background]: n(e.background, e.backgroundDark),
-      [r.OnBackground]: n(e.onBackground, e.onBackgroundDark),
-      [r.OnBackgroundBorder]: n(e.onBackgroundBorder, e.onBackgroundBorderDark),
-      [r.OnBackgroundSubdued]: n(e.onBackgroundSubdued, e.onBackgroundSubduedDark),
-      [r.BackgroundDisabled]: n(e.backgroundDisabled, e.backgroundDisabledDark),
-      [r.OnBackgroundHeader]: n(e.onBackgroundHeader, e.onBackgroundHeaderDark),
-      [r.Surface]: n(e.surface, e.surfaceDark),
-      [r.OnSurface]: n(e.onSurface, e.onSurfaceDark),
-      [r.ViewHeaderBackground]: n(e.viewHeaderBackground, e.viewHeaderBackgroundDark),
-      [r.OnSurfaceBorder]: n(e.onSurfaceBorder, e.onSurfaceBorderDark),
-      [r.OnSurfaceSubdued]: n(e.onSurfaceSubdued, e.onSurfaceSubduedDark),
-      [r.SurfaceDisabled]: n(e.surfaceDisabled, e.surfaceDisabledDark),
-      [r.OnSurfaceHeader]: n(e.onSurfaceHeader, e.onSurfaceHeaderDark),
-      [r.Info]: n(e.info, e.infoDark),
-      [r.InfoHover]: n(e.infoHover, e.infoHoverDark),
-      [r.InfoActive]: n(e.infoActive, e.infoActiveDark),
-      [r.OnInfo]: n(e.onInfo, e.onInfoDark),
-      [r.InfoContainer]: n(e.infoContainer, e.infoContainerDark),
-      [r.OnInfoContainer]: n(e.onInfoContainer, e.onInfoContainerDark),
-      [r.Success]: n(e.success, e.successDark),
-      [r.SuccessHover]: n(e.successHover, e.successHoverDark),
-      [r.SuccessActive]: n(e.successActive, e.successActiveDark),
-      [r.OnSuccess]: n(e.onSuccess, e.onSuccessDark),
-      [r.SuccessContainer]: n(e.successContainer, e.successContainerDark),
-      [r.OnSuccessContainer]: n(e.onSuccessContainer, e.onSuccessContainerDark),
-      [r.Warning]: n(e.warning, e.warningDark),
-      [r.WarningHover]: n(e.warningHover, e.warningHoverDark),
-      [r.WarningActive]: n(e.warningActive, e.warningActiveDark),
-      [r.OnWarning]: n(e.onWarning, e.onWarningDark),
-      [r.WarningContainer]: n(e.warningContainer, e.warningContainerDark),
-      [r.OnWarningContainer]: n(e.onWarningContainer, e.onWarningContainerDark),
-      [r.Error]: n(e.error, e.errorDark),
-      [r.ErrorHover]: n(e.errorHover, e.errorHoverDark),
-      [r.ErrorActive]: n(e.errorActive, e.errorActiveDark),
-      [r.OnError]: n(e.onError, e.onErrorDark),
-      [r.ErrorContainer]: n(e.errorContainer, e.errorContainerDark),
-      [r.OnErrorContainer]: n(e.onErrorContainer, e.onErrorContainerDark),
-      [r.Neutral]: n(e.neutral, e.neutralDark),
-      [r.NeutralHover]: n(e.neutralHover, e.neutralHoverDark),
-      [r.NeutralActive]: n(e.neutralActive, e.neutralActiveDark),
-      [r.OnNeutral]: n(e.onNeutral, e.onNeutralDark),
-      [r.NeutralContainer]: n(e.neutralContainer, e.neutralContainerDark),
-      [r.OnNeutralContainer]: n(e.onNeutralContainer, e.onNeutralContainerDark),
-      [r.Highlight]: n("#FFE81A", "#FBE952"),
-      [r.OnHighlight]: n("#151411", "#151411"),
-      [r.Shadow]: n("#000000"),
-      [r.ModalOverlay]: n("#FAFAFA50"),
-      // 80% opacity
-      [r.ViewFinderOverlay]: n("#00000078"),
+      [n.Primary]: r(e.primary, e.primaryDark),
+      [n.PrimaryHover]: r(e.primaryHover, e.primaryHoverDark),
+      [n.PrimaryActive]: r(e.primaryActive, e.primaryActiveDark),
+      [n.OnPrimary]: r(e.onPrimary, e.onPrimaryDark),
+      [n.PrimaryContainer]: r(e.primaryContainer, e.primaryContainerDark),
+      [n.OnPrimaryContainer]: r(e.onPrimaryContainer, e.onPrimaryContainerDark),
+      [n.Secondary]: r(e.secondary, e.secondaryDark),
+      [n.SecondaryHover]: r(e.secondaryHover, e.secondaryHoverDark),
+      [n.SecondaryActive]: r(e.secondaryActive, e.secondaryActiveDark),
+      [n.OnSecondary]: r(e.onSecondary, e.onSecondaryDark),
+      [n.SecondaryContainer]: r(e.secondaryContainer, e.secondaryContainerDark),
+      [n.OnSecondaryContainer]: r(e.onSecondaryContainer, e.onSecondaryContainerDark),
+      [n.Accent]: r(e.accent, e.accentDark),
+      [n.AccentHover]: r(e.accentHover, e.accentHoverDark),
+      [n.AccentHoverAlpha]: r(e.accentHoverAlpha, e.accentHoverAlphaDark),
+      [n.AccentActive]: r(e.accentActive, e.accentActiveDark),
+      [n.AccentActiveAlpha]: r(e.accentActiveAlpha, e.accentActiveAlphaDark),
+      [n.OnAccent]: r(e.onAccent, e.onAccentDark),
+      [n.AccentContainer]: r(e.accentContainer, e.accentContainerDark),
+      [n.OnAccentContainer]: r(e.onAccentContainer, e.onAccentContainerDark),
+      [n.Background]: r(e.background, e.backgroundDark),
+      [n.OnBackground]: r(e.onBackground, e.onBackgroundDark),
+      [n.OnBackgroundBorder]: r(e.onBackgroundBorder, e.onBackgroundBorderDark),
+      [n.OnBackgroundSubdued]: r(e.onBackgroundSubdued, e.onBackgroundSubduedDark),
+      [n.BackgroundDisabled]: r(e.backgroundDisabled, e.backgroundDisabledDark),
+      [n.OnBackgroundHeader]: r(e.onBackgroundHeader, e.onBackgroundHeaderDark),
+      [n.Surface]: r(e.surface, e.surfaceDark),
+      [n.OnSurface]: r(e.onSurface, e.onSurfaceDark),
+      [n.ViewHeaderBackground]: r(e.viewHeaderBackground, e.viewHeaderBackgroundDark),
+      [n.OnSurfaceBorder]: r(e.onSurfaceBorder, e.onSurfaceBorderDark),
+      [n.OnSurfaceSubdued]: r(e.onSurfaceSubdued, e.onSurfaceSubduedDark),
+      [n.SurfaceDisabled]: r(e.surfaceDisabled, e.surfaceDisabledDark),
+      [n.OnSurfaceHeader]: r(e.onSurfaceHeader, e.onSurfaceHeaderDark),
+      [n.Info]: r(e.info, e.infoDark),
+      [n.InfoHover]: r(e.infoHover, e.infoHoverDark),
+      [n.InfoActive]: r(e.infoActive, e.infoActiveDark),
+      [n.OnInfo]: r(e.onInfo, e.onInfoDark),
+      [n.InfoContainer]: r(e.infoContainer, e.infoContainerDark),
+      [n.OnInfoContainer]: r(e.onInfoContainer, e.onInfoContainerDark),
+      [n.Success]: r(e.success, e.successDark),
+      [n.SuccessHover]: r(e.successHover, e.successHoverDark),
+      [n.SuccessActive]: r(e.successActive, e.successActiveDark),
+      [n.OnSuccess]: r(e.onSuccess, e.onSuccessDark),
+      [n.SuccessContainer]: r(e.successContainer, e.successContainerDark),
+      [n.OnSuccessContainer]: r(e.onSuccessContainer, e.onSuccessContainerDark),
+      [n.Warning]: r(e.warning, e.warningDark),
+      [n.WarningHover]: r(e.warningHover, e.warningHoverDark),
+      [n.WarningActive]: r(e.warningActive, e.warningActiveDark),
+      [n.OnWarning]: r(e.onWarning, e.onWarningDark),
+      [n.WarningContainer]: r(e.warningContainer, e.warningContainerDark),
+      [n.OnWarningContainer]: r(e.onWarningContainer, e.onWarningContainerDark),
+      [n.Error]: r(e.error, e.errorDark),
+      [n.ErrorHover]: r(e.errorHover, e.errorHoverDark),
+      [n.ErrorActive]: r(e.errorActive, e.errorActiveDark),
+      [n.OnError]: r(e.onError, e.onErrorDark),
+      [n.ErrorContainer]: r(e.errorContainer, e.errorContainerDark),
+      [n.OnErrorContainer]: r(e.onErrorContainer, e.onErrorContainerDark),
+      [n.Neutral]: r(e.neutral, e.neutralDark),
+      [n.NeutralHover]: r(e.neutralHover, e.neutralHoverDark),
+      [n.NeutralActive]: r(e.neutralActive, e.neutralActiveDark),
+      [n.OnNeutral]: r(e.onNeutral, e.onNeutralDark),
+      [n.NeutralContainer]: r(e.neutralContainer, e.neutralContainerDark),
+      [n.OnNeutralContainer]: r(e.onNeutralContainer, e.onNeutralContainerDark),
+      [n.Muted]: r(e.muted, e.mutedDark),
+      [n.MutedHover]: r(e.mutedHover, e.mutedHoverDark),
+      [n.MutedActive]: r(e.mutedActive, e.mutedActiveDark),
+      [n.OnMuted]: r(e.onMuted, e.onMutedDark),
+      [n.MutedContainer]: r(e.mutedContainer, e.mutedContainerDark),
+      [n.OnMutedContainer]: r(e.onMutedContainer, e.onMutedContainerDark),
+      [n.Strong]: r(e.strong, e.strongDark),
+      [n.StrongHover]: r(e.strongHover, e.strongHoverDark),
+      [n.StrongActive]: r(e.strongActive, e.strongActiveDark),
+      [n.OnStrong]: r(e.onStrong, e.onStrongDark),
+      [n.StrongContainer]: r(e.strongContainer, e.strongContainerDark),
+      [n.OnStrongContainer]: r(e.onStrongContainer, e.onStrongContainerDark),
+      [n.Highlight]: r(e.highlight, e.highlightDark),
+      [n.OnHighlight]: r(e.onHighlight, e.onHighlightDark),
+      [n.Shadow]: r("#000000"),
+      [n.ModalOverlay]: r("#F6F5F4CC", "#0B2533CC"),
+      [n.ViewFinderOverlay]: r("#0000007A"),
       // 48% opacity
-      [r.ShadowHeader]: n("#0000003D"),
+      [n.ShadowHeader]: r("#0000003D"),
       // 24% opacity
-      [r.ShadowFooter]: n("#00000029"),
+      [n.ShadowFooter]: r("#00000029"),
       // 16% opacity
-      [r.ShadowCard]: n("#00000029"),
+      [n.ShadowCard]: r("#00000029"),
       // 16% opacity
-      [r.ShadowScroll]: n("#0000001F"),
+      [n.ShadowScroll]: r("#0000001F"),
       // 12% opacity
-      [r.PickerOnPicker]: n("#151411"),
-      [r.PickerBerry]: n("#A9B2CD"),
-      [r.PickerBerryLight]: n("#CAD0E7"),
-      [r.PickerCoral]: n("#F69C9C"),
-      [r.PickerCoralLight]: n("#FFCCCC"),
-      [r.PickerFlamingo]: n("#E39FB6"),
-      [r.PickerFlamingoLight]: n("#F1C6D1"),
-      [r.PickerFog]: n("#C3C3C3"),
-      [r.PickerFogLight]: n("#D9D9D9"),
-      [r.PickerHoney]: n("#F2B961"),
-      [r.PickerHoneyLight]: n("#F8D9A8"),
-      [r.PickerLemon]: n("#F5EE77"),
-      [r.PickerLemonLight]: n("#F4F0AF"),
-      [r.PickerLime]: n("#9BC87E"),
-      [r.PickerLimeLight]: n("#CAE1BA"),
-      [r.PickerOlive]: n("#9BCDB6"),
-      [r.PickerOliveLight]: n("#CBE4D7"),
-      [r.PickerPlum]: n("#D2A5C2"),
-      [r.PickerPlumLight]: n("#E5C3DA"),
-      [r.PickerSky]: n("#84C1E9"),
-      [r.PickerSkyLight]: n("#BFDDF2")
+      [n.ViewHeaderSurface]: r("#FDFDFDE0", "#0D2B3BE0"),
+      [n.PickerOnPicker]: r("#151411"),
+      [n.PickerBerry]: r("#A9B2CD"),
+      [n.PickerBerryLight]: r("#CAD0E7"),
+      [n.PickerCoral]: r("#F69C9C"),
+      [n.PickerCoralLight]: r("#FFCCCC"),
+      [n.PickerFlamingo]: r("#E39FB6"),
+      [n.PickerFlamingoLight]: r("#F1C6D1"),
+      [n.PickerFog]: r("#C3C3C3"),
+      [n.PickerFogLight]: r("#D9D9D9"),
+      [n.PickerHoney]: r("#F2B961"),
+      [n.PickerHoneyLight]: r("#F8D9A8"),
+      [n.PickerLemon]: r("#F5EE77"),
+      [n.PickerLemonLight]: r("#F4F0AF"),
+      [n.PickerLime]: r("#9BC87E"),
+      [n.PickerLimeLight]: r("#CAE1BA"),
+      [n.PickerOlive]: r("#9BCDB6"),
+      [n.PickerOliveLight]: r("#CBE4D7"),
+      [n.PickerPlum]: r("#D2A5C2"),
+      [n.PickerPlumLight]: r("#E5C3DA"),
+      [n.PickerSky]: r("#84C1E9"),
+      [n.PickerSkyLight]: r("#BFDDF2")
     },
     fonts: {
-      [o.Body]: a(t.body),
-      [o.Header]: a(t.header),
-      [o.SubHeader]: a(t.subheader)
+      [v.Body]: a(i.body),
+      [v.Header]: a(i.header),
+      [v.SubHeader]: a(i.subheader)
     }
   };
 }
-function n(e, t) {
+function r(e, i) {
   return {
     value: {
       base: e,
-      ...t ? { _dark: t } : {}
+      ...i ? { _dark: i } : {}
     }
   };
 }
@@ -257,5 +269,5 @@ function a(e) {
 export {
   B as createSemanticTokens,
   w as createSystemWithOverrides,
-  H as createTokens
+  p as createTokens
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@caspeco/casper-ui-library",
-	"version": "9.4.0",
+	"version": "9.6.0",
 	"prettier": "@caspeco/prettier-config",
 	"type": "module",
 	"sideEffects": false,