@qualcomm-ui/qds-core 1.13.0 → 1.15.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/components.min.css +4 -4
- package/dist/header-bar/header-bar.api.d.ts.map +1 -1
- package/dist/header-bar/header-bar.types.d.ts +8 -0
- package/dist/header-bar/header-bar.types.d.ts.map +1 -1
- package/dist/header-bar/index.cjs +1 -1
- package/dist/header-bar/index.cjs.map +2 -2
- package/dist/header-bar/index.js +1 -1
- package/dist/header-bar/index.js.map +2 -2
- package/dist/header-bar/qds-header-bar.css +1 -1
- package/dist/popover/index.cjs +1 -1
- package/dist/popover/index.cjs.map +4 -4
- package/dist/popover/index.d.ts +2 -0
- package/dist/popover/index.d.ts.map +1 -1
- package/dist/popover/index.js +1 -1
- package/dist/popover/index.js.map +4 -4
- package/dist/popover/popover.api.d.ts +5 -0
- package/dist/popover/popover.api.d.ts.map +1 -0
- package/dist/popover/popover.types.d.ts +29 -0
- package/dist/popover/popover.types.d.ts.map +1 -0
- package/dist/popover/qds-popover.css +1 -1
- package/dist/tag/index.cjs +1 -1
- package/dist/tag/index.cjs.map +3 -3
- package/dist/tag/index.js +1 -1
- package/dist/tag/index.js.map +3 -3
- package/dist/tag/qds-tag.css +1 -1
- package/dist/tag/tag.api.d.ts.map +1 -1
- package/dist/tag/tag.types.d.ts +19 -3
- package/dist/tag/tag.types.d.ts.map +1 -1
- package/dist/tsbuildinfo +1 -1
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"header-bar.api.d.ts","sourceRoot":"","sources":["../../src/header-bar/header-bar.api.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,4BAA4B,CAAA;AAG9D,OAAO,KAAK,EAEV,eAAe,EAUhB,MAAM,oBAAoB,CAAA;AAE3B,wBAAgB,qBAAqB,CACnC,SAAS,EAAE,cAAc,GACxB,eAAe,
|
|
1
|
+
{"version":3,"file":"header-bar.api.d.ts","sourceRoot":"","sources":["../../src/header-bar/header-bar.api.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,4BAA4B,CAAA;AAG9D,OAAO,KAAK,EAEV,eAAe,EAUhB,MAAM,oBAAoB,CAAA;AAE3B,wBAAgB,qBAAqB,CACnC,SAAS,EAAE,cAAc,GACxB,eAAe,CAkDjB"}
|
|
@@ -2,7 +2,14 @@ import type { BooleanDataAttr } from "@qualcomm-ui/utils/attributes";
|
|
|
2
2
|
import type { headerBarClasses } from "./header-bar.classes";
|
|
3
3
|
export type QdsHeaderBarSize = "sm" | "lg";
|
|
4
4
|
export type QdsHeaderSurface = "primary" | "secondary";
|
|
5
|
+
export type QdsHeaderBarPadding = "default" | "large";
|
|
5
6
|
export interface QdsHeaderBarRootProps {
|
|
7
|
+
/**
|
|
8
|
+
* The horizontal padding of the component.
|
|
9
|
+
*
|
|
10
|
+
* @default 'default'
|
|
11
|
+
*/
|
|
12
|
+
padding?: QdsHeaderBarPadding;
|
|
6
13
|
/**
|
|
7
14
|
* The size of the component and its elements. Governs padding, element spacing,
|
|
8
15
|
* and height.
|
|
@@ -18,6 +25,7 @@ export interface QdsHeaderBarRootProps {
|
|
|
18
25
|
type HeaderBarClasses = typeof headerBarClasses;
|
|
19
26
|
export interface QdsHeaderBarRootBindings {
|
|
20
27
|
className: HeaderBarClasses["root"];
|
|
28
|
+
"data-padding": QdsHeaderBarPadding;
|
|
21
29
|
"data-size": QdsHeaderBarSize;
|
|
22
30
|
"data-surface": QdsHeaderSurface;
|
|
23
31
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"header-bar.types.d.ts","sourceRoot":"","sources":["../../src/header-bar/header-bar.types.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,+BAA+B,CAAA;AAElE,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,sBAAsB,CAAA;AAE1D,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,IAAI,CAAA;AAE1C,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,WAAW,CAAA;AAEtD,MAAM,WAAW,qBAAqB;IACpC;;;;;OAKG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAA;IAEvB;;OAEG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAA;CAC3B;AAED,KAAK,gBAAgB,GAAG,OAAO,gBAAgB,CAAA;AAE/C,MAAM,WAAW,wBAAwB;IACvC,SAAS,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAA;IACnC,WAAW,EAAE,gBAAgB,CAAA;IAC7B,cAAc,EAAE,gBAAgB,CAAA;CACjC;AAED,MAAM,WAAW,wBAAwB;IACvC,SAAS,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAA;CACpC;AAED,MAAM,WAAW,6BAA6B;IAC5C,SAAS,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAA;CACzC;AAED,MAAM,WAAW,4BAA4B;IAC3C,SAAS,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAA;CACxC;AAED,MAAM,WAAW,2BAA2B;IAC1C,SAAS,EAAE,gBAAgB,CAAC,SAAS,CAAC,CAAA;CACvC;AAED,MAAM,WAAW,uBAAuB;IACtC,SAAS,EAAE,gBAAgB,CAAC,KAAK,CAAC,CAAA;CACnC;AAED,MAAM,WAAW,2BAA2B;IAC1C,cAAc,EAAE,MAAM,GAAG,SAAS,CAAA;IAClC,SAAS,EAAE,gBAAgB,CAAC,SAAS,CAAC,CAAA;IACtC,aAAa,EAAE,eAAe,CAAA;CAC/B;AAED,MAAM,WAAW,wBAAwB;IACvC;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;CAC7B;AAED,MAAM,WAAW,kCAAkC;IACjD,SAAS,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,CAAA;CAC9C;AAED,MAAM,WAAW,eAAe;IAC9B,oBAAoB,IAAI,6BAA6B,CAAA;IACrD,mBAAmB,IAAI,4BAA4B,CAAA;IACnD,kBAAkB,IAAI,2BAA2B,CAAA;IACjD,eAAe,IAAI,wBAAwB,CAAA;IAC3C,cAAc,IAAI,uBAAuB,CAAA;IACzC,kBAAkB,CAChB,KAAK,CAAC,EAAE,wBAAwB,GAC/B,2BAA2B,CAAA;IAC9B,eAAe,CAAC,KAAK,EAAE,qBAAqB,GAAG,wBAAwB,CAAA;IACvE,yBAAyB,IAAI,kCAAkC,CAAA;CAChE"}
|
|
1
|
+
{"version":3,"file":"header-bar.types.d.ts","sourceRoot":"","sources":["../../src/header-bar/header-bar.types.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,+BAA+B,CAAA;AAElE,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,sBAAsB,CAAA;AAE1D,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,IAAI,CAAA;AAE1C,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,WAAW,CAAA;AAEtD,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,OAAO,CAAA;AAErD,MAAM,WAAW,qBAAqB;IACpC;;;;OAIG;IACH,OAAO,CAAC,EAAE,mBAAmB,CAAA;IAE7B;;;;;OAKG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAA;IAEvB;;OAEG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAA;CAC3B;AAED,KAAK,gBAAgB,GAAG,OAAO,gBAAgB,CAAA;AAE/C,MAAM,WAAW,wBAAwB;IACvC,SAAS,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAA;IACnC,cAAc,EAAE,mBAAmB,CAAA;IACnC,WAAW,EAAE,gBAAgB,CAAA;IAC7B,cAAc,EAAE,gBAAgB,CAAA;CACjC;AAED,MAAM,WAAW,wBAAwB;IACvC,SAAS,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAA;CACpC;AAED,MAAM,WAAW,6BAA6B;IAC5C,SAAS,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAA;CACzC;AAED,MAAM,WAAW,4BAA4B;IAC3C,SAAS,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAA;CACxC;AAED,MAAM,WAAW,2BAA2B;IAC1C,SAAS,EAAE,gBAAgB,CAAC,SAAS,CAAC,CAAA;CACvC;AAED,MAAM,WAAW,uBAAuB;IACtC,SAAS,EAAE,gBAAgB,CAAC,KAAK,CAAC,CAAA;CACnC;AAED,MAAM,WAAW,2BAA2B;IAC1C,cAAc,EAAE,MAAM,GAAG,SAAS,CAAA;IAClC,SAAS,EAAE,gBAAgB,CAAC,SAAS,CAAC,CAAA;IACtC,aAAa,EAAE,eAAe,CAAA;CAC/B;AAED,MAAM,WAAW,wBAAwB;IACvC;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;CAC7B;AAED,MAAM,WAAW,kCAAkC;IACjD,SAAS,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,CAAA;CAC9C;AAED,MAAM,WAAW,eAAe;IAC9B,oBAAoB,IAAI,6BAA6B,CAAA;IACrD,mBAAmB,IAAI,4BAA4B,CAAA;IACnD,kBAAkB,IAAI,2BAA2B,CAAA;IACjD,eAAe,IAAI,wBAAwB,CAAA;IAC3C,cAAc,IAAI,uBAAuB,CAAA;IACzC,kBAAkB,CAChB,KAAK,CAAC,EAAE,wBAAwB,GAC/B,2BAA2B,CAAA;IAC9B,eAAe,CAAC,KAAK,EAAE,qBAAqB,GAAG,wBAAwB,CAAA;IACvE,yBAAyB,IAAI,kCAAkC,CAAA;CAChE"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var t=Object.defineProperty;var o=Object.getOwnPropertyDescriptor;var B=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var m=(e,
|
|
1
|
+
"use strict";var t=Object.defineProperty;var o=Object.getOwnPropertyDescriptor;var B=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var m=(e,a)=>{for(var i in a)t(e,i,{get:a[i],enumerable:!0})},p=(e,a,i,n)=>{if(a&&typeof a=="object"||typeof a=="function")for(let d of B(a))!g.call(e,d)&&d!==i&&t(e,d,{get:()=>a[d],enumerable:!(n=o(a,d))||n.enumerable});return e};var l=e=>p(t({},"__esModule",{value:!0}),e);var u={};m(u,{createQdsHeaderBarApi:()=>c,headerBarClasses:()=>r});module.exports=l(u);var s=require("@qualcomm-ui/utils/attributes");var r={actionBar:"qui-header-bar__action-bar",appTitle:"qui-header-bar__app-title",divider:"qui-header-bar__divider",itemIcon:"qui-header-bar__item-icon",itemRoot:"qui-header-bar__item-root",logo:"qui-header-bar__logo",nav:"qui-header-bar__nav",navItem:"qui-header-bar__nav-item",root:"qui-header-bar__root",windowControls:"qui-header-bar__window-controls"};function c(e){return{getActionBarBindings(){return e.element({className:r.actionBar})},getAppTitleBindings(){return e.element({className:r.appTitle})},getDividerBindings(){return e.element({className:r.divider})},getLogoBindings(){return e.element({className:r.logo})},getNavBindings(){return e.element({className:r.nav})},getNavItemBindings(a){return e.element({"aria-current":a?.active?"page":void 0,className:r.navItem,"data-active":(0,s.booleanDataAttr)(a?.active)})},getRootBindings(a){return e.element({className:r.root,"data-padding":a.padding||"default","data-size":a.size||"sm","data-surface":a.surface||"primary"})},getWindowControlsBindings(){return e.element({className:r.windowControls})}}}
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/header-bar/index.ts", "../../src/header-bar/header-bar.api.ts", "../../src/header-bar/header-bar.classes.ts"],
|
|
4
|
-
"sourcesContent": ["export * from \"./header-bar.api\"\nexport * from \"./header-bar.classes\"\nexport type * from \"./header-bar.types\"\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {booleanDataAttr} from \"@qualcomm-ui/utils/attributes\"\nimport type {PropNormalizer} from \"@qualcomm-ui/utils/machine\"\n\nimport {headerBarClasses} from \"./header-bar.classes\"\nimport type {\n QdsHeaderBarActionBarBindings,\n QdsHeaderBarApi,\n QdsHeaderBarAppTitleBindings,\n QdsHeaderBarDividerBindings,\n QdsHeaderBarLogoBindings,\n QdsHeaderBarNavBindings,\n QdsHeaderBarNavItemBindings,\n QdsHeaderBarNavItemProps,\n QdsHeaderBarRootBindings,\n QdsHeaderBarRootProps,\n QdsHeaderBarWindowControlsBindings,\n} from \"./header-bar.types\"\n\nexport function createQdsHeaderBarApi(\n normalize: PropNormalizer,\n): QdsHeaderBarApi {\n return {\n getActionBarBindings(): QdsHeaderBarActionBarBindings {\n return normalize.element({\n className: headerBarClasses.actionBar,\n })\n },\n getAppTitleBindings(): QdsHeaderBarAppTitleBindings {\n return normalize.element({\n className: headerBarClasses.appTitle,\n })\n },\n getDividerBindings(): QdsHeaderBarDividerBindings {\n return normalize.element({\n className: headerBarClasses.divider,\n })\n },\n getLogoBindings(): QdsHeaderBarLogoBindings {\n return normalize.element({\n className: headerBarClasses.logo,\n })\n },\n getNavBindings(): QdsHeaderBarNavBindings {\n return normalize.element({\n className: headerBarClasses.nav,\n })\n },\n getNavItemBindings(\n props?: QdsHeaderBarNavItemProps,\n ): QdsHeaderBarNavItemBindings {\n return normalize.element({\n \"aria-current\": props?.active ? \"page\" : undefined,\n className: headerBarClasses.navItem,\n \"data-active\": booleanDataAttr(props?.active),\n })\n },\n getRootBindings(props: QdsHeaderBarRootProps): QdsHeaderBarRootBindings {\n return normalize.element({\n className: headerBarClasses.root,\n \"data-size\": props.size || \"sm\",\n \"data-surface\": props.surface || \"primary\",\n })\n },\n getWindowControlsBindings(): QdsHeaderBarWindowControlsBindings {\n return normalize.element({\n className: headerBarClasses.windowControls,\n })\n },\n }\n}\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const headerBarClasses = {\n actionBar: \"qui-header-bar__action-bar\",\n appTitle: \"qui-header-bar__app-title\",\n divider: \"qui-header-bar__divider\",\n itemIcon: \"qui-header-bar__item-icon\",\n itemRoot: \"qui-header-bar__item-root\",\n logo: \"qui-header-bar__logo\",\n nav: \"qui-header-bar__nav\",\n navItem: \"qui-header-bar__nav-item\",\n root: \"qui-header-bar__root\",\n windowControls: \"qui-header-bar__window-controls\",\n} as const\n"],
|
|
5
|
-
"mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,2BAAAE,EAAA,qBAAAC,IAAA,eAAAC,EAAAJ,GCGA,IAAAK,EAA8B,yCCAvB,IAAMC,EAAmB,CAC9B,UAAW,6BACX,SAAU,4BACV,QAAS,0BACT,SAAU,4BACV,SAAU,4BACV,KAAM,uBACN,IAAK,sBACL,QAAS,2BACT,KAAM,uBACN,eAAgB,iCAClB,EDOO,SAASC,EACdC,EACiB,CACjB,MAAO,CACL,sBAAsD,CACpD,OAAOA,EAAU,QAAQ,CACvB,UAAWC,EAAiB,SAC9B,CAAC,CACH,EACA,qBAAoD,CAClD,OAAOD,EAAU,QAAQ,CACvB,UAAWC,EAAiB,QAC9B,CAAC,CACH,EACA,oBAAkD,CAChD,OAAOD,EAAU,QAAQ,CACvB,UAAWC,EAAiB,OAC9B,CAAC,CACH,EACA,iBAA4C,CAC1C,OAAOD,EAAU,QAAQ,CACvB,UAAWC,EAAiB,IAC9B,CAAC,CACH,EACA,gBAA0C,CACxC,OAAOD,EAAU,QAAQ,CACvB,UAAWC,EAAiB,GAC9B,CAAC,CACH,EACA,mBACEC,EAC6B,CAC7B,OAAOF,EAAU,QAAQ,CACvB,eAAgBE,GAAO,OAAS,OAAS,OACzC,UAAWD,EAAiB,QAC5B,iBAAe,mBAAgBC,GAAO,MAAM,CAC9C,CAAC,CACH,EACA,gBAAgBA,EAAwD,CACtE,OAAOF,EAAU,QAAQ,CACvB,UAAWC,EAAiB,KAC5B,
|
|
4
|
+
"sourcesContent": ["export * from \"./header-bar.api\"\nexport * from \"./header-bar.classes\"\nexport type * from \"./header-bar.types\"\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {booleanDataAttr} from \"@qualcomm-ui/utils/attributes\"\nimport type {PropNormalizer} from \"@qualcomm-ui/utils/machine\"\n\nimport {headerBarClasses} from \"./header-bar.classes\"\nimport type {\n QdsHeaderBarActionBarBindings,\n QdsHeaderBarApi,\n QdsHeaderBarAppTitleBindings,\n QdsHeaderBarDividerBindings,\n QdsHeaderBarLogoBindings,\n QdsHeaderBarNavBindings,\n QdsHeaderBarNavItemBindings,\n QdsHeaderBarNavItemProps,\n QdsHeaderBarRootBindings,\n QdsHeaderBarRootProps,\n QdsHeaderBarWindowControlsBindings,\n} from \"./header-bar.types\"\n\nexport function createQdsHeaderBarApi(\n normalize: PropNormalizer,\n): QdsHeaderBarApi {\n return {\n getActionBarBindings(): QdsHeaderBarActionBarBindings {\n return normalize.element({\n className: headerBarClasses.actionBar,\n })\n },\n getAppTitleBindings(): QdsHeaderBarAppTitleBindings {\n return normalize.element({\n className: headerBarClasses.appTitle,\n })\n },\n getDividerBindings(): QdsHeaderBarDividerBindings {\n return normalize.element({\n className: headerBarClasses.divider,\n })\n },\n getLogoBindings(): QdsHeaderBarLogoBindings {\n return normalize.element({\n className: headerBarClasses.logo,\n })\n },\n getNavBindings(): QdsHeaderBarNavBindings {\n return normalize.element({\n className: headerBarClasses.nav,\n })\n },\n getNavItemBindings(\n props?: QdsHeaderBarNavItemProps,\n ): QdsHeaderBarNavItemBindings {\n return normalize.element({\n \"aria-current\": props?.active ? \"page\" : undefined,\n className: headerBarClasses.navItem,\n \"data-active\": booleanDataAttr(props?.active),\n })\n },\n getRootBindings(props: QdsHeaderBarRootProps): QdsHeaderBarRootBindings {\n return normalize.element({\n className: headerBarClasses.root,\n \"data-padding\": props.padding || \"default\",\n \"data-size\": props.size || \"sm\",\n \"data-surface\": props.surface || \"primary\",\n })\n },\n getWindowControlsBindings(): QdsHeaderBarWindowControlsBindings {\n return normalize.element({\n className: headerBarClasses.windowControls,\n })\n },\n }\n}\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const headerBarClasses = {\n actionBar: \"qui-header-bar__action-bar\",\n appTitle: \"qui-header-bar__app-title\",\n divider: \"qui-header-bar__divider\",\n itemIcon: \"qui-header-bar__item-icon\",\n itemRoot: \"qui-header-bar__item-root\",\n logo: \"qui-header-bar__logo\",\n nav: \"qui-header-bar__nav\",\n navItem: \"qui-header-bar__nav-item\",\n root: \"qui-header-bar__root\",\n windowControls: \"qui-header-bar__window-controls\",\n} as const\n"],
|
|
5
|
+
"mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,2BAAAE,EAAA,qBAAAC,IAAA,eAAAC,EAAAJ,GCGA,IAAAK,EAA8B,yCCAvB,IAAMC,EAAmB,CAC9B,UAAW,6BACX,SAAU,4BACV,QAAS,0BACT,SAAU,4BACV,SAAU,4BACV,KAAM,uBACN,IAAK,sBACL,QAAS,2BACT,KAAM,uBACN,eAAgB,iCAClB,EDOO,SAASC,EACdC,EACiB,CACjB,MAAO,CACL,sBAAsD,CACpD,OAAOA,EAAU,QAAQ,CACvB,UAAWC,EAAiB,SAC9B,CAAC,CACH,EACA,qBAAoD,CAClD,OAAOD,EAAU,QAAQ,CACvB,UAAWC,EAAiB,QAC9B,CAAC,CACH,EACA,oBAAkD,CAChD,OAAOD,EAAU,QAAQ,CACvB,UAAWC,EAAiB,OAC9B,CAAC,CACH,EACA,iBAA4C,CAC1C,OAAOD,EAAU,QAAQ,CACvB,UAAWC,EAAiB,IAC9B,CAAC,CACH,EACA,gBAA0C,CACxC,OAAOD,EAAU,QAAQ,CACvB,UAAWC,EAAiB,GAC9B,CAAC,CACH,EACA,mBACEC,EAC6B,CAC7B,OAAOF,EAAU,QAAQ,CACvB,eAAgBE,GAAO,OAAS,OAAS,OACzC,UAAWD,EAAiB,QAC5B,iBAAe,mBAAgBC,GAAO,MAAM,CAC9C,CAAC,CACH,EACA,gBAAgBA,EAAwD,CACtE,OAAOF,EAAU,QAAQ,CACvB,UAAWC,EAAiB,KAC5B,eAAgBC,EAAM,SAAW,UACjC,YAAaA,EAAM,MAAQ,KAC3B,eAAgBA,EAAM,SAAW,SACnC,CAAC,CACH,EACA,2BAAgE,CAC9D,OAAOF,EAAU,QAAQ,CACvB,UAAWC,EAAiB,cAC9B,CAAC,CACH,CACF,CACF",
|
|
6
6
|
"names": ["header_bar_exports", "__export", "createQdsHeaderBarApi", "headerBarClasses", "__toCommonJS", "import_attributes", "headerBarClasses", "createQdsHeaderBarApi", "normalize", "headerBarClasses", "props"]
|
|
7
7
|
}
|
package/dist/header-bar/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{booleanDataAttr as
|
|
1
|
+
import{booleanDataAttr as d}from"@qualcomm-ui/utils/attributes";var e={actionBar:"qui-header-bar__action-bar",appTitle:"qui-header-bar__app-title",divider:"qui-header-bar__divider",itemIcon:"qui-header-bar__item-icon",itemRoot:"qui-header-bar__item-root",logo:"qui-header-bar__logo",nav:"qui-header-bar__nav",navItem:"qui-header-bar__nav-item",root:"qui-header-bar__root",windowControls:"qui-header-bar__window-controls"};function s(a){return{getActionBarBindings(){return a.element({className:e.actionBar})},getAppTitleBindings(){return a.element({className:e.appTitle})},getDividerBindings(){return a.element({className:e.divider})},getLogoBindings(){return a.element({className:e.logo})},getNavBindings(){return a.element({className:e.nav})},getNavItemBindings(r){return a.element({"aria-current":r?.active?"page":void 0,className:e.navItem,"data-active":d(r?.active)})},getRootBindings(r){return a.element({className:e.root,"data-padding":r.padding||"default","data-size":r.size||"sm","data-surface":r.surface||"primary"})},getWindowControlsBindings(){return a.element({className:e.windowControls})}}}export{s as createQdsHeaderBarApi,e as headerBarClasses};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/header-bar/header-bar.api.ts", "../../src/header-bar/header-bar.classes.ts"],
|
|
4
|
-
"sourcesContent": ["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {booleanDataAttr} from \"@qualcomm-ui/utils/attributes\"\nimport type {PropNormalizer} from \"@qualcomm-ui/utils/machine\"\n\nimport {headerBarClasses} from \"./header-bar.classes\"\nimport type {\n QdsHeaderBarActionBarBindings,\n QdsHeaderBarApi,\n QdsHeaderBarAppTitleBindings,\n QdsHeaderBarDividerBindings,\n QdsHeaderBarLogoBindings,\n QdsHeaderBarNavBindings,\n QdsHeaderBarNavItemBindings,\n QdsHeaderBarNavItemProps,\n QdsHeaderBarRootBindings,\n QdsHeaderBarRootProps,\n QdsHeaderBarWindowControlsBindings,\n} from \"./header-bar.types\"\n\nexport function createQdsHeaderBarApi(\n normalize: PropNormalizer,\n): QdsHeaderBarApi {\n return {\n getActionBarBindings(): QdsHeaderBarActionBarBindings {\n return normalize.element({\n className: headerBarClasses.actionBar,\n })\n },\n getAppTitleBindings(): QdsHeaderBarAppTitleBindings {\n return normalize.element({\n className: headerBarClasses.appTitle,\n })\n },\n getDividerBindings(): QdsHeaderBarDividerBindings {\n return normalize.element({\n className: headerBarClasses.divider,\n })\n },\n getLogoBindings(): QdsHeaderBarLogoBindings {\n return normalize.element({\n className: headerBarClasses.logo,\n })\n },\n getNavBindings(): QdsHeaderBarNavBindings {\n return normalize.element({\n className: headerBarClasses.nav,\n })\n },\n getNavItemBindings(\n props?: QdsHeaderBarNavItemProps,\n ): QdsHeaderBarNavItemBindings {\n return normalize.element({\n \"aria-current\": props?.active ? \"page\" : undefined,\n className: headerBarClasses.navItem,\n \"data-active\": booleanDataAttr(props?.active),\n })\n },\n getRootBindings(props: QdsHeaderBarRootProps): QdsHeaderBarRootBindings {\n return normalize.element({\n className: headerBarClasses.root,\n \"data-size\": props.size || \"sm\",\n \"data-surface\": props.surface || \"primary\",\n })\n },\n getWindowControlsBindings(): QdsHeaderBarWindowControlsBindings {\n return normalize.element({\n className: headerBarClasses.windowControls,\n })\n },\n }\n}\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const headerBarClasses = {\n actionBar: \"qui-header-bar__action-bar\",\n appTitle: \"qui-header-bar__app-title\",\n divider: \"qui-header-bar__divider\",\n itemIcon: \"qui-header-bar__item-icon\",\n itemRoot: \"qui-header-bar__item-root\",\n logo: \"qui-header-bar__logo\",\n nav: \"qui-header-bar__nav\",\n navItem: \"qui-header-bar__nav-item\",\n root: \"qui-header-bar__root\",\n windowControls: \"qui-header-bar__window-controls\",\n} as const\n"],
|
|
5
|
-
"mappings": "AAGA,OAAQ,mBAAAA,MAAsB,gCCAvB,IAAMC,EAAmB,CAC9B,UAAW,6BACX,SAAU,4BACV,QAAS,0BACT,SAAU,4BACV,SAAU,4BACV,KAAM,uBACN,IAAK,sBACL,QAAS,2BACT,KAAM,uBACN,eAAgB,iCAClB,EDOO,SAASC,EACdC,EACiB,CACjB,MAAO,CACL,sBAAsD,CACpD,OAAOA,EAAU,QAAQ,CACvB,UAAWC,EAAiB,SAC9B,CAAC,CACH,EACA,qBAAoD,CAClD,OAAOD,EAAU,QAAQ,CACvB,UAAWC,EAAiB,QAC9B,CAAC,CACH,EACA,oBAAkD,CAChD,OAAOD,EAAU,QAAQ,CACvB,UAAWC,EAAiB,OAC9B,CAAC,CACH,EACA,iBAA4C,CAC1C,OAAOD,EAAU,QAAQ,CACvB,UAAWC,EAAiB,IAC9B,CAAC,CACH,EACA,gBAA0C,CACxC,OAAOD,EAAU,QAAQ,CACvB,UAAWC,EAAiB,GAC9B,CAAC,CACH,EACA,mBACEC,EAC6B,CAC7B,OAAOF,EAAU,QAAQ,CACvB,eAAgBE,GAAO,OAAS,OAAS,OACzC,UAAWD,EAAiB,QAC5B,cAAeE,EAAgBD,GAAO,MAAM,CAC9C,CAAC,CACH,EACA,gBAAgBA,EAAwD,CACtE,OAAOF,EAAU,QAAQ,CACvB,UAAWC,EAAiB,KAC5B,
|
|
4
|
+
"sourcesContent": ["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {booleanDataAttr} from \"@qualcomm-ui/utils/attributes\"\nimport type {PropNormalizer} from \"@qualcomm-ui/utils/machine\"\n\nimport {headerBarClasses} from \"./header-bar.classes\"\nimport type {\n QdsHeaderBarActionBarBindings,\n QdsHeaderBarApi,\n QdsHeaderBarAppTitleBindings,\n QdsHeaderBarDividerBindings,\n QdsHeaderBarLogoBindings,\n QdsHeaderBarNavBindings,\n QdsHeaderBarNavItemBindings,\n QdsHeaderBarNavItemProps,\n QdsHeaderBarRootBindings,\n QdsHeaderBarRootProps,\n QdsHeaderBarWindowControlsBindings,\n} from \"./header-bar.types\"\n\nexport function createQdsHeaderBarApi(\n normalize: PropNormalizer,\n): QdsHeaderBarApi {\n return {\n getActionBarBindings(): QdsHeaderBarActionBarBindings {\n return normalize.element({\n className: headerBarClasses.actionBar,\n })\n },\n getAppTitleBindings(): QdsHeaderBarAppTitleBindings {\n return normalize.element({\n className: headerBarClasses.appTitle,\n })\n },\n getDividerBindings(): QdsHeaderBarDividerBindings {\n return normalize.element({\n className: headerBarClasses.divider,\n })\n },\n getLogoBindings(): QdsHeaderBarLogoBindings {\n return normalize.element({\n className: headerBarClasses.logo,\n })\n },\n getNavBindings(): QdsHeaderBarNavBindings {\n return normalize.element({\n className: headerBarClasses.nav,\n })\n },\n getNavItemBindings(\n props?: QdsHeaderBarNavItemProps,\n ): QdsHeaderBarNavItemBindings {\n return normalize.element({\n \"aria-current\": props?.active ? \"page\" : undefined,\n className: headerBarClasses.navItem,\n \"data-active\": booleanDataAttr(props?.active),\n })\n },\n getRootBindings(props: QdsHeaderBarRootProps): QdsHeaderBarRootBindings {\n return normalize.element({\n className: headerBarClasses.root,\n \"data-padding\": props.padding || \"default\",\n \"data-size\": props.size || \"sm\",\n \"data-surface\": props.surface || \"primary\",\n })\n },\n getWindowControlsBindings(): QdsHeaderBarWindowControlsBindings {\n return normalize.element({\n className: headerBarClasses.windowControls,\n })\n },\n }\n}\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const headerBarClasses = {\n actionBar: \"qui-header-bar__action-bar\",\n appTitle: \"qui-header-bar__app-title\",\n divider: \"qui-header-bar__divider\",\n itemIcon: \"qui-header-bar__item-icon\",\n itemRoot: \"qui-header-bar__item-root\",\n logo: \"qui-header-bar__logo\",\n nav: \"qui-header-bar__nav\",\n navItem: \"qui-header-bar__nav-item\",\n root: \"qui-header-bar__root\",\n windowControls: \"qui-header-bar__window-controls\",\n} as const\n"],
|
|
5
|
+
"mappings": "AAGA,OAAQ,mBAAAA,MAAsB,gCCAvB,IAAMC,EAAmB,CAC9B,UAAW,6BACX,SAAU,4BACV,QAAS,0BACT,SAAU,4BACV,SAAU,4BACV,KAAM,uBACN,IAAK,sBACL,QAAS,2BACT,KAAM,uBACN,eAAgB,iCAClB,EDOO,SAASC,EACdC,EACiB,CACjB,MAAO,CACL,sBAAsD,CACpD,OAAOA,EAAU,QAAQ,CACvB,UAAWC,EAAiB,SAC9B,CAAC,CACH,EACA,qBAAoD,CAClD,OAAOD,EAAU,QAAQ,CACvB,UAAWC,EAAiB,QAC9B,CAAC,CACH,EACA,oBAAkD,CAChD,OAAOD,EAAU,QAAQ,CACvB,UAAWC,EAAiB,OAC9B,CAAC,CACH,EACA,iBAA4C,CAC1C,OAAOD,EAAU,QAAQ,CACvB,UAAWC,EAAiB,IAC9B,CAAC,CACH,EACA,gBAA0C,CACxC,OAAOD,EAAU,QAAQ,CACvB,UAAWC,EAAiB,GAC9B,CAAC,CACH,EACA,mBACEC,EAC6B,CAC7B,OAAOF,EAAU,QAAQ,CACvB,eAAgBE,GAAO,OAAS,OAAS,OACzC,UAAWD,EAAiB,QAC5B,cAAeE,EAAgBD,GAAO,MAAM,CAC9C,CAAC,CACH,EACA,gBAAgBA,EAAwD,CACtE,OAAOF,EAAU,QAAQ,CACvB,UAAWC,EAAiB,KAC5B,eAAgBC,EAAM,SAAW,UACjC,YAAaA,EAAM,MAAQ,KAC3B,eAAgBA,EAAM,SAAW,SACnC,CAAC,CACH,EACA,2BAAgE,CAC9D,OAAOF,EAAU,QAAQ,CACvB,UAAWC,EAAiB,cAC9B,CAAC,CACH,CACF,CACF",
|
|
6
6
|
"names": ["booleanDataAttr", "headerBarClasses", "createQdsHeaderBarApi", "normalize", "headerBarClasses", "props", "booleanDataAttr"]
|
|
7
7
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.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-
|
|
1
|
+
.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-90);width:100%}.qui-header-bar__root[data-padding=large]{padding-inline:var(--spacing-330)}.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}
|
package/dist/popover/index.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var t=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var a=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var d=(r,o)=>{for(var e in o)t(r,e,{get:o[e],enumerable:!0})},c=(r,o,e,s)=>{if(o&&typeof o=="object"||typeof o=="function")for(let p of a(o))!m.call(r,p)&&p!==e&&t(r,p,{get:()=>o[p],enumerable:!(s=n(o,p))||s.enumerable});return r};var v=r=>c(t({},"__esModule",{value:!0}),r);var u={};d(u,{createQdsPopoverApi:()=>l,popoverClasses:()=>i});module.exports=v(u);var i={arrow:"qui-popover__arrow",arrowTip:"qui-popover__arrow-tip",closeTrigger:"qui-popover__close-trigger",content:"qui-popover__content",description:"qui-popover__description",indicator:"qui-popover__indicator",label:"qui-popover__label",trigger:"qui-popover__trigger"};function l(r,o){let e=r.emphasis||"neutral";return{emphasis:e,getArrowBindings(){return o.element({className:i.arrow,"data-emphasis":e})},getContentBindings(){return o.element({className:i.content,"data-emphasis":e})}}}
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../src/popover/index.ts", "../../src/popover/popover.classes.ts"],
|
|
4
|
-
"sourcesContent": ["export * from \"./popover.classes\"\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const popoverClasses = {\n arrow: \"qui-popover__arrow\",\n arrowTip: \"qui-popover__arrow-tip\",\n closeTrigger: \"qui-popover__close-trigger\",\n content: \"qui-popover__content\",\n description: \"qui-popover__description\",\n indicator: \"qui-popover__indicator\",\n label: \"qui-popover__label\",\n trigger: \"qui-popover__trigger\",\n} as const\n"],
|
|
5
|
-
"mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,
|
|
6
|
-
"names": ["popover_exports", "__export", "popoverClasses", "__toCommonJS", "popoverClasses"]
|
|
3
|
+
"sources": ["../../src/popover/index.ts", "../../src/popover/popover.classes.ts", "../../src/popover/popover.api.ts"],
|
|
4
|
+
"sourcesContent": ["export * from \"./popover.api\"\nexport * from \"./popover.classes\"\nexport type * from \"./popover.types\"\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const popoverClasses = {\n arrow: \"qui-popover__arrow\",\n arrowTip: \"qui-popover__arrow-tip\",\n closeTrigger: \"qui-popover__close-trigger\",\n content: \"qui-popover__content\",\n description: \"qui-popover__description\",\n indicator: \"qui-popover__indicator\",\n label: \"qui-popover__label\",\n trigger: \"qui-popover__trigger\",\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 {popoverClasses} from \"./popover.classes\"\nimport type {\n QdsPopoverApi,\n QdsPopoverApiProps,\n QdsPopoverArrowBindings,\n QdsPopoverContentBindings,\n} from \"./popover.types\"\n\nexport function createQdsPopoverApi(\n props: Explicit<QdsPopoverApiProps>,\n normalize: PropNormalizer,\n): QdsPopoverApi {\n const emphasis = props.emphasis || \"neutral\"\n\n return {\n emphasis,\n\n getArrowBindings(): QdsPopoverArrowBindings {\n return normalize.element({\n className: popoverClasses.arrow,\n \"data-emphasis\": emphasis,\n })\n },\n getContentBindings(): QdsPopoverContentBindings {\n return normalize.element({\n className: popoverClasses.content,\n \"data-emphasis\": emphasis,\n })\n },\n }\n}\n"],
|
|
5
|
+
"mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,yBAAAE,EAAA,mBAAAC,IAAA,eAAAC,EAAAJ,GCGO,IAAMK,EAAiB,CAC5B,MAAO,qBACP,SAAU,yBACV,aAAc,6BACd,QAAS,uBACT,YAAa,2BACb,UAAW,yBACX,MAAO,qBACP,QAAS,sBACX,ECEO,SAASC,EACdC,EACAC,EACe,CACf,IAAMC,EAAWF,EAAM,UAAY,UAEnC,MAAO,CACL,SAAAE,EAEA,kBAA4C,CAC1C,OAAOD,EAAU,QAAQ,CACvB,UAAWE,EAAe,MAC1B,gBAAiBD,CACnB,CAAC,CACH,EACA,oBAAgD,CAC9C,OAAOD,EAAU,QAAQ,CACvB,UAAWE,EAAe,QAC1B,gBAAiBD,CACnB,CAAC,CACH,CACF,CACF",
|
|
6
|
+
"names": ["popover_exports", "__export", "createQdsPopoverApi", "popoverClasses", "__toCommonJS", "popoverClasses", "createQdsPopoverApi", "props", "normalize", "emphasis", "popoverClasses"]
|
|
7
7
|
}
|
package/dist/popover/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/popover/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/popover/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA;AAC7B,cAAc,mBAAmB,CAAA;AACjC,mBAAmB,iBAAiB,CAAA"}
|
package/dist/popover/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var
|
|
1
|
+
var r={arrow:"qui-popover__arrow",arrowTip:"qui-popover__arrow-tip",closeTrigger:"qui-popover__close-trigger",content:"qui-popover__content",description:"qui-popover__description",indicator:"qui-popover__indicator",label:"qui-popover__label",trigger:"qui-popover__trigger"};function s(p,e){let o=p.emphasis||"neutral";return{emphasis:o,getArrowBindings(){return e.element({className:r.arrow,"data-emphasis":o})},getContentBindings(){return e.element({className:r.content,"data-emphasis":o})}}}export{s as createQdsPopoverApi,r as popoverClasses};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../src/popover/popover.classes.ts"],
|
|
4
|
-
"sourcesContent": ["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const popoverClasses = {\n arrow: \"qui-popover__arrow\",\n arrowTip: \"qui-popover__arrow-tip\",\n closeTrigger: \"qui-popover__close-trigger\",\n content: \"qui-popover__content\",\n description: \"qui-popover__description\",\n indicator: \"qui-popover__indicator\",\n label: \"qui-popover__label\",\n trigger: \"qui-popover__trigger\",\n} as const\n"],
|
|
5
|
-
"mappings": "AAGO,IAAMA,EAAiB,CAC5B,MAAO,qBACP,SAAU,yBACV,aAAc,6BACd,QAAS,uBACT,YAAa,2BACb,UAAW,yBACX,MAAO,qBACP,QAAS,sBACX",
|
|
6
|
-
"names": ["popoverClasses"]
|
|
3
|
+
"sources": ["../../src/popover/popover.classes.ts", "../../src/popover/popover.api.ts"],
|
|
4
|
+
"sourcesContent": ["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const popoverClasses = {\n arrow: \"qui-popover__arrow\",\n arrowTip: \"qui-popover__arrow-tip\",\n closeTrigger: \"qui-popover__close-trigger\",\n content: \"qui-popover__content\",\n description: \"qui-popover__description\",\n indicator: \"qui-popover__indicator\",\n label: \"qui-popover__label\",\n trigger: \"qui-popover__trigger\",\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 {popoverClasses} from \"./popover.classes\"\nimport type {\n QdsPopoverApi,\n QdsPopoverApiProps,\n QdsPopoverArrowBindings,\n QdsPopoverContentBindings,\n} from \"./popover.types\"\n\nexport function createQdsPopoverApi(\n props: Explicit<QdsPopoverApiProps>,\n normalize: PropNormalizer,\n): QdsPopoverApi {\n const emphasis = props.emphasis || \"neutral\"\n\n return {\n emphasis,\n\n getArrowBindings(): QdsPopoverArrowBindings {\n return normalize.element({\n className: popoverClasses.arrow,\n \"data-emphasis\": emphasis,\n })\n },\n getContentBindings(): QdsPopoverContentBindings {\n return normalize.element({\n className: popoverClasses.content,\n \"data-emphasis\": emphasis,\n })\n },\n }\n}\n"],
|
|
5
|
+
"mappings": "AAGO,IAAMA,EAAiB,CAC5B,MAAO,qBACP,SAAU,yBACV,aAAc,6BACd,QAAS,uBACT,YAAa,2BACb,UAAW,yBACX,MAAO,qBACP,QAAS,sBACX,ECEO,SAASC,EACdC,EACAC,EACe,CACf,IAAMC,EAAWF,EAAM,UAAY,UAEnC,MAAO,CACL,SAAAE,EAEA,kBAA4C,CAC1C,OAAOD,EAAU,QAAQ,CACvB,UAAWE,EAAe,MAC1B,gBAAiBD,CACnB,CAAC,CACH,EACA,oBAAgD,CAC9C,OAAOD,EAAU,QAAQ,CACvB,UAAWE,EAAe,QAC1B,gBAAiBD,CACnB,CAAC,CACH,CACF,CACF",
|
|
6
|
+
"names": ["popoverClasses", "createQdsPopoverApi", "props", "normalize", "emphasis", "popoverClasses"]
|
|
7
7
|
}
|
|
@@ -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 { QdsPopoverApi, QdsPopoverApiProps } from "./popover.types";
|
|
4
|
+
export declare function createQdsPopoverApi(props: Explicit<QdsPopoverApiProps>, normalize: PropNormalizer): QdsPopoverApi;
|
|
5
|
+
//# sourceMappingURL=popover.api.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"popover.api.d.ts","sourceRoot":"","sources":["../../src/popover/popover.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,EACV,aAAa,EACb,kBAAkB,EAGnB,MAAM,iBAAiB,CAAA;AAExB,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,QAAQ,CAAC,kBAAkB,CAAC,EACnC,SAAS,EAAE,cAAc,GACxB,aAAa,CAmBf"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import type { popoverClasses } from "./popover.classes";
|
|
2
|
+
export type QdsPopoverEmphasis = "neutral" | "brand";
|
|
3
|
+
export interface QdsPopoverApiProps {
|
|
4
|
+
/**
|
|
5
|
+
* The style variant of the popover.
|
|
6
|
+
*
|
|
7
|
+
* @option `'neutral'`: neutral overlay background with dark text.
|
|
8
|
+
* @option `'brand'`: brand primary background with white text.
|
|
9
|
+
*
|
|
10
|
+
* @default 'neutral'
|
|
11
|
+
*/
|
|
12
|
+
emphasis?: QdsPopoverEmphasis;
|
|
13
|
+
}
|
|
14
|
+
type PopoverClasses = typeof popoverClasses;
|
|
15
|
+
export interface QdsPopoverContentBindings {
|
|
16
|
+
className: PopoverClasses["content"];
|
|
17
|
+
"data-emphasis": QdsPopoverEmphasis;
|
|
18
|
+
}
|
|
19
|
+
export interface QdsPopoverArrowBindings {
|
|
20
|
+
className: PopoverClasses["arrow"];
|
|
21
|
+
"data-emphasis": QdsPopoverEmphasis;
|
|
22
|
+
}
|
|
23
|
+
export interface QdsPopoverApi {
|
|
24
|
+
emphasis: QdsPopoverEmphasis;
|
|
25
|
+
getArrowBindings(): QdsPopoverArrowBindings;
|
|
26
|
+
getContentBindings(): QdsPopoverContentBindings;
|
|
27
|
+
}
|
|
28
|
+
export {};
|
|
29
|
+
//# sourceMappingURL=popover.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"popover.types.d.ts","sourceRoot":"","sources":["../../src/popover/popover.types.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,mBAAmB,CAAA;AAErD,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,OAAO,CAAA;AAEpD,MAAM,WAAW,kBAAkB;IACjC;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,kBAAkB,CAAA;CAC9B;AAED,KAAK,cAAc,GAAG,OAAO,cAAc,CAAA;AAE3C,MAAM,WAAW,yBAAyB;IACxC,SAAS,EAAE,cAAc,CAAC,SAAS,CAAC,CAAA;IACpC,eAAe,EAAE,kBAAkB,CAAA;CACpC;AAED,MAAM,WAAW,uBAAuB;IACtC,SAAS,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;IAClC,eAAe,EAAE,kBAAkB,CAAA;CACpC;AAED,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,kBAAkB,CAAA;IAE5B,gBAAgB,IAAI,uBAAuB,CAAA;IAC3C,kBAAkB,IAAI,yBAAyB,CAAA;CAChD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.qui-popover__content{--arrow-
|
|
1
|
+
.qui-popover__content{--arrow-size:10px;border-radius:4px;box-shadow:var(--shadow-high);display:flex;flex-direction:column;font:var(--font-static-body-xs-default);gap:var(--spacing-70);padding:var(--spacing-110);position:relative;transform-origin:var(--transform-origin);z-index:calc(var(--z-index-popover) + var(--layer-index));--arrow-background:var(--color-surface-overlay);background:var(--color-surface-overlay);color:var(--color-text-neutral-primary)}.qui-popover__content[data-emphasis=brand]{--arrow-background:var(--color-background-brand-primary);background:var(--color-background-brand-primary);color:var(--color-utility-persistent-white)}.qui-popover__label{color:inherit;font:var(--font-static-heading-xxs-bold)}.qui-popover__description{align-items:flex-start;color:inherit;font:var(--font-static-body-xs-default);position:relative}.qui-popover__close-trigger{position:absolute;right:0;top:-20px}.qui-popover__indicator{display:inline-flex;margin-inline-start:4px}.qui-popover__indicator[data-state=open]{rotate:90deg}
|
package/dist/tag/index.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var o=Object.defineProperty;var r=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var m=(t,a)=>{for(var s in a)o(t,s,{get:a[s],enumerable:!0})},l=(t,a,s,e)=>{if(a&&typeof a=="object"||typeof a=="function")for(let i of g(a))!c.call(t,i)&&i!==s&&o(t,i,{get:()=>a[i],enumerable:!(e=r(a,i))||e.enumerable});return t};var u=t=>l(o({},"__esModule",{value:!0}),t);var B={};m(B,{createQdsTagApi:()=>b,tagClasses:()=>n});module.exports=u(B);var d=require("@qualcomm-ui/utils/attributes");var n={dismissButton:"qui-tag__dismiss-button",icon:"qui-tag__icon",root:"qui-tag__root"};function b(t,a){let s=t.size||"md";function e(){return t.variant==="link"||t.variant==="selectable"}let i={className:n.root,"data-disabled":(0,d.booleanDataAttr)(t.disabled),"data-emphasis":t.emphasis||"outline-brand","data-part":"root","data-radius":t.radius||"square","data-scope":"tag","data-selected":(0,d.booleanDataAttr)(t.selected),"data-size":s,"data-variant":t.variant};return{getDismissButtonBindings(){return a.button({"aria-label":"Dismiss",className:n.dismissButton,"data-disabled":(0,d.booleanDataAttr)(t.disabled),"data-part":"dismiss-button","data-scope":"tag","data-size":s,disabled:t.disabled,type:"button"})},getEndIconBindings(){return a.element({className:n.icon,"data-part":"end-icon","data-scope":"tag","data-size":s})},getRootBindings(){return e()?a.button({...i,disabled:t.disabled}):a.element(i)},getStartIconBindings(){return a.element({className:n.icon,"data-part":"start-icon","data-scope":"tag","data-size":s})},isInteractiveVariant:e}}
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
package/dist/tag/index.cjs.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/tag/index.ts", "../../src/tag/tag.api.ts", "../../src/tag/tag.classes.ts"],
|
|
4
|
-
"sourcesContent": ["export * from \"./tag.api\"\nexport * from \"./tag.classes\"\nexport type * from \"./tag.types\"\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {booleanDataAttr} from \"@qualcomm-ui/utils/attributes\"\nimport type {PropNormalizer} from \"@qualcomm-ui/utils/machine\"\n\nimport {tagClasses} from \"./tag.classes\"\nimport type {\n QdsTagApi,\n QdsTagApiProps,\n QdsTagDismissButtonBindings,\n QdsTagEndIconBindings,\n QdsTagRootBindings,\n QdsTagStartIconBindings,\n} from \"./tag.types\"\n\nexport function createQdsTagApi(\n props: QdsTagApiProps & {selected?: boolean | undefined},\n normalize: PropNormalizer,\n): QdsTagApi {\n const size = props.size || \"md\"\n\n
|
|
5
|
-
"mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,qBAAAE,EAAA,eAAAC,IAAA,eAAAC,EAAAJ,GCGA,IAAAK,EAA8B,yCCAvB,IAAMC,EAAa,CACxB,cAAe,0BACf,KAAM,gBACN,KAAM,eACR,EDSO,SAASC,EACdC,EACAC,EACW,CACX,IAAMC,EAAOF,EAAM,MAAQ,KAE3B,MAAO,CACL,0BAAwD,CACtD,OAAOC,EAAU,OAAO,CACtB,
|
|
6
|
-
"names": ["tag_exports", "__export", "createQdsTagApi", "tagClasses", "__toCommonJS", "import_attributes", "tagClasses", "createQdsTagApi", "props", "normalize", "size", "tagClasses"]
|
|
4
|
+
"sourcesContent": ["export * from \"./tag.api\"\nexport * from \"./tag.classes\"\nexport type * from \"./tag.types\"\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {booleanDataAttr} from \"@qualcomm-ui/utils/attributes\"\nimport type {PropNormalizer} from \"@qualcomm-ui/utils/machine\"\n\nimport {tagClasses} from \"./tag.classes\"\nimport type {\n QdsTagApi,\n QdsTagApiProps,\n QdsTagDismissButtonBindings,\n QdsTagEndIconBindings,\n QdsTagRootBindings,\n QdsTagStartIconBindings,\n} from \"./tag.types\"\n\nexport function createQdsTagApi(\n props: QdsTagApiProps & {selected?: boolean | undefined},\n normalize: PropNormalizer,\n): QdsTagApi {\n const size = props.size || \"md\"\n\n function isInteractiveVariant(): boolean {\n return props.variant === \"link\" || props.variant === \"selectable\"\n }\n\n const commonBindings = {\n className: tagClasses.root,\n \"data-disabled\": booleanDataAttr(props.disabled),\n \"data-emphasis\": props.emphasis || \"outline-brand\",\n \"data-part\": \"root\" as const,\n \"data-radius\": props.radius || \"square\",\n \"data-scope\": \"tag\" as const,\n \"data-selected\": booleanDataAttr(props.selected),\n \"data-size\": size,\n \"data-variant\": props.variant,\n }\n\n return {\n getDismissButtonBindings(): QdsTagDismissButtonBindings {\n return normalize.button({\n \"aria-label\": \"Dismiss\",\n className: tagClasses.dismissButton,\n \"data-disabled\": booleanDataAttr(props.disabled),\n \"data-part\": \"dismiss-button\",\n \"data-scope\": \"tag\",\n \"data-size\": size,\n disabled: props.disabled,\n type: \"button\",\n })\n },\n getEndIconBindings(): QdsTagEndIconBindings {\n return normalize.element({\n className: tagClasses.icon,\n \"data-part\": \"end-icon\",\n \"data-scope\": \"tag\",\n \"data-size\": size,\n })\n },\n getRootBindings(): QdsTagRootBindings {\n return isInteractiveVariant()\n ? normalize.button({...commonBindings, disabled: props.disabled})\n : normalize.element(commonBindings)\n },\n getStartIconBindings(): QdsTagStartIconBindings {\n return normalize.element({\n className: tagClasses.icon,\n \"data-part\": \"start-icon\",\n \"data-scope\": \"tag\",\n \"data-size\": size,\n })\n },\n isInteractiveVariant,\n }\n}\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const tagClasses = {\n dismissButton: \"qui-tag__dismiss-button\",\n icon: \"qui-tag__icon\",\n root: \"qui-tag__root\",\n} as const\n"],
|
|
5
|
+
"mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,qBAAAE,EAAA,eAAAC,IAAA,eAAAC,EAAAJ,GCGA,IAAAK,EAA8B,yCCAvB,IAAMC,EAAa,CACxB,cAAe,0BACf,KAAM,gBACN,KAAM,eACR,EDSO,SAASC,EACdC,EACAC,EACW,CACX,IAAMC,EAAOF,EAAM,MAAQ,KAE3B,SAASG,GAAgC,CACvC,OAAOH,EAAM,UAAY,QAAUA,EAAM,UAAY,YACvD,CAEA,IAAMI,EAAiB,CACrB,UAAWC,EAAW,KACtB,mBAAiB,mBAAgBL,EAAM,QAAQ,EAC/C,gBAAiBA,EAAM,UAAY,gBACnC,YAAa,OACb,cAAeA,EAAM,QAAU,SAC/B,aAAc,MACd,mBAAiB,mBAAgBA,EAAM,QAAQ,EAC/C,YAAaE,EACb,eAAgBF,EAAM,OACxB,EAEA,MAAO,CACL,0BAAwD,CACtD,OAAOC,EAAU,OAAO,CACtB,aAAc,UACd,UAAWI,EAAW,cACtB,mBAAiB,mBAAgBL,EAAM,QAAQ,EAC/C,YAAa,iBACb,aAAc,MACd,YAAaE,EACb,SAAUF,EAAM,SAChB,KAAM,QACR,CAAC,CACH,EACA,oBAA4C,CAC1C,OAAOC,EAAU,QAAQ,CACvB,UAAWI,EAAW,KACtB,YAAa,WACb,aAAc,MACd,YAAaH,CACf,CAAC,CACH,EACA,iBAAsC,CACpC,OAAOC,EAAqB,EACxBF,EAAU,OAAO,CAAC,GAAGG,EAAgB,SAAUJ,EAAM,QAAQ,CAAC,EAC9DC,EAAU,QAAQG,CAAc,CACtC,EACA,sBAAgD,CAC9C,OAAOH,EAAU,QAAQ,CACvB,UAAWI,EAAW,KACtB,YAAa,aACb,aAAc,MACd,YAAaH,CACf,CAAC,CACH,EACA,qBAAAC,CACF,CACF",
|
|
6
|
+
"names": ["tag_exports", "__export", "createQdsTagApi", "tagClasses", "__toCommonJS", "import_attributes", "tagClasses", "createQdsTagApi", "props", "normalize", "size", "isInteractiveVariant", "commonBindings", "tagClasses"]
|
|
7
7
|
}
|
package/dist/tag/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{booleanDataAttr as
|
|
1
|
+
import{booleanDataAttr as n}from"@qualcomm-ui/utils/attributes";var s={dismissButton:"qui-tag__dismiss-button",icon:"qui-tag__icon",root:"qui-tag__root"};function c(t,a){let i=t.size||"md";function e(){return t.variant==="link"||t.variant==="selectable"}let d={className:s.root,"data-disabled":n(t.disabled),"data-emphasis":t.emphasis||"outline-brand","data-part":"root","data-radius":t.radius||"square","data-scope":"tag","data-selected":n(t.selected),"data-size":i,"data-variant":t.variant};return{getDismissButtonBindings(){return a.button({"aria-label":"Dismiss",className:s.dismissButton,"data-disabled":n(t.disabled),"data-part":"dismiss-button","data-scope":"tag","data-size":i,disabled:t.disabled,type:"button"})},getEndIconBindings(){return a.element({className:s.icon,"data-part":"end-icon","data-scope":"tag","data-size":i})},getRootBindings(){return e()?a.button({...d,disabled:t.disabled}):a.element(d)},getStartIconBindings(){return a.element({className:s.icon,"data-part":"start-icon","data-scope":"tag","data-size":i})},isInteractiveVariant:e}}export{c as createQdsTagApi,s as tagClasses};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/dist/tag/index.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/tag/tag.api.ts", "../../src/tag/tag.classes.ts"],
|
|
4
|
-
"sourcesContent": ["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {booleanDataAttr} from \"@qualcomm-ui/utils/attributes\"\nimport type {PropNormalizer} from \"@qualcomm-ui/utils/machine\"\n\nimport {tagClasses} from \"./tag.classes\"\nimport type {\n QdsTagApi,\n QdsTagApiProps,\n QdsTagDismissButtonBindings,\n QdsTagEndIconBindings,\n QdsTagRootBindings,\n QdsTagStartIconBindings,\n} from \"./tag.types\"\n\nexport function createQdsTagApi(\n props: QdsTagApiProps & {selected?: boolean | undefined},\n normalize: PropNormalizer,\n): QdsTagApi {\n const size = props.size || \"md\"\n\n
|
|
5
|
-
"mappings": "AAGA,OAAQ,mBAAAA,MAAsB,gCCAvB,IAAMC,EAAa,CACxB,cAAe,0BACf,KAAM,gBACN,KAAM,eACR,EDSO,SAASC,EACdC,EACAC,EACW,CACX,IAAMC,EAAOF,EAAM,MAAQ,KAE3B,MAAO,CACL,0BAAwD,CACtD,OAAOC,EAAU,OAAO,CACtB,
|
|
6
|
-
"names": ["booleanDataAttr", "tagClasses", "createQdsTagApi", "props", "normalize", "size", "tagClasses", "booleanDataAttr"]
|
|
4
|
+
"sourcesContent": ["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {booleanDataAttr} from \"@qualcomm-ui/utils/attributes\"\nimport type {PropNormalizer} from \"@qualcomm-ui/utils/machine\"\n\nimport {tagClasses} from \"./tag.classes\"\nimport type {\n QdsTagApi,\n QdsTagApiProps,\n QdsTagDismissButtonBindings,\n QdsTagEndIconBindings,\n QdsTagRootBindings,\n QdsTagStartIconBindings,\n} from \"./tag.types\"\n\nexport function createQdsTagApi(\n props: QdsTagApiProps & {selected?: boolean | undefined},\n normalize: PropNormalizer,\n): QdsTagApi {\n const size = props.size || \"md\"\n\n function isInteractiveVariant(): boolean {\n return props.variant === \"link\" || props.variant === \"selectable\"\n }\n\n const commonBindings = {\n className: tagClasses.root,\n \"data-disabled\": booleanDataAttr(props.disabled),\n \"data-emphasis\": props.emphasis || \"outline-brand\",\n \"data-part\": \"root\" as const,\n \"data-radius\": props.radius || \"square\",\n \"data-scope\": \"tag\" as const,\n \"data-selected\": booleanDataAttr(props.selected),\n \"data-size\": size,\n \"data-variant\": props.variant,\n }\n\n return {\n getDismissButtonBindings(): QdsTagDismissButtonBindings {\n return normalize.button({\n \"aria-label\": \"Dismiss\",\n className: tagClasses.dismissButton,\n \"data-disabled\": booleanDataAttr(props.disabled),\n \"data-part\": \"dismiss-button\",\n \"data-scope\": \"tag\",\n \"data-size\": size,\n disabled: props.disabled,\n type: \"button\",\n })\n },\n getEndIconBindings(): QdsTagEndIconBindings {\n return normalize.element({\n className: tagClasses.icon,\n \"data-part\": \"end-icon\",\n \"data-scope\": \"tag\",\n \"data-size\": size,\n })\n },\n getRootBindings(): QdsTagRootBindings {\n return isInteractiveVariant()\n ? normalize.button({...commonBindings, disabled: props.disabled})\n : normalize.element(commonBindings)\n },\n getStartIconBindings(): QdsTagStartIconBindings {\n return normalize.element({\n className: tagClasses.icon,\n \"data-part\": \"start-icon\",\n \"data-scope\": \"tag\",\n \"data-size\": size,\n })\n },\n isInteractiveVariant,\n }\n}\n", "// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const tagClasses = {\n dismissButton: \"qui-tag__dismiss-button\",\n icon: \"qui-tag__icon\",\n root: \"qui-tag__root\",\n} as const\n"],
|
|
5
|
+
"mappings": "AAGA,OAAQ,mBAAAA,MAAsB,gCCAvB,IAAMC,EAAa,CACxB,cAAe,0BACf,KAAM,gBACN,KAAM,eACR,EDSO,SAASC,EACdC,EACAC,EACW,CACX,IAAMC,EAAOF,EAAM,MAAQ,KAE3B,SAASG,GAAgC,CACvC,OAAOH,EAAM,UAAY,QAAUA,EAAM,UAAY,YACvD,CAEA,IAAMI,EAAiB,CACrB,UAAWC,EAAW,KACtB,gBAAiBC,EAAgBN,EAAM,QAAQ,EAC/C,gBAAiBA,EAAM,UAAY,gBACnC,YAAa,OACb,cAAeA,EAAM,QAAU,SAC/B,aAAc,MACd,gBAAiBM,EAAgBN,EAAM,QAAQ,EAC/C,YAAaE,EACb,eAAgBF,EAAM,OACxB,EAEA,MAAO,CACL,0BAAwD,CACtD,OAAOC,EAAU,OAAO,CACtB,aAAc,UACd,UAAWI,EAAW,cACtB,gBAAiBC,EAAgBN,EAAM,QAAQ,EAC/C,YAAa,iBACb,aAAc,MACd,YAAaE,EACb,SAAUF,EAAM,SAChB,KAAM,QACR,CAAC,CACH,EACA,oBAA4C,CAC1C,OAAOC,EAAU,QAAQ,CACvB,UAAWI,EAAW,KACtB,YAAa,WACb,aAAc,MACd,YAAaH,CACf,CAAC,CACH,EACA,iBAAsC,CACpC,OAAOC,EAAqB,EACxBF,EAAU,OAAO,CAAC,GAAGG,EAAgB,SAAUJ,EAAM,QAAQ,CAAC,EAC9DC,EAAU,QAAQG,CAAc,CACtC,EACA,sBAAgD,CAC9C,OAAOH,EAAU,QAAQ,CACvB,UAAWI,EAAW,KACtB,YAAa,aACb,aAAc,MACd,YAAaH,CACf,CAAC,CACH,EACA,qBAAAC,CACF,CACF",
|
|
6
|
+
"names": ["booleanDataAttr", "tagClasses", "createQdsTagApi", "props", "normalize", "size", "isInteractiveVariant", "commonBindings", "tagClasses", "booleanDataAttr"]
|
|
7
7
|
}
|
package/dist/tag/qds-tag.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.qui-tag__root{align-items:center;background-color:transparent;border-radius:var(--
|
|
1
|
+
.qui-tag__root{align-items:center;background-color:transparent;border-radius:var(--tag-radius);box-sizing:border-box;cursor:default;display:inline-flex;font:var(--font-static-body-xs-default);max-height:var(--tag-size);min-height:var(--tag-size);outline:none;padding:var(--spacing-30) var(--spacing-70);background:var(--tag-bg-base);border:solid 1px var(--tag-border-base);-webkit-user-select:none;-moz-user-select:none;user-select:none;--tag-size:var(--sizing-90);--tag-radius:var(--border-radius-md);--tag-bg-base:transparent;--tag-bg-selected:transparent;--tag-border-base:var(--color-interactive-border-neutral-idle);--tag-border-selected:var(--tag-border-base);--icon-color:inherit}.qui-tag__root[data-size=sm]{--tag-size:var(--sizing-80);padding:0 var(--spacing-70)}.qui-tag__root[data-size=lg]{--tag-size:var(--sizing-100);font:var(--font-static-body-sm-default);padding:5px var(--spacing-80)}.qui-tag__root[data-radius=rounded]{--tag-radius:var(--border-radius-rounded)}.qui-tag__root[data-emphasis=outline-brand]{--tag-bg-base:var(--color-interactive-background-ghost-idle);--tag-bg-selected:var(--color-background-brand-primary);--tag-border-selected:var(--color-background-brand-primary);color:var(--color-interactive-text-primary-idle)}.qui-tag__root[data-emphasis=outline-brand][data-variant=link]:hover,.qui-tag__root[data-emphasis=outline-brand][data-variant=selectable]:not([data-selected]):hover{color:var(--color-interactive-text-primary-hover)}.qui-tag__root[data-emphasis=outline-brand][data-variant=link]:active{color:var(--color-interactive-text-primary-pressed)}.qui-tag__root[data-emphasis=outline-neutral]{--tag-bg-base:var(--color-interactive-background-ghost-idle);--tag-bg-selected:var(--color-background-support-neutral);color:var(--color-text-neutral-primary)}.qui-tag__root[data-emphasis=neutral]{--tag-bg-base:var(--color-background-support-neutral-subtle);--tag-bg-selected:var(--color-interactive-background-neutral-idle)}.qui-tag__root[data-emphasis=blue]{--tag-bg-base:var(--color-category-blue-subtle);--tag-bg-selected:var(--color-category-blue-strong);--tag-border-base:var(--color-category-blue-medium);--tag-border-selected:var(--color-category-blue-strong)}.qui-tag__root[data-emphasis=cyan]{--tag-bg-base:var(--color-category-cyan-subtle);--tag-bg-selected:var(--color-category-cyan-strong);--tag-border-base:var(--color-category-cyan-medium);--tag-border-selected:var(--color-category-cyan-strong)}.qui-tag__root[data-emphasis=teal]{--tag-bg-base:var(--color-category-teal-subtle);--tag-bg-selected:var(--color-category-teal-strong);--tag-border-base:var(--color-category-teal-medium);--tag-border-selected:var(--color-category-teal-strong)}.qui-tag__root[data-emphasis=green]{--tag-bg-base:var(--color-category-green-subtle);--tag-bg-selected:var(--color-category-green-strong);--tag-border-base:var(--color-category-green-medium);--tag-border-selected:var(--color-category-green-strong)}.qui-tag__root[data-emphasis=kiwi]{--tag-bg-base:var(--color-category-kiwi-subtle);--tag-bg-selected:var(--color-category-kiwi-strong);--tag-border-base:var(--color-category-kiwi-medium);--tag-border-selected:var(--color-category-kiwi-strong)}.qui-tag__root[data-emphasis=yellow]{--tag-bg-base:var(--color-category-yellow-subtle);--tag-bg-selected:var(--color-category-yellow-strong);--tag-border-base:var(--color-category-yellow-medium);--tag-border-selected:var(--color-category-yellow-strong)}.qui-tag__root[data-emphasis=orange]{--tag-bg-base:var(--color-category-orange-subtle);--tag-bg-selected:var(--color-category-orange-strong);--tag-border-base:var(--color-category-orange-medium);--tag-border-selected:var(--color-category-orange-strong)}.qui-tag__root[data-emphasis=red]{--tag-bg-base:var(--color-category-red-subtle);--tag-bg-selected:var(--color-category-red-strong);--tag-border-base:var(--color-category-red-medium);--tag-border-selected:var(--color-category-red-strong)}.qui-tag__root[data-emphasis=magenta]{--tag-bg-base:var(--color-category-magenta-subtle);--tag-bg-selected:var(--color-category-magenta-strong);--tag-border-base:var(--color-category-magenta-medium);--tag-border-selected:var(--color-category-magenta-strong)}.qui-tag__root[data-emphasis=purple]{--tag-bg-base:var(--color-category-purple-subtle);--tag-bg-selected:var(--color-category-purple-strong);--tag-border-base:var(--color-category-purple-medium);--tag-border-selected:var(--color-category-purple-strong)}.qui-tag__root[data-variant=link],.qui-tag__root[data-variant=selectable]{cursor:pointer}.qui-tag__root[data-variant=dismissable]{padding-inline-end:0}.qui-tag__root[data-variant=link]:hover,.qui-tag__root[data-variant=selectable]:hover{background:linear-gradient(var(--color-interactive-background-ghost-hover) 0 0),var(--tag-bg-base)}.qui-tag__root[data-variant=link]:hover{text-decoration:underline}.qui-tag__root[data-variant=link]:active{background:linear-gradient(var(--color-interactive-background-ghost-pressed) 0 0),var(--tag-bg-base)}.qui-tag__root[data-selected]{background:var(--tag-bg-selected);border-color:var(--tag-border-selected);color:var(--color-utility-persistent-white)}.qui-tag__root[data-emphasis=yellow][data-selected]{color:var(--color-utility-persistent-black)}.qui-tag__root[data-variant=selectable][data-selected]:hover{background:linear-gradient(var(--color-interactive-background-ghost-hover) 0 0),var(--tag-bg-selected)}.qui-tag__root[data-variant=link]:focus-visible,.qui-tag__root[data-variant=selectable]:focus-visible{border-color:var(--color-utility-focus-border);outline:solid 2px var(--color-utility-focus-border);outline-offset:-1px}.qui-tag__root[data-scope][data-disabled]:not([data-emphasis^=outline-]){background:var(--color-utility-disabled-background)}.qui-tag__root[data-scope][data-disabled]{border-color:var(--color-utility-disabled-border);color:var(--color-utility-disabled-text);cursor:default;--icon-color:var(--color-utility-disabled-icon)}.qui-tag__icon{color:var(--icon-color)}.qui-tag__icon[data-scope=tag][data-size]{--icon-size:var(--sizing-60)}.qui-tag__icon[data-scope=tag][data-size=lg]{--icon-size:var(--sizing-70)}.qui-tag__icon[data-part=start-icon]{margin-inline-end:var(--spacing-50)}.qui-tag__icon[data-part=end-icon]{margin-inline-start:var(--spacing-50)}.qui-tag__dismiss-button>.qui-tag__icon[data-part=end-icon]{margin-inline-start:0}.qui-tag__dismiss-button{align-items:center;background:transparent;border:none;border-radius:0 var(--tag-radius) var(--tag-radius) 0;color:var(--color-interactive-icon-neutral-idle);padding:0;margin-inline-start:var(--spacing-20);--icon-color:var(--color-interactive-icon-neutral-idle);width:var(--tag-size);height:var(--tag-size);display:inline-flex;justify-content:center}.qui-tag__dismiss-button:hover{background:var(--color-interactive-background-ghost-hover)}.qui-tag__dismiss-button:active{background:var(--color-interactive-background-ghost-pressed)}.qui-tag__dismiss-button:focus-visible{outline:solid 2px var(--color-utility-focus-border);outline-offset:-1px}.qui-tag__dismiss-button[data-disabled]{color:var(--color-utility-disabled-icon);cursor:default;pointer-events:none;--icon-color:var(--color-utility-disabled-icon)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tag.api.d.ts","sourceRoot":"","sources":["../../src/tag/tag.api.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,4BAA4B,CAAA;AAG9D,OAAO,KAAK,EACV,SAAS,EACT,cAAc,EAKf,MAAM,aAAa,CAAA;AAEpB,wBAAgB,eAAe,CAC7B,KAAK,EAAE,cAAc,GAAG;IAAC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;CAAC,EACxD,SAAS,EAAE,cAAc,GACxB,SAAS,
|
|
1
|
+
{"version":3,"file":"tag.api.d.ts","sourceRoot":"","sources":["../../src/tag/tag.api.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,4BAA4B,CAAA;AAG9D,OAAO,KAAK,EACV,SAAS,EACT,cAAc,EAKf,MAAM,aAAa,CAAA;AAEpB,wBAAgB,eAAe,CAC7B,KAAK,EAAE,cAAc,GAAG;IAAC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;CAAC,EACxD,SAAS,EAAE,cAAc,GACxB,SAAS,CAuDX"}
|
package/dist/tag/tag.types.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { BooleanDataAttr } from "@qualcomm-ui/utils/attributes";
|
|
2
2
|
import type { tagClasses } from "./tag.classes";
|
|
3
|
-
export type QdsTagEmphasis = "brand" | "outline-neutral" | "neutral";
|
|
3
|
+
export type QdsTagEmphasis = "outline-brand" | "outline-neutral" | "neutral" | "blue" | "cyan" | "teal" | "green" | "kiwi" | "yellow" | "orange" | "red" | "magenta" | "purple";
|
|
4
4
|
export type QdsTagRadius = "square" | "rounded";
|
|
5
5
|
export type QdsTagSize = "sm" | "md" | "lg";
|
|
6
6
|
export type QdsTagVariant = "link" | "selectable" | "dismissable";
|
|
@@ -12,7 +12,7 @@ export interface QdsTagApiProps {
|
|
|
12
12
|
disabled?: boolean;
|
|
13
13
|
/**
|
|
14
14
|
* Governs the color of the tag.
|
|
15
|
-
* @default 'brand'
|
|
15
|
+
* @default 'outline-brand'
|
|
16
16
|
*/
|
|
17
17
|
emphasis?: QdsTagEmphasis;
|
|
18
18
|
/**
|
|
@@ -32,7 +32,17 @@ export interface QdsTagApiProps {
|
|
|
32
32
|
variant?: QdsTagVariant;
|
|
33
33
|
}
|
|
34
34
|
type TagClasses = typeof tagClasses;
|
|
35
|
-
export interface
|
|
35
|
+
export interface QdsTagSpanRootBindings {
|
|
36
|
+
className: TagClasses["root"];
|
|
37
|
+
"data-disabled": BooleanDataAttr;
|
|
38
|
+
"data-emphasis": QdsTagEmphasis;
|
|
39
|
+
"data-part": "root";
|
|
40
|
+
"data-radius": QdsTagRadius;
|
|
41
|
+
"data-scope": "tag";
|
|
42
|
+
"data-size": QdsTagSize;
|
|
43
|
+
"data-variant"?: QdsTagVariant;
|
|
44
|
+
}
|
|
45
|
+
export interface QdsTagButtonRootBindings {
|
|
36
46
|
className: TagClasses["root"];
|
|
37
47
|
"data-disabled": BooleanDataAttr;
|
|
38
48
|
"data-emphasis": QdsTagEmphasis;
|
|
@@ -43,6 +53,7 @@ export interface QdsTagRootBindings {
|
|
|
43
53
|
"data-variant"?: QdsTagVariant;
|
|
44
54
|
disabled: boolean | undefined;
|
|
45
55
|
}
|
|
56
|
+
export type QdsTagRootBindings = QdsTagSpanRootBindings | QdsTagButtonRootBindings;
|
|
46
57
|
export interface QdsTagStartIconBindings {
|
|
47
58
|
className: TagClasses["icon"];
|
|
48
59
|
"data-part": "start-icon";
|
|
@@ -56,16 +67,21 @@ export interface QdsTagEndIconBindings {
|
|
|
56
67
|
"data-size": QdsTagSize;
|
|
57
68
|
}
|
|
58
69
|
export interface QdsTagDismissButtonBindings {
|
|
70
|
+
"aria-label": string;
|
|
59
71
|
className: TagClasses["dismissButton"];
|
|
60
72
|
"data-disabled": BooleanDataAttr;
|
|
73
|
+
"data-part": "dismiss-button";
|
|
74
|
+
"data-scope": "tag";
|
|
61
75
|
"data-size": QdsTagSize;
|
|
62
76
|
disabled: boolean | undefined;
|
|
77
|
+
type: "button";
|
|
63
78
|
}
|
|
64
79
|
export interface QdsTagApi {
|
|
65
80
|
getDismissButtonBindings(): QdsTagDismissButtonBindings;
|
|
66
81
|
getEndIconBindings(): QdsTagEndIconBindings;
|
|
67
82
|
getRootBindings(): QdsTagRootBindings;
|
|
68
83
|
getStartIconBindings(): QdsTagStartIconBindings;
|
|
84
|
+
isInteractiveVariant(): boolean;
|
|
69
85
|
}
|
|
70
86
|
export {};
|
|
71
87
|
//# sourceMappingURL=tag.types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tag.types.d.ts","sourceRoot":"","sources":["../../src/tag/tag.types.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,+BAA+B,CAAA;AAElE,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,eAAe,CAAA;AAE7C,MAAM,MAAM,cAAc,
|
|
1
|
+
{"version":3,"file":"tag.types.d.ts","sourceRoot":"","sources":["../../src/tag/tag.types.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,+BAA+B,CAAA;AAElE,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,eAAe,CAAA;AAE7C,MAAM,MAAM,cAAc,GACtB,eAAe,GACf,iBAAiB,GACjB,SAAS,GACT,MAAM,GACN,MAAM,GACN,MAAM,GACN,OAAO,GACP,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,KAAK,GACL,SAAS,GACT,QAAQ,CAAA;AAEZ,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,SAAS,CAAA;AAE/C,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAE3C,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,YAAY,GAAG,aAAa,CAAA;AAEjE,MAAM,WAAW,cAAc;IAC7B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,cAAc,CAAA;IAEzB;;;;OAIG;IACH,MAAM,CAAC,EAAE,YAAY,CAAA;IAErB;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;IAEjB;;OAEG;IACH,OAAO,CAAC,EAAE,aAAa,CAAA;CACxB;AAED,KAAK,UAAU,GAAG,OAAO,UAAU,CAAA;AAEnC,MAAM,WAAW,sBAAsB;IACrC,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,CAAA;IAC7B,eAAe,EAAE,eAAe,CAAA;IAChC,eAAe,EAAE,cAAc,CAAA;IAC/B,WAAW,EAAE,MAAM,CAAA;IACnB,aAAa,EAAE,YAAY,CAAA;IAC3B,YAAY,EAAE,KAAK,CAAA;IACnB,WAAW,EAAE,UAAU,CAAA;IACvB,cAAc,CAAC,EAAE,aAAa,CAAA;CAC/B;AAED,MAAM,WAAW,wBAAwB;IACvC,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,CAAA;IAC7B,eAAe,EAAE,eAAe,CAAA;IAChC,eAAe,EAAE,cAAc,CAAA;IAC/B,WAAW,EAAE,MAAM,CAAA;IACnB,aAAa,EAAE,YAAY,CAAA;IAC3B,YAAY,EAAE,KAAK,CAAA;IACnB,WAAW,EAAE,UAAU,CAAA;IACvB,cAAc,CAAC,EAAE,aAAa,CAAA;IAC9B,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAA;CAC9B;AAED,MAAM,MAAM,kBAAkB,GAC1B,sBAAsB,GACtB,wBAAwB,CAAA;AAE5B,MAAM,WAAW,uBAAuB;IACtC,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,CAAA;IAC7B,WAAW,EAAE,YAAY,CAAA;IACzB,YAAY,EAAE,KAAK,CAAA;IACnB,WAAW,EAAE,UAAU,CAAA;CACxB;AAED,MAAM,WAAW,qBAAqB;IACpC,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,CAAA;IAC7B,WAAW,EAAE,UAAU,CAAA;IACvB,YAAY,EAAE,KAAK,CAAA;IACnB,WAAW,EAAE,UAAU,CAAA;CACxB;AAED,MAAM,WAAW,2BAA2B;IAC1C,YAAY,EAAE,MAAM,CAAA;IACpB,SAAS,EAAE,UAAU,CAAC,eAAe,CAAC,CAAA;IACtC,eAAe,EAAE,eAAe,CAAA;IAChC,WAAW,EAAE,gBAAgB,CAAA;IAC7B,YAAY,EAAE,KAAK,CAAA;IACnB,WAAW,EAAE,UAAU,CAAA;IACvB,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7B,IAAI,EAAE,QAAQ,CAAA;CACf;AAED,MAAM,WAAW,SAAS;IACxB,wBAAwB,IAAI,2BAA2B,CAAA;IACvD,kBAAkB,IAAI,qBAAqB,CAAA;IAC3C,eAAe,IAAI,kBAAkB,CAAA;IACrC,oBAAoB,IAAI,uBAAuB,CAAA;IAC/C,oBAAoB,IAAI,OAAO,CAAA;CAChC"}
|