@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/boot-menu.css CHANGED
@@ -1,77 +1,77 @@
1
- :root {
2
- --boot-menu-background-color: rgba(90, 67, 52, 0.9);
3
- --boot-menu-backdrop-filter: blur(10px);
4
- --boot-menu-color: white;
5
- --boot-menu-max-height: 600px;
6
- --boot-menu-height: 80%;
7
- --boot-menu-box-shadow: 0px 0px 3px 1px rgba(51, 51, 51, 0.5);
8
- --boot-menu-z-index: 3000;
9
- --boot-menu-margin-top: 1rem;
10
- --boot-menu-button-pole-border-radius: var(--sld-radius-small);
11
- --boot-menu-button-pole-border: 1px solid rgba(208, 191, 151, 0.3);
12
- --boot-menu-button-pole-padding: var(--sld-pad-tiny);
13
- --boot-menu-grid-icon-gap: 10px;
14
- --boot-menu-grid-icon-template-columns: repeat(auto-fill, minmax(30%, auto));
15
- --boot-menu-grid-icon-bis-template-columns: repeat(auto-fill, minmax(15%, auto));
16
- --boot-menu-grid-icon-mid-template-columns: repeat(auto-fill, minmax(49%, auto));
17
- --boot-menu-grid-one-template-columns: repeat(auto-fill, minmax(100%, auto));
18
- --boot-menu-bottom-bar-box-shadow: 0px 0px 3px 1px rgba(51, 51, 51, 0.5);
19
- --boot-menu-bottom-bar-padding: var(--sld-pad-small) var(--sld-pad-medium);
20
- }
21
-
22
- .boot-menu {
23
- background-color: var(--boot-menu-background-color);
24
- backdrop-filter: var(--boot-menu-backdrop-filter);
25
- color: var(--boot-menu-color);
26
- display: flex;
27
- flex-direction: column;
28
- max-height: var(--boot-menu-max-height);
29
- height: var(--boot-menu-height);
30
- left: 50%;
31
- transform: translate(-50%, 0);
32
- box-shadow: var(--boot-menu-box-shadow);
33
- overflow: hidden;
34
- z-index: var(--boot-menu-z-index);
35
- position: absolute;
36
- margin-top: var(--boot-menu-margin-top);
37
- }
38
- .boot-menu .boot-menuContent {
39
- flex: 1;
40
- overflow-y: auto;
41
- overflow-x: hidden;
42
- }
43
- .boot-menu .buttonPole {
44
- border-radius: var(--boot-menu-button-pole-border-radius);
45
- border: var(--boot-menu-button-pole-border);
46
- padding: var(--boot-menu-button-pole-padding);
47
- }
48
- .boot-menu .gridIcon {
49
- width: 100%;
50
- display: grid;
51
- grid-gap: var(--boot-menu-grid-icon-gap);
52
- grid-template-columns: var(--boot-menu-grid-icon-template-columns);
53
- }
54
- .boot-menu .gridIconBis {
55
- width: 100%;
56
- display: grid;
57
- grid-gap: var(--boot-menu-grid-icon-gap);
58
- grid-template-columns: var(--boot-menu-grid-icon-bis-template-columns);
59
- }
60
- .boot-menu .gridIconMid {
61
- width: 100%;
62
- display: grid;
63
- grid-gap: var(--boot-menu-grid-icon-gap);
64
- grid-template-columns: var(--boot-menu-grid-icon-mid-template-columns);
65
- }
66
- .boot-menu .gridOne {
67
- width: 100%;
68
- display: grid;
69
- grid-gap: var(--boot-menu-grid-icon-gap);
70
- grid-template-columns: var(--boot-menu-grid-one-template-columns);
71
- }
72
- .boot-menu .bottomBar {
73
- box-shadow: var(--boot-menu-bottom-bar-box-shadow);
74
- display: flex;
75
- align-items: end;
76
- padding: var(--boot-menu-bottom-bar-padding);
1
+ :root {
2
+ --boot-menu-background-color: rgba(90, 67, 52, 0.9);
3
+ --boot-menu-backdrop-filter: blur(10px);
4
+ --boot-menu-color: white;
5
+ --boot-menu-max-height: 600px;
6
+ --boot-menu-height: 80%;
7
+ --boot-menu-box-shadow: 0px 0px 3px 1px rgba(51, 51, 51, 0.5);
8
+ --boot-menu-z-index: 3000;
9
+ --boot-menu-margin-top: 1rem;
10
+ --boot-menu-button-pole-border-radius: var(--sld-radius-small);
11
+ --boot-menu-button-pole-border: 1px solid rgba(208, 191, 151, 0.3);
12
+ --boot-menu-button-pole-padding: var(--sld-pad-tiny);
13
+ --boot-menu-grid-icon-gap: 10px;
14
+ --boot-menu-grid-icon-template-columns: repeat(auto-fill, minmax(30%, auto));
15
+ --boot-menu-grid-icon-bis-template-columns: repeat(auto-fill, minmax(15%, auto));
16
+ --boot-menu-grid-icon-mid-template-columns: repeat(auto-fill, minmax(49%, auto));
17
+ --boot-menu-grid-one-template-columns: repeat(auto-fill, minmax(100%, auto));
18
+ --boot-menu-bottom-bar-box-shadow: 0px 0px 3px 1px rgba(51, 51, 51, 0.5);
19
+ --boot-menu-bottom-bar-padding: var(--sld-pad-small) var(--sld-pad-medium);
20
+ }
21
+
22
+ .boot-menu {
23
+ background-color: var(--boot-menu-background-color);
24
+ backdrop-filter: var(--boot-menu-backdrop-filter);
25
+ color: var(--boot-menu-color);
26
+ display: flex;
27
+ flex-direction: column;
28
+ max-height: var(--boot-menu-max-height);
29
+ height: var(--boot-menu-height);
30
+ left: 50%;
31
+ transform: translate(-50%, 0);
32
+ box-shadow: var(--boot-menu-box-shadow);
33
+ overflow: hidden;
34
+ z-index: var(--boot-menu-z-index);
35
+ position: absolute;
36
+ margin-top: var(--boot-menu-margin-top);
37
+ }
38
+ .boot-menu .boot-menuContent {
39
+ flex: 1;
40
+ overflow-y: auto;
41
+ overflow-x: hidden;
42
+ }
43
+ .boot-menu .buttonPole {
44
+ border-radius: var(--boot-menu-button-pole-border-radius);
45
+ border: var(--boot-menu-button-pole-border);
46
+ padding: var(--boot-menu-button-pole-padding);
47
+ }
48
+ .boot-menu .gridIcon {
49
+ width: 100%;
50
+ display: grid;
51
+ grid-gap: var(--boot-menu-grid-icon-gap);
52
+ grid-template-columns: var(--boot-menu-grid-icon-template-columns);
53
+ }
54
+ .boot-menu .gridIconBis {
55
+ width: 100%;
56
+ display: grid;
57
+ grid-gap: var(--boot-menu-grid-icon-gap);
58
+ grid-template-columns: var(--boot-menu-grid-icon-bis-template-columns);
59
+ }
60
+ .boot-menu .gridIconMid {
61
+ width: 100%;
62
+ display: grid;
63
+ grid-gap: var(--boot-menu-grid-icon-gap);
64
+ grid-template-columns: var(--boot-menu-grid-icon-mid-template-columns);
65
+ }
66
+ .boot-menu .gridOne {
67
+ width: 100%;
68
+ display: grid;
69
+ grid-gap: var(--boot-menu-grid-icon-gap);
70
+ grid-template-columns: var(--boot-menu-grid-one-template-columns);
71
+ }
72
+ .boot-menu .bottomBar {
73
+ box-shadow: var(--boot-menu-bottom-bar-box-shadow);
74
+ display: flex;
75
+ align-items: end;
76
+ padding: var(--boot-menu-bottom-bar-padding);
77
77
  }
package/dist/slotui-css/boot-menu.min.css CHANGED
@@ -1,77 +1,77 @@
1
- :root {
2
- --boot-menu-background-color: rgba(90, 67, 52, 0.9);
3
- --boot-menu-backdrop-filter: blur(10px);
4
- --boot-menu-color: white;
5
- --boot-menu-max-height: 600px;
6
- --boot-menu-height: 80%;
7
- --boot-menu-box-shadow: 0px 0px 3px 1px rgba(51, 51, 51, 0.5);
8
- --boot-menu-z-index: 3000;
9
- --boot-menu-margin-top: 1rem;
10
- --boot-menu-button-pole-border-radius: var(--sld-radius-small);
11
- --boot-menu-button-pole-border: 1px solid rgba(208, 191, 151, 0.3);
12
- --boot-menu-button-pole-padding: var(--sld-pad-tiny);
13
- --boot-menu-grid-icon-gap: 10px;
14
- --boot-menu-grid-icon-template-columns: repeat(auto-fill, minmax(30%, auto));
15
- --boot-menu-grid-icon-bis-template-columns: repeat(auto-fill, minmax(15%, auto));
16
- --boot-menu-grid-icon-mid-template-columns: repeat(auto-fill, minmax(49%, auto));
17
- --boot-menu-grid-one-template-columns: repeat(auto-fill, minmax(100%, auto));
18
- --boot-menu-bottom-bar-box-shadow: 0px 0px 3px 1px rgba(51, 51, 51, 0.5);
19
- --boot-menu-bottom-bar-padding: var(--sld-pad-small) var(--sld-pad-medium);
20
- }
21
-
22
- .boot-menu {
23
- background-color: var(--boot-menu-background-color);
24
- backdrop-filter: var(--boot-menu-backdrop-filter);
25
- color: var(--boot-menu-color);
26
- display: flex;
27
- flex-direction: column;
28
- max-height: var(--boot-menu-max-height);
29
- height: var(--boot-menu-height);
30
- left: 50%;
31
- transform: translate(-50%, 0);
32
- box-shadow: var(--boot-menu-box-shadow);
33
- overflow: hidden;
34
- z-index: var(--boot-menu-z-index);
35
- position: absolute;
36
- margin-top: var(--boot-menu-margin-top);
37
- }
38
- .boot-menu .boot-menuContent {
39
- flex: 1;
40
- overflow-y: auto;
41
- overflow-x: hidden;
42
- }
43
- .boot-menu .buttonPole {
44
- border-radius: var(--boot-menu-button-pole-border-radius);
45
- border: var(--boot-menu-button-pole-border);
46
- padding: var(--boot-menu-button-pole-padding);
47
- }
48
- .boot-menu .gridIcon {
49
- width: 100%;
50
- display: grid;
51
- grid-gap: var(--boot-menu-grid-icon-gap);
52
- grid-template-columns: var(--boot-menu-grid-icon-template-columns);
53
- }
54
- .boot-menu .gridIconBis {
55
- width: 100%;
56
- display: grid;
57
- grid-gap: var(--boot-menu-grid-icon-gap);
58
- grid-template-columns: var(--boot-menu-grid-icon-bis-template-columns);
59
- }
60
- .boot-menu .gridIconMid {
61
- width: 100%;
62
- display: grid;
63
- grid-gap: var(--boot-menu-grid-icon-gap);
64
- grid-template-columns: var(--boot-menu-grid-icon-mid-template-columns);
65
- }
66
- .boot-menu .gridOne {
67
- width: 100%;
68
- display: grid;
69
- grid-gap: var(--boot-menu-grid-icon-gap);
70
- grid-template-columns: var(--boot-menu-grid-one-template-columns);
71
- }
72
- .boot-menu .bottomBar {
73
- box-shadow: var(--boot-menu-bottom-bar-box-shadow);
74
- display: flex;
75
- align-items: end;
76
- padding: var(--boot-menu-bottom-bar-padding);
1
+ :root {
2
+ --boot-menu-background-color: rgba(90, 67, 52, 0.9);
3
+ --boot-menu-backdrop-filter: blur(10px);
4
+ --boot-menu-color: white;
5
+ --boot-menu-max-height: 600px;
6
+ --boot-menu-height: 80%;
7
+ --boot-menu-box-shadow: 0px 0px 3px 1px rgba(51, 51, 51, 0.5);
8
+ --boot-menu-z-index: 3000;
9
+ --boot-menu-margin-top: 1rem;
10
+ --boot-menu-button-pole-border-radius: var(--sld-radius-small);
11
+ --boot-menu-button-pole-border: 1px solid rgba(208, 191, 151, 0.3);
12
+ --boot-menu-button-pole-padding: var(--sld-pad-tiny);
13
+ --boot-menu-grid-icon-gap: 10px;
14
+ --boot-menu-grid-icon-template-columns: repeat(auto-fill, minmax(30%, auto));
15
+ --boot-menu-grid-icon-bis-template-columns: repeat(auto-fill, minmax(15%, auto));
16
+ --boot-menu-grid-icon-mid-template-columns: repeat(auto-fill, minmax(49%, auto));
17
+ --boot-menu-grid-one-template-columns: repeat(auto-fill, minmax(100%, auto));
18
+ --boot-menu-bottom-bar-box-shadow: 0px 0px 3px 1px rgba(51, 51, 51, 0.5);
19
+ --boot-menu-bottom-bar-padding: var(--sld-pad-small) var(--sld-pad-medium);
20
+ }
21
+
22
+ .boot-menu {
23
+ background-color: var(--boot-menu-background-color);
24
+ backdrop-filter: var(--boot-menu-backdrop-filter);
25
+ color: var(--boot-menu-color);
26
+ display: flex;
27
+ flex-direction: column;
28
+ max-height: var(--boot-menu-max-height);
29
+ height: var(--boot-menu-height);
30
+ left: 50%;
31
+ transform: translate(-50%, 0);
32
+ box-shadow: var(--boot-menu-box-shadow);
33
+ overflow: hidden;
34
+ z-index: var(--boot-menu-z-index);
35
+ position: absolute;
36
+ margin-top: var(--boot-menu-margin-top);
37
+ }
38
+ .boot-menu .boot-menuContent {
39
+ flex: 1;
40
+ overflow-y: auto;
41
+ overflow-x: hidden;
42
+ }
43
+ .boot-menu .buttonPole {
44
+ border-radius: var(--boot-menu-button-pole-border-radius);
45
+ border: var(--boot-menu-button-pole-border);
46
+ padding: var(--boot-menu-button-pole-padding);
47
+ }
48
+ .boot-menu .gridIcon {
49
+ width: 100%;
50
+ display: grid;
51
+ grid-gap: var(--boot-menu-grid-icon-gap);
52
+ grid-template-columns: var(--boot-menu-grid-icon-template-columns);
53
+ }
54
+ .boot-menu .gridIconBis {
55
+ width: 100%;
56
+ display: grid;
57
+ grid-gap: var(--boot-menu-grid-icon-gap);
58
+ grid-template-columns: var(--boot-menu-grid-icon-bis-template-columns);
59
+ }
60
+ .boot-menu .gridIconMid {
61
+ width: 100%;
62
+ display: grid;
63
+ grid-gap: var(--boot-menu-grid-icon-gap);
64
+ grid-template-columns: var(--boot-menu-grid-icon-mid-template-columns);
65
+ }
66
+ .boot-menu .gridOne {
67
+ width: 100%;
68
+ display: grid;
69
+ grid-gap: var(--boot-menu-grid-icon-gap);
70
+ grid-template-columns: var(--boot-menu-grid-one-template-columns);
71
+ }
72
+ .boot-menu .bottomBar {
73
+ box-shadow: var(--boot-menu-bottom-bar-box-shadow);
74
+ display: flex;
75
+ align-items: end;
76
+ padding: var(--boot-menu-bottom-bar-padding);
77
77
  }
package/dist/slotui-css/box.css CHANGED
@@ -1,29 +1,29 @@
1
- :root {
2
- --box-color-background: var(--sld-color-background);
3
- --box-border-bottom: var(--sld-color-primary);
4
- --box-radius: var(--sld-radius-small);
5
- --box-elevation: var(--sld-elevation-3);
6
- --box-gap: var(--sld-gap-tiny);
7
- --box-pad: var(--sld-pad-small);
8
- }
9
-
10
- .box {
11
- min-height: 160px;
12
- min-width: 320px;
13
- background-color: var(--box-color-background);
14
- border-bottom: 1px solid var(--box-border-bottom);
15
- border-radius: var(--box-radius);
16
- box-shadow: var(--box-elevation);
17
- display: flex;
18
- flex-direction: column;
19
- }
20
- .box-content {
21
- flex: 1;
22
- }
23
- .box-button-zone {
24
- display: flex;
25
- gap: var(--box-gap);
26
- padding: var(--box-pad);
27
- text-align: right;
28
- justify-content: end;
1
+ :root {
2
+ --box-color-background: var(--sld-color-background);
3
+ --box-border-bottom: var(--sld-color-primary);
4
+ --box-radius: var(--sld-radius-small);
5
+ --box-elevation: var(--sld-elevation-3);
6
+ --box-gap: var(--sld-gap-tiny);
7
+ --box-pad: var(--sld-pad-small);
8
+ }
9
+
10
+ .box {
11
+ min-height: 160px;
12
+ min-width: 320px;
13
+ background-color: var(--box-color-background);
14
+ border-bottom: 1px solid var(--box-border-bottom);
15
+ border-radius: var(--box-radius);
16
+ box-shadow: var(--box-elevation);
17
+ display: flex;
18
+ flex-direction: column;
19
+ }
20
+ .box-content {
21
+ flex: 1;
22
+ }
23
+ .box-button-zone {
24
+ display: flex;
25
+ gap: var(--box-gap);
26
+ padding: var(--box-pad);
27
+ text-align: right;
28
+ justify-content: end;
29
29
  }
package/dist/slotui-css/box.min.css CHANGED
@@ -1,29 +1,29 @@
1
- :root {
2
- --box-color-background: var(--sld-color-background);
3
- --box-border-bottom: var(--sld-color-primary);
4
- --box-radius: var(--sld-radius-small);
5
- --box-elevation: var(--sld-elevation-3);
6
- --box-gap: var(--sld-gap-tiny);
7
- --box-pad: var(--sld-pad-small);
8
- }
9
-
10
- .box {
11
- min-height: 160px;
12
- min-width: 320px;
13
- background-color: var(--box-color-background);
14
- border-bottom: 1px solid var(--box-border-bottom);
15
- border-radius: var(--box-radius);
16
- box-shadow: var(--box-elevation);
17
- display: flex;
18
- flex-direction: column;
19
- }
20
- .box-content {
21
- flex: 1;
22
- }
23
- .box-button-zone {
24
- display: flex;
25
- gap: var(--box-gap);
26
- padding: var(--box-pad);
27
- text-align: right;
28
- justify-content: end;
1
+ :root {
2
+ --box-color-background: var(--sld-color-background);
3
+ --box-border-bottom: var(--sld-color-primary);
4
+ --box-radius: var(--sld-radius-small);
5
+ --box-elevation: var(--sld-elevation-3);
6
+ --box-gap: var(--sld-gap-tiny);
7
+ --box-pad: var(--sld-pad-small);
8
+ }
9
+
10
+ .box {
11
+ min-height: 160px;
12
+ min-width: 320px;
13
+ background-color: var(--box-color-background);
14
+ border-bottom: 1px solid var(--box-border-bottom);
15
+ border-radius: var(--box-radius);
16
+ box-shadow: var(--box-elevation);
17
+ display: flex;
18
+ flex-direction: column;
19
+ }
20
+ .box-content {
21
+ flex: 1;
22
+ }
23
+ .box-button-zone {
24
+ display: flex;
25
+ gap: var(--box-gap);
26
+ padding: var(--box-pad);
27
+ text-align: right;
28
+ justify-content: end;
29
29
  }
package/dist/slotui-css/breadcrumb.css CHANGED
@@ -1,3 +1,3 @@
1
- .breadCrumb ul {
2
- display: flex;
1
+ .breadCrumb ul {
2
+ display: flex;
3
3
  }
package/dist/slotui-css/breadcrumb.min.css CHANGED
@@ -1,3 +1,3 @@
1
- .breadCrumb ul {
2
- display: flex;
1
+ .breadCrumb ul {
2
+ display: flex;
3
3
  }
package/dist/slotui-css/button-action.css CHANGED
@@ -1,8 +1,8 @@
1
- .button-action {
2
- display: inline-flex;
3
- position: relative;
4
- align-items: center;
5
- }
6
- .button-action .chevron {
7
- flex-shrink: 1;
1
+ .button-action {
2
+ display: inline-flex;
3
+ position: relative;
4
+ align-items: center;
5
+ }
6
+ .button-action .chevron {
7
+ flex-shrink: 1;
8
8
  }
package/dist/slotui-css/button-action.min.css CHANGED
@@ -1,8 +1,8 @@
1
- .button-action {
2
- display: inline-flex;
3
- position: relative;
4
- align-items: center;
5
- }
6
- .button-action .chevron {
7
- flex-shrink: 1;
1
+ .button-action {
2
+ display: inline-flex;
3
+ position: relative;
4
+ align-items: center;
5
+ }
6
+ .button-action .chevron {
7
+ flex-shrink: 1;
8
8
  }
package/dist/slotui-css/button-menu.css CHANGED
@@ -1,31 +1,31 @@
1
- .buttonActionRoot {
2
- display: inline-block;
3
- position: relative;
4
- width: 64px;
5
- }
6
-
7
- .buttonText {
8
- text-align: center;
9
- }
10
-
11
- .button {
12
- display: block;
13
- width: 64px;
14
- }
15
- .button:hover {
16
- background-color: rgba(255, 255, 255, 0.3);
17
- }
18
-
19
- .action {
20
- position: absolute;
21
- display: block;
22
- top: 0;
23
- bottom: 0;
24
- right: 0;
25
- background-color: rgba(255, 255, 255, 0.1);
26
- width: 30%;
27
- padding: 0.5rem;
28
- }
29
- .action:hover {
30
- background-color: rgba(255, 255, 255, 0.5);
1
+ .buttonActionRoot {
2
+ display: inline-block;
3
+ position: relative;
4
+ width: 64px;
5
+ }
6
+
7
+ .buttonText {
8
+ text-align: center;
9
+ }
10
+
11
+ .button {
12
+ display: block;
13
+ width: 64px;
14
+ }
15
+ .button:hover {
16
+ background-color: rgba(255, 255, 255, 0.3);
17
+ }
18
+
19
+ .action {
20
+ position: absolute;
21
+ display: block;
22
+ top: 0;
23
+ bottom: 0;
24
+ right: 0;
25
+ background-color: rgba(255, 255, 255, 0.1);
26
+ width: 30%;
27
+ padding: 0.5rem;
28
+ }
29
+ .action:hover {
30
+ background-color: rgba(255, 255, 255, 0.5);
31
31
  }
package/dist/slotui-css/button-menu.min.css CHANGED
@@ -1,31 +1,31 @@
1
- .buttonActionRoot {
2
- display: inline-block;
3
- position: relative;
4
- width: 64px;
5
- }
6
-
7
- .buttonText {
8
- text-align: center;
9
- }
10
-
11
- .button {
12
- display: block;
13
- width: 64px;
14
- }
15
- .button:hover {
16
- background-color: rgba(255, 255, 255, 0.3);
17
- }
18
-
19
- .action {
20
- position: absolute;
21
- display: block;
22
- top: 0;
23
- bottom: 0;
24
- right: 0;
25
- background-color: rgba(255, 255, 255, 0.1);
26
- width: 30%;
27
- padding: 0.5rem;
28
- }
29
- .action:hover {
30
- background-color: rgba(255, 255, 255, 0.5);
1
+ .buttonActionRoot {
2
+ display: inline-block;
3
+ position: relative;
4
+ width: 64px;
5
+ }
6
+
7
+ .buttonText {
8
+ text-align: center;
9
+ }
10
+
11
+ .button {
12
+ display: block;
13
+ width: 64px;
14
+ }
15
+ .button:hover {
16
+ background-color: rgba(255, 255, 255, 0.3);
17
+ }
18
+
19
+ .action {
20
+ position: absolute;
21
+ display: block;
22
+ top: 0;
23
+ bottom: 0;
24
+ right: 0;
25
+ background-color: rgba(255, 255, 255, 0.1);
26
+ width: 30%;
27
+ padding: 0.5rem;
28
+ }
29
+ .action:hover {
30
+ background-color: rgba(255, 255, 255, 0.5);
31
31
  }