@webitel/ui-sdk 0.9.64 → 1.0.1

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 (147) 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 +939 -920
  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 +939 -920
  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 +5 -6
  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-chip/wt-chip.vue +23 -0
  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} +12 -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/locale/en/en.js +28 -3
  117. package/src/locale/ru/ru.js +26 -1
  118. package/src/locale/ua/ua.js +26 -1
  119. package/src/modules/QueryFilters/api/__tests__/defaults.spec.js +18 -0
  120. package/src/modules/QueryFilters/api/defaults.js +16 -0
  121. package/src/modules/QueryFilters/components/__tests__/abstract-enum-filter.spec.js +0 -3
  122. package/src/modules/QueryFilters/components/__tests__/filter-search.spec.js +28 -23
  123. package/src/modules/QueryFilters/components/filter-search.vue +1 -1
  124. package/src/modules/QueryFilters/mixins/__tests__/apiFilterMixin.spec.js +14 -15
  125. package/src/modules/QueryFilters/mixins/__tests__/enumFilterMixin.spec.js +35 -50
  126. package/src/modules/QueryFilters/mixins/__tests__/paginationFilterMixin.spec.js +86 -0
  127. package/src/modules/QueryFilters/mixins/__tests__/sortFilterMixin.spec.js +11 -16
  128. package/src/modules/QueryFilters/mixins/__tests__/urlControllerMixin.spec.js +48 -0
  129. package/src/modules/QueryFilters/mixins/_urlControllerMixin/_urlControllerMixin.js +39 -0
  130. package/src/modules/QueryFilters/mixins/baseFilterMixin/baseFilterMixin.js +2 -8
  131. package/src/modules/QueryFilters/mixins/enumFilterMixin.js +9 -11
  132. package/src/modules/QueryFilters/mixins/paginationFilterMixin.js +76 -0
  133. package/src/modules/QueryFilters/store/QueryFiltersStoreModule.js +0 -6
  134. package/src/modules/QueryFilters/store/queryFilters.js +6 -0
  135. package/src/components/atoms/wt-badge/__tests__/WtBadge.spec.js +0 -19
  136. package/src/components/atoms/wt-badge/wt-badge.vue +0 -23
  137. package/src/css/components/atoms/wt-badge/_variables.scss +0 -7
  138. package/src/css/fonts/_fonts.scss +0 -9
  139. package/src/css/shadows/_shadows.scss +0 -7
  140. package/src/css/sizes/_sizes.scss +0 -2
  141. package/src/css/sizes/_spacing.scss +0 -33
  142. package/src/css/transitions/_transitions.scss +0 -1
  143. package/src/css/typography/_typography.scss +0 -72
  144. package/src/modules/QueryFilters/components/__tests__/filter-pagination.spec.js +0 -71
  145. package/src/modules/QueryFilters/components/filter-pagination.vue +0 -110
  146. package/src/modules/QueryFilters/store/QueryControllerStoreModule.js +0 -64
  147. package/src/modules/QueryFilters/store/__tests__/QueryControllerStoreModule.spec.js +0 -42
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