@talelk/newui-tailwind 1.0.0 → 1.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 (17) hide show
  1. package/package.json +2 -2
  2. package/src/contrast.test.ts +66 -0
  3. package/src/fonts/IBMPlexSans/IBMPlexSans-latin-ext-italic.var.woff2 +0 -0
  4. package/src/fonts/IBMPlexSans/IBMPlexSans-latin-ext-normal.var.woff2 +0 -0
  5. package/src/fonts/IBMPlexSans/IBMPlexSans-latin-italic.var.woff2 +0 -0
  6. package/src/fonts/IBMPlexSans/IBMPlexSans-latin-normal.var.woff2 +0 -0
  7. package/src/fonts/{Inter → IBMPlexSans}/LICENSE.txt +3 -2
  8. package/src/fonts/IBMPlexSans/plex.css +48 -0
  9. package/src/generated/theme.css +213 -173
  10. package/src/generated/tokens.css +188 -178
  11. package/src/generated.test.ts +20 -0
  12. package/src/plugins/theme.js +5 -1
  13. package/src/style.css +1 -1
  14. package/src/utilities.css +83 -3
  15. package/src/fonts/Inter/Inter-Italic.var.woff2 +0 -0
  16. package/src/fonts/Inter/Inter.var.woff2 +0 -0
  17. package/src/fonts/Inter/inter.css +0 -61
package/src/generated/theme.css CHANGED
@@ -126,6 +126,8 @@
126
126
  --color-surface-pink-8: var(--surface-pink-8);
127
127
  --color-surface-pink-9: var(--surface-pink-9);
128
128
  --color-surface-pink-10: var(--surface-pink-10);
129
+ --color-surface-scrim: var(--surface-scrim);
130
+ --color-surface-canvas: var(--surface-canvas);
129
131
  --color-surface-alpha-base: var(--surface-alpha-base);
130
132
  --color-surface-alpha-gray-1: var(--surface-alpha-gray-1);
131
133
  --color-surface-alpha-gray-2: var(--surface-alpha-gray-2);
@@ -725,9 +727,9 @@
725
727
  --radius-9: 100px;
726
728
  --radius-full: 9999px;
727
729
  --radius-none: 0px;
728
- --radius-control: 6px;
729
- --radius-card: 8px;
730
- --radius-overlay: 12px;
730
+ --radius-control: 4px;
731
+ --radius-card: 6px;
732
+ --radius-overlay: 8px;
731
733
  --radius-pill: 9999px;
732
734
 
733
735
  /* spacing scale — every half step and integer 1..128 */
@@ -893,6 +895,13 @@
893
895
  --spacing-page-gutter: 1.5rem;
894
896
  --spacing-page-gutter-wide: 2rem;
895
897
  --spacing-page-stack: 2rem;
898
+ --spacing-menu-pad: 0.25rem;
899
+ --spacing-dialog-pad: 1rem;
900
+ --spacing-table-cell-x: 0.625rem;
901
+ --spacing-table-cell-y: 0.25rem;
902
+ --spacing-toolbar-pad: 0.5rem;
903
+ --spacing-stack: 1rem;
904
+ --spacing-inline: 0.5rem;
896
905
 
897
906
  /* elevation — shadow-<step> resolves the runtime elevation var */
898
907
  --shadow-sm: var(--elevation-sm);
@@ -903,22 +912,30 @@
903
912
  --shadow-xl: var(--elevation-xl);
904
913
  --shadow-2xl: var(--elevation-2xl);
905
914
 
915
+ /* shadow roles — shadow-<role> resolves its mapped elevation step */
916
+ --shadow-card: var(--elevation-sm);
917
+ --shadow-raised: var(--elevation-base);
918
+ --shadow-popover: var(--elevation-md);
919
+ --shadow-dialog: var(--elevation-lg);
920
+ --shadow-toast: var(--elevation-xl);
921
+ --shadow-drag: var(--elevation-2xl);
922
+
906
923
  /* typography — text-<size> and text-<size>-<weight>, text + paragraph */
907
- --text-interface: 0.875rem;
908
- --text-interface--line-height: 1.25rem;
924
+ --text-interface: 0.8125rem;
925
+ --text-interface--line-height: 1.125rem;
909
926
  --text-interface--letter-spacing: 0em;
910
927
  --text-interface--font-weight: 420;
