@acorex/styles 21.0.1-next.80 → 21.0.1-next.81

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 (2) hide show
  1. package/package.json +1 -1
  2. package/themes/default.css +482 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@acorex/styles",
3
- "version": "21.0.1-next.80",
3
+ "version": "21.0.1-next.81",
4
4
  "main": "index.css",
5
5
  "author": "Ali Safari",
6
6
  "license": "ISC",
@@ -1583,6 +1583,488 @@ html.ax-dark {
1583
1583
  --color-border-accent6-darkest: rgba(var(--ax-sys-color-border-accent6-darkest-surface));
1584
1584
  }
1585
1585
 
1586
+ /*
1587
+ * Re-declare every Tailwind theme color alias for the `.ax-dark` subtree.
1588
+ *
1589
+ * Why this exists:
1590
+ * `@theme { --color-lightest: rgba(var(--ax-sys-color-lightest-surface)); ... }`
1591
+ * is emitted by Tailwind only on `:root`. Per the CSS spec, the inner
1592
+ * `var(--ax-sys-color-*)` references are substituted at computed-value time
1593
+ * on the declaring element (`:root`), so the resolved alias values are baked
1594
+ * to the LIGHT primitives and inherited downward unchanged.
1595
+ *
1596
+ * Result: a sub-tree `.ax-dark` flips the `--ax-sys-color-*` primitives but
1597
+ * the `--color-*` aliases (consumed by Tailwind utilities like `bg-lightest`,
1598
+ * `text-on-surface`, `border-default`) stay light, and a localized dark zone
1599
+ * inside an otherwise light page does not actually go dark.
1600
+ *
1601
+ * This block re-declares the aliases on `.ax-dark` so they are recomputed
1602
+ * against the dark primitives wherever `.ax-dark` appears in the DOM.
1603
+ * Pure static aliases (`--radius-default`, `--breakpoint-*`) are intentionally
1604
+ * omitted because they do not depend on `--ax-sys-color-*`.
1605
+ */
1606
+ :root.ax-dark,
1607
+ .ax-dark {
1608
+ --color-bg-default: rgba(var(--ax-sys-color-bg-default));
1609
+ --color-text-default: rgba(var(--ax-sys-color-text-default));
1610
+ --color-border-default: rgba(var(--ax-sys-color-border-default));
1611
+
1612
+ /* Surface Surfaces */
1613
+ --color-surface: rgba(var(--ax-sys-color-surface));
1614
+ --color-surface-50: rgba(var(--ax-sys-color-surface-50));
1615
+ --color-surface-100: rgba(var(--ax-sys-color-surface-100));
1616
+ --color-surface-200: rgba(var(--ax-sys-color-surface-200));
1617
+ --color-surface-300: rgba(var(--ax-sys-color-surface-300));
1618
+ --color-surface-400: rgba(var(--ax-sys-color-surface-400));
1619
+ --color-surface-500: rgba(var(--ax-sys-color-surface-500));
1620
+ --color-surface-600: rgba(var(--ax-sys-color-surface-600));
1621
+ --color-surface-700: rgba(var(--ax-sys-color-surface-700));
1622
+ --color-surface-800: rgba(var(--ax-sys-color-surface-800));
1623
+ --color-surface-900: rgba(var(--ax-sys-color-surface-900));
1624
+ --color-surface-950: rgba(var(--ax-sys-color-surface-950));
1625
+
1626
+ --color-lightest: rgba(var(--ax-sys-color-lightest-surface));
1627
+ --color-on-lightest: rgba(var(--ax-sys-color-on-lightest-surface));
1628
+ --color-border-lightest: rgba(var(--ax-sys-color-border-lightest-surface));
1629
+ --color-lighter: rgba(var(--ax-sys-color-lighter-surface));
1630
+ --color-on-lighter: rgba(var(--ax-sys-color-on-lighter-surface));
1631
+ --color-border-lighter: rgba(var(--ax-sys-color-border-lighter-surface));
1632
+ --color-light: rgba(var(--ax-sys-color-light-surface));
1633
+ --color-on-light: rgba(var(--ax-sys-color-on-light-surface));
1634
+ --color-border-light: rgba(var(--ax-sys-color-border-light-surface));
1635
+ --color-on-surface: rgba(var(--ax-sys-color-on-surface));
1636
+ --color-border-surface: rgba(var(--ax-sys-color-border-surface));
1637
+ --color-dark: rgba(var(--ax-sys-color-dark-surface));
1638
+ --color-on-dark: rgba(var(--ax-sys-color-on-dark-surface));
1639
+ --color-border-dark: rgba(var(--ax-sys-color-border-dark-surface));
1640
+ --color-darker: rgba(var(--ax-sys-color-darker-surface));
1641
+ --color-on-darker: rgba(var(--ax-sys-color-on-darker-surface));
1642
+ --color-border-darker: rgba(var(--ax-sys-color-border-darker-surface));
1643
+ --color-darkest: rgba(var(--ax-sys-color-darkest-surface));
1644
+ --color-on-darkest: rgba(var(--ax-sys-color-on-darkest-surface));
1645
+ --color-border-darkest: rgba(var(--ax-sys-color-border-darkest-surface));
1646
+
1647
+ /* Primary Surfaces */
1648
+ --color-primary: rgba(var(--ax-sys-color-primary-surface));
1649
+ --color-primary-50: rgba(var(--ax-sys-color-primary-50));
1650
+ --color-primary-100: rgba(var(--ax-sys-color-primary-100));
1651
+ --color-primary-200: rgba(var(--ax-sys-color-primary-200));
1652
+ --color-primary-300: rgba(var(--ax-sys-color-primary-300));
1653
+ --color-primary-400: rgba(var(--ax-sys-color-primary-400));
1654
+ --color-primary-500: rgba(var(--ax-sys-color-primary-500));
1655
+ --color-primary-600: rgba(var(--ax-sys-color-primary-600));
1656
+ --color-primary-700: rgba(var(--ax-sys-color-primary-700));
1657
+ --color-primary-800: rgba(var(--ax-sys-color-primary-800));
1658
+ --color-primary-900: rgba(var(--ax-sys-color-primary-900));
1659
+ --color-primary-950: rgba(var(--ax-sys-color-primary-950));
1660
+
1661
+ --color-primary-lightest: rgba(var(--ax-sys-color-primary-lightest-surface));
1662
+ --color-on-primary-lightest: rgba(var(--ax-sys-color-on-primary-lightest-surface));
1663
+ --color-border-primary-lightest: rgba(var(--ax-sys-color-border-primary-lightest-surface));
1664
+ --color-primary-lighter: rgba(var(--ax-sys-color-primary-lighter-surface));
1665
+ --color-on-primary-lighter: rgba(var(--ax-sys-color-on-primary-lighter-surface));
1666
+ --color-border-primary-lighter: rgba(var(--ax-sys-color-border-primary-lighter-surface));
1667
+ --color-primary-light: rgba(var(--ax-sys-color-primary-light-surface));
1668
+ --color-on-primary-light: rgba(var(--ax-sys-color-on-primary-light-surface));
1669
+ --color-border-primary-light: rgba(var(--ax-sys-color-border-primary-light-surface));
1670
+ --color-on-primary: rgba(var(--ax-sys-color-on-primary-surface));
1671
+ --color-border-primary: rgba(var(--ax-sys-color-border-primary-surface));
1672
+ --color-primary-dark: rgba(var(--ax-sys-color-primary-dark-surface));
1673
+ --color-on-primary-dark: rgba(var(--ax-sys-color-on-primary-dark-surface));
1674
+ --color-border-primary-dark: rgba(var(--ax-sys-color-border-primary-dark-surface));
1675
+ --color-primary-darker: rgba(var(--ax-sys-color-primary-darker-surface));
1676
+ --color-on-primary-darker: rgba(var(--ax-sys-color-on-primary-darker-surface));
1677
+ --color-border-primary-darker: rgba(var(--ax-sys-color-border-primary-darker-surface));
1678
+ --color-primary-darkest: rgba(var(--ax-sys-color-primary-darkest-surface));
1679
+ --color-on-primary-darkest: rgba(var(--ax-sys-color-on-primary-darkest-surface));
1680
+ --color-border-primary-darkest: rgba(var(--ax-sys-color-border-primary-darkest-surface));
1681
+
1682
+ /* Secondary Surfaces */
1683
+ --color-secondary: rgba(var(--ax-sys-color-secondary-surface));
1684
+ --color-secondary-50: rgba(var(--ax-sys-color-secondary-50));
1685
+ --color-secondary-100: rgba(var(--ax-sys-color-secondary-100));
1686
+ --color-secondary-200: rgba(var(--ax-sys-color-secondary-200));
1687
+ --color-secondary-300: rgba(var(--ax-sys-color-secondary-300));
1688
+ --color-secondary-400: rgba(var(--ax-sys-color-secondary-400));
1689
+ --color-secondary-500: rgba(var(--ax-sys-color-secondary-500));
1690
+ --color-secondary-600: rgba(var(--ax-sys-color-secondary-600));
1691
+ --color-secondary-700: rgba(var(--ax-sys-color-secondary-700));
1692
+ --color-secondary-800: rgba(var(--ax-sys-color-secondary-800));
1693
+ --color-secondary-900: rgba(var(--ax-sys-color-secondary-900));
1694
+ --color-secondary-950: rgba(var(--ax-sys-color-secondary-950));
1695
+
1696
+ --color-secondary-lightest: rgba(var(--ax-sys-color-secondary-lightest-surface));
1697
+ --color-on-secondary-lightest: rgba(var(--ax-sys-color-on-secondary-lightest-surface));
1698
+ --color-border-secondary-lightest: rgba(var(--ax-sys-color-border-secondary-lightest-surface));
1699
+ --color-secondary-lighter: rgba(var(--ax-sys-color-secondary-lighter-surface));
1700
+ --color-on-secondary-lighter: rgba(var(--ax-sys-color-on-secondary-lighter-surface));
1701
+ --color-border-secondary-lighter: rgba(var(--ax-sys-color-border-secondary-lighter-surface));
1702
+ --color-secondary-light: rgba(var(--ax-sys-color-secondary-light-surface));
1703
+ --color-on-secondary-light: rgba(var(--ax-sys-color-on-secondary-light-surface));
1704
+ --color-border-secondary-light: rgba(var(--ax-sys-color-border-secondary-light-surface));
1705
+ --color-on-secondary: rgba(var(--ax-sys-color-on-secondary-surface));
1706
+ --color-border-secondary: rgba(var(--ax-sys-color-border-secondary-surface));
1707
+ --color-secondary-dark: rgba(var(--ax-sys-color-secondary-dark-surface));
1708
+ --color-on-secondary-dark: rgba(var(--ax-sys-color-on-secondary-dark-surface));
1709
+ --color-border-secondary-dark: rgba(var(--ax-sys-color-border-secondary-dark-surface));
1710
+ --color-secondary-darker: rgba(var(--ax-sys-color-secondary-darker-surface));
1711
+ --color-on-secondary-darker: rgba(var(--ax-sys-color-on-secondary-darker-surface));
1712
+ --color-border-secondary-darker: rgba(var(--ax-sys-color-border-secondary-darker-surface));
1713
+ --color-secondary-darkest: rgba(var(--ax-sys-color-secondary-darkest-surface));
1714
+ --color-on-secondary-darkest: rgba(var(--ax-sys-color-on-secondary-darkest-surface));
1715
+ --color-border-secondary-darkest: rgba(var(--ax-sys-color-border-secondary-darkest-surface));
1716
+
1717
+ /* Success Surfaces */
1718
+ --color-success: rgba(var(--ax-sys-color-success-surface));
1719
+ --color-success-50: rgba(var(--ax-sys-color-success-50));
1720
+ --color-success-100: rgba(var(--ax-sys-color-success-100));
1721
+ --color-success-200: rgba(var(--ax-sys-color-success-200));
1722
+ --color-success-300: rgba(var(--ax-sys-color-success-300));
1723
+ --color-success-400: rgba(var(--ax-sys-color-success-400));
1724
+ --color-success-500: rgba(var(--ax-sys-color-success-500));
1725
+ --color-success-600: rgba(var(--ax-sys-color-success-600));
1726
+ --color-success-700: rgba(var(--ax-sys-color-success-700));
1727
+ --color-success-800: rgba(var(--ax-sys-color-success-800));
1728
+ --color-success-900: rgba(var(--ax-sys-color-success-900));
1729
+ --color-success-950: rgba(var(--ax-sys-color-success-950));
1730
+
1731
+ --color-success-lightest: rgba(var(--ax-sys-color-success-lightest-surface));
1732
+ --color-on-success-lightest: rgba(var(--ax-sys-color-on-success-lightest-surface));
1733
+ --color-border-success-lightest: rgba(var(--ax-sys-color-border-success-lightest-surface));
1734
+ --color-success-lighter: rgba(var(--ax-sys-color-success-lighter-surface));
1735
+ --color-on-success-lighter: rgba(var(--ax-sys-color-on-success-lighter-surface));
1736
+ --color-border-success-lighter: rgba(var(--ax-sys-color-border-success-lighter-surface));
1737
+ --color-success-light: rgba(var(--ax-sys-color-success-light-surface));
1738
+ --color-on-success-light: rgba(var(--ax-sys-color-on-success-light-surface));
1739
+ --color-border-success-light: rgba(var(--ax-sys-color-border-success-light-surface));
1740
+ --color-on-success: rgba(var(--ax-sys-color-on-success-surface));
1741
+ --color-border-success: rgba(var(--ax-sys-color-border-success-surface));
1742
+ --color-success-dark: rgba(var(--ax-sys-color-success-dark-surface));
1743
+ --color-on-success-dark: rgba(var(--ax-sys-color-on-success-dark-surface));
1744
+ --color-border-success-dark: rgba(var(--ax-sys-color-border-success-dark-surface));
1745
+ --color-success-darker: rgba(var(--ax-sys-color-success-darker-surface));
1746
+ --color-on-success-darker: rgba(var(--ax-sys-color-on-success-darker-surface));
1747
+ --color-border-success-darker: rgba(var(--ax-sys-color-border-success-darker-surface));
1748
+ --color-success-darkest: rgba(var(--ax-sys-color-success-darkest-surface));
1749
+ --color-on-success-darkest: rgba(var(--ax-sys-color-on-success-darkest-surface));
1750
+ --color-border-success-darkest: rgba(var(--ax-sys-color-border-success-darkest-surface));
1751
+
1752
+ /* Warning Surfaces */
1753
+ --color-warning: rgba(var(--ax-sys-color-warning-surface));
1754
+ --color-warning-50: rgba(var(--ax-sys-color-warning-50));
1755
+ --color-warning-100: rgba(var(--ax-sys-color-warning-100));
1756
+ --color-warning-200: rgba(var(--ax-sys-color-warning-200));
1757
+ --color-warning-300: rgba(var(--ax-sys-color-warning-300));
1758
+ --color-warning-400: rgba(var(--ax-sys-color-warning-400));
1759
+ --color-warning-500: rgba(var(--ax-sys-color-warning-500));
1760
+ --color-warning-600: rgba(var(--ax-sys-color-warning-600));
1761
+ --color-warning-700: rgba(var(--ax-sys-color-warning-700));
1762
+ --color-warning-800: rgba(var(--ax-sys-color-warning-800));
1763
+ --color-warning-900: rgba(var(--ax-sys-color-warning-900));
1764
+ --color-warning-950: rgba(var(--ax-sys-color-warning-950));
1765
+
1766
+ --color-warning-lightest: rgba(var(--ax-sys-color-warning-lightest-surface));
1767
+ --color-on-warning-lightest: rgba(var(--ax-sys-color-on-warning-lightest-surface));
1768
+ --color-border-warning-lightest: rgba(var(--ax-sys-color-border-warning-lightest-surface));
1769
+ --color-warning-lighter: rgba(var(--ax-sys-color-warning-lighter-surface));
1770
+ --color-on-warning-lighter: rgba(var(--ax-sys-color-on-warning-lighter-surface));
1771
+ --color-border-warning-lighter: rgba(var(--ax-sys-color-border-warning-lighter-surface));
1772
+ --color-warning-light: rgba(var(--ax-sys-color-warning-light-surface));
1773
+ --color-on-warning-light: rgba(var(--ax-sys-color-on-warning-light-surface));
1774
+ --color-border-warning-light: rgba(var(--ax-sys-color-border-warning-light-surface));
1775
+ --color-on-warning: rgba(var(--ax-sys-color-on-warning-surface));
1776
+ --color-border-warning: rgba(var(--ax-sys-color-border-warning-surface));
1777
+ --color-warning-dark: rgba(var(--ax-sys-color-warning-dark-surface));
1778
+ --color-on-warning-dark: rgba(var(--ax-sys-color-on-warning-dark-surface));
1779
+ --color-border-warning-dark: rgba(var(--ax-sys-color-border-warning-dark-surface));
1780
+ --color-warning-darker: rgba(var(--ax-sys-color-warning-darker-surface));
1781
+ --color-on-warning-darker: rgba(var(--ax-sys-color-on-warning-darker-surface));
1782
+ --color-border-warning-darker: rgba(var(--ax-sys-color-border-warning-darker-surface));
1783
+ --color-warning-darkest: rgba(var(--ax-sys-color-warning-darkest-surface));
1784
+ --color-on-warning-darkest: rgba(var(--ax-sys-color-on-warning-darkest-surface));
1785
+ --color-border-warning-darkest: rgba(var(--ax-sys-color-border-warning-darkest-surface));
1786
+
1787
+ /* Danger Surfaces */
1788
+ --color-danger: rgba(var(--ax-sys-color-danger-surface));
1789
+ --color-danger-50: rgba(var(--ax-sys-color-danger-50));
1790
+ --color-danger-100: rgba(var(--ax-sys-color-danger-100));
1791
+ --color-danger-200: rgba(var(--ax-sys-color-danger-200));
1792
+ --color-danger-300: rgba(var(--ax-sys-color-danger-300));
1793
+ --color-danger-400: rgba(var(--ax-sys-color-danger-400));
1794
+ --color-danger-500: rgba(var(--ax-sys-color-danger-500));
1795
+ --color-danger-600: rgba(var(--ax-sys-color-danger-600));
1796
+ --color-danger-700: rgba(var(--ax-sys-color-danger-700));
1797
+ --color-danger-800: rgba(var(--ax-sys-color-danger-800));
1798
+ --color-danger-900: rgba(var(--ax-sys-color-danger-900));
1799
+ --color-danger-950: rgba(var(--ax-sys-color-danger-950));
1800
+
1801
+ --color-danger-lightest: rgba(var(--ax-sys-color-danger-lightest-surface));
1802
+ --color-on-danger-lightest: rgba(var(--ax-sys-color-on-danger-lightest-surface));
1803
+ --color-border-danger-lightest: rgba(var(--ax-sys-color-border-danger-lightest-surface));
1804
+ --color-danger-lighter: rgba(var(--ax-sys-color-danger-lighter-surface));
1805
+ --color-on-danger-lighter: rgba(var(--ax-sys-color-on-danger-lighter-surface));
1806
+ --color-border-danger-lighter: rgba(var(--ax-sys-color-border-danger-lighter-surface));
1807
+ --color-danger-light: rgba(var(--ax-sys-color-danger-light-surface));
1808
+ --color-on-danger-light: rgba(var(--ax-sys-color-on-danger-light-surface));
1809
+ --color-border-danger-light: rgba(var(--ax-sys-color-border-danger-light-surface));
1810
+ --color-on-danger: rgba(var(--ax-sys-color-on-danger-surface));
1811
+ --color-border-danger: rgba(var(--ax-sys-color-border-danger-surface));
1812
+ --color-danger-dark: rgba(var(--ax-sys-color-danger-dark-surface));
1813
+ --color-on-danger-dark: rgba(var(--ax-sys-color-on-danger-dark-surface));
1814
+ --color-border-danger-dark: rgba(var(--ax-sys-color-border-danger-dark-surface));
1815
+ --color-danger-darker: rgba(var(--ax-sys-color-danger-darker-surface));
1816
+ --color-on-danger-darker: rgba(var(--ax-sys-color-on-danger-darker-surface));
1817
+ --color-border-danger-darker: rgba(var(--ax-sys-color-border-danger-darker-surface));
1818
+ --color-danger-darkest: rgba(var(--ax-sys-color-danger-darkest-surface));
1819
+ --color-on-danger-darkest: rgba(var(--ax-sys-color-on-danger-darkest-surface));
1820
+ --color-border-danger-darkest: rgba(var(--ax-sys-color-border-danger-darkest-surface));
1821
+
1822
+ /* Accent Surfaces */
1823
+ --color-accent: rgba(var(--ax-sys-color-accent-surface));
1824
+ --color-accent-50: rgba(var(--ax-sys-color-accent-50));
1825
+ --color-accent-100: rgba(var(--ax-sys-color-accent-100));
1826
+ --color-accent-200: rgba(var(--ax-sys-color-accent-200));
1827
+ --color-accent-300: rgba(var(--ax-sys-color-accent-300));
1828
+ --color-accent-400: rgba(var(--ax-sys-color-accent-400));
1829
+ --color-accent-500: rgba(var(--ax-sys-color-accent-500));
1830
+ --color-accent-600: rgba(var(--ax-sys-color-accent-600));
1831
+ --color-accent-700: rgba(var(--ax-sys-color-accent-700));
1832
+ --color-accent-800: rgba(var(--ax-sys-color-accent-800));
1833
+ --color-accent-900: rgba(var(--ax-sys-color-accent-900));
1834
+ --color-accent-950: rgba(var(--ax-sys-color-accent-950));
1835
+
1836
+ --color-accent-lightest: rgba(var(--ax-sys-color-accent-lightest-surface));
1837
+ --color-on-accent-lightest: rgba(var(--ax-sys-color-on-accent-lightest-surface));
1838
+ --color-border-accent-lightest: rgba(var(--ax-sys-color-border-accent-lightest-surface));
1839
+ --color-accent-lighter: rgba(var(--ax-sys-color-accent-lighter-surface));
1840
+ --color-on-accent-lighter: rgba(var(--ax-sys-color-on-accent-lighter-surface));
1841
+ --color-border-accent-lighter: rgba(var(--ax-sys-color-border-accent-lighter-surface));
1842
+ --color-accent-light: rgba(var(--ax-sys-color-accent-light-surface));
1843
+ --color-on-accent-light: rgba(var(--ax-sys-color-on-accent-light-surface));
1844
+ --color-border-accent-light: rgba(var(--ax-sys-color-border-accent-light-surface));
1845
+ --color-on-accent: rgba(var(--ax-sys-color-on-accent-surface));
1846
+ --color-border-accent: rgba(var(--ax-sys-color-border-accent-surface));
1847
+ --color-accent-dark: rgba(var(--ax-sys-color-accent-dark-surface));
1848
+ --color-on-accent-dark: rgba(var(--ax-sys-color-on-accent-dark-surface));
1849
+ --color-border-accent-dark: rgba(var(--ax-sys-color-border-accent-dark-surface));
1850
+ --color-accent-darker: rgba(var(--ax-sys-color-accent-darker-surface));
1851
+ --color-on-accent-darker: rgba(var(--ax-sys-color-on-accent-darker-surface));
1852
+ --color-border-accent-darker: rgba(var(--ax-sys-color-border-accent-darker-surface));
1853
+ --color-accent-darkest: rgba(var(--ax-sys-color-accent-darkest-surface));
1854
+ --color-on-accent-darkest: rgba(var(--ax-sys-color-on-accent-darkest-surface));
1855
+ --color-border-accent-darkest: rgba(var(--ax-sys-color-border-accent-darkest-surface));
1856
+
1857
+ /* Accent 1 Surfaces */
1858
+ --color-accent1: rgba(var(--ax-sys-color-accent1-surface));
1859
+ --color-accent1-50: rgba(var(--ax-sys-color-accent1-50));
1860
+ --color-accent1-100: rgba(var(--ax-sys-color-accent1-100));
1861
+ --color-accent1-200: rgba(var(--ax-sys-color-accent1-200));
1862
+ --color-accent1-300: rgba(var(--ax-sys-color-accent1-300));
1863
+ --color-accent1-400: rgba(var(--ax-sys-color-accent1-400));
1864
+ --color-accent1-500: rgba(var(--ax-sys-color-accent1-500));
1865
+ --color-accent1-600: rgba(var(--ax-sys-color-accent1-600));
1866
+ --color-accent1-700: rgba(var(--ax-sys-color-accent1-700));
1867
+ --color-accent1-800: rgba(var(--ax-sys-color-accent1-800));
1868
+ --color-accent1-900: rgba(var(--ax-sys-color-accent1-900));
1869
+ --color-accent1-950: rgba(var(--ax-sys-color-accent1-950));
1870
+
1871
+ --color-accent1-lightest: rgba(var(--ax-sys-color-accent1-lightest-surface));
1872
+ --color-on-accent1-lightest: rgba(var(--ax-sys-color-on-accent1-lightest-surface));
1873
+ --color-border-accent1-lightest: rgba(var(--ax-sys-color-border-accent1-lightest-surface));
1874
+ --color-accent1-lighter: rgba(var(--ax-sys-color-accent1-lighter-surface));
1875
+ --color-on-accent1-lighter: rgba(var(--ax-sys-color-on-accent1-lighter-surface));
1876
+ --color-border-accent1-lighter: rgba(var(--ax-sys-color-border-accent1-lighter-surface));
1877
+ --color-accent1-light: rgba(var(--ax-sys-color-accent1-light-surface));
1878
+ --color-on-accent1-light: rgba(var(--ax-sys-color-on-accent1-light-surface));
1879
+ --color-border-accent1-light: rgba(var(--ax-sys-color-border-accent1-light-surface));
1880
+ --color-on-accent1: rgba(var(--ax-sys-color-on-accent1-surface));
1881
+ --color-border-accent1: rgba(var(--ax-sys-color-border-accent1-surface));
1882
+ --color-accent1-dark: rgba(var(--ax-sys-color-accent1-dark-surface));
1883
+ --color-on-accent1-dark: rgba(var(--ax-sys-color-on-accent1-dark-surface));
1884
+ --color-border-accent1-dark: rgba(var(--ax-sys-color-border-accent1-dark-surface));
1885
+ --color-accent1-darker: rgba(var(--ax-sys-color-accent1-darker-surface));
1886
+ --color-on-accent1-darker: rgba(var(--ax-sys-color-on-accent1-darker-surface));
1887
+ --color-border-accent1-darker: rgba(var(--ax-sys-color-border-accent1-darker-surface));
1888
+ --color-accent1-darkest: rgba(var(--ax-sys-color-accent1-darkest-surface));
1889
+ --color-on-accent1-darkest: rgba(var(--ax-sys-color-on-accent1-darkest-surface));
1890
+ --color-border-accent1-darkest: rgba(var(--ax-sys-color-border-accent1-darkest-surface));
1891
+
1892
+ /* Accent 2 Surfaces */
1893
+ --color-accent2: rgba(var(--ax-sys-color-accent2-surface));
1894
+ --color-accent2-50: rgba(var(--ax-sys-color-accent2-50));
1895
+ --color-accent2-100: rgba(var(--ax-sys-color-accent2-100));
1896
+ --color-accent2-200: rgba(var(--ax-sys-color-accent2-200));
1897
+ --color-accent2-300: rgba(var(--ax-sys-color-accent2-300));
1898
+ --color-accent2-400: rgba(var(--ax-sys-color-accent2-400));
1899
+ --color-accent2-500: rgba(var(--ax-sys-color-accent2-500));
1900
+ --color-accent2-600: rgba(var(--ax-sys-color-accent2-600));
1901
+ --color-accent2-700: rgba(var(--ax-sys-color-accent2-700));
1902
+ --color-accent2-800: rgba(var(--ax-sys-color-accent2-800));
1903
+ --color-accent2-900: rgba(var(--ax-sys-color-accent2-900));
1904
+ --color-accent2-950: rgba(var(--ax-sys-color-accent2-950));
1905
+
1906
+ --color-accent2-lightest: rgba(var(--ax-sys-color-accent2-lightest-surface));
1907
+ --color-on-accent2-lightest: rgba(var(--ax-sys-color-on-accent2-lightest-surface));
1908
+ --color-border-accent2-lightest: rgba(var(--ax-sys-color-border-accent2-lightest-surface));
1909
+ --color-accent2-lighter: rgba(var(--ax-sys-color-accent2-lighter-surface));
1910
+ --color-on-accent2-lighter: rgba(var(--ax-sys-color-on-accent2-lighter-surface));
1911
+ --color-border-accent2-lighter: rgba(var(--ax-sys-color-border-accent2-lighter-surface));
1912
+ --color-accent2-light: rgba(var(--ax-sys-color-accent2-light-surface));
1913
+ --color-on-accent2-light: rgba(var(--ax-sys-color-on-accent2-light-surface));
1914
+ --color-border-accent2-light: rgba(var(--ax-sys-color-border-accent2-light-surface));
1915
+ --color-on-accent2: rgba(var(--ax-sys-color-on-accent2-surface));
1916
+ --color-border-accent2: rgba(var(--ax-sys-color-border-accent2-surface));
1917
+ --color-accent2-dark: rgba(var(--ax-sys-color-accent2-dark-surface));
1918
+ --color-on-accent2-dark: rgba(var(--ax-sys-color-on-accent2-dark-surface));
1919
+ --color-border-accent2-dark: rgba(var(--ax-sys-color-border-accent2-dark-surface));
1920
+ --color-accent2-darker: rgba(var(--ax-sys-color-accent2-darker-surface));
1921
+ --color-on-accent2-darker: rgba(var(--ax-sys-color-on-accent2-darker-surface));
1922
+ --color-border-accent2-darker: rgba(var(--ax-sys-color-border-accent2-darker-surface));
1923
+ --color-accent2-darkest: rgba(var(--ax-sys-color-accent2-darkest-surface));
1924
+ --color-on-accent2-darkest: rgba(var(--ax-sys-color-on-accent2-darkest-surface));
1925
+ --color-border-accent2-darkest: rgba(var(--ax-sys-color-border-accent2-darkest-surface));
1926
+
1927
+ /* Accent 3 Surfaces */
1928
+ --color-accent3: rgba(var(--ax-sys-color-accent3-surface));
1929
+ --color-accent3-50: rgba(var(--ax-sys-color-accent3-50));
1930
+ --color-accent3-100: rgba(var(--ax-sys-color-accent3-100));
1931
+ --color-accent3-200: rgba(var(--ax-sys-color-accent3-200));
1932
+ --color-accent3-300: rgba(var(--ax-sys-color-accent3-300));
1933
+ --color-accent3-400: rgba(var(--ax-sys-color-accent3-400));
1934
+ --color-accent3-500: rgba(var(--ax-sys-color-accent3-500));
1935
+ --color-accent3-600: rgba(var(--ax-sys-color-accent3-600));
1936
+ --color-accent3-700: rgba(var(--ax-sys-color-accent3-700));
1937
+ --color-accent3-800: rgba(var(--ax-sys-color-accent3-800));
1938
+ --color-accent3-900: rgba(var(--ax-sys-color-accent3-900));
1939
+ --color-accent3-950: rgba(var(--ax-sys-color-accent3-950));
1940
+
1941
+ --color-accent3-lightest: rgba(var(--ax-sys-color-accent3-lightest-surface));
1942
+ --color-on-accent3-lightest: rgba(var(--ax-sys-color-on-accent3-lightest-surface));
1943
+ --color-border-accent3-lightest: rgba(var(--ax-sys-color-border-accent3-lightest-surface));
1944
+ --color-accent3-lighter: rgba(var(--ax-sys-color-accent3-lighter-surface));
1945
+ --color-on-accent3-lighter: rgba(var(--ax-sys-color-on-accent3-lighter-surface));
1946
+ --color-border-accent3-lighter: rgba(var(--ax-sys-color-border-accent3-lighter-surface));
1947
+ --color-accent3-light: rgba(var(--ax-sys-color-accent3-light-surface));
1948
+ --color-on-accent3-light: rgba(var(--ax-sys-color-on-accent3-light-surface));
1949
+ --color-border-accent3-light: rgba(var(--ax-sys-color-border-accent3-light-surface));
1950
+ --color-on-accent3: rgba(var(--ax-sys-color-on-accent3-surface));
1951
+ --color-border-accent3: rgba(var(--ax-sys-color-border-accent3-surface));
1952
+ --color-accent3-dark: rgba(var(--ax-sys-color-accent3-dark-surface));
1953
+ --color-on-accent3-dark: rgba(var(--ax-sys-color-on-accent3-dark-surface));
1954
+ --color-border-accent3-dark: rgba(var(--ax-sys-color-border-accent3-dark-surface));
1955
+ --color-accent3-darker: rgba(var(--ax-sys-color-accent3-darker-surface));
1956
+ --color-on-accent3-darker: rgba(var(--ax-sys-color-on-accent3-darker-surface));
1957
+ --color-border-accent3-darker: rgba(var(--ax-sys-color-border-accent3-darker-surface));
1958
+ --color-accent3-darkest: rgba(var(--ax-sys-color-accent3-darkest-surface));
1959
+ --color-on-accent3-darkest: rgba(var(--ax-sys-color-on-accent3-darkest-surface));
1960
+ --color-border-accent3-darkest: rgba(var(--ax-sys-color-border-accent3-darkest-surface));
1961
+
1962
+ /* Accent 4 Surfaces */
1963
+ --color-accent4: rgba(var(--ax-sys-color-accent4-surface));
1964
+ --color-accent4-50: rgba(var(--ax-sys-color-accent4-50));
1965
+ --color-accent4-100: rgba(var(--ax-sys-color-accent4-100));
1966
+ --color-accent4-200: rgba(var(--ax-sys-color-accent4-200));
1967
+ --color-accent4-300: rgba(var(--ax-sys-color-accent4-300));
1968
+ --color-accent4-400: rgba(var(--ax-sys-color-accent4-400));
1969
+ --color-accent4-500: rgba(var(--ax-sys-color-accent4-500));
1970
+ --color-accent4-600: rgba(var(--ax-sys-color-accent4-600));
1971
+ --color-accent4-700: rgba(var(--ax-sys-color-accent4-700));
1972
+ --color-accent4-800: rgba(var(--ax-sys-color-accent4-800));
1973
+ --color-accent4-900: rgba(var(--ax-sys-color-accent4-900));
1974
+ --color-accent4-950: rgba(var(--ax-sys-color-accent4-950));
1975
+
1976
+ --color-accent4-lightest: rgba(var(--ax-sys-color-accent4-lightest-surface));
1977
+ --color-on-accent4-lightest: rgba(var(--ax-sys-color-on-accent4-lightest-surface));
1978
+ --color-border-accent4-lightest: rgba(var(--ax-sys-color-border-accent4-lightest-surface));
1979
+ --color-accent4-lighter: rgba(var(--ax-sys-color-accent4-lighter-surface));
1980
+ --color-on-accent4-lighter: rgba(var(--ax-sys-color-on-accent4-lighter-surface));
1981
+ --color-border-accent4-lighter: rgba(var(--ax-sys-color-border-accent4-lighter-surface));
1982
+ --color-accent4-light: rgba(var(--ax-sys-color-accent4-light-surface));
1983
+ --color-on-accent4-light: rgba(var(--ax-sys-color-on-accent4-light-surface));
1984
+ --color-border-accent4-light: rgba(var(--ax-sys-color-border-accent4-light-surface));
1985
+ --color-on-accent4: rgba(var(--ax-sys-color-on-accent4-surface));
1986
+ --color-border-accent4: rgba(var(--ax-sys-color-border-accent4-surface));
1987
+ --color-accent4-dark: rgba(var(--ax-sys-color-accent4-dark-surface));
1988
+ --color-on-accent4-dark: rgba(var(--ax-sys-color-on-accent4-dark-surface));
1989
+ --color-border-accent4-dark: rgba(var(--ax-sys-color-border-accent4-dark-surface));
1990
+ --color-accent4-darker: rgba(var(--ax-sys-color-accent4-darker-surface));
1991
+ --color-on-accent4-darker: rgba(var(--ax-sys-color-on-accent4-darker-surface));
1992
+ --color-border-accent4-darker: rgba(var(--ax-sys-color-border-accent4-darker-surface));
1993
+ --color-accent4-darkest: rgba(var(--ax-sys-color-accent4-darkest-surface));
1994
+ --color-on-accent4-darkest: rgba(var(--ax-sys-color-on-accent4-darkest-surface));
1995
+ --color-border-accent4-darkest: rgba(var(--ax-sys-color-border-accent4-darkest-surface));
1996
+
1997
+ /* Accent 5 Surfaces */
1998
+ --color-accent5: rgba(var(--ax-sys-color-accent5-surface));
1999
+ --color-accent5-50: rgba(var(--ax-sys-color-accent5-50));
2000
+ --color-accent5-100: rgba(var(--ax-sys-color-accent5-100));
2001
+ --color-accent5-200: rgba(var(--ax-sys-color-accent5-200));
2002
+ --color-accent5-300: rgba(var(--ax-sys-color-accent5-300));
2003
+ --color-accent5-400: rgba(var(--ax-sys-color-accent5-400));
2004
+ --color-accent5-500: rgba(var(--ax-sys-color-accent5-500));
2005
+ --color-accent5-600: rgba(var(--ax-sys-color-accent5-600));
2006
+ --color-accent5-700: rgba(var(--ax-sys-color-accent5-700));
2007
+ --color-accent5-800: rgba(var(--ax-sys-color-accent5-800));
2008
+ --color-accent5-900: rgba(var(--ax-sys-color-accent5-900));
2009
+ --color-accent5-950: rgba(var(--ax-sys-color-accent5-950));
2010
+
2011
+ --color-accent5-lightest: rgba(var(--ax-sys-color-accent5-lightest-surface));
2012
+ --color-on-accent5-lightest: rgba(var(--ax-sys-color-on-accent5-lightest-surface));
2013
+ --color-border-accent5-lightest: rgba(var(--ax-sys-color-border-accent5-lightest-surface));
2014
+ --color-accent5-lighter: rgba(var(--ax-sys-color-accent5-lighter-surface));
2015
+ --color-on-accent5-lighter: rgba(var(--ax-sys-color-on-accent5-lighter-surface));
2016
+ --color-border-accent5-lighter: rgba(var(--ax-sys-color-border-accent5-lighter-surface));
2017
+ --color-accent5-light: rgba(var(--ax-sys-color-accent5-light-surface));
2018
+ --color-on-accent5-light: rgba(var(--ax-sys-color-on-accent5-light-surface));
2019
+ --color-border-accent5-light: rgba(var(--ax-sys-color-border-accent5-light-surface));
2020
+ --color-on-accent5: rgba(var(--ax-sys-color-on-accent5-surface));
2021
+ --color-border-accent5: rgba(var(--ax-sys-color-border-accent5-surface));
2022
+ --color-accent5-dark: rgba(var(--ax-sys-color-accent5-dark-surface));
2023
+ --color-on-accent5-dark: rgba(var(--ax-sys-color-on-accent5-dark-surface));
2024
+ --color-border-accent5-dark: rgba(var(--ax-sys-color-border-accent5-dark-surface));
2025
+ --color-accent5-darker: rgba(var(--ax-sys-color-accent5-darker-surface));
2026
+ --color-on-accent5-darker: rgba(var(--ax-sys-color-on-accent5-darker-surface));
2027
+ --color-border-accent5-darker: rgba(var(--ax-sys-color-border-accent5-darker-surface));
2028
+ --color-accent5-darkest: rgba(var(--ax-sys-color-accent5-darkest-surface));
2029
+ --color-on-accent5-darkest: rgba(var(--ax-sys-color-on-accent5-darkest-surface));
2030
+ --color-border-accent5-darkest: rgba(var(--ax-sys-color-border-accent5-darkest-surface));
2031
+
2032
+ /* Accent 6 Surfaces */
2033
+ --color-accent6: rgba(var(--ax-sys-color-accent6-surface));
2034
+ --color-accent6-50: rgba(var(--ax-sys-color-accent6-50));
2035
+ --color-accent6-100: rgba(var(--ax-sys-color-accent6-100));
2036
+ --color-accent6-200: rgba(var(--ax-sys-color-accent6-200));
2037
+ --color-accent6-300: rgba(var(--ax-sys-color-accent6-300));
2038
+ --color-accent6-400: rgba(var(--ax-sys-color-accent6-400));
2039
+ --color-accent6-500: rgba(var(--ax-sys-color-accent6-500));
2040
+ --color-accent6-600: rgba(var(--ax-sys-color-accent6-600));
2041
+ --color-accent6-700: rgba(var(--ax-sys-color-accent6-700));
2042
+ --color-accent6-800: rgba(var(--ax-sys-color-accent6-800));
2043
+ --color-accent6-900: rgba(var(--ax-sys-color-accent6-900));
2044
+ --color-accent6-950: rgba(var(--ax-sys-color-accent6-950));
2045
+
2046
+ --color-accent6-lightest: rgba(var(--ax-sys-color-accent6-lightest-surface));
2047
+ --color-on-accent6-lightest: rgba(var(--ax-sys-color-on-accent6-lightest-surface));
2048
+ --color-border-accent6-lightest: rgba(var(--ax-sys-color-border-accent6-lightest-surface));
2049
+ --color-accent6-lighter: rgba(var(--ax-sys-color-accent6-lighter-surface));
2050
+ --color-on-accent6-lighter: rgba(var(--ax-sys-color-on-accent6-lighter-surface));
2051
+ --color-border-accent6-lighter: rgba(var(--ax-sys-color-border-accent6-lighter-surface));
2052
+ --color-accent6-light: rgba(var(--ax-sys-color-accent6-light-surface));
2053
+ --color-on-accent6-light: rgba(var(--ax-sys-color-on-accent6-light-surface));
2054
+ --color-border-accent6-light: rgba(var(--ax-sys-color-border-accent6-light-surface));
2055
+ --color-on-accent6: rgba(var(--ax-sys-color-on-accent6-surface));
2056
+ --color-border-accent6: rgba(var(--ax-sys-color-border-accent6-surface));
2057
+ --color-accent6-dark: rgba(var(--ax-sys-color-accent6-dark-surface));
2058
+ --color-on-accent6-dark: rgba(var(--ax-sys-color-on-accent6-dark-surface));
2059
+ --color-border-accent6-dark: rgba(var(--ax-sys-color-border-accent6-dark-surface));
2060
+ --color-accent6-darker: rgba(var(--ax-sys-color-accent6-darker-surface));
2061
+ --color-on-accent6-darker: rgba(var(--ax-sys-color-on-accent6-darker-surface));
2062
+ --color-border-accent6-darker: rgba(var(--ax-sys-color-border-accent6-darker-surface));
2063
+ --color-accent6-darkest: rgba(var(--ax-sys-color-accent6-darkest-surface));
2064
+ --color-on-accent6-darkest: rgba(var(--ax-sys-color-on-accent6-darkest-surface));
2065
+ --color-border-accent6-darkest: rgba(var(--ax-sys-color-border-accent6-darkest-surface));
2066
+ }
2067
+
1586
2068
  @utility bg-default {
1587
2069
  background-color: var(--color-bg-default);
1588
2070
  }