@qualcomm-ui/qds-core 1.0.4 → 1.1.0

package/dist/inline-notification/qds-inline-notification.css

@@ -1 +1 @@
-.qui-notification__root{padding:var(--spacing-90) var(--spacing-100);position:relative;width:100%}.qui-notification__root{--border-color:var(--color-border-support-info);--background-color:var(--color-background-support-info-subtle);--icon-color:var(--color-icon-support-info);--border-left-color:var(--color-background-support-info);background:var(--background-color);border-bottom-left-radius:var(--border-radius-md);border-color:var(--border-color);border-left:solid var(--sizing-40) var(--border-left-color);border-style:solid;border-top-left-radius:var(--border-radius-md);border-width:var(--border-width-sm) var(--border-width-sm) var(--border-width-sm) var(--sizing-40)}.qui-notification__root[data-emphasis=success]{--border-color:var(--color-border-support-success);--background-color:var(--color-background-support-success-subtle);--icon-color:var(--color-icon-support-success);--border-left-color:var(--color-background-support-success)}.qui-notification__root[data-emphasis=warning]{--border-color:var(--color-border-support-warning);--background-color:var(--color-background-support-warning-subtle);--icon-color:var(--color-icon-support-warning);--border-left-color:var(--color-background-support-warning)}.qui-notification__root[data-emphasis=danger]{--border-color:var(--color-border-support-danger);--background-color:var(--color-background-support-danger-subtle);--icon-color:var(--color-icon-support-danger);--border-left-color:var(--color-background-support-danger)}.qui-notification__root[data-emphasis=neutral]{--border-color:var(--color-border-support-neutral);--background-color:var(--color-background-support-neutral-subtle);--icon-color:var(--color-icon-support-neutral);--border-left-color:var(--color-background-support-neutral)}.qui-notification__root:has([data-part=status-icon]){--icon-col:1}.qui-notification__root:has(.qui-notification__close-button){padding-right:calc(var(--spacing-70) * 2 + var(--sizing-80))}.qui-notification__root[data-orientation=horizontal]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-70)}.qui-notification__root[data-orientation=vertical]{display:grid;--icon-col:0}.qui-notification__root[data-orientation=vertical]:has(.qui-notification__icon){grid-template-columns:calc(var(--sizing-80) + var(--spacing-70)) 1fr;--content-col:2}.qui-notification__root[data-orientation=vertical] .qui-notification__close-button{top:var(--spacing-90)}.qui-notification__label{align-self:baseline;color:var(--color-text-neutral-primary);font:var(--font-static-body-md-bold);grid-column:var(--content-col)}.qui-notification__description{align-self:baseline;color:var(--color-text-neutral-primary);font:var(--font-static-body-sm-default);grid-column:var(--content-col)}.qui-notification__icon{color:var(--icon-color);grid-column:var(--icon-col)}.qui-notification__action{align-self:baseline;grid-column:var(--content-col)}.qui-notification__action[data-orientation=horizontal]{margin-left:auto}.qui-notification__close-button{position:absolute;right:var(--spacing-70)}
+.qui-notification__root{padding:var(--spacing-90) var(--spacing-100);position:relative;width:100%}.qui-notification__root{--border-color:var(--color-border-support-info);--background-color:var(--color-background-support-info-subtle);--icon-color:var(--color-icon-support-info);--border-left-color:var(--color-background-support-info);background:var(--background-color);border-bottom-left-radius:var(--border-radius-md);border-color:var(--border-color);border-left:solid var(--sizing-40) var(--border-left-color);border-style:solid;border-top-left-radius:var(--border-radius-md);border-width:var(--border-width-sm) var(--border-width-sm) var(--border-width-sm) var(--sizing-40);box-sizing:border-box}.qui-notification__root[data-emphasis=success]{--border-color:var(--color-border-support-success);--background-color:var(--color-background-support-success-subtle);--icon-color:var(--color-icon-support-success);--border-left-color:var(--color-background-support-success)}.qui-notification__root[data-emphasis=warning]{--border-color:var(--color-border-support-warning);--background-color:var(--color-background-support-warning-subtle);--icon-color:var(--color-icon-support-warning);--border-left-color:var(--color-background-support-warning)}.qui-notification__root[data-emphasis=danger]{--border-color:var(--color-border-support-danger);--background-color:var(--color-background-support-danger-subtle);--icon-color:var(--color-icon-support-danger);--border-left-color:var(--color-background-support-danger)}.qui-notification__root[data-emphasis=neutral]{--border-color:var(--color-border-support-neutral);--background-color:var(--color-background-support-neutral-subtle);--icon-color:var(--color-icon-support-neutral);--border-left-color:var(--color-background-support-neutral)}.qui-notification__root:has([data-part=status-icon]){--icon-col:1}.qui-notification__root:has(.qui-notification__close-button){padding-right:calc(var(--spacing-70) * 2 + var(--sizing-80))}.qui-notification__root[data-orientation=horizontal]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-70)}.qui-notification__root[data-orientation=vertical]{display:grid;--icon-col:0}.qui-notification__root[data-orientation=vertical]:has(.qui-notification__icon){grid-template-columns:calc(var(--sizing-80) + var(--spacing-70)) 1fr;--content-col:2}.qui-notification__root[data-orientation=vertical] .qui-notification__close-button{top:var(--spacing-90)}.qui-notification__label{align-self:baseline;color:var(--color-text-neutral-primary);font:var(--font-static-body-md-bold);grid-column:var(--content-col)}.qui-notification__description{align-self:baseline;color:var(--color-text-neutral-primary);font:var(--font-static-body-sm-default);grid-column:var(--content-col)}.qui-notification__icon{color:var(--icon-color);grid-column:var(--icon-col)}.qui-notification__action{align-self:baseline;grid-column:var(--content-col)}.qui-notification__action[data-orientation=horizontal]{margin-left:auto}.qui-notification__close-button{position:absolute;right:var(--spacing-70)}

package/dist/input/qds-input.css

