@motion-proto/live-tokens 0.3.7 → 0.5.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 (104) hide show
  1. package/README.md +1 -1
  2. package/package.json +11 -9
  3. package/src/component-editor/BadgeEditor.svelte +24 -22
  4. package/src/component-editor/CalloutEditor.svelte +3 -3
  5. package/src/component-editor/CardEditor.svelte +25 -21
  6. package/src/component-editor/CollapsibleSectionEditor.svelte +27 -25
  7. package/src/component-editor/CornerBadgeEditor.svelte +37 -35
  8. package/src/component-editor/DialogEditor.svelte +26 -24
  9. package/src/component-editor/ImageEditor.svelte +11 -9
  10. package/src/component-editor/InlineEditActionsEditor.svelte +17 -15
  11. package/src/component-editor/NotificationEditor.svelte +32 -30
  12. package/src/component-editor/ProgressBarEditor.svelte +3 -3
  13. package/src/component-editor/RadioButtonEditor.svelte +31 -29
  14. package/src/component-editor/SectionDividerEditor.svelte +30 -28
  15. package/src/component-editor/SegmentedControlEditor.svelte +29 -25
  16. package/src/component-editor/StandardButtonsEditor.svelte +42 -38
  17. package/src/component-editor/TabBarEditor.svelte +20 -18
  18. package/src/component-editor/TableEditor.svelte +4 -4
  19. package/src/component-editor/TooltipEditor.svelte +11 -9
  20. package/src/component-editor/registry.ts +2 -2
  21. package/src/component-editor/scaffolding/AngleDial.svelte +20 -19
  22. package/src/component-editor/scaffolding/ComponentEditorBase.svelte +44 -20
  23. package/src/component-editor/scaffolding/ComponentFileManager.svelte +260 -37
  24. package/src/component-editor/scaffolding/ComponentFileMenu.svelte +41 -29
  25. package/src/component-editor/scaffolding/ComponentsTab.svelte +7 -3
  26. package/src/component-editor/scaffolding/CopyFromMenu.svelte +21 -12
  27. package/src/component-editor/scaffolding/DemoHeader.svelte +13 -4
  28. package/src/component-editor/scaffolding/DividerEditor.svelte +27 -14
  29. package/src/component-editor/scaffolding/FieldsetWrapper.svelte +10 -4
  30. package/src/component-editor/scaffolding/GradientCard.svelte +25 -20
  31. package/src/component-editor/scaffolding/LinkageChart.svelte +43 -34
  32. package/src/component-editor/scaffolding/LinkedBlock.svelte +24 -21
  33. package/src/component-editor/scaffolding/NonStylableConfig.svelte +6 -1
  34. package/src/component-editor/scaffolding/SaveAsDialog.svelte +39 -35
  35. package/src/component-editor/scaffolding/ShadowBackdrop.svelte +21 -9
  36. package/src/component-editor/scaffolding/ShadowBackdropControls.svelte +8 -3
  37. package/src/component-editor/scaffolding/StateBlock.svelte +30 -13
  38. package/src/component-editor/scaffolding/TokenLayout.svelte +46 -30
  39. package/src/component-editor/scaffolding/TypeEditor.svelte +52 -26
  40. package/src/component-editor/scaffolding/VariantGroup.svelte +81 -48
  41. package/src/component-editor/scaffolding/componentSectionType.ts +2 -2
  42. package/src/components/Badge.svelte +45 -26
  43. package/src/components/Button.svelte +44 -21
  44. package/src/components/Callout.svelte +17 -12
  45. package/src/components/Card.svelte +23 -11
  46. package/src/components/CollapsibleSection.svelte +56 -27
  47. package/src/components/CornerBadge.svelte +32 -18
  48. package/src/components/Dialog.svelte +55 -31
  49. package/src/components/Image.svelte +14 -5
  50. package/src/components/InlineEditActions.svelte +22 -10
  51. package/src/components/Notification.svelte +39 -19
  52. package/src/components/ProgressBar.svelte +27 -17
  53. package/src/components/RadioButton.svelte +27 -10
  54. package/src/components/SectionDivider.svelte +34 -26
  55. package/src/components/SegmentedControl.svelte +23 -9
  56. package/src/components/TabBar.svelte +23 -10
  57. package/src/components/Table.svelte +8 -3
  58. package/src/components/Tooltip.svelte +15 -5
  59. package/src/lib/ColumnsOverlay.svelte +3 -3
  60. package/src/lib/LiveEditorOverlay.svelte +73 -36
  61. package/src/pages/ComponentEditorPage.svelte +17 -13
  62. package/src/pages/EditorShell.svelte +24 -20
  63. package/src/styles/form-controls.css +2 -2
  64. package/src/styles/tokens.css +59 -81
  65. package/src/ui/BezierCurveEditor.svelte +59 -43
  66. package/src/ui/ColorEditPanel.svelte +71 -44
  67. package/src/ui/EditorViewSwitcher.svelte +9 -5
  68. package/src/ui/FontStackEditor.svelte +16 -15
  69. package/src/ui/GradientEditor.svelte +42 -33
  70. package/src/ui/GradientStopPicker.svelte +18 -29
  71. package/src/ui/PaletteEditor.svelte +238 -212
  72. package/src/ui/PresetFileManager.svelte +20 -18
  73. package/src/ui/ProjectFontsSection.svelte +30 -30
  74. package/src/ui/SurfacesTab.svelte +3 -3
  75. package/src/ui/TextTab.svelte +2 -2
  76. package/src/ui/ThemeFileManager.svelte +38 -35
  77. package/src/ui/Toggle.svelte +11 -9
  78. package/src/ui/UICopyPopover.svelte +19 -15
  79. package/src/ui/UIDialog.svelte +48 -30
  80. package/src/ui/UIFontFamilySelector.svelte +104 -78
  81. package/src/ui/UIFontSizeSelector.svelte +38 -20
  82. package/src/ui/UIFontWeightSelector.svelte +33 -13
  83. package/src/ui/UILineHeightSelector.svelte +33 -13
  84. package/src/ui/UILinkToggle.svelte +7 -6
  85. package/src/ui/UIOptionItem.svelte +21 -7
  86. package/src/ui/UIOptionList.svelte +9 -3
  87. package/src/ui/UIPaddingSelector.svelte +108 -82
  88. package/src/ui/UIPaletteSelector.svelte +186 -161
  89. package/src/ui/UIRadio.svelte +23 -8
  90. package/src/ui/UIRadioGroup.svelte +9 -8
  91. package/src/ui/UIRelinkConfirmPopover.svelte +26 -16
  92. package/src/ui/UITokenSelector.svelte +112 -68
  93. package/src/ui/UIVariantSelector.svelte +79 -57
  94. package/src/ui/VariablesTab.svelte +15 -15
  95. package/src/ui/palette/GradientStopEditor.svelte +45 -26
  96. package/src/ui/palette/OverridesPanel.svelte +85 -49
  97. package/src/ui/palette/PaletteBase.svelte +60 -32
  98. package/src/ui/palette/ScaleCurveEditor.svelte +25 -10
  99. package/src/ui/sections/ColumnsSection.svelte +13 -13
  100. package/src/ui/sections/GradientsSection.svelte +12 -9
  101. package/src/ui/sections/OverlaysSection.svelte +50 -47
  102. package/src/ui/sections/ShadowsSection.svelte +110 -104
  103. package/src/ui/sections/TokenScaleTable.svelte +38 -22
  104. package/src/ui/sections/tokenScales.ts +2 -2
