@protonradio/proton-ui 0.11.1-beta.1 → 0.11.2

package/package.json

@@ -1,100 +1,132 @@
-{
-  "name": "@protonradio/proton-ui",
-  "version": "0.11.1-beta.1",
-  "description": "",
-  "main": "./dist/proton-ui.umd.js",
-  "module": "./dist/proton-ui.es.js",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.es.js",
-      "require": "./dist/index.cjs.js"
-    },
-    "./styles": "./dist/style.css",
-    "./utils": {
-      "types": "./dist/utils.d.ts",
-      "import": "./dist/utils.es.js",
-      "require": "./dist/utils.cjs.js"
-    },
-    "./constants": {
-      "types": "./dist/constants.d.ts",
-      "import": "./dist/constants.es.js",
-      "require": "./dist/constants.cjs.js"
-    },
-    "./hooks": {
-      "types": "./dist/hooks.d.ts",
-      "import": "./dist/hooks.es.js",
-      "require": "./dist/hooks.cjs.js"
-    }
-  },
-  "typesVersions": {
-    "*": {
-      "*": [
-        "./dist/index.d.ts"
-      ],
-      "constants": [
-        "./dist/constants.d.ts"
-      ],
-      "utils": [
-        "./dist/utils.d.ts"
-      ],
-      "hooks": [
-        "./dist/hooks.d.ts"
-      ]
-    }
-  },
-  "scripts": {
-    "dev": "vite",
-    "build": "vite build",
-    "preview": "vite preview",
-    "publish-beta": "npm version prerelease --preid=beta && npm run build && npm publish --tag beta",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "test": "jest",
-    "dev-test": "jest --watch",
-    "prepare": "vite build",
-    "chromatic": "npx chromatic --exit-once-uploaded flag --force-rebuild --project-token=$CHROMATIC_PROJECT_TOKEN",
-    "omlet:analyze": "npx @omlet/cli analyze"
-  },
-  "files": [
-    "dist"
-  ],
-  "author": "",
-  "license": "MIT",
-  "dependencies": {
-    "@storybook/cli": "^8.4.2",
-    "color2k": "^2.0.3",
-    "react": "^18.3.1",
-    "react-aria": "^3.39.0",
-    "react-aria-components": "^1.8.0",
-    "react-dom": "^18.3.1",
-    "react-stately": "^3.37.0",
-    "colorthief": "^2.6.0"
-  },
-  "devDependencies": {
-    "@chromatic-com/storybook": "^3.2.2",
-    "@storybook/addon-a11y": "^8.4.2",
-    "@storybook/addon-essentials": "^8.4.2",
-    "@storybook/addon-interactions": "^8.4.2",
-    "@storybook/addon-links": "^8.4.2",
-    "@storybook/addon-onboarding": "^8.4.2",
-    "@storybook/blocks": "^8.4.2",
-    "@storybook/react": "^8.4.2",
-    "@storybook/react-vite": "^8.4.2",
-    "@storybook/test": "^8.4.2",
-    "@testing-library/jest-dom": "^6.6.3",
-    "@testing-library/react": "^16.0.1",
-    "@testing-library/user-event": "^14.5.2",
-    "@types/jest": "^29.5.14",
-    "@vitejs/plugin-react": "^4.3.3",
-    "jest": "^29.7.0",
-    "jest-environment-jsdom": "^29.7.0",
-    "lightningcss": "^1.28.1",
-    "react-docgen-typescript": "^2.2.2",
-    "storybook": "^8.4.2",
-    "ts-jest": "^29.2.5",
-    "ts-node": "^10.9.2",
-    "vite": "^5.4.10",
-    "vite-plugin-dts": "^4.3.0"
-  }
-}
+{
+  "name": "@protonradio/proton-ui",
+  "version": "0.11.2",
+  "description": "",
+  "main": "./dist/proton-ui.umd.js",
+  "module": "./dist/proton-ui.es.js",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.es.js",
+      "require": "./dist/index.cjs.js"
+    },
+    "./Button": {
+      "types": "./dist/Button.d.ts",
+      "import": "./dist/Button.es.js",
+      "require": "./dist/Button.cjs.js"
+    },
+    "./utils": {
+      "types": "./dist/utils.d.ts",
+      "import": "./dist/utils.es.js",
+      "require": "./dist/utils.cjs.js"
+    },
+    "./constants": {
+      "types": "./dist/constants.d.ts",
+      "import": "./dist/constants.es.js",
+      "require": "./dist/constants.cjs.js"
+    },
+    "./hooks": {
+      "types": "./dist/hooks.d.ts",
+      "import": "./dist/hooks.es.js",
+      "require": "./dist/hooks.cjs.js"
+    },
+    "./colors": {
+      "types": "./dist/colors.d.ts",
+      "import": "./dist/colors.es.js",
+      "require": "./dist/colors.cjs.js"
+    },
+    "./theme": {
+      "types": "./dist/theme.d.ts",
+      "import": "./dist/theme.es.js",
+      "require": "./dist/theme.cjs.js"
+    }
+  },
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "typesVersions": {
+    "*": {
+      "*": [
+        "./dist/index.d.ts"
+      ],
+      "Button": [
+        "./dist/Button.d.ts"
+      ],
+      "constants": [
+        "./dist/constants.d.ts"
+      ],
+      "utils": [
+        "./dist/utils.d.ts"
+      ],
+      "hooks": [
+        "./dist/hooks.d.ts"
+      ],
+      "colors": [
+        "./dist/colors.d.ts"
+      ],
+      "theme": [
+        "./dist/theme.d.ts"
+      ]
+    }
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "build:analyze": "ANALYZE=true vite build",
+    "preview": "vite preview",
+    "publish-beta": "npm version prerelease --preid=beta && npm run build && npm publish --tag beta",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "test": "jest",
+    "dev-test": "jest --watch",
+    "prepare": "vite build",
+    "chromatic": "npx chromatic --exit-once-uploaded flag --force-rebuild --project-token=$CHROMATIC_PROJECT_TOKEN",
+    "omlet:analyze": "npx @omlet/cli analyze"
+  },
+  "files": [
+    "dist"
+  ],
+  "author": "",
+  "license": "MIT",
+  "dependencies": {
+    "@radix-ui/react-portal": "^1.1.9",
+    "@storybook/cli": "^8.4.2",
+    "color2k": "^2.0.3",
+    "colorthief": "^2.6.0",
+    "radix-ui": "^1.4.2",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
+  },
+  "peerDependencies": {
+    "react-aria": "^3.39.0",
+    "react-aria-components": "^1.8.0",
+    "react-stately": "^3.37.0"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^3.2.2",
+    "@storybook/addon-a11y": "^8.4.2",
+    "@storybook/addon-essentials": "^8.4.2",
+    "@storybook/addon-interactions": "^8.4.2",
+    "@storybook/addon-links": "^8.4.2",
+    "@storybook/addon-onboarding": "^8.4.2",
+    "@storybook/blocks": "^8.4.2",
+    "@storybook/react": "^8.4.2",
+    "@storybook/react-vite": "^8.4.2",
+    "@storybook/test": "^8.4.2",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.0.1",
+    "@testing-library/user-event": "^14.5.2",
+    "@types/jest": "^29.5.14",
+    "@vitejs/plugin-react": "^4.3.3",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "lightningcss": "^1.28.1",
+    "react-docgen-typescript": "^2.2.2",
+    "storybook": "^8.4.2",
+    "ts-jest": "^29.2.5",
+    "ts-node": "^10.9.2",
+    "vite": "^5.4.10",
+    "vite-bundle-analyzer": "^0.22.3",
+    "vite-plugin-dts": "^4.3.0"
+  }
+}

