@vuu-ui/vuu-ui-controls 0.8.17-debug → 0.8.18-debug
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/cjs/index.js +731 -4252
- package/cjs/index.js.map +4 -4
- package/esm/index.js +429 -4017
- package/esm/index.js.map +4 -4
- package/index.css +13 -730
- package/index.css.map +3 -3
- package/package.json +10 -10
- package/types/cycle-state-button/CycleStateButton.d.ts +2 -2
- package/types/drag-drop/drop-target-utils.d.ts +16 -16
- package/types/drag-drop/index.d.ts +2 -0
- package/types/drag-drop/useAutoScroll.d.ts +1 -1
- package/types/expando-input/ExpandoInput.d.ts +1 -1
- package/types/instrument-picker/InstrumentPicker.d.ts +1 -3
- package/types/instrument-picker/useDataSource.d.ts +1 -2
- package/types/instrument-picker/useInstrumentPicker.d.ts +1 -1
- package/types/instrument-search/InstrumentSearch.d.ts +3 -6
- package/types/instrument-search/useDataSource.d.ts +1 -2
- package/types/instrument-search/useInstrumentSearch.d.ts +3 -4
- package/types/tabstrip/Tab.d.ts +1 -1
package/index.css.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../../packages/vuu-ui-controls/src/dropdown/Dropdown.css", "../../../packages/vuu-ui-controls/src/dropdown/DropdownButton.css", "../../../packages/vuu-ui-controls/src/list/Highlighter.css", "../../../packages/vuu-ui-controls/src/list/CheckboxIcon.css", "../../../packages/vuu-ui-controls/src/list/ListItem.css", "../../../packages/vuu-ui-controls/src/drag-drop/Draggable.css", "../../../packages/vuu-ui-controls/src/list/List.css", "../../../packages/vuu-ui-controls/src/list/RadioIcon.css", "../../../packages/vuu-ui-controls/src/list/ChevronIcon.css", "../../../packages/vuu-ui-controls/src/editable-label/EditableLabel.css", "../../../packages/vuu-ui-controls/src/
|
|
4
|
-
"sourcesContent": [".vuuDropdown {\n --saltIcon-margin: 2px 0 0 8px;\n\n display: inline-block;\n line-height: 0;\n position: relative;\n width: var(--vuuDropdown-width, auto);\n}\n\n.vuuDropdownButton.saltButton-secondary {\n --saltButton-borderStyle: solid;\n --saltButton-borderColor: var(--salt-editable-borderColor);\n --saltButton-borderWidth: 1px;\n --saltButton-borderRadius: 6px;\n --saltButton-height: var(--vuuDropdown-height, auto);\n}\n\n.vuuDropdown-fullWidth {\n width: 100%;\n}\n\n.vuuDropdown-popup {\n background: var(--salt-container-primary-background);\n z-index: calc(var(--salt-zIndex-flyover) - 1);\n}\n\n.vuuDropdown-popup-component {\n --vuuList-borderStyle: none;\n}\n\n.vuuDropdownButton {\n width: 100%;\n}", ".vuuDropdownButton {\n --saltButton-background-hover: var(--salt-actionable-secondary-background);\n --saltButton-background-active: var(--salt-actionable-secondary-background);\n --saltButton-fontWeight: var(--salt-text-fontWeight-strong); /* TODO: Check with design */\n --saltButton-textAlign: left;\n --saltButton-textTransform: none;\n --saltButton-width: 100%;\n\n --vuu-icon-size: 16px;\n}\n\n.vuuDropdownButton:active {\n --saltIcon-color: var(--salt-actionable-secondary-foreground);\n --saltButton-text-color-active: var(--salt-actionable-secondary-foreground);\n}\n\n.vuuDropdownButton-fullwidth {\n width: 100%;\n}\n\n.vuuDropdownButton-content {\n align-items: center;\n flex: 1;\n width: 100%;\n display: flex;\n white-space: nowrap;\n}\n\n.vuuDropdownButton-buttonLabel {\n display: inline-block;\n letter-spacing: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n width: 100%;\n}\n\n.vuuDropdownButton-formField.saltButton:focus,\n.vuuDropdownButton-formField.saltButton:focus-visible {\n outline: none;\n}\n", ".saltHighlighter-highlight {\n font-weight: var(--salt-text-fontWeight-strong); /* TODO: Check with design */\n}\n", ".vuuCheckboxIcon {\n --vuu-icon-size: 12px;\n --vuu-icon-left: -1px;\n --vuu-icon-top: -1px;\n --vuu-icon-svg: var(--vuu-svg-tick);\n border-style: solid;\n border-color: var(\n --vuuCheckboxIcon-borderColor,\n var(--salt-selectable-borderColor)\n );\n border-radius: var(--vuuCheckboxIcon-borderRadius, 3px);\n border-width: 1px;\n display: inline-block;\n height: var(--vuuCheckboxIcon-size, 12px);\n position: relative;\n width: var(--vuuCheckboxIcon-size, 12px);\n}\n\n.vuuCheckboxIcon-checked-enabled {\n background-color: var(\n --vuuCheckboxIcon-background-checked-enabled,\n var(--vuu-color-purple-10)\n );\n border-color: var(\n --vuuCheckboxIcon-borderColor-checked-enabled,\n var(--vuu-color-purple-10)\n );\n}\n\n.vuuCheckboxIcon-checked-disabled {\n background-color: var(\n --vuuCheckboxIcon-background-checked-disabled,\n var(--vuu-color-gray-35)\n );\n border-color: var(\n --vuuCheckboxIcon-borderColor-checked-disabled,\n var(--vuu-color-gray-35)\n );\n}\n\n.vuuCheckboxIcon-checked-enabled::after,\n.vuuCheckboxIcon-checked-disabled::after {\n content: \"\";\n background-color: white;\n left: var(--vuu-icon-left, auto);\n height: var(--vuu-icon-height, var(--vuu-icon-size, 12px));\n -webkit-mask: var(--vuu-icon-svg) center center/var(--vuu-icon-size)\n var(--vuu-icon-size);\n mask: var(--vuu-icon-svg) center center/var(--vuu-icon-size)\n var(--vuu-icon-size);\n mask-repeat: no-repeat;\n -webkit-mask-repeat: no-repeat;\n position: absolute;\n top: var(--vuu-icon-top, auto);\n width: var(--vuu-icon-width, var(--vuu-icon-size, 12px));\n}\n\n.vuuCheckboxIcon-checked-disabled::after {\n background-color: var(\n --vuuCheckboxIcon-tick-checked-disabled,\n var(--vuu-color-gray-30)\n );\n}\n", ".vuuListItem {\n /* Color */\n --list-item-text-color: var(--salt-text-primary-foreground);\n --list-item-background: var(--vuuList-item-background, var(--salt-selectable-background));\n /* --list-item-selected-focus-outlineColor: var(--salt-color-white); TODO: Check token with design */\n --list-item-text-color-active: var(--salt-text-primary-foreground);\n --list-item-background-active: var(--salt-selectable-background-selected);\n --list-item-alignItems: center;\n}\n\n.vuuListItem.vuuHighlighted {\n --saltCheckbox-icon-stroke: var(--salt-selectable-borderColor-hover);\n --list-item-background: var(--salt-selectable-background-hover);\n}\n\n.vuuListItemHeader {\n font-weight: var(--salt-text-fontWeight-strong); /* TODO: Check token with design */\n}\n\n.vuuListItemHeader[data-sticky] {\n position: sticky;\n top: 0;\n z-index: 1;\n}\n\n.vuuListItem {\n color: var(--list-item-text-color);\n cursor: var(--vuuList-item-cursor, pointer);\n background: var(--vuuList-item-background, var(--list-item-background));\n font-size: var(--salt-text-fontSize);\n text-align: var(--salt-text-textAlign);\n line-height: var(--salt-text-lineHeight);\n height: var(--vuuList-item-height, var(--list-item-height, auto));\n /* Replaced border-bottom with margin. In design spec, the height of the items should not include gap */\n margin-bottom: var(--list-item-gap);\n padding: 0 var(--vuuListItem-padding, var(--salt-size-unit));\n left: 0;\n right: 0;\n display: flex;\n position: relative;\n align-items: var(--list-item-alignItems);\n white-space: nowrap;\n}\n\n.vuuListItem:last-child {\n margin-bottom: 0px;\n}\n\n.vuuListItem-checkbox {\n --list-item-background-active: var(--salt-selectable-background);\n --list-item-text-color-active: var(--salt-text-primary-foreground);\n --list-item-text-padding: 0 0 0 var(--salt-size-unit);\n}\n\n.vuuListItem[aria-selected=\"true\"]:not(.vuuListItem-checkbox) {\n --list-item-background: var(--list-item-background-active);\n color: var(--list-item-text-color-active);\n}\n\n.vuuListItem.vuuDisabled {\n --list-item-text-color: var(--salt-text-primary-foreground-disabled);\n cursor: var(--salt-selectable-cursor-disabled);\n}\n\n.vuuListItem.vuuFocusVisible {\n outline-style: var(--salt-focused-outlineStyle);\n outline-width: var(--salt-focused-outlineWidth);\n outline-offset: -2px;\n outline-color: var(--salt-focused-outlineColor);\n}\n\n.vuuListItem.vuuFocusVisible:after {\n content: none;\n}\n\n.vuuListItem[aria-selected=\"true\"]:not(.vuuListItem-checkbox).vuuFocusVisible {\n outline-color: var(--list-item-selected-focus-outlineColor);\n}\n\n.vuuListItem-textWrapper {\n flex: 1;\n overflow: hidden;\n padding: var(--list-item-text-padding, 0px);\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n\n.vuuListItem-proxy {\n position: absolute !important;\n visibility: hidden;\n}\n.vuuDraggable-list-item {\n --vuuList-item-height: 24px;\n background-color: white;\n}\n\n.vuuListItem.vuuDraggable-dragAway {\n display: none;\n}", ".vuuDraggable {\n background: transparent;\n box-shadow: var(--salt-overlayable-shadow-drag);\n cursor: var(--salt-draggable-grab-cursor-active);\n position: absolute;\n opacity: .95;\n z-index: 2000;\n}\n\n.vuuDraggable-spacer {\n display: var(--vuuDraggable-display, inline-block);\n height: var(--vuuDraggable-spacer-height, var(--tabstrip-height));\n transition: var(--vuuDraggable-transitionProp, width) 0.3s ease;\n width: var(--vuuDraggable-spacer-width, 0);\n}\n\n.vuuDraggable-dropIndicatorPosition {\n display: var(--saltDraggable-display, inline-block);\n /* height: var(--saltDraggable-spacer-height, var(--tabstrip-height)); */\n /* width: var(--saltDraggable-spacer-width, 0); */\n height: 0px;\n width: 100%;\n}\n\n.vuuDraggable-dropIndicatorContainer {\n transition: var(--vuuDraggable-transitionProp, top) 0.2s ease;\n}\n\n.vuuDraggable-dropIndicator {\n /* height: var(--saltDraggable-spacer-height, var(--tabstrip-height)); */\n /* width: var(--saltDraggable-spacer-width, 0); */\n background-color: var(--salt-palette-accent-background);\n height: 2px;\n width: 100%;\n}\n\n.vuuDraggable-dropIndicator:before {\n content: '';\n width: 6px;\n height: 6px;\n border-radius: 3px;\n background-color: var(--salt-palette-accent-background);\n position: absolute;\n top: -2px;\n left: -3px;\n}\n\n.vuuDraggable-settling {\n transition-property: left, top;\n transition-duration: .15s;\n transition-timing-function: ease-out;\n}\n\n.vuuDraggable-spacer {\n order: 1;\n}", ".vuuList {\n --list-background: var(--salt-container-primary-background);\n --list-borderStyle: var(--vuuList-borderStyle,var(--salt-container-borderStyle));\n --list-borderWidth: var(--salt-size-border);\n --list-height: auto;\n --list-item-height: var(--salt-size-stackable);\n --list-item-gap: 0px;\n --list-maxHeight: 100%;\n --vuuDraggable-display: block;\n --vuuDraggable-spacer-height: 0;\n --vuuDraggable-spacer-width: 100%;\n --vuuDraggable-transitionProp: height;\n --vuuMeasuredContainer-height: var(--computed-list-height);\n\n background: var(--list-background);\n height: var(--saltList-height, var(--list-height));\n max-height: var(--list-maxHeight);\n outline: none;\n position: relative;\n user-select: none;\n width: var(--saltList-width, auto);\n padding: 0 1px;\n}\n\n.vuuList-contentSized {\n box-sizing: content-box;\n}\n\n.vuuList-borderless {\n --list-borderStyle: none;\n}\n\n/* virtualised list */\n.vuuList-viewport {\n height: var(--computed-list-height, var(--measured-px-height));\n overflow: auto;\n}\n\n.vuuListHeader {\n --saltList-item-background: var(--list-item-header-background);\n color: var(--list-item-header-color);\n font-weight: 600;\n}\n\n.vuuListHeader[data-sticky=\"true\"] {\n --saltList-item-background: var(--list-background);\n position: sticky;\n top: 0;\n z-index: 1;\n}\n\n.vuuList-collapsible .vuuListItemHeader:after {\n border-width: var(--checkbox-borderWidth);\n border-color: var(--checkbox-borderColor);\n content: var(--list-item-header-twisty-content);\n -webkit-mask: var(--list-svg-chevron-down) center center/12px 12px no-repeat;\n mask: var(--list-svg-chevron-down) center center/12px 12px no-repeat;\n background: var(--list-item-header-twisty-color);\n height: 12px;\n left: var(--list-item-header-twisty-left);\n right: var(--list-item-header-twisty-right);\n margin-top: -8px;\n position: absolute;\n top: var(--list-item-header-twisty-top);\n transition: transform 0.3s;\n width: 12px;\n}\n.vuuListItemHeader[aria-expanded=\"false\"]:after {\n transform: rotate(-90deg);\n}\n\n/* Selection */\n\n.vuuList-scrollingContentContainer {\n box-sizing: inherit;\n position: relative;\n}\n\n.vuuList-virtualized .vuuListItem {\n line-height: 30px;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n will-change: transform;\n}\n.vuuList.saltFocusVisible:after {\n inset: 2px;\n}\n", ".vuuRadioIcon {\n --vuu-icon-size: 12px;\n --vuu-icon-left: -1px;\n --vuu-icon-top: -1px;\n --vuu-icon-svg: var(--vuu-svg-radio);\n border-style: solid;\n border-color: var(--vuuRadioIcon-borderColor, var(--salt-selectable-borderColor));\n border-radius: 50%;\n border-width: 1px;\n display: inline-block;\n height: var(--vuuRadioIcon-size, 12px);\n position: relative;\n width: var(--vuuRadioIcon-size, 12px);\n}\n\n.vuuRadioIcon-checked {\n background-image: var(--vuu-svg-radio);\n border: none;\n background-repeat: no-repeat;\n}\n\n.vuuRadioIcon-checked:after {\n content: \"\";\n left: var(--vuu-icon-left, auto);\n height: var(--vuu-icon-height, var(--vuu-icon-size, 12px));\n -webkit-mask: var(--vuu-icon-svg) center center/var(--vuu-icon-size) var(--vuu-icon-size);\n mask: var(--vuu-icon-svg) center center/var(--vuu-icon-size) var(--vuu-icon-size);\n mask-repeat: no-repeat;\n -webkit-mask-repeat: no-repeat;\n position: absolute;\n top: var(--vuu-icon-top, auto);\n width: var(--vuu-icon-width, var(--vuu-icon-size, 12px));\n}\n", ".vuuChevronIcon {\n --vuu-icon-size: 14px;\n --vuu-icon-left: -1px;\n --vuu-icon-top: -1px;\n height: var(--vuuChevronIcon-size, 14px);\n position: relative;\n width: var(--vuuChevronIcon-size, 14px);\n cursor: pointer;\n}\n\n.vuuChevronIcon:after {\n content: \"\";\n background-color: #777C94;\n left: var(--vuu-icon-left, auto);\n height: var(--vuu-icon-height, var(--vuu-icon-size, 12px));\n -webkit-mask: var(--vuu-icon-svg) center center/var(--vuu-icon-size) var(--vuu-icon-size);\n mask: var(--vuu-icon-svg) center center/var(--vuu-icon-size) var(--vuu-icon-size);\n mask-repeat: no-repeat;\n -webkit-mask-repeat: no-repeat;\n position: absolute;\n top: var(--vuu-icon-top, auto);\n width: var(--vuu-icon-width, var(--vuu-icon-size, 12px));\n}\n\n.vuuChevronIcon.up {\n --vuu-icon-svg: var(--vuu-svg-chevron-up);\n}\n\n.vuuChevronIcon.down {\n --vuu-icon-svg: var(--vuu-svg-chevron-down);\n}\n\n.vuuChevronIcon.left {\n --vuu-icon-svg: var(--vuu-svg-chevron-left);\n}\n\n.vuuChevronIcon.right {\n --vuu-icon-svg: var(--vuu-svg-chevron-right);\n}\n", ".vuuEditableLabel {\n --editableLabel-padding: var(--vuuEditableLabel-padding, 6px);\n --editableLabel-height: var(--vuuEditableLabel-height, 26px);\n --saltInput-background: transparent;\n --saltInput-height: calc(var(--editableLabel-height) - 4px);\n --saltInput-minWidth: 14px;\n\n color: inherit;\n cursor: default;\n display: flex;\n flex-direction: column;\n font-size: var(--salt-text-fontSize);\n height: var(--editableLabel-height);\n justify-content: center;\n /* max-width: 170px; */\n outline: none;\n overflow: hidden;\n padding: 0 var(--editableLabel-padding);\n position: relative;\n text-overflow: ellipsis;\n white-space: nowrap;\n z-index: var(--salt-zIndex-default);\n}\n\n.vuuEditableLabel:before {\n content: attr(data-text);\n display: block;\n height: 0px;\n visibility: hidden;\n white-space: pre-wrap;\n}\n\n.vuuEditableLabel .saltInput {\n font-weight: var(--salt-text-fontWeight);\n left: var(--editableLabel-padding, 0);\n padding: 0;\n outline-style: none;\n position: absolute;\n right: var(--editableLabel-padding, 0);\n top: var(--saltEditableLabel-top, 2px);\n width: auto;\n}\n\n.vuuEditableLabel .saltInput-activationIndicator {\n display: none;\n}\n\n.vuuEditableLabel-input {\n background-color: transparent;\n border: none;\n box-sizing: content-box;\n color: inherit;\n display: block;\n flex: 1;\n font: inherit;\n height: 20px;\n margin:0;\n min-width:0;\n outline: none;\n padding: 0;\n}\n\n.vuuEditableLabel-label {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n", ".vuuExpandoInput {\n\n --salt-editable-secondary-background: white;\n --expandoInput-height: var(--vuuExpandoInput-height, 26px);\n --expandoInput-padding: var(--vuuExpandoInput-padding, 6px);\n\n --saltInput-height: calc(var(--vuuExpandoInput-height) - 4px);\n --saltInput-minWidth: var(--vuuExpandoInput-minWidth, 8px);\n \n border: var(--vuuExpandoInput-border, none);\n border-radius: var(--vuuExpandoInput-borderRadius, 0);\n color: inherit;\n cursor: default;\n display: inline-block;\n font-size: var(--salt-text-fontSize);\n height: var(--expandoInput-height);\n min-width: calc(var(--saltInput-minWidth) + 2 * var(--expandoInput-padding));\n outline: none;\n padding: 0 var(--expandoInput-padding);\n position: relative;\n\n}\n\n.vuuExpandoInput:before {\n content: attr(data-text);\n display: block;\n height: 0px;\n visibility: hidden;\n white-space: pre-wrap;\n }\n .vuuExpandoInput-error {\n border-color: var(--vuu-color-red-50);\n }\n\n .vuuExpandoInput .saltInput {\n font-weight: var(--salt-text-fontWeight);\n left: var(--expandoInput-padding, 0);\n padding: 0;\n outline-style: none;\n position: absolute;\n right: var(--expandoInput-padding, 0);\n top: var(--vuuExpandoInput-top, 2px);\n width: auto;\n }\n \n .vuuExpandoInput .saltInput-activationIndicator {\n display: none;\n }\n \n .vuuExpandoInput-input {\n background-color: transparent;\n border: none;\n box-sizing: content-box;\n display: block;\n flex: 1;\n font: inherit;\n height: 20px;\n margin:0;\n min-width:0;\n outline: none;\n padding: 0;\n }\n ", ".vuuCheckbox {\n --vuuCheckboxIcon-background-checked-enabled: var(--vuu-color-purple-10);\n display: flex;\n height: 24px;\n align-items: center;\n gap: 6px;\n color: var(--light-text-primary, #15171B);\n font-family: Nunito Sans A-Variant, serif;\n font-feature-settings: 'ss02' on, 'ss01' on, 'salt' on, 'liga' off;\n font-size: 12px;\n font-weight: 400;\n cursor: pointer;\n}", ".vuuRadioButton {\n display: flex;\n height: 24px;\n align-items: center;\n gap: 6px;\n color: var(--light-text-primary, #15171B);\n font-family: Nunito Sans A-Variant, sans-serif;\n font-feature-settings: 'ss02' on, 'ss01' on, 'salt' on, 'liga' off;\n font-size: 12px;\n font-weight: 400;\n cursor: pointer;\n}\n\n.radio {\n position: relative;\n height: 12px;\n}\n\ninput[type=\"radio\"] {\n\tposition: absolute;\n appearance: none;\n\twidth: 100%;\n height: 100%;\n border-radius: 50%;\n margin: 0;\n top: 0;\n}", "\n.vuuSearchCell {\n --vuu-icon-left: 0;\n --vuu-icon-size: 16px;\n --vuu-icon-top: 0px;\n align-items: center;\n color: var(--background-cell-color);\n display: flex;\n gap: 4px;\n padding: 0 8px 0 8px;\n position: relative;\n z-index: -1;\n}\n\n", ".vuuInstrumentPicker {\n height: 100%;\n padding: var(--vuuInstrumentPicker-padding, 12px);\n display: flex;\n flex-direction: column;\n}\n\n.vuuInstrumentPicker-inputField {\n --vuu-icon-size: 16px;\n flex: 0 0 40px;\n}\n.vuuInstrumentPicker-list {\n background-color: var(--salt-container-primary-background);\n flex: 1 1 auto;\n}\n\n.vuuInstrumentPicker .vuuTableCell {\n padding: 0;\n}\n", "\n.vuuSearchCell {\n --vuu-icon-left: 0;\n --vuu-icon-size: 16px;\n --vuu-icon-top: 0px;\n align-items: center;\n color: var(--background-cell-color);\n display: flex;\n gap: 4px;\n padding: 0 8px 0 8px;\n position: relative;\n z-index: -1;\n}\n\n", ".vuuInstrumentSearch {\n height: 100%;\n padding: var(--vuuInstrumentSearch-padding, 12px);\n display: flex;\n flex-direction: column;\n}\n\n.vuuInstrumentSearch-inputField {\n --vuu-icon-size: 16px;\n flex: 0 0 40px;\n padding: 0 12px;\n}\n.vuuInstrumentSearch-list {\n --vuuMeasuredContainer-flex: 1 1 1px;\n background-color: var(--salt-container-primary-background);\n flex: 1 1 auto;\n}\n\n.vuuInstrumentSearch .vuuTableCell {\n padding: 0;\n}\n", ".vuuLoginPanel {\n --saltInput-paddingLeft: 8px;\n --login-width: 856px;\n --login-height: 550px;\n --hwTextInput-border: solid 1px #ccc;\n --hwTextInput-height: 28px;\n --hwTextInput-padding: 0 12px;\n --hwTextInput-width: 100%;\n --login-row-height: 60px;\n border-radius: 16px;\n box-shadow: 0px 24px 44px 0px rgba(0, 0, 0, 0.25);\n display: flex;\n height: var(--login-height);\n margin: 0 auto;\n width: var(--login-width);\n}\n\n.vuuLoginPanel .saltInput-primary {\n--saltInput-height: 36px;\n}\n\n.vuuLoginPanel-title {\n justify-content: center;\nfont-size: 28px;\nfont-weight: 400;\ndisplay: flex;\n}\n\n\n.vuuLoginPanel-branding {\n align-items: center;\n background-color: var(--vuu-color-purple-50);\n border-radius: 16px 0 0 16px;\n display: flex;\n flex: 0 0 368px;\n flex-direction: column;\n gap: 40px;\n justify-content: center;\n padding: 40px 100px;\n}\n\n.vuuLoginPanel-form {\n background-color: white;\n border-radius: 0 16px 16px 0px;\n display: flex;\n flex: 1 1 auto;\n flex-direction: column;\n gap: 32px;\n justify-content: center;\n padding: 0 40px;\n}\n\n.vuuLoginPanel-password {\n --vuu-icon-size: 16px;\n}\n\n.vuuLoginPanel-appName {\n color: white;\n font-size: 18px;\n font-weight: 700;\n text-transform: uppercase;\n}\n\n.vuuLoginPanel-login {\n --saltButton-height: 36px;\n --saltButton-borderRadius: 6px;\n width: 100%\n}\n\n\n", ".vuuAppHeader {\n --saltButton-borderRadius: 6px;\n --saltButton-text-color: var(--vuu-color-gray-50);\n --saltButton-padding: 12px;\n --vuuToolbarItem-height: 26px;\n --vuuOverflowContainer-gap: 8px;\n --vuu-icon-color: var(--vuu-color-gray-45);\n --vuu-icon-size: 16px;\n --vuuToolbar-background: var(--vuuAppHeader-background, var(--vuu-color-gray-28));\n --vuuToolbar-borderWidth: 1px;\n --vuuToolbar-borderStyle: solid; \n --vuuToolbar-borderColor: var(--vuu-color-gray-30);\n\n align-items: center;\n display: flex;\n justify-content: flex-end;\n}\n\n.vuu-theme .vuuAppHeader {\n border-radius: 8px;\n \n margin-bottom: 8px;\n}\n\n", ".vuuStatus-container {\n\tdisplay: flex;\n}\n\n.vuuStatus-text {\n\talign-self: center;\n}\n\n\n.vuuStatus {\n\t--vuu-icon-height: 18px;\n\t--vuu-icon-padding: var(--vuuStatus-padding, 6px);\n\t--vuu-icon-width: var(--vuuStatus-width, auto);\n\t--vuu-icon-min-width: var(--vuuStatus-min-width, 20px);\n\talign-items: center;\n\tdisplay: inline-flex;\n\theight: var(--vuu-icon-height);\n\tjustify-content: center;\n\tmin-width: var(--vuu-icon-min-width);\n\tpadding: 0 var(--vuu-icon-padding);\n\twidth: var(--vuu-icon-width);\n\tposition: relative;\n}\n\n.vuuStatus[data-icon]::after {\n\tinset: 0 0 0 0;\n\tcontent: '';\n\tbox-shadow: 0 0 0 0 black;\n\tposition: absolute;\n\tmask: var(--vuu-icon-svg) center center/20px 20px no-repeat;\n\t-webkit-mask: var(--vuu-icon-svg) center center/20px 20px no-repeat;\n}\n\n.vuuActiveStatus::after {\n\t--vuu-icon-svg: var(--svg-active-status);\n\tbackground-color: rgb(0, 255, 0);\n}\n\n.vuuConnectingStatus::after {\n\t--vuu-icon-svg: var(--svg-connecting-status);\n\tbackground-color: orange;\n\ttransform: scale(1);\n\tanimation: infinite pulse 1s;\n}\n\n.vuuDisconnectedStatus::after {\n\t--vuu-icon-svg: var(--svg-disconnected-status);\n\tbackground-color: red;\n\ttransform: scale(1);\n\tanimation: infinite pulse 0.5s;\n}\n\n@keyframes pulse {\n\t0% {\n\t\ttransform: scale(0.95);\n\t\tbox-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);\n\t}\n\n\t70% {\n\t\ttransform: scale(1);\n\t\tbox-shadow: 0 0 0 0 rgba(0, 0, 0, 0);\n\t}\n\n\t100% {\n\t\ttransform: scale(0.95);\n\t\tbox-shadow: 0 0 0 0 rgba(0, 0, 0, 0);\n\t}\n}", ".saveLayoutPanel {\n --salt-selectable-foreground-hover: #6d18bdc3;\n --salt-selectable-foreground-selected: #6D18BD;\n --salt-selectable-borderColor-selected: #6D18BD;\n --saltInputLegacy-fontSize: 12px;\n --salt-text-label-fontSize: 10px;\n --saltFormFieldLegacy-label-paddingLeft: 0;\n --saltFormField-label-fontWeight: 400;\n --saltText-color: var(--text-secondary-foreground, #606477);\n}\n\n.saveLayoutPanel-panelContainer {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n}\n\n.saveLayoutPanel-panelContent {\n display: flex;\n align-items: flex-start;\n gap: 32px;\n}\n\n.saveLayoutPanel-formContainer {\n display: flex;\n width: 217px;\n flex-direction: column;\n align-items: flex-start;\n gap: 16px;\n}\n\n.saveLayoutPanel-formField {\n display: flex;\n flex-direction: column;\n gap: 1px;\n}\n\n.saveLayoutPanel-inputText {\n border: none;\n color: var(--light-text-primary, #15171B);\n font-family: Nunito Sans A-Variant, serif;\n font-feature-settings: 'ss02' on, 'ss01' on, 'salt' on, 'liga' off;\n font-size: 12px;\n font-weight: 400;\n line-height: 16px;\n padding-left: 4px;\n width: 100%;\n outline: none;\n}\n\n.saveLayoutPanel-settingsGroup {\n display: flex;\n flex-wrap: wrap;\n align-items: flex-end;\n gap: 10px;\n width: 100%;\n line-height: 16px;\n}\n\n.saveLayoutPanel-screenshotContainer {\n display: flex;\n width: 304px;\n height: 208px;\n padding: 11px 15.5px;\n justify-content: center;\n align-items: center;\n border: 1px solid #E8E8E8;\n background: var(--dark-text-primary, #FFF);\n}\n\n.saveLayoutPanel-screenshot {\n display: flex;\n justify-content: center;\n align-items: center;\n background: lightgray 50% / cover no-repeat;\n width: 273px;\n height: 186px;\n flex-shrink: 0;\n}\n\n.saveLayoutPanel-buttonsContainer {\n display: flex;\n justify-content: flex-end;\n align-items: flex-start;\n align-self: stretch;\n padding-top: 24px;\n gap: 8px;\n}\n\n.saveLayoutPanel-cancelButton,\n.saveLayoutPanel-saveButton {\n display: flex;\n height: fit-content;\n padding: 4px 8px;\n align-items: flex-start;\n gap: 8px;\n border-radius: 6px;\n font-size: 12px;\n font-style: normal;\n font-weight: 700;\n line-height: 133.333%;\n letter-spacing: 0.48px;\n text-transform: uppercase;\n}\n\n.saveLayoutPanel-cancelButton {\n color: var(--actionable-primary-foreground-default, #606477);\n background: var(--actionable-primary-background-default, #FFF);\n}\n\n.saveLayoutPanel-saveButton {\n background: #6D18BD;\n border-color: #6D18BD;\n color: white;\n}\n\n.saveLayoutPanel-saveButton.saltButton:disabled {\n background: #6D18BD;\n border-color: #6D18BD;\n color: white;\n opacity: 0.3;\n}\n\n.saveLayoutPanel-saveButton.saltButton:hover {\n background: #F37880;\n border-color: #F37880;\n color: white;\n}\n", ".vuuLayoutList {\n --vuuMeasuredContainer-flex: 1 1 1px;\n align-self: stretch;\n display: flex;\n flex-direction: column;\n height: 100%;\n overflow: hidden;\n}\n\n.vuuLayoutList-header {\n color: var(--light-text-primary, #15171B);\n flex: 0 0 47px;\n font-weight: 700;\n letter-spacing: 0.48px;\n text-transform: uppercase;\n display: flex;\n padding: 16px 0px;\n border-bottom: 1px solid rgba(119, 124, 148, 0.10);\n line-height: 200%;\n}\n\n.vuuLayoutList-groupName {\n display: flex;\n padding-top: 24px;\n color: var(--light-text-secondary, #606477);\n font-weight: 700;\n letter-spacing: 0.48px;\n line-height: 200%;\n}\n\n.vuuLayoutList-layoutContainer {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 8px 0px;\n flex: 1 1 auto;\n cursor: pointer;\n}\n\n.vuuLayoutList-layoutName {\n color: var(--light-text-primary, #15171B);\n font-weight: 600;\n line-height: 133.333%;\n text-transform: capitalize;\n}\n\n.vuuLayoutList-screenshot {\n width: 60px;\n height: 45.6px;\n border: 1px solid #D6D7DA;\n}\n\n.vuuLayoutList-layoutDetails {\n color: var(--light-text-secondary, #606477);\n font-size: 10px;\n font-weight: 600;\n line-height: 150%;\n}\n", ".vuuFeatureList {\n background: var(--vuuFeatureList-background, var(--salt-container-primary-background));\n display: flex;\n flex-direction: column;\n height: 100%;\n padding: 195px 32px 16px 24px;\n}\n\n.vuuFeatureList-header {\n flex: 0 0 40px;\n font-size: 12px;\n font-weight: 700;\n line-height: 2;\n}\n\n.vuuFeatureList-content {\n flex: 1 1 auto;\n font-size: 12px;\n font-weight: 700;\n}\n\n", ".vuuLeftNav {\n --salt-navigable-fontWeight-active: 700;\n --vuuTab-background-selected: rgba(255, 255, 255, 0.10);\n --vuuTab-hover-background: rgba(255, 255, 255, 0.10);\n --vuuTab-before-content: none;\n --vuuTab-borderRadius: 6px;\n --vuuTab-height: 40px;\n --vuuTab-padding: 0 0 0 48px;\n --vuuTabstrip-fontWeight: 700;\n --vuuTabstrip-width: 100%;\n --svg-demo: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><path d=\"M11.3333 11C11.52 11 11.6667 10.8533 11.6667 10.6667C11.6667 10.48 11.52 10.3333 11.3333 10.3333C11.1467 10.3333 11 10.48 11 10.6667C11 10.8533 11.1467 11 11.3333 11Z\"/><path d=\"M5.99999 8.66667C6.36818 8.66667 6.66666 8.36819 6.66666 8C6.66666 7.63181 6.36818 7.33334 5.99999 7.33334C5.63181 7.33334 5.33333 7.63181 5.33333 8C5.33333 8.36819 5.63181 8.66667 5.99999 8.66667Z\"/><path d=\"M8.66667 6C9.03486 6 9.33333 5.70152 9.33333 5.33333C9.33333 4.96514 9.03486 4.66667 8.66667 4.66667C8.29848 4.66667 8 4.96514 8 5.33333C8 5.70152 8.29848 6 8.66667 6Z\"/><path d=\"M8.66667 11.3333C9.03486 11.3333 9.33333 11.0349 9.33333 10.6667C9.33333 10.2985 9.03486 10 8.66667 10C8.29848 10 8 10.2985 8 10.6667C8 11.0349 8.29848 11.3333 8.66667 11.3333Z\"/><path d=\"M11.3333 8.33333C11.52 8.33333 11.6667 8.18666 11.6667 8C11.6667 7.81333 11.52 7.66666 11.3333 7.66666C11.1467 7.66666 11 7.81333 11 8C11 8.18666 11.1467 8.33333 11.3333 8.33333Z\"/><path d=\"M8.66667 8.66667C9.03486 8.66667 9.33333 8.36819 9.33333 8C9.33333 7.63181 9.03486 7.33334 8.66667 7.33334C8.29848 7.33334 8 7.63181 8 8C8 8.36819 8.29848 8.66667 8.66667 8.66667Z\"/><path d=\"M2 2H14V3.33333H2V2Z\"/><path d=\"M3.33333 6.33333C3.88561 6.33333 4.33333 5.88562 4.33333 5.33333C4.33333 4.78105 3.88561 4.33333 3.33333 4.33333C2.78104 4.33333 2.33333 4.78105 2.33333 5.33333C2.33333 5.88562 2.78104 6.33333 3.33333 6.33333Z\"/><path d=\"M3.33333 9C3.88561 9 4.33333 8.55228 4.33333 8C4.33333 7.44772 3.88561 7 3.33333 7C2.78104 7 2.33333 7.44772 2.33333 8C2.33333 8.55228 2.78104 9 3.33333 9Z\"/><path d=\"M3.33333 11.6667C3.88561 11.6667 4.33333 11.2189 4.33333 10.6667C4.33333 10.1144 3.88561 9.66666 3.33333 9.66666C2.78104 9.66666 2.33333 10.1144 2.33333 10.6667C2.33333 11.2189 2.78104 11.6667 3.33333 11.6667Z\"/><path d=\"M11.3333 5.66667C11.52 5.66667 11.6667 5.52 11.6667 5.33333C11.6667 5.14667 11.52 5 11.3333 5C11.1467 5 11 5.14667 11 5.33333C11 5.52 11.1467 5.66667 11.3333 5.66667Z\"/><path d=\"M5.99999 11.3333C6.36818 11.3333 6.66666 11.0349 6.66666 10.6667C6.66666 10.2985 6.36818 10 5.99999 10C5.63181 10 5.33333 10.2985 5.33333 10.6667C5.33333 11.0349 5.63181 11.3333 5.99999 11.3333Z\"/><path d=\"M5.99999 6C6.36818 6 6.66666 5.70152 6.66666 5.33333C6.66666 4.96514 6.36818 4.66667 5.99999 4.66667C5.63181 4.66667 5.33333 4.96514 5.33333 5.33333C5.33333 5.70152 5.63181 6 5.99999 6Z\"/><path d=\"M2 12.6667H14V14H2V12.6667Z\"/></svg>');\n --svg-features: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><path d=\"M15.3333 12.6667H14L14 3.33334H15.3333L15.3333 12.6667ZM12.6667 12.6667H11.3333L11.3333 3.33334H12.6667L12.6667 12.6667ZM1.33333 12.6667L9.33333 12.6667C9.69999 12.6667 9.99999 12.3667 9.99999 12V4.00001C9.99999 3.63334 9.69999 3.33334 9.33333 3.33334L1.33333 3.33334C0.966661 3.33334 0.666661 3.63334 0.666661 4.00001L0.666661 12C0.666661 12.3667 0.966661 12.6667 1.33333 12.6667ZM1.99999 4.66667L8.66666 4.66667V11.3333L1.99999 11.3333L1.99999 4.66667Z\"/></svg>');\n --svg-tables: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><path d=\"M2 6H4.66667V3.33334H3.33333C2.6 3.33334 2 3.93334 2 4.66667V6ZM2 9.33334H4.66667V6.66667H2V9.33334ZM5.33333 9.33334H8V6.66667H5.33333V9.33334ZM8.66667 9.33334H11.3333V6.66667H8.66667V9.33334ZM5.33333 6H8V3.33334H5.33333V6ZM8.66667 3.33334V6H11.3333V3.33334H8.66667ZM12 9.33334H14.6667V6.66667H12V9.33334ZM3.33333 12.6667H4.66667V10H2V11.3333C2 12.0667 2.6 12.6667 3.33333 12.6667ZM5.33333 12.6667H8V10H5.33333V12.6667ZM8.66667 12.6667H11.3333V10H8.66667V12.6667ZM12 12.6667H13.3333C14.0667 12.6667 14.6667 12.0667 14.6667 11.3333V10H12V12.6667ZM12 3.33334V6H14.6667V4.66667C14.6667 3.93334 14.0667 3.33334 13.3333 3.33334H12Z\"/></svg>');\n --svg-layouts: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><path d=\"M15.3333 10H14V11.3333H15.3333V10ZM15.3333 12.6667H14V14H15.3333V12.6667ZM15.3333 7.33333H14V8.66667H15.3333V7.33333ZM10 2H8.66667V3.33333H10V2ZM15.3333 4.66667H14V6H15.3333V4.66667ZM0.666672 14H7.33334V10H0.666672V14ZM2.00001 4.66667H0.666672V6H2.00001V4.66667ZM10 12.6667H8.66667V14H10V12.6667ZM12.6667 2H11.3333V3.33333H12.6667V2ZM15.3333 2H14V3.33333H15.3333V2ZM12.6667 12.6667H11.3333V14H12.6667V12.6667ZM2.00001 7.33333H0.666672V8.66667H2.00001V7.33333ZM7.33334 2H6.00001V3.33333H7.33334V2ZM4.66667 2H3.33334V3.33333H4.66667V2ZM2.00001 2H0.666672V3.33333H2.00001V2Z\"/></svg>');\n --vuu-light-text-primary: #15171b;\n\n --menu-level-2-width: 0px;\n\n box-shadow: 3px 4px 4px 0px rgba(0, 0, 0, 0.15);\n display: flex;\n height: calc(100% - 4px);\n margin-bottom: 4px;\n overflow: hidden;\n position: relative;\n transition: width .2s ease-out;\n z-index: 0;\n /* width: calc(var(--menu-width) + var(--menu-level-2-width)); */\n /* width: 100%; */\n\n}\n\n.vuuLeftNav-menu-full {\n --menu-width: var(--nav-menu-expanded-width);\n}\n\n.vuuLeftNav-menu-icons {\n --menu-width: var(--nav-menu-collapsed-width);\n}\n\n.vuuLeftNav-menu-icons-content {\n --menu-width: var(--nav-menu-collapsed-width);\n --menu-level-2-width: var(--nav-menu-content-width);\n}\n\n.vuuLeftNav-menu-full-content {\n --menu-width: var(--nav-menu-expanded-width);\n --menu-level-2-width: var(--nav-menu-content-width);\n}\n\n.vuuLeftNav-menu-icons-content .vuuLeftNav-menu-secondary,\n.vuuLeftNav-menu-full-content .vuuLeftNav-menu-secondary {\n display: flex;\n}\n\n.vuuLeftNav-menu-primary {\n background-color: #2A015F;\n container-type: inline-size;\n display: flex;\n flex-direction: column;\n height: 100%;\n padding: 32px 16px;\n transition: flex-basis ease-out .2s;\n flex-grow:0;\n flex-shrink:0;\n flex-basis: var(--menu-width);\n}\n\n.vuuLeftNav-menu-secondary {\n flex: 1 1 auto;\n display: none;\n /* position: absolute; */\n top:0;\n right: 0;\n flex-grow:0;\n flex-shrink:0;\n flex-basis: var(--nav-menu-content-width, 240px);\n z-index: -1;\n}\n\n.vuuLeftNav .vuuTabstrip {\n margin-top: 102px;\n}\n\n.vuuLeftNav .vuuTab {\n --vuuTab-focusVisible-color: pink;\n --vuu-icon-color: white;\n --vuu-icon-left: 12px;\n --vuu-icon-size: 16px;\n border-left: solid 4px transparent;\n}\n\n.vuuLeftNav .vuuTab-selected {\n --vuu-icon-color: var(--salt-navigable-indicator-active);\n border-left: solid 4px var(--salt-navigable-indicator-active);\n}\n\n.vuuLeftNav-logo {\n display: flex;\n flex: 0 0 auto;\n justify-content: center;\n}\n\n.vuuLeftNav-main {\n flex: 1 1 auto;\n}\n\n.vuuLeftNav-menu {\n color: white;\n margin-top: 102px;\n padding: 0;\n}\n\n\n.vuuLeftNav [data-icon='demo'] {\n --vuu-icon-svg: var(--svg-demo);\n}\n\n.vuuLeftNav [data-icon='tables'] {\n --vuu-icon-svg: var(--svg-tables);\n}\n\n.vuuLeftNav [data-icon='features'] {\n --vuu-icon-svg: var(--svg-features);\n}\n\n.vuuLeftNav [data-icon='layouts'] {\n --vuu-icon-svg: var(--svg-layouts);\n}\n\n\n@container (max-width: 100px) {\n .vuuTab {\n /* --vuu-icon-left: 12px !important; */\n --vuuTab-padding: 0 0 0 42px;\n }\n\n .vuuTab-main {\n display: none !important;\n }\n}\n\n.vuuLeftNav-buttonBar {\n align-items: center;\n display: flex;\n flex: 0 0 100px;\n justify-content: center;\n}\n\n.vuuLeftNav-toggleButton {\n --vuu-icon-color: var(--vuu-light-text-primary);\n --vuu-icon-left: 11px;\n --vuu-icon-top: 10px;\n --vuu-icon-size: 16px;\n background-color: var(--salt-navigable-indicator-active);\n border-width: 0;\n border-radius: 18px;\n height: 36px;\n position: relative;\n width: 36px\n}\n\n.vuuLeftNav-toggleButton-open {\n --vuu-icon-left: 9px;\n}\n\n.vuuLeftNav-drawer {\n display: flex;\n padding: 40px 32px 0px 24px;\n flex-direction: column;\n align-items: flex-start;\n flex-shrink: 0;\n align-self: stretch;\n background: #FFF;\n box-shadow: 3px 4px 4px 0px rgba(0, 0, 0, 0.15);\n height: 100%\n}", ".vuuSessionEditingForm {\n display: flex;\n flex-direction: column;\n gap: 3px;\n min-width: 400px;\n padding: 6px;\n}\n\n.vuuSessionEditingForm-content {\n display: flex;\n flex-direction: column;\n flex: 1 1 auto;\n gap: 3px;\n overflow: auto;\n}\n\n.vuuSessionEditingForm-field {\n align-items: center;\n display: flex;\n height: 32px;\n}\n\n.vuuSessionEditingForm-fieldLabel {\n flex: 0 0 50%;\n}\n\n.vuuSessionEditingForm-fieldValue {\n max-width: 50%;\n}\n\n.vuuSessionEditingForm-fieldValue.vuuReadOnly {\n font-weight: var(--salt-text-label-fontWeight-strong);\n}\n\n.vuuSessionEditingForm-buttonbar {\n align-items: center;\n border-top: solid 1px var(--salt-container-primary-borderColor);\n display: flex;\n justify-content: flex-end;\n flex: 0 0 autox;\n gap: 6px;\n padding-top: 6px;\n}\n\n.vuuSessionEditingForm-errorBanner {\n --vuu-icon-left: 3px;\n --vuu-icon-size: 18px;\n --vuu-icon-top: 3px;\n border: solid 1px var(--salt-status-error-borderColor);\n line-height: 24px;\n padding: 0 6px 0 26px;\n position: relative;\n}", ".vuuContextPanel {\n position: relative;\n transition: width .3s ease-in-out;\n width: var(--vuu-side-panel-width, 0px) !important;\n z-index: 1;\n}\n\n.vuuContextPanel-expanded {\n --vuu-side-panel-width: 300px !important;\n --vuu-side-panel-shadow: -4px 4px 4px rgba(0, 0, 0, 0.1);\n --vuu-side-panel-padding: 24px;\n}\n\n.vuuContextPanel-overlay {\n width: 0px !important;\n}\n\n.vuuContextPanel-inner {\n background-color: var(--salt-container-primary-background);\n box-shadow: var(--vuu-side-panel-shadow, none);\n display: flex;\n flex-direction: column;\n height: 100%;\n min-width: 0 !important;\n overflow: auto;\n padding-bottom: 24px;\n padding-top: 24px;\n padding-left: var(--vuu-side-panel-padding, 0);\n padding-right: var(--vuu-side-panel-padding, 0);\n position: absolute !important;\n right: 0;\n top:0;\n transition-property: padding-left, padding-right, width;\n transition-duration: .3s;\n transition-timing-function: ease-in-out;\n width: var(--vuu-side-panel-width, 0px);\n\n}\n\n.vuuContextPanel-header {\n align-items: center;\n display: flex;\n flex-wrap: nowrap;\n flex: 0 0 27px !important;\n justify-content: space-between;\n}\n\n.vuuContextPanel-title {\n font-size: 20px;\n font-weight: 700;\n white-space: nowrap;\n}\n\n.vuuContextPanel-content {\n flex: 1 1 auto;\n width: 100%;\n\n}", ".vuuShellSidePanel {\n transition: width .2s ease-out;\n width: var(--shell-left-nav-size);\n}", ".vuuShell {\n background-color: var(--vuu-color-gray-25);\n height: var(--vuuShell-height, 100vh);\n width: var(--vuuShell-width, 100vw);\n}\n\n.vuuShell-mainTabs {\n background: var(--salt-container-primary-background);\n}\n\n.vuuShell-palette {\n --vuuView-border: none;\n --vuuView-margin: 0;\n}\n\n.vuuShell-warningPlaceholder {\n background-color: var(--salt-container-background-high);\n height: 100%;\n}\n\n/* until we reinstat5e the toolbar */\n.vuuToolbarProxy {\n background: var(--salt-container-primary-background);\n}\n\n.vuuShell-mainTabs > .vuuTabstrip > .vuuOverflowContainer-wrapContainer {\n background: var(--vuu-color-gray-25);\n}\n\n.vuuShell-mainTabs {\n --vuuTab-height: 28px;\n border: solid 1px #D6D7DA;\n border-top: none !important;\n border-radius: 6px;\n height: 100%;\n padding: 36px 8px 8px 8px;\n position: relative;\n width: 100%;\n}\n\n.vuuShell-mainTabs > .vuuTabstrip {\n --vuuTabstrip-height: 28px;\n --saltTabs-tabstrip-height: 29px;\n --tabstrip-height: 29px;\n left:-1px;\n padding-bottom: 7px;\n position: absolute !important;\n right: 1px;\n top: 0;\n width: calc(100% + 2px) !important;\n} \n\n.vuuShell-mainTabs > .vuuTabHeader {\n border-bottom: none;\n} \n\n.vuuShell-mainTabs > .vuuTabstrip:before {\n background-color: transparent;\n border-radius: 0 6px 0 0;\n border-left: solid 1px #D6D7DA;\n border-right: solid 1px #D6D7DA;\n border-top: solid 1px #D6D7DA;\n content: '';\n position: absolute;\n bottom: 0;\n left:0;\n right:0;\n height: 8px;\n z-index: 1;\n}\n\n.vuuTab.MainTab {\n --vuuTabMenu-top: -1px;\n background-color: #F1F2F4;\n border-color: #D6D7DA;\n border-radius: 6px 6px 0 0;\n border-width: 1px;\n border-style: solid; \n position: relative;\n}\n\n.MainTab.vuuTab-selected {\n background-color: white;\n border-bottom-color: white;\n z-index: 1;\n\n}\n\n.MainTab.vuuTab-selected:before{\n background-color: #6d188b;;\n content: '';\n position: absolute;\n height: 100%;\n left:0;\n top:0;\n border-radius: 6px 0 0 0;\n width: 6px;\n}\n\n.MainTab.vuuTab:hover:before{\n background-color: #F37880;\n content: '';\n position: absolute;\n height: 100%;\n left:0;\n top:0;\n border-radius: 6px 0 0 0;\n width: 6px;\n}\n\n.vuuTab.MainTab .vuuTab-main {\n background-color: transparent;\n font-weight: 700;\n height: 29px;\n padding: 0 24px;\n}\n", "\n.vuuThemeSwitch {\n --saltButton-minWidth: 22px;\n --svg-light: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 48 48\"><path d=\"M24 31q2.9 0 4.95-2.05Q31 26.9 31 24q0-2.9-2.05-4.95Q26.9 17 24 17q-2.9 0-4.95 2.05Q17 21.1 17 24q0 2.9 2.05 4.95Q21.1 31 24 31Zm0 3q-4.15 0-7.075-2.925T14 24q0-4.15 2.925-7.075T24 14q4.15 0 7.075 2.925T34 24q0 4.15-2.925 7.075T24 34ZM3.5 25.5q-.65 0-1.075-.425Q2 24.65 2 24q0-.65.425-1.075Q2.85 22.5 3.5 22.5h5q.65 0 1.075.425Q10 23.35 10 24q0 .65-.425 1.075-.425.425-1.075.425Zm36 0q-.65 0-1.075-.425Q38 24.65 38 24q0-.65.425-1.075.425-.425 1.075-.425h5q.65 0 1.075.425Q46 23.35 46 24q0 .65-.425 1.075-.425.425-1.075.425ZM24 10q-.65 0-1.075-.425Q22.5 9.15 22.5 8.5v-5q0-.65.425-1.075Q23.35 2 24 2q.65 0 1.075.425.425.425.425 1.075v5q0 .65-.425 1.075Q24.65 10 24 10Zm0 36q-.65 0-1.075-.425-.425-.425-.425-1.075v-5q0-.65.425-1.075Q23.35 38 24 38q.65 0 1.075.425.425.425.425 1.075v5q0 .65-.425 1.075Q24.65 46 24 46ZM12 14.1l-2.85-2.8q-.45-.45-.425-1.075.025-.625.425-1.075.45-.45 1.075-.45t1.075.45L14.1 12q.4.45.4 1.05 0 .6-.4 1-.4.45-1.025.45-.625 0-1.075-.4Zm24.7 24.75L33.9 36q-.4-.45-.4-1.075t.45-1.025q.4-.45 1-.45t1.05.45l2.85 2.8q.45.45.425 1.075-.025.625-.425 1.075-.45.45-1.075.45t-1.075-.45ZM33.9 14.1q-.45-.45-.45-1.05 0-.6.45-1.05l2.8-2.85q.45-.45 1.075-.425.625.025 1.075.425.45.45.45 1.075t-.45 1.075L36 14.1q-.4.4-1.025.4-.625 0-1.075-.4ZM9.15 38.85q-.45-.45-.45-1.075t.45-1.075L12 33.9q.45-.45 1.05-.45.6 0 1.05.45.45.45.45 1.05 0 .6-.45 1.05l-2.8 2.85q-.45.45-1.075.425-.625-.025-1.075-.425ZM24 24Z\"/></svg>');\n --svg-dark: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 48 48\"><path d=\"M24 42q-7.5 0-12.75-5.25T6 24q0-7.5 5.25-12.75T24 6q.4 0 .85.025.45.025 1.15.075-1.8 1.6-2.8 3.95-1 2.35-1 4.95 0 4.5 3.15 7.65Q28.5 25.8 33 25.8q2.6 0 4.95-.925T41.9 22.3q.05.6.075.975Q42 23.65 42 24q0 7.5-5.25 12.75T24 42Zm0-3q5.45 0 9.5-3.375t5.05-7.925q-1.25.55-2.675.825Q34.45 28.8 33 28.8q-5.75 0-9.775-4.025T19.2 15q0-1.2.25-2.575.25-1.375.9-3.125-4.9 1.35-8.125 5.475Q9 18.9 9 24q0 6.25 4.375 10.625T24 39Zm-.2-14.85Z\"/></svg>');\n padding: 2px;\n}\n\n.salt-density-high .vuuThemeSwitch {\n --saltButton-minWidth: 16px;\n --saltButton-width: 18px;\n --vuuThemeSwitch-iconSize: 16px;\n}\n\n.vuuThemeSwitch [data-icon] {\n --vuu-icon-size: var(--vuuThemeSwitch-iconSize,18px);\n}\n\n.vuuThemeSwitch [data-icon='light'] {\n --vuu-icon-svg: var(--svg-light);\n}\n.vuuThemeSwitch [data-icon='dark'] {\n --vuu-icon-svg: var(--svg-dark);\n}\n\n.vuuThemeSwitch .saltToggleButton {\n height: 20px;\n width: 20px;\n}\n\n", "@property --price-ticker-color {\n syntax: '<color>'; /* <- defined as type number for the transition to work */\n initial-value: #15171B;\n inherits: false;\n}\n \n.vuuPriceTicker {\n align-items: center;\n display: flex;\n font-size: var(--vuuPriceTicker-fontSize, var(--salt-text-fontSize));\n font-weight: var(--vuuPriceTicker-fontWeight, 700);\n transition-property: color;\n transition-duration: .3s;;\n}\n\n.vuuPriceTicker.up1 {\n --vuu-icon-color: var(--vuu-color-green-50);\n color: var(--vuu-color-green-50);\n animation-duration: 30s;\n }\n \n .vuuPriceTicker.up2 {\n --vuu-icon-color: var(--vuu-color-green-50);\n color: var(--vuu-color-green-50);\n animation-duration: 30s;\n }\n \n .vuuPriceTicker.down1 {\n --vuu-icon-transform: rotate(180deg);\n --vuu-icon-color: var(--vuu-color-red-50);\n color: var(--vuu-color-red-50);\n animation-duration: 30s;\n }\n \n .vuuPriceTicker.down2 {\n --vuu-icon-transform: rotate(180deg);\n --vuu-icon-color: var(--vuu-color-red-50);\n color: var(--vuu-color-red-50);\n animation-duration: 30s;\n }\n ", "/* Component class applied to the root element */\n.vuuTabstrip {\n --vuuOverflowContainer-background: transparent;\n /* --tabstrip-height: var(--vuuTabstrip-height, var(--salt-size-stackable)); */\n --tabstrip-dragging-display: none;\n --tabstrip-display: inline-flex;\n --tabstrip-background: transparent;\n\n align-self: var(--saltTabs-tabstrip-alignSelf, stretch);\n display: flex;\n font-size: var(--salt-text-fontSize);\n font-weight: var(--vuuTabstrip-fontWeight, var(--salt-text-fontWeight));\n min-width: 28px;\n position: relative;\n overflow: visible;\n width: var(--tabstrip-width);\n}\n\n/* Tabstrip orientation is horizontal */\n.vuuTabstrip-horizontal {\n --vuuOverflowContainer-borderColor: var(--salt-container-primary-borderColor);\n --vuuOverflowContainer-borderStyle: none none solid none;\n --vuuOverflowContainer-borderBottomWidth: 1px;\n\n --tabstrip-height: var(--vuuTabstrip-height, 28px);\n --tabstrip-width: var(--vuuTabstrip-width, 100%);\n --tab-height: var(--tabstrip-height);\n --tab-width: auto;\n --tab-thumb-height: 2px;\n --tab-thumb-left: var(--tab-thumb-offset, 0);\n --tab-thumb-top: auto;\n --tab-thumb-width: var(--tab-thumb-size, 100%);\n align-items: flex-start;\n /* border-bottom: var(--vuuTabstrip-borderBottom, solid 1px var(--salt-container-primary-borderColor)); */\n}\n\n/* Tabstrip orientation is vertical */\n.vuuTabstrip-vertical {\n --tabstrip-height: var(--vuuTabstrip-height, 100%);\n --tabstrip-width: var(--vuuTabstrip-width, 100px);\n --tab-height: 50px;\n --tab-width: 100%;\n --tab-thumb-height: 0;\n --tab-thumb-left: 0;\n --tab-thumb-top: var(--tab-thumb-offset, 0);\n --tab-thumb-width: 2px;\n\n align-self: flex-start;\n display: inline-flex;\n}\n\n.vuuTabstrip-draggingTab .vuuTab {\n pointer-events: none;\n}\n\n.vuuTabstrip-addTabButton {\n --saltButton-height: 20px;\n --saltButton-width: 20px;\n}\n\n.vuuTabstrip-overflowMenu.vuuDropdown {\n --saltIcon-margin: 2px 0 0 0px;\n}\n\n.vuuTabstrip-overflowMenu-open {\n --saltButton-background: var(--salt-actionable-secondary-background-active);\n --saltButton-text-color: var(--salt-actionable-secondary-text-color-active);\n}\n\n.vuuTabstrip-overflowMenu-open .saltButton {\n --saltIcon-color: var(--salt-actionable-secondary-foreground-active);\n}\n\n.vuuTabstrip-inner {\n width: 100%;\n align-items: center;\n display: flex;\n flex-basis: auto;\n flex-grow: 0;\n flex-shrink: 1;\n flex-wrap: wrap;\n justify-content: flex-start;\n line-height: var(--tabstrip-height);\n}\n\n.vuuTabstrip-vertical .vuuTabstrip-inner {\n flex-direction: column;\n height: auto;\n}\n\n.vuuTabstrip-centered .vuuTabstrip-inner {\n justify-content: center;\n}\n\n/* Styling applied to Draggable wrapper when used to drag a Tab */\n.vuuDraggable[class*=\"vuuTabstrip\"] {\n --tabstrip-display: flex;\n --tabstrip-height: 100%;\n --tabstrip-dragging-display: block;\n\n --tabs-tab-background: var(--salt-navigable-primary-background-hover);\n --tabs-tab-before-content: \"\";\n --tabs-tab-before-background: var(--salt-navigable-indicator-hover);\n --tabs-tab-before-height: var(--tab-activationIndicator-thumb-height);\n --tabs-tab-before-inset: var(--tab-activationIndicator-inset);\n --tabs-tab-before-width: var(--tab-activationIndicator-thumb-width);\n --tabs-tab-cursor: var(--salt-draggable-grab-cursor-active);\n --tabs-tab-position: static;\n\n font-size: 12px;\n}\n\n.vuuDraggable-tabstrip-horizontal {\n --overflow-item-height: var(--tabstrip-height);\n --tab-thumb-height: 2px;\n --tab-thumb-left: 0px;\n --tabstrip-display: inline-flex;\n --tabstrip-height: 28px;\n line-height: var(--tabstrip-height);\n}\n\n\n.vuuDraggable[class*=\"tabstrip\"] .vuuTab[aria-selected=\"true\"]:before {\n --tabs-tab-before-background: var(--salt-navigable-indicator-active);\n}\n\n/* [data-overflowed] {\n order: 99;\n visibility: hidden;\n} */\n\n.vuuTabstrip-overflowMenu-dropTarget:after {\n background: var(--salt-selectable-background-selected);\n content: \"\";\n position: absolute;\n height: 2px;\n left: 0;\n right: 0;\n bottom: 0;\n}\n", ".vuuTabMenu {\n top: var(--vuuTabMenu-top, -2px);\n}", "/* Class applied to root Tab element */\n.vuuTab {\n \n --saltEditableLabel-padding: 0;\n --saltEditableLabel-height: calc(var(--tabstrip-height) - 2px);\n --saltInputLegacy-minWidth: 4em;\n --saltEditableLabel-top: 2px;\n\n --tab-background: var(--vuuTab-background, var(--salt-navigable-primary-background));\n --tab-cursor: pointer;\n --tab-position: relative;\n}\n\n.vuuTab {\n align-items: center;\n align-self: stretch;\n background: var(--tab-background);\n border: none;\n border-radius: var(--vuuTab-borderRadius, 0);\n color: var(--salt-text-primary-foreground);\n cursor: var(--vuuTab-cursor, var(--tab-cursor));\n display: var(--tabstrip-display);\n gap: 8px;\n height: var(--vuuTabHeight, var(--tab-height));\n letter-spacing: var(--vuuTab-letterSpacing, var(--tab-letterSpacing, 0));\n min-width: var(--vuuTab-minWidth, 40px);\n outline: none;\n padding: var(--vuuTab-padding, 0 24px);\n position: var(--vuuTab-position, var(--tab-position));\n user-select: none;\n width: var(--tab-width)\n}\n\n/* Overrides characteristic used in saltFocusVisible */\n/* .vuuTab.saltFocusVisible:after {\n inset: 2px 2px 4px 2px;\n} */\n\n.vuuTab {\n margin: 0 var(--tab-spacing) 0 0;\n}\n\n.vuuTab-selected {\n background: var(--vuuTab-background-selected, var(--tab-background));\n color: var(--salt-text-primary-foreground);\n font-weight: var(--salt-navigable-fontWeight-active);\n}\n\n/* main content aria of Tab */\n.vuuTab-main {\n align-items: center;;\n border: none;\n color: inherit;\n cursor: inherit;\n display: flex;\n font-family: inherit;\n font-size: inherit;\n font-weight: inherit;\n height: calc(var(--tab-height) - var(--tab-thumb-height));\n margin-bottom: var(--tab-thumb-height);\n outline: none;\n position: relative;\n}\n\n.vuuTab-closeable .vuuTab-main {\n border-right: solid transparent var(--salt-size-unit);\n}\n\n.vuuTab .vuuTab-closeButton {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n/* the close Button on a closeable Tab*/\n.vuuTab-close-icon {\n display: none;\n}\n\n.salt-density-touch .vuuTab-close-icon,\n.salt-density-low .vuuTab-close-icon {\n display: block;\n}\n\n.salt-density-touch .vuuTab-close-icon-small,\n.salt-density-low .vuuTab-close-icon-small {\n display: none;\n}\n\n.vuuTab .vuuTab-text {\n display: inline-block;\n position: relative;\n overflow: hidden;\n text-align: var(--salt-text-textAlign-embedded);\n text-overflow: ellipsis;\n top: var(--vuuTab-top, var(--tab-top, auto));\n white-space: nowrap;\n /* ensure content sits above focus ring */\n z-index: var(--salt-zIndex-default);\n}\n\n.vuuTab .vuuTab-text:before {\n height: 0;\n content: attr(data-text);\n display: block;\n visibility: hidden;\n font-weight: var(--salt-navigable-fontWeight-active);\n}\n\n/* FIXME: these are all focusVisible styles, but with a bespoke inset */\n.vuuTab-editing:after {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 2px;\n outline-color: var(--salt-focused-outlineColor);\n outline-style: var(--salt-focused-outlineStyle);\n outline-width: var(--salt-focused-outlineWidth);\n outline-offset: -2px;\n}\n\n.vuuTab.vuuFocusVisible {\n background: var(--vuuTab-hover-background, var(--salt-navigable-primary-background-hover));\n outline-color: var(--vuuTab-focusVisible-color, var(--salt-focused-outlineColor));\n outline-style: dashed;\n outline-width: 1px;\n outline-offset: -1px;\n}\n\n.vuuTab:before {\n content: var(--tab-before-content, none);\n content: \"\";\n background: var(--tab-before-background);\n height: var(--tab-before-height);\n inset: var(--tab-before-inset);\n position: absolute;\n width: var(--tab-before-width);\n z-index: 1;\n}\n\n.vuuTabstrip-draggingTab .vuuTab-selected:before {\n --tab-before-content: \"\";\n --tab-before-background: var(--salt-navigable-indicator-color-active);\n --tab-before-height: var(--tab-thumb-height);\n --tab-before-inset: var(--tab-activationIndicator-inset);\n --tab-before-width: var(--tab-activationIndicator-thumb-width);\n}\n\n\n.vuuTab-selected:before {\n --tab-before-content: \"\";\n background: var(--salt-navigable-indicator-active);\n height: var(--tab-thumb-height);\n position: absolute;\n left: var(--tab-thumb-left);\n bottom: 0px; \n top: var(--tab-thumb-top, auto);\n transition: var(--tab-thumb-transition, none);\n width: var(--tab-thumb-width, 100%);\n}\n\n.vuuTab:hover:not(.vuuTab-closeHover, .vuuTab-selected) {\n background: var(--vuuTab-hover-background, var(--salt-navigable-primary-background-hover));\n}\n\n", ".vuuTree {\n --tree-node-collapse: var(--vuuTree-toggle-collapse, var(--svg-tree-node-collapse));\n --tree-node-expand: var(--vuuTree-toggle-expand, var(--svg-tree-node-expand));\n --tree-toggle-width: 12px;\n --tree-icon-color: var(--vuuTree-icon-color, #4c505b);\n --tree-node-expanded-transform: var(--vuuTree-node-expanded-transform, none);\n --tree-node-indent: 0px;\n\n --list-hilited-bg: var(--hw-list-hilited-bg, rgba(0, 0, 0, 0.1));\n --list-item-height: var(--hw-list-item-height, 30px);\n --list-item-padding: var(--hw-list-item-padding, 0 6px);\n --list-item-header-bg: var(--hw-list-item-header-bg, black);\n --list-item-header-color: var(--hw-list-item-header-color, white);\n --list-item-header-font-weight: bold;\n --list-item-header-twisty-color: black;\n --list-item-header-twisty-content: '';\n --list-item-header-twisty-top: 50%;\n --list-item-header-twisty-left: -18px;\n --list-item-header-twisty-right: auto;\n --list-item-selected-bg: var(--hw-list-selected-bg, #1ea7fd);\n --list-item-selected-color: white;\n --list-item-text-color: var(--hw-gray-800);\n --focus-visible-border-color: var(--hw-focus-visible-border-color, rgb(141, 154, 179));\n\n list-style: none;\n margin: 0;\n padding: 0 1px;\n font-size: var(--vuuTree-font-size, 14px);\n max-height: inherit;\n outline: none;\n overflow-y: auto;\n position: relative;\n user-select: none;\n}\n\n.vuuTree-viewport {\n --list-item-height: 30px;\n box-sizing: border-box;\n max-height: inherit;\n overflow: auto;\n}\n\n.vuuTree-scrollingContentContainer {\n box-sizing: inherit;\n position: relative;\n}\n\n.vuuTree-scrollingContentContainer .vuuTreeNode {\n line-height: 30px;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n will-change: transform;\n}\n\n.vuuTreeNode {\n list-style: none;\n}\n\n/* Leaf node or the div child of a collapsible node */\n.vuuTreeNode:not([aria-expanded]),\n.vuuTreeNode[aria-expanded] > .vuuTreeNode-label {\n --checkbox-border-color: black;\n --checkbox-border-width: 1px;\n --checkbox-tick: black;\n --list-item-padding-left: 6px;\n --svg-toggle: var(--tree-node-collapse);\n\n align-items: center;\n color: var(--list-item-text-color);\n display: flex;\n flex-wrap: nowrap;\n height: var(--list-item-height);\n line-height: var(--list-item-height);\n padding: var(--list-item-padding);\n padding-left: var(--padding-left);\n position: relative;\n cursor: default;\n margin: 0;\n white-space: nowrap;\n}\n\n.vuuTreeNode:not([aria-expanded]) {\n --padding-left: calc(\n var(--list-item-padding-left) + var(--tree-toggle-width) + var(--tree-node-indent)\n );\n}\n\n.vuuTreeNode[aria-expanded] > .vuuTreeNode-label {\n --padding-left: calc(\n var(--list-item-padding-left) + var(--tree-toggle-width) + var(--tree-node-indent)\n );\n}\n\n.vuuTreeNode-icon {\n background-color: var(--tree-icon-color);\n display: inline-block;\n height: 18px;\n margin-right: 6px;\n -webkit-mask: var(--vuu-icon-svg) center center/12px 12px no-repeat;\n mask: var(--vuu-icon-svg) center center/12px 12px no-repeat;\n flex: 0 0 18px;\n}\n\n.vuuTreeNode[aria-expanded] {\n flex-direction: column;\n}\n\n.vuuTreeNode[aria-expanded] {\n flex-direction: column;\n height: auto;\n}\n\n.vuuTreeNode > *[role='group'] {\n padding-left: 0px;\n}\n\n.vuuTreeNode {\n padding-left: calc(var(--padding-left) + var(--tree-node-indent));\n}\n\n.vuuTreeNode[aria-level='2'] {\n --tree-node-indent: 12px;\n}\n.vuuTreeNode[aria-level='3'] {\n --tree-node-indent: 24px;\n}\n.vuuTreeNode[aria-level='4'] {\n --tree-node-indent: 36px;\n}\n\n.vuuTreeNode:not(.focusVisible):not(.hwListItemHeader):not([aria-expanded])[data-highlighted],\n.vuuTreeNode:not(.focusVisible):not(.hwListItemHeader)[aria-expanded][data-highlighted]\n > div:first-child {\n background-color: var(--list-hilited-bg);\n}\n\n.vuuTreeNode-toggle {\n cursor: pointer;\n}\n\n.vuuTreeNode > .vuuTreeNode-toggle {\n display: inline-block;\n height: 100%;\n left: 0;\n position: absolute;\n width: calc(var(--list-item-padding-left) + var(--tree-toggle-width));\n}\n\n.vuuTreeNode[aria-expanded] > .vuuTreeNode-label:after {\n content: var(--list-item-header-twisty-content);\n -webkit-mask: var(--svg-toggle) center center/8px 8px no-repeat;\n mask: var(--svg-toggle) center center/8px 8px no-repeat;\n background-color: var(--list-item-header-twisty-color);\n height: 18px;\n margin-top: -9px;\n left: var(--tree-node-indent);\n position: absolute;\n top: var(--list-item-header-twisty-top);\n transition: transform 0.3s;\n width: 18px;\n}\n\n.vuuTreeNode[aria-selected='true'] {\n --list-item-header-twisty-color: var(--list-item-selected-color);\n}\n\n\n.vuuTreeNode:not(.focusVisible):focus {\n background-color: rgba(0, 0, 0, 0.1);\n}\n\n.vuuTreeNode:not([aria-expanded]).focusVisible:before,\n.vuuTreeNode[aria-expanded].focusVisible > div:first-child:before {\n content: '';\n position: absolute;\n top: 0px;\n left: var(--tree-focus-offset, 0px);\n right: 0;\n bottom: 0px;\n border: dotted var(--focus-visible-border-color) 2px;\n background-color: var(--list-hilited-bg);\n}\n\n\n.vuuTreeNode[aria-expanded='false'] > *:first-child:after {\n --svg-toggle: var(--tree-node-expand);\n}\n\n.vuuTreeNode[aria-expanded='true'] > *:first-child:after {\n transform: var(--tree-node-expanded-transform);\n}\n\n/* Selection */\n\n.vuuTree:not(.checkbox-only) .vuuTreeNode:not([aria-expanded])[aria-selected='true'],\n.vuuTree:not(.checkbox-only) .vuuTreeNode[aria-expanded][aria-selected='true'] > div:first-child {\n --checkbox-border-color: var(--list-item-selected-color);\n --checkbox-tick: var(--list-item-selected-color);\n --focus-visible-border-color: var(--list-item-selected-color);\n background-color: var(--list-item-selected-bg);\n color: var(--list-item-selected-color);\n}\n\n.with-checkbox .vuuTreeNode {\n padding-left: 28px;\n}\n\n.with-checkbox .vuuTreeNode:before {\n border-style: solid;\n border-width: var(--checkbox-border-width);\n border-color: var(--checkbox-border-color);\n content: '';\n height: 12px;\n left: 3px;\n margin-top: -7px;\n position: absolute;\n top: 50%;\n width: 12px;\n}\n", ".vuuInput {\n --vuu-icon-size: 16px;\n}\n\n.vuuInput-errorIcon:after {\n cursor: pointer;\n}"],
|
|
5
|
-
"mappings": ";AAAA;AACE;AAEA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;;;AC/BF;AACE;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AAAA;AAGF;AAAA;AAEE;AAAA;;;ACtCF;AACE;AAAA;;;ACDF;AACE;AACA;AACA;AACA;AACA;AACA;AAIA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAIA;AAAA;AAMF;AACE;AAIA;AAAA;AAMF;AAAA;AAEE;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;;;AC1DF;AAEE;AACA;AAEA;AACA;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAGF;AACE;AAAA;;;ACjGF;AACE;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AAGA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AAGE;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AAAA;;;ACtDF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AAAA;AAKF;AACE;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AAAA;;;ACvFF;AACI;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGJ;AACI;AACA;AACA;AAAA;AAGJ;AACI;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;;;AC/BJ;AACI;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGJ;AACI;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGJ;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;;;ACrCF;AACE;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;;;ACjEF;AAEI;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAIJ;AACI;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;;;AC5DJ;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAAA;;;ACXF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACC;AACC;AACD;AACC;AACA;AACA;AACA;AAAA;;;ACxBF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;;;ACXF;AACI;AACA;AACA;AACA;AAAA;AAGJ;AACI;AACA;AAAA;AAEJ;AACI;AACA;AAAA;AAGJ;AACI;AAAA;;;AChBJ;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;;;ACXF;AACI;AACA;AACA;AACA;AAAA;AAGJ;AACI;AACA;AACA;AAAA;AAEJ;AACI;AACA;AACA;AAAA;AAGJ;AACI;AAAA;;;ACnBJ;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACA;AAAA;AAGA;AACE;AACF;AACA;AACA;AAAA;AAIA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;;;AClEF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAGF;AACE;AAEA;AAAA;;;ACrBF;AACC;AAAA;AAGD;AACC;AAAA;AAID;AACC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGD;AACC;AACA;AACA;AACA;AACA;AACA;AAAA;AAGD;AACC;AACA;AAAA;AAGD;AACC;AACA;AACA;AACA;AAAA;AAGD;AACC;AACA;AACA;AACA;AAAA;AAGD;AAAA;AAEE;AACA;AAAA;AAAA;AAIA;AACA;AAAA;AAAA;AAIA;AACA;AAAA;AAAA;;;ACjEF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AAAA;AAEE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;;;AC9HF;AACI;AACA;AACA;AACA;AACA;AACA;AAAA;AAGJ;AACI;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGJ;AACI;AACA;AACA;AACA;AACA;AACA;AAAA;AAGJ;AACI;AACA;AACA;AACA;AACA;AACA;AAAA;AAGJ;AACI;AACA;AACA;AACA;AAAA;AAGJ;AACI;AACA;AACA;AAAA;AAGJ;AACI;AACA;AACA;AACA;AAAA;;;ACxDJ;AACI;AACA;AACA;AACA;AACA;AAAA;AAGJ;AACI;AACA;AACA;AACA;AAAA;AAGJ;AACI;AACA;AACA;AAAA;;;AClBJ;AACI;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAMJ;AACI;AAAA;AAGJ;AACI;AAAA;AAGJ;AACI;AACA;AAAA;AAGJ;AACI;AACA;AAAA;AAGJ;AAAA;AAEI;AAAA;AAGJ;AACI;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGJ;AACI;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGJ;AACI;AAAA;AAGJ;AACI;AACA;AACA;AACA;AACA;AAAA;AAGJ;AACI;AACA;AAAA;AAGJ;AACI;AACA;AACA;AAAA;AAGJ;AACI;AAAA;AAGJ;AACI;AACA;AACA;AAAA;AAIJ;AACI;AAAA;AAGJ;AACI;AAAA;AAGJ;AACI;AAAA;AAGJ;AACI;AAAA;AAIJ;AACI;AAEI;AAAA;AAGJ;AACI;AAAA;AAAA;AAIR;AACI;AACA;AACA;AACA;AAAA;AAGJ;AACI;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGJ;AACI;AAAA;AAGJ;AACI;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;;;AC9KJ;AACI;AACA;AACA;AACA;AACA;AAAA;AAGJ;AACI;AACA;AACA;AACA;AACA;AAAA;AAGJ;AACI;AACA;AACA;AAAA;AAGJ;AACI;AAAA;AAGJ;AACI;AAAA;AAGJ;AACI;AAAA;AAGJ;AACI;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGJ;AACI;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;;;ACnDJ;AACI;AACA;AACA;AACA;AAAA;AAGJ;AACI;AACA;AACA;AAAA;AAGJ;AACI;AAAA;AAGJ;AACI;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAIJ;AACI;AACA;AACA;AACA;AACA;AAAA;AAGJ;AACI;AACA;AACA;AAAA;AAGJ;AACI;AACA;AAAA;;;ACvDJ;AACI;AACA;AAAA;;;ACFJ;AACE;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAIF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;;;ACjHF;AACI;AACA;AACA;AACA;AAAA;AAGJ;AACI;AACA;AACA;AAAA;AAGJ;AACI;AAAA;AAGJ;AACI;AAAA;AAEJ;AACI;AAAA;AAGJ;AACI;AACA;AAAA;;;AC3BJ;AAMA;AACE;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACE;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACF;AACE;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;;;ACrCJ;AACE;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAIF;AACE;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAKF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AAAA;AAIF;AACE;AAAA;AAQF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;;;AC1IF;AACI;AAAA;;;ACAJ;AAEE;AACA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAQF;AACE;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAIF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAIF;AACE;AAAA;AAGF;AAAA;AAEE;AAAA;AAGF;AAAA;AAEE;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AAAA;AAIF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AAAA;AAIF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;;;ACpKF;AACE;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAIF;AAAA;AAEE;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAKF;AACE;AAAA;AAKF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAGF;AAAA;AAGE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AAAA;AAEE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAKF;AAAA;AAEE;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;;;AC3NF;AACI;AAAA;AAGJ;AACI;AAAA;",
|
|
3
|
+
"sources": ["../../../packages/vuu-ui-controls/src/dropdown/Dropdown.css", "../../../packages/vuu-ui-controls/src/dropdown/DropdownButton.css", "../../../packages/vuu-ui-controls/src/list/Highlighter.css", "../../../packages/vuu-ui-controls/src/list/CheckboxIcon.css", "../../../packages/vuu-ui-controls/src/list/ListItem.css", "../../../packages/vuu-ui-controls/src/drag-drop/Draggable.css", "../../../packages/vuu-ui-controls/src/list/List.css", "../../../packages/vuu-ui-controls/src/list/RadioIcon.css", "../../../packages/vuu-ui-controls/src/list/ChevronIcon.css", "../../../packages/vuu-ui-controls/src/editable-label/EditableLabel.css", "../../../packages/vuu-ui-controls/src/vuu-input/VuuInput.css", "../../../packages/vuu-ui-controls/src/expando-input/ExpandoInput.css", "../../../packages/vuu-ui-controls/src/inputs/Checkbox.css", "../../../packages/vuu-ui-controls/src/inputs/RadioButton.css", "../../../packages/vuu-ui-controls/src/instrument-picker/SearchCell.css", "../../../packages/vuu-ui-controls/src/instrument-picker/InstrumentPicker.css", "../../../packages/vuu-ui-controls/src/instrument-search/SearchCell.css", "../../../packages/vuu-ui-controls/src/instrument-search/InstrumentSearch.css", "../../../packages/vuu-ui-controls/src/price-ticker/PriceTicker.css", "../../../packages/vuu-ui-controls/src/tabstrip/Tabstrip.css", "../../../packages/vuu-ui-controls/src/tabstrip/TabMenu.css", "../../../packages/vuu-ui-controls/src/tabstrip/Tab.css", "../../../packages/vuu-ui-controls/src/tree/Tree.css"],
|
|
4
|
+
"sourcesContent": [".vuuDropdown {\n --saltIcon-margin: 2px 0 0 8px;\n\n display: inline-block;\n line-height: 0;\n position: relative;\n width: var(--vuuDropdown-width, auto);\n}\n\n.vuuDropdownButton.saltButton-secondary {\n --saltButton-borderStyle: solid;\n --saltButton-borderColor: var(--salt-editable-borderColor);\n --saltButton-borderWidth: 1px;\n --saltButton-borderRadius: 6px;\n --saltButton-height: var(--vuuDropdown-height, auto);\n}\n\n.vuuDropdown-fullWidth {\n width: 100%;\n}\n\n.vuuDropdown-popup {\n background: var(--salt-container-primary-background);\n z-index: calc(var(--salt-zIndex-flyover) - 1);\n}\n\n.vuuDropdown-popup-component {\n --vuuList-borderStyle: none;\n}\n\n.vuuDropdownButton {\n width: 100%;\n}", ".vuuDropdownButton {\n --saltButton-background-hover: var(--salt-actionable-secondary-background);\n --saltButton-background-active: var(--salt-actionable-secondary-background);\n --saltButton-fontWeight: var(--salt-text-fontWeight-strong); /* TODO: Check with design */\n --saltButton-textAlign: left;\n --saltButton-textTransform: none;\n --saltButton-width: 100%;\n\n --vuu-icon-size: 16px;\n}\n\n.vuuDropdownButton:active {\n --saltIcon-color: var(--salt-actionable-secondary-foreground);\n --saltButton-text-color-active: var(--salt-actionable-secondary-foreground);\n}\n\n.vuuDropdownButton-fullwidth {\n width: 100%;\n}\n\n.vuuDropdownButton-content {\n align-items: center;\n flex: 1;\n width: 100%;\n display: flex;\n white-space: nowrap;\n}\n\n.vuuDropdownButton-buttonLabel {\n display: inline-block;\n letter-spacing: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n width: 100%;\n}\n\n.vuuDropdownButton-formField.saltButton:focus,\n.vuuDropdownButton-formField.saltButton:focus-visible {\n outline: none;\n}\n", ".saltHighlighter-highlight {\n font-weight: var(--salt-text-fontWeight-strong); /* TODO: Check with design */\n}\n", ".vuuCheckboxIcon {\n --vuu-icon-size: 12px;\n --vuu-icon-left: -1px;\n --vuu-icon-top: -1px;\n --vuu-icon-svg: var(--vuu-svg-tick);\n border-style: solid;\n border-color: var(\n --vuuCheckboxIcon-borderColor,\n var(--salt-selectable-borderColor)\n );\n border-radius: var(--vuuCheckboxIcon-borderRadius, 3px);\n border-width: 1px;\n display: inline-block;\n height: var(--vuuCheckboxIcon-size, 12px);\n position: relative;\n width: var(--vuuCheckboxIcon-size, 12px);\n}\n\n.vuuCheckboxIcon-checked-enabled {\n background-color: var(\n --vuuCheckboxIcon-background-checked-enabled,\n var(--vuu-color-purple-10)\n );\n border-color: var(\n --vuuCheckboxIcon-borderColor-checked-enabled,\n var(--vuu-color-purple-10)\n );\n}\n\n.vuuCheckboxIcon-checked-disabled {\n background-color: var(\n --vuuCheckboxIcon-background-checked-disabled,\n var(--vuu-color-gray-35)\n );\n border-color: var(\n --vuuCheckboxIcon-borderColor-checked-disabled,\n var(--vuu-color-gray-35)\n );\n}\n\n.vuuCheckboxIcon-checked-enabled::after,\n.vuuCheckboxIcon-checked-disabled::after {\n content: \"\";\n background-color: white;\n left: var(--vuu-icon-left, auto);\n height: var(--vuu-icon-height, var(--vuu-icon-size, 12px));\n -webkit-mask: var(--vuu-icon-svg) center center/var(--vuu-icon-size)\n var(--vuu-icon-size);\n mask: var(--vuu-icon-svg) center center/var(--vuu-icon-size)\n var(--vuu-icon-size);\n mask-repeat: no-repeat;\n -webkit-mask-repeat: no-repeat;\n position: absolute;\n top: var(--vuu-icon-top, auto);\n width: var(--vuu-icon-width, var(--vuu-icon-size, 12px));\n}\n\n.vuuCheckboxIcon-checked-disabled::after {\n background-color: var(\n --vuuCheckboxIcon-tick-checked-disabled,\n var(--vuu-color-gray-30)\n );\n}\n", ".vuuListItem {\n /* Color */\n --list-item-text-color: var(--salt-text-primary-foreground);\n --list-item-background: var(--vuuList-item-background, var(--salt-selectable-background));\n /* --list-item-selected-focus-outlineColor: var(--salt-color-white); TODO: Check token with design */\n --list-item-text-color-active: var(--salt-text-primary-foreground);\n --list-item-background-active: var(--salt-selectable-background-selected);\n --list-item-alignItems: center;\n}\n\n.vuuListItem.vuuHighlighted {\n --saltCheckbox-icon-stroke: var(--salt-selectable-borderColor-hover);\n --list-item-background: var(--salt-selectable-background-hover);\n}\n\n.vuuListItemHeader {\n font-weight: var(--salt-text-fontWeight-strong); /* TODO: Check token with design */\n}\n\n.vuuListItemHeader[data-sticky] {\n position: sticky;\n top: 0;\n z-index: 1;\n}\n\n.vuuListItem {\n color: var(--list-item-text-color);\n cursor: var(--vuuList-item-cursor, pointer);\n background: var(--vuuList-item-background, var(--list-item-background));\n font-size: var(--salt-text-fontSize);\n text-align: var(--salt-text-textAlign);\n line-height: var(--salt-text-lineHeight);\n height: var(--vuuList-item-height, var(--list-item-height, auto));\n /* Replaced border-bottom with margin. In design spec, the height of the items should not include gap */\n margin-bottom: var(--list-item-gap);\n padding: 0 var(--vuuListItem-padding, var(--salt-size-unit));\n left: 0;\n right: 0;\n display: flex;\n position: relative;\n align-items: var(--list-item-alignItems);\n white-space: nowrap;\n}\n\n.vuuListItem:last-child {\n margin-bottom: 0px;\n}\n\n.vuuListItem-checkbox {\n --list-item-background-active: var(--salt-selectable-background);\n --list-item-text-color-active: var(--salt-text-primary-foreground);\n --list-item-text-padding: 0 0 0 var(--salt-size-unit);\n}\n\n.vuuListItem[aria-selected=\"true\"]:not(.vuuListItem-checkbox) {\n --list-item-background: var(--list-item-background-active);\n color: var(--list-item-text-color-active);\n}\n\n.vuuListItem.vuuDisabled {\n --list-item-text-color: var(--salt-text-primary-foreground-disabled);\n cursor: var(--salt-selectable-cursor-disabled);\n}\n\n.vuuListItem.vuuFocusVisible {\n outline-style: var(--salt-focused-outlineStyle);\n outline-width: var(--salt-focused-outlineWidth);\n outline-offset: -2px;\n outline-color: var(--salt-focused-outlineColor);\n}\n\n.vuuListItem.vuuFocusVisible:after {\n content: none;\n}\n\n.vuuListItem[aria-selected=\"true\"]:not(.vuuListItem-checkbox).vuuFocusVisible {\n outline-color: var(--list-item-selected-focus-outlineColor);\n}\n\n.vuuListItem-textWrapper {\n flex: 1;\n overflow: hidden;\n padding: var(--list-item-text-padding, 0px);\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n\n.vuuListItem-proxy {\n position: absolute !important;\n visibility: hidden;\n}\n.vuuDraggable-list-item {\n --vuuList-item-height: 24px;\n background-color: white;\n}\n\n.vuuListItem.vuuDraggable-dragAway {\n display: none;\n}", ".vuuDraggable {\n background: transparent;\n box-shadow: var(--salt-overlayable-shadow-drag);\n cursor: var(--salt-draggable-grab-cursor-active);\n position: absolute;\n opacity: .95;\n z-index: 2000;\n}\n\n.vuuDraggable-spacer {\n display: var(--vuuDraggable-display, inline-block);\n height: var(--vuuDraggable-spacer-height, var(--tabstrip-height));\n transition: var(--vuuDraggable-transitionProp, width) 0.3s ease;\n width: var(--vuuDraggable-spacer-width, 0);\n}\n\n.vuuDraggable-dropIndicatorPosition {\n display: var(--saltDraggable-display, inline-block);\n /* height: var(--saltDraggable-spacer-height, var(--tabstrip-height)); */\n /* width: var(--saltDraggable-spacer-width, 0); */\n height: 0px;\n width: 100%;\n}\n\n.vuuDraggable-dropIndicatorContainer {\n transition: var(--vuuDraggable-transitionProp, top) 0.2s ease;\n}\n\n.vuuDraggable-dropIndicator {\n /* height: var(--saltDraggable-spacer-height, var(--tabstrip-height)); */\n /* width: var(--saltDraggable-spacer-width, 0); */\n background-color: var(--salt-palette-accent-background);\n height: 2px;\n width: 100%;\n}\n\n.vuuDraggable-dropIndicator:before {\n content: '';\n width: 6px;\n height: 6px;\n border-radius: 3px;\n background-color: var(--salt-palette-accent-background);\n position: absolute;\n top: -2px;\n left: -3px;\n}\n\n.vuuDraggable-settling {\n transition-property: left, top;\n transition-duration: .15s;\n transition-timing-function: ease-out;\n}\n\n.vuuDraggable-spacer {\n order: 1;\n}", ".vuuList {\n --list-background: var(--salt-container-primary-background);\n --list-borderStyle: var(--vuuList-borderStyle,var(--salt-container-borderStyle));\n --list-borderWidth: var(--salt-size-border);\n --list-height: auto;\n --list-item-height: var(--salt-size-stackable);\n --list-item-gap: 0px;\n --list-maxHeight: 100%;\n --vuuDraggable-display: block;\n --vuuDraggable-spacer-height: 0;\n --vuuDraggable-spacer-width: 100%;\n --vuuDraggable-transitionProp: height;\n --vuuMeasuredContainer-height: var(--computed-list-height);\n\n background: var(--list-background);\n height: var(--saltList-height, var(--list-height));\n max-height: var(--list-maxHeight);\n outline: none;\n position: relative;\n user-select: none;\n width: var(--saltList-width, auto);\n padding: 0 1px;\n}\n\n.vuuList-contentSized {\n box-sizing: content-box;\n}\n\n.vuuList-borderless {\n --list-borderStyle: none;\n}\n\n/* virtualised list */\n.vuuList-viewport {\n height: var(--computed-list-height, var(--measured-px-height));\n overflow: auto;\n}\n\n.vuuListHeader {\n --saltList-item-background: var(--list-item-header-background);\n color: var(--list-item-header-color);\n font-weight: 600;\n}\n\n.vuuListHeader[data-sticky=\"true\"] {\n --saltList-item-background: var(--list-background);\n position: sticky;\n top: 0;\n z-index: 1;\n}\n\n.vuuList-collapsible .vuuListItemHeader:after {\n border-width: var(--checkbox-borderWidth);\n border-color: var(--checkbox-borderColor);\n content: var(--list-item-header-twisty-content);\n -webkit-mask: var(--list-svg-chevron-down) center center/12px 12px no-repeat;\n mask: var(--list-svg-chevron-down) center center/12px 12px no-repeat;\n background: var(--list-item-header-twisty-color);\n height: 12px;\n left: var(--list-item-header-twisty-left);\n right: var(--list-item-header-twisty-right);\n margin-top: -8px;\n position: absolute;\n top: var(--list-item-header-twisty-top);\n transition: transform 0.3s;\n width: 12px;\n}\n.vuuListItemHeader[aria-expanded=\"false\"]:after {\n transform: rotate(-90deg);\n}\n\n/* Selection */\n\n.vuuList-scrollingContentContainer {\n box-sizing: inherit;\n position: relative;\n}\n\n.vuuList-virtualized .vuuListItem {\n line-height: 30px;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n will-change: transform;\n}\n.vuuList.saltFocusVisible:after {\n inset: 2px;\n}\n", ".vuuRadioIcon {\n --vuu-icon-size: 12px;\n --vuu-icon-left: -1px;\n --vuu-icon-top: -1px;\n --vuu-icon-svg: var(--vuu-svg-radio);\n border-style: solid;\n border-color: var(--vuuRadioIcon-borderColor, var(--salt-selectable-borderColor));\n border-radius: 50%;\n border-width: 1px;\n display: inline-block;\n height: var(--vuuRadioIcon-size, 12px);\n position: relative;\n width: var(--vuuRadioIcon-size, 12px);\n}\n\n.vuuRadioIcon-checked {\n background-image: var(--vuu-svg-radio);\n border: none;\n background-repeat: no-repeat;\n}\n\n.vuuRadioIcon-checked:after {\n content: \"\";\n left: var(--vuu-icon-left, auto);\n height: var(--vuu-icon-height, var(--vuu-icon-size, 12px));\n -webkit-mask: var(--vuu-icon-svg) center center/var(--vuu-icon-size) var(--vuu-icon-size);\n mask: var(--vuu-icon-svg) center center/var(--vuu-icon-size) var(--vuu-icon-size);\n mask-repeat: no-repeat;\n -webkit-mask-repeat: no-repeat;\n position: absolute;\n top: var(--vuu-icon-top, auto);\n width: var(--vuu-icon-width, var(--vuu-icon-size, 12px));\n}\n", ".vuuChevronIcon {\n --vuu-icon-size: 14px;\n --vuu-icon-left: -1px;\n --vuu-icon-top: -1px;\n height: var(--vuuChevronIcon-size, 14px);\n position: relative;\n width: var(--vuuChevronIcon-size, 14px);\n cursor: pointer;\n}\n\n.vuuChevronIcon:after {\n content: \"\";\n background-color: #777C94;\n left: var(--vuu-icon-left, auto);\n height: var(--vuu-icon-height, var(--vuu-icon-size, 12px));\n -webkit-mask: var(--vuu-icon-svg) center center/var(--vuu-icon-size) var(--vuu-icon-size);\n mask: var(--vuu-icon-svg) center center/var(--vuu-icon-size) var(--vuu-icon-size);\n mask-repeat: no-repeat;\n -webkit-mask-repeat: no-repeat;\n position: absolute;\n top: var(--vuu-icon-top, auto);\n width: var(--vuu-icon-width, var(--vuu-icon-size, 12px));\n}\n\n.vuuChevronIcon.up {\n --vuu-icon-svg: var(--vuu-svg-chevron-up);\n}\n\n.vuuChevronIcon.down {\n --vuu-icon-svg: var(--vuu-svg-chevron-down);\n}\n\n.vuuChevronIcon.left {\n --vuu-icon-svg: var(--vuu-svg-chevron-left);\n}\n\n.vuuChevronIcon.right {\n --vuu-icon-svg: var(--vuu-svg-chevron-right);\n}\n", ".vuuEditableLabel {\n --editableLabel-padding: var(--vuuEditableLabel-padding, 6px);\n --editableLabel-height: var(--vuuEditableLabel-height, 26px);\n --saltInput-background: transparent;\n --saltInput-height: calc(var(--editableLabel-height) - 4px);\n --saltInput-minWidth: 14px;\n\n color: inherit;\n cursor: default;\n display: flex;\n flex-direction: column;\n font-size: var(--salt-text-fontSize);\n height: var(--editableLabel-height);\n justify-content: center;\n /* max-width: 170px; */\n outline: none;\n overflow: hidden;\n padding: 0 var(--editableLabel-padding);\n position: relative;\n text-overflow: ellipsis;\n white-space: nowrap;\n z-index: var(--salt-zIndex-default);\n}\n\n.vuuEditableLabel:before {\n content: attr(data-text);\n display: block;\n height: 0px;\n visibility: hidden;\n white-space: pre-wrap;\n}\n\n.vuuEditableLabel .saltInput {\n font-weight: var(--salt-text-fontWeight);\n left: var(--editableLabel-padding, 0);\n padding: 0;\n outline-style: none;\n position: absolute;\n right: var(--editableLabel-padding, 0);\n top: var(--saltEditableLabel-top, 2px);\n width: auto;\n}\n\n.vuuEditableLabel .saltInput-activationIndicator {\n display: none;\n}\n\n.vuuEditableLabel-input {\n background-color: transparent;\n border: none;\n box-sizing: content-box;\n color: inherit;\n display: block;\n flex: 1;\n font: inherit;\n height: 20px;\n margin:0;\n min-width:0;\n outline: none;\n padding: 0;\n}\n\n.vuuEditableLabel-label {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n", ".vuuInput {\n --vuu-icon-size: 16px;\n}\n\n.vuuInput-errorIcon:after {\n cursor: pointer;\n}", ".vuuExpandoInput {\n\n --salt-editable-secondary-background: white;\n --expandoInput-height: var(--vuuExpandoInput-height, 26px);\n --expandoInput-padding: var(--vuuExpandoInput-padding, 6px);\n\n --saltInput-height: calc(var(--vuuExpandoInput-height) - 4px);\n --saltInput-minWidth: var(--vuuExpandoInput-minWidth, 8px);\n \n border: var(--vuuExpandoInput-border, none);\n border-radius: var(--vuuExpandoInput-borderRadius, 0);\n color: inherit;\n cursor: default;\n display: inline-block;\n font-size: var(--salt-text-fontSize);\n height: var(--expandoInput-height);\n min-width: calc(var(--saltInput-minWidth) + 2 * var(--expandoInput-padding));\n outline: none;\n padding: 0 var(--expandoInput-padding);\n position: relative;\n\n}\n\n.vuuExpandoInput:before {\n content: attr(data-text);\n display: block;\n height: 0px;\n visibility: hidden;\n white-space: pre-wrap;\n }\n .vuuExpandoInput-error {\n border-color: var(--vuu-color-red-50);\n }\n\n .vuuExpandoInput .saltInput {\n font-weight: var(--salt-text-fontWeight);\n left: var(--expandoInput-padding, 0);\n padding: 0;\n outline-style: none;\n position: absolute;\n right: var(--expandoInput-padding, 0);\n top: var(--vuuExpandoInput-top, 2px);\n width: auto;\n }\n \n .vuuExpandoInput .saltInput-activationIndicator {\n display: none;\n }\n \n .vuuExpandoInput-input {\n background-color: transparent;\n border: none;\n box-sizing: content-box;\n display: block;\n flex: 1;\n font: inherit;\n height: 20px;\n margin:0;\n min-width:0;\n outline: none;\n padding: 0;\n }\n ", ".vuuCheckbox {\n --vuuCheckboxIcon-background-checked-enabled: var(--vuu-color-purple-10);\n display: flex;\n height: 24px;\n align-items: center;\n gap: 6px;\n color: var(--light-text-primary, #15171B);\n font-family: Nunito Sans A-Variant, serif;\n font-feature-settings: 'ss02' on, 'ss01' on, 'salt' on, 'liga' off;\n font-size: 12px;\n font-weight: 400;\n cursor: pointer;\n}", ".vuuRadioButton {\n display: flex;\n height: 24px;\n align-items: center;\n gap: 6px;\n color: var(--light-text-primary, #15171B);\n font-family: Nunito Sans A-Variant, sans-serif;\n font-feature-settings: 'ss02' on, 'ss01' on, 'salt' on, 'liga' off;\n font-size: 12px;\n font-weight: 400;\n cursor: pointer;\n}\n\n.radio {\n position: relative;\n height: 12px;\n}\n\ninput[type=\"radio\"] {\n\tposition: absolute;\n appearance: none;\n\twidth: 100%;\n height: 100%;\n border-radius: 50%;\n margin: 0;\n top: 0;\n}", "\n.vuuSearchCell {\n --vuu-icon-left: 0;\n --vuu-icon-size: 16px;\n --vuu-icon-top: 0px;\n align-items: center;\n color: var(--background-cell-color);\n display: flex;\n gap: 4px;\n padding: 0 8px 0 8px;\n position: relative;\n z-index: -1;\n}\n\n", ".vuuInstrumentPicker {\n height: 100%;\n padding: var(--vuuInstrumentPicker-padding, 12px);\n display: flex;\n flex-direction: column;\n}\n\n.vuuInstrumentPicker-inputField {\n --vuu-icon-size: 16px;\n flex: 0 0 40px;\n}\n.vuuInstrumentPicker-list {\n background-color: var(--salt-container-primary-background);\n flex: 1 1 auto;\n}\n\n.vuuInstrumentPicker .vuuTableCell {\n padding: 0;\n}\n", "\n.vuuSearchCell {\n --vuu-icon-left: 0;\n --vuu-icon-size: 16px;\n --vuu-icon-top: 0px;\n align-items: center;\n color: var(--background-cell-color);\n display: flex;\n gap: 4px;\n padding: 0 8px 0 8px;\n position: relative;\n z-index: -1;\n}\n\n", ".vuuInstrumentSearch {\n height: 100%;\n padding: var(--vuuInstrumentSearch-padding, 12px);\n display: flex;\n flex-direction: column;\n}\n\n.vuuInstrumentSearch-inputField {\n --vuu-icon-size: 16px;\n flex: 0 0 40px;\n padding: 0 12px;\n}\n.vuuInstrumentSearch-list {\n --vuuMeasuredContainer-flex: 1 1 1px;\n background-color: var(--salt-container-primary-background);\n flex: 1 1 auto;\n}\n\n.vuuInstrumentSearch .vuuTableCell {\n padding: 0;\n}\n", "@property --price-ticker-color {\n syntax: '<color>'; /* <- defined as type number for the transition to work */\n initial-value: #15171B;\n inherits: false;\n}\n \n.vuuPriceTicker {\n align-items: center;\n display: flex;\n font-size: var(--vuuPriceTicker-fontSize, var(--salt-text-fontSize));\n font-weight: var(--vuuPriceTicker-fontWeight, 700);\n transition-property: color;\n transition-duration: .3s;;\n}\n\n.vuuPriceTicker.up1 {\n --vuu-icon-color: var(--vuu-color-green-50);\n color: var(--vuu-color-green-50);\n animation-duration: 30s;\n }\n \n .vuuPriceTicker.up2 {\n --vuu-icon-color: var(--vuu-color-green-50);\n color: var(--vuu-color-green-50);\n animation-duration: 30s;\n }\n \n .vuuPriceTicker.down1 {\n --vuu-icon-transform: rotate(180deg);\n --vuu-icon-color: var(--vuu-color-red-50);\n color: var(--vuu-color-red-50);\n animation-duration: 30s;\n }\n \n .vuuPriceTicker.down2 {\n --vuu-icon-transform: rotate(180deg);\n --vuu-icon-color: var(--vuu-color-red-50);\n color: var(--vuu-color-red-50);\n animation-duration: 30s;\n }\n ", "/* Component class applied to the root element */\n.vuuTabstrip {\n --vuuOverflowContainer-background: transparent;\n /* --tabstrip-height: var(--vuuTabstrip-height, var(--salt-size-stackable)); */\n --tabstrip-dragging-display: none;\n --tabstrip-display: inline-flex;\n --tabstrip-background: transparent;\n\n align-self: var(--saltTabs-tabstrip-alignSelf, stretch);\n display: flex;\n font-size: var(--salt-text-fontSize);\n font-weight: var(--vuuTabstrip-fontWeight, var(--salt-text-fontWeight));\n min-width: 28px;\n position: relative;\n overflow: visible;\n width: var(--tabstrip-width);\n}\n\n/* Tabstrip orientation is horizontal */\n.vuuTabstrip-horizontal {\n --vuuOverflowContainer-borderColor: var(--salt-container-primary-borderColor);\n --vuuOverflowContainer-borderStyle: none none solid none;\n --vuuOverflowContainer-borderBottomWidth: 1px;\n\n --tabstrip-height: var(--vuuTabstrip-height, 28px);\n --tabstrip-width: var(--vuuTabstrip-width, 100%);\n --tab-height: var(--tabstrip-height);\n --tab-width: auto;\n --tab-thumb-height: 2px;\n --tab-thumb-left: var(--tab-thumb-offset, 0);\n --tab-thumb-top: auto;\n --tab-thumb-width: var(--tab-thumb-size, 100%);\n align-items: flex-start;\n /* border-bottom: var(--vuuTabstrip-borderBottom, solid 1px var(--salt-container-primary-borderColor)); */\n}\n\n/* Tabstrip orientation is vertical */\n.vuuTabstrip-vertical {\n --tabstrip-height: var(--vuuTabstrip-height, 100%);\n --tabstrip-width: var(--vuuTabstrip-width, 100px);\n --tab-height: 50px;\n --tab-width: 100%;\n --tab-thumb-height: 0;\n --tab-thumb-left: 0;\n --tab-thumb-top: var(--tab-thumb-offset, 0);\n --tab-thumb-width: 2px;\n\n align-self: flex-start;\n display: inline-flex;\n}\n\n.vuuTabstrip-draggingTab .vuuTab {\n pointer-events: none;\n}\n\n.vuuTabstrip-addTabButton {\n --saltButton-height: 20px;\n --saltButton-width: 20px;\n}\n\n.vuuTabstrip-overflowMenu.vuuDropdown {\n --saltIcon-margin: 2px 0 0 0px;\n}\n\n.vuuTabstrip-overflowMenu-open {\n --saltButton-background: var(--salt-actionable-secondary-background-active);\n --saltButton-text-color: var(--salt-actionable-secondary-text-color-active);\n}\n\n.vuuTabstrip-overflowMenu-open .saltButton {\n --saltIcon-color: var(--salt-actionable-secondary-foreground-active);\n}\n\n.vuuTabstrip-inner {\n width: 100%;\n align-items: center;\n display: flex;\n flex-basis: auto;\n flex-grow: 0;\n flex-shrink: 1;\n flex-wrap: wrap;\n justify-content: flex-start;\n line-height: var(--tabstrip-height);\n}\n\n.vuuTabstrip-vertical .vuuTabstrip-inner {\n flex-direction: column;\n height: auto;\n}\n\n.vuuTabstrip-centered .vuuTabstrip-inner {\n justify-content: center;\n}\n\n/* Styling applied to Draggable wrapper when used to drag a Tab */\n.vuuDraggable[class*=\"vuuTabstrip\"] {\n --tabstrip-display: flex;\n --tabstrip-height: 100%;\n --tabstrip-dragging-display: block;\n\n --tabs-tab-background: var(--salt-navigable-primary-background-hover);\n --tabs-tab-before-content: \"\";\n --tabs-tab-before-background: var(--salt-navigable-indicator-hover);\n --tabs-tab-before-height: var(--tab-activationIndicator-thumb-height);\n --tabs-tab-before-inset: var(--tab-activationIndicator-inset);\n --tabs-tab-before-width: var(--tab-activationIndicator-thumb-width);\n --tabs-tab-cursor: var(--salt-draggable-grab-cursor-active);\n --tabs-tab-position: static;\n\n font-size: 12px;\n}\n\n.vuuDraggable-tabstrip-horizontal {\n --overflow-item-height: var(--tabstrip-height);\n --tab-thumb-height: 2px;\n --tab-thumb-left: 0px;\n --tabstrip-display: inline-flex;\n --tabstrip-height: 28px;\n line-height: var(--tabstrip-height);\n}\n\n\n.vuuDraggable[class*=\"tabstrip\"] .vuuTab[aria-selected=\"true\"]:before {\n --tabs-tab-before-background: var(--salt-navigable-indicator-active);\n}\n\n/* [data-overflowed] {\n order: 99;\n visibility: hidden;\n} */\n\n.vuuTabstrip-overflowMenu-dropTarget:after {\n background: var(--salt-selectable-background-selected);\n content: \"\";\n position: absolute;\n height: 2px;\n left: 0;\n right: 0;\n bottom: 0;\n}\n", ".vuuTabMenu {\n top: var(--vuuTabMenu-top, -2px);\n}", "/* Class applied to root Tab element */\n.vuuTab {\n \n --saltEditableLabel-padding: 0;\n --saltEditableLabel-height: calc(var(--tabstrip-height) - 2px);\n --saltInputLegacy-minWidth: 4em;\n --saltEditableLabel-top: 2px;\n\n --tab-background: var(--vuuTab-background, var(--salt-navigable-primary-background));\n --tab-cursor: pointer;\n --tab-position: relative;\n}\n\n.vuuTab {\n align-items: center;\n align-self: stretch;\n background: var(--tab-background);\n border: none;\n border-radius: var(--vuuTab-borderRadius, 0);\n color: var(--salt-text-primary-foreground);\n cursor: var(--vuuTab-cursor, var(--tab-cursor));\n display: var(--tabstrip-display);\n gap: 8px;\n height: var(--vuuTabHeight, var(--tab-height));\n letter-spacing: var(--vuuTab-letterSpacing, var(--tab-letterSpacing, 0));\n min-width: var(--vuuTab-minWidth, 40px);\n outline: none;\n padding: var(--vuuTab-padding, 0 24px);\n position: var(--vuuTab-position, var(--tab-position));\n user-select: none;\n width: var(--tab-width)\n}\n\n/* Overrides characteristic used in saltFocusVisible */\n/* .vuuTab.saltFocusVisible:after {\n inset: 2px 2px 4px 2px;\n} */\n\n.vuuTab {\n margin: 0 var(--tab-spacing) 0 0;\n}\n\n.vuuTab-selected {\n background: var(--vuuTab-background-selected, var(--tab-background));\n color: var(--salt-text-primary-foreground);\n font-weight: var(--salt-navigable-fontWeight-active);\n}\n\n/* main content aria of Tab */\n.vuuTab-main {\n align-items: center;;\n border: none;\n color: inherit;\n cursor: inherit;\n display: flex;\n font-family: inherit;\n font-size: inherit;\n font-weight: inherit;\n height: calc(var(--tab-height) - var(--tab-thumb-height));\n margin-bottom: var(--tab-thumb-height);\n outline: none;\n position: relative;\n}\n\n.vuuTab-closeable .vuuTab-main {\n border-right: solid transparent var(--salt-size-unit);\n}\n\n.vuuTab .vuuTab-closeButton {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n/* the close Button on a closeable Tab*/\n.vuuTab-close-icon {\n display: none;\n}\n\n.salt-density-touch .vuuTab-close-icon,\n.salt-density-low .vuuTab-close-icon {\n display: block;\n}\n\n.salt-density-touch .vuuTab-close-icon-small,\n.salt-density-low .vuuTab-close-icon-small {\n display: none;\n}\n\n.vuuTab .vuuTab-text {\n display: inline-block;\n position: relative;\n overflow: hidden;\n text-align: var(--salt-text-textAlign-embedded);\n text-overflow: ellipsis;\n top: var(--vuuTab-top, var(--tab-top, auto));\n white-space: nowrap;\n /* ensure content sits above focus ring */\n z-index: var(--salt-zIndex-default);\n}\n\n.vuuTab .vuuTab-text:before {\n height: 0;\n content: attr(data-text);\n display: block;\n visibility: hidden;\n font-weight: var(--salt-navigable-fontWeight-active);\n}\n\n/* FIXME: these are all focusVisible styles, but with a bespoke inset */\n.vuuTab-editing:after {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 2px;\n outline-color: var(--salt-focused-outlineColor);\n outline-style: var(--salt-focused-outlineStyle);\n outline-width: var(--salt-focused-outlineWidth);\n outline-offset: -2px;\n}\n\n.vuuTab.vuuFocusVisible {\n background: var(--vuuTab-hover-background, var(--salt-navigable-primary-background-hover));\n outline-color: var(--vuuTab-focusVisible-color, var(--salt-focused-outlineColor));\n outline-style: dashed;\n outline-width: 1px;\n outline-offset: -1px;\n}\n\n.vuuTab:before {\n content: var(--tab-before-content, none);\n content: \"\";\n background: var(--tab-before-background);\n height: var(--tab-before-height);\n inset: var(--tab-before-inset);\n position: absolute;\n width: var(--tab-before-width);\n z-index: 1;\n}\n\n.vuuTabstrip-draggingTab .vuuTab-selected:before {\n --tab-before-content: \"\";\n --tab-before-background: var(--salt-navigable-indicator-color-active);\n --tab-before-height: var(--tab-thumb-height);\n --tab-before-inset: var(--tab-activationIndicator-inset);\n --tab-before-width: var(--tab-activationIndicator-thumb-width);\n}\n\n\n.vuuTab-selected:before {\n --tab-before-content: \"\";\n background: var(--salt-navigable-indicator-active);\n height: var(--tab-thumb-height);\n position: absolute;\n left: var(--tab-thumb-left);\n bottom: 0px; \n top: var(--tab-thumb-top, auto);\n transition: var(--tab-thumb-transition, none);\n width: var(--tab-thumb-width, 100%);\n}\n\n.vuuTab:hover:not(.vuuTab-closeHover, .vuuTab-selected) {\n background: var(--vuuTab-hover-background, var(--salt-navigable-primary-background-hover));\n}\n\n", ".vuuTree {\n --tree-node-collapse: var(--vuuTree-toggle-collapse, var(--svg-tree-node-collapse));\n --tree-node-expand: var(--vuuTree-toggle-expand, var(--svg-tree-node-expand));\n --tree-toggle-width: 12px;\n --tree-icon-color: var(--vuuTree-icon-color, #4c505b);\n --tree-node-expanded-transform: var(--vuuTree-node-expanded-transform, none);\n --tree-node-indent: 0px;\n\n --list-hilited-bg: var(--hw-list-hilited-bg, rgba(0, 0, 0, 0.1));\n --list-item-height: var(--hw-list-item-height, 30px);\n --list-item-padding: var(--hw-list-item-padding, 0 6px);\n --list-item-header-bg: var(--hw-list-item-header-bg, black);\n --list-item-header-color: var(--hw-list-item-header-color, white);\n --list-item-header-font-weight: bold;\n --list-item-header-twisty-color: black;\n --list-item-header-twisty-content: '';\n --list-item-header-twisty-top: 50%;\n --list-item-header-twisty-left: -18px;\n --list-item-header-twisty-right: auto;\n --list-item-selected-bg: var(--hw-list-selected-bg, #1ea7fd);\n --list-item-selected-color: white;\n --list-item-text-color: var(--hw-gray-800);\n --focus-visible-border-color: var(--hw-focus-visible-border-color, rgb(141, 154, 179));\n\n list-style: none;\n margin: 0;\n padding: 0 1px;\n font-size: var(--vuuTree-font-size, 14px);\n max-height: inherit;\n outline: none;\n overflow-y: auto;\n position: relative;\n user-select: none;\n}\n\n.vuuTree-viewport {\n --list-item-height: 30px;\n box-sizing: border-box;\n max-height: inherit;\n overflow: auto;\n}\n\n.vuuTree-scrollingContentContainer {\n box-sizing: inherit;\n position: relative;\n}\n\n.vuuTree-scrollingContentContainer .vuuTreeNode {\n line-height: 30px;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n will-change: transform;\n}\n\n.vuuTreeNode {\n list-style: none;\n}\n\n/* Leaf node or the div child of a collapsible node */\n.vuuTreeNode:not([aria-expanded]),\n.vuuTreeNode[aria-expanded] > .vuuTreeNode-label {\n --checkbox-border-color: black;\n --checkbox-border-width: 1px;\n --checkbox-tick: black;\n --list-item-padding-left: 6px;\n --svg-toggle: var(--tree-node-collapse);\n\n align-items: center;\n color: var(--list-item-text-color);\n display: flex;\n flex-wrap: nowrap;\n height: var(--list-item-height);\n line-height: var(--list-item-height);\n padding: var(--list-item-padding);\n padding-left: var(--padding-left);\n position: relative;\n cursor: default;\n margin: 0;\n white-space: nowrap;\n}\n\n.vuuTreeNode:not([aria-expanded]) {\n --padding-left: calc(\n var(--list-item-padding-left) + var(--tree-toggle-width) + var(--tree-node-indent)\n );\n}\n\n.vuuTreeNode[aria-expanded] > .vuuTreeNode-label {\n --padding-left: calc(\n var(--list-item-padding-left) + var(--tree-toggle-width) + var(--tree-node-indent)\n );\n}\n\n.vuuTreeNode-icon {\n background-color: var(--tree-icon-color);\n display: inline-block;\n height: 18px;\n margin-right: 6px;\n -webkit-mask: var(--vuu-icon-svg) center center/12px 12px no-repeat;\n mask: var(--vuu-icon-svg) center center/12px 12px no-repeat;\n flex: 0 0 18px;\n}\n\n.vuuTreeNode[aria-expanded] {\n flex-direction: column;\n}\n\n.vuuTreeNode[aria-expanded] {\n flex-direction: column;\n height: auto;\n}\n\n.vuuTreeNode > *[role='group'] {\n padding-left: 0px;\n}\n\n.vuuTreeNode {\n padding-left: calc(var(--padding-left) + var(--tree-node-indent));\n}\n\n.vuuTreeNode[aria-level='2'] {\n --tree-node-indent: 12px;\n}\n.vuuTreeNode[aria-level='3'] {\n --tree-node-indent: 24px;\n}\n.vuuTreeNode[aria-level='4'] {\n --tree-node-indent: 36px;\n}\n\n.vuuTreeNode:not(.focusVisible):not(.hwListItemHeader):not([aria-expanded])[data-highlighted],\n.vuuTreeNode:not(.focusVisible):not(.hwListItemHeader)[aria-expanded][data-highlighted]\n > div:first-child {\n background-color: var(--list-hilited-bg);\n}\n\n.vuuTreeNode-toggle {\n cursor: pointer;\n}\n\n.vuuTreeNode > .vuuTreeNode-toggle {\n display: inline-block;\n height: 100%;\n left: 0;\n position: absolute;\n width: calc(var(--list-item-padding-left) + var(--tree-toggle-width));\n}\n\n.vuuTreeNode[aria-expanded] > .vuuTreeNode-label:after {\n content: var(--list-item-header-twisty-content);\n -webkit-mask: var(--svg-toggle) center center/8px 8px no-repeat;\n mask: var(--svg-toggle) center center/8px 8px no-repeat;\n background-color: var(--list-item-header-twisty-color);\n height: 18px;\n margin-top: -9px;\n left: var(--tree-node-indent);\n position: absolute;\n top: var(--list-item-header-twisty-top);\n transition: transform 0.3s;\n width: 18px;\n}\n\n.vuuTreeNode[aria-selected='true'] {\n --list-item-header-twisty-color: var(--list-item-selected-color);\n}\n\n\n.vuuTreeNode:not(.focusVisible):focus {\n background-color: rgba(0, 0, 0, 0.1);\n}\n\n.vuuTreeNode:not([aria-expanded]).focusVisible:before,\n.vuuTreeNode[aria-expanded].focusVisible > div:first-child:before {\n content: '';\n position: absolute;\n top: 0px;\n left: var(--tree-focus-offset, 0px);\n right: 0;\n bottom: 0px;\n border: dotted var(--focus-visible-border-color) 2px;\n background-color: var(--list-hilited-bg);\n}\n\n\n.vuuTreeNode[aria-expanded='false'] > *:first-child:after {\n --svg-toggle: var(--tree-node-expand);\n}\n\n.vuuTreeNode[aria-expanded='true'] > *:first-child:after {\n transform: var(--tree-node-expanded-transform);\n}\n\n/* Selection */\n\n.vuuTree:not(.checkbox-only) .vuuTreeNode:not([aria-expanded])[aria-selected='true'],\n.vuuTree:not(.checkbox-only) .vuuTreeNode[aria-expanded][aria-selected='true'] > div:first-child {\n --checkbox-border-color: var(--list-item-selected-color);\n --checkbox-tick: var(--list-item-selected-color);\n --focus-visible-border-color: var(--list-item-selected-color);\n background-color: var(--list-item-selected-bg);\n color: var(--list-item-selected-color);\n}\n\n.with-checkbox .vuuTreeNode {\n padding-left: 28px;\n}\n\n.with-checkbox .vuuTreeNode:before {\n border-style: solid;\n border-width: var(--checkbox-border-width);\n border-color: var(--checkbox-border-color);\n content: '';\n height: 12px;\n left: 3px;\n margin-top: -7px;\n position: absolute;\n top: 50%;\n width: 12px;\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,24 +1,24 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vuu-ui/vuu-ui-controls",
|
|
3
|
-
"version": "0.8.
|
|
3
|
+
"version": "0.8.18-debug",
|
|
4
4
|
"description": "VUU UI Controls",
|
|
5
5
|
"author": "heswell",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"dependencies": {
|
|
8
|
-
"@salt-ds/core": "1.
|
|
9
|
-
"@vuu-ui/vuu-data": "0.8.
|
|
10
|
-
"@vuu-ui/vuu-
|
|
11
|
-
"@vuu-ui/vuu-
|
|
12
|
-
"@vuu-ui/vuu-
|
|
13
|
-
"@vuu-ui/vuu-
|
|
14
|
-
"@vuu-ui/vuu-
|
|
15
|
-
"@vuu-ui/vuu-utils": "0.8.17-debug"
|
|
8
|
+
"@salt-ds/core": "1.13.2",
|
|
9
|
+
"@vuu-ui/vuu-data-types": "0.8.18-debug",
|
|
10
|
+
"@vuu-ui/vuu-table-types": "0.8.18-debug",
|
|
11
|
+
"@vuu-ui/vuu-layout": "0.8.18-debug",
|
|
12
|
+
"@vuu-ui/vuu-table": "0.8.18-debug",
|
|
13
|
+
"@vuu-ui/vuu-popups": "0.8.18-debug",
|
|
14
|
+
"@vuu-ui/vuu-utils": "0.8.18-debug"
|
|
16
15
|
},
|
|
17
16
|
"peerDependencies": {
|
|
18
|
-
"
|
|
17
|
+
"clsx": "^2.0.0",
|
|
19
18
|
"react": ">=17.0.2",
|
|
20
19
|
"react-dom": ">=17.0.2"
|
|
21
20
|
},
|
|
21
|
+
"sideEffects": false,
|
|
22
22
|
"files": [
|
|
23
23
|
"cjs",
|
|
24
24
|
"esm",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ButtonProps } from "@salt-ds/core";
|
|
2
|
-
import { CommitResponse } from "
|
|
3
|
-
import { VuuRowDataItemType } from "
|
|
2
|
+
import type { CommitResponse } from "@vuu-ui/vuu-table-types";
|
|
3
|
+
import type { VuuRowDataItemType } from "@vuu-ui/vuu-protocol-types";
|
|
4
4
|
import { SyntheticEvent } from "react";
|
|
5
5
|
export interface CycleStateButtonProps extends ButtonProps {
|
|
6
6
|
onCommit: (evt: SyntheticEvent, value: VuuRowDataItemType) => CommitResponse;
|
|
@@ -32,31 +32,31 @@ type Dimension = keyof Pick<DOMRect, "width" | "height">;
|
|
|
32
32
|
type ElementPosition = "x" | "y";
|
|
33
33
|
export declare const measureElementSizeAndPosition: (element: HTMLElement, dimension?: Dimension, includeAutoMargin?: boolean) => number[];
|
|
34
34
|
export declare const dimensions: (orientation: orientationType) => {
|
|
35
|
-
CLIENT_POS: "
|
|
36
|
-
CLIENT_SIZE: "
|
|
37
|
-
CONTRA: "width" | "height" | "
|
|
38
|
-
CONTRA_CLIENT_POS: "
|
|
35
|
+
CLIENT_POS: "clientX" | "clientY";
|
|
36
|
+
CLIENT_SIZE: "clientHeight" | "clientWidth" | "scrollHeight" | "scrollLeft" | "scrollTop" | "scrollWidth";
|
|
37
|
+
CONTRA: "width" | "height" | "x" | "y" | "left" | "top" | "right" | "bottom";
|
|
38
|
+
CONTRA_CLIENT_POS: "clientX" | "clientY";
|
|
39
39
|
CONTRA_END: "width" | "height";
|
|
40
40
|
CONTRA_POS: ElementPosition;
|
|
41
41
|
DIMENSION: "width" | "height";
|
|
42
|
-
END: "width" | "height" | "
|
|
42
|
+
END: "width" | "height" | "x" | "y" | "left" | "top" | "right" | "bottom";
|
|
43
43
|
POS: ElementPosition;
|
|
44
|
-
SCROLL_POS: "
|
|
45
|
-
SCROLL_SIZE: "
|
|
46
|
-
START: "width" | "height" | "
|
|
44
|
+
SCROLL_POS: "clientHeight" | "clientWidth" | "scrollHeight" | "scrollLeft" | "scrollTop" | "scrollWidth";
|
|
45
|
+
SCROLL_SIZE: "clientHeight" | "clientWidth" | "scrollHeight" | "scrollLeft" | "scrollTop" | "scrollWidth";
|
|
46
|
+
START: "width" | "height" | "x" | "y" | "left" | "top" | "right" | "bottom";
|
|
47
47
|
} | {
|
|
48
|
-
CLIENT_POS: "
|
|
49
|
-
CLIENT_SIZE: "
|
|
50
|
-
CONTRA: "width" | "height" | "
|
|
51
|
-
CONTRA_CLIENT_POS: "
|
|
48
|
+
CLIENT_POS: "clientX" | "clientY";
|
|
49
|
+
CLIENT_SIZE: "clientHeight" | "clientWidth" | "scrollHeight" | "scrollLeft" | "scrollTop" | "scrollWidth";
|
|
50
|
+
CONTRA: "width" | "height" | "x" | "y" | "left" | "top" | "right" | "bottom";
|
|
51
|
+
CONTRA_CLIENT_POS: "clientX" | "clientY";
|
|
52
52
|
CONTRA_END: "width" | "height";
|
|
53
53
|
CONTRA_POS: ElementPosition;
|
|
54
54
|
DIMENSION: "width" | "height";
|
|
55
|
-
END: "width" | "height" | "
|
|
55
|
+
END: "width" | "height" | "x" | "y" | "left" | "top" | "right" | "bottom";
|
|
56
56
|
POS: ElementPosition;
|
|
57
|
-
SCROLL_POS: "
|
|
58
|
-
SCROLL_SIZE: "
|
|
59
|
-
START: "width" | "height" | "
|
|
57
|
+
SCROLL_POS: "clientHeight" | "clientWidth" | "scrollHeight" | "scrollLeft" | "scrollTop" | "scrollWidth";
|
|
58
|
+
SCROLL_SIZE: "clientHeight" | "clientWidth" | "scrollHeight" | "scrollLeft" | "scrollTop" | "scrollWidth";
|
|
59
|
+
START: "width" | "height" | "x" | "y" | "left" | "top" | "right" | "bottom";
|
|
60
60
|
};
|
|
61
61
|
export declare const getItemById: (measuredItems: MeasuredDropTarget[], id: string) => MeasuredDropTarget | undefined;
|
|
62
62
|
export declare const removeDraggedItem: (measuredItems: MeasuredDropTarget[], index: number) => void;
|
|
@@ -3,7 +3,7 @@ export type ScrollStopHandler = (scrollDirection: "fwd" | "bwd", scrollPos: numb
|
|
|
3
3
|
export declare const useAutoScroll: ({ containerRef, onScrollingStopped, orientation, }: {
|
|
4
4
|
containerRef: RefObject<HTMLElement>;
|
|
5
5
|
onScrollingStopped?: ScrollStopHandler | undefined;
|
|
6
|
-
orientation?: "
|
|
6
|
+
orientation?: "vertical" | "horizontal" | undefined;
|
|
7
7
|
}) => {
|
|
8
8
|
isScrolling: import("react").MutableRefObject<boolean>;
|
|
9
9
|
startScrolling: (direction: "fwd" | "bwd", scrollRate: number, scrollUnit?: any) => void;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { VuuInputProps } from "
|
|
2
|
+
import { VuuInputProps } from "../vuu-input";
|
|
3
3
|
import "./ExpandoInput.css";
|
|
4
4
|
export interface ExpandoInputProps extends Omit<VuuInputProps, "onCommit"> {
|
|
5
5
|
onCommit?: VuuInputProps["onCommit"];
|
|
@@ -1,10 +1,8 @@
|
|
|
1
|
-
import { TableSchema } from "@vuu-ui/vuu-data";
|
|
2
|
-
import { DataSourceRow } from "@vuu-ui/vuu-data-types";
|
|
1
|
+
import { DataSourceRow, TableSchema } from "@vuu-ui/vuu-data-types";
|
|
3
2
|
import { TableProps, TableRowSelectHandler } from "@vuu-ui/vuu-table";
|
|
4
3
|
import { ColumnMap } from "@vuu-ui/vuu-utils";
|
|
5
4
|
import { HTMLAttributes } from "react";
|
|
6
5
|
import { OpenChangeHandler } from "../dropdown";
|
|
7
|
-
import "./SearchCell";
|
|
8
6
|
import "./InstrumentPicker.css";
|
|
9
7
|
export interface InstrumentPickerProps extends Omit<HTMLAttributes<HTMLElement>, "onSelect"> {
|
|
10
8
|
TableProps: Pick<TableProps, "config" | "dataSource">;
|
|
@@ -1,15 +1,12 @@
|
|
|
1
|
-
import { DataSource } from "@vuu-ui/vuu-data";
|
|
1
|
+
import { DataSource } from "@vuu-ui/vuu-data-types";
|
|
2
2
|
import { TableProps } from "@vuu-ui/vuu-table";
|
|
3
3
|
import { HTMLAttributes } from "react";
|
|
4
|
-
import "./SearchCell";
|
|
5
4
|
import "./InstrumentSearch.css";
|
|
6
|
-
import { VuuTable } from "packages/vuu-protocol-types";
|
|
7
5
|
export interface InstrumentSearchProps extends HTMLAttributes<HTMLDivElement> {
|
|
8
6
|
TableProps?: Partial<TableProps>;
|
|
9
7
|
autoFocus?: boolean;
|
|
10
|
-
dataSource
|
|
8
|
+
dataSource: DataSource;
|
|
11
9
|
placeHolder?: string;
|
|
12
10
|
searchColumns?: string[];
|
|
13
|
-
table?: VuuTable;
|
|
14
11
|
}
|
|
15
|
-
export declare const InstrumentSearch: ({ TableProps, autoFocus, className, dataSource: dataSourceProp, placeHolder, searchColumns,
|
|
12
|
+
export declare const InstrumentSearch: ({ TableProps, autoFocus, className, dataSource: dataSourceProp, placeHolder, searchColumns, ...htmlAttributes }: InstrumentSearchProps) => JSX.Element;
|
|
@@ -1,11 +1,10 @@
|
|
|
1
|
-
import { DataSource } from "@vuu-ui/vuu-data";
|
|
2
1
|
import { FormEventHandler } from "react";
|
|
3
2
|
import { InstrumentSearchProps } from "./InstrumentSearch";
|
|
4
|
-
export interface InstrumentSearchHookProps extends Pick<InstrumentSearchProps, "dataSource" | "searchColumns"
|
|
3
|
+
export interface InstrumentSearchHookProps extends Pick<InstrumentSearchProps, "dataSource" | "searchColumns"> {
|
|
5
4
|
label?: string;
|
|
6
5
|
}
|
|
7
|
-
export declare const useInstrumentSearch: ({ dataSource
|
|
8
|
-
dataSource: DataSource
|
|
6
|
+
export declare const useInstrumentSearch: ({ dataSource, searchColumns, }: InstrumentSearchHookProps) => {
|
|
7
|
+
dataSource: import("packages/vuu-data-types").DataSource;
|
|
9
8
|
onChange: FormEventHandler<Element>;
|
|
10
9
|
searchState: {
|
|
11
10
|
searchText: string;
|
package/types/tabstrip/Tab.d.ts
CHANGED
|
@@ -23,5 +23,5 @@ export declare const Tab: import("react").ForwardRefExoticComponent<Omit<import(
|
|
|
23
23
|
onKeyUp?: ((e: KeyboardEvent<Element>, index: number) => void) | undefined;
|
|
24
24
|
onMenuAction?: MenuActionHandler | undefined;
|
|
25
25
|
onMenuClose?: (() => void) | undefined;
|
|
26
|
-
orientation?: "
|
|
26
|
+
orientation?: "vertical" | "horizontal" | undefined;
|
|
27
27
|
} & import("react").RefAttributes<HTMLDivElement>>;
|