package/src/styles/tokens.css CHANGED
@@ -586,11 +586,11 @@
586
586
  --z-tooltip: 1300;
587
587
 
588
588
  /* Line Heights */
589
- --line-height-tight: 1;
590
- --line-height-snug: 1.2;
591
- --line-height-normal: 1.4;
592
- --line-height-relaxed: 1.5;
593
- --line-height-loose: 2;
589
+ --line-height-xs: 1;
590
+ --line-height-sm: 1.25;
591
+ --line-height-md: 1.5;
592
+ --line-height-lg: 1.75;
593
+ --line-height-xl: 2;
594
594
 
595
595
  /* Exported token additions */
596
596
  --text-alternate: #9fa1a1;
@@ -655,7 +655,7 @@
655
655
  --badge-trait-text-font-family: var(--font-sans);
656
656
  --badge-trait-text-font-size: var(--font-size-sm);
657
657
  --badge-trait-text-font-weight: var(--font-weight-light);
658
- --badge-trait-text-line-height: var(--line-height-tight);
658
+ --badge-trait-text-line-height: var(--line-height-xs);
659
659
  --badge-trait-border: var(--border-brand-medium);
660
660
  --badge-trait-border-width: var(--border-width-1);
661
661
  --badge-trait-radius: var(--radius-full);
@@ -686,7 +686,7 @@
686
686
  --collapsiblesection-container-default-label-font-family: var(--font-sans);
687
687
  --collapsiblesection-container-default-label-font-size: var(--font-size-md);
688
688
  --collapsiblesection-container-default-label-font-weight: var(--font-weight-bold);
689
- --collapsiblesection-container-default-label-line-height: var(--line-height-normal);
689
+ --collapsiblesection-container-default-label-line-height: var(--line-height-md);
690
690
  --collapsiblesection-container-default-icon: var(--text-primary);
691
691
  --collapsiblesection-container-default-icon-size: var(--icon-size-xs);
692
692
  --collapsiblesection-container-hover-surface: var(--surface-canvas);
@@ -695,7 +695,7 @@
695
695
  --collapsiblesection-container-hover-label-font-family: var(--font-sans);
696
696
  --collapsiblesection-container-hover-label-font-size: var(--font-size-md);
697
697
  --collapsiblesection-container-hover-label-font-weight: var(--font-weight-bold);
698
- --collapsiblesection-container-hover-label-line-height: var(--line-height-normal);
698
+ --collapsiblesection-container-hover-label-line-height: var(--line-height-md);
699
699
  --collapsiblesection-container-hover-icon: var(--text-muted);
700
700
  --collapsiblesection-container-hover-icon-size: var(--icon-size-xs);
701
701
  --collapsiblesection-container-active-surface: var(--surface-canvas-low);
@@ -704,14 +704,14 @@
704
704
  --collapsiblesection-container-active-label-font-family: var(--font-sans);
