@livechat/design-system-react-components 1.0.0-alpha.30 → 1.0.0-alpha.32

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 (28) hide show
  1. package/dist/dsrc.cjs.js +9 -9
  2. package/dist/dsrc.es.js +878 -513
  3. package/dist/dsrc.umd.js +9 -9
  4. package/dist/src/components/FileUploadProgress/FileUploadProgress.d.ts +15 -0
  5. package/dist/src/components/FileUploadProgress/FileUploadProgressActions.d.ts +9 -0
  6. package/dist/src/components/FileUploadProgress/index.d.ts +2 -0
  7. package/dist/src/components/Modal/Modal.d.ts +2 -0
  8. package/dist/src/components/Modal/ModalCloseButton.d.ts +4 -1
  9. package/dist/src/components/Modal/index.d.ts +0 -2
  10. package/dist/src/components/Picker/Picker.d.ts +2 -0
  11. package/dist/src/components/Picker/TriggerBody.d.ts +3 -0
  12. package/dist/src/components/Popover/Popover.d.ts +1 -0
  13. package/dist/src/components/Search/Search.d.ts +2 -7
  14. package/dist/src/components/Tab/Tab.d.ts +4 -1
  15. package/dist/src/components/Tag/Tag.d.ts +2 -1
  16. package/dist/src/components/UploadBar/UploadBar.d.ts +16 -0
  17. package/dist/src/components/UploadBar/index.d.ts +1 -0
  18. package/dist/src/index.d.ts +2 -0
  19. package/dist/src/themes/design-token.d.ts +101 -3
  20. package/dist/style.css +1 -1
  21. package/dist/themes/dark.css +100 -4
  22. package/dist/themes/dark.css.map +1 -1
  23. package/dist/themes/legacy.css +99 -3
  24. package/dist/themes/legacy.css.map +1 -1
  25. package/dist/themes/light.css +99 -3
  26. package/dist/themes/light.css.map +1 -1
  27. package/package.json +4 -3
  28. package/dist/src/components/Modal/ActionModal.d.ts +0 -8
package/dist/themes/legacy.css CHANGED
@@ -1,54 +1,141 @@
1
1
  :root,
