@spectrum-web-components/styles 1.2.0-beta.5 → 1.2.0-beta.7

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 (4) hide show
  1. package/package.json +3 -3
  2. package/tokens/express/system-theme-bridge.css +0 -121
  3. package/tokens/spectrum/system-theme-bridge.css +0 -121
  4. package/tokens-v2/system-theme-bridge.css +0 -121
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spectrum-web-components/styles",
3
- "version": "1.2.0-beta.5",
3
+ "version": "1.2.0-beta.7",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -115,7 +115,7 @@
115
115
  "lit-html"
116
116
  ],
117
117
  "dependencies": {
118
- "@spectrum-web-components/base": "^1.2.0-beta.5",
118
+ "@spectrum-web-components/base": "^1.2.0-beta.7",
119
119
  "lit": "^2.5.0 || ^3.1.3"
120
120
  },
121
121
  "devDependencies": {
@@ -130,5 +130,5 @@
130
130
  "./**/*.css"
131
131
  ],
132
132
  "style": "all-medium-lightest.css",
133
- "gitHead": "344e1fbac943063f6f221f283f546c76a21bdd8f"
133
+ "gitHead": "8990e269acdc74e6b059a4cb7718cd804689122d"
134
134
  }
package/tokens/express/system-theme-bridge.css CHANGED
@@ -4196,141 +4196,20 @@
4196
4196
  --system-slider-handle-focus-ring-color-key-focus: var(
4197
4197
  --spectrum-focus-indicator-color
4198
4198
  );
4199
- --system-slider-value-inline-size: 18px;
4200
- --system-slider-ramp-track-block-size: var(
4201
- --spectrum-slider-ramp-track-height
4202
- );
4203
- --system-slider-cjk-line-height: var(--spectrum-cjk-line-height-100);
4204
- --system-slider-min-size: var(--spectrum-spacing-900);
4205
4199
  --system-slider-track-corner-radius: var(--spectrum-corner-radius-75);
4206
- --system-slider-label-margin-start: var(--spectrum-spacing-300);
4207
- --system-slider-handle-border-width: var(--spectrum-border-width-200);
4208
- --system-slider-track-fill-thickness: var(
4209
- --spectrum-slider-track-thickness
4210
- );
4211
- --system-slider-tick-mark-width: var(--spectrum-border-width-200);
4212
- --system-slider-tick-mark-border-radius: 2px;
4213
- --system-slider-tick-handle-background-color: var(--spectrum-gray-75);
4214
- --system-slider-track-color-disabled: var(
4215
- --spectrum-disabled-background-color
4216
- );
4217
- --system-slider-track-fill-color-disabled: var(
4218
- --spectrum-disabled-background-color
4219
- );
4220
- --system-slider-handle-border-color-disabled: var(
4221
- --spectrum-disabled-border-color
4222
- );
4223
- --system-slider-label-text-color: var(
4224
- --spectrum-neutral-content-color-default
4225
- );
4226
- --system-slider-tick-label-color: var(
4227
- --spectrum-neutral-content-color-default
4228
- );
4229
- --system-slider-label-text-color-disabled: var(
4230
- --spectrum-disabled-content-color
4231
- );
4232
- --system-slider-tick-mark-color-disabled: var(
4233
- --spectrum-disabled-background-color
4234
- );
4235
- --system-slider-ramp-handle-border-color-active: var(--spectrum-gray-75);
4236
- --system-slider-track-handleoffset: var(--spectrum-slider-handle-gap);
4237
- --system-slider-range-track-reset: 0;
4238
- --system-slider-font-size: var(--spectrum-font-size-75);
4239
- --system-slider-size-m-font-size: var(--spectrum-font-size-75);
4240
- --system-slider-handle-size: var(--spectrum-slider-handle-size-medium);
4241
- --system-slider-size-m-handle-size: var(
4242
- --spectrum-slider-handle-size-medium
4243
- );
4244
- --system-slider-control-height: var(--spectrum-component-height-100);
4245
- --system-slider-size-m-control-height: var(--spectrum-component-height-100);
4246
4200
  --system-slider-handle-border-radius: var(--spectrum-corner-radius-200);
