@medyll/idae-slotui-svelte 0.121.0 → 0.122.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 (112) hide show
  1. package/dist/base/icon/Icon.svelte.d.ts +1 -1
  2. package/dist/controls/button/Button.svelte.d.ts +1 -1
  3. package/dist/controls/rating/Rating.svelte.d.ts +1 -1
  4. package/dist/controls/textfield/TextField.svelte.d.ts +1 -1
  5. package/dist/index.d.ts +44 -44
  6. package/dist/index.js +44 -44
  7. package/dist/slotui-css/alert.css +95 -95
  8. package/dist/slotui-css/alert.min.css +95 -95
  9. package/dist/slotui-css/auto-complete.css +11 -11
  10. package/dist/slotui-css/auto-complete.min.css +11 -11
  11. package/dist/slotui-css/avatar.css +12 -12
  12. package/dist/slotui-css/avatar.min.css +12 -12
  13. package/dist/slotui-css/backdrop.css +31 -31
  14. package/dist/slotui-css/backdrop.min.css +31 -31
  15. package/dist/slotui-css/badge.css +15 -15
  16. package/dist/slotui-css/badge.min.css +15 -15
  17. package/dist/slotui-css/boot-menu.css +76 -76
  18. package/dist/slotui-css/boot-menu.min.css +76 -76
  19. package/dist/slotui-css/box.css +28 -28
  20. package/dist/slotui-css/box.min.css +28 -28
  21. package/dist/slotui-css/breadcrumb.css +2 -2
  22. package/dist/slotui-css/breadcrumb.min.css +2 -2
  23. package/dist/slotui-css/button-action.css +7 -7
  24. package/dist/slotui-css/button-action.min.css +7 -7
  25. package/dist/slotui-css/button-menu.css +30 -30
  26. package/dist/slotui-css/button-menu.min.css +30 -30
  27. package/dist/slotui-css/button.css +760 -760
  28. package/dist/slotui-css/button.min.css +760 -760
  29. package/dist/slotui-css/cartouche.css +113 -113
  30. package/dist/slotui-css/cartouche.min.css +113 -113
  31. package/dist/slotui-css/checkbox.css +126 -126
  32. package/dist/slotui-css/checkbox.min.css +126 -126
  33. package/dist/slotui-css/chipper.css +55 -55
  34. package/dist/slotui-css/chipper.min.css +55 -55
  35. package/dist/slotui-css/chrome-frame.css +33 -33
  36. package/dist/slotui-css/chrome-frame.min.css +33 -33
  37. package/dist/slotui-css/confirm.css +8 -8
  38. package/dist/slotui-css/confirm.min.css +8 -8
  39. package/dist/slotui-css/containerConfig.css +6 -6
  40. package/dist/slotui-css/containerConfig.min.css +6 -6
  41. package/dist/slotui-css/content-switcher.css +20 -20
  42. package/dist/slotui-css/content-switcher.min.css +20 -20
  43. package/dist/slotui-css/csss.css +9 -9
  44. package/dist/slotui-css/csss.min.css +9 -9
  45. package/dist/slotui-css/datalist.css +135 -135
  46. package/dist/slotui-css/datalist.min.css +135 -135
  47. package/dist/slotui-css/divider.css +15 -15
  48. package/dist/slotui-css/divider.min.css +15 -15
  49. package/dist/slotui-css/drawer.css +87 -87
  50. package/dist/slotui-css/drawer.min.css +87 -87
  51. package/dist/slotui-css/finder.css +73 -73
  52. package/dist/slotui-css/finder.min.css +73 -73
  53. package/dist/slotui-css/frame.css +48 -48
  54. package/dist/slotui-css/frame.min.css +48 -48
  55. package/dist/slotui-css/icon.css +15 -15
  56. package/dist/slotui-css/icon.min.css +15 -15
  57. package/dist/slotui-css/loader.css +45 -45
  58. package/dist/slotui-css/loader.min.css +45 -45
  59. package/dist/slotui-css/marquee.css +57 -57
  60. package/dist/slotui-css/marquee.min.css +57 -57
  61. package/dist/slotui-css/menu-list.css +216 -216
  62. package/dist/slotui-css/menu-list.min.css +216 -216
  63. package/dist/slotui-css/menu.css +95 -95
  64. package/dist/slotui-css/menu.min.css +95 -95
  65. package/dist/slotui-css/panel.css +24 -24
  66. package/dist/slotui-css/panel.min.css +24 -24
  67. package/dist/slotui-css/paper.css +20 -20
  68. package/dist/slotui-css/paper.min.css +20 -20
  69. package/dist/slotui-css/popper.css +84 -84
  70. package/dist/slotui-css/popper.min.css +84 -84
  71. package/dist/slotui-css/progress.css +19 -19
  72. package/dist/slotui-css/progress.min.css +19 -19
  73. package/dist/slotui-css/rating.css +8 -8
  74. package/dist/slotui-css/rating.min.css +8 -8
  75. package/dist/slotui-css/select.css +10 -10
  76. package/dist/slotui-css/select.min.css +10 -10
  77. package/dist/slotui-css/sheetConfig.css +6 -6
  78. package/dist/slotui-css/sheetConfig.min.css +6 -6
  79. package/dist/slotui-css/slider.css +73 -73
  80. package/dist/slotui-css/slider.min.css +73 -73
  81. package/dist/slotui-css/slotui-css.css +4574 -4574
  82. package/dist/slotui-css/slotui-min-css.css +4574 -4574
  83. package/dist/slotui-css/slotui-sheet.css +294 -294
  84. package/dist/slotui-css/slotui-sheet.min.css +294 -294
  85. package/dist/slotui-css/sorterer.css +10 -10
  86. package/dist/slotui-css/sorterer.min.css +10 -10
  87. package/dist/slotui-css/stepper.css +19 -19
  88. package/dist/slotui-css/stepper.min.css +19 -19
  89. package/dist/slotui-css/stylesheet-container.css +373 -373
  90. package/dist/slotui-css/stylesheet-container.min.css +373 -373
  91. package/dist/slotui-css/stylesheet.css +370 -370
  92. package/dist/slotui-css/stylesheet.min.css +370 -370
  93. package/dist/slotui-css/switch.css +62 -62
  94. package/dist/slotui-css/switch.min.css +62 -62
  95. package/dist/slotui-css/tabs.css +84 -84
  96. package/dist/slotui-css/tabs.min.css +84 -84
  97. package/dist/slotui-css/taskbar.css +24 -24
  98. package/dist/slotui-css/taskbar.min.css +24 -24
  99. package/dist/slotui-css/textfield.css +127 -127
  100. package/dist/slotui-css/textfield.min.css +127 -127
  101. package/dist/slotui-css/title-bar.css +27 -27
  102. package/dist/slotui-css/title-bar.min.css +27 -27
  103. package/dist/slotui-css/toggle-bar.css +40 -40
  104. package/dist/slotui-css/toggle-bar.min.css +40 -40
  105. package/dist/slotui-css/toolbar.css +27 -27
  106. package/dist/slotui-css/toolbar.min.css +27 -27
  107. package/dist/slotui-css/tree.css +49 -49
  108. package/dist/slotui-css/tree.min.css +49 -49
  109. package/dist/slotui-css/window.css +59 -59
  110. package/dist/slotui-css/window.min.css +59 -59
  111. package/dist/ui/toggleBar/ToggleBar.svelte.d.ts +1 -1
  112. package/package.json +4 -4
