@medyll/idae-slotui-svelte 0.30.0 → 0.32.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.
- package/dist/index.d.ts +3 -3
- package/dist/index.js +3 -3
- package/dist/slotui-css/slotui-combined.css +112 -112
- package/package.json +3 -3
package/dist/index.d.ts
CHANGED
|
@@ -131,9 +131,6 @@ export { default as Css } from './utils/css/Css.svelte';
|
|
|
131
131
|
export { default as ContextRooter } from './utils/contextRooter/ContextRooter.svelte';
|
|
132
132
|
export * from './utils/content/types.js';
|
|
133
133
|
export { default as Content } from './utils/content/Content.svelte';
|
|
134
|
-
export * from './styles/slotuisheet/utils.js';
|
|
135
|
-
export * from './styles/slotuisheet/types.js';
|
|
136
|
-
export { default as SlotuiSheet } from './styles/slotuisheet/SlotuiSheet.svelte';
|
|
137
134
|
export * from './ui/window/types.js';
|
|
138
135
|
export * from './ui/window/store.js';
|
|
139
136
|
export * from './ui/window/actions.svelte.js';
|
|
@@ -188,6 +185,9 @@ export { default as ChromeFrameList } from './ui/chromeFrame/ChromeFrameList.sve
|
|
|
188
185
|
export { default as ChromeFrameButtonList } from './ui/chromeFrame/ChromeFrameButtonList.svelte';
|
|
189
186
|
export { default as ChromeFrame } from './ui/chromeFrame/ChromeFrame.svelte';
|
|
190
187
|
export { default as BootStrApp } from './ui/bootstrapp/BootStrApp.svelte';
|
|
188
|
+
export * from './styles/slotuisheet/utils.js';
|
|
189
|
+
export * from './styles/slotuisheet/types.js';
|
|
190
|
+
export { default as SlotuiSheet } from './styles/slotuisheet/SlotuiSheet.svelte';
|
|
191
191
|
export * from './navigation/tabs/types.js';
|
|
192
192
|
export { default as Tabs } from './navigation/tabs/Tabs.svelte';
|
|
193
193
|
export * from './navigation/drawer/types.js';
|
package/dist/index.js
CHANGED
|
@@ -132,9 +132,6 @@ export { default as Css } from './utils/css/Css.svelte';
|
|
|
132
132
|
export { default as ContextRooter } from './utils/contextRooter/ContextRooter.svelte';
|
|
133
133
|
export * from './utils/content/types.js';
|
|
134
134
|
export { default as Content } from './utils/content/Content.svelte';
|
|
135
|
-
export * from './styles/slotuisheet/utils.js';
|
|
136
|
-
export * from './styles/slotuisheet/types.js';
|
|
137
|
-
export { default as SlotuiSheet } from './styles/slotuisheet/SlotuiSheet.svelte';
|
|
138
135
|
export * from './ui/window/types.js';
|
|
139
136
|
export * from './ui/window/store.js';
|
|
140
137
|
export * from './ui/window/actions.svelte.js';
|
|
@@ -189,6 +186,9 @@ export { default as ChromeFrameList } from './ui/chromeFrame/ChromeFrameList.sve
|
|
|
189
186
|
export { default as ChromeFrameButtonList } from './ui/chromeFrame/ChromeFrameButtonList.svelte';
|
|
190
187
|
export { default as ChromeFrame } from './ui/chromeFrame/ChromeFrame.svelte';
|
|
191
188
|
export { default as BootStrApp } from './ui/bootstrapp/BootStrApp.svelte';
|
|
189
|
+
export * from './styles/slotuisheet/utils.js';
|
|
190
|
+
export * from './styles/slotuisheet/types.js';
|
|
191
|
+
export { default as SlotuiSheet } from './styles/slotuisheet/SlotuiSheet.svelte';
|
|
192
192
|
export * from './navigation/tabs/types.js';
|
|
193
193
|
export { default as Tabs } from './navigation/tabs/Tabs.svelte';
|
|
194
194
|
export * from './navigation/drawer/types.js';
|
|
@@ -817,103 +817,6 @@ dialog.window .ctrlZone {
|
|
|
817
817
|
background-color: var(--panel-bar-button-background-color);
|
|
818
818
|
}
|
|
819
819
|
|
|
820
|
-
/** menu.scss ----------------*/
|
|
821
|
-
:root {
|
|
822
|
-
--menu-min-width: 150px;
|
|
823
|
-
--menu-padding: 0.25rem;
|
|
824
|
-
--menu-color: var(--sld-color-foreground);
|
|
825
|
-
--menu-item-border-radius: var(--sld-radius-small);
|
|
826
|
-
--menu-item-icon-width: 16px;
|
|
827
|
-
--menu-item-text-padding-left: 0.25rem;
|
|
828
|
-
}
|
|
829
|
-
|
|
830
|
-
ul.menu {
|
|
831
|
-
margin: 0;
|
|
832
|
-
min-width: var(--menu-min-width);
|
|
833
|
-
padding: var(--menu-padding);
|
|
834
|
-
cursor: pointer;
|
|
835
|
-
display: block;
|
|
836
|
-
color: var(--menu-color);
|
|
837
|
-
}
|
|
838
|
-
ul.menu li.menuTitle {
|
|
839
|
-
position: sticky;
|
|
840
|
-
margin-top: 0px !important;
|
|
841
|
-
top: 0px;
|
|
842
|
-
z-index: 1;
|
|
843
|
-
}
|
|
844
|
-
|
|
845
|
-
li.menuItem {
|
|
846
|
-
border-radius: var(--menu-item-border-radius);
|
|
847
|
-
overflow: hidden;
|
|
848
|
-
display: flex;
|
|
849
|
-
align-items: center;
|
|
850
|
-
border: 1px solid transparent;
|
|
851
|
-
}
|
|
852
|
-
li.menuItem:hover {
|
|
853
|
-
border-color: var(--sld-hover-border-color);
|
|
854
|
-
background-color: var(--sld-background-disabled);
|
|
855
|
-
}
|
|
856
|
-
li.menuItem.selected, li.menuItem[aria-selected=true], li.menuItem[data-selected=true] {
|
|
857
|
-
border-color: none;
|
|
858
|
-
background-color: var(--sld-selected-background-color, var(--sld-color-background-darken-mid));
|
|
859
|
-
box-shadow: var(--sld-selected-shadow);
|
|
860
|
-
}
|
|
861
|
-
li.menuItem.selected .listItemChip,
|
|
862
|
-
li.menuItem.selected .menuItemChip, li.menuItem[aria-selected=true] .listItemChip,
|
|
863
|
-
li.menuItem[aria-selected=true] .menuItemChip, li.menuItem[data-selected=true] .listItemChip,
|
|
864
|
-
li.menuItem[data-selected=true] .menuItemChip {
|
|
865
|
-
position: absolute;
|
|
866
|
-
min-height: 16px;
|
|
867
|
-
height: 50%;
|
|
868
|
-
width: 3px;
|
|
869
|
-
background-color: var(--sld-color-primary);
|
|
870
|
-
border-radius: var(--sld-radius-med);
|
|
871
|
-
left: 0;
|
|
872
|
-
border: 1px solid var(--sld-color-primary-alpha-mid);
|
|
873
|
-
}
|
|
874
|
-
li.menuItem {
|
|
875
|
-
--preset-tall: var(--sld-tall-small);
|
|
876
|
-
min-height: var(--preset-tall-small);
|
|
877
|
-
height: var(--preset-tall-small);
|
|
878
|
-
}
|
|
879
|
-
li.menuItem[tall=tiny], li.menuItem.tall-tiny {
|
|
880
|
-
min-height: var(--sld-tall-tiny) !important;
|
|
881
|
-
}
|
|
882
|
-
li.menuItem[tall=mini], li.menuItem.tall-mini {
|
|
883
|
-
min-height: var(--sld-tall-mini) !important;
|
|
884
|
-
}
|
|
885
|
-
li.menuItem[tall=small], li.menuItem.tall-small {
|
|
886
|
-
min-height: var(--sld-tall-small) !important;
|
|
887
|
-
}
|
|
888
|
-
li.menuItem[tall=med], li.menuItem.tall-med {
|
|
889
|
-
min-height: var(--sld-tall-med) !important;
|
|
890
|
-
}
|
|
891
|
-
li.menuItem[tall=kind], li.menuItem.tall-kind {
|
|
892
|
-
min-height: var(--sld-tall-kind) !important;
|
|
893
|
-
}
|
|
894
|
-
li.menuItem[tall=auto], li.menuItem.tall-auto {
|
|
895
|
-
min-height: var(--sld-tall-auto) !important;
|
|
896
|
-
}
|
|
897
|
-
li.menuItem[tall=default], li.menuItem.tall-default {
|
|
898
|
-
min-height: var(--sld-tall-default) !important;
|
|
899
|
-
}
|
|
900
|
-
li.menuItem .menuListItemIcon {
|
|
901
|
-
width: var(--menu-item-icon-width);
|
|
902
|
-
max-width: var(--menu-item-icon-width);
|
|
903
|
-
text-align: center;
|
|
904
|
-
overflow: hidden;
|
|
905
|
-
text-align: center;
|
|
906
|
-
display: flex;
|
|
907
|
-
justify-content: center;
|
|
908
|
-
}
|
|
909
|
-
li.menuItem .menu-list-item-text {
|
|
910
|
-
flex: 1;
|
|
911
|
-
padding-left: var(--menu-item-text-padding-left);
|
|
912
|
-
}
|
|
913
|
-
li.menuItem .menu-list-item-action {
|
|
914
|
-
display: block;
|
|
915
|
-
}
|
|
916
|
-
|
|
917
820
|
/** menu-list.scss ----------------*/
|
|
918
821
|
:root {
|
|
919
822
|
--menu-list-padding: var(--sld-pad-tiny);
|
|
@@ -1262,6 +1165,103 @@ li.menuItem .menu-list-item-action {
|
|
|
1262
1165
|
visibility: hidden;
|
|
1263
1166
|
}
|
|
1264
1167
|
|
|
1168
|
+
/** menu.scss ----------------*/
|
|
1169
|
+
:root {
|
|
1170
|
+
--menu-min-width: 150px;
|
|
1171
|
+
--menu-padding: 0.25rem;
|
|
1172
|
+
--menu-color: var(--sld-color-foreground);
|
|
1173
|
+
--menu-item-border-radius: var(--sld-radius-small);
|
|
1174
|
+
--menu-item-icon-width: 16px;
|
|
1175
|
+
--menu-item-text-padding-left: 0.25rem;
|
|
1176
|
+
}
|
|
1177
|
+
|
|
1178
|
+
ul.menu {
|
|
1179
|
+
margin: 0;
|
|
1180
|
+
min-width: var(--menu-min-width);
|
|
1181
|
+
padding: var(--menu-padding);
|
|
1182
|
+
cursor: pointer;
|
|
1183
|
+
display: block;
|
|
1184
|
+
color: var(--menu-color);
|
|
1185
|
+
}
|
|
1186
|
+
ul.menu li.menuTitle {
|
|
1187
|
+
position: sticky;
|
|
1188
|
+
margin-top: 0px !important;
|
|
1189
|
+
top: 0px;
|
|
1190
|
+
z-index: 1;
|
|
1191
|
+
}
|
|
1192
|
+
|
|
1193
|
+
li.menuItem {
|
|
1194
|
+
border-radius: var(--menu-item-border-radius);
|
|
1195
|
+
overflow: hidden;
|
|
1196
|
+
display: flex;
|
|
1197
|
+
align-items: center;
|
|
1198
|
+
border: 1px solid transparent;
|
|
1199
|
+
}
|
|
1200
|
+
li.menuItem:hover {
|
|
1201
|
+
border-color: var(--sld-hover-border-color);
|
|
1202
|
+
background-color: var(--sld-background-disabled);
|
|
1203
|
+
}
|
|
1204
|
+
li.menuItem.selected, li.menuItem[aria-selected=true], li.menuItem[data-selected=true] {
|
|
1205
|
+
border-color: none;
|
|
1206
|
+
background-color: var(--sld-selected-background-color, var(--sld-color-background-darken-mid));
|
|
1207
|
+
box-shadow: var(--sld-selected-shadow);
|
|
1208
|
+
}
|
|
1209
|
+
li.menuItem.selected .listItemChip,
|
|
1210
|
+
li.menuItem.selected .menuItemChip, li.menuItem[aria-selected=true] .listItemChip,
|
|
1211
|
+
li.menuItem[aria-selected=true] .menuItemChip, li.menuItem[data-selected=true] .listItemChip,
|
|
1212
|
+
li.menuItem[data-selected=true] .menuItemChip {
|
|
1213
|
+
position: absolute;
|
|
1214
|
+
min-height: 16px;
|
|
1215
|
+
height: 50%;
|
|
1216
|
+
width: 3px;
|
|
1217
|
+
background-color: var(--sld-color-primary);
|
|
1218
|
+
border-radius: var(--sld-radius-med);
|
|
1219
|
+
left: 0;
|
|
1220
|
+
border: 1px solid var(--sld-color-primary-alpha-mid);
|
|
1221
|
+
}
|
|
1222
|
+
li.menuItem {
|
|
1223
|
+
--preset-tall: var(--sld-tall-small);
|
|
1224
|
+
min-height: var(--preset-tall-small);
|
|
1225
|
+
height: var(--preset-tall-small);
|
|
1226
|
+
}
|
|
1227
|
+
li.menuItem[tall=tiny], li.menuItem.tall-tiny {
|
|
1228
|
+
min-height: var(--sld-tall-tiny) !important;
|
|
1229
|
+
}
|
|
1230
|
+
li.menuItem[tall=mini], li.menuItem.tall-mini {
|
|
1231
|
+
min-height: var(--sld-tall-mini) !important;
|
|
1232
|
+
}
|
|
1233
|
+
li.menuItem[tall=small], li.menuItem.tall-small {
|
|
1234
|
+
min-height: var(--sld-tall-small) !important;
|
|
1235
|
+
}
|
|
1236
|
+
li.menuItem[tall=med], li.menuItem.tall-med {
|
|
1237
|
+
min-height: var(--sld-tall-med) !important;
|
|
1238
|
+
}
|
|
1239
|
+
li.menuItem[tall=kind], li.menuItem.tall-kind {
|
|
1240
|
+
min-height: var(--sld-tall-kind) !important;
|
|
1241
|
+
}
|
|
1242
|
+
li.menuItem[tall=auto], li.menuItem.tall-auto {
|
|
1243
|
+
min-height: var(--sld-tall-auto) !important;
|
|
1244
|
+
}
|
|
1245
|
+
li.menuItem[tall=default], li.menuItem.tall-default {
|
|
1246
|
+
min-height: var(--sld-tall-default) !important;
|
|
1247
|
+
}
|
|
1248
|
+
li.menuItem .menuListItemIcon {
|
|
1249
|
+
width: var(--menu-item-icon-width);
|
|
1250
|
+
max-width: var(--menu-item-icon-width);
|
|
1251
|
+
text-align: center;
|
|
1252
|
+
overflow: hidden;
|
|
1253
|
+
text-align: center;
|
|
1254
|
+
display: flex;
|
|
1255
|
+
justify-content: center;
|
|
1256
|
+
}
|
|
1257
|
+
li.menuItem .menu-list-item-text {
|
|
1258
|
+
flex: 1;
|
|
1259
|
+
padding-left: var(--menu-item-text-padding-left);
|
|
1260
|
+
}
|
|
1261
|
+
li.menuItem .menu-list-item-action {
|
|
1262
|
+
display: block;
|
|
1263
|
+
}
|
|
1264
|
+
|
|
1265
1265
|
/** marquee.scss ----------------*/
|
|
1266
1266
|
.marquee {
|
|
1267
1267
|
flex: 1;
|
|
@@ -4942,6 +4942,21 @@ hr.vertical {
|
|
|
4942
4942
|
transform: scale(0, 0);
|
|
4943
4943
|
}
|
|
4944
4944
|
|
|
4945
|
+
/** avatar.scss ----------------*/
|
|
4946
|
+
:root {
|
|
4947
|
+
--avatar-radius: var(--css-radius-small);
|
|
4948
|
+
--avatar-border-color: var(--sld-color-border);
|
|
4949
|
+
}
|
|
4950
|
+
|
|
4951
|
+
.avatar {
|
|
4952
|
+
position: relative;
|
|
4953
|
+
border-radius: var(--avatar-radius);
|
|
4954
|
+
border: 1px solid var(--avatar-border-color);
|
|
4955
|
+
display: grid;
|
|
4956
|
+
place-items: center;
|
|
4957
|
+
overflow: hidden;
|
|
4958
|
+
}
|
|
4959
|
+
|
|
4945
4960
|
/** backdrop.scss ----------------*/
|
|
4946
4961
|
:root {
|
|
4947
4962
|
--backdrop-background-color: var(--sld-color-foreground-alpha-high);
|
|
@@ -4976,21 +4991,6 @@ hr.vertical {
|
|
|
4976
4991
|
display: inherit;
|
|
4977
4992
|
}
|
|
4978
4993
|
|
|
4979
|
-
/** avatar.scss ----------------*/
|
|
4980
|
-
:root {
|
|
4981
|
-
--avatar-radius: var(--css-radius-small);
|
|
4982
|
-
--avatar-border-color: var(--sld-color-border);
|
|
4983
|
-
}
|
|
4984
|
-
|
|
4985
|
-
.avatar {
|
|
4986
|
-
position: relative;
|
|
4987
|
-
border-radius: var(--avatar-radius);
|
|
4988
|
-
border: 1px solid var(--avatar-border-color);
|
|
4989
|
-
display: grid;
|
|
4990
|
-
place-items: center;
|
|
4991
|
-
overflow: hidden;
|
|
4992
|
-
}
|
|
4993
|
-
|
|
4994
4994
|
/** alert.scss ----------------*/
|
|
4995
4995
|
:root {
|
|
4996
4996
|
--alert-radius: var(--sld-radius-small);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@medyll/idae-slotui-svelte",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.32.0",
|
|
4
4
|
"scope": "@medyll",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"dev": "vite dev",
|
|
@@ -87,8 +87,8 @@
|
|
|
87
87
|
"dependencies": {
|
|
88
88
|
"@iconify/svelte": "^4.0.2",
|
|
89
89
|
"@medyll/cssfabric": "^0.4.2",
|
|
90
|
-
"@medyll/idae-be": "^0.
|
|
91
|
-
"@medyll/idae-engine": "^1.
|
|
90
|
+
"@medyll/idae-be": "^0.32.0",
|
|
91
|
+
"@medyll/idae-engine": "^1.30.0",
|
|
92
92
|
"d3": "^7.9.0",
|
|
93
93
|
"lerna": "^8.1.8",
|
|
94
94
|
"npm-check-updates": "^17.0.2",
|