@rovula/ui 0.0.71 → 0.0.73

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 (29) hide show
  1. package/dist/cjs/bundle.css +40 -4
  2. package/dist/cjs/bundle.js +3 -3
  3. package/dist/cjs/bundle.js.map +1 -1
  4. package/dist/cjs/types/components/RadioGroup/RadioGroup.stories.d.ts +6 -0
  5. package/dist/cjs/types/components/Slider/Slider.d.ts +9 -1
  6. package/dist/cjs/types/components/Slider/Slider.stories.d.ts +9 -1
  7. package/dist/cjs/types/index.d.ts +1 -0
  8. package/dist/components/Label/Label.styles.js +2 -2
  9. package/dist/components/RadioGroup/RadioGroup.stories.js +9 -0
  10. package/dist/components/Slider/Slider.js +2 -2
  11. package/dist/components/Slider/Slider.stories.js +22 -2
  12. package/dist/components/TextInput/TextInput.js +1 -1
  13. package/dist/esm/bundle.css +40 -4
  14. package/dist/esm/bundle.js +3 -3
  15. package/dist/esm/bundle.js.map +1 -1
  16. package/dist/esm/types/components/RadioGroup/RadioGroup.stories.d.ts +6 -0
  17. package/dist/esm/types/components/Slider/Slider.d.ts +9 -1
  18. package/dist/esm/types/components/Slider/Slider.stories.d.ts +9 -1
  19. package/dist/esm/types/index.d.ts +1 -0
  20. package/dist/index.d.ts +14 -2
  21. package/dist/index.js +1 -0
  22. package/dist/src/theme/global.css +50 -5
  23. package/package.json +1 -1
  24. package/src/components/Label/Label.styles.ts +2 -2
  25. package/src/components/RadioGroup/RadioGroup.stories.tsx +27 -0
  26. package/src/components/Slider/Slider.stories.tsx +83 -2
  27. package/src/components/Slider/Slider.tsx +56 -19
  28. package/src/components/TextInput/TextInput.tsx +1 -1
  29. package/src/index.ts +1 -0
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
  }
@@ -1156,6 +1159,11 @@ input[type=number] {
1156
1159
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
1157
1160
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
1158
1161
  }
1162
+ .space-x-4 > :not([hidden]) ~ :not([hidden]){
1163
+ --tw-space-x-reverse: 0;
1164
+ margin-right: calc(1rem * var(--tw-space-x-reverse));
1165
+ margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
1166
+ }
1159
1167
  .space-y-2 > :not([hidden]) ~ :not([hidden]){
1160
1168
  --tw-space-y-reverse: 0;
1161
1169
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
@@ -1166,6 +1174,11 @@ input[type=number] {
1166
1174
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
1167
1175
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
1168
1176
  }
1177
+ .space-y-8 > :not([hidden]) ~ :not([hidden]){
1178
+ --tw-space-y-reverse: 0;
1179
+ margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
1180
+ margin-bottom: calc(2rem * var(--tw-space-y-reverse));
1181
+ }
1169
1182
  .self-center{
1170
1183
  align-self: center;
1171
1184
  }
@@ -1472,6 +1485,10 @@ input[type=number] {
1472
1485
  --tw-border-opacity: 1;
1473
1486
  border-color: color-mix(in srgb, var(--state-color-warning-stroke) calc(100% * var(--tw-border-opacity, 1)), transparent);
1474
1487
  }
1488
+ .border-white{
1489
+ --tw-border-opacity: 1;
1490
+ border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
1491
+ }
1475
1492
  .border-b-\[rgb\(var\(--navbar-border-color\)\)\]{
1476
1493
  border-bottom-color: rgb(var(--navbar-border-color));
1477
1494
  }
@@ -2713,6 +2730,25 @@ input[type=number] {
2713
2730
  --tw-bg-opacity: 1;
2714
2731
  background-color: color-mix(in srgb, var(--other-transparency-white-8) calc(100% * var(--tw-bg-opacity, 1)), transparent);
2715
2732
  }
2733
+ .bg-gradient-to-r{
2734
+ background-image: linear-gradient(to right, var(--tw-gradient-stops));
2735
+ }
2736
+ .from-\[\#848484\]{
2737
+ --tw-gradient-from: #848484 var(--tw-gradient-from-position);
2738
+ --tw-gradient-to: rgb(132 132 132 / 0) var(--tw-gradient-to-position);
2739
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
2740
+ }
2741
+ .from-black{
2742
+ --tw-gradient-from: #000 var(--tw-gradient-from-position);
2743
+ --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
2744
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
2745
+ }
2746
+ .to-\[\#A00202\]{
2747
+ --tw-gradient-to: #A00202 var(--tw-gradient-to-position);
2748
+ }
2749
+ .to-white{
2750
+ --tw-gradient-to: #fff var(--tw-gradient-to-position);
2751
+ }
2716
2752
  .fill-action-button-icon-active{
2717
2753
  fill: color-mix(in srgb, var(--action-button-icon-active-text) calc(100% * 1), transparent);
2718
2754
  }
@@ -3563,10 +3599,6 @@ input[type=number] {
3563
3599
  --tw-ring-opacity: 1;
3564
3600
  --tw-ring-color: color-mix(in srgb, var(--input-color-error) calc(100% * var(--tw-ring-opacity, 1)), transparent);
3565
3601
  }
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
3602
  .ring-offset-background{
3571
3603
  --tw-ring-offset-color: color-mix(in srgb, var(--background) calc(100% * 1), transparent);
3572
3604
  }
@@ -3574,6 +3606,10 @@ input[type=number] {
3574
3606
  --tw-blur: blur(8px);
3575
3607
  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
3608
  }
3609
+ .drop-shadow{
3610
+ --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));
3611
+ 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);
3612
+ }
3577
3613
  .filter{
3578
3614
  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
3615
  }