bonkers-ui 1.0.73 → 2.0.0

package/LICENCE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2022 bonkers.ie
+Copyright (c) 2025 bonkers.ie
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -1,4 +1,4 @@
-<h1 align="center">Bonkers-UI Design System</h1>  
+<div align="center"><a name="readme-top">Bonkers-UI Design System</a></div>
 
 <br/>
 
@@ -7,7 +7,7 @@
 		<img width="300" src="https://web-assets.bonkers.ie/packs/static/logo/bonkers_logo-279f0cff5a9b71e3059a.svg">
 	</a>
 
-<h4>The Bonkers-UI design system used internally for consistent styling across platforms</h3>
+<h4>The design system used internally at <a href="https://www.bonkers.ie" target="_blank">bonkers.ie</a> for consistent styling across platforms</a>
 
 <br/>
 <br/>
@@ -23,44 +23,65 @@
 </div>
 </div>
 
-  
-    
 ## Recommended IDE Setup
+
 - [Webstorm](https://www.jetbrains.com/webstorm/)
 - [VS Code](https://code.visualstudio.com/)
-  - [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar)
-  - [Volar-ts](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin)
-  - [es6-string-html](https://marketplace.visualstudio.com/items?itemName=Tobermory.es6-string-html)
-  - [Editorconfig](https://marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig)
-  - [Tailwind](https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss)
+    - [Editorconfig](https://marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig)
+    - [Tailwind](https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss)
+
 ## Setup project
+
 - Use bun to install all dependencies with the frozen lockfile
 
-	```js
-	bun i
-	```
+    ```js
+    bun i
+    ```
+
 - To run the storybook
 
-	```js
-	bun storybook
-	```
+    ```js
+    bun storybook
+    ```
+
 - open [http://localhost:6006/](http://localhost:6006/)
 
 ## For use in a consuming project
+
 - Install the component library with your desired package manager.
-	- Insure `autoprefixer`, `postcss` and `tailwindcss` are installed
 
-- In your `tailwind.config.js`, add the Bonkers-UI tailwind plugin to your `plugins` array. *Note:* the content array should include the path to the Bonkers-UI source files once installed.
+    - Insure `autoprefixer`, `postcss` and `tailwindcss` are installed
+
+- In your `tailwind.config.ts`, add the Bonkers-UI tailwind plugin to your `plugins` array. _Note:_ the content array should include the path to the Bonkers-UI source files once installed.
 
 ```js
 import bonkersUiConfig from "bonkers-ui/plugin";
 
 export default {
 	content: [
-		"./node_modules/bonkers-ui/**/*.{vue,js,ts,jsx,tsx}",
+		/* ...other directories containing Tailwind styled components/pages */
+		"./node_modules/react-ui/**/*.{js,ts,tsx}",
 	],
-	plugins: [ bonkersUiConfig ],	
-}
+	plugins: [bonkersUiConfig],
+};
+```
+
+```ts
+import type { Config } from "tailwindcss";
+import bonkersUiConfig from "react-ui/plugin";
+import { PluginCreator } from "tailwindcss/types/config";
+
+const config = {
+	content: [
+		/* ...other directories containing Tailwind styled components/pages */
+		"./node_modules/react-ui/**/*.{js,ts,tsx}",
+	],
+	plugins: [
+		bonkersUiConfig as { handler: PluginCreator; config?: Partial<Config> },
+	],
+} satisfies Config;
+
+export default config;
 ```
 
 - Ensure that the tailwind directives are included in your `main.css` file
@@ -75,78 +96,81 @@ export default {
 
 ```json
 {
-  "compilerOptions": {
-    "target": "ES2020",
-    "useDefineForClassFields": true,
-    "module": "NodeNext",
-    "lib": ["ES2020", "DOM", "DOM.Iterable"],
-    "skipLibCheck": true,
-    "baseUrl": ".",
-
-    /* Bundler mode */
-    "moduleResolution": "NodeNext",
-    "allowImportingTsExtensions": true,
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "noEmit": true,
-    "jsx": "preserve",
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true,
-
-
-  },
-  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
-  "references": [{ "path": "./tsconfig.node.json" }]
+	"compilerOptions": {
+		"target": "ES2020",
+		"module": "ESNext",
+		"strict": true /* Specify what module code is generated. */,
+		"verbatimModuleSyntax": true,
+
+		"esModuleInterop": true /* Emit additional JavaScript to ease support for importing CommonJS modules. This enables 'allowSyntheticDefaultImports' for type compatibility. */,
+		"forceConsistentCasingInFileNames": true /* Ensure that casing is correct in imports. */,
+		"skipLibCheck": true /* Skip type checking all .d.ts files. */,
+		/* Bun Settings */
+		"moduleResolution": "node",
+		"noEmit": true,
+		"allowImportingTsExtensions": true,
+		"moduleDetection": "force",
+		"resolveJsonModule": true,
+		"isolatedModules": true,
+		"jsx": "preserve"
+	},
+	"include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx"],
+	"references": [{ "path": "./tsconfig.node.json" }]
 }
-
 ```
 
 - Bonkers-UI has been successfully installed to your project, now import any components you need!
-```vue
-<template>
-	<div>
-		<ui-button 
-			:size="EButtonSizes.LARGE" 
-			:kind="EButtonTypes.PRIMARY"
-			>
-			I'm a Bonkers Button
-		</ui-button>
-
-		<ui-input
-			:kinds="EInputKinds.PRIMARY"
-			placeholder="Placeholder"
+
+```tsx
+import React from "react";
+import { UiButton, EButtonTypes, EButtonSizes } from "bonkers-ui";
+import { EInputKinds } from "bonkers-ui/types";
+
+export type TNewComponent = {
+	placeholder: string;
+	heading: string;
+	subLabel?: string;
+	children: React.ReactNode;
+};
+
+export const NewComponent: React.FC<TNewComponent> = ({
+	children,
+	placeholder,
+	heading,
+	subLabel,
+	...props
+}) => (
+	<div {...props}>
+		<UiButton size={EButtonSizes.LARGE} kind={EButtonTypes.PRIMARY}>
+			{children}
+		</UiButton>
+
+		<UiInput
+			kind={EInputKind.PRIMARY}
+			placeholder={placeholder}
 			full-width
-			class="mb-md"
-			heading="Heading"
-			sub-label="Sub Label"
-		/>	
+			className="mb-md"
+			heading={heading}
+			sub-label={subLabel}
+		/>
 	</div>
-</template>
-
-<script setup lang="ts">
-	import { UiButton, EButtonTypes, EButtonSizes } from "bonkers-ui";
-	import UiInput from "bonkers-ui/ui-input"; // Deprecated Import Method
-	import { EInputKinds } from "bonkers-ui/types";
-</script>
+);
 ```
 
 ## Flow to develop
-- We use only <b>develop</b> to create new branch
-- First pull all changes and before creating a new branch
-- Preferred naming of branches
-  - `feature/[feature-name]`
-  - `hotfix/[fix-name]`
+
+- We use only the <b>develop</b> branch as a base for creating new branches
+- Ensure to pull the latest changes before creating a new branch
+- Preferred naming of branches:
+    - `feature/[feature-name]`
+    - `hotfix/[fix-name]`
 - Preferred commit message
-  - `update([file[s]-name]): [message]` for example - `update(main.css, header.vue): change header to .header`
-  - `fix([file[s]-name]): [message]`
-  - `add([file[s]-name]): [message]`
-- When you are ready to push just `merge`(not `rebase`) develop into the current branch 
+    - `update([file[s]-name]): [message]` for example - `update(main.css, header.tsx): change header to .header`
+    - `fix([file[s]-name]): [message]`
+    - `add([file[s]-name]): [message`
+- When you are ready to push just `merge` (do not `rebase`) develop into the current branch
 - Fix any merge conflicts that this creates
 - Next create pull request to develop (you can squash multiple commits when merging)
 - After the pull request is merged to develop you can see it in staging [https://bonkers-ie.github.io/bonkers-ui](https://bonkers-ie.github.io/bonkers-ui/?path=/docs/example-introduction--docs)
-- Only after test staging you can create a merge request from `develop` to `master`
-- After you merge to master, the patch version will upgrade x.x.^x and you can use this version in package
+- Only after reviewing and testing the changes in staging, then create a merge request from `develop` to `master`
+- After you merge to master, the patch version will upgrade x.x.^x and you can use this version in the package

package/_types/align.d.ts

@@ -6,4 +6,3 @@ export declare enum EJustify {
     AROUND = "around",
     EVENLY = "evenly"
 }
-//# sourceMappingURL=align.d.ts.map

package/_types/align.js.map

@@ -1 +1 @@
-{"version":3,"file":"align.js","sources":["../../src/_types/align.ts"],"sourcesContent":["export enum EJustify {\n\tSTART = \"start\",\n\tEND = \"end\",\n\tCENTER = \"center\",\n\tBETWEEN = \"between\",\n\tAROUND = \"around\",\n\tEVENLY = \"evenly\",\n}\n"],"names":["EJustify"],"mappings":"AAAY,IAAAA,sBAAAA,OACXA,EAAA,QAAQ,SACRA,EAAA,MAAM,OACNA,EAAA,SAAS,UACTA,EAAA,UAAU,WACVA,EAAA,SAAS,UACTA,EAAA,SAAS,UANEA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"align.js","sources":["../../src/_types/align.ts"],"sourcesContent":["export enum EJustify {\n\tSTART = \"start\",\n\tEND = \"end\",\n\tCENTER = \"center\",\n\tBETWEEN = \"between\",\n\tAROUND = \"around\",\n\tEVENLY = \"evenly\",\n}"],"names":["EJustify"],"mappings":"AAAY,IAAAA,sBAAAA,OACXA,EAAA,QAAQ,SACRA,EAAA,MAAM,OACNA,EAAA,SAAS,UACTA,EAAA,UAAU,WACVA,EAAA,SAAS,UACTA,EAAA,SAAS,UANEA,IAAAA,KAAA,CAAA,CAAA;"}

package/_types/colors.d.ts

@@ -4,11 +4,16 @@ export declare enum EColors {
     TRANSPARENT = "--color-transparent",
     CURRENT = "--color-current",
     PRIMARY = "--color-primary",
+    PRIMARY_50 = "--color-primary-50",
+    PRIMARY_100 = "--color-primary-100",
+    PRIMARY_200 = "--color-primary-200",
     PRIMARY_300 = "--color-primary-300",
     PRIMARY_400 = "--color-primary-400",
     PRIMARY_500 = "--color-primary-500",
     PRIMARY_600 = "--color-primary-600",
     PRIMARY_700 = "--color-primary-700",
+    PRIMARY_800 = "--color-primary-800",
+    PRIMARY_900 = "--color-primary-900",
     PRIMARY_ALT = "--color-primary-alt",
     PRIMARY_ALT_300 = "--color-primary-alt-300",
     PRIMARY_ALT_400 = "--color-primary-alt-400",
@@ -52,4 +57,3 @@ export declare enum EColors {
     SECONDARY_ALT_600 = "--color-secondary-alt-600",
     SECONDARY_ALT_700 = "--color-secondary-alt-700"
 }
-//# sourceMappingURL=colors.d.ts.map

package/_types/colors.js

@@ -1,4 +1,4 @@
-var r = /* @__PURE__ */ ((c) => (c.WHITE = "--color-white", c.BLACK = "--color-black", c.TRANSPARENT = "--color-transparent", c.CURRENT = "--color-current", c.PRIMARY = "--color-primary", c.PRIMARY_300 = "--color-primary-300", c.PRIMARY_400 = "--color-primary-400", c.PRIMARY_500 = "--color-primary-500", c.PRIMARY_600 = "--color-primary-600", c.PRIMARY_700 = "--color-primary-700", c.PRIMARY_ALT = "--color-primary-alt", c.PRIMARY_ALT_300 = "--color-primary-alt-300", c.PRIMARY_ALT_400 = "--color-primary-alt-400", c.PRIMARY_ALT_500 = "--color-primary-alt-500", c.PRIMARY_ALT_600 = "--color-primary-alt-600", c.PRIMARY_ALT_700 = "--color-primary-alt-700", c.SECONDARY = "--color-secondary", c.SECONDARY_300 = "--color-secondary-300", c.SECONDARY_400 = "--color-secondary-400", c.SECONDARY_500 = "--color-secondary-500", c.SECONDARY_600 = "--color-secondary-600", c.SECONDARY_700 = "--color-secondary-700", c.WARNING = "--color-warning", c.WARNING_300 = "--color-warning-300", c.WARNING_400 = "--color-warning-400", c.WARNING_500 = "--color-warning-500", c.WARNING_600 = "--color-warning-600", c.WARNING_700 = "--color-warning-700", c.ERROR = "--color-error", c.ERROR_300 = "--color-error-300", c.ERROR_400 = "--color-error-400", c.ERROR_500 = "--color-error-500", c.ERROR_600 = "--color-error-600", c.ERROR_700 = "--color-error-700", c.ACCENT = "--color-accent", c.ACCENT_300 = "--color-accent-300", c.ACCENT_500 = "--color-accent-500", c.ACCENT_600 = "--color-accent-600", c.ACCENT_700 = "--color-accent-700", c.ACCENT_ALT = "--color-accent-alt", c.ACCENT_ALT_300 = "--color-accent-alt-300", c.ACCENT_ALT_400 = "--color-accent-alt-400", c.ACCENT_ALT_500 = "--color-accent-alt-500", c.ACCENT_ALT_600 = "--color-accent-alt-600", c.ACCENT_ALT_700 = "--color-accent-alt-700", c.SECONDARY_ALT = "--color-secondary-alt", c.SECONDARY_ALT_200 = "--color-secondary-alt-200", c.SECONDARY_ALT_300 = "--color-secondary-alt-300", c.SECONDARY_ALT_400 = "--color-secondary-alt-400", c.SECONDARY_ALT_500 = "--color-secondary-alt-500", c.SECONDARY_ALT_600 = "--color-secondary-alt-600", c.SECONDARY_ALT_700 = "--color-secondary-alt-700", c))(r || {});
+var r = /* @__PURE__ */ ((c) => (c.WHITE = "--color-white", c.BLACK = "--color-black", c.TRANSPARENT = "--color-transparent", c.CURRENT = "--color-current", c.PRIMARY = "--color-primary", c.PRIMARY_50 = "--color-primary-50", c.PRIMARY_100 = "--color-primary-100", c.PRIMARY_200 = "--color-primary-200", c.PRIMARY_300 = "--color-primary-300", c.PRIMARY_400 = "--color-primary-400", c.PRIMARY_500 = "--color-primary-500", c.PRIMARY_600 = "--color-primary-600", c.PRIMARY_700 = "--color-primary-700", c.PRIMARY_800 = "--color-primary-800", c.PRIMARY_900 = "--color-primary-900", c.PRIMARY_ALT = "--color-primary-alt", c.PRIMARY_ALT_300 = "--color-primary-alt-300", c.PRIMARY_ALT_400 = "--color-primary-alt-400", c.PRIMARY_ALT_500 = "--color-primary-alt-500", c.PRIMARY_ALT_600 = "--color-primary-alt-600", c.PRIMARY_ALT_700 = "--color-primary-alt-700", c.SECONDARY = "--color-secondary", c.SECONDARY_300 = "--color-secondary-300", c.SECONDARY_400 = "--color-secondary-400", c.SECONDARY_500 = "--color-secondary-500", c.SECONDARY_600 = "--color-secondary-600", c.SECONDARY_700 = "--color-secondary-700", c.WARNING = "--color-warning", c.WARNING_300 = "--color-warning-300", c.WARNING_400 = "--color-warning-400", c.WARNING_500 = "--color-warning-500", c.WARNING_600 = "--color-warning-600", c.WARNING_700 = "--color-warning-700", c.ERROR = "--color-error", c.ERROR_300 = "--color-error-300", c.ERROR_400 = "--color-error-400", c.ERROR_500 = "--color-error-500", c.ERROR_600 = "--color-error-600", c.ERROR_700 = "--color-error-700", c.ACCENT = "--color-accent", c.ACCENT_300 = "--color-accent-300", c.ACCENT_500 = "--color-accent-500", c.ACCENT_600 = "--color-accent-600", c.ACCENT_700 = "--color-accent-700", c.ACCENT_ALT = "--color-accent-alt", c.ACCENT_ALT_300 = "--color-accent-alt-300", c.ACCENT_ALT_400 = "--color-accent-alt-400", c.ACCENT_ALT_500 = "--color-accent-alt-500", c.ACCENT_ALT_600 = "--color-accent-alt-600", c.ACCENT_ALT_700 = "--color-accent-alt-700", c.SECONDARY_ALT = "--color-secondary-alt", c.SECONDARY_ALT_200 = "--color-secondary-alt-200", c.SECONDARY_ALT_300 = "--color-secondary-alt-300", c.SECONDARY_ALT_400 = "--color-secondary-alt-400", c.SECONDARY_ALT_500 = "--color-secondary-alt-500", c.SECONDARY_ALT_600 = "--color-secondary-alt-600", c.SECONDARY_ALT_700 = "--color-secondary-alt-700", c))(r || {});
 export {
   r as EColors
 };

package/_types/colors.js.map

@@ -1 +1 @@
-{"version":3,"file":"colors.js","sources":["../../src/_types/colors.ts"],"sourcesContent":["export enum EColors {\n\tWHITE = \"--color-white\",\n\tBLACK = \"--color-black\",\n\tTRANSPARENT = \"--color-transparent\",\n\tCURRENT = \"--color-current\",\n\n\tPRIMARY = \"--color-primary\",\n\tPRIMARY_300 = \"--color-primary-300\",\n\tPRIMARY_400 = \"--color-primary-400\",\n\tPRIMARY_500 = \"--color-primary-500\",\n\tPRIMARY_600 = \"--color-primary-600\",\n\tPRIMARY_700 = \"--color-primary-700\",\n\n\tPRIMARY_ALT = \"--color-primary-alt\",\n\tPRIMARY_ALT_300 = \"--color-primary-alt-300\",\n\tPRIMARY_ALT_400 = \"--color-primary-alt-400\",\n\tPRIMARY_ALT_500 = \"--color-primary-alt-500\",\n\tPRIMARY_ALT_600 = \"--color-primary-alt-600\",\n\tPRIMARY_ALT_700 = \"--color-primary-alt-700\",\n\n\tSECONDARY = \"--color-secondary\",\n\tSECONDARY_300 = \"--color-secondary-300\",\n\tSECONDARY_400 = \"--color-secondary-400\",\n\tSECONDARY_500 = \"--color-secondary-500\",\n\tSECONDARY_600 = \"--color-secondary-600\",\n\tSECONDARY_700 = \"--color-secondary-700\",\n\n\tWARNING = \"--color-warning\",\n\tWARNING_300 = \"--color-warning-300\",\n\tWARNING_400 = \"--color-warning-400\",\n\tWARNING_500 = \"--color-warning-500\",\n\tWARNING_600 = \"--color-warning-600\",\n\tWARNING_700 = \"--color-warning-700\",\n\n\tERROR = \"--color-error\",\n\tERROR_300 = \"--color-error-300\",\n\tERROR_400 = \"--color-error-400\",\n\tERROR_500 = \"--color-error-500\",\n\tERROR_600 = \"--color-error-600\",\n\tERROR_700 = \"--color-error-700\",\n\n\tACCENT = \"--color-accent\",\n\tACCENT_300 = \"--color-accent-300\",\n\tACCENT_500 = \"--color-accent-500\",\n\tACCENT_600 = \"--color-accent-600\",\n\tACCENT_700 = \"--color-accent-700\",\n\n\tACCENT_ALT = \"--color-accent-alt\",\n\tACCENT_ALT_300 = \"--color-accent-alt-300\",\n\tACCENT_ALT_400 = \"--color-accent-alt-400\",\n\tACCENT_ALT_500 = \"--color-accent-alt-500\",\n\tACCENT_ALT_600 = \"--color-accent-alt-600\",\n\tACCENT_ALT_700 = \"--color-accent-alt-700\",\n\n\tSECONDARY_ALT = \"--color-secondary-alt\",\n\tSECONDARY_ALT_200 = \"--color-secondary-alt-200\",\n\tSECONDARY_ALT_300 = \"--color-secondary-alt-300\",\n\tSECONDARY_ALT_400 = \"--color-secondary-alt-400\",\n\tSECONDARY_ALT_500 = \"--color-secondary-alt-500\",\n\tSECONDARY_ALT_600 = \"--color-secondary-alt-600\",\n\tSECONDARY_ALT_700 = \"--color-secondary-alt-700\",\n}\n"],"names":["EColors"],"mappings":"AAAY,IAAAA,sBAAAA,OACXA,EAAA,QAAQ,iBACRA,EAAA,QAAQ,iBACRA,EAAA,cAAc,uBACdA,EAAA,UAAU,mBAEVA,EAAA,UAAU,mBACVA,EAAA,cAAc,uBACdA,EAAA,cAAc,uBACdA,EAAA,cAAc,uBACdA,EAAA,cAAc,uBACdA,EAAA,cAAc,uBAEdA,EAAA,cAAc,uBACdA,EAAA,kBAAkB,2BAClBA,EAAA,kBAAkB,2BAClBA,EAAA,kBAAkB,2BAClBA,EAAA,kBAAkB,2BAClBA,EAAA,kBAAkB,2BAElBA,EAAA,YAAY,qBACZA,EAAA,gBAAgB,yBAChBA,EAAA,gBAAgB,yBAChBA,EAAA,gBAAgB,yBAChBA,EAAA,gBAAgB,yBAChBA,EAAA,gBAAgB,yBAEhBA,EAAA,UAAU,mBACVA,EAAA,cAAc,uBACdA,EAAA,cAAc,uBACdA,EAAA,cAAc,uBACdA,EAAA,cAAc,uBACdA,EAAA,cAAc,uBAEdA,EAAA,QAAQ,iBACRA,EAAA,YAAY,qBACZA,EAAA,YAAY,qBACZA,EAAA,YAAY,qBACZA,EAAA,YAAY,qBACZA,EAAA,YAAY,qBAEZA,EAAA,SAAS,kBACTA,EAAA,aAAa,sBACbA,EAAA,aAAa,sBACbA,EAAA,aAAa,sBACbA,EAAA,aAAa,sBAEbA,EAAA,aAAa,sBACbA,EAAA,iBAAiB,0BACjBA,EAAA,iBAAiB,0BACjBA,EAAA,iBAAiB,0BACjBA,EAAA,iBAAiB,0BACjBA,EAAA,iBAAiB,0BAEjBA,EAAA,gBAAgB,yBAChBA,EAAA,oBAAoB,6BACpBA,EAAA,oBAAoB,6BACpBA,EAAA,oBAAoB,6BACpBA,EAAA,oBAAoB,6BACpBA,EAAA,oBAAoB,6BACpBA,EAAA,oBAAoB,6BA5DTA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"colors.js","sources":["../../src/_types/colors.ts"],"sourcesContent":["export enum EColors {\n\tWHITE = \"--color-white\",\n\tBLACK = \"--color-black\",\n\tTRANSPARENT = \"--color-transparent\",\n\tCURRENT = \"--color-current\",\n\n\tPRIMARY = \"--color-primary\",\n\tPRIMARY_50 = \"--color-primary-50\",\n\tPRIMARY_100 = \"--color-primary-100\",\n\tPRIMARY_200 = \"--color-primary-200\",\n\tPRIMARY_300 = \"--color-primary-300\",\n\tPRIMARY_400 = \"--color-primary-400\",\n\tPRIMARY_500 = \"--color-primary-500\",\n\tPRIMARY_600 = \"--color-primary-600\",\n\tPRIMARY_700 = \"--color-primary-700\",\n\tPRIMARY_800 = \"--color-primary-800\",\n\tPRIMARY_900 = \"--color-primary-900\",\n\n\tPRIMARY_ALT = \"--color-primary-alt\",\n\tPRIMARY_ALT_300 = \"--color-primary-alt-300\",\n\tPRIMARY_ALT_400 = \"--color-primary-alt-400\",\n\tPRIMARY_ALT_500 = \"--color-primary-alt-500\",\n\tPRIMARY_ALT_600 = \"--color-primary-alt-600\",\n\tPRIMARY_ALT_700 = \"--color-primary-alt-700\",\n\n\tSECONDARY = \"--color-secondary\",\n\tSECONDARY_300 = \"--color-secondary-300\",\n\tSECONDARY_400 = \"--color-secondary-400\",\n\tSECONDARY_500 = \"--color-secondary-500\",\n\tSECONDARY_600 = \"--color-secondary-600\",\n\tSECONDARY_700 = \"--color-secondary-700\",\n\n\tWARNING = \"--color-warning\",\n\tWARNING_300 = \"--color-warning-300\",\n\tWARNING_400 = \"--color-warning-400\",\n\tWARNING_500 = \"--color-warning-500\",\n\tWARNING_600 = \"--color-warning-600\",\n\tWARNING_700 = \"--color-warning-700\",\n\n\tERROR = \"--color-error\",\n\tERROR_300 = \"--color-error-300\",\n\tERROR_400 = \"--color-error-400\",\n\tERROR_500 = \"--color-error-500\",\n\tERROR_600 = \"--color-error-600\",\n\tERROR_700 = \"--color-error-700\",\n\n\tACCENT = \"--color-accent\",\n\tACCENT_300 = \"--color-accent-300\",\n\tACCENT_500 = \"--color-accent-500\",\n\tACCENT_600 = \"--color-accent-600\",\n\tACCENT_700 = \"--color-accent-700\",\n\n\tACCENT_ALT = \"--color-accent-alt\",\n\tACCENT_ALT_300 = \"--color-accent-alt-300\",\n\tACCENT_ALT_400 = \"--color-accent-alt-400\",\n\tACCENT_ALT_500 = \"--color-accent-alt-500\",\n\tACCENT_ALT_600 = \"--color-accent-alt-600\",\n\tACCENT_ALT_700 = \"--color-accent-alt-700\",\n\n\tSECONDARY_ALT = \"--color-secondary-alt\",\n\tSECONDARY_ALT_200 = \"--color-secondary-alt-200\",\n\tSECONDARY_ALT_300 = \"--color-secondary-alt-300\",\n\tSECONDARY_ALT_400 = \"--color-secondary-alt-400\",\n\tSECONDARY_ALT_500 = \"--color-secondary-alt-500\",\n\tSECONDARY_ALT_600 = \"--color-secondary-alt-600\",\n\tSECONDARY_ALT_700 = \"--color-secondary-alt-700\",\n}\n"],"names":["EColors"],"mappings":"AAAY,IAAAA,sBAAAA,OACXA,EAAA,QAAQ,iBACRA,EAAA,QAAQ,iBACRA,EAAA,cAAc,uBACdA,EAAA,UAAU,mBAEVA,EAAA,UAAU,mBACVA,EAAA,aAAa,sBACbA,EAAA,cAAc,uBACdA,EAAA,cAAc,uBACdA,EAAA,cAAc,uBACdA,EAAA,cAAc,uBACdA,EAAA,cAAc,uBACdA,EAAA,cAAc,uBACdA,EAAA,cAAc,uBACdA,EAAA,cAAc,uBACdA,EAAA,cAAc,uBAEdA,EAAA,cAAc,uBACdA,EAAA,kBAAkB,2BAClBA,EAAA,kBAAkB,2BAClBA,EAAA,kBAAkB,2BAClBA,EAAA,kBAAkB,2BAClBA,EAAA,kBAAkB,2BAElBA,EAAA,YAAY,qBACZA,EAAA,gBAAgB,yBAChBA,EAAA,gBAAgB,yBAChBA,EAAA,gBAAgB,yBAChBA,EAAA,gBAAgB,yBAChBA,EAAA,gBAAgB,yBAEhBA,EAAA,UAAU,mBACVA,EAAA,cAAc,uBACdA,EAAA,cAAc,uBACdA,EAAA,cAAc,uBACdA,EAAA,cAAc,uBACdA,EAAA,cAAc,uBAEdA,EAAA,QAAQ,iBACRA,EAAA,YAAY,qBACZA,EAAA,YAAY,qBACZA,EAAA,YAAY,qBACZA,EAAA,YAAY,qBACZA,EAAA,YAAY,qBAEZA,EAAA,SAAS,kBACTA,EAAA,aAAa,sBACbA,EAAA,aAAa,sBACbA,EAAA,aAAa,sBACbA,EAAA,aAAa,sBAEbA,EAAA,aAAa,sBACbA,EAAA,iBAAiB,0BACjBA,EAAA,iBAAiB,0BACjBA,EAAA,iBAAiB,0BACjBA,EAAA,iBAAiB,0BACjBA,EAAA,iBAAiB,0BAEjBA,EAAA,gBAAgB,yBAChBA,EAAA,oBAAoB,6BACpBA,EAAA,oBAAoB,6BACpBA,EAAA,oBAAoB,6BACpBA,EAAA,oBAAoB,6BACpBA,EAAA,oBAAoB,6BACpBA,EAAA,oBAAoB,6BAjETA,IAAAA,KAAA,CAAA,CAAA;"}

package/_types/sizing.d.ts

@@ -52,4 +52,3 @@ export declare enum ESize {
      */
     XXXXXL = "xxxxxl"
 }
-//# sourceMappingURL=sizing.d.ts.map

package/_types/sizing.js.map

@@ -1 +1 @@
-{"version":3,"file":"sizing.js","sources":["../../src/_types/sizing.ts"],"sourcesContent":["export enum ESize {\n\t/**\n\t * auto\n\t */\n\tAUTO = \"auto\",\n\t/**\n\t * zero\n\t */\n\tZERO = \"zero\",\n\t/**\n\t * 4px\n\t */\n\tXXXS = \"xxxs\",\n\t/**\n\t * 8px\n\t */\n\tXXS = \"xxs\",\n\t/**\n\t * 12px\n\t */\n\tXS = \"xs\",\n\t/**\n\t * 16px\n\t */\n\tSM = \"sm\",\n\t/**\n\t * 24px\n\t */\n\tMD = \"md\",\n\t/**\n\t * 32px\n\t */\n\tLG = \"lg\",\n\t/**\n\t * 40px\n\t */\n\tXL = \"xl\",\n\t/**\n\t * 48px\n\t */\n\tXXL = \"xxl\",\n\t/**\n\t * 64px\n\t */\n\tXXXL = \"xxxl\",\n\t/**\n\t * 80px\n\t */\n\tXXXXL = \"xxxxl\",\n\t/**\n\t * 120px\n\t */\n\tXXXXXL = \"xxxxxl\",\n}\n"],"names":["ESize"],"mappings":"AAAY,IAAAA,sBAAAA,OAIXA,EAAA,OAAO,QAIPA,EAAA,OAAO,QAIPA,EAAA,OAAO,QAIPA,EAAA,MAAM,OAINA,EAAA,KAAK,MAILA,EAAA,KAAK,MAILA,EAAA,KAAK,MAILA,EAAA,KAAK,MAILA,EAAA,KAAK,MAILA,EAAA,MAAM,OAINA,EAAA,OAAO,QAIPA,EAAA,QAAQ,SAIRA,EAAA,SAAS,UApDEA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"sizing.js","sources":["../../src/_types/sizing.ts"],"sourcesContent":["\nexport enum ESize {\n\t/**\n\t * auto\n\t */\n\tAUTO = \"auto\",\n\t/**\n\t * zero\n\t */\n\tZERO = \"zero\",\n\t/**\n\t * 4px\n\t */\n\tXXXS = \"xxxs\",\n\t/**\n\t * 8px\n\t */\n\tXXS = \"xxs\",\n\t/**\n\t * 12px\n\t */\n\tXS = \"xs\",\n\t/**\n\t * 16px\n\t */\n\tSM = \"sm\",\n\t/**\n\t * 24px\n\t */\n\tMD = \"md\",\n\t/**\n\t * 32px\n\t */\n\tLG = \"lg\",\n\t/**\n\t * 40px\n\t */\n\tXL = \"xl\",\n\t/**\n\t * 48px\n\t */\n\tXXL = \"xxl\",\n\t/**\n\t * 64px\n\t */\n\tXXXL = \"xxxl\",\n\t/**\n\t * 80px\n\t */\n\tXXXXL = \"xxxxl\",\n\t/**\n\t * 120px\n\t */\n\tXXXXXL = \"xxxxxl\",\n}\n"],"names":["ESize"],"mappings":"AACY,IAAAA,sBAAAA,OAIXA,EAAA,OAAO,QAIPA,EAAA,OAAO,QAIPA,EAAA,OAAO,QAIPA,EAAA,MAAM,OAINA,EAAA,KAAK,MAILA,EAAA,KAAK,MAILA,EAAA,KAAK,MAILA,EAAA,KAAK,MAILA,EAAA,KAAK,MAILA,EAAA,MAAM,OAINA,EAAA,OAAO,QAIPA,EAAA,QAAQ,SAIRA,EAAA,SAAS,UApDEA,IAAAA,KAAA,CAAA,CAAA;"}

package/bonkers-ui.css

@@ -0,0 +1 @@
+._icon_medium_18il7_1{height:60px}._icon_small_18il7_5{height:30px}._UiCheckbox_fnxq5_1{grid-template-columns:auto auto}._UiCheckbox__custom_fnxq5_5{transition:background-color ease-in-out .3s .3s,border-width ease-in-out .2s}._UiCheckbox__icon_fnxq5_11{stroke-dasharray:70;stroke-dashoffset:70;transition:stroke-dashoffset .3s ease-in-out}input+._UiCheckbox__custom_fnxq5_5:active{transition:background-color ease-in-out .1s;background-color:var(--color-secondary-alt-200)}input+._UiCheckbox__custom_fnxq5_5:active,input:focus+._UiCheckbox__custom_fnxq5_5{box-shadow:var(--shadow-selected-disabled)}input:disabled+._UiCheckbox__custom_fnxq5_5{background-color:var(--color-secondary-alt-200);border-color:var(--color-secondary-alt-400)}input:checked+._UiCheckbox__custom_fnxq5_5 ._UiCheckbox__icon_fnxq5_11{stroke-dashoffset:0}input:checked+._UiCheckbox__custom_fnxq5_5>svg{opacity:1}input:checked+._UiCheckbox__custom_fnxq5_5{border-width:0;background-color:var(--color-primary-500);transition:background-color ease-in-out .1s,border-width ease-in-out .1s,box-shadow ease-in-out .2s;animation:_cb-pop_fnxq5_1 .5s ease-in-out}input:checked+._UiCheckbox__custom_fnxq5_5:hover{background-color:var(--color-primary-600)}input:checked+._UiCheckbox__custom_fnxq5_5:active{background-color:var(--color-primary-700)}input:checked:disabled+._UiCheckbox__custom_fnxq5_5{background-color:var(--color-primary-300);border:1px solid var(--color-primary-400)}._UiCheckbox__disabled_fnxq5_63{pointer-events:none;cursor:default}@keyframes _cb-pop_fnxq5_1{0%{transform:scale(1)}33%{transform:scale(.95)}66%{transform:scale(1.05)}to{transform:scale(1)}}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:10px;width:10px;transform:scale(4);background-color:transparent;border:0;box-shadow:none}input[type=range]::-moz-range-thumb{-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:transparent;border:0;box-shadow:none}._thumb_hkko1_18{top:50%;border-width:4px}._UiRadio__custom_wei69_1{transition:all ease-in-out .15s}._UiRadio__dot_wei69_4{transform:translate3d(-50%,-50%,0) scale(0);transition:transform .2s ease-in-out}input:checked+._UiRadio__custom_wei69_1 ._UiRadio__dot_wei69_4{transform:translate3d(-50%,-50%,0) scale(1)}input:checked+._UiRadio__custom_wei69_1:hover ._UiRadio__dot_wei69_4{background-color:var(--color-primary-600)}input:checked+._UiRadio__custom_wei69_1:active ._UiRadio__dot_wei69_4{background-color:var(--color-primary-800)}input:checked:disabled+._UiRadio__custom_wei69_1{border:2px solid var(--color-primary-300)}input:checked:disabled+._UiRadio__custom_wei69_1 ._UiRadio__dot_wei69_4{background-color:var(--color-primary-300)}