@caspeco/casper-ui-library 9.5.0 → 9.6.0

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 (33) hide show
  1. package/dist/components/combobox/combobox-item.js +6 -6
  2. package/dist/components/combobox/types.d.ts +1 -2
  3. package/dist/components/combobox/types.d.ts.map +1 -1
  4. package/dist/components/fieldset/fieldset-error-text.d.ts +1 -1
  5. package/dist/components/fieldset/fieldset-error-text.d.ts.map +1 -1
  6. package/dist/components/fieldset/fieldset-helper-text.d.ts +1 -1
  7. package/dist/components/fieldset/fieldset-helper-text.d.ts.map +1 -1
  8. package/dist/components/fieldset/fieldset-legend.d.ts +1 -1
  9. package/dist/components/fieldset/fieldset-legend.d.ts.map +1 -1
  10. package/dist/components/tag/tag-recipe.d.ts.map +1 -1
  11. package/dist/components/tag/tag-recipe.js +49 -54
  12. package/dist/components/tag/tag.composition.d.ts +0 -1
  13. package/dist/components/tag/tag.composition.d.ts.map +1 -1
  14. package/dist/components/tag/tag.d.ts +3 -1
  15. package/dist/components/tag/tag.d.ts.map +1 -1
  16. package/dist/components/tag/tag.js +21 -21
  17. package/dist/components/tag/types.d.ts +2 -2
  18. package/dist/components/tag/types.d.ts.map +1 -1
  19. package/dist/test-utils/create-visual-tests.d.ts +14 -3
  20. package/dist/test-utils/create-visual-tests.d.ts.map +1 -1
  21. package/dist/test-utils/render-for-visual-test.d.ts +1 -0
  22. package/dist/test-utils/render-for-visual-test.d.ts.map +1 -1
  23. package/dist/theme/theme-casper-ui.d.ts.map +1 -1
  24. package/dist/theme/theme-casper-ui.js +84 -55
  25. package/dist/theme/theme-tokens.d.ts +16 -3
  26. package/dist/theme/theme-tokens.d.ts.map +1 -1
  27. package/dist/theme/theme-tokens.js +6 -6
  28. package/dist/theme/theme-types.d.ts +42 -5
  29. package/dist/theme/theme-types.d.ts.map +1 -1
  30. package/dist/theme/theme-types.js +3 -3
  31. package/dist/theme/theme.d.ts.map +1 -1
  32. package/dist/theme/theme.js +178 -166
  33. package/package.json +1 -1
