ics-ui-kit 0.1.0-alpha.74 → 0.1.0-alpha.76
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/{Select-d1VUmFM3.js → Select-DRwv6-eZ.js} +8 -2
- package/dist/{Select-d1VUmFM3.js.map → Select-DRwv6-eZ.js.map} +1 -1
- package/dist/components/dialog/Dialog.stories.d.ts +0 -1
- package/dist/components/search-select/multi-select/MultiSelect.d.ts +2 -0
- package/dist/components/search-select.js +315 -314
- package/dist/components/search-select.js.map +1 -1
- package/dist/components/select.js +1 -1
- package/dist/components/table/Table.d.ts +9 -0
- package/dist/components/table/Table.stories.d.ts +1 -0
- package/dist/components/table/index.d.ts +1 -1
- package/dist/components/table.js +63 -48
- package/dist/components/table.js.map +1 -1
- package/dist/components/tag-input.js +1 -1
- package/dist/styles-scoped.css +26 -12
- package/dist/styles.css +26 -12
- package/dist/theme.css +1 -1
- package/package.json +1 -1
package/dist/styles-scoped.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/* Изолированные стили */
|
|
2
|
-
:root {
|
|
2
|
+
:root, .light {
|
|
3
3
|
--radius: 0.5rem;
|
|
4
4
|
|
|
5
5
|
/**
|
|
@@ -1315,6 +1315,9 @@
|
|
|
1315
1315
|
.ui-kit .relative {
|
|
1316
1316
|
position: relative;
|
|
1317
1317
|
}
|
|
1318
|
+
.ui-kit .sticky {
|
|
1319
|
+
position: sticky;
|
|
1320
|
+
}
|
|
1318
1321
|
.ui-kit .inset-0 {
|
|
1319
1322
|
inset: 0px;
|
|
1320
1323
|
}
|
|
@@ -1934,6 +1937,9 @@
|
|
|
1934
1937
|
.ui-kit .max-h-32 {
|
|
1935
1938
|
max-height: 8rem;
|
|
1936
1939
|
}
|
|
1940
|
+
.ui-kit .max-h-64 {
|
|
1941
|
+
max-height: 16rem;
|
|
1942
|
+
}
|
|
1937
1943
|
.ui-kit .max-h-8 {
|
|
1938
1944
|
max-height: 2rem;
|
|
1939
1945
|
}
|
|
@@ -2258,6 +2264,9 @@
|
|
|
2258
2264
|
.ui-kit .min-w-full {
|
|
2259
2265
|
min-width: 100%;
|
|
2260
2266
|
}
|
|
2267
|
+
.ui-kit .max-w-2xl {
|
|
2268
|
+
max-width: 42rem;
|
|
2269
|
+
}
|
|
2261
2270
|
.ui-kit .max-w-32 {
|
|
2262
2271
|
max-width: 8rem;
|
|
2263
2272
|
}
|
|
@@ -2470,9 +2479,6 @@
|
|
|
2470
2479
|
.ui-kit .resize {
|
|
2471
2480
|
resize: both;
|
|
2472
2481
|
}
|
|
2473
|
-
.ui-kit .list-disc {
|
|
2474
|
-
list-style-type: disc;
|
|
2475
|
-
}
|
|
2476
2482
|
.ui-kit .grid-cols-1 {
|
|
2477
2483
|
grid-template-columns: repeat(1, minmax(0, 1fr));
|
|
2478
2484
|
}
|
|
@@ -2485,6 +2491,9 @@
|
|
|
2485
2491
|
.ui-kit .grid-cols-5 {
|
|
2486
2492
|
grid-template-columns: repeat(5, minmax(0, 1fr));
|
|
2487
2493
|
}
|
|
2494
|
+
.ui-kit .grid-cols-\[50px_repeat\(3\2c 1fr\)_80px\] {
|
|
2495
|
+
grid-template-columns: 50px repeat(3,1fr) 80px;
|
|
2496
|
+
}
|
|
2488
2497
|
.ui-kit .grid-cols-\[50px_repeat\(6\2c 1fr\)\] {
|
|
2489
2498
|
grid-template-columns: 50px repeat(6,1fr);
|
|
2490
2499
|
}
|
|
@@ -2777,6 +2786,10 @@
|
|
|
2777
2786
|
border-top-left-radius: 1rem;
|
|
2778
2787
|
border-top-right-radius: 1rem;
|
|
2779
2788
|
}
|
|
2789
|
+
.ui-kit .rounded-t-lg {
|
|
2790
|
+
border-top-left-radius: var(--radius);
|
|
2791
|
+
border-top-right-radius: var(--radius);
|
|
2792
|
+
}
|
|
2780
2793
|
.ui-kit .rounded-t-none {
|
|
2781
2794
|
border-top-left-radius: 0px;
|
|
2782
2795
|
border-top-right-radius: 0px;
|
|
@@ -4725,9 +4738,18 @@
|
|
|
4725
4738
|
.ui-kit :is(.group\/menu-item:hover .group-hover\/menu-item\:opacity-100) {
|
|
4726
4739
|
opacity: 1;
|
|
4727
4740
|
}
|
|
4741
|
+
.ui-kit :is(.group\/search-select-trigger:hover .group-hover\/search-select-trigger\:opacity-100) {
|
|
4742
|
+
opacity: 1;
|
|
4743
|
+
}
|
|
4728
4744
|
.ui-kit :is(.group:hover .group-hover\:opacity-100) {
|
|
4729
4745
|
opacity: 1;
|
|
4730
4746
|
}
|
|
4747
|
+
.ui-kit :is(.group\/search-select-trigger:focus-visible .group-focus-visible\/search-select-trigger\:opacity-100) {
|
|
4748
|
+
opacity: 1;
|
|
4749
|
+
}
|
|
4750
|
+
.ui-kit :is(.group:focus-visible .group-focus-visible\:opacity-100) {
|
|
4751
|
+
opacity: 1;
|
|
4752
|
+
}
|
|
4731
4753
|
.ui-kit :is(.group:disabled .group-disabled\:hidden) {
|
|
4732
4754
|
display: none;
|
|
4733
4755
|
}
|
|
@@ -5792,10 +5814,6 @@
|
|
|
5792
5814
|
padding-top: 0.625rem;
|
|
5793
5815
|
padding-bottom: 0.625rem;
|
|
5794
5816
|
}
|
|
5795
|
-
.ui-kit .lg\:py-6 {
|
|
5796
|
-
padding-top: 1.5rem;
|
|
5797
|
-
padding-bottom: 1.5rem;
|
|
5798
|
-
}
|
|
5799
5817
|
.ui-kit .lg\:py-\[0\.3125rem\] {
|
|
5800
5818
|
padding-top: 0.3125rem;
|
|
5801
5819
|
padding-bottom: 0.3125rem;
|
|
@@ -5977,10 +5995,6 @@
|
|
|
5977
5995
|
.ui-kit .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]) {
|
|
5978
5996
|
padding-right: 0px;
|
|
5979
5997
|
}
|
|
5980
|
-
.ui-kit :is(.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]) {
|
|
5981
|
-
--tw-translate-y: 2px;
|
|
5982
|
-
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
5983
|
-
}
|
|
5984
5998
|
.ui-kit :is(.\[\&\>button\]\:hidden>button) {
|
|
5985
5999
|
display: none;
|
|
5986
6000
|
}
|
package/dist/styles.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/* Глобальные стили */
|
|
2
|
-
:root {
|
|
2
|
+
:root, .light {
|
|
3
3
|
--radius: 0.5rem;
|
|
4
4
|
|
|
5
5
|
/**
|
|
@@ -1300,6 +1300,9 @@ body {
|
|
|
1300
1300
|
.relative {
|
|
1301
1301
|
position: relative;
|
|
1302
1302
|
}
|
|
1303
|
+
.sticky {
|
|
1304
|
+
position: sticky;
|
|
1305
|
+
}
|
|
1303
1306
|
.inset-0 {
|
|
1304
1307
|
inset: 0px;
|
|
1305
1308
|
}
|
|
@@ -1919,6 +1922,9 @@ body {
|
|
|
1919
1922
|
.max-h-32 {
|
|
1920
1923
|
max-height: 8rem;
|
|
1921
1924
|
}
|
|
1925
|
+
.max-h-64 {
|
|
1926
|
+
max-height: 16rem;
|
|
1927
|
+
}
|
|
1922
1928
|
.max-h-8 {
|
|
1923
1929
|
max-height: 2rem;
|
|
1924
1930
|
}
|
|
@@ -2243,6 +2249,9 @@ body {
|
|
|
2243
2249
|
.min-w-full {
|
|
2244
2250
|
min-width: 100%;
|
|
2245
2251
|
}
|
|
2252
|
+
.max-w-2xl {
|
|
2253
|
+
max-width: 42rem;
|
|
2254
|
+
}
|
|
2246
2255
|
.max-w-32 {
|
|
2247
2256
|
max-width: 8rem;
|
|
2248
2257
|
}
|
|
@@ -2455,9 +2464,6 @@ body {
|
|
|
2455
2464
|
.resize {
|
|
2456
2465
|
resize: both;
|
|
2457
2466
|
}
|
|
2458
|
-
.list-disc {
|
|
2459
|
-
list-style-type: disc;
|
|
2460
|
-
}
|
|
2461
2467
|
.grid-cols-1 {
|
|
2462
2468
|
grid-template-columns: repeat(1, minmax(0, 1fr));
|
|
2463
2469
|
}
|
|
@@ -2470,6 +2476,9 @@ body {
|
|
|
2470
2476
|
.grid-cols-5 {
|
|
2471
2477
|
grid-template-columns: repeat(5, minmax(0, 1fr));
|
|
2472
2478
|
}
|
|
2479
|
+
.grid-cols-\[50px_repeat\(3\2c 1fr\)_80px\] {
|
|
2480
|
+
grid-template-columns: 50px repeat(3,1fr) 80px;
|
|
2481
|
+
}
|
|
2473
2482
|
.grid-cols-\[50px_repeat\(6\2c 1fr\)\] {
|
|
2474
2483
|
grid-template-columns: 50px repeat(6,1fr);
|
|
2475
2484
|
}
|
|
@@ -2762,6 +2771,10 @@ body {
|
|
|
2762
2771
|
border-top-left-radius: 1rem;
|
|
2763
2772
|
border-top-right-radius: 1rem;
|
|
2764
2773
|
}
|
|
2774
|
+
.rounded-t-lg {
|
|
2775
|
+
border-top-left-radius: var(--radius);
|
|
2776
|
+
border-top-right-radius: var(--radius);
|
|
2777
|
+
}
|
|
2765
2778
|
.rounded-t-none {
|
|
2766
2779
|
border-top-left-radius: 0px;
|
|
2767
2780
|
border-top-right-radius: 0px;
|
|
@@ -4714,9 +4727,18 @@ body {
|
|
|
4714
4727
|
.group\/menu-item:hover .group-hover\/menu-item\:opacity-100 {
|
|
4715
4728
|
opacity: 1;
|
|
4716
4729
|
}
|
|
4730
|
+
.group\/search-select-trigger:hover .group-hover\/search-select-trigger\:opacity-100 {
|
|
4731
|
+
opacity: 1;
|
|
4732
|
+
}
|
|
4717
4733
|
.group:hover .group-hover\:opacity-100 {
|
|
4718
4734
|
opacity: 1;
|
|
4719
4735
|
}
|
|
4736
|
+
.group\/search-select-trigger:focus-visible .group-focus-visible\/search-select-trigger\:opacity-100 {
|
|
4737
|
+
opacity: 1;
|
|
4738
|
+
}
|
|
4739
|
+
.group:focus-visible .group-focus-visible\:opacity-100 {
|
|
4740
|
+
opacity: 1;
|
|
4741
|
+
}
|
|
4720
4742
|
.group:disabled .group-disabled\:hidden {
|
|
4721
4743
|
display: none;
|
|
4722
4744
|
}
|
|
@@ -5781,10 +5803,6 @@ body {
|
|
|
5781
5803
|
padding-top: 0.625rem;
|
|
5782
5804
|
padding-bottom: 0.625rem;
|
|
5783
5805
|
}
|
|
5784
|
-
.lg\:py-6 {
|
|
5785
|
-
padding-top: 1.5rem;
|
|
5786
|
-
padding-bottom: 1.5rem;
|
|
5787
|
-
}
|
|
5788
5806
|
.lg\:py-\[0\.3125rem\] {
|
|
5789
5807
|
padding-top: 0.3125rem;
|
|
5790
5808
|
padding-bottom: 0.3125rem;
|
|
@@ -5966,10 +5984,6 @@ body {
|
|
|
5966
5984
|
.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]) {
|
|
5967
5985
|
padding-right: 0px;
|
|
5968
5986
|
}
|
|
5969
|
-
.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox] {
|
|
5970
|
-
--tw-translate-y: 2px;
|
|
5971
|
-
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
5972
|
-
}
|
|
5973
5987
|
.\[\&\>button\]\:hidden>button {
|
|
5974
5988
|
display: none;
|
|
5975
5989
|
}
|
package/dist/theme.css
CHANGED