@beweco/aurora-ui 0.6.3 → 0.6.5

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 (11) hide show
  1. package/dist/assets/css/styles.css +1 -1
  2. package/dist/index.cjs.js +274 -114
  3. package/dist/index.esm.js +274 -114
  4. package/dist/types/contexts/theme/theme-context.type.d.ts +1 -1
  5. package/dist/types/contexts/theme/theme-context.type.d.ts.map +1 -1
  6. package/dist/types/providers/theme/hex-to-theme-color.d.ts.map +1 -1
  7. package/dist/types/providers/theme/theme.utils.d.ts +11 -0
  8. package/dist/types/providers/theme/theme.utils.d.ts.map +1 -1
  9. package/dist/types/styles/colors.default.d.ts +154 -0
  10. package/dist/types/styles/colors.default.d.ts.map +1 -1
  11. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -1326,76 +1326,76 @@ var themeColors = {
1326
1326
  extend: "light",
1327
1327
  colors: {
1328
1328
  primary: {
1329
- "50": "#C4DDFD",
1330
- "100": "#B1D2FC",
1331
- "200": "#9DC7FB",
1332
- "300": "#88BCFB",
1333
- "400": "#74B1FB",
1334
- "500": "#60A5FA",
1335
- "600": "#4D9BF9",
1336
- "700": "#398FF9",
1337
- "800": "#2584F8",
1338
- "900": "#1279F8",
1339
- foreground: "#fff",
1340
- DEFAULT: "#60A5FA",
1329
+ "50": "#ebf4fe",
1330
+ "100": "#cfe4fe",
1331
+ "200": "#b3d4fd",
1332
+ "300": "#98c5fc",
1333
+ "400": "#7cb5fb",
1334
+ "500": "#60a5fa",
1335
+ "600": "#4f88ce",
1336
+ "700": "#3e6ba3",
1337
+ "800": "#2e4e77",
1338
+ "900": "#1d324b",
1339
+ foreground: "#000",
1340
+ DEFAULT: "#60a5fa",
1341
1341
  },
1342
1342
  secondary: {
1343
- "50": "#FFFFFF",
1344
- "100": "#FEF6EC",
1345
- "200": "#FDECD8",
1346
- "300": "#FCE3C5",
1347
- "400": "#FBDAB1",
1348
- "500": "#FAD19E",
1349
- "600": "#F9C78B",
1350
- "700": "#F8BE77",
1351
- "800": "#F7B564",
1352
- "900": "#F6AB51",
1343
+ "50": "#fef9f3",
1344
+ "100": "#fef1e2",
1345
+ "200": "#fde9d1",
1346
+ "300": "#fce1c0",
1347
+ "400": "#fbd9af",
1348
+ "500": "#fad19e",
1349
+ "600": "#ceac82",
1350
+ "700": "#a38867",
1351
+ "800": "#77634b",
1352
+ "900": "#4b3f2f",
1353
1353
  foreground: "#000",
1354
- DEFAULT: "#FAD19E",
1354
+ DEFAULT: "#fad19e",
1355
1355
  },
1356
1356
  success: {
1357
- "50": "#A9EFC3",
1358
- "100": "#98ECB7",
1359
- "200": "#86E9AA",
1360
- "300": "#75E69E",
1361
- "400": "#64E392",
1362
- "500": "#4ADE80",
1363
- "600": "#41DC7A",
1364
- "700": "#30D96E",
1365
- "800": "#26CF64",
1366
- "900": "#23BE5C",
1357
+ "50": "#eef8f2",
1358
+ "100": "#d7efe0",
1359
+ "200": "#c0e6ce",
1360
+ "300": "#a9ddbb",
1361
+ "400": "#91d3a9",
1362
+ "500": "#7aca97",
1363
+ "600": "#65a77d",
1364
+ "700": "#4f8362",
1365
+ "800": "#3a6048",
1366
+ "900": "#253d2d",
1367
1367
  foreground: "#000",
1368
- DEFAULT: "#4ADE80",
1368
+ DEFAULT: "#7aca97",
1369
1369
  },
1370
1370
  warning: {
1371
- "50": "#FCB888",
1372
- "100": "#FBAC74",
1373
- "200": "#FBA060",
1374
- "300": "#FA954C",
1375
- "400": "#FA8938",
1376
- "500": "#F97316",
1377
- "600": "#EF6706",
1378
- "700": "#DB5E06",
1379
- "800": "#C75605",
1380
- "900": "#B34D05",
1371
+ "50": "#fff4ef",
1372
+ "100": "#ffe3d8",
1373
+ "200": "#ffd3c1",
1374
+ "300": "#ffc3aa",
1375
+ "400": "#ffb393",
1376
+ "500": "#ffa37c",
1377
+ "600": "#d28666",
1378
+ "700": "#a66a51",
1379
+ "800": "#794d3b",
1380
+ "900": "#4d3125",
1381
1381
  foreground: "#000",
1382
- DEFAULT: "#F97316",
1382
+ DEFAULT: "#ffa37c",
1383
1383
  },
1384
1384
  danger: {
1385
- "50": "#F7A1A1",
1386
- "100": "#F58E8E",
1387
- "200": "#F47C7C",
1388
- "300": "#F26969",
1389
- "400": "#F05656",
1390
- "500": "#EF4444",
1391
- "600": "#ED3131",
1392
- "700": "#EB1E1E",
1393
- "800": "#E11414",
1394
- "900": "#CE1212",
1385
+ "50": "#fdecec",
1386
+ "100": "#fbd2d2",
1387
+ "200": "#f8b8b8",
1388
+ "300": "#f69e9e",
1389
+ "400": "#f38383",
1390
+ "500": "#f16969",
1391
+ "600": "#c75757",
1392
+ "700": "#9d4444",
1393
+ "800": "#723232",
1394
+ "900": "#482020",
1395
1395
  foreground: "#000",
1396
- DEFAULT: "#EF4444",
1396
+ DEFAULT: "#f16969",
1397
1397
  },
1398
- focus: "#60A5FA",
1398
+ focus: "#006FEE",
1399
1399
  overlay: "#ffffff",
1400
1400
  },
1401
1401
  },