2
2
  .lc-legacy-theme {
3
3
  --background: #fff;
4
+ --background-01: #fff;
5
+ --background-02: #fff;
6
+ --background-03: #f1f1f2;
4
7
  --surface-basic-default: #fff;
8
+ --surface-primary-default: #fff;
5
9
  --surface-basic-subtle: #f1f6f8;
10
+ --surface-secondary-default: #f1f6f8;
11
+ --surface-secondary-hover: #e0e8eb;
12
+ --surface-secondary-active: #dae4eb;
13
+ --surface-secondary-disabled: #eaedf0;
6
14
  --surface-basic-hover: #e0e8eb;
15
+ --surface-primary-hover: #f3f6f7;
7
16
  --surface-basic-active: #dae4eb;
17
+ --surface-primary-active: #ebf1f4;
18
+ --surface-primary-active-colored: rgb(66 132 245 / 25%);
8
19
  --surface-basic-disabled: #eaedf0;
9
- --surface-secondary-default: #bdc7d1;
20
+ --surface-primary-disabled: #f9fafb;
21
+ --surface-tertiary-default: #e4e8ec;
10
22
  --surface-secondary-subtle: #e4e8ec;
11
- --surface-secondary-hover: #a0a6ab;
12
- --surface-secondary-disabled: #dee3e8;
23
+ --surface-moderate-default: #bdc7d1;
24
+ --surface-moderate-hover: #b7c2cd;
25
+ --surface-moderate-active: #b1bdc9;
26
+ --surface-tertiary-hover: #c2c2c6;
27
+ --surface-tertiary-active: #bababe;
28
+ --surface-tertiary-disabled: #e4e8ec;
13
29
  --surface-feedback-info: #e5f3ff;
30
+ --surface-accent-emphasis-low-info: #e6f3ff;
14
31
  --surface-feedback-negative: #fbeaed;
32
+ --surface-accent-emphasis-low-negative: #fbeaed;
15
33
  --surface-feedback-warning: #fff8e0;
34
+ --surface-accent-emphasis-low-warning: #fff8e0;
16
35
  --surface-feedback-positive: #e6f4ec;
36
+ --surface-accent-emphasis-low-positive: #e6f4ec;
37
+ --surface-accent-emphasis-low-purple: #eee8ff;
38
+ --surface-accent-emphasis-min-info: #f4faff;
39
+ --surface-accent-emphasis-min-negative: #fff8f8;
40
+ --surface-accent-emphasis-min-warning: #fff9ed;
41
+ --surface-accent-emphasis-min-positive: #f3fcf4;
42
+ --surface-accent-emphasis-min-purple: #faf8ff;
17
43
  --surface-invert-default: #424d57;
44
+ --surface-invert-primary: #424d57;
18
45
  --surface-invert-subtle: #677179;
46
+ --surface-invert-secondary: #677179;
19
47
  --surface-invert-disabled: #a0a6ab;
48
+ --surface-locked-default: #fff;
49
+ --surface-locked-hover: #efeff0;
50
+ --surface-locked-active: #daedff;
51
+ --surface-locked-disabled: rgb(255 255 255 / 70%);
52
+ --surface-locked-white: #fff;
53
+ --surface-locked-black: #000;
54
+ --surface-accent-emphasis-high-info: #4284f5;
55
+ --surface-accent-emphasis-high-negative: #d74747;
56
+ --surface-accent-emphasis-high-warning: #fbbd04;
57
+ --surface-accent-emphasis-high-positive: #22aa61;
58
+ --surface-accent-emphasis-high-purple: #9642f5;
20
59
  --surface-overlay: rgb(0 0 0 / 70%);
60
+ --surface-other-overlay: rgb(0 0 0 / 70%);
61
+ --surface-other-agent: #4284f5;
62
+ --surface-other-skeleton: #e5e8ec;
21
63
  --content-default: #424d57;
64
+ --content-basic-primary: #424d57;
22
65
  --content-subtle: #677179;
66
+ --content-basic-secondary: #677179;
23
67
  --content-disabled: #a0a6ab;
68
+ --content-basic-disabled: #a0a6ab;
69
+ --content-basic-negative: #930002;
70
+ --content-basic-warning: #755b00;
71
+ --content-basic-positive: #005321;
72
+ --content-basic-info: #003fa4;
73
+ --content-basic-purple: #6100bd;
24
74
  --content-white-locked: #fff;
75
+ --content-locked-white: #fff;
25
76
  --content-black-locked: #424d57;
77
+ --content-locked-black: #000;
78
+ --content-locked-default: #424d57;
79
+ --content-locked-hover: #131317;
80
+ --content-locked-active: #003fa4;
81
+ --content-locked-disabled: #8d8d95;
26
82
  --content-invert-default: #fff;
83
+ --content-invert-primary: #fff;
27
84
  --content-invert-subtle: rgb(255 255 255 / 70%);
85
+ --content-invert-secondary: rgb(255 255 255 / 70%);
28
86
  --content-invert-disabled: rgb(255 255 255 / 50%);
29
87
  --border-default: #bdc7d1;
88
+ --border-basic-primary: #bdc7d1;
89
+ --border-basic-secondary: #e4e8ec;
30
90
  --border-subtle: #e4e8ec;
91
+ --border-basic-tertiary: #e9edf0;
31
92
  --border-hover: #a0a6ab;
93
+ --border-basic-hover: #a0a6ab;
32
94
  --border-disabled: #dee3e8;
95
+ --border-basic-disabled: #dee3e8;
96
+ --border-basic-negative: #930002;
97
+ --border-basic-warning: #755b00;
98
+ --border-basic-positive: #005321;
99
+ --border-basic-info: #4284f5;
100
+ --border-basic-purple: #6100bd;
33
101
  --border-invert-default: rgb(255 255 255 / 70%);
102
+ --border-invert-primary: rgb(255 255 255 / 70%);
34
103
  --border-invert-subtle: rgb(255 255 255 / 30%);
104
+ --border-invert-secondary: rgb(255 255 255 / 30%);
35
105
  --border-invert-hover: #fff;
36
106
  --border-invert-disabled: rgb(255 255 255 / 50%);
37
107
  --color-action-active: #295fbc;
108
+ --action-primary-active: #295fbc;
38
109
  --color-action-hover: #4379d6;
110
+ --action-primary-hover: #4379d6;
39
111
  --color-action-default: #4284f5;
112
+ --action-primary-default: #4284f5;
40
113
  --color-action-default-rgb: 66, 132, 245;
41
114
  --color-action-disabled: #a3c3fa;
115
+ --action-primary-disabled: #a3c3fa;
42
116
  --color-negative-active: #94383a;
117
+ --action-negative-active: #94383a;
43
118
  --color-negative-hover: #b94648;
119
+ --action-negative-hover: #b94648;
44
120
  --color-negative-default: #d74747;
121
+ --action-negative-default: #d74747;
45
122
  --color-negative-disabled: #eba3a3;
123
+ --action-negative-disabled: #eba3a3;
46
124
  --color-warning-default: #fbbd04;
125
+ --action-warning-default: #fbbd04;
47
126
  --color-warning-hover: #f99a01;
127
+ --action-warning-hover: #f99a01;
48
128
  --color-positive-default: #22aa61;
129
+ --action-positive-default: #22aa61;
49
130
  --color-positive-hover: #0d874a;
131
+ --action-positive-hover: #0d874a;
50
132
  --color-positive-disabled: #90d5c4;
133
+ --action-positive-disabled: #90d5c4;
134
+ --action-neutral-default: #bdc7d1;
135
+ --action-neutral-hover: #a0a6ab;
136
+ --action-neutral-disabled: #dee3e8;
51
137
  --color-bot: #6b5aba;
138
+ --surface-other-bot: #6b5aba;
52
139
  --color-black: #424d57;
53
140
  --color-white: #fff;
54
141
  --decor-blue900: #003288;
@@ -126,6 +213,15 @@
126
213
  --decor-purple200: #d1c0ff;
127
214
  --decor-purple100: #eee8ff;
128
215
  --decor-purple50: #faf8ff;
216
+ --products-livechat: #fe5100;
217
+ --products-helpdesk: #00c057;
218
+ --products-chatbot: #06f;
219
+ --products-knowledgebase: #9146ff;
220
+ --illustrations-primary: #ffd000;
221
+ --illustrations-secondary: #e2e2e4;
222
+ --illustrations-stroke: #1b1b20;
223
+ --tag-surface-01: #e4e8ec;
224
+ --tag-content-01: #424d57;
129
225
  }
