@accelint/design-toolkit 2.3.2 → 2.4.1

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.
Files changed (106) hide show
  1. package/dist/components/accordion/index.js +1 -1
  2. package/dist/components/accordion/index.js.map +1 -1
  3. package/dist/components/accordion/styles.js +1 -1
  4. package/dist/components/accordion/styles.js.map +1 -1
  5. package/dist/components/avatar/index.d.ts +16 -24
  6. package/dist/components/avatar/index.js +1 -1
  7. package/dist/components/avatar/index.js.map +1 -1
  8. package/dist/components/avatar/styles.d.ts +47 -0
  9. package/dist/components/avatar/styles.js +2 -0
  10. package/dist/components/avatar/styles.js.map +1 -0
  11. package/dist/components/avatar/types.d.ts +19 -0
  12. package/dist/components/avatar/types.js +2 -0
  13. package/dist/components/avatar/types.js.map +1 -0
  14. package/dist/components/badge/index.d.ts +16 -16
  15. package/dist/components/badge/index.js +1 -1
  16. package/dist/components/badge/index.js.map +1 -1
  17. package/dist/components/badge/styles.d.ts +32 -0
  18. package/dist/components/badge/styles.js +2 -0
  19. package/dist/components/badge/styles.js.map +1 -0
  20. package/dist/components/badge/types.d.ts +16 -0
  21. package/dist/components/badge/types.js +2 -0
  22. package/dist/components/badge/types.js.map +1 -0
  23. package/dist/components/button/index.js +1 -1
  24. package/dist/components/button/index.js.map +1 -1
  25. package/dist/components/button/styles.d.ts +12 -103
  26. package/dist/components/button/styles.js +1 -1
  27. package/dist/components/button/styles.js.map +1 -1
  28. package/dist/components/button/types.d.ts +3 -1
  29. package/dist/components/checkbox/styles.js +1 -1
  30. package/dist/components/checkbox/styles.js.map +1 -1
  31. package/dist/components/chip/index.js +1 -1
  32. package/dist/components/chip/index.js.map +1 -1
  33. package/dist/components/chip/styles.d.ts +130 -134
  34. package/dist/components/chip/styles.js +1 -1
  35. package/dist/components/chip/styles.js.map +1 -1
  36. package/dist/components/chip/types.d.ts +7 -5
  37. package/dist/components/classification-badge/index.js +1 -1
  38. package/dist/components/classification-badge/index.js.map +1 -1
  39. package/dist/components/classification-badge/styles.d.ts +2 -15
  40. package/dist/components/classification-badge/styles.js +1 -1
  41. package/dist/components/classification-badge/styles.js.map +1 -1
  42. package/dist/components/classification-badge/types.d.ts +3 -1
  43. package/dist/components/icon/index.d.ts +0 -2
  44. package/dist/components/icon/index.js +1 -1
  45. package/dist/components/icon/index.js.map +1 -1
  46. package/dist/components/icon/styles.d.ts +2 -31
  47. package/dist/components/icon/styles.js +1 -1
  48. package/dist/components/icon/styles.js.map +1 -1
  49. package/dist/components/icon/types.d.ts +4 -4
  50. package/dist/components/input/index.d.ts +16 -0
  51. package/dist/components/input/index.js +2 -0
  52. package/dist/components/input/index.js.map +1 -0
  53. package/dist/components/input/styles.d.ts +164 -0
  54. package/dist/components/input/styles.js +2 -0
  55. package/dist/components/input/styles.js.map +1 -0
  56. package/dist/components/input/types.d.ts +20 -0
  57. package/dist/components/input/types.js +2 -0
  58. package/dist/components/input/types.js.map +1 -0
  59. package/dist/components/label/styles.js +1 -1
  60. package/dist/components/label/styles.js.map +1 -1
  61. package/dist/components/menu/index.d.ts +48 -0
  62. package/dist/components/menu/index.js +2 -0
  63. package/dist/components/menu/index.js.map +1 -0
  64. package/dist/components/menu/styles.d.ts +95 -0
  65. package/dist/components/menu/styles.js +2 -0
  66. package/dist/components/menu/styles.js.map +1 -0
  67. package/dist/components/menu/types.d.ts +30 -0
  68. package/dist/components/menu/types.js +2 -0
  69. package/dist/components/menu/types.js.map +1 -0
  70. package/dist/components/query-builder/value-editor.js +1 -1
  71. package/dist/components/query-builder/value-editor.js.map +1 -1
  72. package/dist/components/switch/styles.js +1 -1
  73. package/dist/components/switch/styles.js.map +1 -1
  74. package/dist/components/text-area-field/index.d.ts +0 -2
  75. package/dist/components/text-area-field/index.js +1 -1
  76. package/dist/components/text-area-field/index.js.map +1 -1
  77. package/dist/components/text-area-field/styles.d.ts +33 -93
  78. package/dist/components/text-area-field/styles.js +1 -1
  79. package/dist/components/text-area-field/styles.js.map +1 -1
  80. package/dist/components/text-area-field/types.d.ts +6 -9
  81. package/dist/components/text-field/index.d.ts +18 -24
  82. package/dist/components/text-field/index.js +1 -1
  83. package/dist/components/text-field/index.js.map +1 -1
  84. package/dist/components/text-field/styles.d.ts +53 -0
  85. package/dist/components/text-field/styles.js +2 -0
  86. package/dist/components/text-field/styles.js.map +1 -0
  87. package/dist/components/text-field/types.d.ts +26 -0
  88. package/dist/components/text-field/types.js +2 -0
  89. package/dist/components/text-field/types.js.map +1 -0
  90. package/dist/index.css +32 -96
  91. package/dist/index.d.ts +22 -9
  92. package/dist/index.js +1 -1
  93. package/dist/metafile-esm.json +1 -1
  94. package/dist/styles.css +1038 -468
  95. package/dist/tokens/{generated/tokens.d.ts → index.d.ts} +19 -4
  96. package/dist/tokens/index.js +2 -0
  97. package/dist/tokens/index.js.map +1 -0
  98. package/dist/tokens/{generated/themes.css → themes.css} +64 -49
  99. package/dist/tokens/{generated/tokens.css → tokens.css} +18 -3
  100. package/dist/tokens/tokens.d.ts +2 -0
  101. package/dist/variants/variants.css +58 -0
  102. package/dist/variants/variants.d.ts +2 -0
  103. package/package.json +5 -3
  104. package/dist/tokens/generated/tokens.js +0 -2
  105. package/dist/tokens/generated/tokens.js.map +0 -1
  106. /package/dist/tokens/{generated/themes.d.ts → themes.d.ts} +0 -0
