@vuu-ui/vuu-filters 0.8.32-debug → 0.8.32

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 (8) hide show
  1. package/LICENSE +201 -0
  2. package/cjs/index.js +1 -6551
  3. package/cjs/index.js.map +2 -2
  4. package/esm/index.js +1 -6634
  5. package/esm/index.js.map +2 -2
  6. package/index.css +1 -247
  7. package/index.css.map +1 -1
  8. package/package.json +9 -9
package/index.css CHANGED
@@ -1,248 +1,2 @@
1
- /* src/filter-clause/ExpandoCombobox.css */
2
- .vuuExpandoCombobox {
3
- --expando-combobox-height: var(--vuuExpandoCombobox-height, var(--salt-size-base));
4
- --expando-combobox-fontSize: var(--vuuExpandoCombobox-fontSize, 12px);
5
- --saltInput-outline: none;
6
- --saltInput-fontSize: var(--expando-combobox-fontSize);
7
- --saltInput-height: var(--expando-combobox-height);
8
- --saltInput-minWidth: 4px;
9
- display: inline-flex;
10
- flex-direction: column;
11
- height: var(--expando-combobox-height);
12
- min-width: 4px;
13
- padding: 0;
14
- }
15
- .vuuExpandoCombobox .saltInput {
16
- background-color: transparent;
17
- position: absolute;
18
- }
19
- .vuuExpandoCombobox .vuuDropdown {
20
- height: 100%;
21
- }
22
- .vuuExpandoCombobox-Input.saltInput {
23
- border: none;
24
- left: 0px;
25
- margin: 0;
26
- min-height: 100%;
27
- padding: 0;
28
- right: 0px;
29
- width: auto;
30
- }
31
- .vuuExpandoCombobox .saltInput-input {
32
- border: none;
33
- box-sizing: content-box;
34
- display: block;
35
- flex: 1;
36
- font: inherit;
37
- margin: 0;
38
- min-width: 0;
39
- outline: none;
40
- padding: 0;
41
- }
42
- .vuuExpandoCombobox:before {
43
- content: attr(data-text);
44
- display: block;
45
- font-size: var(--expando-combobox-fontSize);
46
- height: 0px;
47
- overflow: hidden;
48
- white-space: pre-wrap;
49
- }
50
-
51
- /* src/filter-clause/FilterClause.css */
52
- .vuuFilterClause {
53
- --vuuExpandoInput-top: 0;
54
- --content-height: calc(var(--salt-size-base) - var(--salt-spacing-150));
55
- --vuuExpandoInput-height: var(--content-height);
56
- --vuuExpandoCombobox-height: var(--content-height);
57
- --saltButton-height: 16px;
58
- --saltButton-width: 16px;
59
- --salt-focused-outlineStyle: dotted;
60
- align-items: center;
61
- background: var(--salt-container-primary-background);
62
- border-color: var(--vuu-color-gray-45);
63
- border-radius: var(--saltButton-borderRadius);
64
- border-width: 1px;
65
- border-style: solid;
66
- display: flex;
67
- flex-direction: row;
68
- gap: var(--salt-spacing-50);
69
- height: var(--salt-size-base);
70
- min-width: calc(var(--salt-size-base) * 4);
71
- padding: 0 var(--salt-spacing-100);
72
- width: fit-content;
73
- }
74
- .vuuFilterClause:focus-within {
75
- border-color: var(--vuu-color-purple-10);
76
- }
77
- .vuu-density-high .vuuFilterClause {
78
- padding: 4px 8px;
79
- gap: 4px;
80
- --salt-text-lineHeight: 12px;
81
- --saltInputLegacy-fontSize: 12px;
82
- --saltInputLegacy-minWidth: 12px;
83
- }
84
- .vuu-density-high .vuuFilterClause .saltInput {
85
- padding: 0;
86
- min-height: 16px;
87
- height: 16px;
88
- }
89
- .vuuFilterClause .vuuExpandoCombobox {
90
- flex-basis: auto;
91
- flex-shrink: 0;
92
- flex-grow: 0;
93
- }
94
- .vuuFilterClauseOperator-hidden {
95
- display: none;
96
- }
97
- .vuuFilterClause .saltInput-focused,
98
- .vuuFilterClause .saltTokenizedInput-focused {
99
- outline: none;
100
- color: var(--salt-content-primary-foreground);
101
- }
102
- .vuu-theme .saltList {
103
- --list-borderWidth: 1px;
104
- --list-borderStyle: solid;
105
- border-radius: 4px;
106
- box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.4);
107
- }
108
- .saltListItem[aria-selected=true]:not(.saltListItem-checkbox) {
109
- --list-item-background: var(--list-item-background-active);
110
- color: var(--list-item-text-color-active);
111
- }
112
- .saltTokenizedInput {
113
- height: 16px;
114
- min-height: 16px;
115
- }
116
- .saltTokenizedInput .saltInputPill {
117
- --pill-fontSize: 12px;
118
- --saltButton-borderStyle: none;
119
- --pill-background: none;
120
- height: 16px;
121
- margin: 0;
122
- }
123
- .saltTokenizedInput-pillGroup {
124
- padding: 0;
125
- height: 16px;
126
- }
127
- .vuuFilterClause-DatePicker {
128
- border: none;
129
- }
130
-
131
- /* src/filter-editor/FilterClauseCombinator.css */
132
- .vuuFilterClauseCombinator {
133
- --saltButton-height: calc(var(--salt-spacing-400));
134
- font-size: 9px;
135
- padding: 0 4px;
136
- }
137
- .vuuFilterClauseCombinator:focus {
138
- background-color: var(--vuu-color-gray-50);
139
- color: white;
140
- }
141
-
142
- /* src/filter-editor/FilterEditor.css */
143
- .vuuFilterEditor {
144
- align-items: center;
145
- display: flex;
146
- gap: var(--salt-spacing-200);
147
- height: var(--vuuFilterEditor-height, calc(var(--salt-size-base) + var(--salt-size-unit)));
148
- padding: 0 var(--salt-spacing-400);
149
- }
150
-
151
- /* src/filter-pill/FilterPill.css */
152
- .vuuFilterPill {
153
- --saltButton-textTransform: none;
154
- max-width: var(--vuuFilterPill-maxWidth, 200px);
155
- }
156
- .vuuFilterPill-tooltip ul {
157
- padding-left: var(--salt-spacing-400);
158
- }
159
-
160
- /* src/filter-bar/FilterBar.css */
161
- .vuuFilterBar {
162
- --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>');
163
- --vuuOverflowContainer-minWidth: 0;
164
- align-items: center;
165
- background-color: var(--salt-container-secondary-background);
166
- border-color: var(--salt-container-primary-borderColor);
167
- border-style: var(--vuuFilterBar-borderStyle, none none solid none);
168
- border-width: 1px;
169
- display: flex;
170
- flex: var(--vuuFilterBar-flex);
171
- gap: var(--salt-spacing-100);
172
- height: calc(var(--salt-size-base) + var(--salt-spacing-100) + 1px);
173
- padding: 0px var(--salt-spacing-200);
174
- }
175
- .vuuFilterBar-filters {
176
- align-items: center;
177
- display: flex;
178
- flex-wrap: nowrap;
179
- gap: 6px;
180
- }
181
- .vuuFilterbar-icon {
182
- display: inline-block;
183
- height: 16px;
184
- width: 16px;
185
- }
186
- .vuuFilterBar [data-icon=tune] {
187
- --vuu-icon-size: 16px;
188
- --vuu-icon-svg: var(--vuu-svg-tune);
189
- }
190
- .vuuFilterBar [data-icon=plus] {
191
- --vuu-icon-size: 16px;
192
- }
193
- .vuuFilterBar .vuuToolbar {
194
- flex: 0 1 auto;
195
- }
196
- .vuuFilterBar-Editor {
197
- display: flex;
198
- flex-direction: row;
199
- align-items: center;
200
- gap: var(--salt-spacing-100);
201
- }
202
-
203
- /* src/filter-input/FilterInput.css */
204
- .salt-theme {
205
- --vuuFilterEditor-lineHeight: 28px;
206
- }
207
- .salt-density-high {
208
- --vuuFilterEditor-buttonWidth: 20px;
209
- --vuuFilterEditor-height: 22px;
210
- --vuuFilterEditor-lineHeight: 20px;
211
- }
212
- .vuuFilterInput {
213
- --vuuFilterEditor-background: var(--salt-container-primary-background);
214
- --vuuFilterEditor-color: var(--salt-content-primary-foreground);
215
- --vuuFilterEditor-fontFamily: var(--salt-typography-fontFamily);
216
- --vuuFilterEditor-fontSize: var(--salt-text-fontSize);
217
- --vuuFilterEditor-cursorColor: var(--salt-content-secondary-foreground);
218
- --vuuFilterEditor-selectionBackground: var(--salt-text-background-selected);
219
- --vuuFilterEditor-tooltipBackground: var(--salt-container-primary-background);
220
- --vuuFilterEditor-tooltipBorder: var(--tooltip-status-borderColor) var(--salt-container-borderWidth) var(--salt-container-borderStyle);
221
- --vuuFilterEditor-tooltipElevation: var(--salt-overlayable-shadow-popout);
222
- --vuuFilterEditor-suggestion-selectedBackground: var(--salt-selectable-background-selected);
223
- --vuuFilterEditor-suggestion-selectedColor: var(--vuuFilterEditor-color);
224
- --vuuFilterEditor-suggestion-height: 24px;
225
- --vuuFilterEditor-variableColor: var(--vuu-color_purple-10);
226
- align-items: center;
227
- border-color: var(--salt-container-secondary-borderColor);
228
- border-style: solid none;
229
- border-width: 1px;
230
- box-sizing: border-box;
231
- display: flex;
232
- height: var(--vuuFilterEditor-height, 30px);
233
- }
234
- .vuuFilterInput-Editor {
235
- flex: 1 1 auto;
236
- height: 100%;
237
- }
238
- .vuuFilterInput-FilterButton,
239
- .vuuFilterInput-ClearButton {
240
- --vuu-icon-size: 12px;
241
- --saltButton-width: var(--vuuFilterEditor-buttonWidth, 28px);
242
- }
243
- .vuuIllustration {
244
- --vuuFilterEditor-suggestion-selectedBackground:var(--salt-container-secondary-background);
245
- background: var(--salt-container-secondary-background);
246
- color: var(--salt-text-secondary-foreground);
247
- }
1
+ .vuuExpandoCombobox{--expando-combobox-height: var(--vuuExpandoCombobox-height, var(--salt-size-base));--expando-combobox-fontSize: var(--vuuExpandoCombobox-fontSize, 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: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;--content-height: calc(var(--salt-size-base) - var(--salt-spacing-150));--vuuExpandoInput-height: var(--content-height);--vuuExpandoCombobox-height: var(--content-height);--saltButton-height: 16px;--saltButton-width: 16px;--salt-focused-outlineStyle: dotted;align-items:center;background:var(--salt-container-primary-background);border-color:var(--vuu-color-gray-45);border-radius:var(--saltButton-borderRadius);border-width:1px;border-style:solid;display:flex;flex-direction:row;gap:var(--salt-spacing-50);height:var(--salt-size-base);min-width:calc(var(--salt-size-base) * 4);padding:0 var(--salt-spacing-100);width:fit-content}.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)}.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}.vuuFilterClauseCombinator{--saltButton-height: calc(var(--salt-spacing-400));font-size:9px;padding:0 4px}.vuuFilterClauseCombinator:focus{background-color:var(--vuu-color-gray-50);color:#fff}.vuuFilterEditor{align-items:center;display:flex;gap:var(--salt-spacing-200);height:var(--vuuFilterEditor-height, calc(var(--salt-size-base) + var(--salt-size-unit)));padding:0 var(--salt-spacing-400)}.vuuFilterPill{--saltButton-textTransform: none;max-width:var(--vuuFilterPill-maxWidth, 200px)}.vuuFilterPill-tooltip ul{padding-left:var(--salt-spacing-400)}.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>');--vuuOverflowContainer-minWidth: 0;align-items:center;background-color:var(--salt-container-secondary-background);border-color:var(--salt-container-primary-borderColor);border-style:var(--vuuFilterBar-borderStyle, none none solid none);border-width:1px;display:flex;flex:var(--vuuFilterBar-flex);gap:var(--salt-spacing-100);height:calc(var(--salt-size-base) + var(--salt-spacing-100) + 1px);padding:0px var(--salt-spacing-200)}.vuuFilterBar-filters{align-items:center;display:flex;flex-wrap:nowrap;gap:6px}.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:var(--salt-spacing-100)}.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)}
248
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-clause/ExpandoCombobox.css", "../../../packages/vuu-filters/src/filter-clause/FilterClause.css", "../../../packages/vuu-filters/src/filter-editor/FilterClauseCombinator.css", "../../../packages/vuu-filters/src/filter-editor/FilterEditor.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": [".vuuExpandoCombobox {\n --expando-combobox-height: var(--vuuExpandoCombobox-height, var(--salt-size-base));\n --expando-combobox-fontSize: var(--vuuExpandoCombobox-fontSize, 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: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 --content-height: calc(var(--salt-size-base) - var(--salt-spacing-150));\n --vuuExpandoInput-height: var(--content-height);\n --vuuExpandoCombobox-height: var(--content-height);\n --saltButton-height: 16px;\n --saltButton-width: 16px;\n --salt-focused-outlineStyle: dotted;\n\n align-items: center;\n background: var(--salt-container-primary-background);\n border-color: var(--vuu-color-gray-45);\n border-radius: var(--saltButton-borderRadius);\n border-width: 1px;\n border-style: solid;\n display: flex;\n flex-direction: row;\n gap: var(--salt-spacing-50);\n height: var(--salt-size-base);\n min-width: calc(var(--salt-size-base) * 4);\n padding: 0 var(--salt-spacing-100);\n width: fit-content;\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\n.vuuFilterClause .saltInput-focused,\n.vuuFilterClause .saltTokenizedInput-focused {\n outline: none;\n color: var(--salt-content-primary-foreground);\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", ".vuuFilterClauseCombinator {\n --saltButton-height: calc(var(--salt-spacing-400));\n font-size: 9px;\n padding: 0 4px;\n}\n.vuuFilterClauseCombinator:focus {\n background-color: var(--vuu-color-gray-50);\n color: white;\n}", ".vuuFilterEditor {\n align-items: center;\n display: flex;\n gap: var(--salt-spacing-200);\n height: var(--vuuFilterEditor-height, calc(var(--salt-size-base) + var(--salt-size-unit)));\n padding: 0 var(--salt-spacing-400);\n}", ".vuuFilterPill {\n --saltButton-textTransform: none;\n max-width: var(--vuuFilterPill-maxWidth, 200px);\n}\n\n.vuuFilterPill-tooltip {\n ul {\n padding-left: var(--salt-spacing-400);\n } \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 --vuuOverflowContainer-minWidth: 0;\n\n align-items: center;\n background-color: var(--salt-container-secondary-background);\n border-color: var(--salt-container-primary-borderColor);\n border-style: var(--vuuFilterBar-borderStyle, none none solid none);\n border-width: 1px;\n display: flex;\n flex: var(--vuuFilterBar-flex);\n gap: var(--salt-spacing-100);\n height: calc(var(--salt-size-base) + var(--salt-spacing-100) + 1px);\n padding: 0px var(--salt-spacing-200);\n}\n\n.vuuFilterBar-filters {\n align-items: center;\n display: flex; \n flex-wrap: nowrap;\n gap: 6px;\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: var(--salt-spacing-100);}\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": "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",
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.32-debug",
3
+ "version": "0.8.32",
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.32-debug",
9
- "@vuu-ui/vuu-table-types": "0.8.32-debug",
10
- "@vuu-ui/vuu-filter-types": "0.8.32-debug",
8
+ "@vuu-ui/vuu-data-types": "0.8.32",
9
+ "@vuu-ui/vuu-table-types": "0.8.32",
10
+ "@vuu-ui/vuu-filter-types": "0.8.32",
11
11
  "@types/uuid": "^9.0.2"
12
12
  },
13
13
  "dependencies": {
14
- "@vuu-ui/vuu-codemirror": "0.8.32-debug",
15
- "@vuu-ui/vuu-data-react": "0.8.32-debug",
16
- "@vuu-ui/vuu-popups": "0.8.32-debug",
17
- "@vuu-ui/vuu-ui-controls": "0.8.32-debug",
18
- "@vuu-ui/vuu-utils": "0.8.32-debug",
14
+ "@vuu-ui/vuu-codemirror": "0.8.32",
15
+ "@vuu-ui/vuu-data-react": "0.8.32",
16
+ "@vuu-ui/vuu-popups": "0.8.32",
17
+ "@vuu-ui/vuu-ui-controls": "0.8.32",
18
+ "@vuu-ui/vuu-utils": "0.8.32",
19
19
  "@salt-ds/core": "1.17.0",
20
20
  "uuid": "9.0.0"
21
21
  },