@ap-gen/ui 1.0.0

package/dist/provider/CalendarProvider.d.ts

@@ -0,0 +1,16 @@
+import { PropsWithChildren } from 'react';
+import { Day } from '../hooks/useCalendar';
+type CalendarContextType = {
+    month: number;
+    year: number;
+    monthData: Day[][];
+    yearData: Day[][][];
+    setMonth: (month: number) => void;
+    setYear: (year: number) => void;
+    prevMonth: () => void;
+    nextMonth: () => void;
+    weekData: Day[];
+};
+export declare const CalendarContext: import("react").Context<CalendarContextType | null>;
+export declare const CalendarProvider: ({ children }: PropsWithChildren) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/provider/ClientProvider.d.ts

@@ -0,0 +1,15 @@
+import { PropsWithChildren } from 'react';
+import { ColorPalette, ThemeType } from 'src/styles/color';
+export interface ClientProvidersProps extends PropsWithChildren {
+    initialTheme?: ThemeType;
+    brand?: 'afin' | 'saefarm';
+}
+type EmotionThemeType = {
+    colors: ColorPalette;
+};
+declare module '@emotion/react' {
+    interface Theme extends EmotionThemeType {
+    }
+}
+export declare const ClientProvider: ({ children, initialTheme, brand, }: ClientProvidersProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/provider/ColorThemeProvider.d.ts

@@ -0,0 +1,10 @@
+import { PropsWithChildren } from 'react';
+import { ThemeType } from '../styles/color';
+export interface ColorThemeProviderProps extends PropsWithChildren {
+}
+export declare const ColorThemeContext: import("react").Context<{
+    theme: ThemeType;
+    onChange: (v: ThemeType) => void;
+    brand: "afin" | "saefarm";
+}>;
+export declare const ColorThemeProvider: ({ children }: ColorThemeProviderProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/provider/Provider.d.ts

@@ -0,0 +1,2 @@
+import { ClientProvidersProps } from './ClientProvider';
+export declare const Provider: ({ children }: ClientProvidersProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/provider/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Provider';
+export * from './ClientProvider';

package/dist/styles/color/base.d.ts

@@ -0,0 +1,282 @@
+export declare const system: {
+    white0: string;
+    white2: string;
+    white4: string;
+    white6: string;
+    white8: string;
+    white12: string;
+    white16: string;
+    white20: string;
+    white24: string;
+    white32: string;
+    white40: string;
+    white60: string;
+    white80: string;
+    white100: string;
+    gray0: string;
+    gray2: string;
+    gray4: string;
+    gray6: string;
+    gray8: string;
+    gray12: string;
+    gray16: string;
+    gray20: string;
+    gray24: string;
+    gray32: string;
+    gray40: string;
+    gray60: string;
+    gray80: string;
+    gray100: string;
+    black0: string;
+    black2: string;
+    black4: string;
+    black6: string;
+    black8: string;
+    black12: string;
+    black16: string;
+    black20: string;
+    black24: string;
+    black32: string;
+    black40: string;
+    black60: string;
+    black80: string;
+    black100: string;
+    red0: string;
+    red2: string;
+    red4: string;
+    red6: string;
+    red8: string;
+    red12: string;
+    red16: string;
+    red20: string;
+    red24: string;
+    red32: string;
+    red40: string;
+    red60: string;
+    red80: string;
+    red100: string;
+    orange0: string;
+    orange2: string;
+    orange4: string;
+    orange6: string;
+    orange8: string;
+    orange12: string;
+    orange16: string;
+    orange20: string;
+    orange24: string;
+    orange32: string;
+    orange40: string;
+    orange60: string;
+    orange80: string;
+    orange100: string;
+    yellow0: string;
+    yellow2: string;
+    yellow4: string;
+    yellow6: string;
+    yellow8: string;
+    yellow12: string;
+    yellow16: string;
+    yellow20: string;
+    yellow24: string;
+    yellow32: string;
+    yellow40: string;
+    yellow60: string;
+    yellow80: string;
+    yellow100: string;
+    green0: string;
+    green2: string;
+    green4: string;
+    green6: string;
+    green8: string;
+    green12: string;
+    green16: string;
+    green20: string;
+    green24: string;
+    green32: string;
+    green40: string;
+    green60: string;
+    green80: string;
+    green100: string;
+    blue0: string;
+    blue2: string;
+    blue4: string;
+    blue6: string;
+    blue8: string;
+    blue12: string;
+    blue16: string;
+    blue20: string;
+    blue24: string;
+    blue32: string;
+    blue40: string;
+    blue60: string;
+    blue80: string;
+    blue100: string;
+    purple0: string;
+    purple2: string;
+    purple4: string;
+    purple6: string;
+    purple8: string;
+    purple12: string;
+    purple16: string;
+    purple20: string;
+    purple24: string;
+    purple32: string;
+    purple40: string;
+    purple60: string;
+    purple80: string;
+    purple100: string;
+};
+export declare const theme: {
+    afin: {
+        primary0: string;
+        primary2: string;
+        primary4: string;
+        primary6: string;
+        primary8: string;
+        primary12: string;
+        primary16: string;
+        primary20: string;
+        primary24: string;
+        primary32: string;
+        primary40: string;
+        primary60: string;
+        primary80: string;
+        primary100: string;
+        midnight0: string;
+        midnight2: string;
+        midnight4: string;
+        midnight6: string;
+        midnight8: string;
+        midnight12: string;
+        midnight16: string;
+        midnight20: string;
+        midnight24: string;
+        midnight32: string;
+        midnight40: string;
+        midnight60: string;
+        midnight80: string;
+        midnight100: string;
+        midenightLight0: string;
+        midenightLight2: string;
+        midenightLight4: string;
+        midenightLight6: string;
+        midenightLight8: string;
+        midenightLight12: string;
+        midenightLight16: string;
+        midenightLight20: string;
+        midenightLight24: string;
+        midenightLight32: string;
+        midenightLight40: string;
+        midenightLight60: string;
+        midenightLight80: string;
+        midenightLight100: string;
+        charcoal0: string;
+        charcoal2: string;
+        charcoal4: string;
+        charcoal6: string;
+        charcoal8: string;
+        charcoal12: string;
+        charcoal16: string;
+        charcoal20: string;
+        charcoal24: string;
+        charcoal32: string;
+        charcoal40: string;
+        charcoal60: string;
+        charcoal80: string;
+        charcoal100: string;
+        charcoalLight0: string;
+        charcoalLight2: string;
+        charcoalLight4: string;
+        charcoalLight6: string;
+        charcoalLight8: string;
+        charcoalLight12: string;
+        charcoalLight16: string;
+        charcoalLight20: string;
+        charcoalLight24: string;
+        charcoalLight32: string;
+        charcoalLight40: string;
+        charcoalLight60: string;
+        charcoalLight80: string;
+        charcoalLight100: string;
+        solid1: string;
+        solid2: string;
+        solid3: string;
+        solid4: string;
+    };
+    saefarm: {
+        primary0: string;
+        primary2: string;
+        primary4: string;
+        primary6: string;
+        primary8: string;
+        primary12: string;
+        primary16: string;
+        primary20: string;
+        primary24: string;
+        primary32: string;
+        primary40: string;
+        primary60: string;
+        primary80: string;
+        primary100: string;
+        midnight0: string;
+        midnight2: string;
+        midnight4: string;
+        midnight6: string;
+        midnight8: string;
+        midnight12: string;
+        midnight16: string;
+        midnight20: string;
+        midnight24: string;
+        midnight32: string;
+        midnight40: string;
+        midnight60: string;
+        midnight80: string;
+        midnight100: string;
+        midenightLight0: string;
+        midenightLight2: string;
+        midenightLight4: string;
+        midenightLight6: string;
+        midenightLight8: string;
+        midenightLight12: string;
+        midenightLight16: string;
+        midenightLight20: string;
+        midenightLight24: string;
+        midenightLight32: string;
+        midenightLight40: string;
+        midenightLight60: string;
+        midenightLight80: string;
+        midenightLight100: string;
+        charcoal0: string;
+        charcoal2: string;
+        charcoal4: string;
+        charcoal6: string;
+        charcoal8: string;
+        charcoal12: string;
+        charcoal16: string;
+        charcoal20: string;
+        charcoal24: string;
+        charcoal32: string;
+        charcoal40: string;
+        charcoal60: string;
+        charcoal80: string;
+        charcoal100: string;
+        charcoalLight0: string;
+        charcoalLight2: string;
+        charcoalLight4: string;
+        charcoalLight6: string;
+        charcoalLight8: string;
+        charcoalLight12: string;
+        charcoalLight16: string;
+        charcoalLight20: string;
+        charcoalLight24: string;
+        charcoalLight32: string;
+        charcoalLight40: string;
+        charcoalLight60: string;
+        charcoalLight80: string;
+        charcoalLight100: string;
+        solid1: string;
+        solid2: string;
+        solid3: string;
+        solid4: string;
+    };
+};

package/dist/styles/color/index.d.ts

@@ -0,0 +1,293 @@
+import { BaseSystem, BaseTheme, ITheme } from './themes/type';
+export declare const colors: {
+    system: {
+        white0: string;
+        white2: string;
+        white4: string;
+        white6: string;
+        white8: string;
+        white12: string;
+        white16: string;
+        white20: string;
+        white24: string;
+        white32: string;
+        white40: string;
+        white60: string;
+        white80: string;
+        white100: string;
+        gray0: string;
+        gray2: string;
+        gray4: string;
+        gray6: string;
+        gray8: string;
+        gray12: string;
+        gray16: string;
+        gray20: string;
+        gray24: string;
+        gray32: string;
+        gray40: string;
+        gray60: string;
+        gray80: string;
+        gray100: string;
+        black0: string;
+        black2: string;
+        black4: string;
+        black6: string;
+        black8: string;
+        black12: string;
+        black16: string;
+        black20: string;
+        black24: string;
+        black32: string;
+        black40: string;
+        black60: string;
+        black80: string;
+        black100: string;
+        red0: string;
+        red2: string;
+        red4: string;
+        red6: string;
+        red8: string;
+        red12: string;
+        red16: string;
+        red20: string;
+        red24: string;
+        red32: string;
+        red40: string;
+        red60: string;
+        red80: string;
+        red100: string;
+        orange0: string;
+        orange2: string;
+        orange4: string;
+        orange6: string;
+        orange8: string;
+        orange12: string;
+        orange16: string;
+        orange20: string;
+        orange24: string;
+        orange32: string;
+        orange40: string;
+        orange60: string;
+        orange80: string;
+        orange100: string;
+        yellow0: string;
+        yellow2: string;
+        yellow4: string;
+        yellow6: string;
+        yellow8: string;
+        yellow12: string;
+        yellow16: string;
+        yellow20: string;
+        yellow24: string;
+        yellow32: string;
+        yellow40: string;
+        yellow60: string;
+        yellow80: string;
+        yellow100: string;
+        green0: string;
+        green2: string;
+        green4: string;
+        green6: string;
+        green8: string;
+        green12: string;
+        green16: string;
+        green20: string;
+        green24: string;
+        green32: string;
+        green40: string;
+        green60: string;
+        green80: string;
+        green100: string;
+        blue0: string;
+        blue2: string;
+        blue4: string;
+        blue6: string;
+        blue8: string;
+        blue12: string;
+        blue16: string;
+        blue20: string;
+        blue24: string;
+        blue32: string;
+        blue40: string;
+        blue60: string;
+        blue80: string;
+        blue100: string;
+        purple0: string;
+        purple2: string;
+        purple4: string;
+        purple6: string;
+        purple8: string;
+        purple12: string;
+        purple16: string;
+        purple20: string;
+        purple24: string;
+        purple32: string;
+        purple40: string;
+        purple60: string;
+        purple80: string;
+        purple100: string;
+    };
+    theme: {
+        afin: {
+            primary0: string;
+            primary2: string;
+            primary4: string;
+            primary6: string;
+            primary8: string;
+            primary12: string;
+            primary16: string;
+            primary20: string;
+            primary24: string;
+            primary32: string;
+            primary40: string;
+            primary60: string;
+            primary80: string;
+            primary100: string;
+            midnight0: string;
+            midnight2: string;
+            midnight4: string;
+            midnight6: string;
+            midnight8: string;
+            midnight12: string;
+            midnight16: string;
+            midnight20: string;
+            midnight24: string;
+            midnight32: string;
+            midnight40: string;
+            midnight60: string;
+            midnight80: string;
+            midnight100: string;
+            midenightLight0: string;
+            midenightLight2: string;
+            midenightLight4: string;
+            midenightLight6: string;
+            midenightLight8: string;
+            midenightLight12: string;
+            midenightLight16: string;
+            midenightLight20: string;
+            midenightLight24: string;
+            midenightLight32: string;
+            midenightLight40: string;
+            midenightLight60: string;
+            midenightLight80: string;
+            midenightLight100: string;
+            charcoal0: string;
+            charcoal2: string;
+            charcoal4: string;
+            charcoal6: string;
+            charcoal8: string;
+            charcoal12: string;
+            charcoal16: string;
+            charcoal20: string;
+            charcoal24: string;
+            charcoal32: string;
+            charcoal40: string;
+            charcoal60: string;
+            charcoal80: string;
+            charcoal100: string;
+            charcoalLight0: string;
+            charcoalLight2: string;
+            charcoalLight4: string;
+            charcoalLight6: string;
+            charcoalLight8: string;
+            charcoalLight12: string;
+            charcoalLight16: string;
+            charcoalLight20: string;
+            charcoalLight24: string;
+            charcoalLight32: string;
+            charcoalLight40: string;
+            charcoalLight60: string;
+            charcoalLight80: string;
+            charcoalLight100: string;
+            solid1: string;
+            solid2: string;
+            solid3: string;
+            solid4: string;
+        };
+        saefarm: {
+            primary0: string;
+            primary2: string;
+            primary4: string;
+            primary6: string;
+            primary8: string;
+            primary12: string;
+            primary16: string;
+            primary20: string;
+            primary24: string;
+            primary32: string;
+            primary40: string;
+            primary60: string;
+            primary80: string;
+            primary100: string;
+            midnight0: string;
+            midnight2: string;
+            midnight4: string;
+            midnight6: string;
+            midnight8: string;
+            midnight12: string;
+            midnight16: string;
+            midnight20: string;
+            midnight24: string;
+            midnight32: string;
+            midnight40: string;
+            midnight60: string;
+            midnight80: string;
+            midnight100: string;
+            midenightLight0: string;
+            midenightLight2: string;
+            midenightLight4: string;
+            midenightLight6: string;
+            midenightLight8: string;
+            midenightLight12: string;
+            midenightLight16: string;
+            midenightLight20: string;
+            midenightLight24: string;
+            midenightLight32: string;
+            midenightLight40: string;
+            midenightLight60: string;
+            midenightLight80: string;
+            midenightLight100: string;
+            charcoal0: string;
+            charcoal2: string;
+            charcoal4: string;
+            charcoal6: string;
+            charcoal8: string;
+            charcoal12: string;
+            charcoal16: string;
+            charcoal20: string;
+            charcoal24: string;
+            charcoal32: string;
+            charcoal40: string;
+            charcoal60: string;
+            charcoal80: string;
+            charcoal100: string;
+            charcoalLight0: string;
+            charcoalLight2: string;
+            charcoalLight4: string;
+            charcoalLight6: string;
+            charcoalLight8: string;
+            charcoalLight12: string;
+            charcoalLight16: string;
+            charcoalLight20: string;
+            charcoalLight24: string;
+            charcoalLight32: string;
+            charcoalLight40: string;
+            charcoalLight60: string;
+            charcoalLight80: string;
+            charcoalLight100: string;
+            solid1: string;
+            solid2: string;
+            solid3: string;
+            solid4: string;
+        };
+    };
+};
+export type ThemeType = 'light' | 'elevated' | 'dark' | 'trueDark';
+export type BrandType = 'afin' | 'saefarm';
+export interface ColorPalette {
+    color: ITheme;
+    system: BaseSystem;
+    theme: BaseTheme;
+}
+export declare const applyThemeColor: (themeName: ThemeType, brandName?: BrandType) => ColorPalette;

package/dist/styles/color/themes/dark.d.ts

@@ -0,0 +1,3 @@
+import { ITheme } from './type';
+import { BrandType } from '..';
+export declare const getDarkTheme: (brand: BrandType) => ITheme;

package/dist/styles/color/themes/elevated.d.ts

@@ -0,0 +1,3 @@
+import { ITheme } from './type';
+import { BrandType } from '..';
+export declare const getElevatedTheme: (brand: BrandType) => ITheme;

package/dist/styles/color/themes/light.d.ts

@@ -0,0 +1,3 @@
+import { ITheme } from './type';
+import { BrandType } from '..';
+export declare const getLightTheme: (brand: BrandType) => ITheme;

package/dist/styles/color/themes/trueDark.d.ts

@@ -0,0 +1,3 @@
+import { ITheme } from './type';
+import { BrandType } from '..';
+export declare const getTrueDarkTheme: (brand: BrandType) => ITheme;