@sula-tech/webcomponents 0.7.6 → 0.9.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 (106) hide show
  1. package/dist/cjs/{index-Bbryl0vg.js → index-LR6yFDX7.js} +16 -2
  2. package/dist/cjs/index-LR6yFDX7.js.map +1 -0
  3. package/dist/cjs/loader.cjs.js +2 -2
  4. package/dist/cjs/{sula-avatar_18.cjs.entry.js → sula-avatar_19.cjs.entry.js} +612 -45
  5. package/dist/cjs/sula-avatar_19.cjs.entry.js.map +1 -0
  6. package/dist/cjs/webcomponents.cjs.js +2 -2
  7. package/dist/collection/collection-manifest.json +1 -0
  8. package/dist/collection/components/sula-button/sula-button.css +1 -1
  9. package/dist/collection/components/sula-chip/sula-chip.css +1 -1
  10. package/dist/collection/components/sula-dropdown/sula-dropdown.css +1 -1
  11. package/dist/collection/components/sula-dropdown/sula-dropdown.js +74 -9
  12. package/dist/collection/components/sula-dropdown/sula-dropdown.js.map +1 -1
  13. package/dist/collection/components/sula-dropdown/sula-dropdown.stories.js +53 -0
  14. package/dist/collection/components/sula-dropdown/sula-dropdown.stories.js.map +1 -1
  15. package/dist/collection/components/sula-icon/sula-icon.css +1 -1
  16. package/dist/collection/components/sula-icon/sula-icon.js +1 -1
  17. package/dist/collection/components/sula-loader/sula-loader.css +1 -1
  18. package/dist/collection/components/sula-loader/sula-loader.js +1 -1
  19. package/dist/collection/components/sula-menu-select-list/sula-menu-select-list.css +1 -1
  20. package/dist/collection/components/sula-menu-select-list/sula-menu-select-list.js +33 -2
  21. package/dist/collection/components/sula-menu-select-list/sula-menu-select-list.js.map +1 -1
  22. package/dist/collection/components/sula-modal/model/sula-modal.model.js +16 -0
  23. package/dist/collection/components/sula-modal/model/sula-modal.model.js.map +1 -0
  24. package/dist/collection/components/sula-modal/sula-modal.css +1 -0
  25. package/dist/collection/components/sula-modal/sula-modal.js +558 -0
  26. package/dist/collection/components/sula-modal/sula-modal.js.map +1 -0
  27. package/dist/collection/components/sula-modal/sula-modal.stories.js +193 -0
  28. package/dist/collection/components/sula-modal/sula-modal.stories.js.map +1 -0
  29. package/dist/collection/components/sula-progress-bar/sula-progress-bar.js +2 -2
  30. package/dist/collection/components/sula-radio-button/sula-radio-button.js +2 -2
  31. package/dist/collection/components/sula-search-bar/sula-search-bar.js +2 -2
  32. package/dist/collection/components/sula-switch/sula-switch.js +4 -4
  33. package/dist/collection/components/sula-tag/sula-tag.js +3 -3
  34. package/dist/collection/components/sula-textarea/sula-textarea.js +6 -6
  35. package/dist/collection/components/sula-textfield/sula-textfield.js +31 -2
  36. package/dist/collection/components/sula-textfield/sula-textfield.js.map +1 -1
  37. package/dist/collection/components/sula-textfield/sula-textfield.stories.js +22 -0
  38. package/dist/collection/components/sula-textfield/sula-textfield.stories.js.map +1 -1
  39. package/dist/collection/components/sula-tiles/sula-tiles.js +1 -1
  40. package/dist/collection/components/sula-timeline-list/sula-timeline-list.js +1 -1
  41. package/dist/components/index.js +19 -0
  42. package/dist/components/index.js.map +1 -1
  43. package/dist/components/p-B85MJLTf.js +8 -0
  44. package/dist/components/p-B85MJLTf.js.map +1 -0
  45. package/dist/components/p-BhxK9El6.js +231 -0
  46. package/dist/components/p-BhxK9El6.js.map +1 -0
  47. package/dist/components/{p-DoGc7jLn.js → p-CyIObO0v.js} +5 -8
  48. package/dist/components/p-CyIObO0v.js.map +1 -0
  49. package/dist/components/{p-BNtk_d_S.js → p-DvWN7hVP.js} +14 -6
  50. package/dist/components/p-DvWN7hVP.js.map +1 -0
  51. package/dist/components/{p-BrY8WoEl.js → p-ff6chV3i.js} +4 -4
  52. package/dist/components/{p-BrY8WoEl.js.map → p-ff6chV3i.js.map} +1 -1
  53. package/dist/components/sula-avatar.js +1 -1
  54. package/dist/components/sula-badge.js +1 -1
  55. package/dist/components/sula-button.js +1 -226
  56. package/dist/components/sula-button.js.map +1 -1
  57. package/dist/components/sula-checkbox.js +1 -1
  58. package/dist/components/sula-chip.js +3 -3
  59. package/dist/components/sula-chip.js.map +1 -1
  60. package/dist/components/sula-dropdown.js +60 -14
  61. package/dist/components/sula-dropdown.js.map +1 -1
  62. package/dist/components/sula-icon.js +1 -1
  63. package/dist/components/sula-loader.js +1 -1
  64. package/dist/components/sula-menu-select-list.js +1 -1
  65. package/dist/components/sula-modal.d.ts +11 -0
  66. package/dist/components/sula-modal.js +332 -0
  67. package/dist/components/sula-modal.js.map +1 -0
  68. package/dist/components/sula-progress-bar.js +3 -3
  69. package/dist/components/sula-radio-button.js +2 -2
  70. package/dist/components/sula-search-bar.js +3 -3
  71. package/dist/components/sula-switch.js +4 -4
  72. package/dist/components/sula-tag.js +4 -4
  73. package/dist/components/sula-textarea.js +6 -6
  74. package/dist/components/sula-textfield.js +249 -3
  75. package/dist/components/sula-textfield.js.map +1 -1
  76. package/dist/components/sula-tiles.js +2 -2
  77. package/dist/components/sula-timeline-list.js +2 -2
  78. package/dist/esm/{index-or7qTZgT.js → index-CrFclBiX.js} +16 -2
  79. package/dist/esm/index-CrFclBiX.js.map +1 -0
  80. package/dist/esm/loader.js +3 -3
  81. package/dist/esm/{sula-avatar_18.entry.js → sula-avatar_19.entry.js} +612 -46
  82. package/dist/esm/sula-avatar_19.entry.js.map +1 -0
  83. package/dist/esm/webcomponents.js +3 -3
  84. package/dist/types/components/sula-dropdown/sula-dropdown.d.ts +11 -0
  85. package/dist/types/components/sula-dropdown/sula-dropdown.stories.d.ts +10 -0
  86. package/dist/types/components/sula-menu-select-list/sula-menu-select-list.d.ts +4 -0
  87. package/dist/types/components/sula-modal/model/sula-modal.model.d.ts +13 -0
  88. package/dist/types/components/sula-modal/sula-modal.d.ts +94 -0
  89. package/dist/types/components/sula-modal/sula-modal.stories.d.ts +83 -0
  90. package/dist/types/components/sula-textfield/sula-textfield.d.ts +7 -0
  91. package/dist/types/components/sula-textfield/sula-textfield.stories.d.ts +9 -0
  92. package/dist/types/components.d.ts +178 -0
  93. package/dist/webcomponents/{p-or7qTZgT.js → p-CrFclBiX.js} +28 -16
  94. package/dist/webcomponents/p-CrFclBiX.js.map +1 -0
  95. package/dist/webcomponents/{p-af46ad3b.entry.js → p-e4fa59d5.entry.js} +854 -285
  96. package/dist/webcomponents/p-e4fa59d5.entry.js.map +1 -0
  97. package/dist/webcomponents/webcomponents.esm.js +42 -20
  98. package/package.json +4 -4
  99. package/dist/cjs/index-Bbryl0vg.js.map +0 -1
  100. package/dist/cjs/sula-avatar_18.cjs.entry.js.map +0 -1
  101. package/dist/components/p-BNtk_d_S.js.map +0 -1
  102. package/dist/components/p-DoGc7jLn.js.map +0 -1
  103. package/dist/esm/index-or7qTZgT.js.map +0 -1
  104. package/dist/esm/sula-avatar_18.entry.js.map +0 -1
  105. package/dist/webcomponents/p-af46ad3b.entry.js.map +0 -1
  106. package/dist/webcomponents/p-or7qTZgT.js.map +0 -1
