@qualcomm-ui/qds-core 1.3.0 → 1.4.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/action-group/action-group.api.d.ts +4 -0
- package/dist/action-group/action-group.api.d.ts.map +1 -0
- package/dist/action-group/action-group.types.d.ts +7 -0
- package/dist/action-group/action-group.types.d.ts.map +1 -0
- package/dist/action-group/index.cjs +1 -1
- package/dist/action-group/index.cjs.map +4 -4
- package/dist/action-group/index.d.ts +2 -0
- package/dist/action-group/index.d.ts.map +1 -1
- package/dist/action-group/index.js +1 -1
- package/dist/action-group/index.js.map +4 -4
- package/dist/button/qds-button.css +1 -1
- package/dist/components.min.css +1 -1
- package/dist/icon/icon.api.d.ts +4 -0
- package/dist/icon/icon.api.d.ts.map +1 -1
- package/dist/icon/icon.types.d.ts +2 -0
- package/dist/icon/icon.types.d.ts.map +1 -1
- package/dist/icon/index.cjs +1 -1
- package/dist/icon/index.cjs.map +2 -2
- package/dist/icon/index.js +1 -1
- package/dist/icon/index.js.map +2 -2
- package/dist/tsbuildinfo +1 -1
- package/package.json +2 -2
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { PropNormalizer } from "@qualcomm-ui/utils/machine";
|
|
2
|
+
import type { QdsActionGroupRootBindings } from "./action-group.types";
|
|
3
|
+
export declare function getActionGroupRootBindings(normalizeProps: PropNormalizer): QdsActionGroupRootBindings;
|
|
4
|
+
//# sourceMappingURL=action-group.api.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"action-group.api.d.ts","sourceRoot":"","sources":["../../src/action-group/action-group.api.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,4BAA4B,CAAA;AAG9D,OAAO,KAAK,EAAC,0BAA0B,EAAC,MAAM,sBAAsB,CAAA;AAEpE,wBAAgB,0BAA0B,CACxC,cAAc,EAAE,cAAc,GAC7B,0BAA0B,CAM5B"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { actionGroupClasses } from "./action-group.classes";
|
|
2
|
+
export interface QdsActionGroupRootBindings {
|
|
3
|
+
className: (typeof actionGroupClasses)["root"];
|
|
4
|
+
"data-part": "root";
|
|
5
|
+
"data-scope": "action-group";
|
|
6
|
+
}
|
|
7
|
+
//# sourceMappingURL=action-group.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"action-group.types.d.ts","sourceRoot":"","sources":["../../src/action-group/action-group.types.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,wBAAwB,CAAA;AAE9D,MAAM,WAAW,0BAA0B;IACzC,SAAS,EAAE,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAA;IAC9C,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,cAAc,CAAA;CAC7B"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var i=Object.defineProperty;var a=Object.getOwnPropertyDescriptor;var s=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var m=(o,t)=>{for(var p in t)i(o,p,{get:t[p],enumerable:!0})},u=(o,t,p,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of s(t))!c.call(o,r)&&r!==p&&i(o,r,{get:()=>t[r],enumerable:!(n=a(t,r))||n.enumerable});return o};var g=o=>u(i({},"__esModule",{value:!0}),o);var d={};m(d,{actionGroupClasses:()=>e,getActionGroupRootBindings:()=>l});module.exports=g(d);var e={root:"qui-action-group__root"};function l(o){return o.element({className:e.root,"data-part":"root","data-scope":"action-group"})}
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../src/action-group/index.ts", "../../src/action-group/action-group.classes.ts"],
|
|
4
|
-
"sourcesContent": ["export * from \"./action-group.classes\"\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const actionGroupClasses = {\n root: \"qui-action-group__root\",\n} as const\n"],
|
|
5
|
-
"mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,wBAAAE,IAAA,eAAAC,
|
|
6
|
-
"names": ["action_group_exports", "__export", "actionGroupClasses", "__toCommonJS", "actionGroupClasses"]
|
|
3
|
+
"sources": ["../../src/action-group/index.ts", "../../src/action-group/action-group.classes.ts", "../../src/action-group/action-group.api.ts"],
|
|
4
|
+
"sourcesContent": ["export * from \"./action-group.api\"\nexport * from \"./action-group.classes\"\nexport type * from \"./action-group.types\"\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const actionGroupClasses = {\n root: \"qui-action-group__root\",\n} as const\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport type {PropNormalizer} from \"@qualcomm-ui/utils/machine\"\n\nimport {actionGroupClasses} from \"./action-group.classes\"\nimport type {QdsActionGroupRootBindings} from \"./action-group.types\"\n\nexport function getActionGroupRootBindings(\n normalizeProps: PropNormalizer,\n): QdsActionGroupRootBindings {\n return normalizeProps.element({\n className: actionGroupClasses.root,\n \"data-part\": \"root\",\n \"data-scope\": \"action-group\",\n })\n}\n"],
|
|
5
|
+
"mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,wBAAAE,EAAA,+BAAAC,IAAA,eAAAC,EAAAJ,GCGO,IAAMK,EAAqB,CAChC,KAAM,wBACR,ECGO,SAASC,EACdC,EAC4B,CAC5B,OAAOA,EAAe,QAAQ,CAC5B,UAAWC,EAAmB,KAC9B,YAAa,OACb,aAAc,cAChB,CAAC,CACH",
|
|
6
|
+
"names": ["action_group_exports", "__export", "actionGroupClasses", "getActionGroupRootBindings", "__toCommonJS", "actionGroupClasses", "getActionGroupRootBindings", "normalizeProps", "actionGroupClasses"]
|
|
7
7
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/action-group/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/action-group/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA;AAClC,cAAc,wBAAwB,CAAA;AACtC,mBAAmB,sBAAsB,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var o={root:"qui-action-group__root"};export{o as actionGroupClasses};
|
|
1
|
+
var o={root:"qui-action-group__root"};function i(t){return t.element({className:o.root,"data-part":"root","data-scope":"action-group"})}export{o as actionGroupClasses,i as getActionGroupRootBindings};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../src/action-group/action-group.classes.ts"],
|
|
4
|
-
"sourcesContent": ["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const actionGroupClasses = {\n root: \"qui-action-group__root\",\n} as const\n"],
|
|
5
|
-
"mappings": "AAGO,IAAMA,EAAqB,CAChC,KAAM,wBACR",
|
|
6
|
-
"names": ["actionGroupClasses"]
|
|
3
|
+
"sources": ["../../src/action-group/action-group.classes.ts", "../../src/action-group/action-group.api.ts"],
|
|
4
|
+
"sourcesContent": ["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const actionGroupClasses = {\n root: \"qui-action-group__root\",\n} as const\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport type {PropNormalizer} from \"@qualcomm-ui/utils/machine\"\n\nimport {actionGroupClasses} from \"./action-group.classes\"\nimport type {QdsActionGroupRootBindings} from \"./action-group.types\"\n\nexport function getActionGroupRootBindings(\n normalizeProps: PropNormalizer,\n): QdsActionGroupRootBindings {\n return normalizeProps.element({\n className: actionGroupClasses.root,\n \"data-part\": \"root\",\n \"data-scope\": \"action-group\",\n })\n}\n"],
|
|
5
|
+
"mappings": "AAGO,IAAMA,EAAqB,CAChC,KAAM,wBACR,ECGO,SAASC,EACdC,EAC4B,CAC5B,OAAOA,EAAe,QAAQ,CAC5B,UAAWC,EAAmB,KAC9B,YAAa,OACb,aAAc,cAChB,CAAC,CACH",
|
|
6
|
+
"names": ["actionGroupClasses", "getActionGroupRootBindings", "normalizeProps", "actionGroupClasses"]
|
|
7
7
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.qui-button__root{align-items:center;background:var(--button-bg-idle);background-image:none;border:var(--border-width-sm) solid transparent;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;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}.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)}.qui-button__root:active{background:var(--button-bg-pressed);color:var(--button-text-pressed)}.qui-button__root[data-disabled]{color:var(--color-utility-disabled-text);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)}.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)}.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)}.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)}.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)}.qui-button__root[data-size=sm]{border-radius:var(--border-radius-sm);font:var(--font-static-body-xs-bold);gap:var(--spacing-40);height:var(--sizing-120);padding:0 var(--spacing-90)}.qui-button__root[data-size=sm][data-density=compact]{height:var(--sizing-80);padding:0 var(--spacing-40)}.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]{border-radius:var(--border-radius-md);font:var(--font-static-body-sm-bold);gap:var(--spacing-70);height:var(--sizing-140);padding:0 var(--spacing-100)}.qui-button__root[data-size=md][data-density=compact]{gap:var(--spacing-40);height:var(--sizing-90);padding:0 var(--spacing-50)}.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]{border-radius:var(--border-radius-md);font:var(--font-static-body-md-bold);gap:var(--spacing-90);height:var(--sizing-160);padding:0 var(--spacing-110)}.qui-button__root[data-size=lg][data-density=compact]{font:var(--font-static-body-sm-bold);gap:var(--spacing-50);height:var(--sizing-100);padding:0 var(--spacing-70)}.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-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)}.qui-button__root[data-variant=ghost][data-emphasis=white-persistent],.qui-button__root[data-variant=outline][data-emphasis=white-persistent]{--button-bg-idle:var(
|
|
1
|
+
.qui-button__root{align-items:center;background:var(--button-bg-idle);background-image:none;border:var(--border-width-sm) solid transparent;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}.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)}.qui-button__root:active{background:var(--button-bg-pressed);color:var(--button-text-pressed)}.qui-button__root[data-disabled]{color:var(--color-utility-disabled-text);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)}.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)}.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)}.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)}.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)}.qui-button__root[data-size=sm]{border-radius:var(--border-radius-sm);font:var(--font-static-body-xs-bold);gap:var(--spacing-40);height:var(--sizing-120);padding:0 var(--spacing-90)}.qui-button__root[data-size=sm][data-density=compact]{height:var(--sizing-80);padding:0 var(--spacing-40)}.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]{border-radius:var(--border-radius-md);font:var(--font-static-body-sm-bold);gap:var(--spacing-70);height:var(--sizing-140);padding:0 var(--spacing-100)}.qui-button__root[data-size=md][data-density=compact]{gap:var(--spacing-40);height:var(--sizing-90);padding:0 var(--spacing-50)}.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]{border-radius:var(--border-radius-md);font:var(--font-static-body-md-bold);gap:var(--spacing-90);height:var(--sizing-160);padding:0 var(--spacing-110)}.qui-button__root[data-size=lg][data-density=compact]{font:var(--font-static-body-sm-bold);gap:var(--spacing-50);height:var(--sizing-100);padding:0 var(--spacing-70)}.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-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)}.qui-button__root[data-variant=ghost][data-emphasis=white-persistent],.qui-button__root[data-variant=outline][data-emphasis=white-persistent]{--button-bg-idle:var(
|
|
2
2
|
--color-interactive-background-persistent-white-ghost-idle
|
|
3
3
|
);--button-bg-hover:var(
|
|
4
4
|
--color-interactive-background-persistent-white-ghost-hover
|
package/dist/components.min.css
CHANGED
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
--color-interactive-background-persistent-white-ghost-hover
|
|
19
19
|
)}.qui-inline-icon-button__root[data-emphasis=persistent-white]:active{background:var(
|
|
20
20
|
--color-interactive-background-persistent-white-ghost-pressed
|
|
21
|
-
)}.qui-inline-icon-button__root:disabled{background:var(--color-utility-disabled-background);color:var(--color-utility-disabled-icon)}.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}.qui-header-bar__root{align-items:center;border-bottom:solid 1px var(--color-border-neutral-01);box-sizing:border-box;display:flex;height:var(--sizing-160);min-width:-moz-fit-content;min-width:fit-content;padding:0 var(--spacing-100);width:100%}.qui-header-bar__root[data-size=lg]{height:72px}.qui-header-bar__root[data-surface=primary]{background:var(--color-surface-primary)}.qui-header-bar__root[data-surface=secondary]{background:var(--color-surface-secondary)}.qui-header-bar__logo{align-items:center;color:var(--color-text-neutral-primary);display:flex;font:var(--font-static-body-sm-bold);gap:var(--spacing-90);margin-right:var(--spacing-90);white-space:nowrap}.qui-header-bar__logo+.qui-header-bar__divider{margin:0 var(--spacing-110) 0 var(--spacing-70)}.qui-header-bar__logo a{color:inherit;text-decoration:none}.qui-header-bar__nav{align-items:center;display:flex;gap:var(--spacing-110);margin-right:var(--spacing-180)}.qui-header-bar__nav-item{align-items:center;background:transparent;border:solid 1px transparent;border-radius:var(--border-radius-xs);box-sizing:border-box;color:var(--color-text-neutral-secondary);display:inline-flex;font:var(--font-static-body-sm-bold);gap:var(--spacing-40);outline:none;padding:0 var(--spacing-20);text-decoration:inherit;transition:background-color var(--animation-duration-faster) ease-out,color var(--animation-duration-faster) ease-out;--icon-color:var(--color-icon-neutral-secondary)}.qui-header-bar__nav-item .qui-icon__root{--icon-size:var(--sizing-70)}.qui-header-bar__nav-item:active,.qui-header-bar__nav-item:hover,.qui-header-bar__nav-item[data-active],.qui-header-bar__nav-item[data-state=open]{color:var(--color-text-neutral-primary);--icon-color:var(--color-icon-neutral-primary)}.qui-header-bar__nav-item:focus-visible{border-color:var(--color-utility-focus-border);outline:solid 1px var(--color-utility-focus-border)}.qui-header-bar__nav-item[data-disabled]{color:var(--color-utility-disabled-text);pointer-events:none;--icon-color:var(--color-utility-disabled-icon)}.qui-header-bar__nav-item .qui-icon__root[data-part=end-icon]{transition:transform var(--animation-duration-faster) ease-out}.qui-header-bar__nav-item[data-state=open] .qui-icon__root[data-part=end-icon]{transform:rotate(180deg)}a.qui-header-bar__nav-item:focus-visible{border-color:var(--color-utility-focus-border);outline:solid 2px var(--color-utility-focus-border);outline-offset:-1px}.qui-header-bar__divider{align-self:center;background:var(--color-border-neutral-01);content:"";height:20px;width:1px}.qui-header-bar__divider+.qui-avatar__root{margin-left:var(--spacing-70)}.qui-header-bar__action-bar{align-items:center;display:flex;gap:var(--spacing-40);margin-left:auto}button{cursor:pointer}button [data-disabled],button:disabled{cursor:initial}[hidden]:where(:not([hidden=until-found])){display:none}.qui-drawer__positioner{display:flex;height:100vh;inset:0;justify-content:flex-start;position:fixed;width:100vw;z-index:var(--z-index-dialog)}.qui-drawer__positioner[data-placement=end]{justify-content:flex-end}.qui-drawer__positioner{--indicator-icon-size:var(--sizing-90)}.qui-drawer__positioner .qui-dialog__indicator-icon{--icon-size:var(--indicator-icon-size)}.qui-drawer__positioner[data-size=md]{--indicator-icon-size:var(--sizing-120)}.qui-drawer__content{background-color:var(--color-surface-overlay);box-shadow:var(--shadow-high);box-sizing:border-box;color:var(--color-text-neutral-primary);display:grid;grid-template-rows:1fr auto;height:100%;margin:0;overflow-y:auto;padding:0;place-items:start;position:relative;width:355px}.qui-drawer__content[hidden]{display:none!important}.qui-drawer__content[data-size=md]{width:580px}.qui-drawer__content[data-placement=end]{border-bottom-left-radius:var(--border-radius-md);border-top-left-radius:var(--border-radius-md)}.qui-drawer__content[data-placement=end][data-state=open]{animation:slide-from-right-full 0.2s ease}.qui-drawer__content[data-placement=end][data-state=closed]{animation:slide-to-right-full 0.25s ease}.qui-drawer__content[data-placement=start]{border-bottom-right-radius:var(--border-radius-md);border-top-right-radius:var(--border-radius-md)}.qui-drawer__content[data-placement=start][data-state=open]{animation:slide-from-left-full 0.2s ease}.qui-drawer__content[data-placement=start][data-state=closed]{animation:slide-to-left-full 0.25s ease}.qui-divider__root{margin:8px 0;outline:none;position:relative;width:100%;--divider-border-color:var(--color-border-neutral-02)}.qui-divider__root[data-variant=subtle]{--divider-border-color:var(--color-border-neutral-01)}.qui-divider__root[data-variant=strong]{--divider-border-color:var(--color-border-neutral-03)}.qui-divider__root:not([aria-orientation=vertical]){border-top:solid 1px var(--divider-border-color);min-width:4px}.qui-divider__root[aria-orientation=vertical]{border-left:solid 1px var(--divider-border-color);height:100%;margin:0 8px;min-height:4px;width:unset}.qui-divider__root[tabindex="-1"]:focus-visible{color:var(--color-utility-focus-border)}.qui-divider__root[tabindex="0"]:focus-visible,.qui-divider__root[tabindex="0"]:hover{border-color:var(--color-utility-focus-border)}.qui-dialog__backdrop{background:rgba(0,0,0,0.2);height:100vh;left:0;overflow:hidden;place-items:center;position:fixed;top:0;width:100vw;z-index:var(--z-index-dialog)}.qui-dialog__backdrop[hidden]{display:none!important}.qui-dialog__positioner{align-items:flex-start;display:flex;height:100dvh;inset:0;justify-content:center;position:fixed;width:100dvw;z-index:var(--z-index-dialog);--indicator-icon-size:var(--sizing-90)}.qui-dialog__positioner .qui-dialog__indicator-icon{--icon-size:var(--indicator-icon-size)}.qui-dialog__positioner[data-size=md]{--indicator-icon-size:var(--sizing-120)}.qui-dialog__positioner[data-scroll-behavior=outside]{overflow:auto;pointer-events:auto}.qui-dialog__positioner[data-placement=top]{align-items:flex-start}.qui-dialog__positioner[data-placement=center]{align-items:center}.qui-dialog__positioner[data-placement=bottom]{align-items:flex-end}.qui-dialog__positioner[data-scroll-behavior=inside]{overflow:hidden}.qui-dialog__content{background-color:var(--color-surface-overlay);border:solid 1px var(--color-border-neutral-01);border-radius:var(--border-radius-md);box-shadow:var(--shadow-high);color:var(--color-text-neutral-primary);display:grid;margin-block:4rem;margin-inline:auto;position:relative;width:375px}.qui-dialog__content[hidden]{display:none!important}.qui-dialog__content[data-size=md]{width:600px}.qui-dialog__content[data-scroll-behavior=inside]{max-height:calc(100% - 7.5rem);overflow-y:auto}.qui-dialog__content[data-state=open]{animation:dialog-fade-in 0.2s ease-in-out}.qui-dialog__content[data-state=closed]{animation:dialog-fade-out 0.25s ease-in-out}.qui-dialog__body{box-sizing:border-box;color:var(--color-text-neutral-primary);display:flex;flex-direction:column;font:var(--font-static-body-xs-default);gap:var(--spacing-90);margin:0;padding:var(--spacing-110);width:100%}.qui-dialog__body[data-size=md]{font:var(--font-static-body-sm-default);gap:var(--spacing-100);padding:var(--spacing-120)}.qui-dialog__heading{color:var(--color-text-neutral-primary);font:var(--font-static-heading-xs-default);margin:0}.qui-dialog__heading[data-size=md]{font:var(--font-static-heading-sm-default)}.qui-dialog__footer{border-top:solid 1px var(--color-border-neutral-01);box-sizing:border-box;display:flex;gap:var(--spacing-80);justify-content:flex-end;padding:var(--spacing-110);width:100%}.qui-dialog__close-button{align-self:flex-start;position:absolute;right:5px;top:5px}.qui-dialog__indicator-icon{--icon-size:20px}.qui-dialog__indicator-icon[data-emphasis=neutral]{color:var(--color-icon-support-neutral)}.qui-dialog__indicator-icon[data-emphasis=info]{color:var(--color-icon-support-info)}.qui-dialog__indicator-icon[data-emphasis=success]{color:var(--color-icon-support-success)}.qui-dialog__indicator-icon[data-emphasis=warning]{color:var(--color-icon-support-warning)}.qui-dialog__indicator-icon[data-emphasis=danger]{color:var(--color-icon-support-danger)}@keyframes dialog-fade-in{0%{opacity:0;scale:0.95}to{opacity:1;scale:1}}@keyframes dialog-fade-out{to{opacity:0;scale:0.95}}.qui-collapsible__content{animation-duration:var(--animation-duration-moderate);overflow:hidden}.qui-collapsible__content[data-ssr]{animation-duration:0ms}.qui-collapsible__content[data-state=closed]{animation-name:collapse-height,fade-out}.qui-collapsible__content[data-state=open]{animation-name:expand-height,fade-in}.qui-checkmark__root[data-scope=tree]{background:var(--color-interactive-background-ghost-idle);cursor:pointer}.qui-checkmark__root[data-scope=tree][data-state=checked],.qui-checkmark__root[data-scope=tree][data-state=indeterminate]{background:var(--color-interactive-background-primary-idle);border-color:var(--color-interactive-background-primary-idle)}.qui-checkmark__root[data-scope=tree][data-state=checked][data-hover],.qui-checkmark__root[data-scope=tree][data-state=indeterminate][data-hover]{background:var(--color-interactive-background-primary-hover);border-color:var(--color-interactive-background-primary-hover)}.qui-checkmark__root[data-scope=tree][data-state=checked][data-disabled],.qui-checkmark__root[data-scope=tree][data-state=indeterminate][data-disabled]{background:var(--color-utility-disabled-background)}.qui-checkmark__root[data-scope=tree][data-disabled]{border-color:var(--color-utility-disabled-border);color:var(--color-utility-disabled-text)}.qui-checkbox__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;width:-moz-fit-content;width:fit-content}.qui-checkbox__root:hover{cursor:pointer}.qui-checkbox__root[data-disabled]{cursor:unset;-webkit-user-select:none;-moz-user-select:none;user-select:none}.qui-checkbox__root:has([data-part=error-text][data-invalid]){row-gap:var(--spacing-70)}.qui-checkbox__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-xs,2px);box-sizing:border-box;color:var(--color-utility-persistent-white);display:inline-flex;justify-content:center;max-height:var(--control-size);max-width:var(--control-size);min-height:var(--control-size);min-width:var(--control-size);--control-size:var(--sizing-70)}.qui-checkbox__control[data-size=md]{--control-size:var(--sizing-80)}.qui-checkbox__control[data-size=lg]{--control-size:var(--sizing-90)}.qui-checkbox__control[data-focus-visible]{border-color:var(--color-interactive-border-neutral-hover);outline:solid 2px var(--color-utility-focus-border);outline-offset:1px}.qui-checkbox__control[data-state=checked],.qui-checkbox__control[data-state=indeterminate]{background:var(--color-interactive-background-primary-idle);border-color:var(--color-interactive-background-primary-idle)}.qui-checkbox__control[data-state=checked][data-hover],.qui-checkbox__control[data-state=indeterminate][data-hover]{background:var(--color-interactive-background-primary-hover);border-color:var(--color-interactive-background-primary-hover)}.qui-checkbox__control[data-state=checked][data-disabled],.qui-checkbox__control[data-state=indeterminate][data-disabled]{background:var(--color-utility-disabled-background);border-color:var(--color-utility-disabled-border);color:var(--color-utility-disabled-text)}.qui-checkbox__control[data-invalid][data-state=unchecked]{border-color:var(--color-interactive-border-danger-idle)}.qui-checkbox__control[data-invalid][data-state=unchecked][data-hover]{border-color:var(--color-interactive-border-danger-hover)}.qui-checkbox__control[data-disabled]{border-color:var(--color-utility-disabled-border)}.qui-checkbox__label{color:var(--color-text-neutral-primary);flex:1;font:var(--font-static-body-xs-default)}.qui-checkbox__label[data-size=md]{font:var(--font-static-body-sm-default)}.qui-checkbox__label[data-size=lg]{font:var(--font-static-body-lg-default)}.qui-checkbox__label[data-disabled]{color:var(--color-utility-disabled-text)}.qui-checkbox__indicator{align-items:center;display:inline-flex}.qui-checkbox__indicator[hidden]{display:none}.qui-checkbox__indicator [data-part=indicator-icon]{vertical-align:middle}.qui-button__root{align-items:center;background:var(--button-bg-idle);background-image:none;border:var(--border-width-sm) solid transparent;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;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}.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)}.qui-button__root:active{background:var(--button-bg-pressed);color:var(--button-text-pressed)}.qui-button__root[data-disabled]{color:var(--color-utility-disabled-text);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)}.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)}.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)}.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)}.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)}.qui-button__root[data-size=sm]{border-radius:var(--border-radius-sm);font:var(--font-static-body-xs-bold);gap:var(--spacing-40);height:var(--sizing-120);padding:0 var(--spacing-90)}.qui-button__root[data-size=sm][data-density=compact]{height:var(--sizing-80);padding:0 var(--spacing-40)}.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]{border-radius:var(--border-radius-md);font:var(--font-static-body-sm-bold);gap:var(--spacing-70);height:var(--sizing-140);padding:0 var(--spacing-100)}.qui-button__root[data-size=md][data-density=compact]{gap:var(--spacing-40);height:var(--sizing-90);padding:0 var(--spacing-50)}.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]{border-radius:var(--border-radius-md);font:var(--font-static-body-md-bold);gap:var(--spacing-90);height:var(--sizing-160);padding:0 var(--spacing-110)}.qui-button__root[data-size=lg][data-density=compact]{font:var(--font-static-body-sm-bold);gap:var(--spacing-50);height:var(--sizing-100);padding:0 var(--spacing-70)}.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-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)}.qui-button__root[data-variant=ghost][data-emphasis=white-persistent],.qui-button__root[data-variant=outline][data-emphasis=white-persistent]{--button-bg-idle:var(
|
|
21
|
+
)}.qui-inline-icon-button__root:disabled{background:var(--color-utility-disabled-background);color:var(--color-utility-disabled-icon)}.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}.qui-header-bar__root{align-items:center;border-bottom:solid 1px var(--color-border-neutral-01);box-sizing:border-box;display:flex;height:var(--sizing-160);min-width:-moz-fit-content;min-width:fit-content;padding:0 var(--spacing-100);width:100%}.qui-header-bar__root[data-size=lg]{height:72px}.qui-header-bar__root[data-surface=primary]{background:var(--color-surface-primary)}.qui-header-bar__root[data-surface=secondary]{background:var(--color-surface-secondary)}.qui-header-bar__logo{align-items:center;color:var(--color-text-neutral-primary);display:flex;font:var(--font-static-body-sm-bold);gap:var(--spacing-90);margin-right:var(--spacing-90);white-space:nowrap}.qui-header-bar__logo+.qui-header-bar__divider{margin:0 var(--spacing-110) 0 var(--spacing-70)}.qui-header-bar__logo a{color:inherit;text-decoration:none}.qui-header-bar__nav{align-items:center;display:flex;gap:var(--spacing-110);margin-right:var(--spacing-180)}.qui-header-bar__nav-item{align-items:center;background:transparent;border:solid 1px transparent;border-radius:var(--border-radius-xs);box-sizing:border-box;color:var(--color-text-neutral-secondary);display:inline-flex;font:var(--font-static-body-sm-bold);gap:var(--spacing-40);outline:none;padding:0 var(--spacing-20);text-decoration:inherit;transition:background-color var(--animation-duration-faster) ease-out,color var(--animation-duration-faster) ease-out;--icon-color:var(--color-icon-neutral-secondary)}.qui-header-bar__nav-item .qui-icon__root{--icon-size:var(--sizing-70)}.qui-header-bar__nav-item:active,.qui-header-bar__nav-item:hover,.qui-header-bar__nav-item[data-active],.qui-header-bar__nav-item[data-state=open]{color:var(--color-text-neutral-primary);--icon-color:var(--color-icon-neutral-primary)}.qui-header-bar__nav-item:focus-visible{border-color:var(--color-utility-focus-border);outline:solid 1px var(--color-utility-focus-border)}.qui-header-bar__nav-item[data-disabled]{color:var(--color-utility-disabled-text);pointer-events:none;--icon-color:var(--color-utility-disabled-icon)}.qui-header-bar__nav-item .qui-icon__root[data-part=end-icon]{transition:transform var(--animation-duration-faster) ease-out}.qui-header-bar__nav-item[data-state=open] .qui-icon__root[data-part=end-icon]{transform:rotate(180deg)}a.qui-header-bar__nav-item:focus-visible{border-color:var(--color-utility-focus-border);outline:solid 2px var(--color-utility-focus-border);outline-offset:-1px}.qui-header-bar__divider{align-self:center;background:var(--color-border-neutral-01);content:"";height:20px;width:1px}.qui-header-bar__divider+.qui-avatar__root{margin-left:var(--spacing-70)}.qui-header-bar__action-bar{align-items:center;display:flex;gap:var(--spacing-40);margin-left:auto}button{cursor:pointer}button [data-disabled],button:disabled{cursor:initial}[hidden]:where(:not([hidden=until-found])){display:none}.qui-drawer__positioner{display:flex;height:100vh;inset:0;justify-content:flex-start;position:fixed;width:100vw;z-index:var(--z-index-dialog)}.qui-drawer__positioner[data-placement=end]{justify-content:flex-end}.qui-drawer__positioner{--indicator-icon-size:var(--sizing-90)}.qui-drawer__positioner .qui-dialog__indicator-icon{--icon-size:var(--indicator-icon-size)}.qui-drawer__positioner[data-size=md]{--indicator-icon-size:var(--sizing-120)}.qui-drawer__content{background-color:var(--color-surface-overlay);box-shadow:var(--shadow-high);box-sizing:border-box;color:var(--color-text-neutral-primary);display:grid;grid-template-rows:1fr auto;height:100%;margin:0;overflow-y:auto;padding:0;place-items:start;position:relative;width:355px}.qui-drawer__content[hidden]{display:none!important}.qui-drawer__content[data-size=md]{width:580px}.qui-drawer__content[data-placement=end]{border-bottom-left-radius:var(--border-radius-md);border-top-left-radius:var(--border-radius-md)}.qui-drawer__content[data-placement=end][data-state=open]{animation:slide-from-right-full 0.2s ease}.qui-drawer__content[data-placement=end][data-state=closed]{animation:slide-to-right-full 0.25s ease}.qui-drawer__content[data-placement=start]{border-bottom-right-radius:var(--border-radius-md);border-top-right-radius:var(--border-radius-md)}.qui-drawer__content[data-placement=start][data-state=open]{animation:slide-from-left-full 0.2s ease}.qui-drawer__content[data-placement=start][data-state=closed]{animation:slide-to-left-full 0.25s ease}.qui-divider__root{margin:8px 0;outline:none;position:relative;width:100%;--divider-border-color:var(--color-border-neutral-02)}.qui-divider__root[data-variant=subtle]{--divider-border-color:var(--color-border-neutral-01)}.qui-divider__root[data-variant=strong]{--divider-border-color:var(--color-border-neutral-03)}.qui-divider__root:not([aria-orientation=vertical]){border-top:solid 1px var(--divider-border-color);min-width:4px}.qui-divider__root[aria-orientation=vertical]{border-left:solid 1px var(--divider-border-color);height:100%;margin:0 8px;min-height:4px;width:unset}.qui-divider__root[tabindex="-1"]:focus-visible{color:var(--color-utility-focus-border)}.qui-divider__root[tabindex="0"]:focus-visible,.qui-divider__root[tabindex="0"]:hover{border-color:var(--color-utility-focus-border)}.qui-dialog__backdrop{background:rgba(0,0,0,0.2);height:100vh;left:0;overflow:hidden;place-items:center;position:fixed;top:0;width:100vw;z-index:var(--z-index-dialog)}.qui-dialog__backdrop[hidden]{display:none!important}.qui-dialog__positioner{align-items:flex-start;display:flex;height:100dvh;inset:0;justify-content:center;position:fixed;width:100dvw;z-index:var(--z-index-dialog);--indicator-icon-size:var(--sizing-90)}.qui-dialog__positioner .qui-dialog__indicator-icon{--icon-size:var(--indicator-icon-size)}.qui-dialog__positioner[data-size=md]{--indicator-icon-size:var(--sizing-120)}.qui-dialog__positioner[data-scroll-behavior=outside]{overflow:auto;pointer-events:auto}.qui-dialog__positioner[data-placement=top]{align-items:flex-start}.qui-dialog__positioner[data-placement=center]{align-items:center}.qui-dialog__positioner[data-placement=bottom]{align-items:flex-end}.qui-dialog__positioner[data-scroll-behavior=inside]{overflow:hidden}.qui-dialog__content{background-color:var(--color-surface-overlay);border:solid 1px var(--color-border-neutral-01);border-radius:var(--border-radius-md);box-shadow:var(--shadow-high);color:var(--color-text-neutral-primary);display:grid;margin-block:4rem;margin-inline:auto;position:relative;width:375px}.qui-dialog__content[hidden]{display:none!important}.qui-dialog__content[data-size=md]{width:600px}.qui-dialog__content[data-scroll-behavior=inside]{max-height:calc(100% - 7.5rem);overflow-y:auto}.qui-dialog__content[data-state=open]{animation:dialog-fade-in 0.2s ease-in-out}.qui-dialog__content[data-state=closed]{animation:dialog-fade-out 0.25s ease-in-out}.qui-dialog__body{box-sizing:border-box;color:var(--color-text-neutral-primary);display:flex;flex-direction:column;font:var(--font-static-body-xs-default);gap:var(--spacing-90);margin:0;padding:var(--spacing-110);width:100%}.qui-dialog__body[data-size=md]{font:var(--font-static-body-sm-default);gap:var(--spacing-100);padding:var(--spacing-120)}.qui-dialog__heading{color:var(--color-text-neutral-primary);font:var(--font-static-heading-xs-default);margin:0}.qui-dialog__heading[data-size=md]{font:var(--font-static-heading-sm-default)}.qui-dialog__footer{border-top:solid 1px var(--color-border-neutral-01);box-sizing:border-box;display:flex;gap:var(--spacing-80);justify-content:flex-end;padding:var(--spacing-110);width:100%}.qui-dialog__close-button{align-self:flex-start;position:absolute;right:5px;top:5px}.qui-dialog__indicator-icon{--icon-size:20px}.qui-dialog__indicator-icon[data-emphasis=neutral]{color:var(--color-icon-support-neutral)}.qui-dialog__indicator-icon[data-emphasis=info]{color:var(--color-icon-support-info)}.qui-dialog__indicator-icon[data-emphasis=success]{color:var(--color-icon-support-success)}.qui-dialog__indicator-icon[data-emphasis=warning]{color:var(--color-icon-support-warning)}.qui-dialog__indicator-icon[data-emphasis=danger]{color:var(--color-icon-support-danger)}@keyframes dialog-fade-in{0%{opacity:0;scale:0.95}to{opacity:1;scale:1}}@keyframes dialog-fade-out{to{opacity:0;scale:0.95}}.qui-collapsible__content{animation-duration:var(--animation-duration-moderate);overflow:hidden}.qui-collapsible__content[data-ssr]{animation-duration:0ms}.qui-collapsible__content[data-state=closed]{animation-name:collapse-height,fade-out}.qui-collapsible__content[data-state=open]{animation-name:expand-height,fade-in}.qui-checkmark__root[data-scope=tree]{background:var(--color-interactive-background-ghost-idle);cursor:pointer}.qui-checkmark__root[data-scope=tree][data-state=checked],.qui-checkmark__root[data-scope=tree][data-state=indeterminate]{background:var(--color-interactive-background-primary-idle);border-color:var(--color-interactive-background-primary-idle)}.qui-checkmark__root[data-scope=tree][data-state=checked][data-hover],.qui-checkmark__root[data-scope=tree][data-state=indeterminate][data-hover]{background:var(--color-interactive-background-primary-hover);border-color:var(--color-interactive-background-primary-hover)}.qui-checkmark__root[data-scope=tree][data-state=checked][data-disabled],.qui-checkmark__root[data-scope=tree][data-state=indeterminate][data-disabled]{background:var(--color-utility-disabled-background)}.qui-checkmark__root[data-scope=tree][data-disabled]{border-color:var(--color-utility-disabled-border);color:var(--color-utility-disabled-text)}.qui-checkbox__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;width:-moz-fit-content;width:fit-content}.qui-checkbox__root:hover{cursor:pointer}.qui-checkbox__root[data-disabled]{cursor:unset;-webkit-user-select:none;-moz-user-select:none;user-select:none}.qui-checkbox__root:has([data-part=error-text][data-invalid]){row-gap:var(--spacing-70)}.qui-checkbox__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-xs,2px);box-sizing:border-box;color:var(--color-utility-persistent-white);display:inline-flex;justify-content:center;max-height:var(--control-size);max-width:var(--control-size);min-height:var(--control-size);min-width:var(--control-size);--control-size:var(--sizing-70)}.qui-checkbox__control[data-size=md]{--control-size:var(--sizing-80)}.qui-checkbox__control[data-size=lg]{--control-size:var(--sizing-90)}.qui-checkbox__control[data-focus-visible]{border-color:var(--color-interactive-border-neutral-hover);outline:solid 2px var(--color-utility-focus-border);outline-offset:1px}.qui-checkbox__control[data-state=checked],.qui-checkbox__control[data-state=indeterminate]{background:var(--color-interactive-background-primary-idle);border-color:var(--color-interactive-background-primary-idle)}.qui-checkbox__control[data-state=checked][data-hover],.qui-checkbox__control[data-state=indeterminate][data-hover]{background:var(--color-interactive-background-primary-hover);border-color:var(--color-interactive-background-primary-hover)}.qui-checkbox__control[data-state=checked][data-disabled],.qui-checkbox__control[data-state=indeterminate][data-disabled]{background:var(--color-utility-disabled-background);border-color:var(--color-utility-disabled-border);color:var(--color-utility-disabled-text)}.qui-checkbox__control[data-invalid][data-state=unchecked]{border-color:var(--color-interactive-border-danger-idle)}.qui-checkbox__control[data-invalid][data-state=unchecked][data-hover]{border-color:var(--color-interactive-border-danger-hover)}.qui-checkbox__control[data-disabled]{border-color:var(--color-utility-disabled-border)}.qui-checkbox__label{color:var(--color-text-neutral-primary);flex:1;font:var(--font-static-body-xs-default)}.qui-checkbox__label[data-size=md]{font:var(--font-static-body-sm-default)}.qui-checkbox__label[data-size=lg]{font:var(--font-static-body-lg-default)}.qui-checkbox__label[data-disabled]{color:var(--color-utility-disabled-text)}.qui-checkbox__indicator{align-items:center;display:inline-flex}.qui-checkbox__indicator[hidden]{display:none}.qui-checkbox__indicator [data-part=indicator-icon]{vertical-align:middle}.qui-button__root{align-items:center;background:var(--button-bg-idle);background-image:none;border:var(--border-width-sm) solid transparent;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}.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)}.qui-button__root:active{background:var(--button-bg-pressed);color:var(--button-text-pressed)}.qui-button__root[data-disabled]{color:var(--color-utility-disabled-text);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)}.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)}.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)}.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)}.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)}.qui-button__root[data-size=sm]{border-radius:var(--border-radius-sm);font:var(--font-static-body-xs-bold);gap:var(--spacing-40);height:var(--sizing-120);padding:0 var(--spacing-90)}.qui-button__root[data-size=sm][data-density=compact]{height:var(--sizing-80);padding:0 var(--spacing-40)}.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]{border-radius:var(--border-radius-md);font:var(--font-static-body-sm-bold);gap:var(--spacing-70);height:var(--sizing-140);padding:0 var(--spacing-100)}.qui-button__root[data-size=md][data-density=compact]{gap:var(--spacing-40);height:var(--sizing-90);padding:0 var(--spacing-50)}.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]{border-radius:var(--border-radius-md);font:var(--font-static-body-md-bold);gap:var(--spacing-90);height:var(--sizing-160);padding:0 var(--spacing-110)}.qui-button__root[data-size=lg][data-density=compact]{font:var(--font-static-body-sm-bold);gap:var(--spacing-50);height:var(--sizing-100);padding:0 var(--spacing-70)}.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-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)}.qui-button__root[data-variant=ghost][data-emphasis=white-persistent],.qui-button__root[data-variant=outline][data-emphasis=white-persistent]{--button-bg-idle:var(
|
|
22
22
|
--color-interactive-background-persistent-white-ghost-idle
|
|
23
23
|
);--button-bg-hover:var(
|
|
24
24
|
--color-interactive-background-persistent-white-ghost-hover
|
package/dist/icon/icon.api.d.ts
CHANGED
|
@@ -1,5 +1,9 @@
|
|
|
1
1
|
import type { PropNormalizer } from "@qualcomm-ui/utils/machine";
|
|
2
2
|
import type { QdsIconApiProps, QdsIconBindings, QdsIconSize } from "./icon.types";
|
|
3
|
+
/**
|
|
4
|
+
* Returns the size of the icon when it is supplied as a pixel value, or undefined
|
|
5
|
+
* if it is a predefined size.
|
|
6
|
+
*/
|
|
3
7
|
export declare function getIconSize(size: QdsIconSize | null | undefined): string | undefined;
|
|
4
8
|
export declare function getQdsIconBindings(props: QdsIconApiProps, normalize: PropNormalizer): QdsIconBindings;
|
|
5
9
|
//# sourceMappingURL=icon.api.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon.api.d.ts","sourceRoot":"","sources":["../../src/icon/icon.api.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,4BAA4B,CAAA;AAG9D,OAAO,KAAK,EAAC,eAAe,EAAE,eAAe,EAAE,WAAW,EAAC,MAAM,cAAc,CAAA;AAI/E,wBAAgB,WAAW,CACzB,IAAI,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,GACnC,MAAM,GAAG,SAAS,CASpB;AAED,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,eAAe,EACtB,SAAS,EAAE,cAAc,GACxB,eAAe,
|
|
1
|
+
{"version":3,"file":"icon.api.d.ts","sourceRoot":"","sources":["../../src/icon/icon.api.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,4BAA4B,CAAA;AAG9D,OAAO,KAAK,EAAC,eAAe,EAAE,eAAe,EAAE,WAAW,EAAC,MAAM,cAAc,CAAA;AAI/E;;;GAGG;AACH,wBAAgB,WAAW,CACzB,IAAI,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,GACnC,MAAM,GAAG,SAAS,CASpB;AAED,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,eAAe,EACtB,SAAS,EAAE,cAAc,GACxB,eAAe,CAiBjB"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import type { JSX } from "@qualcomm-ui/utils/machine";
|
|
1
2
|
import type { iconClasses } from "./icon.classes";
|
|
2
3
|
export type QdsIconSize = "xs" | "sm" | "md" | "lg" | "xl" | string | number;
|
|
3
4
|
export interface QdsIconApiProps {
|
|
@@ -14,6 +15,7 @@ export interface QdsIconBindings {
|
|
|
14
15
|
stroke: string;
|
|
15
16
|
strokeLinecap: string;
|
|
16
17
|
strokeLinejoin: string;
|
|
18
|
+
style: JSX.CSSProperties;
|
|
17
19
|
viewBox: string;
|
|
18
20
|
xmlns: string;
|
|
19
21
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon.types.d.ts","sourceRoot":"","sources":["../../src/icon/icon.types.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAA;AAE/C,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,MAAM,CAAA;AAE5E,MAAM,WAAW,eAAe;IAC9B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;IACpC,IAAI,CAAC,EAAE,WAAW,GAAG,SAAS,CAAA;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;IACnC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,eAAe;IAC9B,SAAS,EAAE,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAA;IACvC,WAAW,EAAE,MAAM,GAAG,MAAM,CAAA;IAC5B,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,MAAM,CAAA;IACd,aAAa,EAAE,MAAM,CAAA;IACrB,cAAc,EAAE,MAAM,CAAA;IACtB,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;CACd"}
|
|
1
|
+
{"version":3,"file":"icon.types.d.ts","sourceRoot":"","sources":["../../src/icon/icon.types.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,GAAG,EAAC,MAAM,4BAA4B,CAAA;AAEnD,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAA;AAE/C,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,MAAM,CAAA;AAE5E,MAAM,WAAW,eAAe;IAC9B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;IACpC,IAAI,CAAC,EAAE,WAAW,GAAG,SAAS,CAAA;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;IACnC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,eAAe;IAC9B,SAAS,EAAE,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAA;IACvC,WAAW,EAAE,MAAM,GAAG,MAAM,CAAA;IAC5B,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,MAAM,CAAA;IACd,aAAa,EAAE,MAAM,CAAA;IACrB,cAAc,EAAE,MAAM,CAAA;IACtB,KAAK,EAAE,GAAG,CAAC,aAAa,CAAA;IACxB,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;CACd"}
|
package/dist/icon/index.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var r=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var p=Object.prototype.hasOwnProperty;var u=(o,n)=>{for(var e in n)r(o,e,{get:n[e],enumerable:!0})},a=(o,n,e,s)=>{if(n&&typeof n=="object"||typeof n=="function")for(let i of l(n))!p.call(o,i)&&i!==e&&r(o,i,{get:()=>n[i],enumerable:!(s=d(n,i))||s.enumerable});return o};var f=o=>a(r({},"__esModule",{value:!0}),o);var
|
|
1
|
+
"use strict";var r=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var p=Object.prototype.hasOwnProperty;var u=(o,n)=>{for(var e in n)r(o,e,{get:n[e],enumerable:!0})},a=(o,n,e,s)=>{if(n&&typeof n=="object"||typeof n=="function")for(let i of l(n))!p.call(o,i)&&i!==e&&r(o,i,{get:()=>n[i],enumerable:!(s=d(n,i))||s.enumerable});return o};var f=o=>a(r({},"__esModule",{value:!0}),o);var z={};u(z,{getIconSize:()=>m,getQdsIconBindings:()=>g,iconClasses:()=>t});module.exports=f(z);var c=require("@qualcomm-ui/utils/coercion");var t={root:"qui-icon__root"};var x=new Set(["xs","sm","md","lg","xl"]);function m(o){if(o)return x.has(o)?void 0:(0,c.coercePixelProperty)(o)}function g(o,n){let e=m(o.size);return n.element({className:t.root,"data-size":e??(o.size||"md"),fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",style:e?{"--icon-size":e}:{},viewBox:o.viewBox||"0 0 24 24",xmlns:o.xmlns||"http://www.w3.org/2000/svg"})}
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
package/dist/icon/index.cjs.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/icon/index.ts", "../../src/icon/icon.api.ts", "../../src/icon/icon.classes.ts"],
|
|
4
|
-
"sourcesContent": ["export * from \"./icon.api\"\nexport * from \"./icon.classes\"\nexport type * from \"./icon.types\"\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {coercePixelProperty} from \"@qualcomm-ui/utils/coercion\"\nimport type {PropNormalizer} from \"@qualcomm-ui/utils/machine\"\n\nimport {iconClasses} from \"./icon.classes\"\nimport type {QdsIconApiProps, QdsIconBindings, QdsIconSize} from \"./icon.types\"\n\nconst qdsIconSizes = new Set<string>([\"xs\", \"sm\", \"md\", \"lg\", \"xl\"])\n\nexport function getIconSize(\n size: QdsIconSize | null | undefined,\n): string | undefined {\n if (!size) {\n return\n }\n // the raw size is determined by CSS\n return qdsIconSizes.has(size as string)\n ? // handled by CSS\n undefined\n : coercePixelProperty(size)\n}\n\nexport function getQdsIconBindings(\n props: QdsIconApiProps,\n normalize: PropNormalizer,\n): QdsIconBindings {\n const iconSize = getIconSize(props.size)\n return normalize.element({\n className: iconClasses.root,\n \"data-size\": iconSize ?? (props.size || \"md\"),\n fill: \"none\",\n stroke: \"currentColor\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n viewBox: props.viewBox || \"0 0 24 24\",\n xmlns: props.xmlns || \"http://www.w3.org/2000/svg\",\n })\n}\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const iconClasses = {\n root: \"qui-icon__root\",\n} as const\n"],
|
|
5
|
-
"mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,iBAAAE,EAAA,uBAAAC,EAAA,gBAAAC,IAAA,eAAAC,EAAAL,GCGA,IAAAM,EAAkC,uCCA3B,IAAMC,EAAc,CACzB,KAAM,gBACR,EDIA,IAAMC,EAAe,IAAI,IAAY,CAAC,KAAM,KAAM,KAAM,KAAM,IAAI,CAAC,
|
|
4
|
+
"sourcesContent": ["export * from \"./icon.api\"\nexport * from \"./icon.classes\"\nexport type * from \"./icon.types\"\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {coercePixelProperty} from \"@qualcomm-ui/utils/coercion\"\nimport type {PropNormalizer} from \"@qualcomm-ui/utils/machine\"\n\nimport {iconClasses} from \"./icon.classes\"\nimport type {QdsIconApiProps, QdsIconBindings, QdsIconSize} from \"./icon.types\"\n\nconst qdsIconSizes = new Set<string>([\"xs\", \"sm\", \"md\", \"lg\", \"xl\"])\n\n/**\n * Returns the size of the icon when it is supplied as a pixel value, or undefined\n * if it is a predefined size.\n */\nexport function getIconSize(\n size: QdsIconSize | null | undefined,\n): string | undefined {\n if (!size) {\n return\n }\n // the raw size is determined by CSS\n return qdsIconSizes.has(size as string)\n ? // handled by CSS\n undefined\n : coercePixelProperty(size)\n}\n\nexport function getQdsIconBindings(\n props: QdsIconApiProps,\n normalize: PropNormalizer,\n): QdsIconBindings {\n const iconSize = getIconSize(props.size)\n return normalize.element({\n className: iconClasses.root,\n \"data-size\": iconSize ?? (props.size || \"md\"),\n fill: \"none\",\n stroke: \"currentColor\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n style: iconSize\n ? {\n \"--icon-size\": iconSize,\n }\n : {},\n viewBox: props.viewBox || \"0 0 24 24\",\n xmlns: props.xmlns || \"http://www.w3.org/2000/svg\",\n })\n}\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const iconClasses = {\n root: \"qui-icon__root\",\n} as const\n"],
|
|
5
|
+
"mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,iBAAAE,EAAA,uBAAAC,EAAA,gBAAAC,IAAA,eAAAC,EAAAL,GCGA,IAAAM,EAAkC,uCCA3B,IAAMC,EAAc,CACzB,KAAM,gBACR,EDIA,IAAMC,EAAe,IAAI,IAAY,CAAC,KAAM,KAAM,KAAM,KAAM,IAAI,CAAC,EAM5D,SAASC,EACdC,EACoB,CACpB,GAAKA,EAIL,OAAOF,EAAa,IAAIE,CAAc,EAElC,UACA,uBAAoBA,CAAI,CAC9B,CAEO,SAASC,EACdC,EACAC,EACiB,CACjB,IAAMC,EAAWL,EAAYG,EAAM,IAAI,EACvC,OAAOC,EAAU,QAAQ,CACvB,UAAWE,EAAY,KACvB,YAAaD,IAAaF,EAAM,MAAQ,MACxC,KAAM,OACN,OAAQ,eACR,cAAe,QACf,eAAgB,QAChB,MAAOE,EACH,CACE,cAAeA,CACjB,EACA,CAAC,EACL,QAASF,EAAM,SAAW,YAC1B,MAAOA,EAAM,OAAS,4BACxB,CAAC,CACH",
|
|
6
6
|
"names": ["icon_exports", "__export", "getIconSize", "getQdsIconBindings", "iconClasses", "__toCommonJS", "import_coercion", "iconClasses", "qdsIconSizes", "getIconSize", "size", "getQdsIconBindings", "props", "normalize", "iconSize", "iconClasses"]
|
|
7
7
|
}
|
package/dist/icon/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{coercePixelProperty as r}from"@qualcomm-ui/utils/coercion";var
|
|
1
|
+
import{coercePixelProperty as r}from"@qualcomm-ui/utils/coercion";var e={root:"qui-icon__root"};var t=new Set(["xs","sm","md","lg","xl"]);function s(o){if(o)return t.has(o)?void 0:r(o)}function l(o,i){let n=s(o.size);return i.element({className:e.root,"data-size":n??(o.size||"md"),fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",style:n?{"--icon-size":n}:{},viewBox:o.viewBox||"0 0 24 24",xmlns:o.xmlns||"http://www.w3.org/2000/svg"})}export{s as getIconSize,l as getQdsIconBindings,e as iconClasses};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/dist/icon/index.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/icon/icon.api.ts", "../../src/icon/icon.classes.ts"],
|
|
4
|
-
"sourcesContent": ["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {coercePixelProperty} from \"@qualcomm-ui/utils/coercion\"\nimport type {PropNormalizer} from \"@qualcomm-ui/utils/machine\"\n\nimport {iconClasses} from \"./icon.classes\"\nimport type {QdsIconApiProps, QdsIconBindings, QdsIconSize} from \"./icon.types\"\n\nconst qdsIconSizes = new Set<string>([\"xs\", \"sm\", \"md\", \"lg\", \"xl\"])\n\nexport function getIconSize(\n size: QdsIconSize | null | undefined,\n): string | undefined {\n if (!size) {\n return\n }\n // the raw size is determined by CSS\n return qdsIconSizes.has(size as string)\n ? // handled by CSS\n undefined\n : coercePixelProperty(size)\n}\n\nexport function getQdsIconBindings(\n props: QdsIconApiProps,\n normalize: PropNormalizer,\n): QdsIconBindings {\n const iconSize = getIconSize(props.size)\n return normalize.element({\n className: iconClasses.root,\n \"data-size\": iconSize ?? (props.size || \"md\"),\n fill: \"none\",\n stroke: \"currentColor\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n viewBox: props.viewBox || \"0 0 24 24\",\n xmlns: props.xmlns || \"http://www.w3.org/2000/svg\",\n })\n}\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const iconClasses = {\n root: \"qui-icon__root\",\n} as const\n"],
|
|
5
|
-
"mappings": "AAGA,OAAQ,uBAAAA,MAA0B,8BCA3B,IAAMC,EAAc,CACzB,KAAM,gBACR,EDIA,IAAMC,EAAe,IAAI,IAAY,CAAC,KAAM,KAAM,KAAM,KAAM,IAAI,CAAC,
|
|
4
|
+
"sourcesContent": ["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {coercePixelProperty} from \"@qualcomm-ui/utils/coercion\"\nimport type {PropNormalizer} from \"@qualcomm-ui/utils/machine\"\n\nimport {iconClasses} from \"./icon.classes\"\nimport type {QdsIconApiProps, QdsIconBindings, QdsIconSize} from \"./icon.types\"\n\nconst qdsIconSizes = new Set<string>([\"xs\", \"sm\", \"md\", \"lg\", \"xl\"])\n\n/**\n * Returns the size of the icon when it is supplied as a pixel value, or undefined\n * if it is a predefined size.\n */\nexport function getIconSize(\n size: QdsIconSize | null | undefined,\n): string | undefined {\n if (!size) {\n return\n }\n // the raw size is determined by CSS\n return qdsIconSizes.has(size as string)\n ? // handled by CSS\n undefined\n : coercePixelProperty(size)\n}\n\nexport function getQdsIconBindings(\n props: QdsIconApiProps,\n normalize: PropNormalizer,\n): QdsIconBindings {\n const iconSize = getIconSize(props.size)\n return normalize.element({\n className: iconClasses.root,\n \"data-size\": iconSize ?? (props.size || \"md\"),\n fill: \"none\",\n stroke: \"currentColor\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n style: iconSize\n ? {\n \"--icon-size\": iconSize,\n }\n : {},\n viewBox: props.viewBox || \"0 0 24 24\",\n xmlns: props.xmlns || \"http://www.w3.org/2000/svg\",\n })\n}\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const iconClasses = {\n root: \"qui-icon__root\",\n} as const\n"],
|
|
5
|
+
"mappings": "AAGA,OAAQ,uBAAAA,MAA0B,8BCA3B,IAAMC,EAAc,CACzB,KAAM,gBACR,EDIA,IAAMC,EAAe,IAAI,IAAY,CAAC,KAAM,KAAM,KAAM,KAAM,IAAI,CAAC,EAM5D,SAASC,EACdC,EACoB,CACpB,GAAKA,EAIL,OAAOF,EAAa,IAAIE,CAAc,EAElC,OACAC,EAAoBD,CAAI,CAC9B,CAEO,SAASE,EACdC,EACAC,EACiB,CACjB,IAAMC,EAAWN,EAAYI,EAAM,IAAI,EACvC,OAAOC,EAAU,QAAQ,CACvB,UAAWE,EAAY,KACvB,YAAaD,IAAaF,EAAM,MAAQ,MACxC,KAAM,OACN,OAAQ,eACR,cAAe,QACf,eAAgB,QAChB,MAAOE,EACH,CACE,cAAeA,CACjB,EACA,CAAC,EACL,QAASF,EAAM,SAAW,YAC1B,MAAOA,EAAM,OAAS,4BACxB,CAAC,CACH",
|
|
6
6
|
"names": ["coercePixelProperty", "iconClasses", "qdsIconSizes", "getIconSize", "size", "coercePixelProperty", "getQdsIconBindings", "props", "normalize", "iconSize", "iconClasses"]
|
|
7
7
|
}
|