@hashicorp/mds-react 0.9.12 → 0.9.14

package/index.js

@@ -1,17 +1,17 @@
 import { Accordion as e } from "./components/accordion/index.js";
 import { BADGE_COLORS as p, BADGE_SIZES as m, BADGE_TYPES as x, Badge as f } from "./components/badge/index.js";
 import { BadgeCount as i } from "./components/badge-count/index.js";
-import { Alert as n, AlertActions as l, AlertButton as T, AlertStandaloneLink as C } from "./components/alert/index.js";
-import { Breadcrumbs as S } from "./components/breadcrumbs/index.js";
-import { BUTTON_COLORS as L, BUTTON_ICON_POSITIONS as c, BUTTON_SIZES as s, Button as A } from "./components/button/index.js";
+import { Alert as n, AlertActions as l, AlertButton as C, AlertStandaloneLink as S } from "./components/alert/index.js";
+import { Breadcrumbs as O } from "./components/breadcrumbs/index.js";
+import { BUTTON_COLORS as c, BUTTON_ICON_POSITIONS as L, BUTTON_SIZES as s, Button as A } from "./components/button/index.js";
 import { Card as _, CardContent as P } from "./components/card/index.js";
 import { CodeBlock as B } from "./components/code-block/index.js";
 import { DisclosurePrimitive as D } from "./components/disclosure-primitive/index.js";
 import { useDisclosurePrimitive as R } from "./components/disclosure-primitive/use-disclosure-primitive.js";
-import { Dropdown as F } from "./components/dropdown/index.js";
-import { FLIGHT_ICON_SIZES as b, FlightIcon as k } from "./components/flight-icon/index.js";
-import { CheckboxBase as v, CheckboxField as M, CheckboxGroup as Z } from "./components/form/checkbox/index.js";
-import { Error as H } from "./components/form/error/index.js";
+import { Dropdown as G } from "./components/dropdown/index.js";
+import { FLIGHT_ICON_SIZES as k, FlightIcon as b } from "./components/flight-icon/index.js";
+import { CheckboxBase as v, CheckboxField as M, CheckboxGroup as H } from "./components/form/checkbox/index.js";
+import { Error as y } from "./components/form/error/index.js";
 import { Field as Y } from "./components/form/field/index.js";
 import { Fieldset as w } from "./components/form/fieldset/index.js";
 import { FileInputBase as V, FileInputField as W } from "./components/form/file-input/index.js";
@@ -22,142 +22,148 @@ import { Legend as eo } from "./components/form/legend/index.js";
 import { RadioBase as po, RadioField as mo, RadioGroup as xo } from "./components/form/radio/index.js";
 import { RadioCard as ao } from "./components/form/radio-card/index.js";
 import { SelectField as no } from "./components/form/select/index.js";
-import { SuperSelectField as To } from "./components/form/super-select/index.js";
-import { TextInput as Oo, TextInputBase as So } from "./components/form/text-input/index.js";
-import { TextAreaField as Lo } from "./components/form/textarea/index.js";
+import { SuperSelectField as Co } from "./components/form/super-select/index.js";
+import { TextInput as To, TextInputBase as Oo } from "./components/form/text-input/index.js";
+import { TextAreaField as co } from "./components/form/textarea/index.js";
 import { ToggleBase as so, ToggleField as Ao, ToggleGroup as Io } from "./components/form/toggle/index.js";
 import { IconTile as Po } from "./components/icon-tile/index.js";
 import { InlineLink as Bo } from "./components/inline-link/index.js";
 import { MDSButton as Do } from "./components/legacy-button/index.js";
 import { ModalProvider as Ro } from "./components/modal/index.js";