package/dist/slotui-css/datalist.css CHANGED
@@ -1,136 +1,136 @@
1
- :root {
2
- --datalist-pad: var(--sld-pad-med);
3
- --datalist-gap: var(--sld-gap-med);
4
- --datalist-icon-color: #999;
5
- --datalist-icon-color-hover: var(--sld-color-primary);
6
- --datalist-divider-border: transparent;
7
- --datalist-divider-border-hover: var(--sld-color-primary, red);
8
- --datalist-background-color: var(--sld-color-paper-alpha-low);
9
- --datalist-radius: var(--sld-radius-tiny);
10
- --datalist-box-shadow: var(--sld-elevation-1);
11
- --datalist-border: var(--sld-color-border);
12
- --datalist-cell-border: var(--sld-color-border);
13
- --datalist-cell-border-hover: var(--sld-color-primary-alpha);
14
- --datalist-row-border: var(--sld-color-border);
15
- --datalist-row-background-color-hover: var(--sld-color-paper);
16
- --datalist-cell-color: var(--sld-color-foreground);
17
- --datalist-cell-background-color-selected: var(--sld-color-primary);
18
- --datalist-cell-color-selected: white;
19
- }
20
-
21
- .datalist {
22
- height: 100%;
23
- position: relative;
24
- }
25
- .datalist-group {
26
- display: flex;
27
- flex-direction: column;
28
- align-items: flex-start;
29
- }
30
- .datalist-group-wrapper {
31
- display: flex;
32
- flex-direction: column;
33
- align-items: flex-start;
34
- height: 100%;
35
- }
36
- .datalist-group-head {
37
- display: flex;
38
- flex-direction: row;
39
- align-items: center;
40
- padding: var(--datalist-pad);
41
- gap: var(--datalist-gap);
42
- cursor: pointer;
43
- }
44
- .datalist-group-head-icon {
45
- color: var(--datalist-icon-color);
46
- }
47
- .datalist-group-head-divider {
48
- border-bottom: 1px solid var(--datalist-divider-border);
49
- }
50
- .datalist-group-head:hover-icon {
51
- color: var(--datalist-icon-color-hover);
52
- }
53
- .datalist-group-head:hover-divider {
54
- flex: 1;
55
- border-bottom-width: 1px;
56
- border-color: var(--datalist-divider-border-hover);
57
- cursor: pointer;
58
- }
59
- .datalist-group-body {
60
- flex: 1;
61
- position: relative;
62
- }
63
-
64
- .datalist-group-head {
65
- margin: 0.5rem 0;
66
- align-items: stretch;
67
- height: 32px;
68
- z-index: 100;
69
- background-color: var(--datalist-background-color);
70
- backdrop-filter: blur(20px);
71
- border-radius: var(--datalist-radius);
72
- box-shadow: var(--datalist-box-shadow);
73
- border: 1px solid var(--datalist-border);
74
- }
75
- .datalist-group-head .dataListCell {
76
- display: flex;
77
- align-items: stretch;
78
- overflow: hidden;
79
- border-right: 1px solid var(--datalist-cell-border);
80
- position: relative;
81
- -webkit-user-select: none;
82
- -moz-user-select: none;
83
- -ms-user-select: none;
84
- user-select: none;
85
- }
86
- .datalist-group-head .dataListCell:last-of-type {
87
- border-right: 1px solid transparent;
88
- }
89
- .datalist-group-head .dataListCell[data-sortable=true] {
90
- cursor: pointer;
91
- }
92
- .datalist-group-head .dataListCell[data-sortable=true]:hover {
93
- background-color: var(--datalist-cell-border-hover);
94
- }
95
- .datalist-group-head .dataListCell .cellHeader {
96
- display: flex;
97
- align-items: center;
98
- min-width: 0;
99
- width: 100%;
100
- }
101
- .datalist-group-head .dataListCell .cellHeader .cellHeaderContent {
102
- flex: 1;
103
- overflow: hidden;
104
- padding: 0 8px;
105
- }
106
- :global(.dataListRow) {
107
- border-bottom: 1px solid var(--datalist-row-border);
108
- --webkit-content-visibility: auto;
109
- webkit-content-visibility: auto;
110
- }
111
- :global(.dataListRow):last-of-type {
112
- border-bottom: 1px solid transparent;
113
- }
114
- :global(.dataListRow):hover {
115
- background-color: var(--datalist-row-background-color-hover);
116
- }
117
- :global(.dataListRow)[aria-selected=true] {
118
- background-color: var(--datalist-cell-background-color-selected);
119
- }
120
- :global(.dataListRow)[aria-selected=true] .dataListCell {
121
- color: var(--datalist-cell-color-selected);
122
- }
123
- :global(.dataListRow) .dataListCell {
124
- padding: 0.5rem 0.5rem;
125
- color: var(--datalist-cell-color);
126
- border-right: 1px solid var(--datalist-cell-border);
127
- }
128
- :global(.dataListRow) .dataListCell:last-of-type {
129
- border-right: 1px solid transparent;
130
- }
131
- :global(.dataListRow) .dataListCell[data-noWrap=true] {
132
- display: box;
133
- overflow: hidden;
134
- text-overflow: ellipsis;
135
- white-space: nowrap;
1
+ :root {
2
+ --datalist-pad: var(--sld-pad-med);
3
+ --datalist-gap: var(--sld-gap-med);
4
+ --datalist-icon-color: #999;
5
+ --datalist-icon-color-hover: var(--sld-color-primary);
6
+ --datalist-divider-border: transparent;
7
+ --datalist-divider-border-hover: var(--sld-color-primary, red);
8
+ --datalist-background-color: var(--sld-color-paper-alpha-low);
9
+ --datalist-radius: var(--sld-radius-tiny);
10
+ --datalist-box-shadow: var(--sld-elevation-1);
11
+ --datalist-border: var(--sld-color-border);
12
+ --datalist-cell-border: var(--sld-color-border);
13
+ --datalist-cell-border-hover: var(--sld-color-primary-alpha);
14
+ --datalist-row-border: var(--sld-color-border);
15
+ --datalist-row-background-color-hover: var(--sld-color-paper);
16
+ --datalist-cell-color: var(--sld-color-foreground);
17
+ --datalist-cell-background-color-selected: var(--sld-color-primary);
18
+ --datalist-cell-color-selected: white;
19
+ }
20
+
21
+ .datalist {
22
+ height: 100%;
23
+ position: relative;
24
+ }
25
+ .datalist-group {
26
+ display: flex;
27
+ flex-direction: column;
28
+ align-items: flex-start;
29
+ }
30
+ .datalist-group-wrapper {
31
+ display: flex;
32
+ flex-direction: column;
33
+ align-items: flex-start;
34
+ height: 100%;
35
+ }
36
+ .datalist-group-head {
37
+ display: flex;
38
+ flex-direction: row;
39
+ align-items: center;
40
+ padding: var(--datalist-pad);
41
+ gap: var(--datalist-gap);
42
+ cursor: pointer;
43
+ }
44
+ .datalist-group-head-icon {
45
+ color: var(--datalist-icon-color);
46
+ }
47
+ .datalist-group-head-divider {
48
+ border-bottom: 1px solid var(--datalist-divider-border);
49
+ }
50
+ .datalist-group-head:hover-icon {
51
+ color: var(--datalist-icon-color-hover);
52
+ }
53
+ .datalist-group-head:hover-divider {
54
+ flex: 1;
55
+ border-bottom-width: 1px;
56
+ border-color: var(--datalist-divider-border-hover);
57
+ cursor: pointer;
58
+ }
59
+ .datalist-group-body {
60
+ flex: 1;
61
+ position: relative;
62
+ }
63
+
64
+ .datalist-group-head {
65
+ margin: 0.5rem 0;
66
+ align-items: stretch;
67
+ height: 32px;
68
+ z-index: 100;
69
+ background-color: var(--datalist-background-color);
70
+ backdrop-filter: blur(20px);
71
+ border-radius: var(--datalist-radius);
72
+ box-shadow: var(--datalist-box-shadow);
73
+ border: 1px solid var(--datalist-border);
74
+ }
75
+ .datalist-group-head .dataListCell {
76
+ display: flex;
77
+ align-items: stretch;
78
+ overflow: hidden;
79
+ border-right: 1px solid var(--datalist-cell-border);
80
+ position: relative;
81
+ -webkit-user-select: none;
82
+ -moz-user-select: none;
83
+ -ms-user-select: none;
84
+ user-select: none;
85
+ }
86
+ .datalist-group-head .dataListCell:last-of-type {
87
+ border-right: 1px solid transparent;
88
+ }
89
+ .datalist-group-head .dataListCell[data-sortable=true] {
90
+ cursor: pointer;
91
+ }
92
+ .datalist-group-head .dataListCell[data-sortable=true]:hover {
93
+ background-color: var(--datalist-cell-border-hover);
94
+ }
95
+ .datalist-group-head .dataListCell .cellHeader {
96
+ display: flex;
97
+ align-items: center;
98
+ min-width: 0;
99
+ width: 100%;
100
+ }
101
+ .datalist-group-head .dataListCell .cellHeader .cellHeaderContent {
102
+ flex: 1;
103
+ overflow: hidden;
104
+ padding: 0 8px;
105
+ }
106
+ :global(.dataListRow) {
107
+ border-bottom: 1px solid var(--datalist-row-border);
108
+ --webkit-content-visibility: auto;
109
+ webkit-content-visibility: auto;
110
+ }
111
+ :global(.dataListRow):last-of-type {
112
+ border-bottom: 1px solid transparent;
113
+ }
114
+ :global(.dataListRow):hover {
115
+ background-color: var(--datalist-row-background-color-hover);
116
+ }
117
+ :global(.dataListRow)[aria-selected=true] {
118
+ background-color: var(--datalist-cell-background-color-selected);
119
+ }
120
+ :global(.dataListRow)[aria-selected=true] .dataListCell {
121
+ color: var(--datalist-cell-color-selected);
122
+ }
123
+ :global(.dataListRow) .dataListCell {
124
+ padding: 0.5rem 0.5rem;
125
+ color: var(--datalist-cell-color);
126
+ border-right: 1px solid var(--datalist-cell-border);
127
+ }
128
+ :global(.dataListRow) .dataListCell:last-of-type {
129
+ border-right: 1px solid transparent;
130
+ }
131
+ :global(.dataListRow) .dataListCell[data-noWrap=true] {
132
+ display: box;
133
+ overflow: hidden;
134
+ text-overflow: ellipsis;
135
+ white-space: nowrap;
136
136
  }
package/dist/slotui-css/datalist.min.css CHANGED
@@ -1,136 +1,136 @@
1
- :root {
2
- --datalist-pad: var(--sld-pad-med);
3
- --datalist-gap: var(--sld-gap-med);
4
- --datalist-icon-color: #999;
5
- --datalist-icon-color-hover: var(--sld-color-primary);
6
- --datalist-divider-border: transparent;
7
- --datalist-divider-border-hover: var(--sld-color-primary, red);
8
- --datalist-background-color: var(--sld-color-paper-alpha-low);
9
- --datalist-radius: var(--sld-radius-tiny);
10
- --datalist-box-shadow: var(--sld-elevation-1);
11
- --datalist-border: var(--sld-color-border);
12
- --datalist-cell-border: var(--sld-color-border);
13
- --datalist-cell-border-hover: var(--sld-color-primary-alpha);
14
- --datalist-row-border: var(--sld-color-border);
15
- --datalist-row-background-color-hover: var(--sld-color-paper);
16
- --datalist-cell-color: var(--sld-color-foreground);
17
- --datalist-cell-background-color-selected: var(--sld-color-primary);
18
- --datalist-cell-color-selected: white;
19
- }
20
-
21
- .datalist {
22
- height: 100%;
23
- position: relative;
24
- }
25
- .datalist-group {
26
- display: flex;
27
- flex-direction: column;
28
- align-items: flex-start;
29
- }
30
- .datalist-group-wrapper {
31
- display: flex;
32
- flex-direction: column;
33
- align-items: flex-start;
34
- height: 100%;
35
- }
36
- .datalist-group-head {
37
- display: flex;
38
- flex-direction: row;
39
- align-items: center;
40
- padding: var(--datalist-pad);
41
- gap: var(--datalist-gap);
42
- cursor: pointer;
43
- }
44
- .datalist-group-head-icon {
45
- color: var(--datalist-icon-color);
46
- }
47
- .datalist-group-head-divider {
48
- border-bottom: 1px solid var(--datalist-divider-border);
49
- }
50
- .datalist-group-head:hover-icon {
51
- color: var(--datalist-icon-color-hover);
52
- }
53
- .datalist-group-head:hover-divider {
54
- flex: 1;
55
- border-bottom-width: 1px;
56
- border-color: var(--datalist-divider-border-hover);
57
- cursor: pointer;
58
- }
59
- .datalist-group-body {
60
- flex: 1;
61
- position: relative;
62
- }
63
-
64
- .datalist-group-head {
65
- margin: 0.5rem 0;
66
- align-items: stretch;
67
- height: 32px;
68
- z-index: 100;
69
- background-color: var(--datalist-background-color);
70
- backdrop-filter: blur(20px);
71
- border-radius: var(--datalist-radius);
72
- box-shadow: var(--datalist-box-shadow);
73
- border: 1px solid var(--datalist-border);
74
- }
75
- .datalist-group-head .dataListCell {
76
- display: flex;
77
- align-items: stretch;
78
- overflow: hidden;
79
- border-right: 1px solid var(--datalist-cell-border);
80
- position: relative;
81
- -webkit-user-select: none;
82
- -moz-user-select: none;
83
- -ms-user-select: none;
84
- user-select: none;
85
- }
86
- .datalist-group-head .dataListCell:last-of-type {
87
- border-right: 1px solid transparent;
88
- }
89
- .datalist-group-head .dataListCell[data-sortable=true] {
90
- cursor: pointer;
91
- }
92
- .datalist-group-head .dataListCell[data-sortable=true]:hover {
93
- background-color: var(--datalist-cell-border-hover);
94
- }
95
- .datalist-group-head .dataListCell .cellHeader {
96
- display: flex;
97
- align-items: center;
98
- min-width: 0;
99
- width: 100%;
100
- }
101
- .datalist-group-head .dataListCell .cellHeader .cellHeaderContent {
102
- flex: 1;
103
- overflow: hidden;
104
- padding: 0 8px;
105
- }
106
- :global(.dataListRow) {
107
- border-bottom: 1px solid var(--datalist-row-border);
108
- --webkit-content-visibility: auto;
109
- webkit-content-visibility: auto;
110
- }
111
- :global(.dataListRow):last-of-type {
112
- border-bottom: 1px solid transparent;
113
- }
114
- :global(.dataListRow):hover {
115
- background-color: var(--datalist-row-background-color-hover);
116
- }
117
- :global(.dataListRow)[aria-selected=true] {
118
- background-color: var(--datalist-cell-background-color-selected);
119
- }
120
- :global(.dataListRow)[aria-selected=true] .dataListCell {
121
- color: var(--datalist-cell-color-selected);
122
- }
123
- :global(.dataListRow) .dataListCell {
124
- padding: 0.5rem 0.5rem;
125
- color: var(--datalist-cell-color);
126
- border-right: 1px solid var(--datalist-cell-border);
127
- }
128
- :global(.dataListRow) .dataListCell:last-of-type {
129
- border-right: 1px solid transparent;
130
- }
131
- :global(.dataListRow) .dataListCell[data-noWrap=true] {
132
- display: box;
133
- overflow: hidden;
134
- text-overflow: ellipsis;
135
- white-space: nowrap;
1
+ :root {
2
+ --datalist-pad: var(--sld-pad-med);
3
+ --datalist-gap: var(--sld-gap-med);
4
+ --datalist-icon-color: #999;
5
+ --datalist-icon-color-hover: var(--sld-color-primary);
6
+ --datalist-divider-border: transparent;
7
+ --datalist-divider-border-hover: var(--sld-color-primary, red);
8
+ --datalist-background-color: var(--sld-color-paper-alpha-low);
9
+ --datalist-radius: var(--sld-radius-tiny);
10
+ --datalist-box-shadow: var(--sld-elevation-1);
11
+ --datalist-border: var(--sld-color-border);
12
+ --datalist-cell-border: var(--sld-color-border);
13
+ --datalist-cell-border-hover: var(--sld-color-primary-alpha);
14
+ --datalist-row-border: var(--sld-color-border);
15
+ --datalist-row-background-color-hover: var(--sld-color-paper);
16
+ --datalist-cell-color: var(--sld-color-foreground);
17
+ --datalist-cell-background-color-selected: var(--sld-color-primary);
18
+ --datalist-cell-color-selected: white;
19
+ }
20
+
21
+ .datalist {
22
+ height: 100%;
23
+ position: relative;
24
+ }
25
+ .datalist-group {
26
+ display: flex;
27
+ flex-direction: column;
28
+ align-items: flex-start;
29
+ }
30
+ .datalist-group-wrapper {
31
+ display: flex;
32
+ flex-direction: column;
33
+ align-items: flex-start;
34
+ height: 100%;
35
+ }
36
+ .datalist-group-head {
37
+ display: flex;
38
+ flex-direction: row;
39
+ align-items: center;
40
+ padding: var(--datalist-pad);
41
+ gap: var(--datalist-gap);
42
+ cursor: pointer;
43
+ }
44
+ .datalist-group-head-icon {
45
+ color: var(--datalist-icon-color);
46
+ }
47
+ .datalist-group-head-divider {
48
+ border-bottom: 1px solid var(--datalist-divider-border);
49
+ }
50
+ .datalist-group-head:hover-icon {
51
+ color: var(--datalist-icon-color-hover);
52
+ }
53
+ .datalist-group-head:hover-divider {
54
+ flex: 1;
55
+ border-bottom-width: 1px;
56
+ border-color: var(--datalist-divider-border-hover);
57
+ cursor: pointer;
58
+ }
59
+ .datalist-group-body {
60
+ flex: 1;
61
+ position: relative;
62
+ }
63
+
64
+ .datalist-group-head {
65
+ margin: 0.5rem 0;
66
+ align-items: stretch;
67
+ height: 32px;
68
+ z-index: 100;
69
+ background-color: var(--datalist-background-color);
70
+ backdrop-filter: blur(20px);
71
+ border-radius: var(--datalist-radius);
72
+ box-shadow: var(--datalist-box-shadow);
73
+ border: 1px solid var(--datalist-border);
74
+ }
75
+ .datalist-group-head .dataListCell {
76
+ display: flex;
77
+ align-items: stretch;
78
+ overflow: hidden;
79
+ border-right: 1px solid var(--datalist-cell-border);
80
+ position: relative;
81
+ -webkit-user-select: none;
82
+ -moz-user-select: none;
83
+ -ms-user-select: none;
84
+ user-select: none;
85
+ }
86
+ .datalist-group-head .dataListCell:last-of-type {
87
+ border-right: 1px solid transparent;
88
+ }
89
+ .datalist-group-head .dataListCell[data-sortable=true] {
90
+ cursor: pointer;
91
+ }
92
+ .datalist-group-head .dataListCell[data-sortable=true]:hover {
93
+ background-color: var(--datalist-cell-border-hover);
94
+ }
95
+ .datalist-group-head .dataListCell .cellHeader {
96
+ display: flex;
97
+ align-items: center;
98
+ min-width: 0;
99
+ width: 100%;
100
+ }
101
+ .datalist-group-head .dataListCell .cellHeader .cellHeaderContent {
102
+ flex: 1;
103
+ overflow: hidden;
104
+ padding: 0 8px;
105
+ }
106
+ :global(.dataListRow) {
107
+ border-bottom: 1px solid var(--datalist-row-border);
108
+ --webkit-content-visibility: auto;
109
+ webkit-content-visibility: auto;
110
+ }
111
+ :global(.dataListRow):last-of-type {
112
+ border-bottom: 1px solid transparent;
113
+ }
114
+ :global(.dataListRow):hover {
115
+ background-color: var(--datalist-row-background-color-hover);
116
+ }
117
+ :global(.dataListRow)[aria-selected=true] {
118
+ background-color: var(--datalist-cell-background-color-selected);
119
+ }
120
+ :global(.dataListRow)[aria-selected=true] .dataListCell {
121
+ color: var(--datalist-cell-color-selected);
122
+ }
123
+ :global(.dataListRow) .dataListCell {
124
+ padding: 0.5rem 0.5rem;
125
+ color: var(--datalist-cell-color);
126
+ border-right: 1px solid var(--datalist-cell-border);
127
+ }
128
+ :global(.dataListRow) .dataListCell:last-of-type {
129
+ border-right: 1px solid transparent;
130
+ }
131
+ :global(.dataListRow) .dataListCell[data-noWrap=true] {
132
+ display: box;
133
+ overflow: hidden;
134
+ text-overflow: ellipsis;
135
+ white-space: nowrap;
136
136
  }
package/dist/slotui-css/divider.css CHANGED
@@ -1,16 +1,16 @@
1
- :root {
2
- --divider-border-top: var(--sld-color-border, var(--sld-color-foreground-alpha-high, #333));
3
- --divider-background-color: var(--sld-color-border, var(--sld-color-foreground-alpha-mid, #333));
4
- --divider-border-right: var(--sld-color-border, var(--sld-color-foreground-alpha-mid, #333));
5
- }
6
-
7
- hr {
8
- border: none;
9
- border-top: 1px solid var(--divider-border-top);
10
- background-color: var(--divider-background-color);
11
- display: block;
12
- }
13
- hr.vertical {
14
- width: 1px;
15
- border-right: 1px solid var(--divider-border-right);
1
+ :root {
2
+ --divider-border-top: var(--sld-color-border, var(--sld-color-foreground-alpha-high, #333));
3
+ --divider-background-color: var(--sld-color-border, var(--sld-color-foreground-alpha-mid, #333));
4
+ --divider-border-right: var(--sld-color-border, var(--sld-color-foreground-alpha-mid, #333));
5
+ }
6
+
7
+ hr {
8
+ border: none;
9
+ border-top: 1px solid var(--divider-border-top);
10
+ background-color: var(--divider-background-color);
11
+ display: block;
12
+ }
13
+ hr.vertical {
14
+ width: 1px;
15
+ border-right: 1px solid var(--divider-border-right);
16
16
  }
package/dist/slotui-css/divider.min.css CHANGED
@@ -1,16 +1,16 @@
1
- :root {
2
- --divider-border-top: var(--sld-color-border, var(--sld-color-foreground-alpha-high, #333));
3
- --divider-background-color: var(--sld-color-border, var(--sld-color-foreground-alpha-mid, #333));
4
- --divider-border-right: var(--sld-color-border, var(--sld-color-foreground-alpha-mid, #333));
5
- }
6
-
7
- hr {
8
- border: none;
9
- border-top: 1px solid var(--divider-border-top);
10
- background-color: var(--divider-background-color);
11
- display: block;
12
- }
13
- hr.vertical {
14
- width: 1px;
15
- border-right: 1px solid var(--divider-border-right);
1
+ :root {
2
+ --divider-border-top: var(--sld-color-border, var(--sld-color-foreground-alpha-high, #333));
3
+ --divider-background-color: var(--sld-color-border, var(--sld-color-foreground-alpha-mid, #333));
4
+ --divider-border-right: var(--sld-color-border, var(--sld-color-foreground-alpha-mid, #333));
5
+ }
6
+
7
+ hr {
8
+ border: none;
9
+ border-top: 1px solid var(--divider-border-top);
10
+ background-color: var(--divider-background-color);
11
+ display: block;
12
+ }
13
+ hr.vertical {
14
+ width: 1px;
15
+ border-right: 1px solid var(--divider-border-right);
16
16
  }