4247
4201
  --system-slider-size-m-handle-border-radius: var(
4248
4202
  --spectrum-corner-radius-200
4249
4203
  );
4250
- --system-slider-handle-border-width-down: var(
4251
- --spectrum-slider-handle-border-width-down-medium
4252
- );
4253
- --system-slider-size-m-handle-border-width-down: var(
4254
- --spectrum-slider-handle-border-width-down-medium
4255
- );
4256
- --system-slider-label-top-to-text: var(--spectrum-component-top-to-text-75);
4257
- --system-slider-size-m-label-top-to-text: var(
4258
- --spectrum-component-top-to-text-75
4259
- );
4260
- --system-slider-control-to-field-label: var(
4261
- --spectrum-slider-control-to-field-label-medium
4262
- );
4263
- --system-slider-size-m-control-to-field-label: var(
4264
- --spectrum-slider-control-to-field-label-medium
4265
- );
4266
- --system-slider-value-side-padding-inline: var(--spectrum-spacing-200);
4267
- --system-slider-size-m-value-side-padding-inline: var(
4268
- --spectrum-spacing-200
4269
- );
4270
- --system-slider-size-s-font-size: var(--spectrum-font-size-75);
4271
- --system-slider-size-s-handle-size: var(
4272
- --spectrum-slider-handle-size-small
4273
- );
4274
- --system-slider-size-s-control-height: var(--spectrum-component-height-75);
4275
4204
  --system-slider-size-s-handle-border-radius: var(
4276
4205
  --spectrum-corner-radius-200
4277
4206
  );
4278
- --system-slider-size-s-handle-border-width-down: var(
4279
- --spectrum-slider-handle-border-width-down-small
4280
- );
4281
- --system-slider-size-s-label-top-to-text: var(
4282
- --spectrum-component-top-to-text-75
4283
- );
4284
- --system-slider-size-s-control-to-field-label: var(
4285
- --spectrum-slider-control-to-field-label-small
4286
- );
4287
- --system-slider-size-s-value-side-padding-inline: var(
4288
- --spectrum-spacing-100
4289
- );
4290
- --system-slider-size-l-font-size: var(--spectrum-font-size-100);
4291
- --system-slider-size-l-handle-size: var(
4292
- --spectrum-slider-handle-size-large
4293
- );
4294
- --system-slider-size-l-control-height: var(--spectrum-component-height-200);
4295
4207
  --system-slider-size-l-handle-border-radius: calc(
4296
4208
  var(--spectrum-corner-radius-200) * 4
4297
4209
  );
4298
- --system-slider-size-l-handle-border-width-down: var(
4299
- --spectrum-slider-handle-border-width-down-large
4300
- );
4301
- --system-slider-size-l-label-top-to-text: var(
4302
- --spectrum-component-top-to-text-100
4303
- );
4304
- --system-slider-size-l-control-to-field-label: var(
4305
- --spectrum-slider-control-to-field-label-large
4306
- );
4307
- --system-slider-size-l-value-side-padding-inline: var(
4308
- --spectrum-spacing-200
4309
- );
4310
- --system-slider-size-l-value-inline-size: 18px;
4311
- --system-slider-size-xl-font-size: var(--spectrum-font-size-200);
4312
- --system-slider-size-xl-handle-size: var(
4313
- --spectrum-slider-handle-size-extra-large
4314
- );
4315
- --system-slider-size-xl-control-height: var(
4316
- --spectrum-component-height-300
4317
- );
4318
4210
  --system-slider-size-xl-handle-border-radius: calc(
4319
4211
  var(--spectrum-corner-radius-200) * 4
4320
4212
  );
