@sjts/web-theme 31.2.22

package/LICENCE

@@ -0,0 +1,5 @@
+
+Copyright (C) Mr Stephen James - All Rights Reserved
+Unauthorized copying of any files within this source code repository, via any medium is strictly prohibited
+Proprietary and confidential
+Written by Steve James <steve@stevejames.dev>, March 2019

package/README.md

@@ -0,0 +1 @@
+# @sjts/frontend

package/dist/Color.d.ts

@@ -0,0 +1,13 @@
+export type Color = {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+};
+//# sourceMappingURL=Color.d.ts.map

package/dist/Color.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Color.d.ts","sourceRoot":"","sources":["../src/Color.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,KAAK,GAAG;IACnB,EAAE,EAAE,MAAM,CAAA;IACV,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;CACX,CAAA"}

package/dist/Color.js

@@ -0,0 +1 @@
+export {};

package/dist/ColorTheme.d.ts

@@ -0,0 +1,14 @@
+import { Color } from './Color.js';
+export type ColorTheme = {
+    grey: Color;
+    primary: Color;
+    secondary: Color;
+    tertiary: Color;
+    quaternary: Color;
+    success: Color;
+    warn: Color;
+    error: Color;
+    info: Color;
+};
+export type ColorThemeKey = keyof ColorTheme;
+//# sourceMappingURL=ColorTheme.d.ts.map

package/dist/ColorTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorTheme.d.ts","sourceRoot":"","sources":["../src/ColorTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAElC,MAAM,MAAM,UAAU,GAAG;IACxB,IAAI,EAAE,KAAK,CAAA;IACX,OAAO,EAAE,KAAK,CAAA;IACd,SAAS,EAAE,KAAK,CAAA;IAChB,QAAQ,EAAE,KAAK,CAAA;IACf,UAAU,EAAE,KAAK,CAAA;IAEjB,OAAO,EAAE,KAAK,CAAA;IACd,IAAI,EAAE,KAAK,CAAA;IACX,KAAK,EAAE,KAAK,CAAA;IACZ,IAAI,EAAE,KAAK,CAAA;CACX,CAAA;AAED,MAAM,MAAM,aAAa,GAAG,MAAM,UAAU,CAAA"}

package/dist/ColorTheme.js

@@ -0,0 +1 @@
+export {};

package/dist/Palette.d.ts

@@ -0,0 +1,29 @@
+import { Color } from './Color.js';
+export type Palette = {
+    color0?: Color;
+    color1?: Color;
+    color2?: Color;
+    color3?: Color;
+    color4?: Color;
+    color5?: Color;
+    color6?: Color;
+    color7?: Color;
+    color8?: Color;
+    color9?: Color;
+    color10?: Color;
+    color11?: Color;
+    color12?: Color;
+    color13?: Color;
+    color14?: Color;
+    color15?: Color;
+    color16?: Color;
+    color17?: Color;
+    color18?: Color;
+    color19?: Color;
+    color20?: Color;
+    color21?: Color;
+    color22?: Color;
+    color23?: Color;
+};
+export type PaletteKey = keyof Palette;
+//# sourceMappingURL=Palette.d.ts.map

package/dist/Palette.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Palette.d.ts","sourceRoot":"","sources":["../src/Palette.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAElC,MAAM,MAAM,OAAO,GAAG;IACrB,MAAM,CAAC,EAAE,KAAK,CAAA;IACd,MAAM,CAAC,EAAE,KAAK,CAAA;IACd,MAAM,CAAC,EAAE,KAAK,CAAA;IACd,MAAM,CAAC,EAAE,KAAK,CAAA;IACd,MAAM,CAAC,EAAE,KAAK,CAAA;IACd,MAAM,CAAC,EAAE,KAAK,CAAA;IACd,MAAM,CAAC,EAAE,KAAK,CAAA;IACd,MAAM,CAAC,EAAE,KAAK,CAAA;IACd,MAAM,CAAC,EAAE,KAAK,CAAA;IACd,MAAM,CAAC,EAAE,KAAK,CAAA;IACd,OAAO,CAAC,EAAE,KAAK,CAAA;IACf,OAAO,CAAC,EAAE,KAAK,CAAA;IACf,OAAO,CAAC,EAAE,KAAK,CAAA;IACf,OAAO,CAAC,EAAE,KAAK,CAAA;IACf,OAAO,CAAC,EAAE,KAAK,CAAA;IACf,OAAO,CAAC,EAAE,KAAK,CAAA;IACf,OAAO,CAAC,EAAE,KAAK,CAAA;IACf,OAAO,CAAC,EAAE,KAAK,CAAA;IACf,OAAO,CAAC,EAAE,KAAK,CAAA;IACf,OAAO,CAAC,EAAE,KAAK,CAAA;IACf,OAAO,CAAC,EAAE,KAAK,CAAA;IACf,OAAO,CAAC,EAAE,KAAK,CAAA;IACf,OAAO,CAAC,EAAE,KAAK,CAAA;IACf,OAAO,CAAC,EAAE,KAAK,CAAA;CACf,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,CAAA"}

