@qualcomm-ui/qds-core 1.16.0 → 1.17.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/alert-banner/alert-banner.api.d.ts +5 -0
- package/dist/alert-banner/alert-banner.api.d.ts.map +1 -0
- package/dist/alert-banner/alert-banner.classes.d.ts +9 -0
- package/dist/alert-banner/alert-banner.classes.d.ts.map +1 -0
- package/dist/alert-banner/alert-banner.types.d.ts +68 -0
- package/dist/alert-banner/alert-banner.types.d.ts.map +1 -0
- package/dist/alert-banner/index.cjs +2 -0
- package/dist/alert-banner/index.cjs.map +7 -0
- package/dist/alert-banner/index.d.ts +4 -0
- package/dist/alert-banner/index.d.ts.map +1 -0
- package/dist/alert-banner/index.js +2 -0
- package/dist/alert-banner/index.js.map +7 -0
- package/dist/alert-banner/qds-alert-banner.css +1 -0
- package/dist/avatar/avatar.types.d.ts +12 -4
- package/dist/avatar/avatar.types.d.ts.map +1 -1
- package/dist/avatar/index.cjs +1 -1
- package/dist/avatar/index.cjs.map +3 -3
- package/dist/avatar/index.js +1 -1
- package/dist/avatar/index.js.map +3 -3
- package/dist/avatar/qds-avatar.css +1 -1
- package/dist/components.min.css +4 -4
- package/dist/select/index.cjs +1 -1
- package/dist/select/index.cjs.map +3 -3
- package/dist/select/index.js +1 -1
- package/dist/select/index.js.map +3 -3
- package/dist/select/qds-select.css +1 -1
- package/dist/select/select.api.d.ts.map +1 -1
- package/dist/select/select.types.d.ts +11 -0
- package/dist/select/select.types.d.ts.map +1 -1
- package/dist/tsbuildinfo +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { Explicit } from "@qualcomm-ui/utils/guard";
|
|
2
|
+
import type { PropNormalizer } from "@qualcomm-ui/utils/machine";
|
|
3
|
+
import type { QdsAlertBannerApi, QdsAlertBannerApiProps } from "./alert-banner.types";
|
|
4
|
+
export declare function createQdsAlertBannerApi(props: Explicit<QdsAlertBannerApiProps>, normalize: PropNormalizer): QdsAlertBannerApi;
|
|
5
|
+
//# sourceMappingURL=alert-banner.api.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"alert-banner.api.d.ts","sourceRoot":"","sources":["../../src/alert-banner/alert-banner.api.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,0BAA0B,CAAA;AACtD,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,4BAA4B,CAAA;AAG9D,OAAO,KAAK,EAEV,iBAAiB,EACjB,sBAAsB,EAOvB,MAAM,sBAAsB,CAAA;AAE7B,wBAAgB,uBAAuB,CACrC,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,EACvC,SAAS,EAAE,cAAc,GACxB,iBAAiB,CAmEnB"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export declare const alertBannerClasses: {
|
|
2
|
+
readonly action: "qui-alert-banner__action";
|
|
3
|
+
readonly closeButton: "qui-alert-banner__close-button";
|
|
4
|
+
readonly description: "qui-alert-banner__description";
|
|
5
|
+
readonly heading: "qui-alert-banner__heading";
|
|
6
|
+
readonly icon: "qui-alert-banner__icon";
|
|
7
|
+
readonly root: "qui-alert-banner__root";
|
|
8
|
+
};
|
|
9
|
+
//# sourceMappingURL=alert-banner.classes.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"alert-banner.classes.d.ts","sourceRoot":"","sources":["../../src/alert-banner/alert-banner.classes.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,kBAAkB;;;;;;;CAOrB,CAAA"}
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
import type { DirectionProperty } from "@qualcomm-ui/utils/direction";
|
|
2
|
+
import type { alertBannerClasses } from "./alert-banner.classes";
|
|
3
|
+
export type QdsAlertBannerEmphasis = "info" | "success" | "warning" | "danger" | "neutral";
|
|
4
|
+
export type QdsAlertBannerVariant = "strong" | "subtle";
|
|
5
|
+
export interface QdsAlertBannerApiProps extends DirectionProperty {
|
|
6
|
+
/**
|
|
7
|
+
* Accessible label for the close button.
|
|
8
|
+
*
|
|
9
|
+
* @default 'Close'
|
|
10
|
+
*/
|
|
11
|
+
closeButtonAriaLabel?: string;
|
|
12
|
+
/**
|
|
13
|
+
* Governs the color of the banner and its icon.
|
|
14
|
+
*
|
|
15
|
+
* @default 'info'
|
|
16
|
+
*/
|
|
17
|
+
emphasis?: QdsAlertBannerEmphasis;
|
|
18
|
+
/**
|
|
19
|
+
* The visual style of the banner.
|
|
20
|
+
*
|
|
21
|
+
* @default 'strong'
|
|
22
|
+
*/
|
|
23
|
+
variant?: QdsAlertBannerVariant;
|
|
24
|
+
}
|
|
25
|
+
type AlertBannerClasses = typeof alertBannerClasses;
|
|
26
|
+
export interface QdsAlertBannerCommonBindings {
|
|
27
|
+
"data-scope": "alert-banner";
|
|
28
|
+
}
|
|
29
|
+
export interface QdsAlertBannerRootBindings extends QdsAlertBannerCommonBindings, Required<DirectionProperty> {
|
|
30
|
+
className: AlertBannerClasses["root"];
|
|
31
|
+
"data-emphasis": QdsAlertBannerEmphasis;
|
|
32
|
+
"data-part": "root";
|
|
33
|
+
"data-variant": QdsAlertBannerVariant;
|
|
34
|
+
role: "alert" | "status";
|
|
35
|
+
}
|
|
36
|
+
export interface QdsAlertBannerIconBindings extends QdsAlertBannerCommonBindings {
|
|
37
|
+
className: AlertBannerClasses["icon"];
|
|
38
|
+
"data-part": "status-icon";
|
|
39
|
+
}
|
|
40
|
+
export interface QdsAlertBannerHeadingBindings extends QdsAlertBannerCommonBindings {
|
|
41
|
+
className: AlertBannerClasses["heading"];
|
|
42
|
+
"data-part": "heading";
|
|
43
|
+
}
|
|
44
|
+
export interface QdsAlertBannerDescriptionBindings extends QdsAlertBannerCommonBindings {
|
|
45
|
+
className: AlertBannerClasses["description"];
|
|
46
|
+
"data-part": "description";
|
|
47
|
+
}
|
|
48
|
+
export interface QdsAlertBannerActionBindings extends QdsAlertBannerCommonBindings {
|
|
49
|
+
className: AlertBannerClasses["action"];
|
|
50
|
+
"data-part": "action";
|
|
51
|
+
}
|
|
52
|
+
export interface QdsAlertBannerCloseButtonBindings extends QdsAlertBannerCommonBindings {
|
|
53
|
+
"aria-label": string;
|
|
54
|
+
className: AlertBannerClasses["closeButton"];
|
|
55
|
+
"data-part": "close-button";
|
|
56
|
+
}
|
|
57
|
+
export interface QdsAlertBannerApi {
|
|
58
|
+
emphasis: QdsAlertBannerEmphasis;
|
|
59
|
+
variant: QdsAlertBannerVariant;
|
|
60
|
+
getActionBindings(): QdsAlertBannerActionBindings;
|
|
61
|
+
getCloseButtonBindings(): QdsAlertBannerCloseButtonBindings;
|
|
62
|
+
getDescriptionBindings(): QdsAlertBannerDescriptionBindings;
|
|
63
|
+
getHeadingBindings(): QdsAlertBannerHeadingBindings;
|
|
64
|
+
getIconBindings(): QdsAlertBannerIconBindings;
|
|
65
|
+
getRootBindings(): QdsAlertBannerRootBindings;
|
|
66
|
+
}
|
|
67
|
+
export {};
|
|
68
|
+
//# sourceMappingURL=alert-banner.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"alert-banner.types.d.ts","sourceRoot":"","sources":["../../src/alert-banner/alert-banner.types.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,8BAA8B,CAAA;AAEnE,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,wBAAwB,CAAA;AAE9D,MAAM,MAAM,sBAAsB,GAC9B,MAAM,GACN,SAAS,GACT,SAAS,GACT,QAAQ,GACR,SAAS,CAAA;AAEb,MAAM,MAAM,qBAAqB,GAAG,QAAQ,GAAG,QAAQ,CAAA;AAEvD,MAAM,WAAW,sBAAuB,SAAQ,iBAAiB;IAC/D;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAE7B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,sBAAsB,CAAA;IAEjC;;;;OAIG;IACH,OAAO,CAAC,EAAE,qBAAqB,CAAA;CAChC;AAED,KAAK,kBAAkB,GAAG,OAAO,kBAAkB,CAAA;AAEnD,MAAM,WAAW,4BAA4B;IAC3C,YAAY,EAAE,cAAc,CAAA;CAC7B;AAED,MAAM,WAAW,0BACf,SAAQ,4BAA4B,EAClC,QAAQ,CAAC,iBAAiB,CAAC;IAC7B,SAAS,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAA;IACrC,eAAe,EAAE,sBAAsB,CAAA;IACvC,WAAW,EAAE,MAAM,CAAA;IACnB,cAAc,EAAE,qBAAqB,CAAA;IACrC,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAA;CACzB;AAED,MAAM,WAAW,0BACf,SAAQ,4BAA4B;IACpC,SAAS,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAA;IACrC,WAAW,EAAE,aAAa,CAAA;CAC3B;AAED,MAAM,WAAW,6BACf,SAAQ,4BAA4B;IACpC,SAAS,EAAE,kBAAkB,CAAC,SAAS,CAAC,CAAA;IACxC,WAAW,EAAE,SAAS,CAAA;CACvB;AAED,MAAM,WAAW,iCACf,SAAQ,4BAA4B;IACpC,SAAS,EAAE,kBAAkB,CAAC,aAAa,CAAC,CAAA;IAC5C,WAAW,EAAE,aAAa,CAAA;CAC3B;AAED,MAAM,WAAW,4BACf,SAAQ,4BAA4B;IACpC,SAAS,EAAE,kBAAkB,CAAC,QAAQ,CAAC,CAAA;IACvC,WAAW,EAAE,QAAQ,CAAA;CACtB;AAED,MAAM,WAAW,iCACf,SAAQ,4BAA4B;IACpC,YAAY,EAAE,MAAM,CAAA;IACpB,SAAS,EAAE,kBAAkB,CAAC,aAAa,CAAC,CAAA;IAC5C,WAAW,EAAE,cAAc,CAAA;CAC5B;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,sBAAsB,CAAA;IAChC,OAAO,EAAE,qBAAqB,CAAA;IAG9B,iBAAiB,IAAI,4BAA4B,CAAA;IACjD,sBAAsB,IAAI,iCAAiC,CAAA;IAC3D,sBAAsB,IAAI,iCAAiC,CAAA;IAC3D,kBAAkB,IAAI,6BAA6B,CAAA;IACnD,eAAe,IAAI,0BAA0B,CAAA;IAC7C,eAAe,IAAI,0BAA0B,CAAA;CAC9C"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";var o=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var B=Object.prototype.hasOwnProperty;var c=(e,n)=>{for(var a in n)o(e,a,{get:n[a],enumerable:!0})},g=(e,n,a,i)=>{if(n&&typeof n=="object"||typeof n=="function")for(let t of l(n))!B.call(e,t)&&t!==a&&o(e,t,{get:()=>n[t],enumerable:!(i=d(n,t))||i.enumerable});return e};var p=e=>g(o({},"__esModule",{value:!0}),e);var u={};c(u,{alertBannerClasses:()=>r,createQdsAlertBannerApi:()=>m});module.exports=p(u);var r={action:"qui-alert-banner__action",closeButton:"qui-alert-banner__close-button",description:"qui-alert-banner__description",heading:"qui-alert-banner__heading",icon:"qui-alert-banner__icon",root:"qui-alert-banner__root"};function m(e,n){let a=e.closeButtonAriaLabel||"Close",i=e.emphasis||"info",t=e.variant||"strong",s={"data-scope":"alert-banner"};return{emphasis:i,variant:t,getActionBindings(){return n.element({...s,className:r.action,"data-part":"action"})},getCloseButtonBindings(){return n.element({...s,"aria-label":a,className:r.closeButton,"data-part":"close-button"})},getDescriptionBindings(){return n.element({...s,className:r.description,"data-part":"description"})},getHeadingBindings(){return n.element({...s,className:r.heading,"data-part":"heading"})},getIconBindings(){return n.element({...s,className:r.icon,"data-part":"status-icon"})},getRootBindings(){return n.element({...s,className:r.root,"data-emphasis":i,"data-part":"root","data-variant":t,dir:e.dir||"ltr",role:i==="danger"?"alert":"status"})}}}
|
|
2
|
+
//# sourceMappingURL=index.cjs.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/alert-banner/index.ts", "../../src/alert-banner/alert-banner.classes.ts", "../../src/alert-banner/alert-banner.api.ts"],
|
|
4
|
+
"sourcesContent": ["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport * from \"./alert-banner.api\"\nexport * from \"./alert-banner.classes\"\nexport type * from \"./alert-banner.types\"\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const alertBannerClasses = {\n action: \"qui-alert-banner__action\",\n closeButton: \"qui-alert-banner__close-button\",\n description: \"qui-alert-banner__description\",\n heading: \"qui-alert-banner__heading\",\n icon: \"qui-alert-banner__icon\",\n root: \"qui-alert-banner__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 {Explicit} from \"@qualcomm-ui/utils/guard\"\nimport type {PropNormalizer} from \"@qualcomm-ui/utils/machine\"\n\nimport {alertBannerClasses} from \"./alert-banner.classes\"\nimport type {\n QdsAlertBannerActionBindings,\n QdsAlertBannerApi,\n QdsAlertBannerApiProps,\n QdsAlertBannerCloseButtonBindings,\n QdsAlertBannerCommonBindings,\n QdsAlertBannerDescriptionBindings,\n QdsAlertBannerHeadingBindings,\n QdsAlertBannerIconBindings,\n QdsAlertBannerRootBindings,\n} from \"./alert-banner.types\"\n\nexport function createQdsAlertBannerApi(\n props: Explicit<QdsAlertBannerApiProps>,\n normalize: PropNormalizer,\n): QdsAlertBannerApi {\n const closeButtonAriaLabel = props.closeButtonAriaLabel || \"Close\"\n const emphasis = props.emphasis || \"info\"\n const variant = props.variant || \"strong\"\n\n const commonBindings: QdsAlertBannerCommonBindings = {\n \"data-scope\": \"alert-banner\",\n }\n\n return {\n emphasis,\n variant,\n\n // group: bindings\n getActionBindings(): QdsAlertBannerActionBindings {\n return normalize.element({\n ...commonBindings,\n className: alertBannerClasses.action,\n \"data-part\": \"action\",\n })\n },\n\n getCloseButtonBindings(): QdsAlertBannerCloseButtonBindings {\n return normalize.element({\n ...commonBindings,\n \"aria-label\": closeButtonAriaLabel,\n className: alertBannerClasses.closeButton,\n \"data-part\": \"close-button\",\n })\n },\n\n getDescriptionBindings(): QdsAlertBannerDescriptionBindings {\n return normalize.element({\n ...commonBindings,\n className: alertBannerClasses.description,\n \"data-part\": \"description\",\n })\n },\n\n getHeadingBindings(): QdsAlertBannerHeadingBindings {\n return normalize.element({\n ...commonBindings,\n className: alertBannerClasses.heading,\n \"data-part\": \"heading\",\n })\n },\n\n getIconBindings(): QdsAlertBannerIconBindings {\n return normalize.element({\n ...commonBindings,\n className: alertBannerClasses.icon,\n \"data-part\": \"status-icon\",\n })\n },\n\n getRootBindings(): QdsAlertBannerRootBindings {\n return normalize.element({\n ...commonBindings,\n className: alertBannerClasses.root,\n \"data-emphasis\": emphasis,\n \"data-part\": \"root\",\n \"data-variant\": variant,\n dir: props.dir || \"ltr\",\n role: emphasis === \"danger\" ? \"alert\" : \"status\",\n })\n },\n }\n}\n"],
|
|
5
|
+
"mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,wBAAAE,EAAA,4BAAAC,IAAA,eAAAC,EAAAJ,GCGO,IAAMK,EAAqB,CAChC,OAAQ,2BACR,YAAa,iCACb,YAAa,gCACb,QAAS,4BACT,KAAM,yBACN,KAAM,wBACR,ECSO,SAASC,EACdC,EACAC,EACmB,CACnB,IAAMC,EAAuBF,EAAM,sBAAwB,QACrDG,EAAWH,EAAM,UAAY,OAC7BI,EAAUJ,EAAM,SAAW,SAE3BK,EAA+C,CACnD,aAAc,cAChB,EAEA,MAAO,CACL,SAAAF,EACA,QAAAC,EAGA,mBAAkD,CAChD,OAAOH,EAAU,QAAQ,CACvB,GAAGI,EACH,UAAWC,EAAmB,OAC9B,YAAa,QACf,CAAC,CACH,EAEA,wBAA4D,CAC1D,OAAOL,EAAU,QAAQ,CACvB,GAAGI,EACH,aAAcH,EACd,UAAWI,EAAmB,YAC9B,YAAa,cACf,CAAC,CACH,EAEA,wBAA4D,CAC1D,OAAOL,EAAU,QAAQ,CACvB,GAAGI,EACH,UAAWC,EAAmB,YAC9B,YAAa,aACf,CAAC,CACH,EAEA,oBAAoD,CAClD,OAAOL,EAAU,QAAQ,CACvB,GAAGI,EACH,UAAWC,EAAmB,QAC9B,YAAa,SACf,CAAC,CACH,EAEA,iBAA8C,CAC5C,OAAOL,EAAU,QAAQ,CACvB,GAAGI,EACH,UAAWC,EAAmB,KAC9B,YAAa,aACf,CAAC,CACH,EAEA,iBAA8C,CAC5C,OAAOL,EAAU,QAAQ,CACvB,GAAGI,EACH,UAAWC,EAAmB,KAC9B,gBAAiBH,EACjB,YAAa,OACb,eAAgBC,EAChB,IAAKJ,EAAM,KAAO,MAClB,KAAMG,IAAa,SAAW,QAAU,QAC1C,CAAC,CACH,CACF,CACF",
|
|
6
|
+
"names": ["alert_banner_exports", "__export", "alertBannerClasses", "createQdsAlertBannerApi", "__toCommonJS", "alertBannerClasses", "createQdsAlertBannerApi", "props", "normalize", "closeButtonAriaLabel", "emphasis", "variant", "commonBindings", "alertBannerClasses"]
|
|
7
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/alert-banner/index.ts"],"names":[],"mappings":"AAGA,cAAc,oBAAoB,CAAA;AAClC,cAAc,wBAAwB,CAAA;AACtC,mBAAmB,sBAAsB,CAAA"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
var n={action:"qui-alert-banner__action",closeButton:"qui-alert-banner__close-button",description:"qui-alert-banner__description",heading:"qui-alert-banner__heading",icon:"qui-alert-banner__icon",root:"qui-alert-banner__root"};function l(r,e){let s=r.closeButtonAriaLabel||"Close",a=r.emphasis||"info",i=r.variant||"strong",t={"data-scope":"alert-banner"};return{emphasis:a,variant:i,getActionBindings(){return e.element({...t,className:n.action,"data-part":"action"})},getCloseButtonBindings(){return e.element({...t,"aria-label":s,className:n.closeButton,"data-part":"close-button"})},getDescriptionBindings(){return e.element({...t,className:n.description,"data-part":"description"})},getHeadingBindings(){return e.element({...t,className:n.heading,"data-part":"heading"})},getIconBindings(){return e.element({...t,className:n.icon,"data-part":"status-icon"})},getRootBindings(){return e.element({...t,className:n.root,"data-emphasis":a,"data-part":"root","data-variant":i,dir:r.dir||"ltr",role:a==="danger"?"alert":"status"})}}}export{n as alertBannerClasses,l as createQdsAlertBannerApi};
|
|
2
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/alert-banner/alert-banner.classes.ts", "../../src/alert-banner/alert-banner.api.ts"],
|
|
4
|
+
"sourcesContent": ["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const alertBannerClasses = {\n action: \"qui-alert-banner__action\",\n closeButton: \"qui-alert-banner__close-button\",\n description: \"qui-alert-banner__description\",\n heading: \"qui-alert-banner__heading\",\n icon: \"qui-alert-banner__icon\",\n root: \"qui-alert-banner__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 {Explicit} from \"@qualcomm-ui/utils/guard\"\nimport type {PropNormalizer} from \"@qualcomm-ui/utils/machine\"\n\nimport {alertBannerClasses} from \"./alert-banner.classes\"\nimport type {\n QdsAlertBannerActionBindings,\n QdsAlertBannerApi,\n QdsAlertBannerApiProps,\n QdsAlertBannerCloseButtonBindings,\n QdsAlertBannerCommonBindings,\n QdsAlertBannerDescriptionBindings,\n QdsAlertBannerHeadingBindings,\n QdsAlertBannerIconBindings,\n QdsAlertBannerRootBindings,\n} from \"./alert-banner.types\"\n\nexport function createQdsAlertBannerApi(\n props: Explicit<QdsAlertBannerApiProps>,\n normalize: PropNormalizer,\n): QdsAlertBannerApi {\n const closeButtonAriaLabel = props.closeButtonAriaLabel || \"Close\"\n const emphasis = props.emphasis || \"info\"\n const variant = props.variant || \"strong\"\n\n const commonBindings: QdsAlertBannerCommonBindings = {\n \"data-scope\": \"alert-banner\",\n }\n\n return {\n emphasis,\n variant,\n\n // group: bindings\n getActionBindings(): QdsAlertBannerActionBindings {\n return normalize.element({\n ...commonBindings,\n className: alertBannerClasses.action,\n \"data-part\": \"action\",\n })\n },\n\n getCloseButtonBindings(): QdsAlertBannerCloseButtonBindings {\n return normalize.element({\n ...commonBindings,\n \"aria-label\": closeButtonAriaLabel,\n className: alertBannerClasses.closeButton,\n \"data-part\": \"close-button\",\n })\n },\n\n getDescriptionBindings(): QdsAlertBannerDescriptionBindings {\n return normalize.element({\n ...commonBindings,\n className: alertBannerClasses.description,\n \"data-part\": \"description\",\n })\n },\n\n getHeadingBindings(): QdsAlertBannerHeadingBindings {\n return normalize.element({\n ...commonBindings,\n className: alertBannerClasses.heading,\n \"data-part\": \"heading\",\n })\n },\n\n getIconBindings(): QdsAlertBannerIconBindings {\n return normalize.element({\n ...commonBindings,\n className: alertBannerClasses.icon,\n \"data-part\": \"status-icon\",\n })\n },\n\n getRootBindings(): QdsAlertBannerRootBindings {\n return normalize.element({\n ...commonBindings,\n className: alertBannerClasses.root,\n \"data-emphasis\": emphasis,\n \"data-part\": \"root\",\n \"data-variant\": variant,\n dir: props.dir || \"ltr\",\n role: emphasis === \"danger\" ? \"alert\" : \"status\",\n })\n },\n }\n}\n"],
|
|
5
|
+
"mappings": "AAGO,IAAMA,EAAqB,CAChC,OAAQ,2BACR,YAAa,iCACb,YAAa,gCACb,QAAS,4BACT,KAAM,yBACN,KAAM,wBACR,ECSO,SAASC,EACdC,EACAC,EACmB,CACnB,IAAMC,EAAuBF,EAAM,sBAAwB,QACrDG,EAAWH,EAAM,UAAY,OAC7BI,EAAUJ,EAAM,SAAW,SAE3BK,EAA+C,CACnD,aAAc,cAChB,EAEA,MAAO,CACL,SAAAF,EACA,QAAAC,EAGA,mBAAkD,CAChD,OAAOH,EAAU,QAAQ,CACvB,GAAGI,EACH,UAAWC,EAAmB,OAC9B,YAAa,QACf,CAAC,CACH,EAEA,wBAA4D,CAC1D,OAAOL,EAAU,QAAQ,CACvB,GAAGI,EACH,aAAcH,EACd,UAAWI,EAAmB,YAC9B,YAAa,cACf,CAAC,CACH,EAEA,wBAA4D,CAC1D,OAAOL,EAAU,QAAQ,CACvB,GAAGI,EACH,UAAWC,EAAmB,YAC9B,YAAa,aACf,CAAC,CACH,EAEA,oBAAoD,CAClD,OAAOL,EAAU,QAAQ,CACvB,GAAGI,EACH,UAAWC,EAAmB,QAC9B,YAAa,SACf,CAAC,CACH,EAEA,iBAA8C,CAC5C,OAAOL,EAAU,QAAQ,CACvB,GAAGI,EACH,UAAWC,EAAmB,KAC9B,YAAa,aACf,CAAC,CACH,EAEA,iBAA8C,CAC5C,OAAOL,EAAU,QAAQ,CACvB,GAAGI,EACH,UAAWC,EAAmB,KAC9B,gBAAiBH,EACjB,YAAa,OACb,eAAgBC,EAChB,IAAKJ,EAAM,KAAO,MAClB,KAAMG,IAAa,SAAW,QAAU,QAC1C,CAAC,CACH,CACF,CACF",
|
|
6
|
+
"names": ["alertBannerClasses", "createQdsAlertBannerApi", "props", "normalize", "closeButtonAriaLabel", "emphasis", "variant", "commonBindings", "alertBannerClasses"]
|
|
7
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.qui-alert-banner__root{align-items:center;box-sizing:border-box;display:flex;height:var(--sizing-170);padding:var(--spacing-90) var(--spacing-100);width:100%}.qui-alert-banner__root:has(.qui-alert-banner__close-button){padding-inline-end:var(--spacing-70)}.qui-alert-banner__root[data-variant=strong]{--text-color:var(--color-utility-persistent-white);--icon-color:var(--color-utility-persistent-white)}.qui-alert-banner__root[data-variant=strong][data-emphasis=info]{background:var(--color-background-support-info)}.qui-alert-banner__root[data-variant=strong][data-emphasis=success]{background:var(--color-background-support-success)}.qui-alert-banner__root[data-variant=strong][data-emphasis=danger]{background:var(--color-background-support-danger)}.qui-alert-banner__root[data-variant=strong][data-emphasis=neutral]{background:var(--color-background-support-neutral)}.qui-alert-banner__root[data-variant=strong][data-emphasis=warning]{--text-color:var(--color-utility-persistent-black);--icon-color:var(--color-utility-persistent-black);background:var(--color-background-support-warning)}.qui-alert-banner__root[data-variant=subtle]{--text-color:var(--color-text-neutral-primary);border-style:solid;border-width:var(--border-width-sm)}.qui-alert-banner__root[data-variant=subtle][data-emphasis=info]{--icon-color:var(--color-icon-support-info);background:var(--color-background-support-info-subtle);border-color:var(--color-border-support-info)}.qui-alert-banner__root[data-variant=subtle][data-emphasis=success]{--icon-color:var(--color-icon-support-success);background:var(--color-background-support-success-subtle);border-color:var(--color-border-support-success)}.qui-alert-banner__root[data-variant=subtle][data-emphasis=danger]{--icon-color:var(--color-icon-support-danger);background:var(--color-background-support-danger-subtle);border-color:var(--color-border-support-danger)}.qui-alert-banner__root[data-variant=subtle][data-emphasis=neutral]{--icon-color:var(--color-icon-support-neutral);background:var(--color-background-support-neutral-subtle);border-color:var(--color-border-support-neutral)}.qui-alert-banner__root[data-variant=subtle][data-emphasis=warning]{--icon-color:var(--color-icon-support-warning);background:var(--color-background-support-warning-subtle);border-color:var(--color-border-support-warning)}.qui-alert-banner__icon{color:var(--icon-color);flex-shrink:0;margin-inline-end:var(--spacing-70)}.qui-alert-banner__heading{color:var(--text-color);flex-shrink:0;font:var(--font-static-body-md-bold);margin-inline-end:var(--spacing-90);max-width:900px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qui-alert-banner__description{color:var(--text-color);flex:1 1 0;font:var(--font-static-body-sm-default);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qui-alert-banner__action{flex-shrink:0;margin-inline-start:var(--spacing-120)}.qui-alert-banner__close-button{flex-shrink:0;margin-inline-start:var(--spacing-120)}.qui-alert-banner__root:not(:has(.qui-alert-banner__description)) .qui-alert-banner__action{margin-inline-start:auto}.qui-alert-banner__root:not(:has(.qui-alert-banner__description)):not(:has(.qui-alert-banner__action)) .qui-alert-banner__close-button{margin-inline-start:auto}
|
|
@@ -1,8 +1,16 @@
|
|
|
1
1
|
import type { avatarClasses } from "./avatar.classes";
|
|
2
2
|
export type QdsAvatarSize = "xs" | "sm" | "md" | "lg" | "xl";
|
|
3
3
|
type AvatarClasses = typeof avatarClasses;
|
|
4
|
-
export type
|
|
4
|
+
export type QdsAvatarEmphasis = "neutral" | "contrast" | "brand";
|
|
5
|
+
/**
|
|
6
|
+
* @deprecated use {@link QdsAvatarEmphasis} instead
|
|
7
|
+
*/
|
|
8
|
+
export type QdsAvatarVariant = QdsAvatarEmphasis;
|
|
5
9
|
export interface QdsAvatarApiProps {
|
|
10
|
+
/**
|
|
11
|
+
* The style of the avatar.
|
|
12
|
+
*/
|
|
13
|
+
emphasis?: QdsAvatarEmphasis;
|
|
6
14
|
/**
|
|
7
15
|
* Governs the width and height of the avatar as well as the font size of its
|
|
8
16
|
* content.
|
|
@@ -13,7 +21,7 @@ export interface QdsAvatarApiProps {
|
|
|
13
21
|
*/
|
|
14
22
|
status?: QdsAvatarStatus;
|
|
15
23
|
/**
|
|
16
|
-
*
|
|
24
|
+
* @deprecated use {@link emphasis} instead
|
|
17
25
|
*/
|
|
18
26
|
variant?: QdsAvatarVariant;
|
|
19
27
|
}
|
|
@@ -24,7 +32,7 @@ export interface QdsAvatarRootBindings {
|
|
|
24
32
|
}
|
|
25
33
|
export interface QdsAvatarContentBindings {
|
|
26
34
|
className: AvatarClasses["content"];
|
|
27
|
-
"data-
|
|
35
|
+
"data-emphasis": QdsAvatarEmphasis;
|
|
28
36
|
}
|
|
29
37
|
export interface QdsAvatarStatusBindings {
|
|
30
38
|
className: AvatarClasses["status"];
|
|
@@ -34,9 +42,9 @@ export interface QdsAvatarImageBindings {
|
|
|
34
42
|
className: AvatarClasses["image"];
|
|
35
43
|
}
|
|
36
44
|
export interface QdsAvatarApi {
|
|
45
|
+
emphasis: QdsAvatarEmphasis;
|
|
37
46
|
size: QdsAvatarSize;
|
|
38
47
|
status?: QdsAvatarStatus;
|
|
39
|
-
variant: QdsAvatarVariant;
|
|
40
48
|
getContentBindings(): QdsAvatarContentBindings;
|
|
41
49
|
getImageBindings(): QdsAvatarImageBindings;
|
|
42
50
|
getRootBindings(): QdsAvatarRootBindings;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"avatar.types.d.ts","sourceRoot":"","sources":["../../src/avatar/avatar.types.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,kBAAkB,CAAA;AAEnD,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAE5D,KAAK,aAAa,GAAG,OAAO,aAAa,CAAA;AAEzC,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"avatar.types.d.ts","sourceRoot":"","sources":["../../src/avatar/avatar.types.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,kBAAkB,CAAA;AAEnD,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAE5D,KAAK,aAAa,GAAG,OAAO,aAAa,CAAA;AAEzC,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,UAAU,GAAG,OAAO,CAAA;AAEhE;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,CAAA;AAEhD,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,QAAQ,CAAC,EAAE,iBAAiB,CAAA;IAE5B;;;OAGG;IACH,IAAI,CAAC,EAAE,aAAa,CAAA;IAEpB;;OAEG;IACH,MAAM,CAAC,EAAE,eAAe,CAAA;IAExB;;OAEG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAA;CAC3B;AAED,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAA;AAEpE,MAAM,WAAW,qBAAqB;IACpC,SAAS,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IAChC,WAAW,EAAE,aAAa,CAAA;CAC3B;AAED,MAAM,WAAW,wBAAwB;IACvC,SAAS,EAAE,aAAa,CAAC,SAAS,CAAC,CAAA;IACnC,eAAe,EAAE,iBAAiB,CAAA;CACnC;AAED,MAAM,WAAW,uBAAuB;IACtC,SAAS,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAA;IAClC,aAAa,EAAE,eAAe,CAAA;CAC/B;AAED,MAAM,WAAW,sBAAsB;IACrC,SAAS,EAAE,aAAa,CAAC,OAAO,CAAC,CAAA;CAClC;AAED,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,IAAI,EAAE,aAAa,CAAA;IACnB,MAAM,CAAC,EAAE,eAAe,CAAA;IAGxB,kBAAkB,IAAI,wBAAwB,CAAA;IAC9C,gBAAgB,IAAI,sBAAsB,CAAA;IAC1C,eAAe,IAAI,qBAAqB,CAAA;IACxC,iBAAiB,IAAI,uBAAuB,CAAA;CAC7C"}
|
package/dist/avatar/index.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var i=Object.defineProperty;var o=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var u=(a,t)=>{for(var s in t)i(a,s,{get:t[s],enumerable:!0})},
|
|
1
|
+
"use strict";var i=Object.defineProperty;var o=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var u=(a,t)=>{for(var s in t)i(a,s,{get:t[s],enumerable:!0})},g=(a,t,s,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of d(t))!m.call(a,r)&&r!==s&&i(a,r,{get:()=>t[r],enumerable:!(n=o(t,r))||n.enumerable});return a};var v=a=>g(i({},"__esModule",{value:!0}),a);var p={};u(p,{avatarClasses:()=>e,createQdsAvatarApi:()=>A});module.exports=v(p);var e={content:"qui-avatar__content",image:"qui-avatar__image",root:"qui-avatar__root",status:"qui-avatar__status"};function A(a,t){let s=a.size||"md",n=a.emphasis||a.variant||"neutral";return{emphasis:n,size:s,status:a.status,getContentBindings(){return t.element({className:e.content,"data-emphasis":n})},getImageBindings(){return t.element({className:e.image})},getRootBindings(){return t.element({className:e.root,"data-size":s})},getStatusBindings(){return t.element({className:e.status,"data-status":a.status||"offline"})}}}
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/avatar/index.ts", "../../src/avatar/avatar.classes.ts", "../../src/avatar/avatar.api.ts"],
|
|
4
|
-
"sourcesContent": ["export * from \"./avatar.classes\"\nexport * from \"./avatar.api\"\nexport type * from \"./avatar.types\"\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const avatarClasses = {\n content: \"qui-avatar__content\",\n image: \"qui-avatar__image\",\n root: \"qui-avatar__root\",\n status: \"qui-avatar__status\",\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 {avatarClasses} from \"./avatar.classes\"\nimport type {\n QdsAvatarApi,\n QdsAvatarApiProps,\n QdsAvatarContentBindings,\n QdsAvatarImageBindings,\n QdsAvatarRootBindings,\n QdsAvatarStatusBindings,\n} from \"./avatar.types\"\n\nexport function createQdsAvatarApi(\n props: QdsAvatarApiProps,\n normalize: PropNormalizer,\n): QdsAvatarApi {\n const size = props.size || \"md\"\n const
|
|
5
|
-
"mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,mBAAAE,EAAA,uBAAAC,IAAA,eAAAC,EAAAJ,GCGO,IAAMK,EAAgB,CAC3B,QAAS,sBACT,MAAO,oBACP,KAAM,mBACN,OAAQ,oBACV,ECOO,SAASC,EACdC,EACAC,EACc,CACd,IAAMC,EAAOF,EAAM,MAAQ,KACrBG,
|
|
6
|
-
"names": ["avatar_exports", "__export", "avatarClasses", "createQdsAvatarApi", "__toCommonJS", "avatarClasses", "createQdsAvatarApi", "props", "normalize", "size", "
|
|
4
|
+
"sourcesContent": ["export * from \"./avatar.classes\"\nexport * from \"./avatar.api\"\nexport type * from \"./avatar.types\"\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const avatarClasses = {\n content: \"qui-avatar__content\",\n image: \"qui-avatar__image\",\n root: \"qui-avatar__root\",\n status: \"qui-avatar__status\",\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 {avatarClasses} from \"./avatar.classes\"\nimport type {\n QdsAvatarApi,\n QdsAvatarApiProps,\n QdsAvatarContentBindings,\n QdsAvatarImageBindings,\n QdsAvatarRootBindings,\n QdsAvatarStatusBindings,\n} from \"./avatar.types\"\n\nexport function createQdsAvatarApi(\n props: QdsAvatarApiProps,\n normalize: PropNormalizer,\n): QdsAvatarApi {\n const size = props.size || \"md\"\n const emphasis = props.emphasis || props.variant || \"neutral\"\n\n return {\n emphasis,\n size,\n status: props.status,\n\n // group: bindings\n getContentBindings(): QdsAvatarContentBindings {\n return normalize.element({\n className: avatarClasses.content,\n \"data-emphasis\": emphasis,\n })\n },\n getImageBindings(): QdsAvatarImageBindings {\n return normalize.element({\n className: avatarClasses.image,\n })\n },\n getRootBindings(): QdsAvatarRootBindings {\n return normalize.element({\n className: avatarClasses.root,\n \"data-size\": size,\n })\n },\n getStatusBindings(): QdsAvatarStatusBindings {\n return normalize.element({\n className: avatarClasses.status,\n \"data-status\": props.status || \"offline\",\n })\n },\n }\n}\n"],
|
|
5
|
+
"mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,mBAAAE,EAAA,uBAAAC,IAAA,eAAAC,EAAAJ,GCGO,IAAMK,EAAgB,CAC3B,QAAS,sBACT,MAAO,oBACP,KAAM,mBACN,OAAQ,oBACV,ECOO,SAASC,EACdC,EACAC,EACc,CACd,IAAMC,EAAOF,EAAM,MAAQ,KACrBG,EAAWH,EAAM,UAAYA,EAAM,SAAW,UAEpD,MAAO,CACL,SAAAG,EACA,KAAAD,EACA,OAAQF,EAAM,OAGd,oBAA+C,CAC7C,OAAOC,EAAU,QAAQ,CACvB,UAAWG,EAAc,QACzB,gBAAiBD,CACnB,CAAC,CACH,EACA,kBAA2C,CACzC,OAAOF,EAAU,QAAQ,CACvB,UAAWG,EAAc,KAC3B,CAAC,CACH,EACA,iBAAyC,CACvC,OAAOH,EAAU,QAAQ,CACvB,UAAWG,EAAc,KACzB,YAAaF,CACf,CAAC,CACH,EACA,mBAA6C,CAC3C,OAAOD,EAAU,QAAQ,CACvB,UAAWG,EAAc,OACzB,cAAeJ,EAAM,QAAU,SACjC,CAAC,CACH,CACF,CACF",
|
|
6
|
+
"names": ["avatar_exports", "__export", "avatarClasses", "createQdsAvatarApi", "__toCommonJS", "avatarClasses", "createQdsAvatarApi", "props", "normalize", "size", "emphasis", "avatarClasses"]
|
|
7
7
|
}
|
package/dist/avatar/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var
|
|
1
|
+
var a={content:"qui-avatar__content",image:"qui-avatar__image",root:"qui-avatar__root",status:"qui-avatar__status"};function o(t,s){let e=t.size||"md",n=t.emphasis||t.variant||"neutral";return{emphasis:n,size:e,status:t.status,getContentBindings(){return s.element({className:a.content,"data-emphasis":n})},getImageBindings(){return s.element({className:a.image})},getRootBindings(){return s.element({className:a.root,"data-size":e})},getStatusBindings(){return s.element({className:a.status,"data-status":t.status||"offline"})}}}export{a as avatarClasses,o as createQdsAvatarApi};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/dist/avatar/index.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/avatar/avatar.classes.ts", "../../src/avatar/avatar.api.ts"],
|
|
4
|
-
"sourcesContent": ["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const avatarClasses = {\n content: \"qui-avatar__content\",\n image: \"qui-avatar__image\",\n root: \"qui-avatar__root\",\n status: \"qui-avatar__status\",\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 {avatarClasses} from \"./avatar.classes\"\nimport type {\n QdsAvatarApi,\n QdsAvatarApiProps,\n QdsAvatarContentBindings,\n QdsAvatarImageBindings,\n QdsAvatarRootBindings,\n QdsAvatarStatusBindings,\n} from \"./avatar.types\"\n\nexport function createQdsAvatarApi(\n props: QdsAvatarApiProps,\n normalize: PropNormalizer,\n): QdsAvatarApi {\n const size = props.size || \"md\"\n const
|
|
5
|
-
"mappings": "AAGO,IAAMA,EAAgB,CAC3B,QAAS,sBACT,MAAO,oBACP,KAAM,mBACN,OAAQ,oBACV,ECOO,SAASC,EACdC,EACAC,EACc,CACd,IAAMC,EAAOF,EAAM,MAAQ,KACrBG,
|
|
6
|
-
"names": ["avatarClasses", "createQdsAvatarApi", "props", "normalize", "size", "
|
|
4
|
+
"sourcesContent": ["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const avatarClasses = {\n content: \"qui-avatar__content\",\n image: \"qui-avatar__image\",\n root: \"qui-avatar__root\",\n status: \"qui-avatar__status\",\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 {avatarClasses} from \"./avatar.classes\"\nimport type {\n QdsAvatarApi,\n QdsAvatarApiProps,\n QdsAvatarContentBindings,\n QdsAvatarImageBindings,\n QdsAvatarRootBindings,\n QdsAvatarStatusBindings,\n} from \"./avatar.types\"\n\nexport function createQdsAvatarApi(\n props: QdsAvatarApiProps,\n normalize: PropNormalizer,\n): QdsAvatarApi {\n const size = props.size || \"md\"\n const emphasis = props.emphasis || props.variant || \"neutral\"\n\n return {\n emphasis,\n size,\n status: props.status,\n\n // group: bindings\n getContentBindings(): QdsAvatarContentBindings {\n return normalize.element({\n className: avatarClasses.content,\n \"data-emphasis\": emphasis,\n })\n },\n getImageBindings(): QdsAvatarImageBindings {\n return normalize.element({\n className: avatarClasses.image,\n })\n },\n getRootBindings(): QdsAvatarRootBindings {\n return normalize.element({\n className: avatarClasses.root,\n \"data-size\": size,\n })\n },\n getStatusBindings(): QdsAvatarStatusBindings {\n return normalize.element({\n className: avatarClasses.status,\n \"data-status\": props.status || \"offline\",\n })\n },\n }\n}\n"],
|
|
5
|
+
"mappings": "AAGO,IAAMA,EAAgB,CAC3B,QAAS,sBACT,MAAO,oBACP,KAAM,mBACN,OAAQ,oBACV,ECOO,SAASC,EACdC,EACAC,EACc,CACd,IAAMC,EAAOF,EAAM,MAAQ,KACrBG,EAAWH,EAAM,UAAYA,EAAM,SAAW,UAEpD,MAAO,CACL,SAAAG,EACA,KAAAD,EACA,OAAQF,EAAM,OAGd,oBAA+C,CAC7C,OAAOC,EAAU,QAAQ,CACvB,UAAWG,EAAc,QACzB,gBAAiBD,CACnB,CAAC,CACH,EACA,kBAA2C,CACzC,OAAOF,EAAU,QAAQ,CACvB,UAAWG,EAAc,KAC3B,CAAC,CACH,EACA,iBAAyC,CACvC,OAAOH,EAAU,QAAQ,CACvB,UAAWG,EAAc,KACzB,YAAaF,CACf,CAAC,CACH,EACA,mBAA6C,CAC3C,OAAOD,EAAU,QAAQ,CACvB,UAAWG,EAAc,OACzB,cAAeJ,EAAM,QAAU,SACjC,CAAC,CACH,CACF,CACF",
|
|
6
|
+
"names": ["avatarClasses", "createQdsAvatarApi", "props", "normalize", "size", "emphasis", "avatarClasses"]
|
|
7
7
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.qui-avatar__root{align-items:center;background:transparent;border:0 solid;border-radius:var(--avatar-radius);display:inline-flex;flex-shrink:0;height:var(--avatar-size);justify-content:center;padding:0;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:top;width:var(--avatar-size);--avatar-radius:9999px}.qui-avatar__root[data-size=xs]{--avatar-size:24px;--avatar-content-font:var(--font-static-heading-xxs-bold);--avatar-status-size:6px}.qui-avatar__root[data-size=xs] .qui-icon__root{--icon-size:16px}.qui-avatar__root[data-size=sm]{--avatar-size:32px;--avatar-content-font:var(--font-static-heading-xs-bold);--avatar-status-size:8px}.qui-avatar__root[data-size=sm] .qui-icon__root{--icon-size:20px}.qui-avatar__root[data-size=md]{--avatar-size:48px;--avatar-content-font:var(--font-static-heading-md-bold);--avatar-status-size:12px}.qui-avatar__root[data-size=md] .qui-icon__root{--icon-size:24px}.qui-avatar__root[data-size=lg]{--avatar-size:56px;--avatar-content-font:var(--font-static-heading-lg-bold);--avatar-status-size:16px}.qui-avatar__root[data-size=lg] .qui-icon__root{--icon-size:32px}.qui-avatar__root[data-size=xl]{--avatar-size:80px;--avatar-content-font:var(--font-static-heading-xl);--avatar-status-size:20px}.qui-avatar__root[data-size=xl] .qui-icon__root{--icon-size:40px}.qui-avatar__image{border-radius:var(--avatar-radius);display:block;height:100%;min-width:100%;-o-object-fit:cover;object-fit:cover;overflow:clip;width:100%}.qui-avatar__image[hidden]{display:none}.qui-avatar__content[data-
|
|
1
|
+
.qui-avatar__root{align-items:center;background:transparent;border:0 solid;border-radius:var(--avatar-radius);display:inline-flex;flex-shrink:0;height:var(--avatar-size);justify-content:center;padding:0;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:top;width:var(--avatar-size);--avatar-radius:9999px}.qui-avatar__root[data-size=xs]{--avatar-size:24px;--avatar-content-font:var(--font-static-heading-xxs-bold);--avatar-status-size:6px}.qui-avatar__root[data-size=xs] .qui-icon__root{--icon-size:16px}.qui-avatar__root[data-size=sm]{--avatar-size:32px;--avatar-content-font:var(--font-static-heading-xs-bold);--avatar-status-size:8px}.qui-avatar__root[data-size=sm] .qui-icon__root{--icon-size:20px}.qui-avatar__root[data-size=md]{--avatar-size:48px;--avatar-content-font:var(--font-static-heading-md-bold);--avatar-status-size:12px}.qui-avatar__root[data-size=md] .qui-icon__root{--icon-size:24px}.qui-avatar__root[data-size=lg]{--avatar-size:56px;--avatar-content-font:var(--font-static-heading-lg-bold);--avatar-status-size:16px}.qui-avatar__root[data-size=lg] .qui-icon__root{--icon-size:32px}.qui-avatar__root[data-size=xl]{--avatar-size:80px;--avatar-content-font:var(--font-static-heading-xl);--avatar-status-size:20px}.qui-avatar__root[data-size=xl] .qui-icon__root{--icon-size:40px}.qui-avatar__image{border-radius:var(--avatar-radius);display:block;height:100%;min-width:100%;-o-object-fit:cover;object-fit:cover;overflow:clip;width:100%}.qui-avatar__image[hidden]{display:none}.qui-avatar__content[data-emphasis=neutral]{--avatar-foreground-color:var(--color-text-neutral-primary);--avatar-background-color:var(--color-background-neutral-03)}.qui-avatar__content[data-emphasis=contrast]{--avatar-foreground-color:var(--color-text-neutral-inverse);--avatar-background-color:var(--color-background-neutral-10)}.qui-avatar__content[data-emphasis=brand]{--avatar-foreground-color:var(--color-utility-persistent-white);--avatar-background-color:var(--color-background-brand-primary)}.qui-avatar__content{align-items:center;background-color:var(--avatar-background-color);border-radius:var(--avatar-radius);color:var(--avatar-foreground-color);display:flex;font:var(--avatar-content-font);height:100%;justify-content:center;line-height:1;overflow:clip;text-transform:uppercase;width:100%}.qui-avatar__content[hidden]{display:none}.qui-avatar__status{border:var(--avatar-status-border-size,1px) solid var(--color-border-neutral-00);border-radius:50%;bottom:0;box-sizing:border-box;height:var(--avatar-status-size);position:absolute;right:0;width:var(--avatar-status-size)}:is([data-size=lg],[data-size=xl]) .qui-avatar__status{--avatar-status-border-size:2px}.qui-avatar__status[data-status=active]{background-color:var(--color-background-support-success)}.qui-avatar__status[data-status=offline]{background-color:var(--color-background-support-neutral)}.qui-avatar__status[data-status=away]{background-color:var(--color-background-support-warning)}.qui-avatar__status[data-status=busy]{background-color:var(--color-background-support-danger)}
|