npm - @razorpay/blade - Versions diffs - 10.23.5 → 11.0.0 - Mend

@razorpay/blade 10.23.5 → 11.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (874) hide show

package/build/lib/web/production/tokens/theme/createTheme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"createTheme.js","sources":["../../../../../../src/tokens/theme/createTheme.ts"],"sourcesContent":["import tinycolor from 'tinycolor2';\nimport type { WCAG2Options, ColorInput } from 'tinycolor2';\nimport type { ThemeTokens } from './theme';\nimport overrideTheme from './overrideTheme';\nimport paymentTheme from './paymentTheme';\nimport { colors as globalColors, opacity } from '~tokens/global';\nimport type { ColorChromaticScale } from '~tokens/global/colors';\nimport { throwBladeError } from '~utils/logger';\nimport type { DeepPartial } from '~utils/isPartialMatchObjectKeys';\n\n// WCAG2ContrastOptions are the options used to determine if a color is readable\nconst WCAG2ContrastOptions: WCAG2Options = {\n level: 'AAA',\n size: 'large',\n};\n\n/*\n getColorWithOpacity\n * @param color - The color to add opacity to\n * @param opacity - The opacity to add to the color\n * @returns The color with the opacity added\n * @example\n * getColorWithOpacity('#fff', 0.5) // returns 'hsla(0, 0%, 100%, 0.5)'\n \n /\nconst getColorWithOpacity = (color: ColorInput, opacity: number): string => {\n return tinycolor(color).setAlpha(opacity).toHslString();\n};\n\n/\n \n * @description\n * Generates a chromatic color palette based on the base color passed in.\n * The base color is used to generate a palette of 11 colors, 5 shades lighter and 5 shades darker than the base color.\n * @param baseColorInput - The base color to generate the chromatic color palette from in hex, rgb, or hsl format\n * @returns Array of chromatic color palette\n /\nconst generateChromaticBrandColors = (baseColorInput: ColorInput): ColorChromaticScale => {\n const baseColor = tinycolor(baseColorInput);\n const baseColorHslString = baseColor.toHslString();\n if (__DEV__) {\n if (!baseColor.isValid()) {\n throwBladeError({\n message: 'Invalid brandColor passed',\n moduleName: 'createTheme',\n });\n }\n }\n\n const palette = [baseColorHslString]; // Include the original color\n const brightness = tinycolor(baseColor).getBrightness();\n // Determine how much to lighten or darken the colors depending on the brightness of the base color\n const lightnessFactor = brightness > 150 ? 3 : 6;\n const darknessFactor = brightness < 50 ? 3 : 5;\n\n let currentColor = baseColor;\n\n // Generate shades lighter\n for (let lightShadeIndex = 0; lightShadeIndex < 6; lightShadeIndex++) {\n currentColor = currentColor.brighten(lightnessFactor);\n palette.push(currentColor.toHslString());\n }\n\n currentColor = tinycolor(baseColorHslString); // Reset to the base color\n\n // Generate shades darker\n for (let darkShadeIndex = 0; darkShadeIndex < 4; darkShadeIndex++) {\n currentColor = currentColor.darken(darknessFactor);\n palette.unshift(currentColor.toHslString()); // Add shades at the beginning of the palette\n }\n\n const colorPalette = palette.reverse();\n const brandPrimaryColor = colorPalette[6];\n\n const brandColors = {\n '50': colorPalette[0],\n '100': colorPalette[1],\n '200': colorPalette[2],\n '300': colorPalette[3],\n '400': colorPalette[4],\n '500': colorPalette[5],\n '600': brandPrimaryColor,\n '700': colorPalette[7],\n '800': colorPalette[8],\n '900': colorPalette[9],\n '950': colorPalette[10],\n a00: getColorWithOpacity(brandPrimaryColor, opacity[0]),\n a50: getColorWithOpacity(brandPrimaryColor, opacity[1]),\n a100: getColorWithOpacity(brandPrimaryColor, opacity[2]),\n a200: getColorWithOpacity(brandPrimaryColor, opacity[3]),\n };\n\n return brandColors;\n};\n\n/\n \n * @param brandColors - The brand colors to use to override the light theme\n * @description Returns overrides for the light theme with the brand colors passed in\n * @returns Overrides for the light theme with the custom brand colors\n /\nconst getOnLightOverrides = (brandColors: ColorChromaticScale): DeepPartial<ThemeTokens> => {\n // Select the most readable color to use as the foreground color on top of brand color\n // For example: On Primary Button where the background color is brand color, the text color should be either dark or light depending on which is more readable on top of that brand color\n const foregroundOnBrandColorLight = tinycolor\n .mostReadable(\n brandColors[800],\n [globalColors.neutral.blueGrayLight[1300], globalColors.neutral.blueGrayLight[0]],\n WCAG2ContrastOptions,\n )\n .toHslString();\n\n // Select the most readable color to use as the foreground color on top of surface color\n // For example: On Secondary Button where the background color is surface color, the text color should be either the brand color or dark color depending on which is more readable on top of that surface color\n const foregroundOnSurfaceLight = tinycolor.isReadable(\n globalColors.neutral.blueGrayLight[50],\n brandColors[600],\n WCAG2ContrastOptions,\n )\n ? brandColors[600]\n : globalColors.neutral.blueGrayLight[1100];\n\n // Overrides for the light theme with the brand colors passed in\n const lightThemeOverrides = {\n colors: {\n onLight: {\n brand: {\n primary: {\n 300: brandColors.a50,\n 400: brandColors.a100,\n 500: brandColors[600],\n 600: brandColors[700],\n 700: brandColors[800],\n 800: brandColors[950],\n },\n gray: {\n 200: {\n lowContrast: foregroundOnBrandColorLight,\n },\n },\n },\n action: {\n background: {\n primary: {\n default: brandColors[600],\n hover: brandColors[700],\n focus: brandColors[800],\n active: brandColors[900],\n },\n secondary: {\n default: brandColors.a00,\n hover: brandColors.a50,\n focus: brandColors.a100,\n active: brandColors.a200,\n },\n tertiary: {\n default: globalColors.neutral.blueGrayLight[0],\n hover: globalColors.neutral.blueGrayLight[50],\n focus: globalColors.neutral.blueGrayLight[100],\n active: globalColors.neutral.blueGrayLight[200],\n },\n },\n border: {\n primary: {\n default: brandColors[600],\n hover: brandColors[700],\n focus: brandColors[800],\n active: brandColors[900],\n },\n secondary: {\n default: brandColors[600],\n hover: brandColors[600],\n focus: brandColors[600],\n active: brandColors[600],\n },\n tertiary: {\n default: globalColors.neutral.blueGrayLight[300],\n hover: globalColors.neutral.blueGrayLight[300],\n focus: globalColors.neutral.blueGrayLight[300],\n active: globalColors.neutral.blueGrayLight[300],\n },\n },\n text: {\n primary: {\n default: foregroundOnBrandColorLight,\n hover: foregroundOnBrandColorLight,\n focus: foregroundOnBrandColorLight,\n active: foregroundOnBrandColorLight,\n },\n secondary: {\n default: foregroundOnSurfaceLight,\n hover: foregroundOnSurfaceLight,\n focus: foregroundOnSurfaceLight,\n active: foregroundOnSurfaceLight,\n },\n },\n icon: {\n primary: {\n default: foregroundOnBrandColorLight,\n hover: foregroundOnBrandColorLight,\n focus: foregroundOnBrandColorLight,\n active: foregroundOnBrandColorLight,\n },\n secondary: {\n default: foregroundOnSurfaceLight,\n hover: foregroundOnSurfaceLight,\n focus: foregroundOnSurfaceLight,\n active: foregroundOnSurfaceLight,\n },\n },\n },\n },\n },\n };\n\n return lightThemeOverrides;\n};\n\n/\n \n * @param brandColors - The brand colors to use to override the dark theme\n * @description Returns overrides for the dark theme with the brand colors passed in\n * @returns Overrides for the dark theme with the custom brand colors\n /\nconst getOnDarkOverrides = (brandColors: ColorChromaticScale): DeepPartial<ThemeTokens> => {\n // Select the most readable color to use as the foreground color on top of brand color\n // For example: On Primary Button where the background color is brand color, the text color should be either dark or light depending on which is more readable on top of that brand color\n const foregroundOnBrandColorDark = tinycolor\n .mostReadable(\n brandColors[800],\n [globalColors.neutral.blueGrayDark[800], globalColors.neutral.blueGrayDark[0]],\n WCAG2ContrastOptions,\n )\n .toHslString();\n\n // Select the most readable color to use as the foreground color on top of surface color\n // For example: On Secondary Button where the background color is surface color, the text color should be either the brand color or light color depending on which is more readable on top of that surface color\n const foregroundOnSurfaceDark = tinycolor.isReadable(\n globalColors.neutral.blueGrayDark[1100],\n brandColors[400],\n WCAG2ContrastOptions,\n )\n ? brandColors[400]\n : globalColors.neutral.blueGrayDark[0];\n\n // Overrides for the dark theme with the brand colors passed in\n const darkThemeOverrides = {\n colors: {\n onDark: {\n brand: {\n primary: {\n 300: brandColors.a100,\n 400: brandColors.a200,\n 500: brandColors[400],\n 600: brandColors[500],\n 700: brandColors[600],\n 800: brandColors[900],\n },\n gray: {\n 200: {\n lowContrast: foregroundOnBrandColorDark,\n },\n },\n },\n action: {\n background: {\n primary: {\n default: brandColors[500],\n hover: brandColors[600],\n focus: brandColors[700],\n active: brandColors[800],\n },\n secondary: {\n default: brandColors.a00,\n hover: brandColors.a50,\n focus: brandColors.a100,\n active: brandColors.a200,\n },\n },\n border: {\n primary: {\n default: brandColors[500],\n hover: brandColors[600],\n focus: brandColors[700],\n active: brandColors[800],\n },\n secondary: {\n default: brandColors[400],\n hover: brandColors[400],\n focus: brandColors[400],\n active: brandColors[400],\n },\n },\n text: {\n primary: {\n default: foregroundOnBrandColorDark,\n hover: foregroundOnBrandColorDark,\n focus: foregroundOnBrandColorDark,\n active: foregroundOnBrandColorDark,\n },\n secondary: {\n default: foregroundOnSurfaceDark,\n hover: foregroundOnSurfaceDark,\n focus: foregroundOnSurfaceDark,\n active: foregroundOnSurfaceDark,\n },\n },\n icon: {\n primary: {\n default: foregroundOnBrandColorDark,\n hover: foregroundOnBrandColorDark,\n focus: foregroundOnBrandColorDark,\n active: foregroundOnBrandColorDark,\n },\n secondary: {\n default: foregroundOnSurfaceDark,\n hover: foregroundOnSurfaceDark,\n focus: foregroundOnSurfaceDark,\n active: foregroundOnSurfaceDark,\n },\n },\n },\n },\n },\n };\n\n return darkThemeOverrides;\n};\n\n/\n @param {Object} themeConfig - The brand color and overrides to apply to the theme\n * @param {string} themeConfig.brandColor - The brand color to use to generate the theme. Can be in hex, rgb, or hsl format.\n * @description\n * Creates a Blade Theme based on the custom brand color\n * @returns The Theme Tokens with the custom brand colors\n * @example\n * const theme = createTheme({ brandColor: '#19BEA2'})\n **/\nexport const createTheme = ({ brandColor }: { brandColor: ColorInput }): ThemeTokens => {\n const chromaticBrandColors = generateChromaticBrandColors(brandColor);\n // Get onLight overrides\n const brandedLightTheme = getOnLightOverrides(chromaticBrandColors);\n // Get onDark overrides\n const brandedDarkTheme = getOnDarkOverrides(chromaticBrandColors);\n\n // Override the payment theme with the brand colors\n const brandedThemeTokens = overrideTheme({\n baseThemeTokens: paymentTheme,\n overrides: {\n name: `custom-${tinycolor(brandColor).toHex()}`,\n colors: {\n onLight: {\n ...brandedLightTheme?.colors?.onLight,\n },\n onDark: {\n ...brandedDarkTheme?.colors?.onDark,\n },\n },\n },\n });\n\n return brandedThemeTokens;\n};\n"],"names":["WCAG2ContrastOptions","level","size","getColorWithOpacity","color","opacity","tinycolor","setAlpha","toHslString","generateChromaticBrandColors","baseColorInput","baseColor","baseColorHslString","isValid","throwBladeError","message","moduleName","palette","brightness","getBrightness","lightnessFactor","darknessFactor","currentColor","lightShadeIndex","brighten","push","darkShadeIndex","darken","unshift","colorPalette","reverse","brandPrimaryColor","brandColors","a00","a50","a100","a200","getOnLightOverrides","foregroundOnBrandColorLight","mostReadable","globalColors","neutral","blueGrayLight","foregroundOnSurfaceLight","isReadable","lightThemeOverrides","colors","onLight","brand","primary","gray","lowContrast","action","background","hover","focus","active","secondary","tertiary","border","text","icon","getOnDarkOverrides","foregroundOnBrandColorDark","blueGrayDark","foregroundOnSurfaceDark","darkThemeOverrides","onDark","createTheme","_ref","_brandedLightTheme$co","_brandedDarkTheme$col","brandColor","chromaticBrandColors","brandedLightTheme","brandedDarkTheme","brandedThemeTokens","overrideTheme","baseThemeTokens","paymentTheme","overrides","name","concat","toHex","_objectSpread"],"mappings":";;;;;;;;;;;;AAUA;AACA,IAAMA,oBAAkC,GAAG;AACzCC,EAAAA,KAAK,EAAE,KAAK;AACZC,EAAAA,IAAI,EAAE,OAAA;AACR,CAAC,CAAA;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIC,KAAiB,EAAEC,OAAe,EAAa;AAC1E,EAAA,OAAOC,SAAS,CAACF,KAAK,CAAC,CAACG,QAAQ,CAACF,OAAO,CAAC,CAACG,WAAW,EAAE,CAAA;AACzD,CAAC,CAAA;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMC,4BAA4B,GAAG,SAA/BA,4BAA4BA,CAAIC,cAA0B,EAA0B;AACxF,EAAA,IAAMC,SAAS,GAAGL,SAAS,CAACI,cAAc,CAAC,CAAA;AAC3C,EAAA,IAAME,kBAAkB,GAAGD,SAAS,CAACH,WAAW,EAAE,CAAA;AAClD,EAAA,IAAI,KAAO,EAAE;AACX,IAAA,IAAI,CAACG,SAAS,CAACE,OAAO,EAAE,EAAE;AACxBC,MAAAA,eAAe,CAAC;AACdC,QAAAA,OAAO,EAAE,2BAA2B;AACpCC,QAAAA,UAAU,EAAE,aAAA;AACd,OAAC,CAAC,CAAA;AACJ,KAAA;AACF,GAAA;AAEA,EAAA,IAAMC,OAAO,GAAG,CAACL,kBAAkB,CAAC,CAAC;EACrC,IAAMM,UAAU,GAAGZ,SAAS,CAACK,SAAS,CAAC,CAACQ,aAAa,EAAE,CAAA;AACvD;EACA,IAAMC,eAAe,GAAGF,UAAU,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,CAAA;EAChD,IAAMG,cAAc,GAAGH,UAAU,GAAG,EAAE,GAAG,CAAC,GAAG,CAAC,CAAA;EAE9C,IAAII,YAAY,GAAGX,SAAS,CAAA;;AAE5B;EACA,KAAK,IAAIY,eAAe,GAAG,CAAC,EAAEA,eAAe,GAAG,CAAC,EAAEA,eAAe,EAAE,EAAE;AACpED,IAAAA,YAAY,GAAGA,YAAY,CAACE,QAAQ,CAACJ,eAAe,CAAC,CAAA;IACrDH,OAAO,CAACQ,IAAI,CAACH,YAAY,CAACd,WAAW,EAAE,CAAC,CAAA;AAC1C,GAAA;AAEAc,EAAAA,YAAY,GAAGhB,SAAS,CAACM,kBAAkB,CAAC,CAAC;;AAE7C;EACA,KAAK,IAAIc,cAAc,GAAG,CAAC,EAAEA,cAAc,GAAG,CAAC,EAAEA,cAAc,EAAE,EAAE;AACjEJ,IAAAA,YAAY,GAAGA,YAAY,CAACK,MAAM,CAACN,cAAc,CAAC,CAAA;IAClDJ,OAAO,CAACW,OAAO,CAACN,YAAY,CAACd,WAAW,EAAE,CAAC,CAAC;AAC9C,GAAA;;AAEA,EAAA,IAAMqB,YAAY,GAAGZ,OAAO,CAACa,OAAO,EAAE,CAAA;AACtC,EAAA,IAAMC,iBAAiB,GAAGF,YAAY,CAAC,CAAC,CAAC,CAAA;AAEzC,EAAA,IAAMG,WAAW,GAAG;AAClB,IAAA,IAAI,EAAEH,YAAY,CAAC,CAAC,CAAC;AACrB,IAAA,KAAK,EAAEA,YAAY,CAAC,CAAC,CAAC;AACtB,IAAA,KAAK,EAAEA,YAAY,CAAC,CAAC,CAAC;AACtB,IAAA,KAAK,EAAEA,YAAY,CAAC,CAAC,CAAC;AACtB,IAAA,KAAK,EAAEA,YAAY,CAAC,CAAC,CAAC;AACtB,IAAA,KAAK,EAAEA,YAAY,CAAC,CAAC,CAAC;AACtB,IAAA,KAAK,EAAEE,iBAAiB;AACxB,IAAA,KAAK,EAAEF,YAAY,CAAC,CAAC,CAAC;AACtB,IAAA,KAAK,EAAEA,YAAY,CAAC,CAAC,CAAC;AACtB,IAAA,KAAK,EAAEA,YAAY,CAAC,CAAC,CAAC;AACtB,IAAA,KAAK,EAAEA,YAAY,CAAC,EAAE,CAAC;IACvBI,GAAG,EAAE9B,mBAAmB,CAAC4B,iBAAiB,EAAE1B,OAAO,CAAC,CAAC,CAAC,CAAC;IACvD6B,GAAG,EAAE/B,mBAAmB,CAAC4B,iBAAiB,EAAE1B,OAAO,CAAC,CAAC,CAAC,CAAC;IACvD8B,IAAI,EAAEhC,mBAAmB,CAAC4B,iBAAiB,EAAE1B,OAAO,CAAC,CAAC,CAAC,CAAC;IACxD+B,IAAI,EAAEjC,mBAAmB,CAAC4B,iBAAiB,EAAE1B,OAAO,CAAC,CAAC,CAAC,CAAA;GACxD,CAAA;AAED,EAAA,OAAO2B,WAAW,CAAA;AACpB,CAAC,CAAA;;AAED;AACA;AACA;AACA;AACA;AACA;AACA,IAAMK,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIL,WAAgC,EAA+B;AAC1F;AACA;AACA,EAAA,IAAMM,2BAA2B,GAAGhC,SAAS,CAC1CiC,YAAY,CACXP,WAAW,CAAC,GAAG,CAAC,EAChB,CAACQ,MAAY,CAACC,OAAO,CAACC,aAAa,CAAC,IAAI,CAAC,EAAEF,MAAY,CAACC,OAAO,CAACC,aAAa,CAAC,CAAC,CAAC,CAAC,EACjF1C,oBACF,CAAC,CACAQ,WAAW,EAAE,CAAA;;AAEhB;AACA;AACA,EAAA,IAAMmC,wBAAwB,GAAGrC,SAAS,CAACsC,UAAU,CACnDJ,MAAY,CAACC,OAAO,CAACC,aAAa,CAAC,EAAE,CAAC,EACtCV,WAAW,CAAC,GAAG,CAAC,EAChBhC,oBACF,CAAC,GACGgC,WAAW,CAAC,GAAG,CAAC,GAChBQ,MAAY,CAACC,OAAO,CAACC,aAAa,CAAC,IAAI,CAAC,CAAA;;AAE5C;AACA,EAAA,IAAMG,mBAAmB,GAAG;AAC1BC,IAAAA,MAAM,EAAE;AACNC,MAAAA,OAAO,EAAE;AACPC,QAAAA,KAAK,EAAE;AACLC,UAAAA,OAAO,EAAE;YACP,GAAG,EAAEjB,WAAW,CAACE,GAAG;YACpB,GAAG,EAAEF,WAAW,CAACG,IAAI;AACrB,YAAA,GAAG,EAAEH,WAAW,CAAC,GAAG,CAAC;AACrB,YAAA,GAAG,EAAEA,WAAW,CAAC,GAAG,CAAC;AACrB,YAAA,GAAG,EAAEA,WAAW,CAAC,GAAG,CAAC;YACrB,GAAG,EAAEA,WAAW,CAAC,GAAG,CAAA;WACrB;AACDkB,UAAAA,IAAI,EAAE;AACJ,YAAA,GAAG,EAAE;AACHC,cAAAA,WAAW,EAAEb,2BAAAA;AACf,aAAA;AACF,WAAA;SACD;AACDc,QAAAA,MAAM,EAAE;AACNC,UAAAA,UAAU,EAAE;AACVJ,YAAAA,OAAO,EAAE;cACP,SAASjB,EAAAA,WAAW,CAAC,GAAG,CAAC;AACzBsB,cAAAA,KAAK,EAAEtB,WAAW,CAAC,GAAG,CAAC;AACvBuB,cAAAA,KAAK,EAAEvB,WAAW,CAAC,GAAG,CAAC;cACvBwB,MAAM,EAAExB,WAAW,CAAC,GAAG,CAAA;aACxB;AACDyB,YAAAA,SAAS,EAAE;cACT,SAASzB,EAAAA,WAAW,CAACC,GAAG;cACxBqB,KAAK,EAAEtB,WAAW,CAACE,GAAG;cACtBqB,KAAK,EAAEvB,WAAW,CAACG,IAAI;cACvBqB,MAAM,EAAExB,WAAW,CAACI,IAAAA;aACrB;AACDsB,YAAAA,QAAQ,EAAE;AACR,cAAA,SAAA,EAASlB,MAAY,CAACC,OAAO,CAACC,aAAa,CAAC,CAAC,CAAC;cAC9CY,KAAK,EAAEd,MAAY,CAACC,OAAO,CAACC,aAAa,CAAC,EAAE,CAAC;cAC7Ca,KAAK,EAAEf,MAAY,CAACC,OAAO,CAACC,aAAa,CAAC,GAAG,CAAC;AAC9Cc,cAAAA,MAAM,EAAEhB,MAAY,CAACC,OAAO,CAACC,aAAa,CAAC,GAAG,CAAA;AAChD,aAAA;WACD;AACDiB,UAAAA,MAAM,EAAE;AACNV,YAAAA,OAAO,EAAE;cACP,SAASjB,EAAAA,WAAW,CAAC,GAAG,CAAC;AACzBsB,cAAAA,KAAK,EAAEtB,WAAW,CAAC,GAAG,CAAC;AACvBuB,cAAAA,KAAK,EAAEvB,WAAW,CAAC,GAAG,CAAC;cACvBwB,MAAM,EAAExB,WAAW,CAAC,GAAG,CAAA;aACxB;AACDyB,YAAAA,SAAS,EAAE;cACT,SAASzB,EAAAA,WAAW,CAAC,GAAG,CAAC;AACzBsB,cAAAA,KAAK,EAAEtB,WAAW,CAAC,GAAG,CAAC;AACvBuB,cAAAA,KAAK,EAAEvB,WAAW,CAAC,GAAG,CAAC;cACvBwB,MAAM,EAAExB,WAAW,CAAC,GAAG,CAAA;aACxB;AACD0B,YAAAA,QAAQ,EAAE;AACR,cAAA,SAAA,EAASlB,MAAY,CAACC,OAAO,CAACC,aAAa,CAAC,GAAG,CAAC;cAChDY,KAAK,EAAEd,MAAY,CAACC,OAAO,CAACC,aAAa,CAAC,GAAG,CAAC;cAC9Ca,KAAK,EAAEf,MAAY,CAACC,OAAO,CAACC,aAAa,CAAC,GAAG,CAAC;AAC9Cc,cAAAA,MAAM,EAAEhB,MAAY,CAACC,OAAO,CAACC,aAAa,CAAC,GAAG,CAAA;AAChD,aAAA;WACD;AACDkB,UAAAA,IAAI,EAAE;AACJX,YAAAA,OAAO,EAAE;AACP,cAAA,SAAA,EAASX,2BAA2B;AACpCgB,cAAAA,KAAK,EAAEhB,2BAA2B;AAClCiB,cAAAA,KAAK,EAAEjB,2BAA2B;AAClCkB,cAAAA,MAAM,EAAElB,2BAAAA;aACT;AACDmB,YAAAA,SAAS,EAAE;AACT,cAAA,SAAA,EAASd,wBAAwB;AACjCW,cAAAA,KAAK,EAAEX,wBAAwB;AAC/BY,cAAAA,KAAK,EAAEZ,wBAAwB;AAC/Ba,cAAAA,MAAM,EAAEb,wBAAAA;AACV,aAAA;WACD;AACDkB,UAAAA,IAAI,EAAE;AACJZ,YAAAA,OAAO,EAAE;AACP,cAAA,SAAA,EAASX,2BAA2B;AACpCgB,cAAAA,KAAK,EAAEhB,2BAA2B;AAClCiB,cAAAA,KAAK,EAAEjB,2BAA2B;AAClCkB,cAAAA,MAAM,EAAElB,2BAAAA;aACT;AACDmB,YAAAA,SAAS,EAAE;AACT,cAAA,SAAA,EAASd,wBAAwB;AACjCW,cAAAA,KAAK,EAAEX,wBAAwB;AAC/BY,cAAAA,KAAK,EAAEZ,wBAAwB;AAC/Ba,cAAAA,MAAM,EAAEb,wBAAAA;AACV,aAAA;AACF,WAAA;AACF,SAAA;AACF,OAAA;AACF,KAAA;GACD,CAAA;AAED,EAAA,OAAOE,mBAAmB,CAAA;AAC5B,CAAC,CAAA;;AAED;AACA;AACA;AACA;AACA;AACA;AACA,IAAMiB,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAI9B,WAAgC,EAA+B;AACzF;AACA;AACA,EAAA,IAAM+B,0BAA0B,GAAGzD,SAAS,CACzCiC,YAAY,CACXP,WAAW,CAAC,GAAG,CAAC,EAChB,CAACQ,MAAY,CAACC,OAAO,CAACuB,YAAY,CAAC,GAAG,CAAC,EAAExB,MAAY,CAACC,OAAO,CAACuB,YAAY,CAAC,CAAC,CAAC,CAAC,EAC9EhE,oBACF,CAAC,CACAQ,WAAW,EAAE,CAAA;;AAEhB;AACA;AACA,EAAA,IAAMyD,uBAAuB,GAAG3D,SAAS,CAACsC,UAAU,CAClDJ,MAAY,CAACC,OAAO,CAACuB,YAAY,CAAC,IAAI,CAAC,EACvChC,WAAW,CAAC,GAAG,CAAC,EAChBhC,oBACF,CAAC,GACGgC,WAAW,CAAC,GAAG,CAAC,GAChBQ,MAAY,CAACC,OAAO,CAACuB,YAAY,CAAC,CAAC,CAAC,CAAA;;AAExC;AACA,EAAA,IAAME,kBAAkB,GAAG;AACzBpB,IAAAA,MAAM,EAAE;AACNqB,MAAAA,MAAM,EAAE;AACNnB,QAAAA,KAAK,EAAE;AACLC,UAAAA,OAAO,EAAE;YACP,GAAG,EAAEjB,WAAW,CAACG,IAAI;YACrB,GAAG,EAAEH,WAAW,CAACI,IAAI;AACrB,YAAA,GAAG,EAAEJ,WAAW,CAAC,GAAG,CAAC;AACrB,YAAA,GAAG,EAAEA,WAAW,CAAC,GAAG,CAAC;AACrB,YAAA,GAAG,EAAEA,WAAW,CAAC,GAAG,CAAC;YACrB,GAAG,EAAEA,WAAW,CAAC,GAAG,CAAA;WACrB;AACDkB,UAAAA,IAAI,EAAE;AACJ,YAAA,GAAG,EAAE;AACHC,cAAAA,WAAW,EAAEY,0BAAAA;AACf,aAAA;AACF,WAAA;SACD;AACDX,QAAAA,MAAM,EAAE;AACNC,UAAAA,UAAU,EAAE;AACVJ,YAAAA,OAAO,EAAE;cACP,SAASjB,EAAAA,WAAW,CAAC,GAAG,CAAC;AACzBsB,cAAAA,KAAK,EAAEtB,WAAW,CAAC,GAAG,CAAC;AACvBuB,cAAAA,KAAK,EAAEvB,WAAW,CAAC,GAAG,CAAC;cACvBwB,MAAM,EAAExB,WAAW,CAAC,GAAG,CAAA;aACxB;AACDyB,YAAAA,SAAS,EAAE;cACT,SAASzB,EAAAA,WAAW,CAACC,GAAG;cACxBqB,KAAK,EAAEtB,WAAW,CAACE,GAAG;cACtBqB,KAAK,EAAEvB,WAAW,CAACG,IAAI;cACvBqB,MAAM,EAAExB,WAAW,CAACI,IAAAA;AACtB,aAAA;WACD;AACDuB,UAAAA,MAAM,EAAE;AACNV,YAAAA,OAAO,EAAE;cACP,SAASjB,EAAAA,WAAW,CAAC,GAAG,CAAC;AACzBsB,cAAAA,KAAK,EAAEtB,WAAW,CAAC,GAAG,CAAC;AACvBuB,cAAAA,KAAK,EAAEvB,WAAW,CAAC,GAAG,CAAC;cACvBwB,MAAM,EAAExB,WAAW,CAAC,GAAG,CAAA;aACxB;AACDyB,YAAAA,SAAS,EAAE;cACT,SAASzB,EAAAA,WAAW,CAAC,GAAG,CAAC;AACzBsB,cAAAA,KAAK,EAAEtB,WAAW,CAAC,GAAG,CAAC;AACvBuB,cAAAA,KAAK,EAAEvB,WAAW,CAAC,GAAG,CAAC;cACvBwB,MAAM,EAAExB,WAAW,CAAC,GAAG,CAAA;AACzB,aAAA;WACD;AACD4B,UAAAA,IAAI,EAAE;AACJX,YAAAA,OAAO,EAAE;AACP,cAAA,SAAA,EAASc,0BAA0B;AACnCT,cAAAA,KAAK,EAAES,0BAA0B;AACjCR,cAAAA,KAAK,EAAEQ,0BAA0B;AACjCP,cAAAA,MAAM,EAAEO,0BAAAA;aACT;AACDN,YAAAA,SAAS,EAAE;AACT,cAAA,SAAA,EAASQ,uBAAuB;AAChCX,cAAAA,KAAK,EAAEW,uBAAuB;AAC9BV,cAAAA,KAAK,EAAEU,uBAAuB;AAC9BT,cAAAA,MAAM,EAAES,uBAAAA;AACV,aAAA;WACD;AACDJ,UAAAA,IAAI,EAAE;AACJZ,YAAAA,OAAO,EAAE;AACP,cAAA,SAAA,EAASc,0BAA0B;AACnCT,cAAAA,KAAK,EAAES,0BAA0B;AACjCR,cAAAA,KAAK,EAAEQ,0BAA0B;AACjCP,cAAAA,MAAM,EAAEO,0BAAAA;aACT;AACDN,YAAAA,SAAS,EAAE;AACT,cAAA,SAAA,EAASQ,uBAAuB;AAChCX,cAAAA,KAAK,EAAEW,uBAAuB;AAC9BV,cAAAA,KAAK,EAAEU,uBAAuB;AAC9BT,cAAAA,MAAM,EAAES,uBAAAA;AACV,aAAA;AACF,WAAA;AACF,SAAA;AACF,OAAA;AACF,KAAA;GACD,CAAA;AAED,EAAA,OAAOC,kBAAkB,CAAA;AAC3B,CAAC,CAAA;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;IACaE,WAAW,GAAG,SAAdA,WAAWA,CAAAC,IAAA,EAAgE;EAAA,IAAAC,qBAAA,EAAAC,qBAAA,CAAA;AAAA,EAAA,IAA1DC,UAAU,GAAAH,IAAA,CAAVG,UAAU,CAAA;AACtC,EAAA,IAAMC,oBAAoB,GAAGhE,4BAA4B,CAAC+D,UAAU,CAAC,CAAA;AACrE;AACA,EAAA,IAAME,iBAAiB,GAAGrC,mBAAmB,CAACoC,oBAAoB,CAAC,CAAA;AACnE;AACA,EAAA,IAAME,gBAAgB,GAAGb,kBAAkB,CAACW,oBAAoB,CAAC,CAAA;;AAEjE;EACA,IAAMG,kBAAkB,GAAGC,aAAa,CAAC;AACvCC,IAAAA,eAAe,EAAEC,YAAY;AAC7BC,IAAAA,SAAS,EAAE;MACTC,IAAI,EAAA,SAAA,CAAAC,MAAA,CAAY5E,SAAS,CAACkE,UAAU,CAAC,CAACW,KAAK,EAAE,CAAE;AAC/CrC,MAAAA,MAAM,EAAE;AACNC,QAAAA,OAAO,EAAAqC,aAAA,CAAA,EAAA,EACFV,iBAAiB,KAAjBA,IAAAA,IAAAA,iBAAiB,wBAAAJ,qBAAA,GAAjBI,iBAAiB,CAAE5B,MAAM,MAAAwB,IAAAA,IAAAA,qBAAA,uBAAzBA,qBAAA,CAA2BvB,OAAO,CACtC;AACDoB,QAAAA,MAAM,EAAAiB,aAAA,CAAA,EAAA,EACDT,gBAAgB,KAAA,IAAA,IAAhBA,gBAAgB,KAAAJ,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,CAAAA,qBAAA,GAAhBI,gBAAgB,CAAE7B,MAAM,MAAA,IAAA,IAAAyB,qBAAA,KAAxBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,qBAAA,CAA0BJ,MAAM,CAAA;AAEvC,OAAA;AACF,KAAA;AACF,GAAC,CAAC,CAAA;AAEF,EAAA,OAAOS,kBAAkB,CAAA;AAC3B;;;;"}
1	+ {"version":3,"file":"createTheme.js","sources":["../../../../../../src/tokens/theme/createTheme.ts"],"sourcesContent":["import tinycolor from 'tinycolor2';\nimport type { WCAG2Options, ColorInput } from 'tinycolor2';\nimport type { ThemeTokens } from './theme';\nimport overrideTheme from './overrideTheme';\nimport bladeTheme from './bladeTheme';\nimport { colors as globalColors, opacity } from '~tokens/global';\nimport type { ColorChromaticScale } from '~tokens/global/colors';\nimport { throwBladeError } from '~utils/logger';\nimport type { DeepPartial } from '~utils/isPartialMatchObjectKeys';\n\n// WCAG2ContrastOptions are the options used to determine if a color is readable\nconst WCAG2ContrastOptions: WCAG2Options = {\n level: 'AAA',\n size: 'large',\n};\n\n/*\n getColorWithOpacity\n * @param color - The color to add opacity to\n * @param opacity - The opacity to add to the color\n * @returns The color with the opacity added\n * @example\n * getColorWithOpacity('#fff', 0.5) // returns 'hsla(0, 0%, 100%, 0.5)'\n \n /\nconst getColorWithOpacity = (color: ColorInput, opacity: number): string => {\n return tinycolor(color).setAlpha(opacity).toHslString();\n};\n\n/\n \n * @description\n * Generates a chromatic color palette based on the base color passed in.\n * The base color is used to generate a palette of 11 colors, 5 shades lighter and 5 shades darker than the base color.\n * @param baseColorInput - The base color to generate the chromatic color palette from in hex, rgb, or hsl format\n * @returns Array of chromatic color palette\n /\nconst generateChromaticBrandColors = (baseColorInput: ColorInput): ColorChromaticScale => {\n const baseColor = tinycolor(baseColorInput);\n const baseColorHslString = baseColor.toHslString();\n if (__DEV__) {\n if (!baseColor.isValid()) {\n throwBladeError({\n message: 'Invalid brandColor passed',\n moduleName: 'createTheme',\n });\n }\n }\n\n const palette = [baseColorHslString]; // Include the original color\n const brightness = tinycolor(baseColor).getBrightness();\n // Determine how much to lighten or darken the colors depending on the brightness of the base color\n const lightnessFactor = brightness > 150 ? 3 : 6;\n const darknessFactor = brightness < 50 ? 3 : 5;\n\n let currentColor = baseColor;\n\n // Generate shades lighter\n for (let lightShadeIndex = 0; lightShadeIndex < 6; lightShadeIndex++) {\n currentColor = currentColor.brighten(lightnessFactor);\n palette.push(currentColor.toHslString());\n }\n\n currentColor = tinycolor(baseColorHslString); // Reset to the base color\n\n // Generate shades darker\n for (let darkShadeIndex = 0; darkShadeIndex < 4; darkShadeIndex++) {\n currentColor = currentColor.darken(darknessFactor);\n palette.unshift(currentColor.toHslString()); // Add shades at the beginning of the palette\n }\n\n const colorPalette = palette.reverse();\n const brandPrimaryColor = colorPalette[6];\n\n const brandColors: ColorChromaticScale = {\n '50': colorPalette[0],\n '100': colorPalette[1],\n '200': colorPalette[2],\n '300': colorPalette[3],\n '400': colorPalette[4],\n '500': colorPalette[5],\n '600': brandPrimaryColor,\n '700': colorPalette[7],\n '800': colorPalette[8],\n '900': colorPalette[9],\n '1000': colorPalette[10],\n a50: getColorWithOpacity(brandPrimaryColor, opacity[1]),\n a150: getColorWithOpacity(brandPrimaryColor, opacity[1]),\n a100: getColorWithOpacity(brandPrimaryColor, opacity[2]),\n a200: getColorWithOpacity(brandPrimaryColor, opacity[3]),\n };\n\n return brandColors;\n};\n\n/\n \n * @param brandColors - The brand colors to use to override the light theme\n * @description Returns overrides for the light theme with the brand colors passed in\n * @returns Overrides for the light theme with the custom brand colors\n /\nconst getOnLightOverrides = (\n brandColors: ColorChromaticScale,\n): DeepPartial<ThemeTokens['colors']['onLight']> => {\n // Select the most readable color to use as the foreground color on top of surface color\n // For example: On Secondary Button where the background color is surface color, the text color should be either the brand color or dark color depending on which is more readable on top of that surface color\n const foregroundOnSurface = tinycolor.isReadable(\n globalColors.neutral.blueGrayLight[50],\n brandColors[600],\n WCAG2ContrastOptions,\n )\n ? brandColors[600]\n : globalColors.neutral.blueGrayLight[1100];\n\n const foregroundOnBrand = tinycolor\n .mostReadable(\n brandColors[900],\n [globalColors.neutral.white[500], globalColors.neutral.black[500]],\n WCAG2ContrastOptions,\n )\n .toHslString();\n\n // Overrides for the light theme with the brand colors passed in\n const lightThemeOverrides: DeepPartial<ThemeTokens['colors']['onLight']> = {\n interactive: {\n background: {\n primary: {\n default: brandColors[600],\n highlighted: brandColors[700],\n disabled: brandColors.a100,\n faded: brandColors.a100,\n fadedHighlighted: brandColors.a150,\n },\n },\n border: {\n primary: {\n default: brandColors[600],\n highlighted: brandColors[700],\n disabled: brandColors.a100,\n faded: brandColors.a100,\n },\n },\n text: {\n primary: {\n normal: foregroundOnSurface,\n disabled: foregroundOnSurface,\n muted: foregroundOnSurface,\n subtle: foregroundOnSurface,\n },\n onPrimary: {\n normal: foregroundOnBrand,\n disabled: foregroundOnBrand,\n muted: foregroundOnBrand,\n subtle: foregroundOnBrand,\n },\n },\n icon: {\n primary: {\n normal: foregroundOnSurface,\n disabled: foregroundOnSurface,\n muted: foregroundOnSurface,\n subtle: foregroundOnSurface,\n },\n onPrimary: {\n normal: foregroundOnBrand,\n disabled: foregroundOnBrand,\n muted: foregroundOnBrand,\n subtle: foregroundOnBrand,\n },\n },\n },\n surface: {\n background: {\n primary: {\n intense: brandColors[600],\n subtle: brandColors[200],\n },\n },\n icon: {\n primary: {\n normal: brandColors[600],\n },\n },\n },\n };\n\n return lightThemeOverrides;\n};\n\n/\n \n * @param brandColors - The brand colors to use to override the dark theme\n * @description Returns overrides for the dark theme with the brand colors passed in\n * @returns Overrides for the dark theme with the custom brand colors\n /\nconst getOnDarkOverrides = (\n brandColors: ColorChromaticScale,\n): DeepPartial<ThemeTokens['colors']['onDark']> => {\n // Select the most readable color to use as the foreground color on top of surface color\n // For example: On Secondary Button where the background color is surface color, the text color should be either the brand color or dark color depending on which is more readable on top of that surface color\n const foregroundOnSurface = tinycolor.isReadable(\n globalColors.neutral.blueGrayDark[1100],\n brandColors[400],\n WCAG2ContrastOptions,\n )\n ? brandColors[400]\n : globalColors.neutral.blueGrayDark[0];\n\n const foregroundOnBrand = tinycolor\n .mostReadable(\n brandColors[900],\n [globalColors.neutral.white[500], globalColors.neutral.black[500]],\n WCAG2ContrastOptions,\n )\n .toHslString();\n\n // Overrides for the dark theme with the brand colors passed in\n const darkThemeOverrides: DeepPartial<ThemeTokens['colors']['onDark']> = {\n interactive: {\n background: {\n primary: {\n default: brandColors[600],\n highlighted: brandColors[700],\n disabled: brandColors.a100,\n faded: brandColors.a100,\n fadedHighlighted: brandColors.a150,\n },\n },\n border: {\n primary: {\n default: brandColors[600],\n highlighted: brandColors[700],\n disabled: brandColors.a100,\n faded: brandColors.a100,\n },\n },\n text: {\n primary: {\n normal: foregroundOnSurface,\n disabled: foregroundOnSurface,\n muted: foregroundOnSurface,\n subtle: foregroundOnSurface,\n },\n onPrimary: {\n normal: foregroundOnBrand,\n disabled: foregroundOnBrand,\n muted: foregroundOnBrand,\n subtle: foregroundOnBrand,\n },\n },\n icon: {\n primary: {\n normal: foregroundOnSurface,\n disabled: foregroundOnSurface,\n muted: foregroundOnSurface,\n subtle: foregroundOnSurface,\n },\n onPrimary: {\n normal: foregroundOnBrand,\n disabled: foregroundOnBrand,\n muted: foregroundOnBrand,\n subtle: foregroundOnBrand,\n },\n },\n },\n surface: {\n background: {\n primary: {\n intense: brandColors[600],\n subtle: brandColors[200],\n },\n },\n icon: {\n primary: {\n normal: brandColors[600],\n },\n },\n },\n };\n\n return darkThemeOverrides;\n};\n\n/\n @param {Object} themeConfig - The brand color and overrides to apply to the theme\n * @param {string} themeConfig.brandColor - The brand color to use to generate the theme. Can be in hex, rgb, or hsl format.\n * @description\n * Creates a Blade Theme based on the custom brand color\n * @returns The Theme Tokens with the custom brand colors\n * @example\n * const theme = createTheme({ brandColor: '#19BEA2'})\n **/\nexport const createTheme = ({ brandColor }: { brandColor: ColorInput }): ThemeTokens => {\n const chromaticBrandColors = generateChromaticBrandColors(brandColor);\n // Get onLight overrides\n const brandedLightTheme = getOnLightOverrides(chromaticBrandColors);\n // Get onDark overrides\n const brandedDarkTheme = getOnDarkOverrides(chromaticBrandColors);\n // Override the payment theme with the brand colors\n const brandedThemeTokens = overrideTheme({\n baseThemeTokens: bladeTheme,\n overrides: {\n name: `custom-${tinycolor(brandColor).toHex()}`,\n colors: {\n onLight: {\n ...brandedLightTheme,\n },\n onDark: {\n ...brandedDarkTheme,\n },\n },\n },\n });\n\n return brandedThemeTokens;\n};\n"],"names":["WCAG2ContrastOptions","level","size","getColorWithOpacity","color","opacity","tinycolor","setAlpha","toHslString","generateChromaticBrandColors","baseColorInput","baseColor","baseColorHslString","isValid","throwBladeError","message","moduleName","palette","brightness","getBrightness","lightnessFactor","darknessFactor","currentColor","lightShadeIndex","brighten","push","darkShadeIndex","darken","unshift","colorPalette","reverse","brandPrimaryColor","brandColors","a50","a150","a100","a200","getOnLightOverrides","foregroundOnSurface","isReadable","globalColors","neutral","blueGrayLight","foregroundOnBrand","mostReadable","white","black","lightThemeOverrides","interactive","background","primary","highlighted","disabled","faded","fadedHighlighted","border","text","normal","muted","subtle","onPrimary","icon","surface","intense","getOnDarkOverrides","blueGrayDark","darkThemeOverrides","createTheme","_ref","brandColor","chromaticBrandColors","brandedLightTheme","brandedDarkTheme","brandedThemeTokens","overrideTheme","baseThemeTokens","bladeTheme","overrides","name","concat","toHex","colors","onLight","_objectSpread","onDark"],"mappings":"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"}

