@bcc-code/component-library-vue 0.0.0-dev.f3f88c3 → 0.0.0-dev.f44aa00

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 (5) hide show
  1. package/dist/component-library.js +1 -1
  2. package/dist/component-library.umd.cjs +2 -2
  3. package/dist/index.css +1 -1
  4. package/dist/theme.css +51 -37
  5. package/package.json +1 -1
package/dist/theme.css CHANGED
@@ -1728,88 +1728,102 @@
1728
1728
 
1729
1729
 
1730
1730
  /* === ./styles/context.css === */
1731
-
1732
1731
  @theme {
1733
- --color-brand-100: var(--color-bcc-100);
1734
- --color-brand-200: var(--color-bcc-200);
1735
- --color-brand-300: var(--color-bcc-300);
1736
- --color-brand-400: var(--color-bcc-400);
1737
- --color-brand-500: var(--color-bcc-500);
1738
- --color-brand-600: var(--color-bcc-600);
1739
- --color-brand-700: var(--color-bcc-700);
1740
- --color-brand-800: var(--color-bcc-800);
1741
- --color-brand-900: var(--color-bcc-900);
1742
- --color-brand-1000: var(--color-bcc-1000);
1732
+ --color-brand-100: var(--color-bcc-100);
1733
+ --color-brand-200: var(--color-bcc-200);
1734
+ --color-brand-300: var(--color-bcc-300);
1735
+ --color-brand-400: var(--color-bcc-400);
1736
+ --color-brand-500: var(--color-bcc-500);
1737
+ --color-brand-600: var(--color-bcc-600);
1738
+ --color-brand-700: var(--color-bcc-700);
1739
+ --color-brand-800: var(--color-bcc-800);
1740
+ --color-brand-900: var(--color-bcc-900);
1741
+ --color-brand-1000: var(--color-bcc-1000);
1743
1742
  }
1744
1743
 
1745
1744
  /** DEFAULT CONTEXTS */
1746
1745
  @utility ctx-default {
1747
- @apply ctx-neutral-subtlest;
1746
+ @apply ctx-neutral-subtlest;
1747
+ }
1748
+ @utility ctx-success {
1749
+ @apply ctx-success-subtlest;
1750
+ }
1751
+ @utility ctx-danger {
1752
+ @apply ctx-danger-subtlest;
1753
+ }
1754
+ @utility ctx-warning {
1755
+ @apply ctx-warning-subtlest;
1756
+ }
1757
+ @utility ctx-info {
1758
+ @apply ctx-info-subtlest;
1748
1759
  }
1749
- @utility ctx-success { @apply ctx-success-subtlest; }
1750
- @utility ctx-danger { @apply ctx-danger-subtlest; }
1751
- @utility ctx-warning { @apply ctx-warning-subtlest; }
1752
- @utility ctx-info { @apply ctx-info-subtlest; }
1753
1760
 
1754
1761
  @utility text-ctx {
1755
- color: var(--ctx-text);
1762
+ color: var(--ctx-text);
1756
1763
  }
1757
1764
 
1758
1765
  @utility text-ctx-bold {
1759
- color: var(--ctx-text-bold);
1766
+ color: var(--ctx-text-bold);
1760
1767
  }
1761
1768
 
1762
1769
  @utility bg-ctx {
1763
- background-color: var(--ctx-background);
1770
+ background-color: var(--ctx-background);
1764
1771
  }
1765
1772
 
1766
1773
  @utility border-ctx {
1767
- border-color: var(--ctx-border);
1774
+ border-color: var(--ctx-border);
1768
1775
  }
1769
1776
 
1770
1777
  @utility shadow-ctx {
1771
- --tw-shadow-color: var(--ctx-shadow);
1778
+ --tw-shadow-color: var(--ctx-shadow);
1772
1779
  }
1773
1780
 
1774
1781
  @utility ctx {
1775
- background-color: var(--ctx-background);
1776
- color: var(--ctx-text);
1777
- border-color: var(--ctx-border);
1782
+ background-color: var(--ctx-background);
1783
+ color: var(--ctx-text);
1784
+ border-color: var(--ctx-border);
1778
1785
  }
1779
1786
 
1780
1787
  @utility ctx-gradient {
1781
- background: linear-gradient(225deg, var(--ctx-background) 0%, var(--ctx-gradient) 100%);
1788
+ background: linear-gradient(225deg, var(--ctx-background) 0%, var(--ctx-gradient) 100%);
1789
+
1790
+ @variant dark {
1791
+ background: linear-gradient(225deg, var(--ctx-gradient) 0%, var(--ctx-background) 100%);
1792
+ }
1782
1793
  }
1783
1794
 
1784
1795
  @utility ctx-raised {
1785
- box-shadow: 0 1px 1px 0 var(--ctx-shadow), 0 0 1px 0 var(--ctx-shadow);
1796
+ box-shadow:
1797
+ 0 1px 1px 0 var(--ctx-shadow),
1798
+ 0 0 1px 0 var(--ctx-shadow);
1786
1799
  }
1787
1800
 
1788
1801
  @utility ctx-flat {
1789
- --ctx-background: transparent;
1802
+ --ctx-background: transparent;
1790
1803
 
1791
- @variant hover {
1792
- --ctx-background: var(--ctx-background-hover);
1793
- }
1804
+ @variant hover {
1805
+ --ctx-background: var(--ctx-background-hover);
1806
+ }
1794
1807
  }
1795
1808
 
1796
1809
  @utility clickable {
1797
- cursor: pointer;
1810
+ cursor: pointer;
1798
1811
  }
1799
1812
 
1800
1813
  .clickable:hover {
1801
- --ctx-background: var(--ctx-background-hover);
1802
- --ctx-text: var(--ctx-text-hover);
1803
- --ctx-border: var(--ctx-border-hover);
1814
+ --ctx-background: var(--ctx-background-hover);
1815
+ --ctx-text: var(--ctx-text-hover);
1816
+ --ctx-border: var(--ctx-border-hover);
1804
1817
  }
1805
1818
 
1806
1819
  .clickable:active {
1807
- --ctx-background: var(--ctx-background-pressed);
1808
- --ctx-text: var(--ctx-text-pressed);
1809
- --ctx-border: var(--ctx-border-pressed);
1820
+ --ctx-background: var(--ctx-background-pressed);
1821
+ --ctx-text: var(--ctx-text-pressed);
1822
+ --ctx-border: var(--ctx-border-pressed);
1810
1823
  }
1811
1824
 
1812
1825
 
1826
+
1813
1827
  /* === ./styles/fonts.css === */
1814
1828
  @utility heading-xs { font: var(--heading-xs); }
1815
1829
  @utility heading-sm { font: var(--heading-sm); }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bcc-code/component-library-vue",
3
- "version": "0.0.0-dev.f3f88c3",
3
+ "version": "0.0.0-dev.f44aa00",
4
4
  "type": "module",
5
5
  "description": "Extended Vue component library based on PrimeVue and BCC design tokens",
6
6
  "repository": "https://github.com/bcc-code/bcc-design.git",