911
- --text-interface-medium: 0.875rem;
912
- --text-interface-medium--line-height: 1.25rem;
913
- --text-interface-medium--letter-spacing: 0.01em;
928
+ --text-interface-medium: 0.8125rem;
929
+ --text-interface-medium--line-height: 1.125rem;
930
+ --text-interface-medium--letter-spacing: 0em;
914
931
  --text-interface-medium--font-weight: 500;
915
- --text-interface-semibold: 0.875rem;
916
- --text-interface-semibold--line-height: 1.25rem;
917
- --text-interface-semibold--letter-spacing: 0.01em;
932
+ --text-interface-semibold: 0.8125rem;
933
+ --text-interface-semibold--line-height: 1.125rem;
934
+ --text-interface-semibold--letter-spacing: 0em;
918
935
  --text-interface-semibold--font-weight: 600;
919
- --text-interface-bold: 0.875rem;
920
- --text-interface-bold--line-height: 1.25rem;
921
- --text-interface-bold--letter-spacing: 0.01em;
936
+ --text-interface-bold: 0.8125rem;
937
+ --text-interface-bold--line-height: 1.125rem;
938
+ --text-interface-bold--letter-spacing: 0em;
922
939
  --text-interface-bold--font-weight: 700;
923
940
  --text-caption: 0.75rem;
924
941
  --text-caption--line-height: 1rem;
@@ -926,175 +943,175 @@
926
943
  --text-caption--font-weight: 420;
927
944
  --text-caption-medium: 0.75rem;
928
945
  --text-caption-medium--line-height: 1rem;
929
- --text-caption-medium--letter-spacing: 0.01em;
946
+ --text-caption-medium--letter-spacing: 0em;
930
947
  --text-caption-medium--font-weight: 500;
931
948
  --text-caption-semibold: 0.75rem;
932
949
  --text-caption-semibold--line-height: 1rem;
933
- --text-caption-semibold--letter-spacing: 0.01em;
950
+ --text-caption-semibold--letter-spacing: 0em;
934
951
  --text-caption-semibold--font-weight: 600;
935
952
  --text-caption-bold: 0.75rem;
936
953
  --text-caption-bold--line-height: 1rem;
937
- --text-caption-bold--letter-spacing: 0.01em;
954
+ --text-caption-bold--letter-spacing: 0em;
938
955
  --text-caption-bold--font-weight: 700;
939
- --text-heading: 1.5rem;
940
- --text-heading--line-height: 1.875rem;
941
- --text-heading--letter-spacing: -0.025em;
956
+ --text-heading: 1.25rem;
957
+ --text-heading--line-height: 1.625rem;
958
+ --text-heading--letter-spacing: -0.015em;
942
959
  --text-heading--font-weight: 600;
943
- --text-heading-medium: 1.5rem;
944
- --text-heading-medium--line-height: 1.875rem;
945
- --text-heading-medium--letter-spacing: -0.02em;
960
+ --text-heading-medium: 1.25rem;
961
+ --text-heading-medium--line-height: 1.625rem;
962
+ --text-heading-medium--letter-spacing: -0.015em;
946
963
  --text-heading-medium--font-weight: 500;
947
- --text-heading-semibold: 1.5rem;
948
- --text-heading-semibold--line-height: 1.875rem;
949
- --text-heading-semibold--letter-spacing: -0.025em;
964
+ --text-heading-semibold: 1.25rem;
965
+ --text-heading-semibold--line-height: 1.625rem;
966
+ --text-heading-semibold--letter-spacing: -0.015em;
950
967
  --text-heading-semibold--font-weight: 600;
951
- --text-heading-bold: 1.5rem;
952
- --text-heading-bold--line-height: 1.875rem;
953
- --text-heading-bold--letter-spacing: -0.025em;
968
+ --text-heading-bold: 1.25rem;
969
+ --text-heading-bold--line-height: 1.625rem;
970
+ --text-heading-bold--letter-spacing: -0.015em;
954
971
  --text-heading-bold--font-weight: 700;
955
- --text-section: 1.125rem;
956
- --text-section--line-height: 1.5rem;
957
- --text-section--letter-spacing: -0.015em;
972
+ --text-section: 0.9375rem;
973
+ --text-section--line-height: 1.25rem;
974
+ --text-section--letter-spacing: -0.005em;
958
975
  --text-section--font-weight: 600;
