Bump agnosticui-vue for showcase

AgnosticUI · Sep 15, 2020 · 3644b6a · 3644b6a
1 parent 8edc1ae
commit 3644b6a
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 11 deletions.
diff --git a/showcase/package.json b/showcase/package.json
@@ -8,7 +8,7 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
-    "agnosticui-vue": "^1.0.1-1",
+    "agnosticui-vue": "^1.0.1-2",
     "core-js": "^3.6.5",
     "vue": "^2.6.11",
     "vue-highlightjs": "^1.3.3"
@@ -41,4 +41,4 @@
     "last 2 versions",
     "not dead"
   ]
-}
+}
diff --git a/showcase/src/partials/Colors.vue b/showcase/src/partials/Colors.vue
@@ -24,9 +24,12 @@
       <div :class="$style.tipcontent">
         <p>
           AgnosticUI creates a minimal set of color tokens which you're encouraged to customize
-          and extend by simply redefining them in your top-level stylesheet. Here's what the
-          defaults look like if you do not redefined them:
+          and extend by simply redefining them in your top-level stylesheet. While we use sensible
+          neutral gray colors by default, we purposely use gaudy primary and secondary colors to, ahem,
+          encourage you to redefine and customize these!
         </p>
+
+        <p>Here's what the defaults look like if not redefined:</p>
         <div :class="$style.swatches">
           <ul :class="$style.swatcheswrap">
             <li :class="[$style.swatch, $style.primary]">
@@ -79,15 +82,17 @@
     </div>
     <pre v-highlightjs><code class="css">
 /**
-* You can override these by simply defining them in your top-level stylesheet.
+* You should override these by simply defining them in your top-level stylesheet.
+* Please do so for primary and secondary at minimum!
+*
 * Under the hood, when AgnosticUI applies one of these it does something like:
 * margin-left: var(--agnostic-primary, var(--agnostic-default-primary));
 * where the --agnostic-default-primary is the fallback if you haven't supplied
 * --agnostic-primary.
 */
 :root {
-  --agnostic-primary: #1087db;
-  --agnostic-secondary: #ff4351;
+  --agnostic-primary: Fuchsia;
+  --agnostic-secondary: Teal;
   --agnostic-gray-extra-light: #f8f8f8;
   --agnostic-gray-light: #e9e9e9;
   --agnostic-gray-mid: #d8d8d8;
@@ -101,8 +106,8 @@
 /* You will override these by defining them in your top-level stylesheet: */
 
 :root {
-  --my-gaudy-app-primary: hotpink;
-  --agnostic-primary: var(--my-gaudy-app-primary);
+  --my-even-more-gaudy-primary: hotpink;
+  --agnostic-primary: var(--my-even-more-gaudy-primary);
   ...and so on
 }
     </code></pre>
@@ -111,8 +116,9 @@
 <style module>
 .swatches {
   /* TODO -- REPLACE THES ONCE AGNOSTICUI COLORS COMPONENT DONE! */
-  --agnostic-primary: #1087db;
-  --agnostic-secondary: #ff4351;
+
+  --agnostic-primary: Fuchsia;
+  --agnostic-secondary: Teal;
   --agnostic-gray-extra-light: #f8f8f8;
   --agnostic-gray-light: #e9e9e9;
   --agnostic-gray-mid: #d8d8d8;

diff --git a/yarn.lock b/yarn.lock
@@ -3351,6 +3351,14 @@ aggregate-error@^3.0.0:
     clean-stack "^2.0.0"
     indent-string "^4.0.0"
 
+agnosticui-vue@^1.0.1-2:
+  version "1.0.1-2"
+  resolved "https://registry.yarnpkg.com/agnosticui-vue/-/agnosticui-vue-1.0.1-2.tgz#4682c8a6d219697bbabdd320858b06c3f8b0e393"
+  integrity sha512-JXrNOTIbECt5y6+dNkEqQWTWkOAJberKJLBSfua2zEVuN95lTIvfTLvtA801VNnUOYwBrQDsXapIyfFKwK8naw==
+  dependencies:
+    core-js "^3.6.5"
+    vue "^2.6.11"
+
 airbnb-js-shims@^2.2.1:
   version "2.2.1"
   resolved "https://registry.yarnpkg.com/airbnb-js-shims/-/airbnb-js-shims-2.2.1.tgz#db481102d682b98ed1daa4c5baa697a05ce5c040"