@snack-uikit/fields 0.53.2-preview-0a70077b.0 → 0.54.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 (70) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/README.md +28 -130
  3. package/dist/cjs/components/FieldSecure/FieldSecure.d.ts +1 -1
  4. package/dist/cjs/components/FieldSelect/FieldSelectMultiple.d.ts +3 -1
  5. package/dist/cjs/components/FieldSelect/FieldSelectMultiple.js +28 -7
  6. package/dist/cjs/components/FieldSelect/FieldSelectSingle.d.ts +3 -1
  7. package/dist/cjs/components/FieldSelect/FieldSelectSingle.js +25 -12
  8. package/dist/cjs/components/FieldSelect/{hooks.d.ts → hooks/common.d.ts} +1 -1
  9. package/dist/cjs/components/FieldSelect/{hooks.js → hooks/common.js} +4 -5
  10. package/dist/cjs/components/FieldSelect/hooks/customOption.d.ts +26 -0
  11. package/dist/cjs/components/FieldSelect/hooks/customOption.js +69 -0
  12. package/dist/cjs/components/FieldSelect/hooks/index.d.ts +2 -0
  13. package/dist/cjs/components/FieldSelect/hooks/index.js +26 -0
  14. package/dist/cjs/components/FieldSelect/index.d.ts +1 -1
  15. package/dist/cjs/components/FieldSelect/types.d.ts +20 -3
  16. package/dist/cjs/components/FieldSelect/utils/customOption.d.ts +4 -0
  17. package/dist/cjs/components/FieldSelect/utils/customOption.js +21 -0
  18. package/dist/cjs/components/FieldSelect/utils/index.d.ts +2 -0
  19. package/dist/cjs/components/FieldSelect/utils/index.js +3 -1
  20. package/dist/cjs/components/FieldText/FieldText.d.ts +1 -1
  21. package/dist/cjs/components/FieldTextArea/FieldTextArea.d.ts +1 -1
  22. package/dist/cjs/components/index.d.ts +0 -1
  23. package/dist/cjs/components/index.js +0 -1
  24. package/dist/cjs/helperComponents/ButtonFieldList/ButtonFieldList.d.ts +1 -1
  25. package/dist/esm/components/FieldSecure/FieldSecure.d.ts +1 -1
  26. package/dist/esm/components/FieldSelect/FieldSelectMultiple.d.ts +3 -1
  27. package/dist/esm/components/FieldSelect/FieldSelectMultiple.js +27 -9
  28. package/dist/esm/components/FieldSelect/FieldSelectSingle.d.ts +3 -1
  29. package/dist/esm/components/FieldSelect/FieldSelectSingle.js +24 -14
  30. package/dist/esm/components/FieldSelect/{hooks.d.ts → hooks/common.d.ts} +1 -1
  31. package/dist/esm/components/FieldSelect/{hooks.js → hooks/common.js} +3 -4
  32. package/dist/esm/components/FieldSelect/hooks/customOption.d.ts +26 -0
  33. package/dist/esm/components/FieldSelect/hooks/customOption.js +38 -0
  34. package/dist/esm/components/FieldSelect/hooks/index.d.ts +2 -0
  35. package/dist/esm/components/FieldSelect/hooks/index.js +2 -0
  36. package/dist/esm/components/FieldSelect/index.d.ts +1 -1
  37. package/dist/esm/components/FieldSelect/types.d.ts +20 -3
  38. package/dist/esm/components/FieldSelect/utils/customOption.d.ts +4 -0
  39. package/dist/esm/components/FieldSelect/utils/customOption.js +13 -0
  40. package/dist/esm/components/FieldSelect/utils/index.d.ts +2 -0
  41. package/dist/esm/components/FieldSelect/utils/index.js +2 -0
  42. package/dist/esm/components/FieldText/FieldText.d.ts +1 -1
  43. package/dist/esm/components/FieldTextArea/FieldTextArea.d.ts +1 -1
  44. package/dist/esm/components/index.d.ts +0 -1
  45. package/dist/esm/components/index.js +0 -1
  46. package/dist/esm/helperComponents/ButtonFieldList/ButtonFieldList.d.ts +1 -1
  47. package/package.json +2 -2
  48. package/src/components/FieldSelect/FieldSelectMultiple.tsx +55 -10
  49. package/src/components/FieldSelect/FieldSelectSingle.tsx +33 -15
  50. package/src/components/FieldSelect/{hooks.ts → hooks/common.ts} +4 -5
  51. package/src/components/FieldSelect/hooks/customOption.ts +90 -0
  52. package/src/components/FieldSelect/hooks/index.ts +2 -0
  53. package/src/components/FieldSelect/index.ts +2 -0
  54. package/src/components/FieldSelect/types.ts +24 -3
  55. package/src/components/FieldSelect/utils/customOption.ts +23 -0
  56. package/src/components/FieldSelect/utils/index.ts +2 -0
  57. package/src/components/index.ts +0 -1
  58. package/dist/cjs/components/FieldAdd/FieldAdd.d.ts +0 -52
  59. package/dist/cjs/components/FieldAdd/FieldAdd.js +0 -216
  60. package/dist/cjs/components/FieldAdd/index.d.ts +0 -2
  61. package/dist/cjs/components/FieldAdd/index.js +0 -13
  62. package/dist/cjs/components/FieldAdd/styles.module.css +0 -51
  63. package/dist/esm/components/FieldAdd/FieldAdd.d.ts +0 -52
  64. package/dist/esm/components/FieldAdd/FieldAdd.js +0 -31
  65. package/dist/esm/components/FieldAdd/index.d.ts +0 -2
  66. package/dist/esm/components/FieldAdd/index.js +0 -1
  67. package/dist/esm/components/FieldAdd/styles.module.css +0 -51
  68. package/src/components/FieldAdd/FieldAdd.tsx +0 -215
  69. package/src/components/FieldAdd/index.ts +0 -3
  70. package/src/components/FieldAdd/styles.module.scss +0 -60
package/src/components/FieldAdd/styles.module.scss DELETED
@@ -1,60 +0,0 @@
1
- @use '@snack-uikit/figma-tokens/build/scss/styles-theme-variables';
2
-
3
- .layout {
4
- display: flex;
5
- gap: styles-theme-variables.$dimension-050m;
6
- align-items: flex-start;
7
- width: 100%;
8
- }
9
-
10
- .selectTooltipTrigger,
11
- .selectWrapper,
12
- .fieldSelect {
13
- width: 100%;
14
- }
15
-
16
- .selectTooltipTrigger {
17
- min-width: 0;
18
- }
19
-
20
- .selectWrapper {
21
- position: relative;
22
- }
23
-
24
- .loadingOverlay {
25
- pointer-events: none;
26
-
27
- position: absolute;
28
- inset: 0;
29
-
30
- display: flex;
31
- align-items: center;
32
-
33
- width: 100%;
34
- }
35
-
36
- .loadingSkeleton {
37
- margin-right: 36px;
38
- margin-left: 16px;
39
- }
40
-
41
- .buttonTooltipTrigger {
42
- display: inline-flex;
43
- flex-shrink: 0;
44
- }
45
-
46
- .addButton {
47
- flex-shrink: 0;
48
- }
49
-
50
- .layout[data-size='m'] {
51
- .loadingSkeleton {
52
- margin-right: 40px;
53
- }
54
- }
55
-
56
- .layout[data-size='l'] {
57
- .loadingSkeleton {
58
- margin-right: 44px;
59
- }
60
- }