@orion-ds/react 4.2.8 → 4.2.10

package/dist/index97.mjs

@@ -1,27 +1,157 @@
-const e = "_agentCard_1evy3_8", t = "_clickable_1evy3_17", a = "_draggable_1evy3_21", _ = "_dragging_1evy3_33", n = "_headerContent_1evy3_53", i = "_iconAvatar_1evy3_62", c = "_headerRight_1evy3_75", g = "_multiBadge_1evy3_82", d = "_title_1evy3_98", o = "_description_1evy3_109", r = "_timestamp_1evy3_128", s = {
-  agentCard: e,
-  clickable: t,
-  draggable: a,
-  dragging: _,
-  headerContent: n,
-  iconAvatar: i,
-  headerRight: c,
-  multiBadge: g,
-  title: d,
-  description: o,
-  timestamp: r
+const r = {
+  theme: "light",
+  semantic: {
+    surface: {
+      base: "{color.neutral.0}",
+      subtle: "{color.neutral.50}",
+      layer: "{color.neutral.100}",
+      primary: "{color.neutral.100}",
+      secondary: "{color.neutral.50}",
+      glass: "color-mix(in srgb, {color.neutral.0} 70%, transparent)",
+      sunken: "color-mix(in srgb, {color.neutral.0} 40%, transparent)",
+      overlay: "color-mix(in srgb, {color.neutral.1000} 50%, transparent)"
+    },
+    text: {
+      primary: "{color.neutral.900}",
+      secondary: "{color.neutral.500}",
+      tertiary: "{color.neutral.400}",
+      inverse: "{color.neutral.0}",
+      brand: "{color.brand.500}",
+      "on-brand": {
+        primary: "{color.neutral.0}",
+        secondary: "color-mix(in srgb, {color.neutral.0} 90%, transparent)",
+        tertiary: "color-mix(in srgb, {color.neutral.0} 70%, transparent)"
+      }
+    },
+    border: {
+      subtle: "{color.neutral.200}",
+      strong: "{color.neutral.300}",
+      interactive: "{color.brand.500}"
+    },
+    interactive: {
+      primary: {
+        default: "{color.brand.500}",
+        hover: "{color.brand.700}",
+        text: "{color.neutral.0}"
+      },
+      secondary: {
+        default: "{color.neutral.100}",
+        hover: "{color.neutral.200}",
+        text: "{color.neutral.900}"
+      },
+      ghost: {
+        hover: "color-mix(in srgb, {color.neutral.1000} 5%, transparent)"
+      }
+    },
+    status: {
+      error: "{color.error.500}",
+      success: "{color.success.500}",
+      warning: "{color.warning.500}",
+      info: "{color.info.500}"
+    },
+    soft: {
+      brand: "color-mix(in srgb, {color.brand.500} 10%, transparent)",
+      "brand-hover": "color-mix(in srgb, {color.brand.500} 20%, transparent)",
+      success: "color-mix(in srgb, {color.success.500} 10%, transparent)",
+      error: "color-mix(in srgb, {color.error.500} 10%, transparent)",
+      warning: "color-mix(in srgb, {color.warning.500} 10%, transparent)",
+      info: "color-mix(in srgb, {color.info.500} 10%, transparent)"
+    },
+    focus: {
+      ring: "0 0 0 3px color-mix(in srgb, {color.brand.500} 40%, transparent)"
+    },
+    gradient: {
+      start: "{color.brand.400}",
+      end: "{color.brand.600}"
+    },
+    chart: {
+      1: "{color.brand.500}",
+      2: "{color.brand.300}",
+      3: "{color.brand.700}",
+      4: "{color.success.500}",
+      5: "{color.warning.500}"
+    }
+  }
+}, o = {
+  theme: "dark",
+  semantic: {
+    surface: {
+      base: "{color.neutral.900}",
+      subtle: "{color.neutral.950}",
+      layer: "{color.neutral.900}",
+      primary: "{color.neutral.900}",
+      secondary: "{color.neutral.900}",
+      glass: "color-mix(in srgb, {color.neutral.950} 60%, transparent)",
+      sunken: "color-mix(in srgb, {color.neutral.950} 40%, transparent)",
+      overlay: "color-mix(in srgb, {color.neutral.1000} 70%, transparent)"
+    },
+    text: {
+      primary: "{color.neutral.50}",
+      secondary: "{color.neutral.400}",
+      tertiary: "{color.neutral.600}",
+      inverse: "{color.neutral.950}",
+      brand: "{color.brand.400}",
+      "on-brand": {
+        primary: "{color.neutral.0}",
+        secondary: "color-mix(in srgb, {color.neutral.0} 90%, transparent)",
+        tertiary: "color-mix(in srgb, {color.neutral.0} 70%, transparent)"
+      }
+    },
+    border: {
+      subtle: "{color.neutral.800}",
+      strong: "{color.neutral.700}",
+      interactive: "{color.brand.500}"
+    },
+    interactive: {
+      primary: {
+        default: "{color.brand.500}",
+        hover: "{color.brand.400}",
+        text: "{color.neutral.900}"
+      },
+      secondary: {
+        default: "{color.neutral.800}",
+        hover: "{color.neutral.700}",
+        text: "{color.neutral.50}"
+      },
+      ghost: {
+        hover: "color-mix(in srgb, {color.neutral.0} 10%, transparent)"
+      }
+    },
+    status: {
+      error: "{color.error.500}",
+      success: "{color.success.500}",
+      warning: "{color.warning.500}",
+      info: "{color.info.500}"
+    },
+    soft: {
+      brand: "color-mix(in srgb, {color.brand.500} 15%, transparent)",
+      "brand-hover": "color-mix(in srgb, {color.brand.500} 25%, transparent)",
+      success: "color-mix(in srgb, {color.success.500} 15%, transparent)",
+      error: "color-mix(in srgb, {color.error.500} 15%, transparent)",
+      warning: "color-mix(in srgb, {color.warning.500} 15%, transparent)",
+      info: "color-mix(in srgb, {color.info.500} 15%, transparent)"
+    },
+    focus: {
+      ring: "0 0 0 3px color-mix(in srgb, {color.brand.500} 50%, transparent)"
+    },
+    gradient: {
+      start: "{color.brand.400}",
+      end: "{color.brand.600}"
+    },
+    chart: {
+      1: "{color.brand.400}",
+      2: "{color.brand.200}",
+      3: "{color.brand.600}",
+      4: "{color.success.500}",
+      5: "{color.warning.500}"
+    }
+  }
+}, n = {
+  light: r,
+  dark: o
 };
 export {
-  e as agentCard,
-  t as clickable,
-  s as default,
-  o as description,
-  a as draggable,
-  _ as dragging,
-  n as headerContent,
-  c as headerRight,
-  i as iconAvatar,
-  g as multiBadge,
-  r as timestamp,
-  d as title
+  o as darkTheme,
+  r as lightTheme,
+  n as themes
 };

package/dist/index98.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_fieldContainer_71nij_9",n="_fullWidth_71nij_15",r="_disabled_71nij_19",t="_label_71nij_24",o="_labelText_71nij_40",i="_optional_71nij_44",_="_required_71nij_50",s="_inputWrapper_71nij_57",l="_input_71nij_57",c="_error_71nij_131",a="_leftIcon_71nij_146",I="_rightIcon_71nij_147",d="_rightIconInteractive_71nij_167",h="_errorIconInline_71nij_198",g="_errorIconMessage_71nij_204",p="_sm_71nij_209",j="_md_71nij_218",u="_lg_71nij_227",f="_hasLeftIcon_71nij_237",b="_hasRightIcon_71nij_241",M="_helperText_71nij_246",m="_errorMessage_71nij_255",T={fieldContainer:e,fullWidth:n,disabled:r,label:t,labelText:o,optional:i,required:_,inputWrapper:s,input:l,error:c,leftIcon:a,rightIcon:I,rightIconInteractive:d,errorIconInline:h,errorIconMessage:g,sm:p,md:j,lg:u,hasLeftIcon:f,hasRightIcon:b,helperText:M,errorMessage:m};exports.default=T;exports.disabled=r;exports.error=c;exports.errorIconInline=h;exports.errorIconMessage=g;exports.errorMessage=m;exports.fieldContainer=e;exports.fullWidth=n;exports.hasLeftIcon=f;exports.hasRightIcon=b;exports.helperText=M;exports.input=l;exports.inputWrapper=s;exports.label=t;exports.labelText=o;exports.leftIcon=a;exports.lg=u;exports.md=j;exports.optional=i;exports.required=_;exports.rightIcon=I;exports.rightIconInteractive=d;exports.sm=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r={orion:{name:"Orion",description:"Default brand - Orion Blue, professional rounded corners",accent:{primary:"{color.brand.orion.500}",light:"{color.brand.orion.100}",dark:"{color.brand.orion.900}"},typography:{primary:"Libre Baskerville",secondary:"Inter",mono:"JetBrains Mono"},geometry:{radiusControl:"{radius.md}",radiusContainer:"{radius.lg}",buttonStyle:"pill"},semantic:{light:{interactivePrimary:"{color.brand.orion.500}",interactivePrimaryHover:"{color.brand.orion.700}",interactivePrimaryText:"{color.neutral.0}"},dark:{interactivePrimary:"{color.brand.orion.500}",interactivePrimaryHover:"{color.brand.orion.400}",interactivePrimaryText:"{color.neutral.0}"}},usage:{html:'<html data-theme="dark">',css:"/* No additional CSS needed - default */",attribute:null}},deepblue:{name:"Deepblue",description:"Deepblue brand - Deep Blue with Work Sans typography",accent:{primary:"{color.brand.deepblue.500}",light:"{color.brand.deepblue.100}",dark:"{color.brand.deepblue.800}"},typography:{primary:"Work Sans",secondary:"Work Sans",mono:"JetBrains Mono"},geometry:{radiusControl:"{radius.md}",radiusContainer:"{radius.lg}",buttonStyle:"rounded"},semantic:{light:{interactivePrimary:"{color.brand.deepblue.500}",interactivePrimaryHover:"{color.brand.deepblue.700}",interactivePrimaryText:"{color.neutral.0}"},dark:{interactivePrimary:"{color.brand.deepblue.500}",interactivePrimaryHover:"{color.brand.deepblue.400}",interactivePrimaryText:"{color.neutral.900}"}},usage:{html:'<html data-theme="dark" data-brand="deepblue">',css:'/* Included in theme.css via [data-brand="deepblue"] */',attribute:"deepblue"}},red:{name:"Red",description:"Red brand - Red with Poppins typography and pill buttons",accent:{primary:"{color.brand.red.500}",light:"{color.brand.red.100}",dark:"{color.brand.red.900}"},typography:{primary:"Poppins",secondary:"Inter",mono:"JetBrains Mono"},geometry:{radiusControl:"var(--radius-lg)",radiusContainer:"{radius.lg}",buttonStyle:"pill"},semantic:{light:{interactivePrimary:"{color.brand.red.500}",interactivePrimaryHover:"{color.brand.red.600}",interactivePrimaryText:"{color.neutral.0}"},dark:{interactivePrimary:"{color.brand.red.500}",interactivePrimaryHover:"{color.brand.red.400}",interactivePrimaryText:"{color.neutral.0}"}},usage:{html:'<html data-theme="dark" data-brand="red">',css:'/* Included in theme.css via [data-brand="red"] */',attribute:"red"}},orange:{name:"Orange",description:"Orange brand - Red-Orange with pill buttons",accent:{primary:"{color.brand.orange.500}",light:"{color.brand.orange.100}",dark:"{color.brand.orange.900}"},typography:{primary:"DM Sans",secondary:"Inter",mono:"JetBrains Mono"},geometry:{radiusControl:"{radius.full}",radiusContainer:"{radius.lg}",buttonStyle:"pill"},semantic:{light:{interactivePrimary:"{color.brand.orange.500}",interactivePrimaryHover:"{color.brand.orange.700}",interactivePrimaryText:"{color.neutral.0}"},dark:{interactivePrimary:"{color.brand.orange.500}",interactivePrimaryHover:"{color.brand.orange.400}",interactivePrimaryText:"{color.neutral.0}"}},usage:{html:'<html data-theme="dark" data-brand="orange">',css:'/* Included in theme.css via [data-brand="orange"] */',attribute:"orange"}},ember:{name:"Ember",description:"Ember brand — Orange accent with dark neutral buttons and rectangular geometry",accent:{primary:"{color.brand.orange.500}",light:"{color.brand.orange.100}",dark:"{color.brand.orange.900}"},typography:{primary:"DM Sans",secondary:"Inter",mono:"JetBrains Mono"},geometry:{radiusControl:"{radius.md}",radiusContainer:"{radius.xl}",buttonStyle:"rounded"},semantic:{light:{interactivePrimary:"{color.neutral.900}",interactivePrimaryHover:"{color.neutral.700}",interactivePrimaryText:"{color.neutral.0}"},dark:{interactivePrimary:"{color.neutral.100}",interactivePrimaryHover:"{color.neutral.0}",interactivePrimaryText:"{color.neutral.900}"}},usage:{html:'<html data-theme="light|dark" data-brand="ember">',css:'/* Included in theme.css via [data-brand="ember"] */',attribute:"ember"}},lemon:{name:"Lemon",description:"Lemon brand - Bright lime green with Anton typography and highly rounded design",accent:{primary:"{color.brand.lemon.600}",light:"{color.brand.lemon.100}",dark:"{color.brand.lemon.900}"},typography:{primary:"Anton",secondary:"Work Sans",mono:"JetBrains Mono"},geometry:{radiusControl:"{radius.lg}",radiusContainer:"{radius.lg}",buttonStyle:"pill"},semantic:{light:{interactivePrimary:"{color.brand.lemon.700}",interactivePrimaryHover:"{color.brand.lemon.800}",interactivePrimaryText:"{color.neutral.0}"},dark:{interactivePrimary:"{color.brand.lemon.500}",interactivePrimaryHover:"{color.brand.lemon.600}",interactivePrimaryText:"{color.neutral.900}"}},usage:{html:'<html data-theme="dark" data-brand="lemon">',css:'/* Included in theme.css via [data-brand="lemon"] */',attribute:"lemon"}}};exports.brands=r;

package/dist/index98.mjs

@@ -1,49 +1,221 @@
-const n = "_fieldContainer_71nij_9", e = "_fullWidth_71nij_15", t = "_disabled_71nij_19", o = "_label_71nij_24", _ = "_labelText_71nij_40", r = "_optional_71nij_44", i = "_required_71nij_50", s = "_inputWrapper_71nij_57", c = "_input_71nij_57", l = "_error_71nij_131", a = "_leftIcon_71nij_146", I = "_rightIcon_71nij_147", j = "_rightIconInteractive_71nij_167", h = "_errorIconInline_71nij_198", d = "_errorIconMessage_71nij_204", p = "_sm_71nij_209", g = "_md_71nij_218", f = "_lg_71nij_227", u = "_hasLeftIcon_71nij_237", b = "_hasRightIcon_71nij_241", x = "_helperText_71nij_246", m = "_errorMessage_71nij_255", M = {
-  fieldContainer: n,
-  fullWidth: e,
-  disabled: t,
-  label: o,
-  labelText: _,
-  optional: r,
-  required: i,
-  inputWrapper: s,
-  input: c,
-  error: l,
-  leftIcon: a,
-  rightIcon: I,
-  rightIconInteractive: j,
-  errorIconInline: h,
-  errorIconMessage: d,
-  sm: p,
-  md: g,
-  lg: f,
-  hasLeftIcon: u,
-  hasRightIcon: b,
-  helperText: x,
-  errorMessage: m
+const r = {
+  orion: {
+    name: "Orion",
+    description: "Default brand - Orion Blue, professional rounded corners",
+    accent: {
+      primary: "{color.brand.orion.500}",
+      light: "{color.brand.orion.100}",
+      dark: "{color.brand.orion.900}"
+    },
+    typography: {
+      primary: "Libre Baskerville",
+      secondary: "Inter",
+      mono: "JetBrains Mono"
+    },
+    geometry: {
+      radiusControl: "{radius.md}",
+      radiusContainer: "{radius.lg}",
+      buttonStyle: "pill"
+    },
+    semantic: {
+      light: {
+        interactivePrimary: "{color.brand.orion.500}",
+        interactivePrimaryHover: "{color.brand.orion.700}",
+        interactivePrimaryText: "{color.neutral.0}"
+      },
+      dark: {
+        interactivePrimary: "{color.brand.orion.500}",
+        interactivePrimaryHover: "{color.brand.orion.400}",
+        interactivePrimaryText: "{color.neutral.0}"
+      }
+    },
+    usage: {
+      html: '<html data-theme="dark">',
+      css: "/* No additional CSS needed - default */",
+      attribute: null
+    }
+  },
+  deepblue: {
+    name: "Deepblue",
+    description: "Deepblue brand - Deep Blue with Work Sans typography",
+    accent: {
+      primary: "{color.brand.deepblue.500}",
+      light: "{color.brand.deepblue.100}",
+      dark: "{color.brand.deepblue.800}"
+    },
+    typography: {
+      primary: "Work Sans",
+      secondary: "Work Sans",
+      mono: "JetBrains Mono"
+    },
+    geometry: {
+      radiusControl: "{radius.md}",
+      radiusContainer: "{radius.lg}",
+      buttonStyle: "rounded"
+    },
+    semantic: {
+      light: {
+        interactivePrimary: "{color.brand.deepblue.500}",
+        interactivePrimaryHover: "{color.brand.deepblue.700}",
+        interactivePrimaryText: "{color.neutral.0}"
+      },
+      dark: {
+        interactivePrimary: "{color.brand.deepblue.500}",
+        interactivePrimaryHover: "{color.brand.deepblue.400}",
+        interactivePrimaryText: "{color.neutral.900}"
+      }
+    },
+    usage: {
+      html: '<html data-theme="dark" data-brand="deepblue">',
+      css: '/* Included in theme.css via [data-brand="deepblue"] */',
+      attribute: "deepblue"
+    }
+  },
+  red: {
+    name: "Red",
+    description: "Red brand - Red with Poppins typography and pill buttons",
+    accent: {
+      primary: "{color.brand.red.500}",
+      light: "{color.brand.red.100}",
+      dark: "{color.brand.red.900}"
+    },
+    typography: {
+      primary: "Poppins",
+      secondary: "Inter",
+      mono: "JetBrains Mono"
+    },
+    geometry: {
+      radiusControl: "var(--radius-lg)",
+      radiusContainer: "{radius.lg}",
+      buttonStyle: "pill"
+    },
+    semantic: {
+      light: {
+        interactivePrimary: "{color.brand.red.500}",
+        interactivePrimaryHover: "{color.brand.red.600}",
+        interactivePrimaryText: "{color.neutral.0}"
+      },
+      dark: {
+        interactivePrimary: "{color.brand.red.500}",
+        interactivePrimaryHover: "{color.brand.red.400}",
+        interactivePrimaryText: "{color.neutral.0}"
+      }
+    },
+    usage: {
+      html: '<html data-theme="dark" data-brand="red">',
+      css: '/* Included in theme.css via [data-brand="red"] */',
+      attribute: "red"
+    }
+  },
+  orange: {
+    name: "Orange",
+    description: "Orange brand - Red-Orange with pill buttons",
+    accent: {
+      primary: "{color.brand.orange.500}",
+      light: "{color.brand.orange.100}",
+      dark: "{color.brand.orange.900}"
+    },
+    typography: {
+      primary: "DM Sans",
+      secondary: "Inter",
+      mono: "JetBrains Mono"
+    },
+    geometry: {
+      radiusControl: "{radius.full}",
+      radiusContainer: "{radius.lg}",
+      buttonStyle: "pill"
+    },
+    semantic: {
+      light: {
+        interactivePrimary: "{color.brand.orange.500}",
+        interactivePrimaryHover: "{color.brand.orange.700}",
+        interactivePrimaryText: "{color.neutral.0}"
+      },
+      dark: {
+        interactivePrimary: "{color.brand.orange.500}",
+        interactivePrimaryHover: "{color.brand.orange.400}",
+        interactivePrimaryText: "{color.neutral.0}"
+      }
+    },
+    usage: {
+      html: '<html data-theme="dark" data-brand="orange">',
+      css: '/* Included in theme.css via [data-brand="orange"] */',
+      attribute: "orange"
+    }
+  },
+  ember: {
+    name: "Ember",
+    description: "Ember brand — Orange accent with dark neutral buttons and rectangular geometry",
+    accent: {
+      primary: "{color.brand.orange.500}",
+      light: "{color.brand.orange.100}",
+      dark: "{color.brand.orange.900}"
+    },
+    typography: {
+      primary: "DM Sans",
+      secondary: "Inter",
+      mono: "JetBrains Mono"
+    },
+    geometry: {
+      radiusControl: "{radius.md}",
+      radiusContainer: "{radius.xl}",
+      buttonStyle: "rounded"
+    },
+    semantic: {
+      light: {
+        interactivePrimary: "{color.neutral.900}",
+        interactivePrimaryHover: "{color.neutral.700}",
+        interactivePrimaryText: "{color.neutral.0}"
+      },
+      dark: {
+        interactivePrimary: "{color.neutral.100}",
+        interactivePrimaryHover: "{color.neutral.0}",
+        interactivePrimaryText: "{color.neutral.900}"
+      }
+    },
+    usage: {
+      html: '<html data-theme="light|dark" data-brand="ember">',
+      css: '/* Included in theme.css via [data-brand="ember"] */',
+      attribute: "ember"
+    }
+  },
+  lemon: {
+    name: "Lemon",
+    description: "Lemon brand - Bright lime green with Anton typography and highly rounded design",
+    accent: {
+      primary: "{color.brand.lemon.600}",
+      light: "{color.brand.lemon.100}",
+      dark: "{color.brand.lemon.900}"
+    },
+    typography: {
+      primary: "Anton",
+      secondary: "Work Sans",
+      mono: "JetBrains Mono"
+    },
+    geometry: {
+      radiusControl: "{radius.lg}",
+      radiusContainer: "{radius.lg}",
+      buttonStyle: "pill"
+    },
+    semantic: {
+      light: {
+        interactivePrimary: "{color.brand.lemon.700}",
+        interactivePrimaryHover: "{color.brand.lemon.800}",
+        interactivePrimaryText: "{color.neutral.0}"
+      },
+      dark: {
+        interactivePrimary: "{color.brand.lemon.500}",
+        interactivePrimaryHover: "{color.brand.lemon.600}",
+        interactivePrimaryText: "{color.neutral.900}"
+      }
+    },
+    usage: {
+      html: '<html data-theme="dark" data-brand="lemon">',
+      css: '/* Included in theme.css via [data-brand="lemon"] */',
+      attribute: "lemon"
+    }
+  }
 };
 export {
-  M as default,
-  t as disabled,
-  l as error,
-  h as errorIconInline,
-  d as errorIconMessage,
-  m as errorMessage,
-  n as fieldContainer,
-  e as fullWidth,
-  u as hasLeftIcon,
-  b as hasRightIcon,
-  x as helperText,
-  c as input,
-  s as inputWrapper,
-  o as label,
-  _ as labelText,
-  a as leftIcon,
-  f as lg,
-  g as md,
-  r as optional,
-  i as required,
-  I as rightIcon,
-  j as rightIconInteractive,
-  p as sm
+  r as brands
 };

package/dist/index99.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_pageHeader_1wcp9_8",c="_bordered_1wcp9_15",a="_sticky_1wcp9_19",e="_backLink_1wcp9_29",r="_backLinkAnchor_1wcp9_33",b="_backLinkButton_1wcp9_34",_="_breadcrumbs_1wcp9_59",n="_breadcrumbList_1wcp9_63",i="_breadcrumbItem_1wcp9_72",o="_breadcrumbSeparator_1wcp9_78",s="_breadcrumbLink_1wcp9_83",d="_breadcrumbButton_1wcp9_84",u="_breadcrumbCurrent_1wcp9_101",p="_main_1wcp9_111",m="_titleSection_1wcp9_119",w="_titleRow_1wcp9_124",k="_title_1wcp9_119",l="_badge_1wcp9_141",L="_description_1wcp9_145",g="_actions_1wcp9_158",v="_tabs_1wcp9_170",B="_tab_1wcp9_170",S="_tabActive_1wcp9_205",A="_tabBadge_1wcp9_210",h={pageHeader:t,bordered:c,sticky:a,backLink:e,backLinkAnchor:r,backLinkButton:b,breadcrumbs:_,breadcrumbList:n,breadcrumbItem:i,breadcrumbSeparator:o,breadcrumbLink:s,breadcrumbButton:d,breadcrumbCurrent:u,main:p,titleSection:m,titleRow:w,title:k,badge:l,description:L,actions:g,tabs:v,tab:B,tabActive:S,tabBadge:A,"size-sm":"_size-sm_1wcp9_228","size-lg":"_size-lg_1wcp9_240","variant-compact":"_variant-compact_1wcp9_252","variant-with-tabs":"_variant-with-tabs_1wcp9_277","variant-transparent":"_variant-transparent_1wcp9_285"};exports.actions=g;exports.backLink=e;exports.backLinkAnchor=r;exports.backLinkButton=b;exports.badge=l;exports.bordered=c;exports.breadcrumbButton=d;exports.breadcrumbCurrent=u;exports.breadcrumbItem=i;exports.breadcrumbLink=s;exports.breadcrumbList=n;exports.breadcrumbSeparator=o;exports.breadcrumbs=_;exports.default=h;exports.description=L;exports.main=p;exports.pageHeader=t;exports.sticky=a;exports.tab=B;exports.tabActive=S;exports.tabBadge=A;exports.tabs=v;exports.title=k;exports.titleRow=w;exports.titleSection=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c="_icon_3txcc_9",r="_xs_3txcc_29",s="_sm_3txcc_34",t="_md_3txcc_39",_="_lg_3txcc_44",n="_xl_3txcc_49",e="_current_3txcc_58",o="_primary_3txcc_62",i="_secondary_3txcc_66",a="_tertiary_3txcc_70",x="_brand_3txcc_74",d="_success_3txcc_78",l="_warning_3txcc_82",u="_error_3txcc_86",y="_info_3txcc_90",m="_inverse_3txcc_94",b="_disabled_3txcc_102",g={icon:c,xs:r,sm:s,md:t,lg:_,xl:n,current:e,primary:o,secondary:i,tertiary:a,brand:x,success:d,warning:l,error:u,info:y,inverse:m,disabled:b};exports.brand=x;exports.current=e;exports.default=g;exports.disabled=b;exports.error=u;exports.icon=c;exports.info=y;exports.inverse=m;exports.lg=_;exports.md=t;exports.primary=o;exports.secondary=i;exports.sm=s;exports.success=d;exports.tertiary=a;exports.warning=l;exports.xl=n;exports.xs=r;

package/dist/index99.mjs

@@ -1,58 +1,39 @@
-const t = "_pageHeader_1wcp9_8", c = "_bordered_1wcp9_15", a = "_sticky_1wcp9_19", _ = "_backLink_1wcp9_29", r = "_backLinkAnchor_1wcp9_33", e = "_backLinkButton_1wcp9_34", b = "_breadcrumbs_1wcp9_59", n = "_breadcrumbList_1wcp9_63", i = "_breadcrumbItem_1wcp9_72", s = "_breadcrumbSeparator_1wcp9_78", o = "_breadcrumbLink_1wcp9_83", p = "_breadcrumbButton_1wcp9_84", d = "_breadcrumbCurrent_1wcp9_101", w = "_main_1wcp9_111", m = "_titleSection_1wcp9_119", u = "_titleRow_1wcp9_124", k = "_title_1wcp9_119", L = "_badge_1wcp9_141", l = "_description_1wcp9_145", g = "_actions_1wcp9_158", v = "_tabs_1wcp9_170", B = "_tab_1wcp9_170", A = "_tabActive_1wcp9_205", S = "_tabBadge_1wcp9_210", h = {
-  pageHeader: t,
-  bordered: c,
-  sticky: a,
-  backLink: _,
-  backLinkAnchor: r,
-  backLinkButton: e,
-  breadcrumbs: b,
-  breadcrumbList: n,
-  breadcrumbItem: i,
-  breadcrumbSeparator: s,
-  breadcrumbLink: o,
-  breadcrumbButton: p,
-  breadcrumbCurrent: d,
-  main: w,
-  titleSection: m,
-  titleRow: u,
-  title: k,
-  badge: L,
-  description: l,
-  actions: g,
-  tabs: v,
-  tab: B,
-  tabActive: A,
-  tabBadge: S,
-  "size-sm": "_size-sm_1wcp9_228",
-  "size-lg": "_size-lg_1wcp9_240",
-  "variant-compact": "_variant-compact_1wcp9_252",
-  "variant-with-tabs": "_variant-with-tabs_1wcp9_277",
-  "variant-transparent": "_variant-transparent_1wcp9_285"
+const c = "_icon_3txcc_9", _ = "_xs_3txcc_29", t = "_sm_3txcc_34", s = "_md_3txcc_39", n = "_lg_3txcc_44", r = "_xl_3txcc_49", o = "_current_3txcc_58", e = "_primary_3txcc_62", x = "_secondary_3txcc_66", i = "_tertiary_3txcc_70", a = "_brand_3txcc_74", d = "_success_3txcc_78", l = "_warning_3txcc_82", y = "_error_3txcc_86", m = "_info_3txcc_90", u = "_inverse_3txcc_94", b = "_disabled_3txcc_102", g = {
+  icon: c,
+  xs: _,
+  sm: t,
+  md: s,
+  lg: n,
+  xl: r,
+  current: o,
+  primary: e,
+  secondary: x,
+  tertiary: i,
+  brand: a,
+  success: d,
+  warning: l,
+  error: y,
+  info: m,
+  inverse: u,
+  disabled: b
 };
 export {
-  g as actions,
-  _ as backLink,
-  r as backLinkAnchor,
-  e as backLinkButton,
-  L as badge,
-  c as bordered,
-  p as breadcrumbButton,
-  d as breadcrumbCurrent,
-  i as breadcrumbItem,
-  o as breadcrumbLink,
-  n as breadcrumbList,
-  s as breadcrumbSeparator,
-  b as breadcrumbs,
-  h as default,
-  l as description,
-  w as main,
-  t as pageHeader,
-  a as sticky,
-  B as tab,
-  A as tabActive,
-  S as tabBadge,
-  v as tabs,
-  k as title,
-  u as titleRow,
-  m as titleSection
+  a as brand,
+  o as current,
+  g as default,
+  b as disabled,
+  y as error,
+  c as icon,
+  m as info,
+  u as inverse,
+  n as lg,
+  s as md,
+  e as primary,
+  x as secondary,
+  t as sm,
+  d as success,
+  i as tertiary,
+  l as warning,
+  r as xl,
+  _ as xs
 };