@deepnoid/ui 1.0.19 → 1.0.21

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 (114) hide show
  1. package/README.md +13 -0
  2. package/dist/{chunk-ZUNOPH7C.mjs → chunk-2J4MNIMS.mjs} +1 -1
  3. package/dist/{chunk-Q5T3XRA3.mjs → chunk-2WAQRWST.mjs} +30 -45
  4. package/dist/{chunk-O3WY55XG.mjs → chunk-3K4OTUIB.mjs} +1 -1
  5. package/dist/{chunk-ZJ7JCOXA.mjs → chunk-7OP3JEMA.mjs} +1 -1
  6. package/dist/{chunk-ARVWCWGT.mjs → chunk-FNFQCMB4.mjs} +3 -3
  7. package/dist/{chunk-N63HDBJJ.mjs → chunk-H7D5EBLL.mjs} +1 -1
  8. package/dist/{chunk-PRLKKUBY.mjs → chunk-IOJMTN6X.mjs} +1 -1
  9. package/dist/{chunk-53G2LGJU.mjs → chunk-JGF5TY7M.mjs} +1 -1
  10. package/dist/{chunk-NPLC2OM6.mjs → chunk-KAB3AB67.mjs} +5 -5
  11. package/dist/{chunk-NUV2RUDP.mjs → chunk-KIINY2GS.mjs} +4 -4
  12. package/dist/{chunk-MX4IEMVV.mjs → chunk-N4KPGD2N.mjs} +2 -2
  13. package/dist/{chunk-7U7FM6I6.mjs → chunk-O5VW7CHY.mjs} +1 -1
  14. package/dist/{chunk-KZ4VD7OZ.mjs → chunk-SR76DO4M.mjs} +2 -2
  15. package/dist/{chunk-CA4ZDPGA.mjs → chunk-SXSVNBRO.mjs} +2 -2
  16. package/dist/{chunk-KUGPZB4O.mjs → chunk-VZPVEICG.mjs} +4 -4
  17. package/dist/{chunk-EL6G4AHQ.mjs → chunk-WQG4OYM6.mjs} +4 -4
  18. package/dist/{chunk-YZOXNWOC.mjs → chunk-WS4SOWDZ.mjs} +4 -4
  19. package/dist/components/backdrop/backdrop.mjs +2 -2
  20. package/dist/components/backdrop/index.mjs +2 -2
  21. package/dist/components/breadcrumb/breadcrumb.js +30 -45
  22. package/dist/components/breadcrumb/breadcrumb.mjs +8 -8
  23. package/dist/components/breadcrumb/index.js +30 -45
  24. package/dist/components/breadcrumb/index.mjs +8 -8
  25. package/dist/components/button/button-group.mjs +2 -2
  26. package/dist/components/button/button.d.mts +24 -0
  27. package/dist/components/button/button.d.ts +24 -0
  28. package/dist/components/button/button.js +30 -45
  29. package/dist/components/button/button.mjs +3 -3
  30. package/dist/components/button/button.style.d.mts +18 -0
  31. package/dist/components/button/button.style.d.ts +18 -0
  32. package/dist/components/button/button.style.js +30 -45
  33. package/dist/components/button/button.style.mjs +1 -1
  34. package/dist/components/button/icon-button.d.mts +24 -0
  35. package/dist/components/button/icon-button.d.ts +24 -0
  36. package/dist/components/button/icon-button.js +30 -45
  37. package/dist/components/button/icon-button.mjs +3 -3
  38. package/dist/components/button/index.js +30 -45
  39. package/dist/components/button/index.mjs +7 -7
  40. package/dist/components/button/text-button.d.mts +24 -0
  41. package/dist/components/button/text-button.d.ts +24 -0
  42. package/dist/components/button/text-button.js +30 -45
  43. package/dist/components/button/text-button.mjs +3 -3
  44. package/dist/components/charts/areaChart.mjs +1 -1
  45. package/dist/components/charts/index.mjs +9 -9
  46. package/dist/components/checkbox/checkbox.mjs +2 -2
  47. package/dist/components/checkbox/index.mjs +2 -2
  48. package/dist/components/chip/chip.mjs +1 -1
  49. package/dist/components/chip/index.mjs +1 -1
  50. package/dist/components/drawer/drawer.mjs +2 -2
  51. package/dist/components/drawer/index.mjs +2 -2
  52. package/dist/components/fileUpload/fileUpload.js +30 -45
  53. package/dist/components/fileUpload/fileUpload.mjs +9 -9
  54. package/dist/components/fileUpload/index.js +30 -45
  55. package/dist/components/fileUpload/index.mjs +9 -9
  56. package/dist/components/input/index.mjs +3 -3
  57. package/dist/components/input/input.mjs +3 -3
  58. package/dist/components/list/index.mjs +2 -2
  59. package/dist/components/list/listItem.mjs +2 -2
  60. package/dist/components/modal/GlobalModalProvider.js +30 -45
  61. package/dist/components/modal/GlobalModalProvider.mjs +10 -10
  62. package/dist/components/modal/index.js +30 -45
  63. package/dist/components/modal/index.mjs +11 -11
  64. package/dist/components/modal/modal.js +30 -45
  65. package/dist/components/modal/modal.mjs +9 -9
  66. package/dist/components/modal/useGlobalModal.mjs +11 -11
  67. package/dist/components/pagination/index.mjs +4 -4
  68. package/dist/components/pagination/pagination.mjs +4 -4
  69. package/dist/components/picker/datePicker.js +30 -45
  70. package/dist/components/picker/datePicker.mjs +9 -9
  71. package/dist/components/picker/index.js +32 -47
  72. package/dist/components/picker/index.mjs +12 -12
  73. package/dist/components/picker/timePicker/Panel.js +31 -46
  74. package/dist/components/picker/timePicker/Panel.mjs +9 -9
  75. package/dist/components/picker/timePicker/WheelColumn.js +1 -1
  76. package/dist/components/picker/timePicker/WheelColumn.mjs +1 -1
  77. package/dist/components/picker/timePicker/index.js +32 -47
  78. package/dist/components/picker/timePicker/index.mjs +11 -11
  79. package/dist/components/radio/index.mjs +2 -2
  80. package/dist/components/radio/radio.mjs +2 -2
  81. package/dist/components/select/index.js +30 -45
  82. package/dist/components/select/index.mjs +8 -8
  83. package/dist/components/select/select.js +30 -45
  84. package/dist/components/select/select.mjs +8 -8
  85. package/dist/components/starRating/index.mjs +1 -1
  86. package/dist/components/starRating/starRating.mjs +1 -1
  87. package/dist/components/table/definition-table.mjs +2 -2
  88. package/dist/components/table/index.mjs +10 -10
  89. package/dist/components/table/table-body.mjs +7 -7
  90. package/dist/components/table/table-head.mjs +7 -7
  91. package/dist/components/table/table.mjs +7 -7
  92. package/dist/components/textarea/index.mjs +2 -2
  93. package/dist/components/textarea/textarea.mjs +2 -2
  94. package/dist/components/timePicker/calendar.mjs +1 -1
  95. package/dist/components/toast/index.mjs +4 -4
  96. package/dist/components/toast/toast.mjs +3 -3
  97. package/dist/components/toast/use-toast.mjs +4 -4
  98. package/dist/components/tree/index.mjs +2 -2
  99. package/dist/components/tree/tree.mjs +2 -2
  100. package/dist/index.js +32 -47
  101. package/dist/index.mjs +64 -64
  102. package/dist/tailwind-config/styles/tokens/theme.css +24 -0
  103. package/package.json +1 -1
  104. package/dist/{chunk-SI3IR5X5.mjs → chunk-37BZALDV.mjs} +3 -3
  105. package/dist/{chunk-5HYZLISC.mjs → chunk-5RJYESLP.mjs} +3 -3
  106. package/dist/{chunk-IW7CU7J3.mjs → chunk-AO6LNH3D.mjs} +3 -3
  107. package/dist/{chunk-CAXTJ64M.mjs → chunk-BJWYF2WY.mjs} +3 -3
  108. package/dist/{chunk-GDRPIGTR.mjs → chunk-CXVDES22.mjs} +3 -3
  109. package/dist/{chunk-2BRUK2DU.mjs → chunk-HXBZB7CW.mjs} +3 -3
  110. package/dist/{chunk-APKF7DHK.mjs → chunk-LHWHM4LQ.mjs} +3 -3
  111. package/dist/{chunk-4TJNIEXI.mjs → chunk-MAGZDGUW.mjs} +3 -3
  112. package/dist/{chunk-XPDNILTR.mjs → chunk-R32BQ3NV.mjs} +3 -3
  113. package/dist/{chunk-J4QVGC54.mjs → chunk-XTMOAGLY.mjs} +3 -3
  114. package/dist/{chunk-JMD66FOF.mjs → chunk-ZCJPPLYH.mjs} +3 -3
