@webitel/ui-sdk 0.9.66 → 1.0.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 (123) hide show
  1. package/CHANGELOG.md +41 -0
  2. package/dist/fonts/Montserrat-Black.27e3649b.ttf +0 -0
  3. package/dist/fonts/Montserrat-BlackItalic.d9b6ba59.ttf +0 -0
  4. package/dist/fonts/Montserrat-Bold.ade91f47.ttf +0 -0
  5. package/dist/fonts/Montserrat-BoldItalic.1b384149.ttf +0 -0
  6. package/dist/fonts/Montserrat-ExtraBold.19ba7aa5.ttf +0 -0
  7. package/dist/fonts/Montserrat-ExtraBoldItalic.52a50ca0.ttf +0 -0
  8. package/dist/fonts/Montserrat-ExtraLight.570a244c.ttf +0 -0
  9. package/dist/fonts/Montserrat-ExtraLightItalic.1170df55.ttf +0 -0
  10. package/dist/fonts/Montserrat-Italic.a7063e0c.ttf +0 -0
  11. package/dist/fonts/Montserrat-Light.409c7f79.ttf +0 -0
  12. package/dist/fonts/Montserrat-LightItalic.01c4560c.ttf +0 -0
  13. package/dist/fonts/Montserrat-Medium.c8b6e083.ttf +0 -0
  14. package/dist/fonts/Montserrat-MediumItalic.40a74702.ttf +0 -0
  15. package/dist/fonts/Montserrat-SemiBoldItalic.83c1ec1f.ttf +0 -0
  16. package/dist/fonts/Montserrat-Thin.43dd5b7a.ttf +0 -0
  17. package/dist/fonts/Montserrat-ThinItalic.3c2b290f.ttf +0 -0
  18. package/dist/ui-sdk.common.js +938 -919
  19. package/dist/ui-sdk.common.js.map +1 -1
  20. package/dist/ui-sdk.css +1 -1
  21. package/dist/ui-sdk.umd.js +938 -919
  22. package/dist/ui-sdk.umd.js.map +1 -1
  23. package/dist/ui-sdk.umd.min.js +2 -2
  24. package/dist/ui-sdk.umd.min.js.map +1 -1
  25. package/package.json +4 -4
  26. package/src/components/atoms/wt-button/wt-button.vue +187 -150
  27. package/src/components/atoms/wt-chip/__tests__/WtChip.spec.js +19 -0
  28. package/src/components/atoms/{wt-badge/wt-badge.vue → wt-chip/wt-chip.vue} +4 -4
  29. package/src/components/atoms/wt-context-menu/wt-context-menu.vue +1 -1
  30. package/src/components/atoms/wt-icon/wt-icon.vue +4 -0
  31. package/src/components/atoms/wt-indicator/wt-indicator.vue +39 -6
  32. package/src/components/atoms/wt-input-info/wt-input-info.vue +1 -1
  33. package/src/components/atoms/wt-loader/_internals/wt-loader--sm.vue +34 -153
  34. package/src/components/atoms/wt-loader/wt-loader.vue +2 -4
  35. package/src/components/atoms/wt-rounded-action/__tests__/WtRoundedAction.spec.js +0 -11
  36. package/src/components/atoms/wt-rounded-action/wt-rounded-action.vue +27 -179
  37. package/src/components/atoms/wt-tooltip/wt-tooltip.vue +2 -2
  38. package/src/components/index.js +2 -2
  39. package/src/components/molecules/wt-button-select/wt-button-select.vue +2 -1
  40. package/src/components/molecules/wt-datepicker/wt-datepicker.vue +61 -59
  41. package/src/components/molecules/wt-datetimepicker/wt-datetimepicker.vue +2 -2
  42. package/src/components/molecules/wt-input/wt-input.vue +4 -22
  43. package/src/components/molecules/wt-label/wt-label.vue +2 -2
  44. package/src/components/molecules/wt-notification/wt-notification.vue +3 -2
  45. package/src/components/molecules/wt-popup/__tests__/WtPopup.spec.js +1 -1
  46. package/src/components/molecules/wt-popup/wt-popup.vue +26 -28
  47. package/src/components/molecules/wt-progress-bar/wt-progress-bar.vue +3 -4
  48. package/src/components/molecules/wt-radio/wt-radio.vue +0 -2
  49. package/src/components/molecules/wt-search-bar/wt-search-bar.vue +4 -20
  50. package/src/components/molecules/wt-select/wt-select.vue +26 -25
  51. package/src/components/molecules/wt-tabs/wt-tabs.vue +6 -18
  52. package/src/components/molecules/wt-tags-input/wt-tags-input.vue +31 -20
  53. package/src/components/molecules/wt-textarea/wt-textarea.vue +6 -14
  54. package/src/components/molecules/wt-time-input/wt-time-input.vue +1 -1
  55. package/src/components/organisms/wt-app-header/wt-app-header.vue +1 -0
  56. package/src/components/organisms/wt-app-header/wt-app-navigator.vue +32 -33
  57. package/src/components/organisms/wt-app-header/wt-header-actions.vue +145 -144
  58. package/src/components/organisms/wt-filters-panel-wrapper/wt-filters-panel-wrapper.vue +3 -3
  59. package/src/components/organisms/wt-headline/wt-headline.vue +1 -2
  60. package/src/components/organisms/wt-navigation-bar/wt-navigation-bar.vue +8 -11
  61. package/src/components/organisms/wt-page-wrapper/wt-page-wrapper.vue +6 -14
  62. package/src/components/organisms/wt-pagination/wt-pagination.vue +5 -5
  63. package/src/components/organisms/wt-player/wt-player.vue +1 -1
  64. package/src/components/organisms/wt-status-select/wt-status-select.vue +24 -4
  65. package/src/components/organisms/wt-table/wt-table.vue +15 -12
  66. package/src/components/organisms/wt-table-actions/wt-table-actions.vue +2 -4
  67. package/src/components/organisms/wt-table-column-select/wt-table-column-select.vue +1 -1
  68. package/src/css/components/_components.scss +1 -1
  69. package/src/css/components/atoms/wt-button/_variables.scss +22 -24
  70. package/src/css/components/atoms/wt-chip/_variables.scss +7 -0
  71. package/src/css/components/atoms/{wt-badge/wt-badge.scss → wt-chip/wt-chip.scss} +8 -7
  72. package/src/css/components/atoms/wt-context-menu/_variables.scss +1 -1
  73. package/src/css/components/atoms/wt-indicator/_variables.scss +6 -2
  74. package/src/css/components/atoms/wt-rounded-action/_variables.scss +3 -26
  75. package/src/css/components/atoms/wt-tooltip/_variables.scss +7 -5
  76. package/src/css/components/molecules/wt-button-select/_variables.scss +5 -8
  77. package/src/css/components/molecules/wt-checkbox/_variables.scss +1 -1
  78. package/src/css/components/molecules/wt-datepicker/_variables.scss +15 -14
  79. package/src/css/components/molecules/wt-datepicker/datepicker-calendar.scss +20 -31
  80. package/src/css/components/molecules/wt-datetimepicker/_variables.scss +5 -5
  81. package/src/css/components/molecules/wt-input/_variables.scss +3 -3
  82. package/src/css/components/molecules/wt-notification/_variables.scss +4 -4
  83. package/src/css/components/molecules/wt-popup/_variables.scss +16 -8
  84. package/src/css/components/molecules/wt-progress-bar/_variables.scss +3 -3
  85. package/src/css/components/molecules/wt-radio/_variables.scss +1 -1
  86. package/src/css/components/molecules/wt-search-bar/_variables.scss +5 -1
  87. package/src/css/components/molecules/wt-select/_variables.scss +49 -13
  88. package/src/css/components/molecules/wt-switcher/_variables.scss +1 -1
  89. package/src/css/components/molecules/wt-tabs/_variables.scss +2 -2
  90. package/src/css/components/molecules/wt-tags-input/_variables.scss +4 -5
  91. package/src/css/components/molecules/wt-textarea/_variables.scss +9 -1
  92. package/src/css/components/molecules/wt-timepicker/_variables.scss +1 -1
  93. package/src/css/components/organisms/wt-app-header/_variables.scss +13 -9
  94. package/src/css/components/organisms/wt-headline/_variables.scss +3 -4
  95. package/src/css/components/organisms/wt-navigation-bar/_variables.scss +10 -10
  96. package/src/css/components/organisms/wt-notifications-bar/_variables.scss +2 -2
  97. package/src/css/components/organisms/wt-page-wrapper/_variables.scss +3 -3
  98. package/src/css/components/organisms/wt-pagination/_variables.scss +1 -3
  99. package/src/css/components/organisms/wt-player/_variables.scss +2 -2
  100. package/src/css/components/organisms/wt-status-select/_variables.scss +3 -3
  101. package/src/css/components/organisms/wt-table/_variables.scss +9 -9
  102. package/src/css/components/organisms/wt-table-actions/_variables.scss +2 -1
  103. package/src/css/main.scss +7 -5
  104. package/src/css/styleguide/_styleguide.scss +8 -3
  105. package/src/css/styleguide/border-radius/_border-radius.scss +4 -0
  106. package/src/css/{colors → styleguide/colors}/_colors.scss +5 -7
  107. package/src/css/{display-helpers → styleguide/display-helpers}/_display-helpers.scss +2 -0
  108. package/src/css/styleguide/elevations/_elevations.scss +13 -0
  109. package/src/css/styleguide/fonts/_fonts.scss +126 -0
  110. package/src/css/styleguide/placeholder/_placeholder.scss +49 -0
  111. package/src/css/styleguide/spacings/_spacings.scss +15 -0
  112. package/src/css/styleguide/transitions/_transitions.scss +1 -0
  113. package/src/css/{transitions → styleguide/transitions}/fade/_fade.scss +0 -0
  114. package/src/css/styleguide/typography/_typography.scss +102 -0
  115. package/src/css/{sizes → styleguide/viewport-breakpoints}/_viewport-breakpoints.scss +0 -0
  116. package/src/components/atoms/wt-badge/__tests__/WtBadge.spec.js +0 -19
  117. package/src/css/components/atoms/wt-badge/_variables.scss +0 -7
  118. package/src/css/fonts/_fonts.scss +0 -9
  119. package/src/css/shadows/_shadows.scss +0 -7
  120. package/src/css/sizes/_sizes.scss +0 -2
  121. package/src/css/sizes/_spacing.scss +0 -33
  122. package/src/css/transitions/_transitions.scss +0 -1
  123. package/src/css/typography/_typography.scss +0 -72
package/CHANGELOG.md ADDED
@@ -0,0 +1,41 @@
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. Typo size suffixes update: `-sm`, `-md`, `-lg` -> `-3`, `-2`, `-1`
25
+ 1.
26
+
27
+ ### Changes
28
+
29
+ 1. Updated spacings: `spacing-multiplicator` value increased from `4px` to `8px`.
30
+ 1. Updated typography:
31
+ - updated font files, added special font files for each `font-weight`
32
+ property (`100`-`900`) and style (`italic`)
33
+ - font-sizes of typography
34
+ - line-heights of typography
35
+
36
+ 1. (Almost?) all component paddings, spacings, etc. moved to `spacing` variables
37
+ 1. Refactored placeholder:
38
+ - removed hover
39
+ - removeed outline styles
40
+ - focus style now is more transparent than default state
41
+ 1. Many component styles reviewed and updated