959
- --text-section-medium: 1.125rem;
960
- --text-section-medium--line-height: 1.5rem;
961
- --text-section-medium--letter-spacing: -0.01em;
976
+ --text-section-medium: 0.9375rem;
977
+ --text-section-medium--line-height: 1.25rem;
978
+ --text-section-medium--letter-spacing: -0.005em;
962
979
  --text-section-medium--font-weight: 500;
963
- --text-section-semibold: 1.125rem;
964
- --text-section-semibold--line-height: 1.5rem;
965
- --text-section-semibold--letter-spacing: -0.015em;
980
+ --text-section-semibold: 0.9375rem;
981
+ --text-section-semibold--line-height: 1.25rem;
982
+ --text-section-semibold--letter-spacing: -0.005em;
966
983
  --text-section-semibold--font-weight: 600;
967
- --text-section-bold: 1.125rem;
968
- --text-section-bold--line-height: 1.5rem;
969
- --text-section-bold--letter-spacing: -0.015em;
984
+ --text-section-bold: 0.9375rem;
985
+ --text-section-bold--line-height: 1.25rem;
986
+ --text-section-bold--letter-spacing: -0.005em;
970
987
  --text-section-bold--font-weight: 700;
971
- --text-metric: 1.75rem;
972
- --text-metric--line-height: 2rem;
973
- --text-metric--letter-spacing: -0.025em;
988
+ --text-metric: 1.375rem;
989
+ --text-metric--line-height: 1.75rem;
990
+ --text-metric--letter-spacing: -0.02em;
974
991
  --text-metric--font-weight: 600;
975
- --text-metric-medium: 1.75rem;
976
- --text-metric-medium--line-height: 2rem;
992
+ --text-metric-medium: 1.375rem;
993
+ --text-metric-medium--line-height: 1.75rem;
977
994
  --text-metric-medium--letter-spacing: -0.02em;
978
995
  --text-metric-medium--font-weight: 500;
979
- --text-metric-semibold: 1.75rem;
980
- --text-metric-semibold--line-height: 2rem;
981
- --text-metric-semibold--letter-spacing: -0.025em;
996
+ --text-metric-semibold: 1.375rem;
997
+ --text-metric-semibold--line-height: 1.75rem;
998
+ --text-metric-semibold--letter-spacing: -0.02em;
982
999
  --text-metric-semibold--font-weight: 600;
983
- --text-metric-bold: 1.75rem;
984
- --text-metric-bold--line-height: 2rem;
985
- --text-metric-bold--letter-spacing: -0.025em;
1000
+ --text-metric-bold: 1.375rem;
1001
+ --text-metric-bold--line-height: 1.75rem;
1002
+ --text-metric-bold--letter-spacing: -0.02em;
986
1003
  --text-metric-bold--font-weight: 700;
987
- --text-hero: 2.25rem;
988
- --text-hero--line-height: 2.5rem;
989
- --text-hero--letter-spacing: -0.035em;
1004
+ --text-hero: 2rem;
1005
+ --text-hero--line-height: 2.375rem;
1006
+ --text-hero--letter-spacing: -0.025em;
990
1007
  --text-hero--font-weight: 600;
991
- --text-hero-medium: 2.25rem;
992
- --text-hero-medium--line-height: 2.5rem;
993
- --text-hero-medium--letter-spacing: -0.03em;
1008
+ --text-hero-medium: 2rem;
1009
+ --text-hero-medium--line-height: 2.375rem;
1010
+ --text-hero-medium--letter-spacing: -0.025em;
994
1011
  --text-hero-medium--font-weight: 500;
995
- --text-hero-semibold: 2.25rem;
996
- --text-hero-semibold--line-height: 2.5rem;
997
- --text-hero-semibold--letter-spacing: -0.035em;
1012
+ --text-hero-semibold: 2rem;
1013
+ --text-hero-semibold--line-height: 2.375rem;
1014
+ --text-hero-semibold--letter-spacing: -0.025em;
998
1015
  --text-hero-semibold--font-weight: 600;
999
- --text-hero-bold: 2.25rem;
1000
- --text-hero-bold--line-height: 2.5rem;
1001
- --text-hero-bold--letter-spacing: -0.035em;
1016
+ --text-hero-bold: 2rem;
1017
+ --text-hero-bold--line-height: 2.375rem;
1018
+ --text-hero-bold--letter-spacing: -0.025em;
1002
1019
  --text-hero-bold--font-weight: 700;
