@aristobyte-ui/message-box 2.4.0 → 2.5.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 (15) hide show
  1. package/es/src/main/components/MessageBox/MessageBox.scss +320 -0
  2. package/es/src/main/components/MessageBox/index.d.ts +21 -0
  3. package/es/src/main/components/MessageBox/index.d.ts.map +1 -0
  4. package/es/src/main/components/index.d.ts +2 -0
  5. package/es/src/main/components/index.d.ts.map +1 -0
  6. package/es/src/main/index.d.ts +2 -0
  7. package/es/src/main/index.d.ts.map +1 -0
  8. package/lib/src/main/components/MessageBox/MessageBox.scss +320 -0
  9. package/lib/src/main/components/MessageBox/index.d.ts +21 -0
  10. package/lib/src/main/components/MessageBox/index.d.ts.map +1 -0
  11. package/lib/src/main/components/index.d.ts +2 -0
  12. package/lib/src/main/components/index.d.ts.map +1 -0
  13. package/lib/src/main/index.d.ts +2 -0
  14. package/lib/src/main/index.d.ts.map +1 -0
  15. package/package.json +5 -3
package/es/src/main/components/MessageBox/MessageBox.scss ADDED
@@ -0,0 +1,320 @@
1
+ @use '@aristobyte-ui/utils/styles' as *;
2
+
3
+ .message-box {
4
+ align-items: flex-start;
5
+ color: $white;
6
+
7
+ display: flex;
8
+ padding: 0.75rem 1rem;
9
+ padding: 1rem;
10
+
11
+ &-radius {
12
+ &--none {
13
+ border-radius: 0rem; // 0px
14
+ }
15
+
16
+ &--sm {
17
+ border-radius: 0.25rem; // 4px
18
+ }
19
+
20
+ &--md {
21
+ border-radius: 0.5rem; // 8px
22
+ }
23
+
24
+ &--lg {
25
+ border-radius: 0.625rem; // 10px
26
+ }
27
+
28
+ &--full {
29
+ border-radius: 1.5rem; // 24px
30
+ }
31
+ }
32
+
33
+ &__content {
34
+ color: $white;
35
+ font-family: $font-family-sans;
36
+ font-size: $font-size-body-sm;
37
+ font-weight: $font-weight-regular;
38
+ line-height: $line-height-normal;
39
+ }
40
+
41
+ &--default.message-box-type {
42
+ &--solid {
43
+ background-color: rgba($grey-600, 1);
44
+
45
+ .message-box__icon {
46
+ color: $white;
47
+ }
48
+ }
49
+
50
+ &--outline {
51
+ background-color: rgba($grey-600, 0.2);
52
+ border: 1px solid $grey-600;
53
+
54
+ .message-box__icon {
55
+ color: $grey-600;
56
+ }
57
+ }
58
+
59
+ &--outline-dashed {
60
+ background-color: rgba($grey-600, 0.2);
61
+ border: 1px dashed $grey-600;
62
+
63
+ .message-box__icon {
64
+ color: $grey-600;
65
+ }
66
+ }
67
+
68
+ &--no-outline {
69
+ background-color: rgba($grey-600, 0.2);
70
+
71
+ .message-box__icon {
72
+ color: $grey-600;
73
+ }
74
+ }
75
+
76
+ &--glowing {
77
+ background-color: rgba($grey-600, 0.2);
78
+ border: 1px solid $grey-600;
79
+ box-shadow:
80
+ 0 0 8px rgba($grey-600, 0.5),
81
+ 0 0 16px rgba($grey-600, 0.4),
82
+ 0 0 24px rgba($grey-600, 0.3);
83
+
84
+ .message-box__icon {
85
+ color: $grey-600;
86
+ }
87
+ }
88
+ }
89
+
90
+ &--info.message-box-type {
91
+ &--solid {
92
+ background-color: rgba($blue-600, 1);
93
+
94
+ .message-box__icon {
95
+ color: $white;
96
+ }
97
+ }
98
+
99
+ &--outline {
100
+ background-color: rgba($blue-600, 0.2);
101
+ border: 1px solid $blue-600;
102
+
103
+ .message-box__icon {
104
+ color: $blue-600;
105
+ }
106
+ }
107
+
108
+ &--outline-dashed {
109
+ background-color: rgba($blue-600, 0.2);
110
+ border: 1px dashed $blue-600;
111
+
112
+ .message-box__icon {
113
+ color: $blue-600;
114
+ }
115
+ }
116
+
117
+ &--no-outline {
118
+ background-color: rgba($blue-600, 0.2);
119
+
120
+ .message-box__icon {
121
+ color: $blue-600;
122
+ }
123
+ }
124
+
125
+ &--glowing {
126
+ background-color: rgba($blue-600, 0.2);
127
+ border: 1px solid $blue-600;
128
+ box-shadow:
129
+ 0 0 8px rgba($blue-600, 0.5),
130
+ 0 0 16px rgba($blue-600, 0.4),
131
+ 0 0 24px rgba($blue-600, 0.3);
132
+
133
+ .message-box__icon {
134
+ color: $blue-600;
135
+ }
136
+ }
137
+ }
138
+
139
+ &--success.message-box-type {
140
+ &--solid {
141
+ background-color: rgba($green-600, 1);
142
+
143
+ .message-box__icon {
144
+ color: $white;
145
+ }
146
+ }
147
+
148
+ &--outline {
149
+ background-color: rgba($green-600, 0.2);
150
+ border: 1px solid $green-600;
151
+
152
+ .message-box__icon {
153
+ color: $green-600;
154
+ }
155
+ }
156
+
157
+ &--outline-dashed {
158
+ background-color: rgba($green-600, 0.2);
159
+ border: 1px dashed $green-600;
160
+
161
+ .message-box__icon {
162
+ color: $green-600;
163
+ }
164
+ }
165
+
166
+ &--no-outline {
167
+ background-color: rgba($green-600, 0.2);
168
+
169
+ .message-box__icon {
170
+ color: $green-600;
171
+ }
172
+ }
173
+
174
+ &--glowing {
175
+ background-color: rgba($green-600, 0.2);
176
+ border: 1px solid $green-600;
177
+ box-shadow:
178
+ 0 0 8px rgba($green-600, 0.5),
179
+ 0 0 16px rgba($green-600, 0.4),
180
+ 0 0 24px rgba($green-600, 0.3);
181
+
182
+ .message-box__icon {
183
+ color: $green-600;
184
+ }
185
+ }
186
+ }
187
+
188
+ &--warning.message-box-type {
189
+ &--solid {
190
+ background-color: rgba($amber-600, 1);
191
+
192
+ .message-box__icon {
193
+ color: $white;
194
+ }
195
+ }
196
+
197
+ &--outline {
198
+ background-color: rgba($amber-600, 0.2);
199
+ border: 1px solid $amber-600;
200
+
201
+ .message-box__icon {
202
+ color: $amber-600;
203
+ }
204
+ }
205
+
206
+ &--outline-dashed {
207
+ background-color: rgba($amber-600, 0.2);
208
+ border: 1px dashed $amber-600;
209
+
210
+ .message-box__icon {
211
+ color: $amber-600;
212
+ }
213
+ }
214
+
215
+ &--no-outline {
216
+ background-color: rgba($amber-600, 0.2);
217
+
218
+ .message-box__icon {
219
+ color: $amber-600;
220
+ }
221
+ }
222
+
223
+ &--glowing {
224
+ background-color: rgba($amber-600, 0.2);
225
+ border: 1px solid $amber-600;
226
+ box-shadow:
227
+ 0 0 8px rgba($amber-600, 0.5),
228
+ 0 0 16px rgba($amber-600, 0.4),
229
+ 0 0 24px rgba($amber-600, 0.3);
230
+
231
+ .message-box__icon {
232
+ color: $amber-600;
233
+ }
234
+ }
235
+ }
236
+
237
+ &--error.message-box-type {
238
+ &--solid {
239
+ background-color: rgba($red-600, 1);
240
+
241
+ .message-box__icon {
242
+ color: $white;
243
+ }
244
+ }
245
+
246
+ &--outline {
247
+ background-color: rgba($red-600, 0.2);
248
+ border: 1px solid $red-600;
249
+
250
+ .message-box__icon {
251
+ color: $red-600;
252
+ }
253
+ }
254
+
255
+ &--outline-dashed {
256
+ background-color: rgba($red-600, 0.2);
257
+ border: 1px dashed $red-600;
258
+
259
+ .message-box__icon {
260
+ color: $red-600;
261
+ }
262
+ }
263
+
264
+ &--no-outline {
265
+ background-color: rgba($red-600, 0.2);
266
+
267
+ .message-box__icon {
268
+ color: $red-600;
269
+ }
270
+ }
271
+
272
+ &--glowing {
273
+ background-color: rgba($red-600, 0.2);
274
+ border: 1px solid $red-600;
275
+ box-shadow:
276
+ 0 0 8px rgba($red-600, 0.5),
277
+ 0 0 16px rgba($red-600, 0.4),
278
+ 0 0 24px rgba($red-600, 0.3);
279
+
280
+ .message-box__icon {
281
+ color: $red-600;
282
+ }
283
+ }
284
+ }
285
+
286
+ &__icon {
287
+ align-items: center;
288
+ display: flex;
289
+ justify-content: center;
290
+ margin: 0 10px 0 0;
291
+ max-height: 16px;
292
+ max-width: 16px;
293
+ min-height: 16px;
294
+ min-width: 16px;
295
+
296
+ &--default {
297
+ color: $grey-600;
298
+ }
299
+
300
+ &--info {
301
+ color: $blue-600;
302
+ }
303
+
304
+ &--success {
305
+ color: $green-600;
306
+ }
307
+
308
+ &--warning {
309
+ color: $amber-600;
310
+ }
311
+
312
+ &--error {
313
+ color: $red-600;
314
+ }
315
+
316
+ svg {
317
+ width: 100%;
318
+ }
319
+ }
320
+ }
package/es/src/main/components/MessageBox/index.d.ts ADDED
@@ -0,0 +1,21 @@
1
+ import * as React from 'react';
2
+ import { type IconPropsType } from '@aristobyte-ui/utils';
3
+ import './MessageBox.scss';
4
+ type MessageBoxVariant = 'default' | 'info' | 'warning' | 'success' | 'error';
5
+ export interface IMessageBox {
6
+ variant?: MessageBoxVariant;
7
+ children?: React.ReactElement | React.ReactNode | string;
8
+ withIcon?: boolean;
9
+ customIcon?: {
10
+ component: (props: IconPropsType) => React.JSX.Element;
11
+ size?: number;
12
+ color?: string;
13
+ };
14
+ radius?: 'none' | 'sm' | 'md' | 'lg' | 'full';
15
+ type?: 'solid' | 'outline' | 'outline-dashed' | 'no-outline' | 'glowing';
16
+ className?: string;
17
+ style?: React.CSSProperties;
18
+ }
19
+ export declare const MessageBox: React.FC<IMessageBox>;
20
+ export {};
21
+ //# sourceMappingURL=index.d.ts.map
package/es/src/main/components/MessageBox/index.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../packages/message-box/src/main/components/MessageBox/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,aAAa,EAAS,MAAM,sBAAsB,CAAC;AAEjE,OAAO,mBAAmB,CAAC;AAE3B,KAAK,iBAAiB,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAE9E,MAAM,WAAW,WAAW;IAC1B,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE;QACX,SAAS,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;QACvD,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IAC9C,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,gBAAgB,GAAG,YAAY,GAAG,SAAS,CAAC;IACzE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAgBD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA0B5C,CAAC"}
package/es/src/main/components/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export * from './MessageBox';
2
+ //# sourceMappingURL=index.d.ts.map
package/es/src/main/components/index.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/message-box/src/main/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
package/es/src/main/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export * from './components';
2
+ //# sourceMappingURL=index.d.ts.map
package/es/src/main/index.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/message-box/src/main/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
package/lib/src/main/components/MessageBox/MessageBox.scss ADDED
@@ -0,0 +1,320 @@
1
+ @use '@aristobyte-ui/utils/styles' as *;
2
+
3
+ .message-box {
4
+ align-items: flex-start;
5
+ color: $white;
6
+
7
+ display: flex;
8
+ padding: 0.75rem 1rem;
9
+ padding: 1rem;
10
+
11
+ &-radius {
12
+ &--none {
13
+ border-radius: 0rem; // 0px
14
+ }
15
+
16
+ &--sm {
17
+ border-radius: 0.25rem; // 4px
18
+ }
19
+
20
+ &--md {
21
+ border-radius: 0.5rem; // 8px
22
+ }
23
+
24
+ &--lg {
25
+ border-radius: 0.625rem; // 10px
26
+ }
27
+
28
+ &--full {
29
+ border-radius: 1.5rem; // 24px
30
+ }
31
+ }
32
+
33
+ &__content {
34
+ color: $white;
35
+ font-family: $font-family-sans;
36
+ font-size: $font-size-body-sm;
37
+ font-weight: $font-weight-regular;
38
+ line-height: $line-height-normal;
39
+ }
40
+
41
+ &--default.message-box-type {
42
+ &--solid {
43
+ background-color: rgba($grey-600, 1);
44
+
45
+ .message-box__icon {
46
+ color: $white;
47
+ }
48
+ }
49
+
50
+ &--outline {
51
+ background-color: rgba($grey-600, 0.2);
52
+ border: 1px solid $grey-600;
53
+
54
+ .message-box__icon {
55
+ color: $grey-600;
56
+ }
57
+ }
58
+
59
+ &--outline-dashed {
60
+ background-color: rgba($grey-600, 0.2);
61
+ border: 1px dashed $grey-600;
62
+
63
+ .message-box__icon {
64
+ color: $grey-600;
65
+ }
66
+ }
67
+
68
+ &--no-outline {
69
+ background-color: rgba($grey-600, 0.2);
70
+
71
+ .message-box__icon {
72
+ color: $grey-600;
73
+ }
74
+ }
75
+
76
+ &--glowing {
77
+ background-color: rgba($grey-600, 0.2);
78
+ border: 1px solid $grey-600;
79
+ box-shadow:
80
+ 0 0 8px rgba($grey-600, 0.5),
81
+ 0 0 16px rgba($grey-600, 0.4),
82
+ 0 0 24px rgba($grey-600, 0.3);
83
+
84
+ .message-box__icon {
85
+ color: $grey-600;
86
+ }
87
+ }
88
+ }
89
+
90
+ &--info.message-box-type {
91
+ &--solid {
92
+ background-color: rgba($blue-600, 1);
93
+
94
+ .message-box__icon {
95
+ color: $white;
96
+ }
97
+ }
98
+
99
+ &--outline {
100
+ background-color: rgba($blue-600, 0.2);
101
+ border: 1px solid $blue-600;
102
+
103
+ .message-box__icon {
104
+ color: $blue-600;
105
+ }
106
+ }
107
+
108
+ &--outline-dashed {
109
+ background-color: rgba($blue-600, 0.2);
110
+ border: 1px dashed $blue-600;
111
+
112
+ .message-box__icon {
113
+ color: $blue-600;
114
+ }
115
+ }
116
+
117
+ &--no-outline {
118
+ background-color: rgba($blue-600, 0.2);
119
+
120
+ .message-box__icon {
121
+ color: $blue-600;
122
+ }
123
+ }
124
+
125
+ &--glowing {
126
+ background-color: rgba($blue-600, 0.2);
127
+ border: 1px solid $blue-600;
128
+ box-shadow:
129
+ 0 0 8px rgba($blue-600, 0.5),
130
+ 0 0 16px rgba($blue-600, 0.4),
131
+ 0 0 24px rgba($blue-600, 0.3);
132
+
133
+ .message-box__icon {
134
+ color: $blue-600;
135
+ }
136
+ }
137
+ }
138
+
139
+ &--success.message-box-type {
140
+ &--solid {
141
+ background-color: rgba($green-600, 1);
142
+
143
+ .message-box__icon {
144
+ color: $white;
145
+ }
146
+ }
147
+
148
+ &--outline {
149
+ background-color: rgba($green-600, 0.2);
150
+ border: 1px solid $green-600;
151
+
152
+ .message-box__icon {
153
+ color: $green-600;
154
+ }
155
+ }
156
+
157
+ &--outline-dashed {
158
+ background-color: rgba($green-600, 0.2);
159
+ border: 1px dashed $green-600;
160
+
161
+ .message-box__icon {
162
+ color: $green-600;
163
+ }
164
+ }
165
+
166
+ &--no-outline {
167
+ background-color: rgba($green-600, 0.2);
168
+
169
+ .message-box__icon {
170
+ color: $green-600;
171
+ }
172
+ }
173
+
174
+ &--glowing {
175
+ background-color: rgba($green-600, 0.2);
176
+ border: 1px solid $green-600;
177
+ box-shadow:
178
+ 0 0 8px rgba($green-600, 0.5),
179
+ 0 0 16px rgba($green-600, 0.4),
180
+ 0 0 24px rgba($green-600, 0.3);
181
+
182
+ .message-box__icon {
183
+ color: $green-600;
184
+ }
185
+ }
186
+ }
187
+
188
+ &--warning.message-box-type {
189
+ &--solid {
190
+ background-color: rgba($amber-600, 1);
191
+
192
+ .message-box__icon {
193
+ color: $white;
194
+ }
195
+ }
196
+
197
+ &--outline {
198
+ background-color: rgba($amber-600, 0.2);
199
+ border: 1px solid $amber-600;
200
+
201
+ .message-box__icon {
202
+ color: $amber-600;
203
+ }
204
+ }
205
+
206
+ &--outline-dashed {
207
+ background-color: rgba($amber-600, 0.2);
208
+ border: 1px dashed $amber-600;
209
+
210
+ .message-box__icon {
211
+ color: $amber-600;
212
+ }
213
+ }
214
+
215
+ &--no-outline {
216
+ background-color: rgba($amber-600, 0.2);
217
+
218
+ .message-box__icon {
219
+ color: $amber-600;
220
+ }
221
+ }
222
+
223
+ &--glowing {
224
+ background-color: rgba($amber-600, 0.2);
225
+ border: 1px solid $amber-600;
226
+ box-shadow:
227
+ 0 0 8px rgba($amber-600, 0.5),
228
+ 0 0 16px rgba($amber-600, 0.4),
229
+ 0 0 24px rgba($amber-600, 0.3);
230
+
231
+ .message-box__icon {
232
+ color: $amber-600;
233
+ }
234
+ }
235
+ }
236
+
237
+ &--error.message-box-type {
238
+ &--solid {
239
+ background-color: rgba($red-600, 1);
240
+
241
+ .message-box__icon {
242
+ color: $white;
243
+ }
244
+ }
245
+
246
+ &--outline {
247
+ background-color: rgba($red-600, 0.2);
248
+ border: 1px solid $red-600;
249
+
250
+ .message-box__icon {
251
+ color: $red-600;
252
+ }
253
+ }
254
+
255
+ &--outline-dashed {
256
+ background-color: rgba($red-600, 0.2);
257
+ border: 1px dashed $red-600;
258
+
259
+ .message-box__icon {
260
+ color: $red-600;
261
+ }
262
+ }
263
+
264
+ &--no-outline {
265
+ background-color: rgba($red-600, 0.2);
266
+
267
+ .message-box__icon {
268
+ color: $red-600;
269
+ }
270
+ }
271
+
272
+ &--glowing {
273
+ background-color: rgba($red-600, 0.2);
274
+ border: 1px solid $red-600;
275
+ box-shadow:
276
+ 0 0 8px rgba($red-600, 0.5),
277
+ 0 0 16px rgba($red-600, 0.4),
278
+ 0 0 24px rgba($red-600, 0.3);
279
+
280
+ .message-box__icon {
281
+ color: $red-600;
282
+ }
283
+ }
284
+ }
285
+
286
+ &__icon {
287
+ align-items: center;
288
+ display: flex;
289
+ justify-content: center;
290
+ margin: 0 10px 0 0;
291
+ max-height: 16px;
292
+ max-width: 16px;
293
+ min-height: 16px;
294
+ min-width: 16px;
295
+
296
+ &--default {
297
+ color: $grey-600;
298
+ }
299
+
300
+ &--info {
301
+ color: $blue-600;
302
+ }
303
+
304
+ &--success {
305
+ color: $green-600;
306
+ }
307
+
308
+ &--warning {
309
+ color: $amber-600;
310
+ }
311
+
312
+ &--error {
313
+ color: $red-600;
314
+ }
315
+
316
+ svg {
317
+ width: 100%;
318
+ }
319
+ }
320
+ }
package/lib/src/main/components/MessageBox/index.d.ts ADDED
@@ -0,0 +1,21 @@
1
+ import * as React from 'react';
2
+ import { type IconPropsType } from '@aristobyte-ui/utils';
3
+ import './MessageBox.scss';
4
+ type MessageBoxVariant = 'default' | 'info' | 'warning' | 'success' | 'error';
5
+ export interface IMessageBox {
6
+ variant?: MessageBoxVariant;
7
+ children?: React.ReactElement | React.ReactNode | string;
8
+ withIcon?: boolean;
9
+ customIcon?: {
10
+ component: (props: IconPropsType) => React.JSX.Element;
11
+ size?: number;
12
+ color?: string;
13
+ };
14
+ radius?: 'none' | 'sm' | 'md' | 'lg' | 'full';
15
+ type?: 'solid' | 'outline' | 'outline-dashed' | 'no-outline' | 'glowing';
16
+ className?: string;
17
+ style?: React.CSSProperties;
18
+ }
19
+ export declare const MessageBox: React.FC<IMessageBox>;
20
+ export {};
21
+ //# sourceMappingURL=index.d.ts.map
package/lib/src/main/components/MessageBox/index.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../packages/message-box/src/main/components/MessageBox/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,aAAa,EAAS,MAAM,sBAAsB,CAAC;AAEjE,OAAO,mBAAmB,CAAC;AAE3B,KAAK,iBAAiB,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAE9E,MAAM,WAAW,WAAW;IAC1B,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE;QACX,SAAS,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;QACvD,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IAC9C,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,gBAAgB,GAAG,YAAY,GAAG,SAAS,CAAC;IACzE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAgBD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA0B5C,CAAC"}
package/lib/src/main/components/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export * from './MessageBox';
2
+ //# sourceMappingURL=index.d.ts.map
package/lib/src/main/components/index.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/message-box/src/main/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
package/lib/src/main/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export * from './components';
2
+ //# sourceMappingURL=index.d.ts.map
package/lib/src/main/index.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/message-box/src/main/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@aristobyte-ui/message-box",
3
3
  "description": "A fully-typed, modular, and flexible MessageBox component for AristoByteUI, supporting multiple variants, types, border-radius options, and optional icons.",
4
- "version": "2.4.0",
4
+ "version": "2.5.1",
5
5
  "license": "MIT",
6
6
  "private": false,
7
7
  "author": "AristoByte <info@aristobyte.com>",
@@ -43,11 +43,13 @@
43
43
  },
44
44
  "main": "lib/src/main/index.js",
45
45
  "module": "es/src/main/index.js",
46
+ "types": "es/src/main/index.d.ts",
46
47
  "peerDependencies": {
47
48
  "react": "^19.1.0",
48
- "react-dom": "^19.1.0"
49
+ "react-dom": "^19.1.0",
50
+ "sass": "^1.97.3"
49
51
  },
50
52
  "dependencies": {
51
- "@aristobyte-ui/utils": "2.4.0"
53
+ "@aristobyte-ui/utils": "^2.5.1"
52
54
  }
53
55
  }