@@ -1 +1 @@
-.qui-input__root{align-items:flex-start;display:flex;flex-direction:column;gap:var(--spacing-30);position:relative;width:100%;--input-group-gap:var(--spacing-40)}.qui-input__root[data-size=lg]{--input-group-gap:var(--spacing-50)}.qui-input__root[data-disabled]{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.qui-input__input-group{gap:var(--input-group-gap);height:var(--sizing-140);min-width:var(--sizing-160);outline:0;padding:0 var(--spacing-90)}.qui-input__input-group[data-focus]{outline:solid 1px var(--color-utility-focus-border)}.qui-input__input-group[data-size=sm]{height:var(--sizing-120);min-width:var(--sizing-120);padding:0 var(--spacing-70)}.qui-input__input-group[data-size=lg]{height:var(--sizing-160);min-width:var(--sizing-160);padding:0 var(--spacing-100)}.qui-input__input-group:has(.qui-password-input__visibility-trigger) [data-part=end-icon]{display:none}.qui-input__input-group .qui-password-input__visibility-trigger{z-index:2}.qui-input__input-group [data-part=input][data-size]{border:0;height:100%;outline:0}.qui-input__input-group:has([data-part=input][data-empty]) .qui-input__clear-trigger{display:none}.qui-input__input-group,.qui-number-input__input-group{align-items:center;background:var(--color-background-neutral-00);border:solid 1px var(--color-interactive-border-neutral-idle);border-radius:var(--border-radius-md);box-sizing:border-box;display:inline-flex;justify-content:flex-start;position:relative;width:100%;--icon-color:var(--color-utility-placeholder-icon)}.qui-input__input-group:hover,.qui-number-input__input-group:hover{border-color:var(--color-interactive-border-neutral-hover)}.qui-input__input-group:has([data-part=input]:not([data-empty])),.qui-number-input__input-group:has([data-part=input]:not([data-empty])){--icon-color:var(--color-icon-neutral-primary)}.qui-input__input-group[data-invalid],.qui-number-input__input-group[data-invalid]{border-color:var(--color-interactive-border-danger-idle)}.qui-input__input-group[data-readonly],.qui-number-input__input-group[data-readonly]{--icon-color:var(--color-utility-disabled-icon);background:var(--color-background-neutral-02);border-color:var(--color-utility-disabled-border)}.qui-input__input-group[data-focus],.qui-number-input__input-group[data-focus]{border-color:var(--color-utility-focus-border)}.qui-input__input-group[data-disabled],.qui-number-input__input-group[data-disabled]{--icon-color:var(--color-utility-disabled-icon);background:var(--color-utility-disabled-background);border-color:var(--color-utility-disabled-border);color:var(--color-utility-disabled-text)}.qui-input__input-group[data-disabled]::-moz-placeholder,.qui-number-input__input-group[data-disabled]::-moz-placeholder{color:var(--color-utility-disabled-text)}.qui-input__input-group[data-disabled]::placeholder,.qui-number-input__input-group[data-disabled]::placeholder{color:var(--color-utility-disabled-text)}.qui-input__input{--icon-color:var(--color-utility-placeholder-text);--input-size:var(--sizing-140);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0;border-radius:var(--border-radius-md);box-sizing:border-box;color:var(--color-text-neutral-primary);font:var(--font-static-body-sm-default);height:100%;letter-spacing:inherit;min-height:calc(var(--input-size) - 2px);min-width:var(--input-size);opacity:1;outline:0;position:relative;text-align:start;text-overflow:ellipsis;width:100%}.qui-input__input[data-size=sm]{--input-size:var(--sizing-120);font:var(--font-static-body-xs-default)}.qui-input__input[data-size=lg]{--input-size:var(--sizing-160);font:var(--font-static-body-md-default)}.qui-input__input:disabled{color:var(--color-utility-disabled-text)}.qui-input__input::-moz-placeholder{color:var(--color-utility-placeholder-text);opacity:1}.qui-input__input::placeholder{color:var(--color-utility-placeholder-text);opacity:1}.qui-input__icon{align-items:center;color:var(--icon-color);display:inline-block;justify-content:center;pointer-events:none;z-index:2;--icon-height:var(--sizing-70);--icon-width:var(--sizing-70)}.qui-input__icon[data-size=sm]{margin-right:calc(var(--spacing-50) - var(--input-group-gap))}.qui-input__icon[data-size=md]{margin-right:calc(var(--spacing-70) - var(--input-group-gap))}.qui-input__icon[data-size=lg]{--icon-height:var(--sizing-80);--icon-width:var(--sizing-80);margin-right:calc(var(--spacing-80) - var(--input-group-gap))}.qui-input__clear-button{cursor:pointer;grid-row:1;z-index:3}.qui-input__label{color:var(--color-text-neutral-secondary);font:var(--font-static-body-xs-default)}.qui-input__label[data-disabled]{color:var(--color-utility-disabled-text)}.qui-input__hint{color:var(--color-text-neutral-secondary);font:var(--font-static-body-xs-default)}.qui-input__hint[data-disabled]{color:var(--color-utility-disabled-text)}.qui-input__required-indicator{display:inline;vertical-align:top}.qui-input__error-text{align-items:flex-start;color:var(--color-text-support-danger);display:inline-flex;flex-wrap:nowrap;font:var(--font-static-body-xs-default);gap:var(--spacing-40)}.qui-input__error-indicator{color:var(--color-text-support-danger);--icon-height:var(--sizing-70);--icon-width:var(--sizing-70)}.qui-input__error-indicator[data-size=lg]{--icon-height:var(--sizing-80);--icon-width:var(--sizing-80)}.qui-password-input__visibility-trigger[data-part=visibility-trigger]{color:var(--icon-color)}
+.qui-input__root{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--spacing-30);position:relative;width:100%;--input-group-gap:var(--spacing-40)}.qui-input__root[data-size=lg]{--input-group-gap:var(--spacing-50)}.qui-input__root[data-disabled]{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.qui-input__input-group{box-sizing:border-box;gap:var(--input-group-gap);height:var(--sizing-140);min-width:var(--sizing-160);outline:0;padding:0 var(--spacing-90)}.qui-input__input-group[data-focus]{outline:solid 1px var(--color-utility-focus-border)}.qui-input__input-group[data-size=sm]{height:var(--sizing-120);min-width:var(--sizing-120);padding:0 var(--spacing-70)}.qui-input__input-group[data-size=lg]{height:var(--sizing-160);min-width:var(--sizing-160);padding:0 var(--spacing-100)}.qui-input__input-group:has(.qui-password-input__visibility-trigger) [data-part=end-icon]{display:none}.qui-input__input-group .qui-password-input__visibility-trigger{z-index:2}.qui-input__input-group [data-part=input][data-size]{border:0;height:100%;outline:0}.qui-input__input-group:has([data-part=input][data-empty]) .qui-input__clear-trigger{display:none}.qui-input__input-group,.qui-number-input__input-group{align-items:center;background:var(--color-background-neutral-00);border:solid 1px var(--color-interactive-border-neutral-idle);border-radius:var(--border-radius-md);box-sizing:border-box;display:inline-flex;justify-content:flex-start;position:relative;width:100%;--icon-color:var(--color-utility-placeholder-icon)}.qui-input__input-group:hover,.qui-number-input__input-group:hover{border-color:var(--color-interactive-border-neutral-hover)}.qui-input__input-group:has([data-part=input]:not([data-empty])),.qui-number-input__input-group:has([data-part=input]:not([data-empty])){--icon-color:var(--color-icon-neutral-primary)}.qui-input__input-group[data-invalid],.qui-number-input__input-group[data-invalid]{border-color:var(--color-interactive-border-danger-idle)}.qui-input__input-group[data-readonly],.qui-number-input__input-group[data-readonly]{--icon-color:var(--color-utility-disabled-icon);background:var(--color-background-neutral-02);border-color:var(--color-utility-disabled-border)}.qui-input__input-group[data-focus],.qui-number-input__input-group[data-focus]{border-color:var(--color-utility-focus-border)}.qui-input__input-group[data-disabled],.qui-number-input__input-group[data-disabled]{--icon-color:var(--color-utility-disabled-icon);background:var(--color-utility-disabled-background);border-color:var(--color-utility-disabled-border);color:var(--color-utility-disabled-text)}.qui-input__input-group[data-disabled]::-moz-placeholder,.qui-number-input__input-group[data-disabled]::-moz-placeholder{color:var(--color-utility-disabled-text)}.qui-input__input-group[data-disabled]::placeholder,.qui-number-input__input-group[data-disabled]::placeholder{color:var(--color-utility-disabled-text)}.qui-input__input{--icon-color:var(--color-utility-placeholder-text);--input-size:var(--sizing-140);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0 solid;border-radius:var(--border-radius-md);box-sizing:border-box;color:var(--color-text-neutral-primary);font:var(--font-static-body-sm-default);height:100%;letter-spacing:inherit;margin:0;min-height:calc(var(--input-size) - 2px);min-width:var(--input-size);opacity:1;outline:0;padding:0;position:relative;text-align:start;text-overflow:ellipsis;width:100%}.qui-input__input[data-size=sm]{--input-size:var(--sizing-120);font:var(--font-static-body-xs-default)}.qui-input__input[data-size=lg]{--input-size:var(--sizing-160);font:var(--font-static-body-md-default)}.qui-input__input:disabled{color:var(--color-utility-disabled-text)}.qui-input__input::-moz-placeholder{color:var(--color-utility-placeholder-text);opacity:1}.qui-input__input::placeholder{color:var(--color-utility-placeholder-text);opacity:1}.qui-input__icon{align-items:center;color:var(--icon-color);display:inline-block;justify-content:center;pointer-events:none;z-index:2;--icon-height:var(--sizing-70);--icon-width:var(--sizing-70)}.qui-input__icon[data-size=sm]{margin-right:calc(var(--spacing-50) - var(--input-group-gap))}.qui-input__icon[data-size=md]{margin-right:calc(var(--spacing-70) - var(--input-group-gap))}.qui-input__icon[data-size=lg]{--icon-height:var(--sizing-80);--icon-width:var(--sizing-80);margin-right:calc(var(--spacing-80) - var(--input-group-gap))}.qui-input__clear-button{cursor:pointer;grid-row:1;z-index:3}.qui-input__label{color:var(--color-text-neutral-secondary);font:var(--font-static-body-xs-default)}.qui-input__label[data-disabled]{color:var(--color-utility-disabled-text)}.qui-input__hint{color:var(--color-text-neutral-secondary);font:var(--font-static-body-xs-default)}.qui-input__hint[data-disabled]{color:var(--color-utility-disabled-text)}.qui-input__required-indicator.qui-icon__root{display:inline;vertical-align:top}.qui-input__error-text{align-items:flex-start;color:var(--color-text-support-danger);display:inline-flex;flex-wrap:nowrap;font:var(--font-static-body-xs-default);gap:var(--spacing-40)}.qui-input__error-indicator{color:var(--color-text-support-danger);--icon-height:var(--sizing-70);--icon-width:var(--sizing-70)}.qui-input__error-indicator[data-size=lg]{--icon-height:var(--sizing-80);--icon-width:var(--sizing-80)}.qui-password-input__visibility-trigger[data-part=visibility-trigger]{color:var(--icon-color)}

package/dist/kbd/index.cjs

@@ -0,0 +1,2 @@
+"use strict";var t=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var a=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var l=(o,s)=>{for(var r in s)t(o,r,{get:s[r],enumerable:!0})},p=(o,s,r,i)=>{if(s&&typeof s=="object"||typeof s=="function")for(let e of a(s))!m.call(o,e)&&e!==r&&t(o,e,{get:()=>s[e],enumerable:!(i=d(s,e))||i.enumerable});return o};var c=o=>p(t({},"__esModule",{value:!0}),o);var f={};l(f,{getQdsKbdBindings:()=>b,kbdClasses:()=>n});module.exports=c(f);var n={root:"qds-kbd"};function b(o){return o.element({className:n.root})}
+//# sourceMappingURL=index.cjs.map

package/dist/kbd/index.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/kbd/index.ts", "../../src/kbd/kbd.api.ts"],
+  "sourcesContent": ["export * from \"./kbd.api\"\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport type {PropNormalizer} from \"@qualcomm-ui/utils/machine\"\n\nexport const kbdClasses = {\n  root: \"qds-kbd\",\n} as const\n\nexport interface QdsKbdBindings {\n  className: (typeof kbdClasses)[\"root\"]\n}\n\nexport function getQdsKbdBindings(normalizer: PropNormalizer): QdsKbdBindings {\n  return normalizer.element({className: kbdClasses.root})\n}\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,uBAAAE,EAAA,eAAAC,IAAA,eAAAC,EAAAJ,GCKO,IAAMK,EAAa,CACxB,KAAM,SACR,EAMO,SAASC,EAAkBC,EAA4C,CAC5E,OAAOA,EAAW,QAAQ,CAAC,UAAWF,EAAW,IAAI,CAAC,CACxD",
+  "names": ["kbd_exports", "__export", "getQdsKbdBindings", "kbdClasses", "__toCommonJS", "kbdClasses", "getQdsKbdBindings", "normalizer"]
+}

package/dist/kbd/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./kbd.api";
+//# sourceMappingURL=index.d.ts.map

package/dist/kbd/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/kbd/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA"}

package/dist/kbd/index.js

@@ -0,0 +1,2 @@
+var s={root:"qds-kbd"};function e(o){return o.element({className:s.root})}export{e as getQdsKbdBindings,s as kbdClasses};
+//# sourceMappingURL=index.js.map

package/dist/kbd/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/kbd/kbd.api.ts"],
+  "sourcesContent": ["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport type {PropNormalizer} from \"@qualcomm-ui/utils/machine\"\n\nexport const kbdClasses = {\n  root: \"qds-kbd\",\n} as const\n\nexport interface QdsKbdBindings {\n  className: (typeof kbdClasses)[\"root\"]\n}\n\nexport function getQdsKbdBindings(normalizer: PropNormalizer): QdsKbdBindings {\n  return normalizer.element({className: kbdClasses.root})\n}\n"],
+  "mappings": "AAKO,IAAMA,EAAa,CACxB,KAAM,SACR,EAMO,SAASC,EAAkBC,EAA4C,CAC5E,OAAOA,EAAW,QAAQ,CAAC,UAAWF,EAAW,IAAI,CAAC,CACxD",
+  "names": ["kbdClasses", "getQdsKbdBindings", "normalizer"]
+}