4321
- --system-slider-size-xl-handle-border-width-down: var(
4322
- --spectrum-slider-handle-border-width-down-extra-large
4323
- );
4324
- --system-slider-size-xl-label-top-to-text: var(
4325
- --spectrum-component-top-to-text-200
4326
- );
4327
- --system-slider-size-xl-control-to-field-label: var(
4328
- --spectrum-slider-control-to-field-label-extra-large
4329
- );
4330
- --system-slider-size-xl-value-side-padding-inline: var(
4331
- --spectrum-spacing-200
4332
- );
4333
- --system-slider-size-xl-value-inline-size: 22px;
4334
4213
  --system-split-view-vertical-width: 100%;
4335
4214
  --system-split-view-vertical-gripper-width: 50%;
4336
4215
  --system-split-view-vertical-gripper-outer-width: 100%;
package/tokens/spectrum/system-theme-bridge.css CHANGED
@@ -4188,141 +4188,20 @@
4188
4188
  --system-slider-handle-focus-ring-color-key-focus: var(
4189
4189
  --spectrum-focus-indicator-color
4190
4190
  );
4191
- --system-slider-value-inline-size: 18px;
4192
- --system-slider-ramp-track-block-size: var(
4193
- --spectrum-slider-ramp-track-height
4194
- );
4195
- --system-slider-cjk-line-height: var(--spectrum-cjk-line-height-100);
4196
- --system-slider-min-size: var(--spectrum-spacing-900);
4197
4191
  --system-slider-track-corner-radius: var(--spectrum-corner-radius-75);
4198
- --system-slider-label-margin-start: var(--spectrum-spacing-300);
4199
- --system-slider-handle-border-width: var(--spectrum-border-width-200);
4200
- --system-slider-track-fill-thickness: var(
4201
- --spectrum-slider-track-thickness
4202
- );
4203
- --system-slider-tick-mark-width: var(--spectrum-border-width-200);
4204
- --system-slider-tick-mark-border-radius: 2px;
4205
- --system-slider-tick-handle-background-color: var(--spectrum-gray-75);
4206
- --system-slider-track-color-disabled: var(
4207
- --spectrum-disabled-background-color
4208
- );
4209
- --system-slider-track-fill-color-disabled: var(
4210
- --spectrum-disabled-background-color
4211
- );
4212
- --system-slider-handle-border-color-disabled: var(
4213
- --spectrum-disabled-border-color
4214
- );
4215
- --system-slider-label-text-color: var(
4216
- --spectrum-neutral-content-color-default
4217
- );
4218
- --system-slider-tick-label-color: var(
4219
- --spectrum-neutral-content-color-default
4220
- );
4221
- --system-slider-label-text-color-disabled: var(
4222
- --spectrum-disabled-content-color
4223
- );
4224
- --system-slider-tick-mark-color-disabled: var(
4225
- --spectrum-disabled-background-color
4226
- );
4227
- --system-slider-ramp-handle-border-color-active: var(--spectrum-gray-75);
4228
- --system-slider-track-handleoffset: var(--spectrum-slider-handle-gap);
4229
- --system-slider-range-track-reset: 0;
4230
- --system-slider-font-size: var(--spectrum-font-size-75);
4231
- --system-slider-size-m-font-size: var(--spectrum-font-size-75);
4232
- --system-slider-handle-size: var(--spectrum-slider-handle-size-medium);
4233
- --system-slider-size-m-handle-size: var(
4234
- --spectrum-slider-handle-size-medium
4235
- );
4236
- --system-slider-control-height: var(--spectrum-component-height-100);
4237
- --system-slider-size-m-control-height: var(--spectrum-component-height-100);
4238
4192
  --system-slider-handle-border-radius: var(--spectrum-corner-radius-200);
4239
4193
  --system-slider-size-m-handle-border-radius: var(
4240
4194
  --spectrum-corner-radius-200
4241
4195
  );
