@medyll/idae-slotui-svelte 0.62.0 → 0.64.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 (62) hide show
  1. package/dist/base/cartouche/Cartouche.svelte +13 -7
  2. package/dist/base/cartouche/cartouche.scss +23 -23
  3. package/dist/base/titleBar/TitleBar.svelte +3 -1
  4. package/dist/base/titleBar/title-bar.scss +3 -1
  5. package/dist/controls/button/Button.svelte +498 -892
  6. package/dist/controls/button/ButtonAction.svelte +493 -887
  7. package/dist/controls/button/button.scss +51 -71
  8. package/dist/controls/checkbox/Checkbox.svelte +20 -16
  9. package/dist/controls/checkbox/checkbox.scss +14 -11
  10. package/dist/controls/slider/Slider.svelte +9 -7
  11. package/dist/controls/slider/slider.scss +9 -7
  12. package/dist/controls/textfield/TextField.svelte +7 -3
  13. package/dist/csss/csss.scss +3 -1
  14. package/dist/data/dataList/DataList.svelte +2 -2
  15. package/dist/data/dataList/datalist.scss +1 -1
  16. package/dist/data/finder/Finder.svelte +6 -2
  17. package/dist/index.d.ts +2 -3
  18. package/dist/index.js +2 -3
  19. package/dist/navigation/drawer/Drawer.svelte +10 -6
  20. package/dist/navigation/drawer/drawer.scss +17 -13
  21. package/dist/slotui-css/button.css +493 -887
  22. package/dist/slotui-css/button.min.css +493 -887
  23. package/dist/slotui-css/cartouche.css +13 -7
  24. package/dist/slotui-css/cartouche.min.css +13 -7
  25. package/dist/slotui-css/checkbox.css +20 -16
  26. package/dist/slotui-css/checkbox.min.css +20 -16
  27. package/dist/slotui-css/csss.css +5 -5
  28. package/dist/slotui-css/csss.min.css +5 -5
  29. package/dist/slotui-css/datalist.css +2 -2
  30. package/dist/slotui-css/datalist.min.css +2 -2
  31. package/dist/slotui-css/drawer.css +10 -6
  32. package/dist/slotui-css/drawer.min.css +10 -6
  33. package/dist/slotui-css/finder.css +6 -2
  34. package/dist/slotui-css/finder.min.css +6 -2
  35. package/dist/slotui-css/marquee.css +6 -6
  36. package/dist/slotui-css/marquee.min.css +6 -6
  37. package/dist/slotui-css/menu-list.css +61 -192
  38. package/dist/slotui-css/menu-list.min.css +61 -192
  39. package/dist/slotui-css/menu.css +15 -14
  40. package/dist/slotui-css/menu.min.css +15 -14
  41. package/dist/slotui-css/slider.css +9 -7
  42. package/dist/slotui-css/slider.min.css +9 -7
  43. package/dist/slotui-css/slotui-css.css +654 -1153
  44. package/dist/slotui-css/slotui-min-css.css +654 -1153
  45. package/dist/slotui-css/textfield.css +7 -3
  46. package/dist/slotui-css/textfield.min.css +7 -3
  47. package/dist/slotui-css/title-bar.css +3 -1
  48. package/dist/slotui-css/title-bar.min.css +3 -1
  49. package/dist/slotui-css/tree.css +4 -5
  50. package/dist/slotui-css/tree.min.css +4 -5
  51. package/dist/styles/slotui-mixins.scss +26 -23
  52. package/dist/ui/marquee/Marquee.svelte +6 -6
  53. package/dist/ui/menu/MenuTitle.svelte +15 -14
  54. package/dist/ui/menu/menu.scss +16 -11
  55. package/dist/ui/menuList/MenuList.svelte +63 -194
  56. package/dist/ui/menuList/MenuListItem.svelte +62 -194
  57. package/dist/ui/menuList/MenuListTitle.svelte +61 -192
  58. package/dist/ui/menuList/menu-list.scss +16 -16
  59. package/dist/ui/tree/Tree.svelte +5 -6
  60. package/dist/utils/content/Content.svelte +10 -8
  61. package/package.json +3 -3
  62. package/dist/slotui-css/slotui-combined.css +0 -5075
package/dist/base/cartouche/Cartouche.svelte CHANGED
@@ -135,13 +135,6 @@ let Component = $state(component);
135
135
  .cartouche .control {
136
136
  min-height: var(--preset-tall-small);
137
137
  height: var(--preset-tall-small);
138
- transition: all 0.25s ease;
139
- display: flex;
140
- align-items: center;
141
- gap: var(--cartouche-control-gap);
142
- background-color: var(--cartouche-background-color);
143
- padding: auto 0.25rem;
144
- cursor: pointer;
145
138
  }
