welcome-ui 10.3.1 → 10.3.2
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/Checkbox.css +1 -1
- package/dist/Checkbox.js +16 -16
- package/package.json +1 -1
package/dist/Checkbox.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer components{.
|
|
1
|
+
@layer components{._root_paw59_2{position:relative;display:flex;align-items:center;justify-content:center;height:var(--checkbox-size-container);width:var(--checkbox-size-container);flex-shrink:0;cursor:pointer;border-style:solid;border-width:var(--checkbox-border-width-default);border-radius:var(--checkbox-border-radius);outline:transparent solid var(--checkbox-border-width-focused);transition-property:border-color,background-color,color,outline-color;transition-duration:var(--duration-medium);color:var(--color, var(--checkbox-color-icon-default));background-color:var(--backgroundColor, var(--checkbox-color-background-unchecked-default));border-color:var(--borderColor, var(--checkbox-color-border-unchecked-default))}._root_paw59_2:disabled,._root_paw59_2[aria-disabled=true]{--color: var(--checkbox-color-icon-disabled);--backgroundColor: var(--checkbox-color-border-disabled);--borderColor: var(--checkbox-color-border-disabled);cursor:not-allowed}._root_paw59_2:not([aria-disabled=true]):hover{--borderColor: var(--borderColorHover, var(--checkbox-color-border-unchecked-hover))}._root_paw59_2[data-focus-visible],._root_paw59_2:focus-visible{--borderColor: var(--borderColorFocused, var(--checkbox-color-border-focused));outline-color:var(--outlineColorFocus, var(--checkbox-color-border-focused))}._root_paw59_2[aria-checked=true]:not([aria-disabled=true]){--backgroundColor: var(--checkbox-color-background-checked-default);--borderColor: var(--checkbox-color-background-checked-default)}._root_paw59_2[aria-checked=true]:not([aria-disabled=true]):hover{--backgroundColor: var(--checkbox-color-background-checked-hover);--borderColor: var(--backgroundColor)}._variant-danger_paw59_43{--borderColor: var(--checkbox-color-border-error);--borderColorHover: var(--checkbox-color-border-error);--borderColorFocused: var(--checkbox-color-border-error);--outlineColorFocus: var(--color-background-danger-secondary)}._variant-warning_paw59_49{--borderColor: var(--color-background-warning-stronger);--borderColorHover: var(--color-background-warning-stronger);--borderColorFocused: var(--color-background-warning-stronger);--outlineColorFocus: var(--color-background-warning-secondary)}._variant-success_paw59_55{--borderColor: var(--color-background-accent-green-strongest);--borderColorHover: var(--color-background-accent-green-strongest);--borderColorFocused: var(--color-background-accent-green-strongest);--outlineColorFocus: var(--color-background-accent-green-primary)}._indeterminate_paw59_61:not([aria-disabled=true]){--backgroundColor: var(--checkbox-color-background-checked-default);--borderColor: var(--checkbox-color-background-checked-default)}._indeterminate_paw59_61:not([aria-disabled=true]):hover{--backgroundColor: var(--checkbox-color-background-checked-hover);--borderColor: var(--backgroundColor)}}
|
package/dist/Checkbox.js
CHANGED
|
@@ -1,22 +1,22 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import './Checkbox.css';
|
|
3
3
|
import { jsxs as b, jsx as s } from "react/jsx-runtime";
|
|
4
|
-
import { a as
|
|
5
|
-
import { forwardRef as
|
|
6
|
-
import { useField as
|
|
7
|
-
import { VisuallyHidden as
|
|
8
|
-
import { c as
|
|
4
|
+
import { a as x } from "./I7KWAPMF-CuA_ygsc.js";
|
|
5
|
+
import { forwardRef as w, useState as h } from "react";
|
|
6
|
+
import { useField as g } from "./Field.js";
|
|
7
|
+
import { VisuallyHidden as C } from "./VisuallyHidden.js";
|
|
8
|
+
import { c as V } from "./index-PAaZGbyz.js";
|
|
9
9
|
import { Icon as l } from "./Icon.js";
|
|
10
|
-
const
|
|
11
|
-
root:
|
|
12
|
-
"variant-danger": "_variant-
|
|
13
|
-
"variant-warning": "_variant-
|
|
14
|
-
"variant-success": "_variant-
|
|
10
|
+
const k = "_root_paw59_2", y = "_indeterminate_paw59_61", F = {
|
|
11
|
+
root: k,
|
|
12
|
+
"variant-danger": "_variant-danger_paw59_43",
|
|
13
|
+
"variant-warning": "_variant-warning_paw59_49",
|
|
14
|
+
"variant-success": "_variant-success_paw59_55",
|
|
15
15
|
indeterminate: y
|
|
16
|
-
}, N =
|
|
16
|
+
}, N = V(F), j = w(
|
|
17
17
|
({ checked: a = !1, className: m, indeterminate: i = !1, onChange: e, variant: d, ...o }, f) => {
|
|
18
|
-
const [u, n] = h(!1), { getInputProps: t, variant:
|
|
19
|
-
e && e(!a,
|
|
18
|
+
const [u, n] = h(!1), { getInputProps: t, variant: p } = g(), r = p || d, { disabled: c } = t(o), _ = (v) => {
|
|
19
|
+
e && e(!a, v);
|
|
20
20
|
};
|
|
21
21
|
return /* @__PURE__ */ b(
|
|
22
22
|
"div",
|
|
@@ -31,10 +31,10 @@ const w = "_root_12gm3_2", y = "_indeterminate_12gm3_61", F = {
|
|
|
31
31
|
m
|
|
32
32
|
),
|
|
33
33
|
"data-focus-visible": u || void 0,
|
|
34
|
-
onClick: c ? void 0 :
|
|
34
|
+
onClick: c ? void 0 : _,
|
|
35
35
|
children: [
|
|
36
|
-
/* @__PURE__ */ s(
|
|
37
|
-
|
|
36
|
+
/* @__PURE__ */ s(C, { children: /* @__PURE__ */ s(
|
|
37
|
+
x,
|
|
38
38
|
{
|
|
39
39
|
...t(o),
|
|
40
40
|
checked: a,
|