package/dist/Palette.js

@@ -0,0 +1 @@
+export {};

package/dist/PaletteTheme.d.ts

@@ -0,0 +1,13 @@
+import { PaletteKey } from './Palette.js';
+export type PaletteTheme = {
+    grey: PaletteKey;
+    primary: PaletteKey;
+    secondary: PaletteKey;
+    tertiary: PaletteKey;
+    quaternary?: PaletteKey;
+    success: PaletteKey;
+    warn: PaletteKey;
+    error: PaletteKey;
+    info: PaletteKey;
+};
+//# sourceMappingURL=PaletteTheme.d.ts.map

package/dist/PaletteTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaletteTheme.d.ts","sourceRoot":"","sources":["../src/PaletteTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,MAAM,MAAM,YAAY,GAAG;IAC1B,IAAI,EAAE,UAAU,CAAA;IAChB,OAAO,EAAE,UAAU,CAAA;IACnB,SAAS,EAAE,UAAU,CAAA;IACrB,QAAQ,EAAE,UAAU,CAAA;IACpB,UAAU,CAAC,EAAE,UAAU,CAAA;IAEvB,OAAO,EAAE,UAAU,CAAA;IACnB,IAAI,EAAE,UAAU,CAAA;IAChB,KAAK,EAAE,UAAU,CAAA;IACjB,IAAI,EAAE,UAAU,CAAA;CAChB,CAAA"}

package/dist/PaletteTheme.js

@@ -0,0 +1 @@
+export {};

package/dist/ThemeContext.d.ts

@@ -0,0 +1,13 @@
+import { ColorTheme } from './ColorTheme.js';
+export declare const ThemeData: {
+    colorTheme: ColorTheme;
+};
+export type IThemeData = typeof ThemeData;
+export type IThemeActions = {
+    setColorTheme: (colorTheme: ColorTheme) => void;
+};
+export declare const ThemeContext: import("react").Context<{
+    colorTheme: ColorTheme;
+}>;
+export declare const ThemeActionsContext: import("react").Context<IThemeActions>;
+//# sourceMappingURL=ThemeContext.d.ts.map

package/dist/ThemeContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeContext.d.ts","sourceRoot":"","sources":["../src/ThemeContext.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAE5C,eAAO,MAAM,SAAS;gBACH,UAAU;CAC5B,CAAA;AACD,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAA;AAEzC,MAAM,MAAM,aAAa,GAAG;IAC3B,aAAa,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAA;CAC/C,CAAA;AAED,eAAO,MAAM,YAAY;gBARN,UAAU;EAQuB,CAAA;AACpD,eAAO,MAAM,mBAAmB,wCAAiE,CAAA"}

package/dist/ThemeContext.js

@@ -0,0 +1,6 @@
+import { createContext } from 'react';
+export const ThemeData = {
+    colorTheme: {},
+};
+export const ThemeContext = createContext(ThemeData);
+export const ThemeActionsContext = createContext(null);

package/dist/ThemeHooks.d.ts

@@ -0,0 +1,5 @@
+import { ColorTheme } from './ColorTheme.js';
+export declare function useColorTheme(): ColorTheme;
+export declare const useThemeActions: () => import("./ThemeContext.js").IThemeActions;
+export declare function useThemed(fn: (p: ColorTheme) => any): any;
+//# sourceMappingURL=ThemeHooks.d.ts.map

