@rafal.lemieszewski/tide-ui 0.12.2 → 0.12.4
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/components/ui/toggle-group.d.ts +2 -0
- package/dist/components/ui/toggle.d.ts +1 -0
- package/dist/index.cjs.js +347 -347
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.es.js +26 -7
- package/dist/index.es.js.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -21569,7 +21569,7 @@ function zve({
|
|
|
21569
21569
|
name: n[L].label,
|
|
21570
21570
|
stroke: P,
|
|
21571
21571
|
strokeWidth: 2,
|
|
21572
|
-
dot: n[L].showDots ? {
|
|
21572
|
+
dot: n[L].showDots === !0 ? {
|
|
21573
21573
|
fill: P,
|
|
21574
21574
|
strokeWidth: 0,
|
|
21575
21575
|
r: 3
|
|
@@ -21658,7 +21658,7 @@ function zve({
|
|
|
21658
21658
|
name: n[L].label,
|
|
21659
21659
|
stroke: P,
|
|
21660
21660
|
strokeWidth: 2,
|
|
21661
|
-
dot: n[L].showDots ? {
|
|
21661
|
+
dot: n[L].showDots === !0 ? {
|
|
21662
21662
|
fill: P,
|
|
21663
21663
|
strokeWidth: 0,
|
|
21664
21664
|
r: 3
|
|
@@ -56113,9 +56113,27 @@ var uX = "Toggle", vT = y.forwardRef((e, t) => {
|
|
|
56113
56113
|
vT.displayName = uX;
|
|
56114
56114
|
var hX = vT;
|
|
56115
56115
|
const pX = _e(
|
|
56116
|
-
"inline-flex items-center justify-center font-medium ring-offset-[var(--color-surface-primary)] transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-border-focus)] focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 [&_svg]:transition-colors gap-[var(--space-sm)] cursor-pointer
|
|
56116
|
+
"inline-flex items-center justify-center font-medium ring-offset-[var(--color-surface-primary)] transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-border-focus)] focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 [&_svg]:transition-colors gap-[var(--space-sm)] cursor-pointer",
|
|
56117
56117
|
{
|
|
56118
56118
|
variants: {
|
|
56119
|
+
variant: {
|
|
56120
|
+
default: [
|
|
56121
|
+
"bg-transparent text-[var(--color-text-primary)]",
|
|
56122
|
+
"hover:bg-[var(--color-background-neutral-subtle-hovered)] hover:text-[var(--color-text-primary)]",
|
|
56123
|
+
"data-[state=on]:bg-[var(--color-background-brand-selected)] data-[state=on]:text-[var(--color-text-brand)] data-[state=on]:[&_svg]:text-[var(--color-text-brand)]",
|
|
56124
|
+
"data-[state=on]:hover:bg-[var(--color-background-brand-selected-hovered)]",
|
|
56125
|
+
"aria-checked:bg-[var(--color-background-brand-selected)] aria-checked:text-[var(--color-text-brand)] aria-checked:[&_svg]:text-[var(--color-text-brand)]",
|
|
56126
|
+
"aria-checked:hover:bg-[var(--color-background-brand-selected-hovered)]"
|
|
56127
|
+
],
|
|
56128
|
+
outline: [
|
|
56129
|
+
"border border-[var(--color-border-primary-subtle)] bg-[var(--color-surface-primary)] text-[var(--color-text-primary)]",
|
|
56130
|
+
"hover:bg-[var(--color-background-neutral-subtle-hovered)] hover:text-[var(--color-text-primary)]",
|
|
56131
|
+
"data-[state=on]:bg-[var(--color-background-brand-selected)] data-[state=on]:text-[var(--color-text-brand)] data-[state=on]:border-transparent data-[state=on]:[&_svg]:text-[var(--color-text-brand)]",
|
|
56132
|
+
"data-[state=on]:hover:bg-[var(--color-background-brand-selected-hovered)]",
|
|
56133
|
+
"aria-checked:bg-[var(--color-background-brand-selected)] aria-checked:text-[var(--color-text-brand)] aria-checked:border-transparent aria-checked:[&_svg]:text-[var(--color-text-brand)]",
|
|
56134
|
+
"aria-checked:hover:bg-[var(--color-background-brand-selected-hovered)]"
|
|
56135
|
+
]
|
|
56136
|
+
},
|
|
56119
56137
|
size: {
|
|
56120
56138
|
sm: "text-label-sm rounded-sm px-[var(--space-sm)] py-[var(--space-xsm)]",
|
|
56121
56139
|
md: "text-label-sm rounded-md px-[var(--space-md)] py-[var(--space-sm)]",
|
|
@@ -56123,15 +56141,16 @@ const pX = _e(
|
|
|
56123
56141
|
}
|
|
56124
56142
|
},
|
|
56125
56143
|
defaultVariants: {
|
|
56144
|
+
variant: "default",
|
|
56126
56145
|
size: "sm"
|
|
56127
56146
|
}
|
|
56128
56147
|
}
|
|
56129
|
-
), rVe = y.forwardRef(({ className: e,
|
|
56148
|
+
), rVe = y.forwardRef(({ className: e, variant: t, size: n, ...r }, a) => /* @__PURE__ */ k(
|
|
56130
56149
|
hX,
|
|
56131
56150
|
{
|
|
56132
|
-
ref:
|
|
56133
|
-
className: $(pX({
|
|
56134
|
-
...
|
|
56151
|
+
ref: a,
|
|
56152
|
+
className: $(pX({ variant: t, size: n, className: e })),
|
|
56153
|
+
...r
|
|
56135
56154
|
}
|
|
56136
56155
|
));
|
|
56137
56156
|
rVe.displayName = hX.displayName;
|