@ni/nimble-components 15.5.8 → 16.1.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 (81) hide show
  1. package/dist/all-components-bundle.js +1625 -1088
  2. package/dist/all-components-bundle.js.map +1 -1
  3. package/dist/all-components-bundle.min.js +2194 -1828
  4. package/dist/all-components-bundle.min.js.map +1 -1
  5. package/dist/esm/all-components.d.ts +3 -0
  6. package/dist/esm/all-components.js +3 -0
  7. package/dist/esm/all-components.js.map +1 -1
  8. package/dist/esm/anchor/index.d.ts +24 -0
  9. package/dist/esm/anchor/index.js +37 -0
  10. package/dist/esm/anchor/index.js.map +1 -0
  11. package/dist/esm/anchor/styles.d.ts +1 -0
  12. package/dist/esm/anchor/styles.js +86 -0
  13. package/dist/esm/anchor/styles.js.map +1 -0
  14. package/dist/esm/anchor/template.d.ts +4 -0
  15. package/dist/esm/anchor/template.js +53 -0
  16. package/dist/esm/anchor/template.js.map +1 -0
  17. package/dist/esm/anchor/types.d.ts +9 -0
  18. package/dist/esm/anchor/types.js +9 -0
  19. package/dist/esm/anchor/types.js.map +1 -0
  20. package/dist/esm/anchor-base/index.d.ts +6 -0
  21. package/dist/esm/anchor-base/index.js +7 -0
  22. package/dist/esm/anchor-base/index.js.map +1 -0
  23. package/dist/esm/anchor-button/index.d.ts +36 -0
  24. package/dist/esm/anchor-button/index.js +55 -0
  25. package/dist/esm/anchor-button/index.js.map +1 -0
  26. package/dist/esm/anchor-button/styles.d.ts +1 -0
  27. package/dist/esm/anchor-button/styles.js +11 -0
  28. package/dist/esm/anchor-button/styles.js.map +1 -0
  29. package/dist/esm/anchor-button/template.d.ts +4 -0
  30. package/dist/esm/anchor-button/template.js +44 -0
  31. package/dist/esm/anchor-button/template.js.map +1 -0
  32. package/dist/esm/anchor-button/types.d.ts +5 -0
  33. package/dist/esm/anchor-button/types.js +6 -0
  34. package/dist/esm/anchor-button/types.js.map +1 -0
  35. package/dist/esm/breadcrumb/styles.js +10 -36
  36. package/dist/esm/breadcrumb/styles.js.map +1 -1
  37. package/dist/esm/breadcrumb-item/styles.js +13 -14
  38. package/dist/esm/breadcrumb-item/styles.js.map +1 -1
  39. package/dist/esm/button/index.d.ts +2 -2
  40. package/dist/esm/button/index.js.map +1 -1
  41. package/dist/esm/button/styles.js +5 -82
  42. package/dist/esm/button/styles.js.map +1 -1
  43. package/dist/esm/button/types.d.ts +1 -10
  44. package/dist/esm/button/types.js +1 -9
  45. package/dist/esm/button/types.js.map +1 -1
  46. package/dist/esm/patterns/button/styles.d.ts +1 -0
  47. package/dist/esm/patterns/button/styles.js +81 -4
  48. package/dist/esm/patterns/button/styles.js.map +1 -1
  49. package/dist/esm/patterns/button/types.d.ts +18 -0
  50. package/dist/esm/patterns/button/types.js +8 -0
  51. package/dist/esm/patterns/button/types.js.map +1 -1
  52. package/dist/esm/spinner/index.d.ts +12 -0
  53. package/dist/esm/spinner/index.js +16 -0
  54. package/dist/esm/spinner/index.js.map +1 -0
  55. package/dist/esm/spinner/styles.d.ts +1 -0
  56. package/dist/esm/spinner/styles.js +149 -0
  57. package/dist/esm/spinner/styles.js.map +1 -0
  58. package/dist/esm/spinner/template.d.ts +2 -0
  59. package/dist/esm/spinner/template.js +10 -0
  60. package/dist/esm/spinner/template.js.map +1 -0
  61. package/dist/esm/theme-provider/design-token-comments.js +32 -8
  62. package/dist/esm/theme-provider/design-token-comments.js.map +1 -1
  63. package/dist/esm/theme-provider/design-token-names.js +32 -8
  64. package/dist/esm/theme-provider/design-token-names.js.map +1 -1
  65. package/dist/esm/theme-provider/design-tokens.d.ts +4 -1
  66. package/dist/esm/theme-provider/design-tokens.js +5 -2
  67. package/dist/esm/theme-provider/design-tokens.js.map +1 -1
  68. package/dist/esm/toggle-button/styles.js +2 -2
  69. package/dist/esm/wafer-map/index.d.ts +2 -0
  70. package/dist/esm/wafer-map/index.js +14 -1
  71. package/dist/esm/wafer-map/index.js.map +1 -1
  72. package/dist/esm/wafer-map/modules/rendering.d.ts +11 -0
  73. package/dist/esm/wafer-map/modules/rendering.js +26 -0
  74. package/dist/esm/wafer-map/modules/rendering.js.map +1 -0
  75. package/dist/esm/wafer-map/styles.js +55 -1
  76. package/dist/esm/wafer-map/styles.js.map +1 -1
  77. package/dist/esm/wafer-map/template.js +12 -9
  78. package/dist/esm/wafer-map/template.js.map +1 -1
  79. package/dist/tokens-internal.scss +168 -24
  80. package/dist/tokens.scss +88 -16
  81. package/package.json +2 -2
