@rafal.lemieszewski/tide-ui 0.12.3 → 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 +24 -5
- 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
|
@@ -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;
|