package/build/lib/web/production/tokens/theme/index.js CHANGED Viewed

@@ -1,5 +1,4 @@
-export { default as paymentTheme } from './paymentTheme.js';
-export { default as bankingTheme } from './bankingTheme.js';
+export { default as bladeTheme } from './bladeTheme.js';
 export { default as overrideTheme } from './overrideTheme.js';
 export { createTheme } from './createTheme.js';
 //# sourceMappingURL=index.js.map

package/build/lib/web/production/tokens/theme/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"~~;;;~~"}
1	+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/build/lib/web/production/tokens/theme/overrideTheme.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import paymentTheme from './paymentTheme.js';
-import cloneDeep from '../../utils/lodashButBetter/cloneDeep.js';
+import bladeTheme from './bladeTheme.js';
 import '../../utils/lodashButBetter/merge.js';
+import cloneDeep from '../../utils/lodashButBetter/cloneDeep.js';
 import '../../utils/hasSameObjectStructure/index.js';
 import '../../utils/isPartialMatchObjectKeys/index.js';
 import '../../utils/logger/index.js';
@@ -20,7 +20,7 @@ import merge from 'ts-deepmerge';
  * @example
  * ```tsx
  * const customTheme = overrideTheme({
- *   baseThemeTokens: paymentTheme, // theme to override
+ *   baseThemeTokens: bladeTheme, // theme to override
  *   overrides: {
  *     colors: {
  *       onLight: {
@@ -41,7 +41,7 @@ var overrideTheme = function overrideTheme(_ref) {
   var baseThemeTokens = _ref.baseThemeTokens,
     overrides = _ref.overrides;
   if (false) {
-    if (!hasSameObjectStructure(baseThemeTokens, paymentTheme)) {
+    if (!hasSameObjectStructure(baseThemeTokens, bladeTheme)) {
       throwBladeError({
         message: 'The base theme provided is not a valid Blade theme',
         moduleName: 'overrideTheme'

package/build/lib/web/production/tokens/theme/overrideTheme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"overrideTheme.js","sources":["../../../../../../src/tokens/theme/overrideTheme.ts"],"sourcesContent":["import ~~paymentTheme~~ from './~~paymentTheme~~';\nimport type { ThemeTokens } from './theme';\nimport ~~cloneDeep~~ from '~utils/lodashButBetter/~~cloneDeep~~';\nimport ~~merge~~ from '~utils/lodashButBetter/~~merge~~';\nimport { hasSameObjectStructure } from '~utils/hasSameObjectStructure';\nimport type { ObjectWithKeys } from '~utils/hasSameObjectStructure';\nimport { isPartialMatchObjectKeys } from '~utils/isPartialMatchObjectKeys';\nimport type { DeepPartial } from '~utils/isPartialMatchObjectKeys';\nimport { throwBladeError } from '~utils/logger';\n\ntype OverrideTheme = {\n /*\n base tokens\n /\n baseThemeTokens: ThemeTokens;\n /\n partial theme tokens\n /\n overrides: DeepPartial<ThemeTokens>;\n};\n\n/\n @deprecated Use `createTheme` from `@razorpay/blade/tokens` instead\n \n @description\n \n `overrideTheme` merges the `baseThemeTokens` and `overrides` and returns a new ThemeTokens object,\n * which you can pass into BladeProvider.\n \n @example\n * ```tsx\n * const customTheme = overrideTheme({\n * baseThemeTokens: ~~paymentTheme~~, // theme to override\n * overrides: {\n * colors: {\n * onLight: {\n * brand: {\n * primary: {\n * '500': 'hsla(222, 100%, 96%, 1)',\n * },\n * },\n * },\n * },\n * },\n * });\n \n <BladeProvider themeTokens={customTheme} />\n * ```\n */\nconst overrideTheme = ({ baseThemeTokens, overrides }: OverrideTheme): ThemeTokens => {\n if (__DEV__) {\n if (\n !hasSameObjectStructure(\n (baseThemeTokens as unknown) as ObjectWithKeys,\n (~~paymentTheme~~ as unknown) as ObjectWithKeys,\n )\n ) {\n throwBladeError({\n message: 'The base theme provided is not a valid Blade theme',\n moduleName: 'overrideTheme',\n });\n }\n\n if (\n !isPartialMatchObjectKeys<ThemeTokens>({\n objectToMatch: overrides,\n objectToInspect: baseThemeTokens,\n })\n ) {\n throwBladeError({\n message: 'The overrides object is not valid',\n moduleName: 'overrideTheme',\n });\n }\n }\n\n // Need to clone before merging since merge changes/mutates the actual object\n return merge(cloneDeep(baseThemeTokens), overrides) as ThemeTokens;\n};\n\nexport default overrideTheme;\n"],"names":["overrideTheme","_ref","baseThemeTokens","overrides","hasSameObjectStructure","~~paymentTheme~~","throwBladeError","message","moduleName","isPartialMatchObjectKeys","objectToMatch","objectToInspect","merge","cloneDeep"],"mappings":";;;;;;;;;;;AAqBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMA,aAAa,GAAG,SAAhBA,aAAaA,CAAAC,IAAA,EAAmE;AAAA,EAAA,IAA7DC,eAAe,GAAAD,IAAA,CAAfC,eAAe;IAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS,CAAA;AACjD,EAAA,IAAI,KAAO,EAAE;AACX,IAAA,IACE,CAACC,sBAAsB,CACpBF,eAAe,EACfG,~~YACH~~,CAAC,EACD;AACAC,MAAAA,eAAe,CAAC;AACdC,QAAAA,OAAO,EAAE,oDAAoD;AAC7DC,QAAAA,UAAU,EAAE,eAAA;AACd,OAAC,CAAC,CAAA;AACJ,KAAA;IAEA,IACE,CAACC,wBAAwB,CAAc;AACrCC,MAAAA,aAAa,EAAEP,SAAS;AACxBQ,MAAAA,eAAe,EAAET,eAAAA;AACnB,KAAC,CAAC,EACF;AACAI,MAAAA,eAAe,CAAC;AACdC,QAAAA,OAAO,EAAE,mCAAmC;AAC5CC,QAAAA,UAAU,EAAE,eAAA;AACd,OAAC,CAAC,CAAA;AACJ,KAAA;AACF,GAAA;;AAEA;EACA,OAAOI,KAAK,CAACC,SAAS,CAACX,eAAe,CAAC,EAAEC,SAAS,CAAC,CAAA;AACrD;;;;"}
1	+ {"version":3,"file":"overrideTheme.js","sources":["../../../../../../src/tokens/theme/overrideTheme.ts"],"sourcesContent":["import bladeTheme from './bladeTheme';\nimport type { ThemeTokens } from './theme';\nimport merge from '~utils/lodashButBetter/merge';\nimport cloneDeep from '~utils/lodashButBetter/cloneDeep';\nimport { hasSameObjectStructure } from '~utils/hasSameObjectStructure';\nimport type { ObjectWithKeys } from '~utils/hasSameObjectStructure';\nimport { isPartialMatchObjectKeys } from '~utils/isPartialMatchObjectKeys';\nimport type { DeepPartial } from '~utils/isPartialMatchObjectKeys';\nimport { throwBladeError } from '~utils/logger';\n\ntype OverrideTheme = {\n /*\n base tokens\n /\n baseThemeTokens: ThemeTokens;\n /\n partial theme tokens\n /\n overrides: DeepPartial<ThemeTokens>;\n};\n\n/\n @deprecated Use `createTheme` from `@razorpay/blade/tokens` instead\n \n @description\n \n `overrideTheme` merges the `baseThemeTokens` and `overrides` and returns a new ThemeTokens object,\n * which you can pass into BladeProvider.\n \n @example\n * ```tsx\n * const customTheme = overrideTheme({\n * baseThemeTokens: bladeTheme, // theme to override\n * overrides: {\n * colors: {\n * onLight: {\n * brand: {\n * primary: {\n * '500': 'hsla(222, 100%, 96%, 1)',\n * },\n * },\n * },\n * },\n * },\n * });\n \n <BladeProvider themeTokens={customTheme} />\n * ```\n */\nconst overrideTheme = ({ baseThemeTokens, overrides }: OverrideTheme): ThemeTokens => {\n if (__DEV__) {\n if (\n !hasSameObjectStructure(\n (baseThemeTokens as unknown) as ObjectWithKeys,\n (bladeTheme as unknown) as ObjectWithKeys,\n )\n ) {\n throwBladeError({\n message: 'The base theme provided is not a valid Blade theme',\n moduleName: 'overrideTheme',\n });\n }\n\n if (\n !isPartialMatchObjectKeys<ThemeTokens>({\n objectToMatch: overrides,\n objectToInspect: baseThemeTokens,\n })\n ) {\n throwBladeError({\n message: 'The overrides object is not valid',\n moduleName: 'overrideTheme',\n });\n }\n }\n\n // Need to clone before merging since merge changes/mutates the actual object\n return merge(cloneDeep(baseThemeTokens), overrides) as ThemeTokens;\n};\n\nexport default overrideTheme;\n"],"names":["overrideTheme","_ref","baseThemeTokens","overrides","hasSameObjectStructure","bladeTheme","throwBladeError","message","moduleName","isPartialMatchObjectKeys","objectToMatch","objectToInspect","merge","cloneDeep"],"mappings":";;;;;;;;;;;AAqBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMA,aAAa,GAAG,SAAhBA,aAAaA,CAAAC,IAAA,EAAmE;AAAA,EAAA,IAA7DC,eAAe,GAAAD,IAAA,CAAfC,eAAe;IAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS,CAAA;AACjD,EAAA,IAAI,KAAO,EAAE;AACX,IAAA,IACE,CAACC,sBAAsB,CACpBF,eAAe,EACfG,UACH,CAAC,EACD;AACAC,MAAAA,eAAe,CAAC;AACdC,QAAAA,OAAO,EAAE,oDAAoD;AAC7DC,QAAAA,UAAU,EAAE,eAAA;AACd,OAAC,CAAC,CAAA;AACJ,KAAA;IAEA,IACE,CAACC,wBAAwB,CAAc;AACrCC,MAAAA,aAAa,EAAEP,SAAS;AACxBQ,MAAAA,eAAe,EAAET,eAAAA;AACnB,KAAC,CAAC,EACF;AACAI,MAAAA,eAAe,CAAC;AACdC,QAAAA,OAAO,EAAE,mCAAmC;AAC5CC,QAAAA,UAAU,EAAE,eAAA;AACd,OAAC,CAAC,CAAA;AACJ,KAAA;AACF,GAAA;;AAEA;EACA,OAAOI,KAAK,CAACC,SAAS,CAACX,eAAe,CAAC,EAAEC,SAAS,CAAC,CAAA;AACrD;;;;"}

package/build/lib/web/production/tokens/theme/theme.js CHANGED Viewed

@@ -1,11 +1,5 @@
-// @TODO: this shall rather be Surface = 'level1' | 'level2' | 'level3' to keep in sync with color tokens
+// Exporting this for usage in other components
-// export type ActionProperties = {
-//   background: ActionVariants;
-//   border: ActionVariants;
-//   text: ActionVariants;
-//   icon: ActionVariants;
-// };
 var colorSchemeNamesInput = ['light', 'dark', 'system'];
 export { colorSchemeNamesInput };

package/build/lib/web/production/tokens/theme/theme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"theme.js","sources":["../../../../../../src/tokens/theme/theme.ts"],"sourcesContent":["import type { StringWithAutocomplete } from '~utils/types';\nimport type {\n Border,\n Breakpoints,\n Motion,\n Spacing,\n TypographyWithPlatforms,\n ElevationWithColorModes,\n} from '~tokens/global';\n\nexport type ColorSchemeNames = 'dark' \| 'light';\nexport type ColorSchemeNamesInput = ColorSchemeNames \| 'system';\n\nexport type ColorSchemeModes = 'onDark' \| 'onLight';\n\nexport type ~~TextTypes~~ = '~~muted' \| 'normal' \| 'placeholder' \| 'subdued' \| 'subtle';\n\nexport type ColorContrastTypes = 'low' \| 'high';\n\nexport type Feedback = '~~information' \| 'negative' \| 'neutral' \| 'notice' \| 'positive';\n\nexport type ~~ColorContrast~~ = {\n ~~[K in ColorContrastTypes as `${Extract<K, string>}Contrast`]~~: string;\n~~};\n\n// @TODO: this shall rather be Surface = 'level1' \| 'level2' \| 'level3' to keep in sync with color tokens\nexport type SurfaceLevels = 1 \| 2 \| 3;\n\nexport type ActionStates = {\n~~ ~~default~~: string;\n ~~hover~~: string;\n ~~focus~~: string;\n ~~active~~: string;\n disabled: string;\n};\n\~~nexport~~ ~~type~~ ~~LinkActionStates~~ = ActionStates & {\n visited: string;\n};\n\nexport type ActionStatesWithContrast = {\n default: ColorContrast;\n hover: ColorContrast;\n focus: ColorContrast;\n active: ColorContrast;\n disabled: ColorContrast;\n};\n\nexport type ActionStatesWithLowContrast = {\n default: Pick<~~ColorContrast~~, '~~lowContrast~~'~~>;\n hover:~~ ~~Pick<ColorContrast,~~ '~~lowContrast~~'>;\n ~~focus:~~ ~~Pick<ColorContrast,~~ ~~'lowContrast'>;\n active:~~ ~~Pick<ColorContrast,~~ ~~'lowContrast'>;\n disabled:~~ ~~Pick<ColorContrast,~~ ~~'lowContrast'>;\n};\n~~\nexport type ~~LinkActionStatesWithContrast~~ = ~~ActionStatesWithContrast~~ ~~& {\n visited: ColorContrast~~;\~~n};\n\nexport~~ ~~type~~ ~~ActionVariants~~ = {\n ~~primary~~: ~~ActionStates~~;\n ~~secondary~~: ~~ActionStates~~;\n ~~tertiary~~: ~~ActionStates~~;\n ~~link~~: ~~LinkActionStates~~;\n};\n\~~nexport~~ ~~type~~ ~~ActionVariantsWithContrast~~ = {\n ~~primary~~: ~~ActionStatesWithContrast~~;\n ~~secondary~~: ~~ActionStatesWithContrast~~;\n ~~tertiary: ActionStatesWithContrast;\n link: ActionStatesWithContrast;\n~~};\n\~~nexport~~ ~~type~~ ~~SecondaryFeedbackActionStatesWithContrast~~ = {\n ~~secondary~~: ~~{\n default:~~ Pick<~~ColorContrast~~, '~~lowContrast~~'~~>;\n hover:~~ ~~Pick<ColorContrast,~~ '~~lowContrast~~'~~>;\n focus:~~ ~~Pick<ColorContrast,~~ '~~lowContrast~~'~~>;\n active:~~ ~~Pick<ColorContrast,~~ '~~lowContrast~~'>;\n ~~disabled~~: Pick<~~ColorContrast~~, '~~lowContrast~~'~~>;\n };\n};\n\n//~~ ~~export~~ type ActionProperties = {\n// background: ActionVariants;\n// border: ActionVariants;\n// text: ActionVariants;\n// icon: ActionVariants;\n// };\n\nexport type FeedbackActions = {\n action: {\n background: {\n primary: ActionStatesWithContrast;\n secondary: ActionStatesWithLowContrast;\n };\n border: {\n primary: ActionStatesWithContrast;\n secondary: ActionStatesWithLowContrast;\n };\n text: {\n link: ActionStatesWithContrast;\n primary: ActionStatesWithContrast;\n secondary: ActionStatesWithLowContrast;\n };\n icon: {\n link: ActionStatesWithContrast;\n primary: ActionStatesWithContrast;\n secondary: ActionStatesWithLowContrast;\n };\n };\n};\n\nexport type WhiteColors = {\n background: Pick<ActionVariants, '~~primary~~' \| '~~secondary~~' \| '~~tertiary~~'>;\n ~~border~~: Pick<~~ActionVariants~~, '~~primary~~' \| '~~secondary~~' \| '~~tertiary~~'>;\n ~~text~~: Pick<~~ActionVariants~~, '~~link~~' \| '~~primary~~' \| '~~secondary~~' \| '~~tertiary~~'>;\n ~~icon~~: Pick<~~ActionVariants~~, '~~link~~' \| ~~'primary'~~ \| '~~secondary~~' \| '~~tertiary~~'>;\n~~};\n~~\nexport type Colors = {\n ~~brand~~: {\n ~~primary~~: Record<~~300~~ \| ~~400~~ \| ~~500~~ \| ~~600 \| 700 \| 800, string~~>;\n ~~secondary~~: Record<~~500~~, ~~string~~>;\n ~~gray~~: Record<~~200~~ \| ~~300~~ \| ~~400~~ \| ~~500~~ \| ~~600~~ \| ~~700~~ \| '~~a50~~' \| '~~a100~~'~~, ColorContrast~~>;\n };\n feedback: {\n background: Record<~~Feedback~~, ~~ColorContrast~~>;\n border: Record<~~Feedback~~, ~~ColorContrast~~>;\n text: Record<~~Feedback~~, ~~ColorContrast~~>;\n icon: Record<~~Feedback~~, ~~ColorContrast~~>;\n ~~positive: FeedbackActions;\n negative: FeedbackActions;\n information: FeedbackActions;\n notice: FeedbackActions;\n neutral: FeedbackActions;\n~~ };\n surface: {\n background: ~~Record~~<~~'level1'~~ \| '~~level2~~' \| '~~level3~~', ~~ColorContrast>;\n border: Record<'normal'~~ \| '~~subtle~~'~~, ColorContrast~~>;\n ~~text~~: ~~Record<TextTypes, ColorContrast>;\~~n ~~action~~: {\n ~~icon~~: ~~ActionStatesWithContrast~~;\n };\n ~~overlay~~: ~~Record~~<'~~background~~', ~~Record<400~~ \| ~~800,~~ ~~string>>;\n popup:~~ ~~Record<~~'~~background~~'~~, string~~>;\n ~~};\n action~~: ~~{\n background: Omit~~<~~ActionVariants~~, '~~link~~'~~>;\n border:~~ ~~Omit<ActionVariants,~~ '~~link~~'>;\n text: ~~ActionVariants~~;\n icon: ~~ActionVariants~~;\n };\n ~~badge~~: {\n background: ~~{\n blue:~~ ~~ColorContrast;\n };\n border:~~ ~~{\n blue:~~ ~~ColorContrast;\~~n };\n ~~text~~: {\n ~~blue~~: ~~ColorContrast~~;\n ~~};\n icon~~: ~~{\n blue: ColorContrast~~;\n ~~};\n~~ };\n ~~static~~: ~~{\n white:~~ string;\n };\n ~~white: {~~\~~n action: WhiteColors;\n };\n};\n\~~nexport type ColorsWithModes = Record<ColorSchemeModes, Colors>;\n\nexport type ThemeTokens = {\n name: '~~paymentTheme~~' \| ~~'bankingTheme' \|~~ StringWithAutocomplete; // Can be used to watch over state changes between theme without watching over entire theme object\n border: Border;\n breakpoints: Breakpoints;\n colors: ColorsWithModes;\n motion: Motion;\n elevation: ElevationWithColorModes;\n spacing: Spacing;\n typography: TypographyWithPlatforms;\n};\n\nexport type SpacingValues = `${Spacing[keyof Spacing]}px`;\nexport type BorderWidthValues = `${Border['width'][keyof Border['width']]}px`;\nexport type BorderRadiusValues =\n \| `${Border['radius'][Exclude<keyof Border['radius'], 'round'>]}px`\n \| `${Border['radius'][Extract<keyof Border['radius'], 'round'>]}`;\n\nexport const colorSchemeNamesInput: ColorSchemeNamesInput[] = ['light', 'dark', 'system'];\n"],"names":["colorSchemeNamesInput"],"mappings":"~~AAyBA~~;;~~AA2DA;AACA;AACA;AACA;AACA;AACA;AA0GO~~,IAAMA,qBAA8C,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ;;;;"}
1	+ {"version":3,"file":"theme.js","sources":["../../../../../../src/tokens/theme/theme.ts"],"sourcesContent":["import type { StringWithAutocomplete } from '~utils/types';\nimport type {\n Border,\n Breakpoints,\n Motion,\n Spacing,\n TypographyWithPlatforms,\n ElevationWithColorModes,\n} from '~tokens/global';\n\nexport type ColorSchemeNames = 'dark' \| 'light';\nexport type ColorSchemeNamesInput = ColorSchemeNames \| 'system';\n\nexport type ColorSchemeModes = 'onDark' \| 'onLight';\n\nexport type FeedbackColors = 'information' \| 'negative' \| 'neutral' \| 'notice' \| 'positive';\n\nexport type Emphasis = {\n subtle: string;\n moderate: string;\n intense: string;\n normal: string;\n muted: string;\n disabled: string;\n};\n\ntype SubtleOrIntenseEmphasis = Pick<Emphasis, 'subtle' \| 'intense'>;\n// Exporting this for usage in other components\nexport type SubtleOrIntense = keyof SubtleOrIntenseEmphasis;\ntype InteractiveStates = {\n default: string;\n highlighted: string;\n disabled: string;\n faded: string;\n};\n\ntype OnEmphasis = {\n onSubtle: string;\n onIntense: string;\n};\n\ntype ColorCategories = {\n staticBlack: Pick<Emphasis, 'normal' \| 'subtle' \| 'muted' \| 'disabled'>;\n staticWhite: Pick<Emphasis, 'normal' \| 'subtle' \| 'muted' \| 'disabled'>;\n gray: Pick<Emphasis, 'normal' \| 'subtle' \| 'muted' \| 'disabled'>;\n onSea: Pick<OnEmphasis, 'onSubtle' \| 'onIntense'>;\n onCloud: Pick<OnEmphasis, 'onSubtle' \| 'onIntense'>;\n primary: Pick<Emphasis, 'normal'>;\n};\n\ntype InteractiveColorKeys = FeedbackColors \| Exclude<keyof ColorCategories, 'onSea' \| 'onCloud'>;\n\nexport type Colors = {\n interactive: {\n background: Record<InteractiveColorKeys, InteractiveStates & { fadedHighlighted: string }>;\n border: Record<InteractiveColorKeys, InteractiveStates>;\n text: Record<\n InteractiveColorKeys \| 'onPrimary',\n Pick<Emphasis, 'normal' \| 'subtle' \| 'muted' \| 'disabled'>\n >;\n icon: Record<\n InteractiveColorKeys \| 'onPrimary',\n Pick<Emphasis, 'normal' \| 'subtle' \| 'muted' \| 'disabled'>\n >;\n };\n feedback: {\n background: Record<FeedbackColors, SubtleOrIntenseEmphasis>;\n border: Record<FeedbackColors, SubtleOrIntenseEmphasis>;\n text: Record<FeedbackColors, SubtleOrIntenseEmphasis>;\n icon: Record<FeedbackColors, SubtleOrIntenseEmphasis>;\n };\n surface: {\n background: {\n gray: Pick<Emphasis, 'subtle' \| 'moderate' \| 'intense'>;\n primary: SubtleOrIntenseEmphasis;\n sea: SubtleOrIntenseEmphasis;\n cloud: SubtleOrIntenseEmphasis;\n };\n border: {\n gray: Pick<Emphasis, 'normal' \| 'subtle' \| 'muted'>;\n primary: Pick<Emphasis, 'normal' \| 'muted'>;\n };\n text: ColorCategories;\n icon: ColorCategories;\n };\n overlay: {\n background: Pick<Emphasis, 'moderate' \| 'subtle'>;\n };\n popup: {\n background: SubtleOrIntenseEmphasis;\n border: SubtleOrIntenseEmphasis;\n };\n transparent: string;\n};\n\nexport type ColorsWithModes = Record<ColorSchemeModes, Colors>;\n\nexport type ThemeTokens = {\n name: 'bladeTheme' \| StringWithAutocomplete; // Can be used to watch over state changes between theme without watching over entire theme object\n border: Border;\n breakpoints: Breakpoints;\n colors: ColorsWithModes;\n motion: Motion;\n elevation: ElevationWithColorModes;\n spacing: Spacing;\n typography: TypographyWithPlatforms;\n};\n\nexport type SpacingValues = `${Spacing[keyof Spacing]}px`;\nexport type BorderWidthValues = `${Border['width'][keyof Border['width']]}px`;\nexport type BorderRadiusValues =\n \| `${Border['radius'][Exclude<keyof Border['radius'], 'round'>]}px`\n \| `${Border['radius'][Extract<keyof Border['radius'], 'round'>]}`;\n\nexport const colorSchemeNamesInput: ColorSchemeNamesInput[] = ['light', 'dark', 'system'];\n"],"names":["colorSchemeNamesInput"],"mappings":"AA2BA;;AAuFO,IAAMA,qBAA8C,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ;;;;"}

package/build/lib/web/production/utils/getFocusRingStyles/getFocusRingStyles.web.js ADDED Viewed

@@ -0,0 +1,26 @@
+import '../index.js';
+import { castWebType } from '../platform/castUtils.js';
+import { makeMotionTime } from '../makeMotionTime/makeMotionTime.web.js';
+/* eslint-disable @typescript-eslint/explicit-function-return-type */
+/**
+ * @param props.theme Blade Theme Object
+ * @param props.negativeOffset if set the outline offset will be set to -4px, this is useful
+ * in table component where the outline will get cutoff by the table border
+ */
+function getFocusRingStyles(_ref) {
+  var theme = _ref.theme,
+    _ref$negativeOffset = _ref.negativeOffset,
+    negativeOffset = _ref$negativeOffset === void 0 ? false : _ref$negativeOffset;
+  return {
+    outline: "4px solid ".concat(theme.colors.surface.border.primary.muted),
+    outlineOffset: negativeOffset ? '-4px' : '1px',
+    transitionProperty: 'outline-width',
+    transitionDuration: castWebType(makeMotionTime(theme.motion.duration['2xquick'])),
+    transitionTimingFunction: castWebType(theme.motion.easing.standard.effective)
+  };
+}
+export { getFocusRingStyles };
+//# sourceMappingURL=getFocusRingStyles.web.js.map

package/build/lib/web/production/utils/getFocusRingStyles/getFocusRingStyles.web.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"getFocusRingStyles.web.js","sources":["../../../../../../src/utils/getFocusRingStyles/getFocusRingStyles.web.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type */\nimport type { Theme } from '../../components/BladeProvider';\nimport { castWebType, makeMotionTime } from '~utils';\n\ntype GetFocusRingProps = {\n theme: Theme;\n negativeOffset?: boolean;\n};\n\n/**\n * @param props.theme Blade Theme Object\n * @param props.negativeOffset if set the outline offset will be set to -4px, this is useful\n * in table component where the outline will get cutoff by the table border\n */\nfunction getFocusRingStyles({ theme, negativeOffset = false }: GetFocusRingProps) {\n return {\n outline: `4px solid ${theme.colors.surface.border.primary.muted}`,\n outlineOffset: negativeOffset ? '-4px' : '1px',\n transitionProperty: 'outline-width',\n transitionDuration: castWebType(makeMotionTime(theme.motion.duration['2xquick'])),\n transitionTimingFunction: castWebType(theme.motion.easing.standard.effective),\n } as const;\n}\n\nexport { getFocusRingStyles };\n"],"names":["getFocusRingStyles","_ref","theme","_ref$negativeOffset","negativeOffset","outline","concat","colors","surface","border","primary","muted","outlineOffset","transitionProperty","transitionDuration","castWebType","makeMotionTime","motion","duration","transitionTimingFunction","easing","standard","effective"],"mappings":";;;;AAAA;;AASA;AACA;AACA;AACA;AACA;AACA,SAASA,kBAAkBA,CAAAC,IAAA,EAAuD;AAAA,EAAA,IAApDC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAAC,mBAAA,GAAAF,IAAA,CAAEG,cAAc;AAAdA,IAAAA,cAAc,GAAAD,mBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,mBAAA,CAAA;EACzD,OAAO;AACLE,IAAAA,OAAO,EAAAC,YAAAA,CAAAA,MAAA,CAAeJ,KAAK,CAACK,MAAM,CAACC,OAAO,CAACC,MAAM,CAACC,OAAO,CAACC,KAAK,CAAE;AACjEC,IAAAA,aAAa,EAAER,cAAc,GAAG,MAAM,GAAG,KAAK;AAC9CS,IAAAA,kBAAkB,EAAE,eAAe;AACnCC,IAAAA,kBAAkB,EAAEC,WAAW,CAACC,cAAc,CAACd,KAAK,CAACe,MAAM,CAACC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC;IACjFC,wBAAwB,EAAEJ,WAAW,CAACb,KAAK,CAACe,MAAM,CAACG,MAAM,CAACC,QAAQ,CAACC,SAAS,CAAA;GAC7E,CAAA;AACH;;;;"}

