@medyll/idae-slotui-svelte 0.81.0 → 0.83.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 +1 -1
- package/dist/index.js +1 -1
- package/dist/slotui-css/slotui-css.css +121 -121
- package/dist/slotui-css/slotui-min-css.css +121 -121
- package/package.json +3 -3
package/dist/index.d.ts
CHANGED
|
@@ -280,5 +280,5 @@ export * from './utils/uses/sx4u/sx4uPreprocess.js';
|
|
|
280
280
|
export * from './utils/uses/sx4u/sx4u.js';
|
|
281
281
|
export * from './utils/uses/stickTo/stickTo.js';
|
|
282
282
|
export * from './utils/uses/resizer/resizer.js';
|
|
283
|
-
export * from './utils/uses/autofocus/autofocus.js';
|
|
284
283
|
export * from './utils/uses/clickAway/clickAway.js';
|
|
284
|
+
export * from './utils/uses/autofocus/autofocus.js';
|
package/dist/index.js
CHANGED
|
@@ -281,5 +281,5 @@ export * from './utils/uses/sx4u/sx4uPreprocess.js';
|
|
|
281
281
|
export * from './utils/uses/sx4u/sx4u.js';
|
|
282
282
|
export * from './utils/uses/stickTo/stickTo.js';
|
|
283
283
|
export * from './utils/uses/resizer/resizer.js';
|
|
284
|
-
export * from './utils/uses/autofocus/autofocus.js';
|
|
285
284
|
export * from './utils/uses/clickAway/clickAway.js';
|
|
285
|
+
export * from './utils/uses/autofocus/autofocus.js';
|
|
@@ -702,6 +702,33 @@ dialog.window .ctrlZone {
|
|
|
702
702
|
padding: var(--boot-menu-bottom-bar-padding);
|
|
703
703
|
}
|
|
704
704
|
|
|
705
|
+
/** panel.scss ----------------*/
|
|
706
|
+
:root {
|
|
707
|
+
--panel-margin-bottom: 2rem;
|
|
708
|
+
--panel-bar-margin-bottom: 2rem;
|
|
709
|
+
--panel-bar-padding-right: var(--sld-pad-tiny);
|
|
710
|
+
--panel-bar-button-padding: 0 var(--sld-pad-tiny);
|
|
711
|
+
--panel-bar-button-border: 1px solid rgba(255, 255, 255, 0.05);
|
|
712
|
+
--panel-bar-button-background-color: rgba(255, 255, 255, 0.1);
|
|
713
|
+
}
|
|
714
|
+
|
|
715
|
+
.panel {
|
|
716
|
+
position: relative;
|
|
717
|
+
margin-bottom: var(--panel-margin-bottom);
|
|
718
|
+
}
|
|
719
|
+
.panel .panel-bar {
|
|
720
|
+
margin-bottom: var(--panel-bar-margin-bottom);
|
|
721
|
+
display: flex;
|
|
722
|
+
min-width: auto;
|
|
723
|
+
align-items: center;
|
|
724
|
+
padding-right: var(--panel-bar-padding-right);
|
|
725
|
+
}
|
|
726
|
+
.panel .panel-bar button {
|
|
727
|
+
padding: var(--panel-bar-button-padding);
|
|
728
|
+
border: var(--panel-bar-button-border);
|
|
729
|
+
background-color: var(--panel-bar-button-background-color);
|
|
730
|
+
}
|
|
731
|
+
|
|
705
732
|
/** popper.scss ----------------*/
|
|
706
733
|
:root {
|
|
707
734
|
--popper-border-radius: var(--sld-radius-tiny);
|
|
@@ -789,33 +816,6 @@ dialog.window .ctrlZone {
|
|
|
789
816
|
padding-inline: 0;
|
|
790
817
|
}
|
|
791
818
|
|
|
792
|
-
/** panel.scss ----------------*/
|
|
793
|
-
:root {
|
|
794
|
-
--panel-margin-bottom: 2rem;
|
|
795
|
-
--panel-bar-margin-bottom: 2rem;
|
|
796
|
-
--panel-bar-padding-right: var(--sld-pad-tiny);
|
|
797
|
-
--panel-bar-button-padding: 0 var(--sld-pad-tiny);
|
|
798
|
-
--panel-bar-button-border: 1px solid rgba(255, 255, 255, 0.05);
|
|
799
|
-
--panel-bar-button-background-color: rgba(255, 255, 255, 0.1);
|
|
800
|
-
}
|
|
801
|
-
|
|
802
|
-
.panel {
|
|
803
|
-
position: relative;
|
|
804
|
-
margin-bottom: var(--panel-margin-bottom);
|
|
805
|
-
}
|
|
806
|
-
.panel .panel-bar {
|
|
807
|
-
margin-bottom: var(--panel-bar-margin-bottom);
|
|
808
|
-
display: flex;
|
|
809
|
-
min-width: auto;
|
|
810
|
-
align-items: center;
|
|
811
|
-
padding-right: var(--panel-bar-padding-right);
|
|
812
|
-
}
|
|
813
|
-
.panel .panel-bar button {
|
|
814
|
-
padding: var(--panel-bar-button-padding);
|
|
815
|
-
border: var(--panel-bar-button-border);
|
|
816
|
-
background-color: var(--panel-bar-button-background-color);
|
|
817
|
-
}
|
|
818
|
-
|
|
819
819
|
/** menu-list.scss ----------------*/
|
|
820
820
|
:root {
|
|
821
821
|
--menulist-padding: var(--sld-pad-tiny);
|
|
@@ -2573,82 +2573,6 @@ body[data-theme=dark],
|
|
|
2573
2573
|
box-shadow: var(--loader-box-shadow);
|
|
2574
2574
|
}
|
|
2575
2575
|
|
|
2576
|
-
/** finder.scss ----------------*/
|
|
2577
|
-
:root {
|
|
2578
|
-
--finder-gap: var(--sld-gap-tiny);
|
|
2579
|
-
}
|
|
2580
|
-
|
|
2581
|
-
.finder-container {
|
|
2582
|
-
display: inline-flex;
|
|
2583
|
-
gap: var(--finder-gap);
|
|
2584
|
-
}
|
|
2585
|
-
.finder-container {
|
|
2586
|
-
width: var(--sld-width-small);
|
|
2587
|
-
}
|
|
2588
|
-
.finder-container {
|
|
2589
|
-
--preset-width: var(--sld-width-small);
|
|
2590
|
-
}
|
|
2591
|
-
.finder-container[width=tiny], .finder-container.width-tiny {
|
|
2592
|
-
--preset-width: var(--sld-width-tiny);
|
|
2593
|
-
width: var(--sld-width-tiny) !important;
|
|
2594
|
-
}
|
|
2595
|
-
.finder-container[width=mini], .finder-container.width-mini {
|
|
2596
|
-
--preset-width: var(--sld-width-mini);
|
|
2597
|
-
width: var(--sld-width-mini) !important;
|
|
2598
|
-
}
|
|
2599
|
-
.finder-container[width=small], .finder-container.width-small {
|
|
2600
|
-
--preset-width: var(--sld-width-small);
|
|
2601
|
-
width: var(--sld-width-small) !important;
|
|
2602
|
-
}
|
|
2603
|
-
.finder-container[width=med], .finder-container.width-med {
|
|
2604
|
-
--preset-width: var(--sld-width-med);
|
|
2605
|
-
width: var(--sld-width-med) !important;
|
|
2606
|
-
}
|
|
2607
|
-
.finder-container[width=kind], .finder-container.width-kind {
|
|
2608
|
-
--preset-width: var(--sld-width-kind);
|
|
2609
|
-
width: var(--sld-width-kind) !important;
|
|
2610
|
-
}
|
|
2611
|
-
.finder-container[width=full], .finder-container.width-full {
|
|
2612
|
-
--preset-width: var(--sld-width-full);
|
|
2613
|
-
width: var(--sld-width-full) !important;
|
|
2614
|
-
}
|
|
2615
|
-
.finder-container[width=auto], .finder-container.width-auto {
|
|
2616
|
-
--preset-width: var(--sld-width-auto);
|
|
2617
|
-
width: var(--sld-width-auto) !important;
|
|
2618
|
-
}
|
|
2619
|
-
.finder-container[width=default], .finder-container.width-default {
|
|
2620
|
-
--preset-width: var(--sld-width-default);
|
|
2621
|
-
width: var(--sld-width-default) !important;
|
|
2622
|
-
}
|
|
2623
|
-
.finder-container {
|
|
2624
|
-
min-height: var(--preset-tall-small);
|
|
2625
|
-
height: var(--preset-tall-small);
|
|
2626
|
-
}
|
|
2627
|
-
.finder-container {
|
|
2628
|
-
--preset-tall: var(--sld-tall-small);
|
|
2629
|
-
}
|
|
2630
|
-
.finder-container[tall=tiny], .finder-container.tall-tiny {
|
|
2631
|
-
min-height: var(--sld-tall-tiny) !important;
|
|
2632
|
-
}
|
|
2633
|
-
.finder-container[tall=mini], .finder-container.tall-mini {
|
|
2634
|
-
min-height: var(--sld-tall-mini) !important;
|
|
2635
|
-
}
|
|
2636
|
-
.finder-container[tall=small], .finder-container.tall-small {
|
|
2637
|
-
min-height: var(--sld-tall-small) !important;
|
|
2638
|
-
}
|
|
2639
|
-
.finder-container[tall=med], .finder-container.tall-med {
|
|
2640
|
-
min-height: var(--sld-tall-med) !important;
|
|
2641
|
-
}
|
|
2642
|
-
.finder-container[tall=kind], .finder-container.tall-kind {
|
|
2643
|
-
min-height: var(--sld-tall-kind) !important;
|
|
2644
|
-
}
|
|
2645
|
-
.finder-container[tall=auto], .finder-container.tall-auto {
|
|
2646
|
-
min-height: var(--sld-tall-auto) !important;
|
|
2647
|
-
}
|
|
2648
|
-
.finder-container[tall=default], .finder-container.tall-default {
|
|
2649
|
-
min-height: var(--sld-tall-default) !important;
|
|
2650
|
-
}
|
|
2651
|
-
|
|
2652
2576
|
/** datalist.scss ----------------*/
|
|
2653
2577
|
:root {
|
|
2654
2578
|
--datalist-pad: var(--sld-pad-med);
|
|
@@ -2787,6 +2711,82 @@ body[data-theme=dark],
|
|
|
2787
2711
|
white-space: nowrap;
|
|
2788
2712
|
}
|
|
2789
2713
|
|
|
2714
|
+
/** finder.scss ----------------*/
|
|
2715
|
+
:root {
|
|
2716
|
+
--finder-gap: var(--sld-gap-tiny);
|
|
2717
|
+
}
|
|
2718
|
+
|
|
2719
|
+
.finder-container {
|
|
2720
|
+
display: inline-flex;
|
|
2721
|
+
gap: var(--finder-gap);
|
|
2722
|
+
}
|
|
2723
|
+
.finder-container {
|
|
2724
|
+
width: var(--sld-width-small);
|
|
2725
|
+
}
|
|
2726
|
+
.finder-container {
|
|
2727
|
+
--preset-width: var(--sld-width-small);
|
|
2728
|
+
}
|
|
2729
|
+
.finder-container[width=tiny], .finder-container.width-tiny {
|
|
2730
|
+
--preset-width: var(--sld-width-tiny);
|
|
2731
|
+
width: var(--sld-width-tiny) !important;
|
|
2732
|
+
}
|
|
2733
|
+
.finder-container[width=mini], .finder-container.width-mini {
|
|
2734
|
+
--preset-width: var(--sld-width-mini);
|
|
2735
|
+
width: var(--sld-width-mini) !important;
|
|
2736
|
+
}
|
|
2737
|
+
.finder-container[width=small], .finder-container.width-small {
|
|
2738
|
+
--preset-width: var(--sld-width-small);
|
|
2739
|
+
width: var(--sld-width-small) !important;
|
|
2740
|
+
}
|
|
2741
|
+
.finder-container[width=med], .finder-container.width-med {
|
|
2742
|
+
--preset-width: var(--sld-width-med);
|
|
2743
|
+
width: var(--sld-width-med) !important;
|
|
2744
|
+
}
|
|
2745
|
+
.finder-container[width=kind], .finder-container.width-kind {
|
|
2746
|
+
--preset-width: var(--sld-width-kind);
|
|
2747
|
+
width: var(--sld-width-kind) !important;
|
|
2748
|
+
}
|
|
2749
|
+
.finder-container[width=full], .finder-container.width-full {
|
|
2750
|
+
--preset-width: var(--sld-width-full);
|
|
2751
|
+
width: var(--sld-width-full) !important;
|
|
2752
|
+
}
|
|
2753
|
+
.finder-container[width=auto], .finder-container.width-auto {
|
|
2754
|
+
--preset-width: var(--sld-width-auto);
|
|
2755
|
+
width: var(--sld-width-auto) !important;
|
|
2756
|
+
}
|
|
2757
|
+
.finder-container[width=default], .finder-container.width-default {
|
|
2758
|
+
--preset-width: var(--sld-width-default);
|
|
2759
|
+
width: var(--sld-width-default) !important;
|
|
2760
|
+
}
|
|
2761
|
+
.finder-container {
|
|
2762
|
+
min-height: var(--preset-tall-small);
|
|
2763
|
+
height: var(--preset-tall-small);
|
|
2764
|
+
}
|
|
2765
|
+
.finder-container {
|
|
2766
|
+
--preset-tall: var(--sld-tall-small);
|
|
2767
|
+
}
|
|
2768
|
+
.finder-container[tall=tiny], .finder-container.tall-tiny {
|
|
2769
|
+
min-height: var(--sld-tall-tiny) !important;
|
|
2770
|
+
}
|
|
2771
|
+
.finder-container[tall=mini], .finder-container.tall-mini {
|
|
2772
|
+
min-height: var(--sld-tall-mini) !important;
|
|
2773
|
+
}
|
|
2774
|
+
.finder-container[tall=small], .finder-container.tall-small {
|
|
2775
|
+
min-height: var(--sld-tall-small) !important;
|
|
2776
|
+
}
|
|
2777
|
+
.finder-container[tall=med], .finder-container.tall-med {
|
|
2778
|
+
min-height: var(--sld-tall-med) !important;
|
|
2779
|
+
}
|
|
2780
|
+
.finder-container[tall=kind], .finder-container.tall-kind {
|
|
2781
|
+
min-height: var(--sld-tall-kind) !important;
|
|
2782
|
+
}
|
|
2783
|
+
.finder-container[tall=auto], .finder-container.tall-auto {
|
|
2784
|
+
min-height: var(--sld-tall-auto) !important;
|
|
2785
|
+
}
|
|
2786
|
+
.finder-container[tall=default], .finder-container.tall-default {
|
|
2787
|
+
min-height: var(--sld-tall-default) !important;
|
|
2788
|
+
}
|
|
2789
|
+
|
|
2790
2790
|
/** textfield.scss ----------------*/
|
|
2791
2791
|
.slotui-textfield {
|
|
2792
2792
|
--textfield-background: var(--sld-color-background-alpha-high);
|
|
@@ -4408,6 +4408,24 @@ hr.vertical {
|
|
|
4408
4408
|
justify-content: end;
|
|
4409
4409
|
}
|
|
4410
4410
|
|
|
4411
|
+
/** badge.scss ----------------*/
|
|
4412
|
+
:root {
|
|
4413
|
+
--badge-color-border: var(--sld-color-border);
|
|
4414
|
+
}
|
|
4415
|
+
|
|
4416
|
+
.badge {
|
|
4417
|
+
position: absolute;
|
|
4418
|
+
border-radius: 50%;
|
|
4419
|
+
border: 1px solid var(--badge-color-border);
|
|
4420
|
+
display: grid;
|
|
4421
|
+
place-items: center;
|
|
4422
|
+
width: 16px;
|
|
4423
|
+
height: 16px;
|
|
4424
|
+
}
|
|
4425
|
+
.badge .hidden {
|
|
4426
|
+
transform: scale(0, 0);
|
|
4427
|
+
}
|
|
4428
|
+
|
|
4411
4429
|
/** backdrop.scss ----------------*/
|
|
4412
4430
|
:root {
|
|
4413
4431
|
--backdrop-background-color: var(--sld-color-foreground-alpha-high);
|
|
@@ -4442,24 +4460,6 @@ hr.vertical {
|
|
|
4442
4460
|
display: inherit;
|
|
4443
4461
|
}
|
|
4444
4462
|
|
|
4445
|
-
/** badge.scss ----------------*/
|
|
4446
|
-
:root {
|
|
4447
|
-
--badge-color-border: var(--sld-color-border);
|
|
4448
|
-
}
|
|
4449
|
-
|
|
4450
|
-
.badge {
|
|
4451
|
-
position: absolute;
|
|
4452
|
-
border-radius: 50%;
|
|
4453
|
-
border: 1px solid var(--badge-color-border);
|
|
4454
|
-
display: grid;
|
|
4455
|
-
place-items: center;
|
|
4456
|
-
width: 16px;
|
|
4457
|
-
height: 16px;
|
|
4458
|
-
}
|
|
4459
|
-
.badge .hidden {
|
|
4460
|
-
transform: scale(0, 0);
|
|
4461
|
-
}
|
|
4462
|
-
|
|
4463
4463
|
/** avatar.scss ----------------*/
|
|
4464
4464
|
:root {
|
|
4465
4465
|
--avatar-radius: var(--css-radius-small);
|
|
@@ -702,6 +702,33 @@ dialog.window .ctrlZone {
|
|
|
702
702
|
padding: var(--boot-menu-bottom-bar-padding);
|
|
703
703
|
}
|
|
704
704
|
|
|
705
|
+
/** panel.scss ----------------*/
|
|
706
|
+
:root {
|
|
707
|
+
--panel-margin-bottom: 2rem;
|
|
708
|
+
--panel-bar-margin-bottom: 2rem;
|
|
709
|
+
--panel-bar-padding-right: var(--sld-pad-tiny);
|
|
710
|
+
--panel-bar-button-padding: 0 var(--sld-pad-tiny);
|
|
711
|
+
--panel-bar-button-border: 1px solid rgba(255, 255, 255, 0.05);
|
|
712
|
+
--panel-bar-button-background-color: rgba(255, 255, 255, 0.1);
|
|
713
|
+
}
|
|
714
|
+
|
|
715
|
+
.panel {
|
|
716
|
+
position: relative;
|
|
717
|
+
margin-bottom: var(--panel-margin-bottom);
|
|
718
|
+
}
|
|
719
|
+
.panel .panel-bar {
|
|
720
|
+
margin-bottom: var(--panel-bar-margin-bottom);
|
|
721
|
+
display: flex;
|
|
722
|
+
min-width: auto;
|
|
723
|
+
align-items: center;
|
|
724
|
+
padding-right: var(--panel-bar-padding-right);
|
|
725
|
+
}
|
|
726
|
+
.panel .panel-bar button {
|
|
727
|
+
padding: var(--panel-bar-button-padding);
|
|
728
|
+
border: var(--panel-bar-button-border);
|
|
729
|
+
background-color: var(--panel-bar-button-background-color);
|
|
730
|
+
}
|
|
731
|
+
|
|
705
732
|
/** popper.scss ----------------*/
|
|
706
733
|
:root {
|
|
707
734
|
--popper-border-radius: var(--sld-radius-tiny);
|
|
@@ -789,33 +816,6 @@ dialog.window .ctrlZone {
|
|
|
789
816
|
padding-inline: 0;
|
|
790
817
|
}
|
|
791
818
|
|
|
792
|
-
/** panel.scss ----------------*/
|
|
793
|
-
:root {
|
|
794
|
-
--panel-margin-bottom: 2rem;
|
|
795
|
-
--panel-bar-margin-bottom: 2rem;
|
|
796
|
-
--panel-bar-padding-right: var(--sld-pad-tiny);
|
|
797
|
-
--panel-bar-button-padding: 0 var(--sld-pad-tiny);
|
|
798
|
-
--panel-bar-button-border: 1px solid rgba(255, 255, 255, 0.05);
|
|
799
|
-
--panel-bar-button-background-color: rgba(255, 255, 255, 0.1);
|
|
800
|
-
}
|
|
801
|
-
|
|
802
|
-
.panel {
|
|
803
|
-
position: relative;
|
|
804
|
-
margin-bottom: var(--panel-margin-bottom);
|
|
805
|
-
}
|
|
806
|
-
.panel .panel-bar {
|
|
807
|
-
margin-bottom: var(--panel-bar-margin-bottom);
|
|
808
|
-
display: flex;
|
|
809
|
-
min-width: auto;
|
|
810
|
-
align-items: center;
|
|
811
|
-
padding-right: var(--panel-bar-padding-right);
|
|
812
|
-
}
|
|
813
|
-
.panel .panel-bar button {
|
|
814
|
-
padding: var(--panel-bar-button-padding);
|
|
815
|
-
border: var(--panel-bar-button-border);
|
|
816
|
-
background-color: var(--panel-bar-button-background-color);
|
|
817
|
-
}
|
|
818
|
-
|
|
819
819
|
/** menu-list.scss ----------------*/
|
|
820
820
|
:root {
|
|
821
821
|
--menulist-padding: var(--sld-pad-tiny);
|
|
@@ -2573,82 +2573,6 @@ body[data-theme=dark],
|
|
|
2573
2573
|
box-shadow: var(--loader-box-shadow);
|
|
2574
2574
|
}
|
|
2575
2575
|
|
|
2576
|
-
/** finder.scss ----------------*/
|
|
2577
|
-
:root {
|
|
2578
|
-
--finder-gap: var(--sld-gap-tiny);
|
|
2579
|
-
}
|
|
2580
|
-
|
|
2581
|
-
.finder-container {
|
|
2582
|
-
display: inline-flex;
|
|
2583
|
-
gap: var(--finder-gap);
|
|
2584
|
-
}
|
|
2585
|
-
.finder-container {
|
|
2586
|
-
width: var(--sld-width-small);
|
|
2587
|
-
}
|
|
2588
|
-
.finder-container {
|
|
2589
|
-
--preset-width: var(--sld-width-small);
|
|
2590
|
-
}
|
|
2591
|
-
.finder-container[width=tiny], .finder-container.width-tiny {
|
|
2592
|
-
--preset-width: var(--sld-width-tiny);
|
|
2593
|
-
width: var(--sld-width-tiny) !important;
|
|
2594
|
-
}
|
|
2595
|
-
.finder-container[width=mini], .finder-container.width-mini {
|
|
2596
|
-
--preset-width: var(--sld-width-mini);
|
|
2597
|
-
width: var(--sld-width-mini) !important;
|
|
2598
|
-
}
|
|
2599
|
-
.finder-container[width=small], .finder-container.width-small {
|
|
2600
|
-
--preset-width: var(--sld-width-small);
|
|
2601
|
-
width: var(--sld-width-small) !important;
|
|
2602
|
-
}
|
|
2603
|
-
.finder-container[width=med], .finder-container.width-med {
|
|
2604
|
-
--preset-width: var(--sld-width-med);
|
|
2605
|
-
width: var(--sld-width-med) !important;
|
|
2606
|
-
}
|
|
2607
|
-
.finder-container[width=kind], .finder-container.width-kind {
|
|
2608
|
-
--preset-width: var(--sld-width-kind);
|
|
2609
|
-
width: var(--sld-width-kind) !important;
|
|
2610
|
-
}
|
|
2611
|
-
.finder-container[width=full], .finder-container.width-full {
|
|
2612
|
-
--preset-width: var(--sld-width-full);
|
|
2613
|
-
width: var(--sld-width-full) !important;
|
|
2614
|
-
}
|
|
2615
|
-
.finder-container[width=auto], .finder-container.width-auto {
|
|
2616
|
-
--preset-width: var(--sld-width-auto);
|
|
2617
|
-
width: var(--sld-width-auto) !important;
|
|
2618
|
-
}
|
|
2619
|
-
.finder-container[width=default], .finder-container.width-default {
|
|
2620
|
-
--preset-width: var(--sld-width-default);
|
|
2621
|
-
width: var(--sld-width-default) !important;
|
|
2622
|
-
}
|
|
2623
|
-
.finder-container {
|
|
2624
|
-
min-height: var(--preset-tall-small);
|
|
2625
|
-
height: var(--preset-tall-small);
|
|
2626
|
-
}
|
|
2627
|
-
.finder-container {
|
|
2628
|
-
--preset-tall: var(--sld-tall-small);
|
|
2629
|
-
}
|
|
2630
|
-
.finder-container[tall=tiny], .finder-container.tall-tiny {
|
|
2631
|
-
min-height: var(--sld-tall-tiny) !important;
|
|
2632
|
-
}
|
|
2633
|
-
.finder-container[tall=mini], .finder-container.tall-mini {
|
|
2634
|
-
min-height: var(--sld-tall-mini) !important;
|
|
2635
|
-
}
|
|
2636
|
-
.finder-container[tall=small], .finder-container.tall-small {
|
|
2637
|
-
min-height: var(--sld-tall-small) !important;
|
|
2638
|
-
}
|
|
2639
|
-
.finder-container[tall=med], .finder-container.tall-med {
|
|
2640
|
-
min-height: var(--sld-tall-med) !important;
|
|
2641
|
-
}
|
|
2642
|
-
.finder-container[tall=kind], .finder-container.tall-kind {
|
|
2643
|
-
min-height: var(--sld-tall-kind) !important;
|
|
2644
|
-
}
|
|
2645
|
-
.finder-container[tall=auto], .finder-container.tall-auto {
|
|
2646
|
-
min-height: var(--sld-tall-auto) !important;
|
|
2647
|
-
}
|
|
2648
|
-
.finder-container[tall=default], .finder-container.tall-default {
|
|
2649
|
-
min-height: var(--sld-tall-default) !important;
|
|
2650
|
-
}
|
|
2651
|
-
|
|
2652
2576
|
/** datalist.scss ----------------*/
|
|
2653
2577
|
:root {
|
|
2654
2578
|
--datalist-pad: var(--sld-pad-med);
|
|
@@ -2787,6 +2711,82 @@ body[data-theme=dark],
|
|
|
2787
2711
|
white-space: nowrap;
|
|
2788
2712
|
}
|
|
2789
2713
|
|
|
2714
|
+
/** finder.scss ----------------*/
|
|
2715
|
+
:root {
|
|
2716
|
+
--finder-gap: var(--sld-gap-tiny);
|
|
2717
|
+
}
|
|
2718
|
+
|
|
2719
|
+
.finder-container {
|
|
2720
|
+
display: inline-flex;
|
|
2721
|
+
gap: var(--finder-gap);
|
|
2722
|
+
}
|
|
2723
|
+
.finder-container {
|
|
2724
|
+
width: var(--sld-width-small);
|
|
2725
|
+
}
|
|
2726
|
+
.finder-container {
|
|
2727
|
+
--preset-width: var(--sld-width-small);
|
|
2728
|
+
}
|
|
2729
|
+
.finder-container[width=tiny], .finder-container.width-tiny {
|
|
2730
|
+
--preset-width: var(--sld-width-tiny);
|
|
2731
|
+
width: var(--sld-width-tiny) !important;
|
|
2732
|
+
}
|
|
2733
|
+
.finder-container[width=mini], .finder-container.width-mini {
|
|
2734
|
+
--preset-width: var(--sld-width-mini);
|
|
2735
|
+
width: var(--sld-width-mini) !important;
|
|
2736
|
+
}
|
|
2737
|
+
.finder-container[width=small], .finder-container.width-small {
|
|
2738
|
+
--preset-width: var(--sld-width-small);
|
|
2739
|
+
width: var(--sld-width-small) !important;
|
|
2740
|
+
}
|
|
2741
|
+
.finder-container[width=med], .finder-container.width-med {
|
|
2742
|
+
--preset-width: var(--sld-width-med);
|
|
2743
|
+
width: var(--sld-width-med) !important;
|
|
2744
|
+
}
|
|
2745
|
+
.finder-container[width=kind], .finder-container.width-kind {
|
|
2746
|
+
--preset-width: var(--sld-width-kind);
|
|
2747
|
+
width: var(--sld-width-kind) !important;
|
|
2748
|
+
}
|
|
2749
|
+
.finder-container[width=full], .finder-container.width-full {
|
|
2750
|
+
--preset-width: var(--sld-width-full);
|
|
2751
|
+
width: var(--sld-width-full) !important;
|
|
2752
|
+
}
|
|
2753
|
+
.finder-container[width=auto], .finder-container.width-auto {
|
|
2754
|
+
--preset-width: var(--sld-width-auto);
|
|
2755
|
+
width: var(--sld-width-auto) !important;
|
|
2756
|
+
}
|
|
2757
|
+
.finder-container[width=default], .finder-container.width-default {
|
|
2758
|
+
--preset-width: var(--sld-width-default);
|
|
2759
|
+
width: var(--sld-width-default) !important;
|
|
2760
|
+
}
|
|
2761
|
+
.finder-container {
|
|
2762
|
+
min-height: var(--preset-tall-small);
|
|
2763
|
+
height: var(--preset-tall-small);
|
|
2764
|
+
}
|
|
2765
|
+
.finder-container {
|
|
2766
|
+
--preset-tall: var(--sld-tall-small);
|
|
2767
|
+
}
|
|
2768
|
+
.finder-container[tall=tiny], .finder-container.tall-tiny {
|
|
2769
|
+
min-height: var(--sld-tall-tiny) !important;
|
|
2770
|
+
}
|
|
2771
|
+
.finder-container[tall=mini], .finder-container.tall-mini {
|
|
2772
|
+
min-height: var(--sld-tall-mini) !important;
|
|
2773
|
+
}
|
|
2774
|
+
.finder-container[tall=small], .finder-container.tall-small {
|
|
2775
|
+
min-height: var(--sld-tall-small) !important;
|
|
2776
|
+
}
|
|
2777
|
+
.finder-container[tall=med], .finder-container.tall-med {
|
|
2778
|
+
min-height: var(--sld-tall-med) !important;
|
|
2779
|
+
}
|
|
2780
|
+
.finder-container[tall=kind], .finder-container.tall-kind {
|
|
2781
|
+
min-height: var(--sld-tall-kind) !important;
|
|
2782
|
+
}
|
|
2783
|
+
.finder-container[tall=auto], .finder-container.tall-auto {
|
|
2784
|
+
min-height: var(--sld-tall-auto) !important;
|
|
2785
|
+
}
|
|
2786
|
+
.finder-container[tall=default], .finder-container.tall-default {
|
|
2787
|
+
min-height: var(--sld-tall-default) !important;
|
|
2788
|
+
}
|
|
2789
|
+
|
|
2790
2790
|
/** textfield.scss ----------------*/
|
|
2791
2791
|
.slotui-textfield {
|
|
2792
2792
|
--textfield-background: var(--sld-color-background-alpha-high);
|
|
@@ -4408,6 +4408,24 @@ hr.vertical {
|
|
|
4408
4408
|
justify-content: end;
|
|
4409
4409
|
}
|
|
4410
4410
|
|
|
4411
|
+
/** badge.scss ----------------*/
|
|
4412
|
+
:root {
|
|
4413
|
+
--badge-color-border: var(--sld-color-border);
|
|
4414
|
+
}
|
|
4415
|
+
|
|
4416
|
+
.badge {
|
|
4417
|
+
position: absolute;
|
|
4418
|
+
border-radius: 50%;
|
|
4419
|
+
border: 1px solid var(--badge-color-border);
|
|
4420
|
+
display: grid;
|
|
4421
|
+
place-items: center;
|
|
4422
|
+
width: 16px;
|
|
4423
|
+
height: 16px;
|
|
4424
|
+
}
|
|
4425
|
+
.badge .hidden {
|
|
4426
|
+
transform: scale(0, 0);
|
|
4427
|
+
}
|
|
4428
|
+
|
|
4411
4429
|
/** backdrop.scss ----------------*/
|
|
4412
4430
|
:root {
|
|
4413
4431
|
--backdrop-background-color: var(--sld-color-foreground-alpha-high);
|
|
@@ -4442,24 +4460,6 @@ hr.vertical {
|
|
|
4442
4460
|
display: inherit;
|
|
4443
4461
|
}
|
|
4444
4462
|
|
|
4445
|
-
/** badge.scss ----------------*/
|
|
4446
|
-
:root {
|
|
4447
|
-
--badge-color-border: var(--sld-color-border);
|
|
4448
|
-
}
|
|
4449
|
-
|
|
4450
|
-
.badge {
|
|
4451
|
-
position: absolute;
|
|
4452
|
-
border-radius: 50%;
|
|
4453
|
-
border: 1px solid var(--badge-color-border);
|
|
4454
|
-
display: grid;
|
|
4455
|
-
place-items: center;
|
|
4456
|
-
width: 16px;
|
|
4457
|
-
height: 16px;
|
|
4458
|
-
}
|
|
4459
|
-
.badge .hidden {
|
|
4460
|
-
transform: scale(0, 0);
|
|
4461
|
-
}
|
|
4462
|
-
|
|
4463
4463
|
/** avatar.scss ----------------*/
|
|
4464
4464
|
:root {
|
|
4465
4465
|
--avatar-radius: var(--css-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.83.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.2.0",
|
|
89
89
|
"@medyll/cssfabric": "^0.4.2",
|
|
90
|
-
"@medyll/idae-be": "^0.
|
|
91
|
-
"@medyll/idae-engine": "^1.
|
|
90
|
+
"@medyll/idae-be": "^0.82.0",
|
|
91
|
+
"@medyll/idae-engine": "^1.80.0",
|
|
92
92
|
"d3": "^7.9.0",
|
|
93
93
|
"lerna": "^8.2.1",
|
|
94
94
|
"npm-check-updates": "^17.1.16",
|