@mirohq/design-system-themes 1.3.8 → 1.3.9

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 (10) hide show
  1. package/base.css +14 -14
  2. package/dark.css +14 -14
  3. package/dist/main.js +70 -58
  4. package/dist/main.js.map +1 -1
  5. package/dist/module.js +70 -58
  6. package/dist/module.js.map +1 -1
  7. package/light.css +14 -14
  8. package/new-dark.css +21 -0
  9. package/new-light.css +21 -14
  10. package/package.json +1 -1
package/dist/module.js CHANGED
@@ -2437,6 +2437,18 @@ const aliasShadows = {
2437
2437
  "elevation-200": "0 2px 8px 0 #2224281f, 0 0 12px 0 #2224280A"
2438
2438
  };
2439
2439
 
2440
+ const shadows$3 = {
2441
+ 50: "0 4px 16px rgba(5, 0, 56, 0.07)",
2442
+ 100: "0 8px 32px rgba(5, 0, 56, 0.03)",
2443
+ ...aliasShadows
2444
+ };
2445
+
2446
+ const shadows$2 = {
2447
+ 50: "0 0 8px 0 rgba(9,9,9,.65)",
2448
+ 100: "0 0 16px 0 rgba(9,9,9,.65)",
2449
+ ...aliasShadows
2450
+ };
2451
+
2440
2452
  const shadows$1 = {
2441
2453
  50: "0 4px 16px rgba(5, 0, 56, 0.07)",
2442
2454
  100: "0 8px 32px rgba(5, 0, 56, 0.03)",
@@ -2450,81 +2462,81 @@ const shadows = {
2450
2462
  };
2451
2463
 
2452
2464
  const radii$3 = {
2453
- "panel-radii": "$150",
2454
- "notification-radii": "$100",
2455
- "avatar-radii-people": "$round",
2456
- "avatar-radii-team": "$50",
2457
- "avatar-radii-group": "$50",
2458
- "dropdown-radii": "$100",
2459
- "toolbar-radii": "$100",
2460
- "toolbar-item-radii": "$50",
2461
- "input-radii": "$50",
2462
- "button-radii": "$50",
2463
- "popup-radii": "$100",
2464
- "tooltip-radii": "$100",
2465
- "checkbox-radii": "$50",
2466
- "list-item-radii": "$50"
2465
+ panel: "$150",
2466
+ notification: "$100",
2467
+ "avatar-people": "$round",
2468
+ "avatar-team": "$50",
2469
+ "avatar-group": "$50",
2470
+ dropdown: "$100",
2471
+ toolbar: "$100",
2472
+ "toolbar-item": "$50",
2473
+ input: "$50",
2474
+ button: "$50",
2475
+ popup: "$100",
2476
+ tooltip: "$100",
2477
+ checkbox: "$50",
2478
+ "list-item": "$50"
2467
2479
  };
2468
2480
 
2469
2481
  const radii$2 = {
2470
- "panel-radii": "$150",
2471
- "notification-radii": "$100",
2472
- "avatar-radii-people": "$round",
2473
- "avatar-radii-team": "$50",
2474
- "avatar-radii-group": "$50",
2475
- "dropdown-radii": "$100",
2476
- "toolbar-radii": "$100",
2477
- "toolbar-item-radii": "$50",
2478
- "input-radii": "$50",
2479
- "button-radii": "$50",
2480
- "popup-radii": "$100",
2481
- "tooltip-radii": "$100",
2482
- "checkbox-radii": "$50",
2483
- "list-item-radii": "$50"
2482
+ panel: "$150",
2483
+ notification: "$100",
2484
+ "avatar-people": "$round",
2485
+ "avatar-team": "$50",
2486
+ "avatar-group": "$50",
2487
+ dropdown: "$100",
2488
+ toolbar: "$100",
2489
+ "toolbar-item": "$50",
2490
+ input: "$50",
2491
+ button: "$50",
2492
+ popup: "$100",
2493
+ tooltip: "$100",
2494
+ checkbox: "$50",
2495
+ "list-item": "$50"
2484
2496
  };
2485
2497
 
2486
2498
  const radii$1 = {
2487
- "panel-radii": "$150",
2488
- "notification-radii": "$100",
2489
- "avatar-radii-people": "$round",
2490
- "avatar-radii-team": "$50",
2491
- "avatar-radii-group": "$50",
2492
- "dropdown-radii": "$250",
2493
- "toolbar-radii": "$200",
2494
- "toolbar-item-radii": "$150",
2495
- "input-radii": "$150",
2496
- "button-radii": "$100",
2497
- "popup-radii": "$100",
2498
- "tooltip-radii": "$100",
2499
- "checkbox-radii": "$75",
2500
- "list-item-radii": "$150"
2499
+ panel: "$150",
2500
+ notification: "$100",
2501
+ "avatar-people": "$round",
2502
+ "avatar-team": "$50",
2503
+ "avatar-group": "$50",
2504
+ dropdown: "$250",
2505
+ toolbar: "$200",
2506
+ "toolbar-item": "$150",
2507
+ input: "$150",
2508
+ button: "$100",
2509
+ popup: "$100",
2510
+ tooltip: "$100",
2511
+ checkbox: "$75",
2512
+ "list-item": "$150"
2501
2513
  };
2502
2514
 
2503
2515
  const radii = {
2504
- "panel-radii": "$150",
2505
- "notification-radii": "$100",
2506
- "avatar-radii-people": "$round",
2507
- "avatar-radii-team": "$50",
2508
- "avatar-radii-group": "$50",
2509
- "dropdown-radii": "$250",
2510
- "toolbar-radii": "$200",
2511
- "toolbar-item-radii": "$150",
2512
- "input-radii": "$150",
2513
- "button-radii": "$100",
2514
- "popup-radii": "$100",
2515
- "tooltip-radii": "$100",
2516
- "checkbox-radii": "$75",
2517
- "list-item-radii": "$150"
2516
+ panel: "$150",
2517
+ notification: "$100",
2518
+ "avatar-people": "$round",
2519
+ "avatar-team": "$50",
2520
+ "avatar-group": "$50",
2521
+ dropdown: "$250",
2522
+ toolbar: "$200",
2523
+ "toolbar-item": "$150",
2524
+ input: "$150",
2525
+ button: "$100",
2526
+ popup: "$100",
2527
+ tooltip: "$100",
2528
+ checkbox: "$75",
2529
+ "list-item": "$150"
2518
2530
  };
2519
2531
 
2520
2532
  const light = Object.freeze({
2521
2533
  colors: colors$3,
2522
- shadows: shadows$1,
2534
+ shadows: shadows$3,
2523
2535
  radii: radii$3
2524
2536
  });
2525
2537
  const dark = Object.freeze({
2526
2538
  colors: colors$2,
2527
- shadows: shadows,
2539
+ shadows: shadows$2,
2528
2540
  radii: radii$2
2529
2541
  });
2530
2542
  const newLight = Object.freeze({