4242
- --system-slider-handle-border-width-down: var(
4243
- --spectrum-slider-handle-border-width-down-medium
4244
- );
4245
- --system-slider-size-m-handle-border-width-down: var(
4246
- --spectrum-slider-handle-border-width-down-medium
4247
- );
4248
- --system-slider-label-top-to-text: var(--spectrum-component-top-to-text-75);
4249
- --system-slider-size-m-label-top-to-text: var(
4250
- --spectrum-component-top-to-text-75
4251
- );
4252
- --system-slider-control-to-field-label: var(
4253
- --spectrum-slider-control-to-field-label-medium
4254
- );
4255
- --system-slider-size-m-control-to-field-label: var(
4256
- --spectrum-slider-control-to-field-label-medium
4257
- );
4258
- --system-slider-value-side-padding-inline: var(--spectrum-spacing-200);
4259
- --system-slider-size-m-value-side-padding-inline: var(
4260
- --spectrum-spacing-200
4261
- );
4262
- --system-slider-size-s-font-size: var(--spectrum-font-size-75);
4263
- --system-slider-size-s-handle-size: var(
4264
- --spectrum-slider-handle-size-small
4265
- );
4266
- --system-slider-size-s-control-height: var(--spectrum-component-height-75);
4267
4196
  --system-slider-size-s-handle-border-radius: var(
4268
4197
  --spectrum-corner-radius-200
4269
4198
  );
4270
- --system-slider-size-s-handle-border-width-down: var(
4271
- --spectrum-slider-handle-border-width-down-small
4272
- );
4273
- --system-slider-size-s-label-top-to-text: var(
4274
- --spectrum-component-top-to-text-75
4275
- );
4276
- --system-slider-size-s-control-to-field-label: var(
4277
- --spectrum-slider-control-to-field-label-small
4278
- );
4279
- --system-slider-size-s-value-side-padding-inline: var(
4280
- --spectrum-spacing-100
4281
- );
4282
- --system-slider-size-l-font-size: var(--spectrum-font-size-100);
4283
- --system-slider-size-l-handle-size: var(
4284
- --spectrum-slider-handle-size-large
4285
- );
4286
- --system-slider-size-l-control-height: var(--spectrum-component-height-200);
4287
4199
  --system-slider-size-l-handle-border-radius: calc(
4288
4200
  var(--spectrum-corner-radius-200) * 4
4289
4201
  );
4290
- --system-slider-size-l-handle-border-width-down: var(
4291
- --spectrum-slider-handle-border-width-down-large
4292
- );
4293
- --system-slider-size-l-label-top-to-text: var(
4294
- --spectrum-component-top-to-text-100
4295
- );
4296
- --system-slider-size-l-control-to-field-label: var(
4297
- --spectrum-slider-control-to-field-label-large
4298
- );
4299
- --system-slider-size-l-value-side-padding-inline: var(
4300
- --spectrum-spacing-200
4301
- );
4302
- --system-slider-size-l-value-inline-size: 18px;
4303
- --system-slider-size-xl-font-size: var(--spectrum-font-size-200);
4304
- --system-slider-size-xl-handle-size: var(
4305
- --spectrum-slider-handle-size-extra-large
4306
- );
4307
- --system-slider-size-xl-control-height: var(
4308
- --spectrum-component-height-300
4309
- );
4310
4202
  --system-slider-size-xl-handle-border-radius: calc(
4311
4203
  var(--spectrum-corner-radius-200) * 4
4312
4204
  );
4313
- --system-slider-size-xl-handle-border-width-down: var(
4314
- --spectrum-slider-handle-border-width-down-extra-large
4315
- );
4316
- --system-slider-size-xl-label-top-to-text: var(
4317
- --spectrum-component-top-to-text-200
4318
- );
4319
- --system-slider-size-xl-control-to-field-label: var(
4320
- --spectrum-slider-control-to-field-label-extra-large
4321
- );
4322
- --system-slider-size-xl-value-side-padding-inline: var(
4323
- --spectrum-spacing-200
4324
- );
4325
- --system-slider-size-xl-value-inline-size: 22px;
4326
4205
  --system-split-view-vertical-width: 100%;