package/dist/kbd/kbd.api.d.ts

@@ -0,0 +1,9 @@
+import type { PropNormalizer } from "@qualcomm-ui/utils/machine";
+export declare const kbdClasses: {
+    readonly root: "qds-kbd";
+};
+export interface QdsKbdBindings {
+    className: (typeof kbdClasses)["root"];
+}
+export declare function getQdsKbdBindings(normalizer: PropNormalizer): QdsKbdBindings;
+//# sourceMappingURL=kbd.api.d.ts.map

package/dist/kbd/kbd.api.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"kbd.api.d.ts","sourceRoot":"","sources":["../../src/kbd/kbd.api.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,4BAA4B,CAAA;AAE9D,eAAO,MAAM,UAAU;;CAEb,CAAA;AAEV,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAA;CACvC;AAED,wBAAgB,iBAAiB,CAAC,UAAU,EAAE,cAAc,GAAG,cAAc,CAE5E"}

package/dist/kbd/qds-kbd.css

@@ -0,0 +1 @@
+.qds-kbd{align-items:center;color:var(--color-text-neutral-secondary);display:inline-flex;font:var(--font-static-body-xs-default);gap:var(--spacing-10,1px);padding:0}

package/dist/menu/qds-menu.css

@@ -1 +1 @@
-.qui-menu__button .qui-button__icon[data-placement=end]{transition:transform var(--animation-duration-faster) ease-out}.qui-menu__button[data-scope=menu][data-part=trigger][data-state=open] .qui-button__icon[data-placement=end],.qui-menu__button[data-state=open][aria-haspopup=menu] .qui-button__icon[data-placement=end]{transform:rotate(180deg)}.qui-menu__content{background:var(--color-surface-overlay);border:solid 1px var(--color-border-neutral-02);border-radius:var(--border-radius-md);box-shadow:var(--shadow-medium);display:inline-flex;flex-direction:column;outline:none;padding:var(--spacing-40) 0;transform-origin:var(--transform-origin);z-index:calc(var(--z-index-dropdown) + var(--layer-index))}.qui-menu__content[data-state=open]{animation-duration:var(--animation-duration-fast)}.qui-menu__content[data-state=open][data-placement^=top]{animation-name:slide-from-bottom,fade-in}.qui-menu__content[data-state=open][data-placement^=bottom]{animation-name:slide-from-top,fade-in}.qui-menu__content[data-state=open][data-placement^=left]{animation-name:slide-from-right,fade-in}.qui-menu__content[data-state=open][data-placement^=right]{animation-name:slide-from-left,fade-in}.qui-menu__content[data-state=closed]{animation-duration:var(--animation-duration-faster)}.qui-menu__content[data-state=closed][data-placement^=top]{animation-name:slide-to-bottom,fade-out}.qui-menu__content[data-state=closed][data-placement^=bottom]{animation-name:slide-to-top,fade-out}.qui-menu__content[data-state=closed][data-placement^=left]{animation-name:slide-to-right,fade-out}.qui-menu__content[data-state=closed][data-placement^=right]{animation-name:slide-to-left,fade-out}.qui-menu__content[data-from=context-trigger]{animation-duration:60ms}.qui-menu-item__root{align-items:center;background:var(--color-interactive-background-ghost-idle);border:solid 1px transparent;color:var(--color-text-neutral-primary);display:grid;font:var(--font-static-body-sm-default);grid-template-columns:auto 1fr auto auto auto;grid-template-rows:1fr;line-height:normal;outline:none;padding:var(--menu-padding-y) var(--menu-padding-x);position:relative;text-align:left;--menu-padding-x:var(--spacing-100);--menu-padding-y:var(--spacing-80)}.qui-menu-item__root[data-size=sm]{font:var(--font-static-body-xs-default);--menu-padding-x:var(--spacing-90);--menu-padding-y:var(--spacing-60)}.qui-menu-item__root:has([data-scope=menu][data-part=description]) .qui-menu-item__command,.qui-menu-item__root:has([data-scope=menu][data-part=description]) .qui-menu-item__indicator{grid-column:3;grid-row:1/span 2}.qui-menu-item__root [data-scope=menu][data-part=description]{grid-column:1/span 2}.qui-menu-item__root:has([data-part=start-icon]) [data-scope=menu][data-part=description]{grid-column:2}.qui-menu-item__root:has([data-part=start-icon][data-part=item-control]){grid-template-columns:auto auto 1fr repeat(3,auto)}.qui-menu-item__root:hover{background:var(--color-interactive-background-ghost-hover)}.qui-menu-item__root:active{background:var(--color-interactive-background-ghost-pressed)}.qui-menu-item__root[data-highlighted][data-focus-visible]{border-color:var(--color-utility-focus-border);outline:solid 1px var(--color-utility-focus-border)}.qui-menu-item__root [data-state=unchecked] [data-part=indicator-icon]{display:none}.qui-menu-item__start-icon{margin-right:var(--spacing-50)}.qui-menu-item__label{display:inline-flex;flex:1;font:var(--font-static-body-sm-default);line-height:normal}.qui-menu-item__label[data-size=sm]{font:var(--font-static-body-xs-default)}.qui-menu-item__description{color:var(--color-text-neutral-secondary);display:inline-flex;font:var(--font-static-body-sm-default);font:var(--font-static-body-sm-default);grid-row:2;margin-top:var(--spacing-40)}.qui-menu-item__description[data-size=sm]{font:var(--font-static-body-xs-default)}.qui-menu-item__group{display:inline-flex;flex-direction:column}.qui-menu-item__group-label{color:var(--color-text-neutral-secondary);display:inline-flex;flex:1;font:var(--font-static-body-sm-default);overflow:hidden;padding:var(--group-label-padding-y) var(--group-label-padding-x);text-overflow:ellipsis;--group-label-padding-y:var(--spacing-70);--group-label-padding-x:var(--spacing-100)}.qui-menu-item__group-label[data-size=sm]{--group-label-padding-x:var(--spacing-90);font:var(--font-static-body-xs-default)}.qui-menu__separator{border-color:var(--color-border-neutral-01);margin-top:var(--spacing-40);padding-bottom:var(--spacing-40);width:100%}.qui-menu-item__command{align-items:center;color:var(--color-text-neutral-secondary);display:inline-flex;font:var(--font-static-body-sm-default);justify-content:flex-end;line-height:normal;margin-left:auto;padding-left:var(--spacing-100)}.qui-menu-item__indicator{align-items:center;color:var(--color-text-neutral-secondary);display:inline-flex;font:var(--font-static-body-sm-default);justify-content:flex-end;line-height:normal;padding-left:var(--spacing-100)}[data-scope=menu][data-part=item-control]{margin-right:var(--spacing-50)}
+.qui-menu__button{background:transparent}.qui-menu__button .qui-button__icon[data-placement=end]{transition:transform var(--animation-duration-faster) ease-out}.qui-menu__button[data-scope=menu][data-part=trigger][data-state=open] .qui-button__icon[data-placement=end],.qui-menu__button[data-state=open][aria-haspopup=menu] .qui-button__icon[data-placement=end]{transform:rotate(180deg)}.qui-menu__content{background:var(--color-surface-overlay);border:solid 1px var(--color-border-neutral-02);border-radius:var(--border-radius-md);box-shadow:var(--shadow-medium);display:inline-flex;flex-direction:column;outline:none;padding:var(--spacing-40) 0;transform-origin:var(--transform-origin);z-index:calc(var(--z-index-dropdown) + var(--layer-index))}.qui-menu__content[data-state=open]{animation-duration:var(--animation-duration-fast)}.qui-menu__content[data-state=open][data-placement^=top]{animation-name:slide-from-bottom,fade-in}.qui-menu__content[data-state=open][data-placement^=bottom]{animation-name:slide-from-top,fade-in}.qui-menu__content[data-state=open][data-placement^=left]{animation-name:slide-from-right,fade-in}.qui-menu__content[data-state=open][data-placement^=right]{animation-name:slide-from-left,fade-in}.qui-menu__content[data-state=closed]{animation-duration:var(--animation-duration-faster)}.qui-menu__content[data-state=closed][data-placement^=top]{animation-name:slide-to-bottom,fade-out}.qui-menu__content[data-state=closed][data-placement^=bottom]{animation-name:slide-to-top,fade-out}.qui-menu__content[data-state=closed][data-placement^=left]{animation-name:slide-to-right,fade-out}.qui-menu__content[data-state=closed][data-placement^=right]{animation-name:slide-to-left,fade-out}.qui-menu__content[data-from=context-trigger]{animation-duration:60ms}.qui-menu-item__root{align-items:center;background:var(--color-interactive-background-ghost-idle);border:solid 1px transparent;color:var(--color-text-neutral-primary);display:grid;font:var(--font-static-body-sm-default);grid-template-columns:auto 1fr auto auto auto;grid-template-rows:1fr;line-height:normal;outline:none;padding:var(--menu-padding-y) var(--menu-padding-x);position:relative;text-align:left;--menu-padding-x:var(--spacing-100);--menu-padding-y:var(--spacing-80)}.qui-menu-item__root[data-size=sm]{font:var(--font-static-body-xs-default);--menu-padding-x:var(--spacing-90);--menu-padding-y:var(--spacing-60)}.qui-menu-item__root:has([data-scope=menu][data-part=description]) .qui-menu-item__command,.qui-menu-item__root:has([data-scope=menu][data-part=description]) .qui-menu-item__indicator{grid-column:3;grid-row:1/span 2}.qui-menu-item__root [data-scope=menu][data-part=description]{grid-column:1/span 2}.qui-menu-item__root:has([data-part=start-icon]) [data-scope=menu][data-part=description]{grid-column:2}.qui-menu-item__root:has([data-part=start-icon][data-part=item-control]){grid-template-columns:auto auto 1fr repeat(3,auto)}.qui-menu-item__root:hover{background:var(--color-interactive-background-ghost-hover)}.qui-menu-item__root:active{background:var(--color-interactive-background-ghost-pressed)}.qui-menu-item__root[data-highlighted][data-focus-visible]{border-color:var(--color-utility-focus-border);outline:solid 1px var(--color-utility-focus-border)}.qui-menu-item__root [data-state=unchecked] [data-part=indicator-icon]{display:none}.qui-menu-item__start-icon{margin-right:var(--spacing-50)}.qui-menu-item__label{display:inline-flex;flex:1;font:var(--font-static-body-sm-default);line-height:normal}.qui-menu-item__label[data-size=sm]{font:var(--font-static-body-xs-default)}.qui-menu-item__description{color:var(--color-text-neutral-secondary);display:inline-flex;font:var(--font-static-body-sm-default);font:var(--font-static-body-sm-default);grid-row:2;margin-top:var(--spacing-40)}.qui-menu-item__description[data-size=sm]{font:var(--font-static-body-xs-default)}.qui-menu-item__group{display:inline-flex;flex-direction:column}.qui-menu-item__group-label{color:var(--color-text-neutral-secondary);display:inline-flex;flex:1;font:var(--font-static-body-sm-default);overflow:hidden;padding:var(--group-label-padding-y) var(--group-label-padding-x);text-overflow:ellipsis;--group-label-padding-y:var(--spacing-70);--group-label-padding-x:var(--spacing-100)}.qui-menu-item__group-label[data-size=sm]{--group-label-padding-x:var(--spacing-90);font:var(--font-static-body-xs-default)}.qui-menu__separator{border-color:var(--color-border-neutral-01);margin-top:var(--spacing-40);padding-bottom:var(--spacing-40);width:100%}.qui-menu-item__command{align-items:center;color:var(--color-text-neutral-secondary);display:inline-flex;font:var(--font-static-body-sm-default);justify-content:flex-end;line-height:normal;margin-left:auto;padding-left:var(--spacing-100)}.qui-menu-item__indicator{align-items:center;color:var(--color-text-neutral-secondary);display:inline-flex;font:var(--font-static-body-sm-default);justify-content:flex-end;line-height:normal;padding-left:var(--spacing-100)}[data-scope=menu][data-part=item-control]{margin-right:var(--spacing-50)}