146
139
  .cartouche .control {
147
140
  --preset-tall: var(--sld-tall-small);
@@ -167,6 +160,17 @@ let Component = $state(component);
167
160
  .cartouche .control[tall=default], .cartouche .control.tall-default {
168
161
  min-height: var(--sld-tall-default) !important;
169
162
  }
163
+ .cartouche .control {
164
+ transition: all 0.25s ease;
165
+ }
166
+ .cartouche .control {
167
+ display: flex;
168
+ align-items: center;
169
+ gap: var(--cartouche-control-gap);
170
+ background-color: var(--cartouche-background-color);
171
+ padding: auto 0.25rem;
172
+ cursor: pointer;
173
+ }
170
174
  .cartouche .control:hover {
171
175
  background-color: var(--cartouche-background-color-hover);
172
176
  }
@@ -190,6 +194,8 @@ let Component = $state(component);
190
194
  }
191
195
  .cartouche .content {
192
196
  transition: all 0.25s ease;
197
+ }
198
+ .cartouche .content {
193
199
  overflow: hidden;
194
200
  background-color: var(--cartouche-background-color);
195
201
  content-visibility: auto;
package/dist/base/cartouche/cartouche.scss CHANGED
@@ -10,19 +10,17 @@
10
10
  }
11
11
 
12
12
  .cartouche {
13
- border-radius: var(--cartouche-radius);
14
- background-clip: padding-box;
15
- overflow: hidden;
16
- box-shadow: var(--sld-elevation-1);
13
+ & {
14
+ border-radius: var(--cartouche-radius);
15
+ background-clip: padding-box;
16
+ overflow: hidden;
17
+ box-shadow: var(--sld-elevation-1);
18
+ }
17
19
 
18
20
  &[aria-expanded="true"] {
19
21
  box-shadow: var(--sld-elevation-2);
20
22
  }
21
23
 
22
- &[data-bordered="true"] {
23
- //border: 1px solid var(--cartouche-border);
24
- }
25
-
26
24
  &.stacked {
27
25
  border-radius: 0;
28
26
  &:first-child {
@@ -38,13 +36,15 @@
38
36
  .control {
39
37
  @include slotui-mixins.ui-tall-presets;
40
38
  @include slotui-mixins.ui-transition;
41
- display: flex;
42
- align-items: center;
43
- gap: var(--cartouche-control-gap);
44
- background-color: var(--cartouche-background-color);
45
39
 
46
- padding: auto 0.25rem;
47
- cursor: pointer;
40
+ & {
41
+ display: flex;
42
+ align-items: center;
43
+ gap: var(--cartouche-control-gap);
44
+ background-color: var(--cartouche-background-color);
45
+ padding: auto 0.25rem;
46
+ cursor: pointer;
47
+ }
48
48
 
49
49
  &:hover {
50
50
  background-color: var(--cartouche-background-color-hover);
@@ -79,6 +79,15 @@
79
79
 
80
80
  .content {
81
81
  @include slotui-mixins.ui-transition;
82
+
83
+ & {
84
+ overflow: hidden;
85
+ background-color: var(--cartouche-background-color);
86
+ content-visibility: auto;
87
+ padding: 1px;
88
+ padding-top: 0;
89
+ border-radius: 4px;
90
+ }
82
91
  &-wrapper {
83
92
  padding: 1px;
84
93
  padding-top: 0;
@@ -95,15 +104,6 @@
95
104
  }
96
105
  }
97
106
 
98
- overflow: hidden;
99
- background-color: var(--cartouche-background-color);
100
- content-visibility: auto;
101
- padding: 1px;
102
- padding-top: 0;
103
- border-radius: 4px;
104
- //border: 1px solid var(--cartouche-border, red);
105
- //border-top: none !important;
106
-
107
107
  &[aria-expanded="false"] {
108
108
  display: none;
109
109
  }
package/dist/base/titleBar/TitleBar.svelte CHANGED
@@ -43,7 +43,6 @@ let {
43
43
  display: flex;
44
44
  flex-direction: row;
45
45
  align-items: center;
46
- border-bottom: 1px solid var(--title-bar-color-border-bottom);
47
46
  }
48
47
  .title-bar-content {
49
48
  display: flex;
@@ -58,4 +57,7 @@ let {
58
57
  }
59
58
  .title-bar-content-title {
60
59
  flex: 1;
60
+ }
61
+ .title-bar {
62
+ border-bottom: 1px solid var(--title-bar-color-border-bottom);
61
63
  }</style>
package/dist/base/titleBar/title-bar.scss CHANGED
@@ -23,5 +23,7 @@
23
23
  }
24
24
  }
25
25
 
26
- border-bottom: 1px solid var(--title-bar-color-border-bottom);
26
+ & {
27
+ border-bottom: 1px solid var(--title-bar-color-border-bottom);
28
+ }
27
29
  }