package/dist/palettes-D006-kxf.mjs

@@ -1,174 +0,0 @@
-const A = {
-  PRIMARY: "#E26014",
-  PRIMARY_LIGHT: "#FBE5D7",
-  PRIMARY_SUPER_LIGHT: "#FFF7F0",
-  SECONDARY: "#F2F2F2"
-}, R = {
-  SUPER_DARK: "#991b1b",
-  DARK: "#a80724",
-  MEDIUM: "#e23f5c",
-  LIGHT: "#f16880",
-  SUPER_LIGHT: "#ffe1e1"
-}, _ = {
-  DARK: "#8b5600",
-  MEDIUM: "#b37208",
-  LIGHT: "#ffac23",
-  SUPER_LIGHT: "#fff0c9"
-}, E = {
-  DARK: "#247800",
-  MEDIUM: "#339a07",
-  LIGHT: "#66cf39",
-  SUPER_LIGHT: "#deffd1"
-}, T = "#DDDDDD", M = "#F7F8F9", I = {
-  GRAY_SUPER_DARK: "#141211",
-  GRAY_DARK: "#4D4D4D",
-  GRAY_MEDIUM: "#7D7D7D",
-  GRAY_MEDIUM_LIGHT: "#B1B1B1",
-  GRAY_LIGHT: T,
-  GRAY_LIGHTEST: "#F0F1F2",
-  GRAY_SUPER_LIGHT: M,
-  WHITE: "#FFFFFF",
-  BORDER: T,
-  ELEVATION: M
-}, D = {
-  SUPER_DARK: "#032026",
-  DARK: "#084657",
-  MEDIUM: "#2085BA",
-  MEDIUM_LIGHT: "#44A8EB",
-  LIGHT: "#70B9F6",
-  LIGHTEST: "#9DCBFC",
-  SUPER_LIGHT: "#C8DFFF",
-  WHITE: "#F2F7FF"
-}, L = "#43464a", G = {
-  GRAY_SUPER_DARK: "#111212",
-  GRAY_DARK: "#1e1f21",
-  GRAY_MEDIUM: "#232629",
-  GRAY_MEDIUM_LIGHT: "#2b2d30",
-  GRAY_LIGHT: L,
-  GRAY_LIGHTEST: "#63676b",
-  GRAY_SUPER_LIGHT: "#8a8e91",
-  WHITE: "#f7f9fb",
-  BORDER: L,
-  ELEVATION: "rgba(174, 175, 177, 0.2)"
-}, S = {
-  SECONDARY_SUPER_DARK: "#142736",
-  SECONDARY_DARK: "#22445d",
-  SECONDARY_MEDIUM: "#306082",
-  SECONDARY_MEDIUM_LIGHT: "#3e7ca8",
-  SECONDARY_LIGHT: "#5795c1",
-  SECONDARY_LIGHTEST: "#a2c4dd",
-  SECONDARY_SUPER_LIGHT: "#dae7f1"
-}, H = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  BRAND: A,
-  DANGER: R,
-  DARK_GRAYSCALE: G,
-  DARK_SECONDARY: S,
-  GRAYSCALE: I,
-  SECONDARY: D,
-  SUCCESS: E,
-  WARNING: _
-}, Symbol.toStringTag, { value: "Module" })), U = "#ffffff", P = {
-  BASE_COLOR: U,
-  BRAND: {
-    PRIMARY: A.PRIMARY,
-    PRIMARY_LIGHT: A.PRIMARY_LIGHT,
-    PRIMARY_SUPER_LIGHT: A.PRIMARY_SUPER_LIGHT,
-    SECONDARY: A.SECONDARY
-  },
-  PRIMARY: {
-    PRIMARY_SUPER_DARK: I.GRAY_SUPER_DARK,
-    PRIMARY_DARK: I.GRAY_DARK,
-    PRIMARY_MEDIUM: I.GRAY_MEDIUM,
-    PRIMARY_MEDIUM_LIGHT: I.GRAY_MEDIUM_LIGHT,
-    PRIMARY_LIGHT: I.GRAY_LIGHT,
-    PRIMARY_LIGHTEST: I.GRAY_LIGHTEST,
-    PRIMARY_SUPER_LIGHT: I.GRAY_SUPER_LIGHT
-  },
-  SECONDARY: {
-    SECONDARY_SUPER_DARK: D.SUPER_DARK,
-    SECONDARY_DARK: D.DARK,
-    SECONDARY_MEDIUM: D.MEDIUM,
-    SECONDARY_MEDIUM_LIGHT: D.MEDIUM_LIGHT,
-    SECONDARY_LIGHT: D.LIGHT,
-    SECONDARY_LIGHTEST: D.LIGHTEST,
-    SECONDARY_SUPER_LIGHT: D.SUPER_LIGHT
-  },
-  SUCCESS: {
-    SUCCESS_DARK: E.DARK,
-    SUCCESS_MEDIUM: E.MEDIUM,
-    SUCCESS_LIGHT: E.LIGHT,
-    SUCCESS_SUPER_LIGHT: E.SUPER_LIGHT
-  },
-  WARNING: {
-    WARNING_DARK: _.DARK,
-    WARNING_MEDIUM: _.MEDIUM,
-    WARNING_LIGHT: _.LIGHT,
-    WARNING_SUPER_LIGHT: _.SUPER_LIGHT
-  },
-  DANGER: {
-    DANGER_SUPER_DARK: R.SUPER_DARK,
-    DANGER_DARK: R.DARK,
-    DANGER_MEDIUM: R.MEDIUM,
-    DANGER_LIGHT: R.LIGHT,
-    DANGER_SUPER_LIGHT: R.SUPER_LIGHT
-  }
-}, Y = "#121212", N = {
-  BASE_COLOR: Y,
-  BRAND: {
-    PRIMARY: A.PRIMARY,
-    PRIMARY_LIGHT: A.PRIMARY_LIGHT,
-    PRIMARY_SUPER_LIGHT: A.PRIMARY_SUPER_LIGHT,
-    SECONDARY: A.SECONDARY
-  },
-  PRIMARY: {
-    PRIMARY_SUPER_DARK: G.GRAY_SUPER_DARK,
-    PRIMARY_DARK: G.GRAY_DARK,
-    PRIMARY_MEDIUM: G.GRAY_MEDIUM,
-    PRIMARY_MEDIUM_LIGHT: G.GRAY_MEDIUM_LIGHT,
-    PRIMARY_LIGHT: G.GRAY_LIGHT,
-    PRIMARY_LIGHTEST: G.GRAY_LIGHTEST,
-    PRIMARY_SUPER_LIGHT: G.GRAY_SUPER_LIGHT
-  },
-  SECONDARY: {
-    SECONDARY_SUPER_DARK: S.SECONDARY_SUPER_DARK,
-    SECONDARY_DARK: S.SECONDARY_DARK,
-    SECONDARY_MEDIUM: S.SECONDARY_MEDIUM,
-    SECONDARY_MEDIUM_LIGHT: S.SECONDARY_MEDIUM_LIGHT,
-    SECONDARY_LIGHT: S.SECONDARY_LIGHT,
-    SECONDARY_LIGHTEST: S.SECONDARY_LIGHTEST,
-    SECONDARY_SUPER_LIGHT: S.SECONDARY_SUPER_LIGHT
-  },
-  DANGER: {
-    DANGER_SUPER_DARK: R.SUPER_DARK,
-    DANGER_DARK: R.DARK,
-    DANGER_MEDIUM: R.MEDIUM,
-    DANGER_LIGHT: R.LIGHT,
-    DANGER_SUPER_LIGHT: R.SUPER_LIGHT
-  },
-  SUCCESS: {
-    SUCCESS_DARK: E.DARK,
-    SUCCESS_MEDIUM: E.MEDIUM,
-    SUCCESS_LIGHT: E.LIGHT,
-    SUCCESS_SUPER_LIGHT: E.SUPER_LIGHT
-  },
-  WARNING: {
-    WARNING_DARK: _.DARK,
-    WARNING_MEDIUM: _.MEDIUM,
-    WARNING_LIGHT: _.LIGHT,
-    WARNING_SUPER_LIGHT: _.SUPER_LIGHT
-  }
-};
-export {
-  U as D,
-  I as G,
-  P as L,
-  E as S,
-  _ as W,
-  Y as a,
-  N as b,
-  H as c,
-  G as d,
-  R as e
-};
-//# sourceMappingURL=palettes-D006-kxf.mjs.map

