@caweb/framework 1.9.7 → 1.9.8

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@caweb/framework",
-    "version": "1.9.7",
+    "version": "1.9.8",
     "description": "Official CAWebPublishing Framework frontend toolkit",
     "author": "CAWebPublishing",
     "homepage": "https://github.com/CAWebPublishing/framework#readme",
@@ -29,7 +29,7 @@
     "devDependencies": {
         "@caweb/icon-library": "^1.1.7",
         "@caweb/template": "^1.0.13",
-        "@caweb/webpack": "^1.6.4",
+        "@caweb/webpack": "^1.6.5",
         "@inquirer/prompts": "^8.2.0",
         "animate.css": "^4.1.1",
         "bootstrap": "^5.3.8",

package/src/styles/bootstrap/utils/_maps.scss

@@ -4,10 +4,21 @@
 $theme-colors: map-merge-multiple(
   $theme-colors,
   $custom-colors,
-  $social-media-colors
+  $social-media-colors,
 );
 // scss-docs-end theme-colors-map
 
+// scss-docs-start grays-map
+@each $c, $val in $grays {
+    $theme-colors: map-merge(
+        $theme-colors,
+        (
+            gray-#{$c}: $val,
+        )
+    );
+}
+// scss-docs-end grays-map
+
 // scss-docs-start theme-colors-rgb
 $theme-colors-rgb: map-loop($theme-colors, to-rgb, "$value");
 // scss-docs-end theme-colors-rgb
@@ -48,3 +59,4 @@ $utilities-bg-colors: map-loop($utilities-bg, rgba-css-var, "$key", "bg");
     );
 }
 // scss-docs-end colors-map
+

package/src/styles/components/index.scss

@@ -2,7 +2,6 @@
 // Structural Elements
 // -------------------------------------------------
 @import "structural/type";
-@import "structural/globals";
 @import "structural/branding";
 @import "structural/breadcrumbs";
 @import "structural/footers";

package/src/styles/components/structural/_type.scss

@@ -50,3 +50,70 @@ a {
   padding: .5rem 0;
 }
 