package/dist/components/button/icon-button.d.mts CHANGED
@@ -56,6 +56,12 @@ declare const iconButtonStyle: tailwind_variants.TVReturnType<{
56
56
  warning: {};
57
57
  danger: {};
58
58
  };
59
+ size: {
60
+ sm: {};
61
+ md: {};
62
+ lg: {};
63
+ xl: {};
64
+ };
59
65
  disabled: {
60
66
  true: {
61
67
  base: string[];
@@ -86,6 +92,12 @@ declare const iconButtonStyle: tailwind_variants.TVReturnType<{
86
92
  warning: {};
87
93
  danger: {};
88
94
  };
95
+ size: {
96
+ sm: {};
97
+ md: {};
98
+ lg: {};
99
+ xl: {};
100
+ };
89
101
  disabled: {
90
102
  true: {
91
103
  base: string[];
@@ -116,6 +128,12 @@ declare const iconButtonStyle: tailwind_variants.TVReturnType<{
116
128
  warning: {};
117
129
  danger: {};
118
130
  };
131
+ size: {
132
+ sm: {};
133
+ md: {};
134
+ lg: {};
135
+ xl: {};
136
+ };
119
137
  disabled: {
120
138
  true: {
121
139
  base: string[];
@@ -146,6 +164,12 @@ declare const iconButtonStyle: tailwind_variants.TVReturnType<{
146
164
  warning: {};
147
165
  danger: {};
148
166
  };
167
+ size: {
168
+ sm: {};
169
+ md: {};
170
+ lg: {};
171
+ xl: {};
172
+ };
149
173
  disabled: {
150
174
  true: {
151
175
  base: string[];
package/dist/components/button/icon-button.d.ts CHANGED
@@ -56,6 +56,12 @@ declare const iconButtonStyle: tailwind_variants.TVReturnType<{
56
56
  warning: {};
57
57
  danger: {};
58
58
  };
59
+ size: {
60
+ sm: {};
61
+ md: {};
62
+ lg: {};
63
+ xl: {};
64
+ };
59
65
  disabled: {
60
66
  true: {
61
67
  base: string[];
@@ -86,6 +92,12 @@ declare const iconButtonStyle: tailwind_variants.TVReturnType<{
86
92
  warning: {};
87
93
  danger: {};
88
94
  };
95
+ size: {
96
+ sm: {};
97
+ md: {};
98
+ lg: {};
99
+ xl: {};
100
+ };
89
101
  disabled: {
90
102
  true: {
91
103
  base: string[];
@@ -116,6 +128,12 @@ declare const iconButtonStyle: tailwind_variants.TVReturnType<{
116
128
  warning: {};
117
129
  danger: {};
118
130
  };
131
+ size: {
132
+ sm: {};
133
+ md: {};
134
+ lg: {};
135
+ xl: {};
136
+ };
119
137
  disabled: {
120
138
  true: {
121
139
  base: string[];
@@ -146,6 +164,12 @@ declare const iconButtonStyle: tailwind_variants.TVReturnType<{
146
164
  warning: {};
147
165
  danger: {};
148
166
  };
167
+ size: {
168
+ sm: {};
169
+ md: {};
170
+ lg: {};
171
+ xl: {};
172
+ };
149
173
  disabled: {
150
174
  true: {
151
175
  base: string[];
package/dist/components/button/icon-button.js CHANGED
@@ -90,7 +90,7 @@ var buttonBaseStyle = tv({
90
90
  variant: {
91
91
  solid: {},
92
92
  soft: {},
93
- outline: { base: ["bg-transparent"] },
93
+ outline: { base: ["bg-body-background"] },
94
94
  ghost: {}
95
95
  },
96
96
  color: {
@@ -102,6 +102,12 @@ var buttonBaseStyle = tv({
102
102
  warning: {},
103
103
  danger: {}
104
104
  },
105
+ size: {
106
+ sm: {},
107
+ md: {},
108
+ lg: {},
109
+ xl: {}
110
+ },
105
111
  disabled: {
106
112
  true: {
107
113
  base: ["!bg-neutral-soft", "!border-neutral-soft", "!text-neutral-light", "pointer-events-none"]
@@ -109,7 +115,7 @@ var buttonBaseStyle = tv({
109
115
  },
110
116
  isInGroup: {
111
117
  true: {
112
- base: ["!rounded-none", "[&:not(:first-child)]:border-l-0"]
118
+ base: ["!rounded-none"]
113
119
  }
114
120
  }
115
121
  },
@@ -203,85 +209,49 @@ var buttonBaseStyle = tv({
203
209
  variant: "soft",
204
210
  color: "primary",
205
211
  class: {
206
- base: [
207
- "text-primary-main",
208
- "bg-primary-soft",
209
- "border-primary-soft",
210
- "hover:border-primary-light",
211
- "active:bg-primary-light"
212
- ]
212
+ base: ["text-primary-main", "bg-primary-soft", "hover:border-primary-light", "active:bg-primary-light"]
213
213
  }
214
214
  },
215
215
  {
216
216
  variant: "soft",
217
217
  color: "secondary",
218
218
  class: {
219
- base: [
220
- "text-secondary-main",
221
- "bg-secondary-soft",
222
- "border-secondary-soft",
223
- "hover:border-secondary-light",
224
- "active:bg-secondary-light"
225
- ]
219
+ base: ["text-secondary-main", "bg-secondary-soft", "hover:border-secondary-light", "active:bg-secondary-light"]
226
220
  }
227
221
  },
228
222
  {
229
223
  variant: "soft",
230
224
  color: "neutral",
231
225
  class: {
232
- base: [
233
- "text-neutral-main",
234
- "bg-neutral-soft",
235
- "border-neutral-soft",
236
- "hover:border-neutral-light",
237
- "active:bg-neutral-light"
238
- ]
226
+ base: ["text-neutral-main", "bg-neutral-soft", "hover:border-neutral-light", "active:bg-neutral-light"]
239
227
  }
240
228
  },
241
229
  {
242
230
  variant: "soft",
243
231
  color: "info",
244
232
  class: {
245
- base: ["text-info-main", "bg-info-soft", "border-info-soft", "hover:border-info-light", "active:bg-info-light"]
233
+ base: ["text-info-main", "bg-info-soft", "hover:border-info-light", "active:bg-info-light"]
246
234
  }
247
235
  },
248
236
  {
249
237
  variant: "soft",
250
238
  color: "success",
251
239
  class: {
252
- base: [
253
- "text-success-main",
254
- "bg-success-soft",
255
- "border-success-soft",
256
- "hover:border-success-light",
257
- "active:bg-success-light"
258
- ]
240
+ base: ["text-success-main", "bg-success-soft", "hover:border-success-light", "active:bg-success-light"]
259
241
  }
260
242
  },
261
243
  {
262
244
  variant: "soft",
263
245
  color: "warning",
264
246
  class: {
265
- base: [
266
- "text-warning-main",
267
- "bg-warning-soft",
268
- "border-warning-soft",
269
- "hover:border-warning-light",
270
- "active:bg-warning-light"
271
- ]
247
+ base: ["text-warning-main", "bg-warning-soft", "hover:border-warning-light", "active:bg-warning-light"]
272
248
  }
273
249
  },
274
250
  {
275
251
  variant: "soft",
276
252
  color: "danger",
277
253
  class: {
278
- base: [
279
- "text-danger-main",
280
- "bg-danger-soft",
281
- "border-danger-soft",
282
- "hover:border-danger-light",
283
- "active:bg-danger-light"
284
- ]
254
+ base: ["text-danger-main", "bg-danger-soft", "hover:border-danger-light", "active:bg-danger-light"]
285
255
  }
286
256
  },
287
257
  // outline & color
@@ -469,6 +439,21 @@ var buttonBaseStyle = tv({
469
439
  class: {
470
440
  base: ["!border-neutral-light"]
471
441
  }
442
+ },
443
+ // variant && isInGroup
444
+ {
445
+ variant: ["outline"],
446
+ isInGroup: true,
447
+ class: {
448
+ base: ["[&:not(:first-child)]:!border-l-0"]
449
+ }
450
+ },
451
+ {
452
+ variant: ["soft"],
453
+ isInGroup: true,
454
+ class: {
455
+ base: ["hover:!z-10", "active:!z-20", "focus:!z-20", "border-l-none"]
456
+ }
472
457
  }
473
458
  ]
474
459
  });
package/dist/components/button/icon-button.mjs CHANGED
@@ -1,15 +1,15 @@
1
1
  "use client";
2
2
  import {
3
3
  icon_button_default
4
- } from "../../chunk-PRLKKUBY.mjs";
4
+ } from "../../chunk-IOJMTN6X.mjs";
5
5
  import "../../chunk-6WSACUIB.mjs";
6
6
  import "../../chunk-LXHUO6VM.mjs";
7
7
  import "../../chunk-SZL743JC.mjs";
8
8
  import "../../chunk-ZYIIXWVY.mjs";
9
9
  import "../../chunk-A6UUVHC6.mjs";
10
- import "../../chunk-Q5T3XRA3.mjs";
11
- import "../../chunk-E3G5QXSH.mjs";
10
+ import "../../chunk-2WAQRWST.mjs";
12
11
  import "../../chunk-AOU4QX7H.mjs";
12
+ import "../../chunk-E3G5QXSH.mjs";
13
13
  import "../../chunk-UP6RPQDX.mjs";
14
14
  export {
15
15
  icon_button_default as default
package/dist/components/button/index.js CHANGED
@@ -105,7 +105,7 @@ var buttonBaseStyle = tv({
105
105
  variant: {
106
106
  solid: {},
107
107
  soft: {},
108
- outline: { base: ["bg-transparent"] },
108
+ outline: { base: ["bg-body-background"] },
109
109
  ghost: {}
110
110
  },
111
111
  color: {
@@ -117,6 +117,12 @@ var buttonBaseStyle = tv({
117
117
  warning: {},
118
118
  danger: {}
119
119
  },
120
+ size: {
121
+ sm: {},
122
+ md: {},
123
+ lg: {},
124
+ xl: {}
125
+ },
120
126
  disabled: {
121
127
  true: {
122
128
  base: ["!bg-neutral-soft", "!border-neutral-soft", "!text-neutral-light", "pointer-events-none"]
@@ -124,7 +130,7 @@ var buttonBaseStyle = tv({
124
130
  },
125
131
  isInGroup: {
126
132
  true: {
127
- base: ["!rounded-none", "[&:not(:first-child)]:border-l-0"]
133
+ base: ["!rounded-none"]
128
134
  }
129
135
  }
130
136
  },
@@ -218,85 +224,49 @@ var buttonBaseStyle = tv({
218
224
  variant: "soft",
219
225
  color: "primary",
220
226
  class: {
221
- base: [
222
- "text-primary-main",
223
- "bg-primary-soft",
224
- "border-primary-soft",
225
- "hover:border-primary-light",
226
- "active:bg-primary-light"
227
- ]
227
+ base: ["text-primary-main", "bg-primary-soft", "hover:border-primary-light", "active:bg-primary-light"]
228
228
  }
229
229
  },
230
230
  {
231
231
  variant: "soft",
232
232
  color: "secondary",
233
233
  class: {
234
- base: [
235
- "text-secondary-main",
236
- "bg-secondary-soft",
237
- "border-secondary-soft",
238
- "hover:border-secondary-light",
239
- "active:bg-secondary-light"
240
- ]
234
+ base: ["text-secondary-main", "bg-secondary-soft", "hover:border-secondary-light", "active:bg-secondary-light"]
241
235
  }
242
236
  },
243
237
  {
244
238
  variant: "soft",
245
239
  color: "neutral",
246
240
  class: {
247
- base: [
248
- "text-neutral-main",
249
- "bg-neutral-soft",
250
- "border-neutral-soft",
251
- "hover:border-neutral-light",
252
- "active:bg-neutral-light"
253
- ]
241
+ base: ["text-neutral-main", "bg-neutral-soft", "hover:border-neutral-light", "active:bg-neutral-light"]
254
242
  }
255
243
  },
256
244
  {
257
245
  variant: "soft",
258
246
  color: "info",
259
247
  class: {
260
- base: ["text-info-main", "bg-info-soft", "border-info-soft", "hover:border-info-light", "active:bg-info-light"]
248
+ base: ["text-info-main", "bg-info-soft", "hover:border-info-light", "active:bg-info-light"]
261
249
  }
262
250
  },
263
251
  {
264
252
  variant: "soft",
265
253
  color: "success",
266
254
  class: {
267
- base: [
268
- "text-success-main",
269
- "bg-success-soft",
270
- "border-success-soft",
271
- "hover:border-success-light",
272
- "active:bg-success-light"
273
- ]
255
+ base: ["text-success-main", "bg-success-soft", "hover:border-success-light", "active:bg-success-light"]
274
256
  }
275
257
  },
276
258
  {
277
259
  variant: "soft",
278
260
  color: "warning",
279
261
  class: {
280
- base: [
281
- "text-warning-main",
282
- "bg-warning-soft",
283
- "border-warning-soft",
284
- "hover:border-warning-light",
285
- "active:bg-warning-light"
286
- ]
262
+ base: ["text-warning-main", "bg-warning-soft", "hover:border-warning-light", "active:bg-warning-light"]
287
263
  }
288
264
  },
289
265
  {
290
266
  variant: "soft",
291
267
  color: "danger",
292
268
  class: {
293
- base: [
294
- "text-danger-main",
295
- "bg-danger-soft",
296
- "border-danger-soft",
297
- "hover:border-danger-light",
298
- "active:bg-danger-light"
299
- ]
269
+ base: ["text-danger-main", "bg-danger-soft", "hover:border-danger-light", "active:bg-danger-light"]
300
270
  }
301
271
  },
302
272
  // outline & color
@@ -484,6 +454,21 @@ var buttonBaseStyle = tv({
484
454
  class: {
485
455
  base: ["!border-neutral-light"]
486
456
  }
457
+ },
458
+ // variant && isInGroup
459
+ {
460
+ variant: ["outline"],
461
+ isInGroup: true,
462
+ class: {
463
+ base: ["[&:not(:first-child)]:!border-l-0"]
464
+ }
465
+ },
466
+ {
467
+ variant: ["soft"],
468
+ isInGroup: true,
469
+ class: {
470
+ base: ["hover:!z-10", "active:!z-20", "focus:!z-20", "border-l-none"]
471
+ }
487
472
  }
488
473
  ]
489
474
  });
package/dist/components/button/index.mjs CHANGED
@@ -2,26 +2,26 @@
2
2
  import "../../chunk-MY5U63QO.mjs";
3
3
  import {
4
4
  icon_button_default
5
- } from "../../chunk-PRLKKUBY.mjs";
5
+ } from "../../chunk-IOJMTN6X.mjs";
6
6
  import {
7
7
  text_button_default
8
- } from "../../chunk-NUV2RUDP.mjs";
8
+ } from "../../chunk-KIINY2GS.mjs";
9
9
  import {
10
10
  button_group_default
11
- } from "../../chunk-APKF7DHK.mjs";
11
+ } from "../../chunk-LHWHM4LQ.mjs";
12
12
  import {
13
13
  button_default
14
- } from "../../chunk-7U7FM6I6.mjs";
14
+ } from "../../chunk-O5VW7CHY.mjs";
15
15
  import "../../chunk-6WSACUIB.mjs";
16
16
  import "../../chunk-LXHUO6VM.mjs";
17
17
  import "../../chunk-SZL743JC.mjs";
18
18
  import "../../chunk-ZYIIXWVY.mjs";
19
19
  import "../../chunk-A6UUVHC6.mjs";
20
- import "../../chunk-Q5T3XRA3.mjs";
21
- import "../../chunk-E3G5QXSH.mjs";
20
+ import "../../chunk-2WAQRWST.mjs";
22
21
  import "../../chunk-AOU4QX7H.mjs";
23
- import "../../chunk-UP6RPQDX.mjs";
24
22
  import "../../chunk-27Y6K5NK.mjs";
23
+ import "../../chunk-E3G5QXSH.mjs";
24
+ import "../../chunk-UP6RPQDX.mjs";
25
25
  export {
26
26
  button_default as Button,
27
27
  button_group_default as ButtonGroup,
package/dist/components/button/text-button.d.mts CHANGED
@@ -77,6 +77,12 @@ declare const textButtonStyle: tailwind_variants.TVReturnType<{
77
77
  warning: {};
78
78
  danger: {};
79
79
  };
80
+ size: {
81
+ sm: {};
82
+ md: {};
83
+ lg: {};
84
+ xl: {};
85
+ };
80
86
  disabled: {
81
87
  true: {
82
88
  base: string[];
@@ -107,6 +113,12 @@ declare const textButtonStyle: tailwind_variants.TVReturnType<{
107
113
  warning: {};
108
114
  danger: {};
109
115
  };
116
+ size: {
117
+ sm: {};
118
+ md: {};
119
+ lg: {};
120
+ xl: {};
121
+ };
110
122
  disabled: {
111
123
  true: {
112
124
  base: string[];
@@ -137,6 +149,12 @@ declare const textButtonStyle: tailwind_variants.TVReturnType<{
137
149
  warning: {};
138
150
  danger: {};
139
151
  };
152
+ size: {
153
+ sm: {};
154
+ md: {};
155
+ lg: {};
156
+ xl: {};
157
+ };
140
158
  disabled: {
141
159
  true: {
142
160
  base: string[];
@@ -167,6 +185,12 @@ declare const textButtonStyle: tailwind_variants.TVReturnType<{
167
185
  warning: {};
168
186
  danger: {};
169
187
  };
188
+ size: {
189
+ sm: {};
190
+ md: {};
191
+ lg: {};
192
+ xl: {};
193
+ };
170
194
  disabled: {
171
195
  true: {
172
196
  base: string[];
package/dist/components/button/text-button.d.ts CHANGED
@@ -77,6 +77,12 @@ declare const textButtonStyle: tailwind_variants.TVReturnType<{
77
77
  warning: {};
78
78
  danger: {};
79
79
  };
80
+ size: {
81
+ sm: {};
82
+ md: {};
83
+ lg: {};
84
+ xl: {};
85
+ };
80
86
  disabled: {
81
87
  true: {
82
88
  base: string[];
@@ -107,6 +113,12 @@ declare const textButtonStyle: tailwind_variants.TVReturnType<{
107
113
  warning: {};
108
114
  danger: {};
109
115
  };
116
+ size: {
117
+ sm: {};
118
+ md: {};
119
+ lg: {};
120
+ xl: {};
121
+ };
110
122
  disabled: {
111
123
  true: {
112
124
  base: string[];
@@ -137,6 +149,12 @@ declare const textButtonStyle: tailwind_variants.TVReturnType<{
137
149
  warning: {};
138
150
  danger: {};
139
151
  };
152
+ size: {
153
+ sm: {};
154
+ md: {};
155
+ lg: {};
156
+ xl: {};
157
+ };
140
158
  disabled: {
141
159
  true: {
142
160
  base: string[];
@@ -167,6 +185,12 @@ declare const textButtonStyle: tailwind_variants.TVReturnType<{
167
185
  warning: {};
168
186
  danger: {};
169
187
  };
188
+ size: {
189
+ sm: {};
190
+ md: {};
191
+ lg: {};
192
+ xl: {};
193
+ };
170
194
  disabled: {
171
195
  true: {
172
196
  base: string[];
package/dist/components/button/text-button.js CHANGED
@@ -90,7 +90,7 @@ var buttonBaseStyle = tv({
90
90
  variant: {
91
91
  solid: {},
92
92
  soft: {},
93
- outline: { base: ["bg-transparent"] },
93
+ outline: { base: ["bg-body-background"] },
94
94
  ghost: {}
95
95
  },
96
96
  color: {
@@ -102,6 +102,12 @@ var buttonBaseStyle = tv({
102
102
  warning: {},
103
103
  danger: {}
104
104
  },
105
+ size: {
106
+ sm: {},
107
+ md: {},
108
+ lg: {},
109
+ xl: {}
110
+ },
105
111
  disabled: {
106
112
  true: {
107
113
  base: ["!bg-neutral-soft", "!border-neutral-soft", "!text-neutral-light", "pointer-events-none"]
@@ -109,7 +115,7 @@ var buttonBaseStyle = tv({
109
115
  },
110
116
  isInGroup: {
111
117
  true: {
112
- base: ["!rounded-none", "[&:not(:first-child)]:border-l-0"]
118
+ base: ["!rounded-none"]
113
119
  }
114
120
  }
115
121
  },
@@ -203,85 +209,49 @@ var buttonBaseStyle = tv({
203
209
  variant: "soft",
204
210
  color: "primary",
205
211
  class: {
206
- base: [
207
- "text-primary-main",
208
- "bg-primary-soft",
209
- "border-primary-soft",
210
- "hover:border-primary-light",
211
- "active:bg-primary-light"
212
- ]
212
+ base: ["text-primary-main", "bg-primary-soft", "hover:border-primary-light", "active:bg-primary-light"]
213
213
  }
214
214
  },
215
215
  {
216
216
  variant: "soft",
217
217
  color: "secondary",
218
218
  class: {
219
- base: [
220
- "text-secondary-main",
221
- "bg-secondary-soft",
222
- "border-secondary-soft",
223
- "hover:border-secondary-light",
224
- "active:bg-secondary-light"
225
- ]
219
+ base: ["text-secondary-main", "bg-secondary-soft", "hover:border-secondary-light", "active:bg-secondary-light"]
226
220
  }
227
221
  },
228
222
  {
229
223
  variant: "soft",
230
224
  color: "neutral",
231
225
  class: {
232
- base: [
233
- "text-neutral-main",
234
- "bg-neutral-soft",
235
- "border-neutral-soft",
236
- "hover:border-neutral-light",
237
- "active:bg-neutral-light"
238
- ]
226
+ base: ["text-neutral-main", "bg-neutral-soft", "hover:border-neutral-light", "active:bg-neutral-light"]
239
227
  }
240
228
  },
241
229
  {
242
230
  variant: "soft",
243
231
  color: "info",
244
232
  class: {
245
- base: ["text-info-main", "bg-info-soft", "border-info-soft", "hover:border-info-light", "active:bg-info-light"]
233
+ base: ["text-info-main", "bg-info-soft", "hover:border-info-light", "active:bg-info-light"]
246
234
  }
247
235
  },
248
236
  {
249
237
  variant: "soft",
250
238
  color: "success",
251
239
  class: {
252
- base: [
253
- "text-success-main",
254
- "bg-success-soft",
255
- "border-success-soft",
256
- "hover:border-success-light",
257
- "active:bg-success-light"
258
- ]
240
+ base: ["text-success-main", "bg-success-soft", "hover:border-success-light", "active:bg-success-light"]
259
241
  }
260
242
  },
261
243
  {
262
244
  variant: "soft",
263
245
  color: "warning",
264
246
  class: {
265
- base: [
266
- "text-warning-main",
267
- "bg-warning-soft",
268
- "border-warning-soft",
269
- "hover:border-warning-light",
270
- "active:bg-warning-light"
271
- ]
247
+ base: ["text-warning-main", "bg-warning-soft", "hover:border-warning-light", "active:bg-warning-light"]
272
248
  }
273
249
  },
274
250
  {
275
251
  variant: "soft",
276
252
  color: "danger",
277
253
  class: {
278
- base: [
279
- "text-danger-main",
280
- "bg-danger-soft",
281
- "border-danger-soft",
282
- "hover:border-danger-light",
283
- "active:bg-danger-light"
284
- ]
254
+ base: ["text-danger-main", "bg-danger-soft", "hover:border-danger-light", "active:bg-danger-light"]
285
255
  }
286
256
  },
287
257
  // outline & color
@@ -469,6 +439,21 @@ var buttonBaseStyle = tv({
469
439
  class: {
470
440
  base: ["!border-neutral-light"]
471
441
  }
442
+ },
443
+ // variant && isInGroup
444
+ {
445
+ variant: ["outline"],
446
+ isInGroup: true,
447
+ class: {
448
+ base: ["[&:not(:first-child)]:!border-l-0"]
449
+ }
450
+ },
451
+ {
452
+ variant: ["soft"],
453
+ isInGroup: true,
454
+ class: {
455
+ base: ["hover:!z-10", "active:!z-20", "focus:!z-20", "border-l-none"]
456
+ }
472
457
  }
473
458
  ]
474
459
  });