@qualcomm-ui/qds-core 1.0.2 → 1.0.3
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/accordion/qds-accordion.css +1 -1
- package/dist/breadcrumbs/qds-breadcrumbs.css +1 -1
- package/dist/button/qds-button.css +1 -1
- package/dist/checkbox/qds-checkbox.css +1 -1
- package/dist/components.min.css +4 -4
- package/dist/dialog/qds-dialog.css +1 -1
- package/dist/drawer/qds-drawer.css +1 -1
- package/dist/global-styles/qds-global-styles.css +1 -1
- package/dist/icon/qds-icon.css +1 -1
- package/dist/inline-icon-button/qds-inline-icon-button.css +1 -1
- package/dist/input/qds-input.css +1 -1
- package/dist/link/qds-link.css +1 -1
- package/dist/number-input/qds-number-input.css +1 -1
- package/dist/radio/qds-radio.css +1 -1
- package/dist/segmented-control/qds-segmented-control.css +1 -1
- package/dist/select/qds-select.css +1 -1
- package/dist/switch/qds-switch.css +1 -1
- package/dist/table/qds-table.css +1 -1
- package/dist/tabs/qds-tabs.css +1 -1
- package/dist/tag/qds-tag.css +1 -1
- package/dist/{text-area → textarea}/index.cjs.map +2 -2
- package/dist/textarea/index.d.ts.map +1 -0
- package/dist/textarea/qds-textarea.css +1 -0
- package/dist/toast/qds-toast.css +1 -1
- package/dist/tsbuildinfo +1 -1
- package/package.json +2 -2
- package/dist/text-area/index.d.ts.map +0 -1
- /package/dist/{text-area → textarea}/index.cjs +0 -0
- /package/dist/{text-area → textarea}/index.d.ts +0 -0
- /package/dist/{text-area → textarea}/index.js +0 -0
- /package/dist/{text-area → textarea}/index.js.map +0 -0
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);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;border:0;border-radius:var(--border-radius-md);color:var(--color-text-neutral-primary);font:var(--font-static-body-sm-default);height:var(--input-size);min-width:var(--input-size);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)}.qui-input__input::placeholder{color:var(--color-utility-placeholder-text)}.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;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)}
|
package/dist/link/qds-link.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.qui-link__root{align-items:center;border:solid 1px transparent;color:var(--color-interactive-text-link-default-idle);cursor:pointer;display:inline-flex;font:var(--font-static-body-sm-bold);gap:var(--spacing-40);outline:none;transition-duration:var(--animation-duration-faster);transition-property:color;transition-timing-function:ease-out;width:-moz-fit-content;width:fit-content}.qui-link__root:hover{border-bottom-color:var(--color-interactive-text-link-default-hover);color:var(--color-interactive-text-link-default-hover)}.qui-link__root:active{color:var(--color-interactive-text-link-default-pressed)}.qui-link__root:visited:not(:hover){border-bottom-color:var(--color-interactive-text-link-default-visited)}.qui-link__root:focus-visible{border:solid 1px var(--color-utility-focus-border);border-radius:var(--border-radius-md);color:var(--color-interactive-text-link-default-idle);outline:solid 1px var(--color-utility-focus-border);outline-offset:0}.qui-link__root:visited:not(:hover){color:var(--color-interactive-text-link-default-visited)}.qui-link__root[data-emphasis=neutral]{color:var(--color-interactive-text-link-neutral-idle)}.qui-link__root[data-emphasis=neutral]:hover{border-bottom-color:var(--color-interactive-text-link-neutral-hover);color:var(--color-interactive-text-link-neutral-hover)}.qui-link__root[data-emphasis=neutral]:active{color:var(--color-interactive-text-link-neutral-pressed)}.qui-link__root[data-emphasis=neutral]:visited:not(:hover){border-bottom-color:var(--color-interactive-text-link-neutral-visited)}.qui-link__root[data-emphasis=neutral]:focus-visible{border:solid 1px var(--color-utility-focus-border);border-radius:var(--border-radius-md);color:var(--color-interactive-text-link-neutral-idle);outline:solid 1px var(--color-utility-focus-border);outline-offset:0}.qui-link__root[data-emphasis=neutral]:visited:not(:hover){color:var(--color-interactive-text-link-neutral-visited)}.qui-link__root[data-disabled][data-emphasis]{color:var(--color-utility-disabled-text);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.qui-link__root[data-size=xs]{font:var(--font-static-body-xs-bold);gap:var(--spacing-20)}.qui-link__root[data-size=sm]{font:var(--font-static-body-sm-bold);gap:var(--spacing-40)}.qui-link__root[data-size=md]{font:var(--font-static-body-md-bold);gap:var(--spacing-40)}.qui-link__root[data-size=lg]{font:var(--font-static-body-lg-bold);gap:var(--spacing-40)}.qui-link__root[data-size=xl]{font:var(--font-static-body-xl-bold);gap:var(--spacing-50)}.qui-link__root[data-size=xxl]{font:var(--font-static-body-xxl-bold);gap:var(--spacing-70)}.qui-link__icon[data-size=sm],.qui-link__icon[data-size=xs]{--icon-size:16px}.qui-link__icon[data-size=lg],.qui-link__icon[data-size=md],.qui-link__icon[data-size=xl]{--icon-size:20px}.qui-link__icon[data-size=xxl]{--icon-size:24px}
|
|
1
|
+
.qui-link__root{align-items:center;background:transparent;border:solid 1px transparent;box-sizing:border-box;color:var(--color-interactive-text-link-default-idle);cursor:pointer;display:inline-flex;font:var(--font-static-body-sm-bold);gap:var(--spacing-40);margin:0;outline:none;padding:0;text-decoration:none;transition-duration:var(--animation-duration-faster);transition-property:color;transition-timing-function:ease-out;width:-moz-fit-content;width:fit-content}.qui-link__root:hover{border-bottom-color:var(--color-interactive-text-link-default-hover);color:var(--color-interactive-text-link-default-hover)}.qui-link__root:active{color:var(--color-interactive-text-link-default-pressed)}.qui-link__root:visited:not(:hover){border-bottom-color:var(--color-interactive-text-link-default-visited)}.qui-link__root:focus-visible{border:solid 1px var(--color-utility-focus-border);border-radius:var(--border-radius-md);color:var(--color-interactive-text-link-default-idle);outline:solid 1px var(--color-utility-focus-border);outline-offset:0}.qui-link__root:visited:not(:hover){color:var(--color-interactive-text-link-default-visited)}.qui-link__root[data-emphasis=neutral]{color:var(--color-interactive-text-link-neutral-idle)}.qui-link__root[data-emphasis=neutral]:hover{border-bottom-color:var(--color-interactive-text-link-neutral-hover);color:var(--color-interactive-text-link-neutral-hover)}.qui-link__root[data-emphasis=neutral]:active{color:var(--color-interactive-text-link-neutral-pressed)}.qui-link__root[data-emphasis=neutral]:visited:not(:hover){border-bottom-color:var(--color-interactive-text-link-neutral-visited)}.qui-link__root[data-emphasis=neutral]:focus-visible{border:solid 1px var(--color-utility-focus-border);border-radius:var(--border-radius-md);color:var(--color-interactive-text-link-neutral-idle);outline:solid 1px var(--color-utility-focus-border);outline-offset:0}.qui-link__root[data-emphasis=neutral]:visited:not(:hover){color:var(--color-interactive-text-link-neutral-visited)}.qui-link__root[data-disabled][data-emphasis]{color:var(--color-utility-disabled-text);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.qui-link__root[data-size=xs]{font:var(--font-static-body-xs-bold);gap:var(--spacing-20)}.qui-link__root[data-size=sm]{font:var(--font-static-body-sm-bold);gap:var(--spacing-40)}.qui-link__root[data-size=md]{font:var(--font-static-body-md-bold);gap:var(--spacing-40)}.qui-link__root[data-size=lg]{font:var(--font-static-body-lg-bold);gap:var(--spacing-40)}.qui-link__root[data-size=xl]{font:var(--font-static-body-xl-bold);gap:var(--spacing-50)}.qui-link__root[data-size=xxl]{font:var(--font-static-body-xxl-bold);gap:var(--spacing-70)}.qui-link__icon[data-size=sm],.qui-link__icon[data-size=xs]{--icon-size:16px}.qui-link__icon[data-size=lg],.qui-link__icon[data-size=md],.qui-link__icon[data-size=xl]{--icon-size:20px}.qui-link__icon[data-size=xxl]{--icon-size:24px}
|
|
@@ -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[data-size=sm]{--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-start:var(--spacing-100);height:var(--sizing-160);min-width:var(--sizing-160)}.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)}.qui-number-input__input-group [data-size=lg]{--group-padding-start:var(--spacing-100)}.qui-number-input__input-group:has([data-part=unit-menu-trigger]){--group-padding-start:0}.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{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:hover{--icon-color:var(--color-icon-neutral-secondary);border-color:var(--color-interactive-border-neutral-hover)}.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]{background:var(--color-utility-disabled-background);border-color:var(--color-utility-disabled-border);color:var(--color-utility-disabled-text);--icon-color:var(--color-utility-disabled-icon)}.qui-number-input__input-group[data-disabled]::-moz-placeholder{color:var(--color-utility-disabled-text)}.qui-number-input__input-group[data-disabled]::placeholder{color:var(--color-utility-disabled-text)}.qui-number-input__input-group:has([data-part=input]:disabled){--icon-color:var(--color-utility-disabled-icon);background:var(--color-utility-disabled-background);border-color:var(--color-utility-disabled-border)}.qui-number-input__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--border-radius-md);font:var(--font-static-body-sm-default);height:100%;outline:0;text-align:start;text-overflow:ellipsis;width:100%;z-index:0}.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__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__error-indicator[data-size]{margin-inline-end:var(--spacing-20)}.qui-number-input__error-indicator[data-size=lg]{margin-inline-end:var(--spacing-40)}
|
|
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[data-size=sm]{--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-start:var(--spacing-100);height:var(--sizing-160);min-width:var(--sizing-160)}.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)}.qui-number-input__input-group [data-size=lg]{--group-padding-start:var(--spacing-100)}.qui-number-input__input-group:has([data-part=unit-menu-trigger]){--group-padding-start:0}.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{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:hover{--icon-color:var(--color-icon-neutral-secondary);border-color:var(--color-interactive-border-neutral-hover)}.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]{background:var(--color-utility-disabled-background);border-color:var(--color-utility-disabled-border);color:var(--color-utility-disabled-text);--icon-color:var(--color-utility-disabled-icon)}.qui-number-input__input-group[data-disabled]::-moz-placeholder{color:var(--color-utility-disabled-text)}.qui-number-input__input-group[data-disabled]::placeholder{color:var(--color-utility-disabled-text)}.qui-number-input__input-group:has([data-part=input]:disabled){--icon-color:var(--color-utility-disabled-icon);background:var(--color-utility-disabled-background);border-color:var(--color-utility-disabled-border)}.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[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__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__error-indicator[data-size]{margin-inline-end:var(--spacing-20)}.qui-number-input__error-indicator[data-size=lg]{margin-inline-end:var(--spacing-40)}
|
package/dist/radio/qds-radio.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.qui-radio-group__root{display:inline-flex;flex-direction:column;gap:var(--spacing-70)}.qui-radio-group__label{font:var(--font-static-body-xs-default)}.qui-radio-group__label[data-size=md]{font:var(--font-static-body-sm-default)}.qui-radio-group__label[data-size=lg]{font:var(--font-static-body-lg-default)}.qui-radio-group__label[data-disabled]{color:var(--color-utility-disabled-text)}.qui-radio-group__items{display:inline-flex;flex-direction:column;gap:var(--spacing-70)}.qui-radio-group__items[data-orientation=horizontal]{flex-direction:row;gap:var(--spacing-100)}.qui-radio__root{align-items:center;-webkit-box-align:center;-moz-column-gap:var(--spacing-70);column-gap:var(--spacing-70);display:inline-flex;flex-wrap:wrap;position:relative;width:-moz-fit-content;width:fit-content}.qui-radio__root:hover{cursor:pointer}.qui-radio__root[data-disabled]{cursor:unset;-webkit-user-select:none;-moz-user-select:none;user-select:none}.qui-radio__control{align-items:center;background:var(--color-background-neutral-00);border:var(--border-width-sm,1px) solid var(--color-interactive-border-neutral-idle);border-radius:var(--border-radius-rounded,2px);color:var(--color-utility-persistent-white);display:inline-flex;height:var(--control-size);justify-content:center;max-width:var(--control-size);min-width:var(--control-size);position:relative;--control-size:var(--sizing-70);--dot-size:var(--sizing-50)}.qui-radio__control[data-size=md]{--control-size:var(--sizing-80)}.qui-radio__control[data-size=lg]{--control-size:var(--sizing-90)}.qui-radio__control[data-focus-visible]{border-color:var(--color-interactive-border-neutral-hover);outline:solid 2px var(--color-utility-focus-border);outline-offset:1px}.qui-radio__control[data-state=checked]{background:var(--color-interactive-background-primary-idle);border-color:var(--color-interactive-background-primary-idle)}.qui-radio__control[data-state=checked] .qui-radio__dot{display:block}.qui-radio__control[data-state=checked]:after{background:var(--color-utility-persistent-white);border-radius:50%;content:" ";height:var(--dot-size);position:absolute;width:var(--dot-size);z-index:1}.qui-radio__control[data-state=checked][data-hover]{background:var(--color-interactive-background-primary-hover);border-color:var(--color-interactive-background-primary-hover)}.qui-radio__control[data-state=checked][data-disabled]{background:var(--color-utility-disabled-background);border-color:var(--color-utility-disabled-border);color:var(--color-utility-disabled-text)}.qui-radio__control[data-size=md]{--dot-size:10px}.qui-radio__control[data-size=lg]{--dot-size:var(--sizing-60)}.qui-radio__control[data-invalid]{background:var(--color-interactive-background-danger-idle);border-color:var(--color-interactive-border-danger-idle)}.qui-radio__control[data-invalid][data-hover]{background:var(--color-interactive-background-danger-hover);border-color:var(--color-interactive-border-danger-hover)}.qui-radio__control[data-invalid][data-disabled]{background:var(--color-utility-disabled-background);border-color:var(--color-utility-disabled-border);color:var(--color-utility-disabled-text)}.qui-radio__control[data-disabled]{border-color:var(--color-utility-disabled-border)}.qui-radio__label{color:var(--color-text-neutral-primary);font:var(--font-static-body-xs-default)}.qui-radio__label[data-size=md]{font:var(--font-static-body-sm-default)}.qui-radio__label[data-size=lg]{font:var(--font-static-body-md-default)}.qui-radio__label[data-disabled]{color:var(--color-utility-disabled-text)}
|
|
1
|
+
.qui-radio-group__root{border:0 solid;box-sizing:border-box;display:inline-flex;flex-direction:column;gap:var(--spacing-70);margin:0;padding:0}.qui-radio-group__label{color:var(--color-text-neutral-secondary);font:var(--font-static-body-xs-default)}.qui-radio-group__label[data-size=md]{font:var(--font-static-body-sm-default)}.qui-radio-group__label[data-size=lg]{font:var(--font-static-body-lg-default)}.qui-radio-group__label[data-disabled]{color:var(--color-utility-disabled-text)}.qui-radio-group__items{display:inline-flex;flex-direction:column;gap:var(--spacing-70)}.qui-radio-group__items[data-orientation=horizontal]{flex-direction:row;gap:var(--spacing-100)}.qui-radio__root{align-items:center;-webkit-box-align:center;-moz-column-gap:var(--spacing-70);column-gap:var(--spacing-70);display:inline-flex;flex-wrap:wrap;position:relative;width:-moz-fit-content;width:fit-content}.qui-radio__root:hover{cursor:pointer}.qui-radio__root[data-disabled]{cursor:unset;-webkit-user-select:none;-moz-user-select:none;user-select:none}.qui-radio__control{align-items:center;background:var(--color-background-neutral-00);border:var(--border-width-sm,1px) solid var(--color-interactive-border-neutral-idle);border-radius:var(--border-radius-rounded,2px);box-sizing:border-box;color:var(--color-utility-persistent-white);display:inline-flex;height:var(--control-size);justify-content:center;max-width:var(--control-size);min-width:var(--control-size);position:relative;--control-size:var(--sizing-70);--dot-size:var(--sizing-50)}.qui-radio__control[data-size=md]{--control-size:var(--sizing-80)}.qui-radio__control[data-size=lg]{--control-size:var(--sizing-90)}.qui-radio__control[data-focus-visible]{border-color:var(--color-interactive-border-neutral-hover);outline:solid 2px var(--color-utility-focus-border);outline-offset:1px}.qui-radio__control[data-state=checked]{background:var(--color-interactive-background-primary-idle);border-color:var(--color-interactive-background-primary-idle)}.qui-radio__control[data-state=checked] .qui-radio__dot{display:block}.qui-radio__control[data-state=checked]:after{background:var(--color-utility-persistent-white);border-radius:50%;content:" ";height:var(--dot-size);position:absolute;width:var(--dot-size);z-index:1}.qui-radio__control[data-state=checked][data-hover]{background:var(--color-interactive-background-primary-hover);border-color:var(--color-interactive-background-primary-hover)}.qui-radio__control[data-state=checked][data-disabled]{background:var(--color-utility-disabled-background);border-color:var(--color-utility-disabled-border);color:var(--color-utility-disabled-text)}.qui-radio__control[data-size=md]{--dot-size:10px}.qui-radio__control[data-size=lg]{--dot-size:var(--sizing-60)}.qui-radio__control[data-invalid]{background:var(--color-interactive-background-danger-idle);border-color:var(--color-interactive-border-danger-idle)}.qui-radio__control[data-invalid][data-hover]{background:var(--color-interactive-background-danger-hover);border-color:var(--color-interactive-border-danger-hover)}.qui-radio__control[data-invalid][data-disabled]{background:var(--color-utility-disabled-background);border-color:var(--color-utility-disabled-border);color:var(--color-utility-disabled-text)}.qui-radio__control[data-disabled]{border-color:var(--color-utility-disabled-border)}.qui-radio__label{color:var(--color-text-neutral-primary);font:var(--font-static-body-xs-default)}.qui-radio__label[data-size=md]{font:var(--font-static-body-sm-default)}.qui-radio__label[data-size=lg]{font:var(--font-static-body-md-default)}.qui-radio__label[data-disabled]{color:var(--color-utility-disabled-text)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.qui-segmented-control__root{
|
|
1
|
+
.qui-segmented-control__root{border:0 solid;border-radius:var(--border-radius-md);box-shadow:inset 0 0 0 1px var(--color-border-neutral-02);box-sizing:border-box;display:inline-flex;margin:0;padding:0}.qui-segmented-control__root[data-orientation=vertical]{flex-direction:column}.qui-segmented-control__root{--text-checked:var(--color-utility-persistent-white);--text-disabled:var(--color-utility-disabled-text);--bg-idle:var(--color-interactive-background-ghost-idle);--bg-hover:var(--color-interactive-background-ghost-hover);--bg-active:var(--color-interactive-background-ghost-pressed);--bg-checked:var(--color-interactive-background-neutral-idle);--bg-disabled:var(--color-utility-disabled-background)}.qui-segmented-control__root[data-variant=primary]{--text-idle:var(--color-interactive-text-primary-idle);--text-hover:var(--color-interactive-text-primary-hover);--text-active:var(--color-interactive-text-primary-pressed);--bg-checked:var(--color-interactive-background-primary-idle)}.qui-segmented-control__root[data-variant=neutral]{--text-idle:var(--color-interactive-text-neutral-idle);--text-hover:var(--color-interactive-text-neutral-hover);--text-active:var(--color-interactive-text-neutral-pressed);--bg-checked:var(--color-interactive-background-neutral-idle)}.qui-segmented-control__root[data-layout=hug]{width:-moz-fit-content;width:fit-content}.qui-segmented-control__root[data-layout=fill]{width:100%}.qui-segmented-control__root[data-layout=fill]>.qui-segmented-control__item{flex:1 1 0;min-width:0}.qui-segmented-control__item{align-items:center;background-color:var(--bg-idle);color:var(--text-idle);cursor:pointer;display:inline-flex;justify-content:center;transition:color var(--animation-duration-faster) ease,background-color var(--animation-duration-faster) ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;--border-radius:var(--border-radius-md)}[data-size=sm] .qui-segmented-control__item{block-size:var(--sizing-120);font:var(--font-static-body-xs-bold);gap:var(--spacing-50);padding-inline:var(--spacing-80)}[data-size=sm] .qui-segmented-control__item:has([data-part=item-label]){padding-inline:var(--spacing-90)}[data-size=sm] .qui-segmented-control__item{--divider-height:var(--sizing-60)}[data-size=sm] .qui-segmented-control__item>.qui-icon__root{--icon-size:var(--sizing-60)}[data-size=md] .qui-segmented-control__item{block-size:var(--sizing-140);font:var(--font-static-body-sm-bold);gap:var(--spacing-70);padding-inline:var(--spacing-90)}[data-size=md] .qui-segmented-control__item:has([data-part=item-label]){padding-inline:var(--spacing-100)}[data-size=md] .qui-segmented-control__item{--divider-height:var(--sizing-70)}[data-size=md] .qui-segmented-control__item>.qui-icon__root{--icon-size:var(--sizing-70)}[data-size=lg] .qui-segmented-control__item{block-size:var(--sizing-160);font:var(--font-static-body-lg-bold);gap:var(--spacing-90);padding-inline:14px}[data-size=lg] .qui-segmented-control__item:has([data-part=item-label]){padding-inline:var(--spacing-110)}[data-size=lg] .qui-segmented-control__item{--divider-height:var(--sizing-80)}[data-size=lg] .qui-segmented-control__item>.qui-icon__root{--icon-size:var(--sizing-80)}[data-orientation=horizontal] .qui-segmented-control__item:first-of-type{border-end-start-radius:var(--border-radius);border-start-start-radius:var(--border-radius)}[data-orientation=vertical] .qui-segmented-control__item:first-of-type{border-start-end-radius:var(--border-radius);border-start-start-radius:var(--border-radius)}[data-orientation=horizontal] .qui-segmented-control__item:last-of-type{border-end-end-radius:var(--border-radius);border-start-end-radius:var(--border-radius)}[data-orientation=vertical] .qui-segmented-control__item:last-of-type{border-end-end-radius:var(--border-radius);border-end-start-radius:var(--border-radius)}.qui-segmented-control__item[data-state=unchecked]:not([data-disabled]){background-color:unset}.qui-segmented-control__item[data-state=unchecked]:not([data-disabled]):hover{background-color:var(--bg-hover);color:var(--text-hover)}.qui-segmented-control__item[data-state=unchecked]:not([data-disabled]):active{background-color:var(--bg-active);color:var(--text-active)}.qui-segmented-control__item[data-state=checked]{background-color:var(--bg-checked);color:var(--text-checked)}.qui-segmented-control__item[data-disabled]{background-color:var(--bg-disabled);color:var(--text-disabled);cursor:default}.qui-segmented-control__item[data-focus-visible]{box-shadow:0px 0 0 2px var(--color-utility-focus-border);outline:none}.qui-segmented-control__item[data-focus-visible][data-state=checked]{box-shadow:inset 0px 0 0 1px var(--color-background-neutral-00),0px 0 0 2px var(--color-utility-focus-border)}.qui-segmented-control__root{gap:1px}.qui-segmented-control__item:not(:first-of-type){position:relative}.qui-segmented-control__item:not(:first-of-type):before{background-color:var(--color-border-neutral-01);content:"";position:absolute;transition:background-color var(--animation-duration-faster) ease}[data-orientation=horizontal] .qui-segmented-control__item:not(:first-of-type):before{height:var(--divider-height);inset-inline-start:-1px;top:calc(50% - var(--divider-height) / 2);width:1px}[data-orientation=horizontal] .qui-segmented-control__item[data-state=checked]+.qui-segmented-control__item:before,[data-orientation=horizontal] .qui-segmented-control__item[data-state=checked]:not(:first-of-type):before{background-color:var(--bg-checked);height:100%;top:0}[data-orientation=horizontal] .qui-segmented-control__item[data-disabled]+.qui-segmented-control__item:before,[data-orientation=horizontal] .qui-segmented-control__item[data-disabled]:not(:first-of-type):before{background-color:var(--bg-disabled);height:100%;top:0}[data-orientation=vertical] .qui-segmented-control__item:not(:first-of-type):before{height:1px;inset-block-start:-1px;width:100%}[data-orientation=vertical] .qui-segmented-control__item[data-state=checked]+.qui-segmented-control__item:before,[data-orientation=vertical] .qui-segmented-control__item[data-state=checked]:not(:first-of-type):before{background-color:var(--bg-checked)}.qui-segmented-control__item:has(:focus-visible)+.qui-segmented-control__item:before,.qui-segmented-control__item:has(:focus-visible):before{display:none}
|
|
@@ -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);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;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:focus-within,.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{color:var(--color-icon-neutral-primary);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);display:inline-flex;flex-direction:column;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__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__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)}
|
|
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:focus-within,.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__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)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.qui-switch__root{align-items:center;-webkit-box-align:center;-moz-column-gap:var(--spacing-70);column-gap:var(--spacing-70);display:flex;flex-wrap:wrap;justify-content:start;position:relative;vertical-align:top;--switch-color-transition:color 130ms ease-out,background-color 130ms ease-out}.qui-switch__root:hover{cursor:pointer}.qui-switch__root[data-disabled]{cursor:unset;-webkit-user-select:none;-moz-user-select:none;user-select:none}.qui-switch__root:has([data-part=error-text][data-invalid]){row-gap:var(--spacing-70)}.qui-switch__control{align-items:center;background:var(--color-background-neutral-00);border:var(--border-width-sm,1px) solid var(--color-border-neutral-03);border-radius:var(--border-radius-rounded);display:inline-flex;height:var(--sizing-90);justify-content:center;max-width:44px;min-width:44px;padding:3px;position:relative;transition:var(--switch-color-transition)}.qui-switch__control[data-size=sm]{height:var(--sizing-80);max-width:36px;min-width:36px}.qui-switch__control[data-focus-visible]{border-color:var(--color-interactive-border-neutral-hover);outline:solid 2px var(--color-utility-focus-border);outline-offset:1px}.qui-switch__control[data-state=checked]{background:var(--color-interactive-background-primary-idle);border-color:var(--color-interactive-background-primary-idle)}.qui-switch__control[data-state=checked][data-hover]{background:var(--color-interactive-background-primary-hover);border-color:var(--color-interactive-background-primary-hover)}.qui-switch__control[data-state=checked][data-disabled]{background:var(--color-utility-disabled-background);border-color:var(--color-utility-disabled-border);color:var(--color-utility-disabled-text)}.qui-switch__control[data-invalid][data-state=unchecked]{border-color:var(--color-interactive-border-danger-idle)}.qui-switch__control[data-invalid][data-state=unchecked][data-hover]{border-color:var(--color-interactive-border-danger-hover)}.qui-switch__control[data-disabled]{border-color:var(--color-utility-disabled-border)}.qui-switch__thumb{background-color:var(--color-background-neutral-10);border-radius:50%;height:18px;left:3px;position:absolute;transition:transform 130ms ease-out;width:18px}.qui-switch__thumb[data-size=sm]{height:14px;width:14px}.qui-switch__thumb[data-size=sm][data-state=checked]{transform:translateX(15px)}.qui-switch__thumb[data-state=checked]{background-color:var(--color-utility-persistent-white);transform:translateX(18px)}.qui-switch__thumb[data-invalid][data-state=unchecked]{background-color:var(--color-interactive-text-danger-idle)}.qui-switch__thumb[data-invalid][data-state=unchecked][data-hover]{background-color:var(--color-interactive-text-danger-hover)}.qui-switch__thumb[data-disabled]{background-color:var(--color-utility-disabled-text)}.qui-switch__label{color:var(--color-text-neutral-primary);flex:1;font:var(--font-static-body-sm-default)}.qui-switch__label[data-disabled]{color:var(--color-utility-disabled-text)}
|
|
1
|
+
.qui-switch__root{align-items:center;-webkit-box-align:center;-moz-column-gap:var(--spacing-70);column-gap:var(--spacing-70);display:flex;flex-wrap:wrap;justify-content:start;position:relative;vertical-align:top;--switch-color-transition:color 130ms ease-out,background-color 130ms ease-out}.qui-switch__root:hover{cursor:pointer}.qui-switch__root[data-disabled]{cursor:unset;-webkit-user-select:none;-moz-user-select:none;user-select:none}.qui-switch__root:has([data-part=error-text][data-invalid]){row-gap:var(--spacing-70)}.qui-switch__control{align-items:center;background:var(--color-background-neutral-00);border:var(--border-width-sm,1px) solid var(--color-border-neutral-03);border-radius:var(--border-radius-rounded);box-sizing:border-box;display:inline-flex;height:var(--sizing-90);justify-content:center;max-width:44px;min-width:44px;padding:3px;position:relative;transition:var(--switch-color-transition)}.qui-switch__control[data-size=sm]{height:var(--sizing-80);max-width:36px;min-width:36px}.qui-switch__control[data-focus-visible]{border-color:var(--color-interactive-border-neutral-hover);outline:solid 2px var(--color-utility-focus-border);outline-offset:1px}.qui-switch__control[data-state=checked]{background:var(--color-interactive-background-primary-idle);border-color:var(--color-interactive-background-primary-idle)}.qui-switch__control[data-state=checked][data-hover]{background:var(--color-interactive-background-primary-hover);border-color:var(--color-interactive-background-primary-hover)}.qui-switch__control[data-state=checked][data-disabled]{background:var(--color-utility-disabled-background);border-color:var(--color-utility-disabled-border);color:var(--color-utility-disabled-text)}.qui-switch__control[data-invalid][data-state=unchecked]{border-color:var(--color-interactive-border-danger-idle)}.qui-switch__control[data-invalid][data-state=unchecked][data-hover]{border-color:var(--color-interactive-border-danger-hover)}.qui-switch__control[data-disabled]{border-color:var(--color-utility-disabled-border)}.qui-switch__thumb{background-color:var(--color-background-neutral-10);border-radius:50%;height:18px;left:3px;position:absolute;transition:transform 130ms ease-out;width:18px}.qui-switch__thumb[data-size=sm]{height:14px;width:14px}.qui-switch__thumb[data-size=sm][data-state=checked]{transform:translateX(15px)}.qui-switch__thumb[data-state=checked]{background-color:var(--color-utility-persistent-white);transform:translateX(18px)}.qui-switch__thumb[data-invalid][data-state=unchecked]{background-color:var(--color-interactive-text-danger-idle)}.qui-switch__thumb[data-invalid][data-state=unchecked][data-hover]{background-color:var(--color-interactive-text-danger-hover)}.qui-switch__thumb[data-disabled]{background-color:var(--color-utility-disabled-text)}.qui-switch__label{color:var(--color-text-neutral-primary);flex:1;font:var(--font-static-body-sm-default)}.qui-switch__label[data-disabled]{color:var(--color-utility-disabled-text)}
|
package/dist/table/qds-table.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.qui-table__root{background:var(--color-background-neutral-00);border:solid 1px var(--table-border-color);border-radius:var(--border-radius-md);color:var(--color-text-neutral-primary);width:100%}.qui-table__root:not(:has(.qui-table__cell)):not(:has(.qui-table__header-cell)){border:none}.qui-table__root{--cell-border-right:none;--table-border-top-radius:var(--border-radius-md);--table-border-bottom-radius:var(--border-radius-md);--table-border-color:var(--color-border-neutral-01)}.qui-table__root:has(.qui-table__pagination){--table-border-bottom-radius:none}.qui-table__root:has(.qui-table__action-bar),.qui-table__root:has(.qui-table__title-bar){--table-border-top-radius:none}.qui-table__root[data-show-column-divider]{--cell-border-right:solid 1px var(--table-border-color)}.qui-table__root[data-size=sm]{--action-bar-height:var(--sizing-160);--cell-font:var(--font-static-body-xs-default);--cell-min-height:var(--sizing-140);--cell-padding-x:var(--spacing-90);--header-font:var(--font-static-body-xs-bold)}.qui-table__root[data-size=md]{--action-bar-height:var(--sizing-170);--cell-font:var(--font-static-body-xs-default);--cell-min-height:var(--sizing-160);--cell-padding-x:var(--spacing-100);--header-font:var(--font-static-body-xs-bold)}.qui-table__root[data-size=lg]{--action-bar-height:68px;--cell-font:var(--font-static-body-sm-default);--cell-min-height:var(--sizing-170);--cell-padding-x:var(--spacing-110);--header-font:var(--font-static-body-sm-bold)}.qui-table__table{background:var(--color-background-neutral-00);border-collapse:separate;border-radius:var(--table-border-top-radius) var(--table-border-top-radius) var(--table-border-bottom-radius) var(--table-border-bottom-radius);border-spacing:0;min-width:100%;width:-moz-max-content;width:max-content}.qui-table__header .qui-table__row:first-child .qui-table__header-cell:first-child{border-radius:var(--table-border-top-radius) 0 0 0}.qui-table__header .qui-table__row:first-child .qui-table__header-cell:last-child{border-radius:0 var(--table-border-top-radius) 0 0}.qui-table__row{background:var(--color-interactive-background-ghost-idle);position:relative}.qui-table__row[data-dragging]{color:var(--color-utility-disabled-text)}.qui-table__footer{border-top:solid 1px var(--table-border-color)}.qui-table__header-cell[data-dragging-over]{border-inline-end:solid 1px var(--color-border-brand-primary)}.qui-table__header-cell[data-dragging]{color:var(--color-utility-disabled-text)}.qui-table__header-cell:not(:last-of-type){border-inline-end:var(--cell-border-right)}.qui-table__header-cell{background:var(--color-background-neutral-02);border-bottom:solid 1px var(--table-border-color);font:var(--header-font);height:var(--cell-min-height);padding:var(--spacing-50) var(--cell-padding-x);position:relative;text-align:left}.qui-table__cell:not(:last-of-type){border-inline-end:var(--cell-border-right)}.qui-table__cell{font:var(--cell-font);height:var(--cell-min-height);padding:var(--spacing-50) var(--cell-padding-x);vertical-align:center}.qui-table__title-bar{background:var(--color-background-neutral-02);min-height:var(--sizing-160)}.qui-table__action-bar{align-items:center;background:var(--color-background-neutral-02);border-bottom:solid 1px var(--table-border-color);display:flex;gap:var(--spacing-70);min-height:var(--action-bar-height);padding:var(--spacing-100) var(--cell-padding-x)}.qui-table__scroll-container{overflow:auto}.qui-table__row-drop-indicator{background:var(--color-border-brand-primary);display:block;height:2px;left:0;position:absolute;top:0;width:100%;z-index:2}.qui-table__row-drop-indicator[data-closest-edge=top]{bottom:unset;top:0}.qui-table__row-drop-indicator[data-closest-edge=bottom]{bottom:0;top:unset}.qui-table__column-drop-indicator{background:var(--color-border-brand-primary);display:block;height:100%;left:0;position:absolute;top:0;width:2px;z-index:2}.qui-table__column-drop-indicator[data-closest-edge=left]{left:0;right:unset}.qui-table__column-drop-indicator[data-closest-edge=right]{left:unset;right:0}.qui-table__drag-handle{cursor:grab}.qui-table__drag-handle:active{background:none!important;cursor:grabbing}.qui-table__drag-preview{align-items:center;border:solid 1px var(--color-border-neutral-01);color:var(--color-text-neutral-primary);display:flex;font:var(--font-static-body-xs-default);gap:var(--spacing-120);height:var(--sizing-160);padding:var(--spacing-50) var(--spacing-100)}.qui-table__body{background:var(--color-interactive-background-ghost-idle)}.qui-table__body .qui-table__row:not(:last-of-type) .qui-table__cell{border-bottom:solid 1px var(--table-border-color)}.qui-table__body .qui-table__row:last-of-type .qui-table__cell:first-child{border-radius:0 0 0 var(--table-border-bottom-radius)}.qui-table__body .qui-table__row:last-of-type .qui-table__cell:last-child{border-radius:0 0 var(--table-border-bottom-radius) 0}.qui-table__column-resizer{cursor:col-resize}.qui-table__pagination{background:var(--color-background-neutral-02);display:flex;justify-content:space-between;padding:var(--spacing-100) var(--cell-padding-x);width:100%}.qui-table__column-sort-action .qui-icon__root{transition:transform 0.1s ease-in-out}.qui-table__column-sort-action[data-sort-direction=desc] .qui-icon__root{transform:rotate(180deg)}.qui-table__row-expand-button[data-expanded] .qui-icon__root{transform:rotate(90deg)}.qui-table__row-expand-button .qui-icon__root{transition:transform var(--animation-duration-faster) ease-in-out}
|
|
1
|
+
.qui-table__root{background:var(--color-background-neutral-00);border:solid 1px var(--table-border-color);border-radius:var(--border-radius-md);color:var(--color-text-neutral-primary);width:100%}.qui-table__root:not(:has(.qui-table__cell)):not(:has(.qui-table__header-cell)){border:none}.qui-table__root{--cell-border-right:none;--table-border-top-radius:var(--border-radius-md);--table-border-bottom-radius:var(--border-radius-md);--table-border-color:var(--color-border-neutral-01)}.qui-table__root:has(.qui-table__pagination){--table-border-bottom-radius:none}.qui-table__root:has(.qui-table__action-bar),.qui-table__root:has(.qui-table__title-bar){--table-border-top-radius:none}.qui-table__root[data-show-column-divider]{--cell-border-right:solid 1px var(--table-border-color)}.qui-table__root[data-size=sm]{--action-bar-height:var(--sizing-160);--cell-font:var(--font-static-body-xs-default);--cell-min-height:var(--sizing-140);--cell-padding-x:var(--spacing-90);--header-font:var(--font-static-body-xs-bold)}.qui-table__root[data-size=md]{--action-bar-height:var(--sizing-170);--cell-font:var(--font-static-body-xs-default);--cell-min-height:var(--sizing-160);--cell-padding-x:var(--spacing-100);--header-font:var(--font-static-body-xs-bold)}.qui-table__root[data-size=lg]{--action-bar-height:68px;--cell-font:var(--font-static-body-sm-default);--cell-min-height:var(--sizing-170);--cell-padding-x:var(--spacing-110);--header-font:var(--font-static-body-sm-bold)}.qui-table__table{background:var(--color-background-neutral-00);border-collapse:separate;border-color:inherit;border-radius:var(--table-border-top-radius) var(--table-border-top-radius) var(--table-border-bottom-radius) var(--table-border-bottom-radius);border-spacing:0;min-width:100%;text-indent:0;width:-moz-max-content;width:max-content}.qui-table__header .qui-table__row:first-child .qui-table__header-cell:first-child{border-radius:var(--table-border-top-radius) 0 0 0}.qui-table__header .qui-table__row:first-child .qui-table__header-cell:last-child{border-radius:0 var(--table-border-top-radius) 0 0}.qui-table__row{background:var(--color-interactive-background-ghost-idle);position:relative}.qui-table__row[data-dragging]{color:var(--color-utility-disabled-text)}.qui-table__footer{border-top:solid 1px var(--table-border-color)}.qui-table__header-cell[data-dragging-over]{border-inline-end:solid 1px var(--color-border-brand-primary)}.qui-table__header-cell[data-dragging]{color:var(--color-utility-disabled-text)}.qui-table__header-cell:not(:last-of-type){border-inline-end:var(--cell-border-right)}.qui-table__header-cell{background:var(--color-background-neutral-02);border-bottom:solid 1px var(--table-border-color);font:var(--header-font);height:var(--cell-min-height);padding:var(--spacing-50) var(--cell-padding-x);position:relative;text-align:left}.qui-table__cell:not(:last-of-type){border-inline-end:var(--cell-border-right)}.qui-table__cell{font:var(--cell-font);height:var(--cell-min-height);padding:var(--spacing-50) var(--cell-padding-x);vertical-align:center}.qui-table__title-bar{background:var(--color-background-neutral-02);min-height:var(--sizing-160)}.qui-table__action-bar{align-items:center;background:var(--color-background-neutral-02);border-bottom:solid 1px var(--table-border-color);display:flex;gap:var(--spacing-70);min-height:var(--action-bar-height);padding:var(--spacing-100) var(--cell-padding-x)}.qui-table__scroll-container{overflow:auto}.qui-table__row-drop-indicator{background:var(--color-border-brand-primary);display:block;height:2px;left:0;position:absolute;top:0;width:100%;z-index:2}.qui-table__row-drop-indicator[data-closest-edge=top]{bottom:unset;top:0}.qui-table__row-drop-indicator[data-closest-edge=bottom]{bottom:0;top:unset}.qui-table__column-drop-indicator{background:var(--color-border-brand-primary);display:block;height:100%;left:0;position:absolute;top:0;width:2px;z-index:2}.qui-table__column-drop-indicator[data-closest-edge=left]{left:0;right:unset}.qui-table__column-drop-indicator[data-closest-edge=right]{left:unset;right:0}.qui-table__drag-handle{cursor:grab}.qui-table__drag-handle:active{background:none!important;cursor:grabbing}.qui-table__drag-preview{align-items:center;border:solid 1px var(--color-border-neutral-01);color:var(--color-text-neutral-primary);display:flex;font:var(--font-static-body-xs-default);gap:var(--spacing-120);height:var(--sizing-160);padding:var(--spacing-50) var(--spacing-100)}.qui-table__body{background:var(--color-interactive-background-ghost-idle)}.qui-table__body .qui-table__row:not(:last-of-type) .qui-table__cell{border-bottom:solid 1px var(--table-border-color)}.qui-table__body .qui-table__row:last-of-type .qui-table__cell:first-child{border-radius:0 0 0 var(--table-border-bottom-radius)}.qui-table__body .qui-table__row:last-of-type .qui-table__cell:last-child{border-radius:0 0 var(--table-border-bottom-radius) 0}.qui-table__column-resizer{cursor:col-resize}.qui-table__pagination{background:var(--color-background-neutral-02);display:flex;justify-content:space-between;padding:var(--spacing-100) var(--cell-padding-x);width:100%}.qui-table__column-sort-action .qui-icon__root{transition:transform 0.1s ease-in-out}.qui-table__column-sort-action[data-sort-direction=desc] .qui-icon__root{transform:rotate(180deg)}.qui-table__row-expand-button[data-expanded] .qui-icon__root{transform:rotate(90deg)}.qui-table__row-expand-button .qui-icon__root{transition:transform var(--animation-duration-faster) ease-in-out}
|
package/dist/tabs/qds-tabs.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.qui-tabs__root{display:flex;flex-direction:column;--indicator-size:2px}.qui-tabs__root[data-size=lg]{--indicator-size:3px}.qui-tabs__root[data-size=xl]{--indicator-size:4px}.qui-tabs__root[data-orientation=vertical]{flex-direction:row}.qui-tabs__list{display:inline-flex;isolation:isolate;position:relative}.qui-tabs__list[data-orientation=horizontal][data-variant=contained]{border-bottom:1px solid var(--color-border-neutral-02)}.qui-tabs__list[data-orientation=horizontal][data-variant=contained][data-disabled]{border-color:var(--color-utility-disabled-border)}.qui-tabs__list[data-orientation=vertical]{flex-direction:column}.qui-tabs__list[data-orientation=vertical]:before{background:var(--color-border-neutral-01);content:"";height:100%;left:0;position:absolute;width:var(--indicator-size)}.qui-tab__root{align-items:center;display:inline-flex;position:relative;--dismiss-spacing-offset:0px}.qui-tab__root[data-variant=contained]:not(:last-child){border-right:1px solid var(--color-border-neutral-02)}.qui-tab__root:has(.qui-tab__dismiss-button){--dismiss-spacing-offset:calc(var(--sizing-80) + var(--spacing-50))}.qui-tab__root[data-size=sm]{--tab-initial-spacing-x:var(--spacing-50);--tab-spacing-y:var(--spacing-50)}.qui-tab__root[data-size=md]{--tab-initial-spacing-x:var(--spacing-70);--tab-spacing-y:var(--spacing-70)}.qui-tab__root[data-size=lg]{font:var(--font-static-body-sm-bold);--tab-initial-spacing-x:var(--spacing-80);--tab-spacing-y:var(--spacing-80)}.qui-tab__root[data-size=xl]{font:var(--font-static-body-sm-bold);--tab-initial-spacing-x:var(--spacing-90);--tab-spacing-y:var(--spacing-90)}.qui-tab__dismiss-button{position:absolute;right:var(--tab-initial-spacing-x)}.qui-tab__button{--tab-spacing-end:calc(var(--tab-initial-spacing-x) + var(--dismiss-spacing-offset));align-items:center;color:var(--color-interactive-text-neutral-idle);display:inline-flex;font:var(--font-static-body-xs-bold);gap:var(--spacing-50);outline:none;padding-
|
|
1
|
+
.qui-tabs__root{display:flex;flex-direction:column;--indicator-size:2px}.qui-tabs__root[data-size=lg]{--indicator-size:3px}.qui-tabs__root[data-size=xl]{--indicator-size:4px}.qui-tabs__root[data-orientation=vertical]{flex-direction:row}.qui-tabs__list{display:inline-flex;isolation:isolate;position:relative}.qui-tabs__list[data-orientation=horizontal][data-variant=contained]{border-bottom:1px solid var(--color-border-neutral-02)}.qui-tabs__list[data-orientation=horizontal][data-variant=contained][data-disabled]{border-color:var(--color-utility-disabled-border)}.qui-tabs__list[data-orientation=vertical]{flex-direction:column}.qui-tabs__list[data-orientation=vertical]:before{background:var(--color-border-neutral-01);content:"";height:100%;left:0;position:absolute;width:var(--indicator-size)}.qui-tab__root{align-items:center;display:inline-flex;position:relative;--dismiss-spacing-offset:0px}.qui-tab__root[data-variant=contained]:not(:last-child){border-right:1px solid var(--color-border-neutral-02)}.qui-tab__root:has(.qui-tab__dismiss-button){--dismiss-spacing-offset:calc(var(--sizing-80) + var(--spacing-50))}.qui-tab__root[data-size=sm]{--tab-initial-spacing-x:var(--spacing-50);--tab-spacing-y:var(--spacing-50)}.qui-tab__root[data-size=md]{--tab-initial-spacing-x:var(--spacing-70);--tab-spacing-y:var(--spacing-70)}.qui-tab__root[data-size=lg]{font:var(--font-static-body-sm-bold);--tab-initial-spacing-x:var(--spacing-80);--tab-spacing-y:var(--spacing-80)}.qui-tab__root[data-size=xl]{font:var(--font-static-body-sm-bold);--tab-initial-spacing-x:var(--spacing-90);--tab-spacing-y:var(--spacing-90)}.qui-tab__dismiss-button{position:absolute;right:var(--tab-initial-spacing-x)}.qui-tab__button{--tab-spacing-end:calc(var(--tab-initial-spacing-x) + var(--dismiss-spacing-offset));align-items:center;background:transparent;border:0 solid;color:var(--color-interactive-text-neutral-idle);display:inline-flex;font:var(--font-static-body-xs-bold);gap:var(--spacing-50);margin:0;opacity:1;outline:none;padding-inline-end:var(--tab-spacing-end);padding-inline-start:var(--tab-initial-spacing-x);padding-bottom:var(--tab-spacing-y);padding-top:var(--tab-spacing-y)}.qui-tab__button[data-selected][data-variant=line]:not([data-indicator-rendered])[data-orientation=horizontal]:before{bottom:0;height:var(--indicator-size);width:100%}.qui-tab__button[data-selected][data-variant=line]:not([data-indicator-rendered])[data-orientation=vertical]:before{height:100%;left:0;top:0;width:var(--indicator-size)}.qui-tab__button[data-selected][data-variant=line]:not([data-indicator-rendered]):before{background:var(--color-border-brand-primary);content:"";left:0;position:absolute}.qui-tab__button:hover{background:var(--color-interactive-background-ghost-hover);color:var(--color-interactive-text-neutral-hover)}.qui-tab__button:active{background:var(--color-interactive-background-ghost-pressed);color:var(--color-interactive-text-neutral-pressed)}.qui-tab__button[data-disabled]{background:var(--color-interactive-background-ghost-idle);color:var(--color-utility-disabled-text);pointer-events:none}.qui-tab__button[data-variant=line][data-focus][data-focus-visible]{outline:solid 2px var(--color-border-brand-primary);outline-offset:-1px}.qui-tab__button[data-variant=contained]:hover{background:var(--color-background-neutral-01)}.qui-tab__button[data-variant=contained][data-selected]{background:var(--color-background-neutral-01)}.qui-tab__button[data-variant=contained][data-focus][data-focus-visible]{outline:solid 2px var(--color-border-brand-primary);outline-offset:-1px}.qui-tab__button[data-variant=contained][data-size=sm]{--tab-initial-spacing-x:var(--spacing-90);--tab-spacing-y:var(--spacing-60)}.qui-tab__button[data-variant=contained][data-size=md]{--tab-initial-spacing-x:var(--spacing-90);--tab-spacing-y:var(--spacing-80)}.qui-tab__button[data-orientation=vertical][data-size=sm]{--tab-initial-spacing-x:var(--spacing-80);--tab-spacing-y:var(--spacing-50)}.qui-tab__button[data-orientation=vertical][data-size=md]{--tab-initial-spacing-x:var(--spacing-90);--tab-spacing-y:var(--spacing-70)}.qui-tab__button[data-orientation=vertical][data-size=lg]{font:var(--font-static-body-sm-bold);--tab-initial-spacing-x:var(--spacing-100);--tab-spacing-y:var(--spacing-80)}.qui-tab__button[data-orientation=vertical][data-size=xl]{font:var(--font-static-body-sm-bold);--tab-initial-spacing-x:var(--spacing-100);--tab-spacing-y:var(--spacing-90)}.qui-tabs__indicator[data-empty]{display:none}.qui-tabs__indicator[data-focus][data-focus-visible]{--transition-duration:0ms}.qui-tabs__indicator:not([data-animate]){--transition-duration:0ms}.qui-tabs__indicator{background:var(--color-border-brand-primary)}.qui-tabs__indicator[data-orientation=horizontal]{bottom:0;height:var(--indicator-size);width:var(--width)}.qui-tabs__indicator[data-orientation=vertical]{height:var(--height);top:var(--top);width:var(--indicator-size)}.qui-tabs__panel{color:var(--color-text-neutral-primary)}.qui-tabs__panel[data-orientation=horizontal]{padding-top:var(--spacing-90)}.qui-tabs__panel[data-orientation=vertical]{padding-left:var(--spacing-90)}.qui-tab__icon[data-size]{--icon-size:var(--sizing-70)}.qui-tab__icon[data-size=sm]{--icon-size:var(--sizing-60)}.qui-tab__icon[data-icon-variant=filled]{background:var(--color-background-support-neutral);border-radius:var(--border-radius-xs);color:var(--color-utility-persistent-white);padding:var(--spacing-30)}.qui-tab__icon[data-icon-variant=filled][data-size=sm]{padding:var(--spacing-20)}.qui-tab__icon[data-icon-variant=filled] .qui-icon__root{--icon-size:var(--sizing-60)}
|
package/dist/tag/qds-tag.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.qui-tag__root{align-items:center;border-radius:var(--border-radius-md);cursor:pointer;display:inline-flex;font:var(--font-static-body-xs-default);gap:var(--spacing-50);max-height:var(--tag-size);min-height:var(--tag-size);outline:none;padding:0 var(--spacing-70);--tag-size:var(--sizing-90)}.qui-tag__root[data-radius=rounded]{border-radius:var(--border-radius-rounded)}.qui-tag__root[data-size=sm]{--tag-size:var(--sizing-80)}.qui-tag__root[data-size=lg]{--tag-size:var(--sizing-100);font:var(--font-static-body-sm-default);padding:0 var(--spacing-80)}.qui-tag__root{border:solid 1px var(--color-interactive-border-neutral-idle);color:var(--color-text-neutral-primary);--icon-color:inherit}.qui-tag__root[data-variant=link]:hover{text-decoration:underline}.qui-tag__root[data-emphasis=brand]{color:var(--color-interactive-text-primary-idle)}.qui-tag__root[data-emphasis=brand]:hover{color:var(--color-interactive-text-primary-hover)}.qui-tag__root[data-emphasis=brand]:active{color:var(--color-interactive-text-primary-pressed)}.qui-tag__root[data-emphasis=brand][data-selected]{background:var(--color-background-brand-primary);border-color:var(--color-background-brand-primary);color:var(--color-utility-persistent-white)}.qui-tag__root[data-emphasis=outline-neutral]:hover{background:var(--color-interactive-background-ghost-hover)}.qui-tag__root[data-emphasis=outline-neutral]:active{background:var(--color-interactive-background-ghost-pressed)}.qui-tag__root[data-emphasis=outline-neutral][data-selected]{background:var(--color-interactive-background-neutral-idle)}.qui-tag__root[data-emphasis=neutral]{background:var(--color-background-support-neutral-subtle)}.qui-tag__root[data-emphasis=neutral]:hover{background:var(--color-interactive-background-ghost-hover)}.qui-tag__root[data-emphasis=neutral]:active{background:var(--color-interactive-background-ghost-pressed)}.qui-tag__root[data-emphasis=neutral][data-selected]{background:var(--color-background-support-neutral)}.qui-tag__root[data-selected]{color:var(--color-utility-persistent-white)}.qui-tag__root: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]{background:var(--color-utility-disabled-background);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)}
|
|
1
|
+
.qui-tag__root{align-items:center;background-color:transparent;border-radius:var(--border-radius-md);box-sizing:border-box;cursor:pointer;display:inline-flex;font:var(--font-static-body-xs-default);gap:var(--spacing-50);max-height:var(--tag-size);min-height:var(--tag-size);outline:none;padding:0 var(--spacing-70);--tag-size:var(--sizing-90)}.qui-tag__root[data-radius=rounded]{border-radius:var(--border-radius-rounded)}.qui-tag__root[data-size=sm]{--tag-size:var(--sizing-80)}.qui-tag__root[data-size=lg]{--tag-size:var(--sizing-100);font:var(--font-static-body-sm-default);padding:0 var(--spacing-80)}.qui-tag__root{border:solid 1px var(--color-interactive-border-neutral-idle);color:var(--color-text-neutral-primary);--icon-color:inherit}.qui-tag__root[data-variant=link]:hover{text-decoration:underline}.qui-tag__root[data-emphasis=brand]{color:var(--color-interactive-text-primary-idle)}.qui-tag__root[data-emphasis=brand]:hover{color:var(--color-interactive-text-primary-hover)}.qui-tag__root[data-emphasis=brand]:active{color:var(--color-interactive-text-primary-pressed)}.qui-tag__root[data-emphasis=brand][data-selected]{background:var(--color-background-brand-primary);border-color:var(--color-background-brand-primary);color:var(--color-utility-persistent-white)}.qui-tag__root[data-emphasis=outline-neutral]:hover{background:var(--color-interactive-background-ghost-hover)}.qui-tag__root[data-emphasis=outline-neutral]:active{background:var(--color-interactive-background-ghost-pressed)}.qui-tag__root[data-emphasis=outline-neutral][data-selected]{background:var(--color-interactive-background-neutral-idle)}.qui-tag__root[data-emphasis=neutral]{background:var(--color-background-support-neutral-subtle)}.qui-tag__root[data-emphasis=neutral]:hover{background:var(--color-interactive-background-ghost-hover)}.qui-tag__root[data-emphasis=neutral]:active{background:var(--color-interactive-background-ghost-pressed)}.qui-tag__root[data-emphasis=neutral][data-selected]{background:var(--color-background-support-neutral)}.qui-tag__root[data-selected]{color:var(--color-utility-persistent-white)}.qui-tag__root: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]{background:var(--color-utility-disabled-background);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)}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../src/
|
|
3
|
+
"sources": ["../../src/textarea/index.ts"],
|
|
4
4
|
"sourcesContent": ["export {}\n"],
|
|
5
5
|
"mappings": "+WAAA,IAAAA,EAAA,kBAAAC,EAAAD",
|
|
6
|
-
"names": ["
|
|
6
|
+
"names": ["textarea_exports", "__toCommonJS"]
|
|
7
7
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/textarea/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.qui-textarea__textarea{background-color:transparent;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1;resize:vertical}
|
package/dist/toast/qds-toast.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.qui-toast__root{align-items:flex-start;box-shadow:var(--shadow-high);height:var(--height);min-width:284px;opacity:var(--opacity);padding:var(--spacing-90) var(--spacing-100);position:relative;scale:var(--scale);transition:translate 350ms cubic-bezier(0.21,1.02,0.73,1),scale 350ms,opacity 350ms,height 350ms,box-shadow 200ms;translate:var(--x) var(--y);width:100%;will-change:translate,opacity,scale;z-index:var(--z-index)}.qui-toast__root .qui-notification__close-button[data-size]{--button-size:var(--sizing-90)}.qui-toast__root{--icon-color:var(--color-icon-support-info);--border-left-color:var(--color-background-support-info);background:var(--color-surface-raised);border-bottom-left-radius:var(--border-radius-md);border-left:solid var(--sizing-40) var(--border-left-color);border-top-left-radius:var(--border-radius-md);outline:none}.qui-toast__root[data-emphasis=success]{--icon-color:var(--color-icon-support-success);--border-left-color:var(--color-background-support-success)}.qui-toast__root[data-emphasis=warning]{--icon-color:var(--color-icon-support-warning);--border-left-color:var(--color-background-support-warning)}.qui-toast__root[data-emphasis=danger]{--icon-color:var(--color-icon-support-danger);--border-left-color:var(--color-background-support-danger)}.qui-toast__root[data-emphasis=neutral]{--icon-color:var(--color-icon-support-neutral);--border-left-color:var(--color-background-support-neutral)}.qui-toast__root:has([data-part=status-icon]){--icon-col:1}.qui-toast__root[data-emphasis=loading] .qui-toast__icon{height:var(--sizing-70);padding-top:1px}.qui-toast__root:has([data-scope=toast][data-part=close-button]){padding-right:calc(var(--spacing-70) * 2 + var(--sizing-80))}.qui-toast__root{display:grid;--icon-col:0}.qui-toast__root:has(.qui-toast__icon){-moz-column-gap:var(--spacing-50);column-gap:var(--spacing-50);grid-template-columns:max-content 1fr;--content-col:2}.qui-toast__label{align-self:baseline;color:var(--color-text-neutral-primary);font:var(--font-static-body-sm-bold);grid-column:var(--content-col)}.qui-toast__description{align-self:baseline;color:var(--color-text-neutral-primary);font:var(--font-static-body-xs-default);grid-column:var(--content-col)}.qui-toast__icon{color:var(--icon-color);grid-column:var(--icon-col)}.qui-toast__action{grid-column:var(--content-col);justify-self:flex-start;margin-top:var(--spacing-110)}.qui-toast__close-button[data-size]{--button-size:var(--sizing-90)}.qui-toast__close-button{position:absolute;right:var(--spacing-70);top:var(--spacing-80)}
|
|
1
|
+
.qui-toast__root{align-items:flex-start;box-shadow:var(--shadow-high);box-sizing:border-box;height:var(--height);min-width:284px;opacity:var(--opacity);padding:var(--spacing-90) var(--spacing-100);position:relative;scale:var(--scale);transition:translate 350ms cubic-bezier(0.21,1.02,0.73,1),scale 350ms,opacity 350ms,height 350ms,box-shadow 200ms;translate:var(--x) var(--y);width:100%;will-change:translate,opacity,scale;z-index:var(--z-index)}.qui-toast__root .qui-notification__close-button[data-size]{--button-size:var(--sizing-90)}.qui-toast__root{--icon-color:var(--color-icon-support-info);--border-left-color:var(--color-background-support-info);background:var(--color-surface-raised);border-bottom-left-radius:var(--border-radius-md);border-left:solid var(--sizing-40) var(--border-left-color);border-top-left-radius:var(--border-radius-md);outline:none}.qui-toast__root[data-emphasis=success]{--icon-color:var(--color-icon-support-success);--border-left-color:var(--color-background-support-success)}.qui-toast__root[data-emphasis=warning]{--icon-color:var(--color-icon-support-warning);--border-left-color:var(--color-background-support-warning)}.qui-toast__root[data-emphasis=danger]{--icon-color:var(--color-icon-support-danger);--border-left-color:var(--color-background-support-danger)}.qui-toast__root[data-emphasis=neutral]{--icon-color:var(--color-icon-support-neutral);--border-left-color:var(--color-background-support-neutral)}.qui-toast__root:has([data-part=status-icon]){--icon-col:1}.qui-toast__root[data-emphasis=loading] .qui-toast__icon{height:var(--sizing-70);padding-top:1px}.qui-toast__root:has([data-scope=toast][data-part=close-button]){padding-right:calc(var(--spacing-70) * 2 + var(--sizing-80))}.qui-toast__root{display:grid;--icon-col:0}.qui-toast__root:has(.qui-toast__icon){-moz-column-gap:var(--spacing-50);column-gap:var(--spacing-50);grid-template-columns:max-content 1fr;--content-col:2}.qui-toast__label{align-self:baseline;color:var(--color-text-neutral-primary);font:var(--font-static-body-sm-bold);grid-column:var(--content-col)}.qui-toast__description{align-self:baseline;color:var(--color-text-neutral-primary);font:var(--font-static-body-xs-default);grid-column:var(--content-col)}.qui-toast__icon{color:var(--icon-color);grid-column:var(--icon-col)}.qui-toast__action{grid-column:var(--content-col);justify-self:flex-start;margin-top:var(--spacing-110)}.qui-toast__close-button[data-size]{--button-size:var(--sizing-90)}.qui-toast__close-button{position:absolute;right:var(--spacing-70);top:var(--spacing-80)}
|