@sula-tech/webcomponents 0.5.0 → 0.7.0

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 (93) hide show
  1. package/dist/cjs/loader.cjs.js +1 -1
  2. package/dist/cjs/{sula-avatar_16.cjs.entry.js → sula-avatar_18.cjs.entry.js} +224 -50
  3. package/dist/cjs/sula-avatar_18.cjs.entry.js.map +1 -0
  4. package/dist/cjs/webcomponents.cjs.js +1 -1
  5. package/dist/collection/collection-manifest.json +2 -0
  6. package/dist/collection/components/sula-button/sula-button.css +1 -1
  7. package/dist/collection/components/sula-button/sula-button.js +90 -6
  8. package/dist/collection/components/sula-button/sula-button.js.map +1 -1
  9. package/dist/collection/components/sula-button/sula-button.stories.js +283 -96
  10. package/dist/collection/components/sula-button/sula-button.stories.js.map +1 -1
  11. package/dist/collection/components/sula-checkbox/sula-checkbox.js +3 -3
  12. package/dist/collection/components/sula-chip/sula-chip.js +3 -3
  13. package/dist/collection/components/sula-dropdown/sula-dropdown.js +4 -4
  14. package/dist/collection/components/sula-icon/sula-icon.css +1 -1
  15. package/dist/collection/components/sula-icon/sula-icon.js +1 -1
  16. package/dist/collection/components/sula-loader/sula-loader.css +1 -1
  17. package/dist/collection/components/sula-loader/sula-loader.js +1 -1
  18. package/dist/collection/components/sula-menu-select-list/sula-menu-select-list.js +1 -1
  19. package/dist/collection/components/sula-progress-bar/model/sula-progress-bar.model.js +15 -0
  20. package/dist/collection/components/sula-progress-bar/model/sula-progress-bar.model.js.map +1 -0
  21. package/dist/collection/components/sula-progress-bar/sula-progress-bar.css +1 -0
  22. package/dist/collection/components/sula-progress-bar/sula-progress-bar.js +213 -0
  23. package/dist/collection/components/sula-progress-bar/sula-progress-bar.js.map +1 -0
  24. package/dist/collection/components/sula-progress-bar/sula-progress.stories.js +172 -0
  25. package/dist/collection/components/sula-progress-bar/sula-progress.stories.js.map +1 -0
  26. package/dist/collection/components/sula-radio-button/sula-radio-button.js +2 -2
  27. package/dist/collection/components/sula-search-bar/model/sula-search.bar-model.js +6 -0
  28. package/dist/collection/components/sula-search-bar/model/sula-search.bar-model.js.map +1 -0
  29. package/dist/collection/components/sula-search-bar/sula-search-bar.css +1 -0
  30. package/dist/collection/components/sula-search-bar/sula-search-bar.js +240 -0
  31. package/dist/collection/components/sula-search-bar/sula-search-bar.js.map +1 -0
  32. package/dist/collection/components/sula-search-bar/sula-search-bar.stories.js +119 -0
  33. package/dist/collection/components/sula-search-bar/sula-search-bar.stories.js.map +1 -0
  34. package/dist/collection/components/sula-switch/sula-switch.js +4 -4
  35. package/dist/collection/components/sula-tag/sula-tag.js +3 -3
  36. package/dist/collection/components/sula-textarea/sula-textarea.js +6 -6
  37. package/dist/collection/components/sula-textfield/sula-textfield.js +2 -2
  38. package/dist/collection/components/sula-tiles/sula-tiles.js +1 -1
  39. package/dist/collection/components/sula-timeline-list/sula-timeline-list.js +1 -1
  40. package/dist/components/{p-CYhL1fU6.js → p-5IbiLIg7.js} +4 -4
  41. package/dist/components/{p-CYhL1fU6.js.map → p-5IbiLIg7.js.map} +1 -1
  42. package/dist/components/{p-CjYWDIHR.js → p-BNtk_d_S.js} +3 -3
  43. package/dist/components/{p-CjYWDIHR.js.map → p-BNtk_d_S.js.map} +1 -1
  44. package/dist/components/p-D4nvaSNA.js +27129 -0
  45. package/dist/components/p-D4nvaSNA.js.map +1 -0
  46. package/dist/components/sula-avatar.js +1 -1
  47. package/dist/components/sula-badge.js +1 -1
  48. package/dist/components/sula-button.js +44 -10
  49. package/dist/components/sula-button.js.map +1 -1
  50. package/dist/components/sula-checkbox.js +4 -4
  51. package/dist/components/sula-chip.js +5 -5
  52. package/dist/components/sula-dropdown.js +6 -6
  53. package/dist/components/sula-icon.js +1 -1
  54. package/dist/components/sula-loader.js +1 -27124
  55. package/dist/components/sula-loader.js.map +1 -1
  56. package/dist/components/sula-menu-select-list.js +1 -1
  57. package/dist/components/sula-progress-bar.d.ts +11 -0
  58. package/dist/components/sula-progress-bar.js +122 -0
  59. package/dist/components/sula-progress-bar.js.map +1 -0
  60. package/dist/components/sula-radio-button.js +2 -2
  61. package/dist/components/sula-search-bar.d.ts +11 -0
  62. package/dist/components/sula-search-bar.js +104 -0
  63. package/dist/components/sula-search-bar.js.map +1 -0
  64. package/dist/components/sula-switch.js +4 -4
  65. package/dist/components/sula-tag.js +4 -4
  66. package/dist/components/sula-textarea.js +6 -6
  67. package/dist/components/sula-textfield.js +3 -3
  68. package/dist/components/sula-tiles.js +2 -2
  69. package/dist/components/sula-timeline-list.js +2 -2
  70. package/dist/esm/loader.js +1 -1
  71. package/dist/esm/{sula-avatar_16.entry.js → sula-avatar_18.entry.js} +223 -51
  72. package/dist/esm/sula-avatar_18.entry.js.map +1 -0
  73. package/dist/esm/webcomponents.js +1 -1
  74. package/dist/types/components/sula-button/sula-button.d.ts +15 -1
  75. package/dist/types/components/sula-button/sula-button.stories.d.ts +137 -33
  76. package/dist/types/components/sula-progress-bar/model/sula-progress-bar.model.d.ts +12 -0
  77. package/dist/types/components/sula-progress-bar/sula-progress-bar.d.ts +33 -0
  78. package/dist/types/components/sula-progress-bar/sula-progress.stories.d.ts +84 -0
  79. package/dist/types/components/sula-search-bar/model/sula-search.bar-model.d.ts +4 -0
  80. package/dist/types/components/sula-search-bar/sula-search-bar.d.ts +50 -0
  81. package/dist/types/components/sula-search-bar/sula-search-bar.stories.d.ts +84 -0
  82. package/dist/types/components.d.ts +186 -0
  83. package/dist/webcomponents/{p-51f9d6a5.entry.js → p-da741505.entry.js} +2792 -2538
  84. package/dist/webcomponents/p-da741505.entry.js.map +1 -0
  85. package/dist/webcomponents/webcomponents.esm.js +34 -14
  86. package/package.json +1 -1
  87. package/readme.md +79 -19
  88. package/dist/cjs/sula-avatar.sula-badge.sula-button.sula-checkbox.sula-chip.sula-dropdown.sula-icon.sula-loader.sula-menu-select-list.sula-radio-button.sula-switch.sula-tag.sula-textarea.sula-textfield.sula-tiles.sula-timeline-list.entry.cjs.js.map +0 -1
  89. package/dist/cjs/sula-avatar_16.cjs.entry.js.map +0 -1
  90. package/dist/esm/sula-avatar.sula-badge.sula-button.sula-checkbox.sula-chip.sula-dropdown.sula-icon.sula-loader.sula-menu-select-list.sula-radio-button.sula-switch.sula-tag.sula-textarea.sula-textfield.sula-tiles.sula-timeline-list.entry.js.map +0 -1
  91. package/dist/esm/sula-avatar_16.entry.js.map +0 -1
  92. package/dist/webcomponents/p-51f9d6a5.entry.js.map +0 -1
  93. package/dist/webcomponents/sula-avatar.sula-badge.sula-button.sula-checkbox.sula-chip.sula-dropdown.sula-icon.sula-loader.sula-menu-select-list.sula-radio-button.sula-switch.sula-tag.sula-textarea.sula-textfield.sula-tiles.sula-timeline-list.entry.esm.js.map +0 -1
