@mikezimm/fps-library-v2 2.0.24 → 2.0.27

package/lib/components/atoms/Inputs/Slider/IFPSSliderProps.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+export interface IFPSSliderProps extends IFPSSliderValueProps, IFPSSliderBaseProps {
+}
+export interface IFPSSliderValueProps {
+    min: number;
+    max: number;
+    step: number;
+    initial: number;
+    values?: string[] | number[];
+}
+export interface IFPSSliderBaseProps {
+    onChange: (value: number) => void;
+    htmlFor?: string;
+    label?: string;
+    style?: React.CSSProperties;
+    className?: string;
+}
+//# sourceMappingURL=IFPSSliderProps.d.ts.map

package/lib/components/atoms/Inputs/Slider/IFPSSliderProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IFPSSliderProps.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/Inputs/Slider/IFPSSliderProps.ts"],"names":[],"mappings":";AACA,MAAM,WAAW,eAAgB,SAAQ,oBAAoB,EAAE,mBAAmB;CACjF;AAED,MAAM,WAAW,oBAAoB;IACnC,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,CAAC;CAC9B;AAED,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/lib/components/atoms/Inputs/Slider/IFPSSliderProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=IFPSSliderProps.js.map

package/lib/components/atoms/Inputs/Slider/IFPSSliderProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IFPSSliderProps.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Inputs/Slider/IFPSSliderProps.ts"],"names":[],"mappings":""}

package/lib/components/atoms/Inputs/Slider/component.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import '@mikezimm/fps-styles/dist/fps-Slider.css';
+import { IFPSSliderProps } from './IFPSSliderProps';
+declare const FPSSlider: React.FC<IFPSSliderProps>;
+export default FPSSlider;
+//# sourceMappingURL=component.d.ts.map

package/lib/components/atoms/Inputs/Slider/component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/Inputs/Slider/component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,0CAA0C,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAIpD,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA0BxC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/components/atoms/Inputs/Slider/component.js

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import '@mikezimm/fps-styles/dist/fps-Slider.css'; // Import your CSS file
+const FPSSlider = (props) => {
+    const { min, max, step, initial, onChange, label, style, className, htmlFor, values } = props;
+    const [value, setValue] = React.useState(initial);
+    const useHtmlFor = htmlFor ? htmlFor : 'fpsSlider';
+    const handleChange = (event) => {
+        const newValue = typeof event === 'number' ? event : Number(event.target.value);
+        setValue(newValue);
+        onChange(newValue);
+    };
+    return (React.createElement("div", { className: `fps-slider-container ${className}`, style: style },
+        label && React.createElement("label", { className: "fps-slider-label", htmlFor: useHtmlFor },
+            label,
+            ": ",
+            values ? values[value] : value),
+        React.createElement("input", { type: "range", id: useHtmlFor, min: values ? 0 : min, max: values ? values.length - 1 : max, step: values ? 1 : step, value: value, className: "fps-slider", onChange: handleChange })));
+};
+export default FPSSlider;
+//# sourceMappingURL=component.js.map

package/lib/components/atoms/Inputs/Slider/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Inputs/Slider/component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,0CAA0C,CAAC,CAAC,uBAAuB;AAK1E,MAAM,SAAS,GAA8B,CAAC,KAAK,EAAE,EAAE;IACrD,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAC9F,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAS,OAAO,CAAC,CAAC;IAC1D,MAAM,UAAU,GAAG,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC;IAEnD,MAAM,YAAY,GAAG,CAAC,KAAmD,EAAQ,EAAE;QACjF,MAAM,QAAQ,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAChF,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACnB,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,OAAO,CACL,6BAAK,SAAS,EAAE,wBAAwB,SAAS,EAAE,EAAE,KAAK,EAAE,KAAK;QAC9D,KAAK,IAAI,+BAAO,SAAS,EAAC,kBAAkB,EAAC,OAAO,EAAG,UAAU;YAAI,KAAK;;YAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAU;QACxH,+BACE,IAAI,EAAC,OAAO,EACZ,EAAE,EAAG,UAAU,EACf,GAAG,EAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EACtB,GAAG,EAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,GAAE,CAAC,CAAC,CAAC,CAAC,GAAG,EACrC,IAAI,EAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EACxB,KAAK,EAAG,KAAK,EACb,SAAS,EAAC,YAAY,EACtB,QAAQ,EAAE,YAA0D,GACpE,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/components/atoms/Inputs/Toggle/component.d.ts

