@mmb-digital/design-system-web 0.1.72 → 0.1.73

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 (5) hide show
  1. package/dist/index.cjs.js +10 -6
  2. package/dist/index.cjs.js.map +1 -1
  3. package/dist/index.esm.js +10 -6
  4. package/dist/index.esm.js.map +1 -1
  5. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -212,6 +212,10 @@
212
212
  cursor: pointer;
213
213
  border: none;
214
214
  outline: none;
215
+ transition-timing-function: ease-in-out;
216
+ transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
217
+ transition-duration: 0.2s;
218
+ transition-property: color, background-color, box-shadow;
215
219
 
216
220
  &:focus-visible {
217
221
  outline-width: 3px;
@@ -247,24 +251,24 @@
247
251
  `;case exports.ButtonStyle.SECONDARY:return t.css`
248
252
  color: ${({theme:e})=>n(e.colors.fg.neutral.subtle)} !important;
249
253
  background-color: transparent;
250
- box-shadow: inset 0 0 0 1px ${({theme:e})=>n(e.colors.border.neutral.subtle)};
254
+ box-shadow: 0 0 0 1px ${({theme:e})=>n(e.colors.border.neutral.subtle)};
251
255
 
252
256
  &:disabled {
253
257
  color: ${({theme:e})=>n(e.colors.fg.disabled)} !important;
254
258
  background-color: transparent;
255
- box-shadow: inset 0 0 0 1px solid ${({theme:e})=>n(e.colors.bg.disabled)};
259
+ box-shadow: 0 0 0 1px solid ${({theme:e})=>n(e.colors.bg.disabled)};
256
260
  }
257
261
 
258
262
  &:hover:not([disabled]) {
259
263
  color: ${({theme:e})=>n(e.colors.fg.brand.bold)} !important;
260
264
  background-color: ${({theme:e})=>n(e.colors.bg.brand.default)};
261
- box-shadow: inset 0 0 0 2px ${({theme:e})=>n(e.colors.border.brand.subtle)};
265
+ box-shadow: 0 0 0 2px ${({theme:e})=>n(e.colors.border.brand.subtle)};
262
266
  }
263
267
 
264
268
  &:active:not([disabled]) {
265
269
  color: ${({theme:e})=>n(e.colors.fg.brand.bold)} !important;
266
270
  background-color: ${({theme:e})=>n(e.colors.bg.brand.default.pressed)};
267
- box-shadow: inset 0 0 0 2px ${({theme:e})=>n(e.colors.border.brand.subtle)};
271
+ box-shadow: 0 0 0 2px ${({theme:e})=>n(e.colors.border.brand.subtle)};
268
272
  }
269
273
  `;case exports.ButtonStyle.TERTIARY:return t.css`
270
274
  color: ${({theme:e})=>n(e.colors.fg.neutral.subtle)} !important;
@@ -278,13 +282,13 @@
278
282
  &:hover:not([disabled]) {
279
283
  color: ${({theme:e})=>n(e.colors.fg.brand.bold)} !important;
280
284
  background-color: ${({theme:e})=>n(e.colors.bg.brand.default)};
281
- box-shadow: inset 0 0 0 2px ${({theme:e})=>n(e.colors.border.brand.subtle)};
285
+ box-shadow: 0 0 0 2px ${({theme:e})=>n(e.colors.border.brand.subtle)};
282
286
  }
283
287
 
284
288
  &:active:not([disabled]) {
285
289
  color: ${({theme:e})=>n(e.colors.fg.brand.bold)} !important;
286
290
  background-color: ${({theme:e})=>n(e.colors.bg.brand.default.pressed)};
287
- box-shadow: none;
291
+ box-shadow: 0 0 0 2px ${({theme:e})=>n(e.colors.bg.brand.default.pressed)};
288
292
  }
289
293
  `;default:return""}}}
290
294