@esri/calcite-design-tokens 3.2.0-next.13 → 3.2.0-next.14

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.
@@ -40,7 +40,13 @@
40
40
  --calcite-font-line-height-fixed-base: 16px;
41
41
  --calcite-font-line-height-fixed-lg: 20px;
42
42
  --calcite-font-line-height-fixed-xl: 24px;
43
+ --calcite-font-line-height-fixed-2xl: 32px;
44
+ --calcite-font-line-height-fixed-3xl: 40px;
45
+ --calcite-font-line-height-fixed-4xl: 48px;
46
+ --calcite-font-line-height-fixed-5xl: 64px;
47
+ --calcite-font-line-height-fixed-6xl: 80px;
43
48
  --calcite-font-line-height-relative: normal; /** normal */
49
+ --calcite-font-line-height-relative-base: 1; /** 1 */
44
50
  --calcite-font-line-height-relative-tight: 1.25; /** 1.25 */
45
51
  --calcite-font-line-height-relative-snug: 1.375; /** 1.375 */
46
52
  --calcite-font-line-height-relative-normal: 1.5; /** 1.5 */
@@ -38,7 +38,13 @@
38
38
  --calcite-font-line-height-fixed-base: 16px;
39
39
  --calcite-font-line-height-fixed-lg: 20px;
40
40
  --calcite-font-line-height-fixed-xl: 24px;
41
+ --calcite-font-line-height-fixed-2xl: 32px;
42
+ --calcite-font-line-height-fixed-3xl: 40px;
43
+ --calcite-font-line-height-fixed-4xl: 48px;
44
+ --calcite-font-line-height-fixed-5xl: 64px;
45
+ --calcite-font-line-height-fixed-6xl: 80px;
41
46
  --calcite-font-line-height-relative: normal; /** normal */
47
+ --calcite-font-line-height-relative-base: 1; /** 1 */
42
48
  --calcite-font-line-height-relative-tight: 1.25; /** 1.25 */
43
49
  --calcite-font-line-height-relative-snug: 1.375; /** 1.375 */