package/dist/ThemeHooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeHooks.d.ts","sourceRoot":"","sources":["../src/ThemeHooks.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAG5C,wBAAgB,aAAa,IAAI,UAAU,CAG1C;AAED,eAAO,MAAM,eAAe,iDAAwC,CAAA;AAEpE,wBAAgB,SAAS,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,GAAG,OAQnD"}

package/dist/ThemeHooks.js

@@ -0,0 +1,15 @@
+import { useContext, useMemo } from 'react';
+import { ThemeActionsContext, ThemeContext } from './ThemeContext.js';
+export function useColorTheme() {
+    const { colorTheme } = useContext(ThemeContext);
+    return colorTheme;
+}
+export const useThemeActions = () => useContext(ThemeActionsContext);
+export function useThemed(fn) {
+    const theme = useColorTheme();
+    if (!theme)
+        throw new Error('AMPX ThemeProvider required');
+    return useMemo(() => fn(theme), 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []);
+}

package/dist/ThemeProvider.d.ts

@@ -0,0 +1,11 @@
+import { ColorTheme } from './ColorTheme.js';
+import { Palette } from './Palette.js';
+import { PaletteTheme } from './PaletteTheme.js';
+export type ThemeProviderProps = {
+    children: React.ReactElement;
+    palette?: Palette;
+    paletteTheme?: PaletteTheme;
+    colorTheme?: ColorTheme;
+};
+export declare function ThemeProvider(props: ThemeProviderProps): import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ThemeProvider.d.ts.map

package/dist/ThemeProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../src/ThemeProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAKhD,MAAM,MAAM,kBAAkB,GAAG;IAChC,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAA;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,UAAU,CAAC,EAAE,UAAU,CAAA;CACvB,CAAA;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,oDAiCtD"}

package/dist/ThemeProvider.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { useCtrlActionsCtx, useCtrlCtx, useCtrlState } from '@sjts/react-ctrl';
+import { useCallback, useRef } from 'react';
+import { ThemeActionsContext, ThemeContext } from './ThemeContext.js';
+import { defaultPalette } from './defaultPalette.js';
+import { defaultPaletteTheme } from './defaultPaletteTheme.js';
+export function ThemeProvider(props) {
+    const { children, colorTheme, palette = defaultPalette, paletteTheme = defaultPaletteTheme, } = props;
+    // INIT DATA
+    const _s = useCtrlState({
+        colorTheme: colorTheme ?? makeColorTheme(palette, paletteTheme),
+    });
+    // INIT ACTIONS
+    const _a = useRef({});
+    _a.current.setColorTheme = useCallback((colorTheme) => {
+        ;
+        (_s.current, (colorTheme = colorTheme));
+        _s.current.setChanged();
+    }, [_s, colorTheme]);
+    // CONTEXTS
+    const ctx = useCtrlCtx(_s);
+    const actionCtx = useCtrlActionsCtx(_a, 'Theme');
+    return (_jsx(ThemeContext.Provider, { value: ctx, children: _jsx(ThemeActionsContext.Provider, { value: actionCtx, children: children }) }));
+}
+function makeColorTheme(palette, paletteTheme) {
+    return {
+        grey: palette[paletteTheme.grey],
+        primary: palette[paletteTheme.primary],
+        secondary: palette[paletteTheme.secondary],
+        tertiary: palette[paletteTheme.tertiary],
+        quaternary: palette[paletteTheme.quaternary],
+        success: palette[paletteTheme.success],
+        warn: palette[paletteTheme.warn],
+        error: palette[paletteTheme.error],
+        info: palette[paletteTheme.info],
+    };
+}

package/dist/defaultPalette.d.ts

@@ -0,0 +1,3 @@
+import { Palette } from './Palette.js';
+export declare const defaultPalette: Palette;
+//# sourceMappingURL=defaultPalette.d.ts.map

package/dist/defaultPalette.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultPalette.d.ts","sourceRoot":"","sources":["../src/defaultPalette.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAEtC,eAAO,MAAM,cAAc,EAAE,OAwT5B,CAAA"}

package/dist/defaultPalette.js