@@ -0,0 +1,10 @@
+import '@mikezimm/fps-styles/dist/fps-Toggle.css';
+export interface IFPSToggleProps {
+    label: string;
+    onText: string;
+    offText: string;
+    onChange?: (checked: boolean) => void;
+}
+declare const FPSToggle: (props: IFPSToggleProps) => JSX.Element;
+export default FPSToggle;
+//# sourceMappingURL=component.d.ts.map

package/lib/components/atoms/Inputs/Toggle/component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/Inputs/Toggle/component.tsx"],"names":[],"mappings":"AAEA,OAAO,0CAA0C,CAAC;AAElD,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CACvC;AAED,QAAA,MAAM,SAAS,UAAW,eAAe,KAAG,WAmC3C,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/components/atoms/Inputs/Toggle/component.js

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import { useState } from 'react';
+import '@mikezimm/fps-styles/dist/fps-Toggle.css'; // Import the CSS file for styling
+const FPSToggle = (props) => {
+    const { label, onText, offText, onChange } = props;
+    const [isChecked, setIsChecked] = useState(false);
+    const handleToggleChange = () => {
+        setIsChecked((prevState) => {
+            const newChecked = !prevState;
+            if (onChange)
+                onChange(newChecked); // Call onChange with the new state
+            return newChecked;
+        });
+    };
+    return (React.createElement("div", { className: "fps-toggle-container" },
+        React.createElement("label", { className: "toggle-label" }, label),
+        React.createElement("div", { className: "toggle-switch" },
+            React.createElement("input", { type: "checkbox", checked: isChecked, onChange: handleToggleChange, id: "toggle" }),
+            React.createElement("span", { className: "slider" })),
+        React.createElement("div", { className: "toggle-texts" },
+            React.createElement("span", { style: { opacity: isChecked ? 1 : 0, transition: 'opacity 0.4s ease' } }, onText),
+            React.createElement("span", { style: { opacity: isChecked ? 0 : 1, position: 'absolute', transition: 'opacity 0.4s ease' } }, offText))));
+};
+export default FPSToggle;
+//# sourceMappingURL=component.js.map

package/lib/components/atoms/Inputs/Toggle/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Inputs/Toggle/component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,0CAA0C,CAAC,CAAE,kCAAkC;AAStF,MAAM,SAAS,GAAG,CAAC,KAAsB,EAAe,EAAE;IACxD,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAEnD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,MAAM,kBAAkB,GAAG,GAAS,EAAE;QACpC,YAAY,CAAC,CAAC,SAAS,EAAE,EAAE;YACzB,MAAM,UAAU,GAAG,CAAC,SAAS,CAAC;YAC9B,IAAI,QAAQ;gBAAE,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,mCAAmC;YACvE,OAAO,UAAU,CAAC;QACpB,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACL,6BAAK,SAAS,EAAC,sBAAsB;QACnC,+BAAO,SAAS,EAAC,cAAc,IAAE,KAAK,CAAS;QAC/C,6BAAK,SAAS,EAAC,eAAe;YAC5B,+BACE,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,kBAAkB,EAC5B,EAAE,EAAC,QAAQ,GACX;YACF,8BAAM,SAAS,EAAC,QAAQ,GAAE,CACtB;QACN,6BAAK,SAAS,EAAC,cAAc;YAC3B,8BAAM,KAAK,EAAE,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,mBAAmB,EAAE,IACzE,MAAM,CACF;YACP,8BAAM,KAAK,EAAE,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,mBAAmB,EAAE,IAC/F,OAAO,CACH,CACH,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/components/molecules/FadePanel/IFadePanelProps.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+export interface IFadePanelProps {
+    show: boolean;
+    refreshId: string;
+    content: string | JSX.Element;
+    styleProps?: IFadePanelStyleProps;
+    fadeSlider?: boolean;
+    fadeSliderLoc?: IFadeSliderPos;
+    blockClose?: boolean;
+    _hideBack(): void;
+}
+export interface IFadePanelWPProps {
+    constainerStyles?: string;
+    constainerClass?: string;
+}
+export interface IFadePanelStyleProps {
+    constainerStyles?: React.CSSProperties;
+    constainerClass?: string;
+}
+export type IFadeSliderPos = 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'none';
+export type IShowBack = 0 | 1 | 2;
+//# sourceMappingURL=IFadePanelProps.d.ts.map

