@webitel/ui-sdk 1.0.33 → 1.0.36

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 (31) hide show
  1. package/CHANGELOG.md +44 -0
  2. package/dist/demo.html +1 -10
  3. package/dist/img/sprite/index.js +1 -119
  4. package/dist/ui-sdk.common.js +11193 -7305
  5. package/dist/ui-sdk.common.js.map +1 -1
  6. package/dist/ui-sdk.css +1 -1
  7. package/dist/ui-sdk.umd.js +11199 -7302
  8. package/dist/ui-sdk.umd.js.map +1 -1
  9. package/dist/ui-sdk.umd.min.js +8 -2
  10. package/dist/ui-sdk.umd.min.js.map +1 -1
  11. package/package.json +12 -12
  12. package/src/modules/CSVExport/CSVExport.js +1 -1
  13. package/src/modules/CSVExport/__tests__/CSVExport.spec.js +1 -1
  14. package/dist/fonts/Montserrat-Black.27e3649b.ttf +0 -0
  15. package/dist/fonts/Montserrat-BlackItalic.d9b6ba59.ttf +0 -0
  16. package/dist/fonts/Montserrat-Bold.ade91f47.ttf +0 -0
  17. package/dist/fonts/Montserrat-BoldItalic.1b384149.ttf +0 -0
  18. package/dist/fonts/Montserrat-ExtraBold.19ba7aa5.ttf +0 -0
  19. package/dist/fonts/Montserrat-ExtraBoldItalic.52a50ca0.ttf +0 -0
  20. package/dist/fonts/Montserrat-ExtraLight.570a244c.ttf +0 -0
  21. package/dist/fonts/Montserrat-ExtraLightItalic.1170df55.ttf +0 -0
  22. package/dist/fonts/Montserrat-Italic.a7063e0c.ttf +0 -0
  23. package/dist/fonts/Montserrat-Light.409c7f79.ttf +0 -0
  24. package/dist/fonts/Montserrat-LightItalic.01c4560c.ttf +0 -0
  25. package/dist/fonts/Montserrat-Medium.c8b6e083.ttf +0 -0
  26. package/dist/fonts/Montserrat-MediumItalic.40a74702.ttf +0 -0
  27. package/dist/fonts/Montserrat-Regular.ee653992.ttf +0 -0
  28. package/dist/fonts/Montserrat-SemiBold.c641dbee.ttf +0 -0
  29. package/dist/fonts/Montserrat-SemiBoldItalic.83c1ec1f.ttf +0 -0
  30. package/dist/fonts/Montserrat-Thin.43dd5b7a.ttf +0 -0
  31. package/dist/fonts/Montserrat-ThinItalic.3c2b290f.ttf +0 -0
