@qualcomm-ui/qds-core 1.28.4 → 1.29.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/button/button-group-shared.types.d.ts +54 -0
- package/dist/button/button-group-shared.types.d.ts.map +1 -0
- package/dist/button/button-group.api.d.ts +9 -0
- package/dist/button/button-group.api.d.ts.map +1 -1
- package/dist/button/button-group.types.d.ts +3 -45
- package/dist/button/button-group.types.d.ts.map +1 -1
- package/dist/button/index.cjs +1 -1
- package/dist/button/index.cjs.map +1 -1
- package/dist/button/index.d.ts +1 -0
- package/dist/button/index.d.ts.map +1 -1
- package/dist/button/index.js +1 -1
- package/dist/button/index.js.map +1 -1
- package/dist/components.min.css +42 -42
- package/dist/menu/index.cjs +1 -1
- package/dist/menu/index.cjs.map +1 -1
- package/dist/menu/index.d.ts +3 -0
- package/dist/menu/index.d.ts.map +1 -1
- package/dist/menu/index.js +1 -1
- package/dist/menu/index.js.map +1 -1
- package/dist/menu/menu-split-button.anatomy.d.ts +5 -0
- package/dist/menu/menu-split-button.anatomy.d.ts.map +1 -0
- package/dist/menu/menu-split-button.api.d.ts +5 -0
- package/dist/menu/menu-split-button.api.d.ts.map +1 -0
- package/dist/menu/menu-split-button.types.d.ts +20 -0
- package/dist/menu/menu-split-button.types.d.ts.map +1 -0
- package/dist/menu/menu.classes.d.ts +1 -0
- package/dist/menu/menu.classes.d.ts.map +1 -1
- package/dist/menu/qds-menu.css +1 -1
- package/dist/tag/index.cjs +1 -1
- package/dist/tag/index.cjs.map +1 -1
- package/dist/tag/index.js +1 -1
- package/dist/tag/index.js.map +1 -1
- 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 +2 -3
- package/dist/tag/tag.types.d.ts.map +1 -1
- package/dist/tsbuildinfo +1 -1
- package/package.json +5 -2
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import type { BooleanDataAttr } from "@qualcomm-ui/utils/attributes";
|
|
2
|
+
import type { QdsButtonDensity, QdsButtonEmphasis, QdsButtonSize, QdsButtonVariant } from "./button.types";
|
|
3
|
+
/**
|
|
4
|
+
* Props and bindings shared between button group and split button.
|
|
5
|
+
*/
|
|
6
|
+
export interface QdsButtonGroupCommonProps {
|
|
7
|
+
/**
|
|
8
|
+
* {@link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Attributes/aria-label aria-label}
|
|
9
|
+
* attribute.
|
|
10
|
+
*/
|
|
11
|
+
["aria-label"]?: string;
|
|
12
|
+
/**
|
|
13
|
+
* {@link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Attributes/aria-labelledby aria-labelledby}
|
|
14
|
+
* attribute.
|
|
15
|
+
*/
|
|
16
|
+
["aria-labelledby"]?: string;
|
|
17
|
+
/**
|
|
18
|
+
* The density of the buttons. Governs padding and height.
|
|
19
|
+
*
|
|
20
|
+
* @default 'default'
|
|
21
|
+
*/
|
|
22
|
+
density?: QdsButtonDensity;
|
|
23
|
+
/**
|
|
24
|
+
* Disables every button in the group.
|
|
25
|
+
*
|
|
26
|
+
* @default false
|
|
27
|
+
*/
|
|
28
|
+
disabled?: boolean | undefined;
|
|
29
|
+
/**
|
|
30
|
+
* The emphasis of the buttons in the group.
|
|
31
|
+
*/
|
|
32
|
+
emphasis?: QdsButtonEmphasis;
|
|
33
|
+
/**
|
|
34
|
+
* The size of the buttons in the group.
|
|
35
|
+
*
|
|
36
|
+
* @default 'md'
|
|
37
|
+
*/
|
|
38
|
+
size?: QdsButtonSize;
|
|
39
|
+
/**
|
|
40
|
+
* The variant of the buttons in the group.
|
|
41
|
+
*/
|
|
42
|
+
variant?: QdsButtonVariant;
|
|
43
|
+
}
|
|
44
|
+
export interface QdsButtonGroupCommonBindings {
|
|
45
|
+
"aria-label"?: string;
|
|
46
|
+
"aria-labelledby"?: string;
|
|
47
|
+
"data-density": QdsButtonDensity;
|
|
48
|
+
"data-disabled": BooleanDataAttr;
|
|
49
|
+
"data-emphasis"?: QdsButtonEmphasis;
|
|
50
|
+
"data-size": QdsButtonSize;
|
|
51
|
+
"data-variant"?: QdsButtonVariant;
|
|
52
|
+
role?: "group";
|
|
53
|
+
}
|
|
54
|
+
//# sourceMappingURL=button-group-shared.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button-group-shared.types.d.ts","sourceRoot":"","sources":["../../src/button/button-group-shared.types.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,+BAA+B,CAAA;AAElE,OAAO,KAAK,EACV,gBAAgB,EAChB,iBAAiB,EACjB,aAAa,EACb,gBAAgB,EACjB,MAAM,gBAAgB,CAAA;AAEvB;;GAEG;AAEH,MAAM,WAAW,yBAAyB;IACxC;;;OAGG;IACH,CAAC,YAAY,CAAC,CAAC,EAAE,MAAM,CAAA;IAEvB;;;OAGG;IACH,CAAC,iBAAiB,CAAC,CAAC,EAAE,MAAM,CAAA;IAE5B;;;;OAIG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAA;IAE1B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAE9B;;OAEG;IACH,QAAQ,CAAC,EAAE,iBAAiB,CAAA;IAE5B;;;;OAIG;IACH,IAAI,CAAC,EAAE,aAAa,CAAA;IAEpB;;OAEG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAA;CAC3B;AAED,MAAM,WAAW,4BAA4B;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,cAAc,EAAE,gBAAgB,CAAA;IAChC,eAAe,EAAE,eAAe,CAAA;IAChC,eAAe,CAAC,EAAE,iBAAiB,CAAA;IACnC,WAAW,EAAE,aAAa,CAAA;IAC1B,cAAc,CAAC,EAAE,gBAAgB,CAAA;IACjC,IAAI,CAAC,EAAE,OAAO,CAAA;CACf"}
|
|
@@ -1,5 +1,14 @@
|
|
|
1
1
|
import type { Explicit } from "@qualcomm-ui/utils/guard";
|
|
2
2
|
import type { PropNormalizer } from "@qualcomm-ui/utils/machine";
|
|
3
3
|
import type { QdsButtonGroupApiProps, QdsButtonGroupBindings } from "./button-group.types";
|
|
4
|
+
import type { QdsButtonApiProps } from "./button.types";
|
|
5
|
+
export type ResolvableButtonGroupProps = Pick<QdsButtonGroupApiProps, keyof QdsButtonGroupApiProps & keyof QdsButtonApiProps>;
|
|
6
|
+
/**
|
|
7
|
+
* Merges button-group context values with a button's own props.
|
|
8
|
+
*
|
|
9
|
+
* `density`, `disabled`, and `size` are non-overridable (group wins).
|
|
10
|
+
* `emphasis` and `variant` are overridable per-button (button wins).
|
|
11
|
+
*/
|
|
12
|
+
export declare function resolveButtonPropsWithGroup<T extends ResolvableButtonGroupProps>(group: ResolvableButtonGroupProps | undefined, base: T): T;
|
|
4
13
|
export declare function getQdsButtonGroupBindings({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, density, disabled, emphasis, layout, size, variant, }: Explicit<QdsButtonGroupApiProps>, normalize: PropNormalizer): QdsButtonGroupBindings;
|
|
5
14
|
//# sourceMappingURL=button-group.api.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-group.api.d.ts","sourceRoot":"","sources":["../../src/button/button-group.api.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,0BAA0B,CAAA;AACtD,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,4BAA4B,CAAA;AAG9D,OAAO,KAAK,EACV,sBAAsB,EACtB,sBAAsB,EACvB,MAAM,sBAAsB,CAAA;
|
|
1
|
+
{"version":3,"file":"button-group.api.d.ts","sourceRoot":"","sources":["../../src/button/button-group.api.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,0BAA0B,CAAA;AACtD,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,4BAA4B,CAAA;AAG9D,OAAO,KAAK,EACV,sBAAsB,EACtB,sBAAsB,EACvB,MAAM,sBAAsB,CAAA;AAE7B,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,gBAAgB,CAAA;AAErD,MAAM,MAAM,0BAA0B,GAAG,IAAI,CAC3C,sBAAsB,EACtB,MAAM,sBAAsB,GAAG,MAAM,iBAAiB,CACvD,CAAA;AAED;;;;;GAKG;AACH,wBAAgB,2BAA2B,CACzC,CAAC,SAAS,0BAA0B,EACpC,KAAK,EAAE,0BAA0B,GAAG,SAAS,EAAE,IAAI,EAAE,CAAC,GAAG,CAAC,CAa3D;AAID,wBAAgB,yBAAyB,CACvC,EACE,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,IAAI,EACJ,OAAO,GACR,EAAE,QAAQ,CAAC,sBAAsB,CAAC,EACnC,SAAS,EAAE,cAAc,GACxB,sBAAsB,CAgBxB"}
|
|
@@ -1,37 +1,12 @@
|
|
|
1
1
|
import type { AnatomyPart, AnatomyPartName } from "@qualcomm-ui/utils/anatomy";
|
|
2
|
-
import type {
|
|
2
|
+
import type { QdsButtonGroupCommonBindings, QdsButtonGroupCommonProps } from "./button-group-shared.types";
|
|
3
3
|
import type { buttonGroupAnatomy } from "./button-group.anatomy";
|
|
4
4
|
import type { buttonClasses } from "./button.classes";
|
|
5
|
-
import type { QdsButtonDensity, QdsButtonEmphasis, QdsButtonSize, QdsButtonVariant } from "./button.types";
|
|
6
5
|
/**
|
|
7
6
|
* The button group layouts
|
|
8
7
|
*/
|
|
9
8
|
export type QdsButtonGroupLayout = "hug" | "start" | "end" | "fill";
|
|
10
|
-
export interface QdsButtonGroupApiProps {
|
|
11
|
-
/**
|
|
12
|
-
* Accessible name for the button group.
|
|
13
|
-
*/
|
|
14
|
-
["aria-label"]?: string;
|
|
15
|
-
/**
|
|
16
|
-
* Id(s) of element(s) that label the button group.
|
|
17
|
-
*/
|
|
18
|
-
["aria-labelledby"]?: string;
|
|
19
|
-
/**
|
|
20
|
-
* The density of the button. Governs padding and height.
|
|
21
|
-
*
|
|
22
|
-
* @default 'default'
|
|
23
|
-
*/
|
|
24
|
-
density?: QdsButtonDensity;
|
|
25
|
-
/**
|
|
26
|
-
* Disables all buttons within the group.
|
|
27
|
-
*
|
|
28
|
-
* @default false
|
|
29
|
-
*/
|
|
30
|
-
disabled?: boolean | undefined;
|
|
31
|
-
/**
|
|
32
|
-
* The emphasis of the buttons in the group.
|
|
33
|
-
*/
|
|
34
|
-
emphasis?: QdsButtonEmphasis;
|
|
9
|
+
export interface QdsButtonGroupApiProps extends QdsButtonGroupCommonProps {
|
|
35
10
|
/**
|
|
36
11
|
* The layout used to display the button group.
|
|
37
12
|
* - `hug`: Content-sized; width matches the buttons only (default).
|
|
@@ -42,30 +17,13 @@ export interface QdsButtonGroupApiProps {
|
|
|
42
17
|
* @default 'hug'
|
|
43
18
|
*/
|
|
44
19
|
layout?: QdsButtonGroupLayout;
|
|
45
|
-
/**
|
|
46
|
-
* The size of the buttons in the group.
|
|
47
|
-
*
|
|
48
|
-
* @default 'md'
|
|
49
|
-
*/
|
|
50
|
-
size?: QdsButtonSize;
|
|
51
|
-
/**
|
|
52
|
-
* The variant of the buttons in the group.
|
|
53
|
-
*/
|
|
54
|
-
variant?: QdsButtonVariant;
|
|
55
20
|
}
|
|
56
21
|
type PartName = AnatomyPartName<typeof buttonGroupAnatomy>;
|
|
57
22
|
interface Part<P extends PartName> extends AnatomyPart<"buttonGroup", P> {
|
|
58
23
|
}
|
|
59
|
-
export interface QdsButtonGroupBindings extends Part<"root"
|
|
60
|
-
"aria-label"?: string;
|
|
61
|
-
"aria-labelledby"?: string;
|
|
24
|
+
export interface QdsButtonGroupBindings extends Part<"root">, QdsButtonGroupCommonBindings {
|
|
62
25
|
className: (typeof buttonClasses)["group"];
|
|
63
|
-
"data-disabled": BooleanDataAttr;
|
|
64
|
-
"data-emphasis"?: QdsButtonEmphasis;
|
|
65
26
|
"data-layout": QdsButtonGroupLayout;
|
|
66
|
-
"data-size"?: QdsButtonSize;
|
|
67
|
-
"data-variant"?: QdsButtonVariant;
|
|
68
|
-
role?: "group";
|
|
69
27
|
}
|
|
70
28
|
export {};
|
|
71
29
|
//# sourceMappingURL=button-group.types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-group.types.d.ts","sourceRoot":"","sources":["../../src/button/button-group.types.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,WAAW,EAAE,eAAe,EAAC,MAAM,4BAA4B,CAAA;
|
|
1
|
+
{"version":3,"file":"button-group.types.d.ts","sourceRoot":"","sources":["../../src/button/button-group.types.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,WAAW,EAAE,eAAe,EAAC,MAAM,4BAA4B,CAAA;AAE5E,OAAO,KAAK,EACV,4BAA4B,EAC5B,yBAAyB,EAC1B,MAAM,6BAA6B,CAAA;AACpC,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,wBAAwB,CAAA;AAC9D,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,kBAAkB,CAAA;AAEnD;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG,KAAK,GAAG,OAAO,GAAG,KAAK,GAAG,MAAM,CAAA;AAEnE,MAAM,WAAW,sBAAuB,SAAQ,yBAAyB;IACvE;;;;;;;;OAQG;IACH,MAAM,CAAC,EAAE,oBAAoB,CAAA;CAC9B;AAED,KAAK,QAAQ,GAAG,eAAe,CAAC,OAAO,kBAAkB,CAAC,CAAA;AAC1D,UAAU,IAAI,CAAC,CAAC,SAAS,QAAQ,CAAE,SAAQ,WAAW,CAAC,aAAa,EAAE,CAAC,CAAC;CAAG;AAE3E,MAAM,WAAW,sBACf,SAAQ,IAAI,CAAC,MAAM,CAAC,EAAE,4BAA4B;IAClD,SAAS,EAAE,CAAC,OAAO,aAAa,CAAC,CAAC,OAAO,CAAC,CAAA;IAC1C,aAAa,EAAE,oBAAoB,CAAA;CACpC"}
|
package/dist/button/index.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require(`@qualcomm-ui/utils/attributes`),t=require(`@qualcomm-ui/utils/anatomy`);var n=(0,t.createAnatomy)(`buttonGroup`).parts(`root`),r={group:`qui-button-group`,icon:`qui-button__icon`,root:`qui-button__root`},i=n.parts;function
|
|
1
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require(`@qualcomm-ui/utils/attributes`),t=require(`@qualcomm-ui/utils/anatomy`);var n=(0,t.createAnatomy)(`buttonGroup`).parts(`root`),r={group:`qui-button-group`,icon:`qui-button__icon`,root:`qui-button__root`};function i(e,t){if(!e)return t;let{density:n,disabled:r,emphasis:i,size:a,variant:o}=e;return{...t,density:n??t.density,disabled:r??t.disabled,emphasis:t.emphasis??i,size:a??t.size,variant:t.variant??o}}var a=n.parts;function o({"aria-label":t,"aria-labelledby":n,density:i,disabled:o,emphasis:s,layout:c,size:l,variant:u},d){let f=!!(t||n);return d.element({...a.root,"aria-label":t||void 0,"aria-labelledby":n||void 0,className:r.group,"data-density":i||`default`,"data-disabled":(0,e.booleanDataAttr)(o),"data-emphasis":s||void 0,"data-layout":c||`hug`,"data-size":l||`md`,"data-variant":u||void 0,...f&&{role:`group`}})}var s=(0,t.createAnatomy)(`button`).parts(`root`,`icon`),c=s.parts,l={size:`md`};function u(t,n){let i=t.density||`default`,a=t.disabled,o=t.emphasis||`neutral`,s=t.size||l.size,u=t.variant||`fill`;return{getEndIconBindings(){return n.element({...c.icon,className:r.icon,"data-density":i,"data-placement":`end`,"data-size":s})},getRootBindings(){return n.button({...c.root,className:r.root,"data-density":i,"data-disabled":(0,e.booleanDataAttr)(a),"data-emphasis":o,"data-kind":`text`,"data-size":s,"data-variant":u,disabled:a})},getStartIconBindings(){return n.element({...c.icon,className:r.icon,"data-density":i,"data-placement":`start`,"data-size":s})}}}var d=(0,t.createAnatomy)(`iconButton`).parts(`root`,`icon`),f=d.parts;function p(t,n){let i=t.density||`default`,a=t.disabled,o=t.emphasis||`neutral`,s=t.shape||`square`,c=t.size||`md`,l=t.variant||`fill`;return{getIconBindings(){return n.element({...f.icon,className:r.icon,"data-density":i,"data-size":c})},getRootBindings(){return n.button({...f.root,className:r.root,"data-density":i,"data-disabled":(0,e.booleanDataAttr)(a),"data-emphasis":o,"data-kind":`icon`,"data-shape":s,"data-size":c,"data-variant":l,disabled:a})}}}exports.buttonAnatomy=s,exports.buttonClasses=r,exports.buttonGroupAnatomy=n,exports.createQdsButtonApi=u,exports.createQdsIconButtonApi=p,exports.getQdsButtonGroupBindings=o,exports.iconButtonAnatomy=d,exports.resolveButtonPropsWithGroup=i;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","names":[],"sources":["../../src/button/button-group.anatomy.ts","../../src/button/button.classes.ts","../../src/button/button-group.api.ts","../../src/button/button.anatomy.ts","../../src/button/button.api.ts","../../src/button/icon-button.anatomy.ts","../../src/button/icon-button.api.ts"],"sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {type Anatomy, createAnatomy} from \"@qualcomm-ui/utils/anatomy\"\n\nconst parts = [\"root\"] as const\n\nexport const buttonGroupAnatomy: Anatomy<\n \"buttonGroup\",\n (typeof parts)[number]\n> = createAnatomy(\"buttonGroup\").parts(...parts)\n","// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const buttonClasses = {\n group: \"qui-button-group\",\n icon: \"qui-button__icon\",\n root: \"qui-button__root\",\n} as const\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 {Explicit} from \"@qualcomm-ui/utils/guard\"\nimport type {PropNormalizer} from \"@qualcomm-ui/utils/machine\"\n\nimport {buttonGroupAnatomy} from \"./button-group.anatomy\"\nimport type {\n QdsButtonGroupApiProps,\n QdsButtonGroupBindings,\n} from \"./button-group.types\"\nimport {buttonClasses} from \"./button.classes\"\n\nconst parts = buttonGroupAnatomy.parts\n\nexport function getQdsButtonGroupBindings(\n {\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledby,\n density,\n disabled,\n emphasis,\n layout,\n size,\n variant,\n }: Explicit<QdsButtonGroupApiProps>,\n normalize: PropNormalizer,\n): QdsButtonGroupBindings {\n const hasAriaLabel = !!(ariaLabel || ariaLabelledby)\n\n return normalize.element({\n ...parts.root,\n \"aria-label\": ariaLabel || undefined,\n \"aria-labelledby\": ariaLabelledby || undefined,\n className: buttonClasses.group,\n \"data-density\": density || \"default\",\n \"data-disabled\": booleanDataAttr(disabled),\n \"data-emphasis\": emphasis || undefined,\n \"data-layout\": layout || \"hug\",\n \"data-size\": size || \"md\",\n \"data-variant\": variant || undefined,\n ...(hasAriaLabel && {role: \"group\"}),\n })\n}\n","// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {type Anatomy, createAnatomy} from \"@qualcomm-ui/utils/anatomy\"\n\nconst parts = [\"root\", \"icon\"] as const\n\nexport const buttonAnatomy: Anatomy<\"button\", (typeof parts)[number]> =\n createAnatomy(\"button\").parts(...parts)\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 {Explicit} from \"@qualcomm-ui/utils/guard\"\nimport type {PropNormalizer} from \"@qualcomm-ui/utils/machine\"\n\nimport {buttonAnatomy} from \"./button.anatomy\"\nimport {buttonClasses} from \"./button.classes\"\nimport type {\n QdsButtonApi,\n QdsButtonApiProps,\n QdsButtonEndIconBindings,\n QdsButtonRootBindings,\n QdsButtonStartIconBindings,\n} from \"./button.types\"\n\nconst parts = buttonAnatomy.parts\n\nconst sharedDefaults = {\n size: \"md\",\n} satisfies Pick<QdsButtonApiProps, \"size\">\n\nexport function createQdsButtonApi(\n props: Explicit<QdsButtonApiProps>,\n normalize: PropNormalizer,\n): QdsButtonApi {\n const density = props.density || \"default\"\n const disabled = props.disabled\n const emphasis = props.emphasis || \"neutral\"\n const size = props.size || sharedDefaults.size\n const variant = props.variant || \"fill\"\n\n return {\n getEndIconBindings(): QdsButtonEndIconBindings {\n return normalize.element({\n ...parts.icon,\n className: buttonClasses.icon,\n \"data-density\": density,\n \"data-placement\": \"end\",\n \"data-size\": size,\n })\n },\n getRootBindings(): QdsButtonRootBindings {\n return normalize.button({\n ...parts.root,\n className: buttonClasses.root,\n \"data-density\": density,\n \"data-disabled\": booleanDataAttr(disabled),\n \"data-emphasis\": emphasis,\n \"data-kind\": \"text\",\n \"data-size\": size,\n \"data-variant\": variant,\n disabled,\n })\n },\n getStartIconBindings(): QdsButtonStartIconBindings {\n return normalize.element({\n ...parts.icon,\n className: buttonClasses.icon,\n \"data-density\": density,\n \"data-placement\": \"start\",\n \"data-size\": size,\n })\n },\n }\n}\n","// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {type Anatomy, createAnatomy} from \"@qualcomm-ui/utils/anatomy\"\n\nconst parts = [\"root\", \"icon\"] as const\n\nexport const iconButtonAnatomy: Anatomy<\"iconButton\", (typeof parts)[number]> =\n createAnatomy(\"iconButton\").parts(...parts)\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 {Explicit} from \"@qualcomm-ui/utils/guard\"\nimport type {PropNormalizer} from \"@qualcomm-ui/utils/machine\"\n\nimport {buttonClasses} from \"./button.classes\"\nimport {iconButtonAnatomy} from \"./icon-button.anatomy\"\nimport type {\n QdsIconButtonApi,\n QdsIconButtonApiProps,\n QdsIconButtonIconBindings,\n QdsIconButtonRootBindings,\n} from \"./icon-button.types\"\n\nconst parts = iconButtonAnatomy.parts\n\nexport function createQdsIconButtonApi(\n props: Explicit<QdsIconButtonApiProps>,\n normalize: PropNormalizer,\n): QdsIconButtonApi {\n const density = props.density || \"default\"\n const disabled = props.disabled\n const emphasis = props.emphasis || \"neutral\"\n const shape = props.shape || \"square\"\n const size = props.size || \"md\"\n const variant = props.variant || \"fill\"\n\n return {\n getIconBindings(): QdsIconButtonIconBindings {\n return normalize.element({\n ...parts.icon,\n className: buttonClasses.icon,\n \"data-density\": density,\n \"data-size\": size,\n })\n },\n getRootBindings(): QdsIconButtonRootBindings {\n return normalize.button({\n ...parts.root,\n className: buttonClasses.root,\n \"data-density\": density,\n \"data-disabled\": booleanDataAttr(disabled),\n \"data-emphasis\": emphasis,\n \"data-kind\": \"icon\",\n \"data-shape\": shape,\n \"data-size\": size,\n \"data-variant\": variant,\n disabled,\n })\n },\n }\n}\n"],"mappings":"0JAOA,IAAa,GAAA,EAAA,EAAA,eAGK,cAAc,CAAC,MALlB,OAKiC,CCPnC,EAAgB,CAC3B,MAAO,mBACP,KAAM,mBACN,KAAM,mBACP,
|
|
1
|
+
{"version":3,"file":"index.cjs","names":[],"sources":["../../src/button/button-group.anatomy.ts","../../src/button/button.classes.ts","../../src/button/button-group.api.ts","../../src/button/button.anatomy.ts","../../src/button/button.api.ts","../../src/button/icon-button.anatomy.ts","../../src/button/icon-button.api.ts"],"sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {type Anatomy, createAnatomy} from \"@qualcomm-ui/utils/anatomy\"\n\nconst parts = [\"root\"] as const\n\nexport const buttonGroupAnatomy: Anatomy<\n \"buttonGroup\",\n (typeof parts)[number]\n> = createAnatomy(\"buttonGroup\").parts(...parts)\n","// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const buttonClasses = {\n group: \"qui-button-group\",\n icon: \"qui-button__icon\",\n root: \"qui-button__root\",\n} as const\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 {Explicit} from \"@qualcomm-ui/utils/guard\"\nimport type {PropNormalizer} from \"@qualcomm-ui/utils/machine\"\n\nimport {buttonGroupAnatomy} from \"./button-group.anatomy\"\nimport type {\n QdsButtonGroupApiProps,\n QdsButtonGroupBindings,\n} from \"./button-group.types\"\nimport {buttonClasses} from \"./button.classes\"\nimport type {QdsButtonApiProps} from \"./button.types\"\n\nexport type ResolvableButtonGroupProps = Pick<\n QdsButtonGroupApiProps,\n keyof QdsButtonGroupApiProps & keyof QdsButtonApiProps\n>\n\n/**\n * Merges button-group context values with a button's own props.\n *\n * `density`, `disabled`, and `size` are non-overridable (group wins).\n * `emphasis` and `variant` are overridable per-button (button wins).\n */\nexport function resolveButtonPropsWithGroup<\n T extends ResolvableButtonGroupProps,\n>(group: ResolvableButtonGroupProps | undefined, base: T): T {\n if (!group) {\n return base\n }\n const {density, disabled, emphasis, size, variant} = group\n return {\n ...base,\n density: density ?? base.density,\n disabled: disabled ?? base.disabled,\n emphasis: base.emphasis ?? emphasis,\n size: size ?? base.size,\n variant: base.variant ?? variant,\n }\n}\n\nconst parts = buttonGroupAnatomy.parts\n\nexport function getQdsButtonGroupBindings(\n {\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledby,\n density,\n disabled,\n emphasis,\n layout,\n size,\n variant,\n }: Explicit<QdsButtonGroupApiProps>,\n normalize: PropNormalizer,\n): QdsButtonGroupBindings {\n const hasAriaLabel = !!(ariaLabel || ariaLabelledby)\n\n return normalize.element({\n ...parts.root,\n \"aria-label\": ariaLabel || undefined,\n \"aria-labelledby\": ariaLabelledby || undefined,\n className: buttonClasses.group,\n \"data-density\": density || \"default\",\n \"data-disabled\": booleanDataAttr(disabled),\n \"data-emphasis\": emphasis || undefined,\n \"data-layout\": layout || \"hug\",\n \"data-size\": size || \"md\",\n \"data-variant\": variant || undefined,\n ...(hasAriaLabel && {role: \"group\"}),\n })\n}\n","// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {type Anatomy, createAnatomy} from \"@qualcomm-ui/utils/anatomy\"\n\nconst parts = [\"root\", \"icon\"] as const\n\nexport const buttonAnatomy: Anatomy<\"button\", (typeof parts)[number]> =\n createAnatomy(\"button\").parts(...parts)\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 {Explicit} from \"@qualcomm-ui/utils/guard\"\nimport type {PropNormalizer} from \"@qualcomm-ui/utils/machine\"\n\nimport {buttonAnatomy} from \"./button.anatomy\"\nimport {buttonClasses} from \"./button.classes\"\nimport type {\n QdsButtonApi,\n QdsButtonApiProps,\n QdsButtonEndIconBindings,\n QdsButtonRootBindings,\n QdsButtonStartIconBindings,\n} from \"./button.types\"\n\nconst parts = buttonAnatomy.parts\n\nconst sharedDefaults = {\n size: \"md\",\n} satisfies Pick<QdsButtonApiProps, \"size\">\n\nexport function createQdsButtonApi(\n props: Explicit<QdsButtonApiProps>,\n normalize: PropNormalizer,\n): QdsButtonApi {\n const density = props.density || \"default\"\n const disabled = props.disabled\n const emphasis = props.emphasis || \"neutral\"\n const size = props.size || sharedDefaults.size\n const variant = props.variant || \"fill\"\n\n return {\n getEndIconBindings(): QdsButtonEndIconBindings {\n return normalize.element({\n ...parts.icon,\n className: buttonClasses.icon,\n \"data-density\": density,\n \"data-placement\": \"end\",\n \"data-size\": size,\n })\n },\n getRootBindings(): QdsButtonRootBindings {\n return normalize.button({\n ...parts.root,\n className: buttonClasses.root,\n \"data-density\": density,\n \"data-disabled\": booleanDataAttr(disabled),\n \"data-emphasis\": emphasis,\n \"data-kind\": \"text\",\n \"data-size\": size,\n \"data-variant\": variant,\n disabled,\n })\n },\n getStartIconBindings(): QdsButtonStartIconBindings {\n return normalize.element({\n ...parts.icon,\n className: buttonClasses.icon,\n \"data-density\": density,\n \"data-placement\": \"start\",\n \"data-size\": size,\n })\n },\n }\n}\n","// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {type Anatomy, createAnatomy} from \"@qualcomm-ui/utils/anatomy\"\n\nconst parts = [\"root\", \"icon\"] as const\n\nexport const iconButtonAnatomy: Anatomy<\"iconButton\", (typeof parts)[number]> =\n createAnatomy(\"iconButton\").parts(...parts)\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 {Explicit} from \"@qualcomm-ui/utils/guard\"\nimport type {PropNormalizer} from \"@qualcomm-ui/utils/machine\"\n\nimport {buttonClasses} from \"./button.classes\"\nimport {iconButtonAnatomy} from \"./icon-button.anatomy\"\nimport type {\n QdsIconButtonApi,\n QdsIconButtonApiProps,\n QdsIconButtonIconBindings,\n QdsIconButtonRootBindings,\n} from \"./icon-button.types\"\n\nconst parts = iconButtonAnatomy.parts\n\nexport function createQdsIconButtonApi(\n props: Explicit<QdsIconButtonApiProps>,\n normalize: PropNormalizer,\n): QdsIconButtonApi {\n const density = props.density || \"default\"\n const disabled = props.disabled\n const emphasis = props.emphasis || \"neutral\"\n const shape = props.shape || \"square\"\n const size = props.size || \"md\"\n const variant = props.variant || \"fill\"\n\n return {\n getIconBindings(): QdsIconButtonIconBindings {\n return normalize.element({\n ...parts.icon,\n className: buttonClasses.icon,\n \"data-density\": density,\n \"data-size\": size,\n })\n },\n getRootBindings(): QdsIconButtonRootBindings {\n return normalize.button({\n ...parts.root,\n className: buttonClasses.root,\n \"data-density\": density,\n \"data-disabled\": booleanDataAttr(disabled),\n \"data-emphasis\": emphasis,\n \"data-kind\": \"icon\",\n \"data-shape\": shape,\n \"data-size\": size,\n \"data-variant\": variant,\n disabled,\n })\n },\n }\n}\n"],"mappings":"0JAOA,IAAa,GAAA,EAAA,EAAA,eAGK,cAAc,CAAC,MALlB,OAKiC,CCPnC,EAAgB,CAC3B,MAAO,mBACP,KAAM,mBACN,KAAM,mBACP,CCmBD,SAAgB,EAEd,EAA+C,EAAY,CAC3D,GAAI,CAAC,EACH,OAAO,EAET,GAAM,CAAC,UAAS,WAAU,WAAU,OAAM,WAAW,EACrD,MAAO,CACL,GAAG,EACH,QAAS,GAAW,EAAK,QACzB,SAAU,GAAY,EAAK,SAC3B,SAAU,EAAK,UAAY,EAC3B,KAAM,GAAQ,EAAK,KACnB,QAAS,EAAK,SAAW,EAC1B,CAGH,IAAM,EAAQ,EAAmB,MAEjC,SAAgB,EACd,CACE,aAAc,EACd,kBAAmB,EACnB,UACA,WACA,WACA,SACA,OACA,WAEF,EACwB,CACxB,IAAM,EAAe,CAAC,EAAE,GAAa,GAErC,OAAO,EAAU,QAAQ,CACvB,GAAG,EAAM,KACT,aAAc,GAAa,IAAA,GAC3B,kBAAmB,GAAkB,IAAA,GACrC,UAAW,EAAc,MACzB,eAAgB,GAAW,UAC3B,iBAAA,EAAA,EAAA,iBAAiC,EAAS,CAC1C,gBAAiB,GAAY,IAAA,GAC7B,cAAe,GAAU,MACzB,YAAa,GAAQ,KACrB,eAAgB,GAAW,IAAA,GAC3B,GAAI,GAAgB,CAAC,KAAM,QAAQ,CACpC,CAAC,CCjEJ,IAAa,GAAA,EAAA,EAAA,eACG,SAAS,CAAC,MAHX,OAAQ,OAGkB,CCSnC,EAAQ,EAAc,MAEtB,EAAiB,CACrB,KAAM,KACP,CAED,SAAgB,EACd,EACA,EACc,CACd,IAAM,EAAU,EAAM,SAAW,UAC3B,EAAW,EAAM,SACjB,EAAW,EAAM,UAAY,UAC7B,EAAO,EAAM,MAAQ,EAAe,KACpC,EAAU,EAAM,SAAW,OAEjC,MAAO,CACL,oBAA+C,CAC7C,OAAO,EAAU,QAAQ,CACvB,GAAG,EAAM,KACT,UAAW,EAAc,KACzB,eAAgB,EAChB,iBAAkB,MAClB,YAAa,EACd,CAAC,EAEJ,iBAAyC,CACvC,OAAO,EAAU,OAAO,CACtB,GAAG,EAAM,KACT,UAAW,EAAc,KACzB,eAAgB,EAChB,iBAAA,EAAA,EAAA,iBAAiC,EAAS,CAC1C,gBAAiB,EACjB,YAAa,OACb,YAAa,EACb,eAAgB,EAChB,WACD,CAAC,EAEJ,sBAAmD,CACjD,OAAO,EAAU,QAAQ,CACvB,GAAG,EAAM,KACT,UAAW,EAAc,KACzB,eAAgB,EAChB,iBAAkB,QAClB,YAAa,EACd,CAAC,EAEL,CC1DH,IAAa,GAAA,EAAA,EAAA,eACG,aAAa,CAAC,MAHf,OAAQ,OAGsB,CCQvC,EAAQ,EAAkB,MAEhC,SAAgB,EACd,EACA,EACkB,CAClB,IAAM,EAAU,EAAM,SAAW,UAC3B,EAAW,EAAM,SACjB,EAAW,EAAM,UAAY,UAC7B,EAAQ,EAAM,OAAS,SACvB,EAAO,EAAM,MAAQ,KACrB,EAAU,EAAM,SAAW,OAEjC,MAAO,CACL,iBAA6C,CAC3C,OAAO,EAAU,QAAQ,CACvB,GAAG,EAAM,KACT,UAAW,EAAc,KACzB,eAAgB,EAChB,YAAa,EACd,CAAC,EAEJ,iBAA6C,CAC3C,OAAO,EAAU,OAAO,CACtB,GAAG,EAAM,KACT,UAAW,EAAc,KACzB,eAAgB,EAChB,iBAAA,EAAA,EAAA,iBAAiC,EAAS,CAC1C,gBAAiB,EACjB,YAAa,OACb,aAAc,EACd,YAAa,EACb,eAAgB,EAChB,WACD,CAAC,EAEL"}
|
package/dist/button/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/button/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAA;AACtC,cAAc,oBAAoB,CAAA;AAClC,mBAAmB,sBAAsB,CAAA;AACzC,cAAc,kBAAkB,CAAA;AAChC,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,mBAAmB,gBAAgB,CAAA;AACnC,cAAc,uBAAuB,CAAA;AACrC,cAAc,mBAAmB,CAAA;AACjC,mBAAmB,qBAAqB,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/button/index.ts"],"names":[],"mappings":"AAAA,mBAAmB,6BAA6B,CAAA;AAChD,cAAc,wBAAwB,CAAA;AACtC,cAAc,oBAAoB,CAAA;AAClC,mBAAmB,sBAAsB,CAAA;AACzC,cAAc,kBAAkB,CAAA;AAChC,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,mBAAmB,gBAAgB,CAAA;AACnC,cAAc,uBAAuB,CAAA;AACrC,cAAc,mBAAmB,CAAA;AACjC,mBAAmB,qBAAqB,CAAA"}
|
package/dist/button/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{booleanDataAttr as e}from"@qualcomm-ui/utils/attributes";import{createAnatomy as t}from"@qualcomm-ui/utils/anatomy";var n=t(`buttonGroup`).parts(`root`),r={group:`qui-button-group`,icon:`qui-button__icon`,root:`qui-button__root`},i=n.parts;function
|
|
1
|
+
import{booleanDataAttr as e}from"@qualcomm-ui/utils/attributes";import{createAnatomy as t}from"@qualcomm-ui/utils/anatomy";var n=t(`buttonGroup`).parts(`root`),r={group:`qui-button-group`,icon:`qui-button__icon`,root:`qui-button__root`};function i(e,t){if(!e)return t;let{density:n,disabled:r,emphasis:i,size:a,variant:o}=e;return{...t,density:n??t.density,disabled:r??t.disabled,emphasis:t.emphasis??i,size:a??t.size,variant:t.variant??o}}var a=n.parts;function o({"aria-label":t,"aria-labelledby":n,density:i,disabled:o,emphasis:s,layout:c,size:l,variant:u},d){let f=!!(t||n);return d.element({...a.root,"aria-label":t||void 0,"aria-labelledby":n||void 0,className:r.group,"data-density":i||`default`,"data-disabled":e(o),"data-emphasis":s||void 0,"data-layout":c||`hug`,"data-size":l||`md`,"data-variant":u||void 0,...f&&{role:`group`}})}var s=t(`button`).parts(`root`,`icon`),c=s.parts,l={size:`md`};function u(t,n){let i=t.density||`default`,a=t.disabled,o=t.emphasis||`neutral`,s=t.size||l.size,u=t.variant||`fill`;return{getEndIconBindings(){return n.element({...c.icon,className:r.icon,"data-density":i,"data-placement":`end`,"data-size":s})},getRootBindings(){return n.button({...c.root,className:r.root,"data-density":i,"data-disabled":e(a),"data-emphasis":o,"data-kind":`text`,"data-size":s,"data-variant":u,disabled:a})},getStartIconBindings(){return n.element({...c.icon,className:r.icon,"data-density":i,"data-placement":`start`,"data-size":s})}}}var d=t(`iconButton`).parts(`root`,`icon`),f=d.parts;function p(t,n){let i=t.density||`default`,a=t.disabled,o=t.emphasis||`neutral`,s=t.shape||`square`,c=t.size||`md`,l=t.variant||`fill`;return{getIconBindings(){return n.element({...f.icon,className:r.icon,"data-density":i,"data-size":c})},getRootBindings(){return n.button({...f.root,className:r.root,"data-density":i,"data-disabled":e(a),"data-emphasis":o,"data-kind":`icon`,"data-shape":s,"data-size":c,"data-variant":l,disabled:a})}}}export{s as buttonAnatomy,r as buttonClasses,n as buttonGroupAnatomy,u as createQdsButtonApi,p as createQdsIconButtonApi,o as getQdsButtonGroupBindings,d as iconButtonAnatomy,i as resolveButtonPropsWithGroup};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/dist/button/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../src/button/button-group.anatomy.ts","../../src/button/button.classes.ts","../../src/button/button-group.api.ts","../../src/button/button.anatomy.ts","../../src/button/button.api.ts","../../src/button/icon-button.anatomy.ts","../../src/button/icon-button.api.ts"],"sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {type Anatomy, createAnatomy} from \"@qualcomm-ui/utils/anatomy\"\n\nconst parts = [\"root\"] as const\n\nexport const buttonGroupAnatomy: Anatomy<\n \"buttonGroup\",\n (typeof parts)[number]\n> = createAnatomy(\"buttonGroup\").parts(...parts)\n","// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const buttonClasses = {\n group: \"qui-button-group\",\n icon: \"qui-button__icon\",\n root: \"qui-button__root\",\n} as const\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 {Explicit} from \"@qualcomm-ui/utils/guard\"\nimport type {PropNormalizer} from \"@qualcomm-ui/utils/machine\"\n\nimport {buttonGroupAnatomy} from \"./button-group.anatomy\"\nimport type {\n QdsButtonGroupApiProps,\n QdsButtonGroupBindings,\n} from \"./button-group.types\"\nimport {buttonClasses} from \"./button.classes\"\n\nconst parts = buttonGroupAnatomy.parts\n\nexport function getQdsButtonGroupBindings(\n {\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledby,\n density,\n disabled,\n emphasis,\n layout,\n size,\n variant,\n }: Explicit<QdsButtonGroupApiProps>,\n normalize: PropNormalizer,\n): QdsButtonGroupBindings {\n const hasAriaLabel = !!(ariaLabel || ariaLabelledby)\n\n return normalize.element({\n ...parts.root,\n \"aria-label\": ariaLabel || undefined,\n \"aria-labelledby\": ariaLabelledby || undefined,\n className: buttonClasses.group,\n \"data-density\": density || \"default\",\n \"data-disabled\": booleanDataAttr(disabled),\n \"data-emphasis\": emphasis || undefined,\n \"data-layout\": layout || \"hug\",\n \"data-size\": size || \"md\",\n \"data-variant\": variant || undefined,\n ...(hasAriaLabel && {role: \"group\"}),\n })\n}\n","// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {type Anatomy, createAnatomy} from \"@qualcomm-ui/utils/anatomy\"\n\nconst parts = [\"root\", \"icon\"] as const\n\nexport const buttonAnatomy: Anatomy<\"button\", (typeof parts)[number]> =\n createAnatomy(\"button\").parts(...parts)\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 {Explicit} from \"@qualcomm-ui/utils/guard\"\nimport type {PropNormalizer} from \"@qualcomm-ui/utils/machine\"\n\nimport {buttonAnatomy} from \"./button.anatomy\"\nimport {buttonClasses} from \"./button.classes\"\nimport type {\n QdsButtonApi,\n QdsButtonApiProps,\n QdsButtonEndIconBindings,\n QdsButtonRootBindings,\n QdsButtonStartIconBindings,\n} from \"./button.types\"\n\nconst parts = buttonAnatomy.parts\n\nconst sharedDefaults = {\n size: \"md\",\n} satisfies Pick<QdsButtonApiProps, \"size\">\n\nexport function createQdsButtonApi(\n props: Explicit<QdsButtonApiProps>,\n normalize: PropNormalizer,\n): QdsButtonApi {\n const density = props.density || \"default\"\n const disabled = props.disabled\n const emphasis = props.emphasis || \"neutral\"\n const size = props.size || sharedDefaults.size\n const variant = props.variant || \"fill\"\n\n return {\n getEndIconBindings(): QdsButtonEndIconBindings {\n return normalize.element({\n ...parts.icon,\n className: buttonClasses.icon,\n \"data-density\": density,\n \"data-placement\": \"end\",\n \"data-size\": size,\n })\n },\n getRootBindings(): QdsButtonRootBindings {\n return normalize.button({\n ...parts.root,\n className: buttonClasses.root,\n \"data-density\": density,\n \"data-disabled\": booleanDataAttr(disabled),\n \"data-emphasis\": emphasis,\n \"data-kind\": \"text\",\n \"data-size\": size,\n \"data-variant\": variant,\n disabled,\n })\n },\n getStartIconBindings(): QdsButtonStartIconBindings {\n return normalize.element({\n ...parts.icon,\n className: buttonClasses.icon,\n \"data-density\": density,\n \"data-placement\": \"start\",\n \"data-size\": size,\n })\n },\n }\n}\n","// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {type Anatomy, createAnatomy} from \"@qualcomm-ui/utils/anatomy\"\n\nconst parts = [\"root\", \"icon\"] as const\n\nexport const iconButtonAnatomy: Anatomy<\"iconButton\", (typeof parts)[number]> =\n createAnatomy(\"iconButton\").parts(...parts)\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 {Explicit} from \"@qualcomm-ui/utils/guard\"\nimport type {PropNormalizer} from \"@qualcomm-ui/utils/machine\"\n\nimport {buttonClasses} from \"./button.classes\"\nimport {iconButtonAnatomy} from \"./icon-button.anatomy\"\nimport type {\n QdsIconButtonApi,\n QdsIconButtonApiProps,\n QdsIconButtonIconBindings,\n QdsIconButtonRootBindings,\n} from \"./icon-button.types\"\n\nconst parts = iconButtonAnatomy.parts\n\nexport function createQdsIconButtonApi(\n props: Explicit<QdsIconButtonApiProps>,\n normalize: PropNormalizer,\n): QdsIconButtonApi {\n const density = props.density || \"default\"\n const disabled = props.disabled\n const emphasis = props.emphasis || \"neutral\"\n const shape = props.shape || \"square\"\n const size = props.size || \"md\"\n const variant = props.variant || \"fill\"\n\n return {\n getIconBindings(): QdsIconButtonIconBindings {\n return normalize.element({\n ...parts.icon,\n className: buttonClasses.icon,\n \"data-density\": density,\n \"data-size\": size,\n })\n },\n getRootBindings(): QdsIconButtonRootBindings {\n return normalize.button({\n ...parts.root,\n className: buttonClasses.root,\n \"data-density\": density,\n \"data-disabled\": booleanDataAttr(disabled),\n \"data-emphasis\": emphasis,\n \"data-kind\": \"icon\",\n \"data-shape\": shape,\n \"data-size\": size,\n \"data-variant\": variant,\n disabled,\n })\n },\n }\n}\n"],"mappings":"2HAOA,IAAa,EAGT,EAAc,cAAc,CAAC,MALlB,OAKiC,CCPnC,EAAgB,CAC3B,MAAO,mBACP,KAAM,mBACN,KAAM,mBACP,
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../src/button/button-group.anatomy.ts","../../src/button/button.classes.ts","../../src/button/button-group.api.ts","../../src/button/button.anatomy.ts","../../src/button/button.api.ts","../../src/button/icon-button.anatomy.ts","../../src/button/icon-button.api.ts"],"sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {type Anatomy, createAnatomy} from \"@qualcomm-ui/utils/anatomy\"\n\nconst parts = [\"root\"] as const\n\nexport const buttonGroupAnatomy: Anatomy<\n \"buttonGroup\",\n (typeof parts)[number]\n> = createAnatomy(\"buttonGroup\").parts(...parts)\n","// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nexport const buttonClasses = {\n group: \"qui-button-group\",\n icon: \"qui-button__icon\",\n root: \"qui-button__root\",\n} as const\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 {Explicit} from \"@qualcomm-ui/utils/guard\"\nimport type {PropNormalizer} from \"@qualcomm-ui/utils/machine\"\n\nimport {buttonGroupAnatomy} from \"./button-group.anatomy\"\nimport type {\n QdsButtonGroupApiProps,\n QdsButtonGroupBindings,\n} from \"./button-group.types\"\nimport {buttonClasses} from \"./button.classes\"\nimport type {QdsButtonApiProps} from \"./button.types\"\n\nexport type ResolvableButtonGroupProps = Pick<\n QdsButtonGroupApiProps,\n keyof QdsButtonGroupApiProps & keyof QdsButtonApiProps\n>\n\n/**\n * Merges button-group context values with a button's own props.\n *\n * `density`, `disabled`, and `size` are non-overridable (group wins).\n * `emphasis` and `variant` are overridable per-button (button wins).\n */\nexport function resolveButtonPropsWithGroup<\n T extends ResolvableButtonGroupProps,\n>(group: ResolvableButtonGroupProps | undefined, base: T): T {\n if (!group) {\n return base\n }\n const {density, disabled, emphasis, size, variant} = group\n return {\n ...base,\n density: density ?? base.density,\n disabled: disabled ?? base.disabled,\n emphasis: base.emphasis ?? emphasis,\n size: size ?? base.size,\n variant: base.variant ?? variant,\n }\n}\n\nconst parts = buttonGroupAnatomy.parts\n\nexport function getQdsButtonGroupBindings(\n {\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledby,\n density,\n disabled,\n emphasis,\n layout,\n size,\n variant,\n }: Explicit<QdsButtonGroupApiProps>,\n normalize: PropNormalizer,\n): QdsButtonGroupBindings {\n const hasAriaLabel = !!(ariaLabel || ariaLabelledby)\n\n return normalize.element({\n ...parts.root,\n \"aria-label\": ariaLabel || undefined,\n \"aria-labelledby\": ariaLabelledby || undefined,\n className: buttonClasses.group,\n \"data-density\": density || \"default\",\n \"data-disabled\": booleanDataAttr(disabled),\n \"data-emphasis\": emphasis || undefined,\n \"data-layout\": layout || \"hug\",\n \"data-size\": size || \"md\",\n \"data-variant\": variant || undefined,\n ...(hasAriaLabel && {role: \"group\"}),\n })\n}\n","// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {type Anatomy, createAnatomy} from \"@qualcomm-ui/utils/anatomy\"\n\nconst parts = [\"root\", \"icon\"] as const\n\nexport const buttonAnatomy: Anatomy<\"button\", (typeof parts)[number]> =\n createAnatomy(\"button\").parts(...parts)\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 {Explicit} from \"@qualcomm-ui/utils/guard\"\nimport type {PropNormalizer} from \"@qualcomm-ui/utils/machine\"\n\nimport {buttonAnatomy} from \"./button.anatomy\"\nimport {buttonClasses} from \"./button.classes\"\nimport type {\n QdsButtonApi,\n QdsButtonApiProps,\n QdsButtonEndIconBindings,\n QdsButtonRootBindings,\n QdsButtonStartIconBindings,\n} from \"./button.types\"\n\nconst parts = buttonAnatomy.parts\n\nconst sharedDefaults = {\n size: \"md\",\n} satisfies Pick<QdsButtonApiProps, \"size\">\n\nexport function createQdsButtonApi(\n props: Explicit<QdsButtonApiProps>,\n normalize: PropNormalizer,\n): QdsButtonApi {\n const density = props.density || \"default\"\n const disabled = props.disabled\n const emphasis = props.emphasis || \"neutral\"\n const size = props.size || sharedDefaults.size\n const variant = props.variant || \"fill\"\n\n return {\n getEndIconBindings(): QdsButtonEndIconBindings {\n return normalize.element({\n ...parts.icon,\n className: buttonClasses.icon,\n \"data-density\": density,\n \"data-placement\": \"end\",\n \"data-size\": size,\n })\n },\n getRootBindings(): QdsButtonRootBindings {\n return normalize.button({\n ...parts.root,\n className: buttonClasses.root,\n \"data-density\": density,\n \"data-disabled\": booleanDataAttr(disabled),\n \"data-emphasis\": emphasis,\n \"data-kind\": \"text\",\n \"data-size\": size,\n \"data-variant\": variant,\n disabled,\n })\n },\n getStartIconBindings(): QdsButtonStartIconBindings {\n return normalize.element({\n ...parts.icon,\n className: buttonClasses.icon,\n \"data-density\": density,\n \"data-placement\": \"start\",\n \"data-size\": size,\n })\n },\n }\n}\n","// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {type Anatomy, createAnatomy} from \"@qualcomm-ui/utils/anatomy\"\n\nconst parts = [\"root\", \"icon\"] as const\n\nexport const iconButtonAnatomy: Anatomy<\"iconButton\", (typeof parts)[number]> =\n createAnatomy(\"iconButton\").parts(...parts)\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 {Explicit} from \"@qualcomm-ui/utils/guard\"\nimport type {PropNormalizer} from \"@qualcomm-ui/utils/machine\"\n\nimport {buttonClasses} from \"./button.classes\"\nimport {iconButtonAnatomy} from \"./icon-button.anatomy\"\nimport type {\n QdsIconButtonApi,\n QdsIconButtonApiProps,\n QdsIconButtonIconBindings,\n QdsIconButtonRootBindings,\n} from \"./icon-button.types\"\n\nconst parts = iconButtonAnatomy.parts\n\nexport function createQdsIconButtonApi(\n props: Explicit<QdsIconButtonApiProps>,\n normalize: PropNormalizer,\n): QdsIconButtonApi {\n const density = props.density || \"default\"\n const disabled = props.disabled\n const emphasis = props.emphasis || \"neutral\"\n const shape = props.shape || \"square\"\n const size = props.size || \"md\"\n const variant = props.variant || \"fill\"\n\n return {\n getIconBindings(): QdsIconButtonIconBindings {\n return normalize.element({\n ...parts.icon,\n className: buttonClasses.icon,\n \"data-density\": density,\n \"data-size\": size,\n })\n },\n getRootBindings(): QdsIconButtonRootBindings {\n return normalize.button({\n ...parts.root,\n className: buttonClasses.root,\n \"data-density\": density,\n \"data-disabled\": booleanDataAttr(disabled),\n \"data-emphasis\": emphasis,\n \"data-kind\": \"icon\",\n \"data-shape\": shape,\n \"data-size\": size,\n \"data-variant\": variant,\n disabled,\n })\n },\n }\n}\n"],"mappings":"2HAOA,IAAa,EAGT,EAAc,cAAc,CAAC,MALlB,OAKiC,CCPnC,EAAgB,CAC3B,MAAO,mBACP,KAAM,mBACN,KAAM,mBACP,CCmBD,SAAgB,EAEd,EAA+C,EAAY,CAC3D,GAAI,CAAC,EACH,OAAO,EAET,GAAM,CAAC,UAAS,WAAU,WAAU,OAAM,WAAW,EACrD,MAAO,CACL,GAAG,EACH,QAAS,GAAW,EAAK,QACzB,SAAU,GAAY,EAAK,SAC3B,SAAU,EAAK,UAAY,EAC3B,KAAM,GAAQ,EAAK,KACnB,QAAS,EAAK,SAAW,EAC1B,CAGH,IAAM,EAAQ,EAAmB,MAEjC,SAAgB,EACd,CACE,aAAc,EACd,kBAAmB,EACnB,UACA,WACA,WACA,SACA,OACA,WAEF,EACwB,CACxB,IAAM,EAAe,CAAC,EAAE,GAAa,GAErC,OAAO,EAAU,QAAQ,CACvB,GAAG,EAAM,KACT,aAAc,GAAa,IAAA,GAC3B,kBAAmB,GAAkB,IAAA,GACrC,UAAW,EAAc,MACzB,eAAgB,GAAW,UAC3B,gBAAiB,EAAgB,EAAS,CAC1C,gBAAiB,GAAY,IAAA,GAC7B,cAAe,GAAU,MACzB,YAAa,GAAQ,KACrB,eAAgB,GAAW,IAAA,GAC3B,GAAI,GAAgB,CAAC,KAAM,QAAQ,CACpC,CAAC,CCjEJ,IAAa,EACX,EAAc,SAAS,CAAC,MAHX,OAAQ,OAGkB,CCSnC,EAAQ,EAAc,MAEtB,EAAiB,CACrB,KAAM,KACP,CAED,SAAgB,EACd,EACA,EACc,CACd,IAAM,EAAU,EAAM,SAAW,UAC3B,EAAW,EAAM,SACjB,EAAW,EAAM,UAAY,UAC7B,EAAO,EAAM,MAAQ,EAAe,KACpC,EAAU,EAAM,SAAW,OAEjC,MAAO,CACL,oBAA+C,CAC7C,OAAO,EAAU,QAAQ,CACvB,GAAG,EAAM,KACT,UAAW,EAAc,KACzB,eAAgB,EAChB,iBAAkB,MAClB,YAAa,EACd,CAAC,EAEJ,iBAAyC,CACvC,OAAO,EAAU,OAAO,CACtB,GAAG,EAAM,KACT,UAAW,EAAc,KACzB,eAAgB,EAChB,gBAAiB,EAAgB,EAAS,CAC1C,gBAAiB,EACjB,YAAa,OACb,YAAa,EACb,eAAgB,EAChB,WACD,CAAC,EAEJ,sBAAmD,CACjD,OAAO,EAAU,QAAQ,CACvB,GAAG,EAAM,KACT,UAAW,EAAc,KACzB,eAAgB,EAChB,iBAAkB,QAClB,YAAa,EACd,CAAC,EAEL,CC1DH,IAAa,EACX,EAAc,aAAa,CAAC,MAHf,OAAQ,OAGsB,CCQvC,EAAQ,EAAkB,MAEhC,SAAgB,EACd,EACA,EACkB,CAClB,IAAM,EAAU,EAAM,SAAW,UAC3B,EAAW,EAAM,SACjB,EAAW,EAAM,UAAY,UAC7B,EAAQ,EAAM,OAAS,SACvB,EAAO,EAAM,MAAQ,KACrB,EAAU,EAAM,SAAW,OAEjC,MAAO,CACL,iBAA6C,CAC3C,OAAO,EAAU,QAAQ,CACvB,GAAG,EAAM,KACT,UAAW,EAAc,KACzB,eAAgB,EAChB,YAAa,EACd,CAAC,EAEJ,iBAA6C,CAC3C,OAAO,EAAU,OAAO,CACtB,GAAG,EAAM,KACT,UAAW,EAAc,KACzB,eAAgB,EAChB,gBAAiB,EAAgB,EAAS,CAC1C,gBAAiB,EACjB,YAAa,OACb,aAAc,EACd,YAAa,EACb,eAAgB,EAChB,WACD,CAAC,EAEL"}
|