package/build/lib/web/production/utils/getFocusRingStyles/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export { getFocusRingStyles } from './getFocusRingStyles.web.js';
2	+ //# sourceMappingURL=index.js.map

package/build/lib/web/production/utils/getFocusRingStyles/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/lib/web/production/utils/lodashButBetter/get.js CHANGED Viewed

@@ -1,6 +1,14 @@
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+/* eslint-disable @typescript-eslint/no-explicit-any */
+/* eslint-disable @typescript-eslint/no-unnecessary-type-constraint */
+/**
+ * @template TokenType token type generic
+ * @description Tokenises objects to dot notation strings, eg: `surface.text.normal.lowContrast`
+ */
 /* eslint-disable @typescript-eslint/no-explicit-any */
 function getIn(obj, path, defaultValue) {
   if (!path) {

package/build/lib/web/production/utils/lodashButBetter/get.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"get.js","sources":["../../../../../../src/utils/lodashButBetter/get.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nfunction getIn~~(obj:~~ Record<string, any>, path: ~~string~~, defaultValue?: ~~any~~): any {\n if (!path) {\n return defaultValue;\n }\n\n const keys = path.split('.');\n let result = obj;\n\n for (const key of keys) {\n result = result?.[key];\n if (result === undefined) {\n return defaultValue;\n }\n }\n\n return result !== undefined ? result : defaultValue;\n}\n\nexport default getIn;\n"],"names":["getIn","obj","path","defaultValue","keys","split","result","_iterator","_createForOfIteratorHelper","_step","s","n","done","_result","key","value","undefined","err","e","f"],"mappings":";;;AAAA;AACA,SAASA,KAAKA,~~CAACC~~,~~GAAwB~~,EAAEC,~~IAAY~~,EAAEC,~~YAAkB~~,EAAO;~~EAC9E~~,IAAI,CAACD,IAAI,EAAE;AACT,IAAA,OAAOC,YAAY,CAAA;AACrB,GAAA;AAEA,EAAA,IAAMC,IAAI,GAAGF,IAAI,CAACG,KAAK,CAAC,GAAG,CAAC,CAAA;EAC5B,IAAIC,MAAM,GAAGL,GAAG,CAAA;AAAC,EAAA,IAAAM,SAAA,GAAAC,0BAAA,CAECJ,IAAI,CAAA;IAAAK,KAAA,CAAA;AAAA,EAAA,IAAA;IAAtB,KAAAF,SAAA,CAAAG,CAAA,EAAAD,EAAAA,CAAAA,CAAAA,KAAA,GAAAF,SAAA,CAAAI,CAAA,EAAAC,EAAAA,IAAA,GAAwB;AAAA,MAAA,IAAAC,OAAA,CAAA;AAAA,MAAA,IAAbC,GAAG,GAAAL,KAAA,CAAAM,KAAA,CAAA;MACZT,MAAM,GAAA,CAAAO,OAAA,GAAGP,MAAM,MAAA,IAAA,IAAAO,OAAA,KAANA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,OAAA,CAASC,GAAG,CAAC,CAAA;MACtB,IAAIR,MAAM,KAAKU,SAAS,EAAE;AACxB,QAAA,OAAOb,YAAY,CAAA;AACrB,OAAA;AACF,KAAA;AAAC,GAAA,CAAA,OAAAc,GAAA,EAAA;IAAAV,SAAA,CAAAW,CAAA,CAAAD,GAAA,CAAA,CAAA;AAAA,GAAA,SAAA;AAAAV,IAAAA,SAAA,CAAAY,CAAA,EAAA,CAAA;AAAA,GAAA;AAED,EAAA,OAAOb,MAAM,KAAKU,SAAS,GAAGV,MAAM,GAAGH,YAAY,CAAA;AACrD;;;;"}
1	+ {"version":3,"file":"get.js","sources":["../../../../../../src/utils/lodashButBetter/get.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any /\n/ eslint-disable @typescript-eslint/no-unnecessary-type-constraint /\nimport type { ElevationStyles } from '~tokens/global/elevation';\nimport type { EasingType } from '~tokens/global/motion';\n\n/\n @template TokenType token type generic\n * @description Tokenises objects to dot notation strings, eg: `surface.text.normal.lowContrast`\n /\nexport type DotNotationToken<_TokenType, TokenType = Omit<_TokenType, 'name'>> = {\n [K in keyof TokenType]: TokenType[K] extends string \| number \| ElevationStyles\n ? `${Extract<K, number \| string>}`\n : `${Extract<K, number \| string>}.${TokenType[K] extends Record<\n string,\n string \| number \| boolean \| EasingType<string>\n >\n ? Extract<keyof TokenType[K], number \| string>\n : DotNotationToken<TokenType[K]>}`;\n}[keyof TokenType];\n\n/ eslint-disable @typescript-eslint/no-explicit-any */\nfunction getIn<\n T extends Record<string, any>,\n K extends DotNotationToken<T>,\n Default extends any = any\n>(obj: T, path: K, defaultValue?: Default): any {\n if (!path) {\n return defaultValue;\n }\n\n const keys = path.split('.');\n let result = obj;\n\n for (const key of keys) {\n result = result?.[key];\n if (result === undefined) {\n return defaultValue;\n }\n }\n\n return result !== undefined ? result : defaultValue;\n}\n\nexport default getIn;\n"],"names":["getIn","obj","path","defaultValue","keys","split","result","_iterator","_createForOfIteratorHelper","_step","s","n","done","_result","key","value","undefined","err","e","f"],"mappings":";;;AAAA;AACA;;AAIA;AACA;AACA;AACA;;AAYA;AACA,SAASA,KAAKA,CAIZC,GAAM,EAAEC,IAAO,EAAEC,YAAsB,EAAO;EAC9C,IAAI,CAACD,IAAI,EAAE;AACT,IAAA,OAAOC,YAAY,CAAA;AACrB,GAAA;AAEA,EAAA,IAAMC,IAAI,GAAGF,IAAI,CAACG,KAAK,CAAC,GAAG,CAAC,CAAA;EAC5B,IAAIC,MAAM,GAAGL,GAAG,CAAA;AAAC,EAAA,IAAAM,SAAA,GAAAC,0BAAA,CAECJ,IAAI,CAAA;IAAAK,KAAA,CAAA;AAAA,EAAA,IAAA;IAAtB,KAAAF,SAAA,CAAAG,CAAA,EAAAD,EAAAA,CAAAA,CAAAA,KAAA,GAAAF,SAAA,CAAAI,CAAA,EAAAC,EAAAA,IAAA,GAAwB;AAAA,MAAA,IAAAC,OAAA,CAAA;AAAA,MAAA,IAAbC,GAAG,GAAAL,KAAA,CAAAM,KAAA,CAAA;MACZT,MAAM,GAAA,CAAAO,OAAA,GAAGP,MAAM,MAAA,IAAA,IAAAO,OAAA,KAANA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,OAAA,CAASC,GAAG,CAAC,CAAA;MACtB,IAAIR,MAAM,KAAKU,SAAS,EAAE;AACxB,QAAA,OAAOb,YAAY,CAAA;AACrB,OAAA;AACF,KAAA;AAAC,GAAA,CAAA,OAAAc,GAAA,EAAA;IAAAV,SAAA,CAAAW,CAAA,CAAAD,GAAA,CAAA,CAAA;AAAA,GAAA,SAAA;AAAAV,IAAAA,SAAA,CAAAY,CAAA,EAAA,CAAA;AAAA,GAAA;AAED,EAAA,OAAOb,MAAM,KAAKU,SAAS,GAAGV,MAAM,GAAGH,YAAY,CAAA;AACrD;;;;"}

package/build/lib/web/production/utils/lodashButBetter/isEmpty.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"isEmpty.js","sources":["../../../../../../src/utils/lodashButBetter/isEmpty.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\ntype Collection =\n \| Record<string, any>\n \| any[]\n \| Set<any>\n \| Map<any, any>\n \| string\n \| number\n \| boolean\n \| null\n \| undefined;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport default function isEmpty(value: Collection): ~~boolean~~ {\n // Check if the value is null or undefined\n if (value == null) {\n return true;\n }\n\n if (Array.isArray(value)) {\n return value.length === 0;\n }\n\n // Check if the value is a collection, map, or set and has zero size\n if (value instanceof Map \|\| value instanceof Set) {\n return value.size === 0;\n }\n\n // Check if the value is an object and has no own enumerable properties\n if (typeof value === 'object' && Object.keys(value).length === 0) {\n return true;\n }\n\n // Check if the value is a string and has zero length\n if (typeof value === 'string' && value.length === 0) {\n return true;\n }\n\n // https://github.com/lodash/lodash/issues/496#issuecomment-37692727\n if (typeof value === 'number' \|\| typeof value === 'boolean') {\n return true;\n }\n\n return false;\n}\n"],"names":["isEmpty","value","Array","isArray","length","Map","Set","size","_typeof","Object","keys"],"mappings":";;AAAA;;AAYA;AACe,SAASA,OAAOA,CAACC,KAAiB,~~EAAW~~;~~AAC1D~~;EACA,IAAIA,KAAK,IAAI,IAAI,EAAE;AACjB,IAAA,OAAO,IAAI,CAAA;AACb,GAAA;AAEA,EAAA,IAAIC,KAAK,CAACC,OAAO,CAACF,KAAK,CAAC,EAAE;AACxB,IAAA,OAAOA,KAAK,CAACG,MAAM,KAAK,CAAC,CAAA;AAC3B,GAAA;;AAEA;AACA,EAAA,IAAIH,KAAK,YAAYI,GAAG,IAAIJ,KAAK,YAAYK,GAAG,EAAE;AAChD,IAAA,OAAOL,KAAK,CAACM,IAAI,KAAK,CAAC,CAAA;AACzB,GAAA;;AAEA;AACA,EAAA,IAAIC,OAAA,CAAOP,KAAK,CAAK,KAAA,QAAQ,IAAIQ,MAAM,CAACC,IAAI,CAACT,KAAK,CAAC,CAACG,MAAM,KAAK,CAAC,EAAE;AAChE,IAAA,OAAO,IAAI,CAAA;AACb,GAAA;;AAEA;EACA,IAAI,OAAOH,KAAK,KAAK,QAAQ,IAAIA,KAAK,CAACG,MAAM,KAAK,CAAC,EAAE;AACnD,IAAA,OAAO,IAAI,CAAA;AACb,GAAA;;AAEA;EACA,IAAI,OAAOH,KAAK,KAAK,QAAQ,IAAI,OAAOA,KAAK,KAAK,SAAS,EAAE;AAC3D,IAAA,OAAO,IAAI,CAAA;AACb,GAAA;AAEA,EAAA,OAAO,KAAK,CAAA;AACd;;;;"}
1	+ {"version":3,"file":"isEmpty.js","sources":["../../../../../../src/utils/lodashButBetter/isEmpty.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\ntype Collection =\n \| Record<string, any>\n \| any[]\n \| Set<any>\n \| Map<any, any>\n \| string\n \| number\n \| boolean\n \| null\n \| undefined;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport default function isEmpty(value: Collection): value is null \| undefined {\n // Check if the value is null or undefined\n if (value == null) {\n return true;\n }\n\n if (Array.isArray(value)) {\n return value.length === 0;\n }\n\n // Check if the value is a collection, map, or set and has zero size\n if (value instanceof Map \|\| value instanceof Set) {\n return value.size === 0;\n }\n\n // Check if the value is an object and has no own enumerable properties\n if (typeof value === 'object' && Object.keys(value).length === 0) {\n return true;\n }\n\n // Check if the value is a string and has zero length\n if (typeof value === 'string' && value.length === 0) {\n return true;\n }\n\n // https://github.com/lodash/lodash/issues/496#issuecomment-37692727\n if (typeof value === 'number' \|\| typeof value === 'boolean') {\n return true;\n }\n\n return false;\n}\n"],"names":["isEmpty","value","Array","isArray","length","Map","Set","size","_typeof","Object","keys"],"mappings":";;AAAA;;AAYA;AACe,SAASA,OAAOA,CAACC,KAAiB,EAA6B;AAC5E;EACA,IAAIA,KAAK,IAAI,IAAI,EAAE;AACjB,IAAA,OAAO,IAAI,CAAA;AACb,GAAA;AAEA,EAAA,IAAIC,KAAK,CAACC,OAAO,CAACF,KAAK,CAAC,EAAE;AACxB,IAAA,OAAOA,KAAK,CAACG,MAAM,KAAK,CAAC,CAAA;AAC3B,GAAA;;AAEA;AACA,EAAA,IAAIH,KAAK,YAAYI,GAAG,IAAIJ,KAAK,YAAYK,GAAG,EAAE;AAChD,IAAA,OAAOL,KAAK,CAACM,IAAI,KAAK,CAAC,CAAA;AACzB,GAAA;;AAEA;AACA,EAAA,IAAIC,OAAA,CAAOP,KAAK,CAAK,KAAA,QAAQ,IAAIQ,MAAM,CAACC,IAAI,CAACT,KAAK,CAAC,CAACG,MAAM,KAAK,CAAC,EAAE;AAChE,IAAA,OAAO,IAAI,CAAA;AACb,GAAA;;AAEA;EACA,IAAI,OAAOH,KAAK,KAAK,QAAQ,IAAIA,KAAK,CAACG,MAAM,KAAK,CAAC,EAAE;AACnD,IAAA,OAAO,IAAI,CAAA;AACb,GAAA;;AAEA;EACA,IAAI,OAAOH,KAAK,KAAK,QAAQ,IAAI,OAAOA,KAAK,KAAK,SAAS,EAAE;AAC3D,IAAA,OAAO,IAAI,CAAA;AACb,GAAA;AAEA,EAAA,OAAO,KAAK,CAAA;AACd;;;;"}

