@qualcomm-ui/qds-core 1.0.3 → 1.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/dist/breadcrumbs/qds-breadcrumbs.css +1 -1
  2. package/dist/button/qds-button.css +1 -1
  3. package/dist/components.min.css +4 -4
  4. package/dist/header-bar/qds-header-bar.css +1 -1
  5. package/dist/icon/qds-icon.css +1 -1
  6. package/dist/inline-icon-button/qds-inline-icon-button.css +1 -1
  7. package/dist/inline-notification/qds-inline-notification.css +1 -1
  8. package/dist/input/qds-input.css +1 -1
  9. package/dist/menu/qds-menu.css +1 -1
  10. package/dist/side-nav/qds-side-nav.css +1 -1
  11. package/dist/stub.d.ts +8 -0
  12. package/dist/stub.d.ts.map +1 -0
  13. package/dist/tree/qds-tree.css +1 -1
  14. package/dist/tsbuildinfo +1 -1
  15. package/package.json +4 -3
package/dist/header-bar/qds-header-bar.css CHANGED
@@ -1 +1 @@
1
- .qui-header-bar__root{align-items:center;border-bottom:solid 1px var(--color-border-neutral-01);box-sizing:border-box;display:flex;height:var(--sizing-160);min-width:-moz-fit-content;min-width:fit-content;padding:0 var(--spacing-100);width:100%}.qui-header-bar__root[data-size=lg]{height:72px}.qui-header-bar__root[data-surface=primary]{background:var(--color-surface-primary)}.qui-header-bar__root[data-surface=secondary]{background:var(--color-surface-secondary)}.qui-header-bar__logo{align-items:center;color:var(--color-text-neutral-primary);display:flex;font:var(--font-static-body-sm-bold);gap:var(--spacing-90);margin-right:var(--spacing-90);white-space:nowrap}.qui-header-bar__logo+.qui-header-bar__divider{margin:0 var(--spacing-110) 0 var(--spacing-70)}.qui-header-bar__nav{align-items:center;display:flex;gap:var(--spacing-110);margin-right:var(--spacing-180)}.qui-header-bar__nav-item{align-items:center;border:solid 1px transparent;border-radius:var(--border-radius-xs);box-sizing:border-box;color:var(--color-text-neutral-secondary);display:inline-flex;font:var(--font-static-body-sm-bold);gap:var(--spacing-40);outline:none;padding:0 var(--spacing-20);transition:background-color var(--animation-duration-faster) ease-out,color var(--animation-duration-faster) ease-out;--icon-color:var(--color-icon-neutral-secondary)}.qui-header-bar__nav-item .qui-icon__root{--icon-size:var(--sizing-70)}.qui-header-bar__nav-item:active,.qui-header-bar__nav-item:hover,.qui-header-bar__nav-item[data-active],.qui-header-bar__nav-item[data-state=open]{color:var(--color-text-neutral-primary);--icon-color:var(--color-icon-neutral-primary)}.qui-header-bar__nav-item:focus-visible{border-color:var(--color-utility-focus-border);outline:solid 1px var(--color-utility-focus-border)}.qui-header-bar__nav-item[data-disabled]{color:var(--color-utility-disabled-text);pointer-events:none;--icon-color:var(--color-utility-disabled-icon)}.qui-header-bar__nav-item .qui-icon__root[data-part=end-icon]{transition:transform var(--animation-duration-faster) ease-out}.qui-header-bar__nav-item[data-state=open] .qui-icon__root[data-part=end-icon]{transform:rotate(180deg)}a.qui-header-bar__nav-item:focus-visible{border-color:var(--color-utility-focus-border);outline:solid 2px var(--color-utility-focus-border);outline-offset:-1px}.qui-header-bar__divider{align-self:center;background:var(--color-border-neutral-01);content:"";height:20px;width:1px}.qui-header-bar__divider+.qui-avatar__root{margin-left:var(--spacing-70)}.qui-header-bar__action-bar{align-items:center;display:flex;gap:var(--spacing-40);margin-left:auto}
1
+ .qui-header-bar__root{align-items:center;border-bottom:solid 1px var(--color-border-neutral-01);box-sizing:border-box;display:flex;height:var(--sizing-160);min-width:-moz-fit-content;min-width:fit-content;padding:0 var(--spacing-100);width:100%}.qui-header-bar__root[data-size=lg]{height:72px}.qui-header-bar__root[data-surface=primary]{background:var(--color-surface-primary)}.qui-header-bar__root[data-surface=secondary]{background:var(--color-surface-secondary)}.qui-header-bar__logo{align-items:center;color:var(--color-text-neutral-primary);display:flex;font:var(--font-static-body-sm-bold);gap:var(--spacing-90);margin-right:var(--spacing-90);white-space:nowrap}.qui-header-bar__logo+.qui-header-bar__divider{margin:0 var(--spacing-110) 0 var(--spacing-70)}.qui-header-bar__logo a{color:inherit;text-decoration:none}.qui-header-bar__nav{align-items:center;display:flex;gap:var(--spacing-110);margin-right:var(--spacing-180)}.qui-header-bar__nav-item{align-items:center;border:solid 1px transparent;border-radius:var(--border-radius-xs);box-sizing:border-box;color:var(--color-text-neutral-secondary);display:inline-flex;font:var(--font-static-body-sm-bold);gap:var(--spacing-40);outline:none;padding:0 var(--spacing-20);text-decoration:inherit;transition:background-color var(--animation-duration-faster) ease-out,color var(--animation-duration-faster) ease-out;--icon-color:var(--color-icon-neutral-secondary)}.qui-header-bar__nav-item .qui-icon__root{--icon-size:var(--sizing-70)}.qui-header-bar__nav-item:active,.qui-header-bar__nav-item:hover,.qui-header-bar__nav-item[data-active],.qui-header-bar__nav-item[data-state=open]{color:var(--color-text-neutral-primary);--icon-color:var(--color-icon-neutral-primary)}.qui-header-bar__nav-item:focus-visible{border-color:var(--color-utility-focus-border);outline:solid 1px var(--color-utility-focus-border)}.qui-header-bar__nav-item[data-disabled]{color:var(--color-utility-disabled-text);pointer-events:none;--icon-color:var(--color-utility-disabled-icon)}.qui-header-bar__nav-item .qui-icon__root[data-part=end-icon]{transition:transform var(--animation-duration-faster) ease-out}.qui-header-bar__nav-item[data-state=open] .qui-icon__root[data-part=end-icon]{transform:rotate(180deg)}a.qui-header-bar__nav-item:focus-visible{border-color:var(--color-utility-focus-border);outline:solid 2px var(--color-utility-focus-border);outline-offset:-1px}.qui-header-bar__divider{align-self:center;background:var(--color-border-neutral-01);content:"";height:20px;width:1px}.qui-header-bar__divider+.qui-avatar__root{margin-left:var(--spacing-70)}.qui-header-bar__action-bar{align-items:center;display:flex;gap:var(--spacing-40);margin-left:auto}
package/dist/icon/qds-icon.css CHANGED
@@ -1 +1 @@
1
- .qui-icon__root{display:block;fill:none;height:var(--icon-height,var(--icon-size));min-height:var(--icon-height,var(--icon-size));min-width:var(--icon-width,var(--icon-size));stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:var(--stroke-width,2);vertical-align:middle;width:var(--icon-width,var(--icon-size))}.qui-icon__root[data-size=xs]{--icon-size:12px}.qui-icon__root[data-size=sm]{--icon-size:14px}.qui-icon__root[data-size=md]{--icon-size:16px}.qui-icon__root[data-size=lg]{--icon-size:20px}.qui-icon__root[data-size=xl]{--icon-size:22px}
1
+ .qui-icon__root{display:block;fill:none;height:var(--icon-height,var(--icon-size));min-height:var(--icon-height,var(--icon-size));min-width:var(--icon-width,var(--icon-size));stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:var(--stroke-width,2);vertical-align:middle;width:var(--icon-width,var(--icon-size))}.qui-icon__root[hidden]{display:none}.qui-icon__root[data-size=xs]{--icon-size:12px}.qui-icon__root[data-size=sm]{--icon-size:14px}.qui-icon__root[data-size=md]{--icon-size:16px}.qui-icon__root[data-size=lg]{--icon-size:20px}.qui-icon__root[data-size=xl]{--icon-size:22px}
package/dist/inline-icon-button/qds-inline-icon-button.css CHANGED
@@ -1,4 +1,4 @@
1
- .qui-inline-icon-button__root{--button-size:var(--sizing-90);align-items:center;background:var(--color-interactive-background-ghost-idle);border:var(--border-width-sm) solid transparent;border-radius:var(--border-radius-sm);color:var(--color-interactive-icon-neutral-idle);display:inline-flex;height:var(--button-size);justify-content:center;min-height:var(--button-size);min-width:var(--button-size);outline:none;transition:background-color var(--animation-duration-faster) ease-out,color var(--animation-duration-faster) ease-out;width:var(--button-size)}@media (prefers-reduced-motion: reduce){.qui-inline-icon-button__root{transition:none}}.qui-inline-icon-button__root:focus-visible{border-color:var(--color-utility-focus-border);outline:1px solid var(--color-utility-focus-border)}.qui-inline-icon-button__root[data-size=sm]{--button-size:var(--sizing-80)}.qui-inline-icon-button__root[data-size=lg]{--button-size:var(--sizing-100)}.qui-inline-icon-button__root .qui-icon__root.qui-inline-icon-button__icon{--icon-size:12px}.qui-inline-icon-button__root .qui-icon__root.qui-inline-icon-button__icon[data-variant=scale][data-size]{--icon-size:16px}.qui-inline-icon-button__root:hover{background:var(--color-interactive-background-ghost-hover);color:var(--color-interactive-icon-neutral-hover)}.qui-inline-icon-button__root:active{background:var(--color-interactive-background-ghost-pressed);color:var(--color-interactive-icon-neutral-pressed)}.qui-inline-icon-button__root[data-emphasis=persistent-black]{background:var(--color-interactive-background-persistent-black-ghost-idle);color:var(--color-utility-persistent-black)}.qui-inline-icon-button__root[data-emphasis=persistent-black]:hover{background:var(
1
+ .qui-inline-icon-button__root{--button-size:var(--sizing-90);align-items:center;background:var(--color-interactive-background-ghost-idle);border:var(--border-width-sm) solid transparent;border-radius:var(--border-radius-sm);color:var(--color-interactive-icon-neutral-idle);display:inline-flex;height:var(--button-size);justify-content:center;min-height:var(--button-size);min-width:var(--button-size);outline:none;transition:background-color var(--animation-duration-faster) ease-out,color var(--animation-duration-faster) ease-out;width:var(--button-size)}.qui-inline-icon-button__root[hidden]{display:none}@media (prefers-reduced-motion: reduce){.qui-inline-icon-button__root{transition:none}}.qui-inline-icon-button__root:focus-visible{border-color:var(--color-utility-focus-border);outline:1px solid var(--color-utility-focus-border)}.qui-inline-icon-button__root[data-size=sm]{--button-size:var(--sizing-80)}.qui-inline-icon-button__root[data-size=lg]{--button-size:var(--sizing-100)}.qui-inline-icon-button__root .qui-icon__root.qui-inline-icon-button__icon{--icon-size:12px}.qui-inline-icon-button__root .qui-icon__root.qui-inline-icon-button__icon[data-variant=scale][data-size]{--icon-size:16px}.qui-inline-icon-button__root:hover{background:var(--color-interactive-background-ghost-hover);color:var(--color-interactive-icon-neutral-hover)}.qui-inline-icon-button__root:active{background:var(--color-interactive-background-ghost-pressed);color:var(--color-interactive-icon-neutral-pressed)}.qui-inline-icon-button__root[data-emphasis=persistent-black]{background:var(--color-interactive-background-persistent-black-ghost-idle);color:var(--color-utility-persistent-black)}.qui-inline-icon-button__root[data-emphasis=persistent-black]:hover{background:var(
2
2
  --color-interactive-background-persistent-black-ghost-hover
3
3
  )}.qui-inline-icon-button__root[data-emphasis=persistent-black]:active{background:var(
4
4
  --color-interactive-background-persistent-black-ghost-pressed
package/dist/inline-notification/qds-inline-notification.css CHANGED
@@ -1 +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)}
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);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 CHANGED
@@ -1 +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)}
1
+ .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/menu/qds-menu.css CHANGED
@@ -1 +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)}
1
+ .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/side-nav/qds-side-nav.css CHANGED
@@ -1 +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}
1
+ .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/stub.d.ts ADDED
@@ -0,0 +1,8 @@
1
+ /**
2
+ * @packageDocumentation
3
+ * This file is here to ensure that npm shows the TypeScript badge.
4
+ * This package uses secondary entrypoints only.
5
+ * Import from 'pkg/subpath1', 'pkg/subpath2', etc.
6
+ */
7
+ export {};
8
+ //# sourceMappingURL=stub.d.ts.map
package/dist/stub.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"stub.d.ts","sourceRoot":"","sources":["../src/stub.ts"],"names":[],"mappings":"AAGA;;;;;GAKG;AACH,OAAO,EAAE,CAAA"}
package/dist/tree/qds-tree.css CHANGED
@@ -1 +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)}
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;box-sizing:border-box;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)}