@d4gger/design-system 2.7.0 → 3.0.1

package/dist/components/articleNodes/articleNodes.props.d.mts

@@ -0,0 +1,32 @@
+import type * as React from 'react';
+interface ArticleImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {
+    caption?: React.ReactNode;
+}
+interface ArticleEmbedProps extends React.HTMLAttributes<HTMLDivElement> {
+    url: string;
+    render?: (url: string) => React.ReactNode;
+    isAllowed?: (url: string) => boolean;
+}
+interface BeforeAfterComparisonProps extends React.HTMLAttributes<HTMLElement> {
+    beforeSrc: string;
+    afterSrc: string;
+    beforeAlt: string;
+    afterAlt: string;
+    beforeLabel?: React.ReactNode;
+    afterLabel?: React.ReactNode;
+}
+type PollState = 'loading' | 'ready' | 'error' | 'voted';
+interface ArticlePollProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onLoad'> {
+    pollId: string;
+    question?: React.ReactNode;
+    options?: Array<{
+        id: string;
+        label: React.ReactNode;
+        votes?: number;
+    }>;
+    state?: PollState;
+    onLoad?: (pollId: string) => void;
+    onVote?: (pollId: string, optionId: string) => void;
+}
+export type { ArticleEmbedProps, ArticleImageProps, ArticlePollProps, BeforeAfterComparisonProps, PollState, };
+//# sourceMappingURL=articleNodes.props.d.mts.map

package/dist/components/articleNodes/articleNodes.props.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"articleNodes.props.d.mts","sourceRoot":"","sources":["../../../src/components/articleNodes/articleNodes.props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAEnC,UAAU,iBAAkB,SAAQ,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC;IAC3E,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,UAAU,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE,GAAG,EAAE,MAAM,CAAA;IACX,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAA;IACzC,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAA;CACrC;AAED,UAAU,0BAA2B,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAC5E,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC7B;AAED,KAAK,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAA;AAExD,UAAU,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,QAAQ,CAAC;IACrF,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IACvE,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;CACpD;AAED,YAAY,EACV,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,0BAA0B,EAC1B,SAAS,GACV,CAAA"}

package/dist/components/articleNodes/articleNodes.props.d.ts

@@ -0,0 +1,32 @@
+import type * as React from 'react';
+interface ArticleImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {
+    caption?: React.ReactNode;
+}
+interface ArticleEmbedProps extends React.HTMLAttributes<HTMLDivElement> {
+    url: string;
+    render?: (url: string) => React.ReactNode;
+    isAllowed?: (url: string) => boolean;
+}
+interface BeforeAfterComparisonProps extends React.HTMLAttributes<HTMLElement> {
+    beforeSrc: string;
+    afterSrc: string;
+    beforeAlt: string;
+    afterAlt: string;
+    beforeLabel?: React.ReactNode;
+    afterLabel?: React.ReactNode;
+}
+type PollState = 'loading' | 'ready' | 'error' | 'voted';
+interface ArticlePollProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onLoad'> {
+    pollId: string;
+    question?: React.ReactNode;
+    options?: Array<{
+        id: string;
+        label: React.ReactNode;
+        votes?: number;
+    }>;
+    state?: PollState;
+    onLoad?: (pollId: string) => void;
+    onVote?: (pollId: string, optionId: string) => void;
+}
+export type { ArticleEmbedProps, ArticleImageProps, ArticlePollProps, BeforeAfterComparisonProps, PollState, };
+//# sourceMappingURL=articleNodes.props.d.ts.map

package/dist/components/articleNodes/articleNodes.props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"articleNodes.props.d.ts","sourceRoot":"","sources":["../../../src/components/articleNodes/articleNodes.props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAEnC,UAAU,iBAAkB,SAAQ,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC;IAC3E,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,UAAU,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE,GAAG,EAAE,MAAM,CAAA;IACX,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAA;IACzC,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAA;CACrC;AAED,UAAU,0BAA2B,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAC5E,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC7B;AAED,KAAK,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAA;AAExD,UAAU,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,QAAQ,CAAC;IACrF,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IACvE,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;CACpD;AAED,YAAY,EACV,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,0BAA0B,EAC1B,SAAS,GACV,CAAA"}

package/dist/components/articleNodes/articleNodes.props.js

@@ -0,0 +1 @@
+//# sourceMappingURL=articleNodes.props.js.map

package/dist/components/articleNodes/articleNodes.props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/components/avatar.css

@@ -18,17 +18,22 @@
   border-color: transparent;
 }
 