4327
4206
  --system-split-view-vertical-gripper-width: 50%;
4328
4207
  --system-split-view-vertical-gripper-outer-width: 100%;
package/tokens-v2/system-theme-bridge.css CHANGED
@@ -4188,141 +4188,20 @@
4188
4188
  --system-slider-handle-focus-ring-color-key-focus: var(
4189
4189
  --spectrum-focus-indicator-color
4190
4190
  );
4191
- --system-slider-value-inline-size: 18px;
4192
- --system-slider-ramp-track-block-size: var(
4193
- --spectrum-slider-ramp-track-height
4194
- );
4195
- --system-slider-cjk-line-height: var(--spectrum-cjk-line-height-100);
4196
- --system-slider-min-size: var(--spectrum-spacing-900);
4197
4191
  --system-slider-track-corner-radius: 2px;
4198
- --system-slider-label-margin-start: var(--spectrum-spacing-300);
4199
- --system-slider-handle-border-width: var(--spectrum-border-width-200);
4200
- --system-slider-track-fill-thickness: var(
4201
- --spectrum-slider-track-thickness
4202
- );
4203
- --system-slider-tick-mark-width: var(--spectrum-border-width-200);
4204
- --system-slider-tick-mark-border-radius: 2px;
4205
- --system-slider-tick-handle-background-color: var(--spectrum-gray-75);
4206
- --system-slider-track-color-disabled: var(
4207
- --spectrum-disabled-background-color
4208
- );
4209
- --system-slider-track-fill-color-disabled: var(
4210
- --spectrum-disabled-background-color
4211
- );
4212
- --system-slider-handle-border-color-disabled: var(
4213
- --spectrum-disabled-border-color
4214
- );
4215
- --system-slider-label-text-color: var(
4216
- --spectrum-neutral-content-color-default
4217
- );
4218
- --system-slider-tick-label-color: var(
4219
- --spectrum-neutral-content-color-default
4220
- );
4221
- --system-slider-label-text-color-disabled: var(
4222
- --spectrum-disabled-content-color
4223
- );
4224
- --system-slider-tick-mark-color-disabled: var(
4225
- --spectrum-disabled-background-color
4226
- );
4227
- --system-slider-ramp-handle-border-color-active: var(--spectrum-gray-75);
4228
- --system-slider-track-handleoffset: var(--spectrum-slider-handle-gap);
4229
- --system-slider-range-track-reset: 0;
4230
- --system-slider-font-size: var(--spectrum-font-size-75);
4231
- --system-slider-size-m-font-size: var(--spectrum-font-size-75);
4232
- --system-slider-handle-size: var(--spectrum-slider-handle-size-medium);
4233
- --system-slider-size-m-handle-size: var(
4234
- --spectrum-slider-handle-size-medium
4235
- );
4236
- --system-slider-control-height: var(--spectrum-component-height-100);
4237
- --system-slider-size-m-control-height: var(--spectrum-component-height-100);
4238
4192
  --system-slider-handle-border-radius: var(--spectrum-corner-radius-500);
4239
4193
  --system-slider-size-m-handle-border-radius: var(
4240
4194
  --spectrum-corner-radius-500
4241
4195
  );