package/dist/tokens-internal.scss CHANGED
@@ -530,53 +530,197 @@ $ni-nimble-internal-subtitle-font-line-height: --ni-nimble-subtitle-font-line-he
530
530
  /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-subtitle-fallback-font-family}: <new value>;`.
531
531
  $ni-nimble-internal-subtitle-fallback-font-family: --ni-nimble-subtitle-fallback-font-family;
532
532
 
533
- /// Internal property for $ni-nimble-link-standard-font.
533
+ /// Internal property for $ni-nimble-link-font.
534
534
  /// Not intended for general use. If used, inform Nimble squad of use-case.
535
535
  /// Used to override a token value (generally making it no longer theme-aware).
536
- /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-standard-font}: <new value>;`.
537
- $ni-nimble-internal-link-standard-font: --ni-nimble-link-standard-font;
536
+ /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-font}: <new value>;`.
537
+ $ni-nimble-internal-link-font: --ni-nimble-link-font;
538
538
 
539
- /// Internal property for $ni-nimble-link-standard-font-color.
539
+ /// Internal property for $ni-nimble-link-font-color.
540
540
  /// Not intended for general use. If used, inform Nimble squad of use-case.
541
541
  /// Used to override a token value (generally making it no longer theme-aware).
542
- /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-standard-font-color}: <new value>;`.
543
- $ni-nimble-internal-link-standard-font-color: --ni-nimble-link-standard-font-color;
542
+ /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-font-color}: <new value>;`.
543
+ $ni-nimble-internal-link-font-color: --ni-nimble-link-font-color;
544
544
 
545
- /// Internal property for $ni-nimble-link-standard-disabled-font-color.
545
+ /// Internal property for $ni-nimble-link-disabled-font-color.
546
546
  /// Not intended for general use. If used, inform Nimble squad of use-case.
547
547
  /// Used to override a token value (generally making it no longer theme-aware).
548
- /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-standard-disabled-font-color}: <new value>;`.
549
- $ni-nimble-internal-link-standard-disabled-font-color: --ni-nimble-link-standard-disabled-font-color;
548
+ /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-disabled-font-color}: <new value>;`.
549
+ $ni-nimble-internal-link-disabled-font-color: --ni-nimble-link-disabled-font-color;
550
550
 
551
- /// Internal property for $ni-nimble-link-standard-font-family.
551
+ /// Internal property for $ni-nimble-link-font-family.
552
552
  /// Not intended for general use. If used, inform Nimble squad of use-case.
553
553
  /// Used to override a token value (generally making it no longer theme-aware).
554
- /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-standard-font-family}: <new value>;`.
555
- $ni-nimble-internal-link-standard-font-family: --ni-nimble-link-standard-font-family;
554
+ /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-font-family}: <new value>;`.
555
+ $ni-nimble-internal-link-font-family: --ni-nimble-link-font-family;
556
556
 
557
- /// Internal property for $ni-nimble-link-standard-font-size.
557
+ /// Internal property for $ni-nimble-link-font-size.
558
558
  /// Not intended for general use. If used, inform Nimble squad of use-case.
559
559
  /// Used to override a token value (generally making it no longer theme-aware).
560
- /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-standard-font-size}: <new value>;`.
561
- $ni-nimble-internal-link-standard-font-size: --ni-nimble-link-standard-font-size;
560
+ /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-font-size}: <new value>;`.
561
+ $ni-nimble-internal-link-font-size: --ni-nimble-link-font-size;
562
562
 
563
- /// Internal property for $ni-nimble-link-standard-font-weight.
563
+ /// Internal property for $ni-nimble-link-font-weight.
564
564
  /// Not intended for general use. If used, inform Nimble squad of use-case.
565
565
  /// Used to override a token value (generally making it no longer theme-aware).
566
- /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-standard-font-weight}: <new value>;`.
567
- $ni-nimble-internal-link-standard-font-weight: --ni-nimble-link-standard-font-weight;
566
+ /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-font-weight}: <new value>;`.
567
+ $ni-nimble-internal-link-font-weight: --ni-nimble-link-font-weight;
568
568
 
569
- /// Internal property for $ni-nimble-link-standard-font-line-height.
569
+ /// Internal property for $ni-nimble-link-font-line-height.
570
570
  /// Not intended for general use. If used, inform Nimble squad of use-case.
571
571
  /// Used to override a token value (generally making it no longer theme-aware).
572
- /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-standard-font-line-height}: <new value>;`.
573
- $ni-nimble-internal-link-standard-font-line-height: --ni-nimble-link-standard-font-line-height;
572
+ /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-font-line-height}: <new value>;`.
573
+ $ni-nimble-internal-link-font-line-height: --ni-nimble-link-font-line-height;
574
574
 
575
- /// Internal property for $ni-nimble-link-standard-fallback-font-family.
575
+ /// Internal property for $ni-nimble-link-fallback-font-family.
576
576
  /// Not intended for general use. If used, inform Nimble squad of use-case.
577
577
  /// Used to override a token value (generally making it no longer theme-aware).
578
- /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-standard-fallback-font-family}: <new value>;`.
579
- $ni-nimble-internal-link-standard-fallback-font-family: --ni-nimble-link-standard-fallback-font-family;
578
+ /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-fallback-font-family}: <new value>;`.
579
+ $ni-nimble-internal-link-fallback-font-family: --ni-nimble-link-fallback-font-family;
580
+
581
+ /// Internal property for $ni-nimble-link-active-font.
582
+ /// Not intended for general use. If used, inform Nimble squad of use-case.
583
+ /// Used to override a token value (generally making it no longer theme-aware).
584
+ /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-active-font}: <new value>;`.
585
+ $ni-nimble-internal-link-active-font: --ni-nimble-link-active-font;
586
+
587
+ /// Internal property for $ni-nimble-link-active-font-color.
588
+ /// Not intended for general use. If used, inform Nimble squad of use-case.
589
+ /// Used to override a token value (generally making it no longer theme-aware).
590
+ /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-active-font-color}: <new value>;`.
591
+ $ni-nimble-internal-link-active-font-color: --ni-nimble-link-active-font-color;
592
+
593
+ /// Internal property for $ni-nimble-link-active-disabled-font-color.
594
+ /// Not intended for general use. If used, inform Nimble squad of use-case.
595
+ /// Used to override a token value (generally making it no longer theme-aware).
596
+ /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-active-disabled-font-color}: <new value>;`.
597
+ $ni-nimble-internal-link-active-disabled-font-color: --ni-nimble-link-active-disabled-font-color;
598
+
599
+ /// Internal property for $ni-nimble-link-active-font-family.
600
+ /// Not intended for general use. If used, inform Nimble squad of use-case.
601
+ /// Used to override a token value (generally making it no longer theme-aware).
602
+ /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-active-font-family}: <new value>;`.
603
+ $ni-nimble-internal-link-active-font-family: --ni-nimble-link-active-font-family;
604
+
605
+ /// Internal property for $ni-nimble-link-active-font-size.
606
+ /// Not intended for general use. If used, inform Nimble squad of use-case.
607
+ /// Used to override a token value (generally making it no longer theme-aware).
608
+ /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-active-font-size}: <new value>;`.
609
+ $ni-nimble-internal-link-active-font-size: --ni-nimble-link-active-font-size;
610
+
611
+ /// Internal property for $ni-nimble-link-active-font-weight.
612
+ /// Not intended for general use. If used, inform Nimble squad of use-case.
613
+ /// Used to override a token value (generally making it no longer theme-aware).
614
+ /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-active-font-weight}: <new value>;`.
615
+ $ni-nimble-internal-link-active-font-weight: --ni-nimble-link-active-font-weight;
616
+
617
+ /// Internal property for $ni-nimble-link-active-font-line-height.
618
+ /// Not intended for general use. If used, inform Nimble squad of use-case.
619
+ /// Used to override a token value (generally making it no longer theme-aware).
620
+ /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-active-font-line-height}: <new value>;`.
621
+ $ni-nimble-internal-link-active-font-line-height: --ni-nimble-link-active-font-line-height;
622
+
623
+ /// Internal property for $ni-nimble-link-active-fallback-font-family.
624
+ /// Not intended for general use. If used, inform Nimble squad of use-case.
625
+ /// Used to override a token value (generally making it no longer theme-aware).
626
+ /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-active-fallback-font-family}: <new value>;`.
627
+ $ni-nimble-internal-link-active-fallback-font-family: --ni-nimble-link-active-fallback-font-family;
628
+
629
+ /// Internal property for $ni-nimble-link-prominent-font.
630
+ /// Not intended for general use. If used, inform Nimble squad of use-case.
631
+ /// Used to override a token value (generally making it no longer theme-aware).
632
+ /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-prominent-font}: <new value>;`.
633
+ $ni-nimble-internal-link-prominent-font: --ni-nimble-link-prominent-font;
634
+
635
+ /// Internal property for $ni-nimble-link-prominent-font-color.
636
+ /// Not intended for general use. If used, inform Nimble squad of use-case.
637
+ /// Used to override a token value (generally making it no longer theme-aware).
638
+ /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-prominent-font-color}: <new value>;`.
639
+ $ni-nimble-internal-link-prominent-font-color: --ni-nimble-link-prominent-font-color;
640
+
641
+ /// Internal property for $ni-nimble-link-prominent-disabled-font-color.
642
+ /// Not intended for general use. If used, inform Nimble squad of use-case.
643
+ /// Used to override a token value (generally making it no longer theme-aware).
644
+ /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-prominent-disabled-font-color}: <new value>;`.
645
+ $ni-nimble-internal-link-prominent-disabled-font-color: --ni-nimble-link-prominent-disabled-font-color;
646
+
647
+ /// Internal property for $ni-nimble-link-prominent-font-family.
648
+ /// Not intended for general use. If used, inform Nimble squad of use-case.
649
+ /// Used to override a token value (generally making it no longer theme-aware).
650
+ /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-prominent-font-family}: <new value>;`.
651
+ $ni-nimble-internal-link-prominent-font-family: --ni-nimble-link-prominent-font-family;
652
+
653
+ /// Internal property for $ni-nimble-link-prominent-font-size.
654
+ /// Not intended for general use. If used, inform Nimble squad of use-case.
655
+ /// Used to override a token value (generally making it no longer theme-aware).
656
+ /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-prominent-font-size}: <new value>;`.
657
+ $ni-nimble-internal-link-prominent-font-size: --ni-nimble-link-prominent-font-size;
658
+
659
+ /// Internal property for $ni-nimble-link-prominent-font-weight.
660
+ /// Not intended for general use. If used, inform Nimble squad of use-case.
661
+ /// Used to override a token value (generally making it no longer theme-aware).
662
+ /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-prominent-font-weight}: <new value>;`.
663
+ $ni-nimble-internal-link-prominent-font-weight: --ni-nimble-link-prominent-font-weight;
664
+
665
+ /// Internal property for $ni-nimble-link-prominent-font-line-height.
666
+ /// Not intended for general use. If used, inform Nimble squad of use-case.
667
+ /// Used to override a token value (generally making it no longer theme-aware).
668
+ /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-prominent-font-line-height}: <new value>;`.
669
+ $ni-nimble-internal-link-prominent-font-line-height: --ni-nimble-link-prominent-font-line-height;
670
+
671
+ /// Internal property for $ni-nimble-link-prominent-fallback-font-family.
672
+ /// Not intended for general use. If used, inform Nimble squad of use-case.
673
+ /// Used to override a token value (generally making it no longer theme-aware).
674
+ /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-prominent-fallback-font-family}: <new value>;`.
675
+ $ni-nimble-internal-link-prominent-fallback-font-family: --ni-nimble-link-prominent-fallback-font-family;
676
+
677
+ /// Internal property for $ni-nimble-link-active-prominent-font.
678
+ /// Not intended for general use. If used, inform Nimble squad of use-case.
679
+ /// Used to override a token value (generally making it no longer theme-aware).
680
+ /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-active-prominent-font}: <new value>;`.
681
+ $ni-nimble-internal-link-active-prominent-font: --ni-nimble-link-active-prominent-font;
682
+
683
+ /// Internal property for $ni-nimble-link-active-prominent-font-color.
684
+ /// Not intended for general use. If used, inform Nimble squad of use-case.
685
+ /// Used to override a token value (generally making it no longer theme-aware).
686
+ /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-active-prominent-font-color}: <new value>;`.
687
+ $ni-nimble-internal-link-active-prominent-font-color: --ni-nimble-link-active-prominent-font-color;
688
+
689
+ /// Internal property for $ni-nimble-link-active-prominent-disabled-font-color.
690
+ /// Not intended for general use. If used, inform Nimble squad of use-case.
691
+ /// Used to override a token value (generally making it no longer theme-aware).
692
+ /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-active-prominent-disabled-font-color}: <new value>;`.
693
+ $ni-nimble-internal-link-active-prominent-disabled-font-color: --ni-nimble-link-active-prominent-disabled-font-color;
694
+
695
+ /// Internal property for $ni-nimble-link-active-prominent-font-family.
696
+ /// Not intended for general use. If used, inform Nimble squad of use-case.
697
+ /// Used to override a token value (generally making it no longer theme-aware).
698
+ /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-active-prominent-font-family}: <new value>;`.
699
+ $ni-nimble-internal-link-active-prominent-font-family: --ni-nimble-link-active-prominent-font-family;
700
+
701
+ /// Internal property for $ni-nimble-link-active-prominent-font-size.
702
+ /// Not intended for general use. If used, inform Nimble squad of use-case.
703
+ /// Used to override a token value (generally making it no longer theme-aware).
704
+ /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-active-prominent-font-size}: <new value>;`.
705
+ $ni-nimble-internal-link-active-prominent-font-size: --ni-nimble-link-active-prominent-font-size;
706
+
707
+ /// Internal property for $ni-nimble-link-active-prominent-font-weight.
708
+ /// Not intended for general use. If used, inform Nimble squad of use-case.
709
+ /// Used to override a token value (generally making it no longer theme-aware).
710
+ /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-active-prominent-font-weight}: <new value>;`.
711
+ $ni-nimble-internal-link-active-prominent-font-weight: --ni-nimble-link-active-prominent-font-weight;
712
+
713
+ /// Internal property for $ni-nimble-link-active-prominent-font-line-height.
714
+ /// Not intended for general use. If used, inform Nimble squad of use-case.
715
+ /// Used to override a token value (generally making it no longer theme-aware).
716
+ /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-active-prominent-font-line-height}: <new value>;`.
717
+ $ni-nimble-internal-link-active-prominent-font-line-height: --ni-nimble-link-active-prominent-font-line-height;
718
+
719
+ /// Internal property for $ni-nimble-link-active-prominent-fallback-font-family.
720
+ /// Not intended for general use. If used, inform Nimble squad of use-case.
721
+ /// Used to override a token value (generally making it no longer theme-aware).
722
+ /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-link-active-prominent-fallback-font-family}: <new value>;`.
723
+ $ni-nimble-internal-link-active-prominent-fallback-font-family: --ni-nimble-link-active-prominent-fallback-font-family;
580
724
 
581
725
  /// Internal property for $ni-nimble-placeholder-font.
582
726
  /// Not intended for general use. If used, inform Nimble squad of use-case.
package/dist/tokens.scss CHANGED
@@ -269,29 +269,101 @@ $ni-nimble-subtitle-font-line-height: var($ni-nimble-internal-subtitle-font-line
269
269
  /// Fallback font family for the "Subtitle_1" base token
270
270
  $ni-nimble-subtitle-fallback-font-family: var($ni-nimble-internal-subtitle-fallback-font-family);
271
271
 
272
- /// Font shorthand for the "Link_standard_1" base token
273
- $ni-nimble-link-standard-font: var($ni-nimble-internal-link-standard-font);
272
+ /// Font shorthand for links
273
+ $ni-nimble-link-font: var($ni-nimble-internal-link-font);
274
274
 
275
- /// Font color for the "Link_Standard_1" base token
276
- $ni-nimble-link-standard-font-color: var($ni-nimble-internal-link-standard-font-color);
275
+ /// Font color for links
276
+ $ni-nimble-link-font-color: var($ni-nimble-internal-link-font-color);
277
277
 
278
- /// Disabled font color for the "Link_Standard_1" base token
279
- $ni-nimble-link-standard-disabled-font-color: var($ni-nimble-internal-link-standard-disabled-font-color);
278
+ /// Disabled font color for links
279
+ $ni-nimble-link-disabled-font-color: var($ni-nimble-internal-link-disabled-font-color);
280
280
 
281
- /// Font family for the "Link_Standard_1" base token
282
- $ni-nimble-link-standard-font-family: var($ni-nimble-internal-link-standard-font-family);
281
+ /// Font family for links
282
+ $ni-nimble-link-font-family: var($ni-nimble-internal-link-font-family);
283
283
 
284
- /// Font size for the "Link_Standard_1" base token
285
- $ni-nimble-link-standard-font-size: var($ni-nimble-internal-link-standard-font-size);
284
+ /// Font size for links
285
+ $ni-nimble-link-font-size: var($ni-nimble-internal-link-font-size);
286
286
 
287
- /// Font weight for the "Link_Standard_1" base token
288
- $ni-nimble-link-standard-font-weight: var($ni-nimble-internal-link-standard-font-weight);
287
+ /// Font weight for links
288
+ $ni-nimble-link-font-weight: var($ni-nimble-internal-link-font-weight);
289
289
 
290
- /// Font line height for the "Link_Standard_1" base token
291
- $ni-nimble-link-standard-font-line-height: var($ni-nimble-internal-link-standard-font-line-height);
290
+ /// Font line height for links
291
+ $ni-nimble-link-font-line-height: var($ni-nimble-internal-link-font-line-height);
292
292
 
293
- /// Fallback font family for the "Link_Standard_1" base token
294
- $ni-nimble-link-standard-fallback-font-family: var($ni-nimble-internal-link-standard-fallback-font-family);
293
+ /// Fallback font family for links
294
+ $ni-nimble-link-fallback-font-family: var($ni-nimble-internal-link-fallback-font-family);
295
+
296
+ /// Font shorthand for active links
297
+ $ni-nimble-link-active-font: var($ni-nimble-internal-link-active-font);
298
+
299
+ /// Font color for active links
300
+ $ni-nimble-link-active-font-color: var($ni-nimble-internal-link-active-font-color);
301
+
302
+ /// Disabled font color for active links
303
+ $ni-nimble-link-active-disabled-font-color: var($ni-nimble-internal-link-active-disabled-font-color);
304
+
305
+ /// Font family for active links
306
+ $ni-nimble-link-active-font-family: var($ni-nimble-internal-link-active-font-family);
307
+
308
+ /// Font size for active links
309
+ $ni-nimble-link-active-font-size: var($ni-nimble-internal-link-active-font-size);
310
+
311
+ /// Font weight for active links
312
+ $ni-nimble-link-active-font-weight: var($ni-nimble-internal-link-active-font-weight);
313
+
314
+ /// Font line height for active links
315
+ $ni-nimble-link-active-font-line-height: var($ni-nimble-internal-link-active-font-line-height);
316
+
317
+ /// Fallback font family for active links
318
+ $ni-nimble-link-active-fallback-font-family: var($ni-nimble-internal-link-active-fallback-font-family);
319
+
320
+ /// Font shorthand for prominent links
321
+ $ni-nimble-link-prominent-font: var($ni-nimble-internal-link-prominent-font);
322
+
323
+ /// Font color for prominent links
324
+ $ni-nimble-link-prominent-font-color: var($ni-nimble-internal-link-prominent-font-color);
325
+
326
+ /// Disabled font color for prominent links
327
+ $ni-nimble-link-prominent-disabled-font-color: var($ni-nimble-internal-link-prominent-disabled-font-color);
328
+
329
+ /// Font family for prominent links
330
+ $ni-nimble-link-prominent-font-family: var($ni-nimble-internal-link-prominent-font-family);
331
+
332
+ /// Font size for prominent links
333
+ $ni-nimble-link-prominent-font-size: var($ni-nimble-internal-link-prominent-font-size);
334
+
335
+ /// Font weight for prominent links
336
+ $ni-nimble-link-prominent-font-weight: var($ni-nimble-internal-link-prominent-font-weight);
337
+
338
+ /// Font line height for prominent links
339
+ $ni-nimble-link-prominent-font-line-height: var($ni-nimble-internal-link-prominent-font-line-height);
340
+
341
+ /// Fallback font family for prominent links
342
+ $ni-nimble-link-prominent-fallback-font-family: var($ni-nimble-internal-link-prominent-fallback-font-family);
343
+
344
+ /// Font shorthand for active prominent links
345
+ $ni-nimble-link-active-prominent-font: var($ni-nimble-internal-link-active-prominent-font);
346
+
347
+ /// Font color for active prominent links
348
+ $ni-nimble-link-active-prominent-font-color: var($ni-nimble-internal-link-active-prominent-font-color);
349
+
350
+ /// Disabled font color for active prominent links
351
+ $ni-nimble-link-active-prominent-disabled-font-color: var($ni-nimble-internal-link-active-prominent-disabled-font-color);
352
+
353
+ /// Font family for active prominent links
354
+ $ni-nimble-link-active-prominent-font-family: var($ni-nimble-internal-link-active-prominent-font-family);
355
+
356
+ /// Font size for active prominent links
357
+ $ni-nimble-link-active-prominent-font-size: var($ni-nimble-internal-link-active-prominent-font-size);
358
+
359
+ /// Font weight for active prominent links
360
+ $ni-nimble-link-active-prominent-font-weight: var($ni-nimble-internal-link-active-prominent-font-weight);
361
+
362
+ /// Font line height for active prominent links
363
+ $ni-nimble-link-active-prominent-font-line-height: var($ni-nimble-internal-link-active-prominent-font-line-height);
364
+
365
+ /// Fallback font family for active prominent links
366
+ $ni-nimble-link-active-prominent-fallback-font-family: var($ni-nimble-internal-link-active-prominent-fallback-font-family);
295
367
 
296
368
  /// Font shorthand for the "Placeholder" base token
297
369
  $ni-nimble-placeholder-font: var($ni-nimble-internal-placeholder-font);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ni/nimble-components",
3
- "version": "15.5.8",
3
+ "version": "16.1.0",
4
4
  "description": "Styled web components for the NI Nimble Design System",
5
5
  "scripts": {
6
6
  "build": "npm run generate-icons && npm run build-components && npm run bundle-components && npm run generate-scss && npm run build-storybook",
@@ -63,7 +63,7 @@
63
63
  "@babel/cli": "^7.13.16",
64
64
  "@babel/core": "^7.14.6",
65
65
  "@babel/preset-env": "^7.13.15",
66
- "@mdx-js/react": "*",
66
+ "@mdx-js/react": "^1.6.22",
67
67
  "@ni/eslint-config-javascript": "^4.0.0",
68
68
  "@ni/eslint-config-typescript": "^4.1.0",
69
69
  "@rollup/plugin-commonjs": "^21.0.2",