-.dsx-avatar--sm {
+.dsx-avatar[data-high-contrast='true'] {
+  border-color: transparent;
+  box-shadow: var(--dsx-boundary-high-contrast-ring);
+}
+
+.dsx-avatar[data-size='sm'] {
   width: var(--dsx-size-lg);
   height: var(--dsx-size-lg);
 }
 
-.dsx-avatar--md {
+.dsx-avatar[data-size='md'] {
   width: var(--dsx-size-xl);
   height: var(--dsx-size-xl);
 }
 
-.dsx-avatar--lg {
+.dsx-avatar[data-size='lg'] {
   width: var(--dsx-size-2xl);
   height: var(--dsx-size-2xl);
 }
@@ -52,6 +57,12 @@
   font-weight: var(--dsx-typography-label-large-font-weight);
 }
 
+.dsx-avatar:where([data-size='sm']) .dsx-avatar__fallback {
+  font-family: var(--dsx-typography-label-small-font-family), sans-serif;
+  font-size: var(--dsx-typography-label-small-font-size);
+  font-weight: var(--dsx-typography-label-small-font-weight);
+}
+
 .dsx-avatar-group {
   display: inline-flex;
   align-items: center;

package/dist/components/badge/Badge.cjs

@@ -45,7 +45,7 @@ const Badge = React.forwardRef((props, forwardedRef) => {
     {
       ...badgeProps,
       ref: forwardedRef,
-      className: (0, import_classnames.default)("dsx-badge", `dsx-badge--${variant}`, `dsx-badge--${size}`, className),
+      className: (0, import_classnames.default)("dsx-badge", className),
       "data-accent-color": color,
       "data-high-contrast": highContrast ? "true" : void 0,
       "data-radius": radius,

package/dist/components/badge/Badge.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/badge/Badge.tsx"],
-  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { badgePropDefs } from './badge.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype BadgeElement = React.ComponentRef<'span'>\ntype BadgeOwnProps = GetPropDefTypes<typeof badgePropDefs>\n\ninterface BadgeProps extends Omit<React.ComponentPropsWithoutRef<'span'>, 'color'>, BadgeOwnProps {}\n\nconst Badge = React.forwardRef<BadgeElement, BadgeProps>((props, forwardedRef) => {\n  const { asChild, className, color, highContrast = false, radius, size = 'md', variant = 'default', ...badgeProps } = extractProps(props, badgePropDefs)\n  const Comp = asChild ? Slot : 'span'\n\n  return (\n    <Comp\n      {...badgeProps}\n      ref={forwardedRef}\n      className={classNames('dsx-badge', `dsx-badge--${variant}`, `dsx-badge--${size}`, className)}\n      data-accent-color={color}\n      data-high-contrast={highContrast ? 'true' : undefined}\n      data-radius={radius}\n      data-size={size}\n      data-variant={variant}\n    />\n  )\n})\nBadge.displayName = 'Badge'\n\nexport { Badge }\nexport type { BadgeProps }\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AACvB,wBAAuB;AACvB,wBAAqB;AAErB,0BAA6B;AAC7B,mBAA8B;AAc1B;AALJ,MAAM,QAAQ,MAAM,WAAqC,CAAC,OAAO,iBAAiB;AAChF,QAAM,EAAE,SAAS,WAAW,OAAO,eAAe,OAAO,QAAQ,OAAO,MAAM,UAAU,WAAW,GAAG,WAAW,QAAI,kCAAa,OAAO,0BAAa;AACtJ,QAAM,OAAO,UAAU,yBAAO;AAE9B,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,eAAW,kBAAAA,SAAW,aAAa,cAAc,OAAO,IAAI,cAAc,IAAI,IAAI,SAAS;AAAA,MAC3F,qBAAmB;AAAA,MACnB,sBAAoB,eAAe,SAAS;AAAA,MAC5C,eAAa;AAAA,MACb,aAAW;AAAA,MACX,gBAAc;AAAA;AAAA,EAChB;AAEJ,CAAC;AACD,MAAM,cAAc;",
+  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { badgePropDefs } from './badge.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype BadgeElement = React.ComponentRef<'span'>\ntype BadgeOwnProps = GetPropDefTypes<typeof badgePropDefs>\n\ninterface BadgeProps extends Omit<React.ComponentPropsWithoutRef<'span'>, 'color'>, BadgeOwnProps {}\n\nconst Badge = React.forwardRef<BadgeElement, BadgeProps>((props, forwardedRef) => {\n  const { asChild, className, color, highContrast = false, radius, size = 'md', variant = 'default', ...badgeProps } = extractProps(props, badgePropDefs)\n  const Comp = asChild ? Slot : 'span'\n\n  return (\n    <Comp\n      {...badgeProps}\n      ref={forwardedRef}\n      className={classNames('dsx-badge', className)}\n      data-accent-color={color}\n      data-high-contrast={highContrast ? 'true' : undefined}\n      data-radius={radius}\n      data-size={size}\n      data-variant={variant}\n    />\n  )\n})\nBadge.displayName = 'Badge'\n\nexport { Badge }\nexport type { BadgeProps }\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AACvB,wBAAuB;AACvB,wBAAqB;AAErB,0BAA6B;AAC7B,mBAA8B;AAc1B;AALJ,MAAM,QAAQ,MAAM,WAAqC,CAAC,OAAO,iBAAiB;AAChF,QAAM,EAAE,SAAS,WAAW,OAAO,eAAe,OAAO,QAAQ,OAAO,MAAM,UAAU,WAAW,GAAG,WAAW,QAAI,kCAAa,OAAO,0BAAa;AACtJ,QAAM,OAAO,UAAU,yBAAO;AAE9B,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,eAAW,kBAAAA,SAAW,aAAa,SAAS;AAAA,MAC5C,qBAAmB;AAAA,MACnB,sBAAoB,eAAe,SAAS;AAAA,MAC5C,eAAa;AAAA,MACb,aAAW;AAAA,MACX,gBAAc;AAAA;AAAA,EAChB;AAEJ,CAAC;AACD,MAAM,cAAc;",
   "names": ["classNames"]
 }

package/dist/components/badge/Badge.js

@@ -12,7 +12,7 @@ const Badge = React.forwardRef((props, forwardedRef) => {
     {
       ...badgeProps,
       ref: forwardedRef,
-      className: classNames("dsx-badge", `dsx-badge--${variant}`, `dsx-badge--${size}`, className),
+      className: classNames("dsx-badge", className),
       "data-accent-color": color,
       "data-high-contrast": highContrast ? "true" : void 0,
       "data-radius": radius,

package/dist/components/badge/Badge.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/badge/Badge.tsx"],
-  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { badgePropDefs } from './badge.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype BadgeElement = React.ComponentRef<'span'>\ntype BadgeOwnProps = GetPropDefTypes<typeof badgePropDefs>\n\ninterface BadgeProps extends Omit<React.ComponentPropsWithoutRef<'span'>, 'color'>, BadgeOwnProps {}\n\nconst Badge = React.forwardRef<BadgeElement, BadgeProps>((props, forwardedRef) => {\n  const { asChild, className, color, highContrast = false, radius, size = 'md', variant = 'default', ...badgeProps } = extractProps(props, badgePropDefs)\n  const Comp = asChild ? Slot : 'span'\n\n  return (\n    <Comp\n      {...badgeProps}\n      ref={forwardedRef}\n      className={classNames('dsx-badge', `dsx-badge--${variant}`, `dsx-badge--${size}`, className)}\n      data-accent-color={color}\n      data-high-contrast={highContrast ? 'true' : undefined}\n      data-radius={radius}\n      data-size={size}\n      data-variant={variant}\n    />\n  )\n})\nBadge.displayName = 'Badge'\n\nexport { Badge }\nexport type { BadgeProps }\n"],
-  "mappings": "AAAA,YAAY,WAAW;AACvB,OAAO,gBAAgB;AACvB,SAAS,YAAY;AAErB,SAAS,oBAAoB;AAC7B,SAAS,qBAAqB;AAc1B;AALJ,MAAM,QAAQ,MAAM,WAAqC,CAAC,OAAO,iBAAiB;AAChF,QAAM,EAAE,SAAS,WAAW,OAAO,eAAe,OAAO,QAAQ,OAAO,MAAM,UAAU,WAAW,GAAG,WAAW,IAAI,aAAa,OAAO,aAAa;AACtJ,QAAM,OAAO,UAAU,OAAO;AAE9B,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,WAAW,WAAW,aAAa,cAAc,OAAO,IAAI,cAAc,IAAI,IAAI,SAAS;AAAA,MAC3F,qBAAmB;AAAA,MACnB,sBAAoB,eAAe,SAAS;AAAA,MAC5C,eAAa;AAAA,MACb,aAAW;AAAA,MACX,gBAAc;AAAA;AAAA,EAChB;AAEJ,CAAC;AACD,MAAM,cAAc;",
+  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { badgePropDefs } from './badge.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype BadgeElement = React.ComponentRef<'span'>\ntype BadgeOwnProps = GetPropDefTypes<typeof badgePropDefs>\n\ninterface BadgeProps extends Omit<React.ComponentPropsWithoutRef<'span'>, 'color'>, BadgeOwnProps {}\n\nconst Badge = React.forwardRef<BadgeElement, BadgeProps>((props, forwardedRef) => {\n  const { asChild, className, color, highContrast = false, radius, size = 'md', variant = 'default', ...badgeProps } = extractProps(props, badgePropDefs)\n  const Comp = asChild ? Slot : 'span'\n\n  return (\n    <Comp\n      {...badgeProps}\n      ref={forwardedRef}\n      className={classNames('dsx-badge', className)}\n      data-accent-color={color}\n      data-high-contrast={highContrast ? 'true' : undefined}\n      data-radius={radius}\n      data-size={size}\n      data-variant={variant}\n    />\n  )\n})\nBadge.displayName = 'Badge'\n\nexport { Badge }\nexport type { BadgeProps }\n"],
+  "mappings": "AAAA,YAAY,WAAW;AACvB,OAAO,gBAAgB;AACvB,SAAS,YAAY;AAErB,SAAS,oBAAoB;AAC7B,SAAS,qBAAqB;AAc1B;AALJ,MAAM,QAAQ,MAAM,WAAqC,CAAC,OAAO,iBAAiB;AAChF,QAAM,EAAE,SAAS,WAAW,OAAO,eAAe,OAAO,QAAQ,OAAO,MAAM,UAAU,WAAW,GAAG,WAAW,IAAI,aAAa,OAAO,aAAa;AACtJ,QAAM,OAAO,UAAU,OAAO;AAE9B,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,WAAW,WAAW,aAAa,SAAS;AAAA,MAC5C,qBAAmB;AAAA,MACnB,sBAAoB,eAAe,SAAS;AAAA,MAC5C,eAAa;AAAA,MACb,aAAW;AAAA,MACX,gBAAc;AAAA;AAAA,EAChB;AAEJ,CAAC;AACD,MAAM,cAAc;",
   "names": []
 }

package/dist/components/badge/badge.props.cjs

@@ -23,7 +23,7 @@ __export(badge_props_exports, {
 module.exports = __toCommonJS(badge_props_exports);
 var import_asChild = require("../../_internal/props/asChild.prop");
 var import_highContrast = require("../../_internal/props/highContrast.prop");
-const badgeVariants = ["default", "primary", "secondary", "outline", "success", "error"];
+const badgeVariants = ["default", "primary", "secondary", "outline", "success", "warning", "error", "info"];
 const badgeSizes = ["sm", "md"];
 const badgePropDefs = {
   ...import_asChild.asChildPropDef,

package/dist/components/badge/badge.props.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/badge/badge.props.ts"],
-  "sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\nimport { highContrastPropDef } from '../../_internal/props/highContrast.prop'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst badgeVariants = ['default', 'primary', 'secondary', 'outline', 'success', 'error'] as const\nconst badgeSizes = ['sm', 'md'] as const\n\nconst badgePropDefs = {\n  ...asChildPropDef,\n  ...highContrastPropDef,\n  variant: {\n    type: 'enum',\n    values: badgeVariants,\n    default: 'default',\n  },\n  size: {\n    type: 'enum',\n    values: badgeSizes,\n    default: 'md',\n  },\n  color: {\n    type: 'enum | string',\n    values: [] as const,\n    default: undefined,\n  },\n  radius: {\n    type: 'enum',\n    values: ['none', 'sm', 'md', 'lg', 'full'] as const,\n    default: undefined,\n  },\n} satisfies {\n  asChild: PropDef\n  highContrast: PropDef\n  size: PropDef<(typeof badgeSizes)[number]>\n  variant: PropDef<(typeof badgeVariants)[number]>\n  color: PropDef<string>\n  radius: PropDef<'none' | 'sm' | 'md' | 'lg' | 'full'>\n}\n\nexport { badgePropDefs }\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA+B;AAC/B,0BAAoC;AAIpC,MAAM,gBAAgB,CAAC,WAAW,WAAW,aAAa,WAAW,WAAW,OAAO;AACvF,MAAM,aAAa,CAAC,MAAM,IAAI;AAE9B,MAAM,gBAAgB;AAAA,EACpB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,QAAQ,CAAC;AAAA,IACT,SAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,QAAQ,CAAC,QAAQ,MAAM,MAAM,MAAM,MAAM;AAAA,IACzC,SAAS;AAAA,EACX;AACF;",
+  "sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\nimport { highContrastPropDef } from '../../_internal/props/highContrast.prop'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst badgeVariants = ['default', 'primary', 'secondary', 'outline', 'success', 'warning', 'error', 'info'] as const\nconst badgeSizes = ['sm', 'md'] as const\n\nconst badgePropDefs = {\n  ...asChildPropDef,\n  ...highContrastPropDef,\n  variant: {\n    type: 'enum',\n    values: badgeVariants,\n    default: 'default',\n  },\n  size: {\n    type: 'enum',\n    values: badgeSizes,\n    default: 'md',\n  },\n  color: {\n    type: 'enum | string',\n    values: [] as const,\n    default: undefined,\n  },\n  radius: {\n    type: 'enum',\n    values: ['none', 'sm', 'md', 'lg', 'full'] as const,\n    default: undefined,\n  },\n} satisfies {\n  asChild: PropDef\n  highContrast: PropDef\n  size: PropDef<(typeof badgeSizes)[number]>\n  variant: PropDef<(typeof badgeVariants)[number]>\n  color: PropDef<string>\n  radius: PropDef<'none' | 'sm' | 'md' | 'lg' | 'full'>\n}\n\nexport { badgePropDefs }\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA+B;AAC/B,0BAAoC;AAIpC,MAAM,gBAAgB,CAAC,WAAW,WAAW,aAAa,WAAW,WAAW,WAAW,SAAS,MAAM;AAC1G,MAAM,aAAa,CAAC,MAAM,IAAI;AAE9B,MAAM,gBAAgB;AAAA,EACpB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,QAAQ,CAAC;AAAA,IACT,SAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,QAAQ,CAAC,QAAQ,MAAM,MAAM,MAAM,MAAM;AAAA,IACzC,SAAS;AAAA,EACX;AACF;",
   "names": []
 }

package/dist/components/badge/badge.props.d.cts

@@ -1,7 +1,7 @@
 declare const badgePropDefs: {
     variant: {
         type: "enum";
-        values: readonly ["default", "primary", "secondary", "outline", "success", "error"];
+        values: readonly ["default", "primary", "secondary", "outline", "success", "warning", "error", "info"];
         default: "default";
     };
     size: {

package/dist/components/badge/badge.props.d.mts

@@ -1,7 +1,7 @@
 declare const badgePropDefs: {
     variant: {
         type: "enum";
-        values: readonly ["default", "primary", "secondary", "outline", "success", "error"];
+        values: readonly ["default", "primary", "secondary", "outline", "success", "warning", "error", "info"];
         default: "default";
     };
     size: {

package/dist/components/badge/badge.props.d.ts

@@ -1,7 +1,7 @@
 declare const badgePropDefs: {
     variant: {
         type: "enum";
-        values: readonly ["default", "primary", "secondary", "outline", "success", "error"];
+        values: readonly ["default", "primary", "secondary", "outline", "success", "warning", "error", "info"];
         default: "default";
     };
     size: {

package/dist/components/badge/badge.props.js

@@ -1,6 +1,6 @@
 import { asChildPropDef } from "../../_internal/props/asChild.prop.js";
 import { highContrastPropDef } from "../../_internal/props/highContrast.prop.js";
-const badgeVariants = ["default", "primary", "secondary", "outline", "success", "error"];
+const badgeVariants = ["default", "primary", "secondary", "outline", "success", "warning", "error", "info"];
 const badgeSizes = ["sm", "md"];
 const badgePropDefs = {
   ...asChildPropDef,

package/dist/components/badge/badge.props.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/badge/badge.props.ts"],
-  "sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\nimport { highContrastPropDef } from '../../_internal/props/highContrast.prop'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst badgeVariants = ['default', 'primary', 'secondary', 'outline', 'success', 'error'] as const\nconst badgeSizes = ['sm', 'md'] as const\n\nconst badgePropDefs = {\n  ...asChildPropDef,\n  ...highContrastPropDef,\n  variant: {\n    type: 'enum',\n    values: badgeVariants,\n    default: 'default',\n  },\n  size: {\n    type: 'enum',\n    values: badgeSizes,\n    default: 'md',\n  },\n  color: {\n    type: 'enum | string',\n    values: [] as const,\n    default: undefined,\n  },\n  radius: {\n    type: 'enum',\n    values: ['none', 'sm', 'md', 'lg', 'full'] as const,\n    default: undefined,\n  },\n} satisfies {\n  asChild: PropDef\n  highContrast: PropDef\n  size: PropDef<(typeof badgeSizes)[number]>\n  variant: PropDef<(typeof badgeVariants)[number]>\n  color: PropDef<string>\n  radius: PropDef<'none' | 'sm' | 'md' | 'lg' | 'full'>\n}\n\nexport { badgePropDefs }\n"],
-  "mappings": "AAAA,SAAS,sBAAsB;AAC/B,SAAS,2BAA2B;AAIpC,MAAM,gBAAgB,CAAC,WAAW,WAAW,aAAa,WAAW,WAAW,OAAO;AACvF,MAAM,aAAa,CAAC,MAAM,IAAI;AAE9B,MAAM,gBAAgB;AAAA,EACpB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,QAAQ,CAAC;AAAA,IACT,SAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,QAAQ,CAAC,QAAQ,MAAM,MAAM,MAAM,MAAM;AAAA,IACzC,SAAS;AAAA,EACX;AACF;",
+  "sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\nimport { highContrastPropDef } from '../../_internal/props/highContrast.prop'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst badgeVariants = ['default', 'primary', 'secondary', 'outline', 'success', 'warning', 'error', 'info'] as const\nconst badgeSizes = ['sm', 'md'] as const\n\nconst badgePropDefs = {\n  ...asChildPropDef,\n  ...highContrastPropDef,\n  variant: {\n    type: 'enum',\n    values: badgeVariants,\n    default: 'default',\n  },\n  size: {\n    type: 'enum',\n    values: badgeSizes,\n    default: 'md',\n  },\n  color: {\n    type: 'enum | string',\n    values: [] as const,\n    default: undefined,\n  },\n  radius: {\n    type: 'enum',\n    values: ['none', 'sm', 'md', 'lg', 'full'] as const,\n    default: undefined,\n  },\n} satisfies {\n  asChild: PropDef\n  highContrast: PropDef\n  size: PropDef<(typeof badgeSizes)[number]>\n  variant: PropDef<(typeof badgeVariants)[number]>\n  color: PropDef<string>\n  radius: PropDef<'none' | 'sm' | 'md' | 'lg' | 'full'>\n}\n\nexport { badgePropDefs }\n"],
+  "mappings": "AAAA,SAAS,sBAAsB;AAC/B,SAAS,2BAA2B;AAIpC,MAAM,gBAAgB,CAAC,WAAW,WAAW,aAAa,WAAW,WAAW,WAAW,SAAS,MAAM;AAC1G,MAAM,aAAa,CAAC,MAAM,IAAI;AAE9B,MAAM,gBAAgB;AAAA,EACpB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,QAAQ,CAAC;AAAA,IACT,SAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,QAAQ,CAAC,QAAQ,MAAM,MAAM,MAAM,MAAM;AAAA,IACzC,SAAS;AAAA,EACX;AACF;",
   "names": []
 }

package/dist/components/badge.css

@@ -18,85 +18,119 @@
   text-decoration: var(--dsx-typography-label-small-text-decoration);
 }
 
-.dsx-badge--default {
+.dsx-badge:where([data-variant='default']) {
   background: var(--dsx-color-surface-raised);
   color: var(--dsx-color-on-surface);
 }
 
-.dsx-badge--secondary {
-  background: var(--dsx-color-secondary);
-  color: var(--dsx-color-on-secondary);
+.dsx-badge:where([data-variant='secondary']) {
+  background: var(--dsx-color-on-secondary-container);
+  color: var(--dsx-color-on-surface);
+}
+
+/* Light only: the dark slate fill would be a hole on white, so the badge
+   wears the container tint. Dark keeps the slate (7+:1, matches the deep-fill
+   rhythm of success / error). */
+[data-dsx-theme='light'] .dsx-badge:where([data-variant='secondary']) {
+  background: var(--dsx-color-secondary-container);
+  color: var(--dsx-color-on-secondary-container);
 }
 
-.dsx-badge--outline {
+.dsx-badge:where([data-variant='outline']) {
   background: transparent;
   border-color: var(--dsx-color-outline);
   color: var(--dsx-color-on-surface);
 }
 
-.dsx-badge--default[data-accent-color] {
-  background: var(--dsx-color-accent-surface);
+.dsx-badge:where([data-variant='default'][data-accent-color]) {
+  background: var(--dsx-color-accent-3);
   color: var(--dsx-color-accent-indicator);
 }
 
-.dsx-badge--outline[data-accent-color] {
+.dsx-badge:where([data-variant='outline'][data-accent-color]) {
   border-color: var(--dsx-color-accent-indicator);
   color: var(--dsx-color-accent-indicator);
 }
 
-.dsx-badge--primary {
-  background: var(--dsx-color-primary);
-  color: var(--dsx-color-on-primary);
+/* Filled variants match their border to the fill. The base rule paints a
+   structural `--dsx-color-outline` hairline for the bordered variants
+   (default / outline); on a filled chip that grey ring reads as a stray
+   mismatched stroke around the fill (F2: a filled control's edge is not a
+   structural outline). */
+.dsx-badge:where([data-variant='primary']),
+.dsx-badge:where([data-variant='secondary']),
+.dsx-badge:where([data-variant='success']),
+.dsx-badge:where([data-variant='warning']),
+.dsx-badge:where([data-variant='error']),
+.dsx-badge:where([data-variant='info']) {
+  border-color: transparent;
+}
+
+.dsx-badge:where([data-variant='primary']) {
+  background: var(--dsx-color-accent-track);
+  color: var(--dsx-color-accent-contrast);
 }
 
-.dsx-badge--primary[data-high-contrast='true'],
-.dsx-badge--secondary[data-high-contrast='true'],
-.dsx-badge--default[data-high-contrast='true'] {
+.dsx-badge:where([data-variant='primary'][data-high-contrast='true']),
+.dsx-badge:where([data-variant='secondary'][data-high-contrast='true']),
+.dsx-badge:where([data-variant='default'][data-high-contrast='true']) {
   background: var(--dsx-color-high-contrast);
   color: var(--dsx-color-on-high-contrast);
   border-color: var(--dsx-color-high-contrast);
 }
 
-.dsx-badge--outline[data-high-contrast='true'] {
+.dsx-badge:where([data-variant='outline'][data-high-contrast='true']) {
   background: var(--dsx-color-high-contrast-container);
   color: var(--dsx-color-high-contrast);
   border-color: var(--dsx-color-high-contrast-border);
 }
 
-.dsx-badge--success {
-  background: var(--dsx-color-success);
-  color: var(--dsx-color-on-success);
+/* Status badges speak the directions-panel language: container tint +
+   on-container ink, so meaning stays consistent across themes and accents. */
+.dsx-badge:where([data-variant='success']) {
+  background: var(--dsx-color-success-container);
+  color: var(--dsx-color-on-success-container);
+}
+
+.dsx-badge:where([data-variant='warning']) {
+  background: var(--dsx-color-warning-container);
+  color: var(--dsx-color-on-warning-container);
+}
+
+.dsx-badge:where([data-variant='error']) {
+  background: var(--dsx-color-error-container);
+  color: var(--dsx-color-on-error-container);
 }
 
-.dsx-badge--error {
-  background: var(--dsx-color-error);
-  color: var(--dsx-color-on-error);
+.dsx-badge:where([data-variant='info']) {
+  background: var(--dsx-color-info-container);
+  color: var(--dsx-color-on-info-container);
 }
 
-.dsx-badge--sm {
+.dsx-badge:where([data-size='sm']) {
   min-height: var(--dsx-size-sm);
 }
 
-.dsx-badge--md {
+.dsx-badge:where([data-size='md']) {
   min-height: var(--dsx-size-md);
 }
 
-.dsx-badge[data-radius='none'] {
+.dsx-badge:where([data-radius='none']) {
   border-radius: 0;
 }
 
-.dsx-badge[data-radius='sm'] {
+.dsx-badge:where([data-radius='sm']) {
   border-radius: var(--dsx-rounded-sm);
 }
 
-.dsx-badge[data-radius='md'] {
+.dsx-badge:where([data-radius='md']) {
   border-radius: var(--dsx-rounded-md);
 }
 
-.dsx-badge[data-radius='lg'] {
+.dsx-badge:where([data-radius='lg']) {
   border-radius: var(--dsx-rounded-lg);
 }
 
-.dsx-badge[data-radius='full'] {
+.dsx-badge:where([data-radius='full']) {
   border-radius: var(--dsx-rounded-full);
 }

package/dist/components/banner/Banner.cjs

@@ -0,0 +1,105 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Banner_exports = {};
+__export(Banner_exports, {
+  Banner: () => BannerRoot,
+  BannerFootnote: () => BannerFootnote,
+  BannerLabel: () => BannerLabel,
+  BannerValue: () => BannerValue
+});
+module.exports = __toCommonJS(Banner_exports);
+var React = __toESM(require("react"), 1);
+var import_classnames = __toESM(require("classnames"), 1);
+var import_react_slot = require("@radix-ui/react-slot");
+var import_extractProps = require("../../_internal/helpers/extractProps");
+var import_Text = require("../text/Text");
+var import_banner = require("./banner.props");
+var import_jsx_runtime = require("react/jsx-runtime");
+const Banner = React.forwardRef(({ children, ...props }, forwardedRef) => {
+  const variant = props.variant ?? "wash";
+  const { asChild, className, ...bannerProps } = (0, import_extractProps.extractProps)({ ...props, variant }, import_banner.bannerPropDefs);
+  const Comp = asChild ? import_react_slot.Slot : "section";
+  void props.variant;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    Comp,
+    {
+      ...bannerProps,
+      ref: forwardedRef,
+      role: "group",
+      className: (0, import_classnames.default)("dsx-banner", className),
+      "data-variant": variant,
+      children
+    }
+  );
+});
+Banner.displayName = "Banner";
+const BannerLabel = React.forwardRef(({ children, ...props }, forwardedRef) => {
+  const { asChild, className, ...labelProps } = (0, import_extractProps.extractProps)(props, import_banner.bannerLabelPropDefs);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_Text.Text,
+    {
+      ...labelProps,
+      ref: forwardedRef,
+      asChild,
+      variant: "label-small",
+      tone: "muted",
+      className: (0, import_classnames.default)("dsx-banner__label", className),
+      children
+    }
+  );
+});
+BannerLabel.displayName = "BannerLabel";
+const BannerValue = React.forwardRef(({ children, ...props }, forwardedRef) => {
+  const { asChild, className, ...valueProps } = (0, import_extractProps.extractProps)(props, import_banner.bannerValuePropDefs);
+  const Comp = asChild ? import_react_slot.Slot : "span";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp, { ...valueProps, ref: forwardedRef, className: (0, import_classnames.default)("dsx-banner__value", className), children });
+});
+BannerValue.displayName = "BannerValue";
+const BannerFootnote = React.forwardRef(({ children, ...props }, forwardedRef) => {
+  const { asChild, className, ...footnoteProps } = (0, import_extractProps.extractProps)(props, import_banner.bannerFootnotePropDefs);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_Text.Text,
+    {
+      ...footnoteProps,
+      ref: forwardedRef,
+      asChild,
+      variant: "body-small",
+      tone: "muted",
+      className: (0, import_classnames.default)("dsx-banner__footnote", className),
+      children
+    }
+  );
+});
+BannerFootnote.displayName = "BannerFootnote";
+const BannerRoot = Object.assign(Banner, {
+  Label: BannerLabel,
+  Value: BannerValue,
+  Footnote: BannerFootnote
+});
+//# sourceMappingURL=Banner.cjs.map

package/dist/components/banner/Banner.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/banner/Banner.tsx"],
+  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { Text } from '../text/Text'\nimport {\n  bannerFootnotePropDefs,\n  bannerLabelPropDefs,\n  bannerPropDefs,\n  bannerValuePropDefs,\n} from './banner.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype BannerOwnProps = GetPropDefTypes<typeof bannerPropDefs>\ntype BannerLabelOwnProps = GetPropDefTypes<typeof bannerLabelPropDefs>\ntype BannerValueOwnProps = GetPropDefTypes<typeof bannerValuePropDefs>\ntype BannerFootnoteOwnProps = GetPropDefTypes<typeof bannerFootnotePropDefs>\n\ninterface BannerProps extends React.HTMLAttributes<HTMLElement>, BannerOwnProps {}\ninterface BannerLabelProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'color'>, BannerLabelOwnProps {}\ninterface BannerValueProps extends React.HTMLAttributes<HTMLSpanElement>, BannerValueOwnProps {}\ninterface BannerFootnoteProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'color'>, BannerFootnoteOwnProps {}\n\nconst Banner = React.forwardRef<HTMLElement, BannerProps>(({ children, ...props }, forwardedRef) => {\n  const variant = props.variant ?? 'wash'\n  const { asChild, className, ...bannerProps } = extractProps({ ...props, variant }, bannerPropDefs)\n  const Comp = asChild ? Slot : 'section'\n  void props.variant\n\n  return (\n    <Comp\n      {...bannerProps}\n      ref={forwardedRef}\n      role=\"group\"\n      className={classNames('dsx-banner', className)}\n      data-variant={variant}\n    >\n      {children}\n    </Comp>\n  )\n})\nBanner.displayName = 'Banner'\n\nconst BannerLabel = React.forwardRef<HTMLSpanElement, BannerLabelProps>(({ children, ...props }, forwardedRef) => {\n  const { asChild, className, ...labelProps } = extractProps(props, bannerLabelPropDefs)\n\n  return (\n    <Text\n      {...labelProps}\n      ref={forwardedRef}\n      asChild={asChild}\n      variant=\"label-small\"\n      tone=\"muted\"\n      className={classNames('dsx-banner__label', className)}\n    >\n      {children}\n    </Text>\n  )\n})\nBannerLabel.displayName = 'BannerLabel'\n\nconst BannerValue = React.forwardRef<HTMLSpanElement, BannerValueProps>(({ children, ...props }, forwardedRef) => {\n  const { asChild, className, ...valueProps } = extractProps(props, bannerValuePropDefs)\n  const Comp = asChild ? Slot : 'span'\n\n  return (\n    <Comp {...valueProps} ref={forwardedRef} className={classNames('dsx-banner__value', className)}>\n      {children}\n    </Comp>\n  )\n})\nBannerValue.displayName = 'BannerValue'\n\nconst BannerFootnote = React.forwardRef<HTMLSpanElement, BannerFootnoteProps>(({ children, ...props }, forwardedRef) => {\n  const { asChild, className, ...footnoteProps } = extractProps(props, bannerFootnotePropDefs)\n\n  return (\n    <Text\n      {...footnoteProps}\n      ref={forwardedRef}\n      asChild={asChild}\n      variant=\"body-small\"\n      tone=\"muted\"\n      className={classNames('dsx-banner__footnote', className)}\n    >\n      {children}\n    </Text>\n  )\n})\nBannerFootnote.displayName = 'BannerFootnote'\n\nconst BannerRoot: typeof Banner & {\n  Label: typeof BannerLabel\n  Value: typeof BannerValue\n  Footnote: typeof BannerFootnote\n} = Object.assign(Banner, {\n  Label: BannerLabel,\n  Value: BannerValue,\n  Footnote: BannerFootnote,\n})\n\nexport {\n  BannerRoot as Banner,\n  BannerFootnote,\n  BannerLabel,\n  BannerValue,\n}\nexport type {\n  BannerFootnoteProps,\n  BannerLabelProps,\n  BannerProps,\n  BannerValueProps,\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AACvB,wBAAuB;AACvB,wBAAqB;AAErB,0BAA6B;AAC7B,kBAAqB;AACrB,oBAKO;AAqBH;AAPJ,MAAM,SAAS,MAAM,WAAqC,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,iBAAiB;AAClG,QAAM,UAAU,MAAM,WAAW;AACjC,QAAM,EAAE,SAAS,WAAW,GAAG,YAAY,QAAI,kCAAa,EAAE,GAAG,OAAO,QAAQ,GAAG,4BAAc;AACjG,QAAM,OAAO,UAAU,yBAAO;AAC9B,OAAK,MAAM;AAEX,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,MAAK;AAAA,MACL,eAAW,kBAAAA,SAAW,cAAc,SAAS;AAAA,MAC7C,gBAAc;AAAA,MAEb;AAAA;AAAA,EACH;AAEJ,CAAC;AACD,OAAO,cAAc;AAErB,MAAM,cAAc,MAAM,WAA8C,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,iBAAiB;AAChH,QAAM,EAAE,SAAS,WAAW,GAAG,WAAW,QAAI,kCAAa,OAAO,iCAAmB;AAErF,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL;AAAA,MACA,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,eAAW,kBAAAA,SAAW,qBAAqB,SAAS;AAAA,MAEnD;AAAA;AAAA,EACH;AAEJ,CAAC;AACD,YAAY,cAAc;AAE1B,MAAM,cAAc,MAAM,WAA8C,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,iBAAiB;AAChH,QAAM,EAAE,SAAS,WAAW,GAAG,WAAW,QAAI,kCAAa,OAAO,iCAAmB;AACrF,QAAM,OAAO,UAAU,yBAAO;AAE9B,SACE,4CAAC,QAAM,GAAG,YAAY,KAAK,cAAc,eAAW,kBAAAA,SAAW,qBAAqB,SAAS,GAC1F,UACH;AAEJ,CAAC;AACD,YAAY,cAAc;AAE1B,MAAM,iBAAiB,MAAM,WAAiD,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,iBAAiB;AACtH,QAAM,EAAE,SAAS,WAAW,GAAG,cAAc,QAAI,kCAAa,OAAO,oCAAsB;AAE3F,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL;AAAA,MACA,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,eAAW,kBAAAA,SAAW,wBAAwB,SAAS;AAAA,MAEtD;AAAA;AAAA,EACH;AAEJ,CAAC;AACD,eAAe,cAAc;AAE7B,MAAM,aAIF,OAAO,OAAO,QAAQ;AAAA,EACxB,OAAO;AAAA,EACP,OAAO;AAAA,EACP,UAAU;AACZ,CAAC;",
+  "names": ["classNames"]
+}

package/dist/components/banner/Banner.d.cts

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import { bannerFootnotePropDefs, bannerLabelPropDefs, bannerPropDefs, bannerValuePropDefs } from './banner.props.cjs';
+import type { GetPropDefTypes } from '../../_internal/props/propDef.cjs';
+type BannerOwnProps = GetPropDefTypes<typeof bannerPropDefs>;
+type BannerLabelOwnProps = GetPropDefTypes<typeof bannerLabelPropDefs>;
+type BannerValueOwnProps = GetPropDefTypes<typeof bannerValuePropDefs>;
+type BannerFootnoteOwnProps = GetPropDefTypes<typeof bannerFootnotePropDefs>;
+interface BannerProps extends React.HTMLAttributes<HTMLElement>, BannerOwnProps {
+}
+interface BannerLabelProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'color'>, BannerLabelOwnProps {
+}
+interface BannerValueProps extends React.HTMLAttributes<HTMLSpanElement>, BannerValueOwnProps {
+}
+interface BannerFootnoteProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'color'>, BannerFootnoteOwnProps {
+}
+declare const Banner: React.ForwardRefExoticComponent<BannerProps & React.RefAttributes<HTMLElement>>;
+declare const BannerLabel: React.ForwardRefExoticComponent<BannerLabelProps & React.RefAttributes<HTMLSpanElement>>;
+declare const BannerValue: React.ForwardRefExoticComponent<BannerValueProps & React.RefAttributes<HTMLSpanElement>>;
+declare const BannerFootnote: React.ForwardRefExoticComponent<BannerFootnoteProps & React.RefAttributes<HTMLSpanElement>>;
+declare const BannerRoot: typeof Banner & {
+    Label: typeof BannerLabel;
+    Value: typeof BannerValue;
+    Footnote: typeof BannerFootnote;
+};
+export { BannerRoot as Banner, BannerFootnote, BannerLabel, BannerValue, };
+export type { BannerFootnoteProps, BannerLabelProps, BannerProps, BannerValueProps, };
+//# sourceMappingURL=Banner.d.cts.map

package/dist/components/banner/Banner.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.d.cts","sourceRoot":"","sources":["../../../src/components/banner/Banner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,OAAO,EACL,sBAAsB,EACtB,mBAAmB,EACnB,cAAc,EACd,mBAAmB,EACpB,MAAM,gBAAgB,CAAA;AAEvB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,KAAK,cAAc,GAAG,eAAe,CAAC,OAAO,cAAc,CAAC,CAAA;AAC5D,KAAK,mBAAmB,GAAG,eAAe,CAAC,OAAO,mBAAmB,CAAC,CAAA;AACtE,KAAK,mBAAmB,GAAG,eAAe,CAAC,OAAO,mBAAmB,CAAC,CAAA;AACtE,KAAK,sBAAsB,GAAG,eAAe,CAAC,OAAO,sBAAsB,CAAC,CAAA;AAE5E,UAAU,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,cAAc;CAAG;AAClF,UAAU,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC,EAAE,mBAAmB;CAAG;AAC/G,UAAU,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,mBAAmB;CAAG;AAChG,UAAU,mBAAoB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC,EAAE,sBAAsB;CAAG;AAErH,QAAA,MAAM,MAAM,iFAiBV,CAAA;AAGF,QAAA,MAAM,WAAW,0FAef,CAAA;AAGF,QAAA,MAAM,WAAW,0FASf,CAAA;AAGF,QAAA,MAAM,cAAc,6FAelB,CAAA;AAGF,QAAA,MAAM,UAAU,EAAE,OAAO,MAAM,GAAG;IAChC,KAAK,EAAE,OAAO,WAAW,CAAA;IACzB,KAAK,EAAE,OAAO,WAAW,CAAA;IACzB,QAAQ,EAAE,OAAO,cAAc,CAAA;CAK/B,CAAA;AAEF,OAAO,EACL,UAAU,IAAI,MAAM,EACpB,cAAc,EACd,WAAW,EACX,WAAW,GACZ,CAAA;AACD,YAAY,EACV,mBAAmB,EACnB,gBAAgB,EAChB,WAAW,EACX,gBAAgB,GACjB,CAAA"}

package/dist/components/banner/Banner.d.mts

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import { bannerFootnotePropDefs, bannerLabelPropDefs, bannerPropDefs, bannerValuePropDefs } from './banner.props.js';
+import type { GetPropDefTypes } from '../../_internal/props/propDef.js';
+type BannerOwnProps = GetPropDefTypes<typeof bannerPropDefs>;
+type BannerLabelOwnProps = GetPropDefTypes<typeof bannerLabelPropDefs>;
+type BannerValueOwnProps = GetPropDefTypes<typeof bannerValuePropDefs>;
+type BannerFootnoteOwnProps = GetPropDefTypes<typeof bannerFootnotePropDefs>;
+interface BannerProps extends React.HTMLAttributes<HTMLElement>, BannerOwnProps {
+}
+interface BannerLabelProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'color'>, BannerLabelOwnProps {
+}
+interface BannerValueProps extends React.HTMLAttributes<HTMLSpanElement>, BannerValueOwnProps {
+}
+interface BannerFootnoteProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'color'>, BannerFootnoteOwnProps {
+}
+declare const Banner: React.ForwardRefExoticComponent<BannerProps & React.RefAttributes<HTMLElement>>;
+declare const BannerLabel: React.ForwardRefExoticComponent<BannerLabelProps & React.RefAttributes<HTMLSpanElement>>;
+declare const BannerValue: React.ForwardRefExoticComponent<BannerValueProps & React.RefAttributes<HTMLSpanElement>>;
+declare const BannerFootnote: React.ForwardRefExoticComponent<BannerFootnoteProps & React.RefAttributes<HTMLSpanElement>>;
+declare const BannerRoot: typeof Banner & {
+    Label: typeof BannerLabel;
+    Value: typeof BannerValue;
+    Footnote: typeof BannerFootnote;
+};
+export { BannerRoot as Banner, BannerFootnote, BannerLabel, BannerValue, };
+export type { BannerFootnoteProps, BannerLabelProps, BannerProps, BannerValueProps, };
+//# sourceMappingURL=Banner.d.mts.map

package/dist/components/banner/Banner.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.d.mts","sourceRoot":"","sources":["../../../src/components/banner/Banner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,OAAO,EACL,sBAAsB,EACtB,mBAAmB,EACnB,cAAc,EACd,mBAAmB,EACpB,MAAM,gBAAgB,CAAA;AAEvB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,KAAK,cAAc,GAAG,eAAe,CAAC,OAAO,cAAc,CAAC,CAAA;AAC5D,KAAK,mBAAmB,GAAG,eAAe,CAAC,OAAO,mBAAmB,CAAC,CAAA;AACtE,KAAK,mBAAmB,GAAG,eAAe,CAAC,OAAO,mBAAmB,CAAC,CAAA;AACtE,KAAK,sBAAsB,GAAG,eAAe,CAAC,OAAO,sBAAsB,CAAC,CAAA;AAE5E,UAAU,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,cAAc;CAAG;AAClF,UAAU,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC,EAAE,mBAAmB;CAAG;AAC/G,UAAU,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,mBAAmB;CAAG;AAChG,UAAU,mBAAoB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC,EAAE,sBAAsB;CAAG;AAErH,QAAA,MAAM,MAAM,iFAiBV,CAAA;AAGF,QAAA,MAAM,WAAW,0FAef,CAAA;AAGF,QAAA,MAAM,WAAW,0FASf,CAAA;AAGF,QAAA,MAAM,cAAc,6FAelB,CAAA;AAGF,QAAA,MAAM,UAAU,EAAE,OAAO,MAAM,GAAG;IAChC,KAAK,EAAE,OAAO,WAAW,CAAA;IACzB,KAAK,EAAE,OAAO,WAAW,CAAA;IACzB,QAAQ,EAAE,OAAO,cAAc,CAAA;CAK/B,CAAA;AAEF,OAAO,EACL,UAAU,IAAI,MAAM,EACpB,cAAc,EACd,WAAW,EACX,WAAW,GACZ,CAAA;AACD,YAAY,EACV,mBAAmB,EACnB,gBAAgB,EAChB,WAAW,EACX,gBAAgB,GACjB,CAAA"}