@ni/nimble-components 20.17.6 → 20.17.7

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.
@@ -16301,7 +16301,7 @@
16301
16301
 
16302
16302
  /**
16303
16303
  * Do not edit directly
16304
- * Generated on Tue, 16 Jan 2024 21:34:36 GMT
16304
+ * Generated on Wed, 17 Jan 2024 00:34:10 GMT
16305
16305
  */
16306
16306
 
16307
16307
  const Information100DarkUi = "#a46eff";
@@ -17694,6 +17694,7 @@
17694
17694
  }
17695
17695
  });
17696
17696
  DesignSystem.getOrCreate().withPrefix('nimble').register(nimbleAnchorButton());
17697
+ const anchorButtonTag = 'nimble-anchor-button';
17697
17698
 
17698
17699
  const styles$T = css `
17699
17700
  ${display('grid')}
@@ -42546,6 +42547,7 @@ img.ProseMirror-separator {
42546
42547
  /** Initial height of rich text editor with one line space when the footer is visible. */ ''}
42547
42548
  height: 82px;
42548
42549
  --ni-private-rich-text-editor-footer-section-height: 40px;
42550
+ --ni-private-rich-text-editor-footer-section-border-top-width: 2px;
42549
42551
  ${
42550
42552
  /** Minimum width is added to accommodate all the possible buttons in the toolbar and to support the mobile width. */ ''}
42551
42553
  min-width: 360px;
@@ -42739,8 +42741,11 @@ img.ProseMirror-separator {
42739
42741
  display: flex;
42740
42742
  justify-content: space-between;
42741
42743
  flex-shrink: 0;
42742
- border: ${borderWidth} solid transparent;
42743
- border-top-color: rgba(${borderRgbPartialColor}, 0.1);
42744
+ border: 0px;
42745
+ border-top: var(
42746
+ --ni-private-rich-text-editor-footer-section-border-top-width
42747
+ )
42748
+ solid rgba(${borderRgbPartialColor}, 0.1);
42744
42749
  height: var(--ni-private-rich-text-editor-footer-section-height);
42745
42750
  overflow: hidden;
42746
42751
  }
@@ -42749,15 +42754,23 @@ img.ProseMirror-separator {
42749
42754
  display: none;
42750
42755
  }
42751
42756
 
42752
- nimble-toolbar::part(positioning-region) {
42757
+ ${toolbarTag}::part(positioning-region) {
42753
42758
  background: transparent;
42754
42759
  padding-right: 8px;
42760
+ box-sizing: border-box;
42761
+ gap: 0px;
42762
+ height: var(--ni-private-rich-text-editor-footer-section-height);
42755
42763
  }
42756
42764
 
42757
- nimble-toolbar::part(start) {
42765
+ ${toolbarTag}::part(start) {
42758
42766
  gap: 8px;
42759
42767
  }
42760
42768
 
42769
+ ${buttonTag},
42770
+ ${toggleButtonTag} {
42771
+ height: ${controlSlimHeight};
42772
+ }
42773
+
42761
42774
  .footer-actions {
42762
42775
  display: flex;
42763
42776
  justify-content: flex-end;
@@ -42766,6 +42779,13 @@ img.ProseMirror-separator {
42766
42779
  place-items: center;
42767
42780
  }
42768
42781
 
42782
+ ::slotted(${buttonTag}),
42783
+ ::slotted(${toggleButtonTag}),
42784
+ ::slotted(${anchorButtonTag}),
42785
+ ::slotted(${menuButtonTag}) {
42786
+ height: ${controlSlimHeight};
42787
+ }
42788
+
42769
42789
  :host([error-visible]) .error-icon {
42770
42790
  display: none;
42771
42791
  }