package/CHANGELOG.md ADDED
@@ -0,0 +1,44 @@
1
+ # Webitel UI Changelog
2
+
3
+ ## [1.0.0] - 02.02.2022
4
+
5
+ ### What's new
6
+
7
+ 1. Border-radius pill style: `--border-radius--pill: 50px`
8
+ 1. New typography styles (`subtitle`, `caption`, `overline`)
9
+ 1. 10 different Elevation variables (`--elevation-1` - `--elevation-10`)
10
+ 1. `secondary-50` icon color
11
+ 1. added `size` prop with `sm` and `md` values (default is `md`) for:
12
+ - `<wt-rounded-action>`
13
+ - `<wt-button>`
14
+ - `<wt-indicator>`
15
+
16
+ ### Breaking changes
17
+
18
+ 1. `<wt-badge>` renamed to `<wt-chip>`
19
+ 1. removed a dash (`-`) from spacings system (for ex. `--spacing--sm` -> `--spacing-sm`)
20
+ 1. Removed all deprecated spacings variables. Existing components moved to newest ones.
21
+ 1. Removed all deprecated colors variables. Existing components moved to newest ones.
22
+ 1. Removed deprecated `--box-shadow` css variable
23
+ 1. Removed `strong` typography classes. (`strong` typo -> `subtitle` typo)
24
+ 1. Now font-family is used like "Montserrat" (without "Regular" or "Semi"). Boldness
25
+ is regulated by `font-weight` property.
26
+ 1. Typo size suffixes update: `-sm`, `-md`, `-lg` -> `-3`, `-2`, `-1`
27
+ 1. Removed `--label-margin` variable. Now visual offset between label and input is
28
+ provided by label's line-height
29
+
30
+ ### Changes
31
+
32
+ 1. Updated spacings: `spacing-multiplicator` value increased from `4px` to `8px`.
33
+ 1. Updated typography:
34
+ - updated font files, added special font files for each `font-weight`
35
+ property (`100`-`900`) and style (`italic`)
36
+ - font-sizes of typography
37
+ - line-heights of typography
38
+
39
+ 1. (Almost?) all component paddings, spacings, etc. moved to `spacing` variables
40
+ 1. Refactored placeholder:
41
+ - removed hover
42
+ - removeed outline styles
43
+ - focus style now is more transparent than default state
44
+ 1. Many component styles reviewed and updated
package/dist/demo.html CHANGED
@@ -1,10 +1 @@
1
- <meta charset="utf-8">
2
- <title>ui-sdk demo</title>
3
- <script src="./ui-sdk.umd.js"></script>
4
-
5
- <link rel="stylesheet" href="./ui-sdk.css">
6
-
7
-
8
- <script>
9
- console.log(ui-sdk)
10
- </script>
1
+ <!doctype html><meta charset="utf-8"><title>ui-sdk demo</title><script src="./ui-sdk.umd.js"></script><link rel="stylesheet" href="./ui-sdk.css"><script>console.log(ui-sdk)</script>
package/dist/img/sprite/index.js CHANGED
@@ -1,119 +1 @@
1
- import './account.svg';
2
- import './adfs.svg';
3
- import './app-navigator.svg';
4
- import './arrow-down.svg';
5
- import './arrow-left.svg';
6
- import './arrow-right.svg';
7
- import './arrow-up.svg';
8
- import './attach.svg';
9
- import './attention.svg';
10
- import './back.svg';
11
- import './bell.svg';
12
- import './bell-badged.svg';
13
- import './bucket.svg';
14
- import './calendar.svg';
15
-
16
- import './call.svg';
17
- import './call--filled.svg';
18
- import './call-add-to.svg';
19
- import './call-add-to--filled.svg';
20
- import './call-disconnect.svg';
21
- import './call-disconnect--filled.svg';
22
- import './call-end.svg';
23
- import './call-end--filled.svg';
24
- import './call-inbound.svg';
25
- import './call-inbound--filled.svg';
26
- import './call-missed.svg';
27
- import './call-missed--filled.svg';
28
- import './call-outbound.svg';
29
- import './call-outbound--filled.svg';
30
- import './call-ringing.svg';
31
- import './call-ringing--filled.svg';
32
- import './call-transfer.svg';
33
- import './call-transfer--filled.svg';
34
-
35
- import './chat.svg';
36
- import './chat--filled.svg';
37
- import './chat-emoji.svg';
38
- import './chat-end.svg';
39
- import './chat-end--filled.svg';
40
- import './chat-group.svg';
41
- import './chat-join.svg';
42
- import './chat-message-status-read.svg';
43
- import './chat-message-status-sent.svg';
44
- import './chat-quick-response.svg';
45
- import './chat-quick-response--filled.svg';
46
- import './chat-reply.svg';
47
- import './chat-send.svg';
48
- import './chat-transfer.svg';
49
- import './chat-transfer--filled.svg';
50
-
51
- import './checkbox.svg';
52
- import './checkbox--checked.svg';
53
- import './checkbox--checked--filled.svg';
54
- import './clear.svg';
55
- import './close.svg';
56
- import './close--filled.svg';
57
- import './collapse.svg';
58
- import './column-select.svg';
59
- import './contacts.svg';
60
- import './copy.svg';
61
- import './docs.svg';
62
- import './download.svg';
63
- import './edit.svg';
64
- import './expand.svg';
65
- import './eye--closed.svg';
66
- import './eye--opened.svg';
67
- import './filter.svg';
68
- import './generate.svg';
69
- import './google.svg';
70
- import './history.svg';
71
- import './hold.svg';
72
- import './lock.svg';
73
- import './logout.svg';
74
- import './menu.svg';
75
- import './mail.svg';
76
- import './mail--color.svg';
77
- import './messenger-facebook.svg';
78
- import './messenger-facebook--filled.svg';
79
- import './messenger-infobip.svg';
80
- import './messenger-telegram.svg';
81
- import './messenger-telegram--filled.svg';
82
- import './messenger-viber.svg';
83
- import './messenger-viber--filled.svg';
84
- import './messenger-web-chat.svg';
85
- import './messenger-whatsapp.svg';
86
- import './messenger-whatsapp--filled.svg';
87
- import './mic.svg';
88
- import './mic-muted.svg';
89
- import './move.svg';
90
- import './note.svg';
91
- import './numpad.svg';
92
- import './pause.svg';
93
- import './play.svg';
94
- import './plus.svg';
95
- import './prompter.svg';
96
- import './queue-member.svg';
97
- import './radio.svg';
98
- import './radio--checked.svg';
99
- import './rec.svg';
100
- import './rec-off.svg';
101
- import './refresh.svg';
102
- import './rounded-info.svg';
103
- import './done.svg';
104
- import './search.svg';
105
- import './send-arrow.svg';
106
- import './settings.svg';
107
- import './sort-arrow-down.svg';
108
- import './sort-arrow-up.svg';
109
- import './sound-off.svg';
110
- import './sound-on.svg';
111
- import './star.svg';
112
- import './star--filled.svg';
113
- import './stop.svg';
114
- import './tick.svg';
115
- import './upload.svg';
116
- import './video-off.svg';
117
- import './video.svg';
118
- import './zoom-in.svg';
119
- import './zoom-out.svg';
1
+ import"./account.svg";import"./adfs.svg";import"./app-navigator.svg";import"./arrow-down.svg";import"./arrow-left.svg";import"./arrow-right.svg";import"./arrow-up.svg";import"./attach.svg";import"./attention.svg";import"./back.svg";import"./bell.svg";import"./bell-badged.svg";import"./bucket.svg";import"./calendar.svg";import"./call.svg";import"./call--filled.svg";import"./call-add-to.svg";import"./call-add-to--filled.svg";import"./call-disconnect.svg";import"./call-disconnect--filled.svg";import"./call-end.svg";import"./call-end--filled.svg";import"./call-inbound.svg";import"./call-inbound--filled.svg";import"./call-missed.svg";import"./call-missed--filled.svg";import"./call-outbound.svg";import"./call-outbound--filled.svg";import"./call-ringing.svg";import"./call-ringing--filled.svg";import"./call-transfer.svg";import"./call-transfer--filled.svg";import"./chat.svg";import"./chat--filled.svg";import"./chat-emoji.svg";import"./chat-end.svg";import"./chat-end--filled.svg";import"./chat-group.svg";import"./chat-join.svg";import"./chat-message-status-read.svg";import"./chat-message-status-sent.svg";import"./chat-quick-response.svg";import"./chat-quick-response--filled.svg";import"./chat-reply.svg";import"./chat-send.svg";import"./chat-transfer.svg";import"./chat-transfer--filled.svg";import"./checkbox.svg";import"./checkbox--checked.svg";import"./checkbox--checked--filled.svg";import"./clear.svg";import"./close.svg";import"./close--filled.svg";import"./collapse.svg";import"./column-select.svg";import"./contacts.svg";import"./copy.svg";import"./docs.svg";import"./download.svg";import"./edit.svg";import"./expand.svg";import"./eye--closed.svg";import"./eye--opened.svg";import"./filter.svg";import"./generate.svg";import"./google.svg";import"./history.svg";import"./hold.svg";import"./lock.svg";import"./logout.svg";import"./menu.svg";import"./mail.svg";import"./mail--color.svg";import"./messenger-facebook.svg";import"./messenger-facebook--filled.svg";import"./messenger-infobip.svg";import"./messenger-telegram.svg";import"./messenger-telegram--filled.svg";import"./messenger-viber.svg";import"./messenger-viber--filled.svg";import"./messenger-web-chat.svg";import"./messenger-whatsapp.svg";import"./messenger-whatsapp--filled.svg";import"./mic.svg";import"./mic-muted.svg";import"./move.svg";import"./note.svg";import"./numpad.svg";import"./pause.svg";import"./play.svg";import"./plus.svg";import"./prompter.svg";import"./queue-member.svg";import"./radio.svg";import"./radio--checked.svg";import"./rec.svg";import"./rec-off.svg";import"./refresh.svg";import"./rounded-info.svg";import"./done.svg";import"./search.svg";import"./send-arrow.svg";import"./settings.svg";import"./sort-arrow-down.svg";import"./sort-arrow-up.svg";import"./sound-off.svg";import"./sound-on.svg";import"./star.svg";import"./star--filled.svg";import"./stop.svg";import"./tick.svg";import"./upload.svg";import"./video-off.svg";import"./video.svg";import"./zoom-in.svg";import"./zoom-out.svg";