1003
- --text-2xs: 0.6875rem;
1004
- --text-2xs--line-height: 1.35;
1020
+ --text-2xs: 0.65625rem;
1021
+ --text-2xs--line-height: 0.8125rem;
1005
1022
  --text-2xs--letter-spacing: 0.01em;
1006
1023
  --text-2xs--font-weight: 420;
1007
- --text-2xs-medium: 0.6875rem;
1008
- --text-2xs-medium--line-height: 1.35;
1024
+ --text-2xs-medium: 0.65625rem;
1025
+ --text-2xs-medium--line-height: 0.8125rem;
1009
1026
  --text-2xs-medium--letter-spacing: 0.01em;
1010
1027
  --text-2xs-medium--font-weight: 500;
1011
- --text-2xs-semibold: 0.6875rem;
1012
- --text-2xs-semibold--line-height: 1.35;
1028
+ --text-2xs-semibold: 0.65625rem;
1029
+ --text-2xs-semibold--line-height: 0.8125rem;
1013
1030
  --text-2xs-semibold--letter-spacing: 0.01em;
1014
1031
  --text-2xs-semibold--font-weight: 600;
1015
- --text-2xs-bold: 0.6875rem;
1016
- --text-2xs-bold--line-height: 1.35;
1032
+ --text-2xs-bold: 0.65625rem;
1033
+ --text-2xs-bold--line-height: 0.8125rem;
1017
1034
  --text-2xs-bold--letter-spacing: 0.01em;
1018
1035
  --text-2xs-bold--font-weight: 700;
1019
- --text-xs: 0.75rem;
1020
- --text-xs--line-height: 1.35;
1021
- --text-xs--letter-spacing: 0.02em;
1036
+ --text-xs: 0.6875rem;
1037
+ --text-xs--line-height: 0.875rem;
1038
+ --text-xs--letter-spacing: 0.005em;
1022
1039
  --text-xs--font-weight: 420;
1023
- --text-xs-medium: 0.75rem;
1024
- --text-xs-medium--line-height: 1.35;
1025
- --text-xs-medium--letter-spacing: 0.02em;
1040
+ --text-xs-medium: 0.6875rem;
1041
+ --text-xs-medium--line-height: 0.875rem;
1042
+ --text-xs-medium--letter-spacing: 0.005em;
1026
1043
  --text-xs-medium--font-weight: 500;
1027
- --text-xs-semibold: 0.75rem;
1028
- --text-xs-semibold--line-height: 1.35;
1029
- --text-xs-semibold--letter-spacing: 0.015em;
1044
+ --text-xs-semibold: 0.6875rem;
1045
+ --text-xs-semibold--line-height: 0.875rem;
1046
+ --text-xs-semibold--letter-spacing: 0.005em;
1030
1047
  --text-xs-semibold--font-weight: 600;
1031
- --text-xs-bold: 0.75rem;
1032
- --text-xs-bold--line-height: 1.35;
1033
- --text-xs-bold--letter-spacing: 0.015em;
1048
+ --text-xs-bold: 0.6875rem;
1049
+ --text-xs-bold--line-height: 0.875rem;
1050
+ --text-xs-bold--letter-spacing: 0.005em;
1034
1051
  --text-xs-bold--font-weight: 700;
1035
- --text-sm: 0.8125rem;
1036
- --text-sm--line-height: 1.35;
1037
- --text-sm--letter-spacing: 0.02em;
1052
+ --text-sm: 0.75rem;
1053
+ --text-sm--line-height: 1rem;
1054
+ --text-sm--letter-spacing: 0em;
1038
1055
  --text-sm--font-weight: 420;
1039
- --text-sm-medium: 0.8125rem;
1040
- --text-sm-medium--line-height: 1.35;
1041
- --text-sm-medium--letter-spacing: 0.02em;
1056
+ --text-sm-medium: 0.75rem;
1057
+ --text-sm-medium--line-height: 1rem;
1058
+ --text-sm-medium--letter-spacing: 0em;
1042
1059
  --text-sm-medium--font-weight: 500;
1043
- --text-sm-semibold: 0.8125rem;
1044
- --text-sm-semibold--line-height: 1.35;
1045
- --text-sm-semibold--letter-spacing: 0.015em;
1060
+ --text-sm-semibold: 0.75rem;
1061
+ --text-sm-semibold--line-height: 1rem;
1062
+ --text-sm-semibold--letter-spacing: 0em;
1046
1063
  --text-sm-semibold--font-weight: 600;