package/lib/components/molecules/FadePanel/IFadePanelProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IFadePanelProps.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/FadePanel/IFadePanelProps.ts"],"names":[],"mappings":";AAEA,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC9B,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,cAAc,CAAC;IAE/B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,IAAK,IAAI,CAAC;CACpB;AAED,MAAM,WAAW,iBAAiB;IAChC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,oBAAoB;IACnC,gBAAgB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACvC,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,MAAO,cAAc,GAAG,SAAS,GAAG,UAAU,GAAG,YAAY,GAAG,aAAa,GAAG,MAAM,CAAC;AAG7F,MAAM,MAAM,SAAS,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC"}

package/lib/components/molecules/FadePanel/IFadePanelProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=IFadePanelProps.js.map

package/lib/components/molecules/FadePanel/IFadePanelProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IFadePanelProps.js","sourceRoot":"","sources":["../../../../src/components/molecules/FadePanel/IFadePanelProps.ts"],"names":[],"mappings":""}

package/lib/components/molecules/FadePanel/component.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import { IFadePanelProps } from './IFadePanelProps';
+declare const FadePanel: React.FC<IFadePanelProps>;
+export default FadePanel;
+//# sourceMappingURL=component.d.ts.map

package/lib/components/molecules/FadePanel/component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/FadePanel/component.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,eAAe,EAAa,MAAM,mBAAmB,CAAC;AAa/D,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAkDxC,CAAA;AAED,eAAe,SAAS,CAAC"}

package/lib/components/molecules/FadePanel/component.js

@@ -0,0 +1,52 @@
+import * as React from 'react';
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import { useState, useEffect } from 'react';
+import { Icon, } from '@fluentui/react/lib/Icon';
+require('@mikezimm/fps-styles/dist/fps-FadePanel.css');
+//Use this to add more console.logs for this component
+// const consolePrefix: string = 'fpsconsole: FadePanelComponent';
+const _backStyle = [
+    undefined,
+    'hidePane',
+    'showPane',
+];
+const FadePanel = (props) => {
+    const { content, show, refreshId, blockClose } = props;
+    // const [ showPane, setShowPane ] = useState<boolean>( props.show );
+    const [showBack, setShowBack] = useState(show === true ? 2 : 0);
+    const hidePanel = () => {
+        setShowBack(1);
+        // Delay creds to:  https://stackoverflow.com/a/42090488
+        setTimeout(function () {
+            props._hideBack(); // Required to close #30
+            setShowBack(0);
+            console.log('newBack:', 0);
+        }.bind(this), 1000);
+    };
+    useEffect(() => {
+        //  https://ultimatecourses.com/blog/using-async-await-inside-react-use-effect-hook
+        if (show === false && showBack === 2) {
+            hidePanel();
+            return () => {
+                // this now gets called when the component unmounts
+            };
+        }
+        else if (show === true && showBack !== 2) {
+            setShowBack(2);
+            return () => {
+                // this now gets called when the component unmounts
+            };
+        }
+    }, [show, refreshId]);
+    const showClass = show === true && showBack === 2 ? 'showPane' : 'hidePane';
+    const indexClass = showBack !== 0 ? 'maxZindex' : 'minZindex';
+    const constainerClass = props.styleProps ? props.styleProps.constainerClass : '';
+    const constainerStyles = props.styleProps ? props.styleProps.constainerStyles : null;
+    const panel = React.createElement("div", { className: `fpsFadePanel ${showClass} ${indexClass} ${_backStyle[showBack]} ${constainerClass}`, style: constainerStyles },
+        React.createElement("div", null,
+            blockClose === true ? undefined : React.createElement(Icon, { className: 'fadePaneCloseIcon', iconName: 'ChromeClose', onClick: () => hidePanel() }),
+            content));
+    return (panel);
+};
+export default FadePanel;
+//# sourceMappingURL=component.js.map

