@accelint/design-toolkit 2.4.3 → 2.6.0
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/accordion/index.d.ts +1 -1
- package/dist/components/accordion/index.js +1 -1
- package/dist/components/accordion/index.js.map +1 -1
- package/dist/components/accordion/styles.d.ts +1 -5
- package/dist/components/accordion/styles.js +1 -1
- package/dist/components/accordion/styles.js.map +1 -1
- package/dist/components/accordion/types.d.ts +9 -10
- package/dist/components/avatar/index.d.ts +4 -2
- package/dist/components/avatar/index.js +1 -1
- package/dist/components/avatar/index.js.map +1 -1
- package/dist/components/avatar/styles.d.ts +16 -15
- package/dist/components/avatar/styles.js +1 -1
- package/dist/components/avatar/styles.js.map +1 -1
- package/dist/components/avatar/types.d.ts +7 -7
- package/dist/components/badge/index.d.ts +3 -2
- package/dist/components/badge/index.js +1 -1
- package/dist/components/badge/index.js.map +1 -1
- package/dist/components/badge/styles.js +1 -1
- package/dist/components/badge/styles.js.map +1 -1
- package/dist/components/badge/types.d.ts +3 -4
- package/dist/components/box/index.js +1 -1
- package/dist/components/box/index.js.map +1 -1
- package/dist/components/button/index.d.ts +6 -4
- package/dist/components/button/index.js +1 -1
- package/dist/components/button/index.js.map +1 -1
- package/dist/components/button/styles.d.ts +25 -24
- package/dist/components/button/styles.js +1 -1
- package/dist/components/button/styles.js.map +1 -1
- package/dist/components/button/types.d.ts +3 -5
- package/dist/components/checkbox/index.js +1 -1
- package/dist/components/checkbox/index.js.map +1 -1
- package/dist/components/checkbox/styles.d.ts +19 -18
- package/dist/components/checkbox/styles.js +1 -1
- package/dist/components/checkbox/styles.js.map +1 -1
- package/dist/components/chip/index.d.ts +4 -2
- package/dist/components/chip/index.js +1 -1
- package/dist/components/chip/index.js.map +1 -1
- package/dist/components/chip/styles.d.ts +70 -69
- package/dist/components/chip/styles.js +1 -1
- package/dist/components/chip/styles.js.map +1 -1
- package/dist/components/chip/types.d.ts +5 -5
- package/dist/components/classification-badge/index.d.ts +3 -2
- package/dist/components/classification-badge/index.js +1 -1
- package/dist/components/classification-badge/index.js.map +1 -1
- package/dist/components/classification-badge/styles.js +1 -1
- package/dist/components/classification-badge/styles.js.map +1 -1
- package/dist/components/classification-badge/types.d.ts +3 -4
- package/dist/components/classification-banner/index.d.ts +3 -2
- package/dist/components/classification-banner/index.js +1 -1
- package/dist/components/classification-banner/index.js.map +1 -1
- package/dist/components/classification-banner/styles.js +1 -1
- package/dist/components/classification-banner/styles.js.map +1 -1
- package/dist/components/classification-banner/types.d.ts +3 -4
- package/dist/components/color-picker/index.d.ts +45 -15
- package/dist/components/color-picker/index.js +1 -1
- package/dist/components/color-picker/index.js.map +1 -1
- package/dist/components/color-picker/styles.d.ts +42 -0
- package/dist/components/color-picker/styles.js +2 -0
- package/dist/components/color-picker/styles.js.map +1 -0
- package/dist/components/color-picker/types.d.ts +13 -0
- package/dist/components/color-picker/types.js +2 -0
- package/dist/components/color-picker/types.js.map +1 -0
- package/dist/components/combobox-field/index.d.ts +18 -0
- package/dist/components/combobox-field/index.js +2 -0
- package/dist/components/combobox-field/index.js.map +1 -0
- package/dist/components/combobox-field/styles.d.ts +72 -0
- package/dist/components/combobox-field/styles.js +2 -0
- package/dist/components/combobox-field/styles.js.map +1 -0
- package/dist/components/combobox-field/types.d.ts +28 -0
- package/dist/components/combobox-field/types.js +2 -0
- package/dist/components/combobox-field/types.js.map +1 -0
- package/dist/components/date-field/index.d.ts +8 -24
- package/dist/components/date-field/index.js +1 -1
- package/dist/components/date-field/index.js.map +1 -1
- package/dist/components/date-field/styles.d.ts +69 -0
- package/dist/components/date-field/styles.js +2 -0
- package/dist/components/date-field/styles.js.map +1 -0
- package/dist/components/date-field/types.d.ts +29 -0
- package/dist/components/date-field/types.js +2 -0
- package/dist/components/date-field/types.js.map +1 -0
- package/dist/components/details-list/index.d.ts +59 -0
- package/dist/components/details-list/index.js +2 -0
- package/dist/components/details-list/index.js.map +1 -0
- package/dist/components/details-list/styles.d.ts +65 -0
- package/dist/components/details-list/styles.js +2 -0
- package/dist/components/details-list/styles.js.map +1 -0
- package/dist/components/details-list/types.d.ts +16 -0
- package/dist/components/details-list/types.js +2 -0
- package/dist/components/details-list/types.js.map +1 -0
- package/dist/components/dialog/index.d.ts +1 -0
- package/dist/components/dialog/index.js +1 -1
- package/dist/components/dialog/index.js.map +1 -1
- package/dist/components/drawer/context.d.ts +13 -0
- package/dist/components/drawer/context.js +2 -0
- package/dist/components/drawer/context.js.map +1 -0
- package/dist/components/drawer/index.d.ts +48 -0
- package/dist/components/drawer/index.js +2 -0
- package/dist/components/drawer/index.js.map +1 -0
- package/dist/components/drawer/state.d.ts +26 -0
- package/dist/components/drawer/state.js +2 -0
- package/dist/components/drawer/state.js.map +1 -0
- package/dist/components/drawer/styles.d.ts +118 -0
- package/dist/components/drawer/styles.js +2 -0
- package/dist/components/drawer/styles.js.map +1 -0
- package/dist/components/drawer/types.d.ts +279 -0
- package/dist/components/drawer/types.js +2 -0
- package/dist/components/drawer/types.js.map +1 -0
- package/dist/components/hero/index.d.ts +45 -0
- package/dist/components/hero/index.js +2 -0
- package/dist/components/hero/index.js.map +1 -0
- package/dist/components/hero/styles.d.ts +48 -0
- package/dist/components/hero/styles.js +2 -0
- package/dist/components/hero/styles.js.map +1 -0
- package/dist/components/hero/types.d.ts +13 -0
- package/dist/components/hero/types.js +2 -0
- package/dist/components/hero/types.js.map +1 -0
- package/dist/components/hotkey/index.d.ts +25 -0
- package/dist/components/hotkey/index.js +2 -0
- package/dist/components/hotkey/index.js.map +1 -0
- package/dist/components/hotkey/styles.d.ts +53 -0
- package/dist/components/hotkey/styles.js +2 -0
- package/dist/components/hotkey/styles.js.map +1 -0
- package/dist/components/hotkey/types.d.ts +8 -0
- package/dist/components/hotkey/types.js +2 -0
- package/dist/components/hotkey/types.js.map +1 -0
- package/dist/components/icon/index.d.ts +3 -2
- package/dist/components/icon/index.js +1 -1
- package/dist/components/icon/index.js.map +1 -1
- package/dist/components/icon/styles.js +1 -1
- package/dist/components/icon/styles.js.map +1 -1
- package/dist/components/icon/types.d.ts +4 -5
- package/dist/components/input/index.d.ts +1 -0
- package/dist/components/input/index.js +1 -1
- package/dist/components/input/index.js.map +1 -1
- package/dist/components/input/styles.d.ts +2 -24
- package/dist/components/input/styles.js +1 -1
- package/dist/components/input/styles.js.map +1 -1
- package/dist/components/input/types.d.ts +1 -0
- package/dist/components/label/index.d.ts +3 -2
- package/dist/components/label/index.js +1 -1
- package/dist/components/label/index.js.map +1 -1
- package/dist/components/label/styles.js +1 -1
- package/dist/components/label/styles.js.map +1 -1
- package/dist/components/label/types.d.ts +2 -3
- package/dist/components/menu/index.d.ts +16 -21
- package/dist/components/menu/index.js +1 -1
- package/dist/components/menu/index.js.map +1 -1
- package/dist/components/menu/styles.d.ts +9 -6
- package/dist/components/menu/styles.js +1 -1
- package/dist/components/menu/styles.js.map +1 -1
- package/dist/components/menu/types.d.ts +9 -2
- package/dist/components/options/index.d.ts +28 -22
- package/dist/components/options/index.js +1 -1
- package/dist/components/options/index.js.map +1 -1
- package/dist/components/options/styles.d.ts +72 -0
- package/dist/components/options/styles.js +2 -0
- package/dist/components/options/styles.js.map +1 -0
- package/dist/components/options/types.d.ts +29 -0
- package/dist/components/options/types.js +2 -0
- package/dist/components/options/types.js.map +1 -0
- package/dist/components/popover/index.js +1 -1
- package/dist/components/popover/index.js.map +1 -1
- package/dist/components/popover/styles.d.ts +16 -15
- package/dist/components/popover/styles.js +1 -1
- package/dist/components/popover/styles.js.map +1 -1
- package/dist/components/query-builder/action-element.js +1 -1
- package/dist/components/query-builder/action-element.js.map +1 -1
- package/dist/components/query-builder/constants.js +1 -1
- package/dist/components/query-builder/constants.js.map +1 -1
- package/dist/components/query-builder/group.js +1 -1
- package/dist/components/query-builder/group.js.map +1 -1
- package/dist/components/query-builder/index.d.ts +5 -20
- package/dist/components/query-builder/index.js +1 -1
- package/dist/components/query-builder/index.js.map +1 -1
- package/dist/components/query-builder/rule.js +1 -1
- package/dist/components/query-builder/rule.js.map +1 -1
- package/dist/components/query-builder/types.d.ts +22 -0
- package/dist/components/query-builder/types.js +2 -0
- package/dist/components/query-builder/types.js.map +1 -0
- package/dist/components/query-builder/utils.js +1 -1
- package/dist/components/query-builder/utils.js.map +1 -1
- package/dist/components/query-builder/value-editor.js +1 -1
- package/dist/components/query-builder/value-editor.js.map +1 -1
- package/dist/components/query-builder/value-selector.js +1 -1
- package/dist/components/query-builder/value-selector.js.map +1 -1
- package/dist/components/radio/index.js +1 -1
- package/dist/components/radio/index.js.map +1 -1
- package/dist/components/radio/styles.d.ts +19 -18
- package/dist/components/radio/styles.js +1 -1
- package/dist/components/radio/styles.js.map +1 -1
- package/dist/components/radio/types.d.ts +2 -3
- package/dist/components/search-field/index.d.ts +56 -15
- package/dist/components/search-field/index.js +1 -1
- package/dist/components/search-field/index.js.map +1 -1
- package/dist/components/search-field/styles.d.ts +53 -0
- package/dist/components/search-field/styles.js +2 -0
- package/dist/components/search-field/styles.js.map +1 -0
- package/dist/components/search-field/types.d.ts +25 -0
- package/dist/components/search-field/types.js +2 -0
- package/dist/components/search-field/types.js.map +1 -0
- package/dist/components/select-field/index.d.ts +23 -0
- package/dist/components/select-field/index.js +2 -0
- package/dist/components/select-field/index.js.map +1 -0
- package/dist/components/select-field/styles.d.ts +60 -0
- package/dist/components/select-field/styles.js +2 -0
- package/dist/components/select-field/styles.js.map +1 -0
- package/dist/components/select-field/types.d.ts +26 -0
- package/dist/components/select-field/types.js +2 -0
- package/dist/components/select-field/types.js.map +1 -0
- package/dist/components/skeleton/index.d.ts +42 -0
- package/dist/components/skeleton/index.js +2 -0
- package/dist/components/skeleton/index.js.map +1 -0
- package/dist/components/skeleton/styles.d.ts +23 -0
- package/dist/components/skeleton/styles.js +2 -0
- package/dist/components/skeleton/styles.js.map +1 -0
- package/dist/components/skeleton/types.d.ts +8 -0
- package/dist/components/skeleton/types.js +2 -0
- package/dist/components/skeleton/types.js.map +1 -0
- package/dist/components/slider/index.js +1 -1
- package/dist/components/slider/index.js.map +1 -1
- package/dist/components/switch/index.d.ts +3 -2
- package/dist/components/switch/index.js +1 -1
- package/dist/components/switch/index.js.map +1 -1
- package/dist/components/switch/styles.d.ts +13 -12
- package/dist/components/switch/styles.js +1 -1
- package/dist/components/switch/styles.js.map +1 -1
- package/dist/components/switch/types.d.ts +2 -3
- package/dist/components/tabs/index.js +1 -1
- package/dist/components/tabs/index.js.map +1 -1
- package/dist/components/text-area-field/index.d.ts +4 -3
- package/dist/components/text-area-field/index.js +1 -1
- package/dist/components/text-area-field/index.js.map +1 -1
- package/dist/components/text-area-field/styles.d.ts +19 -18
- package/dist/components/text-area-field/styles.js +1 -1
- package/dist/components/text-area-field/styles.js.map +1 -1
- package/dist/components/text-area-field/types.d.ts +2 -3
- package/dist/components/text-field/index.d.ts +4 -2
- package/dist/components/text-field/index.js +1 -1
- package/dist/components/text-field/index.js.map +1 -1
- package/dist/components/text-field/styles.d.ts +19 -18
- package/dist/components/text-field/styles.js +1 -1
- package/dist/components/text-field/styles.js.map +1 -1
- package/dist/components/text-field/types.d.ts +4 -4
- package/dist/components/tooltip/index.d.ts +14 -28
- package/dist/components/tooltip/index.js +1 -1
- package/dist/components/tooltip/index.js.map +1 -1
- package/dist/components/tooltip/styles.d.ts +5 -0
- package/dist/components/tooltip/styles.js +2 -0
- package/dist/components/tooltip/styles.js.map +1 -0
- package/dist/components/tooltip/types.d.ts +8 -0
- package/dist/components/tooltip/types.js +2 -0
- package/dist/components/tooltip/types.js.map +1 -0
- package/dist/components/view-stack/index.d.ts +28 -0
- package/dist/components/view-stack/index.js +2 -0
- package/dist/components/view-stack/index.js.map +1 -0
- package/dist/components/view-stack/types.d.ts +58 -0
- package/dist/components/view-stack/types.js +2 -0
- package/dist/components/view-stack/types.js.map +1 -0
- package/dist/icons/catalog.js +1 -1
- package/dist/index.css +20 -0
- package/dist/index.d.ts +60 -27
- package/dist/index.js +1 -1
- package/dist/lib/react.d.ts +13 -12
- package/dist/lib/react.js +4 -4
- package/dist/lib/react.js.map +1 -1
- package/dist/lib/types.d.ts +6 -2
- package/dist/lib/utils.js +1 -1
- package/dist/lib/utils.js.map +1 -1
- package/dist/metafile-esm.json +1 -1
- package/dist/styles.css +1476 -321
- package/dist/tokens/index.js +1 -1
- package/dist/tokens/index.js.map +1 -1
- package/dist/variants/variants.css +6 -0
- package/package.json +84 -56
- package/dist/components/combobox/index.d.ts +0 -32
- package/dist/components/combobox/index.js +0 -2
- package/dist/components/combobox/index.js.map +0 -1
- package/dist/components/options-item/index.d.ts +0 -30
- package/dist/components/options-item/index.js +0 -2
- package/dist/components/options-item/index.js.map +0 -1
- package/dist/components/query-builder/example-configuration.d.ts +0 -30
- package/dist/components/query-builder/example-configuration.js +0 -2
- package/dist/components/query-builder/example-configuration.js.map +0 -1
@@ -1,4 +1,5 @@
|
|
1
1
|
import * as tailwind_variants from 'tailwind-variants';
|
2
|
+
import * as tailwind_merge from 'tailwind-merge';
|
2
3
|
|
3
4
|
declare const ButtonStylesDefaults: {
|
4
5
|
readonly color: "info";
|
@@ -6,16 +7,16 @@ declare const ButtonStylesDefaults: {
|
|
6
7
|
};
|
7
8
|
declare const ButtonStyles: tailwind_variants.TVReturnType<{} | {
|
8
9
|
color: {
|
9
|
-
info:
|
10
|
-
serious:
|
11
|
-
critical:
|
10
|
+
info: tailwind_merge.ClassNameValue | {};
|
11
|
+
serious: tailwind_merge.ClassNameValue | {};
|
12
|
+
critical: tailwind_merge.ClassNameValue | {};
|
12
13
|
};
|
13
14
|
variant: {
|
14
|
-
filled:
|
15
|
-
outline:
|
16
|
-
flat:
|
17
|
-
icon:
|
18
|
-
floating:
|
15
|
+
filled: tailwind_merge.ClassNameValue | {};
|
16
|
+
outline: tailwind_merge.ClassNameValue | {};
|
17
|
+
flat: tailwind_merge.ClassNameValue | {};
|
18
|
+
icon: tailwind_merge.ClassNameValue | {};
|
19
|
+
floating: tailwind_merge.ClassNameValue | {};
|
19
20
|
};
|
20
21
|
}, undefined, undefined, {
|
21
22
|
color: {
|
@@ -72,16 +73,16 @@ declare const ButtonStyles: tailwind_variants.TVReturnType<{} | {
|
|
72
73
|
}, undefined, string[], unknown, unknown, undefined>>>;
|
73
74
|
declare const LinkButtonStyles: tailwind_variants.TVReturnType<{} | {
|
74
75
|
color: {
|
75
|
-
info:
|
76
|
-
serious:
|
77
|
-
critical:
|
76
|
+
info: tailwind_merge.ClassNameValue | {};
|
77
|
+
serious: tailwind_merge.ClassNameValue | {};
|
78
|
+
critical: tailwind_merge.ClassNameValue | {};
|
78
79
|
};
|
79
80
|
variant: {
|
80
|
-
filled:
|
81
|
-
outline:
|
82
|
-
flat:
|
83
|
-
icon:
|
84
|
-
floating:
|
81
|
+
filled: tailwind_merge.ClassNameValue | {};
|
82
|
+
outline: tailwind_merge.ClassNameValue | {};
|
83
|
+
flat: tailwind_merge.ClassNameValue | {};
|
84
|
+
icon: tailwind_merge.ClassNameValue | {};
|
85
|
+
floating: tailwind_merge.ClassNameValue | {};
|
85
86
|
};
|
86
87
|
}, undefined, undefined, {
|
87
88
|
color: {
|
@@ -138,16 +139,16 @@ declare const LinkButtonStyles: tailwind_variants.TVReturnType<{} | {
|
|
138
139
|
}, undefined, string[], unknown, unknown, undefined>>>;
|
139
140
|
declare const ToggleButtonStyles: tailwind_variants.TVReturnType<{} | {
|
140
141
|
color: {
|
141
|
-
info:
|
142
|
-
serious:
|
143
|
-
critical:
|
142
|
+
info: tailwind_merge.ClassNameValue | {};
|
143
|
+
serious: tailwind_merge.ClassNameValue | {};
|
144
|
+
critical: tailwind_merge.ClassNameValue | {};
|
144
145
|
};
|
145
146
|
variant: {
|
146
|
-
filled:
|
147
|
-
outline:
|
148
|
-
flat:
|
149
|
-
icon:
|
150
|
-
floating:
|
147
|
+
filled: tailwind_merge.ClassNameValue | {};
|
148
|
+
outline: tailwind_merge.ClassNameValue | {};
|
149
|
+
flat: tailwind_merge.ClassNameValue | {};
|
150
|
+
icon: tailwind_merge.ClassNameValue | {};
|
151
|
+
floating: tailwind_merge.ClassNameValue | {};
|
151
152
|
};
|
152
153
|
}, undefined, undefined, {
|
153
154
|
color: {
|
@@ -1,2 +1,2 @@
|
|
1
|
-
import {tv}from'./../../lib/utils.js';
|
1
|
+
import {tv}from'./../../lib/utils.js';const i={color:"info",variant:"filled"},l=tv({base:["group/button flex w-content cursor-pointer items-center justify-center rounded-medium outline outline-transparent","disabled:cursor-not-allowed","size-large:gap-xs size-large:px-m size-large:py-s size-large:text-button-l","size-medium:gap-xs size-medium:px-m size-medium:py-s size-medium:text-button-m","size-small:gap-xxs size-small:px-s size-small:py-xs size-small:text-button-s","size-xsmall:gap-xxs size-xsmall:px-s size-xsmall:py-xs size-xsmall:text-button-xs"],variants:{color:{info:"",serious:"",critical:""},variant:{filled:"disabled:fg-disabled disabled:bg-interactive-disabled",outline:"disabled:fg-disabled disabled:outline-interactive-disabled",flat:"disabled:fg-disabled disabled:bg-transparent",icon:["size-small:rounded-small size-xsmall:rounded-small size-large:p-xs size-medium:p-xs size-small:p-xxs size-xsmall:p-xxs","disabled:fg-disabled disabled:bg-transparent"],floating:["rounded-full","size-large:p-xs size-medium:p-xs size-small:p-xxs size-xsmall:p-xxs","disabled:fg-disabled disabled:bg-interactive-disabled disabled:outline-interactive-disabled"]}},compoundVariants:[{color:"info",variant:"filled",className:["enabled:fg-inverse-light","enabled:bg-interactive-default","enabled:hover:bg-interactive-hover-light","enabled:focus:bg-interactive-hover-light"]},{color:"info",variant:"outline",className:["enabled:fg-default-light enabled:outline-interactive","enabled:hover:outline-interactive-hover","enabled:focus:outline-interactive-hover"]},{color:"info",variant:["flat","icon"],className:["enabled:fg-default-light","enabled:hover:bg-interactive-hover-dark","enabled:focus:bg-interactive-hover-dark"]},{color:"info",variant:"floating",className:["enabled:fg-interactive enabled:bg-surface-default enabled:outline-interactive","enabled:hover:fg-interactive-hover enabled:hover:outline-interactive-hover","enabled:focus:fg-interactive-hover enabled:focus:outline-interactive-hover"]},{color:"serious",variant:"filled",className:["enabled:fg-inverse-light","enabled:bg-serious","enabled:hover:bg-serious-hover","enabled:focus:bg-serious-hover"]},{color:"serious",variant:"outline",className:["enabled:fg-default-light enabled:outline-serious","enabled:hover:outline-interactive-hover","enabled:focus:outline-interactive-hover"]},{color:"serious",variant:["flat","icon"],className:["enabled:fg-default-light","enabled:hover:bg-serious-hover","enabled:focus:bg-serious-hover"]},{color:"serious",variant:"floating",className:["enabled:fg-serious enabled:bg-serious-subtle enabled:outline-serious","enabled:hover:fg-interactive-hover enabled:hover:outline-interactive-hover","enabled:focus:fg-interactive-hover enabled:focus:outline-interactive-hover"]},{color:"critical",variant:"filled",className:["enabled:fg-default-light","enabled:bg-critical","enabled:hover:bg-critical-hover","enabled:focus:bg-critical-hover"]},{color:"critical",variant:"outline",className:["enabled:fg-default-light enabled:outline-critical","enabled:hover:outline-interactive-hover","enabled:focus:outline-interactive-hover"]},{color:"critical",variant:["flat","icon"],className:["enabled:fg-default-light","enabled:hover:bg-critical-hover","enabled:focus:bg-critical-hover"]},{color:"critical",variant:"floating",className:["enabled:fg-critical enabled:bg-critical-subtle enabled:outline-critical","enabled:hover:fg-interactive-hover enabled:hover:outline-interactive-hover","enabled:focus:fg-interactive-hover enabled:focus:outline-interactive-hover"]}],defaultVariants:i}),t=tv({extend:l}),o=tv({extend:l}),s=tv({extend:l,compoundVariants:[{color:"info",variant:"filled",className:["enabled:fg-inverse-light","enabled:selected:bg-info-subtle","enabled:selected:hover:bg-interactive-hover-light","enabled:selected:focus:bg-interactive-hover-light"]},{color:"info",variant:"floating",className:["enabled:selected:outline-highlight","enabled:selected:hover:outline-interactive-hover","enabled:selected:focus:outline-interactive-hover"]},{color:"serious",variant:"filled",className:["enabled:fg-inverse-light","enabled:selected:bg-serious-subtle","enabled:selected:hover:bg-serious-hover","enabled:selected:focus:bg-serious-hover"]},{color:"serious",variant:"floating",className:["enabled:selected:outline-highlight","enabled:selected:hover:outline-interactive-hover","enabled:selected:focus:outline-interactive-hover"]},{color:"critical",variant:"filled",className:["enabled:fg-default-light","enabled:selected:bg-critical-subtle","enabled:selected:hover:bg-critical-hover","enabled:selected:focus:bg-critical-hover"]},{color:"critical",variant:"floating",className:["enabled:selected:outline-highlight","enabled:selected:hover:outline-interactive-hover","enabled:selected:focus:outline-interactive-hover"]},{className:["enabled:selected:fg-highlight","enabled:selected:hover:fg-highlight","enabled:selected:focus:fg-highlight"]}]});export{t as ButtonStyles,i as ButtonStylesDefaults,o as LinkButtonStyles,s as ToggleButtonStyles};//# sourceMappingURL=styles.js.map
|
2
2
|
//# sourceMappingURL=styles.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/button/styles.ts"],"names":["e","tv","BaseButtonStyles"],"mappings":"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","file":"styles.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { tv } from '@/lib/utils';\n\nexport const ButtonStylesDefaults = {\n color: 'info',\n variant: 'filled',\n} as const;\n\nconst BaseButtonStyles = tv({\n base: [\n 'group/button flex w-content cursor-pointer items-center justify-center rounded-medium outline outline-transparent',\n 'disabled:cursor-not-allowed',\n 'size-large:gap-xs size-large:px-m size-large:py-s size-large:text-button-l',\n 'size-medium:gap-xs size-medium:px-m size-medium:py-s size-medium:text-button-m',\n 'size-small:gap-xxs size-small:px-s size-small:py-xs size-small:text-button-s',\n 'size-xsmall:gap-xxs size-xsmall:px-s size-xsmall:py-xs size-xsmall:text-button-xs',\n ],\n variants: {\n color: {\n info: '',\n serious: '',\n critical: '',\n },\n variant: {\n filled: 'disabled:fg-disabled disabled:bg-interactive-disabled',\n outline: 'disabled:fg-disabled disabled:outline-interactive-disabled',\n flat: 'disabled:fg-disabled disabled:bg-transparent',\n icon: [\n 'size-small:rounded-small size-xsmall:rounded-small size-large:p-xs size-medium:p-xs size-small:p-xxs size-xsmall:p-xxs',\n 'disabled:fg-disabled disabled:bg-transparent',\n ],\n floating: [\n 'rounded-full',\n 'size-large:p-xs size-medium:p-xs size-small:p-xxs size-xsmall:p-xxs',\n 'disabled:fg-disabled disabled:bg-interactive-disabled disabled:outline-interactive-disabled',\n ],\n },\n },\n compoundVariants: [\n /** Colors **/\n // Info\n {\n color: 'info',\n variant: 'filled',\n className: [\n 'enabled:bg-interactive-default',\n 'enabled:hover:bg-interactive-hover-light',\n 'enabled:focus:bg-interactive-hover-light',\n ],\n },\n {\n color: 'info',\n variant: 'outline',\n className: [\n 'enabled:fg-default-light enabled:outline-interactive',\n 'enabled:hover:outline-interactive-hover',\n 'enabled:focus:outline-interactive-hover',\n ],\n },\n {\n color: 'info',\n variant: ['flat', 'icon'],\n className: [\n 'enabled:fg-default-light',\n 'enabled:hover:bg-interactive-hover-dark',\n 'enabled:focus:bg-interactive-hover-dark',\n ],\n },\n {\n color: 'info',\n variant: 'floating',\n className: [\n 'enabled:fg-interactive enabled:bg-surface-default enabled:outline-interactive',\n 'enabled:hover:fg-interactive-hover enabled:hover:outline-interactive-hover',\n 'enabled:focus:fg-interactive-hover enabled:focus:outline-interactive-hover',\n ],\n },\n\n // Serious\n {\n color: 'serious',\n variant: 'filled',\n className: [\n 'enabled:bg-serious',\n 'enabled:hover:bg-serious-hover',\n 'enabled:focus:bg-serious-hover',\n ],\n },\n {\n color: 'serious',\n variant: 'outline',\n className: [\n 'enabled:fg-default-light enabled:outline-serious',\n 'enabled:hover:outline-interactive-hover',\n 'enabled:focus:outline-interactive-hover',\n ],\n },\n {\n color: 'serious',\n variant: ['flat', 'icon'],\n className: [\n 'enabled:fg-default-light',\n 'enabled:hover:bg-serious-hover',\n 'enabled:focus:bg-serious-hover',\n ],\n },\n {\n color: 'serious',\n variant: 'floating',\n className: [\n 'enabled:fg-serious enabled:bg-serious-subtle enabled:outline-serious',\n 'enabled:hover:fg-interactive-hover enabled:hover:outline-interactive-hover',\n 'enabled:focus:fg-interactive-hover enabled:focus:outline-interactive-hover',\n ],\n },\n\n // Critical\n {\n color: 'critical',\n variant: 'filled',\n className: [\n 'enabled:bg-critical',\n 'enabled:hover:bg-critical-hover',\n 'enabled:focus:bg-critical-hover',\n ],\n },\n {\n color: 'critical',\n variant: 'outline',\n className: [\n 'enabled:fg-default-light enabled:outline-critical',\n 'enabled:hover:outline-interactive-hover',\n 'enabled:focus:outline-interactive-hover',\n ],\n },\n {\n color: 'critical',\n variant: ['flat', 'icon'],\n className: [\n 'enabled:fg-default-light',\n 'enabled:hover:bg-critical-hover',\n 'enabled:focus:bg-critical-hover',\n ],\n },\n {\n color: 'critical',\n variant: 'floating',\n className: [\n 'enabled:fg-critical enabled:bg-critical-subtle enabled:outline-critical',\n 'enabled:hover:fg-interactive-hover enabled:hover:outline-interactive-hover',\n 'enabled:focus:fg-interactive-hover enabled:focus:outline-interactive-hover',\n ],\n },\n ],\n defaultVariants: ButtonStylesDefaults,\n});\n\nexport const ButtonStyles = tv({\n extend: BaseButtonStyles,\n});\n\nexport const LinkButtonStyles = tv({\n extend: BaseButtonStyles,\n});\n\nexport const ToggleButtonStyles = tv({\n extend: BaseButtonStyles,\n compoundVariants: [\n {\n color: 'info',\n variant: 'filled',\n className: [\n 'enabled:selected:bg-info-subtle',\n 'enabled:selected:hover:bg-interactive-hover-light',\n 'enabled:selected:focus:bg-interactive-hover-light',\n ],\n },\n {\n color: 'info',\n variant: 'floating',\n className: [\n 'enabled:selected:outline-highlight',\n 'enabled:selected:hover:outline-interactive-hover',\n 'enabled:selected:focus:outline-interactive-hover',\n ],\n },\n {\n color: 'serious',\n variant: 'filled',\n className: [\n 'enabled:selected:bg-serious-subtle',\n 'enabled:selected:hover:bg-serious-hover',\n 'enabled:selected:focus:bg-serious-hover',\n ],\n },\n {\n color: 'serious',\n variant: 'floating',\n className: [\n 'enabled:selected:outline-highlight',\n 'enabled:selected:hover:outline-interactive-hover',\n 'enabled:selected:focus:outline-interactive-hover',\n ],\n },\n {\n color: 'critical',\n variant: 'filled',\n className: [\n 'enabled:selected:bg-critical-subtle',\n 'enabled:selected:hover:bg-critical-hover',\n 'enabled:selected:focus:bg-critical-hover',\n ],\n },\n {\n color: 'critical',\n variant: 'floating',\n className: [\n 'enabled:selected:outline-highlight',\n 'enabled:selected:hover:outline-interactive-hover',\n 'enabled:selected:focus:outline-interactive-hover',\n ],\n },\n // Must be last to override color values\n {\n className: [\n 'enabled:selected:fg-highlight',\n 'enabled:selected:hover:fg-highlight',\n 'enabled:selected:focus:fg-highlight',\n ],\n },\n ],\n});\n"]}
|
1
|
+
{"version":3,"sources":["../../../src/components/button/styles.ts"],"names":["BaseButtonStyles","e"],"mappings":"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","file":"styles.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { tv } from '@/lib/utils';\n\nexport const ButtonStylesDefaults = {\n color: 'info',\n variant: 'filled',\n} as const;\n\nconst BaseButtonStyles = tv({\n base: [\n 'group/button flex w-content cursor-pointer items-center justify-center rounded-medium outline outline-transparent',\n 'disabled:cursor-not-allowed',\n 'size-large:gap-xs size-large:px-m size-large:py-s size-large:text-button-l',\n 'size-medium:gap-xs size-medium:px-m size-medium:py-s size-medium:text-button-m',\n 'size-small:gap-xxs size-small:px-s size-small:py-xs size-small:text-button-s',\n 'size-xsmall:gap-xxs size-xsmall:px-s size-xsmall:py-xs size-xsmall:text-button-xs',\n ],\n variants: {\n color: {\n info: '',\n serious: '',\n critical: '',\n },\n variant: {\n filled: 'disabled:fg-disabled disabled:bg-interactive-disabled',\n outline: 'disabled:fg-disabled disabled:outline-interactive-disabled',\n flat: 'disabled:fg-disabled disabled:bg-transparent',\n icon: [\n 'size-small:rounded-small size-xsmall:rounded-small size-large:p-xs size-medium:p-xs size-small:p-xxs size-xsmall:p-xxs',\n 'disabled:fg-disabled disabled:bg-transparent',\n ],\n floating: [\n 'rounded-full',\n 'size-large:p-xs size-medium:p-xs size-small:p-xxs size-xsmall:p-xxs',\n 'disabled:fg-disabled disabled:bg-interactive-disabled disabled:outline-interactive-disabled',\n ],\n },\n },\n compoundVariants: [\n /** Colors **/\n // Info\n {\n color: 'info',\n variant: 'filled',\n className: [\n 'enabled:fg-inverse-light',\n 'enabled:bg-interactive-default',\n 'enabled:hover:bg-interactive-hover-light',\n 'enabled:focus:bg-interactive-hover-light',\n ],\n },\n {\n color: 'info',\n variant: 'outline',\n className: [\n 'enabled:fg-default-light enabled:outline-interactive',\n 'enabled:hover:outline-interactive-hover',\n 'enabled:focus:outline-interactive-hover',\n ],\n },\n {\n color: 'info',\n variant: ['flat', 'icon'],\n className: [\n 'enabled:fg-default-light',\n 'enabled:hover:bg-interactive-hover-dark',\n 'enabled:focus:bg-interactive-hover-dark',\n ],\n },\n {\n color: 'info',\n variant: 'floating',\n className: [\n 'enabled:fg-interactive enabled:bg-surface-default enabled:outline-interactive',\n 'enabled:hover:fg-interactive-hover enabled:hover:outline-interactive-hover',\n 'enabled:focus:fg-interactive-hover enabled:focus:outline-interactive-hover',\n ],\n },\n\n // Serious\n {\n color: 'serious',\n variant: 'filled',\n className: [\n 'enabled:fg-inverse-light',\n 'enabled:bg-serious',\n 'enabled:hover:bg-serious-hover',\n 'enabled:focus:bg-serious-hover',\n ],\n },\n {\n color: 'serious',\n variant: 'outline',\n className: [\n 'enabled:fg-default-light enabled:outline-serious',\n 'enabled:hover:outline-interactive-hover',\n 'enabled:focus:outline-interactive-hover',\n ],\n },\n {\n color: 'serious',\n variant: ['flat', 'icon'],\n className: [\n 'enabled:fg-default-light',\n 'enabled:hover:bg-serious-hover',\n 'enabled:focus:bg-serious-hover',\n ],\n },\n {\n color: 'serious',\n variant: 'floating',\n className: [\n 'enabled:fg-serious enabled:bg-serious-subtle enabled:outline-serious',\n 'enabled:hover:fg-interactive-hover enabled:hover:outline-interactive-hover',\n 'enabled:focus:fg-interactive-hover enabled:focus:outline-interactive-hover',\n ],\n },\n\n // Critical\n {\n color: 'critical',\n variant: 'filled',\n className: [\n 'enabled:fg-default-light',\n 'enabled:bg-critical',\n 'enabled:hover:bg-critical-hover',\n 'enabled:focus:bg-critical-hover',\n ],\n },\n {\n color: 'critical',\n variant: 'outline',\n className: [\n 'enabled:fg-default-light enabled:outline-critical',\n 'enabled:hover:outline-interactive-hover',\n 'enabled:focus:outline-interactive-hover',\n ],\n },\n {\n color: 'critical',\n variant: ['flat', 'icon'],\n className: [\n 'enabled:fg-default-light',\n 'enabled:hover:bg-critical-hover',\n 'enabled:focus:bg-critical-hover',\n ],\n },\n {\n color: 'critical',\n variant: 'floating',\n className: [\n 'enabled:fg-critical enabled:bg-critical-subtle enabled:outline-critical',\n 'enabled:hover:fg-interactive-hover enabled:hover:outline-interactive-hover',\n 'enabled:focus:fg-interactive-hover enabled:focus:outline-interactive-hover',\n ],\n },\n ],\n defaultVariants: ButtonStylesDefaults,\n});\n\nexport const ButtonStyles = tv({\n extend: BaseButtonStyles,\n});\n\nexport const LinkButtonStyles = tv({\n extend: BaseButtonStyles,\n});\n\nexport const ToggleButtonStyles = tv({\n extend: BaseButtonStyles,\n compoundVariants: [\n {\n color: 'info',\n variant: 'filled',\n className: [\n 'enabled:fg-inverse-light',\n 'enabled:selected:bg-info-subtle',\n 'enabled:selected:hover:bg-interactive-hover-light',\n 'enabled:selected:focus:bg-interactive-hover-light',\n ],\n },\n {\n color: 'info',\n variant: 'floating',\n className: [\n 'enabled:selected:outline-highlight',\n 'enabled:selected:hover:outline-interactive-hover',\n 'enabled:selected:focus:outline-interactive-hover',\n ],\n },\n {\n color: 'serious',\n variant: 'filled',\n className: [\n 'enabled:fg-inverse-light',\n 'enabled:selected:bg-serious-subtle',\n 'enabled:selected:hover:bg-serious-hover',\n 'enabled:selected:focus:bg-serious-hover',\n ],\n },\n {\n color: 'serious',\n variant: 'floating',\n className: [\n 'enabled:selected:outline-highlight',\n 'enabled:selected:hover:outline-interactive-hover',\n 'enabled:selected:focus:outline-interactive-hover',\n ],\n },\n {\n color: 'critical',\n variant: 'filled',\n className: [\n 'enabled:fg-default-light',\n 'enabled:selected:bg-critical-subtle',\n 'enabled:selected:hover:bg-critical-hover',\n 'enabled:selected:focus:bg-critical-hover',\n ],\n },\n {\n color: 'critical',\n variant: 'floating',\n className: [\n 'enabled:selected:outline-highlight',\n 'enabled:selected:hover:outline-interactive-hover',\n 'enabled:selected:focus:outline-interactive-hover',\n ],\n },\n // Must be last to override color values\n {\n className: [\n 'enabled:selected:fg-highlight',\n 'enabled:selected:hover:fg-highlight',\n 'enabled:selected:focus:fg-highlight',\n ],\n },\n ],\n});\n"]}
|
@@ -1,7 +1,8 @@
|
|
1
|
-
import { RefAttributes
|
1
|
+
import { RefAttributes } from 'react';
|
2
2
|
import { ButtonProps as ButtonProps$1, LinkProps, ToggleButtonProps as ToggleButtonProps$1 } from 'react-aria-components';
|
3
3
|
import { VariantProps } from 'tailwind-variants';
|
4
4
|
import { ButtonStyles } from './styles.js';
|
5
|
+
import 'tailwind-merge';
|
5
6
|
|
6
7
|
type ButtonStyleVariants = VariantProps<typeof ButtonStyles> & {
|
7
8
|
size?: 'large' | 'medium' | 'small' | 'xsmall';
|
@@ -9,8 +10,5 @@ type ButtonStyleVariants = VariantProps<typeof ButtonStyles> & {
|
|
9
10
|
type ButtonProps = ButtonProps$1 & ButtonStyleVariants & RefAttributes<HTMLButtonElement>;
|
10
11
|
type LinkButtonProps = LinkProps & ButtonStyleVariants & RefAttributes<HTMLAnchorElement>;
|
11
12
|
type ToggleButtonProps = ToggleButtonProps$1 & ButtonStyleVariants & RefAttributes<HTMLButtonElement>;
|
12
|
-
type ButtonProviderProps = PropsWithChildren<Omit<ButtonProps, 'ref'>>;
|
13
|
-
type LinkButtonProviderProps = PropsWithChildren<Omit<LinkButtonProps, 'ref'>>;
|
14
|
-
type ToggleButtonProviderProps = PropsWithChildren<Omit<ToggleButtonProps, 'ref'>>;
|
15
13
|
|
16
|
-
export type { ButtonProps,
|
14
|
+
export type { ButtonProps, ButtonStyleVariants, LinkButtonProps, ToggleButtonProps };
|
@@ -1,2 +1,2 @@
|
|
1
|
-
import'client-only';import {Remove,Check}from'@accelint/icons';import {createContext}from'react';import {useContextProps,Checkbox,composeRenderProps,CheckboxGroup}from'react-aria-components';import {Icon}from'../icon/index.js';import {Label}from'../label/index.js';import {CheckboxStyles}from'./styles.js';
|
1
|
+
import {jsx,jsxs,Fragment}from'react/jsx-runtime';import'client-only';import {Remove,Check}from'@accelint/icons';import {createContext}from'react';import {useContextProps,Checkbox,composeRenderProps,CheckboxGroup}from'react-aria-components';import {Icon}from'../icon/index.js';import {Label}from'../label/index.js';import {CheckboxStyles}from'./styles.js';const {group:A,groupLabel:g,checkbox:v,control:R,label:V}=CheckboxStyles(),D=createContext(null);function i({ref:o,...e}){[e,o]=useContextProps(e,o??null,D);const{children:t,classNames:c,label:l,orientation:r="vertical",...p}=e;return jsx(CheckboxGroup,{...p,ref:o,className:composeRenderProps(c?.group,s=>A({className:s})),"data-orientation":r,children:composeRenderProps(t,(s,{isDisabled:h,isRequired:k})=>jsxs(Fragment,{children:[l&&jsx(Label,{className:g({className:c?.label}),isDisabled:h,isRequired:k,children:l}),s]}))})}i.displayName="Checkbox.Group";const E=createContext(null);function C({ref:o,...e}){[e,o]=useContextProps(e,o??null,E);const{classNames:t,children:c,...l}=e;return jsx(Checkbox,{...l,ref:o,className:composeRenderProps(t?.checkbox,r=>v({className:r})),children:composeRenderProps(c,(r,{isIndeterminate:p,isSelected:s})=>jsxs(Fragment,{children:[jsx("span",{className:R({className:t?.control}),children:jsxs(Icon,{size:"small",children:[p&&!s&&jsx(Remove,{}),s&&jsx(Check,{})]})}),r&&jsx("span",{className:V({className:t?.label}),children:r})]}))})}C.displayName="Checkbox",C.Group=i;export{C as Checkbox,E as CheckboxContext,D as CheckboxGroupContext};//# sourceMappingURL=index.js.map
|
2
2
|
//# sourceMappingURL=index.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/checkbox/index.tsx"],"names":["
|
1
|
+
{"version":3,"sources":["../../../src/components/checkbox/index.tsx"],"names":["checkbox","CheckboxGroupContext","CheckboxGroup","ref","props","x","children","classNames","orientation","rest","a","composeRenderProps","className","group","n","isRequired","jsx","Label","m","u","y","isDisabled","label","CheckboxContext","isIndeterminate","jsxs","Icon","isSelected","N","Checkbox"],"mappings":"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","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { Check, Remove } from '@accelint/icons';\nimport { createContext } from 'react';\nimport {\n Checkbox as AriaCheckbox,\n CheckboxGroup as AriaCheckboxGroup,\n type ContextValue,\n composeRenderProps,\n useContextProps,\n} from 'react-aria-components';\nimport { Icon } from '../icon';\nimport { Label } from '../label';\nimport { CheckboxStyles } from './styles';\nimport type { CheckboxGroupProps, CheckboxProps } from './types';\n\nconst { group, groupLabel, checkbox, control, label } = CheckboxStyles();\n\nexport const CheckboxGroupContext =\n createContext<ContextValue<CheckboxGroupProps, HTMLDivElement>>(null);\n\nfunction CheckboxGroup({ ref, ...props }: CheckboxGroupProps) {\n [props, ref] = useContextProps(props, ref ?? null, CheckboxGroupContext);\n\n const {\n children,\n classNames,\n label,\n orientation = 'vertical',\n ...rest\n } = props;\n\n return (\n <AriaCheckboxGroup\n {...rest}\n ref={ref}\n className={composeRenderProps(classNames?.group, (className) =>\n group({ className }),\n )}\n data-orientation={orientation}\n >\n {composeRenderProps(children, (children, { isDisabled, isRequired }) => (\n <>\n {label && (\n <Label\n className={groupLabel({ className: classNames?.label })}\n isDisabled={isDisabled}\n isRequired={isRequired}\n >\n {label}\n </Label>\n )}\n {children}\n </>\n ))}\n </AriaCheckboxGroup>\n );\n}\nCheckboxGroup.displayName = 'Checkbox.Group';\n\nexport const CheckboxContext =\n createContext<ContextValue<CheckboxProps, HTMLLabelElement>>(null);\n\nexport function Checkbox({ ref, ...props }: CheckboxProps) {\n [props, ref] = useContextProps(props, ref ?? null, CheckboxContext);\n\n const { classNames, children, ...rest } = props;\n\n return (\n <AriaCheckbox\n {...rest}\n ref={ref}\n className={composeRenderProps(classNames?.checkbox, (className) =>\n checkbox({ className }),\n )}\n >\n {composeRenderProps(\n children,\n (children, { isIndeterminate, isSelected }) => (\n <>\n <span className={control({ className: classNames?.control })}>\n <Icon size='small'>\n {isIndeterminate && !isSelected && <Remove />}\n {isSelected && <Check />}\n </Icon>\n </span>\n {children && (\n <span className={label({ className: classNames?.label })}>\n {children}\n </span>\n )}\n </>\n ),\n )}\n </AriaCheckbox>\n );\n}\nCheckbox.displayName = 'Checkbox';\nCheckbox.Group = CheckboxGroup;\n"]}
|
@@ -1,23 +1,24 @@
|
|
1
1
|
import * as tailwind_variants from 'tailwind-variants';
|
2
|
+
import * as tailwind_merge from 'tailwind-merge';
|
2
3
|
|
3
4
|
declare const CheckboxStyles: tailwind_variants.TVReturnType<{
|
4
5
|
[key: string]: {
|
5
|
-
[key: string]:
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
groupLabel?:
|
10
|
-
control?:
|
6
|
+
[key: string]: tailwind_merge.ClassNameValue | {
|
7
|
+
label?: tailwind_merge.ClassNameValue;
|
8
|
+
checkbox?: tailwind_merge.ClassNameValue;
|
9
|
+
group?: tailwind_merge.ClassNameValue;
|
10
|
+
groupLabel?: tailwind_merge.ClassNameValue;
|
11
|
+
control?: tailwind_merge.ClassNameValue;
|
11
12
|
};
|
12
13
|
};
|
13
14
|
} | {
|
14
15
|
[x: string]: {
|
15
|
-
[x: string]:
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
groupLabel?:
|
20
|
-
control?:
|
16
|
+
[x: string]: tailwind_merge.ClassNameValue | {
|
17
|
+
label?: tailwind_merge.ClassNameValue;
|
18
|
+
checkbox?: tailwind_merge.ClassNameValue;
|
19
|
+
group?: tailwind_merge.ClassNameValue;
|
20
|
+
groupLabel?: tailwind_merge.ClassNameValue;
|
21
|
+
control?: tailwind_merge.ClassNameValue;
|
21
22
|
};
|
22
23
|
};
|
23
24
|
} | {}, {
|
@@ -28,12 +29,12 @@ declare const CheckboxStyles: tailwind_variants.TVReturnType<{
|
|
28
29
|
label: string[];
|
29
30
|
}, undefined, {
|
30
31
|
[key: string]: {
|
31
|
-
[key: string]:
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
groupLabel?:
|
36
|
-
control?:
|
32
|
+
[key: string]: tailwind_merge.ClassNameValue | {
|
33
|
+
label?: tailwind_merge.ClassNameValue;
|
34
|
+
checkbox?: tailwind_merge.ClassNameValue;
|
35
|
+
group?: tailwind_merge.ClassNameValue;
|
36
|
+
groupLabel?: tailwind_merge.ClassNameValue;
|
37
|
+
control?: tailwind_merge.ClassNameValue;
|
37
38
|
};
|
38
39
|
};
|
39
40
|
} | {}, {
|
@@ -1,2 +1,2 @@
|
|
1
|
-
import {tv}from'./../../lib/utils.js';
|
1
|
+
import {tv}from'./../../lib/utils.js';const c=tv({slots:{group:["group/checkbox-group flex gap-xs","orientation-horizontal:flex-wrap","orientation-vertical:flex-col"],groupLabel:"w-full",checkbox:["group/checkbox flex cursor-pointer items-center gap-m group-orientation-horizontal/checkbox-group:grow group-orientation-horizontal/checkbox-group:basis-1/3","disabled:cursor-not-allowed"],control:["my-xxs flex size-l items-center justify-center rounded-small outline outline-interactive","group-enabled/checkbox:fg-info-subtle","group-enabled/checkbox:group-focus/checkbox:outline-interactive-hover","group-enabled/checkbox:group-hover/checkbox:outline-interactive-hover","group-enabled/checkbox:group-indeterminate/checkbox:bg-highlight group-enabled/checkbox:group-indeterminate/checkbox:outline-highlight","group-enabled/checkbox:group-indeterminate/checkbox:group-focus/checkbox:outline-interactive-hover","group-enabled/checkbox:group-indeterminate/checkbox:group-hover/checkbox:outline-interactive-hover","group-enabled/checkbox:group-selected/checkbox:bg-highlight group-enabled/checkbox:group-selected/checkbox:outline-highlight","group-enabled/checkbox:group-selected/checkbox:group-focus/checkbox:outline-interactive-hover","group-enabled/checkbox:group-selected/checkbox:group-hover/checkbox:outline-interactive-hover","group-disabled/checkbox:outline-interactive-disabled","group-disabled/checkbox:group-indeterminate/checkbox:fg-inverse-light group-disabled/checkbox:group-indeterminate/checkbox:bg-interactive-disabled","group-disabled/checkbox:group-selected/checkbox:fg-inverse-light group-disabled/checkbox:group-selected/checkbox:bg-interactive-disabled"],label:["text-body-s text-interactive-default","group-disabled/checkbox:text-interactive-disabled"]}});export{c as CheckboxStyles};//# sourceMappingURL=styles.js.map
|
2
2
|
//# sourceMappingURL=styles.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/checkbox/styles.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"sources":["../../../src/components/checkbox/styles.ts"],"names":["e"],"mappings":"6CAeS,CACLA,EAAA,CAAA,CAAA,KACE,CAAA,CAAA,KAAA,CAAA,CAAA,kCACA,CAAA,kEAGF,CAAA,CAAA,UACA,CAAA,QAAU,CACR,wKACA,CAAA,6BAEO,CACP,CAAA,OAAA,CAAA,CAAA,kIAEA,CAAA,uEACA,CAAA,gNAEA,CAAA,oGACA,CAAA,mOAEA,CAAA,+FACA,CAAA,sJAEA,CAAA,oJACA,CAAA,yLAIA,CAAA,mDAGL,CAAA,CAAA,CAAA","file":"styles.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { tv } from '@/lib/utils';\n\nexport const CheckboxStyles = tv({\n slots: {\n group: [\n 'group/checkbox-group flex gap-xs',\n 'orientation-horizontal:flex-wrap',\n 'orientation-vertical:flex-col',\n ],\n groupLabel: 'w-full',\n checkbox: [\n 'group/checkbox flex cursor-pointer items-center gap-m group-orientation-horizontal/checkbox-group:grow group-orientation-horizontal/checkbox-group:basis-1/3',\n 'disabled:cursor-not-allowed',\n ],\n control: [\n 'my-xxs flex size-l items-center justify-center rounded-small outline outline-interactive',\n 'group-enabled/checkbox:fg-info-subtle',\n 'group-enabled/checkbox:group-focus/checkbox:outline-interactive-hover',\n 'group-enabled/checkbox:group-hover/checkbox:outline-interactive-hover',\n 'group-enabled/checkbox:group-indeterminate/checkbox:bg-highlight group-enabled/checkbox:group-indeterminate/checkbox:outline-highlight',\n 'group-enabled/checkbox:group-indeterminate/checkbox:group-focus/checkbox:outline-interactive-hover',\n 'group-enabled/checkbox:group-indeterminate/checkbox:group-hover/checkbox:outline-interactive-hover',\n 'group-enabled/checkbox:group-selected/checkbox:bg-highlight group-enabled/checkbox:group-selected/checkbox:outline-highlight',\n 'group-enabled/checkbox:group-selected/checkbox:group-focus/checkbox:outline-interactive-hover',\n 'group-enabled/checkbox:group-selected/checkbox:group-hover/checkbox:outline-interactive-hover',\n 'group-disabled/checkbox:outline-interactive-disabled',\n 'group-disabled/checkbox:group-indeterminate/checkbox:fg-inverse-light group-disabled/checkbox:group-indeterminate/checkbox:bg-interactive-disabled',\n 'group-disabled/checkbox:group-selected/checkbox:fg-inverse-light group-disabled/checkbox:group-selected/checkbox:bg-interactive-disabled',\n ],\n label: [\n 'text-body-s text-interactive-default',\n 'group-disabled/checkbox:text-interactive-disabled',\n ],\n },\n});\n"]}
|
@@ -1,12 +1,14 @@
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
2
2
|
import * as react from 'react';
|
3
|
+
import { ProviderProps } from '../../lib/types.js';
|
3
4
|
import { ContextValue } from 'react-aria-components';
|
4
|
-
import { ChipProps,
|
5
|
+
import { ChipProps, BaseChipProps, ChipListProps, DeletableChipProps, SelectableChipProps } from './types.js';
|
5
6
|
import 'tailwind-variants';
|
6
7
|
import './styles.js';
|
8
|
+
import 'tailwind-merge';
|
7
9
|
|
8
10
|
declare const ChipContext: react.Context<ContextValue<BaseChipProps, HTMLDivElement>>;
|
9
|
-
declare function ChipProvider({ children, ...props }:
|
11
|
+
declare function ChipProvider({ children, ...props }: ProviderProps<BaseChipProps>): react_jsx_runtime.JSX.Element;
|
10
12
|
declare namespace ChipProvider {
|
11
13
|
var displayName: string;
|
12
14
|
}
|
@@ -1,2 +1,2 @@
|
|
1
|
-
import'client-only';import {CancelFill}from'@accelint/icons';import {createContext,useContext}from'react';import {useContextProps,Tag,TagGroup,TagList,composeRenderProps,Button}from'react-aria-components';import {Icon}from'../icon/index.js';import {SelectableChipStyles,DeletableChipStyles,ChipStyles,ChipStylesDefaults}from'./styles.js';
|
1
|
+
import {jsx,jsxs,Fragment}from'react/jsx-runtime';import'client-only';import {CancelFill}from'@accelint/icons';import {createContext,useContext}from'react';import {useContextProps,Tag,TagGroup,TagList,composeRenderProps,Button}from'react-aria-components';import {Icon}from'../icon/index.js';import {SelectableChipStyles,DeletableChipStyles,ChipStyles,ChipStylesDefaults}from'./styles.js';const m=createContext(null);function P({children:e,...t}){return jsx(m.Provider,{value:t,children:e})}P.displayName="Chip.Provider";const b=createContext(false);function x({ref:e,...t}){[t,e]=useContextProps(t,e??null,m);const{children:o,className:s,dependencies:r,items:a,renderEmptyState:n,size:l="medium",...h}=t;return jsx(b.Provider,{value:true,children:jsx(P,{size:l,children:jsx(TagGroup,{...h,children:jsx(TagList,{ref:e,className:composeRenderProps(s,d=>I({className:d})),dependencies:r,items:a,renderEmptyState:n,children:o})})})})}x.displayName="Chip.List";const{chip:R}=SelectableChipStyles();function f({ref:e,...t}){[t,e]=useContextProps(t,e??null,m);const{className:o,size:s="medium",...r}=t;return jsx(Tag,{...r,ref:e,className:composeRenderProps(o,a=>R({className:a,size:s})),"data-size":s})}f.displayName="Chip.Selectable";const{chip:V,remove:G}=DeletableChipStyles();function N({ref:e,...t}){[t,e]=useContextProps(t,e??null,m);const{children:o,classNames:s,size:r="medium",textValue:a=typeof o=="string"?o:void 0,...n}=t;return jsx(Tag,{...n,ref:e,className:composeRenderProps(s?.chip,l=>V({className:l,size:r})),textValue:a,"data-size":r,children:composeRenderProps(o,(l,{allowsRemoving:h})=>{if(!h)throw new Error("You have a <Chip.Deletable> in a <Chip.List> that does not specify an onRemove handler.");return jsxs(Fragment,{children:[l,jsx(Button,{slot:"remove",className:composeRenderProps(s?.remove,d=>G({className:d})),children:jsx(Icon,{size:"small",children:jsx(CancelFill,{})})})]})})})}N.displayName="Chip.Deletable";const{list:I,chip:w}=ChipStyles();function c({ref:e,...t}){[t,e]=useContextProps(t,e??null,m);const s=useContext(b)?Tag:"div",{className:r,size:a="medium",variant:n=ChipStylesDefaults.variant,...l}=t;return jsx(Icon.Provider,{size:a==="medium"?"small":"xsmall",children:jsx(s,{...l,ref:e,className:w({size:a,variant:n,className:r}),"data-size":a})})}c.displayName="Chip",c.Provider=P,c.List=x,c.Deletable=N,c.Selectable=f;export{c as Chip,m as ChipContext};//# sourceMappingURL=index.js.map
|
2
2
|
//# sourceMappingURL=index.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/chip/index.tsx"],"names":["
|
1
|
+
{"version":3,"sources":["../../../src/components/chip/index.tsx"],"names":["v","props","jsx","i","ChipProvider","ChipList","useContextProps","ref","ChipContext","C","className","dependencies","rest","ChipListRenderingContext","AriaTagGroup","L","AriaTagList","S","p","SelectableChipStyles","SelectableChip","AriaTag","u","composeRenderProps","size","remove","DeletableChipStyles","DeletableChip","classNames","deletableChip","textValue","children","H","Button","z","Icon","y","Chip","Component","g","A"],"mappings":"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","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport type { ProviderProps } from '@/lib/types';\nimport { CancelFill } from '@accelint/icons';\nimport { createContext, useContext } from 'react';\nimport {\n Tag as AriaTag,\n TagGroup as AriaTagGroup,\n TagList as AriaTagList,\n Button,\n type ContextValue,\n composeRenderProps,\n useContextProps,\n} from 'react-aria-components';\nimport { Icon } from '../icon';\nimport {\n ChipStyles,\n ChipStylesDefaults,\n DeletableChipStyles,\n SelectableChipStyles,\n} from './styles';\nimport type {\n BaseChipProps,\n ChipListProps,\n ChipProps,\n DeletableChipProps,\n SelectableChipProps,\n} from './types';\n\nexport const ChipContext =\n createContext<ContextValue<BaseChipProps, HTMLDivElement>>(null);\n\nfunction ChipProvider({ children, ...props }: ProviderProps<BaseChipProps>) {\n return <ChipContext.Provider value={props}>{children}</ChipContext.Provider>;\n}\nChipProvider.displayName = 'Chip.Provider';\n\nconst ChipListRenderingContext = createContext(false);\n\nfunction ChipList<T extends object>({ ref, ...props }: ChipListProps<T>) {\n [props, ref] = useContextProps(props, ref ?? null, ChipContext);\n\n const {\n children,\n className,\n dependencies,\n items,\n renderEmptyState,\n size = 'medium',\n ...rest\n } = props;\n\n return (\n <ChipListRenderingContext.Provider value>\n <ChipProvider size={size}>\n <AriaTagGroup {...rest}>\n <AriaTagList<T>\n ref={ref}\n className={composeRenderProps(className, (className) =>\n list({ className }),\n )}\n dependencies={dependencies}\n items={items}\n renderEmptyState={renderEmptyState}\n >\n {children}\n </AriaTagList>\n </AriaTagGroup>\n </ChipProvider>\n </ChipListRenderingContext.Provider>\n );\n}\nChipList.displayName = 'Chip.List';\n\nconst { chip: selectableChip } = SelectableChipStyles();\n\nfunction SelectableChip({ ref, ...props }: SelectableChipProps) {\n [props, ref] = useContextProps(props, ref ?? null, ChipContext);\n\n const { className, size = 'medium', ...rest } = props;\n\n return (\n <AriaTag\n {...rest}\n ref={ref}\n className={composeRenderProps(className, (className) =>\n selectableChip({ className, size }),\n )}\n data-size={size}\n />\n );\n}\nSelectableChip.displayName = 'Chip.Selectable';\n\nconst { chip: deletableChip, remove } = DeletableChipStyles();\n\nfunction DeletableChip({ ref, ...props }: DeletableChipProps) {\n [props, ref] = useContextProps(props, ref ?? null, ChipContext);\n\n const {\n children,\n classNames,\n size = 'medium',\n textValue = typeof children === 'string' ? children : undefined,\n ...rest\n } = props;\n\n return (\n <AriaTag\n {...rest}\n ref={ref}\n className={composeRenderProps(classNames?.chip, (className) =>\n deletableChip({ className, size }),\n )}\n textValue={textValue}\n data-size={size}\n >\n {composeRenderProps(children, (children, { allowsRemoving }) => {\n if (!allowsRemoving) {\n throw new Error(\n 'You have a <Chip.Deletable> in a <Chip.List> that does not specify an onRemove handler.',\n );\n }\n\n return (\n <>\n {children}\n <Button\n slot='remove'\n className={composeRenderProps(classNames?.remove, (className) =>\n remove({ className }),\n )}\n >\n <Icon size='small'>\n <CancelFill />\n </Icon>\n </Button>\n </>\n );\n })}\n </AriaTag>\n );\n}\nDeletableChip.displayName = 'Chip.Deletable';\n\nconst { list, chip } = ChipStyles();\n\nexport function Chip({ ref, ...props }: ChipProps) {\n [props, ref] = useContextProps(props, ref ?? null, ChipContext);\n\n const context = useContext(ChipListRenderingContext);\n const Component = context ? AriaTag : 'div';\n const {\n className,\n size = 'medium',\n variant = ChipStylesDefaults.variant,\n ...rest\n } = props;\n\n return (\n <Icon.Provider size={size === 'medium' ? 'small' : 'xsmall'}>\n <Component\n {...rest}\n ref={ref}\n className={chip({ size, variant, className })}\n data-size={size}\n />\n </Icon.Provider>\n );\n}\nChip.displayName = 'Chip';\nChip.Provider = ChipProvider;\nChip.List = ChipList;\nChip.Deletable = DeletableChip;\nChip.Selectable = SelectableChip;\n"]}
|