package/build/lib/web/production/utils/makeLetterSpacing/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export { makeLetterSpacing } from './makeLetterSpacing.js';
2	+ //# sourceMappingURL=index.js.map

package/build/lib/web/production/utils/makeLetterSpacing/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/lib/web/production/utils/makeLetterSpacing/makeLetterSpacing.js ADDED Viewed

@@ -0,0 +1,7 @@
+var makeLetterSpacing = function makeLetterSpacing(letterSpacing, fontSize) {
+  // Calculating a px letter-spacing from % letter spacing
+  return "".concat(fontSize * (letterSpacing / 100), "px");
+};
+export { makeLetterSpacing };
+//# sourceMappingURL=makeLetterSpacing.js.map

package/build/lib/web/production/utils/makeLetterSpacing/makeLetterSpacing.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"makeLetterSpacing.js","sources":["../../../../../../src/utils/makeLetterSpacing/makeLetterSpacing.ts"],"sourcesContent":["export const makeLetterSpacing = (letterSpacing: number, fontSize: number): `${number}px` => {\n // Calculating a px letter-spacing from % letter spacing\n return `${fontSize * (letterSpacing / 100)}px`;\n};\n"],"names":["makeLetterSpacing","letterSpacing","fontSize","concat"],"mappings":"AAAO,IAAMA,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,aAAqB,EAAEC,QAAgB,EAAoB;AAC3F;AACA,EAAA,OAAA,EAAA,CAAAC,MAAA,CAAUD,QAAQ,IAAID,aAAa,GAAG,GAAG,CAAC,EAAA,IAAA,CAAA,CAAA;AAC5C;;;;"}