-import { Separator as Fo } from "./components/separator/index.js";
-import { STANDALONE_LINK_COLORS as bo, STANDALONE_LINK_ICON_POSITIONS as ko, STANDALONE_LINK_SIZES as ho, StandaloneLink as vo } from "./components/standalone-link/index.js";
-import { Table as Zo } from "./components/table/index.js";
-import { getDensity as Ho, getHorizontalAlignment as Ko, getScope as Yo, getVerticalAlignment as zo } from "./components/table/utils.js";
-import { Tabs as Xo } from "./components/tabs/index.js";
-import { useTabsContext as Wo } from "./components/tabs/use-tabs-context.js";
-import { TEXT_COLORS as qo, TEXT_WEIGHTS as Jo, Text as Qo } from "./components/text/index.js";
-import { BarChart as or } from "./components/visualizations/bar-chart/index.js";
-import { DonutChart as er } from "./components/visualizations/donut-chart/index.js";
-import { PartnerCard as pr } from "./patterns/card/partner-card/index.js";
-import { CardPrimitives as xr } from "./patterns/card/primitives.js";
-import { CopyButton as ar } from "./patterns/copy-button/index.js";
-import { LAYOUT_APPEARANCES as dr, LAYOUT_BACKGROUNDS as nr, LAYOUT_PADDING as lr, Layout as Tr, normalizeLayoutProps as Cr } from "./patterns/layout/index.js";
-import { ProductBadge as Sr } from "./patterns/product-badge/index.js";
-import { PRODUCT_LOGO_COLORS as Lr, PRODUCT_LOGO_PRODUCTS as cr, PRODUCT_LOGO_SIZES as sr, ProductLogo as Ar, normalizeProductLogoProps as Ir } from "./patterns/product-logo/index.js";
-import { RelatedContent as Pr } from "./patterns/related-content/index.js";
-import { useLarge as Br, useMedium as Nr, useMediumUp as Dr, useSmall as Er } from "./utils/hooks/use-screen-size.js";
-import { MDSProvider as Gr } from "./utils/mds-context/index.js";
-import { AccordionContent as Ur, AccordionItem as br, AccordionToggle as kr } from "./components/accordion/item/index.js";
-import { RadioCardGroup as vr } from "./components/form/radio-card/group.js";
-import { useModal as Zr } from "./components/modal/use-modal.js";
-import { NewsroomCard as Hr } from "./patterns/card/newsroom-card/index.js";
-import { PersonCard as Yr } from "./patterns/card/person-card/index.js";
-import { PromoCard as wr } from "./patterns/card/promo-card/index.js";
-import { ResourceCard as Vr } from "./patterns/card/resource-card/index.js";
-import { UnifiedCard as jr } from "./patterns/card/unified-card/index.js";
-import { LocaleProvider as Jr } from "./utils/i18n/helpers/locale-provider.js";
-import { useLocale as $r } from "./utils/i18n/helpers/use-locale.js";
+import { Separator as Go } from "./components/separator/index.js";
+import { Skeleton as ko } from "./components/skeleton/index.js";
+import { SkeletonForm as ho } from "./components/skeleton/skeleton-form/index.js";
+import { STANDALONE_LINK_COLORS as Mo, STANDALONE_LINK_ICON_POSITIONS as Ho, STANDALONE_LINK_SIZES as Zo, StandaloneLink as yo } from "./components/standalone-link/index.js";
+import { Table as Yo } from "./components/table/index.js";
+import { getDensity as wo, getHorizontalAlignment as Xo, getScope as Vo, getVerticalAlignment as Wo } from "./components/table/utils.js";
+import { Tabs as qo } from "./components/tabs/index.js";
+import { useTabsContext as Qo } from "./components/tabs/use-tabs-context.js";
+import { TEXT_COLORS as or, TEXT_WEIGHTS as rr, Text as er } from "./components/text/index.js";
+import { BarChart as pr } from "./components/visualizations/bar-chart/index.js";
+import { DonutChart as xr } from "./components/visualizations/donut-chart/index.js";
+import { PartnerCard as ar } from "./patterns/card/partner-card/index.js";
+import { CardPrimitives as dr } from "./patterns/card/primitives.js";
+import { CopyButton as lr } from "./patterns/copy-button/index.js";
+import { LAYOUT_APPEARANCES as Sr, LAYOUT_BACKGROUNDS as Tr, LAYOUT_PADDING as Or, Layout as ur, normalizeLayoutProps as cr } from "./patterns/layout/index.js";
+import { ProductBadge as sr } from "./patterns/product-badge/index.js";
+import { PRODUCT_LOGO_COLORS as Ir, PRODUCT_LOGO_PRODUCTS as _r, PRODUCT_LOGO_SIZES as Pr, ProductLogo as gr, normalizeProductLogoProps as Br } from "./patterns/product-logo/index.js";
+import { RelatedContent as Dr } from "./patterns/related-content/index.js";
+import { useLarge as Rr, useMedium as Fr, useMediumUp as Gr, useSmall as Ur } from "./utils/hooks/use-screen-size/index.js";
+import { MDSProvider as br } from "./utils/mds-context/index.js";
+import { onClipboardClickHandler as vr } from "./utils/clipboard.js";
+import { AccordionContent as Hr, AccordionItem as Zr, AccordionToggle as yr } from "./components/accordion/item/index.js";
+import { RadioCardGroup as Yr } from "./components/form/radio-card/group.js";
+import { useModal as wr } from "./components/modal/use-modal.js";
+import { NewsroomCard as Vr } from "./patterns/card/newsroom-card/index.js";
+import { PersonCard as jr } from "./patterns/card/person-card/index.js";
+import { PromoCard as Jr } from "./patterns/card/promo-card/index.js";
+import { ResourceCard as $r } from "./patterns/card/resource-card/index.js";
+import { UnifiedCard as re } from "./patterns/card/unified-card/index.js";
+import { LocaleProvider as te } from "./utils/i18n/helpers/locale-provider.js";
+import { useLocale as me } from "./utils/i18n/helpers/use-locale.js";
 export {
   e as Accordion,
-  Ur as AccordionContent,
-  br as AccordionItem,
-  kr as AccordionToggle,
+  Hr as AccordionContent,
+  Zr as AccordionItem,
+  yr as AccordionToggle,
   n as Alert,
   l as AlertActions,
-  T as AlertButton,
-  C as AlertStandaloneLink,
+  C as AlertButton,
+  S as AlertStandaloneLink,
   p as BADGE_COLORS,
   m as BADGE_SIZES,
   x as BADGE_TYPES,
-  L as BUTTON_COLORS,
-  c as BUTTON_ICON_POSITIONS,
+  c as BUTTON_COLORS,
+  L as BUTTON_ICON_POSITIONS,
   s as BUTTON_SIZES,
   f as Badge,
   i as BadgeCount,
-  or as BarChart,
-  S as Breadcrumbs,
+  pr as BarChart,
+  O as Breadcrumbs,
   A as Button,
   _ as Card,
   P as CardContent,
-  xr as CardPrimitives,
+  dr as CardPrimitives,
   v as CheckboxBase,
   M as CheckboxField,
-  Z as CheckboxGroup,
+  H as CheckboxGroup,
   B as CodeBlock,
-  ar as CopyButton,
+  lr as CopyButton,
   D as DisclosurePrimitive,
-  er as DonutChart,
-  F as Dropdown,
-  H as Error,
-  b as FLIGHT_ICON_SIZES,
+  xr as DonutChart,
+  G as Dropdown,
+  y as Error,
+  k as FLIGHT_ICON_SIZES,
   Y as Field,
   w as Fieldset,
   V as FileInputBase,
   W as FileInputField,
-  k as FlightIcon,
+  b as FlightIcon,
   q as HelperText,
   Po as IconTile,
   Q as Indicator,
   Bo as InlineLink,
-  dr as LAYOUT_APPEARANCES,
-  nr as LAYOUT_BACKGROUNDS,
-  lr as LAYOUT_PADDING,
+  Sr as LAYOUT_APPEARANCES,
+  Tr as LAYOUT_BACKGROUNDS,
+  Or as LAYOUT_PADDING,
   oo as Label,
-  Tr as Layout,
+  ur as Layout,
   eo as Legend,
-  Jr as LocaleProvider,
+  te as LocaleProvider,
   Do as MDSButton,
-  Gr as MDSProvider,
+  br as MDSProvider,
   Ro as ModalProvider,
-  Hr as NewsroomCard,
-  Lr as PRODUCT_LOGO_COLORS,
-  cr as PRODUCT_LOGO_PRODUCTS,
-  sr as PRODUCT_LOGO_SIZES,
-  pr as PartnerCard,
-  Yr as PersonCard,
-  Sr as ProductBadge,
-  Ar as ProductLogo,
-  wr as PromoCard,
+  Vr as NewsroomCard,
+  Ir as PRODUCT_LOGO_COLORS,
+  _r as PRODUCT_LOGO_PRODUCTS,
+  Pr as PRODUCT_LOGO_SIZES,
+  ar as PartnerCard,
+  jr as PersonCard,
+  sr as ProductBadge,
+  gr as ProductLogo,
+  Jr as PromoCard,
   po as RadioBase,
   ao as RadioCard,
-  vr as RadioCardGroup,
+  Yr as RadioCardGroup,
   mo as RadioField,
   xo as RadioGroup,
-  Pr as RelatedContent,
-  Vr as ResourceCard,
-  bo as STANDALONE_LINK_COLORS,
-  ko as STANDALONE_LINK_ICON_POSITIONS,
-  ho as STANDALONE_LINK_SIZES,
+  Dr as RelatedContent,
+  $r as ResourceCard,
+  Mo as STANDALONE_LINK_COLORS,
+  Ho as STANDALONE_LINK_ICON_POSITIONS,
+  Zo as STANDALONE_LINK_SIZES,
   no as SelectField,
-  Fo as Separator,
-  vo as StandaloneLink,
-  To as SuperSelectField,
-  qo as TEXT_COLORS,
-  Jo as TEXT_WEIGHTS,
-  Zo as Table,
-  Xo as Tabs,
-  Qo as Text,
-  Lo as TextAreaField,
-  Oo as TextInput,
-  So as TextInputBase,
+  Go as Separator,
+  ko as Skeleton,
+  ho as SkeletonForm,
+  yo as StandaloneLink,
+  Co as SuperSelectField,
+  or as TEXT_COLORS,
+  rr as TEXT_WEIGHTS,
+  Yo as Table,
+  qo as Tabs,
+  er as Text,
+  co as TextAreaField,
+  To as TextInput,
+  Oo as TextInputBase,
   so as ToggleBase,
   Ao as ToggleField,
   Io as ToggleGroup,
-  jr as UnifiedCard,
-  Ho as getDensity,
-  Ko as getHorizontalAlignment,
-  Yo as getScope,
-  zo as getVerticalAlignment,
-  Cr as normalizeLayoutProps,
-  Ir as normalizeProductLogoProps,
+  re as UnifiedCard,
+  wo as getDensity,
+  Xo as getHorizontalAlignment,
+  Vo as getScope,
+  Wo as getVerticalAlignment,
+  cr as normalizeLayoutProps,
+  Br as normalizeProductLogoProps,
+  vr as onClipboardClickHandler,
   R as useDisclosurePrimitive,
-  Br as useLarge,
-  $r as useLocale,
-  Nr as useMedium,
-  Dr as useMediumUp,
-  Zr as useModal,
-  Er as useSmall,
-  Wo as useTabsContext
+  Rr as useLarge,
+  me as useLocale,
+  Fr as useMedium,
+  Gr as useMediumUp,
+  wr as useModal,
+  Ur as useSmall,
+  Qo as useTabsContext
 };
 //# sourceMappingURL=index.js.map

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hashicorp/mds-react",
-  "version": "0.9.12",
+  "version": "0.9.14",
   "description": "Materia Design System React components",
   "author": "HashiCorp",
   "license": "MPL-2.0",
