@peculiar/react-components 0.3.14 → 0.4.0

package/dist/types/TextField/text_field.d.ts

@@ -1,5 +1,8 @@
 import * as React from 'react';
-declare type BaseProps = {
+/**
+ * Types.
+ */
+declare type TextFieldOwnProps = {
     /**
      * If `true`, the component is disabled.
      */
@@ -70,7 +73,9 @@ declare type BaseProps = {
      * Callback fired when the value is changed.
      */
     onChange?: React.ChangeEventHandler<HTMLInputElement>;
-    'data-testid'?: string;
 };
-export declare const TextField: React.ForwardRefExoticComponent<BaseProps & Omit<React.HTMLAttributes<HTMLDivElement>, "children" | "onChange"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ *
+ */
+export declare const TextField: React.ForwardRefExoticComponent<TextFieldOwnProps & Omit<React.HTMLAttributes<HTMLDivElement>, "children" | "onChange"> & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/types/TextareaField/textarea_field.d.ts

@@ -1,5 +1,8 @@
 import * as React from 'react';
-declare type BaseProps = {
+/**
+ * Types.
+ */
+declare type TextareaFieldOwnProps = {
     /**
      * If `true`, the component is disabled.
      */
@@ -15,7 +18,7 @@ declare type BaseProps = {
     /**
      * Attributes applied to the `input` element.
      */
-    inputProps?: React.InputHTMLAttributes<HTMLTextAreaElement>;
+    inputProps?: Omit<React.InputHTMLAttributes<HTMLTextAreaElement>, 'size'>;
     /**
      * The default value. Use when the component is not controlled.
      */
@@ -66,7 +69,9 @@ declare type BaseProps = {
      * the field (not from interacting with the field).
      */
     readOnly?: boolean;
-    'data-testid'?: string;
 };
-export declare const TextareaField: React.ForwardRefExoticComponent<BaseProps & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ *
+ */
+export declare const TextareaField: React.ForwardRefExoticComponent<TextareaFieldOwnProps & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/types/Toast/toast.d.ts

@@ -1,6 +1,9 @@
 import * as React from 'react';
 import { AlertProps } from '../Alert';
-declare type BaseProps = {
+/**
+ * Types.
+ */
+declare type ToastOwnProps = {
     /**
      * The `id` of the toast. Mostly used when you need to prevent duplicate.
      */
@@ -26,5 +29,8 @@ declare type BaseProps = {
      */
     alertProps?: Omit<AlertProps, 'children' | 'onClose'>;
 };
-export declare const Toast: React.FC<BaseProps>;
+/**
+ *
+ */
+export declare const Toast: React.FC<ToastOwnProps>;
 export {};

package/dist/types/Toast/toast_container.d.ts

@@ -1,10 +1,16 @@
 import * as React from 'react';
-declare type BaseProps = {
+/**
+ * Types.
+ */
+declare type ToastContainerOwnProps = {
     /**
      * The content of the component.
      */
     children: React.ReactNode;
 };
-export declare type ToastContainerProps = BaseProps & Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>;
+export declare type ToastContainerProps = ToastContainerOwnProps & Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>;
+/**
+ *
+ */
 export declare const ToastContainer: React.FC<ToastContainerProps>;
 export {};

package/dist/types/Tooltip/index.d.ts

@@ -1,2 +1,2 @@
 export { Tooltip } from './tooltip';
-export type { TooltipBaseProps, TooltipProps } from './tooltip';
+export type { TooltipOwnProps, TooltipProps } from './tooltip';

package/dist/types/Tooltip/tooltip.d.ts

@@ -3,7 +3,7 @@ import { Placement } from '@popperjs/core';
 /**
  * Types.
  */
-export declare type TooltipBaseProps = {
+export declare type TooltipOwnProps = {
     /**
      * If `true`, the component is shown.
      */
@@ -70,7 +70,7 @@ export declare type TooltipBaseProps = {
      */
     offset?: number;
 };
-export declare type TooltipProps = TooltipBaseProps & Omit<React.HTMLAttributes<HTMLDivElement>, 'title' | 'children'>;
+export declare type TooltipProps = TooltipOwnProps & Omit<React.HTMLAttributes<HTMLDivElement>, 'title' | 'children'>;
 /**
  *
  */

package/dist/types/styles/default_theme.d.ts

@@ -1,2 +1,3 @@
 import { ThemeType } from './types';
-export declare const defaultTheme: ThemeType;
+export declare const defaultThemeLight: ThemeType;
+export declare const defaultThemeDark: ThemeType;

package/dist/types/styles/foundations/colors.d.ts

@@ -0,0 +1,64 @@
+declare type ColorPalletteSuffix = {
+    '-tint-5': string;
+    '-tint-4': string;
+    '-tint-3': string;
+    '-tint-2': string;
+    '-tint-1': string;
+    '': string;
+    '-shade-1': string;
+    '-shade-2': string;
+    '-shade-3': string;
+    '-shade-4': string;
+    '-shade-5': string;
+};
+declare type RemapColorPaletteKeys<Type, Name extends string> = {
+    [K in keyof Type as `${Name}${string & K}`]: Type[K];
+};
+export declare const generateColorPalette: <Name extends string>(name: Name, hex: string) => RemapColorPaletteKeys<ColorPalletteSuffix, Name>;
+export declare const additional: {
+    'extra-1': string;
+    'extra-2': string;
+};
+export declare const additionalDark: {
+    'extra-1': string;
+    'extra-2': string;
+};
+export declare const grayscale: {
+    white: string;
+    'gray-1': string;
+    'gray-2': string;
+    'gray-3': string;
+    'gray-4': string;
+    'gray-5': string;
+    'gray-6': string;
+    'gray-7': string;
+    'gray-8': string;
+    'gray-9': string;
+    'gray-10': string;
+    black: string;
+};
+export declare const grayscaleDark: {
+    white: string;
+    'gray-1': string;
+    'gray-2': string;
+    'gray-3': string;
+    'gray-4': string;
+    'gray-5': string;
+    'gray-6': string;
+    'gray-7': string;
+    'gray-8': string;
+    'gray-9': string;
+    'gray-10': string;
+    black: string;
+};
+export declare const primary: RemapColorPaletteKeys<ColorPalletteSuffix, "primary">;
+export declare const primaryDark: RemapColorPaletteKeys<ColorPalletteSuffix, "primary">;
+export declare const secondary: RemapColorPaletteKeys<ColorPalletteSuffix, "secondary">;
+export declare const secondaryDark: RemapColorPaletteKeys<ColorPalletteSuffix, "secondary">;
+export declare const attention: RemapColorPaletteKeys<ColorPalletteSuffix, "attention">;
+export declare const attentionDark: RemapColorPaletteKeys<ColorPalletteSuffix, "attention">;
+export declare const success: RemapColorPaletteKeys<ColorPalletteSuffix, "success">;
+export declare const successDark: RemapColorPaletteKeys<ColorPalletteSuffix, "success">;
+export declare const wrong: RemapColorPaletteKeys<ColorPalletteSuffix, "wrong">;
+export declare const wrongDark: RemapColorPaletteKeys<ColorPalletteSuffix, "wrong">;
+export {};

package/dist/types/styles/foundations/index.d.ts

@@ -0,0 +1,4 @@
+export * as colors from './colors';
+export * from './sizes';
+export * from './text';
+export * as shadow from './shadow';

package/dist/types/styles/foundations/shadow.d.ts

@@ -0,0 +1,16 @@
+export declare const light: {
+    'light-low': string;
+    'light-medium': string;
+    'light-hight': string;
+    'light-soft': string;
+    'dark-medium': string;
+    'dark-hight': string;
+};
+export declare const dark: {
+    'light-low': string;
+    'light-medium': string;
+    'light-hight': string;
+    'light-soft': string;
+    'dark-medium': string;
+    'dark-hight': string;
+};

package/dist/types/styles/{sizes/base.d.ts → foundations/sizes.d.ts}

@@ -1,4 +1,4 @@
-export declare const generateBaseSize: (grid?: number) => {
+export declare const generateSize: (grid?: number) => {
     'base-half': string;
     base: string;
     'base-2': string;
@@ -15,7 +15,7 @@ export declare const generateBaseSize: (grid?: number) => {
     'base-14': string;
     'base-16': string;
 };
-export declare const base: {
+export declare const size: {
     'base-half': string;
     base: string;
     'base-2': string;

package/dist/types/styles/foundations/text.d.ts

@@ -0,0 +1,128 @@
+export declare const text: {
+    /**
+     * h1
+     */
+    h1: {
+        weight: string;
+        size: string;
+        height: string;
+        spacing: string;
+    };
+    /**
+     * h2
+     */
+    h2: {
+        weight: string;
+        size: string;
+        height: string;
+        spacing: string;
+    };
+    /**
+     * h3
+     */
+    h3: {
+        weight: string;
+        size: string;
+        height: string;
+        spacing: string;
+    };
+    /**
+     * h4
+     */
+    h4: {
+        weight: string;
+        size: string;
+        height: string;
+        spacing: string;
+    };
+    /**
+     * h5
+     */
+    h5: {
+        weight: string;
+        size: string;
+        height: string;
+        spacing: string;
+    };
+    /**
+     * subtitle1
+     */
+    s1: {
+        weight: string;
+        size: string;
+        height: string;
+        spacing: string;
+    };
+    /**
+     * subtitle2
+     */
+    s2: {
+        weight: string;
+        size: string;
+        height: string;
+        spacing: string;
+    };
+    /**
+     * body1
+     */
+    b1: {
+        weight: string;
+        size: string;
+        height: string;
+        spacing: string;
+    };
+    /**
+     * body2
+     */
+    b2: {
+        weight: string;
+        size: string;
+        height: string;
+        spacing: string;
+    };
+    /**
+     * body3
+     */
+    b3: {
+        weight: string;
+        size: string;
+        height: string;
+        spacing: string;
+    };
+    /**
+     * button1
+     */
+    btn1: {
+        weight: string;
+        size: string;
+        height: string;
+        spacing: string;
+    };
+    /**
+     * button2
+     */
+    btn2: {
+        weight: string;
+        size: string;
+        height: string;
+        spacing: string;
+    };
+    /**
+     * caption1
+     */
+    c1: {
+        weight: string;
+        size: string;
+        height: string;
+        spacing: string;
+    };
+    /**
+     * caption2
+     */
+    c2: {
+        weight: string;
+        size: string;
+        height: string;
+        spacing: string;
+    };
+};

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

@@ -1,4 +1,3 @@
 export { ThemeProvider } from './theme_provider';
-export { css, cx, keyframes, cache, } from './css';
 export * from './types';
-export { defaultTheme } from './default_theme';
+export { defaultThemeLight, defaultThemeDark } from './default_theme';

package/dist/types/styles/theme_provider.d.ts

@@ -1,8 +1,15 @@
 import * as React from 'react';
 import type { ThemeOptionsType } from './types';
+/**
+ * Types.
+ */
 declare type ThemeProviderProps = {
     children: React.ReactElement;
     theme?: ThemeOptionsType;
+    mode?: 'light' | 'dark';
 };
+/**
+ *
+ */
 export declare const ThemeProvider: React.FC<ThemeProviderProps>;
 export {};

package/dist/types/styles/types.d.ts

@@ -1,5 +1,5 @@
 export declare type ColorType = ('primary-tint-5' | 'primary-tint-4' | 'primary-tint-3' | 'primary-tint-2' | 'primary-tint-1' | 'primary' | 'primary-shade-1' | 'primary-shade-2' | 'primary-shade-3' | 'primary-shade-4' | 'primary-shade-5' | 'primary-contrast' | 'secondary-tint-5' | 'secondary-tint-4' | 'secondary-tint-3' | 'secondary-tint-2' | 'secondary-tint-1' | 'secondary' | 'secondary-shade-1' | 'secondary-shade-2' | 'secondary-shade-3' | 'secondary-shade-4' | 'secondary-shade-5' | 'secondary-contrast' | 'wrong-tint-5' | 'wrong-tint-4' | 'wrong-tint-3' | 'wrong-tint-2' | 'wrong-tint-1' | 'wrong' | 'wrong-shade-1' | 'wrong-shade-2' | 'wrong-shade-3' | 'wrong-shade-4' | 'wrong-shade-5' | 'wrong-contrast' | 'attention-tint-5' | 'attention-tint-4' | 'attention-tint-3' | 'attention-tint-2' | 'attention-tint-1' | 'attention' | 'attention-shade-1' | 'attention-shade-2' | 'attention-shade-3' | 'attention-shade-4' | 'attention-shade-5' | 'success-tint-5' | 'success-tint-4' | 'success-tint-3' | 'success-tint-2' | 'success-tint-1' | 'success' | 'success-shade-1' | 'success-shade-2' | 'success-shade-3' | 'success-shade-4' | 'success-shade-5' | 'black' | 'gray-10' | 'gray-9' | 'gray-8' | 'gray-7' | 'gray-6' | 'gray-5' | 'gray-4' | 'gray-3' | 'gray-2' | 'gray-1' | 'white' | 'extra-1' | 'extra-2');
-export declare type ShadowType = ('light-low' | 'light-medium' | 'light-hight' | 'dark-medium' | 'dark-hight');
+export declare type ShadowType = ('light-low' | 'light-medium' | 'light-hight' | 'light-soft' | 'dark-medium' | 'dark-hight');
 export declare type TypographyPropertiesType = {
     weight: string;
     size: string;
@@ -15,7 +15,7 @@ export declare type ThemeType = {
     size: Record<SizeType, string>;
 };
 export declare type ThemeOptionsType = {
-    color?: Partial<Record<ColorType, string>>;
+    color?: Partial<ThemeType['color']>;
     shadow?: Partial<ThemeType['shadow']>;
     text?: Partial<ThemeType['text']>;
     size?: number;

package/dist/types/styles/utils.d.ts

@@ -1,31 +1,5 @@
-import type { ThemeOptionsType, ColorType } from './types';
+import type { ThemeOptionsType, ThemeType } from './types';
 export declare const themeCSSVariablePrefix = "pv";
 export declare const contrastThreshold = 2;
-export declare const createTheme: (options?: ThemeOptionsType) => {
-    color: Record<ColorType, string>;
-    shadow: Record<import("./types").ShadowType, string>;
-    text: Record<import("./types").TypographyType, import("./types").TypographyPropertiesType>;
-    size: Record<import("./types").SizeType, string>;
-} & {
-    color: Partial<Record<ColorType, string>>;
-    shadow: Partial<Record<import("./types").ShadowType, string>>;
-    text: Partial<Record<import("./types").TypographyType, import("./types").TypographyPropertiesType>>;
-    size: number & {
-        'base-half': string;
-        base: string;
-        'base-2': string;
-        'base-3': string;
-        'base-4': string;
-        'base-5': string;
-        'base-6': string;
-        'base-7': string;
-        'base-8': string;
-        'base-9': string;
-        'base-10': string;
-        'base-11': string;
-        'base-12': string;
-        'base-14': string;
-        'base-16': string;
-    };
-};
+export declare const createTheme: (mode: 'light' | 'dark', options?: ThemeOptionsType) => ThemeType;
 export declare const createThemeCSSVariablesFromObject: (object: Record<string, any>) => Record<string, string>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@peculiar/react-components",
   "private": false,
-  "version": "0.3.14",
+  "version": "0.4.0",
   "author": "PeculiarVentures Team",
   "description": "A simple and customizable component library to build faster, beautiful, and more accessible React applications.",
   "keywords": [
@@ -32,6 +32,7 @@
     "clean": "rimraf public dist themes",
     "test:unit": "jest --passWithNoTests --watchAll",
     "test:unit:coverage": "yarn test:unit --coverage --watchAll=false",
+    "test:unit:updateSnapshot": "jest --updateSnapshot",
     "check:types": "tsc --noEmit"
   },
   "peerDependencies": {
@@ -45,9 +46,9 @@
     }
   },
   "dependencies": {
-    "@emotion/css": "^11.11.0",
-    "@emotion/react": "^11.11.0",
-    "@peculiar/color": "^0.1.1",
+    "@emotion/react": "^11.11.1",
+    "@emotion/styled": "^11.11.0",
+    "@peculiar/color": "^0.1.2",
     "@popperjs/core": "^2.11.7",
     "@types/flat": "^5.0.2",
     "@types/react-transition-group": "^4.4.5",
@@ -60,30 +61,22 @@
     "react-transition-group": "^4.4.5"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "^6.5.15",
-    "@storybook/addon-actions": "^6.5.15",
-    "@storybook/addon-controls": "^6.5.15",
-    "@storybook/addon-docs": "^6.5.15",
-    "@storybook/addon-viewport": "^6.5.15",
-    "@storybook/builder-webpack5": "^6.5.15",
-    "@storybook/manager-webpack5": "^6.5.15",
-    "@storybook/react": "^6.5.15",
-    "@storybook/theming": "^6.5.15",
-    "@testing-library/jest-dom": "^5.16.5",
-    "@testing-library/react": "^14.0.0",
-    "@testing-library/user-event": "^14.4.3 ",
-    "@types/jest": "^29.5.0",
+    "@storybook/addon-a11y": "^6.5.16",
+    "@storybook/addon-actions": "^6.5.16",
+    "@storybook/addon-controls": "^6.5.16",
+    "@storybook/addon-docs": "^6.5.16",
+    "@storybook/addon-viewport": "^6.5.16",
+    "@storybook/builder-webpack5": "^6.5.16",
+    "@storybook/manager-webpack5": "^6.5.16",
+    "@storybook/react": "^6.5.16",
+    "@storybook/theming": "^6.5.16",
     "@types/react": "^18.0.34",
     "@types/react-dom": "^18.0.11",
     "awesome-typescript-loader": "^5.2.1",
-    "babel-jest": "29.5.0",
-    "jest": "^29.5.0",
-    "jest-environment-jsdom": "^29.5.0",
-    "jest-watch-typeahead": "^2.2.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "rimraf": "^3.0.2",
-    "ts-jest": "^29.1.0",
+    "storybook-dark-mode": "^2.1.1",
     "typescript": "^4.6.3"
   },
   "publishConfig": {
@@ -93,5 +86,5 @@
     "node": ">=12.x"
   },
   "license": "MIT",
-  "gitHead": "5f24003dfabb2a40221e83734c5d9fcae777b275"
+  "gitHead": "f88a7bebc016b5a49359584658b16e3388848c0e"
 }

package/dist/cjs/styles/colors/additional.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.additional = void 0;
-exports.additional = {
-    'extra-1': '#826FF6',
-    'extra-2': '#DC6CDF',
-};
-//# sourceMappingURL=additional.js.map

package/dist/cjs/styles/colors/additional.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"additional.js","sourceRoot":"","sources":["../../../../src/styles/colors/additional.ts"],"names":[],"mappings":";;;AAAa,QAAA,UAAU,GAAG;IACxB,SAAS,EAAE,SAAS;IACpB,SAAS,EAAE,SAAS;CACrB,CAAC"}

package/dist/cjs/styles/colors/attention.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.attention = exports.generateAttentionColors = void 0;
-var color_1 = require("@peculiar/color");
-var generateAttentionColors = function (hex) {
-    if (hex === void 0) { hex = '#F7A831'; }
-    var palette = new color_1.Color(hex).palette();
-    return {
-        'attention-tint-5': palette.tint5.toHexString(),
-        'attention-tint-4': palette.tint4.toHexString(),
-        'attention-tint-3': palette.tint3.toHexString(),
-        'attention-tint-2': palette.tint2.toHexString(),
-        'attention-tint-1': palette.tint1.toHexString(),
-        attention: palette.base.toHexString(),
-        'attention-shade-1': palette.shade1.toHexString(),
-        'attention-shade-2': palette.shade2.toHexString(),
-        'attention-shade-3': palette.shade3.toHexString(),
-        'attention-shade-4': palette.shade4.toHexString(),
-        'attention-shade-5': palette.shade5.toHexString(),
-    };
-};
-exports.generateAttentionColors = generateAttentionColors;
-exports.attention = (0, exports.generateAttentionColors)();
-//# sourceMappingURL=attention.js.map

package/dist/cjs/styles/colors/attention.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"attention.js","sourceRoot":"","sources":["../../../../src/styles/colors/attention.ts"],"names":[],"mappings":";;;AAAA,yCAAwC;AAEjC,IAAM,uBAAuB,GAAG,UAAC,GAAuB;IAAvB,oBAAA,EAAA,eAAuB;IAC7D,IAAM,OAAO,GAAG,IAAI,aAAK,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC;IAEzC,OAAO;QACL,kBAAkB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC/C,kBAAkB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC/C,kBAAkB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC/C,kBAAkB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC/C,kBAAkB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC/C,SAAS,EAAE,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE;QACrC,mBAAmB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QACjD,mBAAmB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QACjD,mBAAmB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QACjD,mBAAmB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QACjD,mBAAmB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;KAClD,CAAC;AACJ,CAAC,CAAC;AAhBW,QAAA,uBAAuB,2BAgBlC;AAEW,QAAA,SAAS,GAAG,IAAA,+BAAuB,GAAE,CAAC"}

package/dist/cjs/styles/colors/grayscale.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.grayscale = void 0;
-exports.grayscale = {
-    white: '#FFFFFF',
-    'gray-1': '#FBFCFD',
-    'gray-2': '#F4F7FC',
-    'gray-3': '#EFF1F6',
-    'gray-4': '#EAEDF2',
-    'gray-5': '#E3E5E8',
-    'gray-6': '#D8DBDE',
-    'gray-7': '#CDD1D5',
-    'gray-8': '#C4C8CC',
-    'gray-9': '#8F999E',
-    'gray-10': '#5C666A',
-    black: '#293033',
-};
-//# sourceMappingURL=grayscale.js.map

package/dist/cjs/styles/colors/grayscale.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"grayscale.js","sourceRoot":"","sources":["../../../../src/styles/colors/grayscale.ts"],"names":[],"mappings":";;;AAAa,QAAA,SAAS,GAAG;IACvB,KAAK,EAAE,SAAS;IAChB,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,SAAS,EAAE,SAAS;IACpB,KAAK,EAAE,SAAS;CACjB,CAAC"}

package/dist/cjs/styles/colors/index.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.additional = exports.generateSuccessColors = exports.success = exports.generateAttentionColors = exports.attention = exports.generateWrongColors = exports.wrong = exports.generateSecondaryColors = exports.secondary = exports.generatePrimaryColors = exports.primary = exports.grayscale = void 0;
-var grayscale_1 = require("./grayscale");
-Object.defineProperty(exports, "grayscale", { enumerable: true, get: function () { return grayscale_1.grayscale; } });
-var primary_1 = require("./primary");
-Object.defineProperty(exports, "primary", { enumerable: true, get: function () { return primary_1.primary; } });
-Object.defineProperty(exports, "generatePrimaryColors", { enumerable: true, get: function () { return primary_1.generatePrimaryColors; } });
-var secondary_1 = require("./secondary");
-Object.defineProperty(exports, "secondary", { enumerable: true, get: function () { return secondary_1.secondary; } });
-Object.defineProperty(exports, "generateSecondaryColors", { enumerable: true, get: function () { return secondary_1.generateSecondaryColors; } });
-var wrong_1 = require("./wrong");
-Object.defineProperty(exports, "wrong", { enumerable: true, get: function () { return wrong_1.wrong; } });
-Object.defineProperty(exports, "generateWrongColors", { enumerable: true, get: function () { return wrong_1.generateWrongColors; } });
-var attention_1 = require("./attention");
-Object.defineProperty(exports, "attention", { enumerable: true, get: function () { return attention_1.attention; } });
-Object.defineProperty(exports, "generateAttentionColors", { enumerable: true, get: function () { return attention_1.generateAttentionColors; } });
-var success_1 = require("./success");
-Object.defineProperty(exports, "success", { enumerable: true, get: function () { return success_1.success; } });
-Object.defineProperty(exports, "generateSuccessColors", { enumerable: true, get: function () { return success_1.generateSuccessColors; } });
-var additional_1 = require("./additional");
-Object.defineProperty(exports, "additional", { enumerable: true, get: function () { return additional_1.additional; } });
-//# sourceMappingURL=index.js.map

package/dist/cjs/styles/colors/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/styles/colors/index.ts"],"names":[],"mappings":";;;AAAA,yCAAwC;AAA/B,sGAAA,SAAS,OAAA;AAClB,qCAA2D;AAAlD,kGAAA,OAAO,OAAA;AAAE,gHAAA,qBAAqB,OAAA;AACvC,yCAAiE;AAAxD,sGAAA,SAAS,OAAA;AAAE,oHAAA,uBAAuB,OAAA;AAC3C,iCAAqD;AAA5C,8FAAA,KAAK,OAAA;AAAE,4GAAA,mBAAmB,OAAA;AACnC,yCAAiE;AAAxD,sGAAA,SAAS,OAAA;AAAE,oHAAA,uBAAuB,OAAA;AAC3C,qCAA2D;AAAlD,kGAAA,OAAO,OAAA;AAAE,gHAAA,qBAAqB,OAAA;AACvC,2CAA0C;AAAjC,wGAAA,UAAU,OAAA"}

package/dist/cjs/styles/colors/primary.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.primary = exports.generatePrimaryColors = void 0;
-var color_1 = require("@peculiar/color");
-var generatePrimaryColors = function (hex) {
-    if (hex === void 0) { hex = '#5EBC54'; }
-    var palette = new color_1.Color(hex).palette();
-    return {
-        'primary-tint-5': palette.tint5.toHexString(),
-        'primary-tint-4': palette.tint4.toHexString(),
-        'primary-tint-3': palette.tint3.toHexString(),
-        'primary-tint-2': palette.tint2.toHexString(),
-        'primary-tint-1': palette.tint1.toHexString(),
-        primary: palette.base.toHexString(),
-        'primary-shade-1': palette.shade1.toHexString(),
-        'primary-shade-2': palette.shade2.toHexString(),
-        'primary-shade-3': palette.shade3.toHexString(),
-        'primary-shade-4': palette.shade4.toHexString(),
-        'primary-shade-5': palette.shade5.toHexString(),
-    };
-};
-exports.generatePrimaryColors = generatePrimaryColors;
-exports.primary = (0, exports.generatePrimaryColors)();
-//# sourceMappingURL=primary.js.map

package/dist/cjs/styles/colors/primary.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"primary.js","sourceRoot":"","sources":["../../../../src/styles/colors/primary.ts"],"names":[],"mappings":";;;AAAA,yCAAwC;AAEjC,IAAM,qBAAqB,GAAG,UAAC,GAAuB;IAAvB,oBAAA,EAAA,eAAuB;IAC3D,IAAM,OAAO,GAAG,IAAI,aAAK,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC;IAEzC,OAAO;QACL,gBAAgB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC7C,gBAAgB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC7C,gBAAgB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC7C,gBAAgB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC7C,gBAAgB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC7C,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE;QACnC,iBAAiB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QAC/C,iBAAiB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QAC/C,iBAAiB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QAC/C,iBAAiB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QAC/C,iBAAiB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;KAChD,CAAC;AACJ,CAAC,CAAC;AAhBW,QAAA,qBAAqB,yBAgBhC;AAEW,QAAA,OAAO,GAAG,IAAA,6BAAqB,GAAE,CAAC"}