@webitel/ui-sdk 1.0.4 → 1.0.5

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 (12) hide show
  1. package/dist/ui-sdk.common.js +83 -81
  2. package/dist/ui-sdk.common.js.map +1 -1
  3. package/dist/ui-sdk.css +1 -1
  4. package/dist/ui-sdk.umd.js +83 -81
  5. package/dist/ui-sdk.umd.js.map +1 -1
  6. package/dist/ui-sdk.umd.min.js +2 -2
  7. package/dist/ui-sdk.umd.min.js.map +1 -1
  8. package/package.json +1 -1
  9. package/src/components/molecules/wt-checkbox/wt-checkbox.vue +5 -1
  10. package/src/components/molecules/wt-popup/wt-popup.vue +14 -6
  11. package/src/components/molecules/wt-radio/wt-radio.vue +4 -0
  12. package/src/css/components/organisms/wt-table/_variables.scss +2 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@webitel/ui-sdk",
3
- "version": "1.0.4",
3
+ "version": "1.0.5",
4
4
  "private": false,
5
5
  "scripts": {
6
6
  "serve-lib": "vue-cli-service serve",
package/src/components/molecules/wt-checkbox/wt-checkbox.vue CHANGED
@@ -101,6 +101,10 @@
101
101
  .wt-checkbox {
102
102
  @include width-fit-content;
103
103
  box-sizing: border-box;
104
+
105
+ .wt-label {
106
+ cursor: pointer;
107
+ }
104
108
  }
105
109
 
106
110
  .wt-checkbox__wrapper {
@@ -108,7 +112,6 @@
108
112
  display: flex;
109
113
  align-items: center;
110
114
  user-select: none;
111
- cursor: pointer;
112
115
 
113
116
  .wt-checkbox__checkmark {
114
117
  line-height: 0; // prevent icon height >> content
@@ -118,6 +121,7 @@
118
121
  .wt-checkbox__label {
119
122
  margin-left: var(--checkbox-icon-margin);
120
123
  transition: var(--transition);
124
+ cursor: pointer;
121
125
  }
122
126
 
123
127
  /* Hide the browser's default checkbox */
package/src/components/molecules/wt-popup/wt-popup.vue CHANGED
@@ -1,9 +1,11 @@
1
1
  <template>
2
- <div class="wt-popup">
2
+ <div
3
+ class="wt-popup"
4
+ :class="{ 'wt-popup--overflow': overflow }"
5
+ >
3
6
  <div class="wt-popup__shadow"></div>
4
7
  <aside
5
8
  class="wt-popup__popup"
6
- :class="{'wt-popup__popup--overflow': overflow}"
7
9
  :style="popupStyle"
8
10
  >
9
11
  <header class="wt-popup__header">
@@ -82,10 +84,6 @@ export default {
82
84
  border-radius: var(--border-radius);
83
85
  box-shadow: var(--elevation-10);
84
86
  z-index: 1;
85
-
86
- &--overflow {
87
- overflow: visible;
88
- }
89
87
  }
90
88
 
91
89
  .wt-popup__header {
@@ -125,4 +123,14 @@ export default {
125
123
  gap: var(--popup-actions-padding);
126
124
  padding: var(--popup-actions-padding);
127
125
  }
126
+
127
+ .wt-popup--overflow {
128
+ .wt-popup__popup {
129
+ overflow: visible;
130
+ }
131
+
132
+ .wt-popup__main {
133
+ overflow: visible;
134
+ }
135
+ }
128
136
  </style>
package/src/components/molecules/wt-radio/wt-radio.vue CHANGED
@@ -81,6 +81,10 @@
81
81
  .wt-radio {
82
82
  @include width-fit-content;
83
83
  box-sizing: border-box;
84
+
85
+ .wt-label {
86
+ cursor: pointer;
87
+ }
84
88
  }
85
89
 
86
90
  .wt-radio__wrapper {
package/src/css/components/organisms/wt-table/_variables.scss CHANGED
@@ -7,8 +7,8 @@
7
7
  --table-head-border-color: var(--secondary-color);
8
8
 
9
9
  --table-min-height: 24px; // 24px icon size or body-1 lh
10
- --table-column-gap: var(--spacing-sm);
11
- --table-row-padding: var(--spacing-sm);
10
+ --table-column-gap: var(--spacing-xs);
11
+ --table-row-padding: var(--spacing-xs);
12
12
 
13
13
  --table-primary-color: var(--main-color);
14
14
  --table--hover-color: var(--accent-secondary-color);