package/dist/palettes-D006-kxf.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"palettes-D006-kxf.mjs","sources":["../src/constants/colors.ts","../src/constants/palettes.ts"],"sourcesContent":["export const BRAND = {\n  PRIMARY: \"#E26014\",\n  PRIMARY_LIGHT: \"#FBE5D7\",\n  PRIMARY_SUPER_LIGHT: \"#FFF7F0\",\n  SECONDARY: \"#F2F2F2\",\n};\n\nexport const DANGER = {\n  SUPER_DARK: \"#991b1b\",\n  DARK: \"#a80724\",\n  MEDIUM: \"#e23f5c\",\n  LIGHT: \"#f16880\",\n  SUPER_LIGHT: \"#ffe1e1\",\n};\n\nexport const WARNING = {\n  DARK: \"#8b5600\",\n  MEDIUM: \"#b37208\",\n  LIGHT: \"#ffac23\",\n  SUPER_LIGHT: \"#fff0c9\",\n};\n\nexport const SUCCESS = {\n  DARK: \"#247800\",\n  MEDIUM: \"#339a07\",\n  LIGHT: \"#66cf39\",\n  SUPER_LIGHT: \"#deffd1\",\n};\n\n/* Light Mode Colors */\n\nconst LIGHT_GRAY = \"#DDDDDD\";\nconst LIGHT_ELEVATION = \"#F7F8F9\";\nexport const GRAYSCALE = {\n  GRAY_SUPER_DARK: \"#141211\",\n  GRAY_DARK: \"#4D4D4D\",\n  GRAY_MEDIUM: \"#7D7D7D\",\n  GRAY_MEDIUM_LIGHT: \"#B1B1B1\",\n  GRAY_LIGHT: LIGHT_GRAY,\n  GRAY_LIGHTEST: \"#F0F1F2\",\n  GRAY_SUPER_LIGHT: LIGHT_ELEVATION,\n  WHITE: \"#FFFFFF\",\n  BORDER: LIGHT_GRAY,\n  ELEVATION: LIGHT_ELEVATION,\n};\n\nexport const SECONDARY = {\n  SUPER_DARK: \"#032026\",\n  DARK: \"#084657\",\n  MEDIUM: \"#2085BA\",\n  MEDIUM_LIGHT: \"#44A8EB\",\n  LIGHT: \"#70B9F6\",\n  LIGHTEST: \"#9DCBFC\",\n  SUPER_LIGHT: \"#C8DFFF\",\n  WHITE: \"#F2F7FF\",\n};\n\n/* Dark Mode Colors */\n\nconst DARK_LIGHT_GRAY = \"#43464a\";\nexport const DARK_GRAYSCALE = {\n  GRAY_SUPER_DARK: \"#111212\",\n  GRAY_DARK: \"#1e1f21\",\n  GRAY_MEDIUM: \"#232629\",\n  GRAY_MEDIUM_LIGHT: \"#2b2d30\",\n  GRAY_LIGHT: DARK_LIGHT_GRAY,\n  GRAY_LIGHTEST: \"#63676b\",\n  GRAY_SUPER_LIGHT: \"#8a8e91\",\n  WHITE: \"#f7f9fb\",\n  BORDER: DARK_LIGHT_GRAY,\n  ELEVATION: \"rgba(174, 175, 177, 0.2)\",\n};\n\nexport const DARK_SECONDARY = {\n  SECONDARY_SUPER_DARK: \"#142736\",\n  SECONDARY_DARK: \"#22445d\",\n  SECONDARY_MEDIUM: \"#306082\",\n  SECONDARY_MEDIUM_LIGHT: \"#3e7ca8\",\n  SECONDARY_LIGHT: \"#5795c1\",\n  SECONDARY_LIGHTEST: \"#a2c4dd\",\n  SECONDARY_SUPER_LIGHT: \"#dae7f1\",\n};\n\n/*\n * Custom Dark Colors\n * NOTE: Custom dark color primary & secondary palettes are not constant, they are generated from an input color.\n * see utils/color.ts\n */\n","import { COLORS } from \"../constants\";\n\nexport type Palette = {\n  BASE_COLOR: string;\n  BRAND: {\n    PRIMARY: string;\n    PRIMARY_LIGHT: string;\n    PRIMARY_SUPER_LIGHT: string;\n    SECONDARY: string;\n  };\n  PRIMARY: {\n    //backgrounds\n    PRIMARY_SUPER_DARK: string;\n    PRIMARY_DARK: string;\n    //interactive components\n    PRIMARY_MEDIUM: string;\n    //borders and seperators\n    PRIMARY_MEDIUM_LIGHT: string;\n    //solid colors\n    PRIMARY_LIGHT: string;\n    //accessible text\n    PRIMARY_LIGHTEST: string;\n    PRIMARY_SUPER_LIGHT: string;\n  };\n  SECONDARY: {\n    SECONDARY_SUPER_DARK: string;\n    SECONDARY_DARK: string;\n    SECONDARY_MEDIUM: string;\n    SECONDARY_MEDIUM_LIGHT: string;\n    SECONDARY_LIGHT: string;\n    SECONDARY_LIGHTEST: string;\n    SECONDARY_SUPER_LIGHT: string;\n  };\n  SUCCESS: {\n    SUCCESS_DARK: string;\n    SUCCESS_MEDIUM: string;\n    SUCCESS_LIGHT: string;\n    SUCCESS_SUPER_LIGHT: string;\n  };\n  WARNING: {\n    WARNING_DARK: string;\n    WARNING_MEDIUM: string;\n    WARNING_LIGHT: string;\n    WARNING_SUPER_LIGHT: string;\n  };\n  DANGER: {\n    DANGER_SUPER_DARK: string;\n    DANGER_DARK: string;\n    DANGER_MEDIUM: string;\n    DANGER_LIGHT: string;\n    DANGER_SUPER_LIGHT: string;\n  };\n};\n\nexport const DEFAULT_WHITE_BACKGROUND = \"#ffffff\";\n\nexport const LIGHT_MODE: Palette = {\n  BASE_COLOR: DEFAULT_WHITE_BACKGROUND,\n  BRAND: {\n    PRIMARY: COLORS.BRAND.PRIMARY,\n    PRIMARY_LIGHT: COLORS.BRAND.PRIMARY_LIGHT,\n    PRIMARY_SUPER_LIGHT: COLORS.BRAND.PRIMARY_SUPER_LIGHT,\n    SECONDARY: COLORS.BRAND.SECONDARY,\n  },\n  PRIMARY: {\n    PRIMARY_SUPER_DARK: COLORS.GRAYSCALE.GRAY_SUPER_DARK,\n    PRIMARY_DARK: COLORS.GRAYSCALE.GRAY_DARK,\n    PRIMARY_MEDIUM: COLORS.GRAYSCALE.GRAY_MEDIUM,\n    PRIMARY_MEDIUM_LIGHT: COLORS.GRAYSCALE.GRAY_MEDIUM_LIGHT,\n    PRIMARY_LIGHT: COLORS.GRAYSCALE.GRAY_LIGHT,\n    PRIMARY_LIGHTEST: COLORS.GRAYSCALE.GRAY_LIGHTEST,\n    PRIMARY_SUPER_LIGHT: COLORS.GRAYSCALE.GRAY_SUPER_LIGHT,\n  },\n  SECONDARY: {\n    SECONDARY_SUPER_DARK: COLORS.SECONDARY.SUPER_DARK,\n    SECONDARY_DARK: COLORS.SECONDARY.DARK,\n    SECONDARY_MEDIUM: COLORS.SECONDARY.MEDIUM,\n    SECONDARY_MEDIUM_LIGHT: COLORS.SECONDARY.MEDIUM_LIGHT,\n    SECONDARY_LIGHT: COLORS.SECONDARY.LIGHT,\n    SECONDARY_LIGHTEST: COLORS.SECONDARY.LIGHTEST,\n    SECONDARY_SUPER_LIGHT: COLORS.SECONDARY.SUPER_LIGHT,\n  },\n  SUCCESS: {\n    SUCCESS_DARK: COLORS.SUCCESS.DARK,\n    SUCCESS_MEDIUM: COLORS.SUCCESS.MEDIUM,\n    SUCCESS_LIGHT: COLORS.SUCCESS.LIGHT,\n    SUCCESS_SUPER_LIGHT: COLORS.SUCCESS.SUPER_LIGHT,\n  },\n  WARNING: {\n    WARNING_DARK: COLORS.WARNING.DARK,\n    WARNING_MEDIUM: COLORS.WARNING.MEDIUM,\n    WARNING_LIGHT: COLORS.WARNING.LIGHT,\n    WARNING_SUPER_LIGHT: COLORS.WARNING.SUPER_LIGHT,\n  },\n  DANGER: {\n    DANGER_SUPER_DARK: COLORS.DANGER.SUPER_DARK,\n    DANGER_DARK: COLORS.DANGER.DARK,\n    DANGER_MEDIUM: COLORS.DANGER.MEDIUM,\n    DANGER_LIGHT: COLORS.DANGER.LIGHT,\n    DANGER_SUPER_LIGHT: COLORS.DANGER.SUPER_LIGHT,\n  },\n};\n\nexport const DEFAULT_BLACK_BACKGROUND = \"#121212\";\n\nexport const DARK_MODE: Palette = {\n  BASE_COLOR: DEFAULT_BLACK_BACKGROUND,\n  BRAND: {\n    PRIMARY: COLORS.BRAND.PRIMARY,\n    PRIMARY_LIGHT: COLORS.BRAND.PRIMARY_LIGHT,\n    PRIMARY_SUPER_LIGHT: COLORS.BRAND.PRIMARY_SUPER_LIGHT,\n    SECONDARY: COLORS.BRAND.SECONDARY,\n  },\n  PRIMARY: {\n    PRIMARY_SUPER_DARK: COLORS.DARK_GRAYSCALE.GRAY_SUPER_DARK,\n    PRIMARY_DARK: COLORS.DARK_GRAYSCALE.GRAY_DARK,\n    PRIMARY_MEDIUM: COLORS.DARK_GRAYSCALE.GRAY_MEDIUM,\n    PRIMARY_MEDIUM_LIGHT: COLORS.DARK_GRAYSCALE.GRAY_MEDIUM_LIGHT,\n    PRIMARY_LIGHT: COLORS.DARK_GRAYSCALE.GRAY_LIGHT,\n    PRIMARY_LIGHTEST: COLORS.DARK_GRAYSCALE.GRAY_LIGHTEST,\n    PRIMARY_SUPER_LIGHT: COLORS.DARK_GRAYSCALE.GRAY_SUPER_LIGHT,\n  },\n  SECONDARY: {\n    SECONDARY_SUPER_DARK: COLORS.DARK_SECONDARY.SECONDARY_SUPER_DARK,\n    SECONDARY_DARK: COLORS.DARK_SECONDARY.SECONDARY_DARK,\n    SECONDARY_MEDIUM: COLORS.DARK_SECONDARY.SECONDARY_MEDIUM,\n    SECONDARY_MEDIUM_LIGHT: COLORS.DARK_SECONDARY.SECONDARY_MEDIUM_LIGHT,\n    SECONDARY_LIGHT: COLORS.DARK_SECONDARY.SECONDARY_LIGHT,\n    SECONDARY_LIGHTEST: COLORS.DARK_SECONDARY.SECONDARY_LIGHTEST,\n    SECONDARY_SUPER_LIGHT: COLORS.DARK_SECONDARY.SECONDARY_SUPER_LIGHT,\n  },\n  DANGER: {\n    DANGER_SUPER_DARK: COLORS.DANGER.SUPER_DARK,\n    DANGER_DARK: COLORS.DANGER.DARK,\n    DANGER_MEDIUM: COLORS.DANGER.MEDIUM,\n    DANGER_LIGHT: COLORS.DANGER.LIGHT,\n    DANGER_SUPER_LIGHT: COLORS.DANGER.SUPER_LIGHT,\n  },\n  SUCCESS: {\n    SUCCESS_DARK: COLORS.SUCCESS.DARK,\n    SUCCESS_MEDIUM: COLORS.SUCCESS.MEDIUM,\n    SUCCESS_LIGHT: COLORS.SUCCESS.LIGHT,\n    SUCCESS_SUPER_LIGHT: COLORS.SUCCESS.SUPER_LIGHT,\n  },\n  WARNING: {\n    WARNING_DARK: COLORS.WARNING.DARK,\n    WARNING_MEDIUM: COLORS.WARNING.MEDIUM,\n    WARNING_LIGHT: COLORS.WARNING.LIGHT,\n    WARNING_SUPER_LIGHT: COLORS.WARNING.SUPER_LIGHT,\n  },\n};\n"],"names":["BRAND","DANGER","WARNING","SUCCESS","LIGHT_GRAY","LIGHT_ELEVATION","GRAYSCALE","SECONDARY","DARK_LIGHT_GRAY","DARK_GRAYSCALE","DARK_SECONDARY","DEFAULT_WHITE_BACKGROUND","LIGHT_MODE","COLORS.BRAND","COLORS.GRAYSCALE","COLORS.SECONDARY","COLORS.SUCCESS","COLORS.WARNING","COLORS.DANGER","DEFAULT_BLACK_BACKGROUND","DARK_MODE","COLORS.DARK_GRAYSCALE","COLORS.DARK_SECONDARY"],"mappings":"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"}

