✨ export color config

✨ export color config

index.d.ts

@@ -13,4 +13,10 @@ declare module '@eliancodes/brutal-ui' {
 
   export function Card(props: DefaultColorProps): any;
   export function Pill(props: DefaultColorProps): any;
+
+  type BrutalConfiguration = {
+    colors: string[]
+  };
+
+  export function Config(): BrutalConfiguration;
 }

index.ts

@@ -1,3 +1,4 @@
 export { default as Button } from './src/components/Button.astro';
 export { default as Card } from './src/components/Card.astro';
 export { default as Pill } from './src/components/Pill.astro';
+export { default as Config } from './src/config';

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eliancodes/brutal-ui",
-  "version": "0.1.1",
+  "version": "0.2.0",
   "description": "The brutalist UI components package, built for extendability and compatibility",
   "repository": {
     "type": "git",

src/components/Button.astro

@@ -13,7 +13,7 @@ if (Astro.props.target === undefined) {
 
 if (Astro.props.color === undefined) {
   Astro.props.color =
-    colors.colors[Math.floor(Math.random() * colors.colors.length)];
+    colors[Math.floor(Math.random() * colors.length)];
 }
 
 const { href, target, color } = Astro.props;

src/components/Card.astro

@@ -6,7 +6,7 @@ import colors from '../config/colors.json';
 
 if (Astro.props.color === undefined) {
   Astro.props.color =
-    colors.colors[Math.floor(Math.random() * colors.colors.length)];
+    colors[Math.floor(Math.random() * colors.length)];
 }
 
 const { color } = Astro.props;

src/components/Pill.astro

@@ -6,7 +6,7 @@ import colors from '../config/colors.json';
 
 if (Astro.props.color === undefined) {
   Astro.props.color =
-    colors.colors[Math.floor(Math.random() * colors.colors.length)];
+    colors[Math.floor(Math.random() * colors.length)];
 }
 
 const { color } = Astro.props;

src/config/colors.json

@@ -1,20 +1,18 @@
-{
-  "colors": [
-    "#c084fc",
-    "#f472b6",
-    "#fb7185",
-    "#e879f9",
-    "#a78bfa",
-    "#818cf8",
-    "#60a5fa",
-    "#38bdf8",
-    "#22d3ee",
-    "#2dd4bf",
-    "#34d399",
-    "#4ade80",
-    "#a3e635",
-    "#facc15",
-    "#fb923c",
-    "#f87171"
-  ]
-}
+[
+  "#c084fc",
+  "#f472b6",
+  "#fb7185",
+  "#e879f9",
+  "#a78bfa",
+  "#818cf8",
+  "#60a5fa",
+  "#38bdf8",
+  "#22d3ee",
+  "#2dd4bf",
+  "#34d399",
+  "#4ade80",
+  "#a3e635",
+  "#facc15",
+  "#fb923c",
+  "#f87171"
+]

src/config/index.ts

@@ -0,0 +1,7 @@
+import colors from './colors.json';
+
+const Config = {
+  colors,
+}
+
+export default Config;