+// Add padding to rows directly after containers
+#page-container .container {
+  & > .row {
+    &:first-child {
+      padding-top: $spacer * 1.5;
+      padding-bottom: $spacer * 1.5;
+    }
+
+    & {
+      padding-bottom: $spacer * 1.5;
+    }
+  }
+}
+
+.ca-gov-logo-svg {
+  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20viewBox%3D%220%200%20149.31%2083.66%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.cls-1%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20url(%23linear-gradient)%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.cls-1%2C%20.cls-2%2C%20.cls-3%20%7B%0A%20%20%20%20%20%20%20%20stroke-width%3A%200px%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.cls-2%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20url(%23linear-gradient-2)%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.cls-3%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23b91f39%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C%2Fstyle%3E%0A%20%20%20%20%3ClinearGradient%20id%3D%22linear-gradient%22%20x1%3D%22101.65%22%20y1%3D%2239.47%22%20x2%3D%22101.65%22%20y2%3D%2283.66%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22%238b5a24%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23441a12%22%2F%3E%0A%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%20%20%3ClinearGradient%20id%3D%22linear-gradient-2%22%20x1%3D%2263.41%22%20y1%3D%220%22%20x2%3D%2263.41%22%20y2%3D%2283.64%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22%231b93b8%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22.6%22%20stop-color%3D%22%231b93b8%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2304628d%22%2F%3E%0A%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cg%20id%3D%22Logo%22%3E%0A%20%20%20%20%3Cpath%20class%3D%22cls-3%22%20d%3D%22M55.44%2C38.37c.34-.24%2C6.27-4.36%2C6.35-4.72h-7.88c-.31%2C0-.52%2C0-.64-.4h-.01c-.73-2.26-2.41-7.23-2.66-7.36-.82%2C2.5-1.64%2C4.99-2.44%2C7.48-.09.28-.28.29-.51.29-1.78-.03-7.09.09-8.11.09.18.16%2C4.41%2C3.17%2C6.47%2C4.63.26.18.39.31.27.69-.66%2C1.95-2.28%2C6.84-2.28%2C7.35.15.05%2C4.12-2.8%2C6.04-4.16q.77-.55%2C1.54%2C0c.06.04%2C4.05%2C2.84%2C6.01%2C4.21.11-.36-1.61-5.23-2.36-7.44-.1-.32-.08-.45.21-.66Z%22%2F%3E%0A%20%20%20%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M145.41%2C63.47l-.08.03c-.1-2.32-2-7.07-3.66-8.58.71-2.13-.28-3.21-.85-3.93-.34-.42-1.47-.71-1.97-.91-1.79-2.72-5.62-5.19-10.99-6.77-3.48-1.02-7.6-1.68-12.25-1.78-.21%2C0-.44-.01-.69-.01-.47%2C0-.99.02-1.55.05-4.26.23-10.8%2C1.18-12.33%2C1.18h-.13c-.64-.03-2.22-.73-4.09-1.47-2.2-.88-4.77-1.81-6.67-1.81-.2%2C0-.4%2C0-.58.03-1.79.22-6.01%2C2.91-7.57%2C3.77-1.07.59-4.53%2C2.07-5.52%2C2.7-.21.07-.68.07-.88.14-2.47.82-4.21%2C3.65-4.95%2C4.14-.08-.3-1.01-1.59-2.32-1.59-.15%2C0-.31.02-.47.06-1.59.66-1.48%2C1.84-1.48%2C2.41-.31-.12-.77-.69-1.64-.69-.31%2C0-.68.07-1.09.25-1.75.94-.81%2C2.49-1.23%2C3.02-.63.84-2.7%2C2.91-3.48%2C4.34-.33.59.03%2C2.13-.22%2C2.74-.69%2C1.68-4.4%2C4.66-4.75%2C5.33-.12.31.88%2C1.31%2C2.11%2C2.28%2C1.13.89%2C2.43%2C1.73%2C3.24%2C1.93%2C2.27%2C0%2C7.14-.94%2C8.2-1.06h.01c.31%2C0%2C.87.21%2C1.59.4.63.16%2C1.39.32%2C2.25.32.23%2C0%2C.48%2C0%2C.72-.03%2C1.11-.23%2C1.85-.74%2C2.46-1.35%2C1.01-1.02%2C1.59-2.31%2C2.74-2.82.88-.4%2C2-.69%2C2.97-.69.48%2C0%2C.93.07%2C1.29.24-1.83%2C3.28-1.43%2C7.67-2.07%2C8.3-.71.69-1.27%2C1.41-1.71%2C2.09-1.57%2C2.41-1.79%2C4.6-2.55%2C5.11-.21.14-.48.19-.78.19-.86%2C0-2.03-.41-2.85-.41-.2%2C0-.38.02-.54.08-.98.36-3.26%2C2.46-2.42%2C2.96.26.02%2C4%2C.02%2C7.93.02h3.41c.1%2C0%2C2.19-1.91%2C2.29-1.91h5.53c.52-.08.47-.91%2C2.86-2.13%2C2.7-1.06%2C1.42-6.28%2C4.88-10.27.03%2C0%2C1.06-.97%2C1.3-.97%2C1.2%2C0%2C3.22%2C2.18%2C10.49%2C2.18s9.03-2.51%2C10.03-2.51c.5%2C0%2C1.5.75%2C1.5%2C1-3.25%2C5.52%2C4.92%2C11.72%2C4.27%2C12.11-.02.02-.05.02-.08.02-.28%2C0-1.07-.44-2.26-.44-.48%2C0-1.02.07-1.62.27-1.32.44-2.39%2C2.11-1.36%2C2.62.27%2C0%2C3.52.01%2C6.75.01%2C1.8%2C0%2C3.6%2C0%2C4.88-.01.41-.05.38-.83.36-1.59-.01-.5-.02-.99.09-1.25.34-.44.64-2%2C1.51-3.09.85-.93%2C1.51-1.64%2C2.21-1.64.29%2C0%2C.57.13.88.4%2C1.53.84%2C5.23%2C1.3%2C7.33%2C2.06.87.32%2C1.48.67%2C1.52%2C1.14-.03.26-.24.34-.54.34-.13%2C0-.27-.01-.42-.03-.51-.07-1.18-.23-1.83-.23-.34%2C0-.66.05-.97.16-.95.36-1.91%2C1.39-2.18%2C2.14-.14.41-.09.73.29.82h8.7c1%2C0%2C.63-2%2C2.85-6.44.33-1.25-2.79-2.96-3.25-5.33-.29-1.55-.59-4.63-.63-7.63Z%22%2F%3E%0A%20%20%20%20%3Cpath%20class%3D%22cls-2%22%20d%3D%22M87.25%2C34.25l12.05-31.23h14.34l13.18%2C34.16c-3.46-.8-7.18-1.24-11.08-1.32h-.06s-.06%2C0-.06%2C0c-.06%2C0-.12%2C0-.18%2C0-.16%2C0-.33%2C0-.51%2C0-.55%2C0-1.12.02-1.67.05h-.11s-.04%2C0-.04%2C0h-.04c-.23.01-.48.03-.72.05l-5.78-14.96-6.05%2C15.67c-.17-.07-.34-.14-.5-.2-.35-.14-.71-.29-1.09-.44-2.88-1.15-5.94-2.21-8.77-2.21-.31%2C0-.82%2C0-1.43.1-.48.07-.99.2-1.5.36ZM42.16%2C83.64c8.86%2C0%2C15.54-1.75%2C21.44-4.99l1.27-3.22c-2.1.32-4.04.57-5.53.57h-.71l-.69-.18c-1.53-.39-3.33-1.39-5.36-2.99-.78-.61-2.03-1.62-2.99-2.95-2.22.51-4.6.79-7.2.79-17.12%2C0-29.08-11.91-29.08-28.97%2C0-16.11%2C12.62-28.74%2C28.74-28.74%2C9.03%2C0%2C17.03%2C3.6%2C24.44%2C10.98l5.24-13.3C63.54%2C3.82%2C53.19%2C0%2C42.39%2C0c-11.38%2C0-21.96%2C4.05-29.78%2C11.41C4.48%2C19.06%2C0%2C29.82%2C0%2C41.71c0%2C24.69%2C17.34%2C41.93%2C42.16%2C41.93Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E") no-repeat;
+  aspect-ratio: 45 / 25;
+  width: 45px;
+  display: inline-block;
+}
+
+/* External link icon */
+a .ca-gov-icon-external-link {
+ display: inline-block;
+ padding: 0;
+ position: relative;
+ text-decoration: none;
+
+ &::before {
+   font-size: 75%;
+   margin-left: 3px;
+ }
+}
+
+/* Accessibility backward compatibility */
+.sr-only {
+ position: absolute !important;
+ width: 1px !important;
+ height: 1px !important;
+ padding: 0 !important;
+ margin: -1px !important;
+ overflow: hidden !important;
+ clip: rect(0, 0, 0, 0) !important;
+ white-space: nowrap !important;
+ border: 0 !important;
+}
+
+.pagination{
+	display: block;
+}
+
+.page-title,
+.page-date{
+  @include make-container();
+  
+  @each $breakpoint, $container-max-width in $container-max-widths {
+
+    @include media-breakpoint-up($breakpoint){
+      max-width: #{$container-max-width};
+    }
+  }
+
+}
+
+.page-date{
+  color: var( --bs-secondary-color, $secondary);
+}

