@twreporter/react-typescript-components 0.1.0-beta.21 → 0.1.0-beta.23

package/lib/theme-DjRdV3Iq.js

@@ -0,0 +1,90 @@
+const require_theme = require('./theme-DDBlIbeS.js');
+const require_constants = require('./constants-CkmgPgze.js');
+
+//#region src/hamburger-menu/utils/theme.ts
+const selectHamburgerMenuTheme = (theme) => {
+	switch (theme) {
+		case require_theme.THEME.photography: return {
+			bgColor: "bg-photo-dark",
+			scrollBarColor: "[&::-webkit-scrollbar-thumb]:bg-opacity-white-08"
+		};
+		default: return {
+			bgColor: "bg-gray-white",
+			scrollBarColor: "[&::-webkit-scrollbar-thumb]:bg-opacity-black-02"
+		};
+	}
+};
+const selectLogoType = (theme) => {
+	switch (theme) {
+		case require_theme.THEME.photography:
+		case require_theme.THEME.transparent: return require_constants.LOGO_SYMBOL_TYPE.white;
+		default: return require_constants.LOGO_SYMBOL_TYPE.default;
+	}
+};
+const selectHamburgerItemTheme = (theme, active = false) => {
+	switch (theme) {
+		case require_theme.THEME.photography: return {
+			color: active ? "text-supportive-pastel" : "text-gray-white",
+			svgBgColor: active ? "[&>svg]:bg-supportive-pastel" : "[&>svg]:bg-gray-white",
+			hoverBgColor: "hover:bg-opacity-white-02",
+			activeBgColor: "active:bg-opacity-white-05"
+		};
+		default: return {
+			color: active ? "text-brand-heavy" : "text-gray-800",
+			svgBgColor: active ? "[&>svg]:bg-brand-heavy" : "[&>svg]:bg-gray-800",
+			hoverBgColor: "hover:bg-gray-100",
+			activeBgColor: "active:bg-gray-200"
+		};
+	}
+};
+const selectHamburgerFooterTheme = (theme) => {
+	switch (theme) {
+		case require_theme.THEME.photography: return {
+			color: "text-gray-400",
+			hoverColor: "hover:text-gray-400",
+			hoverBgColor: "hover:bg-opacity-white-02",
+			svgHoverBgColor: "hover:[&>svg]:bg-gray-400",
+			svgBgColor: "[&>svg]:bg-gray-400",
+			activeColor: "active:text-gray-400",
+			activeBgColor: "active:bg-opacity-white-05",
+			svgActiveBgColor: "active:[&>svg]:bg-gray-400"
+		};
+		default: return {
+			color: "text-gray-600",
+			hoverColor: "hover:text-gray-800",
+			hoverBgColor: "hover:bg-gray-100",
+			svgHoverBgColor: "hover:[&>svg]:bg-gray-800",
+			svgBgColor: "[&>svg]:bg-gray-600",
+			activeColor: "active:text-gray-800",
+			activeBgColor: "active:bg-gray-200",
+			svgActiveBgColor: "active:[&>svg]:bg-gray-800"
+		};
+	}
+};
+
+//#endregion
+Object.defineProperty(exports, 'selectHamburgerFooterTheme', {
+  enumerable: true,
+  get: function () {
+    return selectHamburgerFooterTheme;
+  }
+});
+Object.defineProperty(exports, 'selectHamburgerItemTheme', {
+  enumerable: true,
+  get: function () {
+    return selectHamburgerItemTheme;
+  }
+});
+Object.defineProperty(exports, 'selectHamburgerMenuTheme', {
+  enumerable: true,
+  get: function () {
+    return selectHamburgerMenuTheme;
+  }
+});
+Object.defineProperty(exports, 'selectLogoType', {
+  enumerable: true,
+  get: function () {
+    return selectLogoType;
+  }
+});
+//# sourceMappingURL=theme-DjRdV3Iq.js.map