1047
- --text-sm-bold: 0.8125rem;
1048
- --text-sm-bold--line-height: 1.35;
1049
- --text-sm-bold--letter-spacing: 0.015em;
1064
+ --text-sm-bold: 0.75rem;
1065
+ --text-sm-bold--line-height: 1rem;
1066
+ --text-sm-bold--letter-spacing: 0em;
1050
1067
  --text-sm-bold--font-weight: 700;
1051
- --text-base: 0.875rem;
1052
- --text-base--line-height: 1.25rem;
1068
+ --text-base: 0.8125rem;
1069
+ --text-base--line-height: 1.125rem;
1053
1070
  --text-base--letter-spacing: 0em;
1054
1071
  --text-base--font-weight: 420;
1055
- --text-base-medium: 0.875rem;
1056
- --text-base-medium--line-height: 1.25rem;
1057
- --text-base-medium--letter-spacing: 0.015em;
1072
+ --text-base-medium: 0.8125rem;
1073
+ --text-base-medium--line-height: 1.125rem;
1074
+ --text-base-medium--letter-spacing: 0em;
1058
1075
  --text-base-medium--font-weight: 500;
1059
- --text-base-semibold: 0.875rem;
1060
- --text-base-semibold--line-height: 1.25rem;
1061
- --text-base-semibold--letter-spacing: 0.015em;
1076
+ --text-base-semibold: 0.8125rem;
1077
+ --text-base-semibold--line-height: 1.125rem;
1078
+ --text-base-semibold--letter-spacing: 0em;
1062
1079
  --text-base-semibold--font-weight: 600;
1063
- --text-base-bold: 0.875rem;
1064
- --text-base-bold--line-height: 1.25rem;
1065
- --text-base-bold--letter-spacing: 0.015em;
1080
+ --text-base-bold: 0.8125rem;
1081
+ --text-base-bold--line-height: 1.125rem;
1082
+ --text-base-bold--letter-spacing: 0em;
1066
1083
  --text-base-bold--font-weight: 700;
1067
- --text-md: 0.9375rem;
1068
- --text-md--line-height: 1.35;
1069
- --text-md--letter-spacing: 0.02em;
1084
+ --text-md: 0.875rem;
1085
+ --text-md--line-height: 1.25rem;
1086
+ --text-md--letter-spacing: 0em;
1070
1087
  --text-md--font-weight: 420;
1071
- --text-md-medium: 0.9375rem;
1072
- --text-md-medium--line-height: 1.35;
1073
- --text-md-medium--letter-spacing: 0.015em;
1088
+ --text-md-medium: 0.875rem;
1089
+ --text-md-medium--line-height: 1.25rem;
1090
+ --text-md-medium--letter-spacing: 0em;
1074
1091
  --text-md-medium--font-weight: 500;
1075
- --text-md-semibold: 0.9375rem;
1076
- --text-md-semibold--line-height: 1.35;
1077
- --text-md-semibold--letter-spacing: 0.015em;
1092
+ --text-md-semibold: 0.875rem;
1093
+ --text-md-semibold--line-height: 1.25rem;
1094
+ --text-md-semibold--letter-spacing: 0em;
1078
1095
  --text-md-semibold--font-weight: 600;
1079
- --text-md-bold: 0.9375rem;
1080
- --text-md-bold--line-height: 1.35;
1081
- --text-md-bold--letter-spacing: 0.015em;
1096
+ --text-md-bold: 0.875rem;
1097
+ --text-md-bold--line-height: 1.25rem;
1098
+ --text-md-bold--letter-spacing: 0em;
1082
1099
  --text-md-bold--font-weight: 700;
1083
- --text-lg: 1rem;
1084
- --text-lg--line-height: 1.35;
1085
- --text-lg--letter-spacing: 0.02em;
1100
+ --text-lg: 0.9375rem;
1101
+ --text-lg--line-height: 1.25rem;
1102
+ --text-lg--letter-spacing: 0em;
1086
1103
  --text-lg--font-weight: 420;
