@umami/react-zen 0.123.0 → 0.125.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 +26 -23
  2. package/dist/index.js +1 -1
  3. package/dist/index.mjs +1 -1
  4. package/package.json +1 -1
  5. package/styles.css +26 -23
package/dist/index.css CHANGED
@@ -3046,7 +3046,7 @@
3046
3046
  }
3047
3047
 
3048
3048
  /* virtual-css:css:616ae3b49446388ff62e911490fa55d8 */
3049
- .Button_button__NDYwM {
3049
+ .Button_button__YTAxZ {
3050
3050
  display: flex;
3051
3051
  align-items: center;
3052
3052
  justify-content: center;
@@ -3065,86 +3065,89 @@
3065
3065
  line-height: 1.5;
3066
3066
  --button-height: calc(1.5 * var(--font-size) + 2 * var(--padding-y)) ;
3067
3067
  }
3068
- .Button_button__NDYwM:disabled {
3068
+ .Button_button__YTAxZ:disabled {
3069
3069
  color: var(--font-color-muted);
3070
3070
  pointer-events: none;
3071
3071
  }
3072
- .Button_button__NDYwM:hover {
3072
+ .Button_button__YTAxZ:hover {
3073
3073
  color: var(--font-color);
3074
3074
  background: color-mix(in srgb, var(--base-color-3), 5% var(--dark-color));
3075
3075
  }
3076
- .Button_button__NDYwM[data-pressed] {
3076
+ .Button_button__YTAxZ[data-pressed] {
3077
3077
  background: color-mix(in srgb, var(--base-color-3), 10% var(--dark-color));
3078
3078
  }
3079
- .Button_button__NDYwM.Button_primary__OWE0M {
3079
+ .Button_button__YTAxZ.Button_primary__NDFlY {
3080
3080
  color: var(--primary-font-color) !important;
3081
3081
  background: var(--primary-color);
3082
3082
  }
3083
- .Button_button__NDYwM.Button_primary__OWE0M:hover {
3083
+ .Button_button__YTAxZ.Button_primary__NDFlY:hover {
3084
3084
  background: color-mix(in srgb, var(--primary-color), 10% var(--primary-font-color));
3085
3085
  }
3086
- .Button_button__NDYwM.Button_primary__OWE0M[data-pressed] {
3086
+ .Button_button__YTAxZ.Button_primary__NDFlY[data-pressed] {
3087
3087
  background: color-mix(in srgb, var(--primary-color), 20% var(--primary-font-color));
3088
3088
  }
3089
- .Button_button__NDYwM.Button_primary__OWE0M:disabled {
3089
+ .Button_button__YTAxZ.Button_primary__NDFlY:disabled {
3090
3090
  color: var(--primary-font-color);
3091
3091
  background: var(--base-color-9);
3092
3092
  }
3093
- .Button_button__NDYwM.Button_outline__NTQyN {
3093
+ .Button_button__YTAxZ.Button_outline__ZjQ3O {
3094
3094
  background: var(--background-color);
3095
3095
  border: var(--border);
3096
3096
  box-shadow: var(--box-shadow-1);
3097
3097
  }
3098
- .Button_button__NDYwM.Button_outline__NTQyN:hover {
3098
+ .Button_button__YTAxZ.Button_outline__ZjQ3O:hover {
3099
3099
  border-color: var(--border-color-3);
3100
3100
  }
3101
- .Button_button__NDYwM.Button_outline__NTQyN[data-pressed] {
3101
+ .Button_button__YTAxZ.Button_outline__ZjQ3O[data-pressed] {
3102
3102
  background: var(--highlight-color);
3103
3103
  }
3104
- .Button_button__NDYwM.Button_quiet__NDFjM {
3104
+ .Button_button__YTAxZ.Button_outline__ZjQ3O:disabled {
3105
+ background: var(--base-color-2);
3106
+ }
3107
+ .Button_button__YTAxZ.Button_quiet__ZWYwN {
3105
3108
  background: transparent;
3106
3109
  }
3107
- .Button_button__NDYwM.Button_quiet__NDFjM:hover {
3110
+ .Button_button__YTAxZ.Button_quiet__ZWYwN:hover {
3108
3111
  background: var(--highlight-color);
3109
3112
  }
3110
- .Button_button__NDYwM.Button_quiet__NDFjM[data-pressed] {
3113
+ .Button_button__YTAxZ.Button_quiet__ZWYwN[data-pressed] {
3111
3114
  background: color-mix(in srgb, var(--highlight-color), 5% var(--dark-color));
3112
3115
  }
3113
- .Button_button__NDYwM.Button_danger__NDUzM {
3116
+ .Button_button__YTAxZ.Button_danger__YTg1M {
3114
3117
  color: var(--light-color);
3115
3118
  background: var(--danger-color);
3116
3119
  }
3117
- .Button_button__NDYwM.Button_danger__NDUzM:hover {
3120
+ .Button_button__YTAxZ.Button_danger__YTg1M:hover {
3118
3121
  background: color-mix(in srgb, var(--danger-color), 6% black);
3119
3122
  }
3120
- .Button_button__NDYwM.Button_danger__NDUzM[data-pressed] {
3123
+ .Button_button__YTAxZ.Button_danger__YTg1M[data-pressed] {
3121
3124
  background: color-mix(in srgb, var(--danger-color), 12% black);
3122
3125
  }
3123
- .Button_button__NDYwM.Button_danger__NDUzM:disabled {
3126
+ .Button_button__YTAxZ.Button_danger__YTg1M:disabled {
3124
3127
  color: var(--primary-font-color);
3125
3128
  background: var(--base-color-8);
3126
3129
  }
3127
- .Button_button__NDYwM.Button_sm__NTVjM {
3130
+ .Button_button__YTAxZ.Button_sm__ZTAwM {
3128
3131
  font-size: calc(0.9 * var(--font-size));
3129
3132
  padding: calc(0.5 * var(--padding-y)) calc(0.75 * var(--padding-x));
3130
3133
  min-height: calc(0.9 * var(--button-height));
3131
3134
  }
3132
- .Button_button__NDYwM.Button_md__NDE4O {
3135
+ .Button_button__YTAxZ.Button_md__MDNjZ {
3133
3136
  font-size: var(--font-size);
3134
3137
  padding: var(--padding);
3135
3138
  min-height: var(--button-height);
3136
3139
  }
3137
- .Button_button__NDYwM.Button_lg__NTU4O {
3140
+ .Button_button__YTAxZ.Button_lg__Njc0N {
3138
3141
  font-size: calc(1.25 * var(--font-size));
3139
3142
  padding: var(--padding-y) calc(1.25 * var(--padding-x));
3140
3143
  min-height: calc(1.25 * var(--button-height));
3141
3144
  }
3142
- .Button_button__NDYwM.Button_xl__NjFkM {
3145
+ .Button_button__YTAxZ.Button_xl__MmUxM {
3143
3146
  font-size: calc(1.5 * var(--font-size));
3144
3147
  padding: calc(1.25 * var(--padding-y)) calc(1.25 * var(--padding-x));
3145
3148
  min-height: calc(1.5 * var(--button-height));
3146
3149
  }
3147
- body a.Button_button__NDYwM {
3150
+ body a.Button_button__YTAxZ {
3148
3151
  color: inherit;
3149
3152
  text-decoration: none;
3150
3153
  }
package/dist/index.js CHANGED
@@ -26136,7 +26136,7 @@ function FormField({
26136
26136
  var import_classnames7 = __toESM(require_classnames());
26137
26137
 
26138
26138
  // css-modules:E:\dev\umami-react-zen\src\components\Button.module.css
26139
- var Button_default = { "button": "Button_button__NDYwM", "primary": "Button_primary__OWE0M", "outline": "Button_outline__NTQyN", "quiet": "Button_quiet__NDFjM", "danger": "Button_danger__NDUzM", "sm": "Button_sm__NTVjM", "md": "Button_md__NDE4O", "lg": "Button_lg__NTU4O", "xl": "Button_xl__NjFkM" };
26139
+ var Button_default = { "button": "Button_button__YTAxZ", "primary": "Button_primary__NDFlY", "outline": "Button_outline__ZjQ3O", "quiet": "Button_quiet__ZWYwN", "danger": "Button_danger__YTg1M", "sm": "Button_sm__ZTAwM", "md": "Button_md__MDNjZ", "lg": "Button_lg__Njc0N", "xl": "Button_xl__MmUxM" };
26140
26140
 
26141
26141
  // src/components/Button.tsx
26142
26142
  var import_jsx_runtime13 = require("react/jsx-runtime");
package/dist/index.mjs CHANGED
@@ -26023,7 +26023,7 @@ function FormField({
26023
26023
  var import_classnames7 = __toESM(require_classnames());
26024
26024
 
26025
26025
  // css-modules:E:\dev\umami-react-zen\src\components\Button.module.css
26026
- var Button_default = { "button": "Button_button__NDYwM", "primary": "Button_primary__OWE0M", "outline": "Button_outline__NTQyN", "quiet": "Button_quiet__NDFjM", "danger": "Button_danger__NDUzM", "sm": "Button_sm__NTVjM", "md": "Button_md__NDE4O", "lg": "Button_lg__NTU4O", "xl": "Button_xl__NjFkM" };
26026
+ var Button_default = { "button": "Button_button__YTAxZ", "primary": "Button_primary__NDFlY", "outline": "Button_outline__ZjQ3O", "quiet": "Button_quiet__ZWYwN", "danger": "Button_danger__YTg1M", "sm": "Button_sm__ZTAwM", "md": "Button_md__MDNjZ", "lg": "Button_lg__Njc0N", "xl": "Button_xl__MmUxM" };
26027
26027
 
26028
26028
  // src/components/Button.tsx
26029
26029
  import { jsx as jsx13 } from "react/jsx-runtime";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@umami/react-zen",
3
- "version": "0.123.0",
3
+ "version": "0.125.0",
4
4
  "description": "Modern, minimalist React component library",
5
5
  "author": "Umami <hello@umami.is>",
6
6
  "license": "MIT",
package/styles.css CHANGED
@@ -3364,7 +3364,7 @@ li {
3364
3364
  }
3365
3365
 
3366
3366
  /* virtual-css:css:616ae3b49446388ff62e911490fa55d8 */
3367
- .Button_button__NDYwM {
3367
+ .Button_button__YTAxZ {
3368
3368
  display: flex;
3369
3369
  align-items: center;
3370
3370
  justify-content: center;
@@ -3383,86 +3383,89 @@ li {
3383
3383
  line-height: 1.5;
3384
3384
  --button-height: calc(1.5 * var(--font-size) + 2 * var(--padding-y)) ;
3385
3385
  }
3386
- .Button_button__NDYwM:disabled {
3386
+ .Button_button__YTAxZ:disabled {
3387
3387
  color: var(--font-color-muted);
3388
3388
  pointer-events: none;
3389
3389
  }
3390
- .Button_button__NDYwM:hover {
3390
+ .Button_button__YTAxZ:hover {
3391
3391
  color: var(--font-color);
3392
3392
  background: color-mix(in srgb, var(--base-color-3), 5% var(--dark-color));
3393
3393
  }
3394
- .Button_button__NDYwM[data-pressed] {
3394
+ .Button_button__YTAxZ[data-pressed] {
3395
3395
  background: color-mix(in srgb, var(--base-color-3), 10% var(--dark-color));
3396
3396
  }
3397
- .Button_button__NDYwM.Button_primary__OWE0M {
3397
+ .Button_button__YTAxZ.Button_primary__NDFlY {
3398
3398
  color: var(--primary-font-color) !important;
3399
3399
  background: var(--primary-color);
3400
3400
  }
3401
- .Button_button__NDYwM.Button_primary__OWE0M:hover {
3401
+ .Button_button__YTAxZ.Button_primary__NDFlY:hover {
3402
3402
  background: color-mix(in srgb, var(--primary-color), 10% var(--primary-font-color));
3403
3403
  }
3404
- .Button_button__NDYwM.Button_primary__OWE0M[data-pressed] {
3404
+ .Button_button__YTAxZ.Button_primary__NDFlY[data-pressed] {
3405
3405
  background: color-mix(in srgb, var(--primary-color), 20% var(--primary-font-color));
3406
3406
  }
3407
- .Button_button__NDYwM.Button_primary__OWE0M:disabled {
3407
+ .Button_button__YTAxZ.Button_primary__NDFlY:disabled {
3408
3408
  color: var(--primary-font-color);
3409
3409
  background: var(--base-color-9);
3410
3410
  }
3411
- .Button_button__NDYwM.Button_outline__NTQyN {
3411
+ .Button_button__YTAxZ.Button_outline__ZjQ3O {
3412
3412
  background: var(--background-color);
3413
3413
  border: var(--border);
3414
3414
  box-shadow: var(--box-shadow-1);
3415
3415
  }
3416
- .Button_button__NDYwM.Button_outline__NTQyN:hover {
3416
+ .Button_button__YTAxZ.Button_outline__ZjQ3O:hover {
3417
3417
  border-color: var(--border-color-3);
3418
3418
  }
3419
- .Button_button__NDYwM.Button_outline__NTQyN[data-pressed] {
3419
+ .Button_button__YTAxZ.Button_outline__ZjQ3O[data-pressed] {
3420
3420
  background: var(--highlight-color);
3421
3421
  }
3422
- .Button_button__NDYwM.Button_quiet__NDFjM {
3422
+ .Button_button__YTAxZ.Button_outline__ZjQ3O:disabled {
3423
+ background: var(--base-color-2);
3424
+ }
3425
+ .Button_button__YTAxZ.Button_quiet__ZWYwN {
3423
3426
  background: transparent;
3424
3427
  }
3425
- .Button_button__NDYwM.Button_quiet__NDFjM:hover {
3428
+ .Button_button__YTAxZ.Button_quiet__ZWYwN:hover {
3426
3429
  background: var(--highlight-color);
3427
3430
  }
3428
- .Button_button__NDYwM.Button_quiet__NDFjM[data-pressed] {
3431
+ .Button_button__YTAxZ.Button_quiet__ZWYwN[data-pressed] {
3429
3432
  background: color-mix(in srgb, var(--highlight-color), 5% var(--dark-color));
3430
3433
  }
3431
- .Button_button__NDYwM.Button_danger__NDUzM {
3434
+ .Button_button__YTAxZ.Button_danger__YTg1M {
3432
3435
  color: var(--light-color);
3433
3436
  background: var(--danger-color);
3434
3437
  }
3435
- .Button_button__NDYwM.Button_danger__NDUzM:hover {
3438
+ .Button_button__YTAxZ.Button_danger__YTg1M:hover {
3436
3439
  background: color-mix(in srgb, var(--danger-color), 6% black);
3437
3440
  }
3438
- .Button_button__NDYwM.Button_danger__NDUzM[data-pressed] {
3441
+ .Button_button__YTAxZ.Button_danger__YTg1M[data-pressed] {
3439
3442
  background: color-mix(in srgb, var(--danger-color), 12% black);
3440
3443
  }
3441
- .Button_button__NDYwM.Button_danger__NDUzM:disabled {
3444
+ .Button_button__YTAxZ.Button_danger__YTg1M:disabled {
3442
3445
  color: var(--primary-font-color);
3443
3446
  background: var(--base-color-8);
3444
3447
  }
3445
- .Button_button__NDYwM.Button_sm__NTVjM {
3448
+ .Button_button__YTAxZ.Button_sm__ZTAwM {
3446
3449
  font-size: calc(0.9 * var(--font-size));
3447
3450
  padding: calc(0.5 * var(--padding-y)) calc(0.75 * var(--padding-x));
3448
3451
  min-height: calc(0.9 * var(--button-height));
3449
3452
  }
3450
- .Button_button__NDYwM.Button_md__NDE4O {
3453
+ .Button_button__YTAxZ.Button_md__MDNjZ {
3451
3454
  font-size: var(--font-size);
3452
3455
  padding: var(--padding);
3453
3456
  min-height: var(--button-height);
3454
3457
  }
3455
- .Button_button__NDYwM.Button_lg__NTU4O {
3458
+ .Button_button__YTAxZ.Button_lg__Njc0N {
3456
3459
  font-size: calc(1.25 * var(--font-size));
3457
3460
  padding: var(--padding-y) calc(1.25 * var(--padding-x));
3458
3461
  min-height: calc(1.25 * var(--button-height));
3459
3462
  }
3460
- .Button_button__NDYwM.Button_xl__NjFkM {
3463
+ .Button_button__YTAxZ.Button_xl__MmUxM {
3461
3464
  font-size: calc(1.5 * var(--font-size));
3462
3465
  padding: calc(1.25 * var(--padding-y)) calc(1.25 * var(--padding-x));
3463
3466
  min-height: calc(1.5 * var(--button-height));
3464
3467
  }
3465
- body a.Button_button__NDYwM {
3468
+ body a.Button_button__YTAxZ {
3466
3469
  color: inherit;
3467
3470
  text-decoration: none;
3468
3471
  }