@medyll/idae-slotui-svelte 0.121.0 → 0.122.0

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 (112) hide show
  1. package/dist/base/icon/Icon.svelte.d.ts +1 -1
  2. package/dist/controls/button/Button.svelte.d.ts +1 -1
  3. package/dist/controls/rating/Rating.svelte.d.ts +1 -1
  4. package/dist/controls/textfield/TextField.svelte.d.ts +1 -1
  5. package/dist/index.d.ts +44 -44
  6. package/dist/index.js +44 -44
  7. package/dist/slotui-css/alert.css +95 -95
  8. package/dist/slotui-css/alert.min.css +95 -95
  9. package/dist/slotui-css/auto-complete.css +11 -11
  10. package/dist/slotui-css/auto-complete.min.css +11 -11
  11. package/dist/slotui-css/avatar.css +12 -12
  12. package/dist/slotui-css/avatar.min.css +12 -12
  13. package/dist/slotui-css/backdrop.css +31 -31
  14. package/dist/slotui-css/backdrop.min.css +31 -31
  15. package/dist/slotui-css/badge.css +15 -15
  16. package/dist/slotui-css/badge.min.css +15 -15
  17. package/dist/slotui-css/boot-menu.css +76 -76
  18. package/dist/slotui-css/boot-menu.min.css +76 -76
  19. package/dist/slotui-css/box.css +28 -28
  20. package/dist/slotui-css/box.min.css +28 -28
  21. package/dist/slotui-css/breadcrumb.css +2 -2
  22. package/dist/slotui-css/breadcrumb.min.css +2 -2
  23. package/dist/slotui-css/button-action.css +7 -7
  24. package/dist/slotui-css/button-action.min.css +7 -7
  25. package/dist/slotui-css/button-menu.css +30 -30
  26. package/dist/slotui-css/button-menu.min.css +30 -30
  27. package/dist/slotui-css/button.css +760 -760
  28. package/dist/slotui-css/button.min.css +760 -760
  29. package/dist/slotui-css/cartouche.css +113 -113
  30. package/dist/slotui-css/cartouche.min.css +113 -113
  31. package/dist/slotui-css/checkbox.css +126 -126
  32. package/dist/slotui-css/checkbox.min.css +126 -126
  33. package/dist/slotui-css/chipper.css +55 -55
  34. package/dist/slotui-css/chipper.min.css +55 -55
  35. package/dist/slotui-css/chrome-frame.css +33 -33
  36. package/dist/slotui-css/chrome-frame.min.css +33 -33
  37. package/dist/slotui-css/confirm.css +8 -8
  38. package/dist/slotui-css/confirm.min.css +8 -8
  39. package/dist/slotui-css/containerConfig.css +6 -6
  40. package/dist/slotui-css/containerConfig.min.css +6 -6
  41. package/dist/slotui-css/content-switcher.css +20 -20
  42. package/dist/slotui-css/content-switcher.min.css +20 -20
  43. package/dist/slotui-css/csss.css +9 -9
  44. package/dist/slotui-css/csss.min.css +9 -9
  45. package/dist/slotui-css/datalist.css +135 -135
  46. package/dist/slotui-css/datalist.min.css +135 -135
  47. package/dist/slotui-css/divider.css +15 -15
  48. package/dist/slotui-css/divider.min.css +15 -15
  49. package/dist/slotui-css/drawer.css +87 -87
  50. package/dist/slotui-css/drawer.min.css +87 -87
  51. package/dist/slotui-css/finder.css +73 -73
  52. package/dist/slotui-css/finder.min.css +73 -73
  53. package/dist/slotui-css/frame.css +48 -48
  54. package/dist/slotui-css/frame.min.css +48 -48
  55. package/dist/slotui-css/icon.css +15 -15
  56. package/dist/slotui-css/icon.min.css +15 -15
  57. package/dist/slotui-css/loader.css +45 -45
  58. package/dist/slotui-css/loader.min.css +45 -45
  59. package/dist/slotui-css/marquee.css +57 -57
  60. package/dist/slotui-css/marquee.min.css +57 -57
  61. package/dist/slotui-css/menu-list.css +216 -216
  62. package/dist/slotui-css/menu-list.min.css +216 -216
  63. package/dist/slotui-css/menu.css +95 -95
  64. package/dist/slotui-css/menu.min.css +95 -95
  65. package/dist/slotui-css/panel.css +24 -24
  66. package/dist/slotui-css/panel.min.css +24 -24
  67. package/dist/slotui-css/paper.css +20 -20
  68. package/dist/slotui-css/paper.min.css +20 -20
  69. package/dist/slotui-css/popper.css +84 -84
  70. package/dist/slotui-css/popper.min.css +84 -84
  71. package/dist/slotui-css/progress.css +19 -19
  72. package/dist/slotui-css/progress.min.css +19 -19
  73. package/dist/slotui-css/rating.css +8 -8
  74. package/dist/slotui-css/rating.min.css +8 -8
  75. package/dist/slotui-css/select.css +10 -10
  76. package/dist/slotui-css/select.min.css +10 -10
  77. package/dist/slotui-css/sheetConfig.css +6 -6
  78. package/dist/slotui-css/sheetConfig.min.css +6 -6
  79. package/dist/slotui-css/slider.css +73 -73
  80. package/dist/slotui-css/slider.min.css +73 -73
  81. package/dist/slotui-css/slotui-css.css +4574 -4574
  82. package/dist/slotui-css/slotui-min-css.css +4574 -4574
  83. package/dist/slotui-css/slotui-sheet.css +294 -294
  84. package/dist/slotui-css/slotui-sheet.min.css +294 -294
  85. package/dist/slotui-css/sorterer.css +10 -10
  86. package/dist/slotui-css/sorterer.min.css +10 -10
  87. package/dist/slotui-css/stepper.css +19 -19
  88. package/dist/slotui-css/stepper.min.css +19 -19
  89. package/dist/slotui-css/stylesheet-container.css +373 -373
  90. package/dist/slotui-css/stylesheet-container.min.css +373 -373
  91. package/dist/slotui-css/stylesheet.css +370 -370
  92. package/dist/slotui-css/stylesheet.min.css +370 -370
  93. package/dist/slotui-css/switch.css +62 -62
  94. package/dist/slotui-css/switch.min.css +62 -62
  95. package/dist/slotui-css/tabs.css +84 -84
  96. package/dist/slotui-css/tabs.min.css +84 -84
  97. package/dist/slotui-css/taskbar.css +24 -24
  98. package/dist/slotui-css/taskbar.min.css +24 -24
  99. package/dist/slotui-css/textfield.css +127 -127
  100. package/dist/slotui-css/textfield.min.css +127 -127
  101. package/dist/slotui-css/title-bar.css +27 -27
  102. package/dist/slotui-css/title-bar.min.css +27 -27
  103. package/dist/slotui-css/toggle-bar.css +40 -40
  104. package/dist/slotui-css/toggle-bar.min.css +40 -40
  105. package/dist/slotui-css/toolbar.css +27 -27
  106. package/dist/slotui-css/toolbar.min.css +27 -27
  107. package/dist/slotui-css/tree.css +49 -49
  108. package/dist/slotui-css/tree.min.css +49 -49
  109. package/dist/slotui-css/window.css +59 -59
  110. package/dist/slotui-css/window.min.css +59 -59
  111. package/dist/ui/toggleBar/ToggleBar.svelte.d.ts +1 -1
  112. package/package.json +4 -4
