jcicl 0.0.116 → 0.0.120

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.116",
+  "version": "0.0.120",
   "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

@@ -42,6 +42,7 @@ export interface ThemeBoxShadows extends Partial<ThemeColors> {
     darkGreenThick?: string;
     gray63?: string;
     greenThick?: string;
+    indigoThick?: string;
 }
 export interface ThemeConstants {
     appHeaderHeight: number;
@@ -52,11 +53,29 @@ export interface ThemeScreenSizes {
     mobile: string;
     tablet: string;
 }
+export interface ThemeFonts {
+    roboto: string;
+}
 export interface Theme {
-    boxShadow: ThemeBoxShadows;
+    boxShadows: ThemeBoxShadows;
     colors: ThemeColors;
     constants: ThemeConstants;
     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,5 +1,8 @@
 const e = {
-  boxShadow: {},
+  fonts: {
+    roboto: "Roboto, sans-serif"
+  },
+  boxShadows: {},
   colors: {
     black: "black",
     blue: "#1976d2",
@@ -48,10 +51,10 @@ const e = {
     // Testing range for mobile: 320px - 480px
     mobile: "533px",
     // Testing range for tablets: 533px - 1080px
-    tablet: "963px"
+    tablet: "1080px"
   }
 };
-e.boxShadow = {
+e.boxShadows = {
   ...Object.fromEntries(
     Object.keys(e.colors).map((a) => [
       a,
@@ -61,7 +64,8 @@ e.boxShadow = {
   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)"
+  black63: "0px 0px 2px 1px rgba(0, 0, 0, 0.63)",
+  indigoThick: `0 0 2px 1px ${e.colors.indigo}`
 };
 export {
   e as default