130
226
 
131
227
  /*# sourceMappingURL=legacy.css.map */
package/dist/themes/legacy.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/themes/legacy.scss"],"names":[],"mappings":"AAAA;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA","file":"legacy.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/themes/legacy.scss"],"names":[],"mappings":"AAAA;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA","file":"legacy.css"}
package/dist/themes/light.css CHANGED
@@ -1,53 +1,140 @@
1
1
  .lc-light-theme {
2
2
  --background: #fff;
3
+ --background-01: #fff;
4
+ --background-02: #fff;
5
+ --background-03: #f1f1f2;
3
6
  --surface-basic-default: #fff;
7
+ --surface-primary-default: #fff;
4
8
  --surface-basic-subtle: #f6f6f7;
9
+ --surface-secondary-default: #f1f1f2;
10
+ --surface-secondary-hover: #e8e8ea;
11
+ --surface-secondary-active: #dfdfe1;
12
+ --surface-secondary-disabled: #f6f6f7;
5
13
  --surface-basic-hover: #e2e2e4;
14
+ --surface-primary-hover: #f6f6f6;
6
15
  --surface-basic-active: #c9c9cd;
16
+ --surface-primary-active: #ececec;
17
+ --surface-primary-active-colored: rgb(0 102 255 / 25%);
7
18
  --surface-basic-disabled: #f6f6f7;
8
- --surface-secondary-default: #c9c9cd;
19
+ --surface-primary-disabled: #f6f6f7;
20
+ --surface-tertiary-default: #e2e2e4;
9
21
  --surface-secondary-subtle: #e4e8ec;
10
- --surface-secondary-hover: #ababb1;
11
- --surface-secondary-disabled: #eeeeef;
22
+ --surface-moderate-default: #c9c9cd;
23
+ --surface-moderate-hover: #c2c2c6;
24
+ --surface-moderate-active: #bababe;
25
+ --surface-tertiary-hover: #dadadc;
26
+ --surface-tertiary-active: #d1d1d4;
27
+ --surface-tertiary-disabled: #eeeeef;
12
28
  --surface-feedback-info: #daedff;
29
+ --surface-accent-emphasis-low-info: #daedff;
13
30
  --surface-feedback-negative: #ffe5e5;
31
+ --surface-accent-emphasis-low-negative: #ffe5e5;
14
32
  --surface-feedback-warning: #fff2d6;
33
+ --surface-accent-emphasis-low-warning: #ffe9bc;
15
34
  --surface-feedback-positive: #e4f4ed;
35
+ --surface-accent-emphasis-low-positive: #d1f4d5;
36
+ --surface-accent-emphasis-low-purple: #eee8ff;
37
+ --surface-accent-emphasis-min-info: #f4faff;
38
+ --surface-accent-emphasis-min-negative: #fff8f8;
39
+ --surface-accent-emphasis-min-warning: #fff9ed;
40
+ --surface-accent-emphasis-min-positive: #f3fcf4;
41
+ --surface-accent-emphasis-min-purple: #faf8ff;
16
42
  --surface-invert-default: #1b1b20;
43
+ --surface-invert-primary: #1b1b20;
17
44
  --surface-invert-subtle: #4e4e58;
45
+ --surface-invert-secondary: #3b3b43;
18
46
  --surface-invert-disabled: #8d8d95;
47
+ --surface-locked-default: #fff;
48
+ --surface-locked-hover: #eeeeef;
49
+ --surface-locked-active: #daedff;
50
+ --surface-locked-disabled: rgb(255 255 255 / 70%);
51
+ --surface-locked-white: #fff;
52
+ --surface-locked-black: #000;
53
+ --surface-accent-emphasis-high-info: #06f;
54
+ --surface-accent-emphasis-high-negative: #ca0005;
55
+ --surface-accent-emphasis-high-warning: #e8bb00;
56
+ --surface-accent-emphasis-high-positive: #00893c;
57
+ --surface-accent-emphasis-high-purple: #9146ff;
19
58
  --surface-overlay: rgb(19 19 23 / 70%);
59
+ --surface-other-overlay: rgb(19 19 23 / 70%);
60
+ --surface-other-agent: #06f;
61
+ --surface-other-skeleton: #e2e2e4;
20
62
  --content-default: #131317;
63
+ --content-basic-primary: #131317;
21
64
  --content-subtle: #62626d;
65
+ --content-basic-secondary: #4e4e58;
22
66
  --content-disabled: #8d8d95;
67
+ --content-basic-disabled: #8d8d95;
68
+ --content-basic-negative: #ca0005;
69
+ --content-basic-warning: #755b00;
70
+ --content-basic-positive: #005321;
71
+ --content-basic-info: #003fa4;
72
+ --content-basic-purple: #6100bd;
23
73
  --content-white-locked: #fff;
74
+ --content-locked-white: #fff;
24
75
  --content-black-locked: #131317;
76
+ --content-locked-black: #000;
77
+ --content-locked-default: #131317;
78
+ --content-locked-hover: #131317;
79
+ --content-locked-active: #003fa4;
80
+ --content-locked-disabled: #8d8d95;
25
81
  --content-invert-default: #fff;
82
+ --content-invert-primary: #fff;
26
83
  --content-invert-subtle: rgb(255 255 255 / 70%);
84
+ --content-invert-secondary: rgb(255 255 255 / 70%);
27
85
  --content-invert-disabled: rgb(255 255 255 / 50%);
28
86
  --border-default: #c9c9cd;
87
+ --border-basic-primary: #c9c9cd;
88
+ --border-basic-secondary: #e2e2e4;
29
89
  --border-subtle: #eeeeef;
90
+ --border-basic-tertiary: #e5e5e6;
30
91
  --border-hover: #ababb1;
92
+ --border-basic-hover: #ababb1;
31
93
  --border-disabled: #e2e2e4;
94
+ --border-basic-disabled: #e2e2e4;
95
+ --border-basic-negative: #ca0005;
96
+ --border-basic-warning: #755b00;
97
+ --border-basic-positive: #005321;
98
+ --border-basic-info: #003fa4;
99
+ --border-basic-purple: #6100bd;
32
100
  --border-invert-default: rgb(255 255 255 / 70%);
101
+ --border-invert-primary: rgb(255 255 255 / 70%);
33
102
  --border-invert-subtle: rgb(255 255 255 / 30%);
103
+ --border-invert-secondary: rgb(255 255 255 / 30%);
34
104
  --border-invert-hover: #fff;
35
105
  --border-invert-disabled: rgb(255 255 255 / 50%);
36
106
  --color-action-active: #003fa4;
107
+ --action-primary-active: #b7cbea;
37
108
  --color-action-hover: #004bc2;
109
+ --action-primary-hover: #064db9;
38
110
  --color-action-default: #06f;
111
+ --action-primary-default: #06f;
39
112
  --color-action-default-rgb: 0, 102, 255;
40
113
  --color-action-disabled: #9dceff;
114
+ --action-primary-disabled: rgb(0 102 255 / 20%);
41
115
  --color-negative-active: #930002;
116
+ --action-negative-active: #6f090e;
42
117
  --color-negative-hover: #ae0003;
118
+ --action-negative-hover: #8d0004;
43
119
  --color-negative-default: #ca0005;
120
+ --action-negative-default: #ca0005;
44
121
  --color-negative-disabled: #eba3a3;
122
+ --action-negative-disabled: rgb(202 0 5 / 20%);
45
123
  --color-warning-default: #e8bb00;
124
+ --action-warning-default: #e8bb00;
46
125
  --color-warning-hover: #c9a100;
126
+ --action-warning-hover: #a88907;
47
127
  --color-positive-default: #00893c;
128
+ --action-positive-default: #00893c;
48
129
  --color-positive-hover: #006329;
130
+ --action-positive-hover: #066631;
49
131
  --color-positive-disabled: #d1f4d5;
132
+ --action-positive-disabled: rgb(0 137 60 / 20%);
133
+ --action-neutral-default: #8d8d95;
134
+ --action-neutral-hover: #68686f;
135
+ --action-neutral-disabled: rgb(141 141 149 / 20%);
50
136
  --color-bot: #50009c;
137
+ --surface-other-bot: #50009c;
51
138
  --color-black: #131317;
52
139
  --color-white: #fff;
53
140
  --decor-blue900: #003288;
@@ -125,6 +212,15 @@
125
212
  --decor-purple200: #d1c0ff;
126
213
  --decor-purple100: #eee8ff;
127
214
  --decor-purple50: #faf8ff;
215
+ --products-livechat: #fe5100;
216
+ --products-helpdesk: #00c057;
217
+ --products-chatbot: #06f;
218
+ --products-knowledgebase: #9146ff;
219
+ --illustrations-primary: #ffd000;
220
+ --illustrations-secondary: #e2e2e4;
221
+ --illustrations-stroke: #1b1b20;
222
+ --tag-surface-01: #e2e2e4;
223
+ --tag-content-01: #131317;
128
224
  }