@@ -18,7 +18,7 @@
     "**/*.css"
   ],
   "engines": {
-    "node": ">=18.17"
+    "node": ">=20.x"
   },
   "publishConfig": {
     "access": "public"
@@ -61,17 +61,18 @@
   },
   "dependencies": {
     "@hashicorp/flight-icons": "^3.7.0",
-    "@nivo/pie": "^0.87.0",
-    "@react-spring/web": "^9.7.3",
+    "@nivo/pie": "^0.99.0",
+    "@react-spring/web": "^10.0.3",
+    "@usefy/use-resize-observer": "^0.2.6",
     "classnames": "^2.3.2",
     "react-focus-lock": "^2.13.6",
-    "react-wrap-balancer": "^0.4.0",
+    "react-wrap-balancer": "^1.1.1",
     "use-resize-observer": "^9.1.0"
   },
   "peerDependencies": {
     "@tippyjs/react": "^4.2.6",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "react": "^18.2.0 || ^19.0",
+    "react-dom": "^18.2.0 || ^19.0",
     "tippy.js": "^6.3.1"
   }
 }

package/patterns/card/style.module.css

@@ -50,8 +50,6 @@
 	padding: var(--mds-spacing-07);
 
 	& .image {
-		aspect-ratio: none;
-
 		& img {
 			aspect-ratio: 16 / 9;
 			object-fit: contain;

package/patterns/card/unified-card/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/patterns/card/unified-card/index.tsx"],"sourcesContent":["import { Badge } from '../../../components/badge'\nimport { CardPrimitives } from '../primitives'\nimport type { CardPatternProps } from '../types'\n\ninterface UnifiedCardProps extends CardPatternProps {\n\tbadges?: (string | string[])[]\n}\n\nconst UnifiedCard = ({\n\theading,\n\tmeta,\n\tlink,\n\tproductBadges,\n\tbadges,\n\tthumbnail,\n\twithArrow = false,\n\tisExternal = false,\n\tclassName,\n\t'aria-label': ariaLabel,\n}: UnifiedCardProps) => {\n\treturn (\n\t\t<CardPrimitives.Root\n\t\t\tlink={link}\n\t\t\twithArrow={withArrow}\n\t\t\tisExternal={isExternal}\n\t\t\tclassName={className}\n\t\t\taria-label={ariaLabel || heading}\n\t\t>\n\t\t\t{thumbnail ? <CardPrimitives.Thumbnail {...thumbnail} /> : null}\n\t\t\t<CardPrimitives.Content>\n\t\t\t\t{meta && meta.length > 0 ? <CardPrimitives.Meta items={meta} /> : null}\n\t\t\t\t<CardPrimitives.Heading>{heading}</CardPrimitives.Heading>\n\t\t\t\t{productBadges && productBadges?.length > 0 ? (\n\t\t\t\t\t<CardPrimitives.ProductBadges badges={productBadges}>\n\t\t\t\t\t\t{badges && badges.length > 0\n\t\t\t\t\t\t\t? badges.map((badge, stableIdx) => {\n\t\t\t\t\t\t\t\t\tif (Array.isArray(badge)) {\n\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t<Badge key={stableIdx} icon={badge[0]} text={badge[1]} />\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\treturn <Badge key={stableIdx} text={badge} />\n\t\t\t\t\t\t\t  })\n\t\t\t\t\t\t\t: null}\n\t\t\t\t\t</CardPrimitives.ProductBadges>\n\t\t\t\t) : null}\n\t\t\t</CardPrimitives.Content>\n\t\t</CardPrimitives.Root>\n\t)\n}\n\nUnifiedCard.displayName = 'UnifiedCard'\n\nexport type { UnifiedCardProps }\nexport { UnifiedCard }\n"],"names":["UnifiedCard","heading","meta","link","productBadges","badges","thumbnail","withArrow","isExternal","className","ariaLabel","jsxs","CardPrimitives","jsx","badge","stableIdx","Badge"],"mappings":";;;AAQA,MAAMA,IAAc,CAAC;AAAA,EACpB,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,eAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,YAAAC,IAAa;AAAA,EACb,WAAAC;AAAA,EACA,cAAcC;AACf,MAEE,gBAAAC;AAAA,EAACC,EAAe;AAAA,EAAf;AAAA,IACA,MAAAT;AAAA,IACA,WAAAI;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,cAAYC,KAAaT;AAAA,IAExB,UAAA;AAAA,MAAAK,sBAAaM,EAAe,WAAf,EAA0B,GAAGN,GAAW,IAAK;AAAA,MAC3D,gBAAAK,EAACC,EAAe,SAAf,EACC,UAAA;AAAA,QAAAV,KAAQA,EAAK,SAAS,IAAI,gBAAAW,EAACD,EAAe,MAAf,EAAoB,OAAOV,EAAA,CAAM,IAAK;AAAA,QAClE,gBAAAW,EAACD,EAAe,SAAf,EAAwB,UAAAX,EAAA,CAAQ;AAAA,QAChCG,KAAiBA,GAAe,SAAS,IACzC,gBAAAS,EAACD,EAAe,eAAf,EAA6B,QAAQR,GACpC,UAAAC,KAAUA,EAAO,SAAS,IACxBA,EAAO,IAAI,CAACS,GAAOC,MACf,MAAM,QAAQD,CAAK,IAErB,gBAAAD,EAACG,GAAA,EAAsB,MAAMF,EAAM,CAAC,GAAG,MAAMA,EAAM,CAAC,EAAA,GAAxCC,CAA2C,IAIlD,gBAAAF,EAACG,GAAA,EAAsB,MAAMF,EAAA,GAAjBC,CAAwB,CAC1C,IACD,KAAA,CACJ,IACG;AAAA,MAAA,EAAA,CACL;AAAA,IAAA;AAAA,EAAA;AAAA;AAKHf,EAAY,cAAc;"}
+{"version":3,"file":"index.js","sources":["../../../../src/patterns/card/unified-card/index.tsx"],"sourcesContent":["import { Badge } from '../../../components/badge'\nimport { CardPrimitives } from '../primitives'\nimport type { CardPatternProps } from '../types'\n\ninterface UnifiedCardProps extends CardPatternProps {\n\tbadges?: (string | string[])[]\n}\n\nconst UnifiedCard = ({\n\theading,\n\tmeta,\n\tlink,\n\tproductBadges,\n\tbadges,\n\tthumbnail,\n\twithArrow = false,\n\tisExternal = false,\n\tclassName,\n\t'aria-label': ariaLabel,\n}: UnifiedCardProps) => {\n\treturn (\n\t\t<CardPrimitives.Root\n\t\t\tlink={link}\n\t\t\twithArrow={withArrow}\n\t\t\tisExternal={isExternal}\n\t\t\tclassName={className}\n\t\t\taria-label={ariaLabel || heading}\n\t\t>\n\t\t\t{thumbnail ? <CardPrimitives.Thumbnail {...thumbnail} /> : null}\n\t\t\t<CardPrimitives.Content>\n\t\t\t\t{meta && meta.length > 0 ? <CardPrimitives.Meta items={meta} /> : null}\n\t\t\t\t<CardPrimitives.Heading>{heading}</CardPrimitives.Heading>\n\t\t\t\t{productBadges && productBadges?.length > 0 ? (\n\t\t\t\t\t<CardPrimitives.ProductBadges badges={productBadges}>\n\t\t\t\t\t\t{badges && badges.length > 0\n\t\t\t\t\t\t\t? badges.map((badge, stableIdx) => {\n\t\t\t\t\t\t\t\t\tif (Array.isArray(badge)) {\n\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t<Badge key={stableIdx} icon={badge[0]} text={badge[1]} />\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\treturn <Badge key={stableIdx} text={badge} />\n\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t: null}\n\t\t\t\t\t</CardPrimitives.ProductBadges>\n\t\t\t\t) : null}\n\t\t\t</CardPrimitives.Content>\n\t\t</CardPrimitives.Root>\n\t)\n}\n\nUnifiedCard.displayName = 'UnifiedCard'\n\nexport type { UnifiedCardProps }\nexport { UnifiedCard }\n"],"names":["UnifiedCard","heading","meta","link","productBadges","badges","thumbnail","withArrow","isExternal","className","ariaLabel","jsxs","CardPrimitives","jsx","badge","stableIdx","Badge"],"mappings":";;;AAQA,MAAMA,IAAc,CAAC;AAAA,EACpB,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,eAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,YAAAC,IAAa;AAAA,EACb,WAAAC;AAAA,EACA,cAAcC;AACf,MAEE,gBAAAC;AAAA,EAACC,EAAe;AAAA,EAAf;AAAA,IACA,MAAAT;AAAA,IACA,WAAAI;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,cAAYC,KAAaT;AAAA,IAExB,UAAA;AAAA,MAAAK,sBAAaM,EAAe,WAAf,EAA0B,GAAGN,GAAW,IAAK;AAAA,MAC3D,gBAAAK,EAACC,EAAe,SAAf,EACC,UAAA;AAAA,QAAAV,KAAQA,EAAK,SAAS,IAAI,gBAAAW,EAACD,EAAe,MAAf,EAAoB,OAAOV,EAAA,CAAM,IAAK;AAAA,QAClE,gBAAAW,EAACD,EAAe,SAAf,EAAwB,UAAAX,EAAA,CAAQ;AAAA,QAChCG,KAAiBA,GAAe,SAAS,IACzC,gBAAAS,EAACD,EAAe,eAAf,EAA6B,QAAQR,GACpC,UAAAC,KAAUA,EAAO,SAAS,IACxBA,EAAO,IAAI,CAACS,GAAOC,MACf,MAAM,QAAQD,CAAK,IAErB,gBAAAD,EAACG,GAAA,EAAsB,MAAMF,EAAM,CAAC,GAAG,MAAMA,EAAM,CAAC,EAAA,GAAxCC,CAA2C,IAIlD,gBAAAF,EAACG,GAAA,EAAsB,MAAMF,EAAA,GAAjBC,CAAwB,CAC3C,IACA,KAAA,CACJ,IACG;AAAA,MAAA,EAAA,CACL;AAAA,IAAA;AAAA,EAAA;AAAA;AAKHf,EAAY,cAAc;"}

package/patterns/copy-button/index.d.ts

@@ -1,4 +1,4 @@
-import { HandlerArgs } from './clipboard';
+import { ClipboardHandlerArgs } from '../../utils/clipboard';
 export interface CopyButtonProps {
     size?: 'small' | 'medium';
     isIconOnly?: boolean;
@@ -7,8 +7,8 @@ export interface CopyButtonProps {
     textToCopy?: string;
     getTextFn?: () => string;
     targetToCopy?: string | Element;
-    onSuccess?: (args: HandlerArgs) => void;
-    onError?: (args: HandlerArgs) => void;
+    onSuccess?: (args: ClipboardHandlerArgs) => void;
+    onError?: (args: ClipboardHandlerArgs) => void;
     className?: string;
     defaultIcon?: string;
 }

package/patterns/copy-button/index.js

@@ -1,21 +1,21 @@
 "use client";
-import { jsx as b } from "react/jsx-runtime";
+import { jsx as E } from "react/jsx-runtime";
 import { useState as x, useRef as O } from "react";
-import { onClickHandler as R } from "./clipboard.js";
+import { onClipboardClickHandler as R } from "../../utils/clipboard.js";
 import U from "classnames";
 import { Button as A } from "../../components/button/index.js";
 import i from "./style.module.css.js";
 const B = "clipboard-copy", D = "clipboard-checked", I = "clipboard-x", a = "idle", g = ({
   size: u = "medium",
-  isIconOnly: m = !1,
-  isFullWidth: l = !1,
+  isIconOnly: l = !1,
+  isFullWidth: m = !1,
   text: p,
-  textToCopy: f,
-  getTextFn: d,
-  targetToCopy: S,
+  textToCopy: d,
+  getTextFn: f,
+  targetToCopy: C,
   onSuccess: r,
   onError: c,
-  className: C,
+  className: S,
   defaultIcon: y,
   ...N
 }) => {
@@ -25,26 +25,26 @@ const B = "clipboard-copy", D = "clipboard-checked", I = "clipboard-x", a = "idl
     }, 1500);
   }, _ = (e) => {
     o("success"), n(), r && r(e);
-  }, E = (e) => {
+  }, b = (e) => {
     o("error"), n(), c && c(e);
   };
-  return /* @__PURE__ */ b(
+  return /* @__PURE__ */ E(
     A,
     {
-      className: U(i["copy-button"], i[t], C),
+      className: U(i["copy-button"], i[t], S),
       size: u,
-      isFullWidth: l,
+      isFullWidth: m,
       text: p,
       icon: T,
-      isIconOnly: m,
+      isIconOnly: l,
       color: "secondary",
       iconPosition: "trailing",
       ...R({
-        text: f,
-        getTextFn: d,
-        target: S,
+        text: d,
+        getTextFn: f,
+        target: C,
         onSuccess: _,
-        onError: E
+        onError: b
       }),
       ...N
     }

package/patterns/copy-button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/patterns/copy-button/index.tsx"],"sourcesContent":["'use client'\n\nimport { useRef, useState } from 'react'\nimport { onClickHandler, type HandlerArgs } from './clipboard'\nimport classNames from 'classnames'\nimport { Button } from '../../components/button'\nimport s from './style.module.css'\n\nexport interface CopyButtonProps {\n\tsize?: 'small' | 'medium'\n\tisIconOnly?: boolean\n\tisFullWidth?: boolean\n\ttext: string\n\ttextToCopy?: string\n\tgetTextFn?: () => string\n\ttargetToCopy?: string | Element\n\tonSuccess?: (args: HandlerArgs) => void\n\tonError?: (args: HandlerArgs) => void\n\tclassName?: string\n\tdefaultIcon?: string\n}\n\nconst DEFAULT_ICON = 'clipboard-copy'\nconst SUCCESS_ICON = 'clipboard-checked'\nconst ERROR_ICON = 'clipboard-x'\nconst DEFAULT_STATUS = 'idle'\n\nconst CopyButton = ({\n\tsize = 'medium',\n\tisIconOnly = false,\n\tisFullWidth = false,\n\ttext,\n\ttextToCopy,\n\tgetTextFn,\n\ttargetToCopy,\n\tonSuccess,\n\tonError,\n\tclassName,\n\tdefaultIcon,\n\t...rest\n}: CopyButtonProps) => {\n\tconst [status, setStatus] = useState(DEFAULT_STATUS)\n\tconst timer = useRef<ReturnType<typeof setTimeout> | null>(null)\n\tconst icon =\n\t\tstatus === 'idle'\n\t\t\t? defaultIcon || DEFAULT_ICON\n\t\t\t: status === 'success'\n\t\t\t? SUCCESS_ICON\n\t\t\t: ERROR_ICON\n\n\tconst resetStatusDelayed = () => {\n\t\tif (timer.current) {\n\t\t\tclearTimeout(timer.current)\n\t\t}\n\t\ttimer.current = setTimeout(() => {\n\t\t\tsetStatus(DEFAULT_STATUS)\n\t\t}, 1500)\n\t}\n\n\tconst _onSuccess = (args: HandlerArgs) => {\n\t\tsetStatus('success')\n\t\tresetStatusDelayed()\n\n\t\tif (onSuccess) {\n\t\t\tonSuccess(args)\n\t\t}\n\t}\n\n\tconst _onError = (args: HandlerArgs) => {\n\t\tsetStatus('error')\n\t\tresetStatusDelayed()\n\n\t\tif (onError) {\n\t\t\tonError(args)\n\t\t}\n\t}\n\n\treturn (\n\t\t<Button\n\t\t\tclassName={classNames(s['copy-button'], s[status], className)}\n\t\t\tsize={size}\n\t\t\tisFullWidth={isFullWidth}\n\t\t\ttext={text}\n\t\t\ticon={icon}\n\t\t\tisIconOnly={isIconOnly}\n\t\t\tcolor=\"secondary\"\n\t\t\ticonPosition=\"trailing\"\n\t\t\t{...onClickHandler({\n\t\t\t\ttext: textToCopy,\n\t\t\t\tgetTextFn: getTextFn,\n\t\t\t\ttarget: targetToCopy,\n\t\t\t\tonSuccess: _onSuccess,\n\t\t\t\tonError: _onError,\n\t\t\t})}\n\t\t\t{...rest}\n\t\t/>\n\t)\n}\n\nCopyButton.displayName = 'CopyButton'\n\nexport { CopyButton }\n"],"names":["DEFAULT_ICON","SUCCESS_ICON","ERROR_ICON","DEFAULT_STATUS","CopyButton","size","isIconOnly","isFullWidth","text","textToCopy","getTextFn","targetToCopy","onSuccess","onError","className","defaultIcon","rest","status","setStatus","useState","timer","useRef","icon","resetStatusDelayed","_onSuccess","args","_onError","jsx","Button","classNames","s","onClickHandler"],"mappings":";;;;;;;AAuBA,MAAMA,IAAe,kBACfC,IAAa,qBACbC,IAAA,eAEAC,IAAc,QACnBC,IAAO,CAAA;AAAA,EACP,MAAAC,IAAA;AAAA,EACA,YAAAC;EACA,aAAAC,IAAA;AAAA,EACA,MAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACD,GAAAC;AACC,MAAA;AACA,QAAM,CAAAC,GAAQC,KAAiDC,EAAAhB,CAAA,GACzDiB,IACLC,EAAA,OAMKC,IAAAL,eAA2BF,KAAAf,IAAAiB,MAAA,YAAAhB,IAAAC,GAC5BqB,IAAe,MAAA;AAClB,IAAAH,EAAA,WACD,aAAAA,EAAA,OAAA,GAECA,EAAA,UAAU,WAAc,MAAA;QAClBjB,CAAA;AAAA,IACR,GAAA,IAAA;AAAA,EAEA,GACCqB,IAAU,CAAAC,MAAS;AACnB,IAAAP,WAAA,GAEAK,EAAe,GACdX,KACDA,EAAAa,CAAA;AAAA,EAGD,GACCC,IAAU,CAAAD,MAAO;AACjB,IAAAP,YAEAK,EAAa,GACZV,KACDA,EAAAY,CAAA;AAAA,EAGD;AACC,SAAC,gBAAAE;AAAA,IAAAC;AAAA,IAAA;AAAA,MAEA,WAAAC,EAAAC,EAAA,aAAA,GAAAA,EAAAb,CAAA,GAAAH,CAAA;AAAA,MACA,MAAAT;AAAA,MACA,aAAAE;AAAA,MACA,MAAAC;AAAA,MACA,MAAAc;AAAA,MACA,YAAAhB;AAAA,MACA,OAAA;AAAA,MACC;MAAkB,GAClByB,EAAM;AAAA,QACN,MAAAtB;AAAA,QACA,WAAAC;AAAA,QACA,QAAAC;AAAA,QACA,WAASa;AAAA,QACT,SAAAE;AAAA,MACA,CAAA;AAAA,MAAG,GAAAV;AAAA,IACL;AAAA,EAEF;AAEA;;"}
+{"version":3,"file":"index.js","sources":["../../../src/patterns/copy-button/index.tsx"],"sourcesContent":["'use client'\n\nimport { useRef, useState } from 'react'\nimport {\n\tonClipboardClickHandler,\n\ttype ClipboardHandlerArgs,\n} from '../../utils/clipboard'\nimport classNames from 'classnames'\nimport { Button } from '../../components/button'\nimport s from './style.module.css'\n\nexport interface CopyButtonProps {\n\tsize?: 'small' | 'medium'\n\tisIconOnly?: boolean\n\tisFullWidth?: boolean\n\ttext: string\n\ttextToCopy?: string\n\tgetTextFn?: () => string\n\ttargetToCopy?: string | Element\n\tonSuccess?: (args: ClipboardHandlerArgs) => void\n\tonError?: (args: ClipboardHandlerArgs) => void\n\tclassName?: string\n\tdefaultIcon?: string\n}\n\nconst DEFAULT_ICON = 'clipboard-copy'\nconst SUCCESS_ICON = 'clipboard-checked'\nconst ERROR_ICON = 'clipboard-x'\nconst DEFAULT_STATUS = 'idle'\n\nconst CopyButton = ({\n\tsize = 'medium',\n\tisIconOnly = false,\n\tisFullWidth = false,\n\ttext,\n\ttextToCopy,\n\tgetTextFn,\n\ttargetToCopy,\n\tonSuccess,\n\tonError,\n\tclassName,\n\tdefaultIcon,\n\t...rest\n}: CopyButtonProps) => {\n\tconst [status, setStatus] = useState(DEFAULT_STATUS)\n\tconst timer = useRef<ReturnType<typeof setTimeout> | null>(null)\n\tconst icon =\n\t\tstatus === 'idle'\n\t\t\t? defaultIcon || DEFAULT_ICON\n\t\t\t: status === 'success'\n\t\t\t\t? SUCCESS_ICON\n\t\t\t\t: ERROR_ICON\n\n\tconst resetStatusDelayed = () => {\n\t\tif (timer.current) {\n\t\t\tclearTimeout(timer.current)\n\t\t}\n\t\ttimer.current = setTimeout(() => {\n\t\t\tsetStatus(DEFAULT_STATUS)\n\t\t}, 1500)\n\t}\n\n\tconst _onSuccess = (args: ClipboardHandlerArgs) => {\n\t\tsetStatus('success')\n\t\tresetStatusDelayed()\n\n\t\tif (onSuccess) {\n\t\t\tonSuccess(args)\n\t\t}\n\t}\n\n\tconst _onError = (args: ClipboardHandlerArgs) => {\n\t\tsetStatus('error')\n\t\tresetStatusDelayed()\n\n\t\tif (onError) {\n\t\t\tonError(args)\n\t\t}\n\t}\n\n\treturn (\n\t\t<Button\n\t\t\tclassName={classNames(s['copy-button'], s[status], className)}\n\t\t\tsize={size}\n\t\t\tisFullWidth={isFullWidth}\n\t\t\ttext={text}\n\t\t\ticon={icon}\n\t\t\tisIconOnly={isIconOnly}\n\t\t\tcolor=\"secondary\"\n\t\t\ticonPosition=\"trailing\"\n\t\t\t{...onClipboardClickHandler({\n\t\t\t\ttext: textToCopy,\n\t\t\t\tgetTextFn: getTextFn,\n\t\t\t\ttarget: targetToCopy,\n\t\t\t\tonSuccess: _onSuccess,\n\t\t\t\tonError: _onError,\n\t\t\t})}\n\t\t\t{...rest}\n\t\t/>\n\t)\n}\n\nCopyButton.displayName = 'CopyButton'\n\nexport { CopyButton }\n"],"names":["DEFAULT_ICON","SUCCESS_ICON","ERROR_ICON","DEFAULT_STATUS","CopyButton","size","isIconOnly","isFullWidth","text","textToCopy","getTextFn","targetToCopy","onSuccess","onError","className","defaultIcon","rest","status","setStatus","useState","timer","useRef","icon","resetStatusDelayed","_onSuccess","args","_onError","jsx","Button","classNames","s","onClipboardClickHandler"],"mappings":";;;;;;;AA0BA,MAAMA,IAAe,kBACfC,IAAa,qBACbC,IAAA,eAEAC,IAAc,QACnBC,IAAO,CAAA;AAAA,EACP,MAAAC,IAAA;AAAA,EACA,YAAAC;EACA,aAAAC,IAAA;AAAA,EACA,MAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACD,GAAAC;AACC,MAAA;AACA,QAAM,CAAAC,GAAQC,KAAiDC,EAAAhB,CAAA,GACzDiB,IACLC,EAAA,OAMKC,IAAAL,eAA2BF,KAAAf,IAAAiB,MAAA,YAAAhB,IAAAC,GAC5BqB,IAAe,MAAA;AAClB,IAAAH,EAAA,WACD,aAAAA,EAAA,OAAA,GAECA,EAAA,UAAU,WAAc,MAAA;QAClBjB,CAAA;AAAA,IACR,GAAA,IAAA;AAAA,EAEA,GACCqB,IAAU,CAAAC,MAAS;AACnB,IAAAP,WAAA,GAEAK,EAAe,GACdX,KACDA,EAAAa,CAAA;AAAA,EAGD,GACCC,IAAU,CAAAD,MAAO;AACjB,IAAAP,YAEAK,EAAa,GACZV,KACDA,EAAAY,CAAA;AAAA,EAGD;AACC,SAAC,gBAAAE;AAAA,IAAAC;AAAA,IAAA;AAAA,MAEA,WAAAC,EAAAC,EAAA,aAAA,GAAAA,EAAAb,CAAA,GAAAH,CAAA;AAAA,MACA,MAAAT;AAAA,MACA,aAAAE;AAAA,MACA,MAAAC;AAAA,MACA,MAAAc;AAAA,MACA,YAAAhB;AAAA,MACA,OAAA;AAAA,MACC;MAA2B,GAC3ByB,EAAM;AAAA,QACN,MAAAtB;AAAA,QACA,WAAAC;AAAA,QACA,QAAAC;AAAA,QACA,WAASa;AAAA,QACT,SAAAE;AAAA,MACA,CAAA;AAAA,MAAG,GAAAV;AAAA,IACL;AAAA,EAEF;AAEA;;"}

package/patterns/layout/layout.module.css

@@ -20,16 +20,10 @@
 
 	/* Background */
 
-	background-color: var(
-		--background-color-primary-override,
-		var(--mds-color-surface-primary)
-	);
+	background-color: var(--background-color-primary-override, var(--mds-color-surface-primary));
 
 	&.faint {
-		background-color: var(
-			--background-color-faint-override,
-			var(--mds-color-surface-faint)
-		);
+		background-color: var(--background-color-faint-override, var(--mds-color-surface-faint));
 	}
 
 	&.transparent {

package/patterns/product-badge/style.module.css

@@ -1,3 +1,3 @@
 .badge {
 	text-transform: capitalize;
-}
+}

package/patterns/related-content/style.module.css

@@ -43,7 +43,7 @@
 
 	grid-column: 1 / -1;
 	display: grid;
-	grid-gap: var(--mds-spacing-08);
+	gap: var(--mds-spacing-08);
 	grid-template-columns: repeat(var(--columns), 1fr);
 	margin-bottom: var(--mds-spacing-08);