npm - @sula-tech/webcomponents - Versions diffs - 0.10.0 → 0.11.1 - Mend

@sula-tech/webcomponents 0.10.0 → 0.11.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (84) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"sula-chip.stories.js","sourceRoot":"","sources":["../../../src/components/sula-chip/sula-chip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,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,KAAK,EAAE;YACL,OAAO,EAAE,QAAQ;YACjB,YAAY,EAAE,EAAE;YAChB,WAAW,EAAE,yBAAyB;YACtC,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;IAEhC,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;~~IAEtD~~,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,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,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,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,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","sourcesContent":["import { SulaChipAppearance } 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 items: {\n control: 'object',\n defaultValue: [],\n description: 'Items for dropdown list',\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\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\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 items: [],\n};\n\nexport const ChipWithDropdown = Template.bind({});\nChipWithDropdown.args = {\n text: 'Chip with Options',\n appearance: SulaChipAppearance.Default,\n disabled: 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 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 items: [\n { id: '1', title: 'Option 1' },\n { id: '2', title: 'Option 2' },\n ],\n};\n"]}
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 } 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 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\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\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"]}

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

@@ -94,12 +94,12 @@ export class SulaDropdown {
     }
     render() {
         var _a;
-        return (h(Host, { key: '985d46271506dc032fcb4864da1860bd1eac34ef', ref: node => (this.node = node) }, h("div", { key: 'b2cf914c0fce70d2161a5c68401d22a8aebe2a17', class: {
+        return (h(Host, { key: 'c0731dd4a3330060b4ecdcb0b2c3b466c99e661b', ref: node => (this.node = node) }, h("div", { key: 'bfa63d3d6b5ff252e58f2481e7ac6375a12c5231', 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,
-            }, onClick: this.handleClick, tabIndex: 0, onFocus: this.handleFocus, onBlur: this.handleBlur }, h("div", { key: 'efb31c6981aa9ceea95c504b8a014e516f00f172', class: "flex flex-col w-full" }, h("label", { key: '24b1c186a86e3d5d01823d2201afcb1369580223', class: {
+            }, onClick: this.handleClick, tabIndex: 0, onFocus: this.handleFocus, onBlur: this.handleBlur }, h("div", { key: '39fdd29d16d7fe521d177e5399f3ab513e4f2c55', class: "flex flex-col w-full" }, h("label", { key: '850a0be8c1e4e6b4b7fa89c390de5252bcd9b191', class: {
                 'text-base leading-4': !this.selectedItem && !(this.searchable && this.showItems),
                 'text-sm leading-4 font-bold': !!this.selectedItem || (this.searchable && this.showItems),
                 'text-text-primary': !this.disabled,
@@ -108,7 +108,7 @@ export class SulaDropdown {
                 'text-base leading-4 pt-4': true,
                 'text-text-primary': !this.disabled,
                 'text-text-disabled': this.disabled,
-            } }, this.selectedItem.title)))), h("div", { key: '351a448ce64a3ee9b5684f9a0b9aca90f2de28e3', class: "flex items-center justify-center ml-8 leading-6 text-2xl" }, h("sula-icon", { key: 'bb2b81dcf059c02421e002897ea095cf3a91ad27', icon: `ph ph-caret-${this.showItems ? 'up' : 'down'}`, customClass: `${this.getIconClass()} text-2xl` })), this.showItems && (h("div", { key: '11aa2b2b3cd5fe6311ad8ac10cd488f0c302f5eb', class: "absolute z-50 top-[72px] left-0 w-full" }, (() => {
+            } }, this.selectedItem.title)))), h("div", { key: '490e4f5be9292edb122f47710b1eb13ce9e1ee13', class: "flex items-center justify-center ml-8 leading-6 text-2xl" }, h("sula-icon", { key: '435f60270144e4b3df3ff7b782585413e4320e68', icon: `ph ph-caret-${this.showItems ? 'up' : 'down'}`, customClass: `${this.getIconClass()} text-2xl` })), this.showItems && (h("div", { key: 'e1fdb4dba1881fd9798bfd4690402e36ddddfe6e', class: "absolute z-50 top-[72px] left-0 w-full" }, (() => {
             const itemsToShow = this.searchable && this.searchTerm.trim() ? this.filteredItems : this.items;
             const showNoResults = this.searchable && this.searchTerm.trim() && itemsToShow.length === 0;
             if (showNoResults) {