@discourser/design-system 0.25.3 → 0.26.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 (49) hide show
  1. package/README.md +76 -73
  2. package/dist/{chunk-ZPECW4N2.js → chunk-4XOWPACJ.js} +257 -105
  3. package/dist/chunk-4XOWPACJ.js.map +1 -0
  4. package/dist/{chunk-QNCZYFUJ.cjs → chunk-AZ6QU2L2.cjs} +257 -105
  5. package/dist/chunk-AZ6QU2L2.cjs.map +1 -0
  6. package/dist/{chunk-TBLDQATQ.cjs → chunk-EBDNCZF6.cjs} +94 -54
  7. package/dist/chunk-EBDNCZF6.cjs.map +1 -0
  8. package/dist/{chunk-UHSL4N44.js → chunk-MAVUSE4F.js} +94 -55
  9. package/dist/chunk-MAVUSE4F.js.map +1 -0
  10. package/dist/components/Checkbox.d.ts +1 -1
  11. package/dist/components/Icons/LeftArrowIcon.d.ts +6 -0
  12. package/dist/components/Icons/LeftArrowIcon.d.ts.map +1 -0
  13. package/dist/components/Icons/RightArrowIcon.d.ts.map +1 -1
  14. package/dist/components/Icons/index.d.ts +1 -0
  15. package/dist/components/Icons/index.d.ts.map +1 -1
  16. package/dist/components/index.cjs +79 -75
  17. package/dist/components/index.d.ts +1 -0
  18. package/dist/components/index.d.ts.map +1 -1
  19. package/dist/components/index.js +1 -1
  20. package/dist/contracts/design-language.contract.d.ts +52 -18
  21. package/dist/contracts/design-language.contract.d.ts.map +1 -1
  22. package/dist/figma-codex.json +2 -2
  23. package/dist/index.cjs +83 -79
  24. package/dist/index.js +2 -2
  25. package/dist/languages/material3.language.d.ts.map +1 -1
  26. package/dist/languages/transform.d.ts +5 -5
  27. package/dist/languages/transform.d.ts.map +1 -1
  28. package/dist/preset/index.cjs +2 -2
  29. package/dist/preset/index.js +1 -1
  30. package/docs/token-name-mapping.json +614 -42
  31. package/docs/token-name-mapping.md +117 -29
  32. package/package.json +1 -1
  33. package/src/components/Icons/LeftArrowIcon.tsx +28 -0
  34. package/src/components/Icons/RightArrowIcon.tsx +7 -2
  35. package/src/components/Icons/index.ts +1 -0
  36. package/src/components/index.ts +1 -0
  37. package/src/contracts/design-language.contract.ts +69 -20
  38. package/src/languages/material3.language.ts +249 -80
  39. package/src/languages/transform.ts +45 -48
  40. package/src/preset/__tests__/translation-token-accuracy.test.ts +13 -0
  41. package/src/stories/foundations/Colors.mdx +9 -1
  42. package/src/stories/foundations/Elevation.mdx +23 -17
  43. package/src/stories/foundations/TokenReference.stories.tsx +970 -0
  44. package/src/stories/foundations/TonalPaletteDerivation.stories.tsx +782 -0
  45. package/src/stories/foundations/Typography.mdx +125 -25
  46. package/dist/chunk-QNCZYFUJ.cjs.map +0 -1
  47. package/dist/chunk-TBLDQATQ.cjs.map +0 -1
  48. package/dist/chunk-UHSL4N44.js.map +0 -1
  49. package/dist/chunk-ZPECW4N2.js.map +0 -1
