@medyll/idae-slotui-svelte 0.121.0 → 0.122.1

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 (107) hide show
  1. package/dist/index.d.ts +64 -64
  2. package/dist/index.js +64 -64
  3. package/dist/slotui-css/alert.css +95 -95
  4. package/dist/slotui-css/alert.min.css +95 -95
  5. package/dist/slotui-css/auto-complete.css +11 -11
  6. package/dist/slotui-css/auto-complete.min.css +11 -11
  7. package/dist/slotui-css/avatar.css +12 -12
  8. package/dist/slotui-css/avatar.min.css +12 -12
  9. package/dist/slotui-css/backdrop.css +31 -31
  10. package/dist/slotui-css/backdrop.min.css +31 -31
  11. package/dist/slotui-css/badge.css +15 -15
  12. package/dist/slotui-css/badge.min.css +15 -15
  13. package/dist/slotui-css/boot-menu.css +76 -76
  14. package/dist/slotui-css/boot-menu.min.css +76 -76
  15. package/dist/slotui-css/box.css +28 -28
  16. package/dist/slotui-css/box.min.css +28 -28
  17. package/dist/slotui-css/breadcrumb.css +2 -2
  18. package/dist/slotui-css/breadcrumb.min.css +2 -2
  19. package/dist/slotui-css/button-action.css +7 -7
  20. package/dist/slotui-css/button-action.min.css +7 -7
  21. package/dist/slotui-css/button-menu.css +30 -30
  22. package/dist/slotui-css/button-menu.min.css +30 -30
  23. package/dist/slotui-css/button.css +760 -760
  24. package/dist/slotui-css/button.min.css +760 -760
  25. package/dist/slotui-css/cartouche.css +113 -113
  26. package/dist/slotui-css/cartouche.min.css +113 -113
  27. package/dist/slotui-css/checkbox.css +126 -126
  28. package/dist/slotui-css/checkbox.min.css +126 -126
  29. package/dist/slotui-css/chipper.css +55 -55
  30. package/dist/slotui-css/chipper.min.css +55 -55
  31. package/dist/slotui-css/chrome-frame.css +33 -33
  32. package/dist/slotui-css/chrome-frame.min.css +33 -33
  33. package/dist/slotui-css/confirm.css +8 -8
  34. package/dist/slotui-css/confirm.min.css +8 -8
  35. package/dist/slotui-css/containerConfig.css +6 -6
  36. package/dist/slotui-css/containerConfig.min.css +6 -6
  37. package/dist/slotui-css/content-switcher.css +20 -20
  38. package/dist/slotui-css/content-switcher.min.css +20 -20
  39. package/dist/slotui-css/csss.css +9 -9
  40. package/dist/slotui-css/csss.min.css +9 -9
  41. package/dist/slotui-css/datalist.css +135 -135
  42. package/dist/slotui-css/datalist.min.css +135 -135
  43. package/dist/slotui-css/divider.css +15 -15
  44. package/dist/slotui-css/divider.min.css +15 -15
  45. package/dist/slotui-css/drawer.css +87 -87
  46. package/dist/slotui-css/drawer.min.css +87 -87
  47. package/dist/slotui-css/finder.css +73 -73
  48. package/dist/slotui-css/finder.min.css +73 -73
  49. package/dist/slotui-css/frame.css +48 -48
  50. package/dist/slotui-css/frame.min.css +48 -48
  51. package/dist/slotui-css/icon.css +15 -15
  52. package/dist/slotui-css/icon.min.css +15 -15
  53. package/dist/slotui-css/loader.css +45 -45
  54. package/dist/slotui-css/loader.min.css +45 -45
  55. package/dist/slotui-css/marquee.css +57 -57
  56. package/dist/slotui-css/marquee.min.css +57 -57
  57. package/dist/slotui-css/menu-list.css +216 -216
  58. package/dist/slotui-css/menu-list.min.css +216 -216
  59. package/dist/slotui-css/menu.css +95 -95
  60. package/dist/slotui-css/menu.min.css +95 -95
  61. package/dist/slotui-css/panel.css +24 -24
  62. package/dist/slotui-css/panel.min.css +24 -24
  63. package/dist/slotui-css/paper.css +20 -20
  64. package/dist/slotui-css/paper.min.css +20 -20
  65. package/dist/slotui-css/popper.css +84 -84
  66. package/dist/slotui-css/popper.min.css +84 -84
  67. package/dist/slotui-css/progress.css +19 -19
  68. package/dist/slotui-css/progress.min.css +19 -19
  69. package/dist/slotui-css/rating.css +8 -8
  70. package/dist/slotui-css/rating.min.css +8 -8
  71. package/dist/slotui-css/select.css +10 -10
  72. package/dist/slotui-css/select.min.css +10 -10
  73. package/dist/slotui-css/sheetConfig.css +6 -6
  74. package/dist/slotui-css/sheetConfig.min.css +6 -6
  75. package/dist/slotui-css/slider.css +73 -73
  76. package/dist/slotui-css/slider.min.css +73 -73
  77. package/dist/slotui-css/slotui-css.css +4574 -4574
  78. package/dist/slotui-css/slotui-min-css.css +4574 -4574
  79. package/dist/slotui-css/slotui-sheet.css +294 -294
  80. package/dist/slotui-css/slotui-sheet.min.css +294 -294
  81. package/dist/slotui-css/sorterer.css +10 -10
  82. package/dist/slotui-css/sorterer.min.css +10 -10
  83. package/dist/slotui-css/stepper.css +19 -19
  84. package/dist/slotui-css/stepper.min.css +19 -19
  85. package/dist/slotui-css/stylesheet-container.css +373 -373
  86. package/dist/slotui-css/stylesheet-container.min.css +373 -373
  87. package/dist/slotui-css/stylesheet.css +370 -370
  88. package/dist/slotui-css/stylesheet.min.css +370 -370
  89. package/dist/slotui-css/switch.css +62 -62
  90. package/dist/slotui-css/switch.min.css +62 -62
  91. package/dist/slotui-css/tabs.css +84 -84
  92. package/dist/slotui-css/tabs.min.css +84 -84
  93. package/dist/slotui-css/taskbar.css +24 -24
  94. package/dist/slotui-css/taskbar.min.css +24 -24
  95. package/dist/slotui-css/textfield.css +127 -127
  96. package/dist/slotui-css/textfield.min.css +127 -127
  97. package/dist/slotui-css/title-bar.css +27 -27
  98. package/dist/slotui-css/title-bar.min.css +27 -27
  99. package/dist/slotui-css/toggle-bar.css +40 -40
  100. package/dist/slotui-css/toggle-bar.min.css +40 -40
  101. package/dist/slotui-css/toolbar.css +27 -27
  102. package/dist/slotui-css/toolbar.min.css +27 -27
  103. package/dist/slotui-css/tree.css +49 -49
  104. package/dist/slotui-css/tree.min.css +49 -49
  105. package/dist/slotui-css/window.css +59 -59
  106. package/dist/slotui-css/window.min.css +59 -59
  107. package/package.json +4 -4
