@rovula/ui 0.0.71 → 0.0.72
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 +35 -4
- package/dist/cjs/bundle.js +1 -1
- package/dist/cjs/bundle.js.map +1 -1
- package/dist/cjs/types/components/Slider/Slider.d.ts +9 -1
- package/dist/cjs/types/components/Slider/Slider.stories.d.ts +9 -1
- package/dist/components/Slider/Slider.js +2 -2
- package/dist/components/Slider/Slider.stories.js +22 -2
- package/dist/esm/bundle.css +35 -4
- package/dist/esm/bundle.js +1 -1
- package/dist/esm/bundle.js.map +1 -1
- package/dist/esm/types/components/Slider/Slider.d.ts +9 -1
- package/dist/esm/types/components/Slider/Slider.stories.d.ts +9 -1
- package/dist/index.d.ts +10 -2
- package/dist/src/theme/global.css +44 -5
- package/package.json +1 -1
- package/src/components/Slider/Slider.stories.tsx +83 -2
- package/src/components/Slider/Slider.tsx +56 -19
package/dist/cjs/bundle.css
CHANGED
|
@@ -828,6 +828,9 @@ input[type=number] {
|
|
|
828
828
|
width: 100%;
|
|
829
829
|
height: 100%;
|
|
830
830
|
}
|
|
831
|
+
.h-1{
|
|
832
|
+
height: 0.25rem;
|
|
833
|
+
}
|
|
831
834
|
.h-1\/2{
|
|
832
835
|
height: 50%;
|
|
833
836
|
}
|
|
@@ -1166,6 +1169,11 @@ input[type=number] {
|
|
|
1166
1169
|
margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
|
|
1167
1170
|
margin-bottom: calc(1rem * var(--tw-space-y-reverse));
|
|
1168
1171
|
}
|
|
1172
|
+
.space-y-8 > :not([hidden]) ~ :not([hidden]){
|
|
1173
|
+
--tw-space-y-reverse: 0;
|
|
1174
|
+
margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
|
|
1175
|
+
margin-bottom: calc(2rem * var(--tw-space-y-reverse));
|
|
1176
|
+
}
|
|
1169
1177
|
.self-center{
|
|
1170
1178
|
align-self: center;
|
|
1171
1179
|
}
|
|
@@ -1472,6 +1480,10 @@ input[type=number] {
|
|
|
1472
1480
|
--tw-border-opacity: 1;
|
|
1473
1481
|
border-color: color-mix(in srgb, var(--state-color-warning-stroke) calc(100% * var(--tw-border-opacity, 1)), transparent);
|
|
1474
1482
|
}
|
|
1483
|
+
.border-white{
|
|
1484
|
+
--tw-border-opacity: 1;
|
|
1485
|
+
border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
|
|
1486
|
+
}
|
|
1475
1487
|
.border-b-\[rgb\(var\(--navbar-border-color\)\)\]{
|
|
1476
1488
|
border-bottom-color: rgb(var(--navbar-border-color));
|
|
1477
1489
|
}
|
|
@@ -2713,6 +2725,25 @@ input[type=number] {
|
|
|
2713
2725
|
--tw-bg-opacity: 1;
|
|
2714
2726
|
background-color: color-mix(in srgb, var(--other-transparency-white-8) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2715
2727
|
}
|
|
2728
|
+
.bg-gradient-to-r{
|
|
2729
|
+
background-image: linear-gradient(to right, var(--tw-gradient-stops));
|
|
2730
|
+
}
|
|
2731
|
+
.from-\[\#848484\]{
|
|
2732
|
+
--tw-gradient-from: #848484 var(--tw-gradient-from-position);
|
|
2733
|
+
--tw-gradient-to: rgb(132 132 132 / 0) var(--tw-gradient-to-position);
|
|
2734
|
+
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
|
2735
|
+
}
|
|
2736
|
+
.from-black{
|
|
2737
|
+
--tw-gradient-from: #000 var(--tw-gradient-from-position);
|
|
2738
|
+
--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
|
|
2739
|
+
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
|
2740
|
+
}
|
|
2741
|
+
.to-\[\#A00202\]{
|
|
2742
|
+
--tw-gradient-to: #A00202 var(--tw-gradient-to-position);
|
|
2743
|
+
}
|
|
2744
|
+
.to-white{
|
|
2745
|
+
--tw-gradient-to: #fff var(--tw-gradient-to-position);
|
|
2746
|
+
}
|
|
2716
2747
|
.fill-action-button-icon-active{
|
|
2717
2748
|
fill: color-mix(in srgb, var(--action-button-icon-active-text) calc(100% * 1), transparent);
|
|
2718
2749
|
}
|
|
@@ -3563,10 +3594,6 @@ input[type=number] {
|
|
|
3563
3594
|
--tw-ring-opacity: 1;
|
|
3564
3595
|
--tw-ring-color: color-mix(in srgb, var(--input-color-error) calc(100% * var(--tw-ring-opacity, 1)), transparent);
|
|
3565
3596
|
}
|
|
3566
|
-
.ring-primary{
|
|
3567
|
-
--tw-ring-opacity: 1;
|
|
3568
|
-
--tw-ring-color: color-mix(in srgb, var(--state-color-primary-default) calc(100% * var(--tw-ring-opacity, 1)), transparent);
|
|
3569
|
-
}
|
|
3570
3597
|
.ring-offset-background{
|
|
3571
3598
|
--tw-ring-offset-color: color-mix(in srgb, var(--background) calc(100% * 1), transparent);
|
|
3572
3599
|
}
|
|
@@ -3574,6 +3601,10 @@ input[type=number] {
|
|
|
3574
3601
|
--tw-blur: blur(8px);
|
|
3575
3602
|
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
|
3576
3603
|
}
|
|
3604
|
+
.drop-shadow{
|
|
3605
|
+
--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
|
|
3606
|
+
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
|
3607
|
+
}
|
|
3577
3608
|
.filter{
|
|
3578
3609
|
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
|
3579
3610
|
}
|