@rovula/ui 0.0.16 → 0.0.17

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 (33) hide show
  1. package/dist/cjs/bundle.css +45 -0
  2. package/dist/cjs/bundle.js +3 -3
  3. package/dist/cjs/bundle.js.map +1 -1
  4. package/dist/cjs/types/components/Collapsible/Collapsible.d.ts +23 -0
  5. package/dist/cjs/types/components/Collapsible/Collapsible.stories.d.ts +8 -0
  6. package/dist/cjs/types/components/Collapsible/Collapsible.styles.d.ts +11 -0
  7. package/dist/cjs/types/components/Collapsible/CollapsibleContext.d.ts +16 -0
  8. package/dist/cjs/types/components/Collapsible/index.d.ts +1 -0
  9. package/dist/cjs/types/index.d.ts +1 -0
  10. package/dist/components/Collapsible/Collapsible.js +37 -0
  11. package/dist/components/Collapsible/Collapsible.stories.js +44 -0
  12. package/dist/components/Collapsible/Collapsible.styles.js +47 -0
  13. package/dist/components/Collapsible/CollapsibleContext.js +25 -0
  14. package/dist/components/Collapsible/index.js +1 -0
  15. package/dist/esm/bundle.css +45 -0
  16. package/dist/esm/bundle.js +3 -3
  17. package/dist/esm/bundle.js.map +1 -1
  18. package/dist/esm/types/components/Collapsible/Collapsible.d.ts +23 -0
  19. package/dist/esm/types/components/Collapsible/Collapsible.stories.d.ts +8 -0
  20. package/dist/esm/types/components/Collapsible/Collapsible.styles.d.ts +11 -0
  21. package/dist/esm/types/components/Collapsible/CollapsibleContext.d.ts +16 -0
  22. package/dist/esm/types/components/Collapsible/index.d.ts +1 -0
  23. package/dist/esm/types/index.d.ts +1 -0
  24. package/dist/index.d.ts +23 -1
  25. package/dist/index.js +1 -0
  26. package/dist/src/theme/global.css +56 -0
  27. package/package.json +1 -1
  28. package/src/components/Collapsible/Collapsible.stories.tsx +65 -0
  29. package/src/components/Collapsible/Collapsible.styles.ts +62 -0
  30. package/src/components/Collapsible/Collapsible.tsx +113 -0
  31. package/src/components/Collapsible/CollapsibleContext.tsx +61 -0
  32. package/src/components/Collapsible/index.ts +1 -0
  33. package/src/index.ts +1 -0
package/dist/cjs/bundle.css CHANGED
@@ -896,10 +896,18 @@ video {
896
896
  width: 1.5rem;
897
897
  height: 1.5rem;
898
898
  }
899
+ .size-7 {
900
+ width: 1.75rem;
901
+ height: 1.75rem;
902
+ }
899
903
  .size-\[14px\] {
900
904
  width: 14px;
901
905
  height: 14px;
902
906
  }
907
+ .size-full {
908
+ width: 100%;
909
+ height: 100%;
910
+ }
903
911
  .h-10 {
904
912
  height: 2.5rem;
905
913
  }
@@ -1079,6 +1087,9 @@ video {
1079
1087
  .flex-wrap {
1080
1088
  flex-wrap: wrap;
1081
1089
  }
1090
+ .content-center {
1091
+ align-content: center;
1092
+ }
1082
1093
  .items-center {
1083
1094
  align-items: center;
1084
1095
  }
@@ -1301,6 +1312,10 @@ video {
1301
1312
  --tw-bg-opacity: 1;
1302
1313
  background-color: rgb(var(--error-100) / var(--tw-bg-opacity));
1303
1314
  }
1315
+ .bg-gray-100 {
1316
+ --tw-bg-opacity: 1;
1317
+ background-color: rgb(243 244 246 / var(--tw-bg-opacity));
1318
+ }
1304
1319
  .bg-gray-200 {
1305
1320
  --tw-bg-opacity: 1;
1306
1321
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
@@ -1448,6 +1463,10 @@ video {
1448
1463
  padding-left: 1rem;
1449
1464
  padding-right: 1rem;
1450
1465
  }
1466
+ .px-5 {
1467
+ padding-left: 1.25rem;
1468
+ padding-right: 1.25rem;
1469
+ }
1451
1470
  .px-6 {
1452
1471
  padding-left: 1.5rem;
1453
1472
  padding-right: 1.5rem;
@@ -1824,6 +1843,13 @@ video {
1824
1843
  .filter {
1825
1844
  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);
1826
1845
  }
1846
+ .transition {
1847
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
1848
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
1849
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
1850
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1851
+ transition-duration: 150ms;
1852
+ }
1827
1853
  .transition-all {
1828
1854
  transition-property: all;
1829
1855
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -1839,6 +1865,9 @@ video {
1839
1865
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1840
1866
  transition-duration: 150ms;
1841
1867
  }
1868
+ .delay-150 {
1869
+ transition-delay: 150ms;
1870
+ }
1842
1871
  .duration-200 {
1843
1872
  transition-duration: 200ms;
1844
1873
  }
@@ -1990,6 +2019,10 @@ video {
1990
2019
  --tw-bg-opacity: 1;
1991
2020
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
1992
2021
  }
2022
+ .hover\:bg-gray-200:hover {
2023
+ --tw-bg-opacity: 1;
2024
+ background-color: rgb(229 231 235 / var(--tw-bg-opacity));
2025
+ }
1993
2026
  .hover\:bg-info-100:hover {
1994
2027
  --tw-bg-opacity: 1;
1995
2028
  background-color: rgb(var(--info-100)) / var(--tw-bg-opacity));
@@ -2109,14 +2142,26 @@ video {
2109
2142
  outline: 2px solid transparent;
2110
2143
  outline-offset: 2px;
2111
2144
  }
2145
+ .focus-visible\:ring:focus-visible {
2146
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2147
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2148
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2149
+ }
2112
2150
  .focus-visible\:ring-2:focus-visible {
2113
2151
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2114
2152
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2115
2153
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2116
2154
  }
2155
+ .focus-visible\:ring-gray-500:focus-visible {
2156
+ --tw-ring-opacity: 1;
2157
+ --tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity));
2158
+ }
2117
2159
  .focus-visible\:ring-ring:focus-visible {
2118
2160
  --tw-ring-color: hsl(var(--ring));
2119
2161
  }
2162
+ .focus-visible\:ring-opacity-75:focus-visible {
2163
+ --tw-ring-opacity: 0.75;
2164
+ }
2120
2165
  .focus-visible\:ring-offset-2:focus-visible {
2121
2166
  --tw-ring-offset-width: 2px;
2122
2167
  }