705
705
  --collapsiblesection-container-active-label-font-size: var(--font-size-md);
706
706
  --collapsiblesection-container-active-label-font-weight: var(--font-weight-bold);
707
- --collapsiblesection-container-active-label-line-height: var(--line-height-normal);
707
+ --collapsiblesection-container-active-label-line-height: var(--line-height-md);
708
708
  --collapsiblesection-container-active-icon: var(--text-muted);
709
709
  --collapsiblesection-container-active-icon-size: var(--icon-size-xs);
710
710
  --button-primary-text: var(--text-primary);
711
711
  --button-primary-text-font-family: var(--font-sans);
712
712
  --button-primary-text-font-size: var(--font-size-sm);
713
713
  --button-primary-text-font-weight: var(--font-weight-light);
714
- --button-primary-text-line-height: var(--line-height-snug);
714
+ --button-primary-text-line-height: var(--line-height-sm);
715
715
  --button-primary-border: var(--border-brand);
716
716
  --button-primary-border-width: var(--border-width-1);
717
717
  --button-primary-radius: var(--radius-md);
@@ -733,7 +733,7 @@
733
733
  --button-secondary-text-font-family: var(--font-sans);
734
734
  --button-secondary-text-font-size: var(--font-size-sm);
735
735
  --button-secondary-text-font-weight: var(--font-weight-light);
736
- --button-secondary-text-line-height: var(--line-height-snug);
736
+ --button-secondary-text-line-height: var(--line-height-sm);
737
737
  --button-secondary-border: var(--border-neutral);
738
738
  --button-secondary-border-width: var(--border-width-1);
739
739
  --button-secondary-radius: var(--radius-md);
@@ -755,7 +755,7 @@
755
755
  --button-outline-text-font-family: var(--font-sans);
756
756
  --button-outline-text-font-size: var(--font-size-sm);
757
757
  --button-outline-text-font-weight: var(--font-weight-light);
758
- --button-outline-text-line-height: var(--line-height-snug);
758
+ --button-outline-text-line-height: var(--line-height-sm);
759
759
  --button-outline-border: var(--border-neutral);
760
760
  --button-outline-border-width: var(--border-width-1);
761
761
  --button-outline-radius: var(--radius-md);
@@ -777,7 +777,7 @@
777
777
  --button-success-text-font-family: var(--font-sans);
778
778
  --button-success-text-font-size: var(--font-size-sm);
779
779
  --button-success-text-font-weight: var(--font-weight-light);
780
- --button-success-text-line-height: var(--line-height-snug);
780
+ --button-success-text-line-height: var(--line-height-sm);
781
781
  --button-success-border: var(--border-success);
782
782
  --button-success-border-width: var(--border-width-1);
783
783
  --button-success-radius: var(--radius-md);
@@ -799,7 +799,7 @@
799
799
  --button-danger-text-font-family: var(--font-sans);
800
800
  --button-danger-text-font-size: var(--font-size-sm);
801
801
  --button-danger-text-font-weight: var(--font-weight-light);
802
- --button-danger-text-line-height: var(--line-height-snug);
802
+ --button-danger-text-line-height: var(--line-height-sm);
803
803
  --button-danger-border: var(--border-danger);
804
804
  --button-danger-border-width: var(--border-width-1);
805
805
  --button-danger-radius: var(--radius-md);
@@ -821,7 +821,7 @@
821
821
  --button-warning-text-font-family: var(--font-sans);
822
822
  --button-warning-text-font-size: var(--font-size-sm);
823
823
  --button-warning-text-font-weight: var(--font-weight-light);
824
- --button-warning-text-line-height: var(--line-height-snug);
824
+ --button-warning-text-line-height: var(--line-height-sm);
825
825
  --button-warning-border: var(--border-warning);
826
826
  --button-warning-border-width: var(--border-width-1);
827
827
  --button-warning-radius: var(--radius-md);
@@ -853,7 +853,7 @@
853
853
  --dialog-title-font-family: var(--font-sans);
854
854
  --dialog-title-font-size: var(--font-size-2xl);
855
855
  --dialog-title-font-weight: var(--font-weight-normal);
856
- --dialog-title-line-height: var(--line-height-snug);
856
+ --dialog-title-line-height: var(--line-height-sm);
857
857
  --dialog-close-icon: var(--text-secondary);
858
858
  --dialog-close-icon-size: var(--icon-size-xl);
859
859
  --dialog-body-padding: var(--space-16);
@@ -895,7 +895,7 @@
895
895
  --radiobutton-default-label-font-family: var(--font-sans);
896
896
  --radiobutton-default-label-font-size: var(--font-size-md);
897
897
  --radiobutton-default-label-font-weight: var(--font-weight-semibold);
898
- --radiobutton-default-label-line-height: var(--line-height-tight);
898
+ --radiobutton-default-label-line-height: var(--line-height-xs);
899
899
  --radiobutton-hover-dot-border-color: var(--border-neutral);
900
900
  --radiobutton-hover-dot-border-width: var(--border-width-2);
901
901
  --radiobutton-hover-dot-fill: var(--surface-neutral);
@@ -904,7 +904,7 @@
904
904
  --radiobutton-hover-label-font-family: var(--font-sans);