@@ -1,11 +1,12 @@
1
1
  {
2
- "version": "0.22.0",
2
+ "version": "0.25.3",
3
3
  "generatedFrom": [
4
- "dist/figma-variables.json",
5
- "dist/figma-effect-styles.json",
6
- "dist/figma-text-styles.json",
4
+ "tokens/export-to-figma/figma-variables.json",
5
+ "tokens/export-to-figma/figma-effect-styles.json",
6
+ "tokens/export-to-figma/figma-text-styles.json",
7
7
  "src/preset/semantic-tokens.ts",
8
- "src/preset/colors/create-palette-bridge.ts"
8
+ "src/preset/colors/create-palette-bridge.ts",
9
+ "src/languages/material3.language.ts"
9
10
  ],
10
11
  "semantic": [
11
12
  {
@@ -251,7 +252,13 @@
251
252
  ],
252
253
  "bridge": {
253
254
  "description": "Radix-scale bridge tokens generated by src/preset/colors/create-palette-bridge.ts. Applies to all five palettes: primary, secondary, tertiary, error, neutral.",
254
- "palettes": ["primary", "secondary", "tertiary", "error", "neutral"],
255
+ "palettes": [
256
+ "primary",
257
+ "secondary",
258
+ "tertiary",
259
+ "error",
260
+ "neutral"
261
+ ],
255
262
  "baseScale": [
256
263
  {
257
264
  "pattern": "{palette}.1 through {palette}.12",
@@ -697,154 +704,719 @@
697
704
  ],
698
705
  "textStyles": [
699
706
  {
700
- "figmaTextStyle": "displayLarge",
707
+ "figmaTextStyle": "Display/Large/Regular",
708
+ "figmaDescription": "dds:typography.scale.displayLarge.weights.regular",
709
+ "ddsTokenPath": "typography.scale.displayLarge.weights.regular",
701
710
  "pandaTextStyle": "displayLarge",
702
711
  "fontFamily": "Fraunces",
703
- "fontSize": 57,
712
+ "fontStyle": "Regular",
704
713
  "fontWeight": 400,
705
- "lineHeight": 64,
714
+ "fontSize": 57,
715
+ "lineHeightPx": 64,
706
716
  "letterSpacing": -0.25,
717
+ "isDefaultWeight": true,
707
718
  "exampleUsage": "textStyle: 'displayLarge'"
708
719
  },
709
720
  {
710
- "figmaTextStyle": "displayMedium",
721
+ "figmaTextStyle": "Display/Large/SemiBold",
722
+ "figmaDescription": "dds:typography.scale.displayLarge.weights.semiBold",
723
+ "ddsTokenPath": "typography.scale.displayLarge.weights.semiBold",
724
+ "pandaTextStyle": "displayLarge",
725
+ "fontFamily": "Fraunces",
726
+ "fontStyle": "SemiBold",
727
+ "fontWeight": 600,
728
+ "fontSize": 57,
729
+ "lineHeightPx": 64,
730
+ "letterSpacing": -0.25,
731
+ "isDefaultWeight": false,
732
+ "exampleUsage": "textStyle: 'displayLarge'"
733
+ },
734
+ {
735
+ "figmaTextStyle": "Display/Medium/Regular",
736
+ "figmaDescription": "dds:typography.scale.displayMedium.weights.regular",
737
+ "ddsTokenPath": "typography.scale.displayMedium.weights.regular",
711
738
  "pandaTextStyle": "displayMedium",
712
739
  "fontFamily": "Fraunces",
713
- "fontSize": 45,
740
+ "fontStyle": "Regular",
714
741
  "fontWeight": 400,
715
- "lineHeight": 52,
742
+ "fontSize": 45,
743
+ "lineHeightPx": 52,
716
744
  "letterSpacing": 0,
745
+ "isDefaultWeight": true,
717
746
  "exampleUsage": "textStyle: 'displayMedium'"
718
747
  },
719
748
  {
720
- "figmaTextStyle": "displaySmall",
749
+ "figmaTextStyle": "Display/Medium/SemiBold",
750
+ "figmaDescription": "dds:typography.scale.displayMedium.weights.semiBold",
751
+ "ddsTokenPath": "typography.scale.displayMedium.weights.semiBold",
752
+ "pandaTextStyle": "displayMedium",
753
+ "fontFamily": "Fraunces",
754
+ "fontStyle": "SemiBold",
755
+ "fontWeight": 600,
756
+ "fontSize": 45,
757
+ "lineHeightPx": 52,
758
+ "letterSpacing": 0,
759
+ "isDefaultWeight": false,
760
+ "exampleUsage": "textStyle: 'displayMedium'"
761
+ },
762
+ {
763
+ "figmaTextStyle": "Display/Small/Regular",
764
+ "figmaDescription": "dds:typography.scale.displaySmall.weights.regular",
765
+ "ddsTokenPath": "typography.scale.displaySmall.weights.regular",
721
766
  "pandaTextStyle": "displaySmall",
722
767
  "fontFamily": "Fraunces",
723
- "fontSize": 36,
768
+ "fontStyle": "Regular",
724
769
  "fontWeight": 400,
725
- "lineHeight": 44,
770
+ "fontSize": 36,
771
+ "lineHeightPx": 44,
772
+ "letterSpacing": 0,
773
+ "isDefaultWeight": true,
774
+ "exampleUsage": "textStyle: 'displaySmall'"
775
+ },
776
+ {
777
+ "figmaTextStyle": "Display/Small/SemiBold",
778
+ "figmaDescription": "dds:typography.scale.displaySmall.weights.semiBold",
779
+ "ddsTokenPath": "typography.scale.displaySmall.weights.semiBold",
780
+ "pandaTextStyle": "displaySmall",
781
+ "fontFamily": "Fraunces",
782
+ "fontStyle": "SemiBold",
783
+ "fontWeight": 600,
784
+ "fontSize": 36,
785
+ "lineHeightPx": 44,
726
786
  "letterSpacing": 0,
787
+ "isDefaultWeight": false,
727
788
  "exampleUsage": "textStyle: 'displaySmall'"
728
789
  },
729
790
  {
730
- "figmaTextStyle": "headlineLarge",
791
+ "figmaTextStyle": "Headline/Large/Light",
792
+ "figmaDescription": "dds:typography.scale.headlineLarge.weights.light",
793
+ "ddsTokenPath": "typography.scale.headlineLarge.weights.light",
731
794
  "pandaTextStyle": "headlineLarge",
732
795
  "fontFamily": "Fraunces",
796
+ "fontStyle": "Light",
797
+ "fontWeight": 300,
733
798
  "fontSize": 32,
799
+ "lineHeightPx": 40,
800
+ "letterSpacing": 0,
801
+ "isDefaultWeight": false,
802
+ "exampleUsage": "textStyle: 'headlineLarge'"
803
+ },
804
+ {
805
+ "figmaTextStyle": "Headline/Large/Regular",
806
+ "figmaDescription": "dds:typography.scale.headlineLarge.weights.regular",
807
+ "ddsTokenPath": "typography.scale.headlineLarge.weights.regular",
808
+ "pandaTextStyle": "headlineLarge",
809
+ "fontFamily": "Fraunces",
810
+ "fontStyle": "Regular",
734
811
  "fontWeight": 400,
735
- "lineHeight": 40,
812
+ "fontSize": 32,
813
+ "lineHeightPx": 40,
814
+ "letterSpacing": 0,
815
+ "isDefaultWeight": true,
816
+ "exampleUsage": "textStyle: 'headlineLarge'"
817
+ },
818
+ {
819
+ "figmaTextStyle": "Headline/Large/SemiBold",
820
+ "figmaDescription": "dds:typography.scale.headlineLarge.weights.semiBold",
821
+ "ddsTokenPath": "typography.scale.headlineLarge.weights.semiBold",
822
+ "pandaTextStyle": "headlineLarge",
823
+ "fontFamily": "Fraunces",
824
+ "fontStyle": "SemiBold",
825
+ "fontWeight": 600,
826
+ "fontSize": 32,
827
+ "lineHeightPx": 40,
736
828
  "letterSpacing": 0,
829
+ "isDefaultWeight": false,
737
830
  "exampleUsage": "textStyle: 'headlineLarge'"
738
831
  },
739
832
  {
740
- "figmaTextStyle": "headlineMedium",
833
+ "figmaTextStyle": "Headline/Medium/Light",
834
+ "figmaDescription": "dds:typography.scale.headlineMedium.weights.light",
835
+ "ddsTokenPath": "typography.scale.headlineMedium.weights.light",
741
836
  "pandaTextStyle": "headlineMedium",
742
837
  "fontFamily": "Fraunces",
838
+ "fontStyle": "Light",
839
+ "fontWeight": 300,
743
840
  "fontSize": 28,
841
+ "lineHeightPx": 36,
842
+ "letterSpacing": 0,
843
+ "isDefaultWeight": false,
844
+ "exampleUsage": "textStyle: 'headlineMedium'"
845
+ },
846
+ {
847
+ "figmaTextStyle": "Headline/Medium/Regular",
848
+ "figmaDescription": "dds:typography.scale.headlineMedium.weights.regular",
849
+ "ddsTokenPath": "typography.scale.headlineMedium.weights.regular",
850
+ "pandaTextStyle": "headlineMedium",
851
+ "fontFamily": "Fraunces",
852
+ "fontStyle": "Regular",
744
853
  "fontWeight": 400,
745
- "lineHeight": 36,
854
+ "fontSize": 28,
855
+ "lineHeightPx": 36,
746
856
  "letterSpacing": 0,
857
+ "isDefaultWeight": true,
747
858
  "exampleUsage": "textStyle: 'headlineMedium'"
748
859
  },
749
860
  {
750
- "figmaTextStyle": "headlineSmall",
861
+ "figmaTextStyle": "Headline/Medium/SemiBold",
862
+ "figmaDescription": "dds:typography.scale.headlineMedium.weights.semiBold",
863
+ "ddsTokenPath": "typography.scale.headlineMedium.weights.semiBold",
864
+ "pandaTextStyle": "headlineMedium",
865
+ "fontFamily": "Fraunces",
866
+ "fontStyle": "SemiBold",
867
+ "fontWeight": 600,
868
+ "fontSize": 28,
869
+ "lineHeightPx": 36,
870
+ "letterSpacing": 0,
871
+ "isDefaultWeight": false,
872
+ "exampleUsage": "textStyle: 'headlineMedium'"
873
+ },
874
+ {
875
+ "figmaTextStyle": "Headline/Small/Light",
876
+ "figmaDescription": "dds:typography.scale.headlineSmall.weights.light",
877
+ "ddsTokenPath": "typography.scale.headlineSmall.weights.light",
751
878
  "pandaTextStyle": "headlineSmall",
752
879
  "fontFamily": "Fraunces",
880
+ "fontStyle": "Light",
881
+ "fontWeight": 300,
753
882
  "fontSize": 24,
883
+ "lineHeightPx": 32,
884
+ "letterSpacing": 0,
885
+ "isDefaultWeight": false,
886
+ "exampleUsage": "textStyle: 'headlineSmall'"
887
+ },
888
+ {
889
+ "figmaTextStyle": "Headline/Small/Regular",
890
+ "figmaDescription": "dds:typography.scale.headlineSmall.weights.regular",
891
+ "ddsTokenPath": "typography.scale.headlineSmall.weights.regular",
892
+ "pandaTextStyle": "headlineSmall",
893
+ "fontFamily": "Fraunces",
894
+ "fontStyle": "Regular",
754
895
  "fontWeight": 400,
755
- "lineHeight": 32,
896
+ "fontSize": 24,
897
+ "lineHeightPx": 32,
898
+ "letterSpacing": 0,
899
+ "isDefaultWeight": true,
900
+ "exampleUsage": "textStyle: 'headlineSmall'"
901
+ },
902
+ {
903
+ "figmaTextStyle": "Headline/Small/SemiBold",
904
+ "figmaDescription": "dds:typography.scale.headlineSmall.weights.semiBold",
905
+ "ddsTokenPath": "typography.scale.headlineSmall.weights.semiBold",
906
+ "pandaTextStyle": "headlineSmall",
907
+ "fontFamily": "Fraunces",
908
+ "fontStyle": "SemiBold",
909
+ "fontWeight": 600,
910
+ "fontSize": 24,
911
+ "lineHeightPx": 32,
756
912
  "letterSpacing": 0,
913
+ "isDefaultWeight": false,
757
914
  "exampleUsage": "textStyle: 'headlineSmall'"
758
915
  },
759
916
  {
760
- "figmaTextStyle": "titleLarge",
917
+ "figmaTextStyle": "Title/Large/Regular",
918
+ "figmaDescription": "dds:typography.scale.titleLarge.weights.regular",
919
+ "ddsTokenPath": "typography.scale.titleLarge.weights.regular",
761
920
  "pandaTextStyle": "titleLarge",
762
921
  "fontFamily": "Poppins",
922
+ "fontStyle": "Regular",
923
+ "fontWeight": 400,
763
924
  "fontSize": 22,
925
+ "lineHeightPx": 28,
926
+ "letterSpacing": 0,
927
+ "isDefaultWeight": false,
928
+ "exampleUsage": "textStyle: 'titleLarge'"
929
+ },
930
+ {
931
+ "figmaTextStyle": "Title/Large/Medium",
932
+ "figmaDescription": "dds:typography.scale.titleLarge.weights.medium",
933
+ "ddsTokenPath": "typography.scale.titleLarge.weights.medium",
934
+ "pandaTextStyle": "titleLarge",
935
+ "fontFamily": "Poppins",
936
+ "fontStyle": "Medium",
764
937
  "fontWeight": 500,
765
- "lineHeight": 28,
938
+ "fontSize": 22,
939
+ "lineHeightPx": 28,
766
940
  "letterSpacing": 0,
941
+ "isDefaultWeight": true,
767
942
  "exampleUsage": "textStyle: 'titleLarge'"
768
943
  },
769
944
  {
770
- "figmaTextStyle": "titleMedium",
945
+ "figmaTextStyle": "Title/Large/SemiBold",
946
+ "figmaDescription": "dds:typography.scale.titleLarge.weights.semiBold",
947
+ "ddsTokenPath": "typography.scale.titleLarge.weights.semiBold",
948
+ "pandaTextStyle": "titleLarge",
949
+ "fontFamily": "Poppins",
950
+ "fontStyle": "SemiBold",
951
+ "fontWeight": 600,
952
+ "fontSize": 22,
953
+ "lineHeightPx": 28,
954
+ "letterSpacing": 0,
955
+ "isDefaultWeight": false,
956
+ "exampleUsage": "textStyle: 'titleLarge'"
957
+ },
958
+ {
959
+ "figmaTextStyle": "Title/Large/Bold",
960
+ "figmaDescription": "dds:typography.scale.titleLarge.weights.bold",
961
+ "ddsTokenPath": "typography.scale.titleLarge.weights.bold",
962
+ "pandaTextStyle": "titleLarge",
963
+ "fontFamily": "Poppins",
964
+ "fontStyle": "Bold",
965
+ "fontWeight": 700,
966
+ "fontSize": 22,
967
+ "lineHeightPx": 28,
968
+ "letterSpacing": 0,
969
+ "isDefaultWeight": false,
970
+ "exampleUsage": "textStyle: 'titleLarge'"
971
+ },
972
+ {
973
+ "figmaTextStyle": "Title/Medium/Regular",
974
+ "figmaDescription": "dds:typography.scale.titleMedium.weights.regular",
975
+ "ddsTokenPath": "typography.scale.titleMedium.weights.regular",
771
976
  "pandaTextStyle": "titleMedium",
772
977
  "fontFamily": "Poppins",
978
+ "fontStyle": "Regular",
979
+ "fontWeight": 400,
773
980
  "fontSize": 16,
981
+ "lineHeightPx": 24,
982
+ "letterSpacing": 0.15,
983
+ "isDefaultWeight": false,
984
+ "exampleUsage": "textStyle: 'titleMedium'"
985
+ },
986
+ {
987
+ "figmaTextStyle": "Title/Medium/Medium",
988
+ "figmaDescription": "dds:typography.scale.titleMedium.weights.medium",
989
+ "ddsTokenPath": "typography.scale.titleMedium.weights.medium",
990
+ "pandaTextStyle": "titleMedium",
991
+ "fontFamily": "Poppins",
992
+ "fontStyle": "Medium",
774
993
  "fontWeight": 500,
775
- "lineHeight": 24,
994
+ "fontSize": 16,
995
+ "lineHeightPx": 24,
776
996
  "letterSpacing": 0.15,
997
+ "isDefaultWeight": true,
777
998
  "exampleUsage": "textStyle: 'titleMedium'"
778
999
  },
779
1000
  {
780
- "figmaTextStyle": "titleSmall",
1001
+ "figmaTextStyle": "Title/Medium/SemiBold",
1002
+ "figmaDescription": "dds:typography.scale.titleMedium.weights.semiBold",
1003
+ "ddsTokenPath": "typography.scale.titleMedium.weights.semiBold",
1004
+ "pandaTextStyle": "titleMedium",
1005
+ "fontFamily": "Poppins",
1006
+ "fontStyle": "SemiBold",
1007
+ "fontWeight": 600,
1008
+ "fontSize": 16,
1009
+ "lineHeightPx": 24,
1010
+ "letterSpacing": 0.15,
1011
+ "isDefaultWeight": false,
1012
+ "exampleUsage": "textStyle: 'titleMedium'"
1013
+ },
1014
+ {
1015
+ "figmaTextStyle": "Title/Medium/Bold",
1016
+ "figmaDescription": "dds:typography.scale.titleMedium.weights.bold",
1017
+ "ddsTokenPath": "typography.scale.titleMedium.weights.bold",
1018
+ "pandaTextStyle": "titleMedium",
1019
+ "fontFamily": "Poppins",
1020
+ "fontStyle": "Bold",
1021
+ "fontWeight": 700,
1022
+ "fontSize": 16,
1023
+ "lineHeightPx": 24,
1024
+ "letterSpacing": 0.15,
1025
+ "isDefaultWeight": false,
1026
+ "exampleUsage": "textStyle: 'titleMedium'"
1027
+ },
1028
+ {
1029
+ "figmaTextStyle": "Title/Small/Regular",
1030
+ "figmaDescription": "dds:typography.scale.titleSmall.weights.regular",
1031
+ "ddsTokenPath": "typography.scale.titleSmall.weights.regular",
781
1032
  "pandaTextStyle": "titleSmall",
782
1033
  "fontFamily": "Poppins",
1034
+ "fontStyle": "Regular",
1035
+ "fontWeight": 400,
783
1036
  "fontSize": 14,
1037
+ "lineHeightPx": 20,
1038
+ "letterSpacing": 0.1,
1039
+ "isDefaultWeight": false,
1040
+ "exampleUsage": "textStyle: 'titleSmall'"
1041
+ },
1042
+ {
1043
+ "figmaTextStyle": "Title/Small/Medium",
1044
+ "figmaDescription": "dds:typography.scale.titleSmall.weights.medium",
1045
+ "ddsTokenPath": "typography.scale.titleSmall.weights.medium",
1046
+ "pandaTextStyle": "titleSmall",
1047
+ "fontFamily": "Poppins",
1048
+ "fontStyle": "Medium",
784
1049
  "fontWeight": 500,
785
- "lineHeight": 20,
1050
+ "fontSize": 14,
1051
+ "lineHeightPx": 20,
1052
+ "letterSpacing": 0.1,
1053
+ "isDefaultWeight": true,
1054
+ "exampleUsage": "textStyle: 'titleSmall'"
1055
+ },
1056
+ {
1057
+ "figmaTextStyle": "Title/Small/SemiBold",
1058
+ "figmaDescription": "dds:typography.scale.titleSmall.weights.semiBold",
1059
+ "ddsTokenPath": "typography.scale.titleSmall.weights.semiBold",
1060
+ "pandaTextStyle": "titleSmall",
1061
+ "fontFamily": "Poppins",
1062
+ "fontStyle": "SemiBold",
1063
+ "fontWeight": 600,
1064
+ "fontSize": 14,
1065
+ "lineHeightPx": 20,
1066
+ "letterSpacing": 0.1,
1067
+ "isDefaultWeight": false,
1068
+ "exampleUsage": "textStyle: 'titleSmall'"
1069
+ },
1070
+ {
1071
+ "figmaTextStyle": "Title/Small/Bold",
1072
+ "figmaDescription": "dds:typography.scale.titleSmall.weights.bold",
1073
+ "ddsTokenPath": "typography.scale.titleSmall.weights.bold",
1074
+ "pandaTextStyle": "titleSmall",
1075
+ "fontFamily": "Poppins",
1076
+ "fontStyle": "Bold",
1077
+ "fontWeight": 700,
1078
+ "fontSize": 14,
1079
+ "lineHeightPx": 20,
786
1080
  "letterSpacing": 0.1,
1081
+ "isDefaultWeight": false,
787
1082
  "exampleUsage": "textStyle: 'titleSmall'"
788
1083
  },
789
1084
  {
790
- "figmaTextStyle": "bodyLarge",
1085
+ "figmaTextStyle": "Body/Large/Light",
1086
+ "figmaDescription": "dds:typography.scale.bodyLarge.weights.light",
1087
+ "ddsTokenPath": "typography.scale.bodyLarge.weights.light",
791
1088
  "pandaTextStyle": "bodyLarge",
792
1089
  "fontFamily": "Poppins",
793
- "fontSize": 16,
1090
+ "fontStyle": "Light",
1091
+ "fontWeight": 300,
1092
+ "fontSize": 18,
1093
+ "lineHeightPx": 28,
1094
+ "letterSpacing": 0.5,
1095
+ "isDefaultWeight": false,
1096
+ "exampleUsage": "textStyle: 'bodyLarge'"
1097
+ },
1098
+ {
1099
+ "figmaTextStyle": "Body/Large/Regular",
1100
+ "figmaDescription": "dds:typography.scale.bodyLarge.weights.regular",
1101
+ "ddsTokenPath": "typography.scale.bodyLarge.weights.regular",
1102
+ "pandaTextStyle": "bodyLarge",
1103
+ "fontFamily": "Poppins",
1104
+ "fontStyle": "Regular",
794
1105
  "fontWeight": 400,
795
- "lineHeight": 24,
1106
+ "fontSize": 18,
1107
+ "lineHeightPx": 28,
796
1108
  "letterSpacing": 0.5,
1109
+ "isDefaultWeight": true,
797
1110
  "exampleUsage": "textStyle: 'bodyLarge'"
798
1111
  },
799
1112
  {
800
- "figmaTextStyle": "bodyMedium",
1113
+ "figmaTextStyle": "Body/Large/Medium",
1114
+ "figmaDescription": "dds:typography.scale.bodyLarge.weights.medium",
1115
+ "ddsTokenPath": "typography.scale.bodyLarge.weights.medium",
1116
+ "pandaTextStyle": "bodyLarge",
1117
+ "fontFamily": "Poppins",
1118
+ "fontStyle": "Medium",
1119
+ "fontWeight": 500,
1120
+ "fontSize": 18,
1121
+ "lineHeightPx": 28,
1122
+ "letterSpacing": 0.5,
1123
+ "isDefaultWeight": false,
1124
+ "exampleUsage": "textStyle: 'bodyLarge'"
1125
+ },
1126
+ {
1127
+ "figmaTextStyle": "Body/Large/SemiBold",
1128
+ "figmaDescription": "dds:typography.scale.bodyLarge.weights.semiBold",
1129
+ "ddsTokenPath": "typography.scale.bodyLarge.weights.semiBold",
1130
+ "pandaTextStyle": "bodyLarge",
1131
+ "fontFamily": "Poppins",
1132
+ "fontStyle": "SemiBold",
1133
+ "fontWeight": 600,
1134
+ "fontSize": 18,
1135
+ "lineHeightPx": 28,
1136
+ "letterSpacing": 0.5,
1137
+ "isDefaultWeight": false,
1138
+ "exampleUsage": "textStyle: 'bodyLarge'"
1139
+ },
1140
+ {
1141
+ "figmaTextStyle": "Body/Medium/Light",
1142
+ "figmaDescription": "dds:typography.scale.bodyMedium.weights.light",
1143
+ "ddsTokenPath": "typography.scale.bodyMedium.weights.light",
801
1144
  "pandaTextStyle": "bodyMedium",
802
1145
  "fontFamily": "Poppins",
1146
+ "fontStyle": "Light",
1147
+ "fontWeight": 300,
803
1148
  "fontSize": 14,
1149
+ "lineHeightPx": 20,
1150
+ "letterSpacing": 0.25,
1151
+ "isDefaultWeight": false,
1152
+ "exampleUsage": "textStyle: 'bodyMedium'"
1153
+ },
1154
+ {
1155
+ "figmaTextStyle": "Body/Medium/Regular",
1156
+ "figmaDescription": "dds:typography.scale.bodyMedium.weights.regular",
1157
+ "ddsTokenPath": "typography.scale.bodyMedium.weights.regular",
1158
+ "pandaTextStyle": "bodyMedium",
1159
+ "fontFamily": "Poppins",
1160
+ "fontStyle": "Regular",
804
1161
  "fontWeight": 400,
805
- "lineHeight": 20,
1162
+ "fontSize": 14,
1163
+ "lineHeightPx": 20,
1164
+ "letterSpacing": 0.25,
1165
+ "isDefaultWeight": true,
1166
+ "exampleUsage": "textStyle: 'bodyMedium'"
1167
+ },
1168
+ {
1169
+ "figmaTextStyle": "Body/Medium/Medium",
1170
+ "figmaDescription": "dds:typography.scale.bodyMedium.weights.medium",
1171
+ "ddsTokenPath": "typography.scale.bodyMedium.weights.medium",
1172
+ "pandaTextStyle": "bodyMedium",
1173
+ "fontFamily": "Poppins",
1174
+ "fontStyle": "Medium",
1175
+ "fontWeight": 500,
1176
+ "fontSize": 14,
1177
+ "lineHeightPx": 20,
806
1178
  "letterSpacing": 0.25,
1179
+ "isDefaultWeight": false,
807
1180
  "exampleUsage": "textStyle: 'bodyMedium'"
808
1181
  },
809
1182
  {
810
- "figmaTextStyle": "bodySmall",
1183
+ "figmaTextStyle": "Body/Medium/SemiBold",
1184
+ "figmaDescription": "dds:typography.scale.bodyMedium.weights.semiBold",
1185
+ "ddsTokenPath": "typography.scale.bodyMedium.weights.semiBold",
1186
+ "pandaTextStyle": "bodyMedium",
1187
+ "fontFamily": "Poppins",
1188
+ "fontStyle": "SemiBold",
1189
+ "fontWeight": 600,
1190
+ "fontSize": 14,
1191
+ "lineHeightPx": 20,
1192
+ "letterSpacing": 0.25,
1193
+ "isDefaultWeight": false,
1194
+ "exampleUsage": "textStyle: 'bodyMedium'"
1195
+ },
1196
+ {
1197
+ "figmaTextStyle": "Body/Small/Light",
1198
+ "figmaDescription": "dds:typography.scale.bodySmall.weights.light",
1199
+ "ddsTokenPath": "typography.scale.bodySmall.weights.light",
811
1200
  "pandaTextStyle": "bodySmall",
812
1201
  "fontFamily": "Poppins",
1202
+ "fontStyle": "Light",
1203
+ "fontWeight": 300,
813
1204
  "fontSize": 12,
1205
+ "lineHeightPx": 16,
1206
+ "letterSpacing": 0.4,
1207
+ "isDefaultWeight": false,
1208
+ "exampleUsage": "textStyle: 'bodySmall'"
1209
+ },
1210
+ {
1211
+ "figmaTextStyle": "Body/Small/Regular",
1212
+ "figmaDescription": "dds:typography.scale.bodySmall.weights.regular",
1213
+ "ddsTokenPath": "typography.scale.bodySmall.weights.regular",
1214
+ "pandaTextStyle": "bodySmall",
1215
+ "fontFamily": "Poppins",
1216
+ "fontStyle": "Regular",
814
1217
  "fontWeight": 400,
815
- "lineHeight": 16,
1218
+ "fontSize": 12,
1219
+ "lineHeightPx": 16,
1220
+ "letterSpacing": 0.4,
1221
+ "isDefaultWeight": true,
1222
+ "exampleUsage": "textStyle: 'bodySmall'"
1223
+ },
1224
+ {
1225
+ "figmaTextStyle": "Body/Small/Medium",
1226
+ "figmaDescription": "dds:typography.scale.bodySmall.weights.medium",
1227
+ "ddsTokenPath": "typography.scale.bodySmall.weights.medium",
1228
+ "pandaTextStyle": "bodySmall",
1229
+ "fontFamily": "Poppins",
1230
+ "fontStyle": "Medium",
1231
+ "fontWeight": 500,
1232
+ "fontSize": 12,
1233
+ "lineHeightPx": 16,
1234
+ "letterSpacing": 0.4,
1235
+ "isDefaultWeight": false,
1236
+ "exampleUsage": "textStyle: 'bodySmall'"
1237
+ },
1238
+ {
1239
+ "figmaTextStyle": "Body/Small/SemiBold",
1240
+ "figmaDescription": "dds:typography.scale.bodySmall.weights.semiBold",
1241
+ "ddsTokenPath": "typography.scale.bodySmall.weights.semiBold",
1242
+ "pandaTextStyle": "bodySmall",
1243
+ "fontFamily": "Poppins",
1244
+ "fontStyle": "SemiBold",
1245
+ "fontWeight": 600,
1246
+ "fontSize": 12,
1247
+ "lineHeightPx": 16,
816
1248
  "letterSpacing": 0.4,
1249
+ "isDefaultWeight": false,
817
1250
  "exampleUsage": "textStyle: 'bodySmall'"
818
1251
  },
819
1252
  {
820
- "figmaTextStyle": "labelLarge",
1253
+ "figmaTextStyle": "Label/Large/Light",
1254
+ "figmaDescription": "dds:typography.scale.labelLarge.weights.light",
1255
+ "ddsTokenPath": "typography.scale.labelLarge.weights.light",
821
1256
  "pandaTextStyle": "labelLarge",
822
1257
  "fontFamily": "Poppins",
1258
+ "fontStyle": "Light",
1259
+ "fontWeight": 300,
823
1260
  "fontSize": 14,
1261
+ "lineHeightPx": 20,
1262
+ "letterSpacing": 0.1,
1263
+ "isDefaultWeight": false,
1264
+ "exampleUsage": "textStyle: 'labelLarge'"
1265
+ },
1266
+ {
1267
+ "figmaTextStyle": "Label/Large/Medium",
1268
+ "figmaDescription": "dds:typography.scale.labelLarge.weights.medium",
1269
+ "ddsTokenPath": "typography.scale.labelLarge.weights.medium",
1270
+ "pandaTextStyle": "labelLarge",
1271
+ "fontFamily": "Poppins",
1272
+ "fontStyle": "Medium",
824
1273
  "fontWeight": 500,
825
- "lineHeight": 20,
1274
+ "fontSize": 14,
1275
+ "lineHeightPx": 20,
826
1276
  "letterSpacing": 0.1,
1277
+ "isDefaultWeight": true,
827
1278
  "exampleUsage": "textStyle: 'labelLarge'"
828
1279
  },
829
1280
  {
830
- "figmaTextStyle": "labelMedium",
1281
+ "figmaTextStyle": "Label/Large/SemiBold",
1282
+ "figmaDescription": "dds:typography.scale.labelLarge.weights.semiBold",
1283
+ "ddsTokenPath": "typography.scale.labelLarge.weights.semiBold",
1284
+ "pandaTextStyle": "labelLarge",
1285
+ "fontFamily": "Poppins",
1286
+ "fontStyle": "SemiBold",
1287
+ "fontWeight": 600,
1288
+ "fontSize": 14,
1289
+ "lineHeightPx": 20,
1290
+ "letterSpacing": 0.1,
1291
+ "isDefaultWeight": false,
1292
+ "exampleUsage": "textStyle: 'labelLarge'"
1293
+ },
1294
+ {
1295
+ "figmaTextStyle": "Label/Large/Bold",
1296
+ "figmaDescription": "dds:typography.scale.labelLarge.weights.bold",
1297
+ "ddsTokenPath": "typography.scale.labelLarge.weights.bold",
1298
+ "pandaTextStyle": "labelLarge",
1299
+ "fontFamily": "Poppins",
1300
+ "fontStyle": "Bold",
1301
+ "fontWeight": 700,
1302
+ "fontSize": 14,
1303
+ "lineHeightPx": 20,
1304
+ "letterSpacing": 0.1,
1305
+ "isDefaultWeight": false,
1306
+ "exampleUsage": "textStyle: 'labelLarge'"
1307
+ },
1308
+ {
1309
+ "figmaTextStyle": "Label/Medium/Light",
1310
+ "figmaDescription": "dds:typography.scale.labelMedium.weights.light",
1311
+ "ddsTokenPath": "typography.scale.labelMedium.weights.light",
831
1312
  "pandaTextStyle": "labelMedium",
832
1313
  "fontFamily": "Poppins",
1314
+ "fontStyle": "Light",
1315
+ "fontWeight": 300,
833
1316
  "fontSize": 12,
1317
+ "lineHeightPx": 16,
1318
+ "letterSpacing": 0.5,
1319
+ "isDefaultWeight": false,
1320
+ "exampleUsage": "textStyle: 'labelMedium'"
1321
+ },
1322
+ {
1323
+ "figmaTextStyle": "Label/Medium/Medium",
1324
+ "figmaDescription": "dds:typography.scale.labelMedium.weights.medium",
1325
+ "ddsTokenPath": "typography.scale.labelMedium.weights.medium",
1326
+ "pandaTextStyle": "labelMedium",
1327
+ "fontFamily": "Poppins",
1328
+ "fontStyle": "Medium",
834
1329
  "fontWeight": 500,
835
- "lineHeight": 16,
1330
+ "fontSize": 12,
1331
+ "lineHeightPx": 16,
1332
+ "letterSpacing": 0.5,
1333
+ "isDefaultWeight": true,
1334
+ "exampleUsage": "textStyle: 'labelMedium'"
1335
+ },
1336
+ {
1337
+ "figmaTextStyle": "Label/Medium/SemiBold",
1338
+ "figmaDescription": "dds:typography.scale.labelMedium.weights.semiBold",
1339
+ "ddsTokenPath": "typography.scale.labelMedium.weights.semiBold",
1340
+ "pandaTextStyle": "labelMedium",
1341
+ "fontFamily": "Poppins",
1342
+ "fontStyle": "SemiBold",
1343
+ "fontWeight": 600,
1344
+ "fontSize": 12,
1345
+ "lineHeightPx": 16,
836
1346
  "letterSpacing": 0.5,
1347
+ "isDefaultWeight": false,
837
1348
  "exampleUsage": "textStyle: 'labelMedium'"
838
1349
  },
839
1350
  {
840
- "figmaTextStyle": "labelSmall",
1351
+ "figmaTextStyle": "Label/Medium/Bold",
1352
+ "figmaDescription": "dds:typography.scale.labelMedium.weights.bold",
1353
+ "ddsTokenPath": "typography.scale.labelMedium.weights.bold",
1354
+ "pandaTextStyle": "labelMedium",
1355
+ "fontFamily": "Poppins",
1356
+ "fontStyle": "Bold",
1357
+ "fontWeight": 700,
1358
+ "fontSize": 12,
1359
+ "lineHeightPx": 16,
1360
+ "letterSpacing": 0.5,
1361
+ "isDefaultWeight": false,
1362
+ "exampleUsage": "textStyle: 'labelMedium'"
1363
+ },
1364
+ {
1365
+ "figmaTextStyle": "Label/Small/Light",
1366
+ "figmaDescription": "dds:typography.scale.labelSmall.weights.light",
1367
+ "ddsTokenPath": "typography.scale.labelSmall.weights.light",
841
1368
  "pandaTextStyle": "labelSmall",
842
1369
  "fontFamily": "Poppins",
1370
+ "fontStyle": "Light",
1371
+ "fontWeight": 300,
843
1372
  "fontSize": 11,
1373
+ "lineHeightPx": 16,
1374
+ "letterSpacing": 0.5,
1375
+ "isDefaultWeight": false,
1376
+ "exampleUsage": "textStyle: 'labelSmall'"
1377
+ },
1378
+ {
1379
+ "figmaTextStyle": "Label/Small/Medium",
1380
+ "figmaDescription": "dds:typography.scale.labelSmall.weights.medium",
1381
+ "ddsTokenPath": "typography.scale.labelSmall.weights.medium",
1382
+ "pandaTextStyle": "labelSmall",
1383
+ "fontFamily": "Poppins",
1384
+ "fontStyle": "Medium",
844
1385
  "fontWeight": 500,
845
- "lineHeight": 16,
1386
+ "fontSize": 11,
1387
+ "lineHeightPx": 16,
1388
+ "letterSpacing": 0.5,
1389
+ "isDefaultWeight": true,
1390
+ "exampleUsage": "textStyle: 'labelSmall'"
1391
+ },
1392
+ {
1393
+ "figmaTextStyle": "Label/Small/SemiBold",
1394
+ "figmaDescription": "dds:typography.scale.labelSmall.weights.semiBold",
1395
+ "ddsTokenPath": "typography.scale.labelSmall.weights.semiBold",
1396
+ "pandaTextStyle": "labelSmall",
1397
+ "fontFamily": "Poppins",
1398
+ "fontStyle": "SemiBold",
1399
+ "fontWeight": 600,
1400
+ "fontSize": 11,
1401
+ "lineHeightPx": 16,
846
1402
  "letterSpacing": 0.5,
1403
+ "isDefaultWeight": false,
1404
+ "exampleUsage": "textStyle: 'labelSmall'"
1405
+ },
1406
+ {
1407
+ "figmaTextStyle": "Label/Small/Bold",
1408
+ "figmaDescription": "dds:typography.scale.labelSmall.weights.bold",
1409
+ "ddsTokenPath": "typography.scale.labelSmall.weights.bold",
1410
+ "pandaTextStyle": "labelSmall",
1411
+ "fontFamily": "Poppins",
1412
+ "fontStyle": "Bold",
1413
+ "fontWeight": 700,
1414
+ "fontSize": 11,
1415
+ "lineHeightPx": 16,
1416
+ "letterSpacing": 0.5,
1417
+ "isDefaultWeight": false,
847
1418
  "exampleUsage": "textStyle: 'labelSmall'"
848
1419
  }
849
- ]
850
- }
1420
+ ],
1421
+ "generatedAt": "2026-04-02T12:38:35.717Z"
1422
+ }