@itilite/lumina-ui 1.1.2 → 1.1.3

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.
@@ -81,6 +81,8 @@ function Avatar({
81
81
  width = 28,
82
82
  size = "normal"
83
83
  }) {
84
+ var _a;
85
+ const firstChar = (_a = name == null ? void 0 : name[0]) == null ? void 0 : _a.toUpperCase();
84
86
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
85
87
  "div",
86
88
  {
@@ -90,7 +92,7 @@ function Avatar({
90
92
  "div",
91
93
  {
92
94
  style: {
93
- backgroundColor: COLOR_MAP[name[0]],
95
+ backgroundColor: COLOR_MAP[firstChar],
94
96
  height,
95
97
  width
96
98
  },
@@ -99,7 +101,7 @@ function Avatar({
99
101
  `tw-text-white tw-font-medium tw-rounded-full tw-flex tw-items-center tw-justify-center`,
100
102
  className
101
103
  ),
102
- children: name[0]
104
+ children: firstChar
103
105
  }
104
106
  ) : img ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
105
107
  "img",
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  Avatar,
3
3
  Avatar_default
4
- } from "../../chunk-X76GNSBB.mjs";
4
+ } from "../../chunk-IWO2Y5QX.mjs";
5
5
  import "../../chunk-FWCSY2DS.mjs";
6
6
  export {
7
7
  Avatar,
@@ -0,0 +1,89 @@
1
+ // src/atom/Avatar/Avatar.tsx
2
+ import clsx from "clsx";
3
+ import { jsx } from "react/jsx-runtime";
4
+ var COLOR_MAP = {
5
+ A: "#6455BF",
6
+ B: "#C46273",
7
+ C: "#52A79E",
8
+ D: "#DF8654",
9
+ E: "#B8639F",
10
+ F: "#6455BF",
11
+ G: "#C46273",
12
+ H: "#52A79E",
13
+ I: "#DF8654",
14
+ J: "#B8639F",
15
+ K: "#6455BF",
16
+ L: "#C46273",
17
+ M: "#52A79E",
18
+ N: "#DF8654",
19
+ O: "#B8639F",
20
+ P: "#6455BF",
21
+ Q: "#C46273",
22
+ R: "#52A79E",
23
+ S: "#DF8654",
24
+ T: "#B8639F",
25
+ U: "#6455BF",
26
+ V: "#C46273",
27
+ W: "#52A79E",
28
+ X: "#DF8654",
29
+ Y: "#B8639F",
30
+ Z: "#6455BF",
31
+ 0: "#6455BF",
32
+ 1: "#C46273",
33
+ 6: "#C46273",
34
+ 2: "#52A79E",
35
+ 7: "#52A79E",
36
+ 3: "#DF8654",
37
+ 8: "#DF8654",
38
+ 4: "#B8639F",
39
+ 9: "#B8639F"
40
+ };
41
+ function Avatar({
42
+ img,
43
+ className,
44
+ name,
45
+ height = 28,
46
+ width = 28,
47
+ size = "normal"
48
+ }) {
49
+ var _a;
50
+ const firstChar = (_a = name == null ? void 0 : name[0]) == null ? void 0 : _a.toUpperCase();
51
+ return /* @__PURE__ */ jsx(
52
+ "div",
53
+ {
54
+ style: { height, width },
55
+ className: "tw-rounded-full tw-flex tw-items-center",
56
+ children: !img && name ? /* @__PURE__ */ jsx(
57
+ "div",
58
+ {
59
+ style: {
60
+ backgroundColor: COLOR_MAP[firstChar],
61
+ height,
62
+ width
63
+ },
64
+ className: clsx(
65
+ { "tw-text-font-size-10": size === "small" },
66
+ `tw-text-white tw-font-medium tw-rounded-full tw-flex tw-items-center tw-justify-center`,
67
+ className
68
+ ),
69
+ children: firstChar
70
+ }
71
+ ) : img ? /* @__PURE__ */ jsx(
72
+ "img",
73
+ {
74
+ src: img,
75
+ style: { height, width },
76
+ alt: name,
77
+ className: clsx("tw-rounded-full tw-object-cover", className)
78
+ }
79
+ ) : null
80
+ }
81
+ );
82
+ }
83
+ Avatar.displayName = "Avatar";
84
+ var Avatar_default = Avatar;
85
+
86
+ export {
87
+ Avatar,
88
+ Avatar_default
89
+ };
package/dist/index.js CHANGED
@@ -506,6 +506,8 @@ function Avatar({
506
506
  width = 28,
507
507
  size = "normal"
508
508
  }) {
509
+ var _a;
510
+ const firstChar = (_a = name == null ? void 0 : name[0]) == null ? void 0 : _a.toUpperCase();
509
511
  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
510
512
  "div",
511
513
  {
@@ -515,7 +517,7 @@ function Avatar({
515
517
  "div",
516
518
  {
517
519
  style: {
518
- backgroundColor: COLOR_MAP[name[0]],
520
+ backgroundColor: COLOR_MAP[firstChar],
519
521
  height,
520
522
  width
521
523
  },
@@ -524,7 +526,7 @@ function Avatar({
524
526
  `tw-text-white tw-font-medium tw-rounded-full tw-flex tw-items-center tw-justify-center`,
525
527
  className
526
528
  ),
527
- children: name[0]
529
+ children: firstChar
528
530
  }
529
531
  ) : img ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
530
532
  "img",
package/dist/index.mjs CHANGED
@@ -3,7 +3,7 @@ import {
3
3
  } from "./chunk-MNARBWAJ.mjs";
4
4
  import {
5
5
  Avatar_default
6
- } from "./chunk-X76GNSBB.mjs";
6
+ } from "./chunk-IWO2Y5QX.mjs";
7
7
  import {
8
8
  Radio_default
9
9
  } from "./chunk-2EBPXGRY.mjs";
package/dist/styles.css CHANGED
@@ -102,85 +102,198 @@
102
102
 
103
103
 
104
104
  /* CSS Modules */
105
- /* src/atom/Tooltip/Tooltip.module.scss */
106
- .Tooltip-module__light___H5oCc .ant-tooltip-content .ant-tooltip-inner {
107
- background-color: white !important;
108
- color: #111827;
105
+ /* src/atom/Button/Button.module.scss */
106
+ .Button-module__button___cLCyl {
107
+ display: flex;
108
+ align-items: center;
109
+ justify-content: center;
110
+ gap: 0.25rem;
109
111
  border-radius: 0.5rem;
110
- padding: 0.625rem;
112
+ }
113
+ .Button-module__button___cLCyl.Button-module__size_large___S-mbU {
114
+ height: 56px;
115
+ padding-left: 1rem;
116
+ padding-right: 1rem;
117
+ }
118
+ .Button-module__button___cLCyl.Button-module__size_large___S-mbU.Button-module__shape_circle___sPUS5 {
119
+ width: 56px;
120
+ }
121
+ .Button-module__button___cLCyl.Button-module__size_normal___qJUMj {
122
+ height: 40px;
123
+ padding-left: 0.75rem;
124
+ padding-right: 0.75rem;
125
+ }
126
+ .Button-module__button___cLCyl.Button-module__size_normal___qJUMj.Button-module__shape_circle___sPUS5 {
127
+ width: 40px;
128
+ }
129
+ .Button-module__button___cLCyl.Button-module__size_small___IUeei {
130
+ height: 32px;
131
+ padding-left: 0.5rem;
132
+ padding-right: 0.5rem;
133
+ }
134
+ .Button-module__button___cLCyl.Button-module__size_small___IUeei.Button-module__shape_circle___sPUS5 {
135
+ width: 32px;
136
+ }
137
+ .Button-module__button___cLCyl.Button-module__type_primary___Tauz- {
138
+ --tw-bg-opacity: 1;
139
+ background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1));
140
+ border-width: 1px;
141
+ border-style: solid;
142
+ --tw-border-opacity: 1;
143
+ border-color: rgb(236 93 37 / var(--tw-border-opacity, 1));
144
+ box-shadow: 0 1px 0 0 rgba(17, 24, 39, 0.1);
145
+ }
146
+ .Button-module__button___cLCyl.Button-module__type_primary___Tauz-.ant-btn-primary:hover, .Button-module__button___cLCyl.Button-module__type_primary___Tauz-.ant-btn-primary:active {
147
+ --tw-bg-opacity: 1;
148
+ background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1));
149
+ box-shadow: 0px 2px 4px 0px rgba(17, 24, 39, 0.1);
150
+ }
151
+ .Button-module__button___cLCyl.Button-module__type_primary___Tauz-:focus-visible {
152
+ outline: 2px solid rgba(236, 93, 37, 0.3803921569);
153
+ }
154
+ .Button-module__button___cLCyl.Button-module__type_primary___Tauz-.Button-module__variant_subtle___BMbbd {
111
155
  --tw-text-opacity: 1;
112
- color: rgb(33 40 55 / var(--tw-text-opacity, 1));
156
+ color: rgb(236 93 37 / var(--tw-text-opacity, 1));
113
157
  }
114
- .Tooltip-module__light___H5oCc .ant-tooltip-arrow:before {
115
- background-color: white !important;
158
+ .Button-module__button___cLCyl.Button-module__type_primary___Tauz-.Button-module__variant_subtle___BMbbd:hover {
159
+ --tw-text-opacity: 1;
160
+ color: rgb(236 93 37 / var(--tw-text-opacity, 1));
116
161
  }
117
-
118
- /* src/atom/Radio/Radio.module.scss */
119
- .Radio-module__radio___1CPAk {
120
- display: flex;
121
- align-items: center;
162
+ .Button-module__button___cLCyl.Button-module__type_primary___Tauz-.Button-module__variant_text___Pc5Ia, .Button-module__button___cLCyl.Button-module__type_primary___Tauz-.Button-module__variant_link___Cj1O9 {
163
+ --tw-text-opacity: 1;
164
+ color: rgb(236 93 37 / var(--tw-text-opacity, 1));
122
165
  }
123
- .Radio-module__radio___1CPAk.Radio-module__size_small___nRXgM .ant-radio .ant-radio-inner {
124
- height: 16px;
125
- width: 16px;
166
+ .Button-module__button___cLCyl.Button-module__type_primary___Tauz-.Button-module__variant_text___Pc5Ia:hover, .Button-module__button___cLCyl.Button-module__type_primary___Tauz-.Button-module__variant_link___Cj1O9:hover {
167
+ --tw-text-opacity: 1;
168
+ color: rgb(236 93 37 / var(--tw-text-opacity, 1));
126
169
  }
127
- .Radio-module__radio___1CPAk.Radio-module__size_medium___uSzPl .ant-radio .ant-radio-inner {
128
- height: 20px;
129
- width: 20px;
170
+ .Button-module__button___cLCyl.Button-module__type_primary___Tauz-.Button-module__disabled___nwPn4 {
171
+ --tw-text-opacity: 1;
172
+ color: rgb(255 255 255 / var(--tw-text-opacity, 1));
130
173
  }
131
- .Radio-module__radio___1CPAk.Radio-module__size_large___ubpHs .ant-radio .ant-radio-inner {
132
- height: 24px;
133
- width: 24px;
174
+ .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA {
175
+ border-width: 1px;
176
+ border-style: solid;
177
+ --tw-bg-opacity: 1;
178
+ background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
179
+ --tw-border-opacity: 1;
180
+ border-color: rgb(17 24 39 / var(--tw-border-opacity, 1));
181
+ box-shadow: 0 1px 0 0 rgba(17, 24, 39, 0.1);
134
182
  }
135
- .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu .ant-radio-checked .ant-radio-inner {
136
- border-color: #EC5D25;
137
- background-color: #EC5D25;
183
+ .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA.ant-btn-primary:hover, .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA.ant-btn-primary:active {
184
+ --tw-bg-opacity: 1;
185
+ background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
186
+ box-shadow: 0px 2px 4px 0px rgba(17, 24, 39, 0.1);
138
187
  }
139
- .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu .ant-radio-checked:hover .ant-radio-inner {
140
- border-color: #B94710;
141
- background-color: #B94710;
188
+ .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA.ant-btn-primary:focus-visible {
189
+ outline: 2px solid rgba(236, 93, 37, 0.3803921569);
142
190
  }
143
- .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu .ant-radio-checked:focus-visible {
144
- outline: 2px solid #0A65E7;
191
+ .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA.Button-module__variant_subtle___BMbbd {
192
+ --tw-text-opacity: 1;
193
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1));
145
194
  }
146
- .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu.Radio-module__disabled___AF98Z {
147
- cursor: not-allowed;
195
+ .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA.Button-module__variant_subtle___BMbbd:hover {
196
+ --tw-text-opacity: 1;
197
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1));
148
198
  }
149
- .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu.Radio-module__disabled___AF98Z .ant-radio-checked .ant-radio-inner {
150
- border-color: #B6BAC3;
151
- background-color: #B6BAC3;
199
+ .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA.Button-module__variant_text___Pc5Ia, .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA.Button-module__variant_link___Cj1O9 {
200
+ --tw-text-opacity: 1;
201
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1));
152
202
  }
153
- .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu.Radio-module__disabled___AF98Z .ant-radio-checked .ant-radio-inner::after {
154
- transform: scale(0.375);
155
- background-color: #FFFFFF;
203
+ .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA.Button-module__variant_text___Pc5Ia:hover, .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA.Button-module__variant_link___Cj1O9:hover {
204
+ --tw-text-opacity: 1;
205
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1));
156
206
  }
157
- .Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7 .ant-radio .ant-radio-inner {
158
- border-color: #B6BAC3;
207
+ .Button-module__button___cLCyl.Button-module__type_critical___6ILOp {
208
+ border-width: 1px;
209
+ --tw-bg-opacity: 1;
210
+ background-color: rgb(207 34 49 / var(--tw-bg-opacity, 1));
211
+ border-style: solid;
212
+ --tw-border-opacity: 1;
213
+ border-color: rgb(207 34 49 / var(--tw-border-opacity, 1));
214
+ box-shadow: 0 1px 0 0 rgba(17, 24, 39, 0.1);
159
215
  }
160
- .Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7 .ant-radio:hover .ant-radio-inner {
161
- border-color: #6B7280;
216
+ .Button-module__button___cLCyl.Button-module__type_critical___6ILOp.ant-btn-primary:hover, .Button-module__button___cLCyl.Button-module__type_critical___6ILOp.ant-btn-primary:active {
217
+ --tw-bg-opacity: 1;
218
+ background-color: rgb(207 34 49 / var(--tw-bg-opacity, 1));
219
+ box-shadow: 0px 2px 4px 0px rgba(17, 24, 39, 0.1);
162
220
  }
163
- .Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7 .ant-radio:focus-visible {
164
- outline: 2px solid #0A65E7;
221
+ .Button-module__button___cLCyl.Button-module__type_critical___6ILOp.ant-btn-primary:focus-visible {
222
+ outline: 2px solid rgba(236, 93, 37, 0.3803921569);
165
223
  }
166
- .Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7.Radio-module__disabled___AF98Z {
167
- cursor: not-allowed;
224
+ .Button-module__button___cLCyl.Button-module__type_critical___6ILOp.Button-module__variant_subtle___BMbbd {
225
+ --tw-text-opacity: 1;
226
+ color: rgb(207 34 49 / var(--tw-text-opacity, 1));
168
227
  }
169
- .Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7.Radio-module__disabled___AF98Z .ant-radio .ant-radio-inner {
170
- border-color: #B6BAC3;
171
- background-color: #F9FAFB;
228
+ .Button-module__button___cLCyl.Button-module__type_critical___6ILOp.Button-module__variant_subtle___BMbbd:hover {
229
+ --tw-text-opacity: 1;
230
+ color: rgb(207 34 49 / var(--tw-text-opacity, 1));
172
231
  }
173
- .Radio-module__radio___1CPAk.Radio-module__variant_normal___FQkTC {
174
- color: #363E4F;
175
- font-weight: 400;
176
- font-size: 0.875rem;
177
- line-height: 20px;
232
+ .Button-module__button___cLCyl.Button-module__type_critical___6ILOp.Button-module__variant_text___Pc5Ia, .Button-module__button___cLCyl.Button-module__type_critical___6ILOp.Button-module__variant_link___Cj1O9 {
233
+ --tw-text-opacity: 1;
234
+ color: rgb(207 34 49 / var(--tw-text-opacity, 1));
178
235
  }
179
- .Radio-module__radio___1CPAk.Radio-module__variant_emphasized___Fgpv6 {
180
- color: #363E4F;
181
- font-weight: 500;
182
- font-size: 0.875rem;
183
- line-height: 20px;
236
+ .Button-module__button___cLCyl.Button-module__type_critical___6ILOp.Button-module__variant_text___Pc5Ia:hover, .Button-module__button___cLCyl.Button-module__type_critical___6ILOp.Button-module__variant_link___Cj1O9:hover {
237
+ --tw-text-opacity: 1;
238
+ color: rgb(207 34 49 / var(--tw-text-opacity, 1));
239
+ }
240
+ .Button-module__button___cLCyl.Button-module__variant_subtle___BMbbd {
241
+ --tw-bg-opacity: 1;
242
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
243
+ border-width: 1px;
244
+ border-style: solid;
245
+ --tw-border-opacity: 1;
246
+ border-color: rgb(211 216 223 / var(--tw-border-opacity, 1));
247
+ box-shadow: 0px 1px 0px 0px rgba(17, 24, 39, 0.1);
248
+ }
249
+ .Button-module__button___cLCyl.Button-module__variant_subtle___BMbbd.ant-btn-default:hover {
250
+ box-shadow: 0px 2px 4px 0px rgba(17, 24, 39, 0.15);
251
+ --tw-border-opacity: 1;
252
+ border-color: rgb(211 216 223 / var(--tw-border-opacity, 1));
253
+ }
254
+ .Button-module__button___cLCyl.Button-module__variant_subtle___BMbbd.ant-btn-default:focus-visible {
255
+ outline: 2px solid rgba(236, 93, 37, 0.3803921569);
256
+ }
257
+ .Button-module__button___cLCyl.Button-module__variant_text___Pc5Ia {
258
+ background-color: transparent;
259
+ border-width: 0px;
260
+ border-style: none;
261
+ box-shadow: none;
262
+ }
263
+ .Button-module__button___cLCyl.Button-module__variant_text___Pc5Ia.ant-btn-default:hover {
264
+ box-shadow: 0px 2px 4px 0px rgba(17, 24, 39, 0.15);
265
+ border-style: none;
266
+ --tw-bg-opacity: 1;
267
+ background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
268
+ }
269
+ .Button-module__button___cLCyl.Button-module__variant_text___Pc5Ia.ant-btn-default:active {
270
+ --tw-bg-opacity: 1;
271
+ background-color: rgb(241 243 245 / var(--tw-bg-opacity, 1));
272
+ }
273
+ .Button-module__button___cLCyl.Button-module__variant_text___Pc5Ia.ant-btn:focus-visible {
274
+ outline: 2px solid rgba(236, 93, 37, 0.2);
275
+ }
276
+ .Button-module__button___cLCyl.Button-module__variant_link___Cj1O9 {
277
+ background-color: transparent;
278
+ padding: 0px;
279
+ border-width: 0px;
280
+ border-style: none;
281
+ height: auto;
282
+ box-shadow: none;
283
+ }
284
+ .Button-module__button___cLCyl.Button-module__variant_link___Cj1O9.ant-btn-default:hover.Button-module__onHoverUnderline___LOfXo {
285
+ text-decoration: underline;
286
+ }
287
+ .Button-module__button___cLCyl.Button-module__variant_link___Cj1O9.ant-btn-default:hover {
288
+ box-shadow: none;
289
+ border-style: none;
290
+ background-color: transparent;
291
+ }
292
+ .Button-module__button___cLCyl.Button-module__variant_link___Cj1O9.ant-btn-default:active {
293
+ background-color: transparent;
294
+ }
295
+ .Button-module__button___cLCyl.Button-module__variant_link___Cj1O9.ant-btn:focus-visible {
296
+ outline: none;
184
297
  }
185
298
 
186
299
  /* src/atom/Checkbox/Checkbox.module.scss */
@@ -246,39 +359,138 @@
246
359
  border-color: #b6bac3;
247
360
  background-color: #f9fafb;
248
361
  }
249
- .Checkbox-module__checkbox___xxg5L .ant-checkbox-disabled + span {
250
- color: #363e4f;
362
+ .Checkbox-module__checkbox___xxg5L .ant-checkbox-disabled + span {
363
+ color: #363e4f;
364
+ }
365
+ .Checkbox-module__checkbox___xxg5L.Checkbox-module__variant_normal___faYKo {
366
+ color: #363e4f;
367
+ font-weight: 400;
368
+ font-size: 0.875rem;
369
+ line-height: 20px;
370
+ }
371
+ .Checkbox-module__checkbox___xxg5L.Checkbox-module__variant_emphasized___-koYj {
372
+ color: #363e4f;
373
+ font-weight: 500;
374
+ font-size: 0.875rem;
375
+ line-height: 20px;
376
+ }
377
+ .Checkbox-module__checkbox___xxg5L.Checkbox-module__variant_indeterminate___J5Xcc.Checkbox-module__disabled___v-RG1 .ant-checkbox-indeterminate .ant-checkbox-inner {
378
+ opacity: 0.5;
379
+ border-color: #ec5d25;
380
+ background-color: #ec5d25;
381
+ }
382
+ .Checkbox-module__checkbox___xxg5L.Checkbox-module__variant_indeterminate___J5Xcc.Checkbox-module__disabled___v-RG1 .ant-checkbox-indeterminate .ant-checkbox-inner::after {
383
+ border-color: #ffffff;
384
+ }
385
+ .Checkbox-module__checkbox___xxg5L.Checkbox-module__variant_indeterminate___J5Xcc .ant-checkbox-indeterminate .ant-checkbox-inner {
386
+ border-color: #ec5d25 !important;
387
+ background-color: #ec5d25 !important;
388
+ }
389
+ .Checkbox-module__checkbox___xxg5L.Checkbox-module__variant_indeterminate___J5Xcc .ant-checkbox-indeterminate .ant-checkbox-inner::after {
390
+ inset-inline-start: 50%;
391
+ width: 60%;
392
+ height: 3px;
393
+ border-radius: 4px;
394
+ background: white;
395
+ }
396
+
397
+ /* src/atom/Tooltip/Tooltip.module.scss */
398
+ .Tooltip-module__light___H5oCc .ant-tooltip-content .ant-tooltip-inner {
399
+ background-color: white !important;
400
+ color: #111827;
401
+ border-radius: 0.5rem;
402
+ padding: 0.625rem;
403
+ --tw-text-opacity: 1;
404
+ color: rgb(33 40 55 / var(--tw-text-opacity, 1));
405
+ }
406
+ .Tooltip-module__light___H5oCc .ant-tooltip-arrow:before {
407
+ background-color: white !important;
408
+ }
409
+
410
+ /* src/atom/Radio/Radio.module.scss */
411
+ .Radio-module__radio___1CPAk {
412
+ display: flex;
413
+ align-items: center;
414
+ }
415
+ .Radio-module__radio___1CPAk.Radio-module__size_small___nRXgM .ant-radio .ant-radio-inner {
416
+ height: 16px;
417
+ width: 16px;
418
+ }
419
+ .Radio-module__radio___1CPAk.Radio-module__size_medium___uSzPl .ant-radio .ant-radio-inner {
420
+ height: 20px;
421
+ width: 20px;
422
+ }
423
+ .Radio-module__radio___1CPAk.Radio-module__size_large___ubpHs .ant-radio .ant-radio-inner {
424
+ height: 24px;
425
+ width: 24px;
426
+ }
427
+ .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu .ant-radio-checked .ant-radio-inner {
428
+ border-color: #EC5D25;
429
+ background-color: #EC5D25;
430
+ }
431
+ .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu .ant-radio-checked:hover .ant-radio-inner {
432
+ border-color: #B94710;
433
+ background-color: #B94710;
434
+ }
435
+ .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu .ant-radio-checked:focus-visible {
436
+ outline: 2px solid #0A65E7;
437
+ }
438
+ .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu.Radio-module__disabled___AF98Z {
439
+ cursor: not-allowed;
440
+ }
441
+ .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu.Radio-module__disabled___AF98Z .ant-radio-checked .ant-radio-inner {
442
+ border-color: #B6BAC3;
443
+ background-color: #B6BAC3;
444
+ }
445
+ .Radio-module__radio___1CPAk.Radio-module__type_checked___BvPpu.Radio-module__disabled___AF98Z .ant-radio-checked .ant-radio-inner::after {
446
+ transform: scale(0.375);
447
+ background-color: #FFFFFF;
448
+ }
449
+ .Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7 .ant-radio .ant-radio-inner {
450
+ border-color: #B6BAC3;
451
+ }
452
+ .Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7 .ant-radio:hover .ant-radio-inner {
453
+ border-color: #6B7280;
454
+ }
455
+ .Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7 .ant-radio:focus-visible {
456
+ outline: 2px solid #0A65E7;
457
+ }
458
+ .Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7.Radio-module__disabled___AF98Z {
459
+ cursor: not-allowed;
460
+ }
461
+ .Radio-module__radio___1CPAk.Radio-module__type_unchecked___Xrb-7.Radio-module__disabled___AF98Z .ant-radio .ant-radio-inner {
462
+ border-color: #B6BAC3;
463
+ background-color: #F9FAFB;
251
464
  }
252
- .Checkbox-module__checkbox___xxg5L.Checkbox-module__variant_normal___faYKo {
253
- color: #363e4f;
465
+ .Radio-module__radio___1CPAk.Radio-module__variant_normal___FQkTC {
466
+ color: #363E4F;
254
467
  font-weight: 400;
255
468
  font-size: 0.875rem;
256
469
  line-height: 20px;
257
470
  }
258
- .Checkbox-module__checkbox___xxg5L.Checkbox-module__variant_emphasized___-koYj {
259
- color: #363e4f;
471
+ .Radio-module__radio___1CPAk.Radio-module__variant_emphasized___Fgpv6 {
472
+ color: #363E4F;
260
473
  font-weight: 500;
261
474
  font-size: 0.875rem;
262
475
  line-height: 20px;
263
476
  }
264
- .Checkbox-module__checkbox___xxg5L.Checkbox-module__variant_indeterminate___J5Xcc.Checkbox-module__disabled___v-RG1 .ant-checkbox-indeterminate .ant-checkbox-inner {
265
- opacity: 0.5;
266
- border-color: #ec5d25;
267
- background-color: #ec5d25;
477
+
478
+ /* src/atom/Switch/Switch.module.scss */
479
+ .Switch-module__switch___fUHZL.ant-switch.ant-switch-small {
480
+ height: 0.75rem;
481
+ min-width: 1.5rem
268
482
  }
269
- .Checkbox-module__checkbox___xxg5L.Checkbox-module__variant_indeterminate___J5Xcc.Checkbox-module__disabled___v-RG1 .ant-checkbox-indeterminate .ant-checkbox-inner::after {
270
- border-color: #ffffff;
483
+ .Switch-module__switch___fUHZL.ant-switch.ant-switch-small .ant-switch-handle {
484
+ height: 0.5rem;
485
+ width: 0.5rem
271
486
  }
272
- .Checkbox-module__checkbox___xxg5L.Checkbox-module__variant_indeterminate___J5Xcc .ant-checkbox-indeterminate .ant-checkbox-inner {
273
- border-color: #ec5d25 !important;
274
- background-color: #ec5d25 !important;
487
+ .Switch-module__switch___fUHZL.ant-switch.ant-switch-checked {
488
+ --tw-bg-opacity: 1;
489
+ background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1))
275
490
  }
276
- .Checkbox-module__checkbox___xxg5L.Checkbox-module__variant_indeterminate___J5Xcc .ant-checkbox-indeterminate .ant-checkbox-inner::after {
277
- inset-inline-start: 50%;
278
- width: 60%;
279
- height: 3px;
280
- border-radius: 4px;
281
- background: white;
491
+ .Switch-module__switch___fUHZL.ant-switch.ant-switch-checked:hover {
492
+ --tw-bg-opacity: 1;
493
+ background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1))
282
494
  }
283
495
 
284
496
  /* src/atom/Tag/Tag.module.scss */
@@ -376,200 +588,6 @@
376
588
  border-color: rgb(107 114 128 / var(--tw-border-opacity, 1))
377
589
  }
378
590
 
379
- /* src/atom/Button/Button.module.scss */
380
- .Button-module__button___cLCyl {
381
- display: flex;
382
- align-items: center;
383
- justify-content: center;
384
- gap: 0.25rem;
385
- border-radius: 0.5rem;
386
- }
387
- .Button-module__button___cLCyl.Button-module__size_large___S-mbU {
388
- height: 56px;
389
- padding-left: 1rem;
390
- padding-right: 1rem;
391
- }
392
- .Button-module__button___cLCyl.Button-module__size_large___S-mbU.Button-module__shape_circle___sPUS5 {
393
- width: 56px;
394
- }
395
- .Button-module__button___cLCyl.Button-module__size_normal___qJUMj {
396
- height: 40px;
397
- padding-left: 0.75rem;
398
- padding-right: 0.75rem;
399
- }
400
- .Button-module__button___cLCyl.Button-module__size_normal___qJUMj.Button-module__shape_circle___sPUS5 {
401
- width: 40px;
402
- }
403
- .Button-module__button___cLCyl.Button-module__size_small___IUeei {
404
- height: 32px;
405
- padding-left: 0.5rem;
406
- padding-right: 0.5rem;
407
- }
408
- .Button-module__button___cLCyl.Button-module__size_small___IUeei.Button-module__shape_circle___sPUS5 {
409
- width: 32px;
410
- }
411
- .Button-module__button___cLCyl.Button-module__type_primary___Tauz- {
412
- --tw-bg-opacity: 1;
413
- background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1));
414
- border-width: 1px;
415
- border-style: solid;
416
- --tw-border-opacity: 1;
417
- border-color: rgb(236 93 37 / var(--tw-border-opacity, 1));
418
- box-shadow: 0 1px 0 0 rgba(17, 24, 39, 0.1);
419
- }
420
- .Button-module__button___cLCyl.Button-module__type_primary___Tauz-.ant-btn-primary:hover, .Button-module__button___cLCyl.Button-module__type_primary___Tauz-.ant-btn-primary:active {
421
- --tw-bg-opacity: 1;
422
- background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1));
423
- box-shadow: 0px 2px 4px 0px rgba(17, 24, 39, 0.1);
424
- }
425
- .Button-module__button___cLCyl.Button-module__type_primary___Tauz-:focus-visible {
426
- outline: 2px solid rgba(236, 93, 37, 0.3803921569);
427
- }
428
- .Button-module__button___cLCyl.Button-module__type_primary___Tauz-.Button-module__variant_subtle___BMbbd {
429
- --tw-text-opacity: 1;
430
- color: rgb(236 93 37 / var(--tw-text-opacity, 1));
431
- }
432
- .Button-module__button___cLCyl.Button-module__type_primary___Tauz-.Button-module__variant_subtle___BMbbd:hover {
433
- --tw-text-opacity: 1;
434
- color: rgb(236 93 37 / var(--tw-text-opacity, 1));
435
- }
436
- .Button-module__button___cLCyl.Button-module__type_primary___Tauz-.Button-module__variant_text___Pc5Ia, .Button-module__button___cLCyl.Button-module__type_primary___Tauz-.Button-module__variant_link___Cj1O9 {
437
- --tw-text-opacity: 1;
438
- color: rgb(236 93 37 / var(--tw-text-opacity, 1));
439
- }
440
- .Button-module__button___cLCyl.Button-module__type_primary___Tauz-.Button-module__variant_text___Pc5Ia:hover, .Button-module__button___cLCyl.Button-module__type_primary___Tauz-.Button-module__variant_link___Cj1O9:hover {
441
- --tw-text-opacity: 1;
442
- color: rgb(236 93 37 / var(--tw-text-opacity, 1));
443
- }
444
- .Button-module__button___cLCyl.Button-module__type_primary___Tauz-.Button-module__disabled___nwPn4 {
445
- --tw-text-opacity: 1;
446
- color: rgb(255 255 255 / var(--tw-text-opacity, 1));
447
- }
448
- .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA {
449
- border-width: 1px;
450
- border-style: solid;
451
- --tw-bg-opacity: 1;
452
- background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
453
- --tw-border-opacity: 1;
454
- border-color: rgb(17 24 39 / var(--tw-border-opacity, 1));
455
- box-shadow: 0 1px 0 0 rgba(17, 24, 39, 0.1);
456
- }
457
- .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA.ant-btn-primary:hover, .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA.ant-btn-primary:active {
458
- --tw-bg-opacity: 1;
459
- background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
460
- box-shadow: 0px 2px 4px 0px rgba(17, 24, 39, 0.1);
461
- }
462
- .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA.ant-btn-primary:focus-visible {
463
- outline: 2px solid rgba(236, 93, 37, 0.3803921569);
464
- }
465
- .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA.Button-module__variant_subtle___BMbbd {
466
- --tw-text-opacity: 1;
467
- color: rgb(17 24 39 / var(--tw-text-opacity, 1));
468
- }
469
- .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA.Button-module__variant_subtle___BMbbd:hover {
470
- --tw-text-opacity: 1;
471
- color: rgb(17 24 39 / var(--tw-text-opacity, 1));
472
- }
473
- .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA.Button-module__variant_text___Pc5Ia, .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA.Button-module__variant_link___Cj1O9 {
474
- --tw-text-opacity: 1;
475
- color: rgb(17 24 39 / var(--tw-text-opacity, 1));
476
- }
477
- .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA.Button-module__variant_text___Pc5Ia:hover, .Button-module__button___cLCyl.Button-module__type_secondary___CLmrA.Button-module__variant_link___Cj1O9:hover {
478
- --tw-text-opacity: 1;
479
- color: rgb(17 24 39 / var(--tw-text-opacity, 1));
480
- }
481
- .Button-module__button___cLCyl.Button-module__type_critical___6ILOp {
482
- border-width: 1px;
483
- --tw-bg-opacity: 1;
484
- background-color: rgb(207 34 49 / var(--tw-bg-opacity, 1));
485
- border-style: solid;
486
- --tw-border-opacity: 1;
487
- border-color: rgb(207 34 49 / var(--tw-border-opacity, 1));
488
- box-shadow: 0 1px 0 0 rgba(17, 24, 39, 0.1);
489
- }
490
- .Button-module__button___cLCyl.Button-module__type_critical___6ILOp.ant-btn-primary:hover, .Button-module__button___cLCyl.Button-module__type_critical___6ILOp.ant-btn-primary:active {
491
- --tw-bg-opacity: 1;
492
- background-color: rgb(207 34 49 / var(--tw-bg-opacity, 1));
493
- box-shadow: 0px 2px 4px 0px rgba(17, 24, 39, 0.1);
494
- }
495
- .Button-module__button___cLCyl.Button-module__type_critical___6ILOp.ant-btn-primary:focus-visible {
496
- outline: 2px solid rgba(236, 93, 37, 0.3803921569);
497
- }
498
- .Button-module__button___cLCyl.Button-module__type_critical___6ILOp.Button-module__variant_subtle___BMbbd {
499
- --tw-text-opacity: 1;
500
- color: rgb(207 34 49 / var(--tw-text-opacity, 1));
501
- }
502
- .Button-module__button___cLCyl.Button-module__type_critical___6ILOp.Button-module__variant_subtle___BMbbd:hover {
503
- --tw-text-opacity: 1;
504
- color: rgb(207 34 49 / var(--tw-text-opacity, 1));
505
- }
506
- .Button-module__button___cLCyl.Button-module__type_critical___6ILOp.Button-module__variant_text___Pc5Ia, .Button-module__button___cLCyl.Button-module__type_critical___6ILOp.Button-module__variant_link___Cj1O9 {
507
- --tw-text-opacity: 1;
508
- color: rgb(207 34 49 / var(--tw-text-opacity, 1));
509
- }
510
- .Button-module__button___cLCyl.Button-module__type_critical___6ILOp.Button-module__variant_text___Pc5Ia:hover, .Button-module__button___cLCyl.Button-module__type_critical___6ILOp.Button-module__variant_link___Cj1O9:hover {
511
- --tw-text-opacity: 1;
512
- color: rgb(207 34 49 / var(--tw-text-opacity, 1));
513
- }
514
- .Button-module__button___cLCyl.Button-module__variant_subtle___BMbbd {
515
- --tw-bg-opacity: 1;
516
- background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
517
- border-width: 1px;
518
- border-style: solid;
519
- --tw-border-opacity: 1;
520
- border-color: rgb(211 216 223 / var(--tw-border-opacity, 1));
521
- box-shadow: 0px 1px 0px 0px rgba(17, 24, 39, 0.1);
522
- }
523
- .Button-module__button___cLCyl.Button-module__variant_subtle___BMbbd.ant-btn-default:hover {
524
- box-shadow: 0px 2px 4px 0px rgba(17, 24, 39, 0.15);
525
- --tw-border-opacity: 1;
526
- border-color: rgb(211 216 223 / var(--tw-border-opacity, 1));
527
- }
528
- .Button-module__button___cLCyl.Button-module__variant_subtle___BMbbd.ant-btn-default:focus-visible {
529
- outline: 2px solid rgba(236, 93, 37, 0.3803921569);
530
- }
531
- .Button-module__button___cLCyl.Button-module__variant_text___Pc5Ia {
532
- background-color: transparent;
533
- border-width: 0px;
534
- border-style: none;
535
- box-shadow: none;
536
- }
537
- .Button-module__button___cLCyl.Button-module__variant_text___Pc5Ia.ant-btn-default:hover {
538
- box-shadow: 0px 2px 4px 0px rgba(17, 24, 39, 0.15);
539
- border-style: none;
540
- --tw-bg-opacity: 1;
541
- background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
542
- }
543
- .Button-module__button___cLCyl.Button-module__variant_text___Pc5Ia.ant-btn-default:active {
544
- --tw-bg-opacity: 1;
545
- background-color: rgb(241 243 245 / var(--tw-bg-opacity, 1));
546
- }
547
- .Button-module__button___cLCyl.Button-module__variant_text___Pc5Ia.ant-btn:focus-visible {
548
- outline: 2px solid rgba(236, 93, 37, 0.2);
549
- }
550
- .Button-module__button___cLCyl.Button-module__variant_link___Cj1O9 {
551
- background-color: transparent;
552
- padding: 0px;
553
- border-width: 0px;
554
- border-style: none;
555
- height: auto;
556
- box-shadow: none;
557
- }
558
- .Button-module__button___cLCyl.Button-module__variant_link___Cj1O9.ant-btn-default:hover.Button-module__onHoverUnderline___LOfXo {
559
- text-decoration: underline;
560
- }
561
- .Button-module__button___cLCyl.Button-module__variant_link___Cj1O9.ant-btn-default:hover {
562
- box-shadow: none;
563
- border-style: none;
564
- background-color: transparent;
565
- }
566
- .Button-module__button___cLCyl.Button-module__variant_link___Cj1O9.ant-btn-default:active {
567
- background-color: transparent;
568
- }
569
- .Button-module__button___cLCyl.Button-module__variant_link___Cj1O9.ant-btn:focus-visible {
570
- outline: none;
571
- }
572
-
573
591
  /* src/atom/Modal/Modal.module.scss */
574
592
  .Modal-module__modal___PKrAi.Modal-module__footerMargintopDisable___4B6u- .Modal-module__ant-modal-footer___HKsDR {
575
593
  margin-top: 0;
@@ -641,22 +659,4 @@
641
659
  }
642
660
  .Modal-module__modal___PKrAi .ant-btn-primary {
643
661
  margin-inline-start: 0.5rem;
644
- }
645
-
646
- /* src/atom/Switch/Switch.module.scss */
647
- .Switch-module__switch___fUHZL.ant-switch.ant-switch-small {
648
- height: 0.75rem;
649
- min-width: 1.5rem
650
- }
651
- .Switch-module__switch___fUHZL.ant-switch.ant-switch-small .ant-switch-handle {
652
- height: 0.5rem;
653
- width: 0.5rem
654
- }
655
- .Switch-module__switch___fUHZL.ant-switch.ant-switch-checked {
656
- --tw-bg-opacity: 1;
657
- background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1))
658
- }
659
- .Switch-module__switch___fUHZL.ant-switch.ant-switch-checked:hover {
660
- --tw-bg-opacity: 1;
661
- background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1))
662
662
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@itilite/lumina-ui",
3
- "version": "1.1.2",
3
+ "version": "1.1.3",
4
4
  "description": "Itilite Lumina Design System UI Components",
5
5
  "sideEffects": false,
6
6
  "license": "MIT",