@@ -0,0 +1,290 @@
+export const defaultPalette = {
+    color23: {
+        50: '#FCFCFC',
+        100: '#EEEEEE',
+        200: '#DDDDDD',
+        300: '#CCCCCC',
+        400: '#BBBBBB',
+        500: '#999999',
+        600: '#777777',
+        700: '#555555',
+        800: '#333333',
+        900: '#111111',
+    },
+    color0: {
+        '50': '#E1FFEA',
+        '100': '#C4FFD4',
+        '200': '#9CFFB8',
+        '300': '#74FF9B',
+        '400': '#57FF85',
+        '500': '#39FF70',
+        '600': '#30D95F',
+        '700': '#28B34E',
+        '800': '#1D8038',
+        '900': '#145927',
+    },
+    color1: {
+        '50': '#E1FFF1',
+        '100': '#C4FFE3',
+        '200': '#9CFFD0',
+        '300': '#74FFBD',
+        '400': '#57FFAF',
+        '500': '#39FFA1',
+        '600': '#30D989',
+        '700': '#28B371',
+        '800': '#1D8051',
+        '900': '#145938',
+    },
+    color2: {
+        '50': '#E1FFF8',
+        '100': '#C4FFF2',
+        '200': '#9CFFE9',
+        '300': '#74FFE0',
+        '400': '#57FFDA',
+        '500': '#39FFD3',
+        '600': '#30D9B3',
+        '700': '#28B394',
+        '800': '#1D806A',
+        '900': '#14594A',
+    },
+    color3: {
+        '50': '#E1FEFF',
+        '100': '#C4FDFF',
+        '200': '#9CFCFF',
+        '300': '#74FBFF',
+        '400': '#57FAFF',
+        '500': '#39F9FF',
+        '600': '#30D4D9',
+        '700': '#28AEB3',
+        '800': '#1D7D80',
+        '900': '#145759',
+    },
+    color4: {
+        '50': '#E1F7FF',
+        '100': '#C4EFFF',
+        '200': '#9CE4FF',
+        '300': '#74D9FF',
+        '400': '#57D0FF',
+        '500': '#39C8FF',
+        '600': '#30AAD9',
+        '700': '#288CB3',
+        '800': '#1D6480',
+        '900': '#144659',
+    },
+    color5: {
+        '50': '#E1EFFF',
+        '100': '#C4E0FF',
+        '200': '#9CCBFF',
+        '300': '#74B6FF',
+        '400': '#57A6FF',
+        '500': '#3996FF',
+        '600': '#3080D9',
+        '700': '#2869B3',
+        '800': '#1D4B80',
+        '900': '#143559',
+    },
+    color6: {
+        '50': '#E1E8FF',
+        '100': '#C4D1FF',
+        '200': '#9CB2FF',
+        '300': '#7493FF',
+        '400': '#577CFF',
+        '500': '#3965FF',
+        '600': '#3056D9',
+        '700': '#2847B3',
+        '800': '#1D3380',
+        '900': '#142359',
+    },
+    color7: {
+        '50': '#E2E1FF',
+        '100': '#C5C4FF',
+        '200': '#9F9CFF',
+        '300': '#7874FF',
+        '400': '#5B57FF',
+        '500': '#3E39FF',
+        '600': '#3530D9',
+        '700': '#2B28B3',
+        '800': '#1F1D80',
+        '900': '#161459',
+    },
+    color8: {
+        '50': '#EAE1FF',
+        '100': '#D4C4FF',
+        '200': '#B89CFF',
+        '300': '#9B74FF',
+        '400': '#8557FF',
+        '500': '#7039FF',
+        '600': '#5F30D9',
+        '700': '#4E28B3',
+        '800': '#381D80',
+        '900': '#271459',
+    },
+    color9: {
+        '50': '#F1E1FF',
+        '100': '#E3C4FF',
+        '200': '#D09CFF',
+        '300': '#BD74FF',
+        '400': '#AF57FF',
+        '500': '#A139FF',
+        '600': '#8930D9',
+        '700': '#7128B3',
+        '800': '#511D80',
+        '900': '#381459',
+    },
+    color10: {
+        '50': '#F8E1FF',
+        '100': '#F2C4FF',
+        '200': '#E99CFF',
+        '300': '#E074FF',
+        '400': '#DA57FF',
+        '500': '#D339FF',
+        '600': '#B330D9',
+        '700': '#9428B3',
+        '800': '#6A1D80',
+        '900': '#4A1459',
+    },
+    color11: {
+        '50': '#FFE1FE',
+        '100': '#FFC4FD',
+        '200': '#FF9CFC',
+        '300': '#FF74FB',
+        '400': '#FF57FA',
+        '500': '#FF39F9',
+        '600': '#D930D4',
+        '700': '#B328AE',
+        '800': '#801D7D',
+        '900': '#591457',
+    },
+    color12: {
+        '50': '#FFE1F7',
+        '100': '#FFC4EF',
+        '200': '#FF9CE4',
+        '300': '#FF74D9',
+        '400': '#FF57D0',
+        '500': '#FF39C8',
+        '600': '#D930AA',
+        '700': '#B3288C',
+        '800': '#801D64',
+        '900': '#591446',
+    },
+    color13: {
+        '50': '#FFE1EF',
+        '100': '#FFC4E0',
+        '200': '#FF9CCB',
+        '300': '#FF74B6',
+        '400': '#FF57A6',
+        '500': '#FF3996',
+        '600': '#D93080',
+        '700': '#B32869',
+        '800': '#801D4B',
+        '900': '#591435',
+    },
+    color14: {
+        '50': '#FFE1E8',
+        '100': '#FFC4D1',
+        '200': '#FF9CB2',
+        '300': '#FF7493',
+        '400': '#FF577C',
+        '500': '#FF3965',
+        '600': '#D93056',
+        '700': '#B32847',
+        '800': '#801D33',
+        '900': '#591423',
+    },
+    color15: {
+        '50': '#FFE2E1',
+        '100': '#FFC5C4',
+        '200': '#FF9F9C',
+        '300': '#FF7874',
+        '400': '#FF5B57',
+        '500': '#FF3E39',
+        '600': '#D93530',
+        '700': '#B32B28',
+        '800': '#801F1D',
+        '900': '#591614',
+    },
+    color16: {
+        '50': '#FFEAE1',
+        '100': '#FFD4C4',
+        '200': '#FFB89C',
+        '300': '#FF9B74',
+        '400': '#FF8557',
+        '500': '#FF7039',
+        '600': '#D95F30',
+        '700': '#B34E28',
+        '800': '#80381D',
+        '900': '#592714',
+    },
+    color17: {
+        '50': '#FFF1E1',
+        '100': '#FFE3C4',
+        '200': '#FFD09C',
+        '300': '#FFBD74',
+        '400': '#FFAF57',
+        '500': '#FFA139',
+        '600': '#D98930',
+        '700': '#B37128',
+        '800': '#80511D',
+        '900': '#593814',
+    },
+    color18: {
+        '50': '#FFF8E1',
+        '100': '#FFF2C4',
+        '200': '#FFE99C',
+        '300': '#FFE074',
+        '400': '#FFDA57',
+        '500': '#FFD339',
+        '600': '#D9B330',
+        '700': '#B39428',
+        '800': '#806A1D',
+        '900': '#594A14',
+    },
+    color19: {
+        '50': '#FEFFE1',
+        '100': '#FDFFC4',
+        '200': '#FCFF9C',
+        '300': '#FBFF74',
+        '400': '#FAFF57',
+        '500': '#F9FF39',
+        '600': '#D4D930',
+        '700': '#AEB328',
+        '800': '#7D801D',
+        '900': '#575914',
+    },
+    color20: {
+        '50': '#F7FFE1',
+        '100': '#EFFFC4',
+        '200': '#E4FF9C',
+        '300': '#D9FF74',
+        '400': '#D0FF57',
+        '500': '#C8FF39',
+        '600': '#AAD930',
+        '700': '#8CB328',
+        '800': '#64801D',
+        '900': '#465914',
+    },
+    color21: {
+        '50': '#EFFFE1',
+        '100': '#E0FFC4',
+        '200': '#CBFF9C',
+        '300': '#B6FF74',
+        '400': '#A6FF57',
+        '500': '#96FF39',
+        '600': '#80D930',
+        '700': '#69B328',
+        '800': '#4B801D',
+        '900': '#355914',
+    },
+    color22: {
+        '50': '#E8FFE1',
+        '100': '#D1FFC4',
+        '200': '#B2FF9C',
+        '300': '#93FF74',
+        '400': '#7CFF57',
+        '500': '#65FF39',
+        '600': '#56D930',
+        '700': '#47B328',
+        '800': '#33801D',
+        '900': '#235914',
+    },
+};