1087
- --text-lg-medium: 1rem;
1088
- --text-lg-medium--line-height: 1.35;
1089
- --text-lg-medium--letter-spacing: 0.015em;
1104
+ --text-lg-medium: 0.9375rem;
1105
+ --text-lg-medium--line-height: 1.25rem;
1106
+ --text-lg-medium--letter-spacing: 0em;
1090
1107
  --text-lg-medium--font-weight: 500;
1091
- --text-lg-semibold: 1rem;
1092
- --text-lg-semibold--line-height: 1.35;
1093
- --text-lg-semibold--letter-spacing: 0.015em;
1108
+ --text-lg-semibold: 0.9375rem;
1109
+ --text-lg-semibold--line-height: 1.25rem;
1110
+ --text-lg-semibold--letter-spacing: 0em;
1094
1111
  --text-lg-semibold--font-weight: 600;
1095
- --text-lg-bold: 1rem;
1096
- --text-lg-bold--line-height: 1.35;
1097
- --text-lg-bold--letter-spacing: 0.015em;
1112
+ --text-lg-bold: 0.9375rem;
1113
+ --text-lg-bold--line-height: 1.25rem;
1114
+ --text-lg-bold--letter-spacing: 0em;
1098
1115
  --text-lg-bold--font-weight: 700;
1099
1116
  --text-xl: 1.0625rem;
1100
1117
  --text-xl--line-height: 1.35;
@@ -1288,99 +1305,99 @@
1288
1305
  --text-12xl-bold--line-height: 1.4;
1289
1306
  --text-12xl-bold--letter-spacing: 0em;
1290
1307
  --text-12xl-bold--font-weight: 700;
1291
- --text-p-2xs: 0.6875rem;
1308
+ --text-p-2xs: 0.65625rem;
1292
1309
  --text-p-2xs--line-height: 1.6;
1293
1310
  --text-p-2xs--letter-spacing: 0.01em;
1294
1311
  --text-p-2xs--font-weight: 420;
1295
- --text-p-2xs-medium: 0.6875rem;
1312
+ --text-p-2xs-medium: 0.65625rem;
1296
1313
  --text-p-2xs-medium--line-height: 1.6;
1297
1314
  --text-p-2xs-medium--letter-spacing: 0.01em;
1298
1315
  --text-p-2xs-medium--font-weight: 500;
1299
- --text-p-2xs-semibold: 0.6875rem;
1316
+ --text-p-2xs-semibold: 0.65625rem;
1300
1317
  --text-p-2xs-semibold--line-height: 1.6;
1301
1318
  --text-p-2xs-semibold--letter-spacing: 0.01em;
1302
1319
  --text-p-2xs-semibold--font-weight: 600;
1303
- --text-p-2xs-bold: 0.6875rem;
1320
+ --text-p-2xs-bold: 0.65625rem;
1304
1321
  --text-p-2xs-bold--line-height: 1.6;
1305
1322
  --text-p-2xs-bold--letter-spacing: 0.01em;
1306
1323
  --text-p-2xs-bold--font-weight: 700;
1307
- --text-p-xs: 0.75rem;
1324
+ --text-p-xs: 0.6875rem;
1308
1325
  --text-p-xs--line-height: 1.6;
1309
1326
  --text-p-xs--letter-spacing: 0.02em;
1310
1327
  --text-p-xs--font-weight: 420;
1311
- --text-p-xs-medium: 0.75rem;
1328
+ --text-p-xs-medium: 0.6875rem;
1312
1329
  --text-p-xs-medium--line-height: 1.6;
1313
1330
  --text-p-xs-medium--letter-spacing: 0.02em;
1314
1331
  --text-p-xs-medium--font-weight: 500;
1315
- --text-p-xs-semibold: 0.75rem;
1332
+ --text-p-xs-semibold: 0.6875rem;
1316
1333
  --text-p-xs-semibold--line-height: 1.6;
1317
1334
  --text-p-xs-semibold--letter-spacing: 0.015em;
1318
1335
  --text-p-xs-semibold--font-weight: 600;
1319
- --text-p-xs-bold: 0.75rem;
1336
+ --text-p-xs-bold: 0.6875rem;
1320
1337
  --text-p-xs-bold--line-height: 1.6;
1321
1338
  --text-p-xs-bold--letter-spacing: 0.015em;
1322
1339
  --text-p-xs-bold--font-weight: 700;