905
905
  --radiobutton-hover-label-font-size: var(--font-size-md);
906
906
  --radiobutton-hover-label-font-weight: var(--font-weight-semibold);
907
- --radiobutton-hover-label-line-height: var(--line-height-tight);
907
+ --radiobutton-hover-label-line-height: var(--line-height-xs);
908
908
  --radiobutton-active-dot-border-color: var(--border-neutral);
909
909
  --radiobutton-active-dot-border-width: var(--border-width-2);
910
910
  --radiobutton-active-dot-fill: var(--color-brand-500);
@@ -913,7 +913,7 @@
913
913
  --radiobutton-active-label-font-family: var(--font-sans);
914
914
  --radiobutton-active-label-font-size: var(--font-size-md);
915
915
  --radiobutton-active-label-font-weight: var(--font-weight-semibold);
916
- --radiobutton-active-label-line-height: var(--line-height-tight);
916
+ --radiobutton-active-label-line-height: var(--line-height-xs);
917
917
  --notification-info-surface: var(--surface-info);
918
918
  --notification-info-border: var(--border-info);
919
919
  --notification-info-border-width: var(--border-width-1);
@@ -925,12 +925,12 @@
925
925
  --notification-info-title-font-family: var(--font-sans);
926
926
  --notification-info-title-font-size: var(--font-size-lg);
927
927
  --notification-info-title-font-weight: var(--font-weight-normal);
928
- --notification-info-title-line-height: var(--line-height-snug);
928
+ --notification-info-title-line-height: var(--line-height-sm);
929
929
  --notification-info-text: var(--text-primary);
930
930
  --notification-info-text-font-family: var(--font-sans);
931
931
  --notification-info-text-font-size: var(--font-size-md);
932
932
  --notification-info-text-font-weight: var(--font-weight-extralight);
933
- --notification-info-text-line-height: var(--line-height-normal);
933
+ --notification-info-text-line-height: var(--line-height-md);
934
934
  --notification-success-surface: var(--surface-success);
935
935
  --notification-success-border: var(--border-success);
936
936
  --notification-success-border-width: var(--border-width-1);
@@ -942,12 +942,12 @@
942
942
  --notification-success-title-font-family: var(--font-sans);
943
943
  --notification-success-title-font-size: var(--font-size-lg);
944
944
  --notification-success-title-font-weight: var(--font-weight-normal);
945
- --notification-success-title-line-height: var(--line-height-snug);
945
+ --notification-success-title-line-height: var(--line-height-sm);
946
946
  --notification-success-text: var(--text-primary);
947
947
  --notification-success-text-font-family: var(--font-sans);
948
948
  --notification-success-text-font-size: var(--font-size-md);
949
949
  --notification-success-text-font-weight: var(--font-weight-extralight);
950
- --notification-success-text-line-height: var(--line-height-normal);
950
+ --notification-success-text-line-height: var(--line-height-md);
951
951
  --notification-warning-surface: var(--surface-warning);
952
952
  --notification-warning-border: var(--border-warning);
953
953
  --notification-warning-border-width: var(--border-width-1);
@@ -959,12 +959,12 @@
959
959
  --notification-warning-title-font-family: var(--font-sans);
960
960
  --notification-warning-title-font-size: var(--font-size-lg);
961
961
  --notification-warning-title-font-weight: var(--font-weight-normal);
962
- --notification-warning-title-line-height: var(--line-height-snug);
962
+ --notification-warning-title-line-height: var(--line-height-sm);
963
963
  --notification-warning-text: var(--text-primary);
964
964
  --notification-warning-text-font-family: var(--font-sans);
965
965
  --notification-warning-text-font-size: var(--font-size-md);
966
966
  --notification-warning-text-font-weight: var(--font-weight-extralight);
967
- --notification-warning-text-line-height: var(--line-height-normal);
967
+ --notification-warning-text-line-height: var(--line-height-md);
968
968
  --notification-danger-surface: var(--surface-danger);
969
969
  --notification-danger-border: var(--border-danger);
970
970
  --notification-danger-border-width: var(--border-width-1);
@@ -976,12 +976,12 @@
976
976
  --notification-danger-title-font-family: var(--font-sans);
977
977
  --notification-danger-title-font-size: var(--font-size-lg);
978
978
  --notification-danger-title-font-weight: var(--font-weight-normal);
979
- --notification-danger-title-line-height: var(--line-height-snug);
979
+ --notification-danger-title-line-height: var(--line-height-sm);
980
980
  --notification-danger-text: var(--text-primary);
981
981
  --notification-danger-text-font-family: var(--font-sans);
982
982
  --notification-danger-text-font-size: var(--font-size-md);
983
983
  --notification-danger-text-font-weight: var(--font-weight-extralight);
984
- --notification-danger-text-line-height: var(--line-height-normal);
984
+ --notification-danger-text-line-height: var(--line-height-md);
985
985
  --progressbar-primary-track-surface: var(--surface-neutral-lower);
986
986
  --progressbar-primary-track-border: var(--border-neutral-subtle);
987
987
  --progressbar-primary-track-border-width: var(--border-width-1);
@@ -992,12 +992,12 @@
992
992
  --progressbar-primary-label-font-family: var(--font-sans);
