chiplet 0.3.0-dev.3 → 0.3.0-dev.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/README.md +5 -4
- package/dist/component/button/Interactive.js +1 -0
- package/dist/component/button/Interactive.js.map +1 -1
- package/dist/component/button/style/index.css +37 -37
- package/dist/component/button/style/index.css.vanilla.js +1 -1
- package/dist/component/checkbox/Checkbox.js +1 -1
- package/dist/component/checkbox/Checkbox.js.map +1 -1
- package/dist/component/checkbox/CheckboxGroup.js +1 -0
- package/dist/component/checkbox/CheckboxGroup.js.map +1 -1
- package/dist/component/checkbox/Radio.js +1 -0
- package/dist/component/checkbox/Radio.js.map +1 -1
- package/dist/component/checkbox/RadioGroup.js +1 -0
- package/dist/component/checkbox/RadioGroup.js.map +1 -1
- package/dist/component/checkbox/icon/index.js +2 -0
- package/dist/component/checkbox/icon/index.js.map +1 -1
- package/dist/component/checkbox/style/index.css +79 -71
- package/dist/component/checkbox/style/index.css.vanilla.js +10 -10
- package/dist/component/index.js +1 -0
- package/dist/component/index.js.map +1 -1
- package/dist/component/input/Input.js +1 -0
- package/dist/component/input/Input.js.map +1 -1
- package/dist/component/input/SearchInput.js +1 -0
- package/dist/component/input/SearchInput.js.map +1 -1
- package/dist/component/input/style/index.css +29 -30
- package/dist/component/input/style/index.css.vanilla.js +4 -4
- package/dist/component/menu/Menu.js +2 -0
- package/dist/component/menu/Menu.js.map +1 -1
- package/dist/component/menu/MenuItem.js +1 -0
- package/dist/component/menu/MenuItem.js.map +1 -1
- package/dist/component/menu/MenuItemCheckbox.js +2 -0
- package/dist/component/menu/MenuItemCheckbox.js.map +1 -1
- package/dist/component/menu/MenuItemRadio.js +2 -0
- package/dist/component/menu/MenuItemRadio.js.map +1 -1
- package/dist/component/popover/Dialog.js +1 -0
- package/dist/component/popover/Dialog.js.map +1 -1
- package/dist/component/popover/DismissButton.js +1 -0
- package/dist/component/popover/DismissButton.js.map +1 -1
- package/dist/component/popover/Popover.js +1 -0
- package/dist/component/popover/Popover.js.map +1 -1
- package/dist/component/popover/Tooltip.js +1 -0
- package/dist/component/popover/Tooltip.js.map +1 -1
- package/dist/component/popover/style/index.css +96 -104
- package/dist/component/popover/style/index.css.vanilla.js +4 -4
- package/dist/component/select/AutoComplete.js +2 -0
- package/dist/component/select/AutoComplete.js.map +1 -1
- package/dist/component/select/Group.js +13 -4
- package/dist/component/select/Group.js.map +1 -1
- package/dist/component/select/Option.js +1 -0
- package/dist/component/select/Option.js.map +1 -1
- package/dist/component/select/Select.js +2 -0
- package/dist/component/select/Select.js.map +1 -1
- package/dist/component/select/style/index.css +78 -75
- package/dist/component/select/style/index.css.vanilla.js +12 -11
- package/dist/component/select/style/index.css.vanilla.js.map +1 -1
- package/dist/component/style/article.css +143 -0
- package/dist/component/style/article.css.vanilla.js +6 -0
- package/dist/component/style/article.css.vanilla.js.map +1 -0
- package/dist/component/style/index.js +3 -0
- package/dist/component/style/index.js.map +1 -0
- package/dist/hook/accessibility/keyboard/Keyboard.js +7 -2
- package/dist/hook/accessibility/keyboard/Keyboard.js.map +1 -1
- package/dist/hook/accessibility/keyboard/Roving.js +1 -0
- package/dist/hook/accessibility/keyboard/Roving.js.map +1 -1
- package/dist/hook/accessibility/keyboard/hook/useLastFocused.js +1 -0
- package/dist/hook/accessibility/keyboard/hook/useLastFocused.js.map +1 -1
- package/dist/hook/accessibility/keyboard/hook/useMoveFocus.js.map +1 -1
- package/dist/hook/accessibility/keyboard/hook/useNavigate.js +2 -4
- package/dist/hook/accessibility/keyboard/hook/useNavigate.js.map +1 -1
- package/dist/hook/accessibility/keyboard/resolve.js +1 -0
- package/dist/hook/accessibility/keyboard/resolve.js.map +1 -1
- package/dist/hook/accessibility/keyboard/sort.js +1 -1
- package/dist/hook/accessibility/keyboard/sort.js.map +1 -1
- package/dist/hook/accessibility/keyboard/tree.js +1 -0
- package/dist/hook/accessibility/keyboard/tree.js.map +1 -1
- package/dist/hook/accessibility/keyboard/useController.js +1 -0
- package/dist/hook/accessibility/keyboard/useController.js.map +1 -1
- package/dist/hook/accessibility/keyboard/useKeyboard.js +1 -0
- package/dist/hook/accessibility/keyboard/useKeyboard.js.map +1 -1
- package/dist/hook/document/useHighlight.js +1 -1
- package/dist/hook/document/useHighlight.js.map +1 -1
- package/dist/hook/form/useAutoComplete.js +1 -3
- package/dist/hook/form/useAutoComplete.js.map +1 -1
- package/dist/hook/form/useCheckbox.js +1 -0
- package/dist/hook/form/useCheckbox.js.map +1 -1
- package/dist/hook/form/useChecked.js +1 -0
- package/dist/hook/form/useChecked.js.map +1 -1
- package/dist/hook/form/useDefault.js +2 -0
- package/dist/hook/form/useDefault.js.map +1 -1
- package/dist/hook/form/useForm.js +2 -1
- package/dist/hook/form/useForm.js.map +1 -1
- package/dist/hook/form/useGroup.js +1 -0
- package/dist/hook/form/useGroup.js.map +1 -1
- package/dist/hook/form/useOption.js +1 -0
- package/dist/hook/form/useOption.js.map +1 -1
- package/dist/hook/form/useRadio.js +1 -0
- package/dist/hook/form/useRadio.js.map +1 -1
- package/dist/hook/form/useSelect.js +1 -0
- package/dist/hook/form/useSelect.js.map +1 -1
- package/dist/hook/form/useValue.js +1 -0
- package/dist/hook/form/useValue.js.map +1 -1
- package/dist/hook/popover/useAnchorPositioning.js +1 -0
- package/dist/hook/popover/useAnchorPositioning.js.map +1 -1
- package/dist/hook/popover/useDialog.js +1 -0
- package/dist/hook/popover/useDialog.js.map +1 -1
- package/dist/hook/popover/useLightDismiss.js +1 -1
- package/dist/hook/popover/useLightDismiss.js.map +1 -1
- package/dist/hook/popover/useOverlay.js +1 -0
- package/dist/hook/popover/useOverlay.js.map +1 -1
- package/dist/hook/popover/usePopover.js +6 -2
- package/dist/hook/popover/usePopover.js.map +1 -1
- package/dist/hook/popover/usePositioning.js +1 -0
- package/dist/hook/popover/usePositioning.js.map +1 -1
- package/dist/hook/popover/useTooltip.js +2 -1
- package/dist/hook/popover/useTooltip.js.map +1 -1
- package/dist/hook/react/refValue.js +1 -0
- package/dist/hook/react/refValue.js.map +1 -1
- package/dist/hook/react/useActivate.js +1 -1
- package/dist/hook/react/useActivate.js.map +1 -1
- package/dist/hook/react/useInteractive.js +1 -0
- package/dist/hook/react/useInteractive.js.map +1 -1
- package/dist/hook/react/useUniqueId.js +3 -2
- package/dist/hook/react/useUniqueId.js.map +1 -1
- package/dist/index.js +5 -1
- package/dist/index.js.map +1 -1
- package/dist/infra/logging/logger.js +10 -12
- package/dist/infra/logging/logger.js.map +1 -1
- package/dist/theme/defineTheme.js +1 -0
- package/dist/theme/defineTheme.js.map +1 -1
- package/dist/theme/global.css +7 -7
- package/dist/theme/global.css.vanilla.js +8 -8
- package/dist/theme/theme.css +23 -27
- package/dist/theme/theme.css.vanilla.js +1 -1
- package/dist/util/document/accessibility.css.vanilla.js +4 -4
- package/dist/util/index.js +4 -1
- package/dist/util/index.js.map +1 -1
- package/dist/util/random/generateDeterministicId.js +12 -0
- package/dist/util/random/generateDeterministicId.js.map +1 -0
- package/dist/util/random/generateDigest.js +12 -0
- package/dist/util/random/generateDigest.js.map +1 -0
- package/dist/util/random/generateUniqueId.js +9 -0
- package/dist/util/random/generateUniqueId.js.map +1 -0
- package/dist/util/random/index.js +4 -1
- package/dist/util/random/index.js.map +1 -1
- package/dist/util/random/toHex.js +10 -0
- package/dist/util/random/toHex.js.map +1 -0
- package/package.json +77 -80
- package/src/component/button/style/index.css.ts +1 -1
- package/src/component/checkbox/Checkbox.tsx +1 -1
- package/src/component/checkbox/style/index.css.ts +34 -25
- package/src/component/index.ts +1 -0
- package/src/component/input/style/index.css.ts +42 -41
- package/src/component/popover/style/index.css.ts +100 -103
- package/src/component/select/Group.tsx +11 -3
- package/src/component/select/style/index.css.ts +59 -53
- package/src/component/style/article.css.ts +189 -0
- package/src/component/style/index.ts +1 -0
- package/src/hook/accessibility/keyboard/Keyboard.tsx +6 -1
- package/src/hook/accessibility/keyboard/hook/useMoveFocus.ts +2 -0
- package/src/hook/accessibility/keyboard/hook/useNavigate.ts +5 -5
- package/src/hook/accessibility/keyboard/sort.ts +1 -1
- package/src/hook/document/useHighlight.ts +1 -27
- package/src/hook/form/useAutoComplete.ts +3 -3
- package/src/hook/form/useDefault.ts +2 -0
- package/src/hook/form/useForm.ts +2 -2
- package/src/hook/popover/useLightDismiss.ts +1 -1
- package/src/hook/popover/usePopover.ts +6 -12
- package/src/hook/popover/useTooltip.ts +2 -1
- package/src/hook/react/useActivate.ts +1 -1
- package/src/hook/react/useUniqueId.ts +2 -2
- package/src/infra/logging/logger.ts +26 -13
- package/src/theme/global.css.ts +2 -2
- package/src/theme/theme.css.ts +1 -5
- package/src/util/document/accessibility.css.ts +3 -3
- package/src/util/random/generateDeterministicId.ts +10 -0
- package/src/util/random/generateDigest.ts +11 -0
- package/src/util/random/{createUniqueId.ts → generateUniqueId.ts} +4 -6
- package/src/util/random/index.ts +4 -1
- package/src/util/random/toHex.ts +6 -0
- package/dist/util/random/createUniqueId.js +0 -8
- package/dist/util/random/createUniqueId.js.map +0 -1
- package/src/component/style/font/font.css +0 -23
- package/src/component/style/font/proxima-nova-bold.woff +0 -0
- package/src/component/style/font/proxima-nova-light.woff +0 -0
- package/src/component/style/font/proxima-nova-regular.woff +0 -0
- package/src/component/style/font/proxima-nova-semibold.woff +0 -0
- package/src/component/style/press.module.css +0 -204
package/README.md
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
# Chiplet
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
3
|
+
[](https://www.npmjs.com/package/chiplet)
|
|
4
|
+
[](https://app.codecov.io/github/aicest/chiplet)
|
|
5
5
|
|
|
6
6
|
Chiplet is a React component library for building consistent and refined user interfaces.
|
|
7
7
|
|
|
@@ -20,7 +20,8 @@ yarn add chiplet
|
|
|
20
20
|
## Usage
|
|
21
21
|
|
|
22
22
|
```tsx
|
|
23
|
-
import { Button
|
|
23
|
+
import { Button } from 'chiplet/component'
|
|
24
|
+
import { GlobalContainerStyle } from 'chiplet/theme'
|
|
24
25
|
|
|
25
26
|
export default function App() {
|
|
26
27
|
return (
|
|
@@ -33,7 +34,7 @@ export default function App() {
|
|
|
33
34
|
|
|
34
35
|
## Documentation
|
|
35
36
|
|
|
36
|
-
Visit https://
|
|
37
|
+
Visit https://chipletdoc.vercel.app/ for the full documentation.
|
|
37
38
|
|
|
38
39
|
## License
|
|
39
40
|
|
|
@@ -5,6 +5,7 @@ import 'tiny-invariant';
|
|
|
5
5
|
import '../../hook/accessibility/keyboard/context/index.js';
|
|
6
6
|
import '../../util/promise/waitFor.js';
|
|
7
7
|
import '../../util/promise/waitUntil.js';
|
|
8
|
+
import '@vanilla-extract/css';
|
|
8
9
|
import '@floating-ui/utils';
|
|
9
10
|
import { useInteractive } from '../../hook/react/useInteractive.js';
|
|
10
11
|
import 'lodash-es';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Interactive.js","sources":["../../../src/component/button/Interactive.tsx"],"sourcesContent":["import { useInteractive } from '#hook'\nimport clsx from 'clsx'\nimport type { HTMLElementType } from 'react'\nimport { InteractiveStyle } from './style/index.css'\n\ntype Props<T extends HTMLElementType> = React.ComponentProps<T> & {\n elementType?: T\n disabled?: boolean | undefined\n}\n\n/**\n * https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/main/docs/rules/anchor-is-valid.md#case-i-want-to-perform-an-action-and-need-a-clickable-ui-element\n */\nexport function Interactive<T extends HTMLElementType = 'div'>(\n props: Props<T>\n) {\n props = useInteractive(props)\n\n const {\n elementType: ElementType = 'div',\n disabled,\n ...attrs\n } = props as Props<'div'>\n\n return (\n <ElementType\n {...attrs}\n className={clsx(InteractiveStyle, attrs.className)}\n />\n )\n}\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Interactive.js","sources":["../../../src/component/button/Interactive.tsx"],"sourcesContent":["import { useInteractive } from '#hook'\nimport clsx from 'clsx'\nimport type { HTMLElementType } from 'react'\nimport { InteractiveStyle } from './style/index.css'\n\ntype Props<T extends HTMLElementType> = React.ComponentProps<T> & {\n elementType?: T\n disabled?: boolean | undefined\n}\n\n/**\n * https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/main/docs/rules/anchor-is-valid.md#case-i-want-to-perform-an-action-and-need-a-clickable-ui-element\n */\nexport function Interactive<T extends HTMLElementType = 'div'>(\n props: Props<T>\n) {\n props = useInteractive(props)\n\n const {\n elementType: ElementType = 'div',\n disabled,\n ...attrs\n } = props as Props<'div'>\n\n return (\n <ElementType\n {...attrs}\n className={clsx(InteractiveStyle, attrs.className)}\n />\n )\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAaO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EACd,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACA;AACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAe,KAAK,CAAA;AAE5B,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM;AAAA,CAAA,CAAA,CAAA,CACJ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAa,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAc,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAC3B,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CACA,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CACL,GAAI,CAAA,CAAA,CAAA,CAAA,CAAA;AAEJ,CAAA,CAAA,uBACE,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACE,GAAG,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACJ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAW,CAAA,CAAA,CAAA,CAAA,CAAK,gBAAA,CAAA,CAAkB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS;AAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CACnD;AAEJ;;"}
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
--_1cabe9m0: var(--_15shvv417);
|
|
11
11
|
--_1cabe9ma: pointer;
|
|
12
12
|
--_1cabe9mb: not-allowed;
|
|
13
|
-
--_1cabe9mg: var(--
|
|
13
|
+
--_1cabe9mg: var(--_1cabe9ml) solid var(--_1cabe9mh);
|
|
14
14
|
--_1cabe9mo: var(--_15shvv41t);
|
|
15
15
|
box-sizing: border-box;
|
|
16
16
|
display: inline-flex;
|
|
@@ -34,18 +34,18 @@
|
|
|
34
34
|
._1cabe9mq:hover {
|
|
35
35
|
--_1cabe9m6: var(--_1cabe9m7);
|
|
36
36
|
--_1cabe9mc: var(--_1cabe9md);
|
|
37
|
-
--
|
|
37
|
+
--_1cabe9mh: var(--_1cabe9mi);
|
|
38
38
|
}
|
|
39
39
|
._1cabe9mq:active {
|
|
40
40
|
--_1cabe9m6: var(--_1cabe9m8);
|
|
41
41
|
--_1cabe9mc: var(--_1cabe9me);
|
|
42
|
-
--
|
|
42
|
+
--_1cabe9mh: var(--_1cabe9mj);
|
|
43
43
|
}
|
|
44
44
|
._1cabe9mq:is(:disabled, [aria-disabled="true"]) {
|
|
45
45
|
--_1cabe9m6: var(--_1cabe9m9);
|
|
46
46
|
--_1cabe9ma: var(--_1cabe9mb);
|
|
47
47
|
--_1cabe9mc: var(--_1cabe9mf);
|
|
48
|
-
--
|
|
48
|
+
--_1cabe9mh: var(--_1cabe9mk);
|
|
49
49
|
--_1cabe9mm: var(--_1cabe9mn);
|
|
50
50
|
}
|
|
51
51
|
._1cabe9mw {
|
|
@@ -66,7 +66,7 @@
|
|
|
66
66
|
--_1cabe9m3: var(--_15shvv41c);
|
|
67
67
|
--_1cabe9m4: var(--_15shvv41f);
|
|
68
68
|
--_1cabe9m5: var(--_15shvv44q);
|
|
69
|
-
--
|
|
69
|
+
--_1cabe9ml: var(--_15shvv41m);
|
|
70
70
|
--_7t9dxb0: var(--_15shvv41p);
|
|
71
71
|
}
|
|
72
72
|
._1cabe9m10 {
|
|
@@ -75,7 +75,7 @@
|
|
|
75
75
|
--_1cabe9m3: var(--_15shvv41d);
|
|
76
76
|
--_1cabe9m4: var(--_15shvv41g);
|
|
77
77
|
--_1cabe9m5: var(--_15shvv44r);
|
|
78
|
-
--
|
|
78
|
+
--_1cabe9ml: var(--_15shvv41n);
|
|
79
79
|
--_7t9dxb0: var(--_15shvv41q);
|
|
80
80
|
}
|
|
81
81
|
._1cabe9m11 {
|
|
@@ -84,7 +84,7 @@
|
|
|
84
84
|
--_1cabe9m3: var(--_15shvv41e);
|
|
85
85
|
--_1cabe9m4: var(--_15shvv41h);
|
|
86
86
|
--_1cabe9m5: var(--_15shvv44s);
|
|
87
|
-
--
|
|
87
|
+
--_1cabe9ml: var(--_15shvv41o);
|
|
88
88
|
--_7t9dxb0: var(--_15shvv41r);
|
|
89
89
|
}
|
|
90
90
|
._1cabe9m14 {
|
|
@@ -101,10 +101,10 @@
|
|
|
101
101
|
--_1cabe9md: var(--_15shvv41w);
|
|
102
102
|
--_1cabe9me: var(--_15shvv41x);
|
|
103
103
|
--_1cabe9mf: var(--_15shvv4z);
|
|
104
|
+
--_1cabe9mh: oklch(0 0 0 / 0%);
|
|
104
105
|
--_1cabe9mi: oklch(0 0 0 / 0%);
|
|
105
106
|
--_1cabe9mj: oklch(0 0 0 / 0%);
|
|
106
107
|
--_1cabe9mk: oklch(0 0 0 / 0%);
|
|
107
|
-
--_1cabe9ml: oklch(0 0 0 / 0%);
|
|
108
108
|
}
|
|
109
109
|
._1cabe9m16 {
|
|
110
110
|
--_1cabe9m6: var(--_15shvv429);
|
|
@@ -115,10 +115,10 @@
|
|
|
115
115
|
--_1cabe9md: var(--_15shvv424);
|
|
116
116
|
--_1cabe9me: var(--_15shvv425);
|
|
117
117
|
--_1cabe9mf: var(--_15shvv4z);
|
|
118
|
+
--_1cabe9mh: oklch(0 0 0 / 0%);
|
|
118
119
|
--_1cabe9mi: oklch(0 0 0 / 0%);
|
|
119
120
|
--_1cabe9mj: oklch(0 0 0 / 0%);
|
|
120
121
|
--_1cabe9mk: oklch(0 0 0 / 0%);
|
|
121
|
-
--_1cabe9ml: oklch(0 0 0 / 0%);
|
|
122
122
|
}
|
|
123
123
|
._1cabe9m17 {
|
|
124
124
|
--_1cabe9m6: var(--_15shvv42h);
|
|
@@ -129,10 +129,10 @@
|
|
|
129
129
|
--_1cabe9md: var(--_15shvv42c);
|
|
130
130
|
--_1cabe9me: var(--_15shvv42d);
|
|
131
131
|
--_1cabe9mf: var(--_15shvv4z);
|
|
132
|
+
--_1cabe9mh: oklch(0 0 0 / 0%);
|
|
132
133
|
--_1cabe9mi: oklch(0 0 0 / 0%);
|
|
133
134
|
--_1cabe9mj: oklch(0 0 0 / 0%);
|
|
134
135
|
--_1cabe9mk: oklch(0 0 0 / 0%);
|
|
135
|
-
--_1cabe9ml: oklch(0 0 0 / 0%);
|
|
136
136
|
}
|
|
137
137
|
._1cabe9m18 {
|
|
138
138
|
--_1cabe9m6: var(--_15shvv42p);
|
|
@@ -143,10 +143,10 @@
|
|
|
143
143
|
--_1cabe9md: var(--_15shvv42k);
|
|
144
144
|
--_1cabe9me: var(--_15shvv42l);
|
|
145
145
|
--_1cabe9mf: var(--_15shvv4z);
|
|
146
|
+
--_1cabe9mh: oklch(0 0 0 / 0%);
|
|
146
147
|
--_1cabe9mi: oklch(0 0 0 / 0%);
|
|
147
148
|
--_1cabe9mj: oklch(0 0 0 / 0%);
|
|
148
149
|
--_1cabe9mk: oklch(0 0 0 / 0%);
|
|
149
|
-
--_1cabe9ml: oklch(0 0 0 / 0%);
|
|
150
150
|
}
|
|
151
151
|
._1cabe9m19 {
|
|
152
152
|
--_1cabe9m6: var(--_15shvv42x);
|
|
@@ -157,10 +157,10 @@
|
|
|
157
157
|
--_1cabe9md: var(--_15shvv42s);
|
|
158
158
|
--_1cabe9me: var(--_15shvv42t);
|
|
159
159
|
--_1cabe9mf: var(--_15shvv4z);
|
|
160
|
+
--_1cabe9mh: oklch(0 0 0 / 0%);
|
|
160
161
|
--_1cabe9mi: oklch(0 0 0 / 0%);
|
|
161
162
|
--_1cabe9mj: oklch(0 0 0 / 0%);
|
|
162
163
|
--_1cabe9mk: oklch(0 0 0 / 0%);
|
|
163
|
-
--_1cabe9ml: oklch(0 0 0 / 0%);
|
|
164
164
|
}
|
|
165
165
|
._1cabe9m1a {
|
|
166
166
|
--_1cabe9m6: var(--_15shvv41u);
|
|
@@ -171,10 +171,10 @@
|
|
|
171
171
|
--_1cabe9md: var(--_15shvv41k);
|
|
172
172
|
--_1cabe9me: var(--_15shvv41l);
|
|
173
173
|
--_1cabe9mf: oklch(0 0 0 / 0%);
|
|
174
|
-
--
|
|
175
|
-
--
|
|
176
|
-
--
|
|
177
|
-
--
|
|
174
|
+
--_1cabe9mh: var(--_15shvv41y);
|
|
175
|
+
--_1cabe9mi: var(--_15shvv41z);
|
|
176
|
+
--_1cabe9mj: var(--_15shvv420);
|
|
177
|
+
--_1cabe9mk: var(--_15shvv410);
|
|
178
178
|
}
|
|
179
179
|
._1cabe9m1b {
|
|
180
180
|
--_1cabe9m6: var(--_15shvv422);
|
|
@@ -185,10 +185,10 @@
|
|
|
185
185
|
--_1cabe9md: var(--_15shvv41k);
|
|
186
186
|
--_1cabe9me: var(--_15shvv41l);
|
|
187
187
|
--_1cabe9mf: oklch(0 0 0 / 0%);
|
|
188
|
-
--
|
|
189
|
-
--
|
|
190
|
-
--
|
|
191
|
-
--
|
|
188
|
+
--_1cabe9mh: var(--_15shvv426);
|
|
189
|
+
--_1cabe9mi: var(--_15shvv427);
|
|
190
|
+
--_1cabe9mj: var(--_15shvv428);
|
|
191
|
+
--_1cabe9mk: var(--_15shvv410);
|
|
192
192
|
}
|
|
193
193
|
._1cabe9m1c {
|
|
194
194
|
--_1cabe9m6: var(--_15shvv42a);
|
|
@@ -199,10 +199,10 @@
|
|
|
199
199
|
--_1cabe9md: var(--_15shvv41k);
|
|
200
200
|
--_1cabe9me: var(--_15shvv41l);
|
|
201
201
|
--_1cabe9mf: oklch(0 0 0 / 0%);
|
|
202
|
-
--
|
|
203
|
-
--
|
|
204
|
-
--
|
|
205
|
-
--
|
|
202
|
+
--_1cabe9mh: var(--_15shvv42e);
|
|
203
|
+
--_1cabe9mi: var(--_15shvv42f);
|
|
204
|
+
--_1cabe9mj: var(--_15shvv42g);
|
|
205
|
+
--_1cabe9mk: var(--_15shvv410);
|
|
206
206
|
}
|
|
207
207
|
._1cabe9m1d {
|
|
208
208
|
--_1cabe9m6: var(--_15shvv42i);
|
|
@@ -213,10 +213,10 @@
|
|
|
213
213
|
--_1cabe9md: var(--_15shvv41k);
|
|
214
214
|
--_1cabe9me: var(--_15shvv41l);
|
|
215
215
|
--_1cabe9mf: oklch(0 0 0 / 0%);
|
|
216
|
-
--
|
|
217
|
-
--
|
|
218
|
-
--
|
|
219
|
-
--
|
|
216
|
+
--_1cabe9mh: var(--_15shvv42m);
|
|
217
|
+
--_1cabe9mi: var(--_15shvv42n);
|
|
218
|
+
--_1cabe9mj: var(--_15shvv42o);
|
|
219
|
+
--_1cabe9mk: var(--_15shvv410);
|
|
220
220
|
}
|
|
221
221
|
._1cabe9m1e {
|
|
222
222
|
--_1cabe9m6: var(--_15shvv42q);
|
|
@@ -227,10 +227,10 @@
|
|
|
227
227
|
--_1cabe9md: var(--_15shvv41k);
|
|
228
228
|
--_1cabe9me: var(--_15shvv41l);
|
|
229
229
|
--_1cabe9mf: oklch(0 0 0 / 0%);
|
|
230
|
-
--
|
|
231
|
-
--
|
|
232
|
-
--
|
|
233
|
-
--
|
|
230
|
+
--_1cabe9mh: var(--_15shvv42u);
|
|
231
|
+
--_1cabe9mi: var(--_15shvv42v);
|
|
232
|
+
--_1cabe9mj: var(--_15shvv42w);
|
|
233
|
+
--_1cabe9mk: var(--_15shvv410);
|
|
234
234
|
}
|
|
235
235
|
._1cabe9m1f {
|
|
236
236
|
--_1cabe9m6: var(--_15shvv41u);
|
|
@@ -241,10 +241,10 @@
|
|
|
241
241
|
--_1cabe9md: var(--_15shvv41k);
|
|
242
242
|
--_1cabe9me: var(--_15shvv41l);
|
|
243
243
|
--_1cabe9mf: oklch(0 0 0 / 0%);
|
|
244
|
+
--_1cabe9mh: oklch(0 0 0 / 0%);
|
|
244
245
|
--_1cabe9mi: oklch(0 0 0 / 0%);
|
|
245
246
|
--_1cabe9mj: oklch(0 0 0 / 0%);
|
|
246
247
|
--_1cabe9mk: oklch(0 0 0 / 0%);
|
|
247
|
-
--_1cabe9ml: oklch(0 0 0 / 0%);
|
|
248
248
|
}
|
|
249
249
|
._1cabe9m1g {
|
|
250
250
|
--_1cabe9m6: var(--_15shvv422);
|
|
@@ -255,10 +255,10 @@
|
|
|
255
255
|
--_1cabe9md: var(--_15shvv41k);
|
|
256
256
|
--_1cabe9me: var(--_15shvv41l);
|
|
257
257
|
--_1cabe9mf: oklch(0 0 0 / 0%);
|
|
258
|
+
--_1cabe9mh: oklch(0 0 0 / 0%);
|
|
258
259
|
--_1cabe9mi: oklch(0 0 0 / 0%);
|
|
259
260
|
--_1cabe9mj: oklch(0 0 0 / 0%);
|
|
260
261
|
--_1cabe9mk: oklch(0 0 0 / 0%);
|
|
261
|
-
--_1cabe9ml: oklch(0 0 0 / 0%);
|
|
262
262
|
}
|
|
263
263
|
._1cabe9m1h {
|
|
264
264
|
--_1cabe9m6: var(--_15shvv42a);
|
|
@@ -269,10 +269,10 @@
|
|
|
269
269
|
--_1cabe9md: var(--_15shvv41k);
|
|
270
270
|
--_1cabe9me: var(--_15shvv41l);
|
|
271
271
|
--_1cabe9mf: oklch(0 0 0 / 0%);
|
|
272
|
+
--_1cabe9mh: oklch(0 0 0 / 0%);
|
|
272
273
|
--_1cabe9mi: oklch(0 0 0 / 0%);
|
|
273
274
|
--_1cabe9mj: oklch(0 0 0 / 0%);
|
|
274
275
|
--_1cabe9mk: oklch(0 0 0 / 0%);
|
|
275
|
-
--_1cabe9ml: oklch(0 0 0 / 0%);
|
|
276
276
|
}
|
|
277
277
|
._1cabe9m1i {
|
|
278
278
|
--_1cabe9m6: var(--_15shvv42i);
|
|
@@ -283,10 +283,10 @@
|
|
|
283
283
|
--_1cabe9md: var(--_15shvv41k);
|
|
284
284
|
--_1cabe9me: var(--_15shvv41l);
|
|
285
285
|
--_1cabe9mf: oklch(0 0 0 / 0%);
|
|
286
|
+
--_1cabe9mh: oklch(0 0 0 / 0%);
|
|
286
287
|
--_1cabe9mi: oklch(0 0 0 / 0%);
|
|
287
288
|
--_1cabe9mj: oklch(0 0 0 / 0%);
|
|
288
289
|
--_1cabe9mk: oklch(0 0 0 / 0%);
|
|
289
|
-
--_1cabe9ml: oklch(0 0 0 / 0%);
|
|
290
290
|
}
|
|
291
291
|
._1cabe9m1j {
|
|
292
292
|
--_1cabe9m6: var(--_15shvv42q);
|
|
@@ -297,10 +297,10 @@
|
|
|
297
297
|
--_1cabe9md: var(--_15shvv41k);
|
|
298
298
|
--_1cabe9me: var(--_15shvv41l);
|
|
299
299
|
--_1cabe9mf: oklch(0 0 0 / 0%);
|
|
300
|
+
--_1cabe9mh: oklch(0 0 0 / 0%);
|
|
300
301
|
--_1cabe9mi: oklch(0 0 0 / 0%);
|
|
301
302
|
--_1cabe9mj: oklch(0 0 0 / 0%);
|
|
302
303
|
--_1cabe9mk: oklch(0 0 0 / 0%);
|
|
303
|
-
--_1cabe9ml: oklch(0 0 0 / 0%);
|
|
304
304
|
}
|
|
305
305
|
._1cabe9m1k {
|
|
306
306
|
margin-inline-end: calc(var(--_1cabe9m0) - var(--_1cabe9m3));
|
|
@@ -5,7 +5,7 @@ import './index.css';
|
|
|
5
5
|
import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
|
|
6
6
|
|
|
7
7
|
var ButtonAfterStyle = '_1cabe9m1k';
|
|
8
|
-
var ButtonStyle = createRuntimeFn({defaultClassName:'_1cabe9mq',variantClassNames:{color:{'default':'_1cabe9mr',primary:'_1cabe9ms',success:'_1cabe9mt',warning:'_1cabe9mu',danger:'_1cabe9mv'},variant:{primary:'_1cabe9mw',secondary:'_1cabe9mx',tertiary:'_1cabe9my'},size:{small:'_1cabe9mz',medium:'_1cabe9m10',large:'_1cabe9m11'},shape:{rounded:'_1cabe9m12
|
|
8
|
+
var ButtonStyle = createRuntimeFn({defaultClassName:'_1cabe9mq',variantClassNames:{color:{'default':'_1cabe9mr',primary:'_1cabe9ms',success:'_1cabe9mt',warning:'_1cabe9mu',danger:'_1cabe9mv'},variant:{primary:'_1cabe9mw',secondary:'_1cabe9mx',tertiary:'_1cabe9my'},size:{small:'_1cabe9mz',medium:'_1cabe9m10',large:'_1cabe9m11'},shape:{rounded:'_1cabe9m12 _7t9dxb5',circular:'_1cabe9m13 _7t9dxb6'},block:{true:'_1cabe9m14'}},defaultVariants:{},compoundVariants:[[{variant:'primary',color:'default'},'_1cabe9m15'],[{variant:'primary',color:'primary'},'_1cabe9m16'],[{variant:'primary',color:'success'},'_1cabe9m17'],[{variant:'primary',color:'warning'},'_1cabe9m18'],[{variant:'primary',color:'danger'},'_1cabe9m19'],[{variant:'secondary',color:'default'},'_1cabe9m1a'],[{variant:'secondary',color:'primary'},'_1cabe9m1b'],[{variant:'secondary',color:'success'},'_1cabe9m1c'],[{variant:'secondary',color:'warning'},'_1cabe9m1d'],[{variant:'secondary',color:'danger'},'_1cabe9m1e'],[{variant:'tertiary',color:'default'},'_1cabe9m1f'],[{variant:'tertiary',color:'primary'},'_1cabe9m1g'],[{variant:'tertiary',color:'success'},'_1cabe9m1h'],[{variant:'tertiary',color:'warning'},'_1cabe9m1i'],[{variant:'tertiary',color:'danger'},'_1cabe9m1j']]});
|
|
9
9
|
var IconButtonStyle = '_1cabe9m1l';
|
|
10
10
|
var InteractiveStyle = '_1cabe9mp';
|
|
11
11
|
var LinkButtonStyle = '_1cabe9m1m';
|
|
@@ -6,6 +6,7 @@ import 'tiny-invariant';
|
|
|
6
6
|
import '../../hook/accessibility/keyboard/context/index.js';
|
|
7
7
|
import '../../util/promise/waitFor.js';
|
|
8
8
|
import '../../util/promise/waitUntil.js';
|
|
9
|
+
import '@vanilla-extract/css';
|
|
9
10
|
import '@floating-ui/utils';
|
|
10
11
|
import { useRefObject } from '../../hook/react/useRefObject.js';
|
|
11
12
|
import 'lodash-es';
|
|
@@ -33,7 +34,6 @@ function Checkbox(props) {
|
|
|
33
34
|
} = useCheckbox(props);
|
|
34
35
|
const ref = useRefObject(attrs.ref);
|
|
35
36
|
useLayoutEffect(() => {
|
|
36
|
-
/* istanbul ignore else -- @preserve */
|
|
37
37
|
if (ref.current) {
|
|
38
38
|
ref.current.indeterminate = !ref.current.checked && !!indeterminate;
|
|
39
39
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sources":["../../../src/component/checkbox/Checkbox.tsx"],"sourcesContent":["'use client'\nimport { useCheckbox, useRefObject, type ChangeCallback } from '#hook'\nimport clsx from 'clsx'\nimport { useLayoutEffect } from 'react'\nimport {\n CheckboxChecked,\n CheckboxIndeterminate,\n CheckboxUnchecked,\n} from './icon'\nimport {\n CheckboxCheckedIconStyle,\n CheckboxIndeterminateIconStyle,\n CheckboxStyle,\n CheckboxUncheckedIconStyle,\n} from './style/index.css'\n\nexport type CheckboxSize = 'small' | 'medium' | 'large'\n\nexport interface CheckboxProps extends Omit<\n React.ComponentProps<'input'>,\n 'size' | 'onChange' | 'slot'\n> {\n size?: CheckboxSize | undefined\n value: string\n indeterminate?: boolean | undefined\n onChange?:\n | ChangeCallback<React.ChangeEvent<HTMLInputElement>, boolean>\n | undefined\n slot?: {\n root?: React.ComponentProps<'div'> | undefined\n input?: React.ComponentProps<'input'> | undefined\n }\n}\n\nexport function Checkbox(props: CheckboxProps) {\n const {\n className,\n style,\n size = 'medium',\n indeterminate,\n onChange,\n slot,\n ...attrs\n } = useCheckbox(props)\n\n const ref = useRefObject(attrs.ref)\n\n useLayoutEffect(() => {\n /* istanbul ignore else
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sources":["../../../src/component/checkbox/Checkbox.tsx"],"sourcesContent":["'use client'\nimport { useCheckbox, useRefObject, type ChangeCallback } from '#hook'\nimport clsx from 'clsx'\nimport { useLayoutEffect } from 'react'\nimport {\n CheckboxChecked,\n CheckboxIndeterminate,\n CheckboxUnchecked,\n} from './icon'\nimport {\n CheckboxCheckedIconStyle,\n CheckboxIndeterminateIconStyle,\n CheckboxStyle,\n CheckboxUncheckedIconStyle,\n} from './style/index.css'\n\nexport type CheckboxSize = 'small' | 'medium' | 'large'\n\nexport interface CheckboxProps extends Omit<\n React.ComponentProps<'input'>,\n 'size' | 'onChange' | 'slot'\n> {\n size?: CheckboxSize | undefined\n value: string\n indeterminate?: boolean | undefined\n onChange?:\n | ChangeCallback<React.ChangeEvent<HTMLInputElement>, boolean>\n | undefined\n slot?: {\n root?: React.ComponentProps<'div'> | undefined\n input?: React.ComponentProps<'input'> | undefined\n }\n}\n\nexport function Checkbox(props: CheckboxProps) {\n const {\n className,\n style,\n size = 'medium',\n indeterminate,\n onChange,\n slot,\n ...attrs\n } = useCheckbox(props)\n\n const ref = useRefObject(attrs.ref)\n\n useLayoutEffect(() => {\n /* istanbul ignore else */\n if (ref.current) {\n // When a checkbox has both `indeterminate` and `checked` set to true,\n // only the `indeterminate` state will be activated in Chromium browser.\n ref.current.indeterminate = !ref.current.checked && !!indeterminate\n }\n })\n\n return (\n <div\n {...slot?.root}\n className={clsx(CheckboxStyle({ size }), className)}\n style={style}\n >\n <input\n {...slot?.input}\n {...attrs}\n type='checkbox'\n onChange={(ev) => onChange?.(ev, ev.currentTarget.checked)}\n ref={ref}\n />\n <CheckboxUnchecked className={CheckboxUncheckedIconStyle} />\n <CheckboxIndeterminate className={CheckboxIndeterminateIconStyle} />\n <CheckboxChecked className={CheckboxCheckedIconStyle} />\n </div>\n )\n}\n"],"names":[],"mappings":"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"}
|
|
@@ -5,6 +5,7 @@ import 'tiny-invariant';
|
|
|
5
5
|
import '../../hook/accessibility/keyboard/context/index.js';
|
|
6
6
|
import '../../util/promise/waitFor.js';
|
|
7
7
|
import '../../util/promise/waitUntil.js';
|
|
8
|
+
import '@vanilla-extract/css';
|
|
8
9
|
import '@floating-ui/utils';
|
|
9
10
|
import 'lodash-es';
|
|
10
11
|
import '../../hook/form/context/index.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxGroup.js","sources":["../../../src/component/checkbox/CheckboxGroup.tsx"],"sourcesContent":["import { useGroup, type ChangeCallback } from '#hook'\nimport clsx from 'clsx'\nimport { CheckboxGroupStyle } from './style/index.css'\n\nexport interface CheckboxGroupProps extends Omit<\n React.ComponentProps<'fieldset'>,\n 'onChange'\n> {\n name?: string | undefined\n defaultValue?: readonly string[] | undefined\n value?: readonly string[] | undefined\n multiple?: never\n disabled?: boolean | undefined\n onChange?:\n | ChangeCallback<React.ChangeEvent<HTMLInputElement>, readonly string[]>\n | undefined\n}\n\nexport function CheckboxGroup(props: CheckboxGroupProps) {\n const {\n defaultValue: _defaultValue,\n value: _value,\n multiple: _multiple,\n onChange: _onChange,\n ...attrs\n } = useGroup(props).props\n\n return (\n <fieldset\n {...attrs}\n className={clsx(CheckboxGroupStyle, attrs.className)}\n />\n )\n}\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"CheckboxGroup.js","sources":["../../../src/component/checkbox/CheckboxGroup.tsx"],"sourcesContent":["import { useGroup, type ChangeCallback } from '#hook'\nimport clsx from 'clsx'\nimport { CheckboxGroupStyle } from './style/index.css'\n\nexport interface CheckboxGroupProps extends Omit<\n React.ComponentProps<'fieldset'>,\n 'onChange'\n> {\n name?: string | undefined\n defaultValue?: readonly string[] | undefined\n value?: readonly string[] | undefined\n multiple?: never\n disabled?: boolean | undefined\n onChange?:\n | ChangeCallback<React.ChangeEvent<HTMLInputElement>, readonly string[]>\n | undefined\n}\n\nexport function CheckboxGroup(props: CheckboxGroupProps) {\n const {\n defaultValue: _defaultValue,\n value: _value,\n multiple: _multiple,\n onChange: _onChange,\n ...attrs\n } = useGroup(props).props\n\n return (\n <fieldset\n {...attrs}\n className={clsx(CheckboxGroupStyle, attrs.className)}\n />\n )\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAkBO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAc,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAA2B;AACvD,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM;AAAA,CAAA,CAAA,CAAA,CACJ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAc,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CACd,CAAA,CAAA,CAAA,CAAA,CAAA,EAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CACP,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CACV,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CACV,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CACL,GAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA,CAAA,CAAA,CAAA,CAAK,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA;AAEpB,CAAA,CAAA,uBACE,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACE,GAAG,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACJ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAW,CAAA,CAAA,CAAA,CAAA,CAAK,kBAAA,CAAA,CAAoB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS;AAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CACrD;AAEJ;;"}
|
|
@@ -5,6 +5,7 @@ import 'tiny-invariant';
|
|
|
5
5
|
import '../../hook/accessibility/keyboard/context/index.js';
|
|
6
6
|
import '../../util/promise/waitFor.js';
|
|
7
7
|
import '../../util/promise/waitUntil.js';
|
|
8
|
+
import '@vanilla-extract/css';
|
|
8
9
|
import '@floating-ui/utils';
|
|
9
10
|
import 'lodash-es';
|
|
10
11
|
import '../../hook/form/context/index.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.js","sources":["../../../src/component/checkbox/Radio.tsx"],"sourcesContent":["import type { ChangeCallback } from '#hook'\nimport { useRadio } from '#hook'\nimport clsx from 'clsx'\nimport { RadioChecked, RadioUnchecked } from './icon'\nimport {\n CheckboxStyle,\n RadioCheckedIconStyle,\n RadioUncheckedIconStyle,\n} from './style/index.css'\n\nexport type RadioSize = 'small' | 'medium' | 'large'\n\nexport interface RadioProps extends Omit<\n React.ComponentProps<'input'>,\n 'size' | 'onChange' | 'slot'\n> {\n size?: RadioSize | undefined\n value: string\n onChange?:\n | ChangeCallback<React.ChangeEvent<HTMLInputElement>, boolean>\n | undefined\n slot?: {\n root?: React.ComponentProps<'div'> | undefined\n input?: React.ComponentProps<'input'> | undefined\n }\n}\n\nexport function Radio(props: RadioProps) {\n const {\n className,\n style,\n size = 'medium',\n onChange,\n slot,\n ...attrs\n } = useRadio(props)\n\n return (\n <div\n {...slot?.root}\n className={clsx(CheckboxStyle({ size }), className)}\n style={style}\n >\n <input\n {...slot?.input}\n {...attrs}\n type='radio'\n onChange={(ev) => onChange?.(ev, ev.currentTarget.checked)}\n />\n <RadioUnchecked className={RadioUncheckedIconStyle} />\n <RadioChecked className={RadioCheckedIconStyle} />\n </div>\n )\n}\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Radio.js","sources":["../../../src/component/checkbox/Radio.tsx"],"sourcesContent":["import type { ChangeCallback } from '#hook'\nimport { useRadio } from '#hook'\nimport clsx from 'clsx'\nimport { RadioChecked, RadioUnchecked } from './icon'\nimport {\n CheckboxStyle,\n RadioCheckedIconStyle,\n RadioUncheckedIconStyle,\n} from './style/index.css'\n\nexport type RadioSize = 'small' | 'medium' | 'large'\n\nexport interface RadioProps extends Omit<\n React.ComponentProps<'input'>,\n 'size' | 'onChange' | 'slot'\n> {\n size?: RadioSize | undefined\n value: string\n onChange?:\n | ChangeCallback<React.ChangeEvent<HTMLInputElement>, boolean>\n | undefined\n slot?: {\n root?: React.ComponentProps<'div'> | undefined\n input?: React.ComponentProps<'input'> | undefined\n }\n}\n\nexport function Radio(props: RadioProps) {\n const {\n className,\n style,\n size = 'medium',\n onChange,\n slot,\n ...attrs\n } = useRadio(props)\n\n return (\n <div\n {...slot?.root}\n className={clsx(CheckboxStyle({ size }), className)}\n style={style}\n >\n <input\n {...slot?.input}\n {...attrs}\n type='radio'\n onChange={(ev) => onChange?.(ev, ev.currentTarget.checked)}\n />\n <RadioUnchecked className={RadioUncheckedIconStyle} />\n <RadioChecked className={RadioCheckedIconStyle} />\n </div>\n )\n}\n"],"names":[],"mappings":"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"}
|
|
@@ -5,6 +5,7 @@ import 'tiny-invariant';
|
|
|
5
5
|
import '../../hook/accessibility/keyboard/context/index.js';
|
|
6
6
|
import '../../util/promise/waitFor.js';
|
|
7
7
|
import '../../util/promise/waitUntil.js';
|
|
8
|
+
import '@vanilla-extract/css';
|
|
8
9
|
import '@floating-ui/utils';
|
|
9
10
|
import 'lodash-es';
|
|
10
11
|
import '../../hook/form/context/index.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioGroup.js","sources":["../../../src/component/checkbox/RadioGroup.tsx"],"sourcesContent":["import { useGroup, type ChangeCallback } from '#hook'\nimport clsx from 'clsx'\nimport { RadioGroupStyle } from './style/index.css'\n\nexport interface RadioGroupProps extends Omit<\n React.ComponentProps<'fieldset'>,\n 'onChange'\n> {\n name?: string | undefined\n defaultValue?: string | undefined\n value?: string | undefined\n multiple?: never\n disabled?: boolean | undefined\n onChange?:\n | ChangeCallback<React.ChangeEvent<HTMLInputElement>, string>\n | undefined\n}\n\nexport function RadioGroup(props: RadioGroupProps) {\n const {\n defaultValue: _defaultValue,\n value: _value,\n multiple: _multiple,\n onChange: _onChange,\n ...attrs\n } = useGroup(props).props\n\n return (\n <fieldset\n {...attrs}\n className={clsx(RadioGroupStyle, attrs.className)}\n role='radiogroup'\n />\n )\n}\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"RadioGroup.js","sources":["../../../src/component/checkbox/RadioGroup.tsx"],"sourcesContent":["import { useGroup, type ChangeCallback } from '#hook'\nimport clsx from 'clsx'\nimport { RadioGroupStyle } from './style/index.css'\n\nexport interface RadioGroupProps extends Omit<\n React.ComponentProps<'fieldset'>,\n 'onChange'\n> {\n name?: string | undefined\n defaultValue?: string | undefined\n value?: string | undefined\n multiple?: never\n disabled?: boolean | undefined\n onChange?:\n | ChangeCallback<React.ChangeEvent<HTMLInputElement>, string>\n | undefined\n}\n\nexport function RadioGroup(props: RadioGroupProps) {\n const {\n defaultValue: _defaultValue,\n value: _value,\n multiple: _multiple,\n onChange: _onChange,\n ...attrs\n } = useGroup(props).props\n\n return (\n <fieldset\n {...attrs}\n className={clsx(RadioGroupStyle, attrs.className)}\n role='radiogroup'\n />\n )\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAkBO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAwB;AACjD,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM;AAAA,CAAA,CAAA,CAAA,CACJ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAc,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CACd,CAAA,CAAA,CAAA,CAAA,CAAA,EAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CACP,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CACV,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CACV,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CACL,GAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA,CAAA,CAAA,CAAA,CAAK,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA;AAEpB,CAAA,CAAA,uBACE,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACE,GAAG,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACJ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAW,CAAA,CAAA,CAAA,CAAA,CAAK,eAAA,CAAA,CAAiB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAChD,IAAA,CAAA,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CACP;AAEJ;;"}
|
|
@@ -6,6 +6,7 @@ import 'tiny-invariant';
|
|
|
6
6
|
import '../../../hook/accessibility/keyboard/context/index.js';
|
|
7
7
|
import '../../../util/promise/waitFor.js';
|
|
8
8
|
import '../../../util/promise/waitUntil.js';
|
|
9
|
+
import '@vanilla-extract/css';
|
|
9
10
|
import '@floating-ui/utils';
|
|
10
11
|
import 'lodash-es';
|
|
11
12
|
import '../../../hook/form/context/index.js';
|
|
@@ -18,6 +19,7 @@ import 'react-dom';
|
|
|
18
19
|
import 'clsx';
|
|
19
20
|
import '../../popover/style/index.css.vanilla.js';
|
|
20
21
|
import '../../button/style/index.css.vanilla.js';
|
|
22
|
+
import './../../style/article.css';
|
|
21
23
|
import './../../../theme/token.css';
|
|
22
24
|
import './../../../theme/theme.css';
|
|
23
25
|
import './../../../theme/global.css';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/component/checkbox/icon/index.ts"],"sourcesContent":["import { fromSVG } from '#component'\nimport { ReactComponent as CheckboxCheckedSVG } from './CheckboxChecked.svg'\nimport { ReactComponent as CheckboxIndeterminateSVG } from './CheckboxIndeterminate.svg'\nimport { ReactComponent as CheckboxUncheckedSVG } from './CheckboxUnchecked.svg'\nimport { ReactComponent as RadioCheckedSVG } from './RadioChecked.svg'\nimport { ReactComponent as RadioUncheckedSVG } from './RadioUnchecked.svg'\n\nexport const CheckboxChecked = fromSVG(CheckboxCheckedSVG)\nexport const CheckboxIndeterminate = fromSVG(CheckboxIndeterminateSVG)\nexport const CheckboxUnchecked = fromSVG(CheckboxUncheckedSVG)\nexport const RadioChecked = fromSVG(RadioCheckedSVG)\nexport const RadioUnchecked = fromSVG(RadioUncheckedSVG)\n"],"names":["CheckboxCheckedSVG","CheckboxIndeterminateSVG","CheckboxUncheckedSVG","RadioCheckedSVG","RadioUncheckedSVG"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/component/checkbox/icon/index.ts"],"sourcesContent":["import { fromSVG } from '#component'\nimport { ReactComponent as CheckboxCheckedSVG } from './CheckboxChecked.svg'\nimport { ReactComponent as CheckboxIndeterminateSVG } from './CheckboxIndeterminate.svg'\nimport { ReactComponent as CheckboxUncheckedSVG } from './CheckboxUnchecked.svg'\nimport { ReactComponent as RadioCheckedSVG } from './RadioChecked.svg'\nimport { ReactComponent as RadioUncheckedSVG } from './RadioUnchecked.svg'\n\nexport const CheckboxChecked = fromSVG(CheckboxCheckedSVG)\nexport const CheckboxIndeterminate = fromSVG(CheckboxIndeterminateSVG)\nexport const CheckboxUnchecked = fromSVG(CheckboxUncheckedSVG)\nexport const RadioChecked = fromSVG(RadioCheckedSVG)\nexport const RadioUnchecked = fromSVG(RadioUncheckedSVG)\n"],"names":["CheckboxCheckedSVG","CheckboxIndeterminateSVG","CheckboxUncheckedSVG","RadioCheckedSVG","RadioUncheckedSVG"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAkB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAQA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAkB,CAAA;AAClD,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAwB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAQC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAwB,CAAA;AAC9D,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAoB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAQC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAoB,CAAA;AACtD,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAe,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAQC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAe,CAAA;AAC5C,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAiB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAQC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAiB,CAAA;;"}
|