@qualcomm-ui/qds-core 1.4.2 → 1.5.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/badge/badge.classes.d.ts +5 -0
- package/dist/badge/badge.classes.d.ts.map +1 -0
- package/dist/badge/badge.types.d.ts +14 -0
- package/dist/badge/badge.types.d.ts.map +1 -0
- package/dist/badge/icon-badge.api.d.ts +4 -0
- package/dist/badge/icon-badge.api.d.ts.map +1 -0
- package/dist/badge/icon-badge.types.d.ts +40 -0
- package/dist/badge/icon-badge.types.d.ts.map +1 -0
- package/dist/badge/index.cjs +2 -0
- package/dist/badge/index.cjs.map +7 -0
- package/dist/badge/index.d.ts +11 -0
- package/dist/badge/index.d.ts.map +1 -0
- package/dist/badge/index.js +2 -0
- package/dist/badge/index.js.map +7 -0
- package/dist/badge/number-badge.api.d.ts +4 -0
- package/dist/badge/number-badge.api.d.ts.map +1 -0
- package/dist/badge/number-badge.types.d.ts +38 -0
- package/dist/badge/number-badge.types.d.ts.map +1 -0
- package/dist/badge/qds-badge-colors.css +1 -0
- package/dist/badge/qds-badge.css +1 -0
- package/dist/badge/qds-icon-badge.css +1 -0
- package/dist/badge/qds-number-badge.css +1 -0
- package/dist/badge/qds-status-badge.css +1 -0
- package/dist/badge/qds-text-badge.css +1 -0
- package/dist/badge/status-badge.api.d.ts +4 -0
- package/dist/badge/status-badge.api.d.ts.map +1 -0
- package/dist/badge/status-badge.types.d.ts +33 -0
- package/dist/badge/status-badge.types.d.ts.map +1 -0
- package/dist/badge/text-badge.api.d.ts +4 -0
- package/dist/badge/text-badge.api.d.ts.map +1 -0
- package/dist/badge/text-badge.types.d.ts +33 -0
- package/dist/badge/text-badge.types.d.ts.map +1 -0
- package/dist/components.min.css +2 -2
- package/dist/tsbuildinfo +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"badge.classes.d.ts","sourceRoot":"","sources":["../../src/badge/badge.classes.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY;;;CAGf,CAAA"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { badgeClasses } from "./badge.classes";
|
|
2
|
+
export type BadgeClasses = typeof badgeClasses;
|
|
3
|
+
export type QdsBadgeBasicSize = "sm" | "md" | "lg";
|
|
4
|
+
export type QdsBadgeExtraSize = "xs" | QdsBadgeBasicSize | "xl";
|
|
5
|
+
export type QdsBadgeExtendedSize = "xxs" | QdsBadgeExtraSize;
|
|
6
|
+
export type QdsBadgeSemanticEmphasis = "neutral" | "brand" | "info" | "success" | "warning" | "danger";
|
|
7
|
+
export type QdsBadgeCategoryEmphasis = "blue" | "cyan" | "green" | "kiwi" | "magenta" | "orange" | "purple" | "red" | "teal" | "yellow";
|
|
8
|
+
export interface QdsBaseBadgeProps {
|
|
9
|
+
/**
|
|
10
|
+
* The badge disabled state.
|
|
11
|
+
*/
|
|
12
|
+
disabled?: boolean;
|
|
13
|
+
}
|
|
14
|
+
//# sourceMappingURL=badge.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"badge.types.d.ts","sourceRoot":"","sources":["../../src/badge/badge.types.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAA;AAEjD,MAAM,MAAM,YAAY,GAAG,OAAO,YAAY,CAAA;AAE9C,MAAM,MAAM,iBAAiB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAClD,MAAM,MAAM,iBAAiB,GAAG,IAAI,GAAG,iBAAiB,GAAG,IAAI,CAAA;AAC/D,MAAM,MAAM,oBAAoB,GAAG,KAAK,GAAG,iBAAiB,CAAA;AAE5D,MAAM,MAAM,wBAAwB,GAChC,SAAS,GACT,OAAO,GACP,MAAM,GACN,SAAS,GACT,SAAS,GACT,QAAQ,CAAA;AAEZ,MAAM,MAAM,wBAAwB,GAChC,MAAM,GACN,MAAM,GACN,OAAO,GACP,MAAM,GACN,SAAS,GACT,QAAQ,GACR,QAAQ,GACR,KAAK,GACL,MAAM,GACN,QAAQ,CAAA;AAEZ,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { PropNormalizer } from "@qualcomm-ui/utils/machine";
|
|
2
|
+
import type { QdsIconBadgeApi, QdsIconBadgeProps } from "./icon-badge.types";
|
|
3
|
+
export declare function createQdsIconBadgeApi(props: QdsIconBadgeProps, normalize: PropNormalizer): QdsIconBadgeApi;
|
|
4
|
+
//# sourceMappingURL=icon-badge.api.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icon-badge.api.d.ts","sourceRoot":"","sources":["../../src/badge/icon-badge.api.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,4BAA4B,CAAA;AAG9D,OAAO,KAAK,EACV,eAAe,EAEf,iBAAiB,EAElB,MAAM,oBAAoB,CAAA;AAE3B,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,iBAAiB,EACxB,SAAS,EAAE,cAAc,GACxB,eAAe,CAwBjB"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import type { BooleanDataAttr } from "@qualcomm-ui/utils/attributes";
|
|
2
|
+
import type { BadgeClasses, QdsBadgeCategoryEmphasis, QdsBadgeExtendedSize, QdsBadgeSemanticEmphasis, QdsBaseBadgeProps } from "./badge.types";
|
|
3
|
+
export type QdsIconBadgeVariant = "default" | "subtle";
|
|
4
|
+
export interface QdsIconBadgeProps extends QdsBaseBadgeProps {
|
|
5
|
+
/**
|
|
6
|
+
* Governs the color of the icon badge.
|
|
7
|
+
* @default 'neutral'
|
|
8
|
+
*/
|
|
9
|
+
emphasis?: QdsBadgeSemanticEmphasis | QdsBadgeCategoryEmphasis;
|
|
10
|
+
/**
|
|
11
|
+
* Governs the size of the badge.
|
|
12
|
+
* @default 'md'
|
|
13
|
+
*/
|
|
14
|
+
size?: QdsBadgeExtendedSize;
|
|
15
|
+
/**
|
|
16
|
+
* Governs the style of the icon badge.
|
|
17
|
+
* @default 'default'
|
|
18
|
+
*/
|
|
19
|
+
variant?: QdsIconBadgeVariant;
|
|
20
|
+
}
|
|
21
|
+
export interface QdsIconBadgeRootBindings {
|
|
22
|
+
className: BadgeClasses["root"];
|
|
23
|
+
"data-disabled": BooleanDataAttr;
|
|
24
|
+
"data-emphasis": QdsBadgeSemanticEmphasis | QdsBadgeCategoryEmphasis;
|
|
25
|
+
"data-part": "root";
|
|
26
|
+
"data-scope": "icon-badge";
|
|
27
|
+
"data-size": QdsBadgeExtendedSize;
|
|
28
|
+
"data-variant": QdsIconBadgeVariant;
|
|
29
|
+
}
|
|
30
|
+
export interface QdsIconBadgeIconBindings {
|
|
31
|
+
className: BadgeClasses["icon"];
|
|
32
|
+
"data-part": "icon";
|
|
33
|
+
"data-scope": "icon-badge";
|
|
34
|
+
"data-size": QdsBadgeExtendedSize;
|
|
35
|
+
}
|
|
36
|
+
export interface QdsIconBadgeApi {
|
|
37
|
+
getIconBindings(): QdsIconBadgeIconBindings;
|
|
38
|
+
getRootBindings(): QdsIconBadgeRootBindings;
|
|
39
|
+
}
|
|
40
|
+
//# sourceMappingURL=icon-badge.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icon-badge.types.d.ts","sourceRoot":"","sources":["../../src/badge/icon-badge.types.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,+BAA+B,CAAA;AAElE,OAAO,KAAK,EACV,YAAY,EACZ,wBAAwB,EACxB,oBAAoB,EACpB,wBAAwB,EACxB,iBAAiB,EAClB,MAAM,eAAe,CAAA;AAEtB,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,QAAQ,CAAA;AAEtD,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB;IAC1D;;;OAGG;IACH,QAAQ,CAAC,EAAE,wBAAwB,GAAG,wBAAwB,CAAA;IAE9D;;;OAGG;IACH,IAAI,CAAC,EAAE,oBAAoB,CAAA;IAE3B;;;OAGG;IACH,OAAO,CAAC,EAAE,mBAAmB,CAAA;CAC9B;AAED,MAAM,WAAW,wBAAwB;IACvC,SAAS,EAAE,YAAY,CAAC,MAAM,CAAC,CAAA;IAC/B,eAAe,EAAE,eAAe,CAAA;IAChC,eAAe,EAAE,wBAAwB,GAAG,wBAAwB,CAAA;IACpE,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,YAAY,CAAA;IAC1B,WAAW,EAAE,oBAAoB,CAAA;IACjC,cAAc,EAAE,mBAAmB,CAAA;CACpC;AAED,MAAM,WAAW,wBAAwB;IACvC,SAAS,EAAE,YAAY,CAAC,MAAM,CAAC,CAAA;IAC/B,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,YAAY,CAAA;IAC1B,WAAW,EAAE,oBAAoB,CAAA;CAClC;AAED,MAAM,WAAW,eAAe;IAC9B,eAAe,IAAI,wBAAwB,CAAA;IAC3C,eAAe,IAAI,wBAAwB,CAAA;CAC5C"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";var s=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var u=Object.prototype.hasOwnProperty;var c=(e,a)=>{for(var t in a)s(e,t,{get:a[t],enumerable:!0})},B=(e,a,t,r)=>{if(a&&typeof a=="object"||typeof a=="function")for(let d of p(a))!u.call(e,d)&&d!==t&&s(e,d,{get:()=>a[d],enumerable:!(r=l(a,d))||r.enumerable});return e};var b=e=>B(s({},"__esModule",{value:!0}),e);var N={};c(N,{badgeClasses:()=>o,createQdsIconBadgeApi:()=>x,createQdsNumberBadgeApi:()=>Q,createQdsStatusBadgeApi:()=>y,createQdsTextBadgeApi:()=>f});module.exports=b(N);var g=require("@qualcomm-ui/utils/attributes");var o={icon:"qui-badge__icon",root:"qui-badge__root"};function f(e,a){return{getRootBindings(){return a.element({className:o.root,"data-disabled":(0,g.booleanDataAttr)(e.disabled),"data-emphasis":e.emphasis||"neutral","data-part":"root","data-scope":"text-badge","data-size":e.size||"md","data-variant":e.variant||"default"})}}}var i=require("@qualcomm-ui/utils/attributes");function Q(e,a){let t=!1,r=null;if(e.value!=null){let d=e.max??99;t=e.value>d,r=t?`${d}+`:e.value}return{displayValue:r,getRootBindings(){return a.element({className:o.root,"data-disabled":(0,i.booleanDataAttr)(e.disabled),"data-emphasis":e.emphasis||"neutral","data-overflow":(0,i.booleanDataAttr)(t),"data-part":"root","data-scope":"number-badge","data-size":e.size||"md"})}}}var n=require("@qualcomm-ui/utils/attributes");function x(e,a){let t=e.size||"md";return{getIconBindings(){return a.element({className:o.icon,"data-part":"icon","data-scope":"icon-badge","data-size":t})},getRootBindings(){return a.element({className:o.root,"data-disabled":(0,n.booleanDataAttr)(e.disabled),"data-emphasis":e.emphasis||"neutral","data-overflow":(0,n.booleanDataAttr)(!1),"data-part":"root","data-scope":"icon-badge","data-size":t,"data-variant":e.variant||"default"})}}}var m=require("@qualcomm-ui/utils/attributes");function y(e,a){return{getRootBindings(){return a.element({className:o.root,"data-disabled":(0,m.booleanDataAttr)(e.disabled),"data-emphasis":e.emphasis||"neutral","data-overflow":(0,m.booleanDataAttr)(!1),"data-part":"root","data-scope":"status-badge","data-size":e.size||"md","data-variant":e.variant||"filled"})}}}
|
|
2
|
+
//# sourceMappingURL=index.cjs.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/badge/index.ts", "../../src/badge/text-badge.api.ts", "../../src/badge/badge.classes.ts", "../../src/badge/number-badge.api.ts", "../../src/badge/icon-badge.api.ts", "../../src/badge/status-badge.api.ts"],
|
|
4
|
+
"sourcesContent": ["export type * from \"./badge.types\"\nexport * from \"./text-badge.api\"\nexport type * from \"./text-badge.types\"\nexport * from \"./number-badge.api\"\nexport type * from \"./number-badge.types\"\nexport * from \"./icon-badge.api\"\nexport type * from \"./icon-badge.types\"\nexport * from \"./status-badge.api\"\nexport type * from \"./status-badge.types\"\nexport * from \"./badge.classes\"\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 {badgeClasses} from \"./badge.classes\"\nimport type {\n QdsTextBadgeApi,\n QdsTextBadgeProps,\n QdsTextBadgeRootBindings,\n} from \"./text-badge.types\"\n\nexport function createQdsTextBadgeApi(\n props: QdsTextBadgeProps,\n normalize: PropNormalizer,\n): QdsTextBadgeApi {\n return {\n getRootBindings(): QdsTextBadgeRootBindings {\n return normalize.element({\n className: badgeClasses.root,\n \"data-disabled\": booleanDataAttr(props.disabled),\n \"data-emphasis\": props.emphasis || \"neutral\",\n \"data-part\": \"root\",\n \"data-scope\": \"text-badge\",\n \"data-size\": props.size || \"md\",\n \"data-variant\": props.variant || \"default\",\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 badgeClasses = {\n icon: \"qui-badge__icon\",\n root: \"qui-badge__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 {PropNormalizer} from \"@qualcomm-ui/utils/machine\"\n\nimport {badgeClasses} from \"./badge.classes\"\nimport type {\n QdsNumberBadgeApi,\n QdsNumberBadgeProps,\n QdsNumberBadgeRootBindings,\n} from \"./number-badge.types\"\n\nexport function createQdsNumberBadgeApi(\n props: QdsNumberBadgeProps,\n normalize: PropNormalizer,\n): QdsNumberBadgeApi {\n let overflow = false\n let displayValue: number | string | null = null\n\n if (props.value != null) {\n const max = props.max ?? 99\n overflow = props.value > max\n displayValue = overflow ? `${max}+` : props.value\n }\n\n return {\n displayValue,\n getRootBindings(): QdsNumberBadgeRootBindings {\n return normalize.element({\n className: badgeClasses.root,\n \"data-disabled\": booleanDataAttr(props.disabled),\n \"data-emphasis\": props.emphasis || \"neutral\",\n \"data-overflow\": booleanDataAttr(overflow),\n \"data-part\": \"root\",\n \"data-scope\": \"number-badge\",\n \"data-size\": props.size || \"md\",\n })\n },\n }\n}\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 {badgeClasses} from \"./badge.classes\"\nimport type {\n QdsIconBadgeApi,\n QdsIconBadgeIconBindings,\n QdsIconBadgeProps,\n QdsIconBadgeRootBindings,\n} from \"./icon-badge.types\"\n\nexport function createQdsIconBadgeApi(\n props: QdsIconBadgeProps,\n normalize: PropNormalizer,\n): QdsIconBadgeApi {\n const size = props.size || \"md\"\n return {\n getIconBindings(): QdsIconBadgeIconBindings {\n return normalize.element({\n className: badgeClasses.icon,\n \"data-part\": \"icon\",\n \"data-scope\": \"icon-badge\",\n \"data-size\": size,\n })\n },\n getRootBindings(): QdsIconBadgeRootBindings {\n return normalize.element({\n className: badgeClasses.root,\n \"data-disabled\": booleanDataAttr(props.disabled),\n \"data-emphasis\": props.emphasis || \"neutral\",\n \"data-overflow\": booleanDataAttr(false),\n \"data-part\": \"root\",\n \"data-scope\": \"icon-badge\",\n \"data-size\": size,\n \"data-variant\": props.variant || \"default\",\n })\n },\n }\n}\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 {badgeClasses} from \"./badge.classes\"\nimport type {\n QdsStatusBadgeApi,\n QdsStatusBadgeProps,\n QdsStatusBadgeRootBindings,\n} from \"./status-badge.types\"\n\nexport function createQdsStatusBadgeApi(\n props: QdsStatusBadgeProps,\n normalize: PropNormalizer,\n): QdsStatusBadgeApi {\n return {\n getRootBindings(): QdsStatusBadgeRootBindings {\n return normalize.element({\n className: badgeClasses.root,\n \"data-disabled\": booleanDataAttr(props.disabled),\n \"data-emphasis\": props.emphasis || \"neutral\",\n \"data-overflow\": booleanDataAttr(false),\n \"data-part\": \"root\",\n \"data-scope\": \"status-badge\",\n \"data-size\": props.size || \"md\",\n \"data-variant\": props.variant || \"filled\",\n })\n },\n }\n}\n"],
|
|
5
|
+
"mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,kBAAAE,EAAA,0BAAAC,EAAA,4BAAAC,EAAA,4BAAAC,EAAA,0BAAAC,IAAA,eAAAC,EAAAP,GCGA,IAAAQ,EAA8B,yCCAvB,IAAMC,EAAe,CAC1B,KAAM,kBACN,KAAM,iBACR,EDOO,SAASC,EACdC,EACAC,EACiB,CACjB,MAAO,CACL,iBAA4C,CAC1C,OAAOA,EAAU,QAAQ,CACvB,UAAWC,EAAa,KACxB,mBAAiB,mBAAgBF,EAAM,QAAQ,EAC/C,gBAAiBA,EAAM,UAAY,UACnC,YAAa,OACb,aAAc,aACd,YAAaA,EAAM,MAAQ,KAC3B,eAAgBA,EAAM,SAAW,SACnC,CAAC,CACH,CACF,CACF,CE3BA,IAAAG,EAA8B,yCAUvB,SAASC,EACdC,EACAC,EACmB,CACnB,IAAIC,EAAW,GACXC,EAAuC,KAE3C,GAAIH,EAAM,OAAS,KAAM,CACvB,IAAMI,EAAMJ,EAAM,KAAO,GACzBE,EAAWF,EAAM,MAAQI,EACzBD,EAAeD,EAAW,GAAGE,CAAG,IAAMJ,EAAM,KAC9C,CAEA,MAAO,CACL,aAAAG,EACA,iBAA8C,CAC5C,OAAOF,EAAU,QAAQ,CACvB,UAAWI,EAAa,KACxB,mBAAiB,mBAAgBL,EAAM,QAAQ,EAC/C,gBAAiBA,EAAM,UAAY,UACnC,mBAAiB,mBAAgBE,CAAQ,EACzC,YAAa,OACb,aAAc,eACd,YAAaF,EAAM,MAAQ,IAC7B,CAAC,CACH,CACF,CACF,CCrCA,IAAAM,EAA8B,yCAWvB,SAASC,EACdC,EACAC,EACiB,CACjB,IAAMC,EAAOF,EAAM,MAAQ,KAC3B,MAAO,CACL,iBAA4C,CAC1C,OAAOC,EAAU,QAAQ,CACvB,UAAWE,EAAa,KACxB,YAAa,OACb,aAAc,aACd,YAAaD,CACf,CAAC,CACH,EACA,iBAA4C,CAC1C,OAAOD,EAAU,QAAQ,CACvB,UAAWE,EAAa,KACxB,mBAAiB,mBAAgBH,EAAM,QAAQ,EAC/C,gBAAiBA,EAAM,UAAY,UACnC,mBAAiB,mBAAgB,EAAK,EACtC,YAAa,OACb,aAAc,aACd,YAAaE,EACb,eAAgBF,EAAM,SAAW,SACnC,CAAC,CACH,CACF,CACF,CCtCA,IAAAI,EAA8B,yCAUvB,SAASC,EACdC,EACAC,EACmB,CACnB,MAAO,CACL,iBAA8C,CAC5C,OAAOA,EAAU,QAAQ,CACvB,UAAWC,EAAa,KACxB,mBAAiB,mBAAgBF,EAAM,QAAQ,EAC/C,gBAAiBA,EAAM,UAAY,UACnC,mBAAiB,mBAAgB,EAAK,EACtC,YAAa,OACb,aAAc,eACd,YAAaA,EAAM,MAAQ,KAC3B,eAAgBA,EAAM,SAAW,QACnC,CAAC,CACH,CACF,CACF",
|
|
6
|
+
"names": ["badge_exports", "__export", "badgeClasses", "createQdsIconBadgeApi", "createQdsNumberBadgeApi", "createQdsStatusBadgeApi", "createQdsTextBadgeApi", "__toCommonJS", "import_attributes", "badgeClasses", "createQdsTextBadgeApi", "props", "normalize", "badgeClasses", "import_attributes", "createQdsNumberBadgeApi", "props", "normalize", "overflow", "displayValue", "max", "badgeClasses", "import_attributes", "createQdsIconBadgeApi", "props", "normalize", "size", "badgeClasses", "import_attributes", "createQdsStatusBadgeApi", "props", "normalize", "badgeClasses"]
|
|
7
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export type * from "./badge.types";
|
|
2
|
+
export * from "./text-badge.api";
|
|
3
|
+
export type * from "./text-badge.types";
|
|
4
|
+
export * from "./number-badge.api";
|
|
5
|
+
export type * from "./number-badge.types";
|
|
6
|
+
export * from "./icon-badge.api";
|
|
7
|
+
export type * from "./icon-badge.types";
|
|
8
|
+
export * from "./status-badge.api";
|
|
9
|
+
export type * from "./status-badge.types";
|
|
10
|
+
export * from "./badge.classes";
|
|
11
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/badge/index.ts"],"names":[],"mappings":"AAAA,mBAAmB,eAAe,CAAA;AAClC,cAAc,kBAAkB,CAAA;AAChC,mBAAmB,oBAAoB,CAAA;AACvC,cAAc,oBAAoB,CAAA;AAClC,mBAAmB,sBAAsB,CAAA;AACzC,cAAc,kBAAkB,CAAA;AAChC,mBAAmB,oBAAoB,CAAA;AACvC,cAAc,oBAAoB,CAAA;AAClC,mBAAmB,sBAAsB,CAAA;AACzC,cAAc,iBAAiB,CAAA"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{booleanDataAttr as m}from"@qualcomm-ui/utils/attributes";var a={icon:"qui-badge__icon",root:"qui-badge__root"};function u(e,t){return{getRootBindings(){return t.element({className:a.root,"data-disabled":m(e.disabled),"data-emphasis":e.emphasis||"neutral","data-part":"root","data-scope":"text-badge","data-size":e.size||"md","data-variant":e.variant||"default"})}}}import{booleanDataAttr as s}from"@qualcomm-ui/utils/attributes";function f(e,t){let o=!1,d=null;if(e.value!=null){let r=e.max??99;o=e.value>r,d=o?`${r}+`:e.value}return{displayValue:d,getRootBindings(){return t.element({className:a.root,"data-disabled":s(e.disabled),"data-emphasis":e.emphasis||"neutral","data-overflow":s(o),"data-part":"root","data-scope":"number-badge","data-size":e.size||"md"})}}}import{booleanDataAttr as i}from"@qualcomm-ui/utils/attributes";function N(e,t){let o=e.size||"md";return{getIconBindings(){return t.element({className:a.icon,"data-part":"icon","data-scope":"icon-badge","data-size":o})},getRootBindings(){return t.element({className:a.root,"data-disabled":i(e.disabled),"data-emphasis":e.emphasis||"neutral","data-overflow":i(!1),"data-part":"root","data-scope":"icon-badge","data-size":o,"data-variant":e.variant||"default"})}}}import{booleanDataAttr as n}from"@qualcomm-ui/utils/attributes";function v(e,t){return{getRootBindings(){return t.element({className:a.root,"data-disabled":n(e.disabled),"data-emphasis":e.emphasis||"neutral","data-overflow":n(!1),"data-part":"root","data-scope":"status-badge","data-size":e.size||"md","data-variant":e.variant||"filled"})}}}export{a as badgeClasses,N as createQdsIconBadgeApi,f as createQdsNumberBadgeApi,v as createQdsStatusBadgeApi,u as createQdsTextBadgeApi};
|
|
2
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/badge/text-badge.api.ts", "../../src/badge/badge.classes.ts", "../../src/badge/number-badge.api.ts", "../../src/badge/icon-badge.api.ts", "../../src/badge/status-badge.api.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 {badgeClasses} from \"./badge.classes\"\nimport type {\n QdsTextBadgeApi,\n QdsTextBadgeProps,\n QdsTextBadgeRootBindings,\n} from \"./text-badge.types\"\n\nexport function createQdsTextBadgeApi(\n props: QdsTextBadgeProps,\n normalize: PropNormalizer,\n): QdsTextBadgeApi {\n return {\n getRootBindings(): QdsTextBadgeRootBindings {\n return normalize.element({\n className: badgeClasses.root,\n \"data-disabled\": booleanDataAttr(props.disabled),\n \"data-emphasis\": props.emphasis || \"neutral\",\n \"data-part\": \"root\",\n \"data-scope\": \"text-badge\",\n \"data-size\": props.size || \"md\",\n \"data-variant\": props.variant || \"default\",\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 badgeClasses = {\n icon: \"qui-badge__icon\",\n root: \"qui-badge__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 {PropNormalizer} from \"@qualcomm-ui/utils/machine\"\n\nimport {badgeClasses} from \"./badge.classes\"\nimport type {\n QdsNumberBadgeApi,\n QdsNumberBadgeProps,\n QdsNumberBadgeRootBindings,\n} from \"./number-badge.types\"\n\nexport function createQdsNumberBadgeApi(\n props: QdsNumberBadgeProps,\n normalize: PropNormalizer,\n): QdsNumberBadgeApi {\n let overflow = false\n let displayValue: number | string | null = null\n\n if (props.value != null) {\n const max = props.max ?? 99\n overflow = props.value > max\n displayValue = overflow ? `${max}+` : props.value\n }\n\n return {\n displayValue,\n getRootBindings(): QdsNumberBadgeRootBindings {\n return normalize.element({\n className: badgeClasses.root,\n \"data-disabled\": booleanDataAttr(props.disabled),\n \"data-emphasis\": props.emphasis || \"neutral\",\n \"data-overflow\": booleanDataAttr(overflow),\n \"data-part\": \"root\",\n \"data-scope\": \"number-badge\",\n \"data-size\": props.size || \"md\",\n })\n },\n }\n}\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 {badgeClasses} from \"./badge.classes\"\nimport type {\n QdsIconBadgeApi,\n QdsIconBadgeIconBindings,\n QdsIconBadgeProps,\n QdsIconBadgeRootBindings,\n} from \"./icon-badge.types\"\n\nexport function createQdsIconBadgeApi(\n props: QdsIconBadgeProps,\n normalize: PropNormalizer,\n): QdsIconBadgeApi {\n const size = props.size || \"md\"\n return {\n getIconBindings(): QdsIconBadgeIconBindings {\n return normalize.element({\n className: badgeClasses.icon,\n \"data-part\": \"icon\",\n \"data-scope\": \"icon-badge\",\n \"data-size\": size,\n })\n },\n getRootBindings(): QdsIconBadgeRootBindings {\n return normalize.element({\n className: badgeClasses.root,\n \"data-disabled\": booleanDataAttr(props.disabled),\n \"data-emphasis\": props.emphasis || \"neutral\",\n \"data-overflow\": booleanDataAttr(false),\n \"data-part\": \"root\",\n \"data-scope\": \"icon-badge\",\n \"data-size\": size,\n \"data-variant\": props.variant || \"default\",\n })\n },\n }\n}\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 {badgeClasses} from \"./badge.classes\"\nimport type {\n QdsStatusBadgeApi,\n QdsStatusBadgeProps,\n QdsStatusBadgeRootBindings,\n} from \"./status-badge.types\"\n\nexport function createQdsStatusBadgeApi(\n props: QdsStatusBadgeProps,\n normalize: PropNormalizer,\n): QdsStatusBadgeApi {\n return {\n getRootBindings(): QdsStatusBadgeRootBindings {\n return normalize.element({\n className: badgeClasses.root,\n \"data-disabled\": booleanDataAttr(props.disabled),\n \"data-emphasis\": props.emphasis || \"neutral\",\n \"data-overflow\": booleanDataAttr(false),\n \"data-part\": \"root\",\n \"data-scope\": \"status-badge\",\n \"data-size\": props.size || \"md\",\n \"data-variant\": props.variant || \"filled\",\n })\n },\n }\n}\n"],
|
|
5
|
+
"mappings": "AAGA,OAAQ,mBAAAA,MAAsB,gCCAvB,IAAMC,EAAe,CAC1B,KAAM,kBACN,KAAM,iBACR,EDOO,SAASC,EACdC,EACAC,EACiB,CACjB,MAAO,CACL,iBAA4C,CAC1C,OAAOA,EAAU,QAAQ,CACvB,UAAWC,EAAa,KACxB,gBAAiBC,EAAgBH,EAAM,QAAQ,EAC/C,gBAAiBA,EAAM,UAAY,UACnC,YAAa,OACb,aAAc,aACd,YAAaA,EAAM,MAAQ,KAC3B,eAAgBA,EAAM,SAAW,SACnC,CAAC,CACH,CACF,CACF,CE3BA,OAAQ,mBAAAI,MAAsB,gCAUvB,SAASC,EACdC,EACAC,EACmB,CACnB,IAAIC,EAAW,GACXC,EAAuC,KAE3C,GAAIH,EAAM,OAAS,KAAM,CACvB,IAAMI,EAAMJ,EAAM,KAAO,GACzBE,EAAWF,EAAM,MAAQI,EACzBD,EAAeD,EAAW,GAAGE,CAAG,IAAMJ,EAAM,KAC9C,CAEA,MAAO,CACL,aAAAG,EACA,iBAA8C,CAC5C,OAAOF,EAAU,QAAQ,CACvB,UAAWI,EAAa,KACxB,gBAAiBC,EAAgBN,EAAM,QAAQ,EAC/C,gBAAiBA,EAAM,UAAY,UACnC,gBAAiBM,EAAgBJ,CAAQ,EACzC,YAAa,OACb,aAAc,eACd,YAAaF,EAAM,MAAQ,IAC7B,CAAC,CACH,CACF,CACF,CCrCA,OAAQ,mBAAAO,MAAsB,gCAWvB,SAASC,EACdC,EACAC,EACiB,CACjB,IAAMC,EAAOF,EAAM,MAAQ,KAC3B,MAAO,CACL,iBAA4C,CAC1C,OAAOC,EAAU,QAAQ,CACvB,UAAWE,EAAa,KACxB,YAAa,OACb,aAAc,aACd,YAAaD,CACf,CAAC,CACH,EACA,iBAA4C,CAC1C,OAAOD,EAAU,QAAQ,CACvB,UAAWE,EAAa,KACxB,gBAAiBC,EAAgBJ,EAAM,QAAQ,EAC/C,gBAAiBA,EAAM,UAAY,UACnC,gBAAiBI,EAAgB,EAAK,EACtC,YAAa,OACb,aAAc,aACd,YAAaF,EACb,eAAgBF,EAAM,SAAW,SACnC,CAAC,CACH,CACF,CACF,CCtCA,OAAQ,mBAAAK,MAAsB,gCAUvB,SAASC,EACdC,EACAC,EACmB,CACnB,MAAO,CACL,iBAA8C,CAC5C,OAAOA,EAAU,QAAQ,CACvB,UAAWC,EAAa,KACxB,gBAAiBC,EAAgBH,EAAM,QAAQ,EAC/C,gBAAiBA,EAAM,UAAY,UACnC,gBAAiBG,EAAgB,EAAK,EACtC,YAAa,OACb,aAAc,eACd,YAAaH,EAAM,MAAQ,KAC3B,eAAgBA,EAAM,SAAW,QACnC,CAAC,CACH,CACF,CACF",
|
|
6
|
+
"names": ["booleanDataAttr", "badgeClasses", "createQdsTextBadgeApi", "props", "normalize", "badgeClasses", "booleanDataAttr", "booleanDataAttr", "createQdsNumberBadgeApi", "props", "normalize", "overflow", "displayValue", "max", "badgeClasses", "booleanDataAttr", "booleanDataAttr", "createQdsIconBadgeApi", "props", "normalize", "size", "badgeClasses", "booleanDataAttr", "booleanDataAttr", "createQdsStatusBadgeApi", "props", "normalize", "badgeClasses", "booleanDataAttr"]
|
|
7
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { PropNormalizer } from "@qualcomm-ui/utils/machine";
|
|
2
|
+
import type { QdsNumberBadgeApi, QdsNumberBadgeProps } from "./number-badge.types";
|
|
3
|
+
export declare function createQdsNumberBadgeApi(props: QdsNumberBadgeProps, normalize: PropNormalizer): QdsNumberBadgeApi;
|
|
4
|
+
//# sourceMappingURL=number-badge.api.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"number-badge.api.d.ts","sourceRoot":"","sources":["../../src/badge/number-badge.api.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,4BAA4B,CAAA;AAG9D,OAAO,KAAK,EACV,iBAAiB,EACjB,mBAAmB,EAEpB,MAAM,sBAAsB,CAAA;AAE7B,wBAAgB,uBAAuB,CACrC,KAAK,EAAE,mBAAmB,EAC1B,SAAS,EAAE,cAAc,GACxB,iBAAiB,CAwBnB"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import type { BooleanDataAttr } from "@qualcomm-ui/utils/attributes";
|
|
2
|
+
import type { BadgeClasses, QdsBadgeBasicSize, QdsBaseBadgeProps } from "./badge.types";
|
|
3
|
+
export type QdsNumberBadgeEmphasis = "neutral" | "neutral-outline" | "brand" | "brand-outline" | "info" | "success" | "warning" | "danger" | "persistent-black" | "persistent-white";
|
|
4
|
+
export interface QdsNumberBadgeProps extends QdsBaseBadgeProps {
|
|
5
|
+
/**
|
|
6
|
+
* Governs the color and style of the number badge.
|
|
7
|
+
* @default 'neutral'
|
|
8
|
+
*/
|
|
9
|
+
emphasis?: QdsNumberBadgeEmphasis;
|
|
10
|
+
/**
|
|
11
|
+
* Maximum value to display.
|
|
12
|
+
* @default 99
|
|
13
|
+
*/
|
|
14
|
+
max?: number;
|
|
15
|
+
/**
|
|
16
|
+
* Governs the size of the badge.
|
|
17
|
+
* @default 'md'
|
|
18
|
+
*/
|
|
19
|
+
size?: QdsBadgeBasicSize;
|
|
20
|
+
/**
|
|
21
|
+
* The numeric value to display.
|
|
22
|
+
*/
|
|
23
|
+
value?: number;
|
|
24
|
+
}
|
|
25
|
+
export interface QdsNumberBadgeRootBindings {
|
|
26
|
+
className: BadgeClasses["root"];
|
|
27
|
+
"data-disabled": BooleanDataAttr;
|
|
28
|
+
"data-emphasis": QdsNumberBadgeEmphasis;
|
|
29
|
+
"data-overflow": BooleanDataAttr;
|
|
30
|
+
"data-part": "root";
|
|
31
|
+
"data-scope": "number-badge";
|
|
32
|
+
"data-size": QdsBadgeBasicSize;
|
|
33
|
+
}
|
|
34
|
+
export interface QdsNumberBadgeApi {
|
|
35
|
+
displayValue: number | string | null;
|
|
36
|
+
getRootBindings(): QdsNumberBadgeRootBindings;
|
|
37
|
+
}
|
|
38
|
+
//# sourceMappingURL=number-badge.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"number-badge.types.d.ts","sourceRoot":"","sources":["../../src/badge/number-badge.types.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,+BAA+B,CAAA;AAElE,OAAO,KAAK,EACV,YAAY,EACZ,iBAAiB,EACjB,iBAAiB,EAClB,MAAM,eAAe,CAAA;AAEtB,MAAM,MAAM,sBAAsB,GAC9B,SAAS,GACT,iBAAiB,GACjB,OAAO,GACP,eAAe,GACf,MAAM,GACN,SAAS,GACT,SAAS,GACT,QAAQ,GACR,kBAAkB,GAClB,kBAAkB,CAAA;AAEtB,MAAM,WAAW,mBAAoB,SAAQ,iBAAiB;IAC5D;;;OAGG;IACH,QAAQ,CAAC,EAAE,sBAAsB,CAAA;IAEjC;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IAEZ;;;OAGG;IACH,IAAI,CAAC,EAAE,iBAAiB,CAAA;IAExB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,0BAA0B;IACzC,SAAS,EAAE,YAAY,CAAC,MAAM,CAAC,CAAA;IAC/B,eAAe,EAAE,eAAe,CAAA;IAChC,eAAe,EAAE,sBAAsB,CAAA;IACvC,eAAe,EAAE,eAAe,CAAA;IAChC,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,cAAc,CAAA;IAC5B,WAAW,EAAE,iBAAiB,CAAA;CAC/B;AAED,MAAM,WAAW,iBAAiB;IAChC,YAAY,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAA;IACpC,eAAe,IAAI,0BAA0B,CAAA;CAC9C"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.qui-badge__root[data-emphasis]{--badge-text:var(--color-utility-persistent-white)}.qui-badge__root[data-emphasis=brand]{--badge-background:var(--color-background-brand-primary)}.qui-badge__root[data-emphasis=info]{--badge-background:var(--color-background-support-info)}.qui-badge__root[data-emphasis=success]{--badge-background:var(--color-background-support-success)}.qui-badge__root[data-emphasis=danger]{--badge-background:var(--color-background-support-danger)}.qui-badge__root[data-emphasis=blue]{--badge-background:var(--color-category-blue-strong)}.qui-badge__root[data-emphasis=cyan]{--badge-background:var(--color-category-cyan-strong)}.qui-badge__root[data-emphasis=green]{--badge-background:var(--color-category-green-strong)}.qui-badge__root[data-emphasis=kiwi]{--badge-background:var(--color-category-kiwi-strong)}.qui-badge__root[data-emphasis=magenta]{--badge-background:var(--color-category-magenta-strong)}.qui-badge__root[data-emphasis=orange]{--badge-background:var(--color-category-orange-strong)}.qui-badge__root[data-emphasis=purple]{--badge-background:var(--color-category-purple-strong)}.qui-badge__root[data-emphasis=red]{--badge-background:var(--color-category-red-strong)}.qui-badge__root[data-emphasis=teal]{--badge-background:var(--color-category-teal-strong)}.qui-badge__root[data-emphasis=warning]{--badge-background:var(--color-background-support-warning);--badge-text:var(--color-utility-persistent-black)}.qui-badge__root[data-emphasis=neutral]{--badge-background:var(--color-background-neutral-10);--badge-text:var(--color-text-neutral-inverse)}.qui-badge__root[data-emphasis=yellow]{--badge-background:var(--color-category-yellow-strong);--badge-text:var(--color-utility-persistent-black)}.qui-badge__root[data-variant=subtle][data-emphasis]{--badge-text:var(--color-text-neutral-primary)}.qui-badge__root[data-variant=subtle][data-emphasis=brand]{--badge-background:var(--color-background-brand-primary-subtle)}.qui-badge__root[data-variant=subtle][data-emphasis=info]{--badge-background:var(--color-background-support-info-medium)}.qui-badge__root[data-variant=subtle][data-emphasis=success]{--badge-background:var(--color-background-support-success-medium)}.qui-badge__root[data-variant=subtle][data-emphasis=warning]{--badge-background:var(--color-background-support-warning-medium)}.qui-badge__root[data-variant=subtle][data-emphasis=danger]{--badge-background:var(--color-background-support-danger-medium)}.qui-badge__root[data-variant=subtle][data-emphasis=blue]{--badge-background:var(--color-category-blue-subtle)}.qui-badge__root[data-variant=subtle][data-emphasis=cyan]{--badge-background:var(--color-category-cyan-subtle)}.qui-badge__root[data-variant=subtle][data-emphasis=green]{--badge-background:var(--color-category-green-subtle)}.qui-badge__root[data-variant=subtle][data-emphasis=kiwi]{--badge-background:var(--color-category-kiwi-subtle)}.qui-badge__root[data-variant=subtle][data-emphasis=magenta]{--badge-background:var(--color-category-magenta-subtle)}.qui-badge__root[data-variant=subtle][data-emphasis=orange]{--badge-background:var(--color-category-orange-subtle)}.qui-badge__root[data-variant=subtle][data-emphasis=purple]{--badge-background:var(--color-category-purple-subtle)}.qui-badge__root[data-variant=subtle][data-emphasis=red]{--badge-background:var(--color-category-red-subtle)}.qui-badge__root[data-variant=subtle][data-emphasis=teal]{--badge-background:var(--color-category-teal-subtle)}.qui-badge__root[data-variant=subtle][data-emphasis=yellow]{--badge-background:var(--color-category-yellow-subtle)}.qui-badge__root[data-variant=subtle][data-emphasis=neutral]{--badge-background:var(--color-background-support-neutral);--badge-text:var(--color-utility-persistent-white)}.qui-badge__root[data-scope][data-emphasis][data-disabled]{--badge-background:var(--color-utility-disabled-background);--badge-border:var(--color-utility-disabled-border);--badge-text:var(--color-utility-disabled-text);--icon-color:var(--color-utility-disabled-icon)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.qui-badge__root{align-items:center;box-sizing:border-box;cursor:default;display:inline-flex;justify-content:center;line-height:1}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.qui-badge__root[data-size=xxs]{--icon-radius:var(--border-radius-xs);--icon-size:var(--sizing-60)}.qui-badge__root[data-size=xs]{--icon-radius:var(--border-radius-xs);--icon-size:var(--sizing-70)}.qui-badge__root[data-size=sm]{--icon-radius:var(--border-radius-sm);--icon-size:var(--sizing-80)}.qui-badge__root[data-size=md]{--icon-radius:var(--border-radius-sm);--icon-size:var(--sizing-90)}.qui-badge__root[data-size=lg]{--icon-radius:var(--border-radius-md);--icon-size:var(--sizing-120)}.qui-badge__root[data-size=xl]{--icon-radius:var(--border-radius-lg);--icon-size:var(--sizing-140)}.qui-badge__root[data-scope=icon-badge]{background:var(--badge-background);border:solid var(--border-size,0) var(--badge-border);border-radius:var(--icon-radius);color:var(--badge-text)}.qui-badge__root[data-scope=icon-badge][data-size=sm],.qui-badge__root[data-scope=icon-badge][data-size=xs],.qui-badge__root[data-scope=icon-badge][data-size=xxs]{padding:var(--spacing-20)}.qui-badge__root[data-scope=icon-badge][data-size=md]{padding:var(--spacing-40)}.qui-badge__root[data-scope=icon-badge][data-size=lg]{padding:var(--spacing-50)}.qui-badge__root[data-scope=icon-badge][data-size=xl]{padding:var(--spacing-60)}.qui-badge__icon[data-scope=icon-badge]{color:var(--icon-color,inherit);--icon-size:inherit}.qui-badge__root[data-scope=icon-badge]>svg{block-size:var(--icon-size);inline-size:var(--icon-size)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.qui-badge__root[data-size=sm]{font:var(--font-static-body-xs-default);--count-size:var(--sizing-80)}.qui-badge__root[data-size=md]{font:var(--font-static-body-sm-default);--count-size:var(--sizing-90)}.qui-badge__root[data-size=lg]{font:var(--font-static-body-md-default);--count-size:var(--sizing-120)}.qui-badge__root[data-scope=number-badge]{background:var(--badge-background);block-size:var(--count-size);border:solid var(--border-size,0) var(--badge-border);border-radius:var(--border-radius-rounded);color:var(--badge-text);min-inline-size:var(--count-size);padding:0}.qui-badge__root[data-scope=number-badge][data-overflow]{padding:0 var(--spacing-50)}.qui-badge__root[data-scope=number-badge][data-emphasis=neutral]{--badge-background:var(--color-background-support-neutral);--badge-text:var(--color-utility-persistent-white)}.qui-badge__root[data-scope=number-badge][data-emphasis=neutral-outline]{--badge-background:transparent;--badge-border:var(--color-border-support-neutral);--badge-text:var(--color-text-neutral-primary);--border-size:1px}.qui-badge__root[data-scope=number-badge][data-emphasis=brand-outline]{--badge-background:transparent;--badge-border:var(--color-border-support-neutral);--badge-text:var(--color-text-brand-primary);--border-size:1px}.qui-badge__root[data-scope=number-badge][data-emphasis=persistent-black]{--badge-background:var(--color-utility-persistent-black);--badge-text:var(--color-utility-persistent-white)}.qui-badge__root[data-scope=number-badge][data-emphasis=persistent-white]{--badge-background:var(--color-utility-persistent-white);--badge-text:var(--color-utility-persistent-black)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.qui-badge__root[data-size=xxs]{--status-size:var(--sizing-40)}.qui-badge__root[data-size=xs]{--status-size:var(--sizing-40)}.qui-badge__root[data-size=sm]{--status-size:var(--sizing-50)}.qui-badge__root[data-size=md]{--status-size:var(--sizing-60)}.qui-badge__root[data-size=lg]{--status-size:var(--sizing-70)}.qui-badge__root[data-size=xl]{--status-size:var(--sizing-80)}.qui-badge__root[data-scope=status-badge]{background:var(--badge-background);border:solid var(--border-size,0) var(--badge-background);border-radius:var(--border-radius-rounded);color:var(--badge-text);height:var(--status-size);min-width:var(--status-size);padding:0;width:var(--status-size)}.qui-badge__root[data-scope=status-badge][data-emphasis=neutral]{--badge-background:var(--color-background-support-neutral)}.qui-badge__root[data-scope=status-badge][data-emphasis=brand]{--badge-background:var(--color-background-brand-primary)}.qui-badge__root[data-scope=status-badge][data-emphasis=info]{--badge-background:var(--color-background-support-info)}.qui-badge__root[data-scope=status-badge][data-emphasis=success]{--badge-background:var(--color-background-support-success)}.qui-badge__root[data-scope=status-badge][data-emphasis=warning]{--badge-background:var(--color-background-support-warning)}.qui-badge__root[data-scope=status-badge][data-emphasis=danger]{--badge-background:var(--color-background-support-danger)}.qui-badge__root[data-scope=status-badge][data-variant=outlined]{background:transparent;border-width:1px}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.qui-badge__root[data-scope=text-badge]{background:var(--badge-background);border:solid var(--border-size,0) var(--badge-border);color:var(--badge-text)}.qui-badge__root[data-scope=text-badge][data-size=sm]{border-radius:var(--border-radius-xs);font:var(--font-static-body-xs-default);padding:var(--spacing-10) var(--spacing-40)}.qui-badge__root[data-scope=text-badge][data-size=md]{border-radius:var(--border-radius-sm);font:var(--font-static-body-sm-default);padding:var(--spacing-20) var(--spacing-50)}.qui-badge__root[data-scope=text-badge][data-size=lg]{border-radius:var(--border-radius-sm);font:var(--font-static-body-md-default);padding:var(--spacing-40) var(--spacing-70)}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { PropNormalizer } from "@qualcomm-ui/utils/machine";
|
|
2
|
+
import type { QdsStatusBadgeApi, QdsStatusBadgeProps } from "./status-badge.types";
|
|
3
|
+
export declare function createQdsStatusBadgeApi(props: QdsStatusBadgeProps, normalize: PropNormalizer): QdsStatusBadgeApi;
|
|
4
|
+
//# sourceMappingURL=status-badge.api.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"status-badge.api.d.ts","sourceRoot":"","sources":["../../src/badge/status-badge.api.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,4BAA4B,CAAA;AAG9D,OAAO,KAAK,EACV,iBAAiB,EACjB,mBAAmB,EAEpB,MAAM,sBAAsB,CAAA;AAE7B,wBAAgB,uBAAuB,CACrC,KAAK,EAAE,mBAAmB,EAC1B,SAAS,EAAE,cAAc,GACxB,iBAAiB,CAenB"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import type { BooleanDataAttr } from "@qualcomm-ui/utils/attributes";
|
|
2
|
+
import type { BadgeClasses, QdsBadgeExtraSize, QdsBadgeSemanticEmphasis, QdsBaseBadgeProps } from "./badge.types";
|
|
3
|
+
export type QdsStatusBadgeVariant = "filled" | "outlined";
|
|
4
|
+
export interface QdsStatusBadgeProps extends QdsBaseBadgeProps {
|
|
5
|
+
/**
|
|
6
|
+
* Governs the color of the status badge.
|
|
7
|
+
* @default 'neutral'
|
|
8
|
+
*/
|
|
9
|
+
emphasis?: QdsBadgeSemanticEmphasis;
|
|
10
|
+
/**
|
|
11
|
+
* Governs the size of the badge.
|
|
12
|
+
* @default 'md'
|
|
13
|
+
*/
|
|
14
|
+
size?: QdsBadgeExtraSize;
|
|
15
|
+
/**
|
|
16
|
+
* Governs the style of the status badge.
|
|
17
|
+
* @default 'filled'
|
|
18
|
+
*/
|
|
19
|
+
variant?: QdsStatusBadgeVariant;
|
|
20
|
+
}
|
|
21
|
+
export interface QdsStatusBadgeRootBindings {
|
|
22
|
+
className: BadgeClasses["root"];
|
|
23
|
+
"data-disabled": BooleanDataAttr;
|
|
24
|
+
"data-emphasis": QdsBadgeSemanticEmphasis;
|
|
25
|
+
"data-part": "root";
|
|
26
|
+
"data-scope": "status-badge";
|
|
27
|
+
"data-size": QdsBadgeExtraSize;
|
|
28
|
+
"data-variant": QdsStatusBadgeVariant;
|
|
29
|
+
}
|
|
30
|
+
export interface QdsStatusBadgeApi {
|
|
31
|
+
getRootBindings(): QdsStatusBadgeRootBindings;
|
|
32
|
+
}
|
|
33
|
+
//# sourceMappingURL=status-badge.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"status-badge.types.d.ts","sourceRoot":"","sources":["../../src/badge/status-badge.types.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,+BAA+B,CAAA;AAElE,OAAO,KAAK,EACV,YAAY,EACZ,iBAAiB,EACjB,wBAAwB,EACxB,iBAAiB,EAClB,MAAM,eAAe,CAAA;AAEtB,MAAM,MAAM,qBAAqB,GAAG,QAAQ,GAAG,UAAU,CAAA;AAEzD,MAAM,WAAW,mBAAoB,SAAQ,iBAAiB;IAC5D;;;OAGG;IACH,QAAQ,CAAC,EAAE,wBAAwB,CAAA;IAEnC;;;OAGG;IACH,IAAI,CAAC,EAAE,iBAAiB,CAAA;IAExB;;;OAGG;IACH,OAAO,CAAC,EAAE,qBAAqB,CAAA;CAChC;AAED,MAAM,WAAW,0BAA0B;IACzC,SAAS,EAAE,YAAY,CAAC,MAAM,CAAC,CAAA;IAC/B,eAAe,EAAE,eAAe,CAAA;IAChC,eAAe,EAAE,wBAAwB,CAAA;IACzC,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,cAAc,CAAA;IAC5B,WAAW,EAAE,iBAAiB,CAAA;IAC9B,cAAc,EAAE,qBAAqB,CAAA;CACtC;AAED,MAAM,WAAW,iBAAiB;IAChC,eAAe,IAAI,0BAA0B,CAAA;CAC9C"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { PropNormalizer } from "@qualcomm-ui/utils/machine";
|
|
2
|
+
import type { QdsTextBadgeApi, QdsTextBadgeProps } from "./text-badge.types";
|
|
3
|
+
export declare function createQdsTextBadgeApi(props: QdsTextBadgeProps, normalize: PropNormalizer): QdsTextBadgeApi;
|
|
4
|
+
//# sourceMappingURL=text-badge.api.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"text-badge.api.d.ts","sourceRoot":"","sources":["../../src/badge/text-badge.api.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,4BAA4B,CAAA;AAG9D,OAAO,KAAK,EACV,eAAe,EACf,iBAAiB,EAElB,MAAM,oBAAoB,CAAA;AAE3B,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,iBAAiB,EACxB,SAAS,EAAE,cAAc,GACxB,eAAe,CAcjB"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import type { BooleanDataAttr } from "@qualcomm-ui/utils/attributes";
|
|
2
|
+
import type { BadgeClasses, QdsBadgeBasicSize, QdsBadgeCategoryEmphasis, QdsBadgeSemanticEmphasis, QdsBaseBadgeProps } from "./badge.types";
|
|
3
|
+
export type QdsTextBadgeVariant = "default" | "subtle";
|
|
4
|
+
export interface QdsTextBadgeProps extends QdsBaseBadgeProps {
|
|
5
|
+
/**
|
|
6
|
+
* Governs the color of the text badge.
|
|
7
|
+
* @default 'neutral'
|
|
8
|
+
*/
|
|
9
|
+
emphasis?: QdsBadgeSemanticEmphasis | QdsBadgeCategoryEmphasis;
|
|
10
|
+
/**
|
|
11
|
+
* Governs the size of the badge.
|
|
12
|
+
* @default 'md'
|
|
13
|
+
*/
|
|
14
|
+
size?: QdsBadgeBasicSize;
|
|
15
|
+
/**
|
|
16
|
+
* Governs the style of the text badge.
|
|
17
|
+
* @default 'default'
|
|
18
|
+
*/
|
|
19
|
+
variant?: QdsTextBadgeVariant;
|
|
20
|
+
}
|
|
21
|
+
export interface QdsTextBadgeRootBindings {
|
|
22
|
+
className: BadgeClasses["root"];
|
|
23
|
+
"data-disabled": BooleanDataAttr;
|
|
24
|
+
"data-emphasis": QdsBadgeSemanticEmphasis | QdsBadgeCategoryEmphasis;
|
|
25
|
+
"data-part": "root";
|
|
26
|
+
"data-scope": "text-badge";
|
|
27
|
+
"data-size": QdsBadgeBasicSize;
|
|
28
|
+
"data-variant": QdsTextBadgeVariant;
|
|
29
|
+
}
|
|
30
|
+
export interface QdsTextBadgeApi {
|
|
31
|
+
getRootBindings(): QdsTextBadgeRootBindings;
|
|
32
|
+
}
|
|
33
|
+
//# sourceMappingURL=text-badge.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"text-badge.types.d.ts","sourceRoot":"","sources":["../../src/badge/text-badge.types.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,+BAA+B,CAAA;AAElE,OAAO,KAAK,EACV,YAAY,EACZ,iBAAiB,EACjB,wBAAwB,EACxB,wBAAwB,EACxB,iBAAiB,EAClB,MAAM,eAAe,CAAA;AAEtB,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,QAAQ,CAAA;AAEtD,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB;IAC1D;;;OAGG;IACH,QAAQ,CAAC,EAAE,wBAAwB,GAAG,wBAAwB,CAAA;IAE9D;;;OAGG;IACH,IAAI,CAAC,EAAE,iBAAiB,CAAA;IAExB;;;OAGG;IACH,OAAO,CAAC,EAAE,mBAAmB,CAAA;CAC9B;AAED,MAAM,WAAW,wBAAwB;IACvC,SAAS,EAAE,YAAY,CAAC,MAAM,CAAC,CAAA;IAC/B,eAAe,EAAE,eAAe,CAAA;IAChC,eAAe,EAAE,wBAAwB,GAAG,wBAAwB,CAAA;IACpE,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,YAAY,CAAA;IAC1B,WAAW,EAAE,iBAAiB,CAAA;IAC9B,cAAc,EAAE,mBAAmB,CAAA;CACpC;AAED,MAAM,WAAW,eAAe;IAC9B,eAAe,IAAI,wBAAwB,CAAA;CAC5C"}
|