44
50
  --calcite-font-line-height-relative-normal: 1.5; /** 1.5 */
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": 1757095226802,
2
+ "timestamp": 1757099083264,
3
3
  "tokens": [
4
4
  {
5
5
  "key": "{core.color.neutral.blk-000}",
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": 1757095224863,
2
+ "timestamp": 1757099081509,
3
3
  "tokens": [
4
4
  {
5
5
  "key": "{semantic.color.background.default}",
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": 1757095226602,
2
+ "timestamp": 1757099083087,
3
3
  "tokens": [
4
4
  {
5
5
  "key": "{semantic.color.background.default}",
@@ -2876,6 +2876,156 @@
2876
2876
  "name": "Font Line Height Fixed Xl",
2877
2877
  "path": ["semantic", "font", "line-height", "fixed", "xl"]
2878
2878
  },
2879
+ {
2880
+ "key": "{semantic.font.line-height.fixed.2xl}",
2881
+ "value": "32px",
2882
+ "type": "lineHeight",
2883
+ "attributes": {
2884
+ "category": "font",
2885
+ "group": "line-height",
2886
+ "kind": "fixed",
2887
+ "type": "font",
2888
+ "item": "line-height",
2889
+ "subitem": "fixed",
2890
+ "state": "2xl",
2891
+ "names": {
2892
+ "scss": "$calcite-font-line-height-fixed-2xl",
2893
+ "css": "var(--calcite-font-line-height-fixed-2xl)",
2894
+ "js": "semantic.font.line-height.fixed.2xl",
2895
+ "docs": "semantic.font.line-height.fixed.2xl",
2896
+ "es6": "calciteFontLineHeightFixed2xl"
2897
+ },
2898
+ "calcite-schema": {
2899
+ "system": "calcite",
2900
+ "tier": "semantic",
2901
+ "type": "lineHeight"
2902
+ }
2903
+ },
2904
+ "filePath": "src/tokens/semantic/font.json",
2905
+ "isSource": true,
2906
+ "name": "Font Line Height Fixed 2xl",
2907
+ "path": ["semantic", "font", "line-height", "fixed", "2xl"]
2908
+ },
2909
+ {
2910
+ "key": "{semantic.font.line-height.fixed.3xl}",
2911
+ "value": "40px",
2912
+ "type": "lineHeight",
2913
+ "attributes": {
2914
+ "category": "font",
2915
+ "group": "line-height",
2916
+ "kind": "fixed",
2917
+ "type": "font",
2918
+ "item": "line-height",
2919
+ "subitem": "fixed",
2920
+ "state": "3xl",
2921
+ "names": {
2922
+ "scss": "$calcite-font-line-height-fixed-3xl",
2923
+ "css": "var(--calcite-font-line-height-fixed-3xl)",
2924
+ "js": "semantic.font.line-height.fixed.3xl",
2925
+ "docs": "semantic.font.line-height.fixed.3xl",
2926
+ "es6": "calciteFontLineHeightFixed3xl"
2927
+ },
2928
+ "calcite-schema": {
2929
+ "system": "calcite",
2930
+ "tier": "semantic",
2931
+ "type": "lineHeight"
2932
+ }
2933
+ },
2934
+ "filePath": "src/tokens/semantic/font.json",
2935
+ "isSource": true,
2936
+ "name": "Font Line Height Fixed 3xl",
2937
+ "path": ["semantic", "font", "line-height", "fixed", "3xl"]
2938
+ },
2939
+ {
2940
+ "key": "{semantic.font.line-height.fixed.4xl}",
2941
+ "value": "48px",
2942
+ "type": "lineHeight",
2943
+ "attributes": {
2944
+ "category": "font",
2945
+ "group": "line-height",
2946
+ "kind": "fixed",
2947
+ "type": "font",
2948
+ "item": "line-height",
2949
+ "subitem": "fixed",
2950
+ "state": "4xl",
2951
+ "names": {
2952
+ "scss": "$calcite-font-line-height-fixed-4xl",
2953
+ "css": "var(--calcite-font-line-height-fixed-4xl)",
2954
+ "js": "semantic.font.line-height.fixed.4xl",
2955
+ "docs": "semantic.font.line-height.fixed.4xl",
2956
+ "es6": "calciteFontLineHeightFixed4xl"
2957
+ },
2958
+ "calcite-schema": {
2959
+ "system": "calcite",
2960
+ "tier": "semantic",
2961
+ "type": "lineHeight"
2962
+ }
2963
+ },
2964
+ "filePath": "src/tokens/semantic/font.json",
2965
+ "isSource": true,
2966
+ "name": "Font Line Height Fixed 4xl",
2967
+ "path": ["semantic", "font", "line-height", "fixed", "4xl"]
2968
+ },
2969
+ {
2970
+ "key": "{semantic.font.line-height.fixed.5xl}",
2971
+ "value": "64px",
2972
+ "type": "lineHeight",
2973
+ "attributes": {
2974
+ "category": "font",
2975
+ "group": "line-height",
2976
+ "kind": "fixed",
2977
+ "type": "font",
2978
+ "item": "line-height",
2979
+ "subitem": "fixed",
2980
+ "state": "5xl",
2981
+ "names": {
2982
+ "scss": "$calcite-font-line-height-fixed-5xl",
2983
+ "css": "var(--calcite-font-line-height-fixed-5xl)",
2984
+ "js": "semantic.font.line-height.fixed.5xl",
2985
+ "docs": "semantic.font.line-height.fixed.5xl",
2986
+ "es6": "calciteFontLineHeightFixed5xl"
2987
+ },
2988
+ "calcite-schema": {
2989
+ "system": "calcite",
2990
+ "tier": "semantic",
2991
+ "type": "lineHeight"
2992
+ }
2993
+ },
2994
+ "filePath": "src/tokens/semantic/font.json",
2995
+ "isSource": true,
2996
+ "name": "Font Line Height Fixed 5xl",
2997
+ "path": ["semantic", "font", "line-height", "fixed", "5xl"]
2998
+ },
2999
+ {
3000
+ "key": "{semantic.font.line-height.fixed.6xl}",
3001
+ "value": "80px",
3002
+ "type": "lineHeight",
3003
+ "attributes": {
3004
+ "category": "font",
3005
+ "group": "line-height",
3006
+ "kind": "fixed",
3007
+ "type": "font",
3008
+ "item": "line-height",
3009
+ "subitem": "fixed",
3010
+ "state": "6xl",
3011
+ "names": {
3012
+ "scss": "$calcite-font-line-height-fixed-6xl",
3013
+ "css": "var(--calcite-font-line-height-fixed-6xl)",
3014
+ "js": "semantic.font.line-height.fixed.6xl",
3015
+ "docs": "semantic.font.line-height.fixed.6xl",
3016
+ "es6": "calciteFontLineHeightFixed6xl"
3017
+ },
3018
+ "calcite-schema": {
3019
+ "system": "calcite",
3020
+ "tier": "semantic",
3021
+ "type": "lineHeight"
3022
+ }
3023
+ },
3024
+ "filePath": "src/tokens/semantic/font.json",
3025
+ "isSource": true,
3026
+ "name": "Font Line Height Fixed 6xl",
3027
+ "path": ["semantic", "font", "line-height", "fixed", "6xl"]
3028
+ },
2879
3029
  {
2880
3030
  "key": "{semantic.font.line-height.relative.default}",
2881
3031
  "value": "normal",
@@ -2916,6 +3066,46 @@
2916
3066
  "path": ["semantic", "font", "line-height", "relative", "default"],
2917
3067
  "comment": "normal"
2918
3068
  },
3069
+ {
3070
+ "key": "{semantic.font.line-height.relative.base}",
3071
+ "value": "1",
3072
+ "type": "lineHeight",
3073
+ "description": "1",
3074
+ "attributes": {
3075
+ "category": "font",
3076
+ "group": "line-height",
3077
+ "kind": "relative",
3078
+ "type": "lineHeight",
3079
+ "item": "line-height",
3080
+ "subitem": "relative",
3081
+ "state": "base",
3082
+ "value": "100%",
3083
+ "description": "1",
3084
+ "filePath": "src/tokens/semantic/font.json",
3085
+ "isSource": true,
3086
+ "key": "{semantic.font.line-height.relative.base}",
3087
+ "name": "calcite-semantic-font-line-height-relative-base",
3088
+ "path": ["semantic", "font", "line-height", "relative", "base"],
3089
+ "comment": "1",
3090
+ "names": {
3091
+ "scss": "$calcite-font-line-height-relative-base",
3092
+ "css": "var(--calcite-font-line-height-relative-base)",
3093
+ "js": "semantic.font.line-height.relative.base",
3094
+ "docs": "semantic.font.line-height.relative.base",
3095
+ "es6": "calciteFontLineHeightRelativeBase"
3096
+ },
3097
+ "calcite-schema": {
3098
+ "system": "calcite",
3099
+ "tier": "semantic",
3100
+ "type": "lineHeight"
3101
+ }
3102
+ },
3103
+ "filePath": "src/tokens/semantic/font.json",
3104
+ "isSource": true,
3105
+ "name": "Font Line Height Relative Base",
3106
+ "path": ["semantic", "font", "line-height", "relative", "base"],
3107
+ "comment": "1"
3108
+ },
2919
3109
  {
2920
3110
  "key": "{semantic.font.line-height.relative.tight}",
2921
3111
  "value": "1.25",
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": 1757095225751,
2
+ "timestamp": 1757099082310,
3
3
  "tokens": [
4
4
  {
5
5
  "key": "{semantic.color.background.default}",
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": 1757095226745,
2
+ "timestamp": 1757099083209,
3
3
  "tokens": [
4
4
  {
5
5
  "key": "{semantic.border.width.none}",
@@ -1065,6 +1065,156 @@
1065
1065
  "name": "Font Line Height Fixed Xl",
1066
1066
  "path": ["semantic", "font", "line-height", "fixed", "xl"]
1067
1067
  },
1068
+ {
1069
+ "key": "{semantic.font.line-height.fixed.2xl}",
1070
+ "value": "32px",
1071
+ "type": "lineHeight",
1072
+ "attributes": {
1073
+ "category": "font",
1074
+ "group": "line-height",
1075
+ "kind": "fixed",
1076
+ "type": "font",
1077
+ "item": "line-height",
1078
+ "subitem": "fixed",
1079
+ "state": "2xl",
1080
+ "names": {
1081
+ "scss": "$calcite-font-line-height-fixed-2xl",
1082
+ "css": "var(--calcite-font-line-height-fixed-2xl)",
1083
+ "js": "semantic.font.line-height.fixed.2xl",
1084
+ "docs": "semantic.font.line-height.fixed.2xl",
1085
+ "es6": "calciteFontLineHeightFixed2xl"
1086
+ },
1087
+ "calcite-schema": {
1088
+ "system": "calcite",
1089
+ "tier": "semantic",
1090
+ "type": "lineHeight"
1091
+ }
1092
+ },
1093
+ "filePath": "src/tokens/semantic/font.json",
1094
+ "isSource": true,
1095
+ "name": "Font Line Height Fixed 2xl",
1096
+ "path": ["semantic", "font", "line-height", "fixed", "2xl"]
1097
+ },
1098
+ {
1099
+ "key": "{semantic.font.line-height.fixed.3xl}",
1100
+ "value": "40px",
1101
+ "type": "lineHeight",
1102
+ "attributes": {
1103
+ "category": "font",
1104
+ "group": "line-height",
1105
+ "kind": "fixed",
1106
+ "type": "font",
1107
+ "item": "line-height",
1108
+ "subitem": "fixed",
1109
+ "state": "3xl",
1110
+ "names": {
1111
+ "scss": "$calcite-font-line-height-fixed-3xl",
1112
+ "css": "var(--calcite-font-line-height-fixed-3xl)",
1113
+ "js": "semantic.font.line-height.fixed.3xl",
1114
+ "docs": "semantic.font.line-height.fixed.3xl",
1115
+ "es6": "calciteFontLineHeightFixed3xl"
1116
+ },
1117
+ "calcite-schema": {
1118
+ "system": "calcite",
1119
+ "tier": "semantic",
1120
+ "type": "lineHeight"
1121
+ }
1122
+ },
1123
+ "filePath": "src/tokens/semantic/font.json",
1124
+ "isSource": true,
1125
+ "name": "Font Line Height Fixed 3xl",
1126
+ "path": ["semantic", "font", "line-height", "fixed", "3xl"]
1127
+ },
1128
+ {
1129
+ "key": "{semantic.font.line-height.fixed.4xl}",
1130
+ "value": "48px",
1131
+ "type": "lineHeight",
1132
+ "attributes": {
1133
+ "category": "font",
1134
+ "group": "line-height",
1135
+ "kind": "fixed",
1136
+ "type": "font",
1137
+ "item": "line-height",
1138
+ "subitem": "fixed",
1139
+ "state": "4xl",
1140
+ "names": {
1141
+ "scss": "$calcite-font-line-height-fixed-4xl",
1142
+ "css": "var(--calcite-font-line-height-fixed-4xl)",
1143
+ "js": "semantic.font.line-height.fixed.4xl",
1144
+ "docs": "semantic.font.line-height.fixed.4xl",
1145
+ "es6": "calciteFontLineHeightFixed4xl"
1146
+ },
1147
+ "calcite-schema": {
1148
+ "system": "calcite",
1149
+ "tier": "semantic",
1150
+ "type": "lineHeight"
1151
+ }
1152
+ },
1153
+ "filePath": "src/tokens/semantic/font.json",
1154
+ "isSource": true,
1155
+ "name": "Font Line Height Fixed 4xl",
1156
+ "path": ["semantic", "font", "line-height", "fixed", "4xl"]
1157
+ },
1158
+ {
1159
+ "key": "{semantic.font.line-height.fixed.5xl}",
1160
+ "value": "64px",
1161
+ "type": "lineHeight",
1162
+ "attributes": {
1163
+ "category": "font",
1164
+ "group": "line-height",
1165
+ "kind": "fixed",
1166
+ "type": "font",
1167
+ "item": "line-height",
1168
+ "subitem": "fixed",
1169
+ "state": "5xl",
1170
+ "names": {
1171
+ "scss": "$calcite-font-line-height-fixed-5xl",
1172
+ "css": "var(--calcite-font-line-height-fixed-5xl)",
1173
+ "js": "semantic.font.line-height.fixed.5xl",
1174
+ "docs": "semantic.font.line-height.fixed.5xl",
1175
+ "es6": "calciteFontLineHeightFixed5xl"
1176
+ },
1177
+ "calcite-schema": {
1178
+ "system": "calcite",
1179
+ "tier": "semantic",
1180
+ "type": "lineHeight"
1181
+ }
1182
+ },
1183
+ "filePath": "src/tokens/semantic/font.json",
1184
+ "isSource": true,
1185
+ "name": "Font Line Height Fixed 5xl",
1186
+ "path": ["semantic", "font", "line-height", "fixed", "5xl"]
1187
+ },
1188
+ {
1189
+ "key": "{semantic.font.line-height.fixed.6xl}",
1190
+ "value": "80px",
1191
+ "type": "lineHeight",
1192
+ "attributes": {
1193
+ "category": "font",
1194
+ "group": "line-height",
1195
+ "kind": "fixed",
1196
+ "type": "font",
1197
+ "item": "line-height",
1198
+ "subitem": "fixed",
1199
+ "state": "6xl",
1200
+ "names": {
1201
+ "scss": "$calcite-font-line-height-fixed-6xl",
1202
+ "css": "var(--calcite-font-line-height-fixed-6xl)",
1203
+ "js": "semantic.font.line-height.fixed.6xl",
1204
+ "docs": "semantic.font.line-height.fixed.6xl",
1205
+ "es6": "calciteFontLineHeightFixed6xl"
1206
+ },
1207
+ "calcite-schema": {
1208
+ "system": "calcite",
1209
+ "tier": "semantic",
1210
+ "type": "lineHeight"
1211
+ }
1212
+ },
1213
+ "filePath": "src/tokens/semantic/font.json",
1214
+ "isSource": true,
1215
+ "name": "Font Line Height Fixed 6xl",
1216
+ "path": ["semantic", "font", "line-height", "fixed", "6xl"]
1217
+ },
1068
1218
  {
1069
1219
  "key": "{semantic.font.line-height.relative.default}",
1070
1220
  "value": "normal",
@@ -1105,6 +1255,46 @@
1105
1255
  "path": ["semantic", "font", "line-height", "relative", "default"],
1106
1256
  "comment": "normal"
1107
1257
  },
1258
+ {
1259
+ "key": "{semantic.font.line-height.relative.base}",
1260
+ "value": "1",
1261
+ "type": "lineHeight",
1262
+ "description": "1",
1263
+ "attributes": {
1264
+ "category": "font",
1265
+ "group": "line-height",
1266
+ "kind": "relative",
1267
+ "type": "lineHeight",
1268
+ "item": "line-height",
1269
+ "subitem": "relative",
1270
+ "state": "base",
1271
+ "value": "100%",
1272
+ "description": "1",
1273
+ "filePath": "src/tokens/semantic/font.json",
1274
+ "isSource": true,
1275
+ "key": "{semantic.font.line-height.relative.base}",
1276
+ "name": "calcite-semantic-font-line-height-relative-base",
1277
+ "path": ["semantic", "font", "line-height", "relative", "base"],
1278
+ "comment": "1",
1279
+ "names": {
1280
+ "scss": "$calcite-font-line-height-relative-base",
1281
+ "css": "var(--calcite-font-line-height-relative-base)",
1282
+ "js": "semantic.font.line-height.relative.base",
1283
+ "docs": "semantic.font.line-height.relative.base",
1284
+ "es6": "calciteFontLineHeightRelativeBase"
1285
+ },
1286
+ "calcite-schema": {
1287
+ "system": "calcite",
1288
+ "tier": "semantic",
1289
+ "type": "lineHeight"
1290
+ }
1291
+ },
1292
+ "filePath": "src/tokens/semantic/font.json",
1293
+ "isSource": true,
1294
+ "name": "Font Line Height Relative Base",
1295
+ "path": ["semantic", "font", "line-height", "relative", "base"],
1296
+ "comment": "1"
1297
+ },
1108
1298
  {
1109
1299
  "key": "{semantic.font.line-height.relative.tight}",
1110
1300
  "value": "1.25",
@@ -125,8 +125,15 @@ export const calciteFontLineHeightFixedSm: string;
125
125
  export const calciteFontLineHeightFixedBase: string;
126
126
  export const calciteFontLineHeightFixedLg: string;
127
127
  export const calciteFontLineHeightFixedXl: string;
128
+ export const calciteFontLineHeightFixed2xl: string;
129
+ export const calciteFontLineHeightFixed3xl: string;
130
+ export const calciteFontLineHeightFixed4xl: string;
131
+ export const calciteFontLineHeightFixed5xl: string;
132
+ export const calciteFontLineHeightFixed6xl: string;
128
133
  /** normal */
129
134
  export const calciteFontLineHeightRelative: string;
135
+ /** 1 */
136
+ export const calciteFontLineHeightRelativeBase: string;
130
137
  /** 1.25 */
131
138
  export const calciteFontLineHeightRelativeTight: string;
132
139
  /** 1.375 */
@@ -165,7 +165,13 @@ export const calciteFontLineHeightFixedSm = "12px";
165
165
  export const calciteFontLineHeightFixedBase = "16px";
166
166
  export const calciteFontLineHeightFixedLg = "20px";
167
167
  export const calciteFontLineHeightFixedXl = "24px";
168
+ export const calciteFontLineHeightFixed2xl = "32px";
169
+ export const calciteFontLineHeightFixed3xl = "40px";
170
+ export const calciteFontLineHeightFixed4xl = "48px";
171
+ export const calciteFontLineHeightFixed5xl = "64px";
172
+ export const calciteFontLineHeightFixed6xl = "80px";
168
173
  export const calciteFontLineHeightRelative = "normal"; // normal
174
+ export const calciteFontLineHeightRelativeBase = "1"; // 1
169
175
  export const calciteFontLineHeightRelativeTight = "1.25"; // 1.25
170
176
  export const calciteFontLineHeightRelativeSnug = "1.375"; // 1.375
171
177
  export const calciteFontLineHeightRelativeNormal = "1.5"; // 1.5
@@ -47,8 +47,15 @@ export const calciteFontLineHeightFixedSm: string;
47
47
  export const calciteFontLineHeightFixedBase: string;
48
48
  export const calciteFontLineHeightFixedLg: string;
49
49
  export const calciteFontLineHeightFixedXl: string;
50
+ export const calciteFontLineHeightFixed2xl: string;
51
+ export const calciteFontLineHeightFixed3xl: string;
52
+ export const calciteFontLineHeightFixed4xl: string;
53
+ export const calciteFontLineHeightFixed5xl: string;
54
+ export const calciteFontLineHeightFixed6xl: string;
50
55
  /** normal */
51
56
  export const calciteFontLineHeightRelative: string;
57
+ /** 1 */
58
+ export const calciteFontLineHeightRelativeBase: string;
52
59
  /** 1.25 */
53
60
  export const calciteFontLineHeightRelativeTight: string;
54
61
  /** 1.375 */
@@ -49,7 +49,13 @@ export const calciteFontLineHeightFixedSm = "12px";
49
49
  export const calciteFontLineHeightFixedBase = "16px";
50
50
  export const calciteFontLineHeightFixedLg = "20px";
51
51
  export const calciteFontLineHeightFixedXl = "24px";
52
+ export const calciteFontLineHeightFixed2xl = "32px";
53
+ export const calciteFontLineHeightFixed3xl = "40px";
54
+ export const calciteFontLineHeightFixed4xl = "48px";
55
+ export const calciteFontLineHeightFixed5xl = "64px";
56
+ export const calciteFontLineHeightFixed6xl = "80px";
52
57
  export const calciteFontLineHeightRelative = "normal"; // normal
58
+ export const calciteFontLineHeightRelativeBase = "1"; // 1
53
59
  export const calciteFontLineHeightRelativeTight = "1.25"; // 1.25
54
60
  export const calciteFontLineHeightRelativeSnug = "1.375"; // 1.375
55
61
  export const calciteFontLineHeightRelativeNormal = "1.5"; // 1.5
@@ -172,9 +172,15 @@ declare const tokens: {
172
172
  base: DesignToken;
173
173
  lg: DesignToken;
174
174
  xl: DesignToken;
175
+ "2xl": DesignToken;
176
+ "3xl": DesignToken;
177
+ "4xl": DesignToken;
178
+ "5xl": DesignToken;
179
+ "6xl": DesignToken;
175
180
  };
176
181
  relative: {
177
182
  default: DesignToken;
183
+ base: DesignToken;
178
184
  tight: DesignToken;
179
185
  snug: DesignToken;
180
186
  normal: DesignToken;
package/dist/js/global.js CHANGED
@@ -4021,6 +4021,206 @@ export default {
4021
4021
  name: "Font Line Height Fixed Xl",
4022
4022
  path: ["semantic", "font", "line-height", "fixed", "xl"],
4023
4023
  },
4024
+ "2xl": {
4025
+ key: "{semantic.font.line-height.fixed.2xl}",
4026
+ value: "32px",
4027
+ type: "lineHeight",
4028
+ attributes: {
4029
+ category: "font",
4030
+ group: "line-height",
4031
+ kind: "fixed",
4032
+ type: "font",
4033
+ item: "line-height",
4034
+ subitem: "fixed",
4035
+ state: "2xl",
4036
+ names: {
4037
+ scss: "$calcite-font-line-height-fixed-2xl",
4038
+ css: "var(--calcite-font-line-height-fixed-2xl)",
4039
+ js: "semantic.font.line-height.fixed.2xl",
4040
+ docs: "semantic.font.line-height.fixed.2xl",
4041
+ es6: "calciteFontLineHeightFixed2xl",
4042
+ },
4043
+ "calcite-schema": {
4044
+ system: "calcite",
4045
+ tier: "semantic",
4046
+ type: "lineHeight",
4047
+ },
4048
+ },
4049
+ filePath: "src/tokens/semantic/font.json",
4050
+ isSource: true,
4051
+ original: {
4052
+ value: "{core.size.default.32}",
4053
+ type: "lineHeight",
4054
+ attributes: {
4055
+ category: "font",
4056
+ group: "line-height",
4057
+ kind: "fixed",
4058
+ },
4059
+ key: "{semantic.font.line-height.fixed.2xl}",
4060
+ },
4061
+ name: "Font Line Height Fixed 2xl",
4062
+ path: ["semantic", "font", "line-height", "fixed", "2xl"],
4063
+ },
4064
+ "3xl": {
4065
+ key: "{semantic.font.line-height.fixed.3xl}",
4066
+ value: "40px",
4067
+ type: "lineHeight",
4068
+ attributes: {
4069
+ category: "font",
4070
+ group: "line-height",
4071
+ kind: "fixed",
4072
+ type: "font",
4073
+ item: "line-height",
4074
+ subitem: "fixed",
4075
+ state: "3xl",
4076
+ names: {
4077
+ scss: "$calcite-font-line-height-fixed-3xl",
4078
+ css: "var(--calcite-font-line-height-fixed-3xl)",
4079
+ js: "semantic.font.line-height.fixed.3xl",
4080
+ docs: "semantic.font.line-height.fixed.3xl",
4081
+ es6: "calciteFontLineHeightFixed3xl",
4082
+ },
4083
+ "calcite-schema": {
4084
+ system: "calcite",
4085
+ tier: "semantic",
4086
+ type: "lineHeight",
4087
+ },
4088
+ },
4089
+ filePath: "src/tokens/semantic/font.json",
4090
+ isSource: true,
4091
+ original: {
4092
+ value: "{core.size.default.40}",
4093
+ type: "lineHeight",
4094
+ attributes: {
4095
+ category: "font",
4096
+ group: "line-height",
4097
+ kind: "fixed",
4098
+ },
4099
+ key: "{semantic.font.line-height.fixed.3xl}",
4100
+ },
4101
+ name: "Font Line Height Fixed 3xl",
4102
+ path: ["semantic", "font", "line-height", "fixed", "3xl"],
4103
+ },
4104
+ "4xl": {
4105
+ key: "{semantic.font.line-height.fixed.4xl}",
4106
+ value: "48px",
4107
+ type: "lineHeight",
4108
+ attributes: {
4109
+ category: "font",
4110
+ group: "line-height",
4111
+ kind: "fixed",
4112
+ type: "font",
4113
+ item: "line-height",
4114
+ subitem: "fixed",
4115
+ state: "4xl",
4116
+ names: {
4117
+ scss: "$calcite-font-line-height-fixed-4xl",
4118
+ css: "var(--calcite-font-line-height-fixed-4xl)",
4119
+ js: "semantic.font.line-height.fixed.4xl",
4120
+ docs: "semantic.font.line-height.fixed.4xl",
4121
+ es6: "calciteFontLineHeightFixed4xl",
4122
+ },
4123
+ "calcite-schema": {
4124
+ system: "calcite",
4125
+ tier: "semantic",
4126
+ type: "lineHeight",
4127
+ },
4128
+ },
4129
+ filePath: "src/tokens/semantic/font.json",
4130
+ isSource: true,
4131
+ original: {
4132
+ value: "{core.size.default.48}",
4133
+ type: "lineHeight",
4134
+ attributes: {
4135
+ category: "font",
4136
+ group: "line-height",
4137
+ kind: "fixed",
4138
+ },
4139
+ key: "{semantic.font.line-height.fixed.4xl}",
4140
+ },
4141
+ name: "Font Line Height Fixed 4xl",
4142
+ path: ["semantic", "font", "line-height", "fixed", "4xl"],
4143
+ },
4144
+ "5xl": {
4145
+ key: "{semantic.font.line-height.fixed.5xl}",
4146
+ value: "64px",
4147
+ type: "lineHeight",
4148
+ attributes: {
4149
+ category: "font",
4150
+ group: "line-height",
4151
+ kind: "fixed",
4152
+ type: "font",
4153
+ item: "line-height",
4154
+ subitem: "fixed",
4155
+ state: "5xl",
4156
+ names: {
4157
+ scss: "$calcite-font-line-height-fixed-5xl",
4158
+ css: "var(--calcite-font-line-height-fixed-5xl)",
4159
+ js: "semantic.font.line-height.fixed.5xl",
4160
+ docs: "semantic.font.line-height.fixed.5xl",
4161
+ es6: "calciteFontLineHeightFixed5xl",
4162
+ },
4163
+ "calcite-schema": {
4164
+ system: "calcite",
4165
+ tier: "semantic",
4166
+ type: "lineHeight",
4167
+ },
4168
+ },
4169
+ filePath: "src/tokens/semantic/font.json",
4170
+ isSource: true,
4171
+ original: {
4172
+ value: "{core.size.default.64}",
4173
+ type: "lineHeight",
4174
+ attributes: {
4175
+ category: "font",
4176
+ group: "line-height",
4177
+ kind: "fixed",
4178
+ },
4179
+ key: "{semantic.font.line-height.fixed.5xl}",
4180
+ },
4181
+ name: "Font Line Height Fixed 5xl",
4182
+ path: ["semantic", "font", "line-height", "fixed", "5xl"],
4183
+ },
4184
+ "6xl": {
4185
+ key: "{semantic.font.line-height.fixed.6xl}",
4186
+ value: "80px",
4187
+ type: "lineHeight",
4188
+ attributes: {
4189
+ category: "font",
4190
+ group: "line-height",
4191
+ kind: "fixed",
4192
+ type: "font",
4193
+ item: "line-height",
4194
+ subitem: "fixed",
4195
+ state: "6xl",
4196
+ names: {
4197
+ scss: "$calcite-font-line-height-fixed-6xl",
4198
+ css: "var(--calcite-font-line-height-fixed-6xl)",
4199
+ js: "semantic.font.line-height.fixed.6xl",
4200
+ docs: "semantic.font.line-height.fixed.6xl",
4201
+ es6: "calciteFontLineHeightFixed6xl",
4202
+ },
4203
+ "calcite-schema": {
4204
+ system: "calcite",
4205
+ tier: "semantic",
4206
+ type: "lineHeight",
4207
+ },
4208
+ },
4209
+ filePath: "src/tokens/semantic/font.json",
4210
+ isSource: true,
4211
+ original: {
4212
+ value: "{core.size.default.80}",
4213
+ type: "lineHeight",
4214
+ attributes: {
4215
+ category: "font",
4216
+ group: "line-height",
4217
+ kind: "fixed",
4218
+ },
4219
+ key: "{semantic.font.line-height.fixed.6xl}",
4220
+ },
4221
+ name: "Font Line Height Fixed 6xl",
4222
+ path: ["semantic", "font", "line-height", "fixed", "6xl"],
4223
+ },
4024
4224
  },
4025
4225
  relative: {
4026
4226
  default: {
@@ -4074,6 +4274,57 @@ export default {
4074
4274
  path: ["semantic", "font", "line-height", "relative", "default"],
4075
4275
  comment: "normal",
4076
4276
  },
4277
+ base: {
4278
+ key: "{semantic.font.line-height.relative.base}",
4279
+ value: "1",
4280
+ type: "lineHeight",
4281
+ description: "1",
4282
+ attributes: {
4283
+ category: "font",
4284
+ group: "line-height",
4285
+ kind: "relative",
4286
+ type: "lineHeight",
4287
+ item: "line-height",
4288
+ subitem: "relative",
4289
+ state: "base",
4290
+ value: "100%",
4291
+ description: "1",
4292
+ filePath: "src/tokens/semantic/font.json",
4293
+ isSource: true,
4294
+ key: "{semantic.font.line-height.relative.base}",
4295
+ name: "calcite-semantic-font-line-height-relative-base",
4296
+ path: ["semantic", "font", "line-height", "relative", "base"],
4297
+ comment: "1",
4298
+ names: {
4299
+ scss: "$calcite-font-line-height-relative-base",
4300
+ css: "var(--calcite-font-line-height-relative-base)",
4301
+ js: "semantic.font.line-height.relative.base",
4302
+ docs: "semantic.font.line-height.relative.base",
4303
+ es6: "calciteFontLineHeightRelativeBase",
4304
+ },
4305
+ "calcite-schema": {
4306
+ system: "calcite",
4307
+ tier: "semantic",
4308
+ type: "lineHeight",
4309
+ },
4310
+ },
4311
+ filePath: "src/tokens/semantic/font.json",
4312
+ isSource: true,
4313
+ original: {
4314
+ value: "{core.size.relative.100}",
4315
+ type: "lineHeight",
4316
+ description: "1",
4317
+ attributes: {
4318
+ category: "font",
4319
+ group: "line-height",
4320
+ kind: "relative",
4321
+ },
4322
+ key: "{semantic.font.line-height.relative.base}",
4323
+ },
4324
+ name: "Font Line Height Relative Base",
4325
+ path: ["semantic", "font", "line-height", "relative", "base"],
4326
+ comment: "1",
4327
+ },
4077
4328
  tight: {
4078
4329
  key: "{semantic.font.line-height.relative.tight}",
4079
4330
  value: "1.25",
@@ -73,9 +73,15 @@ declare const tokens: {
73
73
  base: DesignToken;
74
74
  lg: DesignToken;
75
75
  xl: DesignToken;
76
+ "2xl": DesignToken;
77
+ "3xl": DesignToken;
78
+ "4xl": DesignToken;
79
+ "5xl": DesignToken;
80
+ "6xl": DesignToken;
76
81
  };
77
82
  relative: {
78
83
  default: DesignToken;
84
+ base: DesignToken;
79
85
  tight: DesignToken;
80
86
  snug: DesignToken;
81
87
  normal: DesignToken;
@@ -1423,6 +1423,206 @@ export default {
1423
1423
  name: "Font Line Height Fixed Xl",
1424
1424
  path: ["semantic", "font", "line-height", "fixed", "xl"],
1425
1425
  },
1426
+ "2xl": {
1427
+ key: "{semantic.font.line-height.fixed.2xl}",
1428
+ value: "32px",
1429
+ type: "lineHeight",
1430
+ attributes: {
1431
+ category: "font",
1432
+ group: "line-height",
1433
+ kind: "fixed",
1434
+ type: "font",
1435
+ item: "line-height",
1436
+ subitem: "fixed",
1437
+ state: "2xl",
1438
+ names: {
1439
+ scss: "$calcite-font-line-height-fixed-2xl",
1440
+ css: "var(--calcite-font-line-height-fixed-2xl)",
1441
+ js: "semantic.font.line-height.fixed.2xl",
1442
+ docs: "semantic.font.line-height.fixed.2xl",
1443
+ es6: "calciteFontLineHeightFixed2xl",
1444
+ },
1445
+ "calcite-schema": {
1446
+ system: "calcite",
1447
+ tier: "semantic",
1448
+ type: "lineHeight",
1449
+ },
1450
+ },
1451
+ filePath: "src/tokens/semantic/font.json",
1452
+ isSource: true,
1453
+ original: {
1454
+ value: "{core.size.default.32}",
1455
+ type: "lineHeight",
1456
+ attributes: {
1457
+ category: "font",
1458
+ group: "line-height",
1459
+ kind: "fixed",
1460
+ },
1461
+ key: "{semantic.font.line-height.fixed.2xl}",
1462
+ },
1463
+ name: "Font Line Height Fixed 2xl",
1464
+ path: ["semantic", "font", "line-height", "fixed", "2xl"],
1465
+ },
1466
+ "3xl": {
1467
+ key: "{semantic.font.line-height.fixed.3xl}",
1468
+ value: "40px",
1469
+ type: "lineHeight",
1470
+ attributes: {
1471
+ category: "font",
1472
+ group: "line-height",
1473
+ kind: "fixed",
1474
+ type: "font",
1475
+ item: "line-height",
1476
+ subitem: "fixed",
1477
+ state: "3xl",
1478
+ names: {
1479
+ scss: "$calcite-font-line-height-fixed-3xl",
1480
+ css: "var(--calcite-font-line-height-fixed-3xl)",
1481
+ js: "semantic.font.line-height.fixed.3xl",
1482
+ docs: "semantic.font.line-height.fixed.3xl",
1483
+ es6: "calciteFontLineHeightFixed3xl",
1484
+ },
1485
+ "calcite-schema": {
1486
+ system: "calcite",
1487
+ tier: "semantic",
1488
+ type: "lineHeight",
1489
+ },
1490
+ },
1491
+ filePath: "src/tokens/semantic/font.json",
1492
+ isSource: true,
1493
+ original: {
1494
+ value: "{core.size.default.40}",
1495
+ type: "lineHeight",
1496
+ attributes: {
1497
+ category: "font",
1498
+ group: "line-height",
1499
+ kind: "fixed",
1500
+ },
1501
+ key: "{semantic.font.line-height.fixed.3xl}",
1502
+ },
1503
+ name: "Font Line Height Fixed 3xl",
1504
+ path: ["semantic", "font", "line-height", "fixed", "3xl"],
1505
+ },
1506
+ "4xl": {
1507
+ key: "{semantic.font.line-height.fixed.4xl}",
1508
+ value: "48px",
1509
+ type: "lineHeight",
1510
+ attributes: {
1511
+ category: "font",
1512
+ group: "line-height",
1513
+ kind: "fixed",
1514
+ type: "font",
1515
+ item: "line-height",
1516
+ subitem: "fixed",
1517
+ state: "4xl",
1518
+ names: {
1519
+ scss: "$calcite-font-line-height-fixed-4xl",
1520
+ css: "var(--calcite-font-line-height-fixed-4xl)",
1521
+ js: "semantic.font.line-height.fixed.4xl",
1522
+ docs: "semantic.font.line-height.fixed.4xl",
1523
+ es6: "calciteFontLineHeightFixed4xl",
1524
+ },
1525
+ "calcite-schema": {
1526
+ system: "calcite",
1527
+ tier: "semantic",
1528
+ type: "lineHeight",
1529
+ },
1530
+ },
1531
+ filePath: "src/tokens/semantic/font.json",
1532
+ isSource: true,
1533
+ original: {
1534
+ value: "{core.size.default.48}",
1535
+ type: "lineHeight",
1536
+ attributes: {
1537
+ category: "font",
1538
+ group: "line-height",
1539
+ kind: "fixed",
1540
+ },
1541
+ key: "{semantic.font.line-height.fixed.4xl}",
1542
+ },
1543
+ name: "Font Line Height Fixed 4xl",
1544
+ path: ["semantic", "font", "line-height", "fixed", "4xl"],
1545
+ },
1546
+ "5xl": {
1547
+ key: "{semantic.font.line-height.fixed.5xl}",
1548
+ value: "64px",
1549
+ type: "lineHeight",
1550
+ attributes: {
1551
+ category: "font",
1552
+ group: "line-height",
1553
+ kind: "fixed",
1554
+ type: "font",
1555
+ item: "line-height",
1556
+ subitem: "fixed",
1557
+ state: "5xl",
1558
+ names: {
1559
+ scss: "$calcite-font-line-height-fixed-5xl",
1560
+ css: "var(--calcite-font-line-height-fixed-5xl)",
1561
+ js: "semantic.font.line-height.fixed.5xl",
1562
+ docs: "semantic.font.line-height.fixed.5xl",
1563
+ es6: "calciteFontLineHeightFixed5xl",
1564
+ },
1565
+ "calcite-schema": {
1566
+ system: "calcite",
1567
+ tier: "semantic",
1568
+ type: "lineHeight",
1569
+ },
1570
+ },
1571
+ filePath: "src/tokens/semantic/font.json",
1572
+ isSource: true,
1573
+ original: {
1574
+ value: "{core.size.default.64}",
1575
+ type: "lineHeight",
1576
+ attributes: {
1577
+ category: "font",
1578
+ group: "line-height",
1579
+ kind: "fixed",
1580
+ },
1581
+ key: "{semantic.font.line-height.fixed.5xl}",
1582
+ },
1583
+ name: "Font Line Height Fixed 5xl",
1584
+ path: ["semantic", "font", "line-height", "fixed", "5xl"],
1585
+ },
1586
+ "6xl": {
1587
+ key: "{semantic.font.line-height.fixed.6xl}",
1588
+ value: "80px",
1589
+ type: "lineHeight",
1590
+ attributes: {
1591
+ category: "font",
1592
+ group: "line-height",
1593
+ kind: "fixed",
1594
+ type: "font",
1595
+ item: "line-height",
1596
+ subitem: "fixed",
1597
+ state: "6xl",
1598
+ names: {
1599
+ scss: "$calcite-font-line-height-fixed-6xl",
1600
+ css: "var(--calcite-font-line-height-fixed-6xl)",
1601
+ js: "semantic.font.line-height.fixed.6xl",
1602
+ docs: "semantic.font.line-height.fixed.6xl",
1603
+ es6: "calciteFontLineHeightFixed6xl",
1604
+ },
1605
+ "calcite-schema": {
1606
+ system: "calcite",
1607
+ tier: "semantic",
1608
+ type: "lineHeight",
1609
+ },
1610
+ },
1611
+ filePath: "src/tokens/semantic/font.json",
1612
+ isSource: true,
1613
+ original: {
1614
+ value: "{core.size.default.80}",
1615
+ type: "lineHeight",
1616
+ attributes: {
1617
+ category: "font",
1618
+ group: "line-height",
1619
+ kind: "fixed",
1620
+ },
1621
+ key: "{semantic.font.line-height.fixed.6xl}",
1622
+ },
1623
+ name: "Font Line Height Fixed 6xl",
1624
+ path: ["semantic", "font", "line-height", "fixed", "6xl"],
1625
+ },
1426
1626
  },
1427
1627
  relative: {
1428
1628
  default: {
@@ -1476,6 +1676,57 @@ export default {
1476
1676
  path: ["semantic", "font", "line-height", "relative", "default"],
1477
1677
  comment: "normal",
1478
1678
  },
1679
+ base: {
1680
+ key: "{semantic.font.line-height.relative.base}",
1681
+ value: "1",
1682
+ type: "lineHeight",
1683
+ description: "1",
1684
+ attributes: {
1685
+ category: "font",
1686
+ group: "line-height",
1687
+ kind: "relative",
1688
+ type: "lineHeight",
1689
+ item: "line-height",
1690
+ subitem: "relative",
1691
+ state: "base",
1692
+ value: "100%",
1693
+ description: "1",
1694
+ filePath: "src/tokens/semantic/font.json",
1695
+ isSource: true,
1696
+ key: "{semantic.font.line-height.relative.base}",
1697
+ name: "calcite-semantic-font-line-height-relative-base",
1698
+ path: ["semantic", "font", "line-height", "relative", "base"],
1699
+ comment: "1",
1700
+ names: {
1701
+ scss: "$calcite-font-line-height-relative-base",
1702
+ css: "var(--calcite-font-line-height-relative-base)",
1703
+ js: "semantic.font.line-height.relative.base",
1704
+ docs: "semantic.font.line-height.relative.base",
1705
+ es6: "calciteFontLineHeightRelativeBase",
1706
+ },
1707
+ "calcite-schema": {
1708
+ system: "calcite",
1709
+ tier: "semantic",
1710
+ type: "lineHeight",
1711
+ },
1712
+ },
1713
+ filePath: "src/tokens/semantic/font.json",
1714
+ isSource: true,
1715
+ original: {
1716
+ value: "{core.size.relative.100}",
1717
+ type: "lineHeight",
1718
+ description: "1",
1719
+ attributes: {
1720
+ category: "font",
1721
+ group: "line-height",
1722
+ kind: "relative",
1723
+ },
1724
+ key: "{semantic.font.line-height.relative.base}",
1725
+ },
1726
+ name: "Font Line Height Relative Base",
1727
+ path: ["semantic", "font", "line-height", "relative", "base"],
1728
+ comment: "1",
1729
+ },
1479
1730
  tight: {
1480
1731
  key: "{semantic.font.line-height.relative.tight}",
1481
1732
  value: "1.25",
@@ -38,7 +38,13 @@ $calcite-font-line-height-fixed-sm: 12px;
38
38
  $calcite-font-line-height-fixed-base: 16px;
39
39
  $calcite-font-line-height-fixed-lg: 20px;
40
40
  $calcite-font-line-height-fixed-xl: 24px;
41
+ $calcite-font-line-height-fixed-2xl: 32px;
42
+ $calcite-font-line-height-fixed-3xl: 40px;
43
+ $calcite-font-line-height-fixed-4xl: 48px;
44
+ $calcite-font-line-height-fixed-5xl: 64px;
45
+ $calcite-font-line-height-fixed-6xl: 80px;
41
46
  $calcite-font-line-height-relative: normal; // normal
47
+ $calcite-font-line-height-relative-base: 1; // 1
42
48
  $calcite-font-line-height-relative-tight: 1.25; // 1.25
43
49
  $calcite-font-line-height-relative-snug: 1.375; // 1.375
44
50
  $calcite-font-line-height-relative-normal: 1.5; // 1.5
@@ -36,7 +36,13 @@ $calcite-font-line-height-fixed-sm: 12px;
36
36
  $calcite-font-line-height-fixed-base: 16px;
37
37
  $calcite-font-line-height-fixed-lg: 20px;
38
38
  $calcite-font-line-height-fixed-xl: 24px;
39
+ $calcite-font-line-height-fixed-2xl: 32px;
40
+ $calcite-font-line-height-fixed-3xl: 40px;
41
+ $calcite-font-line-height-fixed-4xl: 48px;
42
+ $calcite-font-line-height-fixed-5xl: 64px;
43
+ $calcite-font-line-height-fixed-6xl: 80px;
39
44
  $calcite-font-line-height-relative: normal; // normal
45
+ $calcite-font-line-height-relative-base: 1; // 1
40
46
  $calcite-font-line-height-relative-tight: 1.25; // 1.25
41
47
  $calcite-font-line-height-relative-snug: 1.375; // 1.375
42
48
  $calcite-font-line-height-relative-normal: 1.5; // 1.5
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@esri/calcite-design-tokens",
3
- "version": "3.2.0-next.13",
3
+ "version": "3.2.0-next.14",
4
4
  "description": "Esri's Calcite Design System Tokens",
5
5
  "keywords": [
6
6
  "Calcite",
@@ -46,5 +46,5 @@
46
46
  "devDependencies": {
47
47
  "vitest": "3.2.4"
48
48
  },
49
- "gitHead": "8f81269bec184185911dcd3a86b9b98c7a6380df"
49
+ "gitHead": "aaac40d1eec8ad8fdfcc7e791d8528e05dae44b5"
50
50
  }