@umami/react-zen 0.49.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 +30 -31
  2. package/dist/index.js +2 -2
  3. package/dist/index.mjs +2 -2
  4. package/package.json +1 -1
  5. package/styles.css +30 -31
package/dist/index.css CHANGED
@@ -2215,10 +2215,9 @@
2215
2215
  }
2216
2216
 
2217
2217
  /* virtual-css:css:30dc0f59418ffcc16fc4fc9d2cfc50c3 */
2218
- :where(.Text_text__MzY5N) {
2218
+ :where(.Text_text__ZDk3Y) {
2219
2219
  color: var(--font-color);
2220
2220
  font-size: var(--font-size);
2221
- line-height: 1.2em;
2222
2221
  }
2223
2222
 
2224
2223
  /* virtual-css:css:c1c264103e87c7a7d9c345a7e75f073b */
@@ -2254,7 +2253,7 @@
2254
2253
  }
2255
2254
 
2256
2255
  /* virtual-css:css:616ae3b49446388ff62e911490fa55d8 */
2257
- .Button_button__NjVkM {
2256
+ .Button_button__N2JkN {
2258
2257
  display: flex;
2259
2258
  align-items: center;
2260
2259
  justify-content: center;
@@ -2272,85 +2271,85 @@
2272
2271
  cursor: pointer;
2273
2272
  line-height: 1;
2274
2273
  }
2275
- .Button_button__NjVkM:disabled {
2274
+ .Button_button__N2JkN:disabled {
2276
2275
  color: var(--font-color-muted);
2277
2276
  pointer-events: none;
2278
2277
  }
2279
- .Button_button__NjVkM:hover {
2278
+ .Button_button__N2JkN:hover {
2280
2279
  background: color-mix(in srgb, var(--input-color), 5% var(--font-color));
2281
2280
  }
2282
- .Button_button__NjVkM[data-pressed] {
2281
+ .Button_button__N2JkN[data-pressed] {
2283
2282
  background: color-mix(in srgb, var(--input-color), 10% var(--font-color));
2284
2283
  }
2285
- .Button_button__NjVkM.Button_primary__ODE0Z {
2286
- color: var(--primary-font-color);
2284
+ .Button_button__N2JkN.Button_primary__YjA5Y {
2285
+ color: var(--primary-font-color) !important;
2287
2286
  background: var(--primary-color);
2288
2287
  }
2289
- .Button_button__NjVkM.Button_primary__ODE0Z:hover {
2288
+ .Button_button__N2JkN.Button_primary__YjA5Y:hover {
2290
2289
  background: color-mix(in srgb, var(--primary-color), 10% var(--background-color));
2291
2290
  }
2292
- .Button_button__NjVkM.Button_primary__ODE0Z[data-pressed] {
2291
+ .Button_button__N2JkN.Button_primary__YjA5Y[data-pressed] {
2293
2292
  background: color-mix(in srgb, var(--primary-color), 20% var(--background-color));
2294
2293
  }
2295
- .Button_button__NjVkM.Button_primary__ODE0Z:disabled {
2294
+ .Button_button__N2JkN.Button_primary__YjA5Y:disabled {
2296
2295
  color: var(--primary-font-color);
2297
2296
  background: var(--base-color-500);
2298
2297
  }
2299
- .Button_button__NjVkM.Button_outline__YWI2M {
2298
+ .Button_button__N2JkN.Button_outline__ZGQwY {
2300
2299
  background: transparent;
2301
2300
  border: var(--border);
2302
2301
  box-shadow: var(--box-shadow-1);
2303
2302
  }
2304
- .Button_button__NjVkM.Button_outline__YWI2M:hover {
2305
- background: var(--input-color);
2303
+ .Button_button__N2JkN.Button_outline__ZGQwY:hover {
2304
+ background: var(--highlight-color);
2306
2305
  }
2307
- .Button_button__NjVkM.Button_outline__YWI2M[data-pressed] {
2308
- 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));
2309
2308
  }
2310
- .Button_button__NjVkM.Button_quiet__ZjE5N {
2309
+ .Button_button__N2JkN.Button_quiet__OWQ4O {
2311
2310
  background: transparent;
2312
2311
  }
2313
- .Button_button__NjVkM.Button_quiet__ZjE5N:hover {
2314
- background: var(--input-color);
2312
+ .Button_button__N2JkN.Button_quiet__OWQ4O:hover {
2313
+ background: var(--highlight-color);
2315
2314
  }
2316
- .Button_button__NjVkM.Button_quiet__ZjE5N[data-pressed] {
2317
- 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));
2318
2317
  }
2319
- .Button_button__NjVkM.Button_danger__YTliM {
2318
+ .Button_button__N2JkN.Button_danger__MzdiN {
2320
2319
  color: var(--light-color);
2321
2320
  background: var(--danger-color);
2322
2321
  }
2323
- .Button_button__NjVkM.Button_danger__YTliM:hover {
2322
+ .Button_button__N2JkN.Button_danger__MzdiN:hover {
2324
2323
  background: color-mix(in srgb, var(--danger-color), 6% black);
2325
2324
  }
2326
- .Button_button__NjVkM.Button_danger__YTliM[data-pressed] {
2325
+ .Button_button__N2JkN.Button_danger__MzdiN[data-pressed] {
2327
2326
  background: color-mix(in srgb, var(--danger-color), 12% black);
2328
2327
  }
2329
- .Button_button__NjVkM.Button_danger__YTliM:disabled {
2328
+ .Button_button__N2JkN.Button_danger__MzdiN:disabled {
2330
2329
  color: var(--primary-font-color);
2331
2330
  background: var(--base-color-500);
2332
2331
  }
2333
- .Button_button__NjVkM.Button_xs__ZjFkY {
2332
+ .Button_button__N2JkN.Button_xs__NmJiZ {
2334
2333
  font-size: .8rem;
2335
2334
  padding: 0.5rem 0.75rem;
2336
2335
  }
2337
- .Button_button__NjVkM.Button_sm__OGEyM {
2336
+ .Button_button__N2JkN.Button_sm__ZTVhM {
2338
2337
  font-size: .9rem;
2339
2338
  padding: 0.5rem 0.75rem;
2340
2339
  }
2341
- .Button_button__NjVkM.Button_md__OWE1Y {
2340
+ .Button_button__N2JkN.Button_md__OWQ4Y {
2342
2341
  font-size: 1rem;
2343
2342
  padding: 0.75rem 1rem;
2344
2343
  }
2345
- .Button_button__NjVkM.Button_lg__NDAzN {
2344
+ .Button_button__N2JkN.Button_lg__YzY5N {
2346
2345
  font-size: 1.1rem;
2347
2346
  padding: 1rem 1.25rem;
2348
2347
  }
2349
- .Button_button__NjVkM.Button_xl__ZmJkO {
2348
+ .Button_button__N2JkN.Button_xl__ODMyN {
2350
2349
  font-size: 1.3rem;
2351
2350
  padding: 1.25rem 1.5rem;
2352
2351
  }
2353
- body a.Button_button__NjVkM {
2352
+ body a.Button_button__N2JkN {
2354
2353
  color: inherit;
2355
2354
  text-decoration: none;
2356
2355
  }
package/dist/index.js CHANGED
@@ -39260,7 +39260,7 @@ function Column({ reverse, children, ...props }) {
39260
39260
  var import_classnames5 = __toESM(require_classnames());
39261
39261
 
39262
39262
  // css-modules:E:\dev\umami-react-zen\src\components\Text.module.css
39263
- var Text_default = { "text": "Text_text__MzY5N" };
39263
+ var Text_default = { "text": "Text_text__ZDk3Y" };
39264
39264
 
39265
39265
  // src/components/Text.tsx
39266
39266
  var import_jsx_runtime8 = require("react/jsx-runtime");
@@ -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
@@ -39158,7 +39158,7 @@ function Column({ reverse, children, ...props }) {
39158
39158
  var import_classnames5 = __toESM(require_classnames());
39159
39159
 
39160
39160
  // css-modules:E:\dev\umami-react-zen\src\components\Text.module.css
39161
- var Text_default = { "text": "Text_text__MzY5N" };
39161
+ var Text_default = { "text": "Text_text__ZDk3Y" };
39162
39162
 
39163
39163
  // src/components/Text.tsx
39164
39164
  import { jsx as jsx8 } from "react/jsx-runtime";
@@ -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.49.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
@@ -2483,10 +2483,9 @@ li {
2483
2483
  }
2484
2484
 
2485
2485
  /* virtual-css:css:30dc0f59418ffcc16fc4fc9d2cfc50c3 */
2486
- :where(.Text_text__MzY5N) {
2486
+ :where(.Text_text__ZDk3Y) {
2487
2487
  color: var(--font-color);
2488
2488
  font-size: var(--font-size);
2489
- line-height: 1.2em;
2490
2489
  }
2491
2490
 
2492
2491
  /* virtual-css:css:c1c264103e87c7a7d9c345a7e75f073b */
@@ -2522,7 +2521,7 @@ li {
2522
2521
  }
2523
2522
 
2524
2523
  /* virtual-css:css:616ae3b49446388ff62e911490fa55d8 */
2525
- .Button_button__NjVkM {
2524
+ .Button_button__N2JkN {
2526
2525
  display: flex;
2527
2526
  align-items: center;
2528
2527
  justify-content: center;
@@ -2540,85 +2539,85 @@ li {
2540
2539
  cursor: pointer;
2541
2540
  line-height: 1;
2542
2541
  }
2543
- .Button_button__NjVkM:disabled {
2542
+ .Button_button__N2JkN:disabled {
2544
2543
  color: var(--font-color-muted);
2545
2544
  pointer-events: none;
2546
2545
  }
2547
- .Button_button__NjVkM:hover {
2546
+ .Button_button__N2JkN:hover {
2548
2547
  background: color-mix(in srgb, var(--input-color), 5% var(--font-color));
2549
2548
  }
2550
- .Button_button__NjVkM[data-pressed] {
2549
+ .Button_button__N2JkN[data-pressed] {
2551
2550
  background: color-mix(in srgb, var(--input-color), 10% var(--font-color));
2552
2551
  }
2553
- .Button_button__NjVkM.Button_primary__ODE0Z {
2554
- color: var(--primary-font-color);
2552
+ .Button_button__N2JkN.Button_primary__YjA5Y {
2553
+ color: var(--primary-font-color) !important;
2555
2554
  background: var(--primary-color);
2556
2555
  }
2557
- .Button_button__NjVkM.Button_primary__ODE0Z:hover {
2556
+ .Button_button__N2JkN.Button_primary__YjA5Y:hover {
2558
2557
  background: color-mix(in srgb, var(--primary-color), 10% var(--background-color));
2559
2558
  }
2560
- .Button_button__NjVkM.Button_primary__ODE0Z[data-pressed] {
2559
+ .Button_button__N2JkN.Button_primary__YjA5Y[data-pressed] {
2561
2560
  background: color-mix(in srgb, var(--primary-color), 20% var(--background-color));
2562
2561
  }
2563
- .Button_button__NjVkM.Button_primary__ODE0Z:disabled {
2562
+ .Button_button__N2JkN.Button_primary__YjA5Y:disabled {
2564
2563
  color: var(--primary-font-color);
2565
2564
  background: var(--base-color-500);
2566
2565
  }
2567
- .Button_button__NjVkM.Button_outline__YWI2M {
2566
+ .Button_button__N2JkN.Button_outline__ZGQwY {
2568
2567
  background: transparent;
2569
2568
  border: var(--border);
2570
2569
  box-shadow: var(--box-shadow-1);
2571
2570
  }
2572
- .Button_button__NjVkM.Button_outline__YWI2M:hover {
2573
- background: var(--input-color);
2571
+ .Button_button__N2JkN.Button_outline__ZGQwY:hover {
2572
+ background: var(--highlight-color);
2574
2573
  }
2575
- .Button_button__NjVkM.Button_outline__YWI2M[data-pressed] {
2576
- 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));
2577
2576
  }
2578
- .Button_button__NjVkM.Button_quiet__ZjE5N {
2577
+ .Button_button__N2JkN.Button_quiet__OWQ4O {
2579
2578
  background: transparent;
2580
2579
  }
2581
- .Button_button__NjVkM.Button_quiet__ZjE5N:hover {
2582
- background: var(--input-color);
2580
+ .Button_button__N2JkN.Button_quiet__OWQ4O:hover {
2581
+ background: var(--highlight-color);
2583
2582
  }
2584
- .Button_button__NjVkM.Button_quiet__ZjE5N[data-pressed] {
2585
- 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));
2586
2585
  }
2587
- .Button_button__NjVkM.Button_danger__YTliM {
2586
+ .Button_button__N2JkN.Button_danger__MzdiN {
2588
2587
  color: var(--light-color);
2589
2588
  background: var(--danger-color);
2590
2589
  }
2591
- .Button_button__NjVkM.Button_danger__YTliM:hover {
2590
+ .Button_button__N2JkN.Button_danger__MzdiN:hover {
2592
2591
  background: color-mix(in srgb, var(--danger-color), 6% black);
2593
2592
  }
2594
- .Button_button__NjVkM.Button_danger__YTliM[data-pressed] {
2593
+ .Button_button__N2JkN.Button_danger__MzdiN[data-pressed] {
2595
2594
  background: color-mix(in srgb, var(--danger-color), 12% black);
2596
2595
  }
2597
- .Button_button__NjVkM.Button_danger__YTliM:disabled {
2596
+ .Button_button__N2JkN.Button_danger__MzdiN:disabled {
2598
2597
  color: var(--primary-font-color);
2599
2598
  background: var(--base-color-500);
2600
2599
  }
2601
- .Button_button__NjVkM.Button_xs__ZjFkY {
2600
+ .Button_button__N2JkN.Button_xs__NmJiZ {
2602
2601
  font-size: .8rem;
2603
2602
  padding: 0.5rem 0.75rem;
2604
2603
  }
2605
- .Button_button__NjVkM.Button_sm__OGEyM {
2604
+ .Button_button__N2JkN.Button_sm__ZTVhM {
2606
2605
  font-size: .9rem;
2607
2606
  padding: 0.5rem 0.75rem;
2608
2607
  }
2609
- .Button_button__NjVkM.Button_md__OWE1Y {
2608
+ .Button_button__N2JkN.Button_md__OWQ4Y {
2610
2609
  font-size: 1rem;
2611
2610
  padding: 0.75rem 1rem;
2612
2611
  }
2613
- .Button_button__NjVkM.Button_lg__NDAzN {
2612
+ .Button_button__N2JkN.Button_lg__YzY5N {
2614
2613
  font-size: 1.1rem;
2615
2614
  padding: 1rem 1.25rem;
2616
2615
  }
2617
- .Button_button__NjVkM.Button_xl__ZmJkO {
2616
+ .Button_button__N2JkN.Button_xl__ODMyN {
2618
2617
  font-size: 1.3rem;
2619
2618
  padding: 1.25rem 1.5rem;
2620
2619
  }
2621
- body a.Button_button__NjVkM {
2620
+ body a.Button_button__N2JkN {
2622
2621
  color: inherit;
2623
2622
  text-decoration: none;
2624
2623
  }