@casinogate/ui 1.8.7 → 1.8.8
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
|
@@ -1302,9 +1302,12 @@
|
|
|
1302
1302
|
rotate: calc(180deg * -1);
|
|
1303
1303
|
}
|
|
1304
1304
|
}
|
|
1305
|
-
.cgui\:placeholder\:text-fg-regular {
|
|
1305
|
+
.cgui\:placeholder\:text-fg-regular\/70 {
|
|
1306
1306
|
&::placeholder {
|
|
1307
1307
|
color: var(--cg-ui-color-fg-regular);
|
|
1308
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1309
|
+
color: color-mix(in oklab, var(--cg-ui-color-fg-regular) 70%, transparent);
|
|
1310
|
+
}
|
|
1308
1311
|
}
|
|
1309
1312
|
}
|
|
1310
1313
|
.cgui\:before\:pointer-events-none {
|
|
@@ -1596,6 +1599,14 @@
|
|
|
1596
1599
|
color: var(--cg-ui-color-fg-regular);
|
|
1597
1600
|
}
|
|
1598
1601
|
}
|
|
1602
|
+
.cgui\:data-\[placeholder\]\:text-fg-regular\/70 {
|
|
1603
|
+
&[data-placeholder] {
|
|
1604
|
+
color: var(--cg-ui-color-fg-regular);
|
|
1605
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1606
|
+
color: color-mix(in oklab, var(--cg-ui-color-fg-regular) 70%, transparent);
|
|
1607
|
+
}
|
|
1608
|
+
}
|
|
1609
|
+
}
|
|
1599
1610
|
.cgui\:data-\[popover-content\]\:rounded-md {
|
|
1600
1611
|
&[data-popover-content] {
|
|
1601
1612
|
border-radius: calc(var(--cg-ui-number-md) * 1px);
|
|
@@ -18,7 +18,7 @@ export const inputStyles = tv({
|
|
|
18
18
|
variant: {
|
|
19
19
|
primary: {
|
|
20
20
|
input: [
|
|
21
|
-
'cgui:border cgui:border-stroke-default cgui:bg-surface-lightest cgui:placeholder:text-fg-regular cgui:shadow-none',
|
|
21
|
+
'cgui:border cgui:border-stroke-default cgui:text-fg-dark cgui:bg-surface-lightest cgui:placeholder:text-fg-regular/70 cgui:shadow-none',
|
|
22
22
|
'cgui:focus:ring-stroke-default cgui:focus-visible:border-stroke-focus',
|
|
23
23
|
'cgui:aria-invalid:ring-stroke-error cgui:aria-invalid:border-stroke-error',
|
|
24
24
|
],
|
|
@@ -12,7 +12,7 @@ export const selectTriggerStyles = tv({
|
|
|
12
12
|
variant: {
|
|
13
13
|
primary: [
|
|
14
14
|
'cgui:bg-surface-lightest cgui:border cgui:border-stroke-default',
|
|
15
|
-
'cgui:data-[placeholder]:text-fg-regular cgui:text-fg-dark',
|
|
15
|
+
'cgui:data-[placeholder]:text-fg-regular/70 cgui:text-fg-dark',
|
|
16
16
|
],
|
|
17
17
|
outline: [
|
|
18
18
|
'cgui:data-[placeholder]:text-fg-regular cgui:text-fg-dark',
|
|
@@ -12,7 +12,7 @@ export const textareaVariants = tv({
|
|
|
12
12
|
variant: {
|
|
13
13
|
primary: [
|
|
14
14
|
'cgui:border cgui:border-stroke-default',
|
|
15
|
-
'cgui:bg-surface-lightest cgui:placeholder:text-fg-regular cgui:shadow-none',
|
|
15
|
+
'cgui:bg-surface-lightest cgui:placeholder:text-fg-regular/70 cgui:shadow-none',
|
|
16
16
|
'cgui:focus:ring-stroke-default cgui:focus-visible:border-stroke-focus',
|
|
17
17
|
'cgui:aria-invalid:ring-stroke-error cgui:aria-invalid:border-stroke-error',
|
|
18
18
|
],
|