package/dist/palettes-DfloGKJz.js

@@ -1,2 +0,0 @@
-"use strict";const D={PRIMARY:"#E26014",PRIMARY_LIGHT:"#FBE5D7",PRIMARY_SUPER_LIGHT:"#FFF7F0",SECONDARY:"#F2F2F2"},R={SUPER_DARK:"#991b1b",DARK:"#a80724",MEDIUM:"#e23f5c",LIGHT:"#f16880",SUPER_LIGHT:"#ffe1e1"},A={DARK:"#8b5600",MEDIUM:"#b37208",LIGHT:"#ffac23",SUPER_LIGHT:"#fff0c9"},E={DARK:"#247800",MEDIUM:"#339a07",LIGHT:"#66cf39",SUPER_LIGHT:"#deffd1"},T="#DDDDDD",M="#F7F8F9",_={GRAY_SUPER_DARK:"#141211",GRAY_DARK:"#4D4D4D",GRAY_MEDIUM:"#7D7D7D",GRAY_MEDIUM_LIGHT:"#B1B1B1",GRAY_LIGHT:T,GRAY_LIGHTEST:"#F0F1F2",GRAY_SUPER_LIGHT:M,WHITE:"#FFFFFF",BORDER:T,ELEVATION:M},G={SUPER_DARK:"#032026",DARK:"#084657",MEDIUM:"#2085BA",MEDIUM_LIGHT:"#44A8EB",LIGHT:"#70B9F6",LIGHTEST:"#9DCBFC",SUPER_LIGHT:"#C8DFFF",WHITE:"#F2F7FF"},L="#43464a",I={GRAY_SUPER_DARK:"#111212",GRAY_DARK:"#1e1f21",GRAY_MEDIUM:"#232629",GRAY_MEDIUM_LIGHT:"#2b2d30",GRAY_LIGHT:L,GRAY_LIGHTEST:"#63676b",GRAY_SUPER_LIGHT:"#8a8e91",WHITE:"#f7f9fb",BORDER:L,ELEVATION:"rgba(174, 175, 177, 0.2)"},S={SECONDARY_SUPER_DARK:"#142736",SECONDARY_DARK:"#22445d",SECONDARY_MEDIUM:"#306082",SECONDARY_MEDIUM_LIGHT:"#3e7ca8",SECONDARY_LIGHT:"#5795c1",SECONDARY_LIGHTEST:"#a2c4dd",SECONDARY_SUPER_LIGHT:"#dae7f1"},H=Object.freeze(Object.defineProperty({__proto__:null,BRAND:D,DANGER:R,DARK_GRAYSCALE:I,DARK_SECONDARY:S,GRAYSCALE:_,SECONDARY:G,SUCCESS:E,WARNING:A},Symbol.toStringTag,{value:"Module"})),U="#ffffff",N={BASE_COLOR:U,BRAND:{PRIMARY:D.PRIMARY,PRIMARY_LIGHT:D.PRIMARY_LIGHT,PRIMARY_SUPER_LIGHT:D.PRIMARY_SUPER_LIGHT,SECONDARY:D.SECONDARY},PRIMARY:{PRIMARY_SUPER_DARK:_.GRAY_SUPER_DARK,PRIMARY_DARK:_.GRAY_DARK,PRIMARY_MEDIUM:_.GRAY_MEDIUM,PRIMARY_MEDIUM_LIGHT:_.GRAY_MEDIUM_LIGHT,PRIMARY_LIGHT:_.GRAY_LIGHT,PRIMARY_LIGHTEST:_.GRAY_LIGHTEST,PRIMARY_SUPER_LIGHT:_.GRAY_SUPER_LIGHT},SECONDARY:{SECONDARY_SUPER_DARK:G.SUPER_DARK,SECONDARY_DARK:G.DARK,SECONDARY_MEDIUM:G.MEDIUM,SECONDARY_MEDIUM_LIGHT:G.MEDIUM_LIGHT,SECONDARY_LIGHT:G.LIGHT,SECONDARY_LIGHTEST:G.LIGHTEST,SECONDARY_SUPER_LIGHT:G.SUPER_LIGHT},SUCCESS:{SUCCESS_DARK:E.DARK,SUCCESS_MEDIUM:E.MEDIUM,SUCCESS_LIGHT:E.LIGHT,SUCCESS_SUPER_LIGHT:E.SUPER_LIGHT},WARNING:{WARNING_DARK:A.DARK,WARNING_MEDIUM:A.MEDIUM,WARNING_LIGHT:A.LIGHT,WARNING_SUPER_LIGHT:A.SUPER_LIGHT},DANGER:{DANGER_SUPER_DARK:R.SUPER_DARK,DANGER_DARK:R.DARK,DANGER_MEDIUM:R.MEDIUM,DANGER_LIGHT:R.LIGHT,DANGER_SUPER_LIGHT:R.SUPER_LIGHT}},Y="#121212",P={BASE_COLOR:Y,BRAND:{PRIMARY:D.PRIMARY,PRIMARY_LIGHT:D.PRIMARY_LIGHT,PRIMARY_SUPER_LIGHT:D.PRIMARY_SUPER_LIGHT,SECONDARY:D.SECONDARY},PRIMARY:{PRIMARY_SUPER_DARK:I.GRAY_SUPER_DARK,PRIMARY_DARK:I.GRAY_DARK,PRIMARY_MEDIUM:I.GRAY_MEDIUM,PRIMARY_MEDIUM_LIGHT:I.GRAY_MEDIUM_LIGHT,PRIMARY_LIGHT:I.GRAY_LIGHT,PRIMARY_LIGHTEST:I.GRAY_LIGHTEST,PRIMARY_SUPER_LIGHT:I.GRAY_SUPER_LIGHT},SECONDARY:{SECONDARY_SUPER_DARK:S.SECONDARY_SUPER_DARK,SECONDARY_DARK:S.SECONDARY_DARK,SECONDARY_MEDIUM:S.SECONDARY_MEDIUM,SECONDARY_MEDIUM_LIGHT:S.SECONDARY_MEDIUM_LIGHT,SECONDARY_LIGHT:S.SECONDARY_LIGHT,SECONDARY_LIGHTEST:S.SECONDARY_LIGHTEST,SECONDARY_SUPER_LIGHT:S.SECONDARY_SUPER_LIGHT},DANGER:{DANGER_SUPER_DARK:R.SUPER_DARK,DANGER_DARK:R.DARK,DANGER_MEDIUM:R.MEDIUM,DANGER_LIGHT:R.LIGHT,DANGER_SUPER_LIGHT:R.SUPER_LIGHT},SUCCESS:{SUCCESS_DARK:E.DARK,SUCCESS_MEDIUM:E.MEDIUM,SUCCESS_LIGHT:E.LIGHT,SUCCESS_SUPER_LIGHT:E.SUPER_LIGHT},WARNING:{WARNING_DARK:A.DARK,WARNING_MEDIUM:A.MEDIUM,WARNING_LIGHT:A.LIGHT,WARNING_SUPER_LIGHT:A.SUPER_LIGHT}};exports.DANGER=R;exports.DARK_GRAYSCALE=I;exports.DARK_MODE=P;exports.DEFAULT_BLACK_BACKGROUND=Y;exports.DEFAULT_WHITE_BACKGROUND=U;exports.GRAYSCALE=_;exports.LIGHT_MODE=N;exports.SUCCESS=E;exports.WARNING=A;exports.colors=H;
-//# sourceMappingURL=palettes-DfloGKJz.js.map