package/lib/theme-DjRdV3Iq.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-DjRdV3Iq.js","names":["THEME","LOGO_SYMBOL_TYPE"],"sources":["../src/hamburger-menu/utils/theme.ts"],"sourcesContent":["import { THEME, type Theme } from '../../constants/theme'\n// logo\nimport { LOGO_SYMBOL_TYPE } from '../../logo/constants'\n\nexport const selectHamburgerMenuTheme = (theme: Theme) => {\n  switch (theme) {\n    case THEME.photography:\n      return {\n        bgColor: 'bg-photo-dark',\n        scrollBarColor: '[&::-webkit-scrollbar-thumb]:bg-opacity-white-08',\n      }\n    default:\n      return {\n        bgColor: 'bg-gray-white',\n        scrollBarColor: '[&::-webkit-scrollbar-thumb]:bg-opacity-black-02',\n      }\n  }\n}\n\nexport const selectLogoType = (theme: Theme) => {\n  switch (theme) {\n    case THEME.photography:\n    case THEME.transparent:\n      return LOGO_SYMBOL_TYPE.white\n    default:\n      return LOGO_SYMBOL_TYPE.default\n  }\n}\n\nexport const selectHamburgerItemTheme = (theme: Theme, active = false) => {\n  switch (theme) {\n    case THEME.photography:\n      return {\n        color: active ? 'text-supportive-pastel' : 'text-gray-white',\n        svgBgColor: active\n          ? '[&>svg]:bg-supportive-pastel'\n          : '[&>svg]:bg-gray-white',\n        hoverBgColor: 'hover:bg-opacity-white-02',\n        activeBgColor: 'active:bg-opacity-white-05',\n      }\n    default:\n      return {\n        color: active ? 'text-brand-heavy' : 'text-gray-800',\n        svgBgColor: active ? '[&>svg]:bg-brand-heavy' : '[&>svg]:bg-gray-800',\n        hoverBgColor: 'hover:bg-gray-100',\n        activeBgColor: 'active:bg-gray-200',\n      }\n  }\n}\n\nexport const selectHamburgerFooterTheme = (theme: Theme) => {\n  switch (theme) {\n    case THEME.photography:\n      return {\n        color: 'text-gray-400',\n        hoverColor: 'hover:text-gray-400',\n        hoverBgColor: 'hover:bg-opacity-white-02',\n        svgHoverBgColor: 'hover:[&>svg]:bg-gray-400',\n        svgBgColor: '[&>svg]:bg-gray-400',\n        activeColor: 'active:text-gray-400',\n        activeBgColor: 'active:bg-opacity-white-05',\n        svgActiveBgColor: 'active:[&>svg]:bg-gray-400',\n      }\n    default:\n      return {\n        color: 'text-gray-600',\n        hoverColor: 'hover:text-gray-800',\n        hoverBgColor: 'hover:bg-gray-100',\n        svgHoverBgColor: 'hover:[&>svg]:bg-gray-800',\n        svgBgColor: '[&>svg]:bg-gray-600',\n        activeColor: 'active:text-gray-800',\n        activeBgColor: 'active:bg-gray-200',\n        svgActiveBgColor: 'active:[&>svg]:bg-gray-800',\n      }\n  }\n}\n"],"mappings":";;;;AAIA,MAAa,4BAA4B,UAAiB;AACxD,SAAQ,OAAR;EACE,KAAKA,oBAAM,YACT,QAAO;GACL,SAAS;GACT,gBAAgB;GACjB;EACH,QACE,QAAO;GACL,SAAS;GACT,gBAAgB;GACjB;;;AAIP,MAAa,kBAAkB,UAAiB;AAC9C,SAAQ,OAAR;EACE,KAAKA,oBAAM;EACX,KAAKA,oBAAM,YACT,QAAOC,mCAAiB;EAC1B,QACE,QAAOA,mCAAiB;;;AAI9B,MAAa,4BAA4B,OAAc,SAAS,UAAU;AACxE,SAAQ,OAAR;EACE,KAAKD,oBAAM,YACT,QAAO;GACL,OAAO,SAAS,2BAA2B;GAC3C,YAAY,SACR,iCACA;GACJ,cAAc;GACd,eAAe;GAChB;EACH,QACE,QAAO;GACL,OAAO,SAAS,qBAAqB;GACrC,YAAY,SAAS,2BAA2B;GAChD,cAAc;GACd,eAAe;GAChB;;;AAIP,MAAa,8BAA8B,UAAiB;AAC1D,SAAQ,OAAR;EACE,KAAKA,oBAAM,YACT,QAAO;GACL,OAAO;GACP,YAAY;GACZ,cAAc;GACd,iBAAiB;GACjB,YAAY;GACZ,aAAa;GACb,eAAe;GACf,kBAAkB;GACnB;EACH,QACE,QAAO;GACL,OAAO;GACP,YAAY;GACZ,cAAc;GACd,iBAAiB;GACjB,YAAY;GACZ,aAAa;GACb,eAAe;GACf,kBAAkB;GACnB"}

package/lib/{theme-DURvzYaJ.mjs → theme-DkV7kMq6.mjs}

