@qualcomm-ui/qds-core 1.28.1 → 1.28.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/button/qds-button.css +2 -2
- package/dist/components.min.css +7 -7
- package/dist/divider/qds-divider.css +1 -1
- package/dist/input/qds-input.css +1 -1
- package/dist/menu/qds-menu.css +1 -1
- package/dist/segmented-control/index.cjs +1 -1
- package/dist/segmented-control/index.cjs.map +2 -2
- package/dist/segmented-control/index.js +1 -1
- package/dist/segmented-control/index.js.map +2 -2
- package/dist/segmented-control/qds-segmented-control.css +1 -1
- package/dist/segmented-control/segmented-control.api.d.ts.map +1 -1
- package/dist/segmented-control/segmented-control.types.d.ts +1 -0
- package/dist/segmented-control/segmented-control.types.d.ts.map +1 -1
- package/dist/tsbuildinfo +1 -1
- package/package.json +8 -8
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
.qui-button__root{align-items:center;background:var(--button-bg-idle);background-image:none;border:var(--border-width-sm) solid transparent;border-radius:var(
|
|
2
2
|
--button-radius,var(--component-button-global-border-radius)
|
|
3
|
-
);box-sizing:border-box;color:var(--button-text-idle);cursor:pointer;display:inline-flex;justify-content:center;line-height:normal;margin:0;outline:none;padding:0;position:relative;text-decoration:inherit;touch-action:manipulation;transition:background-color var(--animation-duration-faster) ease-out,color var(--animation-duration-faster) ease-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;--button-bg-disabled:var(--color-utility-disabled-background);--button-icon-color:var(--button-icon-idle)}.qui-button__root[hidden]{display:none}.qui-button__root:after,.qui-button__root:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}@media (prefers-reduced-motion: reduce){.qui-button__root{transition:none}}.qui-button__root:hover{background:var(--button-bg-hover);color:var(--button-text-hover);--button-icon-color:var(--button-icon-hover)}.qui-button__root:active{background:var(--button-bg-pressed);color:var(--button-text-pressed);--button-icon-color:var(--button-icon-pressed)}.qui-button__root:disabled,.qui-button__root[data-disabled]{background:var(--button-bg-disabled);color:var(--color-utility-disabled-text);--button-icon-color:var(--color-utility-disabled-icon);pointer-events:none}.qui-button__root[data-emphasis=neutral]{--button-bg-idle:var(--color-interactive-background-neutral-idle);--button-bg-hover:var(--color-interactive-background-neutral-hover);--button-bg-pressed:var(--color-interactive-background-neutral-pressed);--button-text-idle:var(--color-interactive-text-neutral-idle);--button-text-hover:var(--color-interactive-text-neutral-hover);--button-text-pressed:var(--color-interactive-text-neutral-pressed);--button-icon-idle:var(--color-interactive-icon-neutral-idle);--button-icon-hover:var(--color-interactive-icon-neutral-hover);--button-icon-pressed:var(--color-interactive-icon-neutral-pressed)}.qui-button__root[data-emphasis=primary]{--button-bg-idle:var(--color-interactive-background-primary-idle);--button-bg-hover:var(--color-interactive-background-primary-hover);--button-bg-pressed:var(--color-interactive-background-primary-pressed);--button-text-idle:var(--color-interactive-text-primary-idle);--button-text-hover:var(--color-interactive-text-primary-hover);--button-text-pressed:var(--color-interactive-text-primary-pressed);--button-icon-idle:var(--color-interactive-icon-primary-idle);--button-icon-hover:var(--color-interactive-icon-primary-hover);--button-icon-pressed:var(--color-interactive-icon-primary-pressed)}.qui-button__root[data-emphasis=danger]{--button-bg-idle:var(--color-interactive-background-danger-idle);--button-bg-hover:var(--color-interactive-background-danger-hover);--button-bg-pressed:var(--color-interactive-background-danger-pressed);--button-text-idle:var(--color-interactive-text-danger-idle);--button-text-hover:var(--color-interactive-text-danger-hover);--button-text-pressed:var(--color-interactive-text-danger-pressed);--button-icon-idle:var(--color-interactive-icon-danger-idle);--button-icon-hover:var(--color-interactive-icon-danger-hover);--button-icon-pressed:var(--color-interactive-icon-danger-pressed)}.qui-button__root[data-emphasis=white-persistent]{--button-text-idle:var(--color-utility-persistent-white);--button-text-hover:var(--color-utility-persistent-white);--button-text-pressed:var(--color-utility-persistent-white);--button-icon-idle:var(--color-utility-persistent-white);--button-icon-hover:var(--color-utility-persistent-white);--button-icon-pressed:var(--color-utility-persistent-white)}.qui-button__root[data-emphasis=white-persistent]:disabled,.qui-button__root[data-emphasis=white-persistent][data-disabled]{color:var(--color-utility-disabled-persistent-white-text);--button-icon-color:var(--color-utility-disabled-persistent-white-icon)}.qui-button__root[data-emphasis=black-persistent]{--button-text-idle:var(--color-utility-persistent-black);--button-text-hover:var(--color-utility-persistent-black);--button-text-pressed:var(--color-utility-persistent-black);--button-icon-idle:var(--color-utility-persistent-black);--button-icon-hover:var(--color-utility-persistent-black);--button-icon-pressed:var(--color-utility-persistent-black)}.qui-button__root[data-emphasis=black-persistent]:disabled,.qui-button__root[data-emphasis=black-persistent][data-disabled]{color:var(--color-utility-disabled-persistent-black-text);--button-icon-color:var(--color-utility-disabled-persistent-black-icon)}.qui-button__root[data-emphasis=inverse]:disabled,.qui-button__root[data-emphasis=inverse][data-disabled]{color:var(--color-utility-disabled-inverse-text);--button-icon-color:var(--color-utility-disabled-inverse-icon)}.qui-button__root[data-size=sm]{font-family:var(--component-button-type-sm-font-family);font-size:var(--component-button-type-sm-font-size);font-weight:var(--component-button-type-sm-font-weight);gap:var(--spacing-40);height:var(--sizing-120);line-height:var(--component-button-type-sm-line-height);padding:0 var(--spacing-90)}.qui-button__root[data-size=sm][data-density=compact]{height:var(--sizing-80);padding:0 var(--spacing-
|
|
3
|
+
);box-sizing:border-box;color:var(--button-text-idle);cursor:pointer;display:inline-flex;justify-content:center;line-height:normal;margin:0;outline:none;padding:0;position:relative;text-decoration:inherit;touch-action:manipulation;transition:background-color var(--animation-duration-faster) ease-out,color var(--animation-duration-faster) ease-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;--button-bg-disabled:var(--color-utility-disabled-background);--button-icon-color:var(--button-icon-idle)}.qui-button__root[hidden]{display:none}.qui-button__root:after,.qui-button__root:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}@media (prefers-reduced-motion: reduce){.qui-button__root{transition:none}}.qui-button__root:hover{background:var(--button-bg-hover);color:var(--button-text-hover);--button-icon-color:var(--button-icon-hover)}.qui-button__root:active{background:var(--button-bg-pressed);color:var(--button-text-pressed);--button-icon-color:var(--button-icon-pressed)}.qui-button__root:disabled,.qui-button__root[data-disabled]{background:var(--button-bg-disabled);color:var(--color-utility-disabled-text);--button-icon-color:var(--color-utility-disabled-icon);pointer-events:none}.qui-button__root[data-emphasis=neutral]{--button-bg-idle:var(--color-interactive-background-neutral-idle);--button-bg-hover:var(--color-interactive-background-neutral-hover);--button-bg-pressed:var(--color-interactive-background-neutral-pressed);--button-text-idle:var(--color-interactive-text-neutral-idle);--button-text-hover:var(--color-interactive-text-neutral-hover);--button-text-pressed:var(--color-interactive-text-neutral-pressed);--button-icon-idle:var(--color-interactive-icon-neutral-idle);--button-icon-hover:var(--color-interactive-icon-neutral-hover);--button-icon-pressed:var(--color-interactive-icon-neutral-pressed)}.qui-button__root[data-emphasis=primary]{--button-bg-idle:var(--color-interactive-background-primary-idle);--button-bg-hover:var(--color-interactive-background-primary-hover);--button-bg-pressed:var(--color-interactive-background-primary-pressed);--button-text-idle:var(--color-interactive-text-primary-idle);--button-text-hover:var(--color-interactive-text-primary-hover);--button-text-pressed:var(--color-interactive-text-primary-pressed);--button-icon-idle:var(--color-interactive-icon-primary-idle);--button-icon-hover:var(--color-interactive-icon-primary-hover);--button-icon-pressed:var(--color-interactive-icon-primary-pressed)}.qui-button__root[data-emphasis=danger]{--button-bg-idle:var(--color-interactive-background-danger-idle);--button-bg-hover:var(--color-interactive-background-danger-hover);--button-bg-pressed:var(--color-interactive-background-danger-pressed);--button-text-idle:var(--color-interactive-text-danger-idle);--button-text-hover:var(--color-interactive-text-danger-hover);--button-text-pressed:var(--color-interactive-text-danger-pressed);--button-icon-idle:var(--color-interactive-icon-danger-idle);--button-icon-hover:var(--color-interactive-icon-danger-hover);--button-icon-pressed:var(--color-interactive-icon-danger-pressed)}.qui-button__root[data-emphasis=white-persistent]{--button-text-idle:var(--color-utility-persistent-white);--button-text-hover:var(--color-utility-persistent-white);--button-text-pressed:var(--color-utility-persistent-white);--button-icon-idle:var(--color-utility-persistent-white);--button-icon-hover:var(--color-utility-persistent-white);--button-icon-pressed:var(--color-utility-persistent-white)}.qui-button__root[data-emphasis=white-persistent]:disabled,.qui-button__root[data-emphasis=white-persistent][data-disabled]{color:var(--color-utility-disabled-persistent-white-text);--button-icon-color:var(--color-utility-disabled-persistent-white-icon)}.qui-button__root[data-emphasis=black-persistent]{--button-text-idle:var(--color-utility-persistent-black);--button-text-hover:var(--color-utility-persistent-black);--button-text-pressed:var(--color-utility-persistent-black);--button-icon-idle:var(--color-utility-persistent-black);--button-icon-hover:var(--color-utility-persistent-black);--button-icon-pressed:var(--color-utility-persistent-black)}.qui-button__root[data-emphasis=black-persistent]:disabled,.qui-button__root[data-emphasis=black-persistent][data-disabled]{color:var(--color-utility-disabled-persistent-black-text);--button-icon-color:var(--color-utility-disabled-persistent-black-icon)}.qui-button__root[data-emphasis=inverse]:disabled,.qui-button__root[data-emphasis=inverse][data-disabled]{color:var(--color-utility-disabled-inverse-text);--button-icon-color:var(--color-utility-disabled-inverse-icon)}.qui-button__root[data-size=sm]{font-family:var(--component-button-type-sm-font-family);font-size:var(--component-button-type-sm-font-size);font-weight:var(--component-button-type-sm-font-weight);gap:var(--spacing-40);height:var(--sizing-120);line-height:var(--component-button-type-sm-line-height);padding:0 var(--spacing-90)}.qui-button__root[data-size=sm][data-density=compact]{height:var(--sizing-80);padding:0 var(--spacing-70)}.qui-button__root[data-size=sm][data-kind=icon]{width:var(--sizing-120)}.qui-button__root[data-size=sm][data-kind=icon][data-density=compact]{width:var(--sizing-80)}.qui-button__root[data-size=md]{font-family:var(--component-button-type-md-font-family);font-size:var(--component-button-type-md-font-size);font-weight:var(--component-button-type-md-font-weight);gap:var(--spacing-70);height:var(--sizing-140);line-height:var(--component-button-type-md-line-height);padding:0 var(--spacing-100)}.qui-button__root[data-size=md][data-density=compact]{height:var(--sizing-90);padding:0 var(--spacing-80)}.qui-button__root[data-size=md][data-kind=icon]{width:var(--sizing-140)}.qui-button__root[data-size=md][data-kind=icon][data-density=compact]{width:var(--sizing-90)}.qui-button__root[data-size=lg]{font-family:var(--component-button-type-lg-font-family);font-size:var(--component-button-type-lg-font-size);font-weight:var(--component-button-type-lg-font-weight);gap:var(--spacing-90);height:var(--sizing-160);line-height:var(--component-button-type-lg-line-height);padding:0 var(--spacing-110)}.qui-button__root[data-size=lg][data-density=compact]{height:var(--sizing-100);padding:0 var(--spacing-90)}.qui-button__root[data-size=lg][data-kind=icon]{width:var(--sizing-160)}.qui-button__root[data-size=lg][data-kind=icon][data-density=compact]{width:var(--sizing-100)}.qui-button__root[data-kind=icon]{--button-radius:var(--border-radius-md)}.qui-button__root[data-kind=icon][data-shape=rounded]{--button-radius:var(--border-radius-rounded)}.qui-button__root[data-density=compact]{font-family:var(--component-button-type-sm-font-family);font-size:var(--component-button-type-sm-font-size);font-weight:var(--component-button-type-sm-font-weight);gap:var(--spacing-40);line-height:var(--component-button-type-sm-line-height)}.qui-button__root[data-variant=ghost],.qui-button__root[data-variant=outline]{--button-bg-idle:var(--color-interactive-background-ghost-idle);--button-bg-hover:var(--color-interactive-background-ghost-hover);--button-bg-pressed:var(--color-interactive-background-ghost-pressed);--button-bg-disabled:var(--color-interactive-background-ghost-idle)}.qui-button__root[data-variant=ghost][data-emphasis=white-persistent],.qui-button__root[data-variant=outline][data-emphasis=white-persistent]{--button-bg-idle:var(
|
|
4
4
|
--color-interactive-background-persistent-white-ghost-idle
|
|
5
5
|
);--button-bg-hover:var(
|
|
6
6
|
--color-interactive-background-persistent-white-ghost-hover
|
|
@@ -74,4 +74,4 @@
|
|
|
74
74
|
--color-utility-disabled-persistent-black-background
|
|
75
75
|
)}.qui-button__root[data-variant=fill][data-emphasis=inverse]{--button-text-idle:var(--color-text-neutral-primary);--button-text-hover:var(--color-text-neutral-primary);--button-text-pressed:var(--color-text-neutral-primary);--button-icon-idle:var(--color-icon-neutral-primary);--button-icon-hover:var(--color-icon-neutral-primary);--button-icon-pressed:var(--color-icon-neutral-primary);--button-bg-idle:var(--color-interactive-background-inverse-fill-idle);--button-bg-hover:var(--color-interactive-background-inverse-fill-hover);--button-bg-pressed:var(
|
|
76
76
|
--color-interactive-background-inverse-fill-pressed
|
|
77
|
-
);--button-bg-disabled:var(--color-utility-disabled-inverse-background)}.qui-button__root:focus-visible[data-variant][data-emphasis]{border-color:var(--color-utility-focus-border);outline:solid 1px var(--color-utility-focus-border)}.qui-button__icon{color:var(--button-icon-color);height:var(--icon-height,var(--icon-size));min-height:var(--icon-height,var(--icon-size));min-width:var(--icon-width,var(--icon-size));width:var(--icon-width,var(--icon-size))}.qui-button__icon[data-size=sm]{--icon-size:12px}.qui-button__icon[data-size=md]{--icon-size:16px}.qui-button__icon[data-size=md][data-density=compact]{--icon-size:12px}.qui-button__icon[data-size=lg]{--icon-size:20px}.qui-button__icon[data-size=lg][data-density=compact]{--icon-size:16px}.qui-button__icon[data-icon-button-part=root][data-size=sm]{--icon-size:16px}.qui-button__icon[data-icon-button-part=root][data-size=sm][data-density=compact]{--icon-size:12px}.qui-button__icon[data-icon-button-part=root][data-size=md]{--icon-size:20px}.qui-button__icon[data-icon-button-part=root][data-size=md][data-density=compact]{--icon-size:16px}.qui-button__icon[data-icon-button-part=root][data-size=lg]{--icon-size:24px}.qui-button__icon[data-icon-button-part=root][data-size=lg][data-density=compact]{--icon-size:16px}.qui-
|
|
77
|
+
);--button-bg-disabled:var(--color-utility-disabled-inverse-background)}.qui-button__root:focus-visible[data-variant][data-emphasis]{border-color:var(--color-utility-focus-border);outline:solid 1px var(--color-utility-focus-border)}.qui-button__icon{color:var(--button-icon-color);height:var(--icon-height,var(--icon-size));min-height:var(--icon-height,var(--icon-size));min-width:var(--icon-width,var(--icon-size));width:var(--icon-width,var(--icon-size))}.qui-button__icon[data-size=sm]{--icon-size:12px}.qui-button__icon[data-size=md]{--icon-size:16px}.qui-button__icon[data-size=md][data-density=compact]{--icon-size:12px}.qui-button__icon[data-size=lg]{--icon-size:20px}.qui-button__icon[data-size=lg][data-density=compact]{--icon-size:16px}.qui-button__icon[data-icon-button-part=root][data-size=sm]{--icon-size:16px}.qui-button__icon[data-icon-button-part=root][data-size=sm][data-density=compact]{--icon-size:12px}.qui-button__icon[data-icon-button-part=root][data-size=md]{--icon-size:20px}.qui-button__icon[data-icon-button-part=root][data-size=md][data-density=compact]{--icon-size:16px}.qui-button__icon[data-icon-button-part=root][data-size=lg]{--icon-size:24px}.qui-button__icon[data-icon-button-part=root][data-size=lg][data-density=compact]{--icon-size:16px}.qui-button-group{box-sizing:border-box;display:inline-flex;gap:var(--button-group-gap,var(--spacing-90))}.qui-button-group[data-layout=end],.qui-button-group[data-layout=fill],.qui-button-group[data-layout=start]{width:100%}.qui-button-group[data-layout=hug]{width:-moz-fit-content;width:fit-content}.qui-button-group[data-layout=end]{justify-content:flex-end}.qui-button-group[data-layout=fill]>.qui-button__root{flex:1 1 0;min-width:0}.qui-button-group[data-size=sm]{--button-group-gap:var(--spacing-80)}.qui-button-group[data-size=lg]{--button-group-gap:var(--spacing-100)}
|