@@ -1,45 +1,38 @@
1
1
  import * as tailwind_variants from 'tailwind-variants';
2
2
 
3
3
  declare const ChipStylesDefaults: {
4
- readonly size: "medium";
5
4
  readonly variant: "info";
6
5
  };
7
6
  declare const BaseChipStyles: tailwind_variants.TVReturnType<{
8
- size: {
9
- medium: {
10
- chip: string;
7
+ [key: string]: {
8
+ [key: string]: tailwind_variants.ClassValue | {
9
+ list?: tailwind_variants.ClassValue;
10
+ chip?: tailwind_variants.ClassValue;
11
11
  };
12
- small: {
13
- chip: string;
12
+ };
13
+ } | {
14
+ [x: string]: {
15
+ [x: string]: tailwind_variants.ClassValue | {
16
+ list?: tailwind_variants.ClassValue;
17
+ chip?: tailwind_variants.ClassValue;
14
18
  };
15
19
  };
16
- }, {
20
+ } | {}, {
17
21
  list: string;
18
- chip: string;
22
+ chip: string[];
19
23
  }, undefined, {
20
- size: {
21
- medium: {
22
- chip: string;
23
- };
24
- small: {
25
- chip: string;
24
+ [key: string]: {
25
+ [key: string]: tailwind_variants.ClassValue | {
26
+ list?: tailwind_variants.ClassValue;
27
+ chip?: tailwind_variants.ClassValue;
26
28
  };
27
29
  };
28
- }, {
30
+ } | {}, {
29
31
  list: string;
30
- chip: string;
31
- }, tailwind_variants.TVReturnType<{
32
- size: {
33
- medium: {
34
- chip: string;
35
- };
36
- small: {
37
- chip: string;
38
- };
39
- };
40
- }, {
32
+ chip: string[];
33
+ }, tailwind_variants.TVReturnType<unknown, {
41
34
  list: string;
42
- chip: string;
35
+ chip: string[];
43
36
  }, undefined, unknown, unknown, undefined>>;
44
37
  declare const ChipStyles: tailwind_variants.TVReturnType<{
45
38
  variant: {
@@ -62,53 +55,52 @@ declare const ChipStyles: tailwind_variants.TVReturnType<{
62
55
  }, {
63
56
  chip: string;
64
57
  }, undefined, {
65
- size: {
66
- medium: {
67
- chip: string;
58
+ [key: string]: {
59
+ [key: string]: tailwind_variants.ClassValue | {
60
+ list?: tailwind_variants.ClassValue;
61
+ chip?: tailwind_variants.ClassValue;
68
62
  };
69
- small: {
70
- chip: string;
63
+ };
64
+ } | {
65
+ [x: string]: {
66
+ [x: string]: tailwind_variants.ClassValue | {
67
+ list?: tailwind_variants.ClassValue;
68
+ chip?: tailwind_variants.ClassValue;
71
69
  };
72
70
  };
73
- }, {
71
+ } | {}, {
74
72
  list: string;
75
- chip: string;
73
+ chip: string[];
76
74
  }, tailwind_variants.TVReturnType<{
77
- size: {
78
- medium: {
79
- chip: string;
75
+ [key: string]: {
76
+ [key: string]: tailwind_variants.ClassValue | {
77
+ list?: tailwind_variants.ClassValue;
78
+ chip?: tailwind_variants.ClassValue;
80
79
  };
81
- small: {
82
- chip: string;
80
+ };
81
+ } | {
82
+ [x: string]: {
83
+ [x: string]: tailwind_variants.ClassValue | {
84
+ list?: tailwind_variants.ClassValue;
85
+ chip?: tailwind_variants.ClassValue;
83
86
  };
84
87
  };
85
- }, {
88
+ } | {}, {
86
89
  list: string;
87
- chip: string;
90
+ chip: string[];
88
91
  }, undefined, {
89
- size: {
90
- medium: {
91
- chip: string;
92
- };
93
- small: {
94
- chip: string;
92
+ [key: string]: {
93
+ [key: string]: tailwind_variants.ClassValue | {
94
+ list?: tailwind_variants.ClassValue;
95
+ chip?: tailwind_variants.ClassValue;
95
96
  };
96
97
  };
97
- }, {
98
+ } | {}, {
98
99
  list: string;
99
- chip: string;
100
- }, tailwind_variants.TVReturnType<{
101
- size: {
102
- medium: {
103
- chip: string;
104
- };
105
- small: {
106
- chip: string;
107
- };
108
- };
109
- }, {
100
+ chip: string[];
101
+ }, tailwind_variants.TVReturnType<unknown, {
110
102
  list: string;
111
- chip: string;
103
+ chip: string[];
112
104
  }, undefined, unknown, unknown, undefined>>>;
113
105
  declare const SelectableChipStyles: tailwind_variants.TVReturnType<{
114
106
  [key: string]: {
@@ -117,64 +109,66 @@ declare const SelectableChipStyles: tailwind_variants.TVReturnType<{
117
109
  };
118
110
  };
119
111
  } | {
120
- size: {
121
- medium: tailwind_variants.ClassValue | {
112
+ [x: string]: {
113
+ [x: string]: tailwind_variants.ClassValue | {
122
114
  chip?: tailwind_variants.ClassValue;
123
115
  };
124
- small: tailwind_variants.ClassValue | {
116
+ };
117
+ } | {
118
+ [x: string]: {
119
+ [x: string]: tailwind_variants.ClassValue | {
125
120
  chip?: tailwind_variants.ClassValue;
126
121
  };
127
122
  };
128
- }, {
123
+ } | {}, {
129
124
  chip: string[];
130
125
  }, undefined, {
131
- size: {
132
- medium: {
133
- chip: string;
126
+ [key: string]: {
127
+ [key: string]: tailwind_variants.ClassValue | {
128
+ list?: tailwind_variants.ClassValue;
129
+ chip?: tailwind_variants.ClassValue;
134
130
  };
135
- small: {
136
- chip: string;
131
+ };
132
+ } | {
133
+ [x: string]: {
134
+ [x: string]: tailwind_variants.ClassValue | {
135
+ list?: tailwind_variants.ClassValue;
136
+ chip?: tailwind_variants.ClassValue;
137
137
  };
138
138
  };
139
- }, {
139
+ } | {}, {
140
140
  list: string;
141
- chip: string;
141
+ chip: string[];
142
142
  }, tailwind_variants.TVReturnType<{
143
- size: {
144
- medium: {
145
- chip: string;
143
+ [key: string]: {
144
+ [key: string]: tailwind_variants.ClassValue | {
145
+ list?: tailwind_variants.ClassValue;
146
+ chip?: tailwind_variants.ClassValue;
146
147
  };
147
- small: {
148
- chip: string;
148
+ };
149
+ } | {
150
+ [x: string]: {
151
+ [x: string]: tailwind_variants.ClassValue | {
152
+ list?: tailwind_variants.ClassValue;
153
+ chip?: tailwind_variants.ClassValue;
149
154
  };
150
155
  };
151
- }, {
156
+ } | {}, {
152
157
  list: string;
153
- chip: string;
158
+ chip: string[];
154
159
  }, undefined, {
155
- size: {
156
- medium: {
157
- chip: string;
158
- };
159
- small: {
160
- chip: string;
160
+ [key: string]: {
161
+ [key: string]: tailwind_variants.ClassValue | {
162
+ list?: tailwind_variants.ClassValue;
163
+ chip?: tailwind_variants.ClassValue;
161
164
  };
162
165
  };
163
- }, {
166
+ } | {}, {
164
167
  list: string;
165
- chip: string;
166
- }, tailwind_variants.TVReturnType<{
167
- size: {
168
- medium: {
169
- chip: string;
170
- };
171
- small: {
172
- chip: string;
173
- };
174
- };
175
- }, {
168
+ chip: string[];
169
+ }, tailwind_variants.TVReturnType<unknown, {
176
170
  list: string;
177
- chip: string;
171
+ chip: string[];
178
172
  }, undefined, unknown, unknown, undefined>>>;
179
173
  declare const DeletableChipStyles: tailwind_variants.TVReturnType<{
180
174
  [key: string]: {
@@ -184,67 +178,69 @@ declare const DeletableChipStyles: tailwind_variants.TVReturnType<{
184
178
  };
185
179
  };
186
180
  } | {
187
- size: {
188
- medium: tailwind_variants.ClassValue | {
181
+ [x: string]: {
182
+ [x: string]: tailwind_variants.ClassValue | {
189
183
  chip?: tailwind_variants.ClassValue;
190
184
  remove?: tailwind_variants.ClassValue;
191
185
  };
192
- small: tailwind_variants.ClassValue | {
186
+ };
187
+ } | {
188
+ [x: string]: {
189
+ [x: string]: tailwind_variants.ClassValue | {
193
190
  chip?: tailwind_variants.ClassValue;
194
191
  remove?: tailwind_variants.ClassValue;
195
192
  };
196
193
  };
197
- }, {
194
+ } | {}, {
198
195
  chip: string[];
199
196
  remove: string[];
200
197
  }, undefined, {
201
- size: {
202
- medium: {
203
- chip: string;
198
+ [key: string]: {
199
+ [key: string]: tailwind_variants.ClassValue | {
200
+ list?: tailwind_variants.ClassValue;
201
+ chip?: tailwind_variants.ClassValue;
204
202
  };
205
- small: {
206
- chip: string;
203
+ };
204
+ } | {
205
+ [x: string]: {
206
+ [x: string]: tailwind_variants.ClassValue | {
207
+ list?: tailwind_variants.ClassValue;
208
+ chip?: tailwind_variants.ClassValue;
207
209
  };
208
210
  };
209
- }, {
211
+ } | {}, {
210
212
  list: string;
211
- chip: string;
213
+ chip: string[];
212
214
  }, tailwind_variants.TVReturnType<{
213
- size: {
214
- medium: {
215
- chip: string;
215
+ [key: string]: {
216
+ [key: string]: tailwind_variants.ClassValue | {
217
+ list?: tailwind_variants.ClassValue;
218
+ chip?: tailwind_variants.ClassValue;
216
219
  };
217
- small: {
218
- chip: string;
220
+ };
221
+ } | {
222
+ [x: string]: {
223
+ [x: string]: tailwind_variants.ClassValue | {
224
+ list?: tailwind_variants.ClassValue;
225
+ chip?: tailwind_variants.ClassValue;
219
226
  };
220
227
  };
221
- }, {
228
+ } | {}, {
222
229
  list: string;
223
- chip: string;
230
+ chip: string[];
224
231
  }, undefined, {
225
- size: {
226
- medium: {
227
- chip: string;
228
- };
229
- small: {
230
- chip: string;
232
+ [key: string]: {
233
+ [key: string]: tailwind_variants.ClassValue | {
234
+ list?: tailwind_variants.ClassValue;
235
+ chip?: tailwind_variants.ClassValue;
231
236
  };
232
237
  };
233
- }, {
238
+ } | {}, {
234
239
  list: string;
235
- chip: string;
236
- }, tailwind_variants.TVReturnType<{
237
- size: {
238
- medium: {
239
- chip: string;
240
- };
241
- small: {
242
- chip: string;
243
- };
244
- };
245
- }, {
240
+ chip: string[];
241
+ }, tailwind_variants.TVReturnType<unknown, {
246
242
  list: string;
247
- chip: string;
243
+ chip: string[];
248
244
  }, undefined, unknown, unknown, undefined>>>;
249
245
 
250
246
  export { BaseChipStyles, ChipStyles, ChipStylesDefaults, DeletableChipStyles, SelectableChipStyles };
@@ -1,2 +1,2 @@
1
- import {tv}from'./../../lib/utils.js';var i={size:"medium",variant:"info"},t=tv({slots:{list:"flex w-content flex-wrap gap-xs",chip:"fg-default-light inline-flex w-content items-center justify-center rounded-full outline"},variants:{size:{medium:{chip:"px-s py-xs text-body-s"},small:{chip:"px-s py-xs text-body-xs"}}},defaultVariants:i}),s=tv({extend:t,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"}}}}),o=tv({extend:t,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:t,slots:{chip:["group 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{t as BaseChipStyles,s as ChipStyles,i as ChipStylesDefaults,n as DeletableChipStyles,o as SelectableChipStyles};//# sourceMappingURL=styles.js.map
1
+ import {tv}from'./../../lib/utils.js';var l={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"}}}}),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,l 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":["e","tv","BaseChipStyles","SelectableChipStyles"],"mappings":"sCAeE,IAAA,CAAM,CAAA,CAAA,IAAA,CAAA,QACN,CAAA,OACF,CAAA,MAGE,CAAA,CAAA,CAAA,CAAAA,EAAA,CAAO,CACL,KAAM,CAAA,CAAA,IAAA,CAAA,iCACA,CAAA,IAAA,CAAA,yFAER,CAAA,CAAA,QACQ,CACJ,CAAA,IAAA,CAAA,CAAQ,MACA,CAAA,CAAA,IAAA,CAAA,wBAER,CAAO,CACL,KAAM,CAAA,CAAA,IAAA,CAAA,yBAIZ,CAAA,CAAA,CAAA,CAAA,eAGwBC,CAAAA,CAAG,CAC3B,CAAA,CAAA,CAAA,CAAAD,EAAA,CAAA,CAAQE,MACR,CAAA,CAAO,CACL,KAAM,CAAA,CAAA,IAAA,CAAA,SAER,CAAA,CAAA,QACE,CAAA,CAAA,OACE,CAAA,CAAA,QAAkB,CAAA,CAAA,IAAA,CAAA,0CAClB,CAAA,CAAA,QAAkB,CAAA,CAAA,IAAA,CAAA,qCAClB,CAAA,CAAA,OAAiB,CAAA,CAAA,IAAA,CAAA,mCACjB,CAAA,CAAQ,MAAQ,CAAA,CAAA,IAAA,CAAA,iCACV,CAAE,CAAA,IAAM,CAAA,CAAA,IAAA,CAAA,kCAKPC,CAAuBF,CAAAA,CAAG,CACrC,CAAA,CAAA,CAAA,CAAAD,EAAA,CAAA,CAAQE,MACR,CAAA,CAAO,CACL,KAAM,CACJ,CAAA,IAAA,CAAA,CAAA,oCACA,CAAA,yCACA,CAAA,yCACA,CAAA,yEACA,CAAA,wFACA,CAAA,2CAK6BD,CAAAA,CAAG,CACpC,CAAA,CAAA,CAAA,CAAAD,EAAA,CAAA,CAAQE,MACR,CAAA,CAAO,CACL,KAAM,CACJ,CAAA,IAAA,CAAA,CAAA,kCACA,CAAA,yCACA,CAAA,yCACA,CAAA,wFAEF,CAAA,CAAQ,MAAC,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 size: 'medium',\n variant: 'info',\n} as const;\n\nexport const BaseChipStyles = tv({\n slots: {\n list: 'flex w-content flex-wrap gap-xs',\n chip: 'fg-default-light inline-flex w-content items-center justify-center rounded-full outline',\n },\n variants: {\n size: {\n medium: {\n chip: 'px-s py-xs text-body-s',\n },\n small: {\n chip: 'px-s py-xs text-body-xs',\n },\n },\n },\n defaultVariants: ChipStylesDefaults,\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});\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 'group 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
+ {"version":3,"sources":["../../../src/components/chip/styles.ts"],"names":["e","tv","BaseChipStyles","SelectableChipStyles"],"mappings":"sCAeE,IAAA,CAAA,CAAA,CAAA,OACF,CAAA,MAGE,CAAA,CAAA,CAAA,CAAAA,EAAA,CAAO,CACL,KAAM,CAAA,CAAA,IAAA,CAAA,iDAEJ,2GACA,CAAA,4DACA,CAAA,0DAKoBC,CAAAA,CAAG,CAC3B,CAAA,CAAA,CAAA,CAAAD,EAAA,CAAA,CAAQE,MACR,CAAA,CAAO,CACL,KAAM,CAAA,CAAA,IAAA,CAAA,SAER,CAAA,CAAA,QACE,CAAA,CAAA,iBACoB,CAAA,CAAA,IAAA,CAAA,0CAClB,CAAA,CAAA,QAAkB,CAAA,CAAA,IAAA,CAAA,qCAClB,CAAA,CAAA,OAAiB,CAAA,CAAA,IAAA,CAAA,mCACjB,CAAA,CAAQ,MAAQ,CAAA,CAAA,IAAA,CAAA,iCACV,CAAE,CAAA,IAAM,CAAA,CAAA,IAAA,CAAA,kCAKPC,CAAuBF,CAAAA,CAAG,CACrC,CAAA,CAAA,CAAA,CAAAD,EAAA,CAAA,CAAQE,MACR,CAAA,CAAO,CACL,KAAM,CACJ,CAAA,IAAA,CAAA,CAAA,oCACA,CAAA,yCACA,CAAA,yCACA,CAAA,kKAEA,CAAA,2CAK6BD,EAAG,CACpC,CAAA,CAAA,CAAA,CAAAD,EAAA,CAAA,CAAQE,MACR,CAAA,CAAO,CACL,KAAM,CACJ,CAAA,IAAA,CAAA,CAAA,4BACA,CAAA,yCACA,CAAA,yCACA,CAAA,wFAEF,CAAA,CAAQ,MAAC,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});\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,17 @@
1
1
  import { HTMLProps, RefAttributes, PropsWithChildren } from 'react';
2
2
  import { TagGroupProps, TagListProps, TagProps, ButtonProps } from 'react-aria-components';
3
3
  import { VariantProps } from 'tailwind-variants';
4
- import { ChipStyles, BaseChipStyles, DeletableChipStyles, SelectableChipStyles } from './styles.js';
4
+ import { ChipStyles } from './styles.js';
5
5
 
6
- type BaseChipProps = VariantProps<typeof BaseChipStyles>;
7
- type ChipProps = VariantProps<typeof ChipStyles> & Omit<HTMLProps<HTMLDivElement>, 'size'> & RefAttributes<HTMLDivElement> & {
6
+ type BaseChipProps = {
7
+ size?: 'medium' | 'small';
8
+ };
9
+ type ChipProps = VariantProps<typeof ChipStyles> & Omit<HTMLProps<HTMLDivElement>, 'size'> & RefAttributes<HTMLDivElement> & BaseChipProps & {
8
10
  className?: string;
9
11
  };
10
12
  type ChipListProps<T> = Omit<TagGroupProps, 'children'> & Pick<TagListProps<T>, 'dependencies' | 'items' | 'children' | 'renderEmptyState'> & RefAttributes<HTMLDivElement> & BaseChipProps;
11
- type SelectableChipProps = Omit<TagProps, 'isDisabled'> & RefAttributes<HTMLDivElement> & VariantProps<typeof SelectableChipStyles>;
12
- type DeletableChipProps = Omit<TagProps, 'className' | 'isDisabled'> & RefAttributes<HTMLDivElement> & VariantProps<typeof DeletableChipStyles> & {
13
+ type SelectableChipProps = Omit<TagProps, 'isDisabled'> & RefAttributes<HTMLDivElement> & BaseChipProps;
14
+ type DeletableChipProps = Omit<TagProps, 'className' | 'isDisabled'> & RefAttributes<HTMLDivElement> & BaseChipProps & {
13
15
  classNames?: {
14
16
  chip?: TagProps['className'];
15
17
  remove?: ButtonProps['className'];
@@ -1,2 +1,2 @@
1
- import {createContext}from'react';import {useContextProps}from'react-aria-components';import {ClassificationBadgeStylesDefaults,ClassificationBadgeStyles}from'./styles.js';import {jsx}from'react/jsx-runtime';var s=createContext(null);function t({children:i,...a}){return jsx(s.Provider,{value:a,children:i})}t.displayName="ClassificationBadge.Provider";function o({ref:i,...a}){[a,i]=useContextProps(a,i??null,s);let{className:r,size:l=ClassificationBadgeStylesDefaults.size,variant:d=ClassificationBadgeStylesDefaults.variant,children:c,...f}=a;return jsx("span",{...f,className:ClassificationBadgeStyles({size:l,variant:d,className:r}),children:c})}o.displayName="ClassificationBadge";o.Provider=t;export{o as ClassificationBadge,s as ClassificationBadgeContext};//# sourceMappingURL=index.js.map
1
+ import {createContext}from'react';import {useContextProps}from'react-aria-components';import {ClassificationBadgeStylesDefaults,ClassificationBadgeStyles}from'./styles.js';import {jsx}from'react/jsx-runtime';var e=createContext(null);function s({children:i,...a}){return jsx(e.Provider,{value:a,children:i})}s.displayName="ClassificationBadge.Provider";function t({ref:i,...a}){[a,i]=useContextProps(a,i??null,e);let{children:n,className:r,size:l="medium",variant:d=ClassificationBadgeStylesDefaults.variant,...c}=a;return jsx("span",{...c,className:ClassificationBadgeStyles({variant:d,className:r}),"data-size":l,children:n})}t.displayName="ClassificationBadge";t.Provider=s;export{t 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":["ClassificationBadgeContext","createContext","ClassificationBadgeProvider","children","props","ref","useContextProps","className","size","ClassificationBadgeStylesDefaults","variant","jsx","rest","ClassificationBadgeStyles","ClassificationBadge"],"mappings":"gNAuBaA,IAAAA,CACXC,cAAuE,CAAA,IAAI,EAE7E,SAASC,CAA4B,CACnC,CAAA,QAAAC,EACA,CAAA,GACF,EAAqC,CACnC,CAAA,UACGH,CAAAA,CAA2B,CAAA,QAA3B,CAAoC,CAAA,KAAOI,CAAAA,CACzC,CAAA,QAAAD,EACH,CAEJ,CACAD,CAAAA,CAA4B,CAAA,WAAc,CAAA,8BAEnC,CAAA,UAA6B,CAClC,CAAA,GAAAG,CAAAA,CACA,CAAA,GACF,CAAA,CAA6B,CAC3B,CAACD,CAAAA,CAAOC,CAAG,CAAA,CAAIC,CAAAA,eACbF,EACAC,CAAAA,CAAAA,EAAO,IACPL,CACF,CAAA,CAEA,CAAA,GACE,UAAAO,CAAAA,CACA,CAAA,IAAAC,CAAAA,CAAOC,CAAAA,iCAAkC,CAAA,IACzC,CAAA,OAAAC,EAAUD,CAAAA,iCAAkC,CAAA,OAC5C,CAAA,QAAAN,CAAAA,CACA,CAAA,GACF,EAAIC,CAAAA,CAEJ,CAAA,OACEO,GAAC,CAAA,MAAA,CACE,CAAA,GAAGC,CACJ,UAAWC,CAAAA,yBAA0B,CACnC,CAAA,IAAAL,CAAAA,CACA,CAAA,OAAAE,CAAAA,CACA,UAAAH,CACF,CAAC,CAAA,CAEA,CAAA,QAAAJ,CAAAA,CACH,CAEJ,CACAW,CAAAA,CAAoB,CAAA,WAAc,CAAA,qBAClCA,CAAAA,CAAoB,CAAA,QAAWZ,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 { createContext } from 'react';\nimport { type ContextValue, useContextProps } from 'react-aria-components';\nimport {\n ClassificationBadgeStyles,\n ClassificationBadgeStylesDefaults,\n} from './styles';\nimport type {\n ClassificationBadgeProps,\n ClassificationBadgeProviderProps,\n} from './types';\n\nexport const ClassificationBadgeContext =\n createContext<ContextValue<ClassificationBadgeProps, HTMLSpanElement>>(null);\n\nfunction ClassificationBadgeProvider({\n children,\n ...props\n}: ClassificationBadgeProviderProps) {\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 className,\n size = ClassificationBadgeStylesDefaults.size,\n variant = ClassificationBadgeStylesDefaults.variant,\n children,\n ...rest\n } = props;\n\n return (\n <span\n {...rest}\n className={ClassificationBadgeStyles({\n size,\n variant,\n className,\n })}\n >\n {children}\n </span>\n );\n}\nClassificationBadge.displayName = 'ClassificationBadge';\nClassificationBadge.Provider = ClassificationBadgeProvider;\n"]}
1
+ {"version":3,"sources":["../../../src/components/classification-badge/index.tsx"],"names":["ClassificationBadgeContext","createContext","ClassificationBadgeProvider","children","props","ref","useContextProps","className","size","variant","ClassificationBadgeStylesDefaults","jsx","rest","ClassificationBadgeStyles","ClassificationBadge"],"mappings":"gNAuBaA,IAAAA,CACXC,cAAuE,CAAA,IAAI,EAE7E,SAASC,CAA4B,CACnC,CAAA,QAAAC,EACA,CAAA,GACF,EAAqC,CACnC,CAAA,UACGH,CAAAA,CAA2B,CAAA,QAA3B,CAAoC,CAAA,KAAOI,CAAAA,CACzC,CAAA,QAAAD,EACH,CAEJ,CACAD,CAAAA,CAA4B,CAAA,WAAc,CAAA,8BAEnC,CAAA,UAA6B,CAClC,CAAA,GAAAG,CAAAA,CACA,CAAA,GACF,CAAA,CAA6B,CAC3B,CAACD,CAAAA,CAAOC,CAAG,CAAA,CAAIC,CAAAA,eACbF,EACAC,CAAAA,CAAAA,EAAO,IACPL,CACF,CAAA,CAEA,CAAA,GACE,SAAAG,CAAAA,CACA,CAAA,SAAAI,CAAAA,CACA,CAAA,IAAAC,CAAAA,CAAO,CAAA,QACP,QAAAC,CAAAA,CAAUC,CAAAA,iCAAkC,CAAA,OAC5C,CAAA,GACF,CAAA,CAAIN,EAEJ,CAAA,OACEO,GAAC,QACE,CAAA,GAAGC,CACJ,UAAWC,CAAAA,yBAA0B,CACnC,CAAA,OAAAJ,CAAAA,CACA,CAAA,SAAAF,CACF,CAAC,CAAA,CACD,CAAA,WAAWC,CAAAA,CAEV,CAAA,QAAAL,CAAAA,CACH,CAEJ,CACAW,CAAAA,CAAoB,CAAA,WAAc,CAAA,qBAClCA,CAAAA,CAAoB,CAAA,QAAWZ,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 { createContext } from 'react';\nimport { type ContextValue, useContextProps } from 'react-aria-components';\nimport {\n ClassificationBadgeStyles,\n ClassificationBadgeStylesDefaults,\n} from './styles';\nimport type {\n ClassificationBadgeProps,\n ClassificationBadgeProviderProps,\n} from './types';\n\nexport const ClassificationBadgeContext =\n createContext<ContextValue<ClassificationBadgeProps, HTMLSpanElement>>(null);\n\nfunction ClassificationBadgeProvider({\n children,\n ...props\n}: ClassificationBadgeProviderProps) {\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"]}
@@ -2,7 +2,6 @@ import * as tailwind_variants from 'tailwind-variants';
2
2
 
3
3
  declare const ClassificationBadgeStylesDefaults: {
4
4
  readonly variant: "missing";
5
- readonly size: "medium";
6
5
  };
7
6
  declare const ClassificationBadgeStyles: tailwind_variants.TVReturnType<{
8
7
  variant: {
@@ -14,11 +13,7 @@ declare const ClassificationBadgeStyles: tailwind_variants.TVReturnType<{
14
13
  'top-secret': string;
15
14
  'ts-sci': string;
16
15
  };
17
- size: {
18
- small: string;
19
- medium: string;
20
- };
21
- }, undefined, "inline-flex items-center justify-center rounded-full px-s py-xs uppercase", {
16
+ }, undefined, string[], {
22
17
  variant: {
23
18
  missing: string;
24
19
  unclassified: string;
@@ -28,10 +23,6 @@ declare const ClassificationBadgeStyles: tailwind_variants.TVReturnType<{
28
23
  'top-secret': string;
29
24
  'ts-sci': string;
30
25
  };
31
- size: {
32
- small: string;
33
- medium: string;
34
- };
35
26
  }, undefined, tailwind_variants.TVReturnType<{
36
27
  variant: {
37
28
  missing: string;
@@ -42,10 +33,6 @@ declare const ClassificationBadgeStyles: tailwind_variants.TVReturnType<{
42
33
  'top-secret': string;
43
34
  'ts-sci': string;
44
35
  };
45
- size: {
46
- small: string;
47
- medium: string;
48
- };
49
- }, undefined, "inline-flex items-center justify-center rounded-full px-s py-xs uppercase", unknown, unknown, undefined>>;
36
+ }, undefined, string[], unknown, unknown, undefined>>;
50
37
 
51
38
  export { ClassificationBadgeStyles, ClassificationBadgeStylesDefaults };
@@ -1,2 +1,2 @@
1
- import {tv}from'tailwind-variants';var t={variant:"missing",size:"medium"},s=tv({base:"inline-flex items-center justify-center rounded-full px-s py-xs 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-['TS/SCI']"},size:{small:"text-header-xs",medium:"text-header-s"}},defaultVariants:t});export{s as ClassificationBadgeStyles,t as ClassificationBadgeStylesDefaults};//# sourceMappingURL=styles.js.map
1
+ import {tv}from'tailwind-variants';var 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":"mCAcO,IAAMA,EAAoC,CAC/C,OAAA,CAAS,UACT,IAAA,CAAM,QACR,EAEaC,CAAAA,CAA4BC,EAAAA,CAAG,CAC1C,IAAA,CAAM,2EAAA,CACN,SAAU,CACR,OAAA,CAAS,CAEP,OAAA,CACE,4EAAA,CACF,aACE,sFAAA,CACF,GAAA,CAAK,0EACL,YAAA,CACE,2FAAA,CACF,OACE,+EAAA,CACF,YAAA,CACE,wFACF,QAAA,CACE,+EACJ,EACA,IAAA,CAAM,CACJ,MAAO,gBAAA,CACP,MAAA,CAAQ,eACV,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 size: 'medium',\n} as const;\n\nexport const ClassificationBadgeStyles = tv({\n base: 'inline-flex items-center justify-center rounded-full px-s py-xs 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-['TS/SCI']\",\n },\n size: {\n small: 'text-header-xs',\n medium: 'text-header-s',\n },\n },\n defaultVariants: ClassificationBadgeStylesDefaults,\n});\n"]}
1
+ {"version":3,"sources":["../../../src/components/classification-badge/styles.ts"],"names":["ClassificationBadgeStylesDefaults","ClassificationBadgeStyles","tv"],"mappings":"uCAcaA,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"]}
@@ -3,7 +3,9 @@ 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 & RefAttributes<HTMLSpanElement> & PropsWithChildren<HTMLAttributes<HTMLSpanElement>>;
6
+ type ClassificationBadgeProps = ClassificationBadgeStyleVariants & RefAttributes<HTMLSpanElement> & PropsWithChildren<HTMLAttributes<HTMLSpanElement>> & {
7
+ size?: 'medium' | 'small';
8
+ };
7
9
  type ClassificationBadgeProviderProps = PropsWithChildren<ClassificationBadgeProps>;
8
10
 
9
11
  export type { ClassificationBadgeProps, ClassificationBadgeProviderProps, ClassificationBadgeStyleVariants };
@@ -2,8 +2,6 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import * as react from 'react';
3
3
  import { ContextValue } from 'react-aria-components';
4
4
  import { IconProps, IconProviderProps } from './types.js';
5
- import './styles.js';
6
- import 'tailwind-variants';
7
5
 
8
6
  declare const IconContext: react.Context<ContextValue<IconProps, HTMLSpanElement>>;
9
7
  declare function IconProvider({ children, ...props }: IconProviderProps): react_jsx_runtime.JSX.Element;
@@ -1,2 +1,2 @@
1
- import'client-only';import {createContext}from'react';import {useContextProps}from'react-aria-components';import {IconStylesDefaults,IconStyles}from'./styles.js';import {jsx}from'react/jsx-runtime';var n=createContext(null);function r({children:o,...e}){return jsx(n.Provider,{value:e,children:o})}r.displayName="Icon.Provider";function t({ref:o,...e}){[e,o]=useContextProps(e,o??null,n);let{children:c,className:i,size:p=IconStylesDefaults.size,...l}=e;return jsx("span",{...l,ref:o,className:IconStyles({className:i,size:p}),children:c})}t.displayName="Icon";t.Provider=r;export{t as Icon,n as IconContext};//# sourceMappingURL=index.js.map
1
+ import'client-only';import {createContext}from'react';import {useContextProps}from'react-aria-components';import {IconStyles}from'./styles.js';import {jsx}from'react/jsx-runtime';var r=createContext(null);function n({children:o,...e}){return jsx(r.Provider,{value:e,children:o})}n.displayName="Icon.Provider";function t({ref:o,...e}){[e,o]=useContextProps(e,o??null,r);let{children:i,className:s,size:p="medium",...a}=e;return jsx("span",{...a,ref:o,className:IconStyles({className:s}),"data-size":p,children:i})}t.displayName="Icon";t.Provider=n;export{t as Icon,r as IconContext};//# sourceMappingURL=index.js.map
2
2
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/icon/index.tsx"],"names":["IconContext","createContext","children","jsx","props","IconProvider","Icon","ref","useContextProps","className","size","IconStylesDefaults","rest","IconStyles"],"mappings":"sMAkBaA,IAAAA,CACXC,CAAAA,aAAwD,CAAA,IAAI,EAE9D,UAAsB,CAAE,CAAA,QAAAC,EAAU,CAAA,GAAS,EAAsB,CAC/D,CAAA,OAAOC,GAACH,CAAAA,CAAY,CAAA,QAAZ,CAAqB,MAAOI,CAAAA,CAAQ,CAAA,QAAAF,CAAAA,CAAS,CACvD,CACAG,CAAAA,CAAa,YAAc,CAAA,eAEpB,CAAA,SAASC,CAAK,CAAE,CAAA,GAAAC,CAAAA,CAAK,IAAS,CAAA,CAAc,CACjD,CAACH,CAAAA,CAAOG,CAAG,CAAA,CAAIC,CAAAA,eAAgBJ,CAAAA,CAAOG,CAAAA,CAAAA,EAAO,IAAMP,CAAW,EAE9D,CAAA,GACE,CAAA,QAAAE,CAAAA,CACA,CAAA,SAAAO,CAAAA,CACA,KAAAC,CAAAA,CAAOC,CAAAA,kBAAmB,CAAA,IAC1B,CAAA,GACF,CAAA,CAAIP,EAEJ,CAAA,OACED,GAAC,QAAM,CAAA,GAAGS,CAAM,IAAKL,CAAAA,CAAK,CAAA,SAAWM,CAAAA,UAAW,CAAE,CAAA,SAAAJ,CAAAA,CAAW,KAAAC,CAAK,CAAC,CAAA,CAChE,CAAA,QAAAR,CAAAA,CACH,CAEJ,CACAI,CAAAA,CAAK,CAAA,WAAc,CAAA,MACnBA,CAAAA,CAAK,CAAA,QAAWD,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 'client-only';\nimport { createContext } from 'react';\nimport { type ContextValue, useContextProps } from 'react-aria-components';\nimport { IconStyles, IconStylesDefaults } from './styles';\nimport type { IconProps, IconProviderProps } from './types';\n\nexport const IconContext =\n createContext<ContextValue<IconProps, HTMLSpanElement>>(null);\n\nfunction IconProvider({ children, ...props }: IconProviderProps) {\n return <IconContext.Provider value={props}>{children}</IconContext.Provider>;\n}\nIconProvider.displayName = 'Icon.Provider';\n\nexport function Icon({ ref, ...props }: IconProps) {\n [props, ref] = useContextProps(props, ref ?? null, IconContext);\n\n const {\n children,\n className,\n size = IconStylesDefaults.size,\n ...rest\n } = props;\n\n return (\n <span {...rest} ref={ref} className={IconStyles({ className, size })}>\n {children}\n </span>\n );\n}\nIcon.displayName = 'Icon';\nIcon.Provider = IconProvider;\n"]}
1
+ {"version":3,"sources":["../../../src/components/icon/index.tsx"],"names":["IconContext","createContext","IconProvider","children","jsx","props","Icon","ref","useContextProps","className","size","rest","IconStyles"],"mappings":"mLAkBaA,KACXC,CAAAA,aAAwD,CAAA,IAAI,EAE9D,SAASC,CAAa,CAAE,SAAAC,CAAAA,CAAU,CAAA,GAAS,CAAA,CAAsB,CAC/D,QAAOC,GAACJ,CAAAA,CAAY,CAAA,QAAZ,CAAqB,CAAA,KAAOK,CAAAA,CAAQ,SAAAF,CAAAA,CAAS,CACvD,CACAD,CAAAA,CAAa,CAAA,WAAc,gBAEpB,CAAA,SAASI,CAAK,CAAE,CAAA,GAAAC,CAAAA,CAAK,CAAA,GAAS,CAAA,CAAc,CACjD,CAACF,CAAAA,CAAOE,CAAG,EAAIC,CAAAA,eAAgBH,CAAAA,CAAOE,CAAAA,CAAAA,EAAO,IAAMP,CAAW,CAAA,CAE9D,IAAQ,CAAA,QAAAG,EAAU,CAAA,SAAAM,CAAAA,CAAW,KAAAC,CAAAA,CAAO,CAAA,QAAU,CAAA,GAAQ,CAAA,CAAIL,CAAAA,CAE1D,QACED,GAAC,CAAA,MAAA,CACE,IAAGO,CACJ,CAAA,GAAKJ,EACL,CAAA,SAAWK,CAAAA,UAAW,CAAE,CAAA,SAAAH,CAAU,CAAC,EACnC,CAAA,WAAWC,CAAAA,CAEV,SAAAP,CAAAA,CACH,CAEJ,CACAG,CAAAA,CAAK,CAAA,WAAc,CAAA,MACnBA,CAAAA,CAAK,CAAA,QAAWJ,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 'client-only';\nimport { createContext } from 'react';\nimport { type ContextValue, useContextProps } from 'react-aria-components';\nimport { IconStyles } from './styles';\nimport type { IconProps, IconProviderProps } from './types';\n\nexport const IconContext =\n createContext<ContextValue<IconProps, HTMLSpanElement>>(null);\n\nfunction IconProvider({ children, ...props }: IconProviderProps) {\n return <IconContext.Provider value={props}>{children}</IconContext.Provider>;\n}\nIconProvider.displayName = 'Icon.Provider';\n\nexport function Icon({ ref, ...props }: IconProps) {\n [props, ref] = useContextProps(props, ref ?? null, IconContext);\n\n const { children, className, size = 'medium', ...rest } = props;\n\n return (\n <span\n {...rest}\n ref={ref}\n className={IconStyles({ className })}\n data-size={size}\n >\n {children}\n </span>\n );\n}\nIcon.displayName = 'Icon';\nIcon.Provider = IconProvider;\n"]}
@@ -1,34 +1,5 @@
1
1
  import * as tailwind_variants from 'tailwind-variants';
2
- import { VariantProps } from 'tailwind-variants';
3
2
 
4
- declare const IconStylesDefaults: {
5
- readonly size: "unset";
6
- };
7
- declare const IconStyles: tailwind_variants.TVReturnType<{
8
- size: {
9
- large: string;
10
- medium: string;
11
- small: string;
12
- xsmall: string;
13
- unset: string;
14
- };
15
- }, undefined, "block h-[var(--icon-size,var(--icon-size-m))] w-[var(--icon-size,var(--icon-size-m))] [color:var(--icon-color,currentColor)]", {
16
- size: {
17
- large: string;
18
- medium: string;
19
- small: string;
20
- xsmall: string;
21
- unset: string;
22
- };
23
- }, undefined, tailwind_variants.TVReturnType<{
24
- size: {
25
- large: string;
26
- medium: string;
27
- small: string;
28
- xsmall: string;
29
- unset: string;
30
- };
31
- }, undefined, "block h-[var(--icon-size,var(--icon-size-m))] w-[var(--icon-size,var(--icon-size-m))] [color:var(--icon-color,currentColor)]", unknown, unknown, undefined>>;
32
- type IconStyleVariants = VariantProps<typeof IconStyles>;
3
+ declare const IconStyles: tailwind_variants.TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, tailwind_variants.TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
33
4
 
34
- export { type IconStyleVariants, IconStyles, IconStylesDefaults };
5
+ export { IconStyles };
@@ -1,2 +1,2 @@
1
- import {tv}from'./../../lib/utils.js';var o={size:"unset"},e=tv({base:"block h-[var(--icon-size,var(--icon-size-m))] w-[var(--icon-size,var(--icon-size-m))] [color:var(--icon-color,currentColor)]",variants:{size:{large:"[--icon-size:var(--icon-size-l)]",medium:"[--icon-size:var(--icon-size-m)]",small:"[--icon-size:var(--icon-size-s)]",xsmall:"[--icon-size:var(--icon-size-xs)]",unset:""}},defaultVariants:o});export{e as IconStyles,o as IconStylesDefaults};//# sourceMappingURL=styles.js.map
1
+ import {tv}from'./../../lib/utils.js';var s=tv({base:["block h-[var(--icon-size,var(--icon-size-m))] w-[var(--icon-size,var(--icon-size-m))] [color:var(--icon-color,currentColor)]","size-large:[--icon-size:var(--icon-size-l)]","size-medium:[--icon-size:var(--icon-size-m)]","size-small:[--icon-size:var(--icon-size-s)]","size-xsmall:[--icon-size:var(--icon-size-xs)]"]});export{s as IconStyles};//# sourceMappingURL=styles.js.map
2
2
  //# sourceMappingURL=styles.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/icon/styles.ts"],"names":["i"],"mappings":"sCAgBE,IAAA,CAAM,CAAA,CAAA,IAAA,CACR,OAGE,CAAA,CAAA,CAAA,CAAAA,EAAM,qIACN,CAAA,QACQ,CACJ,CAAA,IAAA,CAAO,CAAA,KAAA,CAAA,kCACP,CAAQ,MAAA,CAAA,kCACD,CAAA,KAAA,CAAA,kCACP,CAAQ,MAAA,CAAA,mCACD,CAAA,KAGX,CAAA,EAAA,CAAA,CAAA,CAAA,eACD,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';\nimport type { VariantProps } from 'tailwind-variants';\n\nexport const IconStylesDefaults = {\n size: 'unset',\n} as const;\n\nexport const IconStyles = tv({\n base: 'block h-[var(--icon-size,var(--icon-size-m))] w-[var(--icon-size,var(--icon-size-m))] [color:var(--icon-color,currentColor)]',\n variants: {\n size: {\n large: '[--icon-size:var(--icon-size-l)]',\n medium: '[--icon-size:var(--icon-size-m)]',\n small: '[--icon-size:var(--icon-size-s)]',\n xsmall: '[--icon-size:var(--icon-size-xs)]',\n unset: '',\n },\n },\n defaultVariants: IconStylesDefaults,\n});\n\nexport type IconStyleVariants = VariantProps<typeof IconStyles>;\n"]}
1
+ {"version":3,"sources":["../../../src/components/icon/styles.ts"],"names":["i"],"mappings":"sCAeE,IAAA,CAAA,CAAAA,EAAM,CACJ,qIACA,CAAA,6CACA,CAAA,8CACA,CAAA,6CACA,CAAA,+CAEH,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 IconStyles = tv({\n base: [\n 'block h-[var(--icon-size,var(--icon-size-m))] w-[var(--icon-size,var(--icon-size-m))] [color:var(--icon-color,currentColor)]',\n 'size-large:[--icon-size:var(--icon-size-l)]',\n 'size-medium:[--icon-size:var(--icon-size-m)]',\n 'size-small:[--icon-size:var(--icon-size-s)]',\n 'size-xsmall:[--icon-size:var(--icon-size-xs)]',\n ],\n});\n"]}
@@ -1,8 +1,8 @@
1
1
  import { PropsWithChildren, RefAttributes, HTMLAttributes } from 'react';
2
- import { IconStyleVariants } from './styles.js';
3
- import 'tailwind-variants';
4
2
 
5
- type IconProps = PropsWithChildren<RefAttributes<HTMLSpanElement> & HTMLAttributes<HTMLSpanElement> & IconStyleVariants>;
6
- type IconProviderProps = PropsWithChildren<Omit<IconProps, 'ref'>>;
3
+ type IconProps = PropsWithChildren<RefAttributes<HTMLSpanElement> & HTMLAttributes<HTMLSpanElement> & {
4
+ size?: 'large' | 'medium' | 'small' | 'xsmall';
5
+ }>;
6
+ type IconProviderProps = PropsWithChildren<IconProps>;
7
7
 
8
8
  export type { IconProps, IconProviderProps };