@rovula/ui 0.0.45 → 0.0.46
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/bundle.css +27 -0
- package/dist/cjs/bundle.js +3 -3
- package/dist/cjs/bundle.js.map +1 -1
- package/dist/cjs/types/components/Toast/Toast.stories.d.ts +8 -0
- package/dist/cjs/types/components/Toast/Toaster.d.ts +2 -1
- package/dist/cjs/types/components/Toast/useToast.d.ts +1 -0
- package/dist/components/Toast/Toast.stories.js +19 -0
- package/dist/components/Toast/Toaster.js +4 -3
- package/dist/components/Toast/useToast.js +5 -2
- package/dist/esm/bundle.css +27 -0
- package/dist/esm/bundle.js +1 -1
- package/dist/esm/bundle.js.map +1 -1
- package/dist/esm/types/components/Toast/Toast.stories.d.ts +8 -0
- package/dist/esm/types/components/Toast/Toaster.d.ts +2 -1
- package/dist/esm/types/components/Toast/useToast.d.ts +1 -0
- package/dist/index.d.ts +3 -1
- package/dist/src/theme/global.css +34 -0
- package/package.json +1 -1
- package/src/components/Toast/Toast.stories.tsx +50 -0
- package/src/components/Toast/Toaster.tsx +5 -3
- package/src/components/Toast/useToast.ts +6 -2
package/dist/cjs/bundle.css
CHANGED
|
@@ -671,6 +671,9 @@ input[type=number] {
|
|
|
671
671
|
.-mr-2{
|
|
672
672
|
margin-right: -0.5rem;
|
|
673
673
|
}
|
|
674
|
+
.-mt-\[30px\]{
|
|
675
|
+
margin-top: -30px;
|
|
676
|
+
}
|
|
674
677
|
.ml-2{
|
|
675
678
|
margin-left: 0.5rem;
|
|
676
679
|
}
|
|
@@ -1333,6 +1336,10 @@ input[type=number] {
|
|
|
1333
1336
|
--tw-border-opacity: 1;
|
|
1334
1337
|
border-color: color-mix(in srgb, var(--function-default-solid) calc(100% * var(--tw-border-opacity)), transparent);
|
|
1335
1338
|
}
|
|
1339
|
+
.border-info{
|
|
1340
|
+
--tw-border-opacity: 1;
|
|
1341
|
+
border-color: color-mix(in srgb, var(--state-color-info-default) calc(100% * var(--tw-border-opacity)), transparent);
|
|
1342
|
+
}
|
|
1336
1343
|
.border-info-stroke{
|
|
1337
1344
|
--tw-border-opacity: 1;
|
|
1338
1345
|
border-color: color-mix(in srgb, var(--state-color-info-stroke) calc(100% * var(--tw-border-opacity)), transparent);
|
|
@@ -1726,6 +1733,10 @@ input[type=number] {
|
|
|
1726
1733
|
--tw-bg-opacity: 1;
|
|
1727
1734
|
background-color: rgb(229 231 235 / var(--tw-bg-opacity));
|
|
1728
1735
|
}
|
|
1736
|
+
.bg-green-500{
|
|
1737
|
+
--tw-bg-opacity: 1;
|
|
1738
|
+
background-color: rgb(34 197 94 / var(--tw-bg-opacity));
|
|
1739
|
+
}
|
|
1729
1740
|
.bg-grey-10{
|
|
1730
1741
|
--tw-bg-opacity: 1;
|
|
1731
1742
|
background-color: color-mix(in srgb, var(--grey-grey-10) calc(100% * var(--tw-bg-opacity)), transparent);
|
|
@@ -1986,6 +1997,10 @@ input[type=number] {
|
|
|
1986
1997
|
--tw-bg-opacity: 1;
|
|
1987
1998
|
background-color: color-mix(in srgb, var(--input-color-label-bg) calc(100% * var(--tw-bg-opacity)), transparent);
|
|
1988
1999
|
}
|
|
2000
|
+
.bg-pink-100{
|
|
2001
|
+
--tw-bg-opacity: 1;
|
|
2002
|
+
background-color: rgb(252 231 243 / var(--tw-bg-opacity));
|
|
2003
|
+
}
|
|
1989
2004
|
.bg-primary{
|
|
1990
2005
|
--tw-bg-opacity: 1;
|
|
1991
2006
|
background-color: color-mix(in srgb, var(--state-color-primary-default) calc(100% * var(--tw-bg-opacity)), transparent);
|
|
@@ -2114,6 +2129,10 @@ input[type=number] {
|
|
|
2114
2129
|
--tw-bg-opacity: 1;
|
|
2115
2130
|
background-color: color-mix(in srgb, var(--main-transparency-primary-8) calc(100% * var(--tw-bg-opacity)), transparent);
|
|
2116
2131
|
}
|
|
2132
|
+
.bg-red-100{
|
|
2133
|
+
--tw-bg-opacity: 1;
|
|
2134
|
+
background-color: rgb(254 226 226 / var(--tw-bg-opacity));
|
|
2135
|
+
}
|
|
2117
2136
|
.bg-secondary{
|
|
2118
2137
|
--tw-bg-opacity: 1;
|
|
2119
2138
|
background-color: color-mix(in srgb, var(--state-color-secondary-default) calc(100% * var(--tw-bg-opacity)), transparent);
|
|
@@ -3262,6 +3281,10 @@ input[type=number] {
|
|
|
3262
3281
|
--tw-text-opacity: 1;
|
|
3263
3282
|
color: rgb(107 114 128 / var(--tw-text-opacity));
|
|
3264
3283
|
}
|
|
3284
|
+
.text-grey2-500{
|
|
3285
|
+
--tw-text-opacity: 1;
|
|
3286
|
+
color: color-mix(in srgb, var(--grey2-grey2-500) calc(100% * var(--tw-text-opacity)), transparent);
|
|
3287
|
+
}
|
|
3265
3288
|
.text-info{
|
|
3266
3289
|
--tw-text-opacity: 1;
|
|
3267
3290
|
color: color-mix(in srgb, var(--state-color-info-default) calc(100% * var(--tw-text-opacity)), transparent);
|
|
@@ -3289,6 +3312,10 @@ input[type=number] {
|
|
|
3289
3312
|
--tw-text-opacity: 1;
|
|
3290
3313
|
color: color-mix(in srgb, var(--state-color-primary-default) calc(100% * var(--tw-text-opacity)), transparent);
|
|
3291
3314
|
}
|
|
3315
|
+
.text-red-500{
|
|
3316
|
+
--tw-text-opacity: 1;
|
|
3317
|
+
color: rgb(239 68 68 / var(--tw-text-opacity));
|
|
3318
|
+
}
|
|
3292
3319
|
.text-secondary{
|
|
3293
3320
|
--tw-text-opacity: 1;
|
|
3294
3321
|
color: color-mix(in srgb, var(--state-color-secondary-default) calc(100% * var(--tw-text-opacity)), transparent);
|