@umami/react-zen 0.48.0 → 0.50.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.
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 */
@@ -2771,22 +2770,22 @@ body a.Button_button__NjVkM {
2771
2770
  }
2772
2771
 
2773
2772
  /* virtual-css:css:0fb02723d81c5960ed149d3d9f58f1ba */
2774
- .List_list__MWFhZ {
2773
+ .List_list__MzQ4M {
2775
2774
  min-width: 100px;
2776
2775
  outline: none;
2777
2776
  }
2778
- .List_separator__ZTgxZ {
2777
+ .List_separator__ODc0Y {
2779
2778
  border-bottom: var(--border);
2780
2779
  }
2781
- .List_section__ZjU0Y:not(:last-child) {
2780
+ .List_section__NTZiN:not(:last-child) {
2782
2781
  margin-bottom: var(--spacing-4);
2783
2782
  }
2784
- .List_header__MTYzY {
2783
+ .List_header__NTUxM {
2785
2784
  font-size: var(--font-size-2);
2786
2785
  font-weight: var(--font-weight-bold);
2787
2786
  padding: var(--padding);
2788
2787
  }
2789
- .List_item__ZjgyZ {
2788
+ .List_item__ZjQ4M {
2790
2789
  display: flex;
2791
2790
  align-items: center;
2792
2791
  justify-content: space-between;
@@ -2800,23 +2799,23 @@ body a.Button_button__NjVkM {
2800
2799
  outline: none;
2801
2800
  border-radius: var(--border-radius);
2802
2801
  }
2803
- .List_item__ZjgyZ[data-focus],
2804
- .List_item__ZjgyZ[data-focus-visible] {
2802
+ .List_item__ZjQ4M[data-focus],
2803
+ .List_item__ZjQ4M[data-focus-visible] {
2805
2804
  outline: var(--outline);
2806
2805
  background: var(--highlight-color);
2807
2806
  }
2808
- .List_item__ZjgyZ:hover {
2807
+ .List_item__ZjQ4M:hover {
2809
2808
  background: var(--highlight-color);
2810
2809
  }
2811
- .List_item__ZjgyZ[data-selected] {
2810
+ .List_item__ZjQ4M[data-selected] {
2812
2811
  font-weight: bold;
2813
2812
  }
2814
- .List_item__ZjgyZ[data-selected] .List_check__ZGE5Y {
2813
+ .List_item__ZjQ4M[data-selected] .List_check__YTJhM {
2815
2814
  display: flex;
2816
2815
  justify-content: flex-end;
2817
- width: 100%;
2816
+ flex: 1;
2818
2817
  }
2819
- .List_check__ZGE5Y {
2818
+ .List_check__YTJhM {
2820
2819
  display: none;
2821
2820
  }
2822
2821
 
@@ -3200,7 +3199,7 @@ body a.Button_button__NjVkM {
3200
3199
  }
3201
3200
 
3202
3201
  /* virtual-css:css:3130df15a3cfaee8cb812b182afb7ee1 */
3203
- .Menu_menu__NzFkN {
3202
+ .Menu_menu__YzMzM {
3204
3203
  min-width: 200px;
3205
3204
  border: var(--border);
3206
3205
  border-radius: var(--border-radius);
@@ -3208,18 +3207,18 @@ body a.Button_button__NjVkM {
3208
3207
  box-shadow: var(--box-shadow-3);
3209
3208
  background: var(--background-color);
3210
3209
  }
3211
- .Menu_separator__M2JkY {
3210
+ .Menu_separator__NDY4M {
3212
3211
  border-bottom: var(--border);
3213
3212
  }
3214
- .Menu_section__OTA1M:not(:last-child) {
3213
+ .Menu_section__MWI1M:not(:last-child) {
3215
3214
  margin-bottom: var(--spacing-4);
3216
3215
  }
3217
- .Menu_header__MGRlY {
3216
+ .Menu_header__ZGRjO {
3218
3217
  font-size: var(--font-size-2);
3219
3218
  font-weight: var(--font-weight-bold);
3220
3219
  padding: var(--padding);
3221
3220
  }
3222
- .Menu_item__MzhmZ {
3221
+ .Menu_item__M2I5Y {
3223
3222
  display: flex;
3224
3223
  align-items: center;
3225
3224
  gap: var(--gap);
@@ -3232,23 +3231,23 @@ body a.Button_button__NjVkM {
3232
3231
  outline: none;
3233
3232
  width: 100%;
3234
3233
  }
3235
- .Menu_item__MzhmZ[data-focus],
3236
- .Menu_item__MzhmZ[data-focus-visible] {
3234
+ .Menu_item__M2I5Y[data-focus],
3235
+ .Menu_item__M2I5Y[data-focus-visible] {
3237
3236
  outline: var(--outline);
3238
3237
  background: var(--highlight-color);
3239
3238
  }
3240
- .Menu_item__MzhmZ:hover {
3239
+ .Menu_item__M2I5Y:hover {
3241
3240
  background: var(--highlight-color);
3242
3241
  }
3243
- .Menu_item__MzhmZ[data-selected] {
3242
+ .Menu_item__M2I5Y[data-selected] {
3244
3243
  font-weight: bold;
3245
3244
  }
3246
- .Menu_item__MzhmZ[data-selected] .Menu_check__MzQ2N {
3245
+ .Menu_item__M2I5Y[data-selected] .Menu_check__NjA5O {
3247
3246
  display: flex;
3248
3247
  justify-content: flex-end;
3249
- width: 100%;
3248
+ flex: 1;
3250
3249
  }
3251
- .Menu_check__MzQ2N {
3250
+ .Menu_check__NjA5O {
3252
3251
  display: none;
3253
3252
  }
3254
3253
 
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");
@@ -43519,7 +43519,7 @@ var import_classnames20 = __toESM(require_classnames());
43519
43519
  var import_classnames18 = __toESM(require_classnames());
43520
43520
 
43521
43521
  // css-modules:E:\dev\umami-react-zen\src\components\List.module.css
43522
- var List_default = { "list": "List_list__MWFhZ", "separator": "List_separator__ZTgxZ", "section": "List_section__ZjU0Y", "header": "List_header__MTYzY", "item": "List_item__ZjgyZ", "check": "List_check__ZGE5Y" };
43522
+ var List_default = { "list": "List_list__MzQ4M", "separator": "List_separator__ODc0Y", "section": "List_section__NTZiN", "header": "List_header__NTUxM", "item": "List_item__ZjQ4M", "check": "List_check__YTJhM" };
43523
43523
 
43524
43524
  // src/components/List.tsx
43525
43525
  var import_jsx_runtime28 = require("react/jsx-runtime");
@@ -44105,7 +44105,7 @@ function Loading(props) {
44105
44105
  var import_classnames34 = __toESM(require_classnames());
44106
44106
 
44107
44107
  // css-modules:E:\dev\umami-react-zen\src\components\Menu.module.css
44108
- var Menu_default = { "menu": "Menu_menu__NzFkN", "separator": "Menu_separator__M2JkY", "section": "Menu_section__OTA1M", "header": "Menu_header__MGRlY", "item": "Menu_item__MzhmZ", "check": "Menu_check__MzQ2N" };
44108
+ var Menu_default = { "menu": "Menu_menu__YzMzM", "separator": "Menu_separator__NDY4M", "section": "Menu_section__MWI1M", "header": "Menu_header__ZGRjO", "item": "Menu_item__M2I5Y", "check": "Menu_check__NjA5O" };
44109
44109
 
44110
44110
  // src/components/Menu.tsx
44111
44111
  var import_jsx_runtime45 = 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";
@@ -43417,7 +43417,7 @@ var import_classnames20 = __toESM(require_classnames());
43417
43417
  var import_classnames18 = __toESM(require_classnames());
43418
43418
 
43419
43419
  // css-modules:E:\dev\umami-react-zen\src\components\List.module.css
43420
- var List_default = { "list": "List_list__MWFhZ", "separator": "List_separator__ZTgxZ", "section": "List_section__ZjU0Y", "header": "List_header__MTYzY", "item": "List_item__ZjgyZ", "check": "List_check__ZGE5Y" };
43420
+ var List_default = { "list": "List_list__MzQ4M", "separator": "List_separator__ODc0Y", "section": "List_section__NTZiN", "header": "List_header__NTUxM", "item": "List_item__ZjQ4M", "check": "List_check__YTJhM" };
43421
43421
 
43422
43422
  // src/components/List.tsx
43423
43423
  import { jsx as jsx28, jsxs as jsxs15 } from "react/jsx-runtime";
@@ -44003,7 +44003,7 @@ function Loading(props) {
44003
44003
  var import_classnames34 = __toESM(require_classnames());
44004
44004
 
44005
44005
  // css-modules:E:\dev\umami-react-zen\src\components\Menu.module.css
44006
- var Menu_default = { "menu": "Menu_menu__NzFkN", "separator": "Menu_separator__M2JkY", "section": "Menu_section__OTA1M", "header": "Menu_header__MGRlY", "item": "Menu_item__MzhmZ", "check": "Menu_check__MzQ2N" };
44006
+ var Menu_default = { "menu": "Menu_menu__YzMzM", "separator": "Menu_separator__NDY4M", "section": "Menu_section__MWI1M", "header": "Menu_header__ZGRjO", "item": "Menu_item__M2I5Y", "check": "Menu_check__NjA5O" };
44007
44007
 
44008
44008
  // src/components/Menu.tsx
44009
44009
  import { jsx as jsx45, jsxs as jsxs24 } from "react/jsx-runtime";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@umami/react-zen",
3
- "version": "0.48.0",
3
+ "version": "0.50.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 */
@@ -3039,22 +3038,22 @@ body a.Button_button__NjVkM {
3039
3038
  }
3040
3039
 
3041
3040
  /* virtual-css:css:0fb02723d81c5960ed149d3d9f58f1ba */
3042
- .List_list__MWFhZ {
3041
+ .List_list__MzQ4M {
3043
3042
  min-width: 100px;
3044
3043
  outline: none;
3045
3044
  }
3046
- .List_separator__ZTgxZ {
3045
+ .List_separator__ODc0Y {
3047
3046
  border-bottom: var(--border);
3048
3047
  }
3049
- .List_section__ZjU0Y:not(:last-child) {
3048
+ .List_section__NTZiN:not(:last-child) {
3050
3049
  margin-bottom: var(--spacing-4);
3051
3050
  }
3052
- .List_header__MTYzY {
3051
+ .List_header__NTUxM {
3053
3052
  font-size: var(--font-size-2);
3054
3053
  font-weight: var(--font-weight-bold);
3055
3054
  padding: var(--padding);
3056
3055
  }
3057
- .List_item__ZjgyZ {
3056
+ .List_item__ZjQ4M {
3058
3057
  display: flex;
3059
3058
  align-items: center;
3060
3059
  justify-content: space-between;
@@ -3068,23 +3067,23 @@ body a.Button_button__NjVkM {
3068
3067
  outline: none;
3069
3068
  border-radius: var(--border-radius);
3070
3069
  }
3071
- .List_item__ZjgyZ[data-focus],
3072
- .List_item__ZjgyZ[data-focus-visible] {
3070
+ .List_item__ZjQ4M[data-focus],
3071
+ .List_item__ZjQ4M[data-focus-visible] {
3073
3072
  outline: var(--outline);
3074
3073
  background: var(--highlight-color);
3075
3074
  }
3076
- .List_item__ZjgyZ:hover {
3075
+ .List_item__ZjQ4M:hover {
3077
3076
  background: var(--highlight-color);
3078
3077
  }
3079
- .List_item__ZjgyZ[data-selected] {
3078
+ .List_item__ZjQ4M[data-selected] {
3080
3079
  font-weight: bold;
3081
3080
  }
3082
- .List_item__ZjgyZ[data-selected] .List_check__ZGE5Y {
3081
+ .List_item__ZjQ4M[data-selected] .List_check__YTJhM {
3083
3082
  display: flex;
3084
3083
  justify-content: flex-end;
3085
- width: 100%;
3084
+ flex: 1;
3086
3085
  }
3087
- .List_check__ZGE5Y {
3086
+ .List_check__YTJhM {
3088
3087
  display: none;
3089
3088
  }
3090
3089
 
@@ -3468,7 +3467,7 @@ body a.Button_button__NjVkM {
3468
3467
  }
3469
3468
 
3470
3469
  /* virtual-css:css:3130df15a3cfaee8cb812b182afb7ee1 */
3471
- .Menu_menu__NzFkN {
3470
+ .Menu_menu__YzMzM {
3472
3471
  min-width: 200px;
3473
3472
  border: var(--border);
3474
3473
  border-radius: var(--border-radius);
@@ -3476,18 +3475,18 @@ body a.Button_button__NjVkM {
3476
3475
  box-shadow: var(--box-shadow-3);
3477
3476
  background: var(--background-color);
3478
3477
  }
3479
- .Menu_separator__M2JkY {
3478
+ .Menu_separator__NDY4M {
3480
3479
  border-bottom: var(--border);
3481
3480
  }
3482
- .Menu_section__OTA1M:not(:last-child) {
3481
+ .Menu_section__MWI1M:not(:last-child) {
3483
3482
  margin-bottom: var(--spacing-4);
3484
3483
  }
3485
- .Menu_header__MGRlY {
3484
+ .Menu_header__ZGRjO {
3486
3485
  font-size: var(--font-size-2);
3487
3486
  font-weight: var(--font-weight-bold);
3488
3487
  padding: var(--padding);
3489
3488
  }
3490
- .Menu_item__MzhmZ {
3489
+ .Menu_item__M2I5Y {
3491
3490
  display: flex;
3492
3491
  align-items: center;
3493
3492
  gap: var(--gap);
@@ -3500,23 +3499,23 @@ body a.Button_button__NjVkM {
3500
3499
  outline: none;
3501
3500
  width: 100%;
3502
3501
  }
3503
- .Menu_item__MzhmZ[data-focus],
3504
- .Menu_item__MzhmZ[data-focus-visible] {
3502
+ .Menu_item__M2I5Y[data-focus],
3503
+ .Menu_item__M2I5Y[data-focus-visible] {
3505
3504
  outline: var(--outline);
3506
3505
  background: var(--highlight-color);
3507
3506
  }
3508
- .Menu_item__MzhmZ:hover {
3507
+ .Menu_item__M2I5Y:hover {
3509
3508
  background: var(--highlight-color);
3510
3509
  }
3511
- .Menu_item__MzhmZ[data-selected] {
3510
+ .Menu_item__M2I5Y[data-selected] {
3512
3511
  font-weight: bold;
3513
3512
  }
3514
- .Menu_item__MzhmZ[data-selected] .Menu_check__MzQ2N {
3513
+ .Menu_item__M2I5Y[data-selected] .Menu_check__NjA5O {
3515
3514
  display: flex;
3516
3515
  justify-content: flex-end;
3517
- width: 100%;
3516
+ flex: 1;
3518
3517
  }
3519
- .Menu_check__MzQ2N {
3518
+ .Menu_check__NjA5O {
3520
3519
  display: none;
3521
3520
  }
3522
3521