package/dist/defaultPaletteTheme.d.ts

@@ -0,0 +1,3 @@
+import { PaletteTheme } from './PaletteTheme.js';
+export declare const defaultPaletteTheme: PaletteTheme;
+//# sourceMappingURL=defaultPaletteTheme.d.ts.map

package/dist/defaultPaletteTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultPaletteTheme.d.ts","sourceRoot":"","sources":["../src/defaultPaletteTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAEhD,eAAO,MAAM,mBAAmB,EAAE,YAUjC,CAAA"}

package/dist/defaultPaletteTheme.js

@@ -0,0 +1,11 @@
+export const defaultPaletteTheme = {
+    grey: 'color23',
+    primary: 'color0',
+    secondary: 'color4',
+    tertiary: 'color19',
+    quaternary: 'color21',
+    success: 'color20',
+    warn: 'color18',
+    error: 'color15',
+    info: 'color10',
+};

package/dist/index.d.ts

@@ -0,0 +1,10 @@
+export * from './Color.js';
+export * from './ColorTheme.js';
+export * from './Palette.js';
+export * from './PaletteTheme.js';
+export * from './ThemeContext.js';
+export * from './ThemeHooks.js';
+export * from './ThemeProvider.js';
+export * from './defaultPalette.js';
+export * from './defaultPaletteTheme.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,cAAc,CAAA;AAC5B,cAAc,mBAAmB,CAAA;AACjC,cAAc,mBAAmB,CAAA;AACjC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,oBAAoB,CAAA;AAClC,cAAc,qBAAqB,CAAA;AACnC,cAAc,0BAA0B,CAAA"}