1323
- --text-p-sm: 0.8125rem;
1324
- --text-p-sm--line-height: 1.5;
1325
- --text-p-sm--letter-spacing: 0.015em;
1340
+ --text-p-sm: 0.75rem;
1341
+ --text-p-sm--line-height: 1.125rem;
1342
+ --text-p-sm--letter-spacing: 0em;
1326
1343
  --text-p-sm--font-weight: 420;
1327
- --text-p-sm-medium: 0.8125rem;
1328
- --text-p-sm-medium--line-height: 1.5;
1329
- --text-p-sm-medium--letter-spacing: 0.02em;
1344
+ --text-p-sm-medium: 0.75rem;
1345
+ --text-p-sm-medium--line-height: 1.125rem;
1346
+ --text-p-sm-medium--letter-spacing: 0em;
1330
1347
  --text-p-sm-medium--font-weight: 500;
1331
- --text-p-sm-semibold: 0.8125rem;
1332
- --text-p-sm-semibold--line-height: 1.5;
1333
- --text-p-sm-semibold--letter-spacing: 0.015em;
1348
+ --text-p-sm-semibold: 0.75rem;
1349
+ --text-p-sm-semibold--line-height: 1.125rem;
1350
+ --text-p-sm-semibold--letter-spacing: 0em;
1334
1351
  --text-p-sm-semibold--font-weight: 600;
1335
- --text-p-sm-bold: 0.8125rem;
1336
- --text-p-sm-bold--line-height: 1.5;
1337
- --text-p-sm-bold--letter-spacing: 0.015em;
1352
+ --text-p-sm-bold: 0.75rem;
1353
+ --text-p-sm-bold--line-height: 1.125rem;
1354
+ --text-p-sm-bold--letter-spacing: 0em;
1338
1355
  --text-p-sm-bold--font-weight: 700;
1339
- --text-p-base: 0.875rem;
1340
- --text-p-base--line-height: 1.5;
1341
- --text-p-base--letter-spacing: 0.02em;
1356
+ --text-p-base: 0.8125rem;
1357
+ --text-p-base--line-height: 1.25rem;
1358
+ --text-p-base--letter-spacing: 0em;
1342
1359
  --text-p-base--font-weight: 420;
1343
- --text-p-base-medium: 0.875rem;
1344
- --text-p-base-medium--line-height: 1.5;
1345
- --text-p-base-medium--letter-spacing: 0.015em;
1360
+ --text-p-base-medium: 0.8125rem;
1361
+ --text-p-base-medium--line-height: 1.25rem;
1362
+ --text-p-base-medium--letter-spacing: 0em;
1346
1363
  --text-p-base-medium--font-weight: 500;
1347
- --text-p-base-semibold: 0.875rem;
1348
- --text-p-base-semibold--line-height: 1.5;
1349
- --text-p-base-semibold--letter-spacing: 0.015em;
1364
+ --text-p-base-semibold: 0.8125rem;
1365
+ --text-p-base-semibold--line-height: 1.25rem;
1366
+ --text-p-base-semibold--letter-spacing: 0em;
1350
1367
  --text-p-base-semibold--font-weight: 600;
1351
- --text-p-base-bold: 0.875rem;
1352
- --text-p-base-bold--line-height: 1.5;
1353
- --text-p-base-bold--letter-spacing: 0.015em;
1368
+ --text-p-base-bold: 0.8125rem;
1369
+ --text-p-base-bold--line-height: 1.25rem;
1370
+ --text-p-base-bold--letter-spacing: 0em;
1354
1371
  --text-p-base-bold--font-weight: 700;
1355
- --text-p-md: 0.9375rem;
1372
+ --text-p-md: 0.875rem;
1356
1373
  --text-p-md--line-height: 1.5;
1357
1374
  --text-p-md--letter-spacing: 0.02em;
1358
1375
  --text-p-md--font-weight: 420;
1359
- --text-p-md-medium: 0.9375rem;
1376
+ --text-p-md-medium: 0.875rem;
1360
1377
  --text-p-md-medium--line-height: 1.5;
1361
1378
  --text-p-md-medium--letter-spacing: 0.015em;
1362
1379
  --text-p-md-medium--font-weight: 500;
1363
- --text-p-md-semibold: 0.9375rem;
1380
+ --text-p-md-semibold: 0.875rem;
1364
1381
  --text-p-md-semibold--line-height: 1.5;
1365
1382
  --text-p-md-semibold--letter-spacing: 0.015em;