@@ -1,12 +1,12 @@
1
- import { createSystem as v, defaultConfig as k } from "@chakra-ui/react";
2
- import { componentSlotRecipes as y, componentRecipes as p } from "./component-recipes.js";
3
- import { casperUITheme as S } from "./theme-casper-ui.js";
4
- 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";
5
- import { ThemeColorVariable as C } from "./theme-types.js";
6
- function f({
7
- globalCss: e = S.globalStyles,
8
- colors: t = S.colors,
9
- fonts: h = S.fonts
1
+ import { createSystem as h, defaultConfig as d } from "@chakra-ui/react";
2
+ import { componentSlotRecipes as H, componentRecipes as y } from "./component-recipes.js";
3
+ import { casperUITheme as c } from "./theme-casper-ui.js";
4
+ 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";
5
+ import { ThemeColorVariable as S } from "./theme-types.js";
6
+ function A({
7
+ globalCss: e = c.globalStyles,
8
+ colors: i = c.colors,
9
+ fonts: o = c.fonts
10
10
  } = {}) {
11
11
  return {
12
12
  cssVarsPrefix: "theme",
@@ -14,240 +14,252 @@ function f({
14
14
  preflight: !0,
15
15
  disableLayers: !0,
16
16
  theme: {
17
- tokens: H(),
18
- semanticTokens: B(t, h),
19
- recipes: p,
20
- slotRecipes: y
17
+ tokens: p(),
18
+ semanticTokens: B(i, o),
19
+ recipes: y,
20
+ slotRecipes: H
21
21
  }
22
22
  };
23
23
  }
24
- function A() {
25
- 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;
24
+ function f() {
25
+ 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;
26
26
  }
27
- v(A(), f());
27
+ h(f(), A());
28
28
  function w(e) {
29
- return v(A(), f(e));
29
+ return h(f(), A(e));
30
30
  }
31
- function H() {
31
+ function p() {
32
32
  return {
33
33
  borders: {
34
- [g.None]: a("none"),
35
- [g.XSmall]: a("0.0625rem solid"),
34
+ [D.None]: a("none"),
35
+ [D.XSmall]: a("0.0625rem solid"),
36
36
  // 1px
37
- [g.Small]: a("0.125rem solid"),
37
+ [D.Small]: a("0.125rem solid"),
38
38
  // 2px
39
- [g.Medium]: a("0.25rem solid"),
39
+ [D.Medium]: a("0.25rem solid"),
40
40
  // 4px
41
- [g.Large]: a("0.5rem solid"),
41
+ [D.Large]: a("0.5rem solid"),
42
42
  // 8px
43
- [g.XLarge]: a("0.5rem solid")
43
+ [D.XLarge]: a("0.5rem solid")
44
44
  // 8px purposly same as Large for now
45
45
  },
46
46
  spacing: {
47
- [m.None]: a("0"),
48
- [m.XSmall]: a("0.25rem"),
47
+ [u.None]: a("0"),
48
+ [u.XSmall]: a("0.25rem"),
49
49
  // 4px
50
- [m.Small]: a("0.5rem"),
50
+ [u.Small]: a("0.5rem"),
51
51
  // 8px
52
- [m.Medium]: a("1rem"),
52
+ [u.Medium]: a("1rem"),
53
53
  // 16px
54
- [m.Large]: a("2rem"),
54
+ [u.Large]: a("2rem"),
55
55
  // 32px
56
- [m.XLarge]: a("3rem"),
56
+ [u.XLarge]: a("3rem"),
57
57
  // 48px
58
- [m.X2Large]: a("5rem")
58
+ [u.X2Large]: a("5rem")
59
59
  // 80px
60
60
  },
61
61
  radii: {
62
- [c.None]: a("0"),
63
- [c.XSmall]: a("0.125rem"),
62
+ [g.None]: a("0"),
63
+ [g.XSmall]: a("0.125rem"),
64
64
  // 2px
65
- [c.Small]: a("0.25rem"),
65
+ [g.Small]: a("0.25rem"),
66
66
  // 4px
67
- [c.Medium]: a("0.5rem"),
67
+ [g.Medium]: a("0.5rem"),
68
68
  // 8px
69
- [c.Large]: a("1rem"),
69
+ [g.Large]: a("1rem"),
70
70
  // 16px
71
- [c.XLarge]: a("31.25rem")
71
+ [g.XLarge]: a("31.25rem")
72
72
  // 500px
73
73
  },
74
74
  fontSizes: {
75
- [i.XSmall]: a("0.75rem"),
75
+ [t.XSmall]: a("0.75rem"),
76
76
  // 12px
77
- [i.Small]: a("0.875rem"),
77
+ [t.Small]: a("0.875rem"),
78
78
  // 14px
79
- [i.Medium]: a("1rem"),
79
+ [t.Medium]: a("1rem"),
80
80
  // 16px
81
- [i.Large]: a("1.125rem"),
81
+ [t.Large]: a("1.125rem"),
82
82
  // 18px
83
- [i.XLarge]: a("1.5rem"),
83
+ [t.XLarge]: a("1.5rem"),
84
84
  // 24px
85
- [i.X2Large]: a("2rem"),
85
+ [t.X2Large]: a("2rem"),
86
86
  // 32px
87
- [i.X3Large]: a("2.5rem"),
87
+ [t.X3Large]: a("2.5rem"),
88
88
  // 40px
89
- [i.X4Large]: a("3.25rem"),
89
+ [t.X4Large]: a("3.25rem"),
90
90
  // 52px
91
- [i.X5Large]: a("4rem"),
91
+ [t.X5Large]: a("4rem"),
92
92
  // 64px
93
- [i.X6Large]: a("5rem")
93
+ [t.X6Large]: a("5rem")
94
94
  // 80px
95
95
  },
96
96
  shadows: {
97
- [D.Small]: a(`0px 4px 12px 0px ${C.ShadowCard}`),
98
- [D.Medium]: a(`0px 4px 20px 4px ${C.ShadowCard}`),
99
- [D.Large]: a(`0px 8px 40px 8px ${C.ShadowCard}`),
100
- [D.Header]: a(`0px 8px 40px 8px ${C.ShadowHeader}`),
101
- [D.Footer]: a(`0px 0px 16px 0px ${C.ShadowFooter}`)
97
+ [C.Small]: a(`0px 4px 12px 0px ${S.ShadowCard}`),
98
+ [C.Medium]: a(`0px 4px 20px 4px ${S.ShadowCard}`),
99
+ [C.Large]: a(`0px 8px 40px 8px ${S.ShadowCard}`),
100
+ [C.Header]: a(`0px 8px 40px 8px ${S.ShadowHeader}`),
101
+ [C.Footer]: a(`0px 0px 16px 0px ${S.ShadowFooter}`)
102
102
  },
103
103
  breakpoints: {
104
- [u.Base]: a("0em"),
105
- [u.Small]: a("30em"),
104
+ [m.Base]: a("0em"),
105
+ [m.Small]: a("30em"),
106
106
  // 480px
107
- [u.Medium]: a("48em"),
107
+ [m.Medium]: a("48em"),
108
108
  // 768px
109
- [u.Large]: a("62em"),
109
+ [m.Large]: a("62em"),
110
110
  // 992px
111
- [u.XLarge]: a("80em"),
111
+ [m.XLarge]: a("80em"),
112
112
  // 1280px
113
- [u.X2Large]: a("96em")
113
+ [m.X2Large]: a("96em")
114
114
  // 1536px
115
115
  },
116
116
  sizes: {
117
117
  icons: {
118
- [d.XSmall]: a("1rem"),
118
+ [k.XSmall]: a("1rem"),
119
119
  // 16px
120
- [d.Small]: a("1.25rem"),
120
+ [k.Small]: a("1.25rem"),
121
121
  // 20px
122
- [d.Medium]: a("1.5rem"),
122
+ [k.Medium]: a("1.5rem"),
123
123
  // 24px
124
- [d.Large]: a("2rem"),
124
+ [k.Large]: a("2rem"),
125
125
  // 32px
126
- [d.XLarge]: a("2.5rem"),
126
+ [k.XLarge]: a("2.5rem"),
127
127
  // 40px
128
- [d.X2Large]: a("3rem"),
128
+ [k.X2Large]: a("3rem"),
129
129
  // 48 px
130
- [d.X3Large]: a("3.5rem")
130
+ [k.X3Large]: a("3.5rem")
131
131
  // 56px
132
132
  }
133
133
  }
134
134
  };
135
135
  }
136
- function B(e, t) {
136
+ function B(e, i) {
137
137
  return {
138
138
  colors: {
139
- [r.Primary]: n(e.primary, e.primaryDark),
140
- [r.PrimaryHover]: n(e.primaryHover, e.primaryHoverDark),
141
- [r.PrimaryActive]: n(e.primaryActive, e.primaryActiveDark),
142
- [r.OnPrimary]: n(e.onPrimary, e.onPrimaryDark),
143
- [r.PrimaryContainer]: n(e.primaryContainer, e.primaryContainerDark),
144
- [r.OnPrimaryContainer]: n(e.onPrimaryContainer, e.onPrimaryContainerDark),
145
- [r.Secondary]: n(e.secondary, e.secondaryDark),
146
- [r.SecondaryHover]: n(e.secondaryHover, e.secondaryHoverDark),
147
- [r.SecondaryActive]: n(e.secondaryActive, e.secondaryActiveDark),
148
- [r.OnSecondary]: n(e.onSecondary, e.onSecondaryDark),
149
- [r.SecondaryContainer]: n(e.secondaryContainer, e.secondaryContainerDark),
150
- [r.OnSecondaryContainer]: n(e.onSecondaryContainer, e.onSecondaryContainerDark),
151
- [r.Accent]: n(e.accent, e.accentDark),
152
- [r.AccentHover]: n(e.accentHover, e.accentHoverDark),
153
- [r.AccentHoverAlpha]: n(e.accentHoverAlpha, e.accentHoverAlphaDark),
154
- [r.AccentActive]: n(e.accentActive, e.accentActiveDark),
155
- [r.AccentActiveAlpha]: n(e.accentActiveAlpha, e.accentActiveAlphaDark),
156
- [r.OnAccent]: n(e.onAccent, e.onAccentDark),
157
- [r.AccentContainer]: n(e.accentContainer, e.accentContainerDark),
158
- [r.OnAccentContainer]: n(e.onAccentContainer, e.onAccentContainerDark),
159
- [r.Background]: n(e.background, e.backgroundDark),
160
- [r.OnBackground]: n(e.onBackground, e.onBackgroundDark),
161
- [r.OnBackgroundBorder]: n(e.onBackgroundBorder, e.onBackgroundBorderDark),
162
- [r.OnBackgroundSubdued]: n(e.onBackgroundSubdued, e.onBackgroundSubduedDark),
163
- [r.BackgroundDisabled]: n(e.backgroundDisabled, e.backgroundDisabledDark),
164
- [r.OnBackgroundHeader]: n(e.onBackgroundHeader, e.onBackgroundHeaderDark),
165
- [r.Surface]: n(e.surface, e.surfaceDark),
166
- [r.OnSurface]: n(e.onSurface, e.onSurfaceDark),
167
- [r.ViewHeaderBackground]: n(e.viewHeaderBackground, e.viewHeaderBackgroundDark),
168
- [r.OnSurfaceBorder]: n(e.onSurfaceBorder, e.onSurfaceBorderDark),
169
- [r.OnSurfaceSubdued]: n(e.onSurfaceSubdued, e.onSurfaceSubduedDark),
170
- [r.SurfaceDisabled]: n(e.surfaceDisabled, e.surfaceDisabledDark),
171
- [r.OnSurfaceHeader]: n(e.onSurfaceHeader, e.onSurfaceHeaderDark),
172
- [r.Info]: n(e.info, e.infoDark),
173
- [r.InfoHover]: n(e.infoHover, e.infoHoverDark),
174
- [r.InfoActive]: n(e.infoActive, e.infoActiveDark),
175
- [r.OnInfo]: n(e.onInfo, e.onInfoDark),
176
- [r.InfoContainer]: n(e.infoContainer, e.infoContainerDark),
177
- [r.OnInfoContainer]: n(e.onInfoContainer, e.onInfoContainerDark),
178
- [r.Success]: n(e.success, e.successDark),
179
- [r.SuccessHover]: n(e.successHover, e.successHoverDark),
180
- [r.SuccessActive]: n(e.successActive, e.successActiveDark),
181
- [r.OnSuccess]: n(e.onSuccess, e.onSuccessDark),
182
- [r.SuccessContainer]: n(e.successContainer, e.successContainerDark),
183
- [r.OnSuccessContainer]: n(e.onSuccessContainer, e.onSuccessContainerDark),
184
- [r.Warning]: n(e.warning, e.warningDark),
185
- [r.WarningHover]: n(e.warningHover, e.warningHoverDark),
186
- [r.WarningActive]: n(e.warningActive, e.warningActiveDark),
187
- [r.OnWarning]: n(e.onWarning, e.onWarningDark),
188
- [r.WarningContainer]: n(e.warningContainer, e.warningContainerDark),
189
- [r.OnWarningContainer]: n(e.onWarningContainer, e.onWarningContainerDark),
190
- [r.Error]: n(e.error, e.errorDark),
191
- [r.ErrorHover]: n(e.errorHover, e.errorHoverDark),
192
- [r.ErrorActive]: n(e.errorActive, e.errorActiveDark),
193
- [r.OnError]: n(e.onError, e.onErrorDark),
194
- [r.ErrorContainer]: n(e.errorContainer, e.errorContainerDark),
195
- [r.OnErrorContainer]: n(e.onErrorContainer, e.onErrorContainerDark),
196
- [r.Neutral]: n(e.neutral, e.neutralDark),
197
- [r.NeutralHover]: n(e.neutralHover, e.neutralHoverDark),
198
- [r.NeutralActive]: n(e.neutralActive, e.neutralActiveDark),
199
- [r.OnNeutral]: n(e.onNeutral, e.onNeutralDark),
200
- [r.NeutralContainer]: n(e.neutralContainer, e.neutralContainerDark),
201
- [r.OnNeutralContainer]: n(e.onNeutralContainer, e.onNeutralContainerDark),
202
- [r.Highlight]: n("#FFE81A", "#FBE952"),
203
- [r.OnHighlight]: n("#151411", "#151411"),
204
- [r.Shadow]: n("#000000"),
205
- [r.ModalOverlay]: n("#FAFAFA50"),
206
- // 80% opacity
207
- [r.ViewFinderOverlay]: n("#00000078"),
139
+ [n.Primary]: r(e.primary, e.primaryDark),
140
+ [n.PrimaryHover]: r(e.primaryHover, e.primaryHoverDark),
141
+ [n.PrimaryActive]: r(e.primaryActive, e.primaryActiveDark),
142
+ [n.OnPrimary]: r(e.onPrimary, e.onPrimaryDark),
143
+ [n.PrimaryContainer]: r(e.primaryContainer, e.primaryContainerDark),
144
+ [n.OnPrimaryContainer]: r(e.onPrimaryContainer, e.onPrimaryContainerDark),
145
+ [n.Secondary]: r(e.secondary, e.secondaryDark),
146
+ [n.SecondaryHover]: r(e.secondaryHover, e.secondaryHoverDark),
147
+ [n.SecondaryActive]: r(e.secondaryActive, e.secondaryActiveDark),
148
+ [n.OnSecondary]: r(e.onSecondary, e.onSecondaryDark),
149
+ [n.SecondaryContainer]: r(e.secondaryContainer, e.secondaryContainerDark),
150
+ [n.OnSecondaryContainer]: r(e.onSecondaryContainer, e.onSecondaryContainerDark),
151
+ [n.Accent]: r(e.accent, e.accentDark),
152
+ [n.AccentHover]: r(e.accentHover, e.accentHoverDark),
153
+ [n.AccentHoverAlpha]: r(e.accentHoverAlpha, e.accentHoverAlphaDark),
154
+ [n.AccentActive]: r(e.accentActive, e.accentActiveDark),
155
+ [n.AccentActiveAlpha]: r(e.accentActiveAlpha, e.accentActiveAlphaDark),
156
+ [n.OnAccent]: r(e.onAccent, e.onAccentDark),
157
+ [n.AccentContainer]: r(e.accentContainer, e.accentContainerDark),
158
+ [n.OnAccentContainer]: r(e.onAccentContainer, e.onAccentContainerDark),
159
+ [n.Background]: r(e.background, e.backgroundDark),
160
+ [n.OnBackground]: r(e.onBackground, e.onBackgroundDark),
161
+ [n.OnBackgroundBorder]: r(e.onBackgroundBorder, e.onBackgroundBorderDark),
162
+ [n.OnBackgroundSubdued]: r(e.onBackgroundSubdued, e.onBackgroundSubduedDark),
163
+ [n.BackgroundDisabled]: r(e.backgroundDisabled, e.backgroundDisabledDark),
164
+ [n.OnBackgroundHeader]: r(e.onBackgroundHeader, e.onBackgroundHeaderDark),
165
+ [n.Surface]: r(e.surface, e.surfaceDark),
166
+ [n.OnSurface]: r(e.onSurface, e.onSurfaceDark),
167
+ [n.ViewHeaderBackground]: r(e.viewHeaderBackground, e.viewHeaderBackgroundDark),
168
+ [n.OnSurfaceBorder]: r(e.onSurfaceBorder, e.onSurfaceBorderDark),
169
+ [n.OnSurfaceSubdued]: r(e.onSurfaceSubdued, e.onSurfaceSubduedDark),
170
+ [n.SurfaceDisabled]: r(e.surfaceDisabled, e.surfaceDisabledDark),
171
+ [n.OnSurfaceHeader]: r(e.onSurfaceHeader, e.onSurfaceHeaderDark),
172
+ [n.Info]: r(e.info, e.infoDark),
173
+ [n.InfoHover]: r(e.infoHover, e.infoHoverDark),
174
+ [n.InfoActive]: r(e.infoActive, e.infoActiveDark),
175
+ [n.OnInfo]: r(e.onInfo, e.onInfoDark),
176
+ [n.InfoContainer]: r(e.infoContainer, e.infoContainerDark),
177
+ [n.OnInfoContainer]: r(e.onInfoContainer, e.onInfoContainerDark),
178
+ [n.Success]: r(e.success, e.successDark),
179
+ [n.SuccessHover]: r(e.successHover, e.successHoverDark),
180
+ [n.SuccessActive]: r(e.successActive, e.successActiveDark),
181
+ [n.OnSuccess]: r(e.onSuccess, e.onSuccessDark),
182
+ [n.SuccessContainer]: r(e.successContainer, e.successContainerDark),
183
+ [n.OnSuccessContainer]: r(e.onSuccessContainer, e.onSuccessContainerDark),
184
+ [n.Warning]: r(e.warning, e.warningDark),
185
+ [n.WarningHover]: r(e.warningHover, e.warningHoverDark),
186
+ [n.WarningActive]: r(e.warningActive, e.warningActiveDark),
187
+ [n.OnWarning]: r(e.onWarning, e.onWarningDark),
188
+ [n.WarningContainer]: r(e.warningContainer, e.warningContainerDark),
189
+ [n.OnWarningContainer]: r(e.onWarningContainer, e.onWarningContainerDark),
190
+ [n.Error]: r(e.error, e.errorDark),
191
+ [n.ErrorHover]: r(e.errorHover, e.errorHoverDark),
192
+ [n.ErrorActive]: r(e.errorActive, e.errorActiveDark),
193
+ [n.OnError]: r(e.onError, e.onErrorDark),
194
+ [n.ErrorContainer]: r(e.errorContainer, e.errorContainerDark),
195
+ [n.OnErrorContainer]: r(e.onErrorContainer, e.onErrorContainerDark),
196
+ [n.Neutral]: r(e.neutral, e.neutralDark),
197
+ [n.NeutralHover]: r(e.neutralHover, e.neutralHoverDark),
198
+ [n.NeutralActive]: r(e.neutralActive, e.neutralActiveDark),
199
+ [n.OnNeutral]: r(e.onNeutral, e.onNeutralDark),
200
+ [n.NeutralContainer]: r(e.neutralContainer, e.neutralContainerDark),
201
+ [n.OnNeutralContainer]: r(e.onNeutralContainer, e.onNeutralContainerDark),
202
+ [n.Muted]: r(e.muted, e.mutedDark),
203
+ [n.MutedHover]: r(e.mutedHover, e.mutedHoverDark),
204
+ [n.MutedActive]: r(e.mutedActive, e.mutedActiveDark),
205
+ [n.OnMuted]: r(e.onMuted, e.onMutedDark),
206
+ [n.MutedContainer]: r(e.mutedContainer, e.mutedContainerDark),
207
+ [n.OnMutedContainer]: r(e.onMutedContainer, e.onMutedContainerDark),
208
+ [n.Strong]: r(e.strong, e.strongDark),
209
+ [n.StrongHover]: r(e.strongHover, e.strongHoverDark),
210
+ [n.StrongActive]: r(e.strongActive, e.strongActiveDark),
211
+ [n.OnStrong]: r(e.onStrong, e.onStrongDark),
212
+ [n.StrongContainer]: r(e.strongContainer, e.strongContainerDark),
213
+ [n.OnStrongContainer]: r(e.onStrongContainer, e.onStrongContainerDark),
214
+ [n.Highlight]: r(e.highlight, e.highlightDark),
215
+ [n.OnHighlight]: r(e.onHighlight, e.onHighlightDark),
216
+ [n.Shadow]: r("#000000"),
217
+ [n.ModalOverlay]: r("#F6F5F4CC", "#0B2533CC"),
218
+ [n.ViewFinderOverlay]: r("#0000007A"),
208
219
  // 48% opacity
209
- [r.ShadowHeader]: n("#0000003D"),
220
+ [n.ShadowHeader]: r("#0000003D"),
210
221
  // 24% opacity
211
- [r.ShadowFooter]: n("#00000029"),
222
+ [n.ShadowFooter]: r("#00000029"),
212
223
  // 16% opacity
213
- [r.ShadowCard]: n("#00000029"),
224
+ [n.ShadowCard]: r("#00000029"),
214
225
  // 16% opacity
215
- [r.ShadowScroll]: n("#0000001F"),
226
+ [n.ShadowScroll]: r("#0000001F"),
216
227
  // 12% opacity
217
- [r.PickerOnPicker]: n("#151411"),
218
- [r.PickerBerry]: n("#A9B2CD"),
219
- [r.PickerBerryLight]: n("#CAD0E7"),
220
- [r.PickerCoral]: n("#F69C9C"),
221
- [r.PickerCoralLight]: n("#FFCCCC"),
222
- [r.PickerFlamingo]: n("#E39FB6"),
223
- [r.PickerFlamingoLight]: n("#F1C6D1"),
224
- [r.PickerFog]: n("#C3C3C3"),
225
- [r.PickerFogLight]: n("#D9D9D9"),
226
- [r.PickerHoney]: n("#F2B961"),
227
- [r.PickerHoneyLight]: n("#F8D9A8"),
228
- [r.PickerLemon]: n("#F5EE77"),
229
- [r.PickerLemonLight]: n("#F4F0AF"),
230
- [r.PickerLime]: n("#9BC87E"),
231
- [r.PickerLimeLight]: n("#CAE1BA"),
232
- [r.PickerOlive]: n("#9BCDB6"),
233
- [r.PickerOliveLight]: n("#CBE4D7"),
234
- [r.PickerPlum]: n("#D2A5C2"),
235
- [r.PickerPlumLight]: n("#E5C3DA"),
236
- [r.PickerSky]: n("#84C1E9"),
237
- [r.PickerSkyLight]: n("#BFDDF2")
228
+ [n.ViewHeaderSurface]: r("#FDFDFDE0", "#0D2B3BE0"),
229
+ [n.PickerOnPicker]: r("#151411"),
230
+ [n.PickerBerry]: r("#A9B2CD"),
231
+ [n.PickerBerryLight]: r("#CAD0E7"),
232
+ [n.PickerCoral]: r("#F69C9C"),
233
+ [n.PickerCoralLight]: r("#FFCCCC"),
234
+ [n.PickerFlamingo]: r("#E39FB6"),
235
+ [n.PickerFlamingoLight]: r("#F1C6D1"),
236
+ [n.PickerFog]: r("#C3C3C3"),
237
+ [n.PickerFogLight]: r("#D9D9D9"),
238
+ [n.PickerHoney]: r("#F2B961"),
239
+ [n.PickerHoneyLight]: r("#F8D9A8"),
240
+ [n.PickerLemon]: r("#F5EE77"),
241
+ [n.PickerLemonLight]: r("#F4F0AF"),
242
+ [n.PickerLime]: r("#9BC87E"),
243
+ [n.PickerLimeLight]: r("#CAE1BA"),
244
+ [n.PickerOlive]: r("#9BCDB6"),
245
+ [n.PickerOliveLight]: r("#CBE4D7"),
246
+ [n.PickerPlum]: r("#D2A5C2"),
247
+ [n.PickerPlumLight]: r("#E5C3DA"),
248
+ [n.PickerSky]: r("#84C1E9"),
249
+ [n.PickerSkyLight]: r("#BFDDF2")
238
250
  },
239
251
  fonts: {
240
- [o.Body]: a(t.body),
241
- [o.Header]: a(t.header),
242
- [o.SubHeader]: a(t.subheader)
252
+ [v.Body]: a(i.body),
253
+ [v.Header]: a(i.header),
254
+ [v.SubHeader]: a(i.subheader)
243
255
  }
244
256
  };
245
257
  }
246
- function n(e, t) {
258
+ function r(e, i) {
247
259
  return {
248
260
  value: {
249
261
  base: e,
250
- ...t ? { _dark: t } : {}
262
+ ...i ? { _dark: i } : {}
251
263
  }
252
264
  };
253
265
  }
@@ -257,5 +269,5 @@ function a(e) {
257
269
  export {
258
270
  B as createSemanticTokens,
259
271
  w as createSystemWithOverrides,
260
- H as createTokens
272
+ p as createTokens
261
273
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@caspeco/casper-ui-library",
3
- "version": "9.5.0",
3
+ "version": "9.6.0",
4
4
  "prettier": "@caspeco/prettier-config",
5
5
  "type": "module",
6
6
  "sideEffects": false,