@qualcomm-ui/qds-core 1.17.0 → 1.18.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/button/qds-button.css +1 -1
- package/dist/components.min.css +4 -4
- package/dist/icon/qds-icon.css +1 -1
- package/dist/input/qds-input.css +1 -1
- package/dist/link/link.types.d.ts +1 -1
- package/dist/link/link.types.d.ts.map +1 -1
- package/dist/link/qds-link.css +1 -1
- package/dist/tsbuildinfo +1 -1
- package/package.json +1 -1
package/dist/icon/qds-icon.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.qui-icon__root{display:block;fill:none;height:var(--icon-height,var(--icon-size));min-height:var(--icon-height,var(--icon-size));min-width:var(--icon-width,var(--icon-size));stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:var(--stroke-width,2);vertical-align:middle;width:var(--icon-width,var(--icon-size))}.qui-icon__root[hidden]{display:none}.qui-icon__root[data-size=xs]{--icon-size:12px}.qui-icon__root[data-size=sm]{--icon-size:14px}.qui-icon__root[data-size=md]{--icon-size:16px}.qui-icon__root[data-size=lg]{--icon-size:20px}.qui-icon__root[data-size=xl]{--icon-size:22px}
|
|
1
|
+
.qui-icon__root{display:block;fill:none;height:var(--icon-height,var(--icon-size));min-height:var(--icon-height,var(--icon-size));min-width:var(--icon-width,var(--icon-size));stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:var(--stroke-width,2);vertical-align:middle;width:var(--icon-width,var(--icon-size))}.qui-icon__root svg.lucide{height:var(--icon-height,var(--icon-size));stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;width:var(--icon-width,var(--icon-size))}.qui-icon__root[hidden]{display:none}.qui-icon__root[data-size=xs]{--icon-size:12px}.qui-icon__root[data-size=sm]{--icon-size:14px}.qui-icon__root[data-size=md]{--icon-size:16px}.qui-icon__root[data-size=lg]{--icon-size:20px}.qui-icon__root[data-size=xl]{--icon-size:22px}
|
package/dist/input/qds-input.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.qui-input__root{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--spacing-30);position:relative;width:100%;--input-group-gap:var(--spacing-40)}.qui-input__root[data-size=lg]{--input-group-gap:var(--spacing-50)}.qui-input__root[data-disabled]{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.qui-input__input-group{box-sizing:border-box;gap:var(--input-group-gap);height:var(--sizing-140);min-width:var(--sizing-160);outline:0;padding:0 var(--spacing-90)}.qui-input__input-group[data-focus]{outline:solid 1px var(--color-utility-focus-border)}.qui-input__input-group[data-size=sm]{height:var(--sizing-120);min-width:var(--sizing-120);padding:0 var(--spacing-70)}.qui-input__input-group[data-size=lg]{height:var(--sizing-160);min-width:var(--sizing-160);padding:0 var(--spacing-100)}.qui-input__input-group:has(.qui-password-input__visibility-trigger) [data-part=end-icon]{display:none}.qui-input__input-group .qui-password-input__visibility-trigger{z-index:2}.qui-input__input-group [data-part=input][data-size]{border:0;height:100%;outline:0}.qui-input__input-group:has([data-part=input][data-empty]) .qui-input__clear-trigger{display:none}.qui-input__input-group,.qui-number-input__input-group{align-items:center;background:var(--color-background-neutral-00);border:solid 1px var(--color-interactive-border-neutral-idle);border-radius:var(--border-radius-md);box-sizing:border-box;display:inline-flex;justify-content:flex-start;position:relative;width:100%;--icon-color:var(--color-utility-placeholder-icon)}.qui-input__input-group:hover,.qui-number-input__input-group:hover{border-color:var(--color-interactive-border-neutral-hover)}.qui-input__input-group:has([data-part=input]:not([data-empty])),.qui-number-input__input-group:has([data-part=input]:not([data-empty])){--icon-color:var(--color-icon-neutral-primary)}.qui-input__input-group[data-invalid],.qui-number-input__input-group[data-invalid]{border-color:var(--color-interactive-border-danger-idle);outline:solid 1px 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);outline:solid 1px 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{--icon-color:var(--color-utility-placeholder-text);--input-size:var(--sizing-140);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0 solid;border-radius:var(--border-radius-md);box-sizing:border-box;color:var(--color-text-neutral-primary);font:var(--font-static-body-sm-default);height:100%;letter-spacing:inherit;margin:0;min-height:calc(var(--input-size) - 2px);min-width:var(--input-size);opacity:1;outline:0;padding:0;position:relative;text-align:start;text-overflow:ellipsis;width:100%}.qui-input__input[data-size=sm]{--input-size:var(--sizing-120);font:var(--font-static-body-xs-default)}.qui-input__input[data-size=lg]{--input-size:var(--sizing-160);font:var(--font-static-body-md-default)}.qui-input__input:disabled{color:var(--color-utility-disabled-text)}.qui-input__input:disabled::-moz-placeholder{color:var(--color-utility-disabled-text)}.qui-input__input:disabled::placeholder{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-flex;justify-content:center;pointer-events:none;z-index:2;--icon-height:var(--sizing-70);--icon-width:var(--sizing-70)}.qui-input__icon[data-size=sm]{margin-right:calc(var(--spacing-50) - var(--input-group-gap))}.qui-input__icon[data-size=md]{margin-right:calc(var(--spacing-70) - var(--input-group-gap))}.qui-input__icon[data-size=lg]{--icon-height:var(--sizing-80);--icon-width:var(--sizing-80);margin-right:calc(var(--spacing-80) - var(--input-group-gap))}.qui-input__clear-button{cursor:pointer;grid-row:1;z-index:3}.qui-input__label{color:var(--color-text-neutral-secondary);font:var(--font-static-body-xs-default)}.qui-input__label[data-disabled]{color:var(--color-utility-disabled-text)}.qui-input__hint{color:var(--color-text-neutral-secondary);font:var(--font-static-body-xs-default)}.qui-input__hint[data-disabled]{color:var(--color-utility-disabled-text)}.qui-input__required-indicator.qui-icon__root{display:inline;vertical-align:top}.qui-input__error-text{color:var(--color-text-support-danger);font:var(--font-static-body-xs-default)}.qui-input__error-text:not([hidden]){align-items:flex-start;display:inline-flex;flex-wrap:nowrap;gap:var(--spacing-40)}.qui-input__error-indicator{color:var(--color-text-support-danger);--icon-height:var(--sizing-70);--icon-width:var(--sizing-70)}.qui-input__error-indicator[data-size=lg]{--icon-height:var(--sizing-80);--icon-width:var(--sizing-80)}.qui-password-input__visibility-trigger[data-part=visibility-trigger]{color:var(--icon-color)}
|
|
1
|
+
.qui-input__root{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--spacing-30);position:relative;width:100%;--input-group-gap:var(--spacing-40)}.qui-input__root[data-size=lg]{--input-group-gap:var(--spacing-50)}.qui-input__root[data-disabled]{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.qui-input__input-group{box-sizing:border-box;gap:var(--input-group-gap);height:var(--sizing-140);min-width:var(--sizing-160);outline:0;padding:0 var(--spacing-90)}.qui-input__input-group[data-focus]{outline:solid 1px var(--color-utility-focus-border)}.qui-input__input-group[data-size=sm]{height:var(--sizing-120);min-width:var(--sizing-120);padding:0 var(--spacing-70)}.qui-input__input-group[data-size=lg]{height:var(--sizing-160);min-width:var(--sizing-160);padding:0 var(--spacing-100)}.qui-input__input-group:has(.qui-password-input__visibility-trigger) [data-part=end-icon]{display:none}.qui-input__input-group .qui-password-input__visibility-trigger{z-index:2}.qui-input__input-group [data-part=input][data-size]{border:0;height:100%;outline:0}.qui-input__input-group:has([data-part=input][data-empty]) .qui-input__clear-trigger{display:none}.qui-input__input-group,.qui-number-input__input-group{align-items:center;background:var(--color-background-neutral-00);border:solid 1px var(--color-interactive-border-neutral-idle);border-radius:var(--border-radius-md);box-sizing:border-box;display:inline-flex;justify-content:flex-start;position:relative;width:100%;--icon-color:var(--color-utility-placeholder-icon)}.qui-input__input-group:hover,.qui-number-input__input-group:hover{border-color:var(--color-interactive-border-neutral-hover)}.qui-input__input-group:has([data-part=input]:not([data-empty])),.qui-number-input__input-group:has([data-part=input]:not([data-empty])){--icon-color:var(--color-icon-neutral-primary)}.qui-input__input-group[data-invalid],.qui-number-input__input-group[data-invalid]{border-color:var(--color-interactive-border-danger-idle);outline:solid 1px 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);outline:solid 1px 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{--icon-color:var(--color-utility-placeholder-text);--input-size:var(--sizing-140);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0 solid;border-radius:var(--border-radius-md);box-sizing:border-box;color:var(--color-text-neutral-primary);font:var(--font-static-body-sm-default);height:100%;letter-spacing:inherit;margin:0;min-height:calc(var(--input-size) - 2px);min-width:var(--input-size);opacity:1;outline:0;padding:0;position:relative;text-align:start;text-overflow:ellipsis;width:100%}.qui-input__input[data-size=sm]{--input-size:var(--sizing-120);font:var(--font-static-body-xs-default)}.qui-input__input[data-size=lg]{--input-size:var(--sizing-160);font:var(--font-static-body-md-default)}.qui-input__input:disabled{color:var(--color-utility-disabled-text)}.qui-input__input:disabled::-moz-placeholder{color:var(--color-utility-disabled-text)}.qui-input__input:disabled::placeholder{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-flex;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__icon svg.lucide{height:var(--icon-height);width:var(--icon-width)}.qui-input__clear-button{cursor:pointer;grid-row:1;z-index:3}.qui-input__label{color:var(--color-text-neutral-secondary);font:var(--font-static-body-xs-default)}.qui-input__label[data-disabled]{color:var(--color-utility-disabled-text)}.qui-input__hint{color:var(--color-text-neutral-secondary);font:var(--font-static-body-xs-default)}.qui-input__hint[data-disabled]{color:var(--color-utility-disabled-text)}.qui-input__required-indicator.qui-icon__root{display:inline;vertical-align:top}.qui-input__error-text{color:var(--color-text-support-danger);font:var(--font-static-body-xs-default)}.qui-input__error-text:not([hidden]){align-items:flex-start;display:inline-flex;flex-wrap:nowrap;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,7 +1,7 @@
|
|
|
1
1
|
import type { BooleanDataAttr } from "@qualcomm-ui/utils/attributes";
|
|
2
2
|
import type { DirectionProperty } from "@qualcomm-ui/utils/direction";
|
|
3
3
|
import type { linkClasses } from "./link.classes";
|
|
4
|
-
export type QdsLinkEmphasis = "default" | "neutral";
|
|
4
|
+
export type QdsLinkEmphasis = "default" | "neutral" | "brand" | "white-persistent";
|
|
5
5
|
export type QdsLinkSize = "xs" | "sm" | "md" | "lg" | "xl" | "xxl";
|
|
6
6
|
export interface QdsLinkApiProps extends DirectionProperty {
|
|
7
7
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"link.types.d.ts","sourceRoot":"","sources":["../../src/link/link.types.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,+BAA+B,CAAA;AAClE,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,8BAA8B,CAAA;AAEnE,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAA;AAE/C,MAAM,MAAM,eAAe,
|
|
1
|
+
{"version":3,"file":"link.types.d.ts","sourceRoot":"","sources":["../../src/link/link.types.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,+BAA+B,CAAA;AAClE,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,8BAA8B,CAAA;AAEnE,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAA;AAE/C,MAAM,MAAM,eAAe,GACvB,SAAS,GACT,SAAS,GACT,OAAO,GACP,kBAAkB,CAAA;AAEtB,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAA;AAElE,MAAM,WAAW,eAAgB,SAAQ,iBAAiB;IACxD;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,eAAe,CAAA;IAE1B;;;;;OAKG;IACH,IAAI,CAAC,EAAE,WAAW,CAAA;CACnB;AAED,MAAM,WAAW,YAAa,SAAQ,iBAAiB;IACrD,YAAY,EAAE,MAAM,CAAA;CACrB;AAED,KAAK,WAAW,GAAG,OAAO,WAAW,CAAA;AAErC,MAAM,WAAW,mBAAoB,SAAQ,YAAY;IACvD,SAAS,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;IAC9B,eAAe,EAAE,eAAe,CAAA;IAChC,eAAe,EAAE,eAAe,CAAA;IAChC,WAAW,EAAE,MAAM,CAAA;IACnB,WAAW,EAAE,WAAW,CAAA;CACzB;AAED,MAAM,WAAW,wBAAyB,SAAQ,YAAY;IAC5D,SAAS,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;IAC9B,WAAW,EAAE,MAAM,CAAA;IACnB,gBAAgB,EAAE,OAAO,CAAA;IACzB,WAAW,EAAE,WAAW,CAAA;CACzB;AAED,MAAM,WAAW,sBAAuB,SAAQ,YAAY;IAC1D,SAAS,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;IAC9B,WAAW,EAAE,MAAM,CAAA;IACnB,gBAAgB,EAAE,KAAK,CAAA;IACvB,WAAW,EAAE,WAAW,CAAA;CACzB;AAED,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,eAAe,CAAA;IACzB,IAAI,EAAE,WAAW,CAAA;IAGjB,kBAAkB,IAAI,sBAAsB,CAAA;IAC5C,eAAe,IAAI,mBAAmB,CAAA;IACtC,oBAAoB,IAAI,wBAAwB,CAAA;CACjD"}
|
package/dist/link/qds-link.css
CHANGED
|
@@ -1 +1 @@
|
|
|
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-
|
|
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]:focus-visible{border:solid 1px var(--color-utility-focus-border);color:var(--color-interactive-text-link-neutral-idle);outline:solid 1px var(--color-utility-focus-border)}.qui-link__root[data-emphasis=neutral]:visited:not(:hover){color:var(--color-interactive-text-link-neutral-visited)}.qui-link__root[data-emphasis=brand]{color:var(--color-interactive-text-link-brand-idle)}.qui-link__root[data-emphasis=brand]:hover{border-bottom-color:var(--color-interactive-text-link-brand-hover);color:var(--color-interactive-text-link-brand-hover)}.qui-link__root[data-emphasis=brand]:active{color:var(--color-interactive-text-link-brand-pressed)}.qui-link__root[data-emphasis=brand]:focus-visible{border:solid 1px var(--color-utility-focus-border);color:var(--color-interactive-text-link-brand-idle);outline:solid 1px var(--color-utility-focus-border)}.qui-link__root[data-emphasis=brand]:visited:not(:hover){color:var(--color-interactive-text-link-brand-visited)}.qui-link__root[data-emphasis=white-persistent]{color:var(--color-utility-persistent-white)}.qui-link__root[data-emphasis=white-persistent]:hover{border-bottom-color:var(--color-utility-persistent-white);color:var(--color-utility-persistent-white)}.qui-link__root[data-emphasis=white-persistent]:active{color:var(--color-utility-persistent-transparent-white)}.qui-link__root[data-emphasis=white-persistent]:focus-visible{border:solid 1px var(--color-utility-focus-border);color:var(--color-interactive-text-link-brand-idle);outline:solid 1px var(--color-utility-focus-border)}.qui-link__root[data-emphasis=white-persistent]:visited:not(:hover){color:var(--color-interactive-text-link-brand-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}
|