acacia-ui 1.0.0

package/dist/theme/antdTheme.d.ts

@@ -0,0 +1,4 @@
+import type { ThemeConfig } from "antd";
+declare const defaultAcaciaTheme: ThemeConfig;
+export default defaultAcaciaTheme;
+//# sourceMappingURL=antdTheme.d.ts.map

package/dist/theme/antdTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"antdTheme.d.ts","sourceRoot":"","sources":["../../src/theme/antdTheme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AAExC,QAAA,MAAM,kBAAkB,EAAE,WAIzB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/theme/customTheme.d.ts

@@ -0,0 +1,13 @@
+import "@fontsource-variable/roboto-flex";
+import type { AcaciaThemes } from "../components/ui/interfaces";
+export interface NewToken {
+    headingFontFamily: string;
+    appTheme: AcaciaThemes;
+    logo: React.ReactNode | string;
+}
+declare module "antd-style" {
+    interface CustomToken extends NewToken {
+    }
+}
+export declare const CustomTheme: NewToken;
+//# sourceMappingURL=customTheme.d.ts.map

package/dist/theme/customTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"customTheme.d.ts","sourceRoot":"","sources":["../../src/theme/customTheme.ts"],"names":[],"mappings":"AAAA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAEhE,MAAM,WAAW,QAAQ;IACxB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE,YAAY,CAAC;IACvB,IAAI,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;CAC/B;AAGD,OAAO,QAAQ,YAAY,CAAC;IAE3B,UAAiB,WAAY,SAAQ,QAAQ;KAAG;CAChD;AAED,eAAO,MAAM,WAAW,EAAE,QAKzB,CAAC"}

package/dist/theme/defaultLogo.d.ts