package/dist/index.js

@@ -0,0 +1,9 @@
+export * from './Color.js';
+export * from './ColorTheme.js';
+export * from './Palette.js';
+export * from './PaletteTheme.js';
+export * from './ThemeContext.js';
+export * from './ThemeHooks.js';
+export * from './ThemeProvider.js';
+export * from './defaultPalette.js';
+export * from './defaultPaletteTheme.js';

package/main.css

@@ -0,0 +1,45 @@
+html, body, * {
+	padding: 0;
+	margin: 0;
+	-webkit-font-smoothing: antialiased;
+}
+
+html, body, #root, #root>div {
+	width: 100% !important;
+	height: 100% !important;
+	max-height: 100% !important;
+	overflow: hidden !important;
+	overscroll-behavior-x: none;
+	flex-direction: column;
+	display: flex;
+	flex: 1;
+}
+
+
+#loom-companion-mv3 {
+	display: none;
+}
+
+input::-webkit-outer-spin-button,
+input::-webkit-inner-spin-button {
+	-webkit-appearance: none;
+	margin: 0;
+}
+
+.ModalBackground {
+	position: fixed;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	background-color: rgba(0,0,0,0.5);
+	z-index: 1000;
+	display: flex;
+}
+
+
+.amplify-accordion__item__trigger {
+	&:focus, &:active {
+		box-shadow: none
+	}
+}

package/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "@sjts/web-theme",
+  "description": "The Steve James Typescript Web Theme package",
+  "version": "31.2.22",
+  "type": "module",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "./dist/index.d.ts",
+  "sideEffects": false,
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.js"
+    },
+    "./main.css": "./main.css",
+    "./tsconfig.frontend.json": "./tsconfig.frontend.json",
+    "./tsconfig.frontend.lib.json": "./tsconfig.frontend.lib.json",
+    "./tsconfig.frontend.node.json": "./tsconfig.frontend.node.json"
+  },
+  "scripts": {
+    "build": "tsc",
+    "build:clean": "yarn run clean && yarn run build",
+    "clean": "rm -rf dist",
+    "release:patch": "yarn version patch && yarn npm publish",
+    "release:minor": "yarn version minor && yarn npm publish",
+    "release:major": "yarn version major && yarn npm publish"
+  },
+  "prettier": "@sjts/lib-devops/prettier.json",
+  "devDependencies": {
+    "@sjts/lib-devops": "31.2.2",
+    "@types/react": "^18.2.21",
+    "react": "^18.3.1",
+    "typescript": "^5.8.3"
+  },
+  "peerDependencies": {
+    "react": "^18.3.1"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}