993
993
  --progressbar-primary-label-font-size: var(--font-size-sm);
994
994
  --progressbar-primary-label-font-weight: var(--font-weight-light);
995
- --progressbar-primary-label-line-height: var(--line-height-normal);
995
+ --progressbar-primary-label-line-height: var(--line-height-md);
996
996
  --progressbar-primary-value: var(--text-tertiary);
997
997
  --progressbar-primary-value-font-family: var(--font-mono);
998
998
  --progressbar-primary-value-font-size: var(--font-size-xs);
999
999
  --progressbar-primary-value-font-weight: var(--font-weight-light);
1000
- --progressbar-primary-value-line-height: var(--line-height-normal);
1000
+ --progressbar-primary-value-line-height: var(--line-height-md);
1001
1001
  --progressbar-success-track-surface: var(--surface-neutral-low);
1002
1002
  --progressbar-success-track-border: var(--border-neutral-faint);
1003
1003
  --progressbar-success-track-border-width: var(--border-width-1);
@@ -1008,12 +1008,12 @@
1008
1008
  --progressbar-success-label-font-family: var(--font-sans);
1009
1009
  --progressbar-success-label-font-size: var(--font-size-sm);
1010
1010
  --progressbar-success-label-font-weight: var(--font-weight-light);
1011
- --progressbar-success-label-line-height: var(--line-height-normal);
1011
+ --progressbar-success-label-line-height: var(--line-height-md);
1012
1012
  --progressbar-success-value: var(--text-tertiary);
1013
1013
  --progressbar-success-value-font-family: var(--font-mono);
1014
1014
  --progressbar-success-value-font-size: var(--font-size-xs);
1015
1015
  --progressbar-success-value-font-weight: var(--font-weight-light);
1016
- --progressbar-success-value-line-height: var(--line-height-normal);
1016
+ --progressbar-success-value-line-height: var(--line-height-md);
1017
1017
  --progressbar-warning-track-surface: var(--surface-neutral-low);
1018
1018
  --progressbar-warning-track-border: var(--border-neutral-faint);
1019
1019
  --progressbar-warning-track-border-width: var(--border-width-1);
@@ -1024,12 +1024,12 @@
1024
1024
  --progressbar-warning-label-font-family: var(--font-sans);
1025
1025
  --progressbar-warning-label-font-size: var(--font-size-sm);
1026
1026
  --progressbar-warning-label-font-weight: var(--font-weight-light);
1027
- --progressbar-warning-label-line-height: var(--line-height-normal);
1027
+ --progressbar-warning-label-line-height: var(--line-height-md);
1028
1028
  --progressbar-warning-value: var(--text-tertiary);
1029
1029
  --progressbar-warning-value-font-family: var(--font-mono);
1030
1030
  --progressbar-warning-value-font-size: var(--font-size-xs);
1031
1031
  --progressbar-warning-value-font-weight: var(--font-weight-light);
1032
- --progressbar-warning-value-line-height: var(--line-height-normal);
1032
+ --progressbar-warning-value-line-height: var(--line-height-md);
1033
1033
  --progressbar-danger-track-surface: var(--surface-neutral-low);
1034
1034
  --progressbar-danger-track-border: var(--border-neutral-faint);
1035
1035
  --progressbar-danger-track-border-width: var(--border-width-1);
@@ -1040,12 +1040,12 @@
1040
1040
  --progressbar-danger-label-font-family: var(--font-sans);
1041
1041
  --progressbar-danger-label-font-size: var(--font-size-sm);
1042
1042
  --progressbar-danger-label-font-weight: var(--font-weight-light);
1043
- --progressbar-danger-label-line-height: var(--line-height-normal);
1043
+ --progressbar-danger-label-line-height: var(--line-height-md);
1044
1044
  --progressbar-danger-value: var(--text-tertiary);
1045
1045
  --progressbar-danger-value-font-family: var(--font-mono);
1046
1046
  --progressbar-danger-value-font-size: var(--font-size-xs);
1047
1047
  --progressbar-danger-value-font-weight: var(--font-weight-light);
1048
- --progressbar-danger-value-line-height: var(--line-height-normal);
1048
+ --progressbar-danger-value-line-height: var(--line-height-md);
1049
1049
  --progressbar-info-track-surface: var(--surface-neutral-low);
1050
1050
  --progressbar-info-track-border: var(--border-neutral-faint);
1051
1051
  --progressbar-info-track-border-width: var(--border-width-1);
@@ -1056,25 +1056,25 @@
1056
1056
  --progressbar-info-label-font-family: var(--font-sans);
1057
1057
  --progressbar-info-label-font-size: var(--font-size-sm);
1058
1058
  --progressbar-info-label-font-weight: var(--font-weight-light);
1059
- --progressbar-info-label-line-height: var(--line-height-normal);
1059
+ --progressbar-info-label-line-height: var(--line-height-md);
1060
1060
  --progressbar-info-value: var(--text-tertiary);
1061
1061
  --progressbar-info-value-font-family: var(--font-mono);
1062
1062
  --progressbar-info-value-font-size: var(--font-size-xs);
1063
1063
  --progressbar-info-value-font-weight: var(--font-weight-light);
