@antscorp/antsomi-ui 1.3.5-beta.938 → 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 -51
  2. package/package.json +1 -1
package/es/providers/ConfigProvider/GlobalStyle.js CHANGED
@@ -146,70 +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
-
170
- &.antsomi-btn-icon-only {
171
- width: 36px !important;
172
- height: 36px !important;
173
- }
174
159
 
175
- &.antsomi-btn-icon-only.antsomi-btn-default {
176
- width: 30px !important;
177
- height: 30px !important;
178
- }
160
+ &.antsomi-btn-dangerous {
161
+ border-color: ${THEME.token?.red2};
179
162
 
180
- &.antsomi-btn-icon-only.antsomi-btn-sm {
181
- /* Important to override the above code before */
182
- width: 24px !important;
183
- height: 24px !important;
184
- }
185
- }
163
+ &:not(:disabled):hover {
164
+ border-color: ${THEME.token?.red3};
165
+ background-color: ${THEME.token?.red};
166
+ }
167
+ }
186
168
 
187
- .antsomi-btn-text:disabled,
188
- .antsomi-btn-link:disabled {
189
- color: ${THEME.token?.bw6} !important;
190
- }
169
+ &.antsomi-btn-icon-only {
170
+ width: 36px;
171
+ height: 36px;
172
+ }
191
173
 
192
- /* .antsomi-btn-primary:disabled, */
193
- .antsomi-btn-default:disabled,
194
- .antsomi-btn-dashed:disabled,
195
- .antsomi-btn-disabled,
196
- .antsomi-btn-default.antsomi-btn-dangerous:disabled,
197
- .antsomi-btn-primary.antsomi-btn-dangerous:disabled {
198
- border-color: ${THEME.token?.bw4} !important;
199
- }
174
+ &.antsomi-btn-icon-only.antsomi-btn-sm {
175
+ /* Important to override the above code before */
176
+ width: 24px;
177
+ height: 24px;
178
+ }
179
+ }
200
180
 
201
- .antsomi-btn-default:disabled,
202
- .antsomi-btn-dashed:disabled,
203
- .antsomi-btn-disabled,
204
- .antsomi-btn-default.antsomi-btn-dangerous:disabled {
205
- color: ${THEME.token?.bw6} !important;
206
- background-color: ${THEME.token?.bw2} !important;
207
- }
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
+ /* } */
208
257
 
209
258
  // NOTE: Just hot fix for easy looking
210
259
  .antsomi-btn-primary.antsomi-btn-compact-item.antsomi-btn-compact-first-item {
211
260
  padding-right: 6px !important;
212
261
  }
262
+
213
263
  .antsomi-btn-compact-item.antsomi-btn-primary.antsomi-btn-compact-last-item {
214
264
  width: fit-content;
215
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.938",
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/*",