@windstream/react-shared-components 0.2.85 → 0.2.86

package/dist/core.d.ts

@@ -67,11 +67,11 @@ type InputFieldProps = Omit<InputHTMLAttributes<HTMLInputElement>, "size"> & {
 
 declare const InputField: ForwardRefRenderFunction<HTMLInputElement, InputFieldProps>;
 declare const Input: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size"> & {
-    state?: "default" | "focus" | "active" | "hover" | "filled" | "error" | undefined;
-    size?: "slim" | "medium" | "large" | undefined;
+    state?: "error" | "default" | "focus" | "active" | "hover" | "filled" | undefined;
+    size?: "medium" | "slim" | "large" | undefined;
     label?: string | undefined;
     errorText?: string | undefined;
-    prefixIconName?: "location_on" | "search" | undefined;
+    prefixIconName?: "search" | "location_on" | undefined;
     prefixIconSize?: 20 | 24 | 40 | 48 | undefined;
     prefixIconFill?: boolean | undefined;
     suffixIconFill?: boolean | undefined;

package/dist/index.d.ts

@@ -71,7 +71,7 @@ declare const Input: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAtt
     size?: "slim" | "medium" | "large" | undefined;
     label?: string | undefined;
     errorText?: string | undefined;
-    prefixIconName?: "location_on" | "search" | undefined;
+    prefixIconName?: "search" | "location_on" | undefined;
     prefixIconSize?: 20 | 24 | 40 | 48 | undefined;
     prefixIconFill?: boolean | undefined;
     suffixIconFill?: boolean | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@windstream/react-shared-components",
-  "version": "0.2.85",
+  "version": "0.2.86",
   "type": "module",
   "description": "Shared React components for Kinetic applications",
   "main": "dist/index.js",

package/src/contentful/blocks/blogs-grid/{BlogGrid.stories.tsx → blog-grid.stories.tsx}

@@ -3,7 +3,7 @@ import {
   ARTICLES_WITH_COVERS,
   ARTICLES_WITHOUT_COVERS,
   CATEGORY_OPTIONS,
-} from "./BlogGrid.stories.mocks";
+} from "./blog-grid.stories.mocks";
 import { BlogGrid } from "./index";
 import type { BlogGridProps } from "./types";
 

package/src/contentful/blocks/callout/{Callout.stories.tsx → callout.stories.tsx}

@@ -8,7 +8,7 @@ import {
   fourColumnItems,
   fullImageItems,
   withFloatingImageArgs,
-} from "./Callout.stories.mocks";
+} from "./callout.stories.mocks";
 
 import { DocsPage } from "@shared/stories/DocsTemplate";
 import type { Meta, StoryObj } from "@storybook/react";

package/src/contentful/blocks/cta-callout/index.test.tsx

@@ -94,42 +94,42 @@ describe("CtaCallout", () => {
       const { container } = render(
         <CtaCallout {...defaultProps} background="white" />
       );
-      expect(container.firstChild).toHaveClass("bg-bg");
+      expect(container.firstChild).toHaveClass("bg-white");
     });
 
     it("applies navy background class", () => {
       const { container } = render(
         <CtaCallout {...defaultProps} background="navy" />
       );
-      expect(container.firstChild).toHaveClass("bg-bg-fill-inverse");
+      expect(container.firstChild).toHaveClass("bg-[#00002D]");
     });
 
     it("applies blue background class", () => {
       const { container } = render(
         <CtaCallout {...defaultProps} background="blue" />
       );
-      expect(container.firstChild).toHaveClass("bg-bg-fill-brand");
+      expect(container.firstChild).toHaveClass("bg-[#07B2E2]");
     });
 
     it("applies green background class", () => {
       const { container } = render(
         <CtaCallout {...defaultProps} background="green" />
       );
-      expect(container.firstChild).toHaveClass("bg-bg-fill-success");
+      expect(container.firstChild).toHaveClass("bg-[#26B170]");
     });
 
     it("applies purple background class", () => {
       const { container } = render(
         <CtaCallout {...defaultProps} background="purple" />
       );
-      expect(container.firstChild).toHaveClass("bg-bg-fill-brand-tertiary");
+      expect(container.firstChild).toHaveClass("bg-[#931D69]");
     });
 
     it("applies yellow background class", () => {
       const { container } = render(
         <CtaCallout {...defaultProps} background="yellow" />
       );
-      expect(container.firstChild).toHaveClass("bg-bg-fill-brand-accent");
+      expect(container.firstChild).toHaveClass("bg-[#F5FF1E]");
     });
   });
 

package/src/contentful/blocks/cta-callout/index.tsx

@@ -19,12 +19,12 @@ export const CtaCallout: React.FC<CtaCalloutProps> = ({
   renderCheckPlans,
 }) => {
   const bgColorClasses: Record<ThemeKey, string> = {
-    navy: "bg-bg-fill-inverse",
-    green: "bg-bg-fill-success",
-    blue: "bg-bg-fill-brand",
-    purple: "bg-bg-fill-brand-tertiary",
-    yellow: "bg-bg-fill-brand-accent",
-    white: "bg-bg",
+    navy: "bg-[#00002D]",
+    green: "bg-[#26B170]",
+    blue: "bg-[#07B2E2]",
+    purple: "bg-[#931D69]",
+    yellow: "bg-[#F5FF1E]",
+    white: "bg-white",
   };
   return (
     <div

package/src/contentful/blocks/find-kinetic/{FindKinetic.stories.tsx → find-kinetic.stories.tsx}

@@ -1,4 +1,4 @@
-import { LOCATION_LIST } from "./FindKinetic.stories.mocks";
+import { LOCATION_LIST } from "./find-kinetic.stories.mocks";
 import { FindKinetic } from "./index";
 import type { FindKineticProps } from "./types";
 

package/src/contentful/blocks/navigation/{Navigation.stories.tsx → navigation.stories.tsx}

@@ -7,7 +7,7 @@ import {
   UTILITY_LINKS,
   ACCOUNT_LINKS,
   SUPPORT_LINKS,
-} from "./Navigation.stories.mocks";
+} from "./navigation.stories.mocks";
 
 const searchFormStyle = `
   form[name="searchForm"] {