1064
- --progressbar-info-value-line-height: var(--line-height-normal);
1064
+ --progressbar-info-value-line-height: var(--line-height-md);
1065
1065
  --sectiondivider-padding: var(--space-16);
1066
1066
  --sectiondivider-title: var(--text-primary);
1067
1067
  --sectiondivider-title-font-family: var(--font-display);
1068
1068
  --sectiondivider-title-font-size: var(--font-size-5xl);
1069
1069
  --sectiondivider-title-font-weight: var(--font-weight-normal);
1070
- --sectiondivider-title-line-height: var(--line-height-tight);
1070
+ --sectiondivider-title-line-height: var(--line-height-xs);
1071
1071
  --sectiondivider-title-border-width: var(--border-width-4);
1072
1072
  --sectiondivider-title-stroke-color: var(--surface-canvas-lowest);
1073
1073
  --sectiondivider-description: var(--text-secondary);
1074
1074
  --sectiondivider-description-font-family: var(--font-sans);
1075
1075
  --sectiondivider-description-font-size: var(--font-size-md);
1076
1076
  --sectiondivider-description-font-weight: var(--font-weight-normal);
1077
- --sectiondivider-description-line-height: var(--line-height-normal);
1077
+ --sectiondivider-description-line-height: var(--line-height-md);
1078
1078
  --sectiondivider-canvas-gradient-stop-1: var(--surface-canvas-highest);
1079
1079
  --sectiondivider-canvas-gradient-stop-2: var(--surface-canvas-higher);
1080
1080
  --sectiondivider-canvas-gradient-stop-3: var(--surface-canvas-high);
@@ -1113,7 +1113,7 @@
1113
1113
  --tabbar-default-text-font-family: var(--font-sans);
1114
1114
  --tabbar-default-text-font-size: var(--font-size-md);
1115
1115
  --tabbar-default-text-font-weight: var(--font-weight-light);
1116
- --tabbar-default-text-line-height: var(--line-height-normal);
1116
+ --tabbar-default-text-line-height: var(--line-height-md);
1117
1117
  --tabbar-default-icon-size: var(--icon-size-md);
1118
1118
  --tabbar-default-padding: var(--space-8);
1119
1119
  --tabbar-default-border-width: var(--border-width-2);
@@ -1122,7 +1122,7 @@
1122
1122
  --tabbar-hover-text-font-family: var(--font-sans);
1123
1123
  --tabbar-hover-text-font-size: var(--font-size-md);
1124
1124
  --tabbar-hover-text-font-weight: var(--font-weight-light);
1125
- --tabbar-hover-text-line-height: var(--line-height-normal);
1125
+ --tabbar-hover-text-line-height: var(--line-height-md);
1126
1126
  --tabbar-hover-icon-size: var(--icon-size-md);
1127
1127
  --tabbar-hover-padding: var(--space-8);
1128
1128
  --tabbar-hover-border-width: var(--border-width-2);
@@ -1132,7 +1132,7 @@
1132
1132
  --tabbar-active-text-font-family: var(--font-sans);
1133
1133
  --tabbar-active-text-font-size: var(--font-size-md);
1134
1134
  --tabbar-active-text-font-weight: var(--font-weight-light);
1135
- --tabbar-active-text-line-height: var(--line-height-normal);
1135
+ --tabbar-active-text-line-height: var(--line-height-md);
1136
1136
  --tabbar-active-icon-size: var(--icon-size-md);
1137
1137
  --tabbar-active-padding: var(--space-8);
1138
1138
  --tabbar-active-border-width: var(--border-width-2);
@@ -1169,7 +1169,7 @@
1169
1169
  --tooltip-text-font-family: var(--font-sans);
1170
1170
  --tooltip-text-font-size: var(--font-size-sm);
1171
1171
  --tooltip-text-font-weight: var(--font-weight-normal);
1172
- --tooltip-text-line-height: var(--line-height-normal);
1172
+ --tooltip-text-line-height: var(--line-height-md);
1173
1173
  --tooltip-border: var(--border-neutral);
1174
1174
  --tooltip-border-width: var(--border-width-0);
1175
1175
  --tooltip-radius: var(--radius-md);
@@ -1187,21 +1187,21 @@
1187
1187
  --segmentedcontrol-option-text-font-family: var(--font-sans);
1188
1188
  --segmentedcontrol-option-text-font-size: var(--font-size-sm);
1189
1189
  --segmentedcontrol-option-text-font-weight: var(--font-weight-normal);
1190
- --segmentedcontrol-option-text-line-height: var(--line-height-normal);
1190
+ --segmentedcontrol-option-text-line-height: var(--line-height-md);
1191
1191
  --segmentedcontrol-option-icon: var(--text-secondary);
1192
1192
  --segmentedcontrol-option-hover-surface: var(--surface-neutral-higher);
1193
1193
  --segmentedcontrol-option-hover-text: var(--text-primary);
1194
1194
  --segmentedcontrol-option-hover-text-font-family: var(--font-sans);
1195
1195
  --segmentedcontrol-option-hover-text-font-size: var(--font-size-sm);
1196
1196
  --segmentedcontrol-option-hover-text-font-weight: var(--font-weight-normal);