package/dist/slotui-css/drawer.css CHANGED
@@ -1,88 +1,88 @@
1
- :root {
2
- --drawer-color: inherit;
3
- --drawer-background-color: var(--sld-color-paper-alpha-low);
4
- --drawer-backdrop-filter: blur(0px);
5
- --drawer-box-shadow: var(--sld-elevation-3);
6
- --drawer-border-left: var(--sld-color-primary-alpha-mid);
7
- --drawer-icon-padding: 0 0.5rem;
8
- --drawer-header-min-height: 48px;
9
- --drawer-header-bar-title-font-size: large;
10
- --drawer-content-flex: 1;
11
- }
12
-
13
- .drawer {
14
- display: flex;
15
- flex-direction: column;
16
- align-items: flex-start;
17
- }
18
- .drawer {
19
- color: var(--drawer-color);
20
- background-color: var(--drawer-background-color);
21
- --webkit-backdrop-filter: var(--drawer-backdrop-filter);
22
- backdrop-filter: var(--drawer-backdrop-filter);
23
- z-index: 3000;
24
- box-shadow: var(--drawer-box-shadow);
25
- border-left: 1px solid var(--drawer-border-left);
26
- overflow: visible;
27
- height: 100%;
28
- transition: all 0.1s;
29
- }
30
- .drawer-icon {
31
- padding: var(--drawer-icon-padding);
32
- display: flex;
33
- align-items: center;
34
- }
35
- .drawer-opener {
36
- position: absolute;
37
- z-index: 8600;
38
- }
39
- .drawer header, .drawer-header {
40
- min-height: var(--preset-tall-small);
41
- height: var(--preset-tall-small);
42
- }
43
- .drawer header, .drawer-header {
44
- --preset-tall: var(--sld-tall-small);
45
- }
46
- .drawer header[tall=tiny], .drawer header.tall-tiny, .drawer-header[tall=tiny], .drawer-header.tall-tiny {
47
- min-height: var(--sld-tall-tiny) !important;
48
- }
49
- .drawer header[tall=mini], .drawer header.tall-mini, .drawer-header[tall=mini], .drawer-header.tall-mini {
50
- min-height: var(--sld-tall-mini) !important;
51
- }
52
- .drawer header[tall=small], .drawer header.tall-small, .drawer-header[tall=small], .drawer-header.tall-small {
53
- min-height: var(--sld-tall-small) !important;
54
- }
55
- .drawer header[tall=med], .drawer header.tall-med, .drawer-header[tall=med], .drawer-header.tall-med {
56
- min-height: var(--sld-tall-med) !important;
57
- }
58
- .drawer header[tall=kind], .drawer header.tall-kind, .drawer-header[tall=kind], .drawer-header.tall-kind {
59
- min-height: var(--sld-tall-kind) !important;
60
- }
61
- .drawer header[tall=auto], .drawer header.tall-auto, .drawer-header[tall=auto], .drawer-header.tall-auto {
62
- min-height: var(--sld-tall-auto) !important;
63
- }
64
- .drawer header[tall=default], .drawer header.tall-default, .drawer-header[tall=default], .drawer-header.tall-default {
65
- min-height: var(--sld-tall-default) !important;
66
- }
67
- .drawer header, .drawer-header {
68
- min-height: var(--drawer-header-min-height);
69
- display: flex;
70
- width: 100%;
71
- }
72
- .drawer header-bar, .drawer-header-bar {
73
- flex: 1;
74
- display: flex;
75
- align-items: center;
76
- }
77
- .drawer header-bar-title, .drawer-header-bar-title {
78
- display: flex;
79
- flex-direction: column;
80
- gap: 0.25rem;
81
- font-size: var(--drawer-header-bar-title-font-size);
82
- }
83
- .drawer-content {
84
- flex: var(--drawer-content-flex);
85
- position: relative;
86
- overflow: hidden;
87
- width: 100%;
1
+ :root {
2
+ --drawer-color: inherit;
3
+ --drawer-background-color: var(--sld-color-paper-alpha-low);
4
+ --drawer-backdrop-filter: blur(0px);
5
+ --drawer-box-shadow: var(--sld-elevation-3);
6
+ --drawer-border-left: var(--sld-color-primary-alpha-mid);
7
+ --drawer-icon-padding: 0 0.5rem;
8
+ --drawer-header-min-height: 48px;
9
+ --drawer-header-bar-title-font-size: large;
10
+ --drawer-content-flex: 1;
11
+ }
12
+
13
+ .drawer {
14
+ display: flex;
15
+ flex-direction: column;
16
+ align-items: flex-start;
17
+ }
18
+ .drawer {
19
+ color: var(--drawer-color);
20
+ background-color: var(--drawer-background-color);
21
+ --webkit-backdrop-filter: var(--drawer-backdrop-filter);
22
+ backdrop-filter: var(--drawer-backdrop-filter);
23
+ z-index: 3000;
24
+ box-shadow: var(--drawer-box-shadow);
25
+ border-left: 1px solid var(--drawer-border-left);
26
+ overflow: visible;
27
+ height: 100%;
28
+ transition: all 0.1s;
29
+ }
30
+ .drawer-icon {
31
+ padding: var(--drawer-icon-padding);
32
+ display: flex;
33
+ align-items: center;
34
+ }
35
+ .drawer-opener {
36
+ position: absolute;
37
+ z-index: 8600;
38
+ }
39
+ .drawer header, .drawer-header {
40
+ min-height: var(--preset-tall-small);
41
+ height: var(--preset-tall-small);
42
+ }
43
+ .drawer header, .drawer-header {
44
+ --preset-tall: var(--sld-tall-small);
45
+ }
46
+ .drawer header[tall=tiny], .drawer header.tall-tiny, .drawer-header[tall=tiny], .drawer-header.tall-tiny {
47
+ min-height: var(--sld-tall-tiny) !important;
48
+ }
49
+ .drawer header[tall=mini], .drawer header.tall-mini, .drawer-header[tall=mini], .drawer-header.tall-mini {
50
+ min-height: var(--sld-tall-mini) !important;
51
+ }
52
+ .drawer header[tall=small], .drawer header.tall-small, .drawer-header[tall=small], .drawer-header.tall-small {
53
+ min-height: var(--sld-tall-small) !important;
54
+ }
55
+ .drawer header[tall=med], .drawer header.tall-med, .drawer-header[tall=med], .drawer-header.tall-med {
56
+ min-height: var(--sld-tall-med) !important;
57
+ }
58
+ .drawer header[tall=kind], .drawer header.tall-kind, .drawer-header[tall=kind], .drawer-header.tall-kind {
59
+ min-height: var(--sld-tall-kind) !important;
60
+ }
61
+ .drawer header[tall=auto], .drawer header.tall-auto, .drawer-header[tall=auto], .drawer-header.tall-auto {
62
+ min-height: var(--sld-tall-auto) !important;
63
+ }
64
+ .drawer header[tall=default], .drawer header.tall-default, .drawer-header[tall=default], .drawer-header.tall-default {
65
+ min-height: var(--sld-tall-default) !important;
66
+ }
67
+ .drawer header, .drawer-header {
68
+ min-height: var(--drawer-header-min-height);
69
+ display: flex;
70
+ width: 100%;
71
+ }
72
+ .drawer header-bar, .drawer-header-bar {
73
+ flex: 1;
74
+ display: flex;
75
+ align-items: center;
76
+ }
77
+ .drawer header-bar-title, .drawer-header-bar-title {
78
+ display: flex;
79
+ flex-direction: column;
80
+ gap: 0.25rem;
81
+ font-size: var(--drawer-header-bar-title-font-size);
82
+ }
83
+ .drawer-content {
84
+ flex: var(--drawer-content-flex);
85
+ position: relative;
86
+ overflow: hidden;
87
+ width: 100%;
88
88
  }
package/dist/slotui-css/drawer.min.css CHANGED
@@ -1,88 +1,88 @@
1
- :root {
2
- --drawer-color: inherit;
3
- --drawer-background-color: var(--sld-color-paper-alpha-low);
4
- --drawer-backdrop-filter: blur(0px);
5
- --drawer-box-shadow: var(--sld-elevation-3);
6
- --drawer-border-left: var(--sld-color-primary-alpha-mid);
7
- --drawer-icon-padding: 0 0.5rem;
8
- --drawer-header-min-height: 48px;
9
- --drawer-header-bar-title-font-size: large;
10
- --drawer-content-flex: 1;
11
- }
12
-
13
- .drawer {
14
- display: flex;
15
- flex-direction: column;
16
- align-items: flex-start;
17
- }
18
- .drawer {
19
- color: var(--drawer-color);
20
- background-color: var(--drawer-background-color);
21
- --webkit-backdrop-filter: var(--drawer-backdrop-filter);
22
- backdrop-filter: var(--drawer-backdrop-filter);
23
- z-index: 3000;
24
- box-shadow: var(--drawer-box-shadow);
25
- border-left: 1px solid var(--drawer-border-left);
26
- overflow: visible;
27
- height: 100%;
28
- transition: all 0.1s;
29
- }
30
- .drawer-icon {
31
- padding: var(--drawer-icon-padding);
32
- display: flex;
33
- align-items: center;
34
- }
35
- .drawer-opener {
36
- position: absolute;
37
- z-index: 8600;
38
- }
39
- .drawer header, .drawer-header {
40
- min-height: var(--preset-tall-small);
41
- height: var(--preset-tall-small);
42
- }
43
- .drawer header, .drawer-header {
44
- --preset-tall: var(--sld-tall-small);
45
- }
46
- .drawer header[tall=tiny], .drawer header.tall-tiny, .drawer-header[tall=tiny], .drawer-header.tall-tiny {
47
- min-height: var(--sld-tall-tiny) !important;
48
- }
49
- .drawer header[tall=mini], .drawer header.tall-mini, .drawer-header[tall=mini], .drawer-header.tall-mini {
50
- min-height: var(--sld-tall-mini) !important;
51
- }
52
- .drawer header[tall=small], .drawer header.tall-small, .drawer-header[tall=small], .drawer-header.tall-small {
53
- min-height: var(--sld-tall-small) !important;
54
- }
55
- .drawer header[tall=med], .drawer header.tall-med, .drawer-header[tall=med], .drawer-header.tall-med {
56
- min-height: var(--sld-tall-med) !important;
57
- }
58
- .drawer header[tall=kind], .drawer header.tall-kind, .drawer-header[tall=kind], .drawer-header.tall-kind {
59
- min-height: var(--sld-tall-kind) !important;
60
- }
61
- .drawer header[tall=auto], .drawer header.tall-auto, .drawer-header[tall=auto], .drawer-header.tall-auto {
62
- min-height: var(--sld-tall-auto) !important;
63
- }
64
- .drawer header[tall=default], .drawer header.tall-default, .drawer-header[tall=default], .drawer-header.tall-default {
65
- min-height: var(--sld-tall-default) !important;
66
- }
67
- .drawer header, .drawer-header {
68
- min-height: var(--drawer-header-min-height);
69
- display: flex;
70
- width: 100%;
71
- }
72
- .drawer header-bar, .drawer-header-bar {
73
- flex: 1;
74
- display: flex;
75
- align-items: center;
76
- }
77
- .drawer header-bar-title, .drawer-header-bar-title {
78
- display: flex;
79
- flex-direction: column;
80
- gap: 0.25rem;
81
- font-size: var(--drawer-header-bar-title-font-size);
82
- }
83
- .drawer-content {
84
- flex: var(--drawer-content-flex);
85
- position: relative;
86
- overflow: hidden;
87
- width: 100%;
1
+ :root {
2
+ --drawer-color: inherit;
3
+ --drawer-background-color: var(--sld-color-paper-alpha-low);
4
+ --drawer-backdrop-filter: blur(0px);
5
+ --drawer-box-shadow: var(--sld-elevation-3);
6
+ --drawer-border-left: var(--sld-color-primary-alpha-mid);
7
+ --drawer-icon-padding: 0 0.5rem;
8
+ --drawer-header-min-height: 48px;
9
+ --drawer-header-bar-title-font-size: large;
10
+ --drawer-content-flex: 1;
11
+ }
12
+
13
+ .drawer {
14
+ display: flex;
15
+ flex-direction: column;
16
+ align-items: flex-start;
17
+ }
18
+ .drawer {
19
+ color: var(--drawer-color);
20
+ background-color: var(--drawer-background-color);
21
+ --webkit-backdrop-filter: var(--drawer-backdrop-filter);
22
+ backdrop-filter: var(--drawer-backdrop-filter);
23
+ z-index: 3000;
24
+ box-shadow: var(--drawer-box-shadow);
25
+ border-left: 1px solid var(--drawer-border-left);
26
+ overflow: visible;
27
+ height: 100%;
28
+ transition: all 0.1s;
29
+ }
30
+ .drawer-icon {
31
+ padding: var(--drawer-icon-padding);
32
+ display: flex;
33
+ align-items: center;
34
+ }
35
+ .drawer-opener {
36
+ position: absolute;
37
+ z-index: 8600;
38
+ }
39
+ .drawer header, .drawer-header {
40
+ min-height: var(--preset-tall-small);
41
+ height: var(--preset-tall-small);
42
+ }
43
+ .drawer header, .drawer-header {
44
+ --preset-tall: var(--sld-tall-small);
45
+ }
46
+ .drawer header[tall=tiny], .drawer header.tall-tiny, .drawer-header[tall=tiny], .drawer-header.tall-tiny {
47
+ min-height: var(--sld-tall-tiny) !important;
48
+ }
49
+ .drawer header[tall=mini], .drawer header.tall-mini, .drawer-header[tall=mini], .drawer-header.tall-mini {
50
+ min-height: var(--sld-tall-mini) !important;
51
+ }
52
+ .drawer header[tall=small], .drawer header.tall-small, .drawer-header[tall=small], .drawer-header.tall-small {
53
+ min-height: var(--sld-tall-small) !important;
54
+ }
55
+ .drawer header[tall=med], .drawer header.tall-med, .drawer-header[tall=med], .drawer-header.tall-med {
56
+ min-height: var(--sld-tall-med) !important;
57
+ }
58
+ .drawer header[tall=kind], .drawer header.tall-kind, .drawer-header[tall=kind], .drawer-header.tall-kind {
59
+ min-height: var(--sld-tall-kind) !important;
60
+ }
61
+ .drawer header[tall=auto], .drawer header.tall-auto, .drawer-header[tall=auto], .drawer-header.tall-auto {
62
+ min-height: var(--sld-tall-auto) !important;
63
+ }
64
+ .drawer header[tall=default], .drawer header.tall-default, .drawer-header[tall=default], .drawer-header.tall-default {
65
+ min-height: var(--sld-tall-default) !important;
66
+ }
67
+ .drawer header, .drawer-header {
68
+ min-height: var(--drawer-header-min-height);
69
+ display: flex;
70
+ width: 100%;
71
+ }
72
+ .drawer header-bar, .drawer-header-bar {
73
+ flex: 1;
74
+ display: flex;
75
+ align-items: center;
76
+ }
77
+ .drawer header-bar-title, .drawer-header-bar-title {
78
+ display: flex;
79
+ flex-direction: column;
80
+ gap: 0.25rem;
81
+ font-size: var(--drawer-header-bar-title-font-size);
82
+ }
83
+ .drawer-content {
84
+ flex: var(--drawer-content-flex);
85
+ position: relative;
86
+ overflow: hidden;
87
+ width: 100%;
88
88
  }
package/dist/slotui-css/finder.css CHANGED
@@ -1,74 +1,74 @@
1
- :root {
2
- --finder-gap: var(--sld-gap-tiny);
3
- }
4
-
5
- .finder-container {
6
- display: inline-flex;
7
- gap: var(--finder-gap);
8
- }
9
- .finder-container {
10
- width: var(--sld-width-small);
11
- }
12
- .finder-container {
13
- --preset-width: var(--sld-width-small);
14
- }
15
- .finder-container[width=tiny], .finder-container.width-tiny {
16
- --preset-width: var(--sld-width-tiny);
17
- width: var(--sld-width-tiny) !important;
18
- }
19
- .finder-container[width=mini], .finder-container.width-mini {
20
- --preset-width: var(--sld-width-mini);
21
- width: var(--sld-width-mini) !important;
22
- }
23
- .finder-container[width=small], .finder-container.width-small {
24
- --preset-width: var(--sld-width-small);
25
- width: var(--sld-width-small) !important;
26
- }
27
- .finder-container[width=med], .finder-container.width-med {
28
- --preset-width: var(--sld-width-med);
29
- width: var(--sld-width-med) !important;
30
- }
31
- .finder-container[width=kind], .finder-container.width-kind {
32
- --preset-width: var(--sld-width-kind);
33
- width: var(--sld-width-kind) !important;
34
- }
35
- .finder-container[width=full], .finder-container.width-full {
36
- --preset-width: var(--sld-width-full);
37
- width: var(--sld-width-full) !important;
38
- }
39
- .finder-container[width=auto], .finder-container.width-auto {
40
- --preset-width: var(--sld-width-auto);
41
- width: var(--sld-width-auto) !important;
42
- }
43
- .finder-container[width=default], .finder-container.width-default {
44
- --preset-width: var(--sld-width-default);
45
- width: var(--sld-width-default) !important;
46
- }
47
- .finder-container {
48
- min-height: var(--preset-tall-small);
49
- height: var(--preset-tall-small);
50
- }
51
- .finder-container {
52
- --preset-tall: var(--sld-tall-small);
53
- }
54
- .finder-container[tall=tiny], .finder-container.tall-tiny {
55
- min-height: var(--sld-tall-tiny) !important;
56
- }
57
- .finder-container[tall=mini], .finder-container.tall-mini {
58
- min-height: var(--sld-tall-mini) !important;
59
- }
60
- .finder-container[tall=small], .finder-container.tall-small {
61
- min-height: var(--sld-tall-small) !important;
62
- }
63
- .finder-container[tall=med], .finder-container.tall-med {
64
- min-height: var(--sld-tall-med) !important;
65
- }
66
- .finder-container[tall=kind], .finder-container.tall-kind {
67
- min-height: var(--sld-tall-kind) !important;
68
- }
69
- .finder-container[tall=auto], .finder-container.tall-auto {
70
- min-height: var(--sld-tall-auto) !important;
71
- }
72
- .finder-container[tall=default], .finder-container.tall-default {
73
- min-height: var(--sld-tall-default) !important;
1
+ :root {
2
+ --finder-gap: var(--sld-gap-tiny);
3
+ }
4
+
5
+ .finder-container {
6
+ display: inline-flex;
7
+ gap: var(--finder-gap);
8
+ }
9
+ .finder-container {
10
+ width: var(--sld-width-small);
11
+ }
12
+ .finder-container {
13
+ --preset-width: var(--sld-width-small);
14
+ }
15
+ .finder-container[width=tiny], .finder-container.width-tiny {
16
+ --preset-width: var(--sld-width-tiny);
17
+ width: var(--sld-width-tiny) !important;
18
+ }
19
+ .finder-container[width=mini], .finder-container.width-mini {
20
+ --preset-width: var(--sld-width-mini);
21
+ width: var(--sld-width-mini) !important;
22
+ }
23
+ .finder-container[width=small], .finder-container.width-small {
24
+ --preset-width: var(--sld-width-small);
25
+ width: var(--sld-width-small) !important;
26
+ }
27
+ .finder-container[width=med], .finder-container.width-med {
28
+ --preset-width: var(--sld-width-med);
29
+ width: var(--sld-width-med) !important;
30
+ }
31
+ .finder-container[width=kind], .finder-container.width-kind {
32
+ --preset-width: var(--sld-width-kind);
33
+ width: var(--sld-width-kind) !important;
34
+ }
35
+ .finder-container[width=full], .finder-container.width-full {
36
+ --preset-width: var(--sld-width-full);
37
+ width: var(--sld-width-full) !important;
38
+ }
39
+ .finder-container[width=auto], .finder-container.width-auto {
40
+ --preset-width: var(--sld-width-auto);
41
+ width: var(--sld-width-auto) !important;
42
+ }
43
+ .finder-container[width=default], .finder-container.width-default {
44
+ --preset-width: var(--sld-width-default);
45
+ width: var(--sld-width-default) !important;
46
+ }
47
+ .finder-container {
48
+ min-height: var(--preset-tall-small);
49
+ height: var(--preset-tall-small);
50
+ }
51
+ .finder-container {
52
+ --preset-tall: var(--sld-tall-small);
53
+ }
54
+ .finder-container[tall=tiny], .finder-container.tall-tiny {
55
+ min-height: var(--sld-tall-tiny) !important;
56
+ }
57
+ .finder-container[tall=mini], .finder-container.tall-mini {
58
+ min-height: var(--sld-tall-mini) !important;
59
+ }
60
+ .finder-container[tall=small], .finder-container.tall-small {
61
+ min-height: var(--sld-tall-small) !important;
62
+ }
63
+ .finder-container[tall=med], .finder-container.tall-med {
64
+ min-height: var(--sld-tall-med) !important;
65
+ }
66
+ .finder-container[tall=kind], .finder-container.tall-kind {
67
+ min-height: var(--sld-tall-kind) !important;
68
+ }
69
+ .finder-container[tall=auto], .finder-container.tall-auto {
70
+ min-height: var(--sld-tall-auto) !important;
71
+ }
72
+ .finder-container[tall=default], .finder-container.tall-default {
73
+ min-height: var(--sld-tall-default) !important;
74
74
  }
package/dist/slotui-css/finder.min.css CHANGED
@@ -1,74 +1,74 @@
1
- :root {
2
- --finder-gap: var(--sld-gap-tiny);
3
- }
4
-
5
- .finder-container {
6
- display: inline-flex;
7
- gap: var(--finder-gap);
8
- }
9
- .finder-container {
10
- width: var(--sld-width-small);
11
- }
12
- .finder-container {
13
- --preset-width: var(--sld-width-small);
14
- }
15
- .finder-container[width=tiny], .finder-container.width-tiny {
16
- --preset-width: var(--sld-width-tiny);
17
- width: var(--sld-width-tiny) !important;
18
- }
19
- .finder-container[width=mini], .finder-container.width-mini {
20
- --preset-width: var(--sld-width-mini);
21
- width: var(--sld-width-mini) !important;
22
- }
23
- .finder-container[width=small], .finder-container.width-small {
24
- --preset-width: var(--sld-width-small);
25
- width: var(--sld-width-small) !important;
26
- }
27
- .finder-container[width=med], .finder-container.width-med {
28
- --preset-width: var(--sld-width-med);
29
- width: var(--sld-width-med) !important;
30
- }
31
- .finder-container[width=kind], .finder-container.width-kind {
32
- --preset-width: var(--sld-width-kind);
33
- width: var(--sld-width-kind) !important;
34
- }
35
- .finder-container[width=full], .finder-container.width-full {
36
- --preset-width: var(--sld-width-full);
37
- width: var(--sld-width-full) !important;
38
- }
39
- .finder-container[width=auto], .finder-container.width-auto {
40
- --preset-width: var(--sld-width-auto);
41
- width: var(--sld-width-auto) !important;
42
- }
43
- .finder-container[width=default], .finder-container.width-default {
44
- --preset-width: var(--sld-width-default);
45
- width: var(--sld-width-default) !important;
46
- }
47
- .finder-container {
48
- min-height: var(--preset-tall-small);
49
- height: var(--preset-tall-small);
50
- }
51
- .finder-container {
52
- --preset-tall: var(--sld-tall-small);
53
- }
54
- .finder-container[tall=tiny], .finder-container.tall-tiny {
55
- min-height: var(--sld-tall-tiny) !important;
56
- }
57
- .finder-container[tall=mini], .finder-container.tall-mini {
58
- min-height: var(--sld-tall-mini) !important;
59
- }
60
- .finder-container[tall=small], .finder-container.tall-small {
61
- min-height: var(--sld-tall-small) !important;
62
- }
63
- .finder-container[tall=med], .finder-container.tall-med {
64
- min-height: var(--sld-tall-med) !important;
65
- }
66
- .finder-container[tall=kind], .finder-container.tall-kind {
67
- min-height: var(--sld-tall-kind) !important;
68
- }
69
- .finder-container[tall=auto], .finder-container.tall-auto {
70
- min-height: var(--sld-tall-auto) !important;
71
- }
72
- .finder-container[tall=default], .finder-container.tall-default {
73
- min-height: var(--sld-tall-default) !important;
1
+ :root {
2
+ --finder-gap: var(--sld-gap-tiny);
3
+ }
4
+
5
+ .finder-container {
6
+ display: inline-flex;
7
+ gap: var(--finder-gap);
8
+ }
9
+ .finder-container {
10
+ width: var(--sld-width-small);
11
+ }
12
+ .finder-container {
13
+ --preset-width: var(--sld-width-small);
14
+ }
15
+ .finder-container[width=tiny], .finder-container.width-tiny {
16
+ --preset-width: var(--sld-width-tiny);
17
+ width: var(--sld-width-tiny) !important;
18
+ }
19
+ .finder-container[width=mini], .finder-container.width-mini {
20
+ --preset-width: var(--sld-width-mini);
21
+ width: var(--sld-width-mini) !important;
22
+ }
23
+ .finder-container[width=small], .finder-container.width-small {
24
+ --preset-width: var(--sld-width-small);
25
+ width: var(--sld-width-small) !important;
26
+ }
27
+ .finder-container[width=med], .finder-container.width-med {
28
+ --preset-width: var(--sld-width-med);
29
+ width: var(--sld-width-med) !important;
30
+ }
31
+ .finder-container[width=kind], .finder-container.width-kind {
32
+ --preset-width: var(--sld-width-kind);
33
+ width: var(--sld-width-kind) !important;
34
+ }
35
+ .finder-container[width=full], .finder-container.width-full {
36
+ --preset-width: var(--sld-width-full);
37
+ width: var(--sld-width-full) !important;
38
+ }
39
+ .finder-container[width=auto], .finder-container.width-auto {
40
+ --preset-width: var(--sld-width-auto);
41
+ width: var(--sld-width-auto) !important;
42
+ }
43
+ .finder-container[width=default], .finder-container.width-default {
44
+ --preset-width: var(--sld-width-default);
45
+ width: var(--sld-width-default) !important;
46
+ }
47
+ .finder-container {
48
+ min-height: var(--preset-tall-small);
49
+ height: var(--preset-tall-small);
50
+ }
51
+ .finder-container {
52
+ --preset-tall: var(--sld-tall-small);
53
+ }
54
+ .finder-container[tall=tiny], .finder-container.tall-tiny {
55
+ min-height: var(--sld-tall-tiny) !important;
56
+ }
57
+ .finder-container[tall=mini], .finder-container.tall-mini {
58
+ min-height: var(--sld-tall-mini) !important;
59
+ }
60
+ .finder-container[tall=small], .finder-container.tall-small {
61
+ min-height: var(--sld-tall-small) !important;
62
+ }
63
+ .finder-container[tall=med], .finder-container.tall-med {
64
+ min-height: var(--sld-tall-med) !important;
65
+ }
66
+ .finder-container[tall=kind], .finder-container.tall-kind {
67
+ min-height: var(--sld-tall-kind) !important;
68
+ }
69
+ .finder-container[tall=auto], .finder-container.tall-auto {
70
+ min-height: var(--sld-tall-auto) !important;
71
+ }
72
+ .finder-container[tall=default], .finder-container.tall-default {
73
+ min-height: var(--sld-tall-default) !important;
74
74
  }