@@ -35,4 +35,4 @@ const selectThemeStyle = (theme) => {
 
 //#endregion
 export { selectThemeStyle };
-//# sourceMappingURL=theme-DURvzYaJ.mjs.map
+//# sourceMappingURL=theme-DkV7kMq6.mjs.map

package/lib/{theme-DURvzYaJ.mjs.map → theme-DkV7kMq6.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"theme-DURvzYaJ.mjs","names":[],"sources":["../src/input/theme.ts"],"sourcesContent":["import { THEME, type Theme } from '../constants/theme'\n\nexport const selectThemeStyle = (theme: Theme) => {\n  switch (theme) {\n    case THEME.photography:\n      return {\n        bgColor: 'bg-opacity-white-08',\n        focusBgColor: 'focus:bg-gray-100',\n        desktopBgColor: 'desktop:bg-gray-100',\n        borderColor: 'border-supportive-pastel',\n        color: 'text-gray-800',\n        focusColor: 'focus:text-gray-800',\n        placeholderColor: '[&::placeholder]:text-gray-800',\n      }\n    case THEME.transparent:\n      return {\n        bgColor: 'bg-opacity-gray100-08',\n        focusBgColor: 'focus:bg-opacity-gray100-08',\n        desktopBgColor: 'desktop:bg-gray-white',\n        borderColor: 'border-gray-600',\n        color: 'text-gray-800',\n        focusColor: 'focus:text-gray-800',\n        placeholderColor: '[&::placeholder]:text-gray-500',\n      }\n    default:\n      return {\n        bgColor: 'bg-opacity-gray100-08',\n        focusBgColor: 'focus:bg-opacity-gray100-08',\n        desktopBgColor: 'desktop:bg-gray-white',\n        borderColor: 'border-gray-600',\n        color: 'text-gray-800',\n        focusColor: 'focus:text-gray-800',\n        placeholderColor: '[&::placeholder]:text-gray-500',\n      }\n  }\n}\n"],"mappings":";;;AAEA,MAAa,oBAAoB,UAAiB;AAChD,SAAQ,OAAR;EACE,KAAK,MAAM,YACT,QAAO;GACL,SAAS;GACT,cAAc;GACd,gBAAgB;GAChB,aAAa;GACb,OAAO;GACP,YAAY;GACZ,kBAAkB;GACnB;EACH,KAAK,MAAM,YACT,QAAO;GACL,SAAS;GACT,cAAc;GACd,gBAAgB;GAChB,aAAa;GACb,OAAO;GACP,YAAY;GACZ,kBAAkB;GACnB;EACH,QACE,QAAO;GACL,SAAS;GACT,cAAc;GACd,gBAAgB;GAChB,aAAa;GACb,OAAO;GACP,YAAY;GACZ,kBAAkB;GACnB"}
+{"version":3,"file":"theme-DkV7kMq6.mjs","names":[],"sources":["../src/input/theme.ts"],"sourcesContent":["import { THEME, type Theme } from '../constants/theme'\n\nexport const selectThemeStyle = (theme: Theme) => {\n  switch (theme) {\n    case THEME.photography:\n      return {\n        bgColor: 'bg-opacity-white-08',\n        focusBgColor: 'focus:bg-gray-100',\n        desktopBgColor: 'desktop:bg-gray-100',\n        borderColor: 'border-supportive-pastel',\n        color: 'text-gray-800',\n        focusColor: 'focus:text-gray-800',\n        placeholderColor: '[&::placeholder]:text-gray-800',\n      }\n    case THEME.transparent:\n      return {\n        bgColor: 'bg-opacity-gray100-08',\n        focusBgColor: 'focus:bg-opacity-gray100-08',\n        desktopBgColor: 'desktop:bg-gray-white',\n        borderColor: 'border-gray-600',\n        color: 'text-gray-800',\n        focusColor: 'focus:text-gray-800',\n        placeholderColor: '[&::placeholder]:text-gray-500',\n      }\n    default:\n      return {\n        bgColor: 'bg-opacity-gray100-08',\n        focusBgColor: 'focus:bg-opacity-gray100-08',\n        desktopBgColor: 'desktop:bg-gray-white',\n        borderColor: 'border-gray-600',\n        color: 'text-gray-800',\n        focusColor: 'focus:text-gray-800',\n        placeholderColor: '[&::placeholder]:text-gray-500',\n      }\n  }\n}\n"],"mappings":";;;AAEA,MAAa,oBAAoB,UAAiB;AAChD,SAAQ,OAAR;EACE,KAAK,MAAM,YACT,QAAO;GACL,SAAS;GACT,cAAc;GACd,gBAAgB;GAChB,aAAa;GACb,OAAO;GACP,YAAY;GACZ,kBAAkB;GACnB;EACH,KAAK,MAAM,YACT,QAAO;GACL,SAAS;GACT,cAAc;GACd,gBAAgB;GAChB,aAAa;GACb,OAAO;GACP,YAAY;GACZ,kBAAkB;GACnB;EACH,QACE,QAAO;GACL,SAAS;GACT,cAAc;GACd,gBAAgB;GAChB,aAAa;GACb,OAAO;GACP,YAAY;GACZ,kBAAkB;GACnB"}

package/lib/{theme-DKi2E2si.d.mts → theme-ECp4BKXJ.d.mts}

@@ -1,4 +1,4 @@
-import { ValuesOf } from "./index-CUE6zs36.mjs";
+import { ValuesOf } from "./index-HhQuz4hd.mjs";
 
 //#region src/constants/theme.d.ts
 declare const THEME: {
@@ -10,4 +10,4 @@ declare const THEME: {
 type Theme = ValuesOf<typeof THEME>;
 //#endregion
 export { THEME, Theme };
-//# sourceMappingURL=theme-DKi2E2si.d.mts.map
+//# sourceMappingURL=theme-ECp4BKXJ.d.mts.map

package/lib/theme-VVqGnnPq.js

@@ -0,0 +1,307 @@
+const require_constants = require('./constants-BmxSMOOn.js');
+const require_theme = require('./theme-DDBlIbeS.js');
+
+//#region src/button/components/pill-button/theme.ts
+const getFilledPillButtonTheme = (theme, disabled, style) => {
+	if (disabled) switch (theme) {
+		case require_theme.THEME.transparent: switch (style) {
+			case require_constants.STYLE.light: return {
+				color: "text-gray-white",
+				bgColor: "bg-gray-400",
+				hoverColor: "hover:text-gray-white",
+				hoverBgColor: "hover:bg-gray-400",
+				borderColor: "border-gray-400",
+				svgBgColor: "[&>svg]:bg-gray-white",
+				borderHoverColor: "hover:border-gray-400",
+				svgHoverBgColor: "hover:[&>svg]:bg-gray-white"
+			};
+			default: return {
+				color: "text-gray-700",
+				bgColor: "bg-gray-500",
+				hoverColor: "hover:text-gray-700",
+				hoverBgColor: "hover:bg-gray-500",
+				borderColor: "border-gray-500",
+				svgBgColor: "[&>svg]:bg-gray-700",
+				borderHoverColor: "hover:border-gray-500",
+				svgHoverBgColor: "hover:[&>svg]:bg-gray-500"
+			};
+		}
+		case require_theme.THEME.photography: return {
+			color: "text-gray-700",
+			bgColor: "bg-gray-500",
+			hoverColor: "hover:text-gray-700",
+			hoverBgColor: "hover:bg-gray-500",
+			borderColor: "border-gray-500",
+			svgBgColor: "[&>svg]:bg-gray-700",
+			borderHoverColor: "hover:border-gray-500",
+			svgHoverBgColor: "hover:[&>svg]:bg-gray-700"
+		};
+		default: return {
+			color: "text-gray-white",
+			bgColor: "bg-gray-400",
+			hoverColor: "hover:text-gray-white",
+			hoverBgColor: "hover:bg-gray-400",
+			borderColor: "border-gray-400",
+			svgBgColor: "[&>svg]:bg-gray-white",
+			borderHoverColor: "hover:border-gray-400",
+			svgHoverBgColor: "hover:[&>svg]:bg-gray-white"
+		};
+	}
+	switch (theme) {
+		case require_theme.THEME.photography: switch (style) {
+			case require_constants.STYLE.dark: return {
+				color: "text-photo-dark",
+				bgColor: "bg-gray-white",
+				hoverColor: "hover:text-photo-dark",
+				hoverBgColor: "hover:bg-gray-200",
+				borderColor: "border-gray-white",
+				svgBgColor: "[&>svg]:bg-photo-dark",
+				borderHoverColor: "hover:border-gray-200",
+				svgHoverBgColor: "hover:[&>svg]:bg-photo-dark"
+			};
+			case require_constants.STYLE.light: return {
+				color: "text-photo-dark",
+				bgColor: "bg-gray-300",
+				hoverColor: "hover:text-photo-dark",
+				hoverBgColor: "hover:bg-gray-400",
+				borderColor: "border-gray-300",
+				svgBgColor: "[&>svg]:bg-photo-dark",
+				borderHoverColor: "hover:border-gray-400",
+				svgHoverBgColor: "hover:[&>svg]:bg-photo-dark"
+			};
+			default: return {
+				color: "text-photo-dark",
+				bgColor: "bg-supportive-faded",
+				hoverColor: "hover:text-photo-dark",
+				hoverBgColor: "hover:bg-supportive-pastel",
+				borderColor: "border-supportive-faded",
+				svgBgColor: "[&>svg]:bg-photo-dark",
+				borderHoverColor: "hover:border-supportive-pastel",
+				svgHoverBgColor: "hover:[&>svg]:bg-photo-dark"
+			};
+		}
+		case require_theme.THEME.transparent: switch (style) {
+			case require_constants.STYLE.dark: return {
+				color: "text-gray-800",
+				bgColor: "bg-gray-300",
+				hoverColor: "hover:text-gray-800",
+				hoverBgColor: "hover:bg-gray-400",
+				borderColor: "border-gray-300",
+				svgBgColor: "[&>svg]:bg-gray-800",
+				borderHoverColor: "hover:border-gray-400",
+				svgHoverBgColor: "hover:[&>svg]:bg-gray-800"
+			};
+			case require_constants.STYLE.light: return {
+				color: "text-gray-white",
+				bgColor: "bg-gray-800",
+				hoverColor: "hover:text-gray-white",
+				hoverBgColor: "hover:bg-gray-black",
+				borderColor: "border-gray-800",
+				svgBgColor: "[&>svg]:bg-gray-white",
+				borderHoverColor: "hover:border-gray-black",
+				svgHoverBgColor: "hover:[&>svg]:bg-gray-white"
+			};
+			default: return {
+				color: "text-gray-800",
+				bgColor: "bg-gray-white",
+				hoverColor: "hover:text-gray-800",
+				hoverBgColor: "hover:bg-gray-200",
+				borderColor: "border-gray-white",
+				svgBgColor: "[&>svg]:bg-gray-800",
+				borderHoverColor: "hover:border-gray-200",
+				svgHoverBgColor: "hover:[&>svg]:bg-gray-800"
+			};
+		}
+		default: switch (style) {
+			case require_constants.STYLE.dark: return {
+				color: "text-gray-white",
+				bgColor: "bg-gray-800",
+				hoverColor: "hover:text-gray-white",
+				hoverBgColor: "hover:bg-gray-black",
+				borderColor: "border-gray-800",
+				svgBgColor: "[&>svg]:bg-gray-white",
+				borderHoverColor: "hover:border-gray-black",
+				svgHoverBgColor: "hover:[&>svg]:bg-gray-white"
+			};
+			case require_constants.STYLE.light: return {
+				color: "text-gray-800",
+				bgColor: "bg-gray-white",
+				hoverColor: "hover:text-gray-800",
+				hoverBgColor: "hover:bg-gray-200",
+				borderColor: "border-gray-white",
+				svgBgColor: "[&>svg]:bg-gray-800",
+				borderHoverColor: "hover:border-gray-200",
+				svgHoverBgColor: "hover:[&>svg]:bg-gray-800"
+			};
+			default: return {
+				color: "text-gray-white",
+				bgColor: "bg-brand-heavy",
+				hoverColor: "hover:text-gray-white",
+				hoverBgColor: "hover:bg-brand-dark",
+				borderColor: "border-brand-heavy",
+				svgBgColor: "[&>svg]:bg-gray-white",
+				borderHoverColor: "hover:border-brand-dark",
+				svgHoverBgColor: "hover:[&>svg]:bg-gray-white"
+			};
+		}
+	}
+};
+const getOutlinePillButtonTheme = (theme, disabled, style) => {
+	if (disabled) switch (theme) {
+		case require_theme.THEME.transparent: switch (style) {
+			case require_constants.STYLE.light: return {
+				color: "text-gray-400",
+				bgColor: "bg-gray-400",
+				hoverColor: "hover:text-gray-400",
+				hoverBgColor: "hover:bg-gray-400",
+				borderColor: "border-gray-400",
+				svgBgColor: "[&>svg]:bg-gray-400",
+				borderHoverColor: "hover:border-gray-400",
+				svgHoverBgColor: "hover:[&>svg]:bg-gray-400"
+			};
+			default: return {
+				color: "text-gray-500",
+				bgColor: "bg-gray-500",
+				hoverColor: "hover:text-gray-500",
+				hoverBgColor: "hover:bg-gray-500",
+				borderColor: "border-gray-500",
+				svgBgColor: "[&>svg]:bg-gray-500",
+				borderHoverColor: "hover:border-gray-500",
+				svgHoverBgColor: "hover:[&>svg]:bg-gray-500"
+			};
+		}
+		case require_theme.THEME.photography: return {
+			color: "text-gray-500",
+			bgColor: "bg-gray-500",
+			hoverColor: "hover:text-gray-500",
+			hoverBgColor: "hover:bg-gray-500",
+			borderColor: "border-gray-500",
+			svgBgColor: "[&>svg]:bg-gray-500",
+			borderHoverColor: "hover:border-gray-500",
+			svgHoverBgColor: "hover:[&>svg]:bg-gray-500"
+		};
+		default: return {
+			color: "text-gray-400",
+			bgColor: "bg-gray-400",
+			hoverColor: "hover:text-gray-400",
+			hoverBgColor: "hover:bg-gray-400",
+			borderColor: "border-gray-400",
+			svgBgColor: "[&>svg]:bg-gray-400",
+			borderHoverColor: "hover:border-gray-400",
+			svgHoverBgColor: "hover:[&>svg]:bg-gray-400"
+		};
+	}
+	switch (theme) {
+		case require_theme.THEME.photography: switch (style) {
+			case require_constants.STYLE.dark: return {
+				color: "text-gray-white",
+				bgColor: "bg-gray-white",
+				hoverColor: "hover:text-gray-200",
+				hoverBgColor: "hover:bg-gray-200",
+				borderColor: "border-gray-white",
+				svgBgColor: "[&>svg]:bg-gray-white",
+				borderHoverColor: "hover:border-gray-200",
+				svgHoverBgColor: "hover:[&>svg]:bg-gray-200"
+			};
+			case require_constants.STYLE.light: return {
+				color: "text-gray-300",
+				bgColor: "bg-gray-300",
+				hoverColor: "hover:text-gray-400",
+				hoverBgColor: "hover:bg-gray-400",
+				borderColor: "border-gray-300",
+				svgBgColor: "[&>svg]:bg-gray-300",
+				borderHoverColor: "hover:border-gray-400",
+				svgHoverBgColor: "hover:[&>svg]:bg-gray-400"
+			};
+			default: return {
+				color: "text-supportive-faded",
+				bgColor: "bg-supportive-faded",
+				hoverColor: "hover:text-supportive-pastel",
+				hoverBgColor: "hover:bg-supportive-pastel",
+				borderColor: "border-supportive-faded",
+				svgBgColor: "[&>svg]:bg-supportive-faded",
+				borderHoverColor: "hover:border-supportive-pastel",
+				svgHoverBgColor: "hover:[&>svg]:bg-supportive-pastel"
+			};
+		}
+		case require_theme.THEME.transparent: switch (style) {
+			case require_constants.STYLE.dark: return {
+				color: "text-gray-300",
+				bgColor: "bg-gray-300",
+				hoverColor: "hover:text-gray-400",
+				hoverBgColor: "hover:bg-gray-400",
+				borderColor: "border-gray-300",
+				svgBgColor: "[&>svg]:bg-gray-300",
+				borderHoverColor: "hover:border-gray-400",
+				svgHoverBgColor: "hover:[&>svg]:bg-gray-400"
+			};
+			case require_constants.STYLE.light: return {
+				color: "text-gray-800",
+				bgColor: "bg-gray-800",
+				hoverColor: "hover:text-gray-black",
+				hoverBgColor: "hover:bg-gray-black",
+				borderColor: "border-gray-800",
+				svgBgColor: "[&>svg]:bg-gray-800",
+				borderHoverColor: "hover:border-gray-black",
+				svgHoverBgColor: "hover:[&>svg]:bg-gray-black"
+			};
+			default: return {
+				color: "text-gray-white",
+				bgColor: "bg-gray-white",
+				hoverColor: "hover:text-gray-200",
+				hoverBgColor: "hover:bg-gray-200",
+				borderColor: "border-gray-white",
+				svgBgColor: "[&>svg]:bg-gray-white",
+				borderHoverColor: "hover:border-gray-200",
+				svgHoverBgColor: "hover:[&>svg]:bg-gray-200"
+			};
+		}
+		default: switch (style) {
+			case require_constants.STYLE.dark: return {
+				color: "text-gray-800",
+				bgColor: "bg-gray-800",
+				hoverColor: "hover:text-gray-black",
+				hoverBgColor: "hover:bg-gray-black",
+				borderColor: "border-gray-800",
+				svgBgColor: "[&>svg]:bg-gray-800",
+				borderHoverColor: "hover:border-gray-black",
+				svgHoverBgColor: "hover:[&>svg]:bg-gray-black"
+			};
+			case require_constants.STYLE.light: return {
+				color: "text-gray-800",
+				bgColor: "bg-gray-white",
+				hoverColor: "hover:text-gray-800",
+				hoverBgColor: "hover:bg-gray-200",
+				borderColor: "border-gray-white",
+				svgBgColor: "[&>svg]:bg-gray-800",
+				borderHoverColor: "hover:border-gray-200",
+				svgHoverBgColor: "hover:[&>svg]:bg-gray-800"
+			};
+			default: return {
+				color: "text-brand-heavy",
+				bgColor: "bg-brand-heavy",
+				hoverColor: "hover:text-brand-dark",
+				hoverBgColor: "hover:bg-brand-dark",
+				borderColor: "border-brand-heavy",
+				svgBgColor: "[&>svg]:bg-brand-heavy",
+				borderHoverColor: "hover:border-brand-dark",
+				svgHoverBgColor: "hover:[&>svg]:bg-brand-dark"
+			};
+		}
+	}
+};
+
+//#endregion
+Object.defineProperty(exports, 'getFilledPillButtonTheme', {
+  enumerable: true,
+  get: function () {
+    return getFilledPillButtonTheme;
+  }
+});
+Object.defineProperty(exports, 'getOutlinePillButtonTheme', {
+  enumerable: true,
+  get: function () {
+    return getOutlinePillButtonTheme;
+  }
+});
+//# sourceMappingURL=theme-VVqGnnPq.js.map

package/lib/theme-VVqGnnPq.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-VVqGnnPq.js","names":["THEME","STYLE"],"sources":["../src/button/components/pill-button/theme.ts"],"sourcesContent":["import { THEME, type Theme } from '../../../constants/theme'\nimport { STYLE, type Style } from '../../constants'\n\nexport const getFilledPillButtonTheme = (\n  theme: Theme,\n  disabled: boolean,\n  style: Style\n) => {\n  if (disabled) {\n    switch (theme) {\n      case THEME.transparent:\n        switch (style) {\n          case STYLE.light:\n            return {\n              color: 'text-gray-white',\n              bgColor: 'bg-gray-400',\n              hoverColor: 'hover:text-gray-white',\n              hoverBgColor: 'hover:bg-gray-400',\n              borderColor: 'border-gray-400',\n              svgBgColor: '[&>svg]:bg-gray-white',\n              borderHoverColor: 'hover:border-gray-400',\n              svgHoverBgColor: 'hover:[&>svg]:bg-gray-white',\n            }\n          default:\n            return {\n              color: 'text-gray-700',\n              bgColor: 'bg-gray-500',\n              hoverColor: 'hover:text-gray-700',\n              hoverBgColor: 'hover:bg-gray-500',\n              borderColor: 'border-gray-500',\n              svgBgColor: '[&>svg]:bg-gray-700',\n              borderHoverColor: 'hover:border-gray-500',\n              svgHoverBgColor: 'hover:[&>svg]:bg-gray-500',\n            }\n        }\n      case THEME.photography:\n        return {\n          color: 'text-gray-700',\n          bgColor: 'bg-gray-500',\n          hoverColor: 'hover:text-gray-700',\n          hoverBgColor: 'hover:bg-gray-500',\n          borderColor: 'border-gray-500',\n          svgBgColor: '[&>svg]:bg-gray-700',\n          borderHoverColor: 'hover:border-gray-500',\n          svgHoverBgColor: 'hover:[&>svg]:bg-gray-700',\n        }\n      default:\n        return {\n          color: 'text-gray-white',\n          bgColor: 'bg-gray-400',\n          hoverColor: 'hover:text-gray-white',\n          hoverBgColor: 'hover:bg-gray-400',\n          borderColor: 'border-gray-400',\n          svgBgColor: '[&>svg]:bg-gray-white',\n          borderHoverColor: 'hover:border-gray-400',\n          svgHoverBgColor: 'hover:[&>svg]:bg-gray-white',\n        }\n    }\n  }\n  switch (theme) {\n    case THEME.photography:\n      switch (style) {\n        case STYLE.dark:\n          return {\n            color: 'text-photo-dark',\n            bgColor: 'bg-gray-white',\n            hoverColor: 'hover:text-photo-dark',\n            hoverBgColor: 'hover:bg-gray-200',\n            borderColor: 'border-gray-white',\n            svgBgColor: '[&>svg]:bg-photo-dark',\n            borderHoverColor: 'hover:border-gray-200',\n            svgHoverBgColor: 'hover:[&>svg]:bg-photo-dark',\n          }\n        case STYLE.light:\n          return {\n            color: 'text-photo-dark',\n            bgColor: 'bg-gray-300',\n            hoverColor: 'hover:text-photo-dark',\n            hoverBgColor: 'hover:bg-gray-400',\n            borderColor: 'border-gray-300',\n            svgBgColor: '[&>svg]:bg-photo-dark',\n            borderHoverColor: 'hover:border-gray-400',\n            svgHoverBgColor: 'hover:[&>svg]:bg-photo-dark',\n          }\n        default:\n          return {\n            color: 'text-photo-dark',\n            bgColor: 'bg-supportive-faded',\n            hoverColor: 'hover:text-photo-dark',\n            hoverBgColor: 'hover:bg-supportive-pastel',\n            borderColor: 'border-supportive-faded',\n            svgBgColor: '[&>svg]:bg-photo-dark',\n            borderHoverColor: 'hover:border-supportive-pastel',\n            svgHoverBgColor: 'hover:[&>svg]:bg-photo-dark',\n          }\n      }\n    case THEME.transparent:\n      switch (style) {\n        case STYLE.dark:\n          return {\n            color: 'text-gray-800',\n            bgColor: 'bg-gray-300',\n            hoverColor: 'hover:text-gray-800',\n            hoverBgColor: 'hover:bg-gray-400',\n            borderColor: 'border-gray-300',\n            svgBgColor: '[&>svg]:bg-gray-800',\n            borderHoverColor: 'hover:border-gray-400',\n            svgHoverBgColor: 'hover:[&>svg]:bg-gray-800',\n          }\n        case STYLE.light:\n          return {\n            color: 'text-gray-white',\n            bgColor: 'bg-gray-800',\n            hoverColor: 'hover:text-gray-white',\n            hoverBgColor: 'hover:bg-gray-black',\n            borderColor: 'border-gray-800',\n            svgBgColor: '[&>svg]:bg-gray-white',\n            borderHoverColor: 'hover:border-gray-black',\n            svgHoverBgColor: 'hover:[&>svg]:bg-gray-white',\n          }\n        default:\n          return {\n            color: 'text-gray-800',\n            bgColor: 'bg-gray-white',\n            hoverColor: 'hover:text-gray-800',\n            hoverBgColor: 'hover:bg-gray-200',\n            borderColor: 'border-gray-white',\n            svgBgColor: '[&>svg]:bg-gray-800',\n            borderHoverColor: 'hover:border-gray-200',\n            svgHoverBgColor: 'hover:[&>svg]:bg-gray-800',\n          }\n      }\n    default:\n      switch (style) {\n        case STYLE.dark:\n          return {\n            color: 'text-gray-white',\n            bgColor: 'bg-gray-800',\n            hoverColor: 'hover:text-gray-white',\n            hoverBgColor: 'hover:bg-gray-black',\n            borderColor: 'border-gray-800',\n            svgBgColor: '[&>svg]:bg-gray-white',\n            borderHoverColor: 'hover:border-gray-black',\n            svgHoverBgColor: 'hover:[&>svg]:bg-gray-white',\n          }\n        case STYLE.light:\n          return {\n            color: 'text-gray-800',\n            bgColor: 'bg-gray-white',\n            hoverColor: 'hover:text-gray-800',\n            hoverBgColor: 'hover:bg-gray-200',\n            borderColor: 'border-gray-white',\n            svgBgColor: '[&>svg]:bg-gray-800',\n            borderHoverColor: 'hover:border-gray-200',\n            svgHoverBgColor: 'hover:[&>svg]:bg-gray-800',\n          }\n        default:\n          return {\n            color: 'text-gray-white',\n            bgColor: 'bg-brand-heavy',\n            hoverColor: 'hover:text-gray-white',\n            hoverBgColor: 'hover:bg-brand-dark',\n            borderColor: 'border-brand-heavy',\n            svgBgColor: '[&>svg]:bg-gray-white',\n            borderHoverColor: 'hover:border-brand-dark',\n            svgHoverBgColor: 'hover:[&>svg]:bg-gray-white',\n          }\n      }\n  }\n}\n\nexport const getOutlinePillButtonTheme = (\n  theme: Theme,\n  disabled: boolean,\n  style: Style\n) => {\n  if (disabled) {\n    switch (theme) {\n      case THEME.transparent:\n        switch (style) {\n          case STYLE.light:\n            return {\n              color: 'text-gray-400',\n              bgColor: 'bg-gray-400',\n              hoverColor: 'hover:text-gray-400',\n              hoverBgColor: 'hover:bg-gray-400',\n              borderColor: 'border-gray-400',\n              svgBgColor: '[&>svg]:bg-gray-400',\n              borderHoverColor: 'hover:border-gray-400',\n              svgHoverBgColor: 'hover:[&>svg]:bg-gray-400',\n            }\n          default:\n            return {\n              color: 'text-gray-500',\n              bgColor: 'bg-gray-500',\n              hoverColor: 'hover:text-gray-500',\n              hoverBgColor: 'hover:bg-gray-500',\n              borderColor: 'border-gray-500',\n              svgBgColor: '[&>svg]:bg-gray-500',\n              borderHoverColor: 'hover:border-gray-500',\n              svgHoverBgColor: 'hover:[&>svg]:bg-gray-500',\n            }\n        }\n      case THEME.photography:\n        return {\n          color: 'text-gray-500',\n          bgColor: 'bg-gray-500',\n          hoverColor: 'hover:text-gray-500',\n          hoverBgColor: 'hover:bg-gray-500',\n          borderColor: 'border-gray-500',\n          svgBgColor: '[&>svg]:bg-gray-500',\n          borderHoverColor: 'hover:border-gray-500',\n          svgHoverBgColor: 'hover:[&>svg]:bg-gray-500',\n        }\n      default:\n        return {\n          color: 'text-gray-400',\n          bgColor: 'bg-gray-400',\n          hoverColor: 'hover:text-gray-400',\n          hoverBgColor: 'hover:bg-gray-400',\n          borderColor: 'border-gray-400',\n          svgBgColor: '[&>svg]:bg-gray-400',\n          borderHoverColor: 'hover:border-gray-400',\n          svgHoverBgColor: 'hover:[&>svg]:bg-gray-400',\n        }\n    }\n  }\n\n  switch (theme) {\n    case THEME.photography:\n      switch (style) {\n        case STYLE.dark:\n          return {\n            color: 'text-gray-white',\n            bgColor: 'bg-gray-white',\n            hoverColor: 'hover:text-gray-200',\n            hoverBgColor: 'hover:bg-gray-200',\n            borderColor: 'border-gray-white',\n            svgBgColor: '[&>svg]:bg-gray-white',\n            borderHoverColor: 'hover:border-gray-200',\n            svgHoverBgColor: 'hover:[&>svg]:bg-gray-200',\n          }\n        case STYLE.light:\n          return {\n            color: 'text-gray-300',\n            bgColor: 'bg-gray-300',\n            hoverColor: 'hover:text-gray-400',\n            hoverBgColor: 'hover:bg-gray-400',\n            borderColor: 'border-gray-300',\n            svgBgColor: '[&>svg]:bg-gray-300',\n            borderHoverColor: 'hover:border-gray-400',\n            svgHoverBgColor: 'hover:[&>svg]:bg-gray-400',\n          }\n        default:\n          return {\n            color: 'text-supportive-faded',\n            bgColor: 'bg-supportive-faded',\n            hoverColor: 'hover:text-supportive-pastel',\n            hoverBgColor: 'hover:bg-supportive-pastel',\n            borderColor: 'border-supportive-faded',\n            svgBgColor: '[&>svg]:bg-supportive-faded',\n            borderHoverColor: 'hover:border-supportive-pastel',\n            svgHoverBgColor: 'hover:[&>svg]:bg-supportive-pastel',\n          }\n      }\n    case THEME.transparent:\n      switch (style) {\n        case STYLE.dark:\n          return {\n            color: 'text-gray-300',\n            bgColor: 'bg-gray-300',\n            hoverColor: 'hover:text-gray-400',\n            hoverBgColor: 'hover:bg-gray-400',\n            borderColor: 'border-gray-300',\n            svgBgColor: '[&>svg]:bg-gray-300',\n            borderHoverColor: 'hover:border-gray-400',\n            svgHoverBgColor: 'hover:[&>svg]:bg-gray-400',\n          }\n        case STYLE.light:\n          return {\n            color: 'text-gray-800',\n            bgColor: 'bg-gray-800',\n            hoverColor: 'hover:text-gray-black',\n            hoverBgColor: 'hover:bg-gray-black',\n            borderColor: 'border-gray-800',\n            svgBgColor: '[&>svg]:bg-gray-800',\n            borderHoverColor: 'hover:border-gray-black',\n            svgHoverBgColor: 'hover:[&>svg]:bg-gray-black',\n          }\n        default:\n          return {\n            color: 'text-gray-white',\n            bgColor: 'bg-gray-white',\n            hoverColor: 'hover:text-gray-200',\n            hoverBgColor: 'hover:bg-gray-200',\n            borderColor: 'border-gray-white',\n            svgBgColor: '[&>svg]:bg-gray-white',\n            borderHoverColor: 'hover:border-gray-200',\n            svgHoverBgColor: 'hover:[&>svg]:bg-gray-200',\n          }\n      }\n    default:\n      switch (style) {\n        case STYLE.dark:\n          return {\n            color: 'text-gray-800',\n            bgColor: 'bg-gray-800',\n            hoverColor: 'hover:text-gray-black',\n            hoverBgColor: 'hover:bg-gray-black',\n            borderColor: 'border-gray-800',\n            svgBgColor: '[&>svg]:bg-gray-800',\n            borderHoverColor: 'hover:border-gray-black',\n            svgHoverBgColor: 'hover:[&>svg]:bg-gray-black',\n          }\n        case STYLE.light:\n          return {\n            color: 'text-gray-800',\n            bgColor: 'bg-gray-white',\n            hoverColor: 'hover:text-gray-800',\n            hoverBgColor: 'hover:bg-gray-200',\n            borderColor: 'border-gray-white',\n            svgBgColor: '[&>svg]:bg-gray-800',\n            borderHoverColor: 'hover:border-gray-200',\n            svgHoverBgColor: 'hover:[&>svg]:bg-gray-800',\n          }\n        default:\n          return {\n            color: 'text-brand-heavy',\n            bgColor: 'bg-brand-heavy',\n            hoverColor: 'hover:text-brand-dark',\n            hoverBgColor: 'hover:bg-brand-dark',\n            borderColor: 'border-brand-heavy',\n            svgBgColor: '[&>svg]:bg-brand-heavy',\n            borderHoverColor: 'hover:border-brand-dark',\n            svgHoverBgColor: 'hover:[&>svg]:bg-brand-dark',\n          }\n      }\n  }\n}\n"],"mappings":"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"}