1197
- --segmentedcontrol-option-hover-text-line-height: var(--line-height-normal);
1197
+ --segmentedcontrol-option-hover-text-line-height: var(--line-height-md);
1198
1198
  --segmentedcontrol-option-hover-icon: var(--text-secondary);
1199
1199
  --segmentedcontrol-selected-surface: var(--surface-brand);
1200
1200
  --segmentedcontrol-selected-text: var(--text-primary);
1201
1201
  --segmentedcontrol-selected-text-font-family: var(--font-sans);
1202
1202
  --segmentedcontrol-selected-text-font-size: var(--font-size-sm);
1203
1203
  --segmentedcontrol-selected-text-font-weight: var(--font-weight-semibold);
1204
- --segmentedcontrol-selected-text-line-height: var(--line-height-normal);
1204
+ --segmentedcontrol-selected-text-line-height: var(--line-height-md);
1205
1205
  --segmentedcontrol-selected-icon: var(--text-primary);
1206
1206
  --segmentedcontrol-selected-border: var(--border-brand);
1207
1207
  --segmentedcontrol-selected-border-width: var(--border-width-1);
@@ -1211,7 +1211,7 @@
1211
1211
  --segmentedcontrol-disabled-text-font-family: var(--font-sans);
1212
1212
  --segmentedcontrol-disabled-text-font-size: var(--font-size-sm);
1213
1213
  --segmentedcontrol-disabled-text-font-weight: var(--font-weight-light);
1214
- --segmentedcontrol-disabled-text-line-height: var(--line-height-normal);
1214
+ --segmentedcontrol-disabled-text-line-height: var(--line-height-md);
1215
1215
  --segmentedcontrol-disabled-icon: var(--text-tertiary);
1216
1216
  --segmentedcontrol-bar-gap: var(--space-8);
1217
1217
  --hover-low: rgba(255, 255, 255, 0.05);
@@ -1224,99 +1224,77 @@
1224
1224
  --sectiondivider-canvas-title-font-family: var(--font-display);
1225
1225
  --sectiondivider-canvas-title-font-size: var(--font-size-5xl);
1226
1226
  --sectiondivider-canvas-title-font-weight: var(--font-weight-normal);
1227
- --sectiondivider-canvas-title-line-height: var(--line-height-tight);
1227
+ --sectiondivider-canvas-title-line-height: var(--line-height-xs);
1228
1228
  --sectiondivider-canvas-title-border-width: var(--border-width-4);
1229
1229
  --sectiondivider-canvas-title-stroke-color: var(--surface-canvas-lowest);
1230
1230
  --sectiondivider-canvas-description: var(--text-secondary);
1231
1231
  --sectiondivider-canvas-description-font-family: var(--font-sans);
1232
1232
  --sectiondivider-canvas-description-font-size: var(--font-size-md);
1233
1233
  --sectiondivider-canvas-description-font-weight: var(--font-weight-normal);
1234
- --sectiondivider-canvas-description-line-height: var(--line-height-normal);
1234
+ --sectiondivider-canvas-description-line-height: var(--line-height-md);
1235
1235
  --sectiondivider-neutral-padding: var(--space-16);
1236
1236
  --sectiondivider-neutral-title: var(--text-primary);
1237
1237
  --sectiondivider-neutral-title-font-family: var(--font-display);
1238
1238
  --sectiondivider-neutral-title-font-size: var(--font-size-5xl);
1239
1239
  --sectiondivider-neutral-title-font-weight: var(--font-weight-normal);
1240
- --sectiondivider-neutral-title-line-height: var(--line-height-tight);
1240
+ --sectiondivider-neutral-title-line-height: var(--line-height-xs);
1241
1241
  --sectiondivider-neutral-title-border-width: var(--border-width-4);
1242
1242
  --sectiondivider-neutral-title-stroke-color: var(--surface-neutral-lowest);
1243
1243
  --sectiondivider-neutral-description: var(--text-secondary);
1244
1244
  --sectiondivider-neutral-description-font-family: var(--font-sans);
1245
1245
  --sectiondivider-neutral-description-font-size: var(--font-size-md);
1246
1246
  --sectiondivider-neutral-description-font-weight: var(--font-weight-normal);
1247
- --sectiondivider-neutral-description-line-height: var(--line-height-normal);
1247
+ --sectiondivider-neutral-description-line-height: var(--line-height-md);
1248
1248
  --sectiondivider-alternate-padding: var(--space-16);
1249
1249
  --sectiondivider-alternate-title: var(--text-primary);
1250
1250
  --sectiondivider-alternate-title-font-family: var(--font-display);
1251
1251
  --sectiondivider-alternate-title-font-size: var(--font-size-5xl);
1252
1252
  --sectiondivider-alternate-title-font-weight: var(--font-weight-normal);
1253
- --sectiondivider-alternate-title-line-height: var(--line-height-tight);
1253
+ --sectiondivider-alternate-title-line-height: var(--line-height-xs);
1254
1254
  --sectiondivider-alternate-title-border-width: var(--border-width-4);
1255
1255
  --sectiondivider-alternate-title-stroke-color: var(--surface-alternate-lowest);
1256
1256
  --sectiondivider-alternate-description: var(--text-secondary);
1257
1257
  --sectiondivider-alternate-description-font-family: var(--font-sans);