@@ -21,7 +21,7 @@ const SulaMenuSelectList = /*@__PURE__*/ proxyCustomElement(class SulaMenuSelect
21
21
  };
22
22
  }
23
23
  render() {
24
- return (h(Host, { key: 'abc1c0c730197c6f7789312c578ed72e6c9064b9' }, h("ul", { key: '3bb329a0ed145bb78c787687af8471276b4fba80', class: {
24
+ return (h(Host, { key: '4c44904613a37cc42ae3adea8e3f0c9cf5a959da' }, h("ul", { key: '5a81ff5337f1dfa8e11b159b09f543d0845e05f3', class: {
25
25
  'bg-surface-body border border-line-general sula-menu-select-list rounded-sm py-12 max-h-[260px] overflow-auto': true,
26
26
  'w-300': !this.fullWidth,
27
27
  'w-full': this.fullWidth,
@@ -48,6 +48,6 @@ function defineCustomElement() {
48
48
  defineCustomElement();
49
49
 
50
50
  export { SulaMenuSelectList as S, defineCustomElement as d };
51
- //# sourceMappingURL=p-CjYWDIHR.js.map
51
+ //# sourceMappingURL=p-BNtk_d_S.js.map
52
52
 
53
- //# sourceMappingURL=p-CjYWDIHR.js.map
53
+ //# sourceMappingURL=p-BNtk_d_S.js.map
@@ -1 +1 @@
1
- {"file":"p-CjYWDIHR.js","mappings":";;AAAA,MAAM,qBAAqB,GAAG,4uVAA4uV;;MCQ7vV,kBAAkB,iBAAAA,kBAAA,CAAA,MAAA,kBAAA,SAAAC,CAAA,CAAA;AAL/B,IAAA,WAAA,GAAA;;;;;AAME;;AAEG;AAEH,QAAA,IAAK,CAAA,KAAA,GAAuB,EAAE;AAE9B;;AAEG;AAEH,QAAA,IAAS,CAAA,SAAA,GAAG,KAAK;AAQjB,QAAA,IAAA,CAAA,WAAW,GAAG,CAAC,IAAsB,KAAI;AACvC,YAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;AAC9B,SAAC;AAqBF;IAnBC,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE;AACL,gBAAA,+GAA+G,EAAE,IAAI;AACrH,gBAAA,OAAO,EAAE,CAAC,IAAI,CAAC,SAAS;gBACxB,QAAQ,EAAE,IAAI,CAAC,SAAS;aACzB,EAAA,EAEA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,KAClB,CAAA,CAAA,IAAA,EAAA,EAAI,KAAK,EAAC,wGAAwG,EAAC,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IACnK,IAAI,CAAC,KAAK,CACR,CACN,CAAC,CACC,CACA;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/sula-menu-select-list/sula-menu-select-list.scss?tag=sula-menu-select-list&encapsulation=shadow","src/components/sula-menu-select-list/sula-menu-select-list.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.sula-menu-select-list {\n box-shadow: 0px 8px 16px 0px #0000000a;\n}\n","import { Component, Event, EventEmitter, Host, Prop, h } from '@stencil/core';\nimport { SulaMenuListItem } from './model/sula-menu-select-list.model';\n\n@Component({\n tag: 'sula-menu-select-list',\n styleUrl: 'sula-menu-select-list.scss',\n shadow: true,\n})\nexport class SulaMenuSelectList {\n /**\n * Items for list\n */\n @Prop({ mutable: true })\n items: SulaMenuListItem[] = [];\n\n /**\n * Menu is full width\n */\n @Prop()\n fullWidth = false;\n\n /**\n * Event emitted when item is selected\n */\n @Event()\n itemSelected: EventEmitter<SulaMenuListItem>;\n\n handleClick = (item: SulaMenuListItem) => {\n this.itemSelected.emit(item);\n };\n\n render() {\n return (\n <Host>\n <ul\n class={{\n 'bg-surface-body border border-line-general sula-menu-select-list rounded-sm py-12 max-h-[260px] overflow-auto': true,\n 'w-300': !this.fullWidth,\n 'w-full': this.fullWidth,\n }}\n >\n {this.items.map(item => (\n <li class=\"w-full px-24 py-16 text-base leading-4 text-text-primary hover:bg-states-empty-bg-hover cursor-pointer\" key={item.id} onClick={() => this.handleClick(item)}>\n {item.title}\n </li>\n ))}\n </ul>\n </Host>\n );\n }\n}\n"],"version":3}
1
+ {"file":"p-BNtk_d_S.js","mappings":";;AAAA,MAAM,qBAAqB,GAAG,4uVAA4uV;;MCQ7vV,kBAAkB,iBAAAA,kBAAA,CAAA,MAAA,kBAAA,SAAAC,CAAA,CAAA;AAL/B,IAAA,WAAA,GAAA;;;;;AAME;;AAEG;AAEH,QAAA,IAAK,CAAA,KAAA,GAAuB,EAAE;AAE9B;;AAEG;AAEH,QAAA,IAAS,CAAA,SAAA,GAAG,KAAK;AAQjB,QAAA,IAAA,CAAA,WAAW,GAAG,CAAC,IAAsB,KAAI;AACvC,YAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;AAC9B,SAAC;AAqBF;IAnBC,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE;AACL,gBAAA,+GAA+G,EAAE,IAAI;AACrH,gBAAA,OAAO,EAAE,CAAC,IAAI,CAAC,SAAS;gBACxB,QAAQ,EAAE,IAAI,CAAC,SAAS;aACzB,EAAA,EAEA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,KAClB,CAAA,CAAA,IAAA,EAAA,EAAI,KAAK,EAAC,wGAAwG,EAAC,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IACnK,IAAI,CAAC,KAAK,CACR,CACN,CAAC,CACC,CACA;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/sula-menu-select-list/sula-menu-select-list.scss?tag=sula-menu-select-list&encapsulation=shadow","src/components/sula-menu-select-list/sula-menu-select-list.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.sula-menu-select-list {\n box-shadow: 0px 8px 16px 0px #0000000a;\n}\n","import { Component, Event, EventEmitter, Host, Prop, h } from '@stencil/core';\nimport { SulaMenuListItem } from './model/sula-menu-select-list.model';\n\n@Component({\n tag: 'sula-menu-select-list',\n styleUrl: 'sula-menu-select-list.scss',\n shadow: true,\n})\nexport class SulaMenuSelectList {\n /**\n * Items for list\n */\n @Prop({ mutable: true })\n items: SulaMenuListItem[] = [];\n\n /**\n * Menu is full width\n */\n @Prop()\n fullWidth = false;\n\n /**\n * Event emitted when item is selected\n */\n @Event()\n itemSelected: EventEmitter<SulaMenuListItem>;\n\n handleClick = (item: SulaMenuListItem) => {\n this.itemSelected.emit(item);\n };\n\n render() {\n return (\n <Host>\n <ul\n class={{\n 'bg-surface-body border border-line-general sula-menu-select-list rounded-sm py-12 max-h-[260px] overflow-auto': true,\n 'w-300': !this.fullWidth,\n 'w-full': this.fullWidth,\n }}\n >\n {this.items.map(item => (\n <li class=\"w-full px-24 py-16 text-base leading-4 text-text-primary hover:bg-states-empty-bg-hover cursor-pointer\" key={item.id} onClick={() => this.handleClick(item)}>\n {item.title}\n </li>\n ))}\n </ul>\n </Host>\n );\n }\n}\n"],"version":3}