package/dist/progress-ring/qds-progress-ring.css

@@ -1 +1 @@
-.qui-progress-ring__root{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-30);justify-content:center;position:relative}.qui-progress-ring__root[data-size=lg],.qui-progress-ring__root[data-size=xl]{gap:var(--spacing-40)}.qui-progress-ring__circle-container{position:relative}.qui-progress-ring__circle{--size:var(--size-override,var(--circle-size));height:var(--size);transform:rotate(-90deg);width:var(--size);--thickness:7px;--stroke-width:var(--thickness-override,var(--thickness));--radius:calc(var(--size) / 2 - var(--stroke-width) / 2);--circumference:calc(2 * 3.14159 * var(--radius))}.qui-progress-ring__circle[data-size=xxs]{--circle-size:var(--sizing-60);--thickness:2px}.qui-progress-ring__circle[data-size=xs]{--circle-size:var(--sizing-70);--thickness:2px}.qui-progress-ring__circle[data-size=sm]{--circle-size:var(--sizing-80);--thickness:3px}.qui-progress-ring__circle[data-size=md]{--circle-size:var(--sizing-120);--thickness:4px}.qui-progress-ring__circle[data-size=lg]{--thickness:5px;--circle-size:var(--sizing-160)}.qui-progress-ring__circle[data-size=xl]{--circle-size:var(--sizing-180);--thickness:6px}.qui-progress-ring__circle[data-state=indeterminate]{animation:qui-progress-ring__indeterminate-rotate 3s linear infinite}.qui-progress-ring__circle[data-state=indeterminate] .qui-progress-ring__bar{animation:qui-progress-ring__indeterminate-circle 2s linear infinite}.qui-progress-ring__track{fill:transparent;stroke:var(--color-background-neutral-04);stroke-width:var(--stroke-width)}.qui-progress-ring__bar{fill:transparent;stroke:var(--progress-color);stroke-dasharray:var(--circumference);stroke-dashoffset:calc(var(--circumference) * ((100 - var(--progress)) / 100));stroke-linecap:round;stroke-width:var(--stroke-width);transform-origin:center;transition:stroke-dashoffset 300ms cubic-bezier(0.4,0,0.2,1) 0ms}.qui-progress-ring__bar[data-emphasis=primary]{--progress-color:var(--color-background-brand-primary)}.qui-progress-ring__bar[data-emphasis=neutral]{--progress-color:var(--color-background-support-neutral)}.qui-progress-ring__bar[data-invalid]{--progress-color:var(--color-text-support-danger)}.qui-progress-ring__value-text{color:var(--color-text-neutral-primary);font:var(--font-static-body-xs-default);inset-block-start:50%;inset-inline-start:50%;line-height:normal;position:absolute;transform:translate(-50%,-50%)}.qui-progress-ring__label{color:var(--color-text-neutral-secondary);display:flex;font:var(--font-static-body-xs-default);line-height:normal}.qui-progress-ring__label[data-invalid]{color:var(--color-text-support-danger)}.qui-progress__error-text{align-items:flex-start;color:var(--color-text-support-danger);display:inline-flex;flex-wrap:nowrap;font:var(--font-static-body-xs-default)}@keyframes qui-progress-ring__indeterminate-circle{0%{stroke-dasharray:0 var(--circumference);transform:rotate(0deg)}50%{stroke-dasharray:calc(var(--circumference) / 2) calc(var(--circumference) / 2);transform:rotate(360deg)}to{stroke-dasharray:0 var(--circumference);transform:rotate(720deg)}}@keyframes qui-progress-ring__indeterminate-rotate{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}
+.qui-progress-ring__root{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-30);justify-content:center;position:relative}.qui-progress-ring__root[data-size=lg],.qui-progress-ring__root[data-size=xl]{gap:var(--spacing-40)}.qui-progress-ring__circle-container{position:relative}.qui-progress-ring__circle{--size:var(--size-override,var(--circle-size));display:block;height:var(--size);transform:rotate(-90deg);vertical-align:middle;width:var(--size);--thickness:7px;--stroke-width:var(--thickness-override,var(--thickness));--radius:calc(var(--size) / 2 - var(--stroke-width) / 2);--circumference:calc(2 * 3.14159 * var(--radius))}.qui-progress-ring__circle[data-size=xxs]{--circle-size:var(--sizing-60);--thickness:2px}.qui-progress-ring__circle[data-size=xs]{--circle-size:var(--sizing-70);--thickness:2px}.qui-progress-ring__circle[data-size=sm]{--circle-size:var(--sizing-80);--thickness:3px}.qui-progress-ring__circle[data-size=md]{--circle-size:var(--sizing-120);--thickness:4px}.qui-progress-ring__circle[data-size=lg]{--thickness:5px;--circle-size:var(--sizing-160)}.qui-progress-ring__circle[data-size=xl]{--circle-size:var(--sizing-180);--thickness:6px}.qui-progress-ring__circle[data-state=indeterminate]{animation:qui-progress-ring__indeterminate-rotate 3s linear infinite}.qui-progress-ring__circle[data-state=indeterminate] .qui-progress-ring__bar{animation:qui-progress-ring__indeterminate-circle 2s linear infinite}.qui-progress-ring__track{fill:transparent;stroke:var(--color-background-neutral-04);stroke-width:var(--stroke-width)}.qui-progress-ring__bar{fill:transparent;stroke:var(--progress-color);stroke-dasharray:var(--circumference);stroke-dashoffset:calc(var(--circumference) * ((100 - var(--progress)) / 100));stroke-linecap:round;stroke-width:var(--stroke-width);transform-origin:center;transition:stroke-dashoffset 300ms cubic-bezier(0.4,0,0.2,1) 0ms}.qui-progress-ring__bar[data-emphasis=primary]{--progress-color:var(--color-background-brand-primary)}.qui-progress-ring__bar[data-emphasis=neutral]{--progress-color:var(--color-background-support-neutral)}.qui-progress-ring__bar[data-invalid]{--progress-color:var(--color-text-support-danger)}.qui-progress-ring__value-text{color:var(--color-text-neutral-primary);font:var(--font-static-body-xs-default);inset-block-start:50%;inset-inline-start:50%;line-height:normal;position:absolute;transform:translate(-50%,-50%)}.qui-progress-ring__label{color:var(--color-text-neutral-secondary);display:flex;font:var(--font-static-body-xs-default);line-height:normal}.qui-progress-ring__label[data-invalid]{color:var(--color-text-support-danger)}.qui-progress__error-text{align-items:flex-start;color:var(--color-text-support-danger);display:inline-flex;flex-wrap:nowrap;font:var(--font-static-body-xs-default)}@keyframes qui-progress-ring__indeterminate-circle{0%{stroke-dasharray:0 var(--circumference);transform:rotate(0deg)}50%{stroke-dasharray:calc(var(--circumference) / 2) calc(var(--circumference) / 2);transform:rotate(360deg)}to{stroke-dasharray:0 var(--circumference);transform:rotate(720deg)}}@keyframes qui-progress-ring__indeterminate-rotate{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}