1366
1383
  --text-p-md-semibold--font-weight: 600;
1367
- --text-p-md-bold: 0.9375rem;
1384
+ --text-p-md-bold: 0.875rem;
1368
1385
  --text-p-md-bold--line-height: 1.5;
1369
1386
  --text-p-md-bold--letter-spacing: 0.015em;
1370
1387
  --text-p-md-bold--font-weight: 700;
1371
- --text-p-lg: 1rem;
1388
+ --text-p-lg: 0.9375rem;
1372
1389
  --text-p-lg--line-height: 1.5;
1373
1390
  --text-p-lg--letter-spacing: 0.02em;
1374
1391
  --text-p-lg--font-weight: 420;
1375
- --text-p-lg-medium: 1rem;
1392
+ --text-p-lg-medium: 0.9375rem;
1376
1393
  --text-p-lg-medium--line-height: 1.5;
1377
1394
  --text-p-lg-medium--letter-spacing: 0.015em;
1378
1395
  --text-p-lg-medium--font-weight: 500;
1379
- --text-p-lg-semibold: 1rem;
1396
+ --text-p-lg-semibold: 0.9375rem;
1380
1397
  --text-p-lg-semibold--line-height: 1.5;
1381
1398
  --text-p-lg-semibold--letter-spacing: 0.015em;
1382
1399
  --text-p-lg-semibold--font-weight: 600;
1383
- --text-p-lg-bold: 1rem;
1400
+ --text-p-lg-bold: 0.9375rem;
1384
1401
  --text-p-lg-bold--line-height: 1.5;
1385
1402
  --text-p-lg-bold--letter-spacing: 0.015em;
1386
1403
  --text-p-lg-bold--font-weight: 700;
@@ -1450,7 +1467,16 @@
1450
1467
  --text-p-4xl-bold--font-weight: 700;
1451
1468
 
1452
1469
  /* fonts */
1453
- --font-sans: 'InterVar', ui-sans-serif, system-ui, sans-serif;
1470
+ --font-sans: 'IBM Plex Sans', ui-sans-serif, system-ui, sans-serif;
1471
+ --font-mono: ui-monospace, 'SF Mono', SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace;
1472
+
1473
+ /* breakpoints — xs/sm/md/lg/xl/2xl variants resolve the token screens, never a literal */
1474
+ --breakpoint-xs: 360px;
1475
+ --breakpoint-sm: 640px;
1476
+ --breakpoint-md: 768px;
1477
+ --breakpoint-lg: 1024px;
1478
+ --breakpoint-xl: 1280px;
1479
+ --breakpoint-2xl: 1536px;
1454
1480
 
1455
1481
  /* line-heights — leading-tighter pins single-line chrome to 1.15 */
1456
1482
  --leading-tighter: 1.15;
@@ -1461,9 +1487,23 @@
1461
1487
  --z-overlay: 50;
1462
1488
  --z-top: 100;
1463
1489
 
1464
- /* motion — duration-fast/base/slow and the standard ease */
1490
+ /* motion — named durations and eases; components name the speed, never a number */
1491
+ --duration-instant: 75ms;
1465
1492
  --duration-fast: 100ms;
1466
1493
  --duration-base: 150ms;
1494
+ --duration-moderate: 200ms;
1467
1495
  --duration-slow: 300ms;
1496
+ --duration-progress: 660ms;
1468
1497
  --ease-standard: cubic-bezier(0.65, 0, 0.35, 1);
1498
+ --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
1499
+ --ease-in: cubic-bezier(0.5, 0, 0.75, 0);
1500
+ --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
1501
+
1502
+ /* animations — @keyframes live in utilities.css; speeds compose the tokens above */
1503
+ --animate-overlay-in: overlay-in 100ms cubic-bezier(0.23, 1, 0.32, 1);
1504
+ --animate-drawer-in: drawer-in 200ms cubic-bezier(0.23, 1, 0.32, 1);
1505
+ --animate-sheet-in: sheet-in 200ms cubic-bezier(0.23, 1, 0.32, 1);
1506
+ --animate-sheet-in-rtl: sheet-in-rtl 200ms cubic-bezier(0.23, 1, 0.32, 1);
1507
+ --animate-shimmer: shimmer 1400ms linear infinite;
1508
+ --animate-progress: progress 1400ms cubic-bezier(0.65, 0, 0.35, 1) infinite;
1469
1509
  }