4242
- --system-slider-handle-border-width-down: var(
4243
- --spectrum-slider-handle-border-width-down-medium
4244
- );
4245
- --system-slider-size-m-handle-border-width-down: var(
4246
- --spectrum-slider-handle-border-width-down-medium
4247
- );
4248
- --system-slider-label-top-to-text: var(--spectrum-component-top-to-text-75);
4249
- --system-slider-size-m-label-top-to-text: var(
4250
- --spectrum-component-top-to-text-75
4251
- );
4252
- --system-slider-control-to-field-label: var(
4253
- --spectrum-slider-control-to-field-label-medium
4254
- );
4255
- --system-slider-size-m-control-to-field-label: var(
4256
- --spectrum-slider-control-to-field-label-medium
4257
- );
4258
- --system-slider-value-side-padding-inline: var(--spectrum-spacing-200);
4259
- --system-slider-size-m-value-side-padding-inline: var(
4260
- --spectrum-spacing-200
4261
- );
4262
- --system-slider-size-s-font-size: var(--spectrum-font-size-75);
4263
- --system-slider-size-s-handle-size: var(
4264
- --spectrum-slider-handle-size-small
4265
- );
4266
- --system-slider-size-s-control-height: var(--spectrum-component-height-75);
4267
4196
  --system-slider-size-s-handle-border-radius: var(
4268
4197
  --spectrum-corner-radius-500
4269
4198
  );
4270
- --system-slider-size-s-handle-border-width-down: var(
4271
- --spectrum-slider-handle-border-width-down-small
4272
- );
4273
- --system-slider-size-s-label-top-to-text: var(
4274
- --spectrum-component-top-to-text-75
4275
- );
4276
- --system-slider-size-s-control-to-field-label: var(
4277
- --spectrum-slider-control-to-field-label-small
4278
- );
4279
- --system-slider-size-s-value-side-padding-inline: var(
4280
- --spectrum-spacing-100
4281
- );
4282
- --system-slider-size-l-font-size: var(--spectrum-font-size-100);
4283
- --system-slider-size-l-handle-size: var(
4284
- --spectrum-slider-handle-size-large
4285
- );
4286
- --system-slider-size-l-control-height: var(--spectrum-component-height-200);
4287
4199
  --system-slider-size-l-handle-border-radius: calc(
4288
4200
  var(--spectrum-corner-radius-500) * 4
4289
4201
  );
4290
- --system-slider-size-l-handle-border-width-down: var(
4291
- --spectrum-slider-handle-border-width-down-large
4292
- );
4293
- --system-slider-size-l-label-top-to-text: var(
4294
- --spectrum-component-top-to-text-100
4295
- );
4296
- --system-slider-size-l-control-to-field-label: var(
4297
- --spectrum-slider-control-to-field-label-large
4298
- );
4299
- --system-slider-size-l-value-side-padding-inline: var(
4300
- --spectrum-spacing-200
4301
- );
4302
- --system-slider-size-l-value-inline-size: 18px;
4303
- --system-slider-size-xl-font-size: var(--spectrum-font-size-200);
4304
- --system-slider-size-xl-handle-size: var(
4305
- --spectrum-slider-handle-size-extra-large
4306
- );
4307
- --system-slider-size-xl-control-height: var(
4308
- --spectrum-component-height-300
4309
- );
4310
4202
  --system-slider-size-xl-handle-border-radius: calc(
4311
4203
  var(--spectrum-corner-radius-500) * 4
4312
4204
  );
4313
- --system-slider-size-xl-handle-border-width-down: var(
4314
- --spectrum-slider-handle-border-width-down-extra-large
4315
- );
4316
- --system-slider-size-xl-label-top-to-text: var(
4317
- --spectrum-component-top-to-text-200
4318
- );
4319
- --system-slider-size-xl-control-to-field-label: var(
4320
- --spectrum-slider-control-to-field-label-extra-large
4321
- );
4322
- --system-slider-size-xl-value-side-padding-inline: var(
4323
- --spectrum-spacing-200
4324
- );
4325
- --system-slider-size-xl-value-inline-size: 22px;
4326
4205
  --system-split-view-vertical-width: 100%;
4327
4206
  --system-split-view-vertical-gripper-width: 50%;
4328
4207
  --system-split-view-vertical-gripper-outer-width: 100%;