@esri/calcite-design-tokens 3.2.0-next.8 → 3.2.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 (38) hide show
  1. package/dist/css/core.css +1 -0
  2. package/dist/css/dark.css +1 -1
  3. package/dist/css/global.css +7 -1
  4. package/dist/css/index.css +5 -5
  5. package/dist/css/light.css +1 -1
  6. package/dist/css/semantic.css +7 -1
  7. package/dist/docs/core.json +28 -1
  8. package/dist/docs/dark.json +5 -5
  9. package/dist/docs/global.json +200 -10
  10. package/dist/docs/light.json +5 -5
  11. package/dist/docs/semantic.json +196 -6
  12. package/dist/es6/core.d.ts +1 -0
  13. package/dist/es6/core.js +1 -0
  14. package/dist/es6/dark.d.ts +1 -1
  15. package/dist/es6/dark.js +1 -1
  16. package/dist/es6/global.d.ts +9 -2
  17. package/dist/es6/global.js +8 -2
  18. package/dist/es6/light.d.ts +1 -1
  19. package/dist/es6/light.js +1 -1
  20. package/dist/es6/semantic.d.ts +8 -1
  21. package/dist/es6/semantic.js +7 -1
  22. package/dist/js/core.d.ts +1 -0
  23. package/dist/js/core.js +35 -0
  24. package/dist/js/dark.d.ts +1 -1
  25. package/dist/js/dark.js +5 -6
  26. package/dist/js/global.d.ts +6 -0
  27. package/dist/js/global.js +263 -13
  28. package/dist/js/light.d.ts +1 -1
  29. package/dist/js/light.js +5 -6
  30. package/dist/js/semantic.d.ts +6 -0
  31. package/dist/js/semantic.js +258 -7
  32. package/dist/scss/core.scss +1 -0
  33. package/dist/scss/dark.scss +1 -1
  34. package/dist/scss/global.scss +7 -1
  35. package/dist/scss/index.scss +2 -2
  36. package/dist/scss/light.scss +1 -1
  37. package/dist/scss/semantic.scss +7 -1
  38. package/package.json +5 -5
package/dist/js/global.js CHANGED
@@ -222,14 +222,14 @@ export default {
222
222
  subitem: "current",
223
223
  value: "#d6efff",
224
224
  description:
225
- "deprecated, use --calcite-color-foreground-highlight instead",
225
+ "deprecated, use --calcite-color-surface-highlight instead",
226
226
  filePath: "src/tokens/semantic/color/light.json",
227
227
  isSource: false,
228
228
  key: "{semantic.color.foreground.current}",
229
229
  name: "calcite-semantic-color-foreground-current",
230
230
  path: ["semantic", "color", "foreground", "current"],
231
231
  comment:
232
- "deprecated, use --calcite-color-foreground-highlight instead",
232
+ "deprecated, use --calcite-color-surface-highlight instead",
233
233
  names: {
234
234
  scss: "$calcite-color-foreground-current",
235
235
  css: "var(--calcite-color-foreground-current)",
@@ -244,7 +244,7 @@ export default {
244
244
  },
245
245
  },
246
246
  description:
247
- "deprecated, use --calcite-color-foreground-highlight instead",
247
+ "deprecated, use --calcite-color-surface-highlight instead",
248
248
  filePath: "src/tokens/semantic/color/light.json",
249
249
  isSource: false,
250
250
  original: {
@@ -255,13 +255,12 @@ export default {
255
255
  group: "foreground",
256
256
  },
257
257
  description:
258
- "deprecated, use --calcite-color-foreground-highlight instead",
258
+ "deprecated, use --calcite-color-surface-highlight instead",
259
259
  key: "{semantic.color.foreground.current}",
260
260
  },
261
261
  name: "Color Foreground Current",
262
262
  path: ["semantic", "color", "foreground", "current"],
263
- comment:
264
- "deprecated, use --calcite-color-foreground-highlight instead",
263
+ comment: "deprecated, use --calcite-color-surface-highlight instead",
265
264
  },
266
265
  },
267
266
  surface: {
@@ -4022,13 +4021,213 @@ export default {
4022
4021
  name: "Font Line Height Fixed Xl",
4023
4022
  path: ["semantic", "font", "line-height", "fixed", "xl"],
4024
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
+ },
4025
4224
  },
