@vuu-ui/vuu-filters 0.8.26-debug → 0.8.26
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/LICENSE +201 -0
- package/cjs/index.js +1 -6105
- package/cjs/index.js.map +2 -2
- package/esm/index.js +1 -6171
- package/esm/index.js.map +2 -2
- package/index.css +1 -278
- package/index.css.map +1 -1
- package/package.json +9 -9
package/index.css
CHANGED
|
@@ -1,279 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
.vuuFilterBuilderMenu {
|
|
3
|
-
margin: 0;
|
|
4
|
-
}
|
|
5
|
-
.vuuFilterBuilderMenu-trigger {
|
|
6
|
-
display: inline-block;
|
|
7
|
-
height: 26px;
|
|
8
|
-
width: 0px;
|
|
9
|
-
}
|
|
10
|
-
.vuuFilterBuilderMenuList {
|
|
11
|
-
--vuuList-borderStyle: none;
|
|
12
|
-
}
|
|
13
|
-
.vuuListItem:has(.vuuMenuButton) {
|
|
14
|
-
justify-content: center;
|
|
15
|
-
}
|
|
16
|
-
.vuuMenuButton {
|
|
17
|
-
background-color: white;
|
|
18
|
-
border: solid 1px var(--salt-actionable-primary-foreground);
|
|
19
|
-
border-radius: 6px;
|
|
20
|
-
color: var(--vuu-color-gray-50);
|
|
21
|
-
font-size: 9px;
|
|
22
|
-
padding: 1px 6px;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
/* src/filter-clause/ExpandoCombobox.css */
|
|
26
|
-
.vuuExpandoCombobox {
|
|
27
|
-
--expando-combobox-height: var(--vuuExpandoCombobox-height, 24px);
|
|
28
|
-
--expando-combobox-fontSize: var(--vuuExpandoCombobox-fontSizew, 12px);
|
|
29
|
-
--saltInput-outline: none;
|
|
30
|
-
--saltInput-fontSize: var(--expando-combobox-fontSize);
|
|
31
|
-
--saltInput-height: var(--expando-combobox-height);
|
|
32
|
-
--saltInput-minWidth: 4px;
|
|
33
|
-
display: inline-flex;
|
|
34
|
-
flex-direction: column;
|
|
35
|
-
height: var(--expando-combobox-height);
|
|
36
|
-
min-width: 4px;
|
|
37
|
-
padding: 0;
|
|
38
|
-
}
|
|
39
|
-
.vuuExpandoCombobox .saltInput {
|
|
40
|
-
background-color: transparent;
|
|
41
|
-
position: absolute;
|
|
42
|
-
}
|
|
43
|
-
.vuuExpandoCombobox .vuuDropdown {
|
|
44
|
-
height: 100%;
|
|
45
|
-
}
|
|
46
|
-
.vuuExpandoCombobox-Input.saltInput {
|
|
47
|
-
border: none;
|
|
48
|
-
left: 0px;
|
|
49
|
-
margin: 0;
|
|
50
|
-
min-height: 100%;
|
|
51
|
-
padding: 0;
|
|
52
|
-
right: 0px;
|
|
53
|
-
width: auto;
|
|
54
|
-
}
|
|
55
|
-
.vuuExpandoCombobox .saltInput-input {
|
|
56
|
-
border: none;
|
|
57
|
-
box-sizing: content-box;
|
|
58
|
-
display: block;
|
|
59
|
-
flex: 1;
|
|
60
|
-
font: inherit;
|
|
61
|
-
margin: 0;
|
|
62
|
-
min-width: 0;
|
|
63
|
-
outline: none;
|
|
64
|
-
padding: 0;
|
|
65
|
-
}
|
|
66
|
-
.vuuExpandoCombobox .saltInput-input::selection {
|
|
67
|
-
background-color: var( --salt-text-background-selected, var(--vuu-color-blue-40) );
|
|
68
|
-
}
|
|
69
|
-
.vuuExpandoCombobox:before {
|
|
70
|
-
content: attr(data-text);
|
|
71
|
-
display: block;
|
|
72
|
-
font-size: var(--expando-combobox-fontSize);
|
|
73
|
-
height: 0px;
|
|
74
|
-
overflow: hidden;
|
|
75
|
-
white-space: pre-wrap;
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
/* src/filter-clause/FilterClauseEditor.css */
|
|
79
|
-
.vuuFilterClause {
|
|
80
|
-
--vuuExpandoInput-top: 0;
|
|
81
|
-
--vuuExpandoInput-height: 16px;
|
|
82
|
-
--vuuExpandoCombobox-height: 16px;
|
|
83
|
-
--saltButton-height: 16px;
|
|
84
|
-
--saltButton-width: 16px;
|
|
85
|
-
display: flex;
|
|
86
|
-
flex-direction: row;
|
|
87
|
-
width: fit-content;
|
|
88
|
-
border-color: var(--vuu-color-gray-45);
|
|
89
|
-
border-radius: 6px;
|
|
90
|
-
border-width: 1px;
|
|
91
|
-
border-style: solid;
|
|
92
|
-
background: #ffffff;
|
|
93
|
-
--salt-focused-outlineStyle: dotted;
|
|
94
|
-
}
|
|
95
|
-
.vuuFilterClause:focus-within {
|
|
96
|
-
border-color: var(--vuu-color-purple-10);
|
|
97
|
-
}
|
|
98
|
-
.vuu-density-high .vuuFilterClause {
|
|
99
|
-
padding: 4px 8px;
|
|
100
|
-
gap: 4px;
|
|
101
|
-
--salt-text-lineHeight: 12px;
|
|
102
|
-
--saltInputLegacy-fontSize: 12px;
|
|
103
|
-
--saltInputLegacy-minWidth: 12px;
|
|
104
|
-
}
|
|
105
|
-
.vuu-density-high .vuuFilterClause .saltInput {
|
|
106
|
-
padding: 0;
|
|
107
|
-
min-height: 16px;
|
|
108
|
-
height: 16px;
|
|
109
|
-
}
|
|
110
|
-
.vuuFilterClause .vuuExpandoCombobox {
|
|
111
|
-
flex-basis: auto;
|
|
112
|
-
flex-shrink: 0;
|
|
113
|
-
flex-grow: 0;
|
|
114
|
-
}
|
|
115
|
-
.vuuFilterClauseOperator-hidden {
|
|
116
|
-
display: none;
|
|
117
|
-
}
|
|
118
|
-
.vuuFilterClause :not(.vuuFilterClauseNumericValue) .saltInput {
|
|
119
|
-
}
|
|
120
|
-
.vuuFilterClause .saltInput-focused,
|
|
121
|
-
.vuuFilterClause .saltTokenizedInput-focused {
|
|
122
|
-
outline: none;
|
|
123
|
-
color: var(--salt-content-primary-foreground);
|
|
124
|
-
}
|
|
125
|
-
.vuuFilterClause .saltInput-input::selection {
|
|
126
|
-
color: #ffffff;
|
|
127
|
-
}
|
|
128
|
-
.vuu-theme .saltList {
|
|
129
|
-
--list-borderWidth: 1px;
|
|
130
|
-
--list-borderStyle: solid;
|
|
131
|
-
border-radius: 4px;
|
|
132
|
-
box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.4);
|
|
133
|
-
}
|
|
134
|
-
.saltListItem[aria-selected=true]:not(.saltListItem-checkbox) {
|
|
135
|
-
--list-item-background: var(--list-item-background-active);
|
|
136
|
-
color: var(--list-item-text-color-active);
|
|
137
|
-
}
|
|
138
|
-
.saltTokenizedInput {
|
|
139
|
-
height: 16px;
|
|
140
|
-
min-height: 16px;
|
|
141
|
-
}
|
|
142
|
-
.saltTokenizedInput .saltInputPill {
|
|
143
|
-
--pill-fontSize: 12px;
|
|
144
|
-
--saltButton-borderStyle: none;
|
|
145
|
-
--pill-background: none;
|
|
146
|
-
height: 16px;
|
|
147
|
-
margin: 0;
|
|
148
|
-
}
|
|
149
|
-
.saltTokenizedInput-pillGroup {
|
|
150
|
-
padding: 0;
|
|
151
|
-
height: 16px;
|
|
152
|
-
}
|
|
153
|
-
.vuuFilterClause-DatePicker {
|
|
154
|
-
border: none;
|
|
155
|
-
}
|
|
156
|
-
|
|
157
|
-
/* src/filter-pill-menu/FilterPillMenu.css */
|
|
158
|
-
.vuuFilterPillMenu {
|
|
159
|
-
top: -1px;
|
|
160
|
-
}
|
|
161
|
-
|
|
162
|
-
/* src/filter-pill/FilterPill.css */
|
|
163
|
-
.vuuFilterPill {
|
|
164
|
-
align-items: center;
|
|
165
|
-
background: var(--salt-taggable-background);
|
|
166
|
-
border: solid 1px var(--salt-taggable-foreground);
|
|
167
|
-
border-radius: 24px;
|
|
168
|
-
color: var(--vuu-color-gray-50);
|
|
169
|
-
display: inline-flex;
|
|
170
|
-
max-width: var(--vuuFilterPill-maxWidth, 200px);
|
|
171
|
-
padding: 0 8px;
|
|
172
|
-
position: relative;
|
|
173
|
-
user-select: none;
|
|
174
|
-
outline: none;
|
|
175
|
-
}
|
|
176
|
-
.vuuFilterPill.vuuToolbarItem {
|
|
177
|
-
height: 24px;
|
|
178
|
-
}
|
|
179
|
-
.vuuFilterPill[aria-selected=true] {
|
|
180
|
-
--vuuPopupMenu-iconColor: white;
|
|
181
|
-
--salt-text-background-selected: var(--vuu-color-blue-40);
|
|
182
|
-
--salt-text-color-selected: var(--salt-content-primary-foreground);
|
|
183
|
-
--saltInput-background-hover: var(--salt-taggable-background-active);
|
|
184
|
-
--saltInput-color: var(--salt-taggable-foreground-active);
|
|
185
|
-
background: var(--salt-taggable-background-active);
|
|
186
|
-
color: white;
|
|
187
|
-
}
|
|
188
|
-
.vuuFilterPill:not([aria-selected=true]):hover {
|
|
189
|
-
--vuuPopupMenu-iconColor: var(--vuu-color-gray-80);
|
|
190
|
-
background-color: var(--salt-taggable-background-hover);
|
|
191
|
-
border-color: var(--salt-taggable-background-hover);
|
|
192
|
-
color: var(--vuu-color-gray-80);
|
|
193
|
-
}
|
|
194
|
-
|
|
195
|
-
/* src/filter-bar/FilterBar.css */
|
|
196
|
-
.vuuFilterBar {
|
|
197
|
-
--vuu-svg-tune: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 18C3 18.55 3.45 19 4 19H9V17H4C3.45 17 3 17.45 3 18ZM3 6C3 6.55 3.45 7 4 7H13V5H4C3.45 5 3 5.45 3 6ZM13 20V19H20C20.55 19 21 18.55 21 18C21 17.45 20.55 17 20 17H13V16C13 15.45 12.55 15 12 15C11.45 15 11 15.45 11 16V20C11 20.55 11.45 21 12 21C12.55 21 13 20.55 13 20ZM7 10V11H4C3.45 11 3 11.45 3 12C3 12.55 3.45 13 4 13H7V14C7 14.55 7.45 15 8 15C8.55 15 9 14.55 9 14V10C9 9.45 8.55 9 8 9C7.45 9 7 9.45 7 10ZM21 12C21 11.45 20.55 11 20 11H11V13H20C20.55 13 21 12.55 21 12ZM16 9C16.55 9 17 8.55 17 8V7H20C20.55 7 21 6.55 21 6C21 5.45 20.55 5 20 5H17V4C17 3.45 16.55 3 16 3C15.45 3 15 3.45 15 4V8C15 8.55 15.45 9 16 9Z" /></svg>');
|
|
198
|
-
--vuuToolbar-height: 28px;
|
|
199
|
-
--salt-container-primary-borderColor: var(--vuu-color-purple-10);
|
|
200
|
-
--vuuOverflowContainer-minWidth: 0;
|
|
201
|
-
--saltButton-height: 26px;
|
|
202
|
-
--saltButton-width: 26px;
|
|
203
|
-
align-items: center;
|
|
204
|
-
background-color: var(--salt-container-secondary-background);
|
|
205
|
-
border-bottom: solid 1px #d6d7da;
|
|
206
|
-
display: flex;
|
|
207
|
-
flex: var(--vuuFilterBar-flex);
|
|
208
|
-
gap: 4px;
|
|
209
|
-
height: 33px;
|
|
210
|
-
padding: 0px 8px;
|
|
211
|
-
}
|
|
212
|
-
.vuuFilterbar-icon {
|
|
213
|
-
display: inline-block;
|
|
214
|
-
height: 16px;
|
|
215
|
-
width: 16px;
|
|
216
|
-
}
|
|
217
|
-
.vuuFilterBar [data-icon=tune] {
|
|
218
|
-
--vuu-icon-size: 16px;
|
|
219
|
-
--vuu-icon-svg: var(--vuu-svg-tune);
|
|
220
|
-
}
|
|
221
|
-
.vuuFilterBar [data-icon=plus] {
|
|
222
|
-
--vuu-icon-size: 16px;
|
|
223
|
-
}
|
|
224
|
-
.vuuFilterBar .vuuToolbar {
|
|
225
|
-
flex: 0 1 auto;
|
|
226
|
-
}
|
|
227
|
-
.vuuFilterBar-Editor {
|
|
228
|
-
display: flex;
|
|
229
|
-
flex-direction: row;
|
|
230
|
-
align-items: center;
|
|
231
|
-
gap: 4px;
|
|
232
|
-
}
|
|
233
|
-
|
|
234
|
-
/* src/filter-input/FilterInput.css */
|
|
235
|
-
.salt-theme {
|
|
236
|
-
--vuuFilterEditor-lineHeight: 28px;
|
|
237
|
-
}
|
|
238
|
-
.salt-density-high {
|
|
239
|
-
--vuuFilterEditor-buttonWidth: 20px;
|
|
240
|
-
--vuuFilterEditor-height: 22px;
|
|
241
|
-
--vuuFilterEditor-lineHeight: 20px;
|
|
242
|
-
}
|
|
243
|
-
.vuuFilterInput {
|
|
244
|
-
--vuuFilterEditor-background: var(--salt-container-primary-background);
|
|
245
|
-
--vuuFilterEditor-color: var(--salt-content-primary-foreground);
|
|
246
|
-
--vuuFilterEditor-fontFamily: var(--salt-typography-fontFamily);
|
|
247
|
-
--vuuFilterEditor-fontSize: var(--salt-text-fontSize);
|
|
248
|
-
--vuuFilterEditor-cursorColor: var(--salt-content-secondary-foreground);
|
|
249
|
-
--vuuFilterEditor-selectionBackground: var(--salt-text-background-selected);
|
|
250
|
-
--vuuFilterEditor-tooltipBackground: var(--salt-container-primary-background);
|
|
251
|
-
--vuuFilterEditor-tooltipBorder: var(--tooltip-status-borderColor) var(--salt-container-borderWidth) var(--salt-container-borderStyle);
|
|
252
|
-
--vuuFilterEditor-tooltipElevation: var(--salt-overlayable-shadow-popout);
|
|
253
|
-
--vuuFilterEditor-suggestion-selectedBackground: var(--salt-selectable-background-selected);
|
|
254
|
-
--vuuFilterEditor-suggestion-selectedColor: var(--vuuFilterEditor-color);
|
|
255
|
-
--vuuFilterEditor-suggestion-height: 24px;
|
|
256
|
-
--vuuFilterEditor-variableColor: var(--vuu-color_purple-10);
|
|
257
|
-
align-items: center;
|
|
258
|
-
border-color: var(--salt-container-secondary-borderColor);
|
|
259
|
-
border-style: solid none;
|
|
260
|
-
border-width: 1px;
|
|
261
|
-
box-sizing: border-box;
|
|
262
|
-
display: flex;
|
|
263
|
-
height: var(--vuuFilterEditor-height, 30px);
|
|
264
|
-
}
|
|
265
|
-
.vuuFilterInput-Editor {
|
|
266
|
-
flex: 1 1 auto;
|
|
267
|
-
height: 100%;
|
|
268
|
-
}
|
|
269
|
-
.vuuFilterInput-FilterButton,
|
|
270
|
-
.vuuFilterInput-ClearButton {
|
|
271
|
-
--vuu-icon-size: 12px;
|
|
272
|
-
--saltButton-width: var(--vuuFilterEditor-buttonWidth, 28px);
|
|
273
|
-
}
|
|
274
|
-
.vuuIllustration {
|
|
275
|
-
--vuuFilterEditor-suggestion-selectedBackground:var(--salt-container-secondary-background);
|
|
276
|
-
background: var(--salt-container-secondary-background);
|
|
277
|
-
color: var(--salt-text-secondary-foreground);
|
|
278
|
-
}
|
|
1
|
+
.vuuFilterBuilderMenu{margin:0}.vuuFilterBuilderMenu-trigger{display:inline-block;height:26px;width:0px}.vuuFilterBuilderMenuList{--vuuList-borderStyle: none}.vuuListItem:has(.vuuMenuButton){justify-content:center}.vuuMenuButton{background-color:#fff;border:solid 1px var(--salt-actionable-primary-foreground);border-radius:6px;color:var(--vuu-color-gray-50);font-size:9px;padding:1px 6px}.vuuExpandoCombobox{--expando-combobox-height: var(--vuuExpandoCombobox-height, 24px);--expando-combobox-fontSize: var(--vuuExpandoCombobox-fontSizew, 12px);--saltInput-outline: none;--saltInput-fontSize: var(--expando-combobox-fontSize);--saltInput-height: var(--expando-combobox-height);--saltInput-minWidth: 4px;display:inline-flex;flex-direction:column;height:var(--expando-combobox-height);min-width:4px;padding:0}.vuuExpandoCombobox .saltInput{background-color:transparent;position:absolute}.vuuExpandoCombobox .vuuDropdown{height:100%}.vuuExpandoCombobox-Input.saltInput{border:none;left:0;margin:0;min-height:100%;padding:0;right:0;width:auto}.vuuExpandoCombobox .saltInput-input{border:none;box-sizing:content-box;display:block;flex:1;font:inherit;margin:0;min-width:0;outline:none;padding:0}.vuuExpandoCombobox .saltInput-input::selection{background-color:var( --salt-text-background-selected, var(--vuu-color-blue-40) )}.vuuExpandoCombobox:before{content:attr(data-text);display:block;font-size:var(--expando-combobox-fontSize);height:0px;overflow:hidden;white-space:pre-wrap}.vuuFilterClause{--vuuExpandoInput-top: 0;--vuuExpandoInput-height: 16px;--vuuExpandoCombobox-height: 16px;--saltButton-height: 16px;--saltButton-width: 16px;display:flex;flex-direction:row;width:fit-content;border-color:var(--vuu-color-gray-45);border-radius:6px;border-width:1px;border-style:solid;background:#fff;--salt-focused-outlineStyle: dotted}.vuuFilterClause:focus-within{border-color:var(--vuu-color-purple-10)}.vuu-density-high .vuuFilterClause{padding:4px 8px;gap:4px;--salt-text-lineHeight: 12px;--saltInputLegacy-fontSize: 12px;--saltInputLegacy-minWidth: 12px}.vuu-density-high .vuuFilterClause .saltInput{padding:0;min-height:16px;height:16px}.vuuFilterClause .vuuExpandoCombobox{flex-basis:auto;flex-shrink:0;flex-grow:0}.vuuFilterClauseOperator-hidden{display:none}.vuuFilterClause .saltInput-focused,.vuuFilterClause .saltTokenizedInput-focused{outline:none;color:var(--salt-content-primary-foreground)}.vuuFilterClause .saltInput-input::selection{color:#fff}.vuu-theme .saltList{--list-borderWidth: 1px;--list-borderStyle: solid;border-radius:4px;box-shadow:0 2px 3px #0006}.saltListItem[aria-selected=true]:not(.saltListItem-checkbox){--list-item-background: var(--list-item-background-active);color:var(--list-item-text-color-active)}.saltTokenizedInput{height:16px;min-height:16px}.saltTokenizedInput .saltInputPill{--pill-fontSize: 12px;--saltButton-borderStyle: none;--pill-background: none;height:16px;margin:0}.saltTokenizedInput-pillGroup{padding:0;height:16px}.vuuFilterClause-DatePicker{border:none}.vuuFilterPillMenu{top:-1px}.vuuFilterPill{align-items:center;background:var(--salt-taggable-background);border:solid 1px var(--salt-taggable-foreground);border-radius:24px;color:var(--vuu-color-gray-50);display:inline-flex;max-width:var(--vuuFilterPill-maxWidth, 200px);padding:0 8px;position:relative;user-select:none;outline:none}.vuuFilterPill.vuuToolbarItem{height:24px}.vuuFilterPill[aria-selected=true]{--vuuPopupMenu-iconColor: white;--salt-text-background-selected: var(--vuu-color-blue-40);--salt-text-color-selected: var(--salt-content-primary-foreground);--saltInput-background-hover: var(--salt-taggable-background-active);--saltInput-color: var(--salt-taggable-foreground-active);background:var(--salt-taggable-background-active);color:#fff}.vuuFilterPill:not([aria-selected=true]):hover{--vuuPopupMenu-iconColor: var(--vuu-color-gray-80);background-color:var(--salt-taggable-background-hover);border-color:var(--salt-taggable-background-hover);color:var(--vuu-color-gray-80)}.vuuFilterBar{--vuu-svg-tune: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 18C3 18.55 3.45 19 4 19H9V17H4C3.45 17 3 17.45 3 18ZM3 6C3 6.55 3.45 7 4 7H13V5H4C3.45 5 3 5.45 3 6ZM13 20V19H20C20.55 19 21 18.55 21 18C21 17.45 20.55 17 20 17H13V16C13 15.45 12.55 15 12 15C11.45 15 11 15.45 11 16V20C11 20.55 11.45 21 12 21C12.55 21 13 20.55 13 20ZM7 10V11H4C3.45 11 3 11.45 3 12C3 12.55 3.45 13 4 13H7V14C7 14.55 7.45 15 8 15C8.55 15 9 14.55 9 14V10C9 9.45 8.55 9 8 9C7.45 9 7 9.45 7 10ZM21 12C21 11.45 20.55 11 20 11H11V13H20C20.55 13 21 12.55 21 12ZM16 9C16.55 9 17 8.55 17 8V7H20C20.55 7 21 6.55 21 6C21 5.45 20.55 5 20 5H17V4C17 3.45 16.55 3 16 3C15.45 3 15 3.45 15 4V8C15 8.55 15.45 9 16 9Z" /></svg>');--vuuToolbar-height: 28px;--salt-container-primary-borderColor: var(--vuu-color-purple-10);--vuuOverflowContainer-minWidth: 0;--saltButton-height: 26px;--saltButton-width: 26px;align-items:center;background-color:var(--salt-container-secondary-background);border-bottom:solid 1px #d6d7da;display:flex;flex:var(--vuuFilterBar-flex);gap:4px;height:33px;padding:0 8px}.vuuFilterbar-icon{display:inline-block;height:16px;width:16px}.vuuFilterBar [data-icon=tune]{--vuu-icon-size: 16px;--vuu-icon-svg: var(--vuu-svg-tune)}.vuuFilterBar [data-icon=plus]{--vuu-icon-size: 16px}.vuuFilterBar .vuuToolbar{flex:0 1 auto}.vuuFilterBar-Editor{display:flex;flex-direction:row;align-items:center;gap:4px}.salt-theme{--vuuFilterEditor-lineHeight: 28px}.salt-density-high{--vuuFilterEditor-buttonWidth: 20px;--vuuFilterEditor-height: 22px;--vuuFilterEditor-lineHeight: 20px}.vuuFilterInput{--vuuFilterEditor-background: var(--salt-container-primary-background);--vuuFilterEditor-color: var(--salt-content-primary-foreground);--vuuFilterEditor-fontFamily: var(--salt-typography-fontFamily);--vuuFilterEditor-fontSize: var(--salt-text-fontSize);--vuuFilterEditor-cursorColor: var(--salt-content-secondary-foreground);--vuuFilterEditor-selectionBackground: var(--salt-text-background-selected);--vuuFilterEditor-tooltipBackground: var(--salt-container-primary-background);--vuuFilterEditor-tooltipBorder: var(--tooltip-status-borderColor) var(--salt-container-borderWidth) var(--salt-container-borderStyle);--vuuFilterEditor-tooltipElevation: var(--salt-overlayable-shadow-popout);--vuuFilterEditor-suggestion-selectedBackground: var(--salt-selectable-background-selected);--vuuFilterEditor-suggestion-selectedColor: var(--vuuFilterEditor-color);--vuuFilterEditor-suggestion-height: 24px;--vuuFilterEditor-variableColor: var(--vuu-color_purple-10);align-items:center;border-color:var(--salt-container-secondary-borderColor);border-style:solid none;border-width:1px;box-sizing:border-box;display:flex;height:var(--vuuFilterEditor-height, 30px)}.vuuFilterInput-Editor{flex:1 1 auto;height:100%}.vuuFilterInput-FilterButton,.vuuFilterInput-ClearButton{--vuu-icon-size: 12px;--saltButton-width: var(--vuuFilterEditor-buttonWidth, 28px)}.vuuIllustration{--vuuFilterEditor-suggestion-selectedBackground:var(--salt-container-secondary-background);background:var(--salt-container-secondary-background);color:var(--salt-text-secondary-foreground)}
|
|
279
2
|
/*# sourceMappingURL=index.css.map */
|
package/index.css.map
CHANGED
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../packages/vuu-filters/src/filter-builder-menu/FilterBuilderMenu.css", "../../../packages/vuu-filters/src/filter-clause/ExpandoCombobox.css", "../../../packages/vuu-filters/src/filter-clause/FilterClauseEditor.css", "../../../packages/vuu-filters/src/filter-pill-menu/FilterPillMenu.css", "../../../packages/vuu-filters/src/filter-pill/FilterPill.css", "../../../packages/vuu-filters/src/filter-bar/FilterBar.css", "../../../packages/vuu-filters/src/filter-input/FilterInput.css"],
|
|
4
4
|
"sourcesContent": [".vuuFilterBuilderMenu {\n margin: 0; \n}\n\n.vuuFilterBuilderMenu-trigger {\n display: inline-block;\n height: 26px;\n width: 0px;\n}\n\n.vuuFilterBuilderMenuList {\n --vuuList-borderStyle: none; \n}\n\n \n .vuuListItem:has(.vuuMenuButton){\n justify-content: center;\n }\n\n .vuuMenuButton {\n background-color: white;\n border: solid 1px var(--salt-actionable-primary-foreground);\n border-radius: 6px;\n color: var(--vuu-color-gray-50);\n font-size: 9px;\n padding: 1px 6px;\n }\n\n", ".vuuExpandoCombobox {\n --expando-combobox-height: var(--vuuExpandoCombobox-height, 24px);\n --expando-combobox-fontSize: var(--vuuExpandoCombobox-fontSizew, 12px);\n\n --saltInput-outline: none;\n --saltInput-fontSize: var(--expando-combobox-fontSize);\n --saltInput-height: var(--expando-combobox-height);\n --saltInput-minWidth: 4px;\n\n display: inline-flex;\n flex-direction: column;\n height: var(--expando-combobox-height);\n min-width: 4px;\n padding: 0;\n}\n\n.vuuExpandoCombobox .saltInput {\n background-color: transparent;\n position: absolute;\n}\n\n.vuuExpandoCombobox .vuuDropdown {\n height: 100%;\n}\n\n/** double up the selector just to increase specificity, won't need when we use cascade layers */\n.vuuExpandoCombobox-Input.saltInput {\n border: none;\n left: 0px;\n margin: 0;\n min-height: 100%;\n padding: 0;\n right: 0px;\n width: auto;\n}\n\n.vuuExpandoCombobox .saltInput-input {\n border: none;\n box-sizing: content-box;\n display: block;\n flex: 1;\n font: inherit;\n margin: 0;\n min-width: 0;\n outline: none;\n padding: 0;\n}\n\n.vuuExpandoCombobox .saltInput-input::selection {\n background-color: var(\n --salt-text-background-selected,\n var(--vuu-color-blue-40)\n );\n}\n\n.vuuExpandoCombobox:before {\n content: attr(data-text);\n display: block;\n font-size: var(--expando-combobox-fontSize);\n height: 0px;\n overflow: hidden;\n /* visibility: hidden; */\n white-space: pre-wrap;\n /* position: absolute; */\n}\n", ".vuuFilterClause {\n --vuuExpandoInput-top: 0;\n --vuuExpandoInput-height: 16px;\n --vuuExpandoCombobox-height: 16px;\n --saltButton-height: 16px;\n --saltButton-width: 16px;\n\n display: flex;\n flex-direction: row;\n width: fit-content;\n border-color: var(--vuu-color-gray-45);\n border-radius: 6px;\n border-width: 1px;\n border-style: solid;\n background: #ffffff;\n --salt-focused-outlineStyle: dotted;\n}\n\n.vuuFilterClause:focus-within {\n border-color: var(--vuu-color-purple-10);\n}\n\n.vuu-density-high .vuuFilterClause {\n padding: 4px 8px;\n gap: 4px;\n --salt-text-lineHeight: 12px;\n --saltInputLegacy-fontSize: 12px;\n --saltInputLegacy-minWidth: 12px;\n}\n\n.vuu-density-high .vuuFilterClause .saltInput {\n padding: 0;\n min-height: 16px;\n height: 16px;\n}\n\n.vuuFilterClause .vuuExpandoCombobox {\n flex-basis: auto;\n flex-shrink: 0;\n flex-grow: 0;\n}\n\n.vuuFilterClauseOperator-hidden {\n display: none;\n}\n\n.vuuFilterClause :not(.vuuFilterClauseNumericValue) .saltInput {\n}\n\n.vuuFilterClause .saltInput-focused,\n.vuuFilterClause .saltTokenizedInput-focused {\n outline: none;\n color: var(--salt-content-primary-foreground);\n}\n\n.vuuFilterClause .saltInput-input::selection {\n color: #ffffff;\n}\n\n.vuu-theme .saltList {\n --list-borderWidth: 1px;\n --list-borderStyle: solid;\n border-radius: 4px;\n box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.4);\n}\n\n.saltListItem[aria-selected=\"true\"]:not(.saltListItem-checkbox) {\n --list-item-background: var(--list-item-background-active);\n color: var(--list-item-text-color-active);\n}\n\n.saltTokenizedInput {\n height: 16px;\n min-height: 16px;\n}\n\n.saltTokenizedInput .saltInputPill {\n --pill-fontSize: 12px;\n --saltButton-borderStyle: none;\n --pill-background: none;\n height: 16px;\n margin: 0;\n}\n\n.saltTokenizedInput-pillGroup {\n padding: 0;\n height: 16px;\n}\n\n.vuuFilterClause-DatePicker {\n border: none;\n}\n", ".vuuFilterPillMenu {\n top: -1px;\n}", ".vuuFilterPill {\n /* --vuuTooltip-background: var(--vuu-color-pink-10); */\n align-items: center;\n background: var(--salt-taggable-background);\n border: solid 1px var(--salt-taggable-foreground);\n border-radius: 24px;\n color: var(--vuu-color-gray-50);\n display: inline-flex;\n max-width: var(--vuuFilterPill-maxWidth, 200px);\n padding: 0 8px;\n position: relative;\n user-select: none;\n outline: none;\n}\n\n.vuuFilterPill.vuuToolbarItem {\n height: 24px;\n}\n\n.vuuFilterPill[aria-selected=\"true\"]{\n --vuuPopupMenu-iconColor: white;\n --salt-text-background-selected: var(--vuu-color-blue-40);\n --salt-text-color-selected: var(--salt-content-primary-foreground);\n --saltInput-background-hover: var(--salt-taggable-background-active);\n --saltInput-color: var(--salt-taggable-foreground-active);\n background: var(--salt-taggable-background-active);\n color: white;\n}\n\n.vuuFilterPill:not([aria-selected=\"true\"]):hover {\n --vuuPopupMenu-iconColor: var(--vuu-color-gray-80);\n background-color: var(--salt-taggable-background-hover);\n border-color: var(--salt-taggable-background-hover);\n color: var(--vuu-color-gray-80);\n}\n\n", ".vuuFilterBar {\n --vuu-svg-tune: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M3 18C3 18.55 3.45 19 4 19H9V17H4C3.45 17 3 17.45 3 18ZM3 6C3 6.55 3.45 7 4 7H13V5H4C3.45 5 3 5.45 3 6ZM13 20V19H20C20.55 19 21 18.55 21 18C21 17.45 20.55 17 20 17H13V16C13 15.45 12.55 15 12 15C11.45 15 11 15.45 11 16V20C11 20.55 11.45 21 12 21C12.55 21 13 20.55 13 20ZM7 10V11H4C3.45 11 3 11.45 3 12C3 12.55 3.45 13 4 13H7V14C7 14.55 7.45 15 8 15C8.55 15 9 14.55 9 14V10C9 9.45 8.55 9 8 9C7.45 9 7 9.45 7 10ZM21 12C21 11.45 20.55 11 20 11H11V13H20C20.55 13 21 12.55 21 12ZM16 9C16.55 9 17 8.55 17 8V7H20C20.55 7 21 6.55 21 6C21 5.45 20.55 5 20 5H17V4C17 3.45 16.55 3 16 3C15.45 3 15 3.45 15 4V8C15 8.55 15.45 9 16 9Z\" /></svg>');\n --vuuToolbar-height: 28px;\n --salt-container-primary-borderColor: var(--vuu-color-purple-10);\n --vuuOverflowContainer-minWidth: 0;\n --saltButton-height: 26px;\n --saltButton-width: 26px;\n\n align-items: center;\n background-color: var(--salt-container-secondary-background);\n border-bottom: solid 1px #d6d7da;\n display: flex;\n flex: var(--vuuFilterBar-flex);\n gap: 4px;\n height: 33px;\n padding: 0px 8px;\n}\n\n.vuuFilterbar-icon {\n display: inline-block;\n height: 16px;\n width: 16px;\n}\n\n.vuuFilterBar [data-icon=\"tune\"] {\n --vuu-icon-size: 16px;\n --vuu-icon-svg: var(--vuu-svg-tune);\n}\n\n.vuuFilterBar [data-icon=\"plus\"] {\n --vuu-icon-size: 16px;\n}\n\n.vuuFilterBar .vuuToolbar {\n flex: 0 1 auto;\n}\n\n.vuuFilterBar-Editor {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 4px;\n}\n", "\n.salt-theme {\n --vuuFilterEditor-lineHeight: 28px;\n}\n\n.salt-density-high {\n --vuuFilterEditor-buttonWidth: 20px;\n --vuuFilterEditor-height: 22px;\n --vuuFilterEditor-lineHeight: 20px;\n}\n\n.vuuFilterInput {\n --vuuFilterEditor-background: var(--salt-container-primary-background);\n --vuuFilterEditor-color: var(--salt-content-primary-foreground);\n --vuuFilterEditor-fontFamily: var(--salt-typography-fontFamily);\n --vuuFilterEditor-fontSize: var(--salt-text-fontSize);\n --vuuFilterEditor-cursorColor: var(--salt-content-secondary-foreground);\n --vuuFilterEditor-selectionBackground: var(--salt-text-background-selected);\n --vuuFilterEditor-tooltipBackground: var(--salt-container-primary-background);\n --vuuFilterEditor-tooltipBorder: var(--tooltip-status-borderColor) var(--salt-container-borderWidth) var(--salt-container-borderStyle); \n --vuuFilterEditor-tooltipElevation: var(--salt-overlayable-shadow-popout);\n --vuuFilterEditor-suggestion-selectedBackground: var(--salt-selectable-background-selected);\n --vuuFilterEditor-suggestion-selectedColor: var(--vuuFilterEditor-color);\n --vuuFilterEditor-suggestion-height: 24px;\n --vuuFilterEditor-variableColor: var(--vuu-color_purple-10);\n\n align-items: center;\n border-color: var(--salt-container-secondary-borderColor);\n border-style: solid none;\n border-width: 1px;\n box-sizing: border-box;\n display: flex;\n height: var(--vuuFilterEditor-height, 30px);\n}\n\n.vuuFilterInput-Editor {\n flex: 1 1 auto;\n height: 100%;\n}\n\n.vuuFilterInput-FilterButton,\n.vuuFilterInput-ClearButton {\n --vuu-icon-size: 12px;\n --saltButton-width: var(--vuuFilterEditor-buttonWidth, 28px);\n}\n\n.vuuIllustration {\n --vuuFilterEditor-suggestion-selectedBackground:var(--salt-container-secondary-background);\n background: var(--salt-container-secondary-background);\n color: var(--salt-text-secondary-foreground);\n}\n\n\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vuu-ui/vuu-filters",
|
|
3
|
-
"version": "0.8.26
|
|
3
|
+
"version": "0.8.26",
|
|
4
4
|
"author": "heswell",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"devDependencies": {
|
|
8
|
-
"@vuu-ui/vuu-data-types": "0.8.26
|
|
9
|
-
"@vuu-ui/vuu-table-types": "0.8.26
|
|
10
|
-
"@vuu-ui/vuu-filter-types": "0.8.26
|
|
8
|
+
"@vuu-ui/vuu-data-types": "0.8.26",
|
|
9
|
+
"@vuu-ui/vuu-table-types": "0.8.26",
|
|
10
|
+
"@vuu-ui/vuu-filter-types": "0.8.26",
|
|
11
11
|
"@types/uuid": "^9.0.2"
|
|
12
12
|
},
|
|
13
13
|
"dependencies": {
|
|
14
|
-
"@vuu-ui/vuu-codemirror": "0.8.26
|
|
15
|
-
"@vuu-ui/vuu-data-react": "0.8.26
|
|
16
|
-
"@vuu-ui/vuu-popups": "0.8.26
|
|
17
|
-
"@vuu-ui/vuu-ui-controls": "0.8.26
|
|
18
|
-
"@vuu-ui/vuu-utils": "0.8.26
|
|
14
|
+
"@vuu-ui/vuu-codemirror": "0.8.26",
|
|
15
|
+
"@vuu-ui/vuu-data-react": "0.8.26",
|
|
16
|
+
"@vuu-ui/vuu-popups": "0.8.26",
|
|
17
|
+
"@vuu-ui/vuu-ui-controls": "0.8.26",
|
|
18
|
+
"@vuu-ui/vuu-utils": "0.8.26",
|
|
19
19
|
"@salt-ds/core": "1.17.0",
|
|
20
20
|
"uuid": "9.0.0"
|
|
21
21
|
},
|