package/dist/palettes-DfloGKJz.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"palettes-DfloGKJz.js","sources":["../src/constants/colors.ts","../src/constants/palettes.ts"],"sourcesContent":["export const BRAND = {\n  PRIMARY: \"#E26014\",\n  PRIMARY_LIGHT: \"#FBE5D7\",\n  PRIMARY_SUPER_LIGHT: \"#FFF7F0\",\n  SECONDARY: \"#F2F2F2\",\n};\n\nexport const DANGER = {\n  SUPER_DARK: \"#991b1b\",\n  DARK: \"#a80724\",\n  MEDIUM: \"#e23f5c\",\n  LIGHT: \"#f16880\",\n  SUPER_LIGHT: \"#ffe1e1\",\n};\n\nexport const WARNING = {\n  DARK: \"#8b5600\",\n  MEDIUM: \"#b37208\",\n  LIGHT: \"#ffac23\",\n  SUPER_LIGHT: \"#fff0c9\",\n};\n\nexport const SUCCESS = {\n  DARK: \"#247800\",\n  MEDIUM: \"#339a07\",\n  LIGHT: \"#66cf39\",\n  SUPER_LIGHT: \"#deffd1\",\n};\n\n/* Light Mode Colors */\n\nconst LIGHT_GRAY = \"#DDDDDD\";\nconst LIGHT_ELEVATION = \"#F7F8F9\";\nexport const GRAYSCALE = {\n  GRAY_SUPER_DARK: \"#141211\",\n  GRAY_DARK: \"#4D4D4D\",\n  GRAY_MEDIUM: \"#7D7D7D\",\n  GRAY_MEDIUM_LIGHT: \"#B1B1B1\",\n  GRAY_LIGHT: LIGHT_GRAY,\n  GRAY_LIGHTEST: \"#F0F1F2\",\n  GRAY_SUPER_LIGHT: LIGHT_ELEVATION,\n  WHITE: \"#FFFFFF\",\n  BORDER: LIGHT_GRAY,\n  ELEVATION: LIGHT_ELEVATION,\n};\n\nexport const SECONDARY = {\n  SUPER_DARK: \"#032026\",\n  DARK: \"#084657\",\n  MEDIUM: \"#2085BA\",\n  MEDIUM_LIGHT: \"#44A8EB\",\n  LIGHT: \"#70B9F6\",\n  LIGHTEST: \"#9DCBFC\",\n  SUPER_LIGHT: \"#C8DFFF\",\n  WHITE: \"#F2F7FF\",\n};\n\n/* Dark Mode Colors */\n\nconst DARK_LIGHT_GRAY = \"#43464a\";\nexport const DARK_GRAYSCALE = {\n  GRAY_SUPER_DARK: \"#111212\",\n  GRAY_DARK: \"#1e1f21\",\n  GRAY_MEDIUM: \"#232629\",\n  GRAY_MEDIUM_LIGHT: \"#2b2d30\",\n  GRAY_LIGHT: DARK_LIGHT_GRAY,\n  GRAY_LIGHTEST: \"#63676b\",\n  GRAY_SUPER_LIGHT: \"#8a8e91\",\n  WHITE: \"#f7f9fb\",\n  BORDER: DARK_LIGHT_GRAY,\n  ELEVATION: \"rgba(174, 175, 177, 0.2)\",\n};\n\nexport const DARK_SECONDARY = {\n  SECONDARY_SUPER_DARK: \"#142736\",\n  SECONDARY_DARK: \"#22445d\",\n  SECONDARY_MEDIUM: \"#306082\",\n  SECONDARY_MEDIUM_LIGHT: \"#3e7ca8\",\n  SECONDARY_LIGHT: \"#5795c1\",\n  SECONDARY_LIGHTEST: \"#a2c4dd\",\n  SECONDARY_SUPER_LIGHT: \"#dae7f1\",\n};\n\n/*\n * Custom Dark Colors\n * NOTE: Custom dark color primary & secondary palettes are not constant, they are generated from an input color.\n * see utils/color.ts\n */\n","import { COLORS } from \"../constants\";\n\nexport type Palette = {\n  BASE_COLOR: string;\n  BRAND: {\n    PRIMARY: string;\n    PRIMARY_LIGHT: string;\n    PRIMARY_SUPER_LIGHT: string;\n    SECONDARY: string;\n  };\n  PRIMARY: {\n    //backgrounds\n    PRIMARY_SUPER_DARK: string;\n    PRIMARY_DARK: string;\n    //interactive components\n    PRIMARY_MEDIUM: string;\n    //borders and seperators\n    PRIMARY_MEDIUM_LIGHT: string;\n    //solid colors\n    PRIMARY_LIGHT: string;\n    //accessible text\n    PRIMARY_LIGHTEST: string;\n    PRIMARY_SUPER_LIGHT: string;\n  };\n  SECONDARY: {\n    SECONDARY_SUPER_DARK: string;\n    SECONDARY_DARK: string;\n    SECONDARY_MEDIUM: string;\n    SECONDARY_MEDIUM_LIGHT: string;\n    SECONDARY_LIGHT: string;\n    SECONDARY_LIGHTEST: string;\n    SECONDARY_SUPER_LIGHT: string;\n  };\n  SUCCESS: {\n    SUCCESS_DARK: string;\n    SUCCESS_MEDIUM: string;\n    SUCCESS_LIGHT: string;\n    SUCCESS_SUPER_LIGHT: string;\n  };\n  WARNING: {\n    WARNING_DARK: string;\n    WARNING_MEDIUM: string;\n    WARNING_LIGHT: string;\n    WARNING_SUPER_LIGHT: string;\n  };\n  DANGER: {\n    DANGER_SUPER_DARK: string;\n    DANGER_DARK: string;\n    DANGER_MEDIUM: string;\n    DANGER_LIGHT: string;\n    DANGER_SUPER_LIGHT: string;\n  };\n};\n\nexport const DEFAULT_WHITE_BACKGROUND = \"#ffffff\";\n\nexport const LIGHT_MODE: Palette = {\n  BASE_COLOR: DEFAULT_WHITE_BACKGROUND,\n  BRAND: {\n    PRIMARY: COLORS.BRAND.PRIMARY,\n    PRIMARY_LIGHT: COLORS.BRAND.PRIMARY_LIGHT,\n    PRIMARY_SUPER_LIGHT: COLORS.BRAND.PRIMARY_SUPER_LIGHT,\n    SECONDARY: COLORS.BRAND.SECONDARY,\n  },\n  PRIMARY: {\n    PRIMARY_SUPER_DARK: COLORS.GRAYSCALE.GRAY_SUPER_DARK,\n    PRIMARY_DARK: COLORS.GRAYSCALE.GRAY_DARK,\n    PRIMARY_MEDIUM: COLORS.GRAYSCALE.GRAY_MEDIUM,\n    PRIMARY_MEDIUM_LIGHT: COLORS.GRAYSCALE.GRAY_MEDIUM_LIGHT,\n    PRIMARY_LIGHT: COLORS.GRAYSCALE.GRAY_LIGHT,\n    PRIMARY_LIGHTEST: COLORS.GRAYSCALE.GRAY_LIGHTEST,\n    PRIMARY_SUPER_LIGHT: COLORS.GRAYSCALE.GRAY_SUPER_LIGHT,\n  },\n  SECONDARY: {\n    SECONDARY_SUPER_DARK: COLORS.SECONDARY.SUPER_DARK,\n    SECONDARY_DARK: COLORS.SECONDARY.DARK,\n    SECONDARY_MEDIUM: COLORS.SECONDARY.MEDIUM,\n    SECONDARY_MEDIUM_LIGHT: COLORS.SECONDARY.MEDIUM_LIGHT,\n    SECONDARY_LIGHT: COLORS.SECONDARY.LIGHT,\n    SECONDARY_LIGHTEST: COLORS.SECONDARY.LIGHTEST,\n    SECONDARY_SUPER_LIGHT: COLORS.SECONDARY.SUPER_LIGHT,\n  },\n  SUCCESS: {\n    SUCCESS_DARK: COLORS.SUCCESS.DARK,\n    SUCCESS_MEDIUM: COLORS.SUCCESS.MEDIUM,\n    SUCCESS_LIGHT: COLORS.SUCCESS.LIGHT,\n    SUCCESS_SUPER_LIGHT: COLORS.SUCCESS.SUPER_LIGHT,\n  },\n  WARNING: {\n    WARNING_DARK: COLORS.WARNING.DARK,\n    WARNING_MEDIUM: COLORS.WARNING.MEDIUM,\n    WARNING_LIGHT: COLORS.WARNING.LIGHT,\n    WARNING_SUPER_LIGHT: COLORS.WARNING.SUPER_LIGHT,\n  },\n  DANGER: {\n    DANGER_SUPER_DARK: COLORS.DANGER.SUPER_DARK,\n    DANGER_DARK: COLORS.DANGER.DARK,\n    DANGER_MEDIUM: COLORS.DANGER.MEDIUM,\n    DANGER_LIGHT: COLORS.DANGER.LIGHT,\n    DANGER_SUPER_LIGHT: COLORS.DANGER.SUPER_LIGHT,\n  },\n};\n\nexport const DEFAULT_BLACK_BACKGROUND = \"#121212\";\n\nexport const DARK_MODE: Palette = {\n  BASE_COLOR: DEFAULT_BLACK_BACKGROUND,\n  BRAND: {\n    PRIMARY: COLORS.BRAND.PRIMARY,\n    PRIMARY_LIGHT: COLORS.BRAND.PRIMARY_LIGHT,\n    PRIMARY_SUPER_LIGHT: COLORS.BRAND.PRIMARY_SUPER_LIGHT,\n    SECONDARY: COLORS.BRAND.SECONDARY,\n  },\n  PRIMARY: {\n    PRIMARY_SUPER_DARK: COLORS.DARK_GRAYSCALE.GRAY_SUPER_DARK,\n    PRIMARY_DARK: COLORS.DARK_GRAYSCALE.GRAY_DARK,\n    PRIMARY_MEDIUM: COLORS.DARK_GRAYSCALE.GRAY_MEDIUM,\n    PRIMARY_MEDIUM_LIGHT: COLORS.DARK_GRAYSCALE.GRAY_MEDIUM_LIGHT,\n    PRIMARY_LIGHT: COLORS.DARK_GRAYSCALE.GRAY_LIGHT,\n    PRIMARY_LIGHTEST: COLORS.DARK_GRAYSCALE.GRAY_LIGHTEST,\n    PRIMARY_SUPER_LIGHT: COLORS.DARK_GRAYSCALE.GRAY_SUPER_LIGHT,\n  },\n  SECONDARY: {\n    SECONDARY_SUPER_DARK: COLORS.DARK_SECONDARY.SECONDARY_SUPER_DARK,\n    SECONDARY_DARK: COLORS.DARK_SECONDARY.SECONDARY_DARK,\n    SECONDARY_MEDIUM: COLORS.DARK_SECONDARY.SECONDARY_MEDIUM,\n    SECONDARY_MEDIUM_LIGHT: COLORS.DARK_SECONDARY.SECONDARY_MEDIUM_LIGHT,\n    SECONDARY_LIGHT: COLORS.DARK_SECONDARY.SECONDARY_LIGHT,\n    SECONDARY_LIGHTEST: COLORS.DARK_SECONDARY.SECONDARY_LIGHTEST,\n    SECONDARY_SUPER_LIGHT: COLORS.DARK_SECONDARY.SECONDARY_SUPER_LIGHT,\n  },\n  DANGER: {\n    DANGER_SUPER_DARK: COLORS.DANGER.SUPER_DARK,\n    DANGER_DARK: COLORS.DANGER.DARK,\n    DANGER_MEDIUM: COLORS.DANGER.MEDIUM,\n    DANGER_LIGHT: COLORS.DANGER.LIGHT,\n    DANGER_SUPER_LIGHT: COLORS.DANGER.SUPER_LIGHT,\n  },\n  SUCCESS: {\n    SUCCESS_DARK: COLORS.SUCCESS.DARK,\n    SUCCESS_MEDIUM: COLORS.SUCCESS.MEDIUM,\n    SUCCESS_LIGHT: COLORS.SUCCESS.LIGHT,\n    SUCCESS_SUPER_LIGHT: COLORS.SUCCESS.SUPER_LIGHT,\n  },\n  WARNING: {\n    WARNING_DARK: COLORS.WARNING.DARK,\n    WARNING_MEDIUM: COLORS.WARNING.MEDIUM,\n    WARNING_LIGHT: COLORS.WARNING.LIGHT,\n    WARNING_SUPER_LIGHT: COLORS.WARNING.SUPER_LIGHT,\n  },\n};\n"],"names":["BRAND","DANGER","WARNING","SUCCESS","LIGHT_GRAY","LIGHT_ELEVATION","GRAYSCALE","SECONDARY","DARK_LIGHT_GRAY","DARK_GRAYSCALE","DARK_SECONDARY","DEFAULT_WHITE_BACKGROUND","LIGHT_MODE","COLORS.BRAND","COLORS.GRAYSCALE","COLORS.SECONDARY","COLORS.SUCCESS","COLORS.WARNING","COLORS.DANGER","DEFAULT_BLACK_BACKGROUND","DARK_MODE","COLORS.DARK_GRAYSCALE","COLORS.DARK_SECONDARY"],"mappings":"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"}

