@umami/react-zen 0.186.0 → 0.187.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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@umami/react-zen",
3
- "version": "0.186.0",
3
+ "version": "0.187.0",
4
4
  "description": "Modern, minimalist React component library",
5
5
  "author": "Umami <hello@umami.is>",
6
6
  "license": "MIT",
package/styles.css CHANGED
@@ -4230,67 +4230,69 @@ body a.Button_button__NGQyO {
4230
4230
  }
4231
4231
 
4232
4232
  /* virtual-css:css:eedba9fc7e3d8030bbd07387da49f358 */
4233
- .Table_table__YjllN {
4233
+ .Table_table__NWMxN {
4234
4234
  font-size: var(--font-size);
4235
4235
  color: var(--font-color);
4236
4236
  border-collapse: collapse;
4237
4237
  width: 100%;
4238
4238
  position: relative;
4239
+ --table-row-height: 40px;
4239
4240
  }
4240
- .Table_table__YjllN th,
4241
- .Table_table__YjllN td {
4241
+ .Table_table__NWMxN th,
4242
+ .Table_table__NWMxN td {
4242
4243
  min-width: 0;
4243
4244
  }
4244
- .Table_header__NmE0Y,
4245
- .Table_body__ZWYwN {
4245
+ .Table_header__YzdmY,
4246
+ .Table_body__Nzg5M {
4246
4247
  display: contents;
4247
4248
  }
4248
- .Table_header__NmE0Y {
4249
+ .Table_header__YzdmY {
4249
4250
  display: grid;
4250
4251
  border-bottom: 1px solid var(--border-color);
4251
4252
  }
4252
- .Table_header__NmE0Y tr {
4253
+ .Table_header__YzdmY tr {
4253
4254
  display: contents;
4254
4255
  }
4255
- .Table_row__Y2M0Y {
4256
+ .Table_row__ZWFmM {
4256
4257
  display: grid;
4257
4258
  border-bottom: 1px solid color-mix(in srgb, var(--border-color), 50% transparent);
4259
+ min-height: var(--table-row-height);
4258
4260
  }
4259
- .Table_header__NmE0Y .Table_column__ZGY2M:first-child,
4260
- .Table_row__Y2M0Y .Table_cell__MmZjM:first-child {
4261
+ .Table_header__YzdmY .Table_column__YTdhZ:first-child,
4262
+ .Table_row__ZWFmM .Table_cell__MjU3N:first-child {
4261
4263
  padding-left: 0;
4262
4264
  }
4263
- .Table_header__NmE0Y .Table_column__ZGY2M:last-child,
4264
- .Table_row__Y2M0Y .Table_cell__MmZjM:last-child {
4265
+ .Table_header__YzdmY .Table_column__YTdhZ:last-child,
4266
+ .Table_row__ZWFmM .Table_cell__MjU3N:last-child {
4265
4267
  padding-right: 0;
4266
4268
  }
4267
- .Table_column__ZGY2M {
4269
+ .Table_column__YTdhZ {
4268
4270
  display: flex;
4269
4271
  padding: var(--padding);
4270
4272
  text-align: left;
4271
4273
  font-weight: 700;
4272
4274
  flex: 1;
4273
4275
  }
4274
- .Table_cell__MmZjM {
4276
+ .Table_cell__MjU3N {
4275
4277
  display: flex;
4276
4278
  padding: var(--padding);
4277
4279
  flex: 1;
4278
4280
  }
4279
- .Table_row__Y2M0Y .Table_cell__MmZjM a {
4281
+ .Table_row__ZWFmM .Table_cell__MjU3N a {
4280
4282
  font-weight: 500;
4281
4283
  text-decoration: underline var(--base-color-6);
4282
4284
  text-underline-offset: 4px;
4283
4285
  }
4284
- .Table_row__Y2M0Y .Table_cell__MmZjM a:hover {
4286
+ .Table_row__ZWFmM .Table_cell__MjU3N a:hover {
4285
4287
  text-decoration: underline var(--base-color-10);
4286
4288
  }
4287
- .Table_start__NGFiN {
4289
+ .Table_start__ZGIyN {
4288
4290
  justify-content: flex-start;
4289
4291
  }
4290
- .Table_center__NzFjM {
4292
+ .Table_center__Yzg5M {
4291
4293
  justify-content: center;
4292
4294
  }
4293
- .Table_end__NmQyY {
4295
+ .Table_end__YjA1Y {
4294
4296
  justify-content: flex-end;
4295
4297
  }
4296
4298
 
@@ -4511,27 +4513,28 @@ body a.Button_button__NGQyO {
4511
4513
  }
4512
4514
 
4513
4515
  /* virtual-css:css:3130df15a3cfaee8cb812b182afb7ee1 */
4514
- .Menu_menu__OGI3N {
4516
+ .Menu_menu__YTM5N {
4515
4517
  min-width: 200px;
4516
4518
  border: var(--border);
4517
4519
  border-radius: var(--border-radius);
4518
4520
  padding: var(--spacing-2);
4519
4521
  box-shadow: var(--box-shadow-3);
4520
4522
  background: var(--background-color);
4523
+ overflow: hidden;
4521
4524
  }
4522
- .Menu_separator__NzUwY {
4525
+ .Menu_separator__YjFhN {
4523
4526
  border-bottom: var(--border);
4524
4527
  margin: var(--spacing-2) calc(-1 * var(--spacing-3));
4525
4528
  }
4526
- .Menu_section__ZTEwN:not(:last-child) {
4529
+ .Menu_section__NWFlM:not(:last-child) {
4527
4530
  margin-bottom: var(--spacing-4);
4528
4531
  }
4529
- .Menu_header__NWMzN {
4532
+ .Menu_header__YzJkN {
4530
4533
  font-size: var(--font-size-3);
4531
4534
  font-weight: var(--font-weight-bold);
4532
4535
  padding: var(--padding);
4533
4536
  }
4534
- .Menu_item__NDAyO {
4537
+ .Menu_item__NGRkO {
4535
4538
  display: flex;
4536
4539
  align-items: center;
4537
4540
  justify-content: space-between;
@@ -4545,37 +4548,37 @@ body a.Button_button__NGQyO {
4545
4548
  outline: none;
4546
4549
  width: 100%;
4547
4550
  }
4548
- .Menu_item__NDAyO[data-disabled] {
4551
+ .Menu_item__NGRkO[data-disabled] {
4549
4552
  color: var(--font-color-disabled);
4550
4553
  }
4551
- .Menu_item__NDAyO[data-focus],
4552
- .Menu_item__NDAyO[data-focus-visible] {
4554
+ .Menu_item__NGRkO[data-focus],
4555
+ .Menu_item__NGRkO[data-focus-visible] {
4553
4556
  outline: var(--outline);
4554
4557
  background: var(--highlight-color);
4555
4558
  }
4556
- .Menu_item__NDAyO:hover {
4559
+ .Menu_item__NGRkO:hover {
4557
4560
  background: var(--highlight-color);
4558
4561
  }
4559
- .Menu_item__NDAyO[data-selected] {
4562
+ .Menu_item__NGRkO[data-selected] {
4560
4563
  font-weight: bold;
4561
- & .Menu_checkmark__ZDU2Z {
4564
+ & .Menu_checkmark__MWQ1O {
4562
4565
  display: flex;
4563
4566
  justify-content: flex-end;
4564
4567
  }
4565
4568
  }
4566
- .Menu_checkmark__ZDU2Z {
4569
+ .Menu_checkmark__MWQ1O {
4567
4570
  display: none;
4568
4571
  }
4569
- .Menu_hideCheckmark__MTYxO .Menu_checkmark__ZDU2Z {
4572
+ .Menu_hideCheckmark__YzBhM .Menu_checkmark__MWQ1O {
4570
4573
  display: none;
4571
4574
  }
4572
- .Menu_label__MmZkZ {
4575
+ .Menu_label__NGMxM {
4573
4576
  display: flex;
4574
4577
  flex-direction: row;
4575
4578
  align-items: center;
4576
4579
  gap: var(--gap);
4577
4580
  }
4578
- .Menu_content__N2Y0M {
4581
+ .Menu_content__MTA2O {
4579
4582
  overflow: auto;
4580
4583
  }
4581
4584