@sula-tech/webcomponents 0.22.0 → 0.23.0

package/dist/collection/components/sula-chip/sula-chip.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"sula-chip.stories.js","sourceRoot":"","sources":["../../../src/components/sula-chip/sula-chip.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { SulaChipAppearance, SulaChipItemsPlacement } from './model/sula-chip.model';\n\nexport default {\n  title: 'Components/sula-chip',\n  tags: ['autodocs'],\n  argTypes: {\n    text: {\n      control: 'text',\n      defaultValue: 'Chip Text',\n      description: 'Chip text',\n      type: {\n        required: false,\n      },\n    },\n    appearance: {\n      control: { type: 'select' },\n      options: Object.values(SulaChipAppearance),\n      defaultValue: SulaChipAppearance.Default,\n      description: 'Chip appearance',\n      type: {\n        required: false,\n      },\n    },\n    disabled: {\n      control: 'boolean',\n      defaultValue: false,\n      description: 'Is chip disabled',\n      type: {\n        required: false,\n      },\n    },\n    selected: {\n      control: 'boolean',\n      defaultValue: false,\n      description: 'Is chip selected',\n      type: {\n        required: false,\n      },\n    },\n    items: {\n      control: 'object',\n      defaultValue: [],\n      description: 'Items for dropdown list',\n      type: {\n        required: false,\n      },\n    },\n    itemsPlacement: {\n      control: { type: 'select' },\n      options: Object.values(SulaChipItemsPlacement),\n      defaultValue: SulaChipItemsPlacement.Bottom,\n      description: 'Define se a lista de itens abre abaixo (bottom) ou acima (top) do chip',\n      type: {\n        required: false,\n      },\n    },\n    itemClicked: {\n      action: 'itemClicked',\n      description: 'Evento emitido quando o chip é clicado',\n    },\n    itemSelected: {\n      action: 'itemSelected',\n      description: 'Evento emitido quando um item é selecionado',\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        component: 'O componente Chip Sula Design System é utilizado como filtro, substituí botões pequenos e deve ser usado dentro de componentes de lista. ',\n      },\n    },\n  },\n};\n\nconst Template = args => {\n  const container = document.createElement('div');\n  container.style.margin = '20px';\n  if (args.itemsPlacement === SulaChipItemsPlacement.Top) container.style.marginTop = '160px';\n\n  const el = document.createElement('sula-chip');\n\n  if (args.text) el.setAttribute('text', args.text);\n  el.setAttribute('appearance', args.appearance);\n  el.setAttribute('disabled', args.disabled.toString());\n  if (args.selected) el.setAttribute('selected', args.selected.toString());\n  if (args.itemsPlacement) el.setAttribute('items-placement', args.itemsPlacement);\n\n  if (args.items && args.items.length > 0) {\n    el.items = args.items;\n  }\n\n  el.addEventListener('itemClicked', args.itemClicked);\n  el.addEventListener('itemSelected', args.itemSelected);\n\n  container.appendChild(el);\n\n  return container;\n};\n\nexport const Default = Template.bind({});\nDefault.args = {\n  text: 'Default Chip',\n  appearance: SulaChipAppearance.Default,\n  disabled: false,\n  items: [],\n};\n\nexport const NegativeAppearance = Template.bind({});\nNegativeAppearance.args = {\n  text: 'Negative Chip',\n  appearance: SulaChipAppearance.Negative,\n  disabled: false,\n  items: [],\n};\n\nexport const DisabledChip = Template.bind({});\nDisabledChip.args = {\n  text: 'Disabled Chip',\n  appearance: SulaChipAppearance.Default,\n  disabled: true,\n  selected: false,\n  items: [],\n};\n\nexport const SelectedChip = Template.bind({});\nSelectedChip.args = {\n  text: 'Selected Chip',\n  appearance: SulaChipAppearance.Default,\n  disabled: false,\n  selected: true,\n  items: [],\n};\n\nexport const ChipWithDropdown = Template.bind({});\nChipWithDropdown.args = {\n  text: 'Chip with Options',\n  appearance: SulaChipAppearance.Default,\n  disabled: false,\n  selected: false,\n  items: [\n    { id: '1', title: 'Option 1' },\n    { id: '2', title: 'Option 2' },\n    { id: '3', title: 'Option 3' },\n  ],\n};\n\nexport const NegativeChipWithDropdown = Template.bind({});\nNegativeChipWithDropdown.args = {\n  text: 'Negative with Options',\n  appearance: SulaChipAppearance.Negative,\n  disabled: false,\n  selected: false,\n  items: [\n    { id: '1', title: 'Remove Item 1' },\n    { id: '2', title: 'Remove Item 2' },\n    { id: '3', title: 'Remove Item 3' },\n  ],\n};\n\nexport const DisabledChipWithItems = Template.bind({});\nDisabledChipWithItems.args = {\n  text: 'Disabled with Items',\n  appearance: SulaChipAppearance.Default,\n  disabled: true,\n  selected: false,\n  items: [\n    { id: '1', title: 'Option 1' },\n    { id: '2', title: 'Option 2' },\n  ],\n};\n"]}
+{"version":3,"file":"sula-chip.stories.js","sourceRoot":"","sources":["../../../src/components/sula-chip/sula-chip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AAErF,eAAe;IACb,KAAK,EAAE,sBAAsB;IAC7B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,OAAO,EAAE,MAAM;YACf,YAAY,EAAE,WAAW;YACzB,WAAW,EAAE,WAAW;YACxB,IAAI,EAAE;gBACJ,QAAQ,EAAE,KAAK;aAChB;SACF;QACD,UAAU,EAAE;YACV,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,kBAAkB,CAAC;YAC1C,YAAY,EAAE,kBAAkB,CAAC,OAAO;YACxC,WAAW,EAAE,iBAAiB;YAC9B,IAAI,EAAE;gBACJ,QAAQ,EAAE,KAAK;aAChB;SACF;QACD,QAAQ,EAAE;YACR,OAAO,EAAE,SAAS;YAClB,YAAY,EAAE,KAAK;YACnB,WAAW,EAAE,kBAAkB;YAC/B,IAAI,EAAE;gBACJ,QAAQ,EAAE,KAAK;aAChB;SACF;QACD,QAAQ,EAAE;YACR,OAAO,EAAE,SAAS;YAClB,YAAY,EAAE,KAAK;YACnB,WAAW,EAAE,kBAAkB;YAC/B,IAAI,EAAE;gBACJ,QAAQ,EAAE,KAAK;aAChB;SACF;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,sEAAsE;YACnF,IAAI,EAAE;gBACJ,QAAQ,EAAE,KAAK;aAChB;SACF;QACD,KAAK,EAAE;YACL,OAAO,EAAE,QAAQ;YACjB,YAAY,EAAE,EAAE;YAChB,WAAW,EAAE,yBAAyB;YACtC,IAAI,EAAE;gBACJ,QAAQ,EAAE,KAAK;aAChB;SACF;QACD,cAAc,EAAE;YACd,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,sBAAsB,CAAC;YAC9C,YAAY,EAAE,sBAAsB,CAAC,MAAM;YAC3C,WAAW,EAAE,wEAAwE;YACrF,IAAI,EAAE;gBACJ,QAAQ,EAAE,KAAK;aAChB;SACF;QACD,WAAW,EAAE;YACX,MAAM,EAAE,aAAa;YACrB,WAAW,EAAE,wCAAwC;SACtD;QACD,YAAY,EAAE;YACZ,MAAM,EAAE,cAAc;YACtB,WAAW,EAAE,6CAA6C;SAC3D;KACF;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EAAE,2IAA2I;aACvJ;SACF;KACF;CACF,CAAC;AAEF,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE;IACtB,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAChD,SAAS,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;IAChC,IAAI,IAAI,CAAC,cAAc,KAAK,sBAAsB,CAAC,GAAG;QAAE,SAAS,CAAC,KAAK,CAAC,SAAS,GAAG,OAAO,CAAC;IAE5F,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;IAE/C,IAAI,IAAI,CAAC,IAAI;QAAE,EAAE,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;IAClD,EAAE,CAAC,YAAY,CAAC,YAAY,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;IAC/C,EAAE,CAAC,YAAY,CAAC,UAAU,EAAE,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC;IACtD,IAAI,IAAI,CAAC,QAAQ;QAAE,EAAE,CAAC,YAAY,CAAC,UAAU,EAAE,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC;IACzE,IAAI,IAAI,CAAC,IAAI;QAAE,EAAE,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;IAClD,IAAI,IAAI,CAAC,cAAc;QAAE,EAAE,CAAC,YAAY,CAAC,iBAAiB,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;IAEjF,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACxC,EAAE,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;IACxB,CAAC;IAED,EAAE,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;IACrD,EAAE,CAAC,gBAAgB,CAAC,cAAc,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;IAEvD,SAAS,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;IAE1B,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,OAAO,CAAC,IAAI,GAAG;IACb,IAAI,EAAE,cAAc;IACpB,UAAU,EAAE,kBAAkB,CAAC,OAAO;IACtC,QAAQ,EAAE,KAAK;IACf,KAAK,EAAE,EAAE;CACV,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACpD,kBAAkB,CAAC,IAAI,GAAG;IACxB,IAAI,EAAE,eAAe;IACrB,UAAU,EAAE,kBAAkB,CAAC,QAAQ;IACvC,QAAQ,EAAE,KAAK;IACf,KAAK,EAAE,EAAE;CACV,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC9C,YAAY,CAAC,IAAI,GAAG;IAClB,IAAI,EAAE,eAAe;IACrB,UAAU,EAAE,kBAAkB,CAAC,OAAO;IACtC,QAAQ,EAAE,IAAI;IACd,QAAQ,EAAE,KAAK;IACf,KAAK,EAAE,EAAE;CACV,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC9C,YAAY,CAAC,IAAI,GAAG;IAClB,IAAI,EAAE,eAAe;IACrB,UAAU,EAAE,kBAAkB,CAAC,OAAO;IACtC,QAAQ,EAAE,KAAK;IACf,QAAQ,EAAE,IAAI;IACd,KAAK,EAAE,EAAE;CACV,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAClD,gBAAgB,CAAC,IAAI,GAAG;IACtB,IAAI,EAAE,mBAAmB;IACzB,UAAU,EAAE,kBAAkB,CAAC,OAAO;IACtC,QAAQ,EAAE,KAAK;IACf,QAAQ,EAAE,KAAK;IACf,KAAK,EAAE;QACL,EAAE,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,UAAU,EAAE;QAC9B,EAAE,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,UAAU,EAAE;QAC9B,EAAE,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,UAAU,EAAE;KAC/B;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC1D,wBAAwB,CAAC,IAAI,GAAG;IAC9B,IAAI,EAAE,uBAAuB;IAC7B,UAAU,EAAE,kBAAkB,CAAC,QAAQ;IACvC,QAAQ,EAAE,KAAK;IACf,QAAQ,EAAE,KAAK;IACf,KAAK,EAAE;QACL,EAAE,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,eAAe,EAAE;QACnC,EAAE,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,eAAe,EAAE;QACnC,EAAE,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,eAAe,EAAE;KACpC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvD,qBAAqB,CAAC,IAAI,GAAG;IAC3B,IAAI,EAAE,qBAAqB;IAC3B,UAAU,EAAE,kBAAkB,CAAC,OAAO;IACtC,QAAQ,EAAE,IAAI;IACd,QAAQ,EAAE,KAAK;IACf,KAAK,EAAE;QACL,EAAE,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,UAAU,EAAE;QAC9B,EAAE,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,UAAU,EAAE;KAC/B;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,GAAG;IACd,IAAI,EAAE,UAAU;IAChB,IAAI,EAAE,uBAAuB;IAC7B,UAAU,EAAE,kBAAkB,CAAC,OAAO;IACtC,QAAQ,EAAE,KAAK;IACf,KAAK,EAAE,EAAE;CACV,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACrD,mBAAmB,CAAC,IAAI,GAAG;IACzB,IAAI,EAAE,UAAU;IAChB,IAAI,EAAE,uBAAuB;IAC7B,UAAU,EAAE,kBAAkB,CAAC,OAAO;IACtC,QAAQ,EAAE,KAAK;IACf,KAAK,EAAE;QACL,EAAE,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,oBAAoB,EAAE;QACxC,EAAE,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,aAAa,EAAE;QACjC,EAAE,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,eAAe,EAAE;QACnC,EAAE,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,aAAa,EAAE;KAClC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAClD,gBAAgB,CAAC,IAAI,GAAG;IACtB,IAAI,EAAE,UAAU;IAChB,IAAI,EAAE,uBAAuB;IAC7B,UAAU,EAAE,kBAAkB,CAAC,OAAO;IACtC,QAAQ,EAAE,KAAK;IACf,QAAQ,EAAE,IAAI;IACd,KAAK,EAAE,EAAE;CACV,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAClD,gBAAgB,CAAC,IAAI,GAAG;IACtB,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,aAAa;IACnB,UAAU,EAAE,kBAAkB,CAAC,QAAQ;IACvC,QAAQ,EAAE,KAAK;IACf,KAAK,EAAE,EAAE;CACV,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAClD,gBAAgB,CAAC,IAAI,GAAG;IACtB,IAAI,EAAE,UAAU;IAChB,IAAI,EAAE,uBAAuB;IAC7B,UAAU,EAAE,kBAAkB,CAAC,OAAO;IACtC,QAAQ,EAAE,IAAI;IACd,KAAK,EAAE,EAAE;CACV,CAAC","sourcesContent":["import { SulaChipAppearance, SulaChipItemsPlacement } from './model/sula-chip.model';\n\nexport default {\n  title: 'Components/sula-chip',\n  tags: ['autodocs'],\n  argTypes: {\n    text: {\n      control: 'text',\n      defaultValue: 'Chip Text',\n      description: 'Chip text',\n      type: {\n        required: false,\n      },\n    },\n    appearance: {\n      control: { type: 'select' },\n      options: Object.values(SulaChipAppearance),\n      defaultValue: SulaChipAppearance.Default,\n      description: 'Chip appearance',\n      type: {\n        required: false,\n      },\n    },\n    disabled: {\n      control: 'boolean',\n      defaultValue: false,\n      description: 'Is chip disabled',\n      type: {\n        required: false,\n      },\n    },\n    selected: {\n      control: 'boolean',\n      defaultValue: false,\n      description: 'Is chip selected',\n      type: {\n        required: false,\n      },\n    },\n    icon: {\n      control: 'text',\n      description: 'Classe do ícone exibido antes do texto, ex.: `ph ph-download-simple`',\n      type: {\n        required: false,\n      },\n    },\n    items: {\n      control: 'object',\n      defaultValue: [],\n      description: 'Items for dropdown list',\n      type: {\n        required: false,\n      },\n    },\n    itemsPlacement: {\n      control: { type: 'select' },\n      options: Object.values(SulaChipItemsPlacement),\n      defaultValue: SulaChipItemsPlacement.Bottom,\n      description: 'Define se a lista de itens abre abaixo (bottom) ou acima (top) do chip',\n      type: {\n        required: false,\n      },\n    },\n    itemClicked: {\n      action: 'itemClicked',\n      description: 'Evento emitido quando o chip é clicado',\n    },\n    itemSelected: {\n      action: 'itemSelected',\n      description: 'Evento emitido quando um item é selecionado',\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        component: 'O componente Chip Sula Design System é utilizado como filtro, substituí botões pequenos e deve ser usado dentro de componentes de lista. ',\n      },\n    },\n  },\n};\n\nconst Template = args => {\n  const container = document.createElement('div');\n  container.style.margin = '20px';\n  if (args.itemsPlacement === SulaChipItemsPlacement.Top) container.style.marginTop = '160px';\n\n  const el = document.createElement('sula-chip');\n\n  if (args.text) el.setAttribute('text', args.text);\n  el.setAttribute('appearance', args.appearance);\n  el.setAttribute('disabled', args.disabled.toString());\n  if (args.selected) el.setAttribute('selected', args.selected.toString());\n  if (args.icon) el.setAttribute('icon', args.icon);\n  if (args.itemsPlacement) el.setAttribute('items-placement', args.itemsPlacement);\n\n  if (args.items && args.items.length > 0) {\n    el.items = args.items;\n  }\n\n  el.addEventListener('itemClicked', args.itemClicked);\n  el.addEventListener('itemSelected', args.itemSelected);\n\n  container.appendChild(el);\n\n  return container;\n};\n\nexport const Default = Template.bind({});\nDefault.args = {\n  text: 'Default Chip',\n  appearance: SulaChipAppearance.Default,\n  disabled: false,\n  items: [],\n};\n\nexport const NegativeAppearance = Template.bind({});\nNegativeAppearance.args = {\n  text: 'Negative Chip',\n  appearance: SulaChipAppearance.Negative,\n  disabled: false,\n  items: [],\n};\n\nexport const DisabledChip = Template.bind({});\nDisabledChip.args = {\n  text: 'Disabled Chip',\n  appearance: SulaChipAppearance.Default,\n  disabled: true,\n  selected: false,\n  items: [],\n};\n\nexport const SelectedChip = Template.bind({});\nSelectedChip.args = {\n  text: 'Selected Chip',\n  appearance: SulaChipAppearance.Default,\n  disabled: false,\n  selected: true,\n  items: [],\n};\n\nexport const ChipWithDropdown = Template.bind({});\nChipWithDropdown.args = {\n  text: 'Chip with Options',\n  appearance: SulaChipAppearance.Default,\n  disabled: false,\n  selected: false,\n  items: [\n    { id: '1', title: 'Option 1' },\n    { id: '2', title: 'Option 2' },\n    { id: '3', title: 'Option 3' },\n  ],\n};\n\nexport const NegativeChipWithDropdown = Template.bind({});\nNegativeChipWithDropdown.args = {\n  text: 'Negative with Options',\n  appearance: SulaChipAppearance.Negative,\n  disabled: false,\n  selected: false,\n  items: [\n    { id: '1', title: 'Remove Item 1' },\n    { id: '2', title: 'Remove Item 2' },\n    { id: '3', title: 'Remove Item 3' },\n  ],\n};\n\nexport const DisabledChipWithItems = Template.bind({});\nDisabledChipWithItems.args = {\n  text: 'Disabled with Items',\n  appearance: SulaChipAppearance.Default,\n  disabled: true,\n  selected: false,\n  items: [\n    { id: '1', title: 'Option 1' },\n    { id: '2', title: 'Option 2' },\n  ],\n};\n\nexport const WithIcon = Template.bind({});\nWithIcon.args = {\n  text: 'Exportar',\n  icon: 'ph ph-download-simple',\n  appearance: SulaChipAppearance.Default,\n  disabled: false,\n  items: [],\n};\n\nexport const WithIconAndDropdown = Template.bind({});\nWithIconAndDropdown.args = {\n  text: 'Exportar',\n  icon: 'ph ph-download-simple',\n  appearance: SulaChipAppearance.Default,\n  disabled: false,\n  items: [\n    { id: '1', title: 'PDF para impressão' },\n    { id: '2', title: 'Arquivo CSV' },\n    { id: '3', title: 'Arquivo Excel' },\n    { id: '4', title: 'Arquivo TXT' },\n  ],\n};\n\nexport const SelectedWithIcon = Template.bind({});\nSelectedWithIcon.args = {\n  text: 'Exportar',\n  icon: 'ph ph-download-simple',\n  appearance: SulaChipAppearance.Default,\n  disabled: false,\n  selected: true,\n  items: [],\n};\n\nexport const NegativeWithIcon = Template.bind({});\nNegativeWithIcon.args = {\n  text: 'Remover',\n  icon: 'ph ph-trash',\n  appearance: SulaChipAppearance.Negative,\n  disabled: false,\n  items: [],\n};\n\nexport const DisabledWithIcon = Template.bind({});\nDisabledWithIcon.args = {\n  text: 'Exportar',\n  icon: 'ph ph-download-simple',\n  appearance: SulaChipAppearance.Default,\n  disabled: true,\n  items: [],\n};\n"]}

package/dist/collection/components/sula-dropdown/sula-dropdown.js

@@ -135,13 +135,13 @@ export class SulaDropdown {
     }
     render() {
         var _a;
-        return (h(Host, { key: 'e849abd7e311239168abc12a37a99c6179ce28ca', ref: node => (this.node = node) }, h("div", { key: 'f11b936209f179ab6c47afca2e2baf436a399b64', class: {
+        return (h(Host, { key: 'aaba996495a35ac72c3b17442c12fbe7b9d0311f', ref: node => (this.node = node) }, h("div", { key: '264c681fdc548574f2fb79b72e18280b4a4da0df', class: {
                 'flex justify-between items-center border border-line-input h-[72px] px-16 rounded-xl relative': true,
                 'bg-surface-body cursor-pointer': !this.disabled,
                 'bg-states-bg-disabled': this.disabled,
                 'dropdown-focus': this.isFocused && !this.hasError,
                 'dropdown-error': this.hasError && !this.disabled,
-            }, onClick: this.handleClick, tabIndex: 0, onFocus: this.handleFocus, onBlur: this.handleBlur }, h("div", { key: 'fcb3b8fe054cd8705a45ec42c6e86fda9e5ca5d9', class: "flex flex-col w-full" }, h("label", { key: 'cd4ed2b14fc138b20fc532d4bb75fc980371468f', class: {
+            }, onClick: this.handleClick, tabIndex: 0, onFocus: this.handleFocus, onBlur: this.handleBlur }, h("div", { key: '47c7d9bfb445f92ba9bbe36e86712fed8469c982', class: "flex flex-col w-full" }, h("label", { key: 'bfca241063d7d70f911291e9b77e29e3288e5d54', class: {
                 'text-base leading-4': !this.selectedItem && !(this.searchable && this.showContent),
                 'text-sm leading-4 font-bold': !!this.selectedItem || (this.searchable && this.showContent),
                 'text-text-primary': !this.disabled,
@@ -150,7 +150,7 @@ export class SulaDropdown {
                 'flex items-center gap-8 text-base leading-4 pt-4': true,
                 'text-text-primary': !this.disabled,
                 'text-text-disabled': this.disabled,
-            } }, this.selectedItem.icon && h("sula-icon", { icon: this.selectedItem.icon, customClass: "text-lg" }), this.selectedItem.title)))), h("div", { key: '4e75978e9456b72b00f380bd841185bd92f814c7', class: "flex items-center justify-center ml-8 leading-6 text-2xl" }, h("sula-icon", { key: '09cc5f0fa83abf1cc5bf735f0d319815d7c52b33', icon: `ph ph-caret-${this.showContent ? 'up' : 'down'}`, customClass: `${this.getIconClass()} text-2xl` })), this.showContent && (h("div", { key: '1b460ad5a9c81c264a3750880efd0a281cb61b4b', class: {
+            } }, this.selectedItem.icon && h("sula-icon", { icon: this.selectedItem.icon, customClass: "text-lg" }), this.selectedItem.title)))), h("div", { key: '52280122f1dd9c71a5e1077da4bd985c5f04d662', class: "flex items-center justify-center ml-8 leading-6 text-2xl" }, h("sula-icon", { key: '91444ab6b3016d464c00c9e72ec9462e3ca48155', icon: `ph ph-caret-${this.showContent ? 'up' : 'down'}`, customClass: `${this.getIconClass()} text-2xl` })), this.showContent && (h("div", { key: '9883f291e725293066e165c59c2f4925bf99ccbc', class: {
                 'absolute z-50 left-0 w-full transition-all duration-200 ease-in-out': true,
                 'bottom-[72px]': this.openUpward,
                 'top-[72px]': !this.openUpward,