package/src/styles/components/structural/_globals.scss

@@ -1,57 +0,0 @@
-/* -----------------------------------------
-   GLOBALS 
-   /src/styles/components/globals.scss
------------------------------------------ */
-.ca-gov-logo-svg {
-  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20viewBox%3D%220%200%20149.31%2083.66%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.cls-1%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20url(%23linear-gradient)%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.cls-1%2C%20.cls-2%2C%20.cls-3%20%7B%0A%20%20%20%20%20%20%20%20stroke-width%3A%200px%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.cls-2%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20url(%23linear-gradient-2)%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.cls-3%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23b91f39%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C%2Fstyle%3E%0A%20%20%20%20%3ClinearGradient%20id%3D%22linear-gradient%22%20x1%3D%22101.65%22%20y1%3D%2239.47%22%20x2%3D%22101.65%22%20y2%3D%2283.66%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22%238b5a24%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23441a12%22%2F%3E%0A%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%20%20%3ClinearGradient%20id%3D%22linear-gradient-2%22%20x1%3D%2263.41%22%20y1%3D%220%22%20x2%3D%2263.41%22%20y2%3D%2283.64%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22%231b93b8%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22.6%22%20stop-color%3D%22%231b93b8%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2304628d%22%2F%3E%0A%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cg%20id%3D%22Logo%22%3E%0A%20%20%20%20%3Cpath%20class%3D%22cls-3%22%20d%3D%22M55.44%2C38.37c.34-.24%2C6.27-4.36%2C6.35-4.72h-7.88c-.31%2C0-.52%2C0-.64-.4h-.01c-.73-2.26-2.41-7.23-2.66-7.36-.82%2C2.5-1.64%2C4.99-2.44%2C7.48-.09.28-.28.29-.51.29-1.78-.03-7.09.09-8.11.09.18.16%2C4.41%2C3.17%2C6.47%2C4.63.26.18.39.31.27.69-.66%2C1.95-2.28%2C6.84-2.28%2C7.35.15.05%2C4.12-2.8%2C6.04-4.16q.77-.55%2C1.54%2C0c.06.04%2C4.05%2C2.84%2C6.01%2C4.21.11-.36-1.61-5.23-2.36-7.44-.1-.32-.08-.45.21-.66Z%22%2F%3E%0A%20%20%20%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M145.41%2C63.47l-.08.03c-.1-2.32-2-7.07-3.66-8.58.71-2.13-.28-3.21-.85-3.93-.34-.42-1.47-.71-1.97-.91-1.79-2.72-5.62-5.19-10.99-6.77-3.48-1.02-7.6-1.68-12.25-1.78-.21%2C0-.44-.01-.69-.01-.47%2C0-.99.02-1.55.05-4.26.23-10.8%2C1.18-12.33%2C1.18h-.13c-.64-.03-2.22-.73-4.09-1.47-2.2-.88-4.77-1.81-6.67-1.81-.2%2C0-.4%2C0-.58.03-1.79.22-6.01%2C2.91-7.57%2C3.77-1.07.59-4.53%2C2.07-5.52%2C2.7-.21.07-.68.07-.88.14-2.47.82-4.21%2C3.65-4.95%2C4.14-.08-.3-1.01-1.59-2.32-1.59-.15%2C0-.31.02-.47.06-1.59.66-1.48%2C1.84-1.48%2C2.41-.31-.12-.77-.69-1.64-.69-.31%2C0-.68.07-1.09.25-1.75.94-.81%2C2.49-1.23%2C3.02-.63.84-2.7%2C2.91-3.48%2C4.34-.33.59.03%2C2.13-.22%2C2.74-.69%2C1.68-4.4%2C4.66-4.75%2C5.33-.12.31.88%2C1.31%2C2.11%2C2.28%2C1.13.89%2C2.43%2C1.73%2C3.24%2C1.93%2C2.27%2C0%2C7.14-.94%2C8.2-1.06h.01c.31%2C0%2C.87.21%2C1.59.4.63.16%2C1.39.32%2C2.25.32.23%2C0%2C.48%2C0%2C.72-.03%2C1.11-.23%2C1.85-.74%2C2.46-1.35%2C1.01-1.02%2C1.59-2.31%2C2.74-2.82.88-.4%2C2-.69%2C2.97-.69.48%2C0%2C.93.07%2C1.29.24-1.83%2C3.28-1.43%2C7.67-2.07%2C8.3-.71.69-1.27%2C1.41-1.71%2C2.09-1.57%2C2.41-1.79%2C4.6-2.55%2C5.11-.21.14-.48.19-.78.19-.86%2C0-2.03-.41-2.85-.41-.2%2C0-.38.02-.54.08-.98.36-3.26%2C2.46-2.42%2C2.96.26.02%2C4%2C.02%2C7.93.02h3.41c.1%2C0%2C2.19-1.91%2C2.29-1.91h5.53c.52-.08.47-.91%2C2.86-2.13%2C2.7-1.06%2C1.42-6.28%2C4.88-10.27.03%2C0%2C1.06-.97%2C1.3-.97%2C1.2%2C0%2C3.22%2C2.18%2C10.49%2C2.18s9.03-2.51%2C10.03-2.51c.5%2C0%2C1.5.75%2C1.5%2C1-3.25%2C5.52%2C4.92%2C11.72%2C4.27%2C12.11-.02.02-.05.02-.08.02-.28%2C0-1.07-.44-2.26-.44-.48%2C0-1.02.07-1.62.27-1.32.44-2.39%2C2.11-1.36%2C2.62.27%2C0%2C3.52.01%2C6.75.01%2C1.8%2C0%2C3.6%2C0%2C4.88-.01.41-.05.38-.83.36-1.59-.01-.5-.02-.99.09-1.25.34-.44.64-2%2C1.51-3.09.85-.93%2C1.51-1.64%2C2.21-1.64.29%2C0%2C.57.13.88.4%2C1.53.84%2C5.23%2C1.3%2C7.33%2C2.06.87.32%2C1.48.67%2C1.52%2C1.14-.03.26-.24.34-.54.34-.13%2C0-.27-.01-.42-.03-.51-.07-1.18-.23-1.83-.23-.34%2C0-.66.05-.97.16-.95.36-1.91%2C1.39-2.18%2C2.14-.14.41-.09.73.29.82h8.7c1%2C0%2C.63-2%2C2.85-6.44.33-1.25-2.79-2.96-3.25-5.33-.29-1.55-.59-4.63-.63-7.63Z%22%2F%3E%0A%20%20%20%20%3Cpath%20class%3D%22cls-2%22%20d%3D%22M87.25%2C34.25l12.05-31.23h14.34l13.18%2C34.16c-3.46-.8-7.18-1.24-11.08-1.32h-.06s-.06%2C0-.06%2C0c-.06%2C0-.12%2C0-.18%2C0-.16%2C0-.33%2C0-.51%2C0-.55%2C0-1.12.02-1.67.05h-.11s-.04%2C0-.04%2C0h-.04c-.23.01-.48.03-.72.05l-5.78-14.96-6.05%2C15.67c-.17-.07-.34-.14-.5-.2-.35-.14-.71-.29-1.09-.44-2.88-1.15-5.94-2.21-8.77-2.21-.31%2C0-.82%2C0-1.43.1-.48.07-.99.2-1.5.36ZM42.16%2C83.64c8.86%2C0%2C15.54-1.75%2C21.44-4.99l1.27-3.22c-2.1.32-4.04.57-5.53.57h-.71l-.69-.18c-1.53-.39-3.33-1.39-5.36-2.99-.78-.61-2.03-1.62-2.99-2.95-2.22.51-4.6.79-7.2.79-17.12%2C0-29.08-11.91-29.08-28.97%2C0-16.11%2C12.62-28.74%2C28.74-28.74%2C9.03%2C0%2C17.03%2C3.6%2C24.44%2C10.98l5.24-13.3C63.54%2C3.82%2C53.19%2C0%2C42.39%2C0c-11.38%2C0-21.96%2C4.05-29.78%2C11.41C4.48%2C19.06%2C0%2C29.82%2C0%2C41.71c0%2C24.69%2C17.34%2C41.93%2C42.16%2C41.93Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E") no-repeat;
-  aspect-ratio: 45 / 25;
-  width: 45px;
-  display: inline-block;
-}
-
-/* External link icon */
-a .ca-gov-icon-external-link {
- display: inline-block;
- padding: 0;
- position: relative;
- text-decoration: none;
-
- &::before {
-   font-size: 75%;
-   margin-left: 3px;
- }
-}
-
-/* Accessibility backward compatibility */
-.sr-only {
- position: absolute !important;
- width: 1px !important;
- height: 1px !important;
- padding: 0 !important;
- margin: -1px !important;
- overflow: hidden !important;
- clip: rect(0, 0, 0, 0) !important;
- white-space: nowrap !important;
- border: 0 !important;
-}
-
-.pagination{
-	display: block;
-}
-
-.page-title,
-.page-date{
-  @include make-container();
-  
-  @each $breakpoint, $container-max-width in $container-max-widths {
-
-    @include media-breakpoint-up($breakpoint){
-      max-width: #{$container-max-width};
-    }
-  }
-
-}
-
-.page-date{
-  color: var( --bs-secondary-color, $secondary);
-}