package/build/lib/web/production/utils/objectKeysWithType.js ADDED Viewed

@@ -0,0 +1,7 @@
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function objectKeysWithType(obj) {
+  return Object.keys(obj);
+}
+export { objectKeysWithType };
+//# sourceMappingURL=objectKeysWithType.js.map

package/build/lib/web/production/utils/objectKeysWithType.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"objectKeysWithType.js","sources":["../../../../../src/utils/objectKeysWithType.ts"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/no-explicit-any\nfunction objectKeysWithType<T extends Record<any, any>>(obj: T): (keyof T)[] {\n return Object.keys(obj) as (keyof T)[];\n}\n\nexport { objectKeysWithType };\n"],"names":["objectKeysWithType","obj","Object","keys"],"mappings":"AAAA;AACA,SAASA,kBAAkBA,CAA6BC,GAAM,EAAe;AAC3E,EAAA,OAAOC,MAAM,CAACC,IAAI,CAACF,GAAG,CAAC,CAAA;AACzB;;;;"}

package/build/lib/web/production/utils/useInteraction.js CHANGED Viewed

@@ -7,13 +7,13 @@ var useInteraction = function useInteraction() {
     currentInteraction = _useState2[0],
     setCurrentInteraction = _useState2[1];
   var onMouseEnter = function onMouseEnter() {
-    if (currentInteraction !== 'active') setCurrentInteraction('hover');
+    if (currentInteraction !== 'focus') setCurrentInteraction('hover');
   };
   var onMouseLeave = function onMouseLeave() {
-    if (currentInteraction !== 'active') setCurrentInteraction('default');
+    if (currentInteraction !== 'focus') setCurrentInteraction('default');
   };
   var onFocus = function onFocus() {
-    setCurrentInteraction('active');
+    setCurrentInteraction('focus');
   };
   var onBlur = function onBlur() {
     setCurrentInteraction('default');

package/build/lib/web/production/utils/useInteraction.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useInteraction.js","sources":["../../../../../src/utils/useInteraction.ts"],"sourcesContent":["import type { Dispatch, SetStateAction } from 'react';\nimport { useState } from 'react';\~~nimport~~ type { ActionStates } ~~from~~ '~~~tokens/theme/theme~~';\n\nconst useInteraction = (): {\n onMouseEnter: () => void;\n onMouseLeave: () => void;\n onFocus: () => void;\n onBlur: () => void;\n currentInteraction: ~~keyof~~ ActionStates;\n setCurrentInteraction: Dispatch<SetStateAction<~~keyof~~ ActionStates>>;\n} => {\n const [currentInteraction, setCurrentInteraction] = useState<~~keyof~~ ActionStates>('default');\n\n const onMouseEnter = (): void => {\n if (currentInteraction !== '~~active~~') setCurrentInteraction('hover');\n };\n const onMouseLeave = (): void => {\n if (currentInteraction !== '~~active~~') setCurrentInteraction('default');\n };\n const onFocus = (): void => {\n setCurrentInteraction('~~active~~');\n };\n const onBlur = (): void => {\n setCurrentInteraction('default');\n };\n\n return {\n onMouseEnter,\n onMouseLeave,\n onFocus,\n onBlur,\n currentInteraction,\n setCurrentInteraction,\n };\n};\n\nexport default useInteraction;\n"],"names":["useInteraction","_useState","useState","_useState2","_slicedToArray","currentInteraction","setCurrentInteraction","onMouseEnter","onMouseLeave","onFocus","onBlur"],"mappings":";;;AAIA,IAAMA,cAAc,GAAG,SAAjBA,cAAcA,GAOf;AACH,EAAA,IAAAC,SAAA,GAAoDC,QAAQ,~~CAAqB~~,SAAS,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;~~AAApFI~~,IAAAA,kBAAkB,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,qBAAqB,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAEhD,EAAA,IAAMI,YAAY,GAAG,SAAfA,YAAYA,GAAe;AAC/B,IAAA,IAAIF,kBAAkB,KAAK,~~QAAQ~~,EAAEC,qBAAqB,CAAC,OAAO,CAAC,CAAA;~~GACpE~~,CAAA;AACD,EAAA,IAAME,YAAY,GAAG,SAAfA,YAAYA,GAAe;AAC/B,IAAA,IAAIH,kBAAkB,KAAK,~~QAAQ~~,EAAEC,qBAAqB,CAAC,SAAS,CAAC,CAAA;~~GACtE~~,CAAA;AACD,EAAA,IAAMG,OAAO,GAAG,SAAVA,OAAOA,GAAe;IAC1BH,qBAAqB,CAAC,~~QAAQ~~,CAAC,CAAA;~~GAChC~~,CAAA;AACD,EAAA,IAAMI,MAAM,GAAG,SAATA,MAAMA,GAAe;IACzBJ,qBAAqB,CAAC,SAAS,CAAC,CAAA;GACjC,CAAA;EAED,OAAO;AACLC,IAAAA,YAAY,EAAZA,YAAY;AACZC,IAAAA,YAAY,EAAZA,YAAY;AACZC,IAAAA,OAAO,EAAPA,OAAO;AACPC,IAAAA,MAAM,EAANA,MAAM;AACNL,IAAAA,kBAAkB,EAAlBA,kBAAkB;AAClBC,IAAAA,qBAAqB,EAArBA,qBAAAA;GACD,CAAA;AACH;;;;"}
1	+ {"version":3,"file":"useInteraction.js","sources":["../../../../../src/utils/useInteraction.ts"],"sourcesContent":["import type { Dispatch, SetStateAction } from 'react';\nimport { useState } from 'react';\n\nexport type ActionStates = 'default' \| 'hover' \| 'focus' \| 'disabled';\nconst useInteraction = (): {\n onMouseEnter: () => void;\n onMouseLeave: () => void;\n onFocus: () => void;\n onBlur: () => void;\n currentInteraction: ActionStates;\n setCurrentInteraction: Dispatch<SetStateAction<ActionStates>>;\n} => {\n const [currentInteraction, setCurrentInteraction] = useState<ActionStates>('default');\n\n const onMouseEnter = (): void => {\n if (currentInteraction !== 'focus') setCurrentInteraction('hover');\n };\n const onMouseLeave = (): void => {\n if (currentInteraction !== 'focus') setCurrentInteraction('default');\n };\n const onFocus = (): void => {\n setCurrentInteraction('focus');\n };\n const onBlur = (): void => {\n setCurrentInteraction('default');\n };\n\n return {\n onMouseEnter,\n onMouseLeave,\n onFocus,\n onBlur,\n currentInteraction,\n setCurrentInteraction,\n };\n};\n\nexport default useInteraction;\n"],"names":["useInteraction","_useState","useState","_useState2","_slicedToArray","currentInteraction","setCurrentInteraction","onMouseEnter","onMouseLeave","onFocus","onBlur"],"mappings":";;;AAIA,IAAMA,cAAc,GAAG,SAAjBA,cAAcA,GAOf;AACH,EAAA,IAAAC,SAAA,GAAoDC,QAAQ,CAAe,SAAS,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA9EI,IAAAA,kBAAkB,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,qBAAqB,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAEhD,EAAA,IAAMI,YAAY,GAAG,SAAfA,YAAYA,GAAe;AAC/B,IAAA,IAAIF,kBAAkB,KAAK,OAAO,EAAEC,qBAAqB,CAAC,OAAO,CAAC,CAAA;GACnE,CAAA;AACD,EAAA,IAAME,YAAY,GAAG,SAAfA,YAAYA,GAAe;AAC/B,IAAA,IAAIH,kBAAkB,KAAK,OAAO,EAAEC,qBAAqB,CAAC,SAAS,CAAC,CAAA;GACrE,CAAA;AACD,EAAA,IAAMG,OAAO,GAAG,SAAVA,OAAOA,GAAe;IAC1BH,qBAAqB,CAAC,OAAO,CAAC,CAAA;GAC/B,CAAA;AACD,EAAA,IAAMI,MAAM,GAAG,SAATA,MAAMA,GAAe;IACzBJ,qBAAqB,CAAC,SAAS,CAAC,CAAA;GACjC,CAAA;EAED,OAAO;AACLC,IAAAA,YAAY,EAAZA,YAAY;AACZC,IAAAA,YAAY,EAAZA,YAAY;AACZC,IAAAA,OAAO,EAAPA,OAAO;AACPC,IAAAA,MAAM,EAANA,MAAM;AACNL,IAAAA,kBAAkB,EAAlBA,kBAAkB;AAClBC,IAAAA,qBAAqB,EAArBA,qBAAAA;GACD,CAAA;AACH;;;;"}