@casinogate/ui 1.8.5 → 1.8.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/assets/css/root.css
CHANGED
|
@@ -870,8 +870,8 @@
|
|
|
870
870
|
.cgui\:bg-surface-primary {
|
|
871
871
|
background-color: var(--cg-ui-color-surface-primary);
|
|
872
872
|
}
|
|
873
|
-
.cgui\:bg-surface-primary-light {
|
|
874
|
-
background-color: var(--cg-ui-color-surface-primary-light);
|
|
873
|
+
.cgui\:bg-surface-primary-light-active {
|
|
874
|
+
background-color: var(--cg-ui-color-surface-primary-light-active);
|
|
875
875
|
}
|
|
876
876
|
.cgui\:bg-surface-regular {
|
|
877
877
|
background-color: var(--cg-ui-color-surface-regular);
|
|
@@ -2264,9 +2264,14 @@
|
|
|
2264
2264
|
--cg-ui-color-surface-lightest: var(--cg-ui-palette-neutral-80);
|
|
2265
2265
|
--cg-ui-color-surface-white: var(--cg-ui-palette-neutral-60);
|
|
2266
2266
|
--cg-ui-color-stroke-default: var(--cg-ui-palette-neutral-50);
|
|
2267
|
-
--cg-ui-color-stroke-divider: var(--cg-ui-palette-neutral-
|
|
2267
|
+
--cg-ui-color-stroke-divider: var(--cg-ui-palette-neutral-40);
|
|
2268
2268
|
--cg-ui-color-icon-regular: var(--cg-ui-palette-neutral-40);
|
|
2269
2269
|
--cg-ui-color-icon-white: var(--cg-ui-palette-neutral-40);
|
|
2270
|
+
--cg-ui-shadow-base: rgba(0, 0, 0, 0.4) 0px 4px 12px;
|
|
2271
|
+
--cg-ui-shadow-toast: 0px 0px 8px 0px hsla(0, 0%, 0%, 0.5);
|
|
2272
|
+
--cg-ui-shadow-switch-thumb: 0px 1px 2px 0px hsla(0, 0%, 0%, 0.5);
|
|
2273
|
+
--cg-ui-shadow-segment-item: 0px 0px 4px 0px hsla(0, 0%, 0%, 0.3);
|
|
2274
|
+
--cg-ui-shadow-dialog: rgba(0, 0, 0, 0.5) 0px 13px 27px -5px, rgba(0, 0, 0, 0.6) 0px 8px 16px;
|
|
2270
2275
|
}
|
|
2271
2276
|
:root {
|
|
2272
2277
|
interpolate-size: allow-keywords;
|
|
@@ -54,11 +54,20 @@
|
|
|
54
54
|
Stroke - Inverted for dark
|
|
55
55
|
------------------------------------------------------------------------- */
|
|
56
56
|
--cg-ui-color-stroke-default: var(--cg-ui-palette-neutral-50);
|
|
57
|
-
--cg-ui-color-stroke-divider: var(--cg-ui-palette-neutral-
|
|
57
|
+
--cg-ui-color-stroke-divider: var(--cg-ui-palette-neutral-40);
|
|
58
58
|
|
|
59
59
|
/* -------------------------------------------------------------------------
|
|
60
60
|
Icon - Inverted for dark
|
|
61
61
|
------------------------------------------------------------------------- */
|
|
62
62
|
--cg-ui-color-icon-regular: var(--cg-ui-palette-neutral-40);
|
|
63
63
|
--cg-ui-color-icon-white: var(--cg-ui-palette-neutral-40);
|
|
64
|
+
|
|
65
|
+
/* -------------------------------------------------------------------------
|
|
66
|
+
Shadows - Inverted for dark
|
|
67
|
+
------------------------------------------------------------------------- */
|
|
68
|
+
--cg-ui-shadow-base: rgba(0, 0, 0, 0.4) 0px 4px 12px;
|
|
69
|
+
--cg-ui-shadow-toast: 0px 0px 8px 0px hsla(0, 0%, 0%, 0.5);
|
|
70
|
+
--cg-ui-shadow-switch-thumb: 0px 1px 2px 0px hsla(0, 0%, 0%, 0.5);
|
|
71
|
+
--cg-ui-shadow-segment-item: 0px 0px 4px 0px hsla(0, 0%, 0%, 0.3);
|
|
72
|
+
--cg-ui-shadow-dialog: rgba(0, 0, 0, 0.5) 0px 13px 27px -5px, rgba(0, 0, 0, 0.6) 0px 8px 16px;
|
|
64
73
|
}
|
|
@@ -24,9 +24,9 @@ export const segmentVariants = tv({
|
|
|
24
24
|
variants: {
|
|
25
25
|
variant: {
|
|
26
26
|
primary: {
|
|
27
|
-
root: ['cgui:bg-surface-primary-light cgui:border cgui:border-stroke-divider'],
|
|
27
|
+
root: ['cgui:bg-surface-primary-light-active cgui:border cgui:border-stroke-divider'],
|
|
28
28
|
item: [
|
|
29
|
-
'cgui:text-fg-
|
|
29
|
+
'cgui:text-fg-semilight',
|
|
30
30
|
'cgui:data-[active=""]:text-fg-primary cgui:data-[active=""]:bg-surface-white cgui:data-[active=""]:shadow-segment-thumb',
|
|
31
31
|
],
|
|
32
32
|
thumb: ['cgui:bg-surface-white'],
|