@swiftwc/ui 0.0.0-dev.65 → 0.0.0-dev.66

package/generated/client/index.js

@@ -108,7 +108,6 @@ document.addEventListener('touchstart', () => { }, { passive: true });
 //#endregion
 // SECTION
 const handleHelp = ({ target, relatedTarget }) => {
-    console.log(999, target);
     if (!(target instanceof HTMLElement))
         return;
     const trigger = target.closest('[help]');

package/generated/css/index.css

@@ -843,6 +843,7 @@
     --red: var(--itemtext);
     --green: var(--itemtext);
     --orange: var(--itemtext);
+    --purple: var(--itemtext);
     --accentColor: var(--itemtext);
     --accentColorEffective: var(--itemtext);
   }
@@ -871,6 +872,7 @@
     --red: var(--itemtext);
     --green: var(--itemtext);
     --orange: var(--itemtext);
+    --purple: var(--itemtext);
     --accentColor: var(--itemtext);
     --accentColorEffective: var(--itemtext);
   }
@@ -897,6 +899,7 @@
     --red: var(--itemtext);
     --green: var(--itemtext);
     --orange: var(--itemtext);
+    --purple: var(--itemtext);
     --accentColor: var(--itemtext);
     --accentColorEffective: var(--itemtext);
   }
@@ -2414,6 +2417,7 @@
     --red: var(--btntext);
     --green: var(--btntext);
     --orange: var(--btntext);
+    --purple: var(--btntext);
     --accentColor: var(--btntext);
     --accentColorEffective: var(--btntext);
   }
@@ -2541,6 +2545,7 @@
     --red: var(--btntext);
     --green: var(--btntext);
     --orange: var(--btntext);
+    --purple: var(--btntext);
     --accentColor: var(--btntext);
     --accentColorEffective: var(--btntext);
   }
@@ -3364,6 +3369,7 @@
     --red: var(--menuitemtext);
     --green: var(--menuitemtext);
     --orange: var(--menuitemtext);
+    --purple: var(--menuitemtext);
     --accentColor: var(--menuitemtext);
     --accentColorEffective: var(--menuitemtext);
   }
@@ -3378,6 +3384,7 @@
       --red: var(--menuitemtext);
       --green: var(--menuitemtext);
       --orange: var(--menuitemtext);
+      --purple: var(--menuitemtext);
       --accentColor: var(--menuitemtext);
       --accentColorEffective: var(--menuitemtext);
     }
@@ -3393,6 +3400,7 @@
     --red: var(--menuitemtext);
     --green: var(--menuitemtext);
     --orange: var(--menuitemtext);
+    --purple: var(--menuitemtext);
     --accentColor: var(--menuitemtext);
     --accentColorEffective: var(--menuitemtext);
   }
@@ -3405,6 +3413,7 @@
       --red: var(--menuitemtext);
       --green: var(--menuitemtext);
       --orange: var(--menuitemtext);
+      --purple: var(--menuitemtext);
       --accentColor: var(--menuitemtext);
       --accentColorEffective: var(--menuitemtext);
     }
@@ -5541,6 +5550,9 @@
   :where([foreground=orange]) {
     color: var(--orange);
   }
+  :where([foreground=purple]) {
+    color: var(--purple);
+  }
   :where([foreground="blue.secondary"]) {
     color: var(--blue2);
   }
@@ -5553,6 +5565,9 @@
   :where([foreground="orange.secondary"]) {
     color: var(--orange2);
   }
+  :where([foreground="purple.secondary"]) {
+    color: var(--purple2);
+  }
   :where([foreground="blue.tertiary"]) {
     color: var(--blue3);
   }
@@ -5565,6 +5580,9 @@
   :where([foreground="orange.tertiary"]) {
     color: var(--orange3);
   }
+  :where([foreground="purple.tertiary"]) {
+    color: var(--purple3);
+  }
   :where([foreground="blue.quaternary"]) {
     color: var(--blue4);
   }
@@ -5577,6 +5595,9 @@
   :where([foreground="orange.quaternary"]) {
     color: var(--orange4);
   }
+  :where([foreground="purple.quaternary"]) {
+    color: var(--purple4);
+  }
   :where([foreground="blue.quinary"]) {
     color: var(--blue5);
   }
@@ -5589,6 +5610,9 @@
   :where([foreground="orange.quinary"]) {
     color: var(--orange5);
   }
+  :where([foreground="purple.quinary"]) {
+    color: var(--purple5);
+  }
   :where([tint=gray],
   [list-item-tint=gray]) {
     --accentColorEffective: var(--gray);
@@ -8676,6 +8700,7 @@
     --red: var(--toolbaritemtext);
     --green: var(--toolbaritemtext);
     --orange: var(--toolbaritemtext);
+    --purple: var(--toolbaritemtext);
     --accentColor: var(--toolbaritemtext);
     --accentColorEffective: var(--toolbaritemtext);
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swiftwc/ui",
-  "version": "0.0.0-dev.65",
+  "version": "0.0.0-dev.66",
   "description": "Elegant SwiftUI-inspired web components for standalone web apps and web extensions.",
   "publishConfig": {
     "access": "public"

package/scss/mixins/_index.scss

@@ -208,6 +208,7 @@
   --red: var(--#{$prefix}text);
   --green: var(--#{$prefix}text);
   --orange: var(--#{$prefix}text);
+  --purple: var(--#{$prefix}text);
 
   // NOTE: breaks list-item-tints
   --accentColor: var(--#{$prefix}text);

package/scss/utils/_index.scss

@@ -33,22 +33,27 @@
         red: --red,
         green: --green,
         orange: --orange,
+        purple: --purple,
         'blue.secondary': --blue2,
         'red.secondary': --red2,
         'green.secondary': --green2,
         'orange.secondary': --orange2,
+        'purple.secondary': --purple2,
         'blue.tertiary': --blue3,
         'red.tertiary': --red3,
         'green.tertiary': --green3,
         'orange.tertiary': --orange3,
+        'purple.tertiary': --purple3,
         'blue.quaternary': --blue4,
         'red.quaternary': --red4,
         'green.quaternary': --green4,
         'orange.quaternary': --orange4,
+        'purple.quaternary': --purple4,
         'blue.quinary': --blue5,
         'red.quinary': --red5,
         'green.quinary': --green5,
-        'orange.quinary': --orange5
+        'orange.quinary': --orange5,
+        'purple.quinary': --purple5
       )
   {
     :where([foreground='#{"" + $k}']) {