package/dist/side-nav/qds-side-nav.css

@@ -1 +1 @@
-.qui-side-nav__root{--indent-spacing:16px;background:var(--color-surface-primary);display:flex;flex-direction:column;min-width:240px;padding:var(--spacing-70) 0}.qui-side-nav__root[data-surface=secondary]{background:var(--color-surface-secondary)}.qui-side-nav__root[data-state=closed]{max-width:56px;min-width:56px}.qui-side-nav__root[data-state=closed] .qui-collapsible__content.qui-side-nav__branch-content{display:none}.qui-side-nav__root[data-state=closed] .qui-side-nav__node-root{justify-content:center}.qui-side-nav__root[data-state=closed] .qui-side-nav__node-root:not(:has(.qui-side-nav__node-icon)){display:none}.qui-side-nav__root[data-state=closed] .qui-side-nav__node-root>:not(.qui-side-nav__node-icon):not(.qui-side-nav__node-indicator){display:none}.qui-side-nav__root[data-state=closed] .qui-side-nav__group-label{display:none}.qui-side-nav__root[data-state=closed] .qui-side-nav__filter-input{display:none}.qui-side-nav__root[data-state=closed] .qui-side-nav__header{padding:0 var(--spacing-70)}.qui-side-nav__filter-input{margin-top:16px;padding:0 var(--spacing-90);z-index:2}.qui-side-nav__header{align-items:center;color:var(--color-text-neutral-secondary);display:flex;font:var(--font-static-body-xs-default);gap:var(--spacing-50);margin-bottom:var(--spacing-70);min-height:var(--sizing-140);padding:0 var(--spacing-90)}.qui-side-nav__divider.qui-divider__root{align-self:center;margin:0;width:calc(100% - var(--spacing-90) * 2);--divider-border-color:var(--color-border-neutral-01)}.qui-side-nav__group{display:flex;flex-direction:column;width:100%}.qui-side-nav__group>.qui-side-nav__divider{margin-bottom:16px}.qui-side-nav__group+.qui-side-nav__group{margin-top:16px}.qui-side-nav__group-label{color:var(--color-text-neutral-secondary);font:var(--font-static-body-xs-default);padding:0 var(--spacing-100) var(--spacing-90)}.qui-side-nav__node-root{align-items:center;background:var(--color-interactive-background-ghost-idle);border:solid 1px transparent;border-radius:var(--border-radius-xs);cursor:pointer;display:flex;font:var(--font-static-body-sm-bold);gap:var(--spacing-50);height:40px;line-height:normal;margin-left:calc((calc(var(--depth, 1) - 1) * var(--indent-spacing)) + var(--spacing-70));margin-right:var(--spacing-70);min-height:40px;outline:none;padding-left:var(--spacing-70);padding-right:var(--spacing-70);position:relative}.qui-side-nav__node-root:hover{background:var(--color-interactive-background-ghost-hover)}.qui-side-nav__node-root:active{background:var(--color-interactive-background-ghost-pressed)}.qui-side-nav__node-root:focus-visible{border-color:var(--color-utility-focus-border);outline:solid 1px var(--color-utility-focus-border)}.qui-side-nav__node-root:has([data-part=branch-trigger]){--branch-trigger-width:calc(16px + var(--spacing-50))}.qui-side-nav__node-root[data-size=sm]{font:var(--font-static-body-xs-default);height:32px;min-height:32px}.qui-side-nav__node-root[data-selected][data-part=leaf-node]{background:var(--color-interactive-background-ghost-hover)}.qui-side-nav__node-root[data-disabled]{background:transparent;color:var(--color-utility-disabled-text);pointer-events:none}.qui-side-nav__node-root[data-part=branch-node] .qui-side-nav__node-indicator{display:none}.qui-side-nav__branch-trigger{margin-left:auto;transition:transform var(--animation-duration-faster) ease}.qui-side-nav__branch-trigger[data-state=open]{transform:rotate(180deg)}.qui-side-nav__branch-root:has(.qui-side-nav__node-root[data-part=leaf-node][data-selected])>.qui-side-nav__node-root[data-part=branch-node]:first-child{color:var(--color-text-brand-primary);--icon-color:var(--color-icon-brand-primary)}.qui-side-nav__branch-indent-guide{background:var(--color-border-neutral-01);height:100%;left:calc(1px + var(--indent-spacing) * var(--depth));position:absolute;width:1px}.qui-side-nav__branch-content{padding:1px;position:relative}.qui-side-nav__node-action:first-of-type{margin-left:auto}.qui-side-nav__node-indicator{background:var(--color-border-brand-primary);border-bottom-left-radius:var(--border-radius-xs);border-top-left-radius:var(--border-radius-xs);height:100%;left:0;position:absolute;width:3px}.qui-icon__root.qui-side-nav__node-icon{--icon-size:var(--sizing-70)}.qui-side-nav__collapse-trigger:last-child{margin-left:auto}
+.qui-side-nav__root{--indent-spacing:16px;background:var(--color-surface-primary);box-sizing:border-box;display:flex;flex-direction:column;min-width:240px;padding:var(--spacing-70) 0}.qui-side-nav__root[data-surface=secondary]{background:var(--color-surface-secondary)}.qui-side-nav__root[data-state=closed]{max-width:56px;min-width:56px}.qui-side-nav__root[data-state=closed] .qui-collapsible__content.qui-side-nav__branch-content{display:none}.qui-side-nav__root[data-state=closed] .qui-side-nav__node-root{justify-content:center}.qui-side-nav__root[data-state=closed] .qui-side-nav__node-root:not(:has(.qui-side-nav__node-icon)){display:none}.qui-side-nav__root[data-state=closed] .qui-side-nav__node-root>:not(.qui-side-nav__node-icon):not(.qui-side-nav__node-indicator){display:none}.qui-side-nav__root[data-state=closed] .qui-side-nav__group-label{display:none}.qui-side-nav__root[data-state=closed] .qui-side-nav__filter-input{display:none}.qui-side-nav__root[data-state=closed] .qui-side-nav__header{padding:0 var(--spacing-70)}.qui-side-nav__filter-input{margin-top:16px;padding:0 var(--spacing-90);z-index:2}.qui-side-nav__header{align-items:center;color:var(--color-text-neutral-secondary);display:flex;font:var(--font-static-body-xs-default);gap:var(--spacing-50);margin-bottom:var(--spacing-70);min-height:var(--sizing-140);padding:0 var(--spacing-90)}.qui-side-nav__divider.qui-divider__root{align-self:center;margin:0;width:calc(100% - var(--spacing-90) * 2);--divider-border-color:var(--color-border-neutral-01)}.qui-side-nav__group{display:flex;flex-direction:column;width:100%}.qui-side-nav__group>.qui-side-nav__divider{margin-bottom:16px}.qui-side-nav__group+.qui-side-nav__group{margin-top:16px}.qui-side-nav__group-label{color:var(--color-text-neutral-secondary);font:var(--font-static-body-xs-default);padding:0 var(--spacing-100) var(--spacing-90)}.qui-side-nav__node-root{align-items:center;background:var(--color-interactive-background-ghost-idle);border:solid 1px transparent;border-radius:var(--border-radius-xs);box-sizing:border-box;color:inherit;cursor:pointer;display:flex;font:var(--font-static-body-sm-bold);gap:var(--spacing-50);height:40px;line-height:normal;margin-left:calc((calc(var(--depth, 1) - 1) * var(--indent-spacing)) + var(--spacing-70));margin-right:var(--spacing-70);min-height:40px;outline:none;padding-left:var(--spacing-70);padding-right:var(--spacing-70);position:relative;text-decoration:inherit}.qui-side-nav__node-root:hover{background:var(--color-interactive-background-ghost-hover)}.qui-side-nav__node-root:active{background:var(--color-interactive-background-ghost-pressed)}.qui-side-nav__node-root:focus-visible{border-color:var(--color-utility-focus-border);outline:solid 1px var(--color-utility-focus-border)}.qui-side-nav__node-root:has([data-part=branch-trigger]){--branch-trigger-width:calc(16px + var(--spacing-50))}.qui-side-nav__node-root[data-size=sm]{font:var(--font-static-body-xs-default);height:32px;min-height:32px}.qui-side-nav__node-root[data-selected][data-part=leaf-node]{background:var(--color-interactive-background-ghost-hover)}.qui-side-nav__node-root[data-disabled]{background:transparent;color:var(--color-utility-disabled-text);pointer-events:none}.qui-side-nav__node-root[data-part=branch-node] .qui-side-nav__node-indicator{display:none}.qui-side-nav__branch-trigger{margin-left:auto;transition:transform var(--animation-duration-faster) ease}.qui-side-nav__branch-trigger[data-state=open]{transform:rotate(180deg)}.qui-side-nav__branch-root:has(.qui-side-nav__node-root[data-part=leaf-node][data-selected])>.qui-side-nav__node-root[data-part=branch-node]:first-child{color:var(--color-text-brand-primary);--icon-color:var(--color-icon-brand-primary)}.qui-side-nav__branch-indent-guide{background:var(--color-border-neutral-01);height:100%;left:calc(1px + var(--indent-spacing) * var(--depth));position:absolute;width:1px}.qui-side-nav__branch-content{padding:1px;position:relative}.qui-side-nav__node-action:first-of-type{margin-left:auto}.qui-side-nav__node-indicator{background:var(--color-border-brand-primary);border-bottom-left-radius:var(--border-radius-xs);border-top-left-radius:var(--border-radius-xs);height:100%;left:0;position:absolute;width:3px}.qui-icon__root.qui-side-nav__node-icon{--icon-size:var(--sizing-70)}.qui-side-nav__collapse-trigger:last-child{margin-left:auto}

