@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/cartouche.css CHANGED
@@ -1,114 +1,114 @@
1
- :root {
2
- --cartouche-radius: var(--sld-radius-small);
3
- --cartouche-control-gap: var(--sld-gap-small);
4
- --cartouche-border: var(--sld-color-foreground-alpha-high);
5
- --cartouche-background-color: var(--sld-color-background);
6
- --cartouche-background-color-hover: var(--sld-color-background-darken-low);
7
- --cartouche-divider-border: var(--sld-color-foreground-alpha-mid);
8
- }
9
-
10
- .cartouche {
11
- border-radius: var(--cartouche-radius);
12
- background-clip: padding-box;
13
- overflow: hidden;
14
- box-shadow: var(--sld-elevation-1);
15
- }
16
- .cartouche[aria-expanded=true] {
17
- box-shadow: var(--sld-elevation-2);
18
- }
19
- .cartouche.stacked {
20
- border-radius: 0;
21
- }
22
- .cartouche.stacked:first-child {
23
- border-top-left-radius: var(--cartouche-radius);
24
- border-top-right-radius: var(--cartouche-radius);
25
- }
26
- .cartouche.stacked:last-child {
27
- border-bottom-left-radius: var(--cartouche-radius);
28
- border-bottom-right-radius: var(--cartouche-radius);
29
- }
30
- .cartouche .control {
31
- min-height: var(--preset-tall-small);
32
- height: var(--preset-tall-small);
33
- }
34
- .cartouche .control {
35
- --preset-tall: var(--sld-tall-small);
36
- }
37
- .cartouche .control[tall=tiny], .cartouche .control.tall-tiny {
38
- min-height: var(--sld-tall-tiny) !important;
39
- }
40
- .cartouche .control[tall=mini], .cartouche .control.tall-mini {
41
- min-height: var(--sld-tall-mini) !important;
42
- }
43
- .cartouche .control[tall=small], .cartouche .control.tall-small {
44
- min-height: var(--sld-tall-small) !important;
45
- }
46
- .cartouche .control[tall=med], .cartouche .control.tall-med {
47
- min-height: var(--sld-tall-med) !important;
48
- }
49
- .cartouche .control[tall=kind], .cartouche .control.tall-kind {
50
- min-height: var(--sld-tall-kind) !important;
51
- }
52
- .cartouche .control[tall=auto], .cartouche .control.tall-auto {
53
- min-height: var(--sld-tall-auto) !important;
54
- }
55
- .cartouche .control[tall=default], .cartouche .control.tall-default {
56
- min-height: var(--sld-tall-default) !important;
57
- }
58
- .cartouche .control {
59
- transition: all 0.25s ease;
60
- }
61
- .cartouche .control {
62
- display: flex;
63
- align-items: center;
64
- gap: var(--cartouche-control-gap);
65
- background-color: var(--cartouche-background-color);
66
- padding: auto 0.25rem;
67
- cursor: pointer;
68
- }
69
- .cartouche .control:hover {
70
- background-color: var(--cartouche-background-color-hover);
71
- }
72
- .cartouche .control .controlIcon {
73
- display: flex;
74
- align-items: center;
75
- padding: 0 0.5rem;
76
- }
77
- .cartouche .control .controlLabel {
78
- cursor: pointer;
79
- padding: 0 0.5rem;
80
- }
81
- .cartouche .control .cartouche-control-actions {
82
- cursor: default;
83
- }
84
- .cartouche .control .chevron {
85
- cursor: pointer;
86
- padding: 0.5rem;
87
- align-items: center;
88
- align-content: center;
89
- }
90
- .cartouche .content {
91
- transition: all 0.25s ease;
92
- }
93
- .cartouche .content {
94
- overflow: hidden;
95
- background-color: var(--cartouche-background-color);
96
- content-visibility: auto;
97
- padding: 1px;
98
- padding-top: 0;
99
- border-radius: 4px;
100
- }
101
- .cartouche .content-wrapper {
102
- padding: 1px;
103
- padding-top: 0;
104
- border-top-left-radius: 0;
105
- border-top-right-radius: 0;
106
- border-top: none !important;
107
- background-color: var(--cartouche-background-color);
108
- }
109
- .cartouche .content-wrapper[aria-expanded=false] {
110
- display: none;
111
- }
112
- .cartouche .content[aria-expanded=false] {
113
- display: none;
1
+ :root {
2
+ --cartouche-radius: var(--sld-radius-small);
3
+ --cartouche-control-gap: var(--sld-gap-small);
4
+ --cartouche-border: var(--sld-color-foreground-alpha-high);
5
+ --cartouche-background-color: var(--sld-color-background);
6
+ --cartouche-background-color-hover: var(--sld-color-background-darken-low);
7
+ --cartouche-divider-border: var(--sld-color-foreground-alpha-mid);
8
+ }
9
+
10
+ .cartouche {
11
+ border-radius: var(--cartouche-radius);
12
+ background-clip: padding-box;
13
+ overflow: hidden;
14
+ box-shadow: var(--sld-elevation-1);
15
+ }
16
+ .cartouche[aria-expanded=true] {
17
+ box-shadow: var(--sld-elevation-2);
18
+ }
19
+ .cartouche.stacked {
20
+ border-radius: 0;
21
+ }
22
+ .cartouche.stacked:first-child {
23
+ border-top-left-radius: var(--cartouche-radius);
24
+ border-top-right-radius: var(--cartouche-radius);
25
+ }
26
+ .cartouche.stacked:last-child {
27
+ border-bottom-left-radius: var(--cartouche-radius);
28
+ border-bottom-right-radius: var(--cartouche-radius);
29
+ }
30
+ .cartouche .control {
31
+ min-height: var(--preset-tall-small);
32
+ height: var(--preset-tall-small);
33
+ }
34
+ .cartouche .control {
35
+ --preset-tall: var(--sld-tall-small);
36
+ }
37
+ .cartouche .control[tall=tiny], .cartouche .control.tall-tiny {
38
+ min-height: var(--sld-tall-tiny) !important;
39
+ }
40
+ .cartouche .control[tall=mini], .cartouche .control.tall-mini {
41
+ min-height: var(--sld-tall-mini) !important;
42
+ }
43
+ .cartouche .control[tall=small], .cartouche .control.tall-small {
44
+ min-height: var(--sld-tall-small) !important;
45
+ }
46
+ .cartouche .control[tall=med], .cartouche .control.tall-med {
47
+ min-height: var(--sld-tall-med) !important;
48
+ }
49
+ .cartouche .control[tall=kind], .cartouche .control.tall-kind {
50
+ min-height: var(--sld-tall-kind) !important;
51
+ }
52
+ .cartouche .control[tall=auto], .cartouche .control.tall-auto {
53
+ min-height: var(--sld-tall-auto) !important;
54
+ }
55
+ .cartouche .control[tall=default], .cartouche .control.tall-default {
56
+ min-height: var(--sld-tall-default) !important;
57
+ }
58
+ .cartouche .control {
59
+ transition: all 0.25s ease;
60
+ }
61
+ .cartouche .control {
62
+ display: flex;
63
+ align-items: center;
64
+ gap: var(--cartouche-control-gap);
65
+ background-color: var(--cartouche-background-color);
66
+ padding: auto 0.25rem;
67
+ cursor: pointer;
68
+ }
69
+ .cartouche .control:hover {
70
+ background-color: var(--cartouche-background-color-hover);
71
+ }
72
+ .cartouche .control .controlIcon {
73
+ display: flex;
74
+ align-items: center;
75
+ padding: 0 0.5rem;
76
+ }
77
+ .cartouche .control .controlLabel {
78
+ cursor: pointer;
79
+ padding: 0 0.5rem;
80
+ }
81
+ .cartouche .control .cartouche-control-actions {
82
+ cursor: default;
83
+ }
84
+ .cartouche .control .chevron {
85
+ cursor: pointer;
86
+ padding: 0.5rem;
87
+ align-items: center;
88
+ align-content: center;
89
+ }
90
+ .cartouche .content {
91
+ transition: all 0.25s ease;
92
+ }
93
+ .cartouche .content {
94
+ overflow: hidden;
95
+ background-color: var(--cartouche-background-color);
96
+ content-visibility: auto;
97
+ padding: 1px;
98
+ padding-top: 0;
99
+ border-radius: 4px;
100
+ }
101
+ .cartouche .content-wrapper {
102
+ padding: 1px;
103
+ padding-top: 0;
104
+ border-top-left-radius: 0;
105
+ border-top-right-radius: 0;
106
+ border-top: none !important;
107
+ background-color: var(--cartouche-background-color);
108
+ }
109
+ .cartouche .content-wrapper[aria-expanded=false] {
110
+ display: none;
111
+ }
112
+ .cartouche .content[aria-expanded=false] {
113
+ display: none;
114
114
  }
package/dist/slotui-css/cartouche.min.css CHANGED
@@ -1,114 +1,114 @@
1
- :root {
2
- --cartouche-radius: var(--sld-radius-small);
3
- --cartouche-control-gap: var(--sld-gap-small);
4
- --cartouche-border: var(--sld-color-foreground-alpha-high);
5
- --cartouche-background-color: var(--sld-color-background);
6
- --cartouche-background-color-hover: var(--sld-color-background-darken-low);
7
- --cartouche-divider-border: var(--sld-color-foreground-alpha-mid);
8
- }
9
-
10
- .cartouche {
11
- border-radius: var(--cartouche-radius);
12
- background-clip: padding-box;
13
- overflow: hidden;
14
- box-shadow: var(--sld-elevation-1);
15
- }
16
- .cartouche[aria-expanded=true] {
17
- box-shadow: var(--sld-elevation-2);
18
- }
19
- .cartouche.stacked {
20
- border-radius: 0;
21
- }
22
- .cartouche.stacked:first-child {
23
- border-top-left-radius: var(--cartouche-radius);
24
- border-top-right-radius: var(--cartouche-radius);
25
- }
26
- .cartouche.stacked:last-child {
27
- border-bottom-left-radius: var(--cartouche-radius);
28
- border-bottom-right-radius: var(--cartouche-radius);
29
- }
30
- .cartouche .control {
31
- min-height: var(--preset-tall-small);
32
- height: var(--preset-tall-small);
33
- }
34
- .cartouche .control {
35
- --preset-tall: var(--sld-tall-small);
36
- }
37
- .cartouche .control[tall=tiny], .cartouche .control.tall-tiny {
38
- min-height: var(--sld-tall-tiny) !important;
39
- }
40
- .cartouche .control[tall=mini], .cartouche .control.tall-mini {
41
- min-height: var(--sld-tall-mini) !important;
42
- }
43
- .cartouche .control[tall=small], .cartouche .control.tall-small {
44
- min-height: var(--sld-tall-small) !important;
45
- }
46
- .cartouche .control[tall=med], .cartouche .control.tall-med {
47
- min-height: var(--sld-tall-med) !important;
48
- }
49
- .cartouche .control[tall=kind], .cartouche .control.tall-kind {
50
- min-height: var(--sld-tall-kind) !important;
51
- }
52
- .cartouche .control[tall=auto], .cartouche .control.tall-auto {
53
- min-height: var(--sld-tall-auto) !important;
54
- }
55
- .cartouche .control[tall=default], .cartouche .control.tall-default {
56
- min-height: var(--sld-tall-default) !important;
57
- }
58
- .cartouche .control {
59
- transition: all 0.25s ease;
60
- }
61
- .cartouche .control {
62
- display: flex;
63
- align-items: center;
64
- gap: var(--cartouche-control-gap);
65
- background-color: var(--cartouche-background-color);
66
- padding: auto 0.25rem;
67
- cursor: pointer;
68
- }
69
- .cartouche .control:hover {
70
- background-color: var(--cartouche-background-color-hover);
71
- }
72
- .cartouche .control .controlIcon {
73
- display: flex;
74
- align-items: center;
75
- padding: 0 0.5rem;
76
- }
77
- .cartouche .control .controlLabel {
78
- cursor: pointer;
79
- padding: 0 0.5rem;
80
- }
81
- .cartouche .control .cartouche-control-actions {
82
- cursor: default;
83
- }
84
- .cartouche .control .chevron {
85
- cursor: pointer;
86
- padding: 0.5rem;
87
- align-items: center;
88
- align-content: center;
89
- }
90
- .cartouche .content {
91
- transition: all 0.25s ease;
92
- }
93
- .cartouche .content {
94
- overflow: hidden;
95
- background-color: var(--cartouche-background-color);
96
- content-visibility: auto;
97
- padding: 1px;
98
- padding-top: 0;
99
- border-radius: 4px;
100
- }
101
- .cartouche .content-wrapper {
102
- padding: 1px;
103
- padding-top: 0;
104
- border-top-left-radius: 0;
105
- border-top-right-radius: 0;
106
- border-top: none !important;
107
- background-color: var(--cartouche-background-color);
108
- }
109
- .cartouche .content-wrapper[aria-expanded=false] {
110
- display: none;
111
- }
112
- .cartouche .content[aria-expanded=false] {
113
- display: none;
1
+ :root {
2
+ --cartouche-radius: var(--sld-radius-small);
3
+ --cartouche-control-gap: var(--sld-gap-small);
4
+ --cartouche-border: var(--sld-color-foreground-alpha-high);
5
+ --cartouche-background-color: var(--sld-color-background);
6
+ --cartouche-background-color-hover: var(--sld-color-background-darken-low);
7
+ --cartouche-divider-border: var(--sld-color-foreground-alpha-mid);
8
+ }
9
+
10
+ .cartouche {
11
+ border-radius: var(--cartouche-radius);
12
+ background-clip: padding-box;
13
+ overflow: hidden;
14
+ box-shadow: var(--sld-elevation-1);
15
+ }
16
+ .cartouche[aria-expanded=true] {
17
+ box-shadow: var(--sld-elevation-2);
18
+ }
19
+ .cartouche.stacked {
20
+ border-radius: 0;
21
+ }
22
+ .cartouche.stacked:first-child {
23
+ border-top-left-radius: var(--cartouche-radius);
24
+ border-top-right-radius: var(--cartouche-radius);
25
+ }
26
+ .cartouche.stacked:last-child {
27
+ border-bottom-left-radius: var(--cartouche-radius);
28
+ border-bottom-right-radius: var(--cartouche-radius);
29
+ }
30
+ .cartouche .control {
31
+ min-height: var(--preset-tall-small);
32
+ height: var(--preset-tall-small);
33
+ }
34
+ .cartouche .control {
35
+ --preset-tall: var(--sld-tall-small);
36
+ }
37
+ .cartouche .control[tall=tiny], .cartouche .control.tall-tiny {
38
+ min-height: var(--sld-tall-tiny) !important;
39
+ }
40
+ .cartouche .control[tall=mini], .cartouche .control.tall-mini {
41
+ min-height: var(--sld-tall-mini) !important;
42
+ }
43
+ .cartouche .control[tall=small], .cartouche .control.tall-small {
44
+ min-height: var(--sld-tall-small) !important;
45
+ }
46
+ .cartouche .control[tall=med], .cartouche .control.tall-med {
47
+ min-height: var(--sld-tall-med) !important;
48
+ }
49
+ .cartouche .control[tall=kind], .cartouche .control.tall-kind {
50
+ min-height: var(--sld-tall-kind) !important;
51
+ }
52
+ .cartouche .control[tall=auto], .cartouche .control.tall-auto {
53
+ min-height: var(--sld-tall-auto) !important;
54
+ }
55
+ .cartouche .control[tall=default], .cartouche .control.tall-default {
56
+ min-height: var(--sld-tall-default) !important;
57
+ }
58
+ .cartouche .control {
59
+ transition: all 0.25s ease;
60
+ }
61
+ .cartouche .control {
62
+ display: flex;
63
+ align-items: center;
64
+ gap: var(--cartouche-control-gap);
65
+ background-color: var(--cartouche-background-color);
66
+ padding: auto 0.25rem;
67
+ cursor: pointer;
68
+ }
69
+ .cartouche .control:hover {
70
+ background-color: var(--cartouche-background-color-hover);
71
+ }
72
+ .cartouche .control .controlIcon {
73
+ display: flex;
74
+ align-items: center;
75
+ padding: 0 0.5rem;
76
+ }
77
+ .cartouche .control .controlLabel {
78
+ cursor: pointer;
79
+ padding: 0 0.5rem;
80
+ }
81
+ .cartouche .control .cartouche-control-actions {
82
+ cursor: default;
83
+ }
84
+ .cartouche .control .chevron {
85
+ cursor: pointer;
86
+ padding: 0.5rem;
87
+ align-items: center;
88
+ align-content: center;
89
+ }
90
+ .cartouche .content {
91
+ transition: all 0.25s ease;
92
+ }
93
+ .cartouche .content {
94
+ overflow: hidden;
95
+ background-color: var(--cartouche-background-color);
96
+ content-visibility: auto;
97
+ padding: 1px;
98
+ padding-top: 0;
99
+ border-radius: 4px;
100
+ }
101
+ .cartouche .content-wrapper {
102
+ padding: 1px;
103
+ padding-top: 0;
104
+ border-top-left-radius: 0;
105
+ border-top-right-radius: 0;
106
+ border-top: none !important;
107
+ background-color: var(--cartouche-background-color);
108
+ }
109
+ .cartouche .content-wrapper[aria-expanded=false] {
110
+ display: none;
111
+ }
112
+ .cartouche .content[aria-expanded=false] {
113
+ display: none;
114
114
  }