@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,20 +1,21 @@
|
|
1
1
|
import * as tailwind_variants from 'tailwind-variants';
|
2
|
+
import * as tailwind_merge from 'tailwind-merge';
|
2
3
|
|
3
4
|
declare const ChipStylesDefaults: {
|
4
5
|
readonly variant: "info";
|
5
6
|
};
|
6
7
|
declare const BaseChipStyles: tailwind_variants.TVReturnType<{
|
7
8
|
[key: string]: {
|
8
|
-
[key: string]:
|
9
|
-
list?:
|
10
|
-
chip?:
|
9
|
+
[key: string]: tailwind_merge.ClassNameValue | {
|
10
|
+
list?: tailwind_merge.ClassNameValue;
|
11
|
+
chip?: tailwind_merge.ClassNameValue;
|
11
12
|
};
|
12
13
|
};
|
13
14
|
} | {
|
14
15
|
[x: string]: {
|
15
|
-
[x: string]:
|
16
|
-
list?:
|
17
|
-
chip?:
|
16
|
+
[x: string]: tailwind_merge.ClassNameValue | {
|
17
|
+
list?: tailwind_merge.ClassNameValue;
|
18
|
+
chip?: tailwind_merge.ClassNameValue;
|
18
19
|
};
|
19
20
|
};
|
20
21
|
} | {}, {
|
@@ -22,9 +23,9 @@ declare const BaseChipStyles: tailwind_variants.TVReturnType<{
|
|
22
23
|
chip: string[];
|
23
24
|
}, undefined, {
|
24
25
|
[key: string]: {
|
25
|
-
[key: string]:
|
26
|
-
list?:
|
27
|
-
chip?:
|
26
|
+
[key: string]: tailwind_merge.ClassNameValue | {
|
27
|
+
list?: tailwind_merge.ClassNameValue;
|
28
|
+
chip?: tailwind_merge.ClassNameValue;
|
28
29
|
};
|
29
30
|
};
|
30
31
|
} | {}, {
|
@@ -56,16 +57,16 @@ declare const ChipStyles: tailwind_variants.TVReturnType<{
|
|
56
57
|
chip: string;
|
57
58
|
}, undefined, {
|
58
59
|
[key: string]: {
|
59
|
-
[key: string]:
|
60
|
-
list?:
|
61
|
-
chip?:
|
60
|
+
[key: string]: tailwind_merge.ClassNameValue | {
|
61
|
+
list?: tailwind_merge.ClassNameValue;
|
62
|
+
chip?: tailwind_merge.ClassNameValue;
|
62
63
|
};
|
63
64
|
};
|
64
65
|
} | {
|
65
66
|
[x: string]: {
|
66
|
-
[x: string]:
|
67
|
-
list?:
|
68
|
-
chip?:
|
67
|
+
[x: string]: tailwind_merge.ClassNameValue | {
|
68
|
+
list?: tailwind_merge.ClassNameValue;
|
69
|
+
chip?: tailwind_merge.ClassNameValue;
|
69
70
|
};
|
70
71
|
};
|
71
72
|
} | {}, {
|
@@ -73,16 +74,16 @@ declare const ChipStyles: tailwind_variants.TVReturnType<{
|
|
73
74
|
chip: string[];
|
74
75
|
}, tailwind_variants.TVReturnType<{
|
75
76
|
[key: string]: {
|
76
|
-
[key: string]:
|
77
|
-
list?:
|
78
|
-
chip?:
|
77
|
+
[key: string]: tailwind_merge.ClassNameValue | {
|
78
|
+
list?: tailwind_merge.ClassNameValue;
|
79
|
+
chip?: tailwind_merge.ClassNameValue;
|
79
80
|
};
|
80
81
|
};
|
81
82
|
} | {
|
82
83
|
[x: string]: {
|
83
|
-
[x: string]:
|
84
|
-
list?:
|
85
|
-
chip?:
|
84
|
+
[x: string]: tailwind_merge.ClassNameValue | {
|
85
|
+
list?: tailwind_merge.ClassNameValue;
|
86
|
+
chip?: tailwind_merge.ClassNameValue;
|
86
87
|
};
|
87
88
|
};
|
88
89
|
} | {}, {
|
@@ -90,9 +91,9 @@ declare const ChipStyles: tailwind_variants.TVReturnType<{
|
|
90
91
|
chip: string[];
|
91
92
|
}, undefined, {
|
92
93
|
[key: string]: {
|
93
|
-
[key: string]:
|
94
|
-
list?:
|
95
|
-
chip?:
|
94
|
+
[key: string]: tailwind_merge.ClassNameValue | {
|
95
|
+
list?: tailwind_merge.ClassNameValue;
|
96
|
+
chip?: tailwind_merge.ClassNameValue;
|
96
97
|
};
|
97
98
|
};
|
98
99
|
} | {}, {
|
@@ -104,36 +105,36 @@ declare const ChipStyles: tailwind_variants.TVReturnType<{
|
|
104
105
|
}, undefined, unknown, unknown, undefined>>>;
|
105
106
|
declare const SelectableChipStyles: tailwind_variants.TVReturnType<{
|
106
107
|
[key: string]: {
|
107
|
-
[key: string]:
|
108
|
-
chip?:
|
108
|
+
[key: string]: tailwind_merge.ClassNameValue | {
|
109
|
+
chip?: tailwind_merge.ClassNameValue;
|
109
110
|
};
|
110
111
|
};
|
111
112
|
} | {
|
112
113
|
[x: string]: {
|
113
|
-
[x: string]:
|
114
|
-
chip?:
|
114
|
+
[x: string]: tailwind_merge.ClassNameValue | {
|
115
|
+
chip?: tailwind_merge.ClassNameValue;
|
115
116
|
};
|
116
117
|
};
|
117
118
|
} | {
|
118
119
|
[x: string]: {
|
119
|
-
[x: string]:
|
120
|
-
chip?:
|
120
|
+
[x: string]: tailwind_merge.ClassNameValue | {
|
121
|
+
chip?: tailwind_merge.ClassNameValue;
|
121
122
|
};
|
122
123
|
};
|
123
124
|
} | {}, {
|
124
125
|
chip: string[];
|
125
126
|
}, undefined, {
|
126
127
|
[key: string]: {
|
127
|
-
[key: string]:
|
128
|
-
list?:
|
129
|
-
chip?:
|
128
|
+
[key: string]: tailwind_merge.ClassNameValue | {
|
129
|
+
list?: tailwind_merge.ClassNameValue;
|
130
|
+
chip?: tailwind_merge.ClassNameValue;
|
130
131
|
};
|
131
132
|
};
|
132
133
|
} | {
|
133
134
|
[x: string]: {
|
134
|
-
[x: string]:
|
135
|
-
list?:
|
136
|
-
chip?:
|
135
|
+
[x: string]: tailwind_merge.ClassNameValue | {
|
136
|
+
list?: tailwind_merge.ClassNameValue;
|
137
|
+
chip?: tailwind_merge.ClassNameValue;
|
137
138
|
};
|
138
139
|
};
|
139
140
|
} | {}, {
|
@@ -141,16 +142,16 @@ declare const SelectableChipStyles: tailwind_variants.TVReturnType<{
|
|
141
142
|
chip: string[];
|
142
143
|
}, tailwind_variants.TVReturnType<{
|
143
144
|
[key: string]: {
|
144
|
-
[key: string]:
|
145
|
-
list?:
|
146
|
-
chip?:
|
145
|
+
[key: string]: tailwind_merge.ClassNameValue | {
|
146
|
+
list?: tailwind_merge.ClassNameValue;
|
147
|
+
chip?: tailwind_merge.ClassNameValue;
|
147
148
|
};
|
148
149
|
};
|
149
150
|
} | {
|
150
151
|
[x: string]: {
|
151
|
-
[x: string]:
|
152
|
-
list?:
|
153
|
-
chip?:
|
152
|
+
[x: string]: tailwind_merge.ClassNameValue | {
|
153
|
+
list?: tailwind_merge.ClassNameValue;
|
154
|
+
chip?: tailwind_merge.ClassNameValue;
|
154
155
|
};
|
155
156
|
};
|
156
157
|
} | {}, {
|
@@ -158,9 +159,9 @@ declare const SelectableChipStyles: tailwind_variants.TVReturnType<{
|
|
158
159
|
chip: string[];
|
159
160
|
}, undefined, {
|
160
161
|
[key: string]: {
|
161
|
-
[key: string]:
|
162
|
-
list?:
|
163
|
-
chip?:
|
162
|
+
[key: string]: tailwind_merge.ClassNameValue | {
|
163
|
+
list?: tailwind_merge.ClassNameValue;
|
164
|
+
chip?: tailwind_merge.ClassNameValue;
|
164
165
|
};
|
165
166
|
};
|
166
167
|
} | {}, {
|
@@ -172,23 +173,23 @@ declare const SelectableChipStyles: tailwind_variants.TVReturnType<{
|
|
172
173
|
}, undefined, unknown, unknown, undefined>>>;
|
173
174
|
declare const DeletableChipStyles: tailwind_variants.TVReturnType<{
|
174
175
|
[key: string]: {
|
175
|
-
[key: string]:
|
176
|
-
chip?:
|
177
|
-
remove?:
|
176
|
+
[key: string]: tailwind_merge.ClassNameValue | {
|
177
|
+
chip?: tailwind_merge.ClassNameValue;
|
178
|
+
remove?: tailwind_merge.ClassNameValue;
|
178
179
|
};
|
179
180
|
};
|
180
181
|
} | {
|
181
182
|
[x: string]: {
|
182
|
-
[x: string]:
|
183
|
-
chip?:
|
184
|
-
remove?:
|
183
|
+
[x: string]: tailwind_merge.ClassNameValue | {
|
184
|
+
chip?: tailwind_merge.ClassNameValue;
|
185
|
+
remove?: tailwind_merge.ClassNameValue;
|
185
186
|
};
|
186
187
|
};
|
187
188
|
} | {
|
188
189
|
[x: string]: {
|
189
|
-
[x: string]:
|
190
|
-
chip?:
|
191
|
-
remove?:
|
190
|
+
[x: string]: tailwind_merge.ClassNameValue | {
|
191
|
+
chip?: tailwind_merge.ClassNameValue;
|
192
|
+
remove?: tailwind_merge.ClassNameValue;
|
192
193
|
};
|
193
194
|
};
|
194
195
|
} | {}, {
|
@@ -196,16 +197,16 @@ declare const DeletableChipStyles: tailwind_variants.TVReturnType<{
|
|
196
197
|
remove: string[];
|
197
198
|
}, undefined, {
|
198
199
|
[key: string]: {
|
199
|
-
[key: string]:
|
200
|
-
list?:
|
201
|
-
chip?:
|
200
|
+
[key: string]: tailwind_merge.ClassNameValue | {
|
201
|
+
list?: tailwind_merge.ClassNameValue;
|
202
|
+
chip?: tailwind_merge.ClassNameValue;
|
202
203
|
};
|
203
204
|
};
|
204
205
|
} | {
|
205
206
|
[x: string]: {
|
206
|
-
[x: string]:
|
207
|
-
list?:
|
208
|
-
chip?:
|
207
|
+
[x: string]: tailwind_merge.ClassNameValue | {
|
208
|
+
list?: tailwind_merge.ClassNameValue;
|
209
|
+
chip?: tailwind_merge.ClassNameValue;
|
209
210
|
};
|
210
211
|
};
|
211
212
|
} | {}, {
|
@@ -213,16 +214,16 @@ declare const DeletableChipStyles: tailwind_variants.TVReturnType<{
|
|
213
214
|
chip: string[];
|
214
215
|
}, tailwind_variants.TVReturnType<{
|
215
216
|
[key: string]: {
|
216
|
-
[key: string]:
|
217
|
-
list?:
|
218
|
-
chip?:
|
217
|
+
[key: string]: tailwind_merge.ClassNameValue | {
|
218
|
+
list?: tailwind_merge.ClassNameValue;
|
219
|
+
chip?: tailwind_merge.ClassNameValue;
|
219
220
|
};
|
220
221
|
};
|
221
222
|
} | {
|
222
223
|
[x: string]: {
|
223
|
-
[x: string]:
|
224
|
-
list?:
|
225
|
-
chip?:
|
224
|
+
[x: string]: tailwind_merge.ClassNameValue | {
|
225
|
+
list?: tailwind_merge.ClassNameValue;
|
226
|
+
chip?: tailwind_merge.ClassNameValue;
|
226
227
|
};
|
227
228
|
};
|
228
229
|
} | {}, {
|
@@ -230,9 +231,9 @@ declare const DeletableChipStyles: tailwind_variants.TVReturnType<{
|
|
230
231
|
chip: string[];
|
231
232
|
}, undefined, {
|
232
233
|
[key: string]: {
|
233
|
-
[key: string]:
|
234
|
-
list?:
|
235
|
-
chip?:
|
234
|
+
[key: string]: tailwind_merge.ClassNameValue | {
|
235
|
+
list?: tailwind_merge.ClassNameValue;
|
236
|
+
chip?: tailwind_merge.ClassNameValue;
|
236
237
|
};
|
237
238
|
};
|
238
239
|
} | {}, {
|
@@ -1,2 +1,2 @@
|
|
1
|
-
import {tv}from'./../../lib/utils.js';
|
1
|
+
import {tv}from'./../../lib/utils.js';const t={variant:"info"},i=tv({slots:{list:"group/chip-list flex w-content flex-wrap gap-xs",chip:["group/chip fg-default-light inline-flex w-content items-center justify-center rounded-full outline","size-medium:px-s size-medium:py-xs size-medium:text-body-s","size-small:px-s size-small:py-xs size-small:text-body-xs"]}}),s=tv({extend:i,slots:{chip:"gap-xxs"},variants:{variant:{advisory:{chip:"bg-advisory-subtle outline-advisory-bold"},critical:{chip:"bg-critical-subtle outline-critical"},serious:{chip:"bg-serious-subtle outline-serious"},normal:{chip:"bg-normal-subtle outline-normal"},info:{chip:"bg-info-subtle outline-info-bold"}}},defaultVariants:t}),o=tv({extend:i,slots:{chip:["cursor-pointer outline-interactive","enabled:focus:outline-interactive-hover","enabled:hover:outline-interactive-hover","enabled:selected:bg-highlight-subtle enabled:selected:outline-highlight","disabled:fg-disabled disabled:cursor-not-allowed disabled:outline-interactive-disabled","disabled:selected:bg-interactive-disabled"]}}),n=tv({extend:i,slots:{chip:["gap-xs outline-interactive","enabled:focus:outline-interactive-hover","enabled:hover:outline-interactive-hover","disabled:fg-disabled disabled:cursor-not-allowed disabled:outline-interactive-disabled"],remove:["cursor-pointer","disabled:cursor-not-allowed"]}});export{i as BaseChipStyles,s as ChipStyles,t as ChipStylesDefaults,n as DeletableChipStyles,o as SelectableChipStyles};//# sourceMappingURL=styles.js.map
|
2
2
|
//# sourceMappingURL=styles.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/chip/styles.ts"],"names":["
|
1
|
+
{"version":3,"sources":["../../../src/components/chip/styles.ts"],"names":["BaseChipStyles","tv","e"],"mappings":"sCAeE,MAAA,CAAS,CAAA,CAAA,OAGEA,CAAiBC,SACrB,CACLC,EAAA,CAAA,CAAA,KAAM,CAAA,CAAA,IAAA,CAAA,iDAEJ,CAAA,IAAA,CAAA,CAAA,iKAEA,CAAA,0DAMJ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQF,EAAAA,CACR,CAAA,MACE,CAAA,CAAA,CAAA,WACF,CAAA,SACA,CAAU,CACR,QAAS,CACP,CAAA,OAAA,CAAU,CAAE,QAAM,CAAA,CAAA,IAAA,CAAA,0CAClB,CAAU,CAAE,oDACH,CAAE,CAAA,OAAM,CAAA,CAAA,IAAA,CAAA,mCACP,CAAA,CAAA,MAAM,CAAA,CAAA,IAAA,CAAA,uCACF,CAAA,CAAA,IAAA,CAAA,kCAGlB,CAAA,CAAA,CAAA,CAAA,eAIA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQA,EAAAA,CACR,OACE,CAAA,CAAA,CAAA,KACE,CAAA,CAAA,IAAA,CAAA,CAAA,oCACA,CAAA,yCACA,CAAA,mHAEA,CAAA,wFACA,CAAA,2CAMJ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQA,EAAAA,CACR,CAAA,MACE,QACE,CAAA,CAAA,IAAA,CAAA,CAAA,4BACA,CAAA,yCACA,CAAA,yCACA,CAAA,wFAEO,CAAA,CAAA,MAAA,CAAA,CAAA,gBAAkB,CAAA,6BAE9B,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 ChipStylesDefaults = {\n variant: 'info',\n} as const;\n\nexport const BaseChipStyles = tv({\n slots: {\n list: 'group/chip-list flex w-content flex-wrap gap-xs',\n chip: [\n 'group/chip fg-default-light inline-flex w-content items-center justify-center rounded-full outline',\n 'size-medium:px-s size-medium:py-xs size-medium:text-body-s',\n 'size-small:px-s size-small:py-xs size-small:text-body-xs',\n ],\n },\n});\n\nexport const ChipStyles = tv({\n extend: BaseChipStyles,\n slots: {\n chip: 'gap-xxs',\n },\n variants: {\n variant: {\n advisory: { chip: 'bg-advisory-subtle outline-advisory-bold' },\n critical: { chip: 'bg-critical-subtle outline-critical' },\n serious: { chip: 'bg-serious-subtle outline-serious' },\n normal: { chip: 'bg-normal-subtle outline-normal' },\n info: { chip: 'bg-info-subtle outline-info-bold' },\n },\n },\n defaultVariants: ChipStylesDefaults,\n});\n\nexport const SelectableChipStyles = tv({\n extend: BaseChipStyles,\n slots: {\n chip: [\n 'cursor-pointer outline-interactive',\n 'enabled:focus:outline-interactive-hover',\n 'enabled:hover:outline-interactive-hover',\n 'enabled:selected:bg-highlight-subtle enabled:selected:outline-highlight',\n 'disabled:fg-disabled disabled:cursor-not-allowed disabled:outline-interactive-disabled',\n 'disabled:selected:bg-interactive-disabled',\n ],\n },\n});\n\nexport const DeletableChipStyles = tv({\n extend: BaseChipStyles,\n slots: {\n chip: [\n 'gap-xs outline-interactive',\n 'enabled:focus:outline-interactive-hover',\n 'enabled:hover:outline-interactive-hover',\n 'disabled:fg-disabled disabled:cursor-not-allowed disabled:outline-interactive-disabled',\n ],\n remove: ['cursor-pointer', 'disabled:cursor-not-allowed'],\n },\n});\n"]}
|
@@ -1,15 +1,16 @@
|
|
1
|
-
import {
|
1
|
+
import { ComponentPropsWithRef, RefAttributes } from 'react';
|
2
2
|
import { TagGroupProps, TagListProps, TagProps, ButtonProps } from 'react-aria-components';
|
3
3
|
import { VariantProps } from 'tailwind-variants';
|
4
4
|
import { ChipStyles } from './styles.js';
|
5
|
+
import 'tailwind-merge';
|
5
6
|
|
6
7
|
type BaseChipProps = {
|
7
8
|
size?: 'medium' | 'small';
|
8
9
|
};
|
9
|
-
type
|
10
|
+
type ChipListProps<T> = Omit<TagGroupProps, 'children'> & Pick<TagListProps<T>, 'dependencies' | 'items' | 'children' | 'renderEmptyState'> & RefAttributes<HTMLDivElement> & BaseChipProps;
|
11
|
+
type ChipProps = VariantProps<typeof ChipStyles> & Omit<ComponentPropsWithRef<'div'>, 'size' | 'onClick'> & BaseChipProps & {
|
10
12
|
className?: string;
|
11
13
|
};
|
12
|
-
type ChipListProps<T> = Omit<TagGroupProps, 'children'> & Pick<TagListProps<T>, 'dependencies' | 'items' | 'children' | 'renderEmptyState'> & RefAttributes<HTMLDivElement> & BaseChipProps;
|
13
14
|
type SelectableChipProps = Omit<TagProps, 'isDisabled'> & RefAttributes<HTMLDivElement> & BaseChipProps;
|
14
15
|
type DeletableChipProps = Omit<TagProps, 'className' | 'isDisabled'> & RefAttributes<HTMLDivElement> & BaseChipProps & {
|
15
16
|
classNames?: {
|
@@ -17,6 +18,5 @@ type DeletableChipProps = Omit<TagProps, 'className' | 'isDisabled'> & RefAttrib
|
|
17
18
|
remove?: ButtonProps['className'];
|
18
19
|
};
|
19
20
|
};
|
20
|
-
type ChipProviderProps = PropsWithChildren<BaseChipProps>;
|
21
21
|
|
22
|
-
export type { BaseChipProps, ChipListProps, ChipProps,
|
22
|
+
export type { BaseChipProps, ChipListProps, ChipProps, DeletableChipProps, SelectableChipProps };
|
@@ -1,12 +1,13 @@
|
|
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 { ClassificationBadgeProps
|
5
|
+
import { ClassificationBadgeProps } from './types.js';
|
5
6
|
import 'tailwind-variants';
|
6
7
|
import './styles.js';
|
7
8
|
|
8
9
|
declare const ClassificationBadgeContext: react.Context<ContextValue<ClassificationBadgeProps, HTMLSpanElement>>;
|
9
|
-
declare function ClassificationBadgeProvider({ children, ...props }:
|
10
|
+
declare function ClassificationBadgeProvider({ children, ...props }: ProviderProps<ClassificationBadgeProps>): react_jsx_runtime.JSX.Element;
|
10
11
|
declare namespace ClassificationBadgeProvider {
|
11
12
|
var displayName: string;
|
12
13
|
}
|
@@ -1,2 +1,2 @@
|
|
1
|
-
import {createContext}from'react';import {useContextProps}from'react-aria-components';import {ClassificationBadgeStylesDefaults,ClassificationBadgeStyles}from'./styles.js';
|
1
|
+
import {jsx}from'react/jsx-runtime';import {createContext}from'react';import {useContextProps}from'react-aria-components';import {ClassificationBadgeStylesDefaults,ClassificationBadgeStyles}from'./styles.js';const e=createContext(null);function t({children:a,...i}){return jsx(e.Provider,{value:i,children:a})}t.displayName="ClassificationBadge.Provider";function s({ref:a,...i}){[i,a]=useContextProps(i,a??null,e);const{children:r,className:n,size:l="medium",variant:d=ClassificationBadgeStylesDefaults.variant,...p}=i;return jsx("span",{...p,className:ClassificationBadgeStyles({variant:d,className:n}),"data-size":l,children:r})}s.displayName="ClassificationBadge",s.Provider=t;export{s as ClassificationBadge,e as ClassificationBadgeContext};//# sourceMappingURL=index.js.map
|
2
2
|
//# sourceMappingURL=index.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/classification-badge/index.tsx"],"names":["
|
1
|
+
{"version":3,"sources":["../../../src/components/classification-badge/index.tsx"],"names":["c","props","o","ClassificationBadgeProvider","ref","useContextProps","ClassificationBadgeStylesDefaults","m","rest","C","ClassificationBadge"],"mappings":"sNAsByE,CAAA,CAAAA,aAAA,CAAI,IAE7E,EAAA,SACE,CAAA,CAAA,CAAA,QACA,CAAA,CAAGC,CACL,GACE,CAAA,CAAA,CAAA,CAAA,OAC8BC,GAAA,CAAA,CAAA,CAAA,QAAS,CAAA,CAAA,KAClC,CAAA,CAAA,CAAA,QAGP,CACAC,CAAAA,CAA4B,CAAA,CAAA,CAAA,CAAA,WAAc,CAAA,8BAEnC,CAAA,SACL,CAAA,CAAA,CAAAC,GACA,CAAA,CAAGH,CACL,GACE,CAACA,CAAAA,CAAOG,CAAG,CAAA,CAAIC,CAAAA,CACbJ,EACAG,eAAAA,CAAAA,CAAO,CAAA,CAAA,EAAA,IAIT,CAAA,CAAA,CAAA,CAAA,cAEE,CAAA,CAAA,CAAA,SACA,CAAA,CAAA,CAAA,IAAO,CAAA,CAAA,CAAA,gBACGE,CAAkC,CAAA,CAAAC,iCAAA,CAAA,OACzCC,CACL,IAEA,CAAA,CAAA,CAAA,CAAA,iBAEK,CAAGA,CAAAA,cAEF,CAAAC,yBAAA,CAAA,CAAA,OACA,CAAA,CAAA,CAAA,SACD,CACD,CAAA,CAAA,CAAA,CAAA,WAEC,CAAA,CAAA,CAAA,QAGP,CACAC,CAAAA,CAAoB,CAAA,CAAA,CAAA,CAAA,WAAc,CAAA,qBACd,CAAA,CAAA,CAAA,QAAWP,CAAAA,CAAAA","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\nimport type { ProviderProps } from '@/lib/types';\nimport { createContext } from 'react';\nimport { type ContextValue, useContextProps } from 'react-aria-components';\nimport {\n ClassificationBadgeStyles,\n ClassificationBadgeStylesDefaults,\n} from './styles';\nimport type { ClassificationBadgeProps } from './types';\n\nexport const ClassificationBadgeContext =\n createContext<ContextValue<ClassificationBadgeProps, HTMLSpanElement>>(null);\n\nfunction ClassificationBadgeProvider({\n children,\n ...props\n}: ProviderProps<ClassificationBadgeProps>) {\n return (\n <ClassificationBadgeContext.Provider value={props}>\n {children}\n </ClassificationBadgeContext.Provider>\n );\n}\nClassificationBadgeProvider.displayName = 'ClassificationBadge.Provider';\n\nexport function ClassificationBadge({\n ref,\n ...props\n}: ClassificationBadgeProps) {\n [props, ref] = useContextProps(\n props,\n ref ?? null,\n ClassificationBadgeContext,\n );\n\n const {\n children,\n className,\n size = 'medium',\n variant = ClassificationBadgeStylesDefaults.variant,\n ...rest\n } = props;\n\n return (\n <span\n {...rest}\n className={ClassificationBadgeStyles({\n variant,\n className,\n })}\n data-size={size}\n >\n {children}\n </span>\n );\n}\nClassificationBadge.displayName = 'ClassificationBadge';\nClassificationBadge.Provider = ClassificationBadgeProvider;\n"]}
|
@@ -1,2 +1,2 @@
|
|
1
|
-
import {tv}from'tailwind-variants';
|
1
|
+
import {tv}from'tailwind-variants';const t={variant:"missing"},s=tv({base:["group/classification-badge inline-flex items-center justify-center rounded-full px-s py-xs uppercase","size-medium:text-header-s","size-small:text-header-xs"],variants:{variant:{missing:"fg-critical bg-classification-missing [&:empty]:before:content-['Missing']",unclassified:"fg-default-light bg-classification-unclass [&:empty]:before:content-['Unclassified']",cui:"fg-default-light bg-classification-cui [&:empty]:before:content-['CUI']",confidential:"fg-default-light bg-classification-confidential [&:empty]:before:content-['Confidential']",secret:"fg-default-light bg-classification-secret [&:empty]:before:content-['Secret']","top-secret":"fg-inverse-light bg-classification-top-secret [&:empty]:before:content-['Top_Secret']","ts-sci":"fg-inverse-light bg-classification-ts-sci [&:empty]:before:content-['TS/SCI']"}},defaultVariants:t});export{s as ClassificationBadgeStyles,t as ClassificationBadgeStylesDefaults};//# sourceMappingURL=styles.js.map
|
2
2
|
//# sourceMappingURL=styles.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/classification-badge/styles.ts"],"names":["ClassificationBadgeStylesDefaults","ClassificationBadgeStyles","tv"],"mappings":"
|
1
|
+
{"version":3,"sources":["../../../src/components/classification-badge/styles.ts"],"names":["ClassificationBadgeStylesDefaults","ClassificationBadgeStyles","tv"],"mappings":"yCAcaA,CAAAA,CAAoC,CAC/C,QAAS,SACX,CAAA,CAEaC,CAAAA,CAA4BC,EAAAA,CAAG,CAC1C,IAAA,CAAM,CACJ,uGACA,2BAAA,CACA,2BACF,EACA,QAAA,CAAU,CACR,OAAA,CAAS,CAEP,QACE,4EAAA,CACF,YAAA,CACE,uFACF,GAAA,CAAK,yEAAA,CACL,aACE,2FAAA,CACF,MAAA,CACE,+EAAA,CACF,YAAA,CACE,wFACF,QAAA,CACE,+EACJ,CACF,CAAA,CACA,eAAA,CAAiBF,CACnB,CAAC","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 'tailwind-variants';\n\nexport const ClassificationBadgeStylesDefaults = {\n variant: 'missing',\n} as const;\n\nexport const ClassificationBadgeStyles = tv({\n base: [\n 'group/classification-badge inline-flex items-center justify-center rounded-full px-s py-xs uppercase',\n 'size-medium:text-header-s',\n 'size-small:text-header-xs',\n ],\n variants: {\n variant: {\n // TODO: dont hard code these strings into the styles\n missing:\n \"fg-critical bg-classification-missing [&:empty]:before:content-['Missing']\",\n unclassified:\n \"fg-default-light bg-classification-unclass [&:empty]:before:content-['Unclassified']\",\n cui: \"fg-default-light bg-classification-cui [&:empty]:before:content-['CUI']\",\n confidential:\n \"fg-default-light bg-classification-confidential [&:empty]:before:content-['Confidential']\",\n secret:\n \"fg-default-light bg-classification-secret [&:empty]:before:content-['Secret']\",\n 'top-secret':\n \"fg-inverse-light bg-classification-top-secret [&:empty]:before:content-['Top_Secret']\",\n 'ts-sci':\n \"fg-inverse-light bg-classification-ts-sci [&:empty]:before:content-['TS/SCI']\",\n },\n },\n defaultVariants: ClassificationBadgeStylesDefaults,\n});\n"]}
|
@@ -1,11 +1,10 @@
|
|
1
|
-
import {
|
1
|
+
import { ComponentPropsWithRef } from 'react';
|
2
2
|
import { VariantProps } from 'tailwind-variants';
|
3
3
|
import { ClassificationBadgeStyles } from './styles.js';
|
4
4
|
|
5
5
|
type ClassificationBadgeStyleVariants = VariantProps<typeof ClassificationBadgeStyles>;
|
6
|
-
type ClassificationBadgeProps = ClassificationBadgeStyleVariants &
|
6
|
+
type ClassificationBadgeProps = ClassificationBadgeStyleVariants & ComponentPropsWithRef<'span'> & {
|
7
7
|
size?: 'medium' | 'small';
|
8
8
|
};
|
9
|
-
type ClassificationBadgeProviderProps = PropsWithChildren<ClassificationBadgeProps>;
|
10
9
|
|
11
|
-
export type { ClassificationBadgeProps,
|
10
|
+
export type { ClassificationBadgeProps, ClassificationBadgeStyleVariants };
|
@@ -1,12 +1,13 @@
|
|
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 { ClassificationBannerProps
|
5
|
+
import { ClassificationBannerProps } from './types.js';
|
5
6
|
import 'tailwind-variants';
|
6
7
|
import './styles.js';
|
7
8
|
|
8
9
|
declare const ClassificationBannerContext: react.Context<ContextValue<ClassificationBannerProps, HTMLDivElement>>;
|
9
|
-
declare function ClassificationBannerProvider({ children, ...props }:
|
10
|
+
declare function ClassificationBannerProvider({ children, ...props }: ProviderProps<ClassificationBannerProps>): react_jsx_runtime.JSX.Element;
|
10
11
|
declare namespace ClassificationBannerProvider {
|
11
12
|
var displayName: string;
|
12
13
|
}
|
@@ -1,2 +1,2 @@
|
|
1
|
-
import {createContext}from'react';import {useContextProps}from'react-aria-components';import {ClassificationBannerStylesDefaults,ClassificationBannerStyles}from'./styles.js';
|
1
|
+
import {jsx}from'react/jsx-runtime';import {createContext}from'react';import {useContextProps}from'react-aria-components';import {ClassificationBannerStylesDefaults,ClassificationBannerStyles}from'./styles.js';const a=createContext(null);function r({children:n,...i}){return jsx(a.Provider,{value:i,children:n})}r.displayName="ClassificationBanner.Provider";function e({ref:n,...i}){[i,n]=useContextProps(i,n??null,a);const{className:o,variant:s=ClassificationBannerStylesDefaults.variant,children:l,...c}=i;return jsx("div",{...c,className:ClassificationBannerStyles({variant:s,className:o}),children:l})}e.displayName="ClassificationBanner",e.Provider=r;export{e as ClassificationBanner,a as ClassificationBannerContext};//# sourceMappingURL=index.js.map
|
2
2
|
//# sourceMappingURL=index.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/classification-banner/index.tsx"],"names":["
|
1
|
+
{"version":3,"sources":["../../../src/components/classification-banner/index.tsx"],"names":["createContext","f","props","t","ClassificationBannerProvider","ref","useContextProps","ClassificationBannerStylesDefaults","m","rest","p","ClassificationBanner"],"mappings":"kNAsBEA,MAAuE,CAAA,CAAAC,aAAA,CAAI,IAE7E,EAAA,SACE,CAAA,CAAA,CAAA,UACGC,CACL,GACE,CAAA,CAAA,CAAA,CAAA,OAC+BC,GAAA,CAAA,CAAA,CAAA,QAAS,CAAA,CAAA,KACnC,CAAA,CAAA,CAAA,QAGP,CACAC,CAAAA,CAA6B,eAAc,CAAA,+BAEpC,CAAA,SACL,CAAA,CAAA,CAAAC,KACGH,CACL,GACE,CAACA,CAAAA,CAAOG,CAAG,CAAA,CAAIC,CAAAA,CACbJ,CAAAA,CACAG,eAAAA,CAAAA,CAAO,CAAA,CAAA,EAAA,IAIT,CAAA,CAAA,CAAA,CAAA,eAEE,CAAA,CAAA,CAAA,OAAUE,CAAmC,CAAA,CAAAC,kCAAA,CAAA,OAC7C,CAAA,QACA,CAAA,CAAGC,CACL,GAAIP,CAEJ,CAAA,CAAA,CAAA,CAAA,OACGC,GAAA,CAAA,KACE,CAAGM,IACJ,CAAA,CAAA,SACE,CAAAC,0BAAA,CAAA,CAAA,OACA,CAAA,CAAA,CAAA,SACD,CAEA,YAGP,CACAC,CAAAA,CAAqB,CAAA,CAAA,CAAA,CAAA,WAAc,CAAA,sBACd,CAAA,CAAA,CAAA,QAAWP,CAAAA,CAAAA","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\nimport type { ProviderProps } from '@/lib/types';\nimport { createContext } from 'react';\nimport { type ContextValue, useContextProps } from 'react-aria-components';\nimport {\n ClassificationBannerStyles,\n ClassificationBannerStylesDefaults,\n} from './styles';\nimport type { ClassificationBannerProps } from './types';\n\nexport const ClassificationBannerContext =\n createContext<ContextValue<ClassificationBannerProps, HTMLDivElement>>(null);\n\nfunction ClassificationBannerProvider({\n children,\n ...props\n}: ProviderProps<ClassificationBannerProps>) {\n return (\n <ClassificationBannerContext.Provider value={props}>\n {children}\n </ClassificationBannerContext.Provider>\n );\n}\nClassificationBannerProvider.displayName = 'ClassificationBanner.Provider';\n\nexport function ClassificationBanner({\n ref,\n ...props\n}: ClassificationBannerProps) {\n [props, ref] = useContextProps(\n props,\n ref ?? null,\n ClassificationBannerContext,\n );\n\n const {\n className,\n variant = ClassificationBannerStylesDefaults.variant,\n children,\n ...rest\n } = props;\n\n return (\n <div\n {...rest}\n className={ClassificationBannerStyles({\n variant,\n className,\n })}\n >\n {children}\n </div>\n );\n}\nClassificationBanner.displayName = 'ClassificationBanner';\nClassificationBanner.Provider = ClassificationBannerProvider;\n"]}
|
@@ -1,2 +1,2 @@
|
|
1
|
-
import {tv}from'tailwind-variants';
|
1
|
+
import {tv}from'tailwind-variants';const t={variant:"missing"},s=tv({base:"flex select-none items-center justify-center font-medium text-header-m uppercase",variants:{variant:{missing:"fg-critical bg-classification-missing [&:empty]:before:content-['Missing']",unclassified:"fg-default-light bg-classification-unclass [&:empty]:before:content-['Unclassified']",cui:"fg-default-light bg-classification-cui [&:empty]:before:content-['CUI']",confidential:"fg-default-light bg-classification-confidential [&:empty]:before:content-['Confidential']",secret:"fg-default-light bg-classification-secret [&:empty]:before:content-['Secret']","top-secret":"fg-inverse-light bg-classification-top-secret [&:empty]:before:content-['Top_Secret']","ts-sci":"fg-inverse-light bg-classification-ts-sci [&:empty]:before:content-['Top_Secret/SCI']"}},defaultVariants:t});export{s as ClassificationBannerStyles,t as ClassificationBannerStylesDefaults};//# sourceMappingURL=styles.js.map
|
2
2
|
//# sourceMappingURL=styles.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/classification-banner/styles.ts"],"names":["ClassificationBannerStylesDefaults","ClassificationBannerStyles","tv"],"mappings":"mCAcO,
|
1
|
+
{"version":3,"sources":["../../../src/components/classification-banner/styles.ts"],"names":["ClassificationBannerStylesDefaults","ClassificationBannerStyles","tv"],"mappings":"mCAcO,MAAMA,CAAAA,CAAqC,CAChD,OAAA,CAAS,SACX,CAAA,CAEaC,CAAAA,CAA6BC,GAAG,CAC3C,IAAA,CAAM,kFAAA,CACN,QAAA,CAAU,CACR,OAAA,CAAS,CAEP,OAAA,CACE,4EAAA,CACF,aACE,sFAAA,CACF,GAAA,CAAK,yEAAA,CACL,YAAA,CACE,4FACF,MAAA,CACE,+EAAA,CACF,YAAA,CACE,uFAAA,CACF,SACE,uFACJ,CACF,CAAA,CACA,eAAA,CAAiBF,CACnB,CAAC","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 'tailwind-variants';\n\nexport const ClassificationBannerStylesDefaults = {\n variant: 'missing',\n} as const;\n\nexport const ClassificationBannerStyles = tv({\n base: 'flex select-none items-center justify-center font-medium text-header-m uppercase',\n variants: {\n variant: {\n // TODO: dont hard code these strings into the styles\n missing:\n \"fg-critical bg-classification-missing [&:empty]:before:content-['Missing']\",\n unclassified:\n \"fg-default-light bg-classification-unclass [&:empty]:before:content-['Unclassified']\",\n cui: \"fg-default-light bg-classification-cui [&:empty]:before:content-['CUI']\",\n confidential:\n \"fg-default-light bg-classification-confidential [&:empty]:before:content-['Confidential']\",\n secret:\n \"fg-default-light bg-classification-secret [&:empty]:before:content-['Secret']\",\n 'top-secret':\n \"fg-inverse-light bg-classification-top-secret [&:empty]:before:content-['Top_Secret']\",\n 'ts-sci':\n \"fg-inverse-light bg-classification-ts-sci [&:empty]:before:content-['Top_Secret/SCI']\",\n },\n },\n defaultVariants: ClassificationBannerStylesDefaults,\n});\n"]}
|
@@ -1,9 +1,8 @@
|
|
1
|
-
import {
|
1
|
+
import { ComponentPropsWithRef } from 'react';
|
2
2
|
import { VariantProps } from 'tailwind-variants';
|
3
3
|
import { ClassificationBannerStyles } from './styles.js';
|
4
4
|
|
5
5
|
type ClassificationBannerStyleVariants = VariantProps<typeof ClassificationBannerStyles>;
|
6
|
-
type ClassificationBannerProps = ClassificationBannerStyleVariants &
|
7
|
-
type ClassificationBannerProviderProps = PropsWithChildren<ClassificationBannerProps>;
|
6
|
+
type ClassificationBannerProps = ClassificationBannerStyleVariants & ComponentPropsWithRef<'div'>;
|
8
7
|
|
9
|
-
export type { ClassificationBannerProps,
|
8
|
+
export type { ClassificationBannerProps, ClassificationBannerStyleVariants };
|
@@ -1,21 +1,51 @@
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
2
|
-
import {
|
3
|
-
import
|
2
|
+
import { ColorPickerProps } from './types.js';
|
3
|
+
import 'react';
|
4
|
+
import 'react-aria-components';
|
4
5
|
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
6
|
+
/**
|
7
|
+
* A color picker component that renders a grid of color swatches for selection.
|
8
|
+
*
|
9
|
+
* This component provides a simple interface for users to select from a predefined
|
10
|
+
* set of colors. It renders each color as an interactive swatch that can be clicked
|
11
|
+
* to select that color. The component supports keyboard navigation, accessibility
|
12
|
+
* features, and fine-grained styling control through the classNames prop.
|
13
|
+
*
|
14
|
+
* @param items - Array of color values to display as selectable swatches
|
15
|
+
* @param classNames - Object containing CSS class names for fine-grained styling control
|
16
|
+
* @param classNames.picker - CSS class name for the main picker container
|
17
|
+
* @param classNames.item - CSS class name for individual swatch items
|
18
|
+
* @param classNames.swatch - CSS class name for the color swatch elements
|
19
|
+
*
|
20
|
+
* @example
|
21
|
+
* ```tsx
|
22
|
+
* const colors = [
|
23
|
+
* '#ff0000',
|
24
|
+
* '#00ff00',
|
25
|
+
* '#0000ff',
|
26
|
+
* ];
|
27
|
+
*
|
28
|
+
* <ColorPicker
|
29
|
+
* options={colors}
|
30
|
+
* value={'#ff0000'}
|
31
|
+
* onChange={(color) => console.log('Selected:', color)}
|
32
|
+
* classNames={{
|
33
|
+
* picker: 'gap-4',
|
34
|
+
* item: 'rounded-lg',
|
35
|
+
* swatch: 'w-8 h-8'
|
36
|
+
* }}
|
37
|
+
* />
|
38
|
+
* ```
|
39
|
+
*
|
40
|
+
* @remarks
|
41
|
+
* - Colors can be provided as Color objects or color strings
|
42
|
+
* - The component automatically handles color parsing and validation
|
43
|
+
* - Supports all accessibility features from react-aria-components
|
44
|
+
* - Uses a grid layout by default but can be customized via the layout prop
|
45
|
+
*/
|
46
|
+
declare function ColorPicker({ classNames, items, ...rest }: ColorPickerProps): react_jsx_runtime.JSX.Element;
|
17
47
|
declare namespace ColorPicker {
|
18
48
|
var displayName: string;
|
19
49
|
}
|
20
50
|
|
21
|
-
export { ColorPicker
|
51
|
+
export { ColorPicker };
|
@@ -1,2 +1,2 @@
|
|
1
|
-
import {
|
1
|
+
import {jsx}from'react/jsx-runtime';import'client-only';import {ColorSwatchPicker,composeRenderProps,ColorSwatchPickerItem,ColorSwatch}from'react-aria-components';import {ColorPickerStyles}from'./styles.js';const{picker:P,item:s,swatch:C}=ColorPickerStyles();function h({classNames:r,items:i,...p}){return jsx(ColorSwatchPicker,{...p,className:composeRenderProps(r?.picker,o=>P({className:o})),children:i.map(o=>jsx(ColorSwatchPickerItem,{className:composeRenderProps(r?.item,e=>s({className:e})),color:o,children:jsx(ColorSwatch,{className:composeRenderProps(r?.swatch,e=>C({className:e}))})},o.toString("hexa")))})}h.displayName="ColorPicker";export{h as ColorPicker};//# sourceMappingURL=index.js.map
|
2
2
|
//# sourceMappingURL=index.js.map
|