4026
4225
  relative: {
4027
4226
  default: {
4028
4227
  key: "{semantic.font.line-height.relative.default}",
4029
- value: "auto",
4228
+ value: "normal",
4030
4229
  type: "lineHeight",
4031
- description: "1",
4230
+ description: "normal",
4032
4231
  attributes: {
4033
4232
  category: "font",
4034
4233
  group: "line-height",
@@ -4037,14 +4236,14 @@ export default {
4037
4236
  item: "line-height",
4038
4237
  subitem: "relative",
4039
4238
  state: "default",
4040
- value: "auto",
4041
- description: "1",
4239
+ value: "normal",
4240
+ description: "normal",
4042
4241
  filePath: "src/tokens/semantic/font.json",
4043
4242
  isSource: true,
4044
4243
  key: "{semantic.font.line-height.relative.default}",
4045
4244
  name: "calcite-semantic-font-line-height-relative-default",
4046
4245
  path: ["semantic", "font", "line-height", "relative", "default"],
4047
- comment: "1",
4246
+ comment: "normal",
4048
4247
  names: {
4049
4248
  scss: "$calcite-font-line-height-relative",
4050
4249
  css: "var(--calcite-font-line-height-relative)",
@@ -4061,9 +4260,9 @@ export default {
4061
4260
  filePath: "src/tokens/semantic/font.json",
4062
4261
  isSource: true,
4063
4262
  original: {
4064
- value: "{core.size.relative.auto}",
4263
+ value: "{core.size.relative.normal}",
4065
4264
  type: "lineHeight",
4066
- description: "1",
4265
+ description: "normal",
4067
4266
  attributes: {
4068
4267
  category: "font",
4069
4268
  group: "line-height",
@@ -4073,6 +4272,57 @@ export default {
4073
4272
  },
4074
4273
  name: "Font Line Height Relative",
4075
4274
  path: ["semantic", "font", "line-height", "relative", "default"],
4275
+ comment: "normal",
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"],
4076
4326
  comment: "1",
4077
4327
  },
4078
4328
  tight: {
package/dist/js/light.d.ts CHANGED
@@ -8,7 +8,7 @@ export const calciteColorBackgroundNone: string;
8
8
  export const calciteColorForeground1: string;
9
9
  export const calciteColorForeground2: string;
10
10
  export const calciteColorForeground3: string;
11
- /** deprecated, use --calcite-color-foreground-highlight instead */
11
+ /** deprecated, use --calcite-color-surface-highlight instead */
12
12
  export const calciteColorForegroundCurrent: string;
13
13
  export const calciteColorSurfaceHighlight: string;
14
14
  export const calciteColorTransparent: string;
package/dist/js/light.js CHANGED
@@ -206,14 +206,14 @@ export default {
206
206
  subitem: "current",
207
207
  value: "#d6efff",
208
208
  description:
209
- "deprecated, use --calcite-color-foreground-highlight instead",
209
+ "deprecated, use --calcite-color-surface-highlight instead",
210
210
  filePath: "src/tokens/semantic/color/light.json",
211
211
  isSource: true,
212
212
  key: "{semantic.color.foreground.current}",
213
213
  name: "calcite-semantic-color-foreground-current",
214
214
  path: ["semantic", "color", "foreground", "current"],
215
215
  comment:
216
- "deprecated, use --calcite-color-foreground-highlight instead",
216
+ "deprecated, use --calcite-color-surface-highlight instead",
217
217
  names: {
218
218
  scss: "$calcite-color-foreground-current",
219
219
  css: "var(--calcite-color-foreground-current)",
@@ -228,7 +228,7 @@ export default {
228
228
  },
229
229
  },
230
230
  description:
231
- "deprecated, use --calcite-color-foreground-highlight instead",
231
+ "deprecated, use --calcite-color-surface-highlight instead",
232
232
  filePath: "src/tokens/semantic/color/light.json",
233
233
  isSource: true,
234
234
  original: {
@@ -239,13 +239,12 @@ export default {
239
239
  group: "foreground",
240
240
  },
241
241
  description:
242
- "deprecated, use --calcite-color-foreground-highlight instead",
242
+ "deprecated, use --calcite-color-surface-highlight instead",
243
243
  key: "{semantic.color.foreground.current}",
244
244
  },
245
245
  name: "calciteColorForegroundCurrent",
246
246
  path: ["semantic", "color", "foreground", "current"],
247
- comment:
248
- "deprecated, use --calcite-color-foreground-highlight instead",
247
+ comment: "deprecated, use --calcite-color-surface-highlight instead",
249
248
  },
250
249
  },
251
250
  surface: {
package/dist/js/semantic.d.ts CHANGED
@@ -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;