@medyll/idae-slotui-svelte 0.63.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 -9
  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 +466 -516
  6. package/dist/controls/button/ButtonAction.svelte +462 -512
  7. package/dist/controls/button/button.scss +20 -38
  8. package/dist/controls/checkbox/Checkbox.svelte +16 -14
  9. package/dist/controls/checkbox/checkbox.scss +14 -11
  10. package/dist/controls/slider/Slider.svelte +9 -9
  11. package/dist/controls/slider/slider.scss +9 -7
  12. package/dist/controls/textfield/TextField.svelte +2 -2
  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 +2 -2
  17. package/dist/index.d.ts +3 -4
  18. package/dist/index.js +3 -4
  19. package/dist/navigation/drawer/Drawer.svelte +10 -8
  20. package/dist/navigation/drawer/drawer.scss +17 -13
  21. package/dist/slotui-css/button.css +462 -512
  22. package/dist/slotui-css/button.min.css +462 -512
  23. package/dist/slotui-css/cartouche.css +13 -9
  24. package/dist/slotui-css/cartouche.min.css +13 -9
  25. package/dist/slotui-css/checkbox.css +16 -14
  26. package/dist/slotui-css/checkbox.min.css +16 -14
  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 -8
  32. package/dist/slotui-css/drawer.min.css +10 -8
  33. package/dist/slotui-css/finder.css +2 -2
  34. package/dist/slotui-css/finder.min.css +2 -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 +16 -17
  38. package/dist/slotui-css/menu-list.min.css +16 -17
  39. package/dist/slotui-css/menu.css +4 -5
  40. package/dist/slotui-css/menu.min.css +4 -5
  41. package/dist/slotui-css/slider.css +9 -9
  42. package/dist/slotui-css/slider.min.css +9 -9
  43. package/dist/slotui-css/slotui-css.css +554 -597
  44. package/dist/slotui-css/slotui-min-css.css +554 -597
  45. package/dist/slotui-css/textfield.css +2 -2
  46. package/dist/slotui-css/textfield.min.css +2 -2
  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 +21 -22
  52. package/dist/ui/marquee/Marquee.svelte +6 -6
  53. package/dist/ui/menu/MenuTitle.svelte +4 -5
  54. package/dist/ui/menu/menu.scss +1 -0
  55. package/dist/ui/menuList/MenuList.svelte +16 -17
  56. package/dist/ui/menuList/MenuListItem.svelte +17 -19
  57. package/dist/ui/menuList/MenuListTitle.svelte +16 -17
  58. package/dist/ui/menuList/menu-list.scss +2 -2
  59. package/dist/ui/tree/Tree.svelte +5 -6
  60. package/dist/utils/content/Content.svelte +8 -8
  61. package/package.json +3 -3
  62. package/dist/slotui-css/slotui-combined.css +0 -5075
package/dist/base/cartouche/Cartouche.svelte CHANGED
@@ -132,15 +132,6 @@ let Component = $state(component);
132
132
  border-bottom-left-radius: var(--cartouche-radius);
133
133
  border-bottom-right-radius: var(--cartouche-radius);
134
134
  }
135
- .cartouche .control {
136
- transition: all 0.25s ease;
137
- display: flex;
138
- align-items: center;
139
- gap: var(--cartouche-control-gap);
140
- background-color: var(--cartouche-background-color);
141
- padding: auto 0.25rem;
142
- cursor: pointer;
143
- }
144
135
  .cartouche .control {
145
136
  min-height: var(--preset-tall-small);
146
137
  height: var(--preset-tall-small);
@@ -169,6 +160,17 @@ let Component = $state(component);
169
160
  .cartouche .control[tall=default], .cartouche .control.tall-default {
170
161
  min-height: var(--sld-tall-default) !important;
171
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
+ }
172
174
  .cartouche .control:hover {
173
175
  background-color: var(--cartouche-background-color-hover);
174
176
  }
@@ -192,6 +194,8 @@ let Component = $state(component);
192
194
  }
193
195
  .cartouche .content {
194
196
  transition: all 0.25s ease;
197
+ }
198
+ .cartouche .content {
195
199
  overflow: hidden;
196
200
  background-color: var(--cartouche-background-color);
197
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
  }