@@ -0,0 +1,3 @@
+import "@fontsource-variable/roboto-flex";
+export default function DefaultLogo(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=defaultLogo.d.ts.map

package/dist/theme/defaultLogo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultLogo.d.ts","sourceRoot":"","sources":["../../src/theme/defaultLogo.tsx"],"names":[],"mappings":"AACA,OAAO,kCAAkC,CAAC;AAS1C,MAAM,CAAC,OAAO,UAAU,WAAW,4CAqElC"}

package/dist/theme/typographyUtil.d.ts

@@ -0,0 +1,25 @@
+export declare const typographyUtil: {
+    fontSize: {
+        h1: number;
+        h2: number;
+        h3: number;
+        h4: number;
+        h5: number;
+        body1: number;
+        body2: number;
+        caption: number;
+        overline: number;
+    };
+    letterSpacing: {
+        h1: string;
+        h2: string;
+        h3: string;
+        h4: string;
+        h5: string;
+        body1: string;
+        default: string;
+        caption: string;
+        overline: string;
+    };
+};
+//# sourceMappingURL=typographyUtil.d.ts.map

package/dist/theme/typographyUtil.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typographyUtil.d.ts","sourceRoot":"","sources":["../../src/theme/typographyUtil.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;CAuB1B,CAAC"}

package/dist/tokens/interfaces.d.ts

@@ -0,0 +1,104 @@
+import type { ThemeConfig } from "antd";
+import type { AliasToken, GlobalToken } from "antd/es/theme/interface";
+type DeepPartial<T> = {
+    [P in keyof T]?: T[P] extends object ? DeepPartial<T[P]> : T[P];
+};
+export interface AcaciaThemeConfig extends ThemeConfig {
+    token?: DeepPartial<AcaciaAliasToken>;
+}
+export interface AcaciaAliasToken extends AliasToken {
+    /**
+     * @nameEN Main font for the entire app
+     * @descEN Font used for most elements in the app
+     */
+    fontFamily: string;
+    /**
+     * @nameEN Heading font for the entire app
+     * @descEN Font used for headings in the app
+     */
+    headingFontFamily: string;
+    colors: {
+        /**
+         * @nameEN Main primary color of the app
+         * @descEN Controls the primary color of all elements
+         */
+        primary: string;
+        /**
+         * @nameEN Main color for the text
+         * @descEN Controls the main color for the text elements
+         */
+        primaryText: string;
+        /**
+         * @nameEN Main color for the caption text
+         * @descEN Controls the color for the caption text elements
+         */
+        caption: string;
+    };
+    theme: {
+        lightOnDark: boolean;
+        brand: string;
+        gradient1: string;
+        gradient2: string;
+        gradient3: string;
+        gradient4: string;
+        cove: string;
+        accent: string;
+        body: string;
+    };
+    header: {
+        imgUrl: string;
+    };
+    sidepanel: {
+        imgUrl: string;
+    };
+    panel: {
+        bgColor: string;
+    };
+    form: {
+        marginBottom: string;
+    };
+    card: {
+        bgcolor: string;
+        contentbg: string;
+        headerbg: string;
+    };
+}
+export interface AcaciaToken extends GlobalToken {
+    fontFamily: string;
+    headingFontFamily: string;
+    colors: {
+        primary: string;
+        primaryText: string;
+        caption: string;
+    };
+    theme: {
+        lightOnDark: boolean;
+        brand: string;
+        gradient1: string;
+        gradient2: string;
+        gradient3: string;
+        gradient4: string;
+        cove: string;
+        accent: string;
+        body: string;
+    };
+    header: {
+        imgUrl: string;
+    };
+    sidepanel: {
+        imgUrl: string;
+    };
+    panel: {
+        bgColor: string;
+    };
+    form: {
+        marginBottom: string;
+    };
+    card: {
+        bgcolor: string;
+        contentbg: string;
+        headerbg: string;
+    };
+}
+export {};
+//# sourceMappingURL=interfaces.d.ts.map

package/dist/tokens/interfaces.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../src/tokens/interfaces.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AACxC,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAGvE,KAAK,WAAW,CAAC,CAAC,IAAI;KACpB,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,MAAM,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAC/D,CAAC;AAEF,MAAM,WAAW,iBAAkB,SAAQ,WAAW;IACrD,KAAK,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,CAAC;CACtC;AAED,MAAM,WAAW,gBAAiB,SAAQ,UAAU;IACnD;;;OAGG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,iBAAiB,EAAE,MAAM,CAAC;IAC1B,MAAM,EAAE;QACP;;;WAGG;QACH,OAAO,EAAE,MAAM,CAAC;QAChB;;;WAGG;QACH,WAAW,EAAE,MAAM,CAAC;QACpB;;;WAGG;QACH,OAAO,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,KAAK,EAAE;QACN,WAAW,EAAE,OAAO,CAAC;QACrB,KAAK,EAAE,MAAM,CAAC;QACd,SAAS,EAAE,MAAM,CAAC;QAClB,SAAS,EAAE,MAAM,CAAC;QAClB,SAAS,EAAE,MAAM,CAAC;QAClB,SAAS,EAAE,MAAM,CAAC;QAClB,IAAI,EAAE,MAAM,CAAC;QACb,MAAM,EAAE,MAAM,CAAC;QACf,IAAI,EAAE,MAAM,CAAC;KACb,CAAC;IACF,MAAM,EAAE;QACP,MAAM,EAAE,MAAM,CAAC;KACf,CAAC;IACF,SAAS,EAAE;QACV,MAAM,EAAE,MAAM,CAAC;KACf,CAAC;IACF,KAAK,EAAE;QACN,OAAO,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,IAAI,EAAE;QACL,YAAY,EAAE,MAAM,CAAC;KACrB,CAAC;IACF,IAAI,EAAE;QACL,OAAO,EAAE,MAAM,CAAC;QAChB,SAAS,EAAE,MAAM,CAAC;QAClB,QAAQ,EAAE,MAAM,CAAC;KACjB,CAAC;CACF;AAED,MAAM,WAAW,WAAY,SAAQ,WAAW;IAC/C,UAAU,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,MAAM,EAAE;QACP,OAAO,EAAE,MAAM,CAAC;QAChB,WAAW,EAAE,MAAM,CAAC;QACpB,OAAO,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,KAAK,EAAE;QACN,WAAW,EAAE,OAAO,CAAC;QACrB,KAAK,EAAE,MAAM,CAAC;QACd,SAAS,EAAE,MAAM,CAAC;QAClB,SAAS,EAAE,MAAM,CAAC;QAClB,SAAS,EAAE,MAAM,CAAC;QAClB,SAAS,EAAE,MAAM,CAAC;QAClB,IAAI,EAAE,MAAM,CAAC;QACb,MAAM,EAAE,MAAM,CAAC;QACf,IAAI,EAAE,MAAM,CAAC;KACb,CAAC;IACF,MAAM,EAAE;QACP,MAAM,EAAE,MAAM,CAAC;KACf,CAAC;IACF,SAAS,EAAE;QACV,MAAM,EAAE,MAAM,CAAC;KACf,CAAC;IACF,KAAK,EAAE;QACN,OAAO,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,IAAI,EAAE;QACL,YAAY,EAAE,MAAM,CAAC;KACrB,CAAC;IACF,IAAI,EAAE;QACL,OAAO,EAAE,MAAM,CAAC;QAChB,SAAS,EAAE,MAAM,CAAC;QAClB,QAAQ,EAAE,MAAM,CAAC;KACjB,CAAC;CACF"}

package/dist/tokens/useAcaciaToken.d.ts

@@ -0,0 +1,4 @@
+export declare const useAcaciaToken: () => {
+    token: import("antd").GlobalToken;
+};
+//# sourceMappingURL=useAcaciaToken.d.ts.map

package/dist/tokens/useAcaciaToken.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAcaciaToken.d.ts","sourceRoot":"","sources":["../../src/tokens/useAcaciaToken.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,cAAc;;CAK1B,CAAC"}

package/dist/utils/colors.util.d.ts

@@ -0,0 +1,12 @@
+export declare const generate: (color?: string, darken?: boolean) => {
+    colors: string[];
+    neutral: string[];
+};
+/**
+ *@description - used to handle color algorithm to return black / white depending on the color given
+ * @param color - HEX color code or a string color (ex: black)
+ * @returns return black or white color as string
+ */
+export declare const renderBlackOrWhiteText: (color: string) => string;
+export declare function hexToRGBA(hex: string, opacityPercent: number): string;
+//# sourceMappingURL=colors.util.d.ts.map

package/dist/utils/colors.util.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.util.d.ts","sourceRoot":"","sources":["../../src/utils/colors.util.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ,GAAI,QAAQ,MAAM,EAAE,SAAS,OAAO;;;CAYxD,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,GAAI,OAAO,MAAM,KAAG,MAOtD,CAAC;AAEF,wBAAgB,SAAS,CAAC,GAAG,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,UAM5D"}

package/dist/utils/parseBackgroundColors.d.ts

@@ -0,0 +1,15 @@
+export type ParsedColor = {
+    format: "hex";
+    value: string;
+} | {
+    format: "rgb";
+    value: string;
+} | {
+    format: "named";
+    value: string;
+};
+export interface ParsedBackgroundColors {
+    colors: ParsedColor[];
+}
+export declare function parseBackgroundColors(css: string): ParsedBackgroundColors;
+//# sourceMappingURL=parseBackgroundColors.d.ts.map

package/dist/utils/parseBackgroundColors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parseBackgroundColors.d.ts","sourceRoot":"","sources":["../../src/utils/parseBackgroundColors.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GACpB;IAAE,MAAM,EAAE,KAAK,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GAChC;IAAE,MAAM,EAAE,KAAK,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GAChC;IAAE,MAAM,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAEtC,MAAM,WAAW,sBAAsB;IACtC,MAAM,EAAE,WAAW,EAAE,CAAC;CACtB;AAgBD,wBAAgB,qBAAqB,CAAC,GAAG,EAAE,MAAM,GAAG,sBAAsB,CAmBzE"}

package/dist/utils/useSampledBackgroundColor.d.ts

@@ -0,0 +1,2 @@
+export declare function useSampledBackgroundColor(targetRef: React.RefObject<HTMLElement>): string;
+//# sourceMappingURL=useSampledBackgroundColor.d.ts.map

package/dist/utils/useSampledBackgroundColor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSampledBackgroundColor.d.ts","sourceRoot":"","sources":["../../src/utils/useSampledBackgroundColor.ts"],"names":[],"mappings":"AAEA,wBAAgB,yBAAyB,CACxC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,UA8CvC"}

package/package.json

@@ -0,0 +1,78 @@
+{
+	"name": "acacia-ui",
+	"version": "1.0.0",
+	"description": "Acacia Design UI Library",
+	"main": "dist/main.js",
+	"typings": "dist/index.d.ts",
+	"sideEffects": true,
+	"repository": "https://github.com/skimkoh/acacia-ui.git",
+	"scripts": {
+		"test": "echo \"Error: no test specified\" && exit 1",
+		"repackage": "rm -rf dist && rm -rf package && rm acacia-design-1.0.1.tgz && cross-env NODE_ENV=production webpack-cli --progress --color && npm pack && tar -xvzf *.tgz",
+		"package": "cross-env NODE_ENV=production webpack-cli --progress --color && npm pack && tar -xvzf *.tgz",
+		"prepublishOnly": "npm run build",
+		"build": "cross-env NODE_ENV=production webpack-cli --progress --color",
+		"semantic-release": "semantic-release",
+		"storybook": "storybook dev -p 6006",
+		"build-storybook": "storybook build",
+		"serve-storybook": "serve storybook-static"
+	},
+	"peerDependencies": {
+		"@ant-design/colors": "^7.0.2",
+		"@fontsource-variable/inter": "^5.0.17",
+		"@fontsource-variable/outfit": "^5.0.12",
+		"@fontsource-variable/roboto-flex": "^5.2.8",
+		"antd": "^6.0.0",
+		"antd-style": "^3.5.2",
+		"prop-types": "^15.8.1",
+		"react": "^18.3.1",
+		"react-dom": "^18.3.1",
+		"styled-components": "^6.1.6"
+	},
+	"devDependencies": {
+		"@ant-design/icons": "^5.2.6",
+		"@babel/core": "^7.23.2",
+		"@babel/preset-env": "^7.23.2",
+		"@babel/preset-react": "^7.22.15",
+		"@biomejs/biome": "1.9.4",
+		"@fortawesome/fontawesome-svg-core": "^7.1.0",
+		"@fortawesome/free-solid-svg-icons": "^7.1.0",
+		"@fortawesome/react-fontawesome": "^3.1.0",
+		"@mirawision/colorize": "^1.4.1",
+		"@semantic-release/changelog": "^6.0.3",
+		"@semantic-release/git": "^10.0.1",
+		"@semantic-release/npm": "^13.1.2",
+		"@storybook/addon-docs": "^9.0.5",
+		"@storybook/addon-onboarding": "^9.0.5",
+		"@storybook/addon-webpack5-compiler-swc": "^3.0.0",
+		"@storybook/react-webpack5": "^9.0.5",
+		"antd": "^6.0.0",
+		"babel-loader": "^9.1.3",
+		"chromatic": "^13.3.4",
+		"core-js": "^3.33.0",
+		"cross-env": "^7.0.3",
+		"css-loader": "^6.8.1",
+		"mini-css-extract-plugin": "^2.9.0",
+		"react-docgen-typescript": "^2.2.2",
+		"react-docgen-typescript-plugin": "^1.0.8",
+		"react-helmet": "^6.1.0",
+		"semantic-release": "^25.0.2",
+		"storybook": "^9.0.5",
+		"style-loader": "^3.3.3",
+		"ts-loader": "^9.5.0",
+		"ts-pattern": "^5.7.1",
+		"typescript": "^5.2.2",
+		"typescript-plugin-css-modules": "^5.0.1",
+		"webpack": "^5.89.0",
+		"webpack-cli": "^5.1.4",
+		"webpack-merge": "^5.9.0"
+	},
+	"browserslist": [
+		">0.25%",
+		"not ie 11",
+		"not op_mini all"
+	],
+	"files": [
+		"/dist"
+	]
+}