package/dist/tree/qds-tree.css

@@ -1 +1 @@
-.qui-tree__root{--indent-spacing:22px}.qui-tree__node-root{--branch-trigger-width:0px;align-items:center;background:var(--color-interactive-background-ghost-idle);border:solid 1px transparent;display:flex;font:var(--font-static-body-sm-default);gap:var(--spacing-50);height:40px;min-height:40px;outline:none;padding-left:calc(var(--depth, 1) * var(--indent-spacing) - var(--branch-trigger-width) + var(--spacing-100));padding-right:var(--spacing-100);position:relative}.qui-tree__node-root:hover{background:var(--color-interactive-background-ghost-hover)}.qui-tree__node-root:active{background:var(--color-interactive-background-ghost-pressed)}.qui-tree__node-root:focus-visible{border-color:var(--color-utility-focus-border);outline:solid 1px var(--color-utility-focus-border)}.qui-tree__node-root:has([data-part=branch-trigger]){--branch-trigger-width:calc(16px + var(--spacing-50))}.qui-tree__node-root[data-size=sm]{font:var(--font-static-body-xs-default);height:32px;min-height:32px}.qui-tree__node-root[data-disabled]{background:transparent;color:var(--color-utility-disabled-text);pointer-events:none}.qui-tree__branch-trigger{transition:transform var(--animation-duration-faster) ease}.qui-tree__branch-trigger[data-state=open]{transform:rotate(90deg)}.qui-tree__branch-indent-guide{background:var(--color-border-neutral-01);height:100%;left:calc(1px + var(--indent-spacing) * var(--depth));position:absolute;width:1px}.qui-tree__branch-content{padding:1px;position:relative}.qui-tree__node-action:first-of-type{margin-left:auto}.qui-tree__node-indicator{background:var(--color-border-brand-primary);height:100%;left:0;position:absolute;width:4px}.qui-tree__label{font:var(--font-static-body-md-default);margin-bottom:var(--spacing-40)}.qui-tree__label[data-size=sm]{font:var(--font-static-body-sm-default)}.qui-icon__root.qui-tree__node-icon[data-size=sm]{--icon-size:var(--sizing-70)}.qui-icon__root.qui-tree__node-icon[data-size=md]{--icon-size:var(--sizing-80)}
+.qui-tree__root{--indent-spacing:22px}.qui-tree__node-root{--branch-trigger-width:0px;align-items:center;background:var(--color-interactive-background-ghost-idle);border:solid 1px transparent;box-sizing:border-box;color:inherit;cursor:pointer;display:flex;font:var(--font-static-body-sm-default);gap:var(--spacing-50);height:40px;min-height:40px;outline:none;padding-left:calc(var(--depth, 1) * var(--indent-spacing) - var(--branch-trigger-width) + var(--spacing-100));padding-right:var(--spacing-100);position:relative;text-decoration:inherit}.qui-tree__node-root:hover{background:var(--color-interactive-background-ghost-hover)}.qui-tree__node-root:active{background:var(--color-interactive-background-ghost-pressed)}.qui-tree__node-root:focus-visible{border-color:var(--color-utility-focus-border);outline:solid 1px var(--color-utility-focus-border)}.qui-tree__node-root:has([data-part=branch-trigger]){--branch-trigger-width:calc(16px + var(--spacing-50))}.qui-tree__node-root[data-size=sm]{font:var(--font-static-body-xs-default);height:32px;min-height:32px}.qui-tree__node-root[data-disabled]{background:transparent;color:var(--color-utility-disabled-text);pointer-events:none}.qui-tree__branch-trigger{transition:transform var(--animation-duration-faster) ease}.qui-tree__branch-trigger[data-state=open]{transform:rotate(90deg)}.qui-tree__branch-indent-guide{background:var(--color-border-neutral-01);height:100%;left:calc(1px + var(--indent-spacing) * var(--depth));position:absolute;width:1px}.qui-tree__branch-content{padding:1px;position:relative}.qui-tree__node-action:first-of-type{margin-left:auto}.qui-tree__node-indicator{background:var(--color-border-brand-primary);height:100%;left:0;position:absolute;width:4px}.qui-tree__label{font:var(--font-static-body-md-default);margin-bottom:var(--spacing-40)}.qui-tree__label[data-size=sm]{font:var(--font-static-body-sm-default)}.qui-icon__root.qui-tree__node-icon[data-size=sm]{--icon-size:var(--sizing-70)}.qui-icon__root.qui-tree__node-icon[data-size=md]{--icon-size:var(--sizing-80)}