129
225
 
130
226
  /*# sourceMappingURL=light.css.map */
package/dist/themes/light.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/themes/light.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA","file":"light.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/themes/light.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA","file":"light.css"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@livechat/design-system-react-components",
3
- "version": "1.0.0-alpha.30",
3
+ "version": "1.0.0-alpha.32",
4
4
  "description": "",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -22,7 +22,7 @@
22
22
  "build": "run-s build:*",
23
23
  "build:lib": "tsc && vite build",
24
24
  "build:styles": "sass src/themes:dist/themes; sass src/foundations:dist/spacing; sass src/foundations:dist/shadow",
25
- "build-storybook": "build-storybook",
25
+ "build-storybook": "export SET NODE_OPTIONS=--openssl-legacy-provider && build-storybook",
26
26
  "chromatic": "dotenv -e ../../.env chromatic -- --exit-zero-on-changes",
27
27
  "lint": "eslint src --ext js,jsx,ts,tsx",
28
28
  "test": "vitest run",
@@ -35,6 +35,7 @@
35
35
  },
36
36
  "devDependencies": {
37
37
  "@babel/core": "^7.17.7",
38
+ "@storybook/addon-a11y": "^6.5.16",
38
39
  "@storybook/addon-actions": "^6.4.22",
39
40
  "@storybook/addon-docs": "^6.4.22",
40
41
  "@storybook/addon-essentials": "^6.4.22",
@@ -78,5 +79,5 @@
78
79
  "react-day-picker": "^7.4.10",
79
80
  "react-transition-group": "^4.4.2"
80
81
  },
81
- "gitHead": "1ff555cb943278a3c5252081f30723d8f8e6da3d"
82
+ "gitHead": "9caea3ec20b0c02b6a3f6872daabb328c04a9c76"
82
83
  }
package/dist/src/components/Modal/ActionModal.d.ts DELETED
@@ -1,8 +0,0 @@
1
- import * as React from 'react';
2
- import { ModalBaseProps } from './ModalBase';
3
- export interface ActionModalProps extends ModalBaseProps {
4
- icon?: React.ReactNode;
5
- heading?: React.ReactNode;
6
- actions?: React.ReactNode;
7
- }
8
- export declare const ActionModal: React.FC<ActionModalProps>;