@@ -1,56 +1,56 @@
1
- :root {
2
- --chipper-gap: var(--sld-gap-tiny);
3
- --chipper-radius: var(--sld-radius-large);
4
- --chipper-chip-color: var(--css-button-chip-color, var(--sld-color-primary));
5
- }
6
-
7
- .chipper {
8
- position: relative;
9
- gap: var(--chipper-gap);
10
- }
11
- .chipper .chipper-content {
12
- padding: 0.5rem;
13
- }
14
- .chipper .chipper-chip {
15
- display: block;
16
- position: absolute;
17
- z-index: 2;
18
- border-radius: var(--chipper-radius);
19
- transition: all 0.25s;
20
- max-height: 100%;
21
- background-color: var(--chipper-chip-color);
22
- }
23
- .chipper .chipper-chip[data-position=left] {
24
- top: 2px;
25
- left: 2px;
26
- height: 100%;
27
- width: 3px;
28
- }
29
- .chipper .chipper-chip[data-position=right] {
30
- top: 2px;
31
- right: 2px;
32
- height: 130px;
33
- width: 3px;
34
- }
35
- .chipper .chipper-chip[data-position=top] {
36
- height: 4px;
37
- top: 2px;
38
- left: 50%;
39
- transform: translate(-50%, 0);
40
- width: 50%;
41
- }
42
- .chipper .chipper-chip[data-position=bottom] {
43
- height: 4px;
44
- bottom: 2px;
45
- left: 50%;
46
- transform: translate(-50%, 0);
47
- width: 50%;
48
- }
49
- .chipper .chipper-chip .defaultChip,
50
- .chipper .chipper-chip [slot=chipperChip] {
51
- display: block;
52
- height: 100%;
53
- width: 100%;
54
- min-height: 3px;
55
- background-color: var(--chipper-chip-color);
1
+ :root {
2
+ --chipper-gap: var(--sld-gap-tiny);
3
+ --chipper-radius: var(--sld-radius-large);
4
+ --chipper-chip-color: var(--css-button-chip-color, var(--sld-color-primary));
5
+ }
6
+
7
+ .chipper {
8
+ position: relative;
9
+ gap: var(--chipper-gap);
10
+ }
11
+ .chipper .chipper-content {
12
+ padding: 0.5rem;
13
+ }
14
+ .chipper .chipper-chip {
15
+ display: block;
16
+ position: absolute;
17
+ z-index: 2;
18
+ border-radius: var(--chipper-radius);
19
+ transition: all 0.25s;
20
+ max-height: 100%;
21
+ background-color: var(--chipper-chip-color);
22
+ }
23
+ .chipper .chipper-chip[data-position=left] {
24
+ top: 2px;
25
+ left: 2px;
26
+ height: 100%;
27
+ width: 3px;
28
+ }
29
+ .chipper .chipper-chip[data-position=right] {
30
+ top: 2px;
31
+ right: 2px;
32
+ height: 130px;
33
+ width: 3px;
34
+ }
35
+ .chipper .chipper-chip[data-position=top] {
36
+ height: 4px;
37
+ top: 2px;
38
+ left: 50%;
39
+ transform: translate(-50%, 0);
40
+ width: 50%;
41
+ }
42
+ .chipper .chipper-chip[data-position=bottom] {
43
+ height: 4px;
44
+ bottom: 2px;
45
+ left: 50%;
46
+ transform: translate(-50%, 0);
47
+ width: 50%;
48
+ }
49
+ .chipper .chipper-chip .defaultChip,
50
+ .chipper .chipper-chip [slot=chipperChip] {
51
+ display: block;
52
+ height: 100%;
53
+ width: 100%;
54
+ min-height: 3px;
55
+ background-color: var(--chipper-chip-color);
56
56
  }
@@ -1,34 +1,34 @@
1
- :root {
2
- --chrome-frame-color: var(--sld-color-foreground);
3
- --chrome-frame-background-color: var(--sld-color-background);
4
- --chrome-frame-bar-gap: var(--sld-gap-med);
5
- --chrome-frame-bar-padding: var(--sld-pad-medium);
6
- --chrome-frame-bar-border-bottom: var(--sld-color-border);
7
- --chrome-frame-content-flex: 1;
8
- }
9
-
10
- .chrome-frame {
11
- display: flex;
12
- flex-direction: "column";
13
- align-items: flex-start;
14
- position: absolute;
15
- top: 0;
16
- height: 100%;
17
- width: 100%;
18
- color: var(--chrome-frame-color);
19
- background-color: var(--chrome-frame-background-color);
20
- overflow: hidden;
21
- }
22
- .chrome-frame-bar {
23
- display: flex;
24
- flex-direction: "row";
25
- align-items: center;
26
- gap: var(--chrome-frame-bar-gap);
27
- padding: var(--chrome-frame-bar-padding);
28
- border-bottom: 1px solid var(--chrome-frame-bar-border-bottom);
29
- }
30
- .chrome-frame-content {
31
- flex: var(--chrome-frame-content-flex);
32
- overflow: hidden;
33
- position: relative;
1
+ :root {
2
+ --chrome-frame-color: var(--sld-color-foreground);
3
+ --chrome-frame-background-color: var(--sld-color-background);
4
+ --chrome-frame-bar-gap: var(--sld-gap-med);
5
+ --chrome-frame-bar-padding: var(--sld-pad-medium);
6
+ --chrome-frame-bar-border-bottom: var(--sld-color-border);
7
+ --chrome-frame-content-flex: 1;
8
+ }
9
+
10
+ .chrome-frame {
11
+ display: flex;
12
+ flex-direction: "column";
13
+ align-items: flex-start;
14
+ position: absolute;
15
+ top: 0;
16
+ height: 100%;
17
+ width: 100%;
18
+ color: var(--chrome-frame-color);
19
+ background-color: var(--chrome-frame-background-color);
20
+ overflow: hidden;
21
+ }
22
+ .chrome-frame-bar {
23
+ display: flex;
24
+ flex-direction: "row";
25
+ align-items: center;
26
+ gap: var(--chrome-frame-bar-gap);
27
+ padding: var(--chrome-frame-bar-padding);
28
+ border-bottom: 1px solid var(--chrome-frame-bar-border-bottom);
29
+ }
30
+ .chrome-frame-content {
31
+ flex: var(--chrome-frame-content-flex);
32
+ overflow: hidden;
33
+ position: relative;
34
34
  }
@@ -1,34 +1,34 @@
1
- :root {
2
- --chrome-frame-color: var(--sld-color-foreground);
3
- --chrome-frame-background-color: var(--sld-color-background);
4
- --chrome-frame-bar-gap: var(--sld-gap-med);
5
- --chrome-frame-bar-padding: var(--sld-pad-medium);
6
- --chrome-frame-bar-border-bottom: var(--sld-color-border);
7
- --chrome-frame-content-flex: 1;
8
- }
9
-
10
- .chrome-frame {
11
- display: flex;
12
- flex-direction: "column";
13
- align-items: flex-start;
14
- position: absolute;
15
- top: 0;
16
- height: 100%;
17
- width: 100%;
18
- color: var(--chrome-frame-color);
19
- background-color: var(--chrome-frame-background-color);
20
- overflow: hidden;
21
- }
22
- .chrome-frame-bar {
23
- display: flex;
24
- flex-direction: "row";
25
- align-items: center;
26
- gap: var(--chrome-frame-bar-gap);
27
- padding: var(--chrome-frame-bar-padding);
28
- border-bottom: 1px solid var(--chrome-frame-bar-border-bottom);
29
- }
30
- .chrome-frame-content {
31
- flex: var(--chrome-frame-content-flex);
32
- overflow: hidden;
33
- position: relative;
1
+ :root {
2
+ --chrome-frame-color: var(--sld-color-foreground);
3
+ --chrome-frame-background-color: var(--sld-color-background);
4
+ --chrome-frame-bar-gap: var(--sld-gap-med);
5
+ --chrome-frame-bar-padding: var(--sld-pad-medium);
6
+ --chrome-frame-bar-border-bottom: var(--sld-color-border);
7
+ --chrome-frame-content-flex: 1;
8
+ }
9
+
10
+ .chrome-frame {
11
+ display: flex;
12
+ flex-direction: "column";
13
+ align-items: flex-start;
14
+ position: absolute;
15
+ top: 0;
16
+ height: 100%;
17
+ width: 100%;
18
+ color: var(--chrome-frame-color);
19
+ background-color: var(--chrome-frame-background-color);
20
+ overflow: hidden;
21
+ }
22
+ .chrome-frame-bar {
23
+ display: flex;
24
+ flex-direction: "row";
25
+ align-items: center;
26
+ gap: var(--chrome-frame-bar-gap);
27
+ padding: var(--chrome-frame-bar-padding);
28
+ border-bottom: 1px solid var(--chrome-frame-bar-border-bottom);
29
+ }
30
+ .chrome-frame-content {
31
+ flex: var(--chrome-frame-content-flex);
32
+ overflow: hidden;
33
+ position: relative;
34
34
  }
@@ -1,9 +1,9 @@
1
- .confirm {
2
- display: flex;
3
- align-items: center;
4
- gap: 0.5rem;
5
- }
6
- .confirm-validate {
7
- display: flex;
8
- align-items: center;
1
+ .confirm {
2
+ display: flex;
3
+ align-items: center;
4
+ gap: 0.5rem;
5
+ }
6
+ .confirm-validate {
7
+ display: flex;
8
+ align-items: center;
9
9
  }
@@ -1,9 +1,9 @@
1
- .confirm {
2
- display: flex;
3
- align-items: center;
4
- gap: 0.5rem;
5
- }
6
- .confirm-validate {
7
- display: flex;
8
- align-items: center;
1
+ .confirm {
2
+ display: flex;
3
+ align-items: center;
4
+ gap: 0.5rem;
5
+ }
6
+ .confirm-validate {
7
+ display: flex;
8
+ align-items: center;
9
9
  }
@@ -1,7 +1,7 @@
1
- :root {
2
- --container-item: container-item;
3
- --on-container: on-container;
4
- --than: than;
5
- --show-selector: show;
6
- --hide-selector: hide;
1
+ :root {
2
+ --container-item: container-item;
3
+ --on-container: on-container;
4
+ --than: than;
5
+ --show-selector: show;
6
+ --hide-selector: hide;
7
7
  }
@@ -1,7 +1,7 @@
1
- :root {
2
- --container-item: container-item;
3
- --on-container: on-container;
4
- --than: than;
5
- --show-selector: show;
6
- --hide-selector: hide;
1
+ :root {
2
+ --container-item: container-item;
3
+ --on-container: on-container;
4
+ --than: than;
5
+ --show-selector: show;
6
+ --hide-selector: hide;
7
7
  }
@@ -1,21 +1,21 @@
1
- :root {
2
- --sld-content-switcher-overflow: hidden;
3
- }
4
-
5
- .content-switcher {
6
- min-width: auto;
7
- max-width: 100%;
8
- width: 100%;
9
- gap: 0.5rem;
10
- overflow: var(--sld-content-switcher-overflow);
11
- position: relative;
12
- display: flex;
13
- align-items: center;
14
- flex: 1;
15
- }
16
- .content-switcher .content {
17
- position: relative;
18
- overflow: var(--sld-content-switcher-overflow);
19
- min-width: auto;
20
- flex: 1 1 auto;
1
+ :root {
2
+ --sld-content-switcher-overflow: hidden;
3
+ }
4
+
5
+ .content-switcher {
6
+ min-width: auto;
7
+ max-width: 100%;
8
+ width: 100%;
9
+ gap: 0.5rem;
10
+ overflow: var(--sld-content-switcher-overflow);
11
+ position: relative;
12
+ display: flex;
13
+ align-items: center;
14
+ flex: 1;
15
+ }
16
+ .content-switcher .content {
17
+ position: relative;
18
+ overflow: var(--sld-content-switcher-overflow);
19
+ min-width: auto;
20
+ flex: 1 1 auto;
21
21
  }
@@ -1,21 +1,21 @@
1
- :root {
2
- --sld-content-switcher-overflow: hidden;
3
- }
4
-
5
- .content-switcher {
6
- min-width: auto;
7
- max-width: 100%;
8
- width: 100%;
9
- gap: 0.5rem;
10
- overflow: var(--sld-content-switcher-overflow);
11
- position: relative;
12
- display: flex;
13
- align-items: center;
14
- flex: 1;
15
- }
16
- .content-switcher .content {
17
- position: relative;
18
- overflow: var(--sld-content-switcher-overflow);
19
- min-width: auto;
20
- flex: 1 1 auto;
1
+ :root {
2
+ --sld-content-switcher-overflow: hidden;
3
+ }
4
+
5
+ .content-switcher {
6
+ min-width: auto;
7
+ max-width: 100%;
8
+ width: 100%;
9
+ gap: 0.5rem;
10
+ overflow: var(--sld-content-switcher-overflow);
11
+ position: relative;
12
+ display: flex;
13
+ align-items: center;
14
+ flex: 1;
15
+ }
16
+ .content-switcher .content {
17
+ position: relative;
18
+ overflow: var(--sld-content-switcher-overflow);
19
+ min-width: auto;
20
+ flex: 1 1 auto;
21
21
  }
@@ -1,10 +1,10 @@
1
- :global *[variant*=square] {
2
- aspect-ratio: 1/1 !important;
3
- height: auto;
4
- }
5
- :global *[variant*=rounded] {
6
- border-radius: 50%;
7
- }
8
- :global * {
9
- border: 1px solid red;
1
+ :global *[variant*=square] {
2
+ aspect-ratio: 1/1 !important;
3
+ height: auto;
4
+ }
5
+ :global *[variant*=rounded] {
6
+ border-radius: 50%;
7
+ }
8
+ :global * {
9
+ border: 1px solid red;
10
10
  }
@@ -1,10 +1,10 @@
1
- :global *[variant*=square] {
2
- aspect-ratio: 1/1 !important;
3
- height: auto;
4
- }
5
- :global *[variant*=rounded] {
6
- border-radius: 50%;
7
- }
8
- :global * {
9
- border: 1px solid red;
1
+ :global *[variant*=square] {
2
+ aspect-ratio: 1/1 !important;
3
+ height: auto;
4
+ }
5
+ :global *[variant*=rounded] {
6
+ border-radius: 50%;
7
+ }
8
+ :global * {
9
+ border: 1px solid red;
10
10
  }