@webitel/ui-sdk 2.1.40-1 → 2.1.40
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.
- package/dist/ui-sdk.common.js +8 -8
- package/dist/ui-sdk.common.js.map +1 -1
- package/dist/ui-sdk.css +1 -1
- package/dist/ui-sdk.umd.js +8 -8
- package/dist/ui-sdk.umd.js.map +1 -1
- package/dist/ui-sdk.umd.min.js +1 -1
- package/dist/ui-sdk.umd.min.js.map +1 -1
- package/package.json +1 -1
- package/src/components/atoms/wt-rounded-action/wt-rounded-action.vue +25 -7
package/package.json
CHANGED
|
@@ -80,6 +80,31 @@ export default {
|
|
|
80
80
|
&:hover {
|
|
81
81
|
background: var(--rounded-action-bg-color); // override default wt-button hover
|
|
82
82
|
box-shadow: var(--elevation-2);
|
|
83
|
+
border-color: var(--rounded-action-bg-color);
|
|
84
|
+
|
|
85
|
+
&.wt-rounded-action--color-secondary {
|
|
86
|
+
border-color: var(--icon-color);
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
&.wt-rounded-action--color-accent {
|
|
90
|
+
border-color: var(--btn-accent--hover-color);
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
&.wt-rounded-action--color-success {
|
|
94
|
+
border-color: var(--btn-true--hover-color);
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
&.wt-rounded-action--color-danger {
|
|
98
|
+
border-color: var(--btn-false--hover-color);
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
&.wt-rounded-action--color-hold {
|
|
102
|
+
border-color: var(--btn-hold--hover-color);
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
&.wt-rounded-action--color-transfer {
|
|
106
|
+
border-color: var(--btn-transfer--hover-color);
|
|
107
|
+
}
|
|
83
108
|
}
|
|
84
109
|
|
|
85
110
|
&--active {
|
|
@@ -114,37 +139,30 @@ export default {
|
|
|
114
139
|
|
|
115
140
|
&:hover {
|
|
116
141
|
box-shadow: var(--elevation-5);
|
|
117
|
-
border-color: var(--rounded-action-bg-color);
|
|
118
142
|
}
|
|
119
143
|
|
|
120
144
|
&.wt-rounded-action--color-secondary {
|
|
121
145
|
background-color: var(--btn-secondary-color);
|
|
122
|
-
border-color: var(--btn-secondary-color);
|
|
123
146
|
}
|
|
124
147
|
|
|
125
148
|
&.wt-rounded-action--color-accent {
|
|
126
149
|
background-color: var(--btn-accent--hover-color);
|
|
127
|
-
border-color: var(--btn-accent--hover-color);
|
|
128
150
|
}
|
|
129
151
|
|
|
130
152
|
&.wt-rounded-action--color-success {
|
|
131
153
|
background-color: var(--btn-true--hover-color);
|
|
132
|
-
border-color: var(--btn-true--hover-color);
|
|
133
154
|
}
|
|
134
155
|
|
|
135
156
|
&.wt-rounded-action--color-danger {
|
|
136
157
|
background-color: var(--btn-false--hover-color);
|
|
137
|
-
border-color: var(--btn-false--hover-color);
|
|
138
158
|
}
|
|
139
159
|
|
|
140
160
|
&.wt-rounded-action--color-hold {
|
|
141
161
|
background-color: var(--btn-false--hover-color);
|
|
142
|
-
border-color: var(--btn-false--hover-color);
|
|
143
162
|
}
|
|
144
163
|
|
|
145
164
|
&.wt-rounded-action--color-transfer {
|
|
146
165
|
background-color: var(--btn-false--hover-color);
|
|
147
|
-
border-color: var(--btn-false--hover-color);
|
|
148
166
|
}
|
|
149
167
|
}
|
|
150
168
|
|