@openfin/here-ui-css 0.0.0-alpha.20260121191139 → 0.0.0-alpha.20260126190951

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.
@@ -1 +1 @@
1
- .shared-horizontal-overflow{display:flex;position:relative;align-items:center;overflow:hidden;-webkit-app-region:no-drag;user-select:auto;width:100%;height:100%}.shared-horizontal-overflow--enterprise-top-tabs{--horizontal-overflow-shadow-start: rgb(from var(--color-role-background-5) r g b / 0%);--horizontal-overflow-shadow-middle: rgb(from var(--color-role-background-5) r g b / 50%);--horizontal-overflow-shadow-end: rgb(from var(--color-role-background-5) r g b / 100%)}.shared-horizontal-overflow--enterprise-view-tabs{--horizontal-overflow-shadow-start: rgb(from var(--color-enterprise-top-chrome-border) r g b / 0%);--horizontal-overflow-shadow-middle: rgb(from var(--color-enterprise-top-chrome-border) r g b / 50%);--horizontal-overflow-shadow-end: rgb(from var(--color-enterprise-top-chrome-border) r g b / 100%)}.shared-horizontal-overflow--coreui-view-tabs{--horizontal-overflow-shadow-start: rgb(from var(--color-role-background-5) r g b / 0%);--horizontal-overflow-shadow-middle: rgb(from var(--color-role-background-5) r g b / 50%);--horizontal-overflow-shadow-end: rgb(from var(--color-role-background-5) r g b / 100%)}.shared-horizontal-overflow--dock-icons{--horizontal-overflow-shadow-start: rgb(from var(--color-role-background-5) r g b / 0%);--horizontal-overflow-shadow-middle: rgb(from var(--color-role-background-5) r g b / 50%);--horizontal-overflow-shadow-end: rgb(from var(--color-role-background-5) r g b / 100%);--horizontal-overflow-shadow-width: 24px}.shared-horizontal-overflow--hide-scrollbar .shared-horizontal-overflow__container::-webkit-scrollbar{display:none;width:0;height:0}.shared-horizontal-overflow--hide-scrollbar .shared-horizontal-overflow__container{scrollbar-width:none}.shared-horizontal-overflow__container{display:flex;flex-wrap:nowrap;flex:1;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;position:relative;height:100%}.shared-horizontal-overflow__container>*{flex-shrink:0}.shared-horizontal-overflow__container{scrollbar-width:thin;scrollbar-color:var(--color-shared-scroll-bar-bar) var(--color-shared-scroll-bar-area)}.shared-horizontal-overflow__container::-webkit-scrollbar{height:6px}.shared-horizontal-overflow__container::-webkit-scrollbar-track{background-color:var(--color-shared-scroll-bar-area)}.shared-horizontal-overflow__container::-webkit-scrollbar-thumb{background-color:var(--color-shared-scroll-bar-bar);border-radius:3px}.shared-horizontal-overflow__scroll-shadow{position:absolute;top:0;bottom:0;width:var(--horizontal-overflow-shadow-width, 12px);z-index:2;pointer-events:none;opacity:0;transition:opacity .15s ease-out}.shared-horizontal-overflow__scroll-shadow--visible{opacity:1}.shared-horizontal-overflow__scroll-shadow--small{width:12px}.shared-horizontal-overflow__scroll-shadow--large{width:24px}.shared-horizontal-overflow__scroll-shadow--left{left:0;background:linear-gradient(270deg, var(--horizontal-overflow-shadow-start, rgb(from var(--color-role-background-5) r g b/0%)) 0%, var(--horizontal-overflow-shadow-middle, rgb(from var(--color-role-background-5) r g b/50%)) 50%, var(--horizontal-overflow-shadow-end, rgb(from var(--color-role-background-5) r g b/100%)) 100%)}.shared-horizontal-overflow__scroll-shadow--right{right:0;background:linear-gradient(90deg, var(--horizontal-overflow-shadow-start, rgb(from var(--color-role-background-5) r g b/0%)) 0%, var(--horizontal-overflow-shadow-middle, rgb(from var(--color-role-background-5) r g b/50%)) 50%, var(--horizontal-overflow-shadow-end, rgb(from var(--color-role-background-5) r g b/100%)) 100%)}.shared-horizontal-overflow__scroll-button{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:100%;border:none;cursor:pointer;-webkit-app-region:no-drag;padding:0;background-color:rgba(0,0,0,0);color:var(--color-shared-icon-base)}.shared-horizontal-overflow__scroll-button:hover:not(:disabled){background-color:var(--color-shared-icon-button-subtle-background-hover);color:var(--color-shared-icon-soft)}.shared-horizontal-overflow__scroll-button:focus-visible{outline:solid 1px var(--color-shared-focus-ring);outline-offset:-1px}.shared-horizontal-overflow__scroll-button:disabled{color:var(--color-shared-icon-base);opacity:.5;cursor:not-allowed}.shared-horizontal-overflow__scroll-button svg{width:16px;height:16px}.shared-horizontal-overflow__scroll-button svg path{fill:currentColor;stroke:currentColor}.shared-horizontal-overflow__scroll-button--left{order:-1}.shared-horizontal-overflow__scroll-button--right{order:1}/*# sourceMappingURL=horizontal-overflow.css.map */
1
+ .shared-horizontal-overflow{display:flex;position:relative;align-items:center;overflow:hidden;-webkit-app-region:no-drag;user-select:auto;height:100%;flex:1 1 auto;min-width:0;min-width:0}.shared-horizontal-overflow--enterprise-top-tabs{--horizontal-overflow-shadow-start: rgb(from var(--color-role-background-5) r g b / 0%);--horizontal-overflow-shadow-middle: rgb(from var(--color-role-background-5) r g b / 50%);--horizontal-overflow-shadow-end: rgb(from var(--color-role-background-5) r g b / 100%)}.shared-horizontal-overflow--enterprise-view-tabs{--horizontal-overflow-shadow-start: rgb(from var(--color-enterprise-top-chrome-border) r g b / 0%);--horizontal-overflow-shadow-middle: rgb(from var(--color-enterprise-top-chrome-border) r g b / 50%);--horizontal-overflow-shadow-end: rgb(from var(--color-enterprise-top-chrome-border) r g b / 100%)}.shared-horizontal-overflow--coreui-view-tabs{--horizontal-overflow-shadow-start: rgb(from var(--color-role-background-5) r g b / 0%);--horizontal-overflow-shadow-middle: rgb(from var(--color-role-background-5) r g b / 50%);--horizontal-overflow-shadow-end: rgb(from var(--color-role-background-5) r g b / 100%)}.shared-horizontal-overflow--dock-icons{--horizontal-overflow-shadow-start: rgb(from var(--color-role-background-5) r g b / 0%);--horizontal-overflow-shadow-middle: rgb(from var(--color-role-background-5) r g b / 50%);--horizontal-overflow-shadow-end: rgb(from var(--color-role-background-5) r g b / 100%);--horizontal-overflow-shadow-width: 24px}.shared-horizontal-overflow--hide-scrollbar .shared-horizontal-overflow__container::-webkit-scrollbar{display:none;width:0;height:0}.shared-horizontal-overflow--hide-scrollbar .shared-horizontal-overflow__container{scrollbar-width:none}.shared-horizontal-overflow--external-scroll .shared-horizontal-overflow__container{overflow-x:hidden;overflow-y:hidden}.shared-horizontal-overflow__container{display:flex;flex-wrap:nowrap;flex:1;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;position:relative;height:100%;min-width:0;scrollbar-width:thin;scrollbar-color:var(--color-shared-scroll-bar-bar) var(--color-shared-scroll-bar-area)}.shared-horizontal-overflow__container::-webkit-scrollbar{height:6px}.shared-horizontal-overflow__container::-webkit-scrollbar-track{background-color:var(--color-shared-scroll-bar-area)}.shared-horizontal-overflow__container::-webkit-scrollbar-thumb{background-color:var(--color-shared-scroll-bar-bar);border-radius:3px}.shared-horizontal-overflow__scroll-shadow{position:absolute;top:0;bottom:0;width:var(--horizontal-overflow-shadow-width, 12px);z-index:4;pointer-events:none;opacity:0;transition:opacity .15s ease-out}.shared-horizontal-overflow__scroll-shadow--visible{opacity:1}.shared-horizontal-overflow__scroll-shadow--small{width:12px}.shared-horizontal-overflow__scroll-shadow--large{width:24px}.shared-horizontal-overflow__scroll-shadow--left{left:0;background:linear-gradient(270deg, var(--horizontal-overflow-shadow-start, rgb(from var(--color-role-background-5) r g b/0%)) 0%, var(--horizontal-overflow-shadow-middle, rgb(from var(--color-role-background-5) r g b/50%)) 50%, var(--horizontal-overflow-shadow-end, rgb(from var(--color-role-background-5) r g b/100%)) 100%)}.shared-horizontal-overflow__scroll-shadow--right{right:0;background:linear-gradient(90deg, var(--horizontal-overflow-shadow-start, rgb(from var(--color-role-background-5) r g b/0%)) 0%, var(--horizontal-overflow-shadow-middle, rgb(from var(--color-role-background-5) r g b/50%)) 50%, var(--horizontal-overflow-shadow-end, rgb(from var(--color-role-background-5) r g b/100%)) 100%)}.shared-horizontal-overflow__scroll-button{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:100%;border:none;cursor:pointer;-webkit-app-region:no-drag;padding:0;background-color:rgba(0,0,0,0);color:var(--color-shared-icon-base)}.shared-horizontal-overflow__scroll-button:hover:not(:disabled){background-color:var(--color-shared-icon-button-subtle-background-hover);color:var(--color-shared-icon-soft)}.shared-horizontal-overflow__scroll-button:focus-visible{outline:solid 1px var(--color-shared-focus-ring);outline-offset:-1px}.shared-horizontal-overflow__scroll-button:disabled{color:var(--color-shared-icon-base);opacity:.5;cursor:not-allowed}.shared-horizontal-overflow__scroll-button svg{width:16px;height:16px}.shared-horizontal-overflow__scroll-button svg path{fill:currentColor;stroke:currentColor}.shared-horizontal-overflow__scroll-button--left{order:-1}.shared-horizontal-overflow__scroll-button--right{order:1}/*# sourceMappingURL=horizontal-overflow.css.map */
@@ -1 +1 @@
1
- .shared-horizontal-overflow{display:flex;position:relative;align-items:center;overflow:hidden;-webkit-app-region:no-drag;user-select:auto;width:100%;height:100%}.shared-horizontal-overflow--enterprise-top-tabs{--horizontal-overflow-shadow-start: rgb(from var(--color-role-background-5) r g b / 0%);--horizontal-overflow-shadow-middle: rgb(from var(--color-role-background-5) r g b / 50%);--horizontal-overflow-shadow-end: rgb(from var(--color-role-background-5) r g b / 100%)}.shared-horizontal-overflow--enterprise-view-tabs{--horizontal-overflow-shadow-start: rgb(from var(--color-enterprise-top-chrome-border) r g b / 0%);--horizontal-overflow-shadow-middle: rgb(from var(--color-enterprise-top-chrome-border) r g b / 50%);--horizontal-overflow-shadow-end: rgb(from var(--color-enterprise-top-chrome-border) r g b / 100%)}.shared-horizontal-overflow--coreui-view-tabs{--horizontal-overflow-shadow-start: rgb(from var(--color-role-background-5) r g b / 0%);--horizontal-overflow-shadow-middle: rgb(from var(--color-role-background-5) r g b / 50%);--horizontal-overflow-shadow-end: rgb(from var(--color-role-background-5) r g b / 100%)}.shared-horizontal-overflow--dock-icons{--horizontal-overflow-shadow-start: rgb(from var(--color-role-background-5) r g b / 0%);--horizontal-overflow-shadow-middle: rgb(from var(--color-role-background-5) r g b / 50%);--horizontal-overflow-shadow-end: rgb(from var(--color-role-background-5) r g b / 100%);--horizontal-overflow-shadow-width: 24px}.shared-horizontal-overflow--hide-scrollbar .shared-horizontal-overflow__container::-webkit-scrollbar{display:none;width:0;height:0}.shared-horizontal-overflow--hide-scrollbar .shared-horizontal-overflow__container{scrollbar-width:none}.shared-horizontal-overflow__container{display:flex;flex-wrap:nowrap;flex:1;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;position:relative;height:100%}.shared-horizontal-overflow__container>*{flex-shrink:0}.shared-horizontal-overflow__container{scrollbar-width:thin;scrollbar-color:var(--color-shared-scroll-bar-bar) var(--color-shared-scroll-bar-area)}.shared-horizontal-overflow__container::-webkit-scrollbar{height:6px}.shared-horizontal-overflow__container::-webkit-scrollbar-track{background-color:var(--color-shared-scroll-bar-area)}.shared-horizontal-overflow__container::-webkit-scrollbar-thumb{background-color:var(--color-shared-scroll-bar-bar);border-radius:3px}.shared-horizontal-overflow__scroll-shadow{position:absolute;top:0;bottom:0;width:var(--horizontal-overflow-shadow-width, 12px);z-index:2;pointer-events:none;opacity:0;transition:opacity .15s ease-out}.shared-horizontal-overflow__scroll-shadow--visible{opacity:1}.shared-horizontal-overflow__scroll-shadow--small{width:12px}.shared-horizontal-overflow__scroll-shadow--large{width:24px}.shared-horizontal-overflow__scroll-shadow--left{left:0;background:linear-gradient(270deg, var(--horizontal-overflow-shadow-start, rgb(from var(--color-role-background-5) r g b/0%)) 0%, var(--horizontal-overflow-shadow-middle, rgb(from var(--color-role-background-5) r g b/50%)) 50%, var(--horizontal-overflow-shadow-end, rgb(from var(--color-role-background-5) r g b/100%)) 100%)}.shared-horizontal-overflow__scroll-shadow--right{right:0;background:linear-gradient(90deg, var(--horizontal-overflow-shadow-start, rgb(from var(--color-role-background-5) r g b/0%)) 0%, var(--horizontal-overflow-shadow-middle, rgb(from var(--color-role-background-5) r g b/50%)) 50%, var(--horizontal-overflow-shadow-end, rgb(from var(--color-role-background-5) r g b/100%)) 100%)}.shared-horizontal-overflow__scroll-button{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:100%;border:none;cursor:pointer;-webkit-app-region:no-drag;padding:0;background-color:rgba(0,0,0,0);color:var(--color-shared-icon-base)}.shared-horizontal-overflow__scroll-button:hover:not(:disabled){background-color:var(--color-shared-icon-button-subtle-background-hover);color:var(--color-shared-icon-soft)}.shared-horizontal-overflow__scroll-button:focus-visible{outline:solid 1px var(--color-shared-focus-ring);outline-offset:-1px}.shared-horizontal-overflow__scroll-button:disabled{color:var(--color-shared-icon-base);opacity:.5;cursor:not-allowed}.shared-horizontal-overflow__scroll-button svg{width:16px;height:16px}.shared-horizontal-overflow__scroll-button svg path{fill:currentColor;stroke:currentColor}.shared-horizontal-overflow__scroll-button--left{order:-1}.shared-horizontal-overflow__scroll-button--right{order:1}/*# sourceMappingURL=index.css.map */
1
+ .shared-horizontal-overflow{display:flex;position:relative;align-items:center;overflow:hidden;-webkit-app-region:no-drag;user-select:auto;height:100%;flex:1 1 auto;min-width:0;min-width:0}.shared-horizontal-overflow--enterprise-top-tabs{--horizontal-overflow-shadow-start: rgb(from var(--color-role-background-5) r g b / 0%);--horizontal-overflow-shadow-middle: rgb(from var(--color-role-background-5) r g b / 50%);--horizontal-overflow-shadow-end: rgb(from var(--color-role-background-5) r g b / 100%)}.shared-horizontal-overflow--enterprise-view-tabs{--horizontal-overflow-shadow-start: rgb(from var(--color-enterprise-top-chrome-border) r g b / 0%);--horizontal-overflow-shadow-middle: rgb(from var(--color-enterprise-top-chrome-border) r g b / 50%);--horizontal-overflow-shadow-end: rgb(from var(--color-enterprise-top-chrome-border) r g b / 100%)}.shared-horizontal-overflow--coreui-view-tabs{--horizontal-overflow-shadow-start: rgb(from var(--color-role-background-5) r g b / 0%);--horizontal-overflow-shadow-middle: rgb(from var(--color-role-background-5) r g b / 50%);--horizontal-overflow-shadow-end: rgb(from var(--color-role-background-5) r g b / 100%)}.shared-horizontal-overflow--dock-icons{--horizontal-overflow-shadow-start: rgb(from var(--color-role-background-5) r g b / 0%);--horizontal-overflow-shadow-middle: rgb(from var(--color-role-background-5) r g b / 50%);--horizontal-overflow-shadow-end: rgb(from var(--color-role-background-5) r g b / 100%);--horizontal-overflow-shadow-width: 24px}.shared-horizontal-overflow--hide-scrollbar .shared-horizontal-overflow__container::-webkit-scrollbar{display:none;width:0;height:0}.shared-horizontal-overflow--hide-scrollbar .shared-horizontal-overflow__container{scrollbar-width:none}.shared-horizontal-overflow--external-scroll .shared-horizontal-overflow__container{overflow-x:hidden;overflow-y:hidden}.shared-horizontal-overflow__container{display:flex;flex-wrap:nowrap;flex:1;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;position:relative;height:100%;min-width:0;scrollbar-width:thin;scrollbar-color:var(--color-shared-scroll-bar-bar) var(--color-shared-scroll-bar-area)}.shared-horizontal-overflow__container::-webkit-scrollbar{height:6px}.shared-horizontal-overflow__container::-webkit-scrollbar-track{background-color:var(--color-shared-scroll-bar-area)}.shared-horizontal-overflow__container::-webkit-scrollbar-thumb{background-color:var(--color-shared-scroll-bar-bar);border-radius:3px}.shared-horizontal-overflow__scroll-shadow{position:absolute;top:0;bottom:0;width:var(--horizontal-overflow-shadow-width, 12px);z-index:4;pointer-events:none;opacity:0;transition:opacity .15s ease-out}.shared-horizontal-overflow__scroll-shadow--visible{opacity:1}.shared-horizontal-overflow__scroll-shadow--small{width:12px}.shared-horizontal-overflow__scroll-shadow--large{width:24px}.shared-horizontal-overflow__scroll-shadow--left{left:0;background:linear-gradient(270deg, var(--horizontal-overflow-shadow-start, rgb(from var(--color-role-background-5) r g b/0%)) 0%, var(--horizontal-overflow-shadow-middle, rgb(from var(--color-role-background-5) r g b/50%)) 50%, var(--horizontal-overflow-shadow-end, rgb(from var(--color-role-background-5) r g b/100%)) 100%)}.shared-horizontal-overflow__scroll-shadow--right{right:0;background:linear-gradient(90deg, var(--horizontal-overflow-shadow-start, rgb(from var(--color-role-background-5) r g b/0%)) 0%, var(--horizontal-overflow-shadow-middle, rgb(from var(--color-role-background-5) r g b/50%)) 50%, var(--horizontal-overflow-shadow-end, rgb(from var(--color-role-background-5) r g b/100%)) 100%)}.shared-horizontal-overflow__scroll-button{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:100%;border:none;cursor:pointer;-webkit-app-region:no-drag;padding:0;background-color:rgba(0,0,0,0);color:var(--color-shared-icon-base)}.shared-horizontal-overflow__scroll-button:hover:not(:disabled){background-color:var(--color-shared-icon-button-subtle-background-hover);color:var(--color-shared-icon-soft)}.shared-horizontal-overflow__scroll-button:focus-visible{outline:solid 1px var(--color-shared-focus-ring);outline-offset:-1px}.shared-horizontal-overflow__scroll-button:disabled{color:var(--color-shared-icon-base);opacity:.5;cursor:not-allowed}.shared-horizontal-overflow__scroll-button svg{width:16px;height:16px}.shared-horizontal-overflow__scroll-button svg path{fill:currentColor;stroke:currentColor}.shared-horizontal-overflow__scroll-button--left{order:-1}.shared-horizontal-overflow__scroll-button--right{order:1}/*# sourceMappingURL=index.css.map */
@@ -1 +1 @@
1
- .shared-button,.shared-button>button{border-width:1px;border-style:solid;border-color:rgba(0,0,0,0);outline:none;padding:var(--number-space, 8px) var(--number-space-6, 12px);border-radius:0;color:var(--color-shared-button-default-text-default)}[data-os=mac] .shared-button,[data-os=mac] .shared-button>button{border-radius:4px}.shared-button svg path,.shared-button>button svg path{color:var(--color-shared-button-default-icon-default)}.shared-button--default,.shared-button--default>button{background-color:var(--color-shared-button-default-background-default);color:var(--color-shared-button-default-text-default);border-color:var(--color-shared-button-default-border-default)}.shared-button--default:is(button):hover:not(:disabled):not([aria-disabled=true]),.shared-button--default>button:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--color-shared-button-default-background-hover);color:var(--color-shared-button-default-text-hover);border-color:var(--color-shared-button-default-border-hover)}.shared-button--default:is(button):active:not(:disabled):not([aria-disabled=true]),.shared-button--default>button:active:not(:disabled):not([aria-disabled=true]){background-color:var(--color-shared-button-default-background-pressed);color:var(--color-shared-button-default-text-default);border-color:var(--color-shared-button-default-border-pressed)}.shared-button--default:is(button):focus-visible,.shared-button--default>button:focus-visible{background-color:var(--color-shared-button-default-background-default);color:var(--color-shared-button-default-text-default);border-color:var(--color-shared-button-default-border-default);outline:2px solid var(--color-shared-button-default-focus-ring);outline-offset:2px}.shared-button--default:is(button):disabled,.shared-button--default:is(button)[aria-disabled=true],.shared-button--default>button:disabled,.shared-button--default>button[aria-disabled=true]{background-color:var(--color-shared-button-default-background-default);color:var(--color-shared-button-default-text-default);border-color:var(--color-shared-button-default-border-default);opacity:.5}.shared-button--default:is(button)[data-state=loading],.shared-button--default>button[data-state=loading]{background-color:var(--color-shared-button-default-background-default);color:var(--color-shared-button-default-text-default);border-color:var(--color-shared-button-default-border-default)}.shared-button--default:is(button)[aria-pressed=true],.shared-button--default:is(button)[aria-selected=true],.shared-button--default>button[aria-pressed=true],.shared-button--default>button[aria-selected=true]{background-color:var(--color-shared-button-default-background-selected);color:var(--color-shared-button-default-text-selected);border-color:var(--color-shared-button-default-border-selected)}.shared-button--subtle,.shared-button--subtle>button{background-color:var(--color-shared-button-subtle-background-default);color:var(--color-shared-button-subtle-text-default);border-color:rgba(0,0,0,0)}.shared-button--subtle:is(button):hover:not(:disabled):not([aria-disabled=true]),.shared-button--subtle>button:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--color-shared-button-subtle-background-hover);color:var(--color-shared-button-subtle-text-hover);border-color:rgba(0,0,0,0)}.shared-button--subtle:is(button):active:not(:disabled):not([aria-disabled=true]),.shared-button--subtle>button:active:not(:disabled):not([aria-disabled=true]){background-color:var(--color-shared-button-subtle-background-pressed);color:var(--color-shared-button-subtle-text-default);border-color:rgba(0,0,0,0)}.shared-button--subtle:is(button):focus-visible,.shared-button--subtle>button:focus-visible{background-color:var(--color-shared-button-subtle-background-default);color:var(--color-shared-button-subtle-text-default);border-color:rgba(0,0,0,0);outline:2px solid var(--color-shared-button-default-focus-ring);outline-offset:2px}.shared-button--subtle:is(button):disabled,.shared-button--subtle:is(button)[aria-disabled=true],.shared-button--subtle>button:disabled,.shared-button--subtle>button[aria-disabled=true]{background-color:var(--color-shared-button-subtle-background-default);color:var(--color-shared-button-subtle-text-default);border-color:rgba(0,0,0,0);opacity:.5}.shared-button--subtle:is(button)[data-state=loading],.shared-button--subtle>button[data-state=loading]{background-color:var(--color-shared-button-subtle-background-default);color:var(--color-shared-button-subtle-text-default);border-color:rgba(0,0,0,0)}.shared-button--subtle:is(button)[aria-pressed=true],.shared-button--subtle:is(button)[aria-selected=true],.shared-button--subtle>button[aria-pressed=true],.shared-button--subtle>button[aria-selected=true]{background-color:var(--color-shared-button-subtle-background-hover);color:var(--color-shared-button-subtle-text-default);border-color:rgba(0,0,0,0)}.shared-button--primary,.shared-button--primary>button{background-color:var(--color-shared-button-primary-background-default);color:var(--color-shared-button-primary-text-default);border-color:var(--color-shared-button-primary-border-default)}.shared-button--primary svg path,.shared-button--primary>button svg path{color:var(--color-shared-button-primary-text-default)}.shared-button--primary:is(button):hover:not(:disabled):not([aria-disabled=true]),.shared-button--primary>button:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--color-shared-button-primary-background-hover);color:var(--color-shared-button-primary-text-hover);border-color:var(--color-shared-button-primary-border-hover)}.shared-button--primary:is(button):hover:not(:disabled):not([aria-disabled=true]) svg path,.shared-button--primary>button:hover:not(:disabled):not([aria-disabled=true]) svg path{color:var(--color-shared-button-primary-text-hover)}.shared-button--primary:is(button):active:not(:disabled):not([aria-disabled=true]),.shared-button--primary>button:active:not(:disabled):not([aria-disabled=true]){background-color:var(--color-shared-button-primary-background-pressed);color:var(--color-shared-button-primary-text-default);border-color:var(--color-shared-button-primary-border-pressed)}.shared-button--primary:is(button):active:not(:disabled):not([aria-disabled=true]) svg path,.shared-button--primary>button:active:not(:disabled):not([aria-disabled=true]) svg path{color:var(--color-shared-button-primary-text-default)}.shared-button--primary:is(button):focus-visible,.shared-button--primary>button:focus-visible{background-color:var(--color-shared-button-primary-background-default);color:var(--color-shared-button-primary-text-default);border-color:var(--color-shared-button-primary-border-default);outline:2px solid var(--color-shared-button-primary-focus-ring);outline-offset:2px}.shared-button--primary:is(button):focus-visible svg path,.shared-button--primary>button:focus-visible svg path{color:var(--color-shared-button-primary-text-default)}.shared-button--primary:is(button):disabled,.shared-button--primary:is(button)[aria-disabled=true],.shared-button--primary>button:disabled,.shared-button--primary>button[aria-disabled=true]{background-color:var(--color-shared-button-primary-background-default);color:var(--color-shared-button-primary-text-default);border-color:var(--color-shared-button-primary-border-default);opacity:.5}.shared-button--primary:is(button):disabled svg path,.shared-button--primary:is(button)[aria-disabled=true] svg path,.shared-button--primary>button:disabled svg path,.shared-button--primary>button[aria-disabled=true] svg path{color:var(--color-shared-button-primary-text-default)}.shared-button--primary:is(button)[data-state=loading],.shared-button--primary>button[data-state=loading]{background-color:var(--color-shared-button-primary-background-default);color:var(--color-shared-button-primary-text-default);border-color:var(--color-shared-button-primary-border-default)}.shared-button--primary:is(button)[data-state=loading] svg path,.shared-button--primary>button[data-state=loading] svg path{color:var(--color-shared-button-primary-text-default)}.shared-button--critical,.shared-button--critical>button{background-color:var(--color-shared-button-critical-background-default);color:var(--color-shared-button-critical-text-default);border-color:var(--color-shared-button-critical-border-default)}.shared-button--critical:is(button):hover:not(:disabled):not([aria-disabled=true]),.shared-button--critical>button:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--color-shared-button-critical-background-hover);color:var(--color-shared-button-critical-text-hover);border-color:var(--color-shared-button-critical-border-hover)}.shared-button--critical:is(button):active:not(:disabled):not([aria-disabled=true]),.shared-button--critical>button:active:not(:disabled):not([aria-disabled=true]){background-color:var(--color-shared-button-critical-background-pressed);color:var(--color-shared-button-critical-text-default);border-color:var(--color-shared-button-critical-border-pressed)}.shared-button--critical:is(button):focus-visible,.shared-button--critical>button:focus-visible{background-color:var(--color-shared-button-critical-background-default);color:var(--color-shared-button-critical-text-default);border-color:var(--color-shared-button-critical-border-default);outline:2px solid var(--color-shared-button-critical-focus-ring);outline-offset:2px}.shared-button--critical:is(button):disabled,.shared-button--critical:is(button)[aria-disabled=true],.shared-button--critical>button:disabled,.shared-button--critical>button[aria-disabled=true]{background-color:var(--color-shared-button-critical-background-default);color:var(--color-shared-button-critical-text-default);border-color:var(--color-shared-button-critical-border-default);opacity:.5}.shared-button--critical:is(button)[data-state=loading],.shared-button--critical>button[data-state=loading]{background-color:var(--color-shared-button-critical-background-default);color:var(--color-shared-button-critical-text-default);border-color:var(--color-shared-button-critical-border-default)}.shared-button--ghost,.shared-button--ghost>button{background-color:var(--color-shared-button-ghost-background);color:var(--color-shared-button-ghost-text-default);border-color:rgba(0,0,0,0)}.shared-button--ghost:is(button):hover:not(:disabled):not([aria-disabled=true]),.shared-button--ghost>button:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--color-shared-button-ghost-background);color:var(--color-shared-button-ghost-text-hover);border-color:rgba(0,0,0,0)}.shared-button--ghost:is(button):active:not(:disabled):not([aria-disabled=true]),.shared-button--ghost>button:active:not(:disabled):not([aria-disabled=true]){background-color:var(--color-shared-button-ghost-background);color:var(--color-shared-button-ghost-text-pressed);border-color:rgba(0,0,0,0)}.shared-button--ghost:is(button):focus-visible,.shared-button--ghost>button:focus-visible{background-color:var(--color-shared-button-ghost-background);color:var(--color-shared-button-ghost-text-default);border-color:rgba(0,0,0,0);outline:2px solid var(--color-shared-button-default-focus-ring);outline-offset:2px}.shared-button--ghost:is(button):disabled,.shared-button--ghost:is(button)[aria-disabled=true],.shared-button--ghost>button:disabled,.shared-button--ghost>button[aria-disabled=true]{background-color:var(--color-shared-button-ghost-background);color:var(--color-shared-button-ghost-text-default);border-color:rgba(0,0,0,0);opacity:.5}.shared-button--ghost:is(button)[data-state=loading],.shared-button--ghost>button[data-state=loading]{background-color:var(--color-shared-button-ghost-background);color:var(--color-shared-button-ghost-text-default);border-color:rgba(0,0,0,0)}.shared-button--small,.shared-button--small>button{height:24px;font-size:var(--typography-ui-medium-medium-2-size, 13px);line-height:16px;padding:var(--numbers-space-3, 4px) var(--numbers-space-5, 8px)}.shared-button--icon svg path{color:var(--color-shared-button-subtle-icon-default)}.shared-button--icon-left__icon{color:var(--color-shared-button-default-icon-default)}.shared-button--icon-right__icon{color:var(--color-shared-button-default-icon-default)}.shared-button__dropdown svg path{color:var(--color-shared-icon-base)}.shared-button--icon-button,.shared-button--icon-button>button{color:var(--color-shared-button-default-text-default)}.shared-button--left{border-radius:0 !important;border-top-right-radius:0 !important;border-bottom-right-radius:0 !important;border-top-left-radius:0 !important;border-bottom-left-radius:0 !important}[data-os=mac] .shared-button--left{border-radius:0 !important;border-top-left-radius:4px !important;border-bottom-left-radius:4px !important}.shared-button--middle{border-radius:0 !important;border-top-left-radius:0 !important;border-bottom-left-radius:0 !important;border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}.shared-button--right{border-radius:0 !important;border-top-left-radius:0 !important;border-bottom-left-radius:0 !important;border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}[data-os=mac] .shared-button--right{border-radius:0 !important;border-top-right-radius:4px !important;border-bottom-right-radius:4px !important}.shared-button--split>button.shared-button--left{border-right-width:1px;border-right-style:solid}.shared-button--split>button.shared-button--middle{border-right-width:1px;border-right-style:solid}.shared-button--split>button.shared-button--right{border-left:none}.shared-button--split>button.shared-button--default.shared-button--left,.shared-button--split>button.shared-button--default.shared-button--middle{border-right-color:var(--color-shared-button-default-border-default)}.shared-button--split>button.shared-button--default.shared-button--left:hover:not(:disabled):not([aria-disabled=true]),.shared-button--split>button.shared-button--default.shared-button--middle:hover:not(:disabled):not([aria-disabled=true]){border-right-color:var(--color-shared-button-default-border-hover)}.shared-button--split>button.shared-button--default.shared-button--left:active:not(:disabled):not([aria-disabled=true]),.shared-button--split>button.shared-button--default.shared-button--middle:active:not(:disabled):not([aria-disabled=true]){border-right-color:var(--color-shared-button-default-border-pressed)}.shared-button--split>button.shared-button--primary.shared-button--left,.shared-button--split>button.shared-button--primary.shared-button--middle{border-right-color:var(--color-shared-button-primary-border-default)}.shared-button--split>button.shared-button--primary.shared-button--left:hover:not(:disabled):not([aria-disabled=true]),.shared-button--split>button.shared-button--primary.shared-button--middle:hover:not(:disabled):not([aria-disabled=true]){border-right-color:var(--color-shared-button-primary-border-hover)}.shared-button--split>button.shared-button--primary.shared-button--left:active:not(:disabled):not([aria-disabled=true]),.shared-button--split>button.shared-button--primary.shared-button--middle:active:not(:disabled):not([aria-disabled=true]){border-right-color:var(--color-shared-button-primary-border-pressed)}.shared-button--split__dropdown{color:var(--color-shared-icon-base)}.shared-button--split button[aria-expanded=true]+.shared-button__dropdown,.shared-button--split>button[aria-expanded=true]+.shared-button__dropdown{color:var(--color-shared-icon-base)}.shared-button--split button[aria-expanded=false]+.shared-button__dropdown,.shared-button--split>button[aria-expanded=false]+.shared-button__dropdown,.shared-button--split button:not([aria-expanded])+.shared-button__dropdown,.shared-button--split>button:not([aria-expanded])+.shared-button__dropdown{color:var(--color-shared-icon-base)}.shared-layout{display:block;background-color:var(--color-coreui-home-background)}.shared-layout__column{display:flex;flex-flow:column}.shared-layout__row{display:flex;flex-flow:row}[data-os=windows] .shared-layout{border:1px solid var(--color-coreui-home-border)}.shared-checkbox__container{display:inline-block;position:relative}.shared-checkbox__container input[type=checkbox].shared-checkbox{opacity:0;position:absolute;width:100%;height:100%;cursor:pointer}.shared-checkbox__container input[type=checkbox].shared-checkbox:checked+.shared-checkbox__fauxbox{background-color:rgba(0,0,0,0);border-color:var(--color-role-foreground-base)}.shared-checkbox__container input[type=checkbox].shared-checkbox:checked+.shared-checkbox__fauxbox .shared-checkbox__icon{opacity:1;color:var(--color-role-foreground-base)}.shared-checkbox__container input[type=checkbox].shared-checkbox:hover:not(:disabled)+.shared-checkbox__fauxbox{box-shadow:0 0 1px 1px var(--color-shared-form-border-focus)}.shared-checkbox__container input[type=checkbox].shared-checkbox:focus+.shared-checkbox__fauxbox{box-shadow:0 0 1px 1px var(--color-shared-form-border-focus)}.shared-checkbox__container input[type=checkbox].shared-checkbox:disabled{cursor:not-allowed}.shared-checkbox__container input[type=checkbox].shared-checkbox:disabled+.shared-checkbox__fauxbox{opacity:.5}.shared-checkbox__fauxbox{display:flex;align-items:center;justify-content:center;height:var(--number-space, 12px);width:var(--number-space, 12px);border-width:1px;border-style:solid;border-color:var(--color-role-foreground-base);border-radius:2px;pointer-events:none;background-color:rgba(0,0,0,0)}.shared-checkbox__icon{opacity:0;color:var(--color-role-foreground-base)}.shared-checkbox--primary__container input[type=checkbox].shared-checkbox:checked+.shared-checkbox__fauxbox{background-color:var(--color-role-background-accent-base);border-color:var(--color-role-background-accent-base)}.shared-checkbox--primary__container input[type=checkbox].shared-checkbox:checked+.shared-checkbox__fauxbox .shared-checkbox__icon{color:var(--color-role-foreground-on-primary)}.shared-checkbox--primary__container input[type=checkbox].shared-checkbox:checked:hover:not(:disabled)+.shared-checkbox__fauxbox{background-color:var(--color-role-background-accent-strong);border-color:var(--color-role-background-accent-strong)}.shared-checkbox--primary__container input[type=checkbox].shared-checkbox:checked:active:not(:disabled)+.shared-checkbox__fauxbox{background-color:var(--color-role-background-accent-stronger);border-color:var(--color-role-background-accent-stronger)}.shared-checkbox--primary__container input[type=checkbox].shared-checkbox:checked:focus+.shared-checkbox__fauxbox{border-color:var(--color-role-background-accent-base);box-shadow:0 0 1px 1px var(--color-shared-form-focus-ring)}.shared-spinner{align-items:center;background-color:var(--color-coreui-home-background);display:flex;flex-direction:column;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .3s ease-in-out,background-color .3s ease-in-out;visibility:hidden;width:100%;z-index:10}.shared-spinner--active{opacity:1;pointer-events:auto;visibility:visible}.shared-spinner__container{height:48px;width:48px;position:relative}@keyframes rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.shared-spinner__quarter{animation:rotation .8s linear infinite;border:5px solid var(--color-coreui-home-card-background);border-left:5px solid var(--color-coreui-home-text-base);border-radius:50%;height:48px;position:absolute;width:48px}.shared-spinner__text{padding-top:8px}.shared-horizontal-overflow{display:flex;position:relative;align-items:center;overflow:hidden;-webkit-app-region:no-drag;user-select:auto;width:100%;height:100%}.shared-horizontal-overflow--enterprise-top-tabs{--horizontal-overflow-shadow-start: rgb(from var(--color-role-background-5) r g b / 0%);--horizontal-overflow-shadow-middle: rgb(from var(--color-role-background-5) r g b / 50%);--horizontal-overflow-shadow-end: rgb(from var(--color-role-background-5) r g b / 100%)}.shared-horizontal-overflow--enterprise-view-tabs{--horizontal-overflow-shadow-start: rgb(from var(--color-enterprise-top-chrome-border) r g b / 0%);--horizontal-overflow-shadow-middle: rgb(from var(--color-enterprise-top-chrome-border) r g b / 50%);--horizontal-overflow-shadow-end: rgb(from var(--color-enterprise-top-chrome-border) r g b / 100%)}.shared-horizontal-overflow--coreui-view-tabs{--horizontal-overflow-shadow-start: rgb(from var(--color-role-background-5) r g b / 0%);--horizontal-overflow-shadow-middle: rgb(from var(--color-role-background-5) r g b / 50%);--horizontal-overflow-shadow-end: rgb(from var(--color-role-background-5) r g b / 100%)}.shared-horizontal-overflow--dock-icons{--horizontal-overflow-shadow-start: rgb(from var(--color-role-background-5) r g b / 0%);--horizontal-overflow-shadow-middle: rgb(from var(--color-role-background-5) r g b / 50%);--horizontal-overflow-shadow-end: rgb(from var(--color-role-background-5) r g b / 100%);--horizontal-overflow-shadow-width: 24px}.shared-horizontal-overflow--hide-scrollbar .shared-horizontal-overflow__container::-webkit-scrollbar{display:none;width:0;height:0}.shared-horizontal-overflow--hide-scrollbar .shared-horizontal-overflow__container{scrollbar-width:none}.shared-horizontal-overflow__container{display:flex;flex-wrap:nowrap;flex:1;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;position:relative;height:100%}.shared-horizontal-overflow__container>*{flex-shrink:0}.shared-horizontal-overflow__container{scrollbar-width:thin;scrollbar-color:var(--color-shared-scroll-bar-bar) var(--color-shared-scroll-bar-area)}.shared-horizontal-overflow__container::-webkit-scrollbar{height:6px}.shared-horizontal-overflow__container::-webkit-scrollbar-track{background-color:var(--color-shared-scroll-bar-area)}.shared-horizontal-overflow__container::-webkit-scrollbar-thumb{background-color:var(--color-shared-scroll-bar-bar);border-radius:3px}.shared-horizontal-overflow__scroll-shadow{position:absolute;top:0;bottom:0;width:var(--horizontal-overflow-shadow-width, 12px);z-index:2;pointer-events:none;opacity:0;transition:opacity .15s ease-out}.shared-horizontal-overflow__scroll-shadow--visible{opacity:1}.shared-horizontal-overflow__scroll-shadow--small{width:12px}.shared-horizontal-overflow__scroll-shadow--large{width:24px}.shared-horizontal-overflow__scroll-shadow--left{left:0;background:linear-gradient(270deg, var(--horizontal-overflow-shadow-start, rgb(from var(--color-role-background-5) r g b/0%)) 0%, var(--horizontal-overflow-shadow-middle, rgb(from var(--color-role-background-5) r g b/50%)) 50%, var(--horizontal-overflow-shadow-end, rgb(from var(--color-role-background-5) r g b/100%)) 100%)}.shared-horizontal-overflow__scroll-shadow--right{right:0;background:linear-gradient(90deg, var(--horizontal-overflow-shadow-start, rgb(from var(--color-role-background-5) r g b/0%)) 0%, var(--horizontal-overflow-shadow-middle, rgb(from var(--color-role-background-5) r g b/50%)) 50%, var(--horizontal-overflow-shadow-end, rgb(from var(--color-role-background-5) r g b/100%)) 100%)}.shared-horizontal-overflow__scroll-button{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:100%;border:none;cursor:pointer;-webkit-app-region:no-drag;padding:0;background-color:rgba(0,0,0,0);color:var(--color-shared-icon-base)}.shared-horizontal-overflow__scroll-button:hover:not(:disabled){background-color:var(--color-shared-icon-button-subtle-background-hover);color:var(--color-shared-icon-soft)}.shared-horizontal-overflow__scroll-button:focus-visible{outline:solid 1px var(--color-shared-focus-ring);outline-offset:-1px}.shared-horizontal-overflow__scroll-button:disabled{color:var(--color-shared-icon-base);opacity:.5;cursor:not-allowed}.shared-horizontal-overflow__scroll-button svg{width:16px;height:16px}.shared-horizontal-overflow__scroll-button svg path{fill:currentColor;stroke:currentColor}.shared-horizontal-overflow__scroll-button--left{order:-1}.shared-horizontal-overflow__scroll-button--right{order:1}/*# sourceMappingURL=index.css.map */
1
+ .shared-button,.shared-button>button{border-width:1px;border-style:solid;border-color:rgba(0,0,0,0);outline:none;padding:var(--number-space, 8px) var(--number-space-6, 12px);border-radius:0;color:var(--color-shared-button-default-text-default)}[data-os=mac] .shared-button,[data-os=mac] .shared-button>button{border-radius:4px}.shared-button svg path,.shared-button>button svg path{color:var(--color-shared-button-default-icon-default)}.shared-button--default,.shared-button--default>button{background-color:var(--color-shared-button-default-background-default);color:var(--color-shared-button-default-text-default);border-color:var(--color-shared-button-default-border-default)}.shared-button--default:is(button):hover:not(:disabled):not([aria-disabled=true]),.shared-button--default>button:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--color-shared-button-default-background-hover);color:var(--color-shared-button-default-text-hover);border-color:var(--color-shared-button-default-border-hover)}.shared-button--default:is(button):active:not(:disabled):not([aria-disabled=true]),.shared-button--default>button:active:not(:disabled):not([aria-disabled=true]){background-color:var(--color-shared-button-default-background-pressed);color:var(--color-shared-button-default-text-default);border-color:var(--color-shared-button-default-border-pressed)}.shared-button--default:is(button):focus-visible,.shared-button--default>button:focus-visible{background-color:var(--color-shared-button-default-background-default);color:var(--color-shared-button-default-text-default);border-color:var(--color-shared-button-default-border-default);outline:2px solid var(--color-shared-button-default-focus-ring);outline-offset:2px}.shared-button--default:is(button):disabled,.shared-button--default:is(button)[aria-disabled=true],.shared-button--default>button:disabled,.shared-button--default>button[aria-disabled=true]{background-color:var(--color-shared-button-default-background-default);color:var(--color-shared-button-default-text-default);border-color:var(--color-shared-button-default-border-default);opacity:.5}.shared-button--default:is(button)[data-state=loading],.shared-button--default>button[data-state=loading]{background-color:var(--color-shared-button-default-background-default);color:var(--color-shared-button-default-text-default);border-color:var(--color-shared-button-default-border-default)}.shared-button--default:is(button)[aria-pressed=true],.shared-button--default:is(button)[aria-selected=true],.shared-button--default>button[aria-pressed=true],.shared-button--default>button[aria-selected=true]{background-color:var(--color-shared-button-default-background-selected);color:var(--color-shared-button-default-text-selected);border-color:var(--color-shared-button-default-border-selected)}.shared-button--subtle,.shared-button--subtle>button{background-color:var(--color-shared-button-subtle-background-default);color:var(--color-shared-button-subtle-text-default);border-color:rgba(0,0,0,0)}.shared-button--subtle:is(button):hover:not(:disabled):not([aria-disabled=true]),.shared-button--subtle>button:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--color-shared-button-subtle-background-hover);color:var(--color-shared-button-subtle-text-hover);border-color:rgba(0,0,0,0)}.shared-button--subtle:is(button):active:not(:disabled):not([aria-disabled=true]),.shared-button--subtle>button:active:not(:disabled):not([aria-disabled=true]){background-color:var(--color-shared-button-subtle-background-pressed);color:var(--color-shared-button-subtle-text-default);border-color:rgba(0,0,0,0)}.shared-button--subtle:is(button):focus-visible,.shared-button--subtle>button:focus-visible{background-color:var(--color-shared-button-subtle-background-default);color:var(--color-shared-button-subtle-text-default);border-color:rgba(0,0,0,0);outline:2px solid var(--color-shared-button-default-focus-ring);outline-offset:2px}.shared-button--subtle:is(button):disabled,.shared-button--subtle:is(button)[aria-disabled=true],.shared-button--subtle>button:disabled,.shared-button--subtle>button[aria-disabled=true]{background-color:var(--color-shared-button-subtle-background-default);color:var(--color-shared-button-subtle-text-default);border-color:rgba(0,0,0,0);opacity:.5}.shared-button--subtle:is(button)[data-state=loading],.shared-button--subtle>button[data-state=loading]{background-color:var(--color-shared-button-subtle-background-default);color:var(--color-shared-button-subtle-text-default);border-color:rgba(0,0,0,0)}.shared-button--subtle:is(button)[aria-pressed=true],.shared-button--subtle:is(button)[aria-selected=true],.shared-button--subtle>button[aria-pressed=true],.shared-button--subtle>button[aria-selected=true]{background-color:var(--color-shared-button-subtle-background-hover);color:var(--color-shared-button-subtle-text-default);border-color:rgba(0,0,0,0)}.shared-button--primary,.shared-button--primary>button{background-color:var(--color-shared-button-primary-background-default);color:var(--color-shared-button-primary-text-default);border-color:var(--color-shared-button-primary-border-default)}.shared-button--primary svg path,.shared-button--primary>button svg path{color:var(--color-shared-button-primary-text-default)}.shared-button--primary:is(button):hover:not(:disabled):not([aria-disabled=true]),.shared-button--primary>button:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--color-shared-button-primary-background-hover);color:var(--color-shared-button-primary-text-hover);border-color:var(--color-shared-button-primary-border-hover)}.shared-button--primary:is(button):hover:not(:disabled):not([aria-disabled=true]) svg path,.shared-button--primary>button:hover:not(:disabled):not([aria-disabled=true]) svg path{color:var(--color-shared-button-primary-text-hover)}.shared-button--primary:is(button):active:not(:disabled):not([aria-disabled=true]),.shared-button--primary>button:active:not(:disabled):not([aria-disabled=true]){background-color:var(--color-shared-button-primary-background-pressed);color:var(--color-shared-button-primary-text-default);border-color:var(--color-shared-button-primary-border-pressed)}.shared-button--primary:is(button):active:not(:disabled):not([aria-disabled=true]) svg path,.shared-button--primary>button:active:not(:disabled):not([aria-disabled=true]) svg path{color:var(--color-shared-button-primary-text-default)}.shared-button--primary:is(button):focus-visible,.shared-button--primary>button:focus-visible{background-color:var(--color-shared-button-primary-background-default);color:var(--color-shared-button-primary-text-default);border-color:var(--color-shared-button-primary-border-default);outline:2px solid var(--color-shared-button-primary-focus-ring);outline-offset:2px}.shared-button--primary:is(button):focus-visible svg path,.shared-button--primary>button:focus-visible svg path{color:var(--color-shared-button-primary-text-default)}.shared-button--primary:is(button):disabled,.shared-button--primary:is(button)[aria-disabled=true],.shared-button--primary>button:disabled,.shared-button--primary>button[aria-disabled=true]{background-color:var(--color-shared-button-primary-background-default);color:var(--color-shared-button-primary-text-default);border-color:var(--color-shared-button-primary-border-default);opacity:.5}.shared-button--primary:is(button):disabled svg path,.shared-button--primary:is(button)[aria-disabled=true] svg path,.shared-button--primary>button:disabled svg path,.shared-button--primary>button[aria-disabled=true] svg path{color:var(--color-shared-button-primary-text-default)}.shared-button--primary:is(button)[data-state=loading],.shared-button--primary>button[data-state=loading]{background-color:var(--color-shared-button-primary-background-default);color:var(--color-shared-button-primary-text-default);border-color:var(--color-shared-button-primary-border-default)}.shared-button--primary:is(button)[data-state=loading] svg path,.shared-button--primary>button[data-state=loading] svg path{color:var(--color-shared-button-primary-text-default)}.shared-button--critical,.shared-button--critical>button{background-color:var(--color-shared-button-critical-background-default);color:var(--color-shared-button-critical-text-default);border-color:var(--color-shared-button-critical-border-default)}.shared-button--critical:is(button):hover:not(:disabled):not([aria-disabled=true]),.shared-button--critical>button:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--color-shared-button-critical-background-hover);color:var(--color-shared-button-critical-text-hover);border-color:var(--color-shared-button-critical-border-hover)}.shared-button--critical:is(button):active:not(:disabled):not([aria-disabled=true]),.shared-button--critical>button:active:not(:disabled):not([aria-disabled=true]){background-color:var(--color-shared-button-critical-background-pressed);color:var(--color-shared-button-critical-text-default);border-color:var(--color-shared-button-critical-border-pressed)}.shared-button--critical:is(button):focus-visible,.shared-button--critical>button:focus-visible{background-color:var(--color-shared-button-critical-background-default);color:var(--color-shared-button-critical-text-default);border-color:var(--color-shared-button-critical-border-default);outline:2px solid var(--color-shared-button-critical-focus-ring);outline-offset:2px}.shared-button--critical:is(button):disabled,.shared-button--critical:is(button)[aria-disabled=true],.shared-button--critical>button:disabled,.shared-button--critical>button[aria-disabled=true]{background-color:var(--color-shared-button-critical-background-default);color:var(--color-shared-button-critical-text-default);border-color:var(--color-shared-button-critical-border-default);opacity:.5}.shared-button--critical:is(button)[data-state=loading],.shared-button--critical>button[data-state=loading]{background-color:var(--color-shared-button-critical-background-default);color:var(--color-shared-button-critical-text-default);border-color:var(--color-shared-button-critical-border-default)}.shared-button--ghost,.shared-button--ghost>button{background-color:var(--color-shared-button-ghost-background);color:var(--color-shared-button-ghost-text-default);border-color:rgba(0,0,0,0)}.shared-button--ghost:is(button):hover:not(:disabled):not([aria-disabled=true]),.shared-button--ghost>button:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--color-shared-button-ghost-background);color:var(--color-shared-button-ghost-text-hover);border-color:rgba(0,0,0,0)}.shared-button--ghost:is(button):active:not(:disabled):not([aria-disabled=true]),.shared-button--ghost>button:active:not(:disabled):not([aria-disabled=true]){background-color:var(--color-shared-button-ghost-background);color:var(--color-shared-button-ghost-text-pressed);border-color:rgba(0,0,0,0)}.shared-button--ghost:is(button):focus-visible,.shared-button--ghost>button:focus-visible{background-color:var(--color-shared-button-ghost-background);color:var(--color-shared-button-ghost-text-default);border-color:rgba(0,0,0,0);outline:2px solid var(--color-shared-button-default-focus-ring);outline-offset:2px}.shared-button--ghost:is(button):disabled,.shared-button--ghost:is(button)[aria-disabled=true],.shared-button--ghost>button:disabled,.shared-button--ghost>button[aria-disabled=true]{background-color:var(--color-shared-button-ghost-background);color:var(--color-shared-button-ghost-text-default);border-color:rgba(0,0,0,0);opacity:.5}.shared-button--ghost:is(button)[data-state=loading],.shared-button--ghost>button[data-state=loading]{background-color:var(--color-shared-button-ghost-background);color:var(--color-shared-button-ghost-text-default);border-color:rgba(0,0,0,0)}.shared-button--small,.shared-button--small>button{height:24px;font-size:var(--typography-ui-medium-medium-2-size, 13px);line-height:16px;padding:var(--numbers-space-3, 4px) var(--numbers-space-5, 8px)}.shared-button--icon svg path{color:var(--color-shared-button-subtle-icon-default)}.shared-button--icon-left__icon{color:var(--color-shared-button-default-icon-default)}.shared-button--icon-right__icon{color:var(--color-shared-button-default-icon-default)}.shared-button__dropdown svg path{color:var(--color-shared-icon-base)}.shared-button--icon-button,.shared-button--icon-button>button{color:var(--color-shared-button-default-text-default)}.shared-button--left{border-radius:0 !important;border-top-right-radius:0 !important;border-bottom-right-radius:0 !important;border-top-left-radius:0 !important;border-bottom-left-radius:0 !important}[data-os=mac] .shared-button--left{border-radius:0 !important;border-top-left-radius:4px !important;border-bottom-left-radius:4px !important}.shared-button--middle{border-radius:0 !important;border-top-left-radius:0 !important;border-bottom-left-radius:0 !important;border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}.shared-button--right{border-radius:0 !important;border-top-left-radius:0 !important;border-bottom-left-radius:0 !important;border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}[data-os=mac] .shared-button--right{border-radius:0 !important;border-top-right-radius:4px !important;border-bottom-right-radius:4px !important}.shared-button--split>button.shared-button--left{border-right-width:1px;border-right-style:solid}.shared-button--split>button.shared-button--middle{border-right-width:1px;border-right-style:solid}.shared-button--split>button.shared-button--right{border-left:none}.shared-button--split>button.shared-button--default.shared-button--left,.shared-button--split>button.shared-button--default.shared-button--middle{border-right-color:var(--color-shared-button-default-border-default)}.shared-button--split>button.shared-button--default.shared-button--left:hover:not(:disabled):not([aria-disabled=true]),.shared-button--split>button.shared-button--default.shared-button--middle:hover:not(:disabled):not([aria-disabled=true]){border-right-color:var(--color-shared-button-default-border-hover)}.shared-button--split>button.shared-button--default.shared-button--left:active:not(:disabled):not([aria-disabled=true]),.shared-button--split>button.shared-button--default.shared-button--middle:active:not(:disabled):not([aria-disabled=true]){border-right-color:var(--color-shared-button-default-border-pressed)}.shared-button--split>button.shared-button--primary.shared-button--left,.shared-button--split>button.shared-button--primary.shared-button--middle{border-right-color:var(--color-shared-button-primary-border-default)}.shared-button--split>button.shared-button--primary.shared-button--left:hover:not(:disabled):not([aria-disabled=true]),.shared-button--split>button.shared-button--primary.shared-button--middle:hover:not(:disabled):not([aria-disabled=true]){border-right-color:var(--color-shared-button-primary-border-hover)}.shared-button--split>button.shared-button--primary.shared-button--left:active:not(:disabled):not([aria-disabled=true]),.shared-button--split>button.shared-button--primary.shared-button--middle:active:not(:disabled):not([aria-disabled=true]){border-right-color:var(--color-shared-button-primary-border-pressed)}.shared-button--split__dropdown{color:var(--color-shared-icon-base)}.shared-button--split button[aria-expanded=true]+.shared-button__dropdown,.shared-button--split>button[aria-expanded=true]+.shared-button__dropdown{color:var(--color-shared-icon-base)}.shared-button--split button[aria-expanded=false]+.shared-button__dropdown,.shared-button--split>button[aria-expanded=false]+.shared-button__dropdown,.shared-button--split button:not([aria-expanded])+.shared-button__dropdown,.shared-button--split>button:not([aria-expanded])+.shared-button__dropdown{color:var(--color-shared-icon-base)}.shared-layout{display:block;background-color:var(--color-coreui-home-background)}.shared-layout__column{display:flex;flex-flow:column}.shared-layout__row{display:flex;flex-flow:row}[data-os=windows] .shared-layout{border:1px solid var(--color-coreui-home-border)}.shared-checkbox__container{display:inline-block;position:relative}.shared-checkbox__container input[type=checkbox].shared-checkbox{opacity:0;position:absolute;width:100%;height:100%;cursor:pointer}.shared-checkbox__container input[type=checkbox].shared-checkbox:checked+.shared-checkbox__fauxbox{background-color:rgba(0,0,0,0);border-color:var(--color-role-foreground-base)}.shared-checkbox__container input[type=checkbox].shared-checkbox:checked+.shared-checkbox__fauxbox .shared-checkbox__icon{opacity:1;color:var(--color-role-foreground-base)}.shared-checkbox__container input[type=checkbox].shared-checkbox:hover:not(:disabled)+.shared-checkbox__fauxbox{box-shadow:0 0 1px 1px var(--color-shared-form-border-focus)}.shared-checkbox__container input[type=checkbox].shared-checkbox:focus+.shared-checkbox__fauxbox{box-shadow:0 0 1px 1px var(--color-shared-form-border-focus)}.shared-checkbox__container input[type=checkbox].shared-checkbox:disabled{cursor:not-allowed}.shared-checkbox__container input[type=checkbox].shared-checkbox:disabled+.shared-checkbox__fauxbox{opacity:.5}.shared-checkbox__fauxbox{display:flex;align-items:center;justify-content:center;height:var(--number-space, 12px);width:var(--number-space, 12px);border-width:1px;border-style:solid;border-color:var(--color-role-foreground-base);border-radius:2px;pointer-events:none;background-color:rgba(0,0,0,0)}.shared-checkbox__icon{opacity:0;color:var(--color-role-foreground-base)}.shared-checkbox--primary__container input[type=checkbox].shared-checkbox:checked+.shared-checkbox__fauxbox{background-color:var(--color-role-background-accent-base);border-color:var(--color-role-background-accent-base)}.shared-checkbox--primary__container input[type=checkbox].shared-checkbox:checked+.shared-checkbox__fauxbox .shared-checkbox__icon{color:var(--color-role-foreground-on-primary)}.shared-checkbox--primary__container input[type=checkbox].shared-checkbox:checked:hover:not(:disabled)+.shared-checkbox__fauxbox{background-color:var(--color-role-background-accent-strong);border-color:var(--color-role-background-accent-strong)}.shared-checkbox--primary__container input[type=checkbox].shared-checkbox:checked:active:not(:disabled)+.shared-checkbox__fauxbox{background-color:var(--color-role-background-accent-stronger);border-color:var(--color-role-background-accent-stronger)}.shared-checkbox--primary__container input[type=checkbox].shared-checkbox:checked:focus+.shared-checkbox__fauxbox{border-color:var(--color-role-background-accent-base);box-shadow:0 0 1px 1px var(--color-shared-form-focus-ring)}.shared-spinner{align-items:center;background-color:var(--color-coreui-home-background);display:flex;flex-direction:column;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .3s ease-in-out,background-color .3s ease-in-out;visibility:hidden;width:100%;z-index:10}.shared-spinner--active{opacity:1;pointer-events:auto;visibility:visible}.shared-spinner__container{height:48px;width:48px;position:relative}@keyframes rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.shared-spinner__quarter{animation:rotation .8s linear infinite;border:5px solid var(--color-coreui-home-card-background);border-left:5px solid var(--color-coreui-home-text-base);border-radius:50%;height:48px;position:absolute;width:48px}.shared-spinner__text{padding-top:8px}.shared-horizontal-overflow{display:flex;position:relative;align-items:center;overflow:hidden;-webkit-app-region:no-drag;user-select:auto;height:100%;flex:1 1 auto;min-width:0;min-width:0}.shared-horizontal-overflow--enterprise-top-tabs{--horizontal-overflow-shadow-start: rgb(from var(--color-role-background-5) r g b / 0%);--horizontal-overflow-shadow-middle: rgb(from var(--color-role-background-5) r g b / 50%);--horizontal-overflow-shadow-end: rgb(from var(--color-role-background-5) r g b / 100%)}.shared-horizontal-overflow--enterprise-view-tabs{--horizontal-overflow-shadow-start: rgb(from var(--color-enterprise-top-chrome-border) r g b / 0%);--horizontal-overflow-shadow-middle: rgb(from var(--color-enterprise-top-chrome-border) r g b / 50%);--horizontal-overflow-shadow-end: rgb(from var(--color-enterprise-top-chrome-border) r g b / 100%)}.shared-horizontal-overflow--coreui-view-tabs{--horizontal-overflow-shadow-start: rgb(from var(--color-role-background-5) r g b / 0%);--horizontal-overflow-shadow-middle: rgb(from var(--color-role-background-5) r g b / 50%);--horizontal-overflow-shadow-end: rgb(from var(--color-role-background-5) r g b / 100%)}.shared-horizontal-overflow--dock-icons{--horizontal-overflow-shadow-start: rgb(from var(--color-role-background-5) r g b / 0%);--horizontal-overflow-shadow-middle: rgb(from var(--color-role-background-5) r g b / 50%);--horizontal-overflow-shadow-end: rgb(from var(--color-role-background-5) r g b / 100%);--horizontal-overflow-shadow-width: 24px}.shared-horizontal-overflow--hide-scrollbar .shared-horizontal-overflow__container::-webkit-scrollbar{display:none;width:0;height:0}.shared-horizontal-overflow--hide-scrollbar .shared-horizontal-overflow__container{scrollbar-width:none}.shared-horizontal-overflow--external-scroll .shared-horizontal-overflow__container{overflow-x:hidden;overflow-y:hidden}.shared-horizontal-overflow__container{display:flex;flex-wrap:nowrap;flex:1;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;position:relative;height:100%;min-width:0;scrollbar-width:thin;scrollbar-color:var(--color-shared-scroll-bar-bar) var(--color-shared-scroll-bar-area)}.shared-horizontal-overflow__container::-webkit-scrollbar{height:6px}.shared-horizontal-overflow__container::-webkit-scrollbar-track{background-color:var(--color-shared-scroll-bar-area)}.shared-horizontal-overflow__container::-webkit-scrollbar-thumb{background-color:var(--color-shared-scroll-bar-bar);border-radius:3px}.shared-horizontal-overflow__scroll-shadow{position:absolute;top:0;bottom:0;width:var(--horizontal-overflow-shadow-width, 12px);z-index:4;pointer-events:none;opacity:0;transition:opacity .15s ease-out}.shared-horizontal-overflow__scroll-shadow--visible{opacity:1}.shared-horizontal-overflow__scroll-shadow--small{width:12px}.shared-horizontal-overflow__scroll-shadow--large{width:24px}.shared-horizontal-overflow__scroll-shadow--left{left:0;background:linear-gradient(270deg, var(--horizontal-overflow-shadow-start, rgb(from var(--color-role-background-5) r g b/0%)) 0%, var(--horizontal-overflow-shadow-middle, rgb(from var(--color-role-background-5) r g b/50%)) 50%, var(--horizontal-overflow-shadow-end, rgb(from var(--color-role-background-5) r g b/100%)) 100%)}.shared-horizontal-overflow__scroll-shadow--right{right:0;background:linear-gradient(90deg, var(--horizontal-overflow-shadow-start, rgb(from var(--color-role-background-5) r g b/0%)) 0%, var(--horizontal-overflow-shadow-middle, rgb(from var(--color-role-background-5) r g b/50%)) 50%, var(--horizontal-overflow-shadow-end, rgb(from var(--color-role-background-5) r g b/100%)) 100%)}.shared-horizontal-overflow__scroll-button{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:100%;border:none;cursor:pointer;-webkit-app-region:no-drag;padding:0;background-color:rgba(0,0,0,0);color:var(--color-shared-icon-base)}.shared-horizontal-overflow__scroll-button:hover:not(:disabled){background-color:var(--color-shared-icon-button-subtle-background-hover);color:var(--color-shared-icon-soft)}.shared-horizontal-overflow__scroll-button:focus-visible{outline:solid 1px var(--color-shared-focus-ring);outline-offset:-1px}.shared-horizontal-overflow__scroll-button:disabled{color:var(--color-shared-icon-base);opacity:.5;cursor:not-allowed}.shared-horizontal-overflow__scroll-button svg{width:16px;height:16px}.shared-horizontal-overflow__scroll-button svg path{fill:currentColor;stroke:currentColor}.shared-horizontal-overflow__scroll-button--left{order:-1}.shared-horizontal-overflow__scroll-button--right{order:1}/*# sourceMappingURL=index.css.map */
@@ -4,7 +4,7 @@
4
4
  * This file is automatically generated by scripts/generate-bem-types.js
