@qualcomm-ui/qds-core 1.13.0 → 1.14.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/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}
|