@@ -1,32 +1,36 @@
1
- import { p as e, g as t, b as a } from "./p-or7qTZgT.js";
1
+ import { p as e, g as t, b as l } from "./p-CrFclBiX.js";
2
2
 
3
- export { s as setNonce } from "./p-or7qTZgT.js";
3
+ export { s as setNonce } from "./p-CrFclBiX.js";
4
4
 
5
5
  /*
6
6
  Stencil Client Patch Browser v4.35.1 | MIT Licensed | https://stenciljs.com
7
7
  */ var patchBrowser = () => {
8
8
  const t = import.meta.url;
9
- const a = {};
9
+ const l = {};
10
10
  if (t !== "") {
11
- a.resourcesUrl = new URL(".", t).href;
11
+ l.resourcesUrl = new URL(".", t).href;
12
12
  }
13
- return e(a);
13
+ return e(l);
14
14
  };
15
15
 
16
16
  patchBrowser().then((async e => {
17
17
  await t();
18
- return a([ [ "p-af46ad3b", [ [ 1, "sula-button", {
19
- text: [ 1025 ],
20
- icon: [ 1025 ],
21
- leftIcon: [ 1025, "left-icon" ],
22
- rightIcon: [ 1025, "right-icon" ],
23
- appearance: [ 1025 ],
24
- type: [ 1025 ],
25
- size: [ 1025 ],
26
- status: [ 1025 ],
27
- loading: [ 1028 ],
28
- buttonDisabled: [ 1028, "button-disabled" ],
29
- fullWidth: [ 1028, "full-width" ]
18
+ return l([ [ "p-e4fa59d5", [ [ 1, "sula-modal", {
19
+ opened: [ 1028 ],
20
+ blockBodyScroll: [ 1028, "block-body-scroll" ],
21
+ closeOnClickOutside: [ 1028, "close-on-click-outside" ],
22
+ type: [ 1 ],
23
+ headerIcon: [ 1, "header-icon" ],
24
+ modalTitle: [ 1, "modal-title" ],
25
+ promoImage: [ 1, "promo-image" ],
26
+ subTitle: [ 1, "sub-title" ],
27
+ primaryButtonText: [ 1, "primary-button-text" ],
28
+ secondaryButtonText: [ 1, "secondary-button-text" ],
29
+ slotOverflow: [ 1, "slot-overflow" ],
30
+ isAnimating: [ 32 ],
31
+ shouldRender: [ 32 ]
32
+ }, null, {
33
+ opened: [ "handleOpenedChange" ]
30
34
  } ], [ 1, "sula-chip", {
31
35
  text: [ 1025 ],
32
36
  appearance: [ 1025 ],
@@ -39,11 +43,15 @@ patchBrowser().then((async e => {
39
43
  disabled: [ 1028 ],
40
44
  items: [ 1040 ],
41
45
  value: [ 1040 ],
46
+ searchable: [ 516 ],
42
47
  selectedItem: [ 32 ],
43
48
  showItems: [ 32 ],
44
- isFocused: [ 32 ]
49
+ isFocused: [ 32 ],
50
+ searchTerm: [ 32 ],
51
+ filteredItems: [ 32 ]
45
52
  }, [ [ 4, "click", "handleDocumentClick" ] ], {
46
- value: [ "handleValueChange" ]
53
+ value: [ "handleValueChange" ],
54
+ showItems: [ "handleShowItemsChange" ]
47
55
  } ], [ 1, "sula-avatar", {
48
56
  size: [ 1 ],
49
57
  imageUrl: [ 1, "image-url" ],
@@ -97,6 +105,7 @@ patchBrowser().then((async e => {
97
105
  helpText: [ 1, "help-text" ],
98
106
  maxLength: [ 2, "max-length" ],
99
107
  icon: [ 1 ],
108
+ maskPattern: [ 1, "mask-pattern" ],
100
109
  inputIsOpen: [ 32 ],
101
110
  textValue: [ 32 ],
102
111
  showPassword: [ 32 ],
@@ -140,12 +149,25 @@ patchBrowser().then((async e => {
140
149
  labelPadding: [ 32 ]
141
150
  }, [ [ 4, "click", "handleClick" ] ], {
142
151
  value: [ "watchValueHandler" ]
152
+ } ], [ 1, "sula-button", {
153
+ text: [ 1025 ],
154
+ icon: [ 1025 ],
155
+ leftIcon: [ 1025, "left-icon" ],
156
+ rightIcon: [ 1025, "right-icon" ],
157
+ appearance: [ 1025 ],
158
+ type: [ 1025 ],
159
+ size: [ 1025 ],
160
+ status: [ 1025 ],
161
+ loading: [ 1028 ],
162
+ buttonDisabled: [ 1028, "button-disabled" ],
163
+ fullWidth: [ 1028, "full-width" ]
143
164
  } ], [ 1, "sula-loader", {
144
165
  size: [ 1 ],
145
166
  animationInstance: [ 32 ]
146
167
  } ], [ 1, "sula-menu-select-list", {
147
168
  items: [ 1040 ],
148
- fullWidth: [ 4, "full-width" ]
169
+ fullWidth: [ 4, "full-width" ],
170
+ selectedValue: [ 16, "selected-value" ]
149
171
  } ], [ 0, "sula-icon", {
150
172
  icon: [ 1 ],
151
173
  customClass: [ 1, "custom-class" ]
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sula-tech/webcomponents",
3
- "version": "0.7.6",
3
+ "version": "0.9.0",
4
4
  "description": "A web component library built with Stencil",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.js",
@@ -51,9 +51,9 @@
51
51
  "@phosphor-icons/web": "^2.1.1",
52
52
  "@stencil/sass": "^3.0.12",
53
53
  "@sula-tech/design-tokens": "^1.5.3",
54
- "@sula-tech/sula-tailwind-css": "^1.0.2",
55
- "@sula-tech/tailwind-css-plugin": "^1.1.1",
56
- "lottie-web": "^5.13.0"
54
+ "@sula-tech/tailwind-css-plugin": "^3.1.0",
55
+ "lottie-web": "^5.13.0",
56
+ "vanilla-masker": "^1.2.0"
57
57
  },
58
58
  "scripts": {
59
59
  "build": "stencil build",