package/dist/useBreakpoint-DA-JqOu3.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useBreakpoint-DA-JqOu3.js","sources":["../src/hooks/useIsClosing.tsx","../src/hooks/useLockBodyScroll.tsx","../src/hooks/useBreakpoint.tsx"],"sourcesContent":["import { useState, useCallback, RefObject, useEffect } from \"react\";\n\ninterface UseIsClosingOptions {\n  /**\n   * Duration of the closing animation in milliseconds\n   * @default 200\n   */\n  duration?: number;\n  /**\n   * Callback to run after the closing animation completes\n   */\n  onClose?: () => void;\n  /**\n   * When passed, the fade-out class will be added to @ScreenOverlay on close\n   */\n  overlayRef?: RefObject<HTMLElement>;\n}\n\n/**\n * Hook to manage the closing animation state of a component\n * @interface UseIsClosingOptions\n * @returns Object containing isClosing state and handleClose function\n */\nexport function useIsClosing({\n  duration = 200,\n  onClose,\n  overlayRef,\n}: UseIsClosingOptions) {\n  const [isClosing, setIsClosing] = useState(false);\n  const [timeoutId, setTimeoutId] = useState<number>();\n\n  const handleClose = useCallback(() => {\n    if (duration <= 0) {\n      console.warn(\n        \"useIsClosing: Duration must be positive. Executing onClose immediately.\"\n      );\n      onClose?.();\n      return;\n    }\n\n    setIsClosing(true);\n\n    if (overlayRef?.current) {\n      overlayRef.current.classList.add(\"proton-ScreenOverlay__fade-out\");\n    }\n\n    const id = setTimeout(() => {\n      onClose?.();\n      setIsClosing(false);\n    }, duration);\n\n    setTimeoutId(id);\n  }, [duration, onClose, overlayRef]);\n\n  useEffect(() => {\n    return () => {\n      if (timeoutId) {\n        clearTimeout(timeoutId);\n      }\n    };\n  }, [timeoutId]);\n\n  return {\n    isClosing,\n    handleClose,\n  };\n}\n","import { useLayoutEffect } from \"react\";\n\n/**\n * A React hook that prevents body scrolling while a component is mounted.\n * Useful for modals, overlays, and other components that should prevent background scrolling.\n */\nexport function useLockBodyScroll(isActive: boolean = true) {\n  useLayoutEffect(() => {\n    if (!isActive) return;\n\n    // Get original body overflow\n    const originalStyle = window.getComputedStyle(document.body).overflow;\n    // Prevent scrolling on mount\n    document.body.style.overflow = \"hidden\";\n    // Re-enable scrolling when component unmounts\n    return () => {\n      document.body.style.overflow = originalStyle;\n    };\n  }, [isActive]); // Empty array ensures effect is only run on mount and unmount\n}\n","import { useState } from \"react\";\n\nimport { useEffect } from \"react\";\nimport { Breakpoint } from \"../constants\";\n\ntype BreakpointDirection = \"up\" | \"down\";\n\nexport function useBreakpoint(\n  breakpoint: Breakpoint,\n  direction: BreakpointDirection = \"down\"\n) {\n  const query =\n    direction === \"down\"\n      ? `(max-width: ${breakpoint}px)`\n      : `(min-width: ${breakpoint}px)`;\n\n  const [matches, setMatches] = useState(() =>\n    typeof window !== \"undefined\" ? window.matchMedia(query).matches : false\n  );\n\n  useEffect(() => {\n    if (typeof window === \"undefined\") return;\n\n    const mediaQuery = window.matchMedia(query);\n    const handler = (event: MediaQueryListEvent) => {\n      setMatches(event.matches);\n    };\n\n    mediaQuery.addEventListener(\"change\", handler);\n    return () => mediaQuery.removeEventListener(\"change\", handler);\n  }, [query]);\n\n  return matches;\n}\n"],"names":["useIsClosing","duration","onClose","overlayRef","isClosing","setIsClosing","useState","timeoutId","setTimeoutId","handleClose","useCallback","id","useEffect","useLockBodyScroll","isActive","useLayoutEffect","originalStyle","useBreakpoint","breakpoint","direction","query","matches","setMatches","mediaQuery","handler","event"],"mappings":"sCAuBO,SAASA,EAAa,CAC3B,SAAAC,EAAW,IACX,QAAAC,EACA,WAAAC,CACF,EAAwB,CACtB,KAAM,CAACC,EAAWC,CAAY,EAAIC,WAAS,EAAK,EAC1C,CAACC,EAAWC,CAAY,EAAIF,EAAiB,SAAA,EAE7CG,EAAcC,EAAAA,YAAY,IAAM,CACpC,GAAIT,GAAY,EAAG,CACT,QAAA,KACN,yEAAA,EAEQC,GAAA,MAAAA,IACV,MACF,CAEAG,EAAa,EAAI,EAEbF,GAAA,MAAAA,EAAY,SACHA,EAAA,QAAQ,UAAU,IAAI,gCAAgC,EAG7D,MAAAQ,EAAK,WAAW,IAAM,CAChBT,GAAA,MAAAA,IACVG,EAAa,EAAK,GACjBJ,CAAQ,EAEXO,EAAaG,CAAE,CACd,EAAA,CAACV,EAAUC,EAASC,CAAU,CAAC,EAElCS,OAAAA,EAAAA,UAAU,IACD,IAAM,CACPL,GACF,aAAaA,CAAS,CACxB,EAED,CAACA,CAAS,CAAC,EAEP,CACL,UAAAH,EACA,YAAAK,CAAA,CAEJ,CC5DgB,SAAAI,EAAkBC,EAAoB,GAAM,CAC1DC,EAAAA,gBAAgB,IAAM,CACpB,GAAI,CAACD,EAAU,OAGf,MAAME,EAAgB,OAAO,iBAAiB,SAAS,IAAI,EAAE,SAEpD,gBAAA,KAAK,MAAM,SAAW,SAExB,IAAM,CACF,SAAA,KAAK,MAAM,SAAWA,CAAA,CACjC,EACC,CAACF,CAAQ,CAAC,CACf,CCZgB,SAAAG,EACdC,EACAC,EAAiC,OACjC,CACA,MAAMC,EACJD,IAAc,OACV,eAAeD,CAAU,MACzB,eAAeA,CAAU,MAEzB,CAACG,EAASC,CAAU,EAAIhB,EAAA,SAAS,IACrC,OAAO,OAAW,IAAc,OAAO,WAAWc,CAAK,EAAE,QAAU,EAAA,EAGrER,OAAAA,EAAAA,UAAU,IAAM,CACV,GAAA,OAAO,OAAW,IAAa,OAE7B,MAAAW,EAAa,OAAO,WAAWH,CAAK,EACpCI,EAAWC,GAA+B,CAC9CH,EAAWG,EAAM,OAAO,CAAA,EAGf,OAAAF,EAAA,iBAAiB,SAAUC,CAAO,EACtC,IAAMD,EAAW,oBAAoB,SAAUC,CAAO,CAAA,EAC5D,CAACJ,CAAK,CAAC,EAEHC,CACT"}