@deque/cauldron-styles 6.5.0-canary.55de7bb9 → 6.5.0-canary.946b10da

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 (2) hide show
  1. package/dist/index.css +17 -10
  2. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -1231,7 +1231,7 @@ button.Link {
1231
1231
  }
1232
1232
 
1233
1233
  .Button--tag:before {
1234
- border-radius: 11px;
1234
+ border-radius: var(--button-height);
1235
1235
  }
1236
1236
 
1237
1237
  .Button--primary:not([disabled]):not([aria-disabled='true']):hover:before {
@@ -3495,9 +3495,12 @@ button.TooltipTabstop {
3495
3495
 
3496
3496
  :root {
3497
3497
  --tag-text-color: var(--gray-90);
3498
- --tag-label-text-color: var(--gray-60);
3499
- --tag-background-color: var(--gray-20);
3500
- --tag-border-color: var(--gray-90);
3498
+ --tag-background-color: var(--background-light);
3499
+ --tag-border-color: var(--gray-30);
3500
+
3501
+ --tag-height: var(--button-height);
3502
+ --tag-small-height: 1.5rem;
3503
+ --tag-font-size: var(--text-size-body-small);
3501
3504
  }
3502
3505
 
3503
3506
  .cauldron--theme-dark {
@@ -3510,20 +3513,24 @@ button.TooltipTabstop {
3510
3513
  .Tag {
3511
3514
  color: var(--tag-text-color);
3512
3515
  background-color: var(--tag-background-color);
3513
- font-size: var(--text-size-smaller);
3514
3516
  border: 1px solid var(--tag-border-color);
3515
- border-radius: 11px;
3517
+ border-radius: var(--tag-height);
3516
3518
  display: inline-flex;
3517
3519
  justify-content: center;
3518
3520
  align-items: center;
3519
- padding: 2px 8px;
3520
- font-weight: var(--font-weight-medium);
3521
+ padding: 0 var(--space-smallest);
3522
+ min-height: var(--tag-height);
3523
+ font-size: var(--tag-font-size);
3524
+ }
3525
+
3526
+ .Tag--small {
3527
+ border-radius: var(--tag-small-height);
3528
+ min-height: var(--tag-small-height);
3521
3529
  }
3522
3530
 
3523
3531
  .Tag__label {
3524
- color: var(--tag-label-text-color);
3525
3532
  margin-right: 3px;
3526
- font-weight: var(--font-weight-normal);
3533
+ font-weight: var(--font-weight-medium);
3527
3534
  }
3528
3535
 
3529
3536
  :root {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@deque/cauldron-styles",
3
- "version": "6.5.0-canary.55de7bb9",
3
+ "version": "6.5.0-canary.946b10da",
4
4
  "license": "MPL-2.0",
5
5
  "description": "deque cauldron pattern library styles",
6
6
  "repository": "https://github.com/dequelabs/cauldron",