jcicl 0.0.118 → 0.0.122

package/Tooltip/Tooltip.js

@@ -4,7 +4,7 @@ import { a as Ht, g as Ut, P as r, d as Ft, s as et, u as qt, c as zt, e as Yt,
 import { o as Rt, P as fo, H as Qe, d as uo, c as Xt, a as vo, f as mo, h as ho, g as go, G as At, i as ze, e as yo } from "../.chunks/Portal.js";
 import { m as lt } from "../.chunks/memoTheme.js";
 import { c as bo } from "../.chunks/chainPropTypes.js";
-import { r as Gt, c as it, e as Ct, b as Ye, d as Mt, f as wo } from "../.chunks/TransitionGroupContext.js";
+import { r as Gt, a as it, u as Ct, d as Ye, e as Mt, f as wo } from "../.chunks/TransitionGroupContext.js";
 import { i as jt } from "../.chunks/isFocusVisible.js";
 var W = "top", z = "bottom", Y = "right", I = "left", ct = "auto", Ie = [W, z, Y, I], Oe = "start", ke = "end", Oo = "clippingParents", Kt = "viewport", Se = "popper", xo = "reference", $t = /* @__PURE__ */ Ie.reduce(function(t, e) {
   return t.concat([e + "-" + Oe, e + "-" + ke]);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "jcicl",
   "private": false,
-  "version": "0.0.118",
+  "version": "0.0.122",
   "description": "Component library for the websites of Johnson County Iowa",
   "license": "MIT",
   "homepage": "https://devops.jc.net/JCIT/Business%20Solutions%20Delivery/_git/JCComponentLibrary?path=%2FREADME.md&version=GBmaster",

package/theme.d.ts

@@ -3,6 +3,7 @@ export interface ThemeColors {
     blue: string;
     burgundy: string;
     charcoal: string;
+    cherryBlossom: string;
     cobalt: string;
     cornflower: string;
     dandelion: string;
@@ -39,9 +40,11 @@ export interface ThemeColors {
 }
 export interface ThemeBoxShadows extends Partial<ThemeColors> {
     black63?: string;
+    maroonThick?: string;
     darkGreenThick?: string;
     gray63?: string;
     greenThick?: string;
+    indigoThick?: string;
 }
 export interface ThemeConstants {
     appHeaderHeight: number;
@@ -62,5 +65,19 @@ export interface Theme {
     screenSizes: ThemeScreenSizes;
     fonts: ThemeFonts;
 }
+export interface TemplateThemeProps {
+    backgroundPrimary: string;
+    backgroundSecondary: string;
+    backgroundTertiary: string;
+    borderPrimary: string;
+    iconPrimary: string;
+    highlightPrimary: string;
+    highlightSecondary: string;
+    highlightTertiary: string;
+    shadowPrimary: string;
+    shadowSecondary: string;
+    shadowTertiary: string;
+    scrollColor: string;
+}
 declare const theme: Theme;
 export default theme;

package/theme.js

@@ -1,4 +1,4 @@
-const e = {
+const a = {
   fonts: {
     roboto: "Roboto, sans-serif"
   },
@@ -8,6 +8,7 @@ const e = {
     blue: "#1976d2",
     burgundy: "#920920",
     charcoal: "#404040",
+    cherryBlossom: "#f7c6d0",
     cobalt: "#022961",
     cornflower: "#6aa7fc",
     dandelion: "#fffacd",
@@ -51,21 +52,25 @@ const e = {
     // Testing range for mobile: 320px - 480px
     mobile: "533px",
     // Testing range for tablets: 533px - 1080px
-    tablet: "963px"
+    tablet: "1080px"
   }
 };
-e.boxShadows = {
+a.boxShadows = {
   ...Object.fromEntries(
-    Object.keys(e.colors).map((a) => [
-      a,
-      `0 0 8px -2px ${e.colors[a]}`
+    Object.keys(a.colors).map((e) => [
+      e,
+      `0 0 8px -2px ${a.colors[e]}`
+    ])
+  ),
+  ...Object.fromEntries(
+    Object.keys(a.colors).map((e) => [
+      `${e}Thick`,
+      `0 0 2px 1px ${a.colors[e]}`
     ])
   ),
-  darkGreenThick: `0 0 2px 1px ${e.colors.darkGreen}`,
-  greenThick: `0 0 2px 1px ${e.colors.green}`,
   gray63: "0px 0px 2px 1px rgba(100, 100, 100, 0.63)",
   black63: "0px 0px 2px 1px rgba(0, 0, 0, 0.63)"
 };
 export {
-  e as default
+  a as default
 };