ultimate-jekyll-manager 0.0.198 → 0.0.200

package/dist/assets/themes/bootstrap/overrides/_buttons-adaptive.scss

@@ -3,93 +3,66 @@
 // =============================================================================
 // Buttons that automatically flip between light/dark styles based on theme.
 // These are universal utilities available to all UJ themes.
-// Note: Cannot use @extend with Bootstrap classes due to module scoping,
-// so we use CSS custom properties directly.
+// Uses CSS custom properties from _color-shades.scss for hover/active states.
 
 // ============================================
-// Button Style Mixins (DRY)
+// Solid Adaptive Buttons
 // ============================================
-@mixin btn-dark-styles {
+// Dark button in light mode, light button in dark mode
+.btn-adaptive {
   --bs-btn-color: #fff;
   --bs-btn-bg: var(--bs-dark);
   --bs-btn-border-color: var(--bs-dark);
   --bs-btn-hover-color: #fff;
-  --bs-btn-hover-bg: #1c1c1c;
-  --bs-btn-hover-border-color: #1a1a1a;
-  --bs-btn-focus-shadow-rgb: 66, 70, 73;
+  --bs-btn-hover-bg: var(--bs-dark-hover);
+  --bs-btn-hover-border-color: var(--bs-dark-active);
   --bs-btn-active-color: #fff;
-  --bs-btn-active-bg: #1a1a1a;
-  --bs-btn-active-border-color: #181818;
-  --bs-btn-disabled-color: #fff;
-  --bs-btn-disabled-bg: var(--bs-dark);
-  --bs-btn-disabled-border-color: var(--bs-dark);
+  --bs-btn-active-bg: var(--bs-dark-active);
+  --bs-btn-active-border-color: var(--bs-dark-active);
 }
 
-@mixin btn-light-styles {
+[data-bs-theme="dark"] .btn-adaptive {
   --bs-btn-color: #000;
   --bs-btn-bg: var(--bs-light);
   --bs-btn-border-color: var(--bs-light);
   --bs-btn-hover-color: #000;
-  --bs-btn-hover-bg: #e9ecef;
-  --bs-btn-hover-border-color: #e2e6ea;
-  --bs-btn-focus-shadow-rgb: 211, 212, 213;
+  --bs-btn-hover-bg: var(--bs-light-hover);
+  --bs-btn-hover-border-color: var(--bs-light-active);
   --bs-btn-active-color: #000;
-  --bs-btn-active-bg: #e2e6ea;
-  --bs-btn-active-border-color: #dae0e5;
-  --bs-btn-disabled-color: #000;
-  --bs-btn-disabled-bg: var(--bs-light);
-  --bs-btn-disabled-border-color: var(--bs-light);
+  --bs-btn-active-bg: var(--bs-light-active);
+  --bs-btn-active-border-color: var(--bs-light-active);
 }
 
-@mixin btn-outline-dark-styles {
+// ============================================
+// Outline Adaptive Buttons
+// ============================================
+.btn-outline-adaptive {
   --bs-btn-color: var(--bs-dark);
+  --bs-btn-bg: transparent;
   --bs-btn-border-color: var(--bs-dark);
   --bs-btn-hover-color: #fff;
   --bs-btn-hover-bg: var(--bs-dark);
   --bs-btn-hover-border-color: var(--bs-dark);
-  --bs-btn-focus-shadow-rgb: 33, 37, 41;
   --bs-btn-active-color: #fff;
   --bs-btn-active-bg: var(--bs-dark);
   --bs-btn-active-border-color: var(--bs-dark);
-  --bs-btn-disabled-color: var(--bs-dark);
-  --bs-btn-disabled-border-color: var(--bs-dark);
+
+  color: var(--bs-body-color);
+  border-color: var(--bs-dark);
 }
 
-@mixin btn-outline-light-styles {
+[data-bs-theme="dark"] .btn-outline-adaptive {
   --bs-btn-color: var(--bs-light);
+  --bs-btn-bg: transparent;
   --bs-btn-border-color: var(--bs-light);
   --bs-btn-hover-color: #000;
   --bs-btn-hover-bg: var(--bs-light);
   --bs-btn-hover-border-color: var(--bs-light);
-  --bs-btn-focus-shadow-rgb: 248, 249, 250;
   --bs-btn-active-color: #000;
   --bs-btn-active-bg: var(--bs-light);
   --bs-btn-active-border-color: var(--bs-light);
-  --bs-btn-disabled-color: var(--bs-light);
-  --bs-btn-disabled-border-color: var(--bs-light);
-}
 
-// ============================================
-// Solid Adaptive Buttons
-// ============================================
-// Dark button in light mode, light button in dark mode
-.btn-adaptive {
-  @include btn-dark-styles;
-}
-
-[data-bs-theme="dark"] .btn-adaptive {
-  @include btn-light-styles;
-}
-
-// ============================================
-// Outline Adaptive Buttons
-// ============================================
-.btn-outline-adaptive {
-  @include btn-outline-dark-styles;
-}
-
-[data-bs-theme="dark"] .btn-outline-adaptive {
-  @include btn-outline-light-styles;
+  border-color: var(--bs-light);
 }
 
 // ============================================
@@ -97,19 +70,59 @@
 // ============================================
 // The opposite of adaptive - light in light mode, dark in dark mode
 .btn-adaptive-inverse {
-  @include btn-light-styles;
+  --bs-btn-color: #000;
+  --bs-btn-bg: var(--bs-light);
+  --bs-btn-border-color: var(--bs-light);
+  --bs-btn-hover-color: #000;
+  --bs-btn-hover-bg: var(--bs-light-hover);
+  --bs-btn-hover-border-color: var(--bs-light-active);
+  --bs-btn-active-color: #000;
+  --bs-btn-active-bg: var(--bs-light-active);
+  --bs-btn-active-border-color: var(--bs-light-active);
 }
 
 [data-bs-theme="dark"] .btn-adaptive-inverse {
-  @include btn-dark-styles;
+  --bs-btn-color: #fff;
+  --bs-btn-bg: var(--bs-dark);
+  --bs-btn-border-color: var(--bs-dark);
+  --bs-btn-hover-color: #fff;
+  --bs-btn-hover-bg: var(--bs-dark-hover);
+  --bs-btn-hover-border-color: var(--bs-dark-active);
+  --bs-btn-active-color: #fff;
+  --bs-btn-active-bg: var(--bs-dark-active);
+  --bs-btn-active-border-color: var(--bs-dark-active);
 }
 
+// ============================================
+// Outline Inverse Adaptive Buttons
+// ============================================
 .btn-outline-adaptive-inverse {
-  @include btn-outline-light-styles;
+  --bs-btn-color: var(--bs-light);
+  --bs-btn-bg: transparent;
+  --bs-btn-border-color: var(--bs-light);
+  --bs-btn-hover-color: #000;
+  --bs-btn-hover-bg: var(--bs-light);
+  --bs-btn-hover-border-color: var(--bs-light);
+  --bs-btn-active-color: #000;
+  --bs-btn-active-bg: var(--bs-light);
+  --bs-btn-active-border-color: var(--bs-light);
+
+  color: var(--bs-body-color);
+  border-color: var(--bs-light);
 }
 
 [data-bs-theme="dark"] .btn-outline-adaptive-inverse {
-  @include btn-outline-dark-styles;
+  --bs-btn-color: var(--bs-dark);
+  --bs-btn-bg: transparent;
+  --bs-btn-border-color: var(--bs-dark);
+  --bs-btn-hover-color: #fff;
+  --bs-btn-hover-bg: var(--bs-dark);
+  --bs-btn-hover-border-color: var(--bs-dark);
+  --bs-btn-active-color: #fff;
+  --bs-btn-active-bg: var(--bs-dark);
+  --bs-btn-active-border-color: var(--bs-dark);
+
+  border-color: var(--bs-dark);
 }
 
 // ============================================

package/dist/assets/themes/bootstrap/overrides/_color-shades.scss

@@ -0,0 +1,25 @@
+// =============================================================================
+// Color Shade CSS Custom Properties
+// =============================================================================
+// Provides hover/active shade variants for light and dark colors.
+// These are used by adaptive buttons and can be reused elsewhere.
+
+:root,
+[data-bs-theme="light"] {
+  // Dark color shades (for hover/active states on dark buttons)
+  --bs-dark-hover: #3a3a44;
+  --bs-dark-active: #34343e;
+
+  // Light color shades (for hover/active states on light buttons)
+  --bs-light-hover: #d3d6db;
+  --bs-light-active: #c8ccd1;
+}
+
+[data-bs-theme="dark"] {
+  // In dark mode, the values are the same but semantic meaning is swapped
+  --bs-dark-hover: #3a3a44;
+  --bs-dark-active: #34343e;
+
+  --bs-light-hover: #d3d6db;
+  --bs-light-active: #c8ccd1;
+}

package/dist/assets/themes/bootstrap/overrides/_index.scss

@@ -8,6 +8,7 @@
 @use 'buttons-adaptive';
 
 // Colors
+@use 'color-shades';
 @use 'soft-colors';
 
 // Components

package/dist/assets/themes/classy/css/components/_buttons.scss

@@ -110,11 +110,10 @@
 // Outline Button Overrides
 // ============================================
 [class*="btn-outline-"] {
-  background: transparent !important;
   border-width: 2px !important;
   border-style: solid !important;
 
-  &:not(:hover) {
+  &:not(:hover):not(:active):not(.active) {
     background: transparent !important;
   }
 }

package/dist/build.js

@@ -3,7 +3,7 @@ const path = require('path');
 const jetpack = require('fs-jetpack');
 const fs = require('fs');
 const JSON5 = require('json5');
-const argv = require('yargs').argv;
+const argv = require('yargs')(process.argv.slice(2)).parseSync();
 const { force, execute } = require('node-powertools');
 const yaml = require('js-yaml');
 

package/dist/defaults/dist/pages/test/libraries/bootstrap.html

@@ -453,6 +453,13 @@ meta:
     <button type="button" class="btn btn-outline-light">Light</button>
     <button type="button" class="btn btn-outline-dark">Dark</button>
 
+    <h3 class="mt-4 mb-3">Adaptive Buttons (Theme-Aware)</h3>
+    <p class="text-muted">These buttons automatically adapt to light/dark mode. Use instead of btn-light/btn-dark.</p>
+    <button type="button" class="btn btn-adaptive">Adaptive</button>
+    <button type="button" class="btn btn-outline-adaptive">Outline Adaptive</button>
+    <button type="button" class="btn btn-adaptive-inverse">Adaptive Inverse</button>
+    <button type="button" class="btn btn-outline-adaptive-inverse">Outline Adaptive Inverse</button>
+
     <h3 class="mt-4 mb-3">Button Sizes</h3>
     <button type="button" class="btn btn-primary btn-lg">Large button</button>
     <button type="button" class="btn btn-primary">Default button</button>

package/dist/defaults/src/_config.yml

@@ -157,12 +157,9 @@ tracking:
   meta-pixel: null
   tiktok-pixel: null
 
-# Favicon
-favicon:
-  path: "https://cdn.itwcreativeworks.com/assets/itw-creative-works/images/favicon"
-  safari-pinned-tab: "#5bbad5"
-  msapp-tile-color: "#da532c"
-  theme-color: "#ffffff"
+# reCAPTCHA
+recaptcha:
+  site-key: null
 
 # Cloudflare
 cloudflare:
@@ -191,6 +188,13 @@ extension:
   edge: ""
   brave: ""
 
+# Favicon
+favicon:
+  path: "https://cdn.itwcreativeworks.com/assets/itw-creative-works/images/favicon"
+  safari-pinned-tab: "#5bbad5"
+  msapp-tile-color: "#da532c"
+  theme-color: "#ffffff"
+
 # Manifest
 manifest:
   name: ""

package/dist/gulp/tasks/defaults.js

@@ -8,7 +8,7 @@ const path = require('path');
 const { minimatch } = require('minimatch');
 const { template } = require('node-powertools');
 const createTemplateTransform = require('./utils/template-transform');
-const argv = require('yargs').argv;
+const argv = require('yargs')(process.argv.slice(2)).parseSync();
 const JSON5 = require('json5');
 
 // Load package

package/dist/gulp/tasks/sass.js

@@ -218,6 +218,10 @@ function sass(complete) {
           /^active$/,
           /^disabled$/,
 
+          // Buttons
+          // /^btn-outline-adaptive$/,
+          // /^btn-adaptive$/,
+
           // Accordion specific
           /^accordion/,
           /^collapsed$/,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ultimate-jekyll-manager",
-  "version": "0.0.198",
+  "version": "0.0.200",
   "description": "Ultimate Jekyll dependency manager",
   "main": "dist/index.js",
   "exports": {
@@ -60,9 +60,9 @@
     "lighthouse": "Removed from deps to avoid @sentry/core version conflicts with web-manager. Install globally: npm i -g lighthouse"
   },
   "dependencies": {
-    "@babel/core": "^7.28.5",
-    "@babel/preset-env": "^7.28.5",
-    "@fullhuman/postcss-purgecss": "^7.0.2",
+    "@babel/core": "^7.28.6",
+    "@babel/preset-env": "^7.28.6",
+    "@fullhuman/postcss-purgecss": "^8.0.0",
     "@minify-html/node": "^0.18.1",
     "@octokit/rest": "^22.0.1",
     "@popperjs/core": "^2.11.8",
@@ -71,7 +71,7 @@
     "babel-loader": "^10.0.0",
     "browser-sync": "^3.0.4",
     "chalk": "^5.6.2",
-    "cheerio": "^1.1.2",
+    "cheerio": "^1.2.0",
     "chrome-launcher": "^1.2.1",
     "dotenv": "^17.2.3",
     "fast-xml-parser": "^5.3.3",
@@ -84,25 +84,25 @@
     "gulp-responsive-modern": "^1.0.0",
     "gulp-sass": "^6.0.1",
     "html-minifier-terser": "^7.2.0",
-    "html-validate": "^10.5.0",
+    "html-validate": "^10.7.0",
     "itwcw-package-analytics": "^1.0.6",
-    "js-yaml": "^3.14.2",
+    "js-yaml": "^4.1.1",
     "json5": "^2.2.3",
-    "libsodium-wrappers": "^0.7.15",
-    "lodash": "^4.17.21",
+    "libsodium-wrappers": "^0.8.2",
+    "lodash": "^4.17.23",
     "minimatch": "^10.1.1",
     "node-powertools": "^2.3.2",
     "npm-api": "^1.0.1",
     "postcss": "^8.5.6",
-    "prettier": "^3.7.4",
-    "sass": "^1.97.1",
+    "prettier": "^3.8.1",
+    "sass": "^1.97.3",
     "spellchecker": "^3.7.1",
     "through2": "^4.0.2",
-    "web-manager": "^4.1.3",
+    "web-manager": "^4.1.6",
     "webpack": "^5.104.1",
     "wonderful-fetch": "^1.3.4",
     "wonderful-version": "^1.3.2",
-    "yargs": "^17.7.2"
+    "yargs": "^18.0.0"
   },
   "peerDependencies": {
     "gulp": "^5.0.1"