@deque/cauldron-styles 5.0.0-canary.75d70780 → 5.0.0-canary.8d67f3f3

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 +26 -5
  2. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -2042,7 +2042,8 @@ p .Link {
2042
2042
 
2043
2043
  .Field__select--wrapper {
2044
2044
  position: relative;
2045
- min-width: var(--select-width);
2045
+ width: var(--select-width);
2046
+ max-width: 100%;
2046
2047
  }
2047
2048
 
2048
2049
  .arrow-down {
@@ -2537,6 +2538,8 @@ p .Link {
2537
2538
  border-radius: 3px;
2538
2539
  z-index: var(--z-index-tooltip);
2539
2540
  text-align: center;
2541
+ max-width: calc(100vw - 16px);
2542
+ word-break: break-word;
2540
2543
  }
2541
2544
 
2542
2545
  .Tooltip--hidden {
@@ -3954,6 +3957,18 @@ fieldset.Panel {
3954
3957
  transition: background-color 0.3s ease;
3955
3958
  }
3956
3959
 
3960
+ .NavBar > ul > .NavItem {
3961
+ font-weight: var(--font-weight-normal);
3962
+ }
3963
+
3964
+ .NavBar > ul > .NavItem--active {
3965
+ font-weight: var(--font-weight-medium);
3966
+ }
3967
+
3968
+ .NavBar > ul > .NavItem a {
3969
+ font-weight: inherit;
3970
+ }
3971
+
3957
3972
  .NavBar > ul > li:first-child:not(.NavBar__trigger) {
3958
3973
  border-left: 1px solid var(--top-nav-box-shadow-color);
3959
3974
  }
@@ -4242,13 +4257,15 @@ fieldset.Panel {
4242
4257
  }
4243
4258
 
4244
4259
  .TwoColumnPanel__Header {
4245
- padding: 0 var(--space-small);
4260
+ /* The -2px is to account for the borders that are outside of the element and will make it line up with the left panel when there's only one line of text */
4261
+ padding: calc(var(--space-small) - 2px);
4246
4262
  border-bottom: 1px solid var(--two-column-panel-border-color);
4247
- height: var(--two-column-panel-header-height);
4248
- line-height: var(--two-column-panel-header-height);
4263
+ min-height: var(--two-column-panel-header-height);
4249
4264
  font-weight: 500;
4250
4265
  color: var(--two-column-panel-header-text-color);
4251
4266
  flex: 1;
4267
+ display: flex;
4268
+ align-items: center;
4252
4269
  }
4253
4270
 
4254
4271
  .TwoColumnPanel__Left {
@@ -4385,12 +4402,16 @@ fieldset.Panel {
4385
4402
  margin-bottom: 0;
4386
4403
  }
4387
4404
 
4405
+ .TwoColumnPanel__ButtonToggle {
4406
+ display: flex;
4407
+ }
4408
+
4388
4409
  .TwoColumnPanel__ButtonToggle button,
4389
4410
  .TwoColumnPanel__Close button {
4390
4411
  background-color: transparent;
4391
4412
  border: none;
4392
4413
  border-bottom: 1px solid var(--two-column-panel-border-color);
4393
- height: var(--two-column-panel-header-height);
4414
+ min-height: var(--two-column-panel-header-height);
4394
4415
  width: var(--two-column-panel-header-height);
4395
4416
  }
4396
4417
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@deque/cauldron-styles",
3
- "version": "5.0.0-canary.75d70780",
3
+ "version": "5.0.0-canary.8d67f3f3",
4
4
  "license": "MPL-2.0",
5
5
  "description": "deque cauldron pattern library styles",
6
6
  "repository": "https://github.com/dequelabs/cauldron",