@qualcomm-ui/qds-core 1.21.0 → 1.22.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/alert-banner/alert-banner.api.d.ts.map +1 -1
- package/dist/alert-banner/alert-banner.types.d.ts +2 -0
- package/dist/alert-banner/alert-banner.types.d.ts.map +1 -1
- package/dist/alert-banner/index.cjs +1 -1
- package/dist/alert-banner/index.cjs.map +3 -3
- package/dist/alert-banner/index.js +1 -1
- package/dist/alert-banner/index.js.map +3 -3
- package/dist/alert-banner/qds-alert-banner.css +1 -1
- package/dist/avatar/qds-avatar.css +1 -1
- package/dist/badge/qds-badge-colors.css +1 -1
- package/dist/badge/qds-icon-badge.css +1 -1
- package/dist/badge/qds-number-badge.css +1 -1
- package/dist/badge/qds-status-badge.css +1 -1
- package/dist/badge/qds-text-badge.css +1 -1
- package/dist/button/icon-button.api.d.ts.map +1 -1
- package/dist/button/icon-button.types.d.ts +8 -0
- package/dist/button/icon-button.types.d.ts.map +1 -1
- package/dist/button/index.cjs +1 -1
- package/dist/button/index.cjs.map +3 -3
- package/dist/button/index.js +1 -1
- package/dist/button/index.js.map +3 -3
- package/dist/button/qds-button.css +42 -6
- package/dist/components.min.css +44 -8
- package/dist/inline-notification/qds-inline-notification.css +1 -1
- package/dist/number-input/qds-number-input.css +1 -1
- package/dist/progress/qds-progress.css +1 -1
- package/dist/progress-ring/qds-progress-ring.css +1 -1
- package/dist/select/qds-select.css +1 -1
- package/dist/tag/qds-tag.css +1 -1
- package/dist/tsbuildinfo +1 -1
- package/package.json +2 -2
|
@@ -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-medium);--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-
|
|
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-medium);--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-color:var(--border-color);border-left:solid var(--sizing-40) var(--border-left-color);border-radius:var(--border-radius-md);border-style:solid;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-medium);--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-medium);--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-medium);--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-medium);--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 +1 @@
|
|
|
1
|
-
.qui-number-input__input-group{gap:var(--spacing-40);height:var(--sizing-140);min-width:var(--sizing-140);padding-inline-end:var(--group-padding-end);padding-inline-start:var(--group-padding-start);--group-padding-start:var(--spacing-90);--step-button-size:var(--sizing-100)}.qui-number-input__input-group:has(.qui-number-input__unit-select){--group-padding-start:0}.qui-number-input__input-group{--group-padding-end:var(--spacing-50)}.qui-number-input__input-group[data-size=sm]{--group-padding-end:var(--spacing-40);--group-padding-start:var(--spacing-70);--step-button-size:var(--sizing-90);height:var(--sizing-120);min-width:var(--sizing-120)}.qui-number-input__input-group[data-size=lg]{--group-padding-end:var(--spacing-80);--group-padding-start:var(--spacing-100);height:var(--sizing-160);min-width:var(--sizing-160)}.qui-number-input__input-group:has([data-part=decrement-trigger]):has([data-part=increment-trigger]) .qui-number-input__control{gap:calc((var(--spacing-40) * 2) - 1px)}.qui-number-input__input-group:has([data-part=decrement-trigger]):has([data-part=increment-trigger]) [data-part=decrement-trigger]:after{background:var(--color-border-neutral-01);content:" ";height:var(--sizing-70);position:absolute;right:calc((var(--spacing-40) * -1) - 1px);width:var(--sizing-10)}.qui-number-input__input-group:hover{--icon-color:var(--color-icon-neutral-secondary);border-color:var(--color-interactive-border-neutral-hover)}.qui-number-input__input-group:hover:has([data-part=input]:not([data-empty])){--icon-color:var(--color-text-neutral-secondary)}.qui-number-input__input-group[data-invalid]{border-color:var(--color-interactive-border-danger-idle)}.qui-number-input__input-group[data-focus]{border-color:var(--color-utility-focus-border);outline:solid 1px var(--color-utility-focus-border)}.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-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-number-input__input-group[data-disabled] .qui-number-input__input::-moz-placeholder{color:var(--color-utility-disabled-text)}.qui-number-input__input-group[data-disabled] .qui-number-input__input::placeholder{color:var(--color-utility-disabled-text)}.qui-number-input__input{-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);font-feature-settings:inherit;font-variation-settings:inherit;height:100%;letter-spacing:inherit;margin:0;opacity:1;outline:0;padding:0;text-align:start;text-overflow:ellipsis;width:100%;z-index:0}.qui-number-input__input::-moz-placeholder{color:var(--color-utility-placeholder-text)}.qui-number-input__input::placeholder{color:var(--color-utility-placeholder-text)}.qui-number-input__input:disabled{color:var(--color-utility-disabled-text)}.qui-number-input__input:disabled::-moz-placeholder{color:var(--color-utility-disabled-text)}.qui-number-input__input:disabled::placeholder{color:var(--color-utility-disabled-text)}.qui-number-input__input[data-size=sm]{font:var(--font-static-body-xs-default)}.qui-number-input__input[data-size=lg]{font:var(--font-static-body-md-default)}.qui-number-input__input-group:has(.qui-number-input__unit-select) .qui-number-input__input{padding-inline-start:var(--spacing-90)}.qui-number-input__input-group:has(.qui-number-input__unit-select)[data-size=sm] .qui-number-input__input{padding-inline-start:var(--spacing-70)}.qui-number-input__control{align-items:center;display:flex;justify-content:center;position:relative;z-index:1}.qui-number-input__step-trigger.qui-inline-icon-button__root[data-size]{--button-size:var(--step-button-size);position:relative}.qui-number-input__input-group[data-disabled] .qui-number-input__step-trigger,.qui-number-input__input-group[data-readonly] .qui-number-input__step-trigger{background:transparent;color:var(--color-utility-disabled-icon)}.qui-number-input__error-indicator[data-size]{margin-inline-end:var(--spacing-20)}.qui-number-input__error-indicator[data-size=lg]{margin-inline-end:var(--spacing-40)}.qui-number-input__unit-select{align-items:center;background:var(--color-background-neutral-01);border:none;border-inline-end:1px solid var(--color-border-neutral-01);border-radius:var(--border-radius-md) 0 0 var(--border-radius-md);color:var(--color-text-neutral-secondary);cursor:pointer;display:flex;font:var(--font-static-body-sm-default);gap:var(--spacing-40);height:var(--sizing-130);padding-inline-end:var(--spacing-50);padding-inline-start:var(--spacing-90)}.qui-number-input__unit-select[data-size=sm]{font:var(--font-static-body-xs-default);height:var(--sizing-110);padding-inline-start:var(--spacing-70)}.qui-number-input__unit-select[data-size=lg]{height:var(--sizing-150)}.qui-number-input__unit-select:hover{background:linear-gradient(var(--color-interactive-background-ghost-hover) 0 0),var(--color-background-neutral-01)}.qui-number-input__unit-select:focus-visible{outline:2px solid var(--color-utility-focus-border);outline-offset:-1px}.qui-number-input__unit-select[data-disabled]{background:
|
|
1
|
+
.qui-number-input__input-group{gap:var(--spacing-40);height:var(--sizing-140);min-width:var(--sizing-140);padding-inline-end:var(--group-padding-end);padding-inline-start:var(--group-padding-start);--group-padding-start:var(--spacing-90);--step-button-size:var(--sizing-100)}.qui-number-input__input-group:has(.qui-number-input__unit-select){--group-padding-start:0}.qui-number-input__input-group{--group-padding-end:var(--spacing-50)}.qui-number-input__input-group[data-size=sm]{--group-padding-end:var(--spacing-40);--group-padding-start:var(--spacing-70);--step-button-size:var(--sizing-90);height:var(--sizing-120);min-width:var(--sizing-120)}.qui-number-input__input-group[data-size=lg]{--group-padding-end:var(--spacing-80);--group-padding-start:var(--spacing-100);height:var(--sizing-160);min-width:var(--sizing-160)}.qui-number-input__input-group:has([data-part=decrement-trigger]):has([data-part=increment-trigger]) .qui-number-input__control{gap:calc((var(--spacing-40) * 2) - 1px)}.qui-number-input__input-group:has([data-part=decrement-trigger]):has([data-part=increment-trigger]) [data-part=decrement-trigger]:after{background:var(--color-border-neutral-01);content:" ";height:var(--sizing-70);position:absolute;right:calc((var(--spacing-40) * -1) - 1px);width:var(--sizing-10)}.qui-number-input__input-group:hover{--icon-color:var(--color-icon-neutral-secondary);border-color:var(--color-interactive-border-neutral-hover)}.qui-number-input__input-group:hover:has([data-part=input]:not([data-empty])){--icon-color:var(--color-text-neutral-secondary)}.qui-number-input__input-group[data-invalid]{border-color:var(--color-interactive-border-danger-idle)}.qui-number-input__input-group[data-focus]{border-color:var(--color-utility-focus-border);outline:solid 1px var(--color-utility-focus-border)}.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-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-number-input__input-group[data-disabled] .qui-number-input__input::-moz-placeholder{color:var(--color-utility-disabled-text)}.qui-number-input__input-group[data-disabled] .qui-number-input__input::placeholder{color:var(--color-utility-disabled-text)}.qui-number-input__input{-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);font-feature-settings:inherit;font-variation-settings:inherit;height:100%;letter-spacing:inherit;margin:0;opacity:1;outline:0;padding:0;text-align:start;text-overflow:ellipsis;width:100%;z-index:0}.qui-number-input__input::-moz-placeholder{color:var(--color-utility-placeholder-text)}.qui-number-input__input::placeholder{color:var(--color-utility-placeholder-text)}.qui-number-input__input:disabled{color:var(--color-utility-disabled-text)}.qui-number-input__input:disabled::-moz-placeholder{color:var(--color-utility-disabled-text)}.qui-number-input__input:disabled::placeholder{color:var(--color-utility-disabled-text)}.qui-number-input__input[data-size=sm]{font:var(--font-static-body-xs-default)}.qui-number-input__input[data-size=lg]{font:var(--font-static-body-md-default)}.qui-number-input__input-group:has(.qui-number-input__unit-select) .qui-number-input__input{padding-inline-start:var(--spacing-90)}.qui-number-input__input-group:has(.qui-number-input__unit-select)[data-size=sm] .qui-number-input__input{padding-inline-start:var(--spacing-70)}.qui-number-input__control{align-items:center;display:flex;justify-content:center;position:relative;z-index:1}.qui-number-input__step-trigger.qui-inline-icon-button__root[data-size]{--button-size:var(--step-button-size);position:relative}.qui-number-input__input-group[data-disabled] .qui-number-input__step-trigger,.qui-number-input__input-group[data-readonly] .qui-number-input__step-trigger{background:transparent;color:var(--color-utility-disabled-icon)}.qui-number-input__error-indicator[data-size]{margin-inline-end:var(--spacing-20)}.qui-number-input__error-indicator[data-size=lg]{margin-inline-end:var(--spacing-40)}.qui-number-input__unit-select{align-items:center;background:var(--color-background-neutral-01);border:none;border-inline-end:1px solid var(--color-border-neutral-01);border-radius:var(--border-radius-md) 0 0 var(--border-radius-md);color:var(--color-text-neutral-secondary);cursor:pointer;display:flex;font:var(--font-static-body-sm-default);gap:var(--spacing-40);height:var(--sizing-130);padding-inline-end:var(--spacing-50);padding-inline-start:var(--spacing-90)}.qui-number-input__unit-select[data-size=sm]{font:var(--font-static-body-xs-default);height:var(--sizing-110);padding-inline-start:var(--spacing-70)}.qui-number-input__unit-select[data-size=lg]{height:var(--sizing-150)}.qui-number-input__unit-select:hover{background:linear-gradient(var(--color-interactive-background-ghost-hover) 0 0),var(--color-background-neutral-01)}.qui-number-input__unit-select:focus-visible{outline:2px solid var(--color-utility-focus-border);outline-offset:-1px}.qui-number-input__unit-select[data-disabled]{background:transparent;border-inline-end-color:var(--color-utility-disabled-border);color:var(--color-utility-disabled-text);cursor:not-allowed}.qui-number-input__unit-select[data-readonly]{background:transparent;cursor:default}.qui-number-input__unit-select [data-part=chevron]{--icon-size:12px;box-sizing:content-box;color:var(--color-icon-neutral-primary);padding:var(--spacing-70)}.qui-number-input__unit-select[data-size=sm] [data-part=chevron]{padding:var(--spacing-40)}.qui-number-input__unit-select[data-disabled] [data-part=chevron],.qui-number-input__unit-select[data-readonly] [data-part=chevron]{color:var(--color-utility-disabled-icon)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.qui-progress__root{--bar-column-end:-1;--bar-grid-row:1;--bar-start-column:1;--hint-grid-row:calc(var(--bar-grid-row) + 1);--progress-height:var(--sizing-50);display:grid;grid-column-gap:var(--spacing-70);grid-row-gap:var(--spacing-40);grid-template-columns:1fr;position:relative;width:100%}.qui-progress__root:has(.qui-progress__error-text:not([hidden])){--hint-grid-row:calc(var(--bar-grid-row) + 2)}.qui-progress__root:has(.qui-progress__value-text){--bar-grid-row:2}.qui-progress__root[data-label-orientation=side]{--bar-grid-row:1}.qui-progress__root[data-label-orientation=side]:has(.qui-progress__value-text){--bar-column-end:-2;grid-template-columns:1fr auto}.qui-progress__root:has(.qui-progress__label)[data-label-orientation=top]{--bar-grid-row:2}.qui-progress__root:has(.qui-progress__label)[data-label-orientation=side]{grid-template-columns:auto 1fr;--bar-grid-row:1;--bar-start-column:2}.qui-progress__root:has(.qui-progress__label)[data-label-orientation=side]:has(.qui-progress__value-text){grid-template-columns:auto 1fr auto}.qui-progress__root[data-size=sm]{--progress-height:var(--sizing-40)}.qui-progress__root[data-size=lg]{--progress-height:var(--sizing-60)}.qui-progress__label{color:var(--color-text-neutral-secondary);font:var(--font-static-body-xs-default);grid-column:1;grid-row:1;justify-self:start}.qui-progress__root[data-disabled] .qui-progress__label{color:var(--color-utility-disabled-text)}.qui-progress__value-text{color:var(--color-text-neutral-primary);display:flex;font:var(--font-static-body-xs-default);grid-column:-2/-1;grid-row:1;justify-self:end}.qui-progress__value-text[data-invalid]{color:var(--color-text-support-danger)}.qui-progress__root[data-disabled] .qui-progress__value-text{color:var(--color-utility-disabled-text)}.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);gap:var(--spacing-40);grid-column:1/-1;grid-row:calc(var(--bar-grid-row) + 1);margin-top:1px}.qui-progress__hint{color:var(--color-text-neutral-secondary);font:var(--font-static-body-xs-default);grid-column:var(--bar-start-column) /-1;grid-row:var(--hint-grid-row)}.qui-progress__root[data-disabled] .qui-progress__hint{color:var(--color-utility-disabled-text)}.qui-progress__track{align-items:baseline;align-self:center;background:var(--track-default);border-radius:360px;display:flex;grid-column:var(--bar-start-column) /var(--bar-column-end);grid-row:var(--bar-grid-row);height:var(--progress-height);overflow:hidden;position:relative;width:100%}.qui-
|
|
1
|
+
.qui-progress__root{--bar-column-end:-1;--bar-grid-row:1;--bar-start-column:1;--hint-grid-row:calc(var(--bar-grid-row) + 1);--progress-height:var(--sizing-50);display:grid;grid-column-gap:var(--spacing-70);grid-row-gap:var(--spacing-40);grid-template-columns:1fr;position:relative;width:100%}.qui-progress__root:has(.qui-progress__error-text:not([hidden])){--hint-grid-row:calc(var(--bar-grid-row) + 2)}.qui-progress__root:has(.qui-progress__value-text){--bar-grid-row:2}.qui-progress__root[data-label-orientation=side]{--bar-grid-row:1}.qui-progress__root[data-label-orientation=side]:has(.qui-progress__value-text){--bar-column-end:-2;grid-template-columns:1fr auto}.qui-progress__root:has(.qui-progress__label)[data-label-orientation=top]{--bar-grid-row:2}.qui-progress__root:has(.qui-progress__label)[data-label-orientation=side]{grid-template-columns:auto 1fr;--bar-grid-row:1;--bar-start-column:2}.qui-progress__root:has(.qui-progress__label)[data-label-orientation=side]:has(.qui-progress__value-text){grid-template-columns:auto 1fr auto}.qui-progress__root[data-size=sm]{--progress-height:var(--sizing-40)}.qui-progress__root[data-size=lg]{--progress-height:var(--sizing-60)}.qui-progress__label{color:var(--color-text-neutral-secondary);font:var(--font-static-body-xs-default);grid-column:1;grid-row:1;justify-self:start}.qui-progress__root[data-disabled] .qui-progress__label{color:var(--color-utility-disabled-text)}.qui-progress__value-text{color:var(--color-text-neutral-primary);display:flex;font:var(--font-static-body-xs-default);grid-column:-2/-1;grid-row:1;justify-self:end}.qui-progress__value-text[data-invalid]{color:var(--color-text-support-danger)}.qui-progress__root[data-disabled] .qui-progress__value-text{color:var(--color-utility-disabled-text)}.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);gap:var(--spacing-40);grid-column:1/-1;grid-row:calc(var(--bar-grid-row) + 1);margin-top:1px}.qui-progress__hint{color:var(--color-text-neutral-secondary);font:var(--font-static-body-xs-default);grid-column:var(--bar-start-column) /-1;grid-row:var(--hint-grid-row)}.qui-progress__root[data-disabled] .qui-progress__hint{color:var(--color-utility-disabled-text)}.qui-progress__track{align-items:baseline;align-self:center;background:var(--track-default);border-radius:360px;display:flex;grid-column:var(--bar-start-column) /var(--bar-column-end);grid-row:var(--bar-grid-row);height:var(--progress-height);overflow:hidden;position:relative;width:100%}.qui-progress__bar{background:var(--progress-color);border-radius:var(--border-radius-rounded);height:var(--progress-height);max-height:var(--progress-height);transition:width 200ms ease}.qui-progress__bar[data-emphasis=primary]{--progress-color:var(--color-background-brand-primary)}.qui-progress__bar[data-emphasis=neutral]{--progress-color:var(--color-background-support-neutral)}.qui-progress__bar[data-state=complete]:not([data-invalid]):not([data-disabled]){--progress-color:var(--color-background-support-success)}.qui-progress__bar[data-invalid]{--progress-color:var(--color-text-support-danger)}.qui-progress__bar[data-disabled]{--progress-color:var(--color-utility-disabled-track-fill)}.qui-progress__bar[data-state=complete],.qui-progress__bar[data-state=loading]{width:var(--percent)}.qui-progress__bar[data-state=indeterminate]:not([data-disabled]):before{animation:qui-progress__indeterminate-animation-1 2.2s cubic-bezier(0.65,0.815,0.735,0.395) 0s infinite normal none running;background:var(--progress-color);border-radius:var(--border-radius-rounded);bottom:0;content:"";left:0;position:absolute;top:0;transform-origin:left center;transition:transform 0.2s linear 0s;width:auto}.qui-progress__bar[data-state=indeterminate]:not([data-disabled]):after{animation:qui-progress__indeterminate-animation-2 2.2s cubic-bezier(0.165,0.84,0.44,1) 1.15s infinite normal none running;background:var(--progress-color);border-radius:var(--border-radius-rounded);bottom:0;content:"";left:0;position:absolute;top:0;transform-origin:left center;transition:transform 0.2s linear 0s;width:auto}@keyframes qui-progress__indeterminate-animation-1{0%{left:-35%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}@keyframes qui-progress__indeterminate-animation-2{0%{left:-200%;right:100%}60%{left:107%;right:-8%}to{left:107%;right:-8%}}
|
|
@@ -1 +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));display:block;height:var(--size);transform:rotate(-90deg);
|
|
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));display:block;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]:not([data-disabled]){animation:qui-progress-ring__indeterminate-rotate 3s linear infinite}.qui-progress-ring__circle[data-state=indeterminate]:not([data-disabled]) .qui-progress-ring__bar{animation:qui-progress-ring__indeterminate-circle 2s linear infinite}.qui-progress-ring__track{fill:transparent;stroke:var(--track-default);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-state=complete]:not([data-invalid]):not([data-disabled]){--progress-color:var(--color-background-support-success)}.qui-progress-ring__bar[data-invalid]{--progress-color:var(--color-text-support-danger)}.qui-progress-ring__bar[data-disabled]{--progress-color:var(--color-utility-disabled-track-fill)}.qui-progress-ring__bar[data-disabled][data-state=indeterminate]{--progress-color:var(--color-utility-disabled-background)}.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__root[data-disabled] .qui-progress-ring__value-text{color:var(--color-utility-disabled-text)}.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-ring__root[data-disabled] .qui-progress-ring__label{color:var(--color-utility-disabled-text)}.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)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.qui-select__root{display:flex;flex-direction:column;gap:var(--spacing-40);--input-group-gap:var(--spacing-40)}.qui-select__root[data-size=lg]{--input-group-gap:var(--spacing-50)}.qui-select__label{color:var(--color-text-neutral-secondary);display:inline-block;font:var(--font-static-body-sm-default)}.qui-select__label[data-disabled]{color:var(--color-utility-disabled-text);cursor:default}.qui-select__control{--select-trigger-gap:var(--spacing-40);align-items:center;background:var(--color-background-neutral-00);border:1px solid var(--color-interactive-border-neutral-idle);border-radius:var(--border-radius-sm);box-sizing:border-box;color:var(--color-text-neutral-primary);cursor:pointer;display:inline-flex;font:var(--font-static-body-sm-default);gap:var(--select-trigger-gap);justify-content:space-between;line-height:normal;margin:0;min-height:var(--sizing-140,40px);outline:none;overflow-x:hidden;padding:0 var(--spacing-70) 0 var(--spacing-90);position:relative;width:100%;--icon-color:var(--color-icon-neutral-primary)}.qui-select__control[data-placeholder-shown]{--icon-color:var(--color-utility-placeholder-icon)}.qui-select__control[data-placeholder-shown] .qui-select__value-text{color:var(--color-utility-placeholder-text);-webkit-user-select:none;-moz-user-select:none;user-select:none}.qui-select__control[data-size=sm]{font:var(--font-static-body-xs-default);min-height:var(--sizing-120);padding:0 var(--spacing-50) 0 var(--spacing-70)}.qui-select__control[data-size=lg]{font:var(--font-static-body-md-default);min-height:var(--sizing-160,48px);padding:0 var(--spacing-80) 0 var(--spacing-100)}.qui-select__control:hover{border-color:var(--color-interactive-border-neutral-hover)}.qui-select__control[data-invalid]:not([data-state=open]){border-color:var(--color-interactive-border-danger-idle);outline:1px solid var(--color-interactive-border-danger-idle)}.qui-select__control[data-invalid]:not([data-state=open]):hover{border-color:var(--color-interactive-border-danger-hover);outline:1px solid var(--color-interactive-border-danger-hover)}.qui-select__control[data-readonly]{background:var(--color-background-neutral-02);border-color:var(--color-utility-disabled-border)}.qui-select__control:focus,.qui-select__control:focus-visible,.qui-select__control
|
|
1
|
+
.qui-select__root{display:flex;flex-direction:column;gap:var(--spacing-40);--input-group-gap:var(--spacing-40)}.qui-select__root[data-size=lg]{--input-group-gap:var(--spacing-50)}.qui-select__label{color:var(--color-text-neutral-secondary);display:inline-block;font:var(--font-static-body-sm-default)}.qui-select__label[data-disabled]{color:var(--color-utility-disabled-text);cursor:default}.qui-select__control{--select-trigger-gap:var(--spacing-40);align-items:center;background:var(--color-background-neutral-00);border:1px solid var(--color-interactive-border-neutral-idle);border-radius:var(--border-radius-sm);box-sizing:border-box;color:var(--color-text-neutral-primary);cursor:pointer;display:inline-flex;font:var(--font-static-body-sm-default);gap:var(--select-trigger-gap);justify-content:space-between;line-height:normal;margin:0;min-height:var(--sizing-140,40px);outline:none;overflow-x:hidden;padding:0 var(--spacing-70) 0 var(--spacing-90);position:relative;width:100%;--icon-color:var(--color-icon-neutral-primary)}.qui-select__control[data-placeholder-shown]{--icon-color:var(--color-utility-placeholder-icon)}.qui-select__control[data-placeholder-shown] .qui-select__value-text{color:var(--color-utility-placeholder-text);-webkit-user-select:none;-moz-user-select:none;user-select:none}.qui-select__control[data-size=sm]{font:var(--font-static-body-xs-default);min-height:var(--sizing-120);padding:0 var(--spacing-50) 0 var(--spacing-70)}.qui-select__control[data-size=lg]{font:var(--font-static-body-md-default);min-height:var(--sizing-160,48px);padding:0 var(--spacing-80) 0 var(--spacing-100)}.qui-select__control:hover{border-color:var(--color-interactive-border-neutral-hover)}.qui-select__control[data-invalid]:not([data-state=open]){border-color:var(--color-interactive-border-danger-idle);outline:1px solid var(--color-interactive-border-danger-idle)}.qui-select__control[data-invalid]:not([data-state=open]):hover{border-color:var(--color-interactive-border-danger-hover);outline:1px solid var(--color-interactive-border-danger-hover)}.qui-select__control[data-readonly]{background:var(--color-background-neutral-02);border-color:var(--color-utility-disabled-border)}.qui-select__control:focus,.qui-select__control:focus-visible,.qui-select__control[data-state=open]{border-color:var(--color-utility-focus-border);outline:1px solid var(--color-utility-focus-border)}.qui-select__control:disabled,.qui-select__control[data-disabled]{background:var(--color-utility-disabled-background);border-color:var(--color-utility-disabled-border);color:var(--color-utility-disabled-text);cursor:default;pointer-events:none}.qui-select__control:disabled .qui-select__trigger-icon,.qui-select__control[data-disabled] .qui-select__trigger-icon{color:var(--color-utility-disabled-icon)}.qui-select__control .qui-select__indicator{background-color:transparent;border:0 solid;box-sizing:border-box;color:var(--color-icon-neutral-primary);margin:0;opacity:1;padding:0;transition:transform var(--animation-duration-faster) ease}.qui-select__control .qui-select__indicator[data-size]{--icon-size:16px}.qui-select__control .qui-select__indicator[data-size=lg]{--icon-size:20px}.qui-select__control .qui-select__indicator[data-disabled]{color:var(--color-utility-disabled-icon)}.qui-select__control .qui-select__indicator[data-state=open]{transform:rotate(180deg)}.qui-select__trigger-icon{color:var(--icon-color)}.qui-select__trigger-icon[data-size=sm]{margin-right:calc(var(--spacing-50) - var(--select-trigger-gap))}.qui-select__trigger-icon[data-size=md]{margin-right:calc(var(--spacing-70) - var(--select-trigger-gap))}.qui-select__trigger-icon[data-size=lg]{--icon-height:var(--sizing-80);--icon-width:var(--sizing-80);margin-right:calc(var(--spacing-80) - var(--select-trigger-gap))}.qui-select__positioner{max-height:min(var(--available-height),320px);overflow-x:hidden;overflow-y:auto;width:auto}.qui-select__positioner[data-size=md]{max-height:min(var(--available-height),320px)}.qui-select__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);box-sizing:border-box;display:inline-flex;flex-direction:column;margin:0;max-height:min(var(--available-height),320px);outline:none;overflow-y:auto;overscroll-behavior:contain;padding:var(--spacing-40) 0;position:relative;width:100%;z-index:calc(var(--z-index-dropdown) + var(--layer-index))}.qui-select__content[data-virtual][data-empty]{padding:0 0}.qui-select__content[data-virtual][data-size=sm]{min-height:34px}.qui-select__content[data-virtual]{max-height:unset;min-height:42px;min-width:var(--reference-width);overflow:hidden}.qui-select__content[data-focus-visible]:not([data-disabled]) .qui-select__item[data-highlighted]{border-color:var(--color-utility-focus-border)}.qui-select__hidden-select{background-color:transparent;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}.qui-select__item{align-items:center;background-color:transparent;border:solid 2px transparent;box-sizing:border-box;color:var(--color-text-neutral-primary);cursor:pointer;display:flex;font:var(--font-static-body-sm-default);gap:8px;justify-content:space-between;min-height:40px;outline:none;padding:0 var(--select-padding-x);width:100%;--select-padding-x:var(--spacing-100)}.qui-select__item[data-size=sm]{font:var(--font-static-body-xs-default);min-height:32px;--select-padding-x:var(--spacing-90)}.qui-select__item:hover{background:var(--color-interactive-background-ghost-hover)}.qui-select__item:active{background:var(--color-interactive-background-ghost-pressed)}.qui-select__item[data-highlighted][data-focus-visible]{border-color:var(--color-utility-focus-border)}.qui-select__item[data-disabled]{background:var(--color-interactive-background-ghost-idle);color:var(--color-utility-disabled-text);cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;user-select:none}.qui-select__item[role=presentation]{background:var(--color-interactive-background-ghost-idle);cursor:initial}.qui-select__item:not([data-disabled]) .qui-select__item-text mark{background:var(--color-background-neutral-10);color:var(--color-text-neutral-inverse)}.qui-select__item[data-virtual]{left:0;position:absolute;text-overflow:ellipsis;top:0;transform:translateY(var(--virtual-item-start));white-space:nowrap;width:calc(100% - var(--scrollbar-width, 0px))}.qui-select__item-text{flex:1;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.qui-select__item[data-selection-indicator=checkbox]{justify-content:flex-start}.qui-select__value-text{color:var(--color-text-neutral-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;word-break:break-word}.qui-select__value-text[data-disabled]{color:var(--color-utility-disabled-text)}.qui-select__value-text[data-multiple]{-moz-column-gap:var(--spacing-70);column-gap:var(--spacing-70);display:inline-flex;flex-wrap:wrap;padding:4px 0;row-gap:var(--spacing-40)}
|
package/dist/tag/qds-tag.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.qui-tag__root{align-items:center;background:var(--tag-bg-base);border:solid 1px var(--tag-border-base);border-radius:var(--tag-radius);box-sizing:border-box;cursor:default;display:inline-flex;font:var(--font-static-body-xs-default);max-height:var(--tag-size);min-height:var(--tag-size);outline:none;padding:var(--spacing-
|
|
1
|
+
.qui-tag__root>span{text-box:cap alphabetic}.qui-tag__root{align-items:center;background:var(--tag-bg-base);border:solid 1px var(--tag-border-base);border-radius:var(--tag-radius);box-sizing:border-box;color:var(--color-interactive-text-neutral-idle);cursor:default;display:inline-flex;font:var(--font-static-body-xs-default);max-height:var(--tag-size);min-height:var(--tag-size);outline:none;padding-block:var(--spacing-0);padding-inline:var(--spacing-70);-webkit-user-select:none;-moz-user-select:none;user-select:none;--tag-size:var(--sizing-90);--tag-radius:var(--border-radius-md);--tag-bg-base:transparent;--tag-border-base:var(--color-interactive-border-neutral-idle);--tag-bg-selected:transparent;--tag-border-selected:var(--tag-border-base);--tag-text-selected:var(--color-utility-persistent-white);--tag-icon-selected:var(--color-utility-persistent-white);--icon-color:var(--color-interactive-icon-neutral-idle)}.qui-tag__root[data-size=sm]{--tag-size:var(--sizing-80)}.qui-tag__root[data-size=lg]{--tag-size:var(--sizing-100);padding-inline:var(--spacing-80)}.qui-tag__root[data-shape=rounded]{--tag-radius:var(--border-radius-rounded)}.qui-tag__root[data-emphasis=outline-brand]{--tag-bg-base:var(--color-interactive-background-ghost-idle);--tag-bg-selected:var(--color-background-brand-primary);--tag-border-selected:var(--color-background-brand-primary);color:var(--color-interactive-text-primary-idle);--icon-color:var(--color-interactive-icon-primary-idle)}.qui-tag__root[data-emphasis=outline-brand][data-variant=link]:hover,.qui-tag__root[data-emphasis=outline-brand][data-variant=selectable]:hover{color:var(--color-interactive-text-primary-hover);--icon-color:var(--color-interactive-icon-primary-hover)}.qui-tag__root[data-emphasis=outline-brand][data-variant=link]:active{color:var(--color-interactive-text-primary-pressed);--icon-color:var(--color-interactive-icon-primary-pressed)}.qui-tag__root[data-emphasis=outline-neutral]{--tag-bg-base:var(--color-interactive-background-ghost-idle);--tag-bg-selected:var(--color-background-support-neutral);--tag-text-selected:var(--color-text-neutral-inverse);--tag-icon-selected:var(--color-icon-neutral-inverse)}.qui-tag__root[data-emphasis=neutral]{--tag-bg-base:var(--color-background-support-neutral-subtle);--tag-bg-selected:var(--color-interactive-background-neutral-idle);--tag-text-selected:var(--component-tag-selectable-neutral-selected-text);--tag-icon-selected:var(--component-tag-selectable-neutral-selected-icon)}.qui-tag__root[data-emphasis=amber]{--tag-bg-base:var(--color-category-amber-subtle);--tag-bg-selected:var(--color-category-amber-strong);--tag-border-base:var(--color-category-amber-medium);--tag-border-selected:var(--color-category-amber-strong)}.qui-tag__root[data-emphasis=blue]{--tag-bg-base:var(--color-category-blue-subtle);--tag-bg-selected:var(--color-category-blue-strong);--tag-border-base:var(--color-category-blue-medium);--tag-border-selected:var(--color-category-blue-strong)}.qui-tag__root[data-emphasis=cyan]{--tag-bg-base:var(--color-category-cyan-subtle);--tag-bg-selected:var(--color-category-cyan-strong);--tag-border-base:var(--color-category-cyan-medium);--tag-border-selected:var(--color-category-cyan-strong)}.qui-tag__root[data-emphasis=teal]{--tag-bg-base:var(--color-category-teal-subtle);--tag-bg-selected:var(--color-category-teal-strong);--tag-border-base:var(--color-category-teal-medium);--tag-border-selected:var(--color-category-teal-strong)}.qui-tag__root[data-emphasis=green]{--tag-bg-base:var(--color-category-green-subtle);--tag-bg-selected:var(--color-category-green-strong);--tag-border-base:var(--color-category-green-medium);--tag-border-selected:var(--color-category-green-strong)}.qui-tag__root[data-emphasis=kiwi],.qui-tag__root[data-emphasis=lime]{--tag-bg-base:var(--color-category-lime-subtle);--tag-bg-selected:var(--color-category-lime-strong);--tag-border-base:var(--color-category-lime-medium);--tag-border-selected:var(--color-category-lime-strong)}.qui-tag__root[data-emphasis=yellow]{--tag-bg-base:var(--color-category-yellow-subtle);--tag-bg-selected:var(--color-category-yellow-strong);--tag-border-base:var(--color-category-yellow-medium);--tag-border-selected:var(--color-category-yellow-strong);--tag-text-selected:var(--color-utility-persistent-black);--tag-icon-selected:var(--color-utility-persistent-black)}.qui-tag__root[data-emphasis=orange]{--tag-bg-base:var(--color-category-orange-subtle);--tag-bg-selected:var(--color-category-orange-strong);--tag-border-base:var(--color-category-orange-medium);--tag-border-selected:var(--color-category-orange-strong)}.qui-tag__root[data-emphasis=red]{--tag-bg-base:var(--color-category-red-subtle);--tag-bg-selected:var(--color-category-red-strong);--tag-border-base:var(--color-category-red-medium);--tag-border-selected:var(--color-category-red-strong)}.qui-tag__root[data-emphasis=magenta]{--tag-bg-base:var(--color-category-magenta-subtle);--tag-bg-selected:var(--color-category-magenta-strong);--tag-border-base:var(--color-category-magenta-medium);--tag-border-selected:var(--color-category-magenta-strong)}.qui-tag__root[data-emphasis=purple]{--tag-bg-base:var(--color-category-purple-subtle);--tag-bg-selected:var(--color-category-purple-strong);--tag-border-base:var(--color-category-purple-medium);--tag-border-selected:var(--color-category-purple-strong)}.qui-tag__root[data-emphasis=violet]{--tag-bg-base:var(--color-category-violet-subtle);--tag-bg-selected:var(--color-category-violet-strong);--tag-border-base:var(--color-category-violet-medium);--tag-border-selected:var(--color-category-violet-strong)}.qui-tag__root[data-variant=link],.qui-tag__root[data-variant=selectable]{cursor:pointer}.qui-tag__root[data-variant=dismissable]{padding-inline-end:0}.qui-tag__root[data-variant=link]:hover,.qui-tag__root[data-variant=selectable]:hover{background:linear-gradient(var(--color-interactive-background-ghost-hover) 0 0),var(--tag-bg-base);color:var(--color-interactive-text-neutral-hover);--icon-color:var(--color-interactive-icon-neutral-hover)}.qui-tag__root[data-variant=link]:hover{text-decoration:underline}.qui-tag__root[data-variant=link]:active{background:linear-gradient(var(--color-interactive-background-ghost-pressed) 0 0),var(--tag-bg-base);color:var(--color-interactive-text-neutral-pressed);--icon-color:var(--color-interactive-icon-neutral-pressed)}.qui-tag__root[data-selected]{background:var(--tag-bg-selected);border-color:var(--tag-border-selected);color:var(--tag-text-selected);--icon-color:var(--tag-icon-selected)}.qui-tag__root[data-variant=selectable][data-selected]:hover{background:var(--tag-bg-selected);color:var(--tag-text-selected);--icon-color:var(--tag-icon-selected)}.qui-tag__root[data-variant=link]:focus-visible,.qui-tag__root[data-variant=selectable]:focus-visible{border-color:var(--color-utility-focus-border);outline:solid 2px var(--color-utility-focus-border);outline-offset:-1px}.qui-tag__root[data-scope][data-disabled]:not([data-emphasis^=outline-]){background:var(--color-utility-disabled-background)}.qui-tag__root[data-scope][data-disabled]{border-color:var(--color-utility-disabled-border);color:var(--color-utility-disabled-text);cursor:default;--icon-color:var(--color-utility-disabled-icon)}.qui-tag__icon{color:var(--icon-color)}.qui-tag__icon[data-scope=tag][data-size]{--icon-size:var(--sizing-60)}.qui-tag__icon[data-scope=tag][data-size=lg]{--icon-size:var(--sizing-70)}.qui-tag__icon[data-part=start-icon]{margin-inline-end:var(--spacing-50)}.qui-tag__icon[data-size=lg][data-part=start-icon]{margin-inline-end:var(--spacing-70)}.qui-tag__icon[data-part=end-icon]{margin-inline-start:var(--spacing-50)}.qui-tag__icon[data-size=lg][data-part=end-icon]{margin-inline-start:var(--spacing-70)}.qui-tag__dismiss-button>.qui-tag__icon[data-part=end-icon]{margin-inline-start:0}.qui-tag__dismiss-button{align-items:center;background:transparent;border:none;border-radius:0 var(--tag-radius) var(--tag-radius) 0;color:var(--color-interactive-icon-neutral-idle);display:inline-flex;height:var(--tag-size);justify-content:center;margin-inline-start:var(--spacing-20);padding:0;width:var(--tag-size);--icon-color:var(--color-interactive-icon-neutral-idle)}.qui-tag__dismiss-button:hover{background:var(--color-interactive-background-ghost-hover)}.qui-tag__dismiss-button:active{background:var(--color-interactive-background-ghost-pressed)}.qui-tag__dismiss-button:focus-visible{outline:solid 2px var(--color-utility-focus-border);outline-offset:-1px}.qui-tag__dismiss-button[data-disabled]{color:var(--color-utility-disabled-icon);cursor:default;pointer-events:none;--icon-color:var(--color-utility-disabled-icon)}
|