1258
1258
  --sectiondivider-alternate-description-font-size: var(--font-size-md);
1259
1259
  --sectiondivider-alternate-description-font-weight: var(--font-weight-normal);
1260
- --sectiondivider-alternate-description-line-height: var(--line-height-normal);
1260
+ --sectiondivider-alternate-description-line-height: var(--line-height-md);
1261
1261
  --sectiondivider-primary-padding: var(--space-16);
1262
1262
  --sectiondivider-primary-title: var(--text-primary);
1263
1263
  --sectiondivider-primary-title-font-family: var(--font-display);
1264
1264
  --sectiondivider-primary-title-font-size: var(--font-size-5xl);
1265
1265
  --sectiondivider-primary-title-font-weight: var(--font-weight-normal);
1266
- --sectiondivider-primary-title-line-height: var(--line-height-tight);
1266
+ --sectiondivider-primary-title-line-height: var(--line-height-xs);
1267
1267
  --sectiondivider-primary-title-border-width: var(--border-width-4);
1268
1268
  --sectiondivider-primary-title-stroke-color: var(--surface-brand-lowest);
1269
1269
  --sectiondivider-primary-description: var(--text-secondary);
1270
1270
  --sectiondivider-primary-description-font-family: var(--font-sans);
1271
1271
  --sectiondivider-primary-description-font-size: var(--font-size-md);
1272
1272
  --sectiondivider-primary-description-font-weight: var(--font-weight-normal);
1273
- --sectiondivider-primary-description-line-height: var(--line-height-normal);
1273
+ --sectiondivider-primary-description-line-height: var(--line-height-md);
1274
1274
  --sectiondivider-accent-padding: var(--space-16);
1275
1275
  --sectiondivider-accent-title: var(--text-primary);
1276
1276
  --sectiondivider-accent-title-font-family: var(--font-display);
1277
1277
  --sectiondivider-accent-title-font-size: var(--font-size-5xl);
1278
1278
  --sectiondivider-accent-title-font-weight: var(--font-weight-normal);
1279
- --sectiondivider-accent-title-line-height: var(--line-height-tight);
1279
+ --sectiondivider-accent-title-line-height: var(--line-height-xs);
1280
1280
  --sectiondivider-accent-title-border-width: var(--border-width-4);
1281
1281
  --sectiondivider-accent-title-stroke-color: var(--surface-accent-lowest);
1282
1282
  --sectiondivider-accent-description: var(--text-secondary);
1283
1283
  --sectiondivider-accent-description-font-family: var(--font-sans);
1284
1284
  --sectiondivider-accent-description-font-size: var(--font-size-md);
1285
1285
  --sectiondivider-accent-description-font-weight: var(--font-weight-normal);
1286
- --sectiondivider-accent-description-line-height: var(--line-height-normal);
1286
+ --sectiondivider-accent-description-line-height: var(--line-height-md);
1287
1287
  --sectiondivider-special-padding: var(--space-16);
1288
1288
  --sectiondivider-special-title: var(--text-primary);
1289
1289
  --sectiondivider-special-title-font-family: var(--font-display);
1290
1290
  --sectiondivider-special-title-font-size: var(--font-size-5xl);
1291
1291
  --sectiondivider-special-title-font-weight: var(--font-weight-normal);
1292
- --sectiondivider-special-title-line-height: var(--line-height-tight);
1292
+ --sectiondivider-special-title-line-height: var(--line-height-xs);
1293
1293
  --sectiondivider-special-title-border-width: var(--border-width-4);
1294
1294
  --sectiondivider-special-title-stroke-color: var(--surface-special-lowest);
1295
1295
  --sectiondivider-special-description: var(--text-secondary);
1296
1296
  --sectiondivider-special-description-font-family: var(--font-sans);
1297
1297
  --sectiondivider-special-description-font-size: var(--font-size-md);
1298
1298
  --sectiondivider-special-description-font-weight: var(--font-weight-normal);
1299
- --sectiondivider-special-description-line-height: var(--line-height-normal);
1299
+ --sectiondivider-special-description-line-height: var(--line-height-md);
1300
1300
  }
1301
-
1302
- /* component-aliases:start */
1303
- :root:root {
1304
- /* callout (default_01) */
1305
- --callout-info-surface: var(--surface-info-low);
1306
- --callout-info-border: var(--border-info);
1307
- --callout-info-label-font-family: var(--font-sans);
1308
- --callout-info-text-font-family: var(--font-sans);
1309
- --callout-success-surface: var(--surface-success-low);
1310
- --callout-success-border: var(--border-success);
1311
- --callout-success-label-font-family: var(--font-sans);
1312
- --callout-success-text-font-family: var(--font-sans);
1313
- --callout-warning-surface: var(--surface-warning-low);
1314
- --callout-warning-border: var(--border-warning);
1315
- --callout-warning-label-font-family: var(--font-sans);
1316
- --callout-warning-text-font-family: var(--font-sans);
1317
- --callout-danger-surface: var(--surface-danger-low);
1318
- --callout-danger-border: var(--border-danger);
1319
- --callout-danger-label-font-family: var(--font-sans);
1320
- --callout-danger-text-font-family: var(--font-sans);
1321
- }
1322
- /* component-aliases:end */