@@ -1403,76 +1403,230 @@ var themeColors = {
1403
1403
  extend: "dark",
1404
1404
  colors: {
1405
1405
  primary: {
1406
- "50": "#1279F8",
1407
- "100": "#2584F8",
1408
- "200": "#398FF9",
1409
- "300": "#4D9BF9",
1410
- "400": "#60A5FA",
1411
- "500": "#74B1FB",
1412
- "600": "#88BCFB",
1413
- "700": "#9DC7FB",
1414
- "800": "#B1D2FC",
1415
- "900": "#C4DDFD",
1416
- foreground: "#fff",
1417
- DEFAULT: "#60A5FA",
1406
+ "50": "#1d324b",
1407
+ "100": "#2e4e77",
1408
+ "200": "#3e6ba3",
1409
+ "300": "#4f88ce",
1410
+ "400": "#60a5fa",
1411
+ "500": "#7cb5fb",
1412
+ "600": "#98c5fc",
1413
+ "700": "#b3d4fd",
1414
+ "800": "#cfe4fe",
1415
+ "900": "#ebf4fe",
1416
+ foreground: "#000",
1417
+ DEFAULT: "#60a5fa",
1418
+ },
1419
+ secondary: {
1420
+ "50": "#4b3f2f",
1421
+ "100": "#77634b",
1422
+ "200": "#a38867",
1423
+ "300": "#ceac82",
1424
+ "400": "#fad19e",
1425
+ "500": "#fbd9af",
1426
+ "600": "#fce1c0",
1427
+ "700": "#fde9d1",
1428
+ "800": "#fef1e2",
1429
+ "900": "#fef9f3",
1430
+ foreground: "#000",
1431
+ DEFAULT: "#fad19e",
1432
+ },
1433
+ success: {
1434
+ "50": "#253d2d",
1435
+ "100": "#3a6048",
1436
+ "200": "#4f8362",
1437
+ "300": "#65a77d",
1438
+ "400": "#7aca97",
1439
+ "500": "#91d3a9",
1440
+ "600": "#a9ddbb",
1441
+ "700": "#c0e6ce",
1442
+ "800": "#d7efe0",
1443
+ "900": "#eef8f2",
1444
+ foreground: "#000",
1445
+ DEFAULT: "#7aca97",
1446
+ },
1447
+ warning: {
1448
+ "50": "#4d3125",
1449
+ "100": "#794d3b",
1450
+ "200": "#a66a51",
1451
+ "300": "#d28666",
1452
+ "400": "#ffa37c",
1453
+ "500": "#ffb393",
1454
+ "600": "#ffc3aa",
1455
+ "700": "#ffd3c1",
1456
+ "800": "#ffe3d8",
1457
+ "900": "#fff4ef",
1458
+ foreground: "#000",
1459
+ DEFAULT: "#ffa37c",
1460
+ },
1461
+ danger: {
1462
+ "50": "#482020",
1463
+ "100": "#723232",
1464
+ "200": "#9d4444",
1465
+ "300": "#c75757",
1466
+ "400": "#f16969",
1467
+ "500": "#f38383",
1468
+ "600": "#f69e9e",
1469
+ "700": "#f8b8b8",
1470
+ "800": "#fbd2d2",
1471
+ "900": "#fdecec",
1472
+ foreground: "#000",
1473
+ DEFAULT: "#f16969",
1474
+ },
1475
+ focus: "#006FEE",
1476
+ overlay: "#000000",
1477
+ },
1478
+ },
1479
+ "oceanMint-light": {
1480
+ extend: "light",
1481
+ colors: {
1482
+ primary: {
1483
+ "50": "#e4f4fc",
1484
+ "100": "#bee4f7",
1485
+ "200": "#98d4f3",
1486
+ "300": "#72c5ee",
1487
+ "400": "#4cb5ea",
1488
+ "500": "#26a5e5",
1489
+ "600": "#1f88bd",
1490
+ "700": "#196b95",
1491
+ "800": "#124e6d",
1492
+ "900": "#0b3245",
1493
+ foreground: "#000",
1494
+ DEFAULT: "#26a5e5",
1495
+ },
1496
+ secondary: {
1497
+ "50": "#e2fdf2",
1498
+ "100": "#bafae0",
1499
+ "200": "#92f7cd",
1500
+ "300": "#6af5bb",
1501
+ "400": "#42f2a8",
1502
+ "500": "#1aef96",
1503
+ "600": "#15c57c",
1504
+ "700": "#119b62",
1505
+ "800": "#0c7247",
1506
+ "900": "#08482d",
1507
+ foreground: "#000",
1508
+ DEFAULT: "#1aef96",
1509
+ },
1510
+ success: {
1511
+ "50": "#e2f8ec",
1512
+ "100": "#b9efd1",
1513
+ "200": "#91e5b5",
1514
+ "300": "#68dc9a",
1515
+ "400": "#40d27f",
1516
+ "500": "#17c964",
1517
+ "600": "#13a653",
1518
+ "700": "#0f8341",
1519
+ "800": "#0b5f30",
1520
+ "900": "#073c1e",
1521
+ foreground: "#000",
1522
+ DEFAULT: "#17c964",
1523
+ },
1524
+ warning: {
1525
+ "50": "#fef4e4",
1526
+ "100": "#fce4bd",
1527
+ "200": "#fad497",
1528
+ "300": "#f9c571",
1529
+ "400": "#f7b54a",
1530
+ "500": "#f5a524",
1531
+ "600": "#ca881e",
1532
+ "700": "#9f6b17",
1533
+ "800": "#744e11",
1534
+ "900": "#4a320b",
1535
+ foreground: "#000",
1536
+ DEFAULT: "#f5a524",
1537
+ },
1538
+ danger: {
1539
+ "50": "#fee1eb",
1540
+ "100": "#fbb8cf",
1541
+ "200": "#f98eb3",
1542
+ "300": "#f76598",
1543
+ "400": "#f53b7c",
1544
+ "500": "#f31260",
1545
+ "600": "#c80f4f",
1546
+ "700": "#9e0c3e",
1547
+ "800": "#73092e",
1548
+ "900": "#49051d",
1549
+ foreground: "#000",
1550
+ DEFAULT: "#f31260",
1551
+ },
1552
+ focus: "#006FEE",
1553
+ overlay: "#ffffff",
1554
+ },
1555
+ },
1556
+ "oceanMint-dark": {
1557
+ extend: "dark",
1558
+ colors: {
1559
+ primary: {
1560
+ "50": "#0b3245",
1561
+ "100": "#124e6d",
1562
+ "200": "#196b95",
1563
+ "300": "#1f88bd",
1564
+ "400": "#26a5e5",
1565
+ "500": "#4cb5ea",
1566
+ "600": "#72c5ee",
1567
+ "700": "#98d4f3",
1568
+ "800": "#bee4f7",
1569
+ "900": "#e4f4fc",
1570
+ foreground: "#000",
1571
+ DEFAULT: "#26a5e5",
1418
1572
  },
1419
1573
  secondary: {
1420
- "50": "#F6AB51",
1421
- "100": "#F7B564",
1422
- "200": "#F8BE77",
1423
- "300": "#F9C78B",
1424
- "400": "#FAD19E",
1425
- "500": "#FBDAB1",
1426
- "600": "#FCE3C5",
1427
- "700": "#FDECD8",
1428
- "800": "#FEF6EC",
1429
- "900": "#FFFFFF",
1574
+ "50": "#08482d",
1575
+ "100": "#0c7247",
1576
+ "200": "#119b62",
1577
+ "300": "#15c57c",
1578
+ "400": "#1aef96",
1579
+ "500": "#42f2a8",
1580
+ "600": "#6af5bb",
1581
+ "700": "#92f7cd",
1582
+ "800": "#bafae0",
1583
+ "900": "#e2fdf2",
1430
1584
  foreground: "#000",
1431
- DEFAULT: "#FAD19E",
1585
+ DEFAULT: "#1aef96",
1432
1586
  },
1433
1587
  success: {
1434
- "50": "#23BE5C",
1435
- "100": "#26CF64",
1436
- "200": "#30D96E",
1437
- "300": "#41DC7A",
1438
- "400": "#4ADE80",
1439
- "500": "#64E392",
1440
- "600": "#75E69E",
1441
- "700": "#86E9AA",
1442
- "800": "#98ECB7",
1443
- "900": "#A9EFC3",
1588
+ "50": "#073c1e",
1589
+ "100": "#0b5f30",
1590
+ "200": "#0f8341",
1591
+ "300": "#13a653",
1592
+ "400": "#17c964",
1593
+ "500": "#40d27f",
1594
+ "600": "#68dc9a",
1595
+ "700": "#91e5b5",
1596
+ "800": "#b9efd1",
1597
+ "900": "#e2f8ec",
1444
1598
  foreground: "#000",
1445
- DEFAULT: "#64E392",
1599
+ DEFAULT: "#17c964",
1446
1600
  },
1447
1601
  warning: {
1448
- "50": "#B34D05",
1449
- "100": "#C75605",
1450
- "200": "#DB5E06",
1451
- "300": "#EF6706",
1452
- "400": "#F97316",
1453
- "500": "#FA8938",
1454
- "600": "#FA954C",
1455
- "700": "#FBA060",
1456
- "800": "#FBAC74",
1457
- "900": "#FCB888",
1602
+ "50": "#4a320b",
1603
+ "100": "#744e11",
1604
+ "200": "#9f6b17",
1605
+ "300": "#ca881e",
1606
+ "400": "#f5a524",
1607
+ "500": "#f7b54a",
1608
+ "600": "#f9c571",
1609
+ "700": "#fad497",
1610
+ "800": "#fce4bd",
1611
+ "900": "#fef4e4",
1458
1612
  foreground: "#000",
1459
- DEFAULT: "#FA8938",
1613
+ DEFAULT: "#f5a524",
1460
1614
  },
1461
1615
  danger: {
1462
- "50": "#CE1212",
1463
- "100": "#E11414",
1464
- "200": "#EB1E1E",
1465
- "300": "#ED3131",
1466
- "400": "#EF4444",
1467
- "500": "#F05656",
1468
- "600": "#F26969",
1469
- "700": "#F47C7C",
1470
- "800": "#F58E8E",
1471
- "900": "#F7A1A1",
1616
+ "50": "#49051d",
1617
+ "100": "#73092e",
1618
+ "200": "#9e0c3e",
1619
+ "300": "#c80f4f",
1620
+ "400": "#f31260",
1621
+ "500": "#f53b7c",
1622
+ "600": "#f76598",
1623
+ "700": "#f98eb3",
1624
+ "800": "#fbb8cf",
1625
+ "900": "#fee1eb",
1472
1626
  foreground: "#000",
1473
- DEFAULT: "#F05656",
1627
+ DEFAULT: "#f31260",
1474
1628
  },
1475
- focus: "#60A5FA",
1629
+ focus: "#006FEE",
1476
1630
  overlay: "#000000",
1477
1631
  },
1478
1632
  },
@@ -6522,6 +6676,7 @@ var THEME_COLOR_HEX_MAP = {
6522
6676
  green: "#16c964",
6523
6677
  coral: "#ff4f4f",
6524
6678
  skyBlue: "#60A5FA",
6679
+ oceanMint: "#26a5e5",
6525
6680
  };
6526
6681
  function hexToRgb$1(hex) {
6527
6682
  var clean = hex.replace("#", "");
@@ -6709,6 +6864,11 @@ function removeCustomPrimaryColor() {
6709
6864
  * @file This file contains the theme configurations for the application.
6710
6865
  */
6711
6866
  var ALL_THEMES = __spreadArray(["light", "dark"], Object.keys(themeColors), true);
6867
+ /**
6868
+ * Base color ids registered in {@link themeColors} (e.g. `oceanMint` from `oceanMint-light`).
6869
+ * Keeps Storybook / pickers in sync when new `*-light` / `*-dark` pairs are added.
6870
+ */
6871
+ Array.from(new Set(Object.keys(themeColors).map(function (key) { return key.replace(/-(light|dark)$/, ""); }))).sort();
6712
6872
 
6713
6873
  /**
6714
6874
  * Custom hook to manage the theme state and side effects.