package/lib/components/molecules/FadePanel/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/components/molecules/FadePanel/component.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,6DAA6D;AAC7D,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,IAAI,GAAG,MAAM,0BAA0B,CAAC;AAGjD,OAAO,CAAE,6CAA6C,CAAC,CAAC;AAExD,sDAAsD;AACtD,kEAAkE;AAElE,MAAM,UAAU,GAAG;IACjB,SAAS;IACT,UAAU;IACV,UAAU;CACX,CAAC;AAEF,MAAM,SAAS,GAA8B,CAAE,KAAK,EAAG,EAAE;IAEvD,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IACvD,qEAAqE;IACrE,MAAM,CAAE,QAAQ,EAAE,WAAW,CAAE,GAAG,QAAQ,CAAa,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAE,CAAC;IAE/E,MAAM,SAAS,GAAG,GAAW,EAAE;QAE7B,WAAW,CAAE,CAAC,CAAE,CAAC;QAEjB,wDAAwD;QACxD,UAAU,CAAC;YACT,KAAK,CAAC,SAAS,EAAE,CAAC,CAAE,wBAAwB;YAC5C,WAAW,CAAE,CAAC,CAAE,CAAC;YACjB,OAAO,CAAC,GAAG,CAAC,UAAU,EAAG,CAAC,CAAG,CAAC;QAChC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC;IACtB,CAAC,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,mFAAmF;QAEnF,IAAK,IAAI,KAAK,KAAK,IAAI,QAAQ,KAAK,CAAC,EAAG;YACtC,SAAS,EAAE,CAAC;YACZ,OAAO,GAAG,EAAE;gBACV,mDAAmD;YACrD,CAAC,CAAC;SACH;aAAM,IAAK,IAAI,KAAK,IAAI,IAAI,QAAQ,KAAK,CAAC,EAAG;YAC5C,WAAW,CAAE,CAAC,CAAE,CAAC;YACjB,OAAO,GAAG,EAAE;gBACV,mDAAmD;YACrD,CAAC,CAAC;SACH;IAEH,CAAC,EAAE,CAAE,IAAI,EAAE,SAAS,CAAE,CAAE,CAAC;IAEzB,MAAM,SAAS,GAAW,IAAI,KAAK,IAAI,IAAI,QAAQ,KAAK,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC;IACpF,MAAM,UAAU,GAAW,QAAQ,KAAI,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC;IAErE,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IACjF,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAC;IAErF,MAAM,KAAK,GAAG,6BAAK,SAAS,EAAG,gBAAgB,SAAS,IAAI,UAAU,IAAI,UAAU,CAAE,QAAQ,CAAE,IAAI,eAAe,EAAE,EAAG,KAAK,EAAG,gBAAgB;QAC9I;YACI,UAAU,KAAK,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,oBAAC,IAAI,IAAC,SAAS,EAAG,mBAAmB,EAAG,QAAQ,EAAC,aAAa,EAAC,OAAO,EAAG,GAAG,EAAE,CAAC,SAAS,EAAG,GAAI;YACjI,OAAO,CACL,CACF,CAAC;IAEP,OAAO,CAAE,KAAK,CAAE,CAAC;AAEnB,CAAC,CAAA;AAED,eAAe,SAAS,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mikezimm/fps-library-v2",
-  "version": "2.0.24",
+  "version": "2.0.27",
   "description": "Library of reusable typescript/javascript functions, interfaces and constants",
   "license": "MIT",
   "main": "./lib/index.js",
@@ -43,7 +43,7 @@
     "@microsoft/sp-property-pane": "<1.18.0",
     "@mikezimm/fps-core-v7": "^1.0.27",
     "@mikezimm/fps-pnp2": "^1.0.68",
-    "@mikezimm/fps-styles": "^1.0.72",
+    "@mikezimm/fps-styles": "^1.0.73",
     "@pnp/spfx-controls-react": "^3.12.0",
     "@pnp/spfx-property-controls": "<3.7.0",
     "react": "^17.0.1",