@talelk/newui-tailwind 1.0.2 → 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 (20) hide show
  1. package/package.json +8 -8
  2. package/src/contrast.test.ts +9 -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 +177 -174
  10. package/src/generated/tokens.css +180 -178
  11. package/src/plugins/theme.js +5 -1
  12. package/src/style.css +1 -1
  13. package/src/utilities.css +23 -0
  14. package/src/fonts/Inter/Inter-Italic-cjk.var.woff2 +0 -0
  15. package/src/fonts/Inter/Inter-Italic-extended.var.woff2 +0 -0
  16. package/src/fonts/Inter/Inter-Italic-latin.var.woff2 +0 -0
  17. package/src/fonts/Inter/Inter-cjk.var.woff2 +0 -0
  18. package/src/fonts/Inter/Inter-extended.var.woff2 +0 -0
  19. package/src/fonts/Inter/Inter-latin.var.woff2 +0 -0
  20. package/src/fonts/Inter/inter.css +0 -114
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@talelk/newui-tailwind",
3
- "version": "1.0.2",
3
+ "version": "1.1.0",
4
4
  "type": "module",
5
5
  "description": "Tailwind CSS v4 layer: the newui design tokens as @theme, @utility and plugins.",
6
6
  "exports": {
@@ -16,13 +16,8 @@
16
16
  "files": [
17
17
  "src"
18
18
  ],
19
- "scripts": {
20
- "build": "tsx scripts/build-css.ts",
21
- "build:css": "tsx scripts/build-css.ts",
22
- "typecheck": "tsc --noEmit -p tsconfig.json"
23
- },
24
19
  "dependencies": {
25
- "@talelk/newui-tokens": "workspace:*"
20
+ "@talelk/newui-tokens": "0.2.0"
26
21
  },
27
22
  "devDependencies": {
28
23
  "@tailwindcss/forms": "^0.5.11",
@@ -42,5 +37,10 @@
42
37
  "type": "git",
43
38
  "url": "git+https://github.com/talelk/newui.git",
44
39
  "directory": "packages/tailwind"
40
+ },
41
+ "scripts": {
42
+ "build": "tsx scripts/build-css.ts",
43
+ "build:css": "tsx scripts/build-css.ts",
44
+ "typecheck": "tsc --noEmit -p tsconfig.json"
45
45
  }
46
- }
46
+ }
package/src/contrast.test.ts CHANGED
@@ -88,10 +88,19 @@ const PAIRS: Pair[] = [
88
88
 
89
89
  { fg: 'ink-blue-link', bg: 'surface-base', what: 'blue link on base' },
90
90
  { fg: 'ink-blue-link', bg: 'surface-elevation-1', what: 'blue link on card' },
91
+ // The Mist frame carries the page header's description and the sidebar.
92
+ { fg: 'ink-gray-6', bg: 'surface-canvas', what: 'muted text on the frame' },
93
+ { fg: 'ink-gray-7', bg: 'surface-canvas', what: 'nav label on the frame' },
91
94
  { fg: 'ink-blue-link', bg: 'surface-gray-1', what: 'blue link on canvas' },
92
95
 
93
96
  // required marker on a label, on the page or a card
94
97
  { fg: 'ink-red-8', bg: 'surface-base', what: 'required marker on base' },
98
+ // StatGrid deltas are toned text straight on the strip's cells, no pill.
99
+ {
100
+ fg: 'ink-green-8',
101
+ bg: 'surface-elevation-1',
102
+ what: 'good delta on a stat cell',
103
+ },
95
104
  {
96
105
  fg: 'ink-red-8',
97
106
  bg: 'surface-elevation-1',
package/src/fonts/{Inter → IBMPlexSans}/LICENSE.txt RENAMED
@@ -1,9 +1,10 @@
1
- Copyright (c) 2016 The Inter Project Authors (https://github.com/rsms/inter)
1
+ Copyright 2019 IBM Corp. All rights reserved. IBMPlexSans-Italic[wdth,wght].ttf: Copyright 2019 IBM Corp. All rights reserved.
2
2
 
3
3
  This Font Software is licensed under the SIL Open Font License, Version 1.1.
4
4
  This license is copied below, and is also available with a FAQ at:
5
5
  http://scripts.sil.org/OFL
6
6
 
7
+
7
8
  -----------------------------------------------------------
8
9
  SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
9
10
  -----------------------------------------------------------
@@ -43,7 +44,7 @@ new environment.
43
44
  "Author" refers to any designer, engineer, programmer, technical
44
45
  writer or other person who contributed to the Font Software.
45
46
 
46
- PERMISSION AND CONDITIONS
47
+ PERMISSION & CONDITIONS
47
48
  Permission is hereby granted, free of charge, to any person obtaining
48
49
  a copy of the Font Software, to use, study, copy, merge, embed, modify,
49
50
  redistribute, and sell modified and unmodified copies of the Font
package/src/fonts/IBMPlexSans/plex.css ADDED
@@ -0,0 +1,48 @@
1
+ /* IBM Plex Sans, variable (wght 100–700, wdth 75–100), self-hosted.
2
+ * Source: @fontsource-variable/ibm-plex-sans 5.3.0, SIL OFL 1.1 (LICENSE.txt).
3
+ *
4
+ * One family, two jobs: the interface face at 100% width, and the condensed
5
+ * face (`font-stretch: 85%`, the `font-condensed` utility) for table headers
6
+ * and narrow columns. Its default figures are tabular, so numbers align in
7
+ * columns without `tnum`. Latin is the common download; Latin Extended loads
8
+ * only when a page uses it. */
9
+ @font-face {
10
+ font-family: "IBM Plex Sans";
11
+ font-style: normal;
12
+ font-weight: 100 700;
13
+ font-stretch: 75% 100%;
14
+ font-display: swap;
15
+ src: url("IBMPlexSans-latin-normal.var.woff2?v=5.3.0") format("woff2");
16
+ unicode-range:
17
+ U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
18
+ }
19
+ @font-face {
20
+ font-family: "IBM Plex Sans";
21
+ font-style: normal;
22
+ font-weight: 100 700;
23
+ font-stretch: 75% 100%;
24
+ font-display: swap;
25
+ src: url("IBMPlexSans-latin-ext-normal.var.woff2?v=5.3.0") format("woff2");
26
+ unicode-range:
27
+ U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
28
+ }
29
+ @font-face {
30
+ font-family: "IBM Plex Sans";
31
+ font-style: italic;
32
+ font-weight: 100 700;
33
+ font-stretch: 75% 100%;
34
+ font-display: swap;
35
+ src: url("IBMPlexSans-latin-italic.var.woff2?v=5.3.0") format("woff2");
36
+ unicode-range:
37
+ U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
38
+ }
39
+ @font-face {
40
+ font-family: "IBM Plex Sans";
41
+ font-style: italic;
42
+ font-weight: 100 700;
43
+ font-stretch: 75% 100%;
44
+ font-display: swap;
45
+ src: url("IBMPlexSans-latin-ext-italic.var.woff2?v=5.3.0") format("woff2");
46
+ unicode-range:
47
+ U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
48
+ }
package/src/generated/theme.css CHANGED
@@ -127,6 +127,7 @@
127
127
  --color-surface-pink-9: var(--surface-pink-9);
128
128
  --color-surface-pink-10: var(--surface-pink-10);
129
129
  --color-surface-scrim: var(--surface-scrim);
130
+ --color-surface-canvas: var(--surface-canvas);
130
131
  --color-surface-alpha-base: var(--surface-alpha-base);
131
132
  --color-surface-alpha-gray-1: var(--surface-alpha-gray-1);
132
133
  --color-surface-alpha-gray-2: var(--surface-alpha-gray-2);
@@ -726,9 +727,9 @@
726
727
  --radius-9: 100px;
727
728
  --radius-full: 9999px;
728
729
  --radius-none: 0px;
729
- --radius-control: 6px;
730
- --radius-card: 8px;
731
- --radius-overlay: 12px;
730
+ --radius-control: 4px;
731
+ --radius-card: 6px;
732
+ --radius-overlay: 8px;
732
733
  --radius-pill: 9999px;
733
734
 
734
735
  /* spacing scale — every half step and integer 1..128 */
@@ -896,8 +897,8 @@
896
897
  --spacing-page-stack: 2rem;
897
898
  --spacing-menu-pad: 0.25rem;
898
899
  --spacing-dialog-pad: 1rem;
899
- --spacing-table-cell-x: 1rem;
900
- --spacing-table-cell-y: 0.5rem;
900
+ --spacing-table-cell-x: 0.625rem;
901
+ --spacing-table-cell-y: 0.25rem;
901
902
  --spacing-toolbar-pad: 0.5rem;
902
903
  --spacing-stack: 1rem;
903
904
  --spacing-inline: 0.5rem;
@@ -920,21 +921,21 @@
920
921
  --shadow-drag: var(--elevation-2xl);
921
922
 
922
923
  /* typography — text-<size> and text-<size>-<weight>, text + paragraph */
923
- --text-interface: 0.875rem;
924
- --text-interface--line-height: 1.25rem;
924
+ --text-interface: 0.8125rem;
925
+ --text-interface--line-height: 1.125rem;
925
926
  --text-interface--letter-spacing: 0em;
926
927
  --text-interface--font-weight: 420;
927
- --text-interface-medium: 0.875rem;
928
- --text-interface-medium--line-height: 1.25rem;
929
- --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;
930
931
  --text-interface-medium--font-weight: 500;
931
- --text-interface-semibold: 0.875rem;
932
- --text-interface-semibold--line-height: 1.25rem;
933
- --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;
934
935
  --text-interface-semibold--font-weight: 600;
935
- --text-interface-bold: 0.875rem;
936
- --text-interface-bold--line-height: 1.25rem;
937
- --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;
938
939
  --text-interface-bold--font-weight: 700;
939
940
  --text-caption: 0.75rem;
940
941
  --text-caption--line-height: 1rem;
@@ -942,175 +943,175 @@
942
943
  --text-caption--font-weight: 420;
943
944
  --text-caption-medium: 0.75rem;
944
945
  --text-caption-medium--line-height: 1rem;
945
- --text-caption-medium--letter-spacing: 0.01em;
946
+ --text-caption-medium--letter-spacing: 0em;
946
947
  --text-caption-medium--font-weight: 500;
947
948
  --text-caption-semibold: 0.75rem;
948
949
  --text-caption-semibold--line-height: 1rem;
949
- --text-caption-semibold--letter-spacing: 0.01em;
950
+ --text-caption-semibold--letter-spacing: 0em;
950
951
  --text-caption-semibold--font-weight: 600;
951
952
  --text-caption-bold: 0.75rem;
952
953
  --text-caption-bold--line-height: 1rem;
953
- --text-caption-bold--letter-spacing: 0.01em;
954
+ --text-caption-bold--letter-spacing: 0em;
954
955
  --text-caption-bold--font-weight: 700;
955
- --text-heading: 1.5rem;
956
- --text-heading--line-height: 1.875rem;
957
- --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;
958
959
  --text-heading--font-weight: 600;
959
- --text-heading-medium: 1.5rem;
960
- --text-heading-medium--line-height: 1.875rem;
961
- --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;
962
963
  --text-heading-medium--font-weight: 500;
963
- --text-heading-semibold: 1.5rem;
964
- --text-heading-semibold--line-height: 1.875rem;
965
- --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;
966
967
  --text-heading-semibold--font-weight: 600;
967
- --text-heading-bold: 1.5rem;
968
- --text-heading-bold--line-height: 1.875rem;
969
- --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;
970
971
  --text-heading-bold--font-weight: 700;
971
- --text-section: 1.125rem;
972
- --text-section--line-height: 1.5rem;
973
- --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;
974
975
  --text-section--font-weight: 600;
975
- --text-section-medium: 1.125rem;
976
- --text-section-medium--line-height: 1.5rem;
977
- --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;
978
979
  --text-section-medium--font-weight: 500;
979
- --text-section-semibold: 1.125rem;
980
- --text-section-semibold--line-height: 1.5rem;
981
- --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;
982
983
  --text-section-semibold--font-weight: 600;
983
- --text-section-bold: 1.125rem;
984
- --text-section-bold--line-height: 1.5rem;
985
- --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;
986
987
  --text-section-bold--font-weight: 700;
987
- --text-metric: 1.75rem;
988
- --text-metric--line-height: 2rem;
989
- --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;
990
991
  --text-metric--font-weight: 600;
991
- --text-metric-medium: 1.75rem;
992
- --text-metric-medium--line-height: 2rem;
992
+ --text-metric-medium: 1.375rem;
993
+ --text-metric-medium--line-height: 1.75rem;
993
994
  --text-metric-medium--letter-spacing: -0.02em;
994
995
  --text-metric-medium--font-weight: 500;
995
- --text-metric-semibold: 1.75rem;
996
- --text-metric-semibold--line-height: 2rem;
997
- --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;
998
999
  --text-metric-semibold--font-weight: 600;
999
- --text-metric-bold: 1.75rem;
1000
- --text-metric-bold--line-height: 2rem;
1001
- --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;
1002
1003
  --text-metric-bold--font-weight: 700;
1003
- --text-hero: 2.25rem;
1004
- --text-hero--line-height: 2.5rem;
1005
- --text-hero--letter-spacing: -0.035em;
1004
+ --text-hero: 2rem;
1005
+ --text-hero--line-height: 2.375rem;
1006
+ --text-hero--letter-spacing: -0.025em;
1006
1007
  --text-hero--font-weight: 600;
1007
- --text-hero-medium: 2.25rem;
1008
- --text-hero-medium--line-height: 2.5rem;
1009
- --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;
1010
1011
  --text-hero-medium--font-weight: 500;
1011
- --text-hero-semibold: 2.25rem;
1012
- --text-hero-semibold--line-height: 2.5rem;
1013
- --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;
1014
1015
  --text-hero-semibold--font-weight: 600;
1015
- --text-hero-bold: 2.25rem;
1016
- --text-hero-bold--line-height: 2.5rem;
1017
- --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;
1018
1019
  --text-hero-bold--font-weight: 700;
1019
- --text-2xs: 0.6875rem;
1020
- --text-2xs--line-height: 1.35;
1020
+ --text-2xs: 0.65625rem;
1021
+ --text-2xs--line-height: 0.8125rem;
1021
1022
  --text-2xs--letter-spacing: 0.01em;
1022
1023
  --text-2xs--font-weight: 420;
1023
- --text-2xs-medium: 0.6875rem;
1024
- --text-2xs-medium--line-height: 1.35;
1024
+ --text-2xs-medium: 0.65625rem;
1025
+ --text-2xs-medium--line-height: 0.8125rem;
1025
1026
  --text-2xs-medium--letter-spacing: 0.01em;
1026
1027
  --text-2xs-medium--font-weight: 500;
1027
- --text-2xs-semibold: 0.6875rem;
1028
- --text-2xs-semibold--line-height: 1.35;
1028
+ --text-2xs-semibold: 0.65625rem;
1029
+ --text-2xs-semibold--line-height: 0.8125rem;
1029
1030
  --text-2xs-semibold--letter-spacing: 0.01em;
1030
1031
  --text-2xs-semibold--font-weight: 600;
1031
- --text-2xs-bold: 0.6875rem;
1032
- --text-2xs-bold--line-height: 1.35;
1032
+ --text-2xs-bold: 0.65625rem;
1033
+ --text-2xs-bold--line-height: 0.8125rem;
1033
1034
  --text-2xs-bold--letter-spacing: 0.01em;
1034
1035
  --text-2xs-bold--font-weight: 700;
1035
- --text-xs: 0.75rem;
1036
- --text-xs--line-height: 1.35;
1037
- --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;
1038
1039
  --text-xs--font-weight: 420;
1039
- --text-xs-medium: 0.75rem;
1040
- --text-xs-medium--line-height: 1.35;
1041
- --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;
1042
1043
  --text-xs-medium--font-weight: 500;
1043
- --text-xs-semibold: 0.75rem;
1044
- --text-xs-semibold--line-height: 1.35;
1045
- --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;
1046
1047
  --text-xs-semibold--font-weight: 600;
1047
- --text-xs-bold: 0.75rem;
1048
- --text-xs-bold--line-height: 1.35;
1049
- --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;
1050
1051
  --text-xs-bold--font-weight: 700;
1051
- --text-sm: 0.8125rem;
1052
- --text-sm--line-height: 1.35;
1053
- --text-sm--letter-spacing: 0.02em;
1052
+ --text-sm: 0.75rem;
1053
+ --text-sm--line-height: 1rem;
1054
+ --text-sm--letter-spacing: 0em;
1054
1055
  --text-sm--font-weight: 420;
1055
- --text-sm-medium: 0.8125rem;
1056
- --text-sm-medium--line-height: 1.35;
1057
- --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;
1058
1059
  --text-sm-medium--font-weight: 500;
1059
- --text-sm-semibold: 0.8125rem;
1060
- --text-sm-semibold--line-height: 1.35;
1061
- --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;
1062
1063
  --text-sm-semibold--font-weight: 600;
1063
- --text-sm-bold: 0.8125rem;
1064
- --text-sm-bold--line-height: 1.35;
1065
- --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;
1066
1067
  --text-sm-bold--font-weight: 700;
1067
- --text-base: 0.875rem;
1068
- --text-base--line-height: 1.25rem;
1068
+ --text-base: 0.8125rem;
1069
+ --text-base--line-height: 1.125rem;
1069
1070
  --text-base--letter-spacing: 0em;
1070
1071
  --text-base--font-weight: 420;
1071
- --text-base-medium: 0.875rem;
1072
- --text-base-medium--line-height: 1.25rem;
1073
- --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;
1074
1075
  --text-base-medium--font-weight: 500;
1075
- --text-base-semibold: 0.875rem;
1076
- --text-base-semibold--line-height: 1.25rem;
1077
- --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;
1078
1079
  --text-base-semibold--font-weight: 600;
1079
- --text-base-bold: 0.875rem;
1080
- --text-base-bold--line-height: 1.25rem;
1081
- --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;
1082
1083
  --text-base-bold--font-weight: 700;
1083
- --text-md: 0.9375rem;
1084
- --text-md--line-height: 1.35;
1085
- --text-md--letter-spacing: 0.02em;
1084
+ --text-md: 0.875rem;
1085
+ --text-md--line-height: 1.25rem;
1086
+ --text-md--letter-spacing: 0em;
1086
1087
  --text-md--font-weight: 420;
1087
- --text-md-medium: 0.9375rem;
1088
- --text-md-medium--line-height: 1.35;
1089
- --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;
1090
1091
  --text-md-medium--font-weight: 500;
1091
- --text-md-semibold: 0.9375rem;
1092
- --text-md-semibold--line-height: 1.35;
1093
- --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;
1094
1095
  --text-md-semibold--font-weight: 600;
1095
- --text-md-bold: 0.9375rem;
1096
- --text-md-bold--line-height: 1.35;
1097
- --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;
1098
1099
  --text-md-bold--font-weight: 700;
1099
- --text-lg: 1rem;
1100
- --text-lg--line-height: 1.35;
1101
- --text-lg--letter-spacing: 0.02em;
1100
+ --text-lg: 0.9375rem;
1101
+ --text-lg--line-height: 1.25rem;
1102
+ --text-lg--letter-spacing: 0em;
1102
1103
  --text-lg--font-weight: 420;
1103
- --text-lg-medium: 1rem;
1104
- --text-lg-medium--line-height: 1.35;
1105
- --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;
1106
1107
  --text-lg-medium--font-weight: 500;
1107
- --text-lg-semibold: 1rem;
1108
- --text-lg-semibold--line-height: 1.35;
1109
- --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;
1110
1111
  --text-lg-semibold--font-weight: 600;
1111
- --text-lg-bold: 1rem;
1112
- --text-lg-bold--line-height: 1.35;
1113
- --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;
1114
1115
  --text-lg-bold--font-weight: 700;
1115
1116
  --text-xl: 1.0625rem;
1116
1117
  --text-xl--line-height: 1.35;
@@ -1304,99 +1305,99 @@
1304
1305
  --text-12xl-bold--line-height: 1.4;
1305
1306
  --text-12xl-bold--letter-spacing: 0em;
1306
1307
  --text-12xl-bold--font-weight: 700;
1307
- --text-p-2xs: 0.6875rem;
1308
+ --text-p-2xs: 0.65625rem;
1308
1309
  --text-p-2xs--line-height: 1.6;
1309
1310
  --text-p-2xs--letter-spacing: 0.01em;
1310
1311
  --text-p-2xs--font-weight: 420;
1311
- --text-p-2xs-medium: 0.6875rem;
1312
+ --text-p-2xs-medium: 0.65625rem;
1312
1313
  --text-p-2xs-medium--line-height: 1.6;
1313
1314
  --text-p-2xs-medium--letter-spacing: 0.01em;
1314
1315
  --text-p-2xs-medium--font-weight: 500;
1315
- --text-p-2xs-semibold: 0.6875rem;
1316
+ --text-p-2xs-semibold: 0.65625rem;
1316
1317
  --text-p-2xs-semibold--line-height: 1.6;
1317
1318
  --text-p-2xs-semibold--letter-spacing: 0.01em;
1318
1319
  --text-p-2xs-semibold--font-weight: 600;
1319
- --text-p-2xs-bold: 0.6875rem;
1320
+ --text-p-2xs-bold: 0.65625rem;
1320
1321
  --text-p-2xs-bold--line-height: 1.6;
1321
1322
  --text-p-2xs-bold--letter-spacing: 0.01em;
1322
1323
  --text-p-2xs-bold--font-weight: 700;
1323
- --text-p-xs: 0.75rem;
1324
+ --text-p-xs: 0.6875rem;
1324
1325
  --text-p-xs--line-height: 1.6;
1325
1326
  --text-p-xs--letter-spacing: 0.02em;
1326
1327
  --text-p-xs--font-weight: 420;
1327
- --text-p-xs-medium: 0.75rem;
1328
+ --text-p-xs-medium: 0.6875rem;
1328
1329
  --text-p-xs-medium--line-height: 1.6;
1329
1330
  --text-p-xs-medium--letter-spacing: 0.02em;
1330
1331
  --text-p-xs-medium--font-weight: 500;
1331
- --text-p-xs-semibold: 0.75rem;
1332
+ --text-p-xs-semibold: 0.6875rem;
1332
1333
  --text-p-xs-semibold--line-height: 1.6;
1333
1334
  --text-p-xs-semibold--letter-spacing: 0.015em;
1334
1335
  --text-p-xs-semibold--font-weight: 600;
1335
- --text-p-xs-bold: 0.75rem;
1336
+ --text-p-xs-bold: 0.6875rem;
1336
1337
  --text-p-xs-bold--line-height: 1.6;
1337
1338
  --text-p-xs-bold--letter-spacing: 0.015em;
1338
1339
  --text-p-xs-bold--font-weight: 700;
1339
- --text-p-sm: 0.8125rem;
1340
- --text-p-sm--line-height: 1.5;
1341
- --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;
1342
1343
  --text-p-sm--font-weight: 420;
1343
- --text-p-sm-medium: 0.8125rem;
1344
- --text-p-sm-medium--line-height: 1.5;
1345
- --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;
1346
1347
  --text-p-sm-medium--font-weight: 500;
1347
- --text-p-sm-semibold: 0.8125rem;
1348
- --text-p-sm-semibold--line-height: 1.5;
1349
- --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;
1350
1351
  --text-p-sm-semibold--font-weight: 600;
1351
- --text-p-sm-bold: 0.8125rem;
1352
- --text-p-sm-bold--line-height: 1.5;
1353
- --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;
1354
1355
  --text-p-sm-bold--font-weight: 700;
1355
- --text-p-base: 0.875rem;
1356
- --text-p-base--line-height: 1.5;
1357
- --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;
1358
1359
  --text-p-base--font-weight: 420;
1359
- --text-p-base-medium: 0.875rem;
1360
- --text-p-base-medium--line-height: 1.5;
1361
- --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;
1362
1363
  --text-p-base-medium--font-weight: 500;
1363
- --text-p-base-semibold: 0.875rem;
1364
- --text-p-base-semibold--line-height: 1.5;
1365
- --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;
1366
1367
  --text-p-base-semibold--font-weight: 600;
1367
- --text-p-base-bold: 0.875rem;
1368
- --text-p-base-bold--line-height: 1.5;
1369
- --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;
1370
1371
  --text-p-base-bold--font-weight: 700;
1371
- --text-p-md: 0.9375rem;
1372
+ --text-p-md: 0.875rem;
1372
1373
  --text-p-md--line-height: 1.5;
1373
1374
  --text-p-md--letter-spacing: 0.02em;
1374
1375
  --text-p-md--font-weight: 420;
1375
- --text-p-md-medium: 0.9375rem;
1376
+ --text-p-md-medium: 0.875rem;
1376
1377
  --text-p-md-medium--line-height: 1.5;
1377
1378
  --text-p-md-medium--letter-spacing: 0.015em;
1378
1379
  --text-p-md-medium--font-weight: 500;
1379
- --text-p-md-semibold: 0.9375rem;
1380
+ --text-p-md-semibold: 0.875rem;
1380
1381
  --text-p-md-semibold--line-height: 1.5;
1381
1382
  --text-p-md-semibold--letter-spacing: 0.015em;
1382
1383
  --text-p-md-semibold--font-weight: 600;
1383
- --text-p-md-bold: 0.9375rem;
1384
+ --text-p-md-bold: 0.875rem;
1384
1385
  --text-p-md-bold--line-height: 1.5;
1385
1386
  --text-p-md-bold--letter-spacing: 0.015em;
1386
1387
  --text-p-md-bold--font-weight: 700;
1387
- --text-p-lg: 1rem;
1388
+ --text-p-lg: 0.9375rem;
1388
1389
  --text-p-lg--line-height: 1.5;
1389
1390
  --text-p-lg--letter-spacing: 0.02em;
1390
1391
  --text-p-lg--font-weight: 420;
1391
- --text-p-lg-medium: 1rem;
1392
+ --text-p-lg-medium: 0.9375rem;
1392
1393
  --text-p-lg-medium--line-height: 1.5;
1393
1394
  --text-p-lg-medium--letter-spacing: 0.015em;
1394
1395
  --text-p-lg-medium--font-weight: 500;
1395
- --text-p-lg-semibold: 1rem;
1396
+ --text-p-lg-semibold: 0.9375rem;
1396
1397
  --text-p-lg-semibold--line-height: 1.5;
1397
1398
  --text-p-lg-semibold--letter-spacing: 0.015em;
1398
1399
  --text-p-lg-semibold--font-weight: 600;
1399
- --text-p-lg-bold: 1rem;
1400
+ --text-p-lg-bold: 0.9375rem;
1400
1401
  --text-p-lg-bold--line-height: 1.5;
1401
1402
  --text-p-lg-bold--letter-spacing: 0.015em;
1402
1403
  --text-p-lg-bold--font-weight: 700;
@@ -1466,7 +1467,7 @@
1466
1467
  --text-p-4xl-bold--font-weight: 700;
1467
1468
 
1468
1469
  /* fonts */
1469
- --font-sans: 'InterVar', ui-sans-serif, system-ui, sans-serif;
1470
+ --font-sans: 'IBM Plex Sans', ui-sans-serif, system-ui, sans-serif;
1470
1471
  --font-mono: ui-monospace, 'SF Mono', SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace;
1471
1472
 
1472
1473
  /* breakpoints — xs/sm/md/lg/xl/2xl variants resolve the token screens, never a literal */
@@ -1501,6 +1502,8 @@
1501
1502
  /* animations — @keyframes live in utilities.css; speeds compose the tokens above */
1502
1503
  --animate-overlay-in: overlay-in 100ms cubic-bezier(0.23, 1, 0.32, 1);
1503
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);
1504
1507
  --animate-shimmer: shimmer 1400ms linear infinite;
1505
1508
  --animate-progress: progress 1400ms cubic-bezier(0.65, 0, 0.35, 1) infinite;
1506
1509
  }