@spectrum-web-components/styles 1.5.0 → 1.6.0-beta.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 (4) hide show
  1. package/package.json +2 -2
  2. package/tokens/express/system-theme-bridge.css +0 -84
  3. package/tokens/spectrum/system-theme-bridge.css +0 -84
  4. package/tokens-v2/system-theme-bridge.css +0 -84
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spectrum-web-components/styles",
3
- "version": "1.5.0",
3
+ "version": "1.6.0-beta.0",
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.5.0",
118
+ "@spectrum-web-components/base": "1.6.0-beta.0",
119
119
  "lit": "^2.5.0 || ^3.1.3"
120
120
  },
121
121
  "devDependencies": {
package/tokens/express/system-theme-bridge.css CHANGED
@@ -2372,94 +2372,10 @@
2372
2372
  --system-toast-background-color-default: var(
2373
2373
  --spectrum-neutral-background-color-default
2374
2374
  );
2375
- --system-toast-font-weight: var(--spectrum-regular-font-weight);
2376
- --system-toast-font-size: var(--spectrum-font-size-100);
2377
- --system-toast-corner-radius: var(--spectrum-corner-radius-100);
2378
- --system-toast-block-size: var(--spectrum-toast-height);
2379
- --system-toast-max-inline-size: var(--spectrum-toast-maximum-width);
2380
- --system-toast-border-width: var(--spectrum-border-width-100);
2381
- --system-toast-line-height: var(--spectrum-line-height-100);
2382
- --system-toast-line-height-cjk: var(--spectrum-cjk-line-height-100);
2383
- --system-toast-spacing-icon-to-text: var(--spectrum-text-to-visual-100);
2384
- --system-toast-spacing-start-edge-to-text-and-icon: var(
2385
- --spectrum-spacing-300
2386
- );
2387
- --system-toast-spacing-text-and-action-button-to-divider: var(
2388
- --spectrum-spacing-300
2389
- );
2390
- --system-toast-spacing-top-edge-to-divider: var(--spectrum-spacing-100);
2391
- --system-toast-spacing-bottom-edge-to-divider: var(--spectrum-spacing-100);
2392
- --system-toast-spacing-top-edge-to-icon: var(
2393
- --spectrum-toast-top-to-workflow-icon
2394
- );
2395
- --system-toast-spacing-text-to-action-button-horizontal: var(
2396
- --spectrum-spacing-300
2397
- );
2398
- --system-toast-spacing-close-button: var(--spectrum-spacing-100);
2399
- --system-toast-spacing-block-start: var(--spectrum-spacing-100);
2400
- --system-toast-spacing-block-end: var(--spectrum-spacing-100);
2401
- --system-toast-spacing-top-edge-to-text: var(--spectrum-toast-top-to-text);
2402
- --system-toast-spacing-bottom-edge-to-text: var(
2403
- --spectrum-toast-bottom-to-text
2404
- );
2405
- --system-toast-negative-background-color-default: var(
2406
- --spectrum-negative-background-color-default
2407
- );
2408
- --system-toast-positive-background-color-default: var(
2409
- --spectrum-positive-background-color-default
2410
- );
2411
- --system-toast-informative-background-color-default: var(
2412
- --spectrum-informative-background-color-default
2413
- );
2414
- --system-toast-text-and-icon-color: var(--spectrum-white);
2415
2375
  --system-toast-divider-color: var(--spectrum-transparent-white-300);
2416
2376
  --system-tooltip-backgound-color-default-neutral: var(
2417
2377
  --spectrum-neutral-background-color-default
2418
2378
  );
2419
- --system-tooltip-animation-duration: var(--spectrum-animation-duration-100);
2420
- --system-tooltip-margin: 0px;
2421
- --system-tooltip-height: var(--spectrum-component-height-75);
2422
- --system-tooltip-max-inline-size: var(--spectrum-tooltip-maximum-width);
2423
- --system-tooltip-border-radius: var(--spectrum-corner-radius-100);
2424
- --system-tooltip-icon-width: var(--spectrum-workflow-icon-size-50);
2425
- --system-tooltip-icon-height: var(--spectrum-workflow-icon-size-50);
2426
- --system-tooltip-font-size: var(--spectrum-font-size-75);
2427
- --system-tooltip-line-height: var(--spectrum-line-height-100);
2428
- --system-tooltip-cjk-line-height: var(--spectrum-cjk-line-height-100);
2429
- --system-tooltip-font-weight: var(--spectrum-regular-font-weight);
2430
- --system-tooltip-spacing-inline: var(--spectrum-component-edge-to-text-75);
2431
- --system-tooltip-spacing-block-start: var(
2432
- --spectrum-component-top-to-text-75
2433
- );
2434
- --system-tooltip-spacing-block-end: var(
2435
- --spectrum-component-bottom-to-text-75
2436
- );
2437
- --system-tooltip-icon-spacing-inline-start: var(
2438
- --spectrum-text-to-visual-75
2439
- );
2440
- --system-tooltip-icon-spacing-inline-end: var(--spectrum-text-to-visual-75);
2441
- --system-tooltip-icon-spacing-block-start: var(
2442
- --spectrum-component-top-to-workflow-icon-75
2443
- );
2444
- --system-tooltip-background-color-informative: var(
2445
- --spectrum-informative-background-color-default
2446
- );
2447
- --system-tooltip-background-color-positive: var(
2448
- --spectrum-positive-background-color-default
2449
- );
2450
- --system-tooltip-background-color-negative: var(
2451
- --spectrum-negative-background-color-default
2452
- );
2453
- --system-tooltip-content-color: var(--spectrum-white);
2454
- --system-tooltip-tip-inline-size: var(--spectrum-tooltip-tip-width);
2455
- --system-tooltip-tip-block-size: var(--spectrum-tooltip-tip-height);
2456
- --system-tooltip-tip-square-size: var(--system-tooltip-tip-inline-size);
2457
- --system-tooltip-tip-height-percentage: 50%;
2458
- --system-tooltip-tip-antialiasing-inset: 0.5px;
2459
- --system-tooltip-pointer-corner-spacing: var(--spectrum-corner-radius-100);
2460
- --system-tooltip-background-color-default: var(
2461
- --system-tooltip-backgound-color-default-neutral
2462
- );
2463
2379
  --system-heading-sans-serif-font-family: var(
2464
2380
  --spectrum-sans-font-family-stack
2465
2381
  );
package/tokens/spectrum/system-theme-bridge.css CHANGED
@@ -2376,94 +2376,10 @@
2376
2376
  --system-toast-background-color-default: var(
2377
2377
  --spectrum-neutral-subdued-background-color-default
2378
2378
  );
2379
- --system-toast-font-weight: var(--spectrum-regular-font-weight);
2380
- --system-toast-font-size: var(--spectrum-font-size-100);
2381
- --system-toast-corner-radius: var(--spectrum-corner-radius-100);
2382
- --system-toast-block-size: var(--spectrum-toast-height);
2383
- --system-toast-max-inline-size: var(--spectrum-toast-maximum-width);
2384
- --system-toast-border-width: var(--spectrum-border-width-100);
2385
- --system-toast-line-height: var(--spectrum-line-height-100);
2386
- --system-toast-line-height-cjk: var(--spectrum-cjk-line-height-100);
2387
- --system-toast-spacing-icon-to-text: var(--spectrum-text-to-visual-100);
2388
- --system-toast-spacing-start-edge-to-text-and-icon: var(
2389
- --spectrum-spacing-300
2390
- );
2391
- --system-toast-spacing-text-and-action-button-to-divider: var(
2392
- --spectrum-spacing-300
2393
- );
2394
- --system-toast-spacing-top-edge-to-divider: var(--spectrum-spacing-100);
2395
- --system-toast-spacing-bottom-edge-to-divider: var(--spectrum-spacing-100);
2396
- --system-toast-spacing-top-edge-to-icon: var(
2397
- --spectrum-toast-top-to-workflow-icon
2398
- );
2399
- --system-toast-spacing-text-to-action-button-horizontal: var(
2400
- --spectrum-spacing-300
2401
- );
2402
- --system-toast-spacing-close-button: var(--spectrum-spacing-100);
2403
- --system-toast-spacing-block-start: var(--spectrum-spacing-100);
2404
- --system-toast-spacing-block-end: var(--spectrum-spacing-100);
2405
- --system-toast-spacing-top-edge-to-text: var(--spectrum-toast-top-to-text);
2406
- --system-toast-spacing-bottom-edge-to-text: var(
2407
- --spectrum-toast-bottom-to-text
2408
- );
2409
- --system-toast-negative-background-color-default: var(
2410
- --spectrum-negative-background-color-default
2411
- );
2412
- --system-toast-positive-background-color-default: var(
2413
- --spectrum-positive-background-color-default
2414
- );
2415
- --system-toast-informative-background-color-default: var(
2416
- --spectrum-informative-background-color-default
2417
- );
2418
- --system-toast-text-and-icon-color: var(--spectrum-white);
2419
2379
  --system-toast-divider-color: var(--spectrum-transparent-white-300);
2420
2380
  --system-tooltip-backgound-color-default-neutral: var(
2421
2381
  --spectrum-neutral-subdued-background-color-default
2422
2382
  );
2423
- --system-tooltip-animation-duration: var(--spectrum-animation-duration-100);
2424
- --system-tooltip-margin: 0px;
2425
- --system-tooltip-height: var(--spectrum-component-height-75);
2426
- --system-tooltip-max-inline-size: var(--spectrum-tooltip-maximum-width);
2427
- --system-tooltip-border-radius: var(--spectrum-corner-radius-100);
2428
- --system-tooltip-icon-width: var(--spectrum-workflow-icon-size-50);
2429
- --system-tooltip-icon-height: var(--spectrum-workflow-icon-size-50);
2430
- --system-tooltip-font-size: var(--spectrum-font-size-75);
2431
- --system-tooltip-line-height: var(--spectrum-line-height-100);
2432
- --system-tooltip-cjk-line-height: var(--spectrum-cjk-line-height-100);
2433
- --system-tooltip-font-weight: var(--spectrum-regular-font-weight);
2434
- --system-tooltip-spacing-inline: var(--spectrum-component-edge-to-text-75);
2435
- --system-tooltip-spacing-block-start: var(
2436
- --spectrum-component-top-to-text-75
2437
- );
2438
- --system-tooltip-spacing-block-end: var(
2439
- --spectrum-component-bottom-to-text-75
2440
- );
2441
- --system-tooltip-icon-spacing-inline-start: var(
2442
- --spectrum-text-to-visual-75
2443
- );
2444
- --system-tooltip-icon-spacing-inline-end: var(--spectrum-text-to-visual-75);
2445
- --system-tooltip-icon-spacing-block-start: var(
2446
- --spectrum-component-top-to-workflow-icon-75
2447
- );
2448
- --system-tooltip-background-color-informative: var(
2449
- --spectrum-informative-background-color-default
2450
- );
2451
- --system-tooltip-background-color-positive: var(
2452
- --spectrum-positive-background-color-default
2453
- );
2454
- --system-tooltip-background-color-negative: var(
2455
- --spectrum-negative-background-color-default
2456
- );
2457
- --system-tooltip-content-color: var(--spectrum-white);
2458
- --system-tooltip-tip-inline-size: var(--spectrum-tooltip-tip-width);
2459
- --system-tooltip-tip-block-size: var(--spectrum-tooltip-tip-height);
2460
- --system-tooltip-tip-square-size: var(--system-tooltip-tip-inline-size);
2461
- --system-tooltip-tip-height-percentage: 50%;
2462
- --system-tooltip-tip-antialiasing-inset: 0.5px;
2463
- --system-tooltip-pointer-corner-spacing: var(--spectrum-corner-radius-100);
2464
- --system-tooltip-background-color-default: var(
2465
- --system-tooltip-backgound-color-default-neutral
2466
- );
2467
2383
  --system-heading-sans-serif-font-family: var(
2468
2384
  --spectrum-sans-font-family-stack
2469
2385
  );
package/tokens-v2/system-theme-bridge.css CHANGED
@@ -2363,94 +2363,10 @@
2363
2363
  --system-toast-background-color-default: var(
2364
2364
  --spectrum-neutral-subdued-background-color-default
2365
2365
  );
2366
- --system-toast-font-weight: var(--spectrum-regular-font-weight);
2367
- --system-toast-font-size: var(--spectrum-font-size-100);
2368
- --system-toast-corner-radius: var(--spectrum-corner-radius-100);
2369
- --system-toast-block-size: var(--spectrum-toast-height);
2370
- --system-toast-max-inline-size: var(--spectrum-toast-maximum-width);
2371
- --system-toast-border-width: var(--spectrum-border-width-100);
2372
- --system-toast-line-height: var(--spectrum-line-height-100);
2373
- --system-toast-line-height-cjk: var(--spectrum-cjk-line-height-100);
2374
- --system-toast-spacing-icon-to-text: var(--spectrum-text-to-visual-100);
2375
- --system-toast-spacing-start-edge-to-text-and-icon: var(
2376
- --spectrum-spacing-300
2377
- );
2378
- --system-toast-spacing-text-and-action-button-to-divider: var(
2379
- --spectrum-spacing-300
2380
- );
2381
- --system-toast-spacing-top-edge-to-divider: var(--spectrum-spacing-100);
2382
- --system-toast-spacing-bottom-edge-to-divider: var(--spectrum-spacing-100);
2383
- --system-toast-spacing-top-edge-to-icon: var(
2384
- --spectrum-toast-top-to-workflow-icon
2385
- );
2386
- --system-toast-spacing-text-to-action-button-horizontal: var(
2387
- --spectrum-spacing-300
2388
- );
2389
- --system-toast-spacing-close-button: var(--spectrum-spacing-100);
2390
- --system-toast-spacing-block-start: var(--spectrum-spacing-100);
2391
- --system-toast-spacing-block-end: var(--spectrum-spacing-100);
2392
- --system-toast-spacing-top-edge-to-text: var(--spectrum-toast-top-to-text);
2393
- --system-toast-spacing-bottom-edge-to-text: var(
2394
- --spectrum-toast-bottom-to-text
2395
- );
2396
- --system-toast-negative-background-color-default: var(
2397
- --spectrum-negative-background-color-default
2398
- );
2399
- --system-toast-positive-background-color-default: var(
2400
- --spectrum-positive-background-color-default
2401
- );
2402
- --system-toast-informative-background-color-default: var(
2403
- --spectrum-informative-background-color-default
2404
- );
2405
- --system-toast-text-and-icon-color: var(--spectrum-white);
2406
2366
  --system-toast-divider-color: var(--spectrum-transparent-white-400);
2407
2367
  --system-tooltip-backgound-color-default-neutral: var(
2408
2368
  --spectrum-neutral-subdued-background-color-default
2409
2369
  );
2410
- --system-tooltip-animation-duration: var(--spectrum-animation-duration-100);
2411
- --system-tooltip-margin: 0px;
2412
- --system-tooltip-height: var(--spectrum-component-height-75);
2413
- --system-tooltip-max-inline-size: var(--spectrum-tooltip-maximum-width);
2414
- --system-tooltip-border-radius: var(--spectrum-corner-radius-100);
2415
- --system-tooltip-icon-width: var(--spectrum-workflow-icon-size-50);
2416
- --system-tooltip-icon-height: var(--spectrum-workflow-icon-size-50);
2417
- --system-tooltip-font-size: var(--spectrum-font-size-75);
2418
- --system-tooltip-line-height: var(--spectrum-line-height-100);
2419
- --system-tooltip-cjk-line-height: var(--spectrum-cjk-line-height-100);
2420
- --system-tooltip-font-weight: var(--spectrum-regular-font-weight);
2421
- --system-tooltip-spacing-inline: var(--spectrum-component-edge-to-text-75);
2422
- --system-tooltip-spacing-block-start: var(
2423
- --spectrum-component-top-to-text-75
2424
- );
2425
- --system-tooltip-spacing-block-end: var(
2426
- --spectrum-component-bottom-to-text-75
2427
- );
2428
- --system-tooltip-icon-spacing-inline-start: var(
2429
- --spectrum-text-to-visual-75
2430
- );
2431
- --system-tooltip-icon-spacing-inline-end: var(--spectrum-text-to-visual-75);
2432
- --system-tooltip-icon-spacing-block-start: var(
2433
- --spectrum-component-top-to-workflow-icon-75
2434
- );
2435
- --system-tooltip-background-color-informative: var(
2436
- --spectrum-informative-background-color-default
2437
- );
2438
- --system-tooltip-background-color-positive: var(
2439
- --spectrum-positive-background-color-default
2440
- );
2441
- --system-tooltip-background-color-negative: var(
2442
- --spectrum-negative-background-color-default
2443
- );
2444
- --system-tooltip-content-color: var(--spectrum-white);
2445
- --system-tooltip-tip-inline-size: var(--spectrum-tooltip-tip-width);
2446
- --system-tooltip-tip-block-size: var(--spectrum-tooltip-tip-height);
2447
- --system-tooltip-tip-square-size: var(--system-tooltip-tip-inline-size);
2448
- --system-tooltip-tip-height-percentage: 50%;
2449
- --system-tooltip-tip-antialiasing-inset: 0.5px;
2450
- --system-tooltip-pointer-corner-spacing: var(--spectrum-corner-radius-100);
2451
- --system-tooltip-background-color-default: var(
2452
- --system-tooltip-backgound-color-default-neutral
2453
- );
2454
2370
  --system-heading-sans-serif-font-family: var(
2455
2371
  --spectrum-sans-font-family-stack
2456
2372
  );