import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{t as r}from"./jsx-runtime-C2wGStra.js";import{n as i,t as a}from"./Badge-B7OdLsEp.js";import{n as o,t as s}from"./LayoutFlex-BKX2c6Gj.js";import{n as c,t as l}from"./TokyoUITag-o8I6tf50.js";var u,d,f=t((()=>{u=`customBadge__4cN8G`,d={customBadge:u}})),p,m,h,g,_,v,y,b,x;t((()=>{c(),e(n(),1),o(),i(),f(),p=r(),m={title:`components/Badge`,component:a,parameters:{layout:`padded`,docs:{source:{type:`dynamic`}}}},h=()=>(0,p.jsxs)(s,{gap:`16`,children:[(0,p.jsx)(a,{type:`neutral`,children:`Neutral`}),(0,p.jsx)(a,{type:`positive`,children:`Positive`}),(0,p.jsx)(a,{type:`info`,children:`Info`}),(0,p.jsx)(a,{type:`warning`,children:`Warning`}),(0,p.jsx)(a,{type:`critical`,children:`Critical`}),(0,p.jsx)(a,{type:`ai`,children:`AI`}),(0,p.jsx)(a,{type:`neutral`,leadingSvgIcon:(0,p.jsx)(l,{}),children:`Neutral`}),(0,p.jsx)(a,{type:`positive`,leadingSvgIcon:(0,p.jsx)(l,{}),children:`Positive`}),(0,p.jsx)(a,{type:`info`,leadingSvgIcon:(0,p.jsx)(l,{}),children:`Info`}),(0,p.jsx)(a,{type:`warning`,leadingSvgIcon:(0,p.jsx)(l,{}),children:`Warning`}),(0,p.jsx)(a,{type:`critical`,leadingSvgIcon:(0,p.jsx)(l,{}),children:`Critical`}),(0,p.jsx)(a,{type:`ai`,leadingSvgIcon:(0,p.jsx)(l,{}),children:`AI`})]}),l.displayName=`TokyoUITag`,g=()=>(0,p.jsxs)(s,{gap:`16`,alignItems:`center`,children:[(0,p.jsx)(a,{size:`small`,leadingSvgIcon:(0,p.jsx)(l,{}),children:`Small`}),(0,p.jsx)(a,{size:`medium`,leadingSvgIcon:(0,p.jsx)(l,{}),children:`Medium`}),(0,p.jsx)(a,{size:`large`,leadingSvgIcon:(0,p.jsx)(l,{}),children:`Large`})]}),_=()=>(0,p.jsx)(s,{gap:`16`,direction:`column`,children:(0,p.jsx)(a,{size:`small`,leadingSvgIcon:(0,p.jsx)(l,{}),children:`Badge`})}),_.tags=[`!autodocs`],v=()=>(0,p.jsx)(`div`,{style:{maxWidth:150,margin:`0 auto`},children:(0,p.jsx)(a,{size:`medium`,leadingSvgIcon:(0,p.jsx)(l,{}),children:`I'm way too long to be a badge label`})}),y={render:()=>(0,p.jsx)(a,{type:`positive`,className:d.customBadge,children:`Custom Badge`})},b={parameters:{chromatic:{disableSnapshot:!0}},args:{type:`neutral`,size:`medium`,children:`Badge`,dataset:{qaid:`badge`}},argTypes:{dataset:{control:`object`},leadingSvgIcon:{options:[`None`,`With Icon`],mapping:{None:void 0,"With Icon":l},control:`select`},assistiveText:{table:{disable:!0}},accent:{table:{disable:!0}},inverted:{table:{disable:!0}}}},h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`() => <LayoutFlex gap="16">
        <Badge type="neutral">Neutral</Badge>
        <Badge type="positive">Positive</Badge>
        <Badge type="info">Info</Badge>
        <Badge type="warning">Warning</Badge>
        <Badge type="critical">Critical</Badge>
        <Badge type="ai">AI</Badge>
        <Badge type="neutral" leadingSvgIcon={<TokyoUITag />}>
            Neutral
        </Badge>
        <Badge type="positive" leadingSvgIcon={<TokyoUITag />}>
            Positive
        </Badge>
        <Badge type="info" leadingSvgIcon={<TokyoUITag />}>
            Info
        </Badge>
        <Badge type="warning" leadingSvgIcon={<TokyoUITag />}>
            Warning
        </Badge>
        <Badge type="critical" leadingSvgIcon={<TokyoUITag />}>
            Critical
        </Badge>
        <Badge type="ai" leadingSvgIcon={<TokyoUITag />}>
            AI
        </Badge>
    </LayoutFlex>`,...h.parameters?.docs?.source}}},g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`() => <LayoutFlex gap="16" alignItems="center">
        <Badge size="small" leadingSvgIcon={<TokyoUITag />}>
            Small
        </Badge>
        <Badge size="medium" leadingSvgIcon={<TokyoUITag />}>
            Medium
        </Badge>
        <Badge size="large" leadingSvgIcon={<TokyoUITag />}>
            Large
        </Badge>
    </LayoutFlex>`,...g.parameters?.docs?.source}}},_.parameters={..._.parameters,docs:{..._.parameters?.docs,source:{originalSource:`() => <LayoutFlex gap="16" direction="column">
        <Badge size="small" leadingSvgIcon={<TokyoUITag />}>
            Badge
        </Badge>
    </LayoutFlex>`,..._.parameters?.docs?.source}}},v.parameters={...v.parameters,docs:{...v.parameters?.docs,source:{originalSource:`() => <div style={{
  maxWidth: 150,
  margin: '0 auto'
}}>
        <Badge size="medium" leadingSvgIcon={<TokyoUITag />}>
            I&apos;m way too long to be a badge label
        </Badge>
    </div>`,...v.parameters?.docs?.source},description:{story:`Please avoid using long labels for badges.`,...v.parameters?.docs?.description}}},y.parameters={...y.parameters,docs:{...y.parameters?.docs,source:{originalSource:`{
  render: () => <Badge type="positive" className={styles.customBadge}>
            Custom Badge
        </Badge>
}`,...y.parameters?.docs?.source},description:{story:"Pass `className` to restyle `Badge` entirely without forking it.\n\nSpecificity rules determine which properties a plain class can override:\n\n- **Plain class** (0,1,0) — overrides base `.badge` styles such as `border-radius`.\n  Consumer stylesheet loads after the DS, so source order breaks the tie.\n- **Data-attribute selector** e.g. `.myClass[data-type='positive']` or\n  `.myClass[data-size='medium']` (0,2,0) — required for type- and size-specific\n  rules, which are also at (0,2,0). Match the same attribute to win by source order.\n- **`!important`** — escape hatch when you can't or don't want to add the data\n  attribute to your selector.\n\nHere `border-radius` is overridden with a plain class, while `background`,\n`min-height`, and `padding-inline` are overridden with data-attribute selectors.",...y.parameters?.docs?.description}}},b.parameters={...b.parameters,docs:{...b.parameters?.docs,source:{originalSource:`{
  parameters: {
    chromatic: {
      disableSnapshot: true
    }
  },
  args: {
    type: 'neutral',
    size: 'medium',
    children: 'Badge',
    dataset: {
      qaid: 'badge'
    }
  },
  argTypes: {
    dataset: {
      control: 'object'
    },
    leadingSvgIcon: {
      options: ['None', 'With Icon'],
      mapping: {
        None: undefined,
        'With Icon': TokyoUITag
      },
      control: 'select'
    },
    // Disable deprecated props
    assistiveText: {
      table: {
        disable: true
      }
    },
    accent: {
      table: {
        disable: true
      }
    },
    inverted: {
      table: {
        disable: true
      }
    }
  }
}`,...b.parameters?.docs?.source}}},x=[`Types`,`Sizes`,`AsFlexChild`,`LongLabel`,`CustomBadge`,`Playground`]}))();export{_ as AsFlexChild,y as CustomBadge,v as LongLabel,b as Playground,g as Sizes,h as Types,x as __namedExportsOrder,m as default};