@antscorp/antsomi-ui 1.3.5-beta.939 → 1.3.5-beta.940

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 (2) hide show
  1. package/es/providers/ConfigProvider/GlobalStyle.js +101 -46
  2. package/package.json +1 -1
package/es/providers/ConfigProvider/GlobalStyle.js CHANGED
@@ -146,65 +146,120 @@ export const GlobalStyle = () => (_jsx(Global, { styles: css `
146
146
  i {
147
147
  font-size: 20px;
148
148
  }
149
- }
150
-
151
- .antsomi-btn-default {
152
- &:not(:disabled):hover {
153
- border-color: ${THEME.token?.blue3} !important;
154
- background-color: ${THEME.token?.blue} !important;
155
- }
156
- &:not(:disabled).antsomi-btn-default-active {
157
- border-color: ${THEME.token?.colorPrimary} !important;
158
- background-color: ${THEME.token?.blue1_1} !important;
159
- }
160
-
161
- &.antsomi-btn-dangerous {
162
- border-color: ${THEME.token?.red2} !important;
163
149
 
150
+ &.antsomi-btn-default {
164
151
  &:not(:disabled):hover {
165
- border-color: ${THEME.token?.red3} !important;
166
- background-color: ${THEME.token?.red} !important;
152
+ border-color: ${THEME.token?.blue3};
153
+ background-color: ${THEME.token?.blue};
154
+ }
155
+ &:not(:disabled).antsomi-btn-default-active {
156
+ border-color: ${THEME.token?.colorPrimary};
157
+ background-color: ${THEME.token?.blue1_1};
167
158
  }
168
- }
169
159
 
170
- &.antsomi-btn-icon-only {
171
- width: 36px !important;
172
- height: 36px !important;
173
- }
160
+ &.antsomi-btn-dangerous {
161
+ border-color: ${THEME.token?.red2};
174
162
 
175
- &.antsomi-btn-icon-only.antsomi-btn-sm {
176
- /* Important to override the above code before */
177
- width: 24px !important;
178
- height: 24px !important;
179
- }
180
- }
163
+ &:not(:disabled):hover {
164
+ border-color: ${THEME.token?.red3};
165
+ background-color: ${THEME.token?.red};
166
+ }
167
+ }
181
168
 
182
- .antsomi-btn-text:disabled,
183
- .antsomi-btn-link:disabled {
184
- color: ${THEME.token?.bw6} !important;
185
- }
169
+ &.antsomi-btn-icon-only {
170
+ width: 36px;
171
+ height: 36px;
172
+ }
186
173
 
187
- /* .antsomi-btn-primary:disabled, */
188
- .antsomi-btn-default:disabled,
189
- .antsomi-btn-dashed:disabled,
190
- .antsomi-btn-disabled,
191
- .antsomi-btn-default.antsomi-btn-dangerous:disabled,
192
- .antsomi-btn-primary.antsomi-btn-dangerous:disabled {
193
- border-color: ${THEME.token?.bw4} !important;
194
- }
174
+ &.antsomi-btn-icon-only.antsomi-btn-sm {
175
+ /* Important to override the above code before */
176
+ width: 24px;
177
+ height: 24px;
178
+ }
179
+ }
195
180
 
196
- .antsomi-btn-default:disabled,
197
- .antsomi-btn-dashed:disabled,
198
- .antsomi-btn-disabled,
199
- .antsomi-btn-default.antsomi-btn-dangerous:disabled {
200
- color: ${THEME.token?.bw6} !important;
201
- background-color: ${THEME.token?.bw2} !important;
202
- }
181
+ &.antsomi-btn-text:disabled,
182
+ &.antsomi-btn-link:disabled {
183
+ color: ${THEME.token?.bw6};
184
+ }
185
+
186
+ /* .antsomi-btn-primary:disabled, */
187
+ &.antsomi-btn-default:disabled,
188
+ &.antsomi-btn-dashed:disabled,
189
+ &.antsomi-btn-disabled,
190
+ &.antsomi-btn-default.antsomi-btn-dangerous:disabled,
191
+ &.antsomi-btn-primary.antsomi-btn-dangerous:disabled {
192
+ border-color: ${THEME.token?.bw4};
193
+ }
194
+
195
+ &.antsomi-btn-default:disabled,
196
+ &.antsomi-btn-dashed:disabled,
197
+ &.antsomi-btn-disabled,
198
+ &.antsomi-btn-default.antsomi-btn-dangerous:disabled {
199
+ color: ${THEME.token?.bw6};
200
+ background-color: ${THEME.token?.bw2};
201
+ }
202
+ }
203
+
204
+ /* .antsomi-btn-default { */
205
+ /* &:not(:disabled):hover { */
206
+ /* border-color: ${THEME.token?.blue3} !important; */
207
+ /* background-color: ${THEME.token?.blue} !important; */
208
+ /* } */
209
+ /* &:not(:disabled).antsomi-btn-default-active { */
210
+ /* border-color: ${THEME.token?.colorPrimary} !important; */
211
+ /* background-color: ${THEME.token?.blue1_1} !important; */
212
+ /* } */
213
+ /**/
214
+ /* &.antsomi-btn-dangerous { */
215
+ /* border-color: ${THEME.token?.red2} !important; */
216
+ /**/
217
+ /* &:not(:disabled):hover { */
218
+ /* border-color: ${THEME.token?.red3} !important; */
219
+ /* background-color: ${THEME.token?.red} !important; */
220
+ /* } */
221
+ /* } */
222
+ /**/
223
+ /* &.antsomi-btn-icon-only { */
224
+ /* width: 36px !important; */
225
+ /* height: 36px !important; */
226
+ /* } */
227
+ /**/
228
+ /* &.antsomi-btn-icon-only.antsomi-btn-sm { */
229
+ /* /* Important to override the above code before */
230
+ */
231
+ /* width: 24px !important; */
232
+ /* height: 24px !important; */
233
+ /* } */
234
+ /* } */
235
+
236
+ /* .antsomi-btn-text:disabled, */
237
+ /* .antsomi-btn-link:disabled { */
238
+ /* color: ${THEME.token?.bw6} !important; */
239
+ /* } */
240
+ /**/
241
+ /* /* .antsomi-btn-primary:disabled, */ */
242
+ /* .antsomi-btn-default:disabled, */
243
+ /* .antsomi-btn-dashed:disabled, */
244
+ /* .antsomi-btn-disabled, */
245
+ /* .antsomi-btn-default.antsomi-btn-dangerous:disabled, */
246
+ /* .antsomi-btn-primary.antsomi-btn-dangerous:disabled { */
247
+ /* border-color: ${THEME.token?.bw4} !important; */
248
+ /* } */
249
+ /**/
250
+ /* .antsomi-btn-default:disabled, */
251
+ /* .antsomi-btn-dashed:disabled, */
252
+ /* .antsomi-btn-disabled, */
253
+ /* .antsomi-btn-default.antsomi-btn-dangerous:disabled { */
254
+ /* color: ${THEME.token?.bw6} !important; */
255
+ /* background-color: ${THEME.token?.bw2} !important; */
256
+ /* } */
203
257
 
204
258
  // NOTE: Just hot fix for easy looking
205
259
  .antsomi-btn-primary.antsomi-btn-compact-item.antsomi-btn-compact-first-item {
206
260
  padding-right: 6px !important;
207
261
  }
262
+
208
263
  .antsomi-btn-compact-item.antsomi-btn-primary.antsomi-btn-compact-last-item {
209
264
  width: fit-content;
210
265
  //padding: 0px !important;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@antscorp/antsomi-ui",
3
- "version": "1.3.5-beta.939",
3
+ "version": "1.3.5-beta.940",
4
4
  "description": "An enterprise-class UI design language and React UI library.",
5
5
  "sideEffects": [
6
6
  "dist/*",