5
5
  * DO NOT EDIT MANUALLY - changes will be overwritten on next build
6
6
  *
7
- * Last generated: 2026-01-21T19:13:45.571Z
7
+ * Last generated: 2026-01-26T19:11:54.479Z
8
8
  */
9
9
 
10
10
  export declare const enterpriseStyles: {
@@ -4,7 +4,7 @@
4
4
  * This file is automatically generated by scripts/generate-bem-types.js
5
5
  * DO NOT EDIT MANUALLY - changes will be overwritten on next build
6
6
  *
7
- * Last generated: 2026-01-21T19:13:45.570Z
7
+ * Last generated: 2026-01-26T19:11:54.479Z
8
8
  */
9
9
 
10
10
  export const enterpriseStyles = {
@@ -4,7 +4,7 @@
4
4
  * This file is automatically generated by scripts/generate-bem-types.js
5
5
  * DO NOT EDIT MANUALLY - changes will be overwritten on next build
6
6
  *
7
- * Last generated: 2026-01-21T19:13:45.571Z
7
+ * Last generated: 2026-01-26T19:11:54.480Z
8
8
  */
9
9
 
10
10
  export declare const sharedStyles: {
@@ -14,6 +14,7 @@ export declare const sharedStyles: {
14
14
  "horizontalOverflowCoreuiViewTabs": "shared-horizontal-overflow--coreui-view-tabs",
15
15
  "horizontalOverflowDockIcons": "shared-horizontal-overflow--dock-icons",
16
16
  "horizontalOverflowHideScrollbar": "shared-horizontal-overflow--hide-scrollbar",
17
+ "horizontalOverflowExternalScroll": "shared-horizontal-overflow--external-scroll",
17
18
  "horizontalOverflowContainer": "shared-horizontal-overflow__container",
18
19
  "horizontalOverflowScrollShadow": "shared-horizontal-overflow__scroll-shadow",
19
20
  "horizontalOverflowScrollShadowVisible": "shared-horizontal-overflow__scroll-shadow--visible",
@@ -4,7 +4,7 @@
4
4
  * This file is automatically generated by scripts/generate-bem-types.js
5
5
  * DO NOT EDIT MANUALLY - changes will be overwritten on next build
6
6
  *
7
- * Last generated: 2026-01-21T19:13:45.571Z
7
+ * Last generated: 2026-01-26T19:11:54.480Z
8
8
  */
9
9
 
10
10
  export const sharedStyles = {
@@ -14,6 +14,7 @@ export const sharedStyles = {
14
14
  "horizontalOverflowCoreuiViewTabs": "shared-horizontal-overflow--coreui-view-tabs",
15
15
  "horizontalOverflowDockIcons": "shared-horizontal-overflow--dock-icons",
16
16
  "horizontalOverflowHideScrollbar": "shared-horizontal-overflow--hide-scrollbar",
17
+ "horizontalOverflowExternalScroll": "shared-horizontal-overflow--external-scroll",
17
18
  "horizontalOverflowContainer": "shared-horizontal-overflow__container",
18
19
  "horizontalOverflowScrollShadow": "shared-horizontal-overflow__scroll-shadow",
19
20
  "horizontalOverflowScrollShadowVisible": "shared-horizontal-overflow__scroll-shadow--visible",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@openfin/here-ui-css",
3
- "version": "0.0.0-alpha.20260121191139",
3
+ "version": "0.0.0-alpha.20260126190951",
4
4
  "description": "CSS-only distribution of @openfin/ui-library components",
5
5
  "main": "dist/index.ts",
6
6
  "types": "dist/index.d.ts",