@umami/react-zen 0.50.0 → 0.51.0

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.css +29 -29
  2. package/dist/index.js +1 -1
  3. package/dist/index.mjs +1 -1
  4. package/package.json +1 -1
  5. package/styles.css +29 -29
package/dist/index.css CHANGED
@@ -2253,7 +2253,7 @@
2253
2253
  }
2254
2254
 
2255
2255
  /* virtual-css:css:616ae3b49446388ff62e911490fa55d8 */
2256
- .Button_button__NjVkM {
2256
+ .Button_button__N2JkN {
2257
2257
  display: flex;
2258
2258
  align-items: center;
2259
2259
  justify-content: center;
@@ -2271,85 +2271,85 @@
2271
2271
  cursor: pointer;
2272
2272
  line-height: 1;
2273
2273
  }
2274
- .Button_button__NjVkM:disabled {
2274
+ .Button_button__N2JkN:disabled {
2275
2275
  color: var(--font-color-muted);
2276
2276
  pointer-events: none;
2277
2277
  }
2278
- .Button_button__NjVkM:hover {
2278
+ .Button_button__N2JkN:hover {
2279
2279
  background: color-mix(in srgb, var(--input-color), 5% var(--font-color));
2280
2280
  }
2281
- .Button_button__NjVkM[data-pressed] {
2281
+ .Button_button__N2JkN[data-pressed] {
2282
2282
  background: color-mix(in srgb, var(--input-color), 10% var(--font-color));
2283
2283
  }
2284
- .Button_button__NjVkM.Button_primary__ODE0Z {
2285
- color: var(--primary-font-color);
2284
+ .Button_button__N2JkN.Button_primary__YjA5Y {
2285
+ color: var(--primary-font-color) !important;
2286
2286
  background: var(--primary-color);
2287
2287
  }
2288
- .Button_button__NjVkM.Button_primary__ODE0Z:hover {
2288
+ .Button_button__N2JkN.Button_primary__YjA5Y:hover {
2289
2289
  background: color-mix(in srgb, var(--primary-color), 10% var(--background-color));
2290
2290
  }
2291
- .Button_button__NjVkM.Button_primary__ODE0Z[data-pressed] {
2291
+ .Button_button__N2JkN.Button_primary__YjA5Y[data-pressed] {
2292
2292
  background: color-mix(in srgb, var(--primary-color), 20% var(--background-color));
2293
2293
  }
2294
- .Button_button__NjVkM.Button_primary__ODE0Z:disabled {
2294
+ .Button_button__N2JkN.Button_primary__YjA5Y:disabled {
2295
2295
  color: var(--primary-font-color);
2296
2296
  background: var(--base-color-500);
2297
2297
  }
2298
- .Button_button__NjVkM.Button_outline__YWI2M {
2298
+ .Button_button__N2JkN.Button_outline__ZGQwY {
2299
2299
  background: transparent;
2300
2300
  border: var(--border);
2301
2301
  box-shadow: var(--box-shadow-1);
2302
2302
  }
2303
- .Button_button__NjVkM.Button_outline__YWI2M:hover {
2304
- background: var(--input-color);
2303
+ .Button_button__N2JkN.Button_outline__ZGQwY:hover {
2304
+ background: var(--highlight-color);
2305
2305
  }
2306
- .Button_button__NjVkM.Button_outline__YWI2M[data-pressed] {
2307
- background: color-mix(in srgb, var(--input-color), 5% var(--font-color));
2306
+ .Button_button__N2JkN.Button_outline__ZGQwY[data-pressed] {
2307
+ background: color-mix(in srgb, var(--highlight-color), 5% var(--font-color));
2308
2308
  }
2309
- .Button_button__NjVkM.Button_quiet__ZjE5N {
2309
+ .Button_button__N2JkN.Button_quiet__OWQ4O {
2310
2310
  background: transparent;
2311
2311
  }
2312
- .Button_button__NjVkM.Button_quiet__ZjE5N:hover {
2313
- background: var(--input-color);
2312
+ .Button_button__N2JkN.Button_quiet__OWQ4O:hover {
2313
+ background: var(--highlight-color);
2314
2314
  }
2315
- .Button_button__NjVkM.Button_quiet__ZjE5N[data-pressed] {
2316
- background: color-mix(in srgb, var(--input-color), 5% var(--font-color));
2315
+ .Button_button__N2JkN.Button_quiet__OWQ4O[data-pressed] {
2316
+ background: color-mix(in srgb, var(--highlight-color), 5% var(--font-color));
2317
2317
  }
2318
- .Button_button__NjVkM.Button_danger__YTliM {
2318
+ .Button_button__N2JkN.Button_danger__MzdiN {
2319
2319
  color: var(--light-color);
2320
2320
  background: var(--danger-color);
2321
2321
  }
2322
- .Button_button__NjVkM.Button_danger__YTliM:hover {
2322
+ .Button_button__N2JkN.Button_danger__MzdiN:hover {
2323
2323
  background: color-mix(in srgb, var(--danger-color), 6% black);
2324
2324
  }
2325
- .Button_button__NjVkM.Button_danger__YTliM[data-pressed] {
2325
+ .Button_button__N2JkN.Button_danger__MzdiN[data-pressed] {
2326
2326
  background: color-mix(in srgb, var(--danger-color), 12% black);
2327
2327
  }
2328
- .Button_button__NjVkM.Button_danger__YTliM:disabled {
2328
+ .Button_button__N2JkN.Button_danger__MzdiN:disabled {
2329
2329
  color: var(--primary-font-color);
2330
2330
  background: var(--base-color-500);
2331
2331
  }
2332
- .Button_button__NjVkM.Button_xs__ZjFkY {
2332
+ .Button_button__N2JkN.Button_xs__NmJiZ {
2333
2333
  font-size: .8rem;
2334
2334
  padding: 0.5rem 0.75rem;
2335
2335
  }
2336
- .Button_button__NjVkM.Button_sm__OGEyM {
2336
+ .Button_button__N2JkN.Button_sm__ZTVhM {
2337
2337
  font-size: .9rem;
2338
2338
  padding: 0.5rem 0.75rem;
2339
2339
  }
2340
- .Button_button__NjVkM.Button_md__OWE1Y {
2340
+ .Button_button__N2JkN.Button_md__OWQ4Y {
2341
2341
  font-size: 1rem;
2342
2342
  padding: 0.75rem 1rem;
2343
2343
  }
2344
- .Button_button__NjVkM.Button_lg__NDAzN {
2344
+ .Button_button__N2JkN.Button_lg__YzY5N {
2345
2345
  font-size: 1.1rem;
2346
2346
  padding: 1rem 1.25rem;
2347
2347
  }
2348
- .Button_button__NjVkM.Button_xl__ZmJkO {
2348
+ .Button_button__N2JkN.Button_xl__ODMyN {
2349
2349
  font-size: 1.3rem;
2350
2350
  padding: 1.25rem 1.5rem;
2351
2351
  }
2352
- body a.Button_button__NjVkM {
2352
+ body a.Button_button__N2JkN {
2353
2353
  color: inherit;
2354
2354
  text-decoration: none;
2355
2355
  }
package/dist/index.js CHANGED
@@ -39405,7 +39405,7 @@ var import_react246 = require("react");
39405
39405
  var import_classnames8 = __toESM(require_classnames());
39406
39406
 
39407
39407
  // css-modules:E:\dev\umami-react-zen\src\components\Button.module.css
39408
- var Button_default = { "button": "Button_button__NjVkM", "primary": "Button_primary__ODE0Z", "outline": "Button_outline__YWI2M", "quiet": "Button_quiet__ZjE5N", "danger": "Button_danger__YTliM", "xs": "Button_xs__ZjFkY", "sm": "Button_sm__OGEyM", "md": "Button_md__OWE1Y", "lg": "Button_lg__NDAzN", "xl": "Button_xl__ZmJkO" };
39408
+ var Button_default = { "button": "Button_button__N2JkN", "primary": "Button_primary__YjA5Y", "outline": "Button_outline__ZGQwY", "quiet": "Button_quiet__OWQ4O", "danger": "Button_danger__MzdiN", "xs": "Button_xs__NmJiZ", "sm": "Button_sm__ZTVhM", "md": "Button_md__OWQ4Y", "lg": "Button_lg__YzY5N", "xl": "Button_xl__ODMyN" };
39409
39409
 
39410
39410
  // src/components/Button.tsx
39411
39411
  var import_jsx_runtime11 = require("react/jsx-runtime");
package/dist/index.mjs CHANGED
@@ -39303,7 +39303,7 @@ import { forwardRef as forwardRef2 } from "react";
39303
39303
  var import_classnames8 = __toESM(require_classnames());
39304
39304
 
39305
39305
  // css-modules:E:\dev\umami-react-zen\src\components\Button.module.css
39306
- var Button_default = { "button": "Button_button__NjVkM", "primary": "Button_primary__ODE0Z", "outline": "Button_outline__YWI2M", "quiet": "Button_quiet__ZjE5N", "danger": "Button_danger__YTliM", "xs": "Button_xs__ZjFkY", "sm": "Button_sm__OGEyM", "md": "Button_md__OWE1Y", "lg": "Button_lg__NDAzN", "xl": "Button_xl__ZmJkO" };
39306
+ var Button_default = { "button": "Button_button__N2JkN", "primary": "Button_primary__YjA5Y", "outline": "Button_outline__ZGQwY", "quiet": "Button_quiet__OWQ4O", "danger": "Button_danger__MzdiN", "xs": "Button_xs__NmJiZ", "sm": "Button_sm__ZTVhM", "md": "Button_md__OWQ4Y", "lg": "Button_lg__YzY5N", "xl": "Button_xl__ODMyN" };
39307
39307
 
39308
39308
  // src/components/Button.tsx
39309
39309
  import { jsx as jsx11 } from "react/jsx-runtime";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@umami/react-zen",
3
- "version": "0.50.0",
3
+ "version": "0.51.0",
4
4
  "description": "React components built by Umami",
5
5
  "author": "Umami <hello@umami.is>",
6
6
  "license": "MIT",
package/styles.css CHANGED
@@ -2521,7 +2521,7 @@ li {
2521
2521
  }
2522
2522
 
2523
2523
  /* virtual-css:css:616ae3b49446388ff62e911490fa55d8 */
2524
- .Button_button__NjVkM {
2524
+ .Button_button__N2JkN {
2525
2525
  display: flex;
2526
2526
  align-items: center;
2527
2527
  justify-content: center;
@@ -2539,85 +2539,85 @@ li {
2539
2539
  cursor: pointer;
2540
2540
  line-height: 1;
2541
2541
  }
2542
- .Button_button__NjVkM:disabled {
2542
+ .Button_button__N2JkN:disabled {
2543
2543
  color: var(--font-color-muted);
2544
2544
  pointer-events: none;
2545
2545
  }
2546
- .Button_button__NjVkM:hover {
2546
+ .Button_button__N2JkN:hover {
2547
2547
  background: color-mix(in srgb, var(--input-color), 5% var(--font-color));
2548
2548
  }
2549
- .Button_button__NjVkM[data-pressed] {
2549
+ .Button_button__N2JkN[data-pressed] {
2550
2550
  background: color-mix(in srgb, var(--input-color), 10% var(--font-color));
2551
2551
  }
2552
- .Button_button__NjVkM.Button_primary__ODE0Z {
2553
- color: var(--primary-font-color);
2552
+ .Button_button__N2JkN.Button_primary__YjA5Y {
2553
+ color: var(--primary-font-color) !important;
2554
2554
  background: var(--primary-color);
2555
2555
  }
2556
- .Button_button__NjVkM.Button_primary__ODE0Z:hover {
2556
+ .Button_button__N2JkN.Button_primary__YjA5Y:hover {
2557
2557
  background: color-mix(in srgb, var(--primary-color), 10% var(--background-color));
2558
2558
  }
2559
- .Button_button__NjVkM.Button_primary__ODE0Z[data-pressed] {
2559
+ .Button_button__N2JkN.Button_primary__YjA5Y[data-pressed] {
2560
2560
  background: color-mix(in srgb, var(--primary-color), 20% var(--background-color));
2561
2561
  }
2562
- .Button_button__NjVkM.Button_primary__ODE0Z:disabled {
2562
+ .Button_button__N2JkN.Button_primary__YjA5Y:disabled {
2563
2563
  color: var(--primary-font-color);
2564
2564
  background: var(--base-color-500);
2565
2565
  }
2566
- .Button_button__NjVkM.Button_outline__YWI2M {
2566
+ .Button_button__N2JkN.Button_outline__ZGQwY {
2567
2567
  background: transparent;
2568
2568
  border: var(--border);
2569
2569
  box-shadow: var(--box-shadow-1);
2570
2570
  }
2571
- .Button_button__NjVkM.Button_outline__YWI2M:hover {
2572
- background: var(--input-color);
2571
+ .Button_button__N2JkN.Button_outline__ZGQwY:hover {
2572
+ background: var(--highlight-color);
2573
2573
  }
2574
- .Button_button__NjVkM.Button_outline__YWI2M[data-pressed] {
2575
- background: color-mix(in srgb, var(--input-color), 5% var(--font-color));
2574
+ .Button_button__N2JkN.Button_outline__ZGQwY[data-pressed] {
2575
+ background: color-mix(in srgb, var(--highlight-color), 5% var(--font-color));
2576
2576
  }
2577
- .Button_button__NjVkM.Button_quiet__ZjE5N {
2577
+ .Button_button__N2JkN.Button_quiet__OWQ4O {
2578
2578
  background: transparent;
2579
2579
  }
2580
- .Button_button__NjVkM.Button_quiet__ZjE5N:hover {
2581
- background: var(--input-color);
2580
+ .Button_button__N2JkN.Button_quiet__OWQ4O:hover {
2581
+ background: var(--highlight-color);
2582
2582
  }
2583
- .Button_button__NjVkM.Button_quiet__ZjE5N[data-pressed] {
2584
- background: color-mix(in srgb, var(--input-color), 5% var(--font-color));
2583
+ .Button_button__N2JkN.Button_quiet__OWQ4O[data-pressed] {
2584
+ background: color-mix(in srgb, var(--highlight-color), 5% var(--font-color));
2585
2585
  }
2586
- .Button_button__NjVkM.Button_danger__YTliM {
2586
+ .Button_button__N2JkN.Button_danger__MzdiN {
2587
2587
  color: var(--light-color);
2588
2588
  background: var(--danger-color);
2589
2589
  }
2590
- .Button_button__NjVkM.Button_danger__YTliM:hover {
2590
+ .Button_button__N2JkN.Button_danger__MzdiN:hover {
2591
2591
  background: color-mix(in srgb, var(--danger-color), 6% black);
2592
2592
  }
2593
- .Button_button__NjVkM.Button_danger__YTliM[data-pressed] {
2593
+ .Button_button__N2JkN.Button_danger__MzdiN[data-pressed] {
2594
2594
  background: color-mix(in srgb, var(--danger-color), 12% black);
2595
2595
  }
2596
- .Button_button__NjVkM.Button_danger__YTliM:disabled {
2596
+ .Button_button__N2JkN.Button_danger__MzdiN:disabled {
2597
2597
  color: var(--primary-font-color);
2598
2598
  background: var(--base-color-500);
2599
2599
  }
2600
- .Button_button__NjVkM.Button_xs__ZjFkY {
2600
+ .Button_button__N2JkN.Button_xs__NmJiZ {
2601
2601
  font-size: .8rem;
2602
2602
  padding: 0.5rem 0.75rem;
2603
2603
  }
2604
- .Button_button__NjVkM.Button_sm__OGEyM {
2604
+ .Button_button__N2JkN.Button_sm__ZTVhM {
2605
2605
  font-size: .9rem;
2606
2606
  padding: 0.5rem 0.75rem;
2607
2607
  }
2608
- .Button_button__NjVkM.Button_md__OWE1Y {
2608
+ .Button_button__N2JkN.Button_md__OWQ4Y {
2609
2609
  font-size: 1rem;
2610
2610
  padding: 0.75rem 1rem;
2611
2611
  }
2612
- .Button_button__NjVkM.Button_lg__NDAzN {
2612
+ .Button_button__N2JkN.Button_lg__YzY5N {
2613
2613
  font-size: 1.1rem;
2614
2614
  padding: 1rem 1.25rem;
2615
2615
  }
2616
- .Button_button__NjVkM.Button_xl__ZmJkO {
2616
+ .Button_button__N2JkN.Button_xl__ODMyN {
2617
2617
  font-size: 1.3rem;
2618
2618
  padding: 1.25rem 1.5rem;
2619
2619
  }
2620
- body a.Button_button__NjVkM {
2620
+ body a.Button_button__N2JkN {
2621
2621
  color: inherit;
2622
2622
  text-decoration: none;
2623
2623
  }