acinguiux-ds-react-framework 0.1.26 → 0.1.27

package/build/cjs/react-base/src/theme/layer.js.map

@@ -1 +1 @@
-{"version":3,"file":"layer.js","sources":["../../../../../../react-base/src/theme/layer.ts"],"sourcesContent":["import type { Mode, ThemeInitFn } from './types/theme';\nimport {\n  MODES_BY_PATH,\n  MODES_DEFAULT_VALUES,\n  PATH_BY_VARIABLE,\n  Paths,\n  PathKinds,\n  Variables,\n  type LayerFn,\n  type VariableValues,\n  type ModesType,\n  type Modes,\n  type VariablePath,\n  PathDensityModes,\n  PathDensityLayerModes,\n  PathLayerModes,\n} from './types/layer';\n\nconst isPathAvailable = (\n  obj: object,\n  modes: (keyof typeof obj)[],\n  searchKey: keyof typeof obj,\n  maybeKey?: keyof (typeof obj)[typeof searchKey],\n) => {\n  const endPath = modes.reduce((acc, mode) => acc?.[mode], obj);\n\n  // eslint-disable-next-line sonarjs/prefer-single-boolean-return\n  if (!endPath || !endPath[searchKey] || (maybeKey && !endPath[searchKey][maybeKey])) {\n    return false;\n  }\n\n  return true;\n};\n\nconst findClosestVariablePathWithModes = (\n  variables: Mode['variables'],\n  mainPath: Paths,\n  initialModes: ModesType[Modes][],\n  modes: ModesType[Modes][],\n  kind: PathKinds,\n  maybePathLayer?: PathDensityModes | PathDensityLayerModes | PathLayerModes,\n): VariablePath => {\n  const modeNames = MODES_BY_PATH[mainPath];\n\n  if (\n    !isPathAvailable(\n      variables[mainPath],\n      modes as (keyof (typeof variables)[typeof mainPath])[],\n      kind as keyof (typeof variables)[typeof mainPath],\n      maybePathLayer as keyof (typeof variables)[typeof mainPath][typeof kind &\n        keyof (typeof variables)[typeof mainPath]],\n    )\n  ) {\n    // if the path is not found, we get the first changed mode and set it to the default value\n    const lastChangeIdx = modes.findIndex((modeValue, index) => modeValue !== MODES_DEFAULT_VALUES[modeNames[index]]);\n\n    const initialLastChangeIdx = initialModes.findIndex(\n      (modeValue, index) => modeValue !== MODES_DEFAULT_VALUES[modeNames[index]],\n    );\n\n    const newModes = modes.map((modeValue, idx) => {\n      if (idx === lastChangeIdx) {\n        return MODES_DEFAULT_VALUES[modeNames[idx]];\n      }\n      if (idx < lastChangeIdx && idx >= initialLastChangeIdx && lastChangeIdx !== initialLastChangeIdx) {\n        return initialModes[idx];\n      }\n\n      return modeValue;\n    });\n\n    return findClosestVariablePathWithModes(variables, mainPath, initialModes, newModes, kind);\n  }\n\n  return modes.reduce(\n    (acc, modeValue) => acc[modeValue as keyof typeof acc],\n    variables[mainPath],\n  ) as unknown as VariablePath;\n};\n\nconst getValueFromVariablePath = (variable: Variables, value: VariablePath): string => {\n  const [, kind, maybePathLayer] = PATH_BY_VARIABLE[variable];\n\n  if (kind === PathKinds.border || kind === PathKinds.text) {\n    return value[kind][maybePathLayer];\n  }\n\n  return value[kind];\n};\n\nexport const themeToLayer: ThemeInitFn<LayerFn> =\n  ({ variables }) =>\n  (modes = {}) => {\n    if (!variables) {\n      throw new Error('The provided Theme is not supported by the SDS. Please contact the SDS team for support.');\n    }\n\n    const wantedModesPerPath = Object.values(Paths).reduce(\n      (accPaths, currentPath) => ({\n        ...accPaths,\n        [currentPath]: MODES_BY_PATH[currentPath].map((mode) => modes[mode] ?? MODES_DEFAULT_VALUES[mode]),\n      }),\n      {} as Record<Paths, ModesType[Modes][]>,\n    );\n\n    return Object.values(Variables).reduce((variableValues, variableName) => {\n      const [mainPath, kind, maybePathLayer] = PATH_BY_VARIABLE[variableName];\n      const closestVariablePath = findClosestVariablePathWithModes(\n        variables,\n        mainPath,\n        wantedModesPerPath[mainPath],\n        wantedModesPerPath[mainPath],\n        kind,\n        maybePathLayer,\n      );\n      const variableValue = getValueFromVariablePath(variableName, closestVariablePath);\n\n      return { ...variableValues, [variableName]: variableValue };\n    }, {} as VariableValues);\n  };\n"],"names":["isPathAvailable","obj","modes","searchKey","maybeKey","endPath","acc","mode","findClosestVariablePathWithModes","variables","mainPath","initialModes","kind","maybePathLayer","modeNames","MODES_BY_PATH","lastChangeIdx","modeValue","index","MODES_DEFAULT_VALUES","initialLastChangeIdx","newModes","idx","getValueFromVariablePath","variable","value","PATH_BY_VARIABLE","PathKinds","themeToLayer","wantedModesPerPath","Paths","accPaths","currentPath","Variables","variableValues","variableName","closestVariablePath","variableValue"],"mappings":"gJAkBMA,EAAkB,CACtBC,EACAC,EACAC,EACAC,IACG,CACH,MAAMC,EAAUH,EAAM,OAAO,CAACI,EAAKC,IAASD,IAAMC,CAAI,EAAGN,CAAG,EAG5D,MAAI,GAACI,GAAW,CAACA,EAAQF,CAAS,GAAMC,GAAY,CAACC,EAAQF,CAAS,EAAEC,CAAQ,EAKlF,EAEMI,EAAmC,CACvCC,EACAC,EACAC,EACAT,EACAU,EACAC,IACiB,CACjB,MAAMC,EAAYC,EAAAA,cAAcL,CAAQ,EAExC,GACE,CAACV,EACCS,EAAUC,CAAQ,EAClBR,EACAU,EACAC,CAAA,EAGF,CAEA,MAAMG,EAAgBd,EAAM,UAAU,CAACe,EAAWC,IAAUD,IAAcE,EAAAA,qBAAqBL,EAAUI,CAAK,CAAC,CAAC,EAE1GE,EAAuBT,EAAa,UACxC,CAACM,EAAWC,IAAUD,IAAcE,EAAAA,qBAAqBL,EAAUI,CAAK,CAAC,CAAA,EAGrEG,EAAWnB,EAAM,IAAI,CAACe,EAAWK,IACjCA,IAAQN,EACHG,EAAAA,qBAAqBL,EAAUQ,CAAG,CAAC,EAExCA,EAAMN,GAAiBM,GAAOF,GAAwBJ,IAAkBI,EACnET,EAAaW,CAAG,EAGlBL,CACR,EAED,OAAOT,EAAiCC,EAAWC,EAAUC,EAAcU,EAAUT,CAAI,CAC3F,CAEA,OAAOV,EAAM,OACX,CAACI,EAAKW,IAAcX,EAAIW,CAA6B,EACrDR,EAAUC,CAAQ,CAAA,CAEtB,EAEMa,EAA2B,CAACC,EAAqBC,IAAgC,CACrF,KAAM,CAAA,CAAGb,EAAMC,CAAc,EAAIa,EAAAA,iBAAiBF,CAAQ,EAE1D,OAAIZ,IAASe,EAAAA,UAAU,QAAUf,IAASe,EAAAA,UAAU,KAC3CF,EAAMb,CAAI,EAAEC,CAAc,EAG5BY,EAAMb,CAAI,CACnB,EAEagB,EACX,CAAC,CAAE,UAAAnB,CAAA,IACH,CAACP,EAAQ,CAAA,IAAO,CACd,GAAI,CAACO,EACH,MAAM,IAAI,MAAM,0FAA0F,EAG5G,MAAMoB,EAAqB,OAAO,OAAOC,EAAAA,KAAK,EAAE,OAC9C,CAACC,EAAUC,KAAiB,CAC1B,GAAGD,EACH,CAACC,CAAW,EAAGjB,EAAAA,cAAciB,CAAW,EAAE,IAAKzB,GAASL,EAAMK,CAAI,GAAKY,EAAAA,qBAAqBZ,CAAI,CAAC,CAAA,GAEnG,CAAA,CAAC,EAGH,OAAO,OAAO,OAAO0B,EAAAA,SAAS,EAAE,OAAO,CAACC,EAAgBC,IAAiB,CACvE,KAAM,CAACzB,EAAUE,EAAMC,CAAc,EAAIa,EAAAA,iBAAiBS,CAAY,EAChEC,EAAsB5B,EAC1BC,EACAC,EACAmB,EAAmBnB,CAAQ,EAC3BmB,EAAmBnB,CAAQ,EAC3BE,EACAC,CAAA,EAEIwB,EAAgBd,EAAyBY,EAAcC,CAAmB,EAEhF,MAAO,CAAE,GAAGF,EAAgB,CAACC,CAAY,EAAGE,CAAA,CAC9C,EAAG,CAAA,CAAoB,CACzB"}
+{"version":3,"file":"layer.js","sources":["../../../../../../react-base/src/theme/layer.ts"],"sourcesContent":["import type { Mode, ThemeInitFn } from './types/theme';\r\nimport {\r\n  MODES_BY_PATH,\r\n  MODES_DEFAULT_VALUES,\r\n  PATH_BY_VARIABLE,\r\n  Paths,\r\n  PathKinds,\r\n  Variables,\r\n  type LayerFn,\r\n  type VariableValues,\r\n  type ModesType,\r\n  type Modes,\r\n  type VariablePath,\r\n  PathDensityModes,\r\n  PathDensityLayerModes,\r\n  PathLayerModes,\r\n} from './types/layer';\r\n\r\nconst isPathAvailable = (\r\n  obj: object,\r\n  modes: (keyof typeof obj)[],\r\n  searchKey: keyof typeof obj,\r\n  maybeKey?: keyof (typeof obj)[typeof searchKey],\r\n) => {\r\n  const endPath = modes.reduce((acc, mode) => acc?.[mode], obj);\r\n\r\n  // eslint-disable-next-line sonarjs/prefer-single-boolean-return\r\n  if (!endPath || !endPath[searchKey] || (maybeKey && !endPath[searchKey][maybeKey])) {\r\n    return false;\r\n  }\r\n\r\n  return true;\r\n};\r\n\r\nconst findClosestVariablePathWithModes = (\r\n  variables: Mode['variables'],\r\n  mainPath: Paths,\r\n  initialModes: ModesType[Modes][],\r\n  modes: ModesType[Modes][],\r\n  kind: PathKinds,\r\n  maybePathLayer?: PathDensityModes | PathDensityLayerModes | PathLayerModes,\r\n): VariablePath => {\r\n  const modeNames = MODES_BY_PATH[mainPath];\r\n\r\n  if (\r\n    !isPathAvailable(\r\n      variables[mainPath],\r\n      modes as (keyof (typeof variables)[typeof mainPath])[],\r\n      kind as keyof (typeof variables)[typeof mainPath],\r\n      maybePathLayer as keyof (typeof variables)[typeof mainPath][typeof kind &\r\n        keyof (typeof variables)[typeof mainPath]],\r\n    )\r\n  ) {\r\n    // if the path is not found, we get the first changed mode and set it to the default value\r\n    const lastChangeIdx = modes.findIndex((modeValue, index) => modeValue !== MODES_DEFAULT_VALUES[modeNames[index]]);\r\n\r\n    const initialLastChangeIdx = initialModes.findIndex(\r\n      (modeValue, index) => modeValue !== MODES_DEFAULT_VALUES[modeNames[index]],\r\n    );\r\n\r\n    const newModes = modes.map((modeValue, idx) => {\r\n      if (idx === lastChangeIdx) {\r\n        return MODES_DEFAULT_VALUES[modeNames[idx]];\r\n      }\r\n      if (idx < lastChangeIdx && idx >= initialLastChangeIdx && lastChangeIdx !== initialLastChangeIdx) {\r\n        return initialModes[idx];\r\n      }\r\n\r\n      return modeValue;\r\n    });\r\n\r\n    return findClosestVariablePathWithModes(variables, mainPath, initialModes, newModes, kind);\r\n  }\r\n\r\n  return modes.reduce(\r\n    (acc, modeValue) => acc[modeValue as keyof typeof acc],\r\n    variables[mainPath],\r\n  ) as unknown as VariablePath;\r\n};\r\n\r\nconst getValueFromVariablePath = (variable: Variables, value: VariablePath): string => {\r\n  const [, kind, maybePathLayer] = PATH_BY_VARIABLE[variable];\r\n\r\n  if (kind === PathKinds.border || kind === PathKinds.text) {\r\n    return value[kind][maybePathLayer];\r\n  }\r\n\r\n  return value[kind];\r\n};\r\n\r\nexport const themeToLayer: ThemeInitFn<LayerFn> =\r\n  ({ variables }) =>\r\n  (modes = {}) => {\r\n    if (!variables) {\r\n      throw new Error('The provided Theme is not supported by the SDS. Please contact the SDS team for support.');\r\n    }\r\n\r\n    const wantedModesPerPath = Object.values(Paths).reduce(\r\n      (accPaths, currentPath) => ({\r\n        ...accPaths,\r\n        [currentPath]: MODES_BY_PATH[currentPath].map((mode) => modes[mode] ?? MODES_DEFAULT_VALUES[mode]),\r\n      }),\r\n      {} as Record<Paths, ModesType[Modes][]>,\r\n    );\r\n\r\n    return Object.values(Variables).reduce((variableValues, variableName) => {\r\n      const [mainPath, kind, maybePathLayer] = PATH_BY_VARIABLE[variableName];\r\n      const closestVariablePath = findClosestVariablePathWithModes(\r\n        variables,\r\n        mainPath,\r\n        wantedModesPerPath[mainPath],\r\n        wantedModesPerPath[mainPath],\r\n        kind,\r\n        maybePathLayer,\r\n      );\r\n      const variableValue = getValueFromVariablePath(variableName, closestVariablePath);\r\n\r\n      return { ...variableValues, [variableName]: variableValue };\r\n    }, {} as VariableValues);\r\n  };\r\n"],"names":["isPathAvailable","obj","modes","searchKey","maybeKey","endPath","acc","mode","findClosestVariablePathWithModes","variables","mainPath","initialModes","kind","maybePathLayer","modeNames","MODES_BY_PATH","lastChangeIdx","modeValue","index","MODES_DEFAULT_VALUES","initialLastChangeIdx","newModes","idx","getValueFromVariablePath","variable","value","PATH_BY_VARIABLE","PathKinds","themeToLayer","wantedModesPerPath","Paths","accPaths","currentPath","Variables","variableValues","variableName","closestVariablePath","variableValue"],"mappings":"gJAkBMA,EAAkB,CACtBC,EACAC,EACAC,EACAC,IACG,CACH,MAAMC,EAAUH,EAAM,OAAO,CAACI,EAAKC,IAASD,IAAMC,CAAI,EAAGN,CAAG,EAG5D,MAAI,GAACI,GAAW,CAACA,EAAQF,CAAS,GAAMC,GAAY,CAACC,EAAQF,CAAS,EAAEC,CAAQ,EAKlF,EAEMI,EAAmC,CACvCC,EACAC,EACAC,EACAT,EACAU,EACAC,IACiB,CACjB,MAAMC,EAAYC,EAAAA,cAAcL,CAAQ,EAExC,GACE,CAACV,EACCS,EAAUC,CAAQ,EAClBR,EACAU,EACAC,CAAA,EAGF,CAEA,MAAMG,EAAgBd,EAAM,UAAU,CAACe,EAAWC,IAAUD,IAAcE,EAAAA,qBAAqBL,EAAUI,CAAK,CAAC,CAAC,EAE1GE,EAAuBT,EAAa,UACxC,CAACM,EAAWC,IAAUD,IAAcE,EAAAA,qBAAqBL,EAAUI,CAAK,CAAC,CAAA,EAGrEG,EAAWnB,EAAM,IAAI,CAACe,EAAWK,IACjCA,IAAQN,EACHG,EAAAA,qBAAqBL,EAAUQ,CAAG,CAAC,EAExCA,EAAMN,GAAiBM,GAAOF,GAAwBJ,IAAkBI,EACnET,EAAaW,CAAG,EAGlBL,CACR,EAED,OAAOT,EAAiCC,EAAWC,EAAUC,EAAcU,EAAUT,CAAI,CAC3F,CAEA,OAAOV,EAAM,OACX,CAACI,EAAKW,IAAcX,EAAIW,CAA6B,EACrDR,EAAUC,CAAQ,CAAA,CAEtB,EAEMa,EAA2B,CAACC,EAAqBC,IAAgC,CACrF,KAAM,CAAA,CAAGb,EAAMC,CAAc,EAAIa,EAAAA,iBAAiBF,CAAQ,EAE1D,OAAIZ,IAASe,EAAAA,UAAU,QAAUf,IAASe,EAAAA,UAAU,KAC3CF,EAAMb,CAAI,EAAEC,CAAc,EAG5BY,EAAMb,CAAI,CACnB,EAEagB,EACX,CAAC,CAAE,UAAAnB,CAAA,IACH,CAACP,EAAQ,CAAA,IAAO,CACd,GAAI,CAACO,EACH,MAAM,IAAI,MAAM,0FAA0F,EAG5G,MAAMoB,EAAqB,OAAO,OAAOC,EAAAA,KAAK,EAAE,OAC9C,CAACC,EAAUC,KAAiB,CAC1B,GAAGD,EACH,CAACC,CAAW,EAAGjB,EAAAA,cAAciB,CAAW,EAAE,IAAKzB,GAASL,EAAMK,CAAI,GAAKY,EAAAA,qBAAqBZ,CAAI,CAAC,CAAA,GAEnG,CAAA,CAAC,EAGH,OAAO,OAAO,OAAO0B,EAAAA,SAAS,EAAE,OAAO,CAACC,EAAgBC,IAAiB,CACvE,KAAM,CAACzB,EAAUE,EAAMC,CAAc,EAAIa,EAAAA,iBAAiBS,CAAY,EAChEC,EAAsB5B,EAC1BC,EACAC,EACAmB,EAAmBnB,CAAQ,EAC3BmB,EAAmBnB,CAAQ,EAC3BE,EACAC,CAAA,EAEIwB,EAAgBd,EAAyBY,EAAcC,CAAmB,EAEhF,MAAO,CAAE,GAAGF,EAAgB,CAACC,CAAY,EAAGE,CAAA,CAC9C,EAAG,CAAA,CAAoB,CACzB"}

package/build/cjs/react-base/src/theme/modes.js.map

@@ -1 +1 @@
-{"version":3,"file":"modes.js","sources":["../../../../../../react-base/src/theme/modes.ts"],"sourcesContent":["import type { ApplyModesFn, ColorFromVariableFn } from './types/modes';\nimport type { ThemeInitFn } from './types/theme';\nimport { MODES_BY_PATH, PATH_BY_VARIABLE, type PathsType, type VariablesType } from './types/layer';\nimport { themeToLayer } from './layer';\n\nconst variableToCSSVariable = (variable: VariablesType) => `--${variable?.toLowerCase().replace(/[/ ]/gu, '-')}`;\n\nexport const themeToModes: ThemeInitFn<ApplyModesFn> =\n  (theme) =>\n  (modes = {}) => {\n    const layer = themeToLayer(theme)(modes);\n\n    const pathsTouchedByModes = Object.entries(MODES_BY_PATH)\n      .filter(([, modesInPath]) => modesInPath.some((mode) => Object.keys(modes).includes(mode)))\n      .map(([path]) => path as PathsType);\n    const variablesToApply = Object.entries(PATH_BY_VARIABLE)\n      .filter(([, variablePaths]) => pathsTouchedByModes.includes(variablePaths[0]))\n      .map(([variableName]) => variableName as VariablesType);\n\n    return {\n      ...Object.fromEntries(variablesToApply.map((variable) => [variableToCSSVariable(variable), layer[variable]])),\n    };\n  };\n\nexport const colorFromVariable: ColorFromVariableFn = (variable) => `var(${variableToCSSVariable(variable)})`;\n"],"names":["variableToCSSVariable","variable","themeToModes","theme","modes","layer","themeToLayer","pathsTouchedByModes","MODES_BY_PATH","modesInPath","mode","path","variablesToApply","PATH_BY_VARIABLE","variablePaths","variableName","colorFromVariable"],"mappings":"wKAKMA,EAAyBC,GAA4B,KAAKA,GAAU,cAAc,QAAQ,SAAU,GAAG,CAAC,GAEjGC,EACVC,GACD,CAACC,EAAQ,CAAA,IAAO,CACd,MAAMC,EAAQC,EAAAA,aAAaH,CAAK,EAAEC,CAAK,EAEjCG,EAAsB,OAAO,QAAQC,eAAa,EACrD,OAAO,CAAC,EAAGC,CAAW,IAAMA,EAAY,KAAMC,GAAS,OAAO,KAAKN,CAAK,EAAE,SAASM,CAAI,CAAC,CAAC,EACzF,IAAI,CAAC,CAACC,CAAI,IAAMA,CAAiB,EAC9BC,EAAmB,OAAO,QAAQC,EAAAA,gBAAgB,EACrD,OAAO,CAAC,CAAA,CAAGC,CAAa,IAAMP,EAAoB,SAASO,EAAc,CAAC,CAAC,CAAC,EAC5E,IAAI,CAAC,CAACC,CAAY,IAAMA,CAA6B,EAExD,MAAO,CACL,GAAG,OAAO,YAAYH,EAAiB,IAAKX,GAAa,CAACD,EAAsBC,CAAQ,EAAGI,EAAMJ,CAAQ,CAAC,CAAC,CAAC,CAAA,CAEhH,EAEWe,EAA0Cf,GAAa,OAAOD,EAAsBC,CAAQ,CAAC"}
+{"version":3,"file":"modes.js","sources":["../../../../../../react-base/src/theme/modes.ts"],"sourcesContent":["import type { ApplyModesFn, ColorFromVariableFn } from './types/modes';\r\nimport type { ThemeInitFn } from './types/theme';\r\nimport { MODES_BY_PATH, PATH_BY_VARIABLE, type PathsType, type VariablesType } from './types/layer';\r\nimport { themeToLayer } from './layer';\r\n\r\nconst variableToCSSVariable = (variable: VariablesType) => `--${variable?.toLowerCase().replace(/[/ ]/gu, '-')}`;\r\n\r\nexport const themeToModes: ThemeInitFn<ApplyModesFn> =\r\n  (theme) =>\r\n  (modes = {}) => {\r\n    const layer = themeToLayer(theme)(modes);\r\n\r\n    const pathsTouchedByModes = Object.entries(MODES_BY_PATH)\r\n      .filter(([, modesInPath]) => modesInPath.some((mode) => Object.keys(modes).includes(mode)))\r\n      .map(([path]) => path as PathsType);\r\n    const variablesToApply = Object.entries(PATH_BY_VARIABLE)\r\n      .filter(([, variablePaths]) => pathsTouchedByModes.includes(variablePaths[0]))\r\n      .map(([variableName]) => variableName as VariablesType);\r\n\r\n    return {\r\n      ...Object.fromEntries(variablesToApply.map((variable) => [variableToCSSVariable(variable), layer[variable]])),\r\n    };\r\n  };\r\n\r\nexport const colorFromVariable: ColorFromVariableFn = (variable) => `var(${variableToCSSVariable(variable)})`;\r\n"],"names":["variableToCSSVariable","variable","themeToModes","theme","modes","layer","themeToLayer","pathsTouchedByModes","MODES_BY_PATH","modesInPath","mode","path","variablesToApply","PATH_BY_VARIABLE","variablePaths","variableName","colorFromVariable"],"mappings":"wKAKMA,EAAyBC,GAA4B,KAAKA,GAAU,cAAc,QAAQ,SAAU,GAAG,CAAC,GAEjGC,EACVC,GACD,CAACC,EAAQ,CAAA,IAAO,CACd,MAAMC,EAAQC,EAAAA,aAAaH,CAAK,EAAEC,CAAK,EAEjCG,EAAsB,OAAO,QAAQC,eAAa,EACrD,OAAO,CAAC,EAAGC,CAAW,IAAMA,EAAY,KAAMC,GAAS,OAAO,KAAKN,CAAK,EAAE,SAASM,CAAI,CAAC,CAAC,EACzF,IAAI,CAAC,CAACC,CAAI,IAAMA,CAAiB,EAC9BC,EAAmB,OAAO,QAAQC,EAAAA,gBAAgB,EACrD,OAAO,CAAC,CAAA,CAAGC,CAAa,IAAMP,EAAoB,SAASO,EAAc,CAAC,CAAC,CAAC,EAC5E,IAAI,CAAC,CAACC,CAAY,IAAMA,CAA6B,EAExD,MAAO,CACL,GAAG,OAAO,YAAYH,EAAiB,IAAKX,GAAa,CAACD,EAAsBC,CAAQ,EAAGI,EAAMJ,CAAQ,CAAC,CAAC,CAAC,CAAA,CAEhH,EAEWe,EAA0Cf,GAAa,OAAOD,EAAsBC,CAAQ,CAAC"}

package/build/cjs/react-base/src/theme/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","sources":["../../../../../../react-base/src/theme/theme.ts"],"sourcesContent":["import type { Theme, ThemeInitFn } from './types/theme';\nimport { themeToDropShadows } from './dropShadows';\nimport { themeToGlobals } from './global';\nimport { themeToLayer } from './layer';\nimport { typography } from './typography';\nimport { colorFromVariable, themeToModes } from './modes';\n\nexport const generateTheme: ThemeInitFn<Theme> = (theme) => ({\n  __DEPRECATED_DO_NOT_USE__: theme,\n  dropShadows: themeToDropShadows(theme),\n  globals: themeToGlobals(theme),\n  layer: themeToLayer(theme),\n  applyModes: themeToModes(theme),\n  cssVariable: colorFromVariable,\n  typography,\n});\n"],"names":["generateTheme","theme","themeToDropShadows","themeToGlobals","themeToLayer","themeToModes","colorFromVariable","typography"],"mappings":"sPAOaA,EAAqCC,IAAW,CAC3D,0BAA2BA,EAC3B,YAAaC,EAAAA,mBAAmBD,CAAK,EACrC,QAASE,EAAAA,eAAeF,CAAK,EAC7B,MAAOG,EAAAA,aAAaH,CAAK,EACzB,WAAYI,EAAAA,aAAaJ,CAAK,EAC9B,YAAaK,EAAAA,kBAAA,WACbC,EAAAA,UACF"}
+{"version":3,"file":"theme.js","sources":["../../../../../../react-base/src/theme/theme.ts"],"sourcesContent":["import type { Theme, ThemeInitFn } from './types/theme';\r\nimport { themeToDropShadows } from './dropShadows';\r\nimport { themeToGlobals } from './global';\r\nimport { themeToLayer } from './layer';\r\nimport { typography } from './typography';\r\nimport { colorFromVariable, themeToModes } from './modes';\r\n\r\nexport const generateTheme: ThemeInitFn<Theme> = (theme) => ({\r\n  __DEPRECATED_DO_NOT_USE__: theme,\r\n  dropShadows: themeToDropShadows(theme),\r\n  globals: themeToGlobals(theme),\r\n  layer: themeToLayer(theme),\r\n  applyModes: themeToModes(theme),\r\n  cssVariable: colorFromVariable,\r\n  typography,\r\n});\r\n"],"names":["generateTheme","theme","themeToDropShadows","themeToGlobals","themeToLayer","themeToModes","colorFromVariable","typography"],"mappings":"sPAOaA,EAAqCC,IAAW,CAC3D,0BAA2BA,EAC3B,YAAaC,EAAAA,mBAAmBD,CAAK,EACrC,QAASE,EAAAA,eAAeF,CAAK,EAC7B,MAAOG,EAAAA,aAAaH,CAAK,EACzB,WAAYI,EAAAA,aAAaJ,CAAK,EAC9B,YAAaK,EAAAA,kBAAA,WACbC,EAAAA,UACF"}

package/build/cjs/react-base/src/theme/types/layer.js.map

@@ -1 +1 @@
-{"version":3,"file":"layer.js","sources":["../../../../../../../react-base/src/theme/types/layer.ts"],"sourcesContent":["import { FabricsVariables } from 'acinguiux-ds-fabrics';\n\n/**\n * Modes are the different layers of the theme that can be applied to the components\n */\nexport enum Modes {\n  Foundation = 'foundation',\n  Sentiment = 'sentiment',\n  State = 'state',\n  SentimentProminence = 'sentimentProminence',\n  SelectedProminence = 'selectedProminence',\n  Muted = 'muted',\n  Disabled = 'disabled',\n  Brand = 'brand',\n  TransparentRestingState = 'transparentRestingState',\n}\n\n/**\n * Paths are the different entrypoints for the theme values\n */\nexport enum Paths {\n  onFoundation = 'onFoundation',\n  onSentiment = 'onSentiment',\n  onBrand = 'onBrand',\n  onSelected = 'onSelected',\n}\n\nexport type PathsType = `${Paths}`;\n\n/**\n * Retrieve the modes applied to a Path\n * used to determine the order of the layers\n */\nexport const MODES_BY_PATH: { [key in Paths]: Modes[] } = {\n  [Paths.onSentiment]: [\n    Modes.SentimentProminence,\n    Modes.Sentiment,\n    Modes.TransparentRestingState,\n    Modes.State,\n    Modes.Foundation,\n    Modes.Disabled,\n  ],\n  [Paths.onFoundation]: [Modes.Foundation, Modes.TransparentRestingState, Modes.State, Modes.Disabled],\n  [Paths.onBrand]: [Modes.Muted, Modes.Brand, Modes.State, Modes.Foundation, Modes.Disabled],\n  [Paths.onSelected]: [\n    Modes.Muted,\n    Modes.SelectedProminence,\n    Modes.TransparentRestingState,\n    Modes.State,\n    Modes.Foundation,\n    Modes.Disabled,\n  ],\n} as const;\n\n/**\n * The type of the modes that can be applied to the theme\n */\nexport type ModesType = {\n  [Modes.Foundation]?: FabricsVariables.FoundationType;\n  [Modes.Brand]?: FabricsVariables.BrandType;\n  [Modes.Sentiment]?: FabricsVariables.SentimentType;\n  [Modes.SentimentProminence]?: FabricsVariables.SentimentProminenceType;\n  [Modes.SelectedProminence]?: FabricsVariables.SelectedProminenceType;\n  [Modes.Muted]?: FabricsVariables.MutedType;\n  [Modes.Disabled]?: FabricsVariables.DisabledType;\n  [Modes.TransparentRestingState]?: FabricsVariables.TransparentRestingStateType;\n  [Modes.State]?: FabricsVariables.StateType;\n};\n\n/**\n * The default values for the modes\n */\nexport const MODES_DEFAULT_VALUES: Required<ModesType> = {\n  [Modes.Foundation]: FabricsVariables.Foundations.Base,\n  [Modes.Sentiment]: FabricsVariables.Sentiments.Neutral,\n  [Modes.Brand]: FabricsVariables.Brands.Primary,\n  [Modes.Muted]: FabricsVariables.Muteds.False,\n  [Modes.TransparentRestingState]: FabricsVariables.TransparentRestingStates.False,\n  [Modes.Disabled]: FabricsVariables.Disableds.False,\n  [Modes.SentimentProminence]: FabricsVariables.SentimentProminences.Strong,\n  [Modes.SelectedProminence]: FabricsVariables.SelectedProminences.Strong,\n  [Modes.State]: FabricsVariables.States.Resting,\n} as const;\n\n/**\n * The different variables that are available on a layer\n */\nexport enum Variables {\n  BackgroundFoundation = 'Background/Foundation',\n  TextOnFoundationStrong = 'Text/On Foundation/Strong',\n  TextOnFoundationSubtle = 'Text/On Foundation/Subtle',\n  TextOnFoundationLink = 'Text/On Foundation/Link',\n  TextOnFoundationLinkVisited = 'Text/On Foundation/Link Visited',\n  BorderOnFoundationStrong = 'Border/On Foundation/Strong',\n  BorderOnFoundationMedium = 'Border/On Foundation/Medium',\n  BorderOnFoundationSubtle = 'Border/On Foundation/Subtle',\n  BackgroundBrand = 'Background/Brand',\n  TextOnBrandOnBackground = 'Text/On Brand/On Background',\n  BorderOnBrandOnBackground = 'Border/On Brand/On Background',\n  ForegroundOnBrand = 'Foreground/On Brand',\n  TextOnBrandOnForeground = 'Text/On Brand/On Foreground',\n  BorderOnBrandOnForeground = 'Border/On Brand/On Foreground',\n\n  BackgroundSentiment = 'Background/Sentiment',\n  TextOnSentimentOnBackground = 'Text/On Sentiment/On Background',\n  BorderOnSentimentOnBackground = 'Border/On Sentiment/On Background',\n  ForegroundOnSentiment = 'Foreground/On Sentiment',\n  TextOnSentimentOnForeground = 'Text/On Sentiment/On Foreground',\n  BorderOnSentimentOnForeground = 'Border/On Sentiment/On Foreground',\n\n  BackgroundSelected = 'Background/Selected',\n  TextOnSelectedBackgroundStrong = 'Text/On Selected Background/Strong',\n  TextOnSelectedBackgroundSubtle = 'Text/On Selected Background/Subtle',\n  BorderOnSelectedOnBackground = 'Border/On Selected/On Background',\n\n  ForegroundOnSelected = 'Foreground/On Selected',\n  TextOnSelectedForeground = 'Text/On Selected/On Foreground',\n  BorderOnSelectedOnForeground = 'Border/On Selected/On Foreground',\n}\n\nexport type VariablesType = `${Variables}`;\n\nexport enum PathDensityModes {\n  strong = 'strong',\n  medium = 'medium',\n  subtle = 'subtle',\n  link = 'link',\n  linkVisited = 'linkVisited',\n}\n\nexport enum PathLayerModes {\n  onBackground = 'onBackground',\n  onForeground = 'onForeground',\n}\n\nexport enum PathDensityLayerModes {\n  onBackgroundStrong = 'onBackgroundStrong',\n  onBackgroundSubtle = 'onBackgroundSubtle',\n  onForeground = 'onForeground',\n}\n\nexport enum PathKinds {\n  border = 'border',\n  text = 'text',\n  background = 'background',\n  foreground = 'foreground',\n}\n\nexport type VariablePath = { [key in PathKinds.background | PathKinds.foreground]: string } & {\n  [key in PathKinds.border | PathKinds.text]: {\n    [kindKey in PathDensityModes | PathDensityLayerModes | PathLayerModes]: string;\n  };\n};\n\ntype PathByVariableType = {\n  [key in VariablesType]:\n    | [Paths, PathKinds.background | PathKinds.foreground]\n    | [Paths, PathKinds.border | PathKinds.text, PathDensityModes | PathDensityLayerModes | PathLayerModes];\n};\n\n/**\n * Retrieve the path applied to a variable to fetch the theme value\n * used to determine the order of the layers\n */\nexport const PATH_BY_VARIABLE: PathByVariableType = {\n  [Variables.BackgroundFoundation]: [Paths.onFoundation, PathKinds.background],\n  [Variables.TextOnFoundationStrong]: [Paths.onFoundation, PathKinds.text, PathDensityModes.strong],\n  [Variables.TextOnFoundationSubtle]: [Paths.onFoundation, PathKinds.text, PathDensityModes.subtle],\n  [Variables.TextOnFoundationLink]: [Paths.onFoundation, PathKinds.text, PathDensityModes.link],\n  [Variables.TextOnFoundationLinkVisited]: [Paths.onFoundation, PathKinds.text, PathDensityModes.linkVisited],\n  [Variables.BorderOnFoundationStrong]: [Paths.onFoundation, PathKinds.border, PathDensityModes.strong],\n  [Variables.BorderOnFoundationMedium]: [Paths.onFoundation, PathKinds.border, PathDensityModes.medium],\n  [Variables.BorderOnFoundationSubtle]: [Paths.onFoundation, PathKinds.border, PathDensityModes.subtle],\n\n  [Variables.BackgroundBrand]: [Paths.onBrand, PathKinds.background],\n  [Variables.TextOnBrandOnBackground]: [Paths.onBrand, PathKinds.text, PathLayerModes.onBackground],\n  [Variables.BorderOnBrandOnBackground]: [Paths.onBrand, PathKinds.border, PathLayerModes.onBackground],\n  [Variables.ForegroundOnBrand]: [Paths.onBrand, PathKinds.foreground],\n  [Variables.TextOnBrandOnForeground]: [Paths.onBrand, PathKinds.text, PathLayerModes.onForeground],\n  [Variables.BorderOnBrandOnForeground]: [Paths.onBrand, PathKinds.border, PathLayerModes.onForeground],\n\n  [Variables.BackgroundSentiment]: [Paths.onSentiment, PathKinds.background],\n  [Variables.TextOnSentimentOnBackground]: [Paths.onSentiment, PathKinds.text, PathLayerModes.onBackground],\n  [Variables.BorderOnSentimentOnBackground]: [Paths.onSentiment, PathKinds.border, PathLayerModes.onBackground],\n\n  [Variables.ForegroundOnSentiment]: [Paths.onSentiment, PathKinds.foreground],\n  [Variables.TextOnSentimentOnForeground]: [Paths.onSentiment, PathKinds.text, PathLayerModes.onForeground],\n  [Variables.BorderOnSentimentOnForeground]: [Paths.onSentiment, PathKinds.border, PathLayerModes.onForeground],\n\n  [Variables.BackgroundSelected]: [Paths.onSelected, PathKinds.background],\n  [Variables.TextOnSelectedBackgroundStrong]: [\n    Paths.onSelected,\n    PathKinds.text,\n    PathDensityLayerModes.onBackgroundStrong,\n  ],\n  [Variables.TextOnSelectedBackgroundSubtle]: [\n    Paths.onSelected,\n    PathKinds.text,\n    PathDensityLayerModes.onBackgroundSubtle,\n  ],\n  [Variables.BorderOnSelectedOnBackground]: [Paths.onSelected, PathKinds.border, PathLayerModes.onBackground],\n\n  [Variables.ForegroundOnSelected]: [Paths.onSelected, PathKinds.foreground],\n  [Variables.TextOnSelectedForeground]: [Paths.onSelected, PathKinds.text, PathDensityLayerModes.onForeground],\n  [Variables.BorderOnSelectedOnForeground]: [Paths.onSelected, PathKinds.border, PathLayerModes.onForeground],\n} as const;\n\nexport type VariableValues = { [key in VariablesType]: string };\n\nexport type LayerFn = (modes?: ModesType) => VariableValues;\n"],"names":["Paths","MODES_BY_PATH","MODES_DEFAULT_VALUES","FabricsVariables","Variables","PathKinds","PATH_BY_VARIABLE"],"mappings":"oJAoBO,IAAKA,GAAAA,IACVA,EAAA,aAAe,eACfA,EAAA,YAAc,cACdA,EAAA,QAAU,UACVA,EAAA,WAAa,aAJHA,IAAAA,GAAA,CAAA,CAAA,EAaL,MAAMC,EAA6C,CACvD,YAAoB,CACnB,sBACA,YACA,0BACA,QACA,aACA,UAAA,EAED,aAAqB,CAAC,aAAkB,0BAA+B,QAAa,UAAA,EACpF,QAAgB,CAAC,QAAa,QAAa,QAAa,aAAkB,UAAA,EAC1E,WAAmB,CAClB,QACA,qBACA,0BACA,QACA,aACA,UAAA,CAEJ,EAoBaC,EAA4C,CACtD,WAAmBC,mBAAiB,YAAY,KAChD,UAAkBA,mBAAiB,WAAW,QAC9C,MAAcA,mBAAiB,OAAO,QACtC,MAAcA,mBAAiB,OAAO,MACtC,wBAAgCA,mBAAiB,yBAAyB,MAC1E,SAAiBA,mBAAiB,UAAU,MAC5C,oBAA4BA,mBAAiB,qBAAqB,OAClE,mBAA2BA,mBAAiB,oBAAoB,OAChE,MAAcA,EAAAA,iBAAiB,OAAO,OACzC,EAKO,IAAKC,GAAAA,IACVA,EAAA,qBAAuB,wBACvBA,EAAA,uBAAyB,4BACzBA,EAAA,uBAAyB,4BACzBA,EAAA,qBAAuB,0BACvBA,EAAA,4BAA8B,kCAC9BA,EAAA,yBAA2B,8BAC3BA,EAAA,yBAA2B,8BAC3BA,EAAA,yBAA2B,8BAC3BA,EAAA,gBAAkB,mBAClBA,EAAA,wBAA0B,8BAC1BA,EAAA,0BAA4B,gCAC5BA,EAAA,kBAAoB,sBACpBA,EAAA,wBAA0B,8BAC1BA,EAAA,0BAA4B,gCAE5BA,EAAA,oBAAsB,uBACtBA,EAAA,4BAA8B,kCAC9BA,EAAA,8BAAgC,oCAChCA,EAAA,sBAAwB,0BACxBA,EAAA,4BAA8B,kCAC9BA,EAAA,8BAAgC,oCAEhCA,EAAA,mBAAqB,sBACrBA,EAAA,+BAAiC,qCACjCA,EAAA,+BAAiC,qCACjCA,EAAA,6BAA+B,mCAE/BA,EAAA,qBAAuB,yBACvBA,EAAA,yBAA2B,iCAC3BA,EAAA,6BAA+B,mCA9BrBA,IAAAA,GAAA,CAAA,CAAA,EAsDAC,GAAAA,IACVA,EAAA,OAAS,SACTA,EAAA,KAAO,OACPA,EAAA,WAAa,aACbA,EAAA,WAAa,aAJHA,IAAAA,GAAA,CAAA,CAAA,EAuBL,MAAMC,EAAuC,CACjD,wBAAiC,CAAC,eAAoB,YAAA,EACtD,4BAAmC,CAAC,eAAoB,OAAgB,QAAA,EACxE,4BAAmC,CAAC,eAAoB,OAAgB,QAAA,EACxE,0BAAiC,CAAC,eAAoB,OAAgB,MAAA,EACtE,kCAAwC,CAAC,eAAoB,OAAgB,aAAA,EAC7E,8BAAqC,CAAC,eAAoB,SAAkB,QAAA,EAC5E,8BAAqC,CAAC,eAAoB,SAAkB,QAAA,EAC5E,8BAAqC,CAAC,eAAoB,SAAkB,QAAA,EAE5E,mBAA4B,CAAC,UAAe,YAAA,EAC5C,8BAAoC,CAAC,UAAe,OAAgB,cAAA,EACpE,gCAAsC,CAAC,UAAe,SAAkB,cAAA,EACxE,sBAA8B,CAAC,UAAe,YAAA,EAC9C,8BAAoC,CAAC,UAAe,OAAgB,cAAA,EACpE,gCAAsC,CAAC,UAAe,SAAkB,cAAA,EAExE,uBAAgC,CAAC,cAAmB,YAAA,EACpD,kCAAwC,CAAC,cAAmB,OAAgB,cAAA,EAC5E,oCAA0C,CAAC,cAAmB,SAAkB,cAAA,EAEhF,0BAAkC,CAAC,cAAmB,YAAA,EACtD,kCAAwC,CAAC,cAAmB,OAAgB,cAAA,EAC5E,oCAA0C,CAAC,cAAmB,SAAkB,cAAA,EAEhF,sBAA+B,CAAC,aAAkB,YAAA,EAClD,qCAA2C,CAC1C,aACA,OACA,oBAAA,EAED,qCAA2C,CAC1C,aACA,OACA,oBAAA,EAED,mCAAyC,CAAC,aAAkB,SAAkB,cAAA,EAE9E,yBAAiC,CAAC,aAAkB,YAAA,EACpD,iCAAqC,CAAC,aAAkB,OAAgB,cAAA,EACxE,mCAAyC,CAAC,aAAkB,SAAkB,cAAA,CACjF"}
+{"version":3,"file":"layer.js","sources":["../../../../../../../react-base/src/theme/types/layer.ts"],"sourcesContent":["import { FabricsVariables } from 'acinguiux-ds-fabrics';\r\n\r\n/**\r\n * Modes are the different layers of the theme that can be applied to the components\r\n */\r\nexport enum Modes {\r\n  Foundation = 'foundation',\r\n  Sentiment = 'sentiment',\r\n  State = 'state',\r\n  SentimentProminence = 'sentimentProminence',\r\n  SelectedProminence = 'selectedProminence',\r\n  Muted = 'muted',\r\n  Disabled = 'disabled',\r\n  Brand = 'brand',\r\n  TransparentRestingState = 'transparentRestingState',\r\n}\r\n\r\n/**\r\n * Paths are the different entrypoints for the theme values\r\n */\r\nexport enum Paths {\r\n  onFoundation = 'onFoundation',\r\n  onSentiment = 'onSentiment',\r\n  onBrand = 'onBrand',\r\n  onSelected = 'onSelected',\r\n}\r\n\r\nexport type PathsType = `${Paths}`;\r\n\r\n/**\r\n * Retrieve the modes applied to a Path\r\n * used to determine the order of the layers\r\n */\r\nexport const MODES_BY_PATH: { [key in Paths]: Modes[] } = {\r\n  [Paths.onSentiment]: [\r\n    Modes.SentimentProminence,\r\n    Modes.Sentiment,\r\n    Modes.TransparentRestingState,\r\n    Modes.State,\r\n    Modes.Foundation,\r\n    Modes.Disabled,\r\n  ],\r\n  [Paths.onFoundation]: [Modes.Foundation, Modes.TransparentRestingState, Modes.State, Modes.Disabled],\r\n  [Paths.onBrand]: [Modes.Muted, Modes.Brand, Modes.State, Modes.Foundation, Modes.Disabled],\r\n  [Paths.onSelected]: [\r\n    Modes.Muted,\r\n    Modes.SelectedProminence,\r\n    Modes.TransparentRestingState,\r\n    Modes.State,\r\n    Modes.Foundation,\r\n    Modes.Disabled,\r\n  ],\r\n} as const;\r\n\r\n/**\r\n * The type of the modes that can be applied to the theme\r\n */\r\nexport type ModesType = {\r\n  [Modes.Foundation]?: FabricsVariables.FoundationType;\r\n  [Modes.Brand]?: FabricsVariables.BrandType;\r\n  [Modes.Sentiment]?: FabricsVariables.SentimentType;\r\n  [Modes.SentimentProminence]?: FabricsVariables.SentimentProminenceType;\r\n  [Modes.SelectedProminence]?: FabricsVariables.SelectedProminenceType;\r\n  [Modes.Muted]?: FabricsVariables.MutedType;\r\n  [Modes.Disabled]?: FabricsVariables.DisabledType;\r\n  [Modes.TransparentRestingState]?: FabricsVariables.TransparentRestingStateType;\r\n  [Modes.State]?: FabricsVariables.StateType;\r\n};\r\n\r\n/**\r\n * The default values for the modes\r\n */\r\nexport const MODES_DEFAULT_VALUES: Required<ModesType> = {\r\n  [Modes.Foundation]: FabricsVariables.Foundations.Base,\r\n  [Modes.Sentiment]: FabricsVariables.Sentiments.Neutral,\r\n  [Modes.Brand]: FabricsVariables.Brands.Primary,\r\n  [Modes.Muted]: FabricsVariables.Muteds.False,\r\n  [Modes.TransparentRestingState]: FabricsVariables.TransparentRestingStates.False,\r\n  [Modes.Disabled]: FabricsVariables.Disableds.False,\r\n  [Modes.SentimentProminence]: FabricsVariables.SentimentProminences.Strong,\r\n  [Modes.SelectedProminence]: FabricsVariables.SelectedProminences.Strong,\r\n  [Modes.State]: FabricsVariables.States.Resting,\r\n} as const;\r\n\r\n/**\r\n * The different variables that are available on a layer\r\n */\r\nexport enum Variables {\r\n  BackgroundFoundation = 'Background/Foundation',\r\n  TextOnFoundationStrong = 'Text/On Foundation/Strong',\r\n  TextOnFoundationSubtle = 'Text/On Foundation/Subtle',\r\n  TextOnFoundationLink = 'Text/On Foundation/Link',\r\n  TextOnFoundationLinkVisited = 'Text/On Foundation/Link Visited',\r\n  BorderOnFoundationStrong = 'Border/On Foundation/Strong',\r\n  BorderOnFoundationMedium = 'Border/On Foundation/Medium',\r\n  BorderOnFoundationSubtle = 'Border/On Foundation/Subtle',\r\n  BackgroundBrand = 'Background/Brand',\r\n  TextOnBrandOnBackground = 'Text/On Brand/On Background',\r\n  BorderOnBrandOnBackground = 'Border/On Brand/On Background',\r\n  ForegroundOnBrand = 'Foreground/On Brand',\r\n  TextOnBrandOnForeground = 'Text/On Brand/On Foreground',\r\n  BorderOnBrandOnForeground = 'Border/On Brand/On Foreground',\r\n\r\n  BackgroundSentiment = 'Background/Sentiment',\r\n  TextOnSentimentOnBackground = 'Text/On Sentiment/On Background',\r\n  BorderOnSentimentOnBackground = 'Border/On Sentiment/On Background',\r\n  ForegroundOnSentiment = 'Foreground/On Sentiment',\r\n  TextOnSentimentOnForeground = 'Text/On Sentiment/On Foreground',\r\n  BorderOnSentimentOnForeground = 'Border/On Sentiment/On Foreground',\r\n\r\n  BackgroundSelected = 'Background/Selected',\r\n  TextOnSelectedBackgroundStrong = 'Text/On Selected Background/Strong',\r\n  TextOnSelectedBackgroundSubtle = 'Text/On Selected Background/Subtle',\r\n  BorderOnSelectedOnBackground = 'Border/On Selected/On Background',\r\n\r\n  ForegroundOnSelected = 'Foreground/On Selected',\r\n  TextOnSelectedForeground = 'Text/On Selected/On Foreground',\r\n  BorderOnSelectedOnForeground = 'Border/On Selected/On Foreground',\r\n}\r\n\r\nexport type VariablesType = `${Variables}`;\r\n\r\nexport enum PathDensityModes {\r\n  strong = 'strong',\r\n  medium = 'medium',\r\n  subtle = 'subtle',\r\n  link = 'link',\r\n  linkVisited = 'linkVisited',\r\n}\r\n\r\nexport enum PathLayerModes {\r\n  onBackground = 'onBackground',\r\n  onForeground = 'onForeground',\r\n}\r\n\r\nexport enum PathDensityLayerModes {\r\n  onBackgroundStrong = 'onBackgroundStrong',\r\n  onBackgroundSubtle = 'onBackgroundSubtle',\r\n  onForeground = 'onForeground',\r\n}\r\n\r\nexport enum PathKinds {\r\n  border = 'border',\r\n  text = 'text',\r\n  background = 'background',\r\n  foreground = 'foreground',\r\n}\r\n\r\nexport type VariablePath = { [key in PathKinds.background | PathKinds.foreground]: string } & {\r\n  [key in PathKinds.border | PathKinds.text]: {\r\n    [kindKey in PathDensityModes | PathDensityLayerModes | PathLayerModes]: string;\r\n  };\r\n};\r\n\r\ntype PathByVariableType = {\r\n  [key in VariablesType]:\r\n    | [Paths, PathKinds.background | PathKinds.foreground]\r\n    | [Paths, PathKinds.border | PathKinds.text, PathDensityModes | PathDensityLayerModes | PathLayerModes];\r\n};\r\n\r\n/**\r\n * Retrieve the path applied to a variable to fetch the theme value\r\n * used to determine the order of the layers\r\n */\r\nexport const PATH_BY_VARIABLE: PathByVariableType = {\r\n  [Variables.BackgroundFoundation]: [Paths.onFoundation, PathKinds.background],\r\n  [Variables.TextOnFoundationStrong]: [Paths.onFoundation, PathKinds.text, PathDensityModes.strong],\r\n  [Variables.TextOnFoundationSubtle]: [Paths.onFoundation, PathKinds.text, PathDensityModes.subtle],\r\n  [Variables.TextOnFoundationLink]: [Paths.onFoundation, PathKinds.text, PathDensityModes.link],\r\n  [Variables.TextOnFoundationLinkVisited]: [Paths.onFoundation, PathKinds.text, PathDensityModes.linkVisited],\r\n  [Variables.BorderOnFoundationStrong]: [Paths.onFoundation, PathKinds.border, PathDensityModes.strong],\r\n  [Variables.BorderOnFoundationMedium]: [Paths.onFoundation, PathKinds.border, PathDensityModes.medium],\r\n  [Variables.BorderOnFoundationSubtle]: [Paths.onFoundation, PathKinds.border, PathDensityModes.subtle],\r\n\r\n  [Variables.BackgroundBrand]: [Paths.onBrand, PathKinds.background],\r\n  [Variables.TextOnBrandOnBackground]: [Paths.onBrand, PathKinds.text, PathLayerModes.onBackground],\r\n  [Variables.BorderOnBrandOnBackground]: [Paths.onBrand, PathKinds.border, PathLayerModes.onBackground],\r\n  [Variables.ForegroundOnBrand]: [Paths.onBrand, PathKinds.foreground],\r\n  [Variables.TextOnBrandOnForeground]: [Paths.onBrand, PathKinds.text, PathLayerModes.onForeground],\r\n  [Variables.BorderOnBrandOnForeground]: [Paths.onBrand, PathKinds.border, PathLayerModes.onForeground],\r\n\r\n  [Variables.BackgroundSentiment]: [Paths.onSentiment, PathKinds.background],\r\n  [Variables.TextOnSentimentOnBackground]: [Paths.onSentiment, PathKinds.text, PathLayerModes.onBackground],\r\n  [Variables.BorderOnSentimentOnBackground]: [Paths.onSentiment, PathKinds.border, PathLayerModes.onBackground],\r\n\r\n  [Variables.ForegroundOnSentiment]: [Paths.onSentiment, PathKinds.foreground],\r\n  [Variables.TextOnSentimentOnForeground]: [Paths.onSentiment, PathKinds.text, PathLayerModes.onForeground],\r\n  [Variables.BorderOnSentimentOnForeground]: [Paths.onSentiment, PathKinds.border, PathLayerModes.onForeground],\r\n\r\n  [Variables.BackgroundSelected]: [Paths.onSelected, PathKinds.background],\r\n  [Variables.TextOnSelectedBackgroundStrong]: [\r\n    Paths.onSelected,\r\n    PathKinds.text,\r\n    PathDensityLayerModes.onBackgroundStrong,\r\n  ],\r\n  [Variables.TextOnSelectedBackgroundSubtle]: [\r\n    Paths.onSelected,\r\n    PathKinds.text,\r\n    PathDensityLayerModes.onBackgroundSubtle,\r\n  ],\r\n  [Variables.BorderOnSelectedOnBackground]: [Paths.onSelected, PathKinds.border, PathLayerModes.onBackground],\r\n\r\n  [Variables.ForegroundOnSelected]: [Paths.onSelected, PathKinds.foreground],\r\n  [Variables.TextOnSelectedForeground]: [Paths.onSelected, PathKinds.text, PathDensityLayerModes.onForeground],\r\n  [Variables.BorderOnSelectedOnForeground]: [Paths.onSelected, PathKinds.border, PathLayerModes.onForeground],\r\n} as const;\r\n\r\nexport type VariableValues = { [key in VariablesType]: string };\r\n\r\nexport type LayerFn = (modes?: ModesType) => VariableValues;\r\n"],"names":["Paths","MODES_BY_PATH","MODES_DEFAULT_VALUES","FabricsVariables","Variables","PathKinds","PATH_BY_VARIABLE"],"mappings":"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"}

package/build/cjs/react-base/src/theme/types/typography.js.map

@@ -1 +1 @@
-{"version":3,"file":"typography.js","sources":["../../../../../../../react-base/src/theme/types/typography.ts"],"sourcesContent":["import type { TypographyType } from 'acinguiux-ds-fabrics';\n\nexport type TypographyKind = keyof TypographyType;\nconst TYPOGRAPHY_WEIGHTED_KINDS = ['label', 'paragraph', 'heading'] as const;\nexport type TypographyWeightedKind = Extract<TypographyKind, (typeof TYPOGRAPHY_WEIGHTED_KINDS)[number]>;\n\nexport type TypographyWeights<Kind extends TypographyKind> = Kind extends TypographyWeightedKind\n  ? keyof TypographyType[Kind]\n  : never;\nexport type TypographySize<Kind extends TypographyKind> = Kind extends TypographyWeightedKind\n  ? keyof TypographyType[Kind][TypographyWeights<Kind>]\n  : keyof TypographyType[Kind];\n\nexport type TypographyElement<\n  FontSize extends string | number = number,\n  LetterSpacing extends string | number = number,\n  LineHeight extends string | number = number,\n  ParagraphSpacing extends string | number = number,\n> = {\n  fontFamily: string;\n  fontWeight: string;\n  fontSize: FontSize;\n  fontStyle: 'normal' | 'italic';\n  letterSpacing: LetterSpacing;\n  lineHeight: LineHeight;\n  paragraphSpacing: ParagraphSpacing;\n};\n\nexport type TypographyElementPx = TypographyElement<`${string}px`, `${string}px`, `${string}px`, `${string}px`>;\n\nexport type TypographyFn = <\n  Kind extends TypographyKind,\n  Size extends TypographySize<Kind>,\n  Weight extends TypographyWeights<Kind>,\n>(\n  kind: Kind,\n  size?: Size,\n  weight?: Weight,\n) => TypographyElementPx;\n\nexport const isTypographyWeighted = (kind: TypographyKind): kind is TypographyWeightedKind =>\n  TYPOGRAPHY_WEIGHTED_KINDS.includes(kind as TypographyWeightedKind);\n"],"names":["TYPOGRAPHY_WEIGHTED_KINDS","isTypographyWeighted","kind"],"mappings":"4GAGA,MAAMA,EAA4B,CAAC,QAAS,YAAa,SAAS,EAqCrDC,EAAwBC,GACnCF,EAA0B,SAASE,CAA8B"}
+{"version":3,"file":"typography.js","sources":["../../../../../../../react-base/src/theme/types/typography.ts"],"sourcesContent":["import type { TypographyType } from 'acinguiux-ds-fabrics';\r\n\r\nexport type TypographyKind = keyof TypographyType;\r\nconst TYPOGRAPHY_WEIGHTED_KINDS = ['label', 'paragraph', 'heading'] as const;\r\nexport type TypographyWeightedKind = Extract<TypographyKind, (typeof TYPOGRAPHY_WEIGHTED_KINDS)[number]>;\r\n\r\nexport type TypographyWeights<Kind extends TypographyKind> = Kind extends TypographyWeightedKind\r\n  ? keyof TypographyType[Kind]\r\n  : never;\r\nexport type TypographySize<Kind extends TypographyKind> = Kind extends TypographyWeightedKind\r\n  ? keyof TypographyType[Kind][TypographyWeights<Kind>]\r\n  : keyof TypographyType[Kind];\r\n\r\nexport type TypographyElement<\r\n  FontSize extends string | number = number,\r\n  LetterSpacing extends string | number = number,\r\n  LineHeight extends string | number = number,\r\n  ParagraphSpacing extends string | number = number,\r\n> = {\r\n  fontFamily: string;\r\n  fontWeight: string;\r\n  fontSize: FontSize;\r\n  fontStyle: 'normal' | 'italic';\r\n  letterSpacing: LetterSpacing;\r\n  lineHeight: LineHeight;\r\n  paragraphSpacing: ParagraphSpacing;\r\n};\r\n\r\nexport type TypographyElementPx = TypographyElement<`${string}px`, `${string}px`, `${string}px`, `${string}px`>;\r\n\r\nexport type TypographyFn = <\r\n  Kind extends TypographyKind,\r\n  Size extends TypographySize<Kind>,\r\n  Weight extends TypographyWeights<Kind>,\r\n>(\r\n  kind: Kind,\r\n  size?: Size,\r\n  weight?: Weight,\r\n) => TypographyElementPx;\r\n\r\nexport const isTypographyWeighted = (kind: TypographyKind): kind is TypographyWeightedKind =>\r\n  TYPOGRAPHY_WEIGHTED_KINDS.includes(kind as TypographyWeightedKind);\r\n"],"names":["TYPOGRAPHY_WEIGHTED_KINDS","isTypographyWeighted","kind"],"mappings":"4GAGA,MAAMA,EAA4B,CAAC,QAAS,YAAa,SAAS,EAqCrDC,EAAwBC,GACnCF,EAA0B,SAASE,CAA8B"}

package/build/cjs/react-base/src/theme/typography.js.map

@@ -1 +1 @@
-{"version":3,"file":"typography.js","sources":["../../../../../../react-base/src/theme/typography.ts"],"sourcesContent":["import { Typography, type TypographyType } from 'acinguiux-ds-fabrics';\n\nimport {\n  isTypographyWeighted,\n  TypographyKind,\n  TypographySize,\n  TypographyWeights,\n  type TypographyElement,\n  type TypographyElementPx,\n  type TypographyFn,\n} from './types/typography';\n\nconst transformValuesToPx = <T extends TypographyElement>(value: T): TypographyElementPx => ({\n  ...value,\n  fontWeight: `${value.fontWeight ?? 'normal'}`,\n  fontSize: `${value.fontSize ?? 0}px`,\n  lineHeight: `${value.lineHeight ?? 0}px`,\n  paragraphSpacing: `${value.paragraphSpacing ?? 0}px`,\n  letterSpacing: `${value.letterSpacing ?? 0}px`,\n});\n\n/**\n * typography() is a function that returns a typography element with the specified values.\n *\n * @param kind the typography content type ('label', 'paragraph', 'heading' or 'display')\n * @param size the size of the typography content ('extraSmall', 'small', 'medium', 'large', 'extraLarge' or 'smallest')\n * @param weight the weight of the typography content ('regular' or 'strong')\n * @returns the typography element with the specified values\n *\n * @defaults typography('paragraph', 'medium', 'regular')\n */\nexport const typography: TypographyFn = <\n  Kind extends TypographyKind,\n  Size extends TypographySize<Kind>,\n  Weight extends TypographyWeights<Kind>,\n>(\n  kind: Kind,\n  size = 'medium' as Size,\n  weight = 'regular' as Weight,\n) =>\n  isTypographyWeighted(kind)\n    ? transformValuesToPx(Typography[kind][weight][size as keyof TypographyType[Kind][Weight]] as TypographyElement)\n    : transformValuesToPx(Typography[kind][size as keyof TypographyType[typeof kind]] as TypographyElement);\n"],"names":["transformValuesToPx","value","typography","kind","size","weight","isTypographyWeighted","Typography"],"mappings":"uLAYMA,EAAoDC,IAAmC,CAC3F,GAAGA,EACH,WAAY,GAAGA,EAAM,YAAc,QAAQ,GAC3C,SAAU,GAAGA,EAAM,UAAY,CAAC,KAChC,WAAY,GAAGA,EAAM,YAAc,CAAC,KACpC,iBAAkB,GAAGA,EAAM,kBAAoB,CAAC,KAChD,cAAe,GAAGA,EAAM,eAAiB,CAAC,IAC5C,GAYaC,EAA2B,CAKtCC,EACAC,EAAO,SACPC,EAAS,YAETC,EAAAA,qBAAqBH,CAAI,EACrBH,EAAoBO,EAAAA,WAAWJ,CAAI,EAAEE,CAAM,EAAED,CAA0C,CAAsB,EAC7GJ,EAAoBO,EAAAA,WAAWJ,CAAI,EAAEC,CAAyC,CAAsB"}
+{"version":3,"file":"typography.js","sources":["../../../../../../react-base/src/theme/typography.ts"],"sourcesContent":["import { Typography, type TypographyType } from 'acinguiux-ds-fabrics';\r\n\r\nimport {\r\n  isTypographyWeighted,\r\n  TypographyKind,\r\n  TypographySize,\r\n  TypographyWeights,\r\n  type TypographyElement,\r\n  type TypographyElementPx,\r\n  type TypographyFn,\r\n} from './types/typography';\r\n\r\nconst transformValuesToPx = <T extends TypographyElement>(value: T): TypographyElementPx => ({\r\n  ...value,\r\n  fontWeight: `${value.fontWeight ?? 'normal'}`,\r\n  fontSize: `${value.fontSize ?? 0}px`,\r\n  lineHeight: `${value.lineHeight ?? 0}px`,\r\n  paragraphSpacing: `${value.paragraphSpacing ?? 0}px`,\r\n  letterSpacing: `${value.letterSpacing ?? 0}px`,\r\n});\r\n\r\n/**\r\n * typography() is a function that returns a typography element with the specified values.\r\n *\r\n * @param kind the typography content type ('label', 'paragraph', 'heading' or 'display')\r\n * @param size the size of the typography content ('extraSmall', 'small', 'medium', 'large', 'extraLarge' or 'smallest')\r\n * @param weight the weight of the typography content ('regular' or 'strong')\r\n * @returns the typography element with the specified values\r\n *\r\n * @defaults typography('paragraph', 'medium', 'regular')\r\n */\r\nexport const typography: TypographyFn = <\r\n  Kind extends TypographyKind,\r\n  Size extends TypographySize<Kind>,\r\n  Weight extends TypographyWeights<Kind>,\r\n>(\r\n  kind: Kind,\r\n  size = 'medium' as Size,\r\n  weight = 'regular' as Weight,\r\n) =>\r\n  isTypographyWeighted(kind)\r\n    ? transformValuesToPx(Typography[kind][weight][size as keyof TypographyType[Kind][Weight]] as TypographyElement)\r\n    : transformValuesToPx(Typography[kind][size as keyof TypographyType[typeof kind]] as TypographyElement);\r\n"],"names":["transformValuesToPx","value","typography","kind","size","weight","isTypographyWeighted","Typography"],"mappings":"uLAYMA,EAAoDC,IAAmC,CAC3F,GAAGA,EACH,WAAY,GAAGA,EAAM,YAAc,QAAQ,GAC3C,SAAU,GAAGA,EAAM,UAAY,CAAC,KAChC,WAAY,GAAGA,EAAM,YAAc,CAAC,KACpC,iBAAkB,GAAGA,EAAM,kBAAoB,CAAC,KAChD,cAAe,GAAGA,EAAM,eAAiB,CAAC,IAC5C,GAYaC,EAA2B,CAKtCC,EACAC,EAAO,SACPC,EAAS,YAETC,EAAAA,qBAAqBH,CAAI,EACrBH,EAAoBO,EAAAA,WAAWJ,CAAI,EAAEE,CAAM,EAAED,CAA0C,CAAsB,EAC7GJ,EAAoBO,EAAAA,WAAWJ,CAAI,EAAEC,CAAyC,CAAsB"}

package/build/cjs/react-base/src/utils/circleSvgUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"circleSvgUtils.js","sources":["../../../../../../react-base/src/utils/circleSvgUtils.ts"],"sourcesContent":["const toDecimal = (percent: number) => {\n  if (percent === 0) {\n    return 0;\n  }\n\n  return percent / 100;\n};\n\nexport const getStrokeDashArray = (radius: number) => {\n  const circumference = 2 * Math.PI * radius;\n\n  return Math.round(circumference);\n};\n\nexport const getStrokeDashoffset = (radius: number, value: number) => {\n  const strokeOffset = getStrokeDashArray(radius) - getStrokeDashArray(radius) * toDecimal(value);\n\n  return Math.round(strokeOffset);\n};\n"],"names":["toDecimal","percent","getStrokeDashArray","radius","circumference","getStrokeDashoffset","value","strokeOffset"],"mappings":"4GAAA,MAAMA,EAAaC,GACbA,IAAY,EACP,EAGFA,EAAU,IAGNC,EAAsBC,GAAmB,CACpD,MAAMC,EAAgB,EAAI,KAAK,GAAKD,EAEpC,OAAO,KAAK,MAAMC,CAAa,CACjC,EAEaC,EAAsB,CAACF,EAAgBG,IAAkB,CACpE,MAAMC,EAAeL,EAAmBC,CAAM,EAAID,EAAmBC,CAAM,EAAIH,EAAUM,CAAK,EAE9F,OAAO,KAAK,MAAMC,CAAY,CAChC"}
+{"version":3,"file":"circleSvgUtils.js","sources":["../../../../../../react-base/src/utils/circleSvgUtils.ts"],"sourcesContent":["const toDecimal = (percent: number) => {\r\n  if (percent === 0) {\r\n    return 0;\r\n  }\r\n\r\n  return percent / 100;\r\n};\r\n\r\nexport const getStrokeDashArray = (radius: number) => {\r\n  const circumference = 2 * Math.PI * radius;\r\n\r\n  return Math.round(circumference);\r\n};\r\n\r\nexport const getStrokeDashoffset = (radius: number, value: number) => {\r\n  const strokeOffset = getStrokeDashArray(radius) - getStrokeDashArray(radius) * toDecimal(value);\r\n\r\n  return Math.round(strokeOffset);\r\n};\r\n"],"names":["toDecimal","percent","getStrokeDashArray","radius","circumference","getStrokeDashoffset","value","strokeOffset"],"mappings":"4GAAA,MAAMA,EAAaC,GACbA,IAAY,EACP,EAGFA,EAAU,IAGNC,EAAsBC,GAAmB,CACpD,MAAMC,EAAgB,EAAI,KAAK,GAAKD,EAEpC,OAAO,KAAK,MAAMC,CAAa,CACjC,EAEaC,EAAsB,CAACF,EAAgBG,IAAkB,CACpE,MAAMC,EAAeL,EAAmBC,CAAM,EAAID,EAAmBC,CAAM,EAAIH,EAAUM,CAAK,EAE9F,OAAO,KAAK,MAAMC,CAAY,CAChC"}

package/build/cjs/react-base/src/utils/colorsUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"colorsUtils.js","sources":["../../../../../../react-base/src/utils/colorsUtils.ts"],"sourcesContent":["import { Variables } from '../theme';\n\nexport const getColorName = (disabled?: boolean, invalid?: boolean, checked?: boolean) => {\n  if (disabled) return Variables.TextOnFoundationSubtle;\n\n  if (invalid) return Variables.TextOnSentimentOnBackground;\n\n  if (checked) return Variables.TextOnSelectedBackgroundStrong;\n\n  return Variables.TextOnFoundationStrong;\n};\n"],"names":["getColorName","disabled","invalid","checked","Variables"],"mappings":"uJAEaA,EAAe,CAACC,EAAoBC,EAAmBC,IAC9DF,EAAiBG,EAAAA,UAAU,uBAE3BF,EAAgBE,EAAAA,UAAU,4BAIvBA,EAAAA,UAAU"}
+{"version":3,"file":"colorsUtils.js","sources":["../../../../../../react-base/src/utils/colorsUtils.ts"],"sourcesContent":["import { Variables } from '../theme';\r\n\r\nexport const getColorName = (disabled?: boolean, invalid?: boolean, checked?: boolean) => {\r\n  if (disabled) return Variables.TextOnFoundationSubtle;\r\n\r\n  if (invalid) return Variables.TextOnSentimentOnBackground;\r\n\r\n  if (checked) return Variables.TextOnSelectedBackgroundStrong;\r\n\r\n  return Variables.TextOnFoundationStrong;\r\n};\r\n"],"names":["getColorName","disabled","invalid","checked","Variables"],"mappings":"uJAEaA,EAAe,CAACC,EAAoBC,EAAmBC,IAC9DF,EAAiBG,EAAAA,UAAU,uBAE3BF,EAAgBE,EAAAA,UAAU,4BAIvBA,EAAAA,UAAU"}

package/build/cjs/react-base/src/utils/mathUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"mathUtils.js","sources":["../../../../../../react-base/src/utils/mathUtils.ts"],"sourcesContent":["export const normalizeValue = (value: number): number => {\n  if (value > 100) {\n    return 100;\n  }\n  if (value < 0) {\n    return 0;\n  }\n\n  return value;\n};\n"],"names":["normalizeValue","value"],"mappings":"4GAAO,MAAMA,EAAkBC,GACzBA,EAAQ,IACH,IAELA,EAAQ,EACH,EAGFA"}
+{"version":3,"file":"mathUtils.js","sources":["../../../../../../react-base/src/utils/mathUtils.ts"],"sourcesContent":["export const normalizeValue = (value: number): number => {\r\n  if (value > 100) {\r\n    return 100;\r\n  }\r\n  if (value < 0) {\r\n    return 0;\r\n  }\r\n\r\n  return value;\r\n};\r\n"],"names":["normalizeValue","value"],"mappings":"4GAAO,MAAMA,EAAkBC,GACzBA,EAAQ,IACH,IAELA,EAAQ,EACH,EAGFA"}

package/build/cjs/react-base/src/utils/resolutionUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"resolutionUtils.js","sources":["../../../../../../react-base/src/utils/resolutionUtils.ts"],"sourcesContent":["import { ResolutionsType } from '../types';\nimport { Resolutions } from '../consts';\n\nexport const resolutions: ResolutionsType = {\n  [`${Resolutions.XXS}`]: 575,\n  [`${Resolutions.XS}`]: 767,\n  [`${Resolutions.S}`]: 1059,\n  [`${Resolutions.M}`]: 1319,\n  [`${Resolutions.L}`]: 1439,\n  [`${Resolutions.XL}`]: 1539,\n  [`${Resolutions.XXL}`]: 2559,\n};\n\nexport const mediaQueries = {\n  [`${Resolutions.XXS}`]: `(min-width: ${resolutions[Resolutions.XXS]}px)`,\n  [`${Resolutions.XS}`]: `(min-width: ${resolutions[Resolutions.XS]}px)`,\n  [`${Resolutions.S}`]: `(min-width: ${resolutions[Resolutions.S]}px)`,\n  [`${Resolutions.M}`]: `(min-width: ${resolutions[Resolutions.M]}px)`,\n  [`${Resolutions.L}`]: `(min-width: ${resolutions[Resolutions.L]}px)`,\n  [`${Resolutions.XL}`]: `(min-width: ${resolutions[Resolutions.XL]}px)`,\n  [`${Resolutions.XXL}`]: `(min-width: ${resolutions[Resolutions.XXL]}px)`,\n  /**\n   * @deprecated Please use Resolutions.XXS instead\n   */\n  mobileL: `(min-width: ${resolutions.xxs}px)`,\n  /**\n   * @deprecated Please use Resolutions.XS instead\n   */\n  tabletS: `(min-width: ${resolutions.xs}px)`,\n  /**\n   * @deprecated Please use Resolutions.S instead\n   */\n  tabletL: `(min-width: ${resolutions.s}px)`,\n  /**\n   * @deprecated Please use Resolutions.M instead\n   */\n  laptopS: `(min-width: ${resolutions.m}px)`,\n  /**\n   * @deprecated Please use Resolutions.L instead\n   */\n  laptopL: `(min-width: ${resolutions.l}px)`,\n  /**\n   * @deprecated Please use Resolutions.XL instead\n   */\n  desktopS: `(min-width: ${resolutions.xl}px)`,\n  /**\n   * @deprecated Please use Resolutions.XXL instead\n   */\n  desktopL: `(min-width: ${resolutions.xxl}px)`,\n};\n"],"names":["resolutions","Resolutions","mediaQueries"],"mappings":"kJAGaA,EAA+B,CAC1C,CAAC,GAAGC,EAAAA,YAAY,GAAG,EAAE,EAAG,IACxB,CAAC,GAAGA,EAAAA,YAAY,EAAE,EAAE,EAAG,IACvB,CAAC,GAAGA,EAAAA,YAAY,CAAC,EAAE,EAAG,KACtB,CAAC,GAAGA,EAAAA,YAAY,CAAC,EAAE,EAAG,KACtB,CAAC,GAAGA,EAAAA,YAAY,CAAC,EAAE,EAAG,KACtB,CAAC,GAAGA,EAAAA,YAAY,EAAE,EAAE,EAAG,KACvB,CAAC,GAAGA,EAAAA,YAAY,GAAG,EAAE,EAAG,IAC1B,EAEaC,EAAe,CAC1B,CAAC,GAAGD,EAAAA,YAAY,GAAG,EAAE,EAAG,eAAeD,EAAYC,EAAAA,YAAY,GAAG,CAAC,MACnE,CAAC,GAAGA,EAAAA,YAAY,EAAE,EAAE,EAAG,eAAeD,EAAYC,EAAAA,YAAY,EAAE,CAAC,MACjE,CAAC,GAAGA,EAAAA,YAAY,CAAC,EAAE,EAAG,eAAeD,EAAYC,EAAAA,YAAY,CAAC,CAAC,MAC/D,CAAC,GAAGA,EAAAA,YAAY,CAAC,EAAE,EAAG,eAAeD,EAAYC,EAAAA,YAAY,CAAC,CAAC,MAC/D,CAAC,GAAGA,EAAAA,YAAY,CAAC,EAAE,EAAG,eAAeD,EAAYC,EAAAA,YAAY,CAAC,CAAC,MAC/D,CAAC,GAAGA,EAAAA,YAAY,EAAE,EAAE,EAAG,eAAeD,EAAYC,EAAAA,YAAY,EAAE,CAAC,MACjE,CAAC,GAAGA,EAAAA,YAAY,GAAG,EAAE,EAAG,eAAeD,EAAYC,EAAAA,YAAY,GAAG,CAAC,MAInE,QAAS,eAAeD,EAAY,GAAG,MAIvC,QAAS,eAAeA,EAAY,EAAE,MAItC,QAAS,eAAeA,EAAY,CAAC,MAIrC,QAAS,eAAeA,EAAY,CAAC,MAIrC,QAAS,eAAeA,EAAY,CAAC,MAIrC,SAAU,eAAeA,EAAY,EAAE,MAIvC,SAAU,eAAeA,EAAY,GAAG,KAC1C"}
+{"version":3,"file":"resolutionUtils.js","sources":["../../../../../../react-base/src/utils/resolutionUtils.ts"],"sourcesContent":["import { ResolutionsType } from '../types';\r\nimport { Resolutions } from '../consts';\r\n\r\nexport const resolutions: ResolutionsType = {\r\n  [`${Resolutions.XXS}`]: 575,\r\n  [`${Resolutions.XS}`]: 767,\r\n  [`${Resolutions.S}`]: 1059,\r\n  [`${Resolutions.M}`]: 1319,\r\n  [`${Resolutions.L}`]: 1439,\r\n  [`${Resolutions.XL}`]: 1539,\r\n  [`${Resolutions.XXL}`]: 2559,\r\n};\r\n\r\nexport const mediaQueries = {\r\n  [`${Resolutions.XXS}`]: `(min-width: ${resolutions[Resolutions.XXS]}px)`,\r\n  [`${Resolutions.XS}`]: `(min-width: ${resolutions[Resolutions.XS]}px)`,\r\n  [`${Resolutions.S}`]: `(min-width: ${resolutions[Resolutions.S]}px)`,\r\n  [`${Resolutions.M}`]: `(min-width: ${resolutions[Resolutions.M]}px)`,\r\n  [`${Resolutions.L}`]: `(min-width: ${resolutions[Resolutions.L]}px)`,\r\n  [`${Resolutions.XL}`]: `(min-width: ${resolutions[Resolutions.XL]}px)`,\r\n  [`${Resolutions.XXL}`]: `(min-width: ${resolutions[Resolutions.XXL]}px)`,\r\n  /**\r\n   * @deprecated Please use Resolutions.XXS instead\r\n   */\r\n  mobileL: `(min-width: ${resolutions.xxs}px)`,\r\n  /**\r\n   * @deprecated Please use Resolutions.XS instead\r\n   */\r\n  tabletS: `(min-width: ${resolutions.xs}px)`,\r\n  /**\r\n   * @deprecated Please use Resolutions.S instead\r\n   */\r\n  tabletL: `(min-width: ${resolutions.s}px)`,\r\n  /**\r\n   * @deprecated Please use Resolutions.M instead\r\n   */\r\n  laptopS: `(min-width: ${resolutions.m}px)`,\r\n  /**\r\n   * @deprecated Please use Resolutions.L instead\r\n   */\r\n  laptopL: `(min-width: ${resolutions.l}px)`,\r\n  /**\r\n   * @deprecated Please use Resolutions.XL instead\r\n   */\r\n  desktopS: `(min-width: ${resolutions.xl}px)`,\r\n  /**\r\n   * @deprecated Please use Resolutions.XXL instead\r\n   */\r\n  desktopL: `(min-width: ${resolutions.xxl}px)`,\r\n};\r\n"],"names":["resolutions","Resolutions","mediaQueries"],"mappings":"kJAGaA,EAA+B,CAC1C,CAAC,GAAGC,EAAAA,YAAY,GAAG,EAAE,EAAG,IACxB,CAAC,GAAGA,EAAAA,YAAY,EAAE,EAAE,EAAG,IACvB,CAAC,GAAGA,EAAAA,YAAY,CAAC,EAAE,EAAG,KACtB,CAAC,GAAGA,EAAAA,YAAY,CAAC,EAAE,EAAG,KACtB,CAAC,GAAGA,EAAAA,YAAY,CAAC,EAAE,EAAG,KACtB,CAAC,GAAGA,EAAAA,YAAY,EAAE,EAAE,EAAG,KACvB,CAAC,GAAGA,EAAAA,YAAY,GAAG,EAAE,EAAG,IAC1B,EAEaC,EAAe,CAC1B,CAAC,GAAGD,EAAAA,YAAY,GAAG,EAAE,EAAG,eAAeD,EAAYC,EAAAA,YAAY,GAAG,CAAC,MACnE,CAAC,GAAGA,EAAAA,YAAY,EAAE,EAAE,EAAG,eAAeD,EAAYC,EAAAA,YAAY,EAAE,CAAC,MACjE,CAAC,GAAGA,EAAAA,YAAY,CAAC,EAAE,EAAG,eAAeD,EAAYC,EAAAA,YAAY,CAAC,CAAC,MAC/D,CAAC,GAAGA,EAAAA,YAAY,CAAC,EAAE,EAAG,eAAeD,EAAYC,EAAAA,YAAY,CAAC,CAAC,MAC/D,CAAC,GAAGA,EAAAA,YAAY,CAAC,EAAE,EAAG,eAAeD,EAAYC,EAAAA,YAAY,CAAC,CAAC,MAC/D,CAAC,GAAGA,EAAAA,YAAY,EAAE,EAAE,EAAG,eAAeD,EAAYC,EAAAA,YAAY,EAAE,CAAC,MACjE,CAAC,GAAGA,EAAAA,YAAY,GAAG,EAAE,EAAG,eAAeD,EAAYC,EAAAA,YAAY,GAAG,CAAC,MAInE,QAAS,eAAeD,EAAY,GAAG,MAIvC,QAAS,eAAeA,EAAY,EAAE,MAItC,QAAS,eAAeA,EAAY,CAAC,MAIrC,QAAS,eAAeA,EAAY,CAAC,MAIrC,QAAS,eAAeA,EAAY,CAAC,MAIrC,SAAU,eAAeA,EAAY,EAAE,MAIvC,SAAU,eAAeA,EAAY,GAAG,KAC1C"}

package/build/cjs/react-base/src/utils/sizesUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"sizesUtils.js","sources":["../../../../../../react-base/src/utils/sizesUtils.ts"],"sourcesContent":["import { Sizes } from '../consts';\nimport type { Level } from '../components/Text/components/Heading/Heading.types';\nimport type { TypographySize } from '../theme';\n\nexport const getSmallerSize = (size: `${Sizes}` = Sizes.Medium): Exclude<`${Sizes}`, `${Sizes.XXLarge}`> => {\n  switch (size) {\n    case Sizes.XSmall:\n    case Sizes.Smallest:\n      return Sizes.Smallest;\n    case Sizes.Small:\n      return Sizes.XSmall;\n    case Sizes.Medium:\n      return Sizes.Small;\n    case Sizes.Large:\n      return Sizes.Medium;\n    case Sizes.XLarge:\n    case Sizes.XXLarge:\n      return Sizes.Large;\n    default:\n      throw new Error(`size \"${size}\" does not have a smaller size`);\n  }\n};\n\nexport const getLargerSize = (\n  size: Exclude<`${Sizes}`, `${Sizes.XXLarge}`> = Sizes.Medium,\n): Exclude<`${Sizes}`, `${Sizes.Smallest}`> => {\n  switch (size) {\n    case Sizes.Smallest:\n      return Sizes.XSmall;\n    case Sizes.XSmall:\n      return Sizes.Small;\n    case Sizes.Small:\n      return Sizes.Medium;\n    case Sizes.Medium:\n      return Sizes.Large;\n    case Sizes.Large:\n      return Sizes.XLarge;\n    case Sizes.XLarge:\n      return Sizes.XXLarge;\n    default:\n      throw new Error(`size \"${size}\" does not have a larger size`);\n  }\n};\n\nexport const getLabelTypographySize = (size: `${Sizes}` = `${Sizes.Medium}`): TypographySize<'label'> => {\n  switch (size) {\n    case Sizes.Smallest:\n      return 'smallest';\n    case Sizes.XSmall:\n      return 'extraSmall';\n    case Sizes.Small:\n      return 'small';\n    case Sizes.Medium:\n      return 'medium';\n    case Sizes.Large:\n    case Sizes.XLarge:\n    case Sizes.XXLarge:\n      return 'large';\n    default:\n      throw new Error(`size \"${size}\" does not have a label typography size`);\n  }\n};\n\nexport const getParagraphTypographySize = (size: `${Sizes}` = `${Sizes.Medium}`): TypographySize<'paragraph'> => {\n  switch (size) {\n    case Sizes.Smallest:\n    case Sizes.XSmall:\n      return 'extraSmall';\n    case Sizes.Small:\n      return 'small';\n    case Sizes.Medium:\n      return 'medium';\n    case Sizes.Large:\n    case Sizes.XLarge:\n    case Sizes.XXLarge:\n      return 'large';\n    default:\n      throw new Error(`size \"${size}\" does not have a paragraph typography size`);\n  }\n};\n\nexport const getHeadingTypographyLevelFromSize = (size: `${Sizes}` = `${Sizes.Medium}`): Level => {\n  switch (size) {\n    case Sizes.Smallest:\n      return 6;\n    case Sizes.XSmall:\n      return 5;\n    case Sizes.Small:\n      return 4;\n    case Sizes.Medium:\n      return 3;\n    case Sizes.Large:\n      return 2;\n    case Sizes.XLarge:\n    case Sizes.XXLarge:\n      return 1;\n    default:\n      throw new Error(`size \"${size}\" does not have a heading level`);\n  }\n};\nexport const getHeadingTypographySize = (size: `${Sizes}` = `${Sizes.Medium}`): TypographySize<'heading'> => {\n  switch (size) {\n    case Sizes.Smallest:\n      return 'smallest';\n    case Sizes.XSmall:\n      return 'extraSmall';\n    case Sizes.Small:\n      return 'small';\n    case Sizes.Medium:\n      return 'medium';\n    case Sizes.Large:\n      return 'large';\n    case Sizes.XLarge:\n    case Sizes.XXLarge:\n      return 'extraLarge';\n    default:\n      throw new Error(`size \"${size}\" does not have a heading typography size`);\n  }\n};\n\nexport const getDisplayTypographySize = (size: `${Sizes}` = `${Sizes.Medium}`): TypographySize<'display'> => {\n  switch (size) {\n    case Sizes.Smallest:\n    case Sizes.XSmall:\n      return 'extraSmall';\n    case Sizes.Small:\n      return 'small';\n    case Sizes.Medium:\n      return 'medium';\n    case Sizes.Large:\n    case Sizes.XLarge:\n    case Sizes.XXLarge:\n      return 'large';\n    default:\n  }\n  throw new Error(`size \"${size}\" does not have a display typography size`);\n};\n"],"names":["getSmallerSize","size","Sizes","getLargerSize","getLabelTypographySize","getParagraphTypographySize","getHeadingTypographySize","getDisplayTypographySize"],"mappings":"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"}
+{"version":3,"file":"sizesUtils.js","sources":["../../../../../../react-base/src/utils/sizesUtils.ts"],"sourcesContent":["import { Sizes } from '../consts';\r\nimport type { Level } from '../components/Text/components/Heading/Heading.types';\r\nimport type { TypographySize } from '../theme';\r\n\r\nexport const getSmallerSize = (size: `${Sizes}` = Sizes.Medium): Exclude<`${Sizes}`, `${Sizes.XXLarge}`> => {\r\n  switch (size) {\r\n    case Sizes.XSmall:\r\n    case Sizes.Smallest:\r\n      return Sizes.Smallest;\r\n    case Sizes.Small:\r\n      return Sizes.XSmall;\r\n    case Sizes.Medium:\r\n      return Sizes.Small;\r\n    case Sizes.Large:\r\n      return Sizes.Medium;\r\n    case Sizes.XLarge:\r\n    case Sizes.XXLarge:\r\n      return Sizes.Large;\r\n    default:\r\n      throw new Error(`size \"${size}\" does not have a smaller size`);\r\n  }\r\n};\r\n\r\nexport const getLargerSize = (\r\n  size: Exclude<`${Sizes}`, `${Sizes.XXLarge}`> = Sizes.Medium,\r\n): Exclude<`${Sizes}`, `${Sizes.Smallest}`> => {\r\n  switch (size) {\r\n    case Sizes.Smallest:\r\n      return Sizes.XSmall;\r\n    case Sizes.XSmall:\r\n      return Sizes.Small;\r\n    case Sizes.Small:\r\n      return Sizes.Medium;\r\n    case Sizes.Medium:\r\n      return Sizes.Large;\r\n    case Sizes.Large:\r\n      return Sizes.XLarge;\r\n    case Sizes.XLarge:\r\n      return Sizes.XXLarge;\r\n    default:\r\n      throw new Error(`size \"${size}\" does not have a larger size`);\r\n  }\r\n};\r\n\r\nexport const getLabelTypographySize = (size: `${Sizes}` = `${Sizes.Medium}`): TypographySize<'label'> => {\r\n  switch (size) {\r\n    case Sizes.Smallest:\r\n      return 'smallest';\r\n    case Sizes.XSmall:\r\n      return 'extraSmall';\r\n    case Sizes.Small:\r\n      return 'small';\r\n    case Sizes.Medium:\r\n      return 'medium';\r\n    case Sizes.Large:\r\n    case Sizes.XLarge:\r\n    case Sizes.XXLarge:\r\n      return 'large';\r\n    default:\r\n      throw new Error(`size \"${size}\" does not have a label typography size`);\r\n  }\r\n};\r\n\r\nexport const getParagraphTypographySize = (size: `${Sizes}` = `${Sizes.Medium}`): TypographySize<'paragraph'> => {\r\n  switch (size) {\r\n    case Sizes.Smallest:\r\n    case Sizes.XSmall:\r\n      return 'extraSmall';\r\n    case Sizes.Small:\r\n      return 'small';\r\n    case Sizes.Medium:\r\n      return 'medium';\r\n    case Sizes.Large:\r\n    case Sizes.XLarge:\r\n    case Sizes.XXLarge:\r\n      return 'large';\r\n    default:\r\n      throw new Error(`size \"${size}\" does not have a paragraph typography size`);\r\n  }\r\n};\r\n\r\nexport const getHeadingTypographyLevelFromSize = (size: `${Sizes}` = `${Sizes.Medium}`): Level => {\r\n  switch (size) {\r\n    case Sizes.Smallest:\r\n      return 6;\r\n    case Sizes.XSmall:\r\n      return 5;\r\n    case Sizes.Small:\r\n      return 4;\r\n    case Sizes.Medium:\r\n      return 3;\r\n    case Sizes.Large:\r\n      return 2;\r\n    case Sizes.XLarge:\r\n    case Sizes.XXLarge:\r\n      return 1;\r\n    default:\r\n      throw new Error(`size \"${size}\" does not have a heading level`);\r\n  }\r\n};\r\nexport const getHeadingTypographySize = (size: `${Sizes}` = `${Sizes.Medium}`): TypographySize<'heading'> => {\r\n  switch (size) {\r\n    case Sizes.Smallest:\r\n      return 'smallest';\r\n    case Sizes.XSmall:\r\n      return 'extraSmall';\r\n    case Sizes.Small:\r\n      return 'small';\r\n    case Sizes.Medium:\r\n      return 'medium';\r\n    case Sizes.Large:\r\n      return 'large';\r\n    case Sizes.XLarge:\r\n    case Sizes.XXLarge:\r\n      return 'extraLarge';\r\n    default:\r\n      throw new Error(`size \"${size}\" does not have a heading typography size`);\r\n  }\r\n};\r\n\r\nexport const getDisplayTypographySize = (size: `${Sizes}` = `${Sizes.Medium}`): TypographySize<'display'> => {\r\n  switch (size) {\r\n    case Sizes.Smallest:\r\n    case Sizes.XSmall:\r\n      return 'extraSmall';\r\n    case Sizes.Small:\r\n      return 'small';\r\n    case Sizes.Medium:\r\n      return 'medium';\r\n    case Sizes.Large:\r\n    case Sizes.XLarge:\r\n    case Sizes.XXLarge:\r\n      return 'large';\r\n    default:\r\n  }\r\n  throw new Error(`size \"${size}\" does not have a display typography size`);\r\n};\r\n"],"names":["getSmallerSize","size","Sizes","getLargerSize","getLabelTypographySize","getParagraphTypographySize","getHeadingTypographySize","getDisplayTypographySize"],"mappings":"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"}

package/build/cjs/react-base/src/utils/stylesUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"stylesUtils.js","sources":["../../../../../../react-base/src/utils/stylesUtils.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport { Theme, Variables } from '../theme';\n\nexport const getFocusStyles = (theme: Theme, offset = false) => css`\n  outline: 2px solid ${theme.globals('others').focus};\n  outline-offset: ${offset ? '1px' : '-1px'};\n`;\n\nexport const getLabelFontStyles = (theme: Theme, disabled?: boolean) => ({\n  color: theme.layer({\n    foundation: 'surface',\n    disabled: disabled ? FabricsVariables.Disableds.True : undefined,\n  })[Variables.TextOnFoundationStrong],\n});\n\nexport const getPlaceholderFontStyles = (theme: Theme, disabled?: boolean) => ({\n  color: theme.layer({\n    foundation: 'surface',\n    disabled: disabled ? FabricsVariables.Disableds.True : undefined,\n  })[Variables.TextOnFoundationSubtle],\n  fontStyle: 'normal',\n});\n"],"names":["getFocusStyles","theme","offset","css","getLabelFontStyles","disabled","FabricsVariables","Variables","getPlaceholderFontStyles"],"mappings":"wNAKaA,EAAiB,CAACC,EAAcC,EAAS,KAAUC,EAAAA;AAAAA,uBACzCF,EAAM,QAAQ,QAAQ,EAAE,KAAK;AAAA,oBAChCC,EAAS,MAAQ,MAAM;AAAA,EAG9BE,EAAqB,CAACH,EAAcI,KAAwB,CACvE,MAAOJ,EAAM,MAAM,CACjB,WAAY,UACZ,SAAUI,EAAWC,mBAAiB,UAAU,KAAO,MAAA,CACxD,EAAEC,EAAAA,UAAU,sBAAsB,CACrC,GAEaC,EAA2B,CAACP,EAAcI,KAAwB,CAC7E,MAAOJ,EAAM,MAAM,CACjB,WAAY,UACZ,SAAUI,EAAWC,mBAAiB,UAAU,KAAO,MAAA,CACxD,EAAEC,EAAAA,UAAU,sBAAsB,EACnC,UAAW,QACb"}
+{"version":3,"file":"stylesUtils.js","sources":["../../../../../../react-base/src/utils/stylesUtils.ts"],"sourcesContent":["import { css } from 'styled-components';\r\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\r\n\r\nimport { Theme, Variables } from '../theme';\r\n\r\nexport const getFocusStyles = (theme: Theme, offset = false) => css`\r\n  outline: 2px solid ${theme.globals('others').focus};\r\n  outline-offset: ${offset ? '1px' : '-1px'};\r\n`;\r\n\r\nexport const getLabelFontStyles = (theme: Theme, disabled?: boolean) => ({\r\n  color: theme.layer({\r\n    foundation: 'surface',\r\n    disabled: disabled ? FabricsVariables.Disableds.True : undefined,\r\n  })[Variables.TextOnFoundationStrong],\r\n});\r\n\r\nexport const getPlaceholderFontStyles = (theme: Theme, disabled?: boolean) => ({\r\n  color: theme.layer({\r\n    foundation: 'surface',\r\n    disabled: disabled ? FabricsVariables.Disableds.True : undefined,\r\n  })[Variables.TextOnFoundationSubtle],\r\n  fontStyle: 'normal',\r\n});\r\n"],"names":["getFocusStyles","theme","offset","css","getLabelFontStyles","disabled","FabricsVariables","Variables","getPlaceholderFontStyles"],"mappings":"wNAKaA,EAAiB,CAACC,EAAcC,EAAS,KAAUC,EAAAA;AAAAA,uBACzCF,EAAM,QAAQ,QAAQ,EAAE,KAAK;AAAA,oBAChCC,EAAS,MAAQ,MAAM;AAAA,EAG9BE,EAAqB,CAACH,EAAcI,KAAwB,CACvE,MAAOJ,EAAM,MAAM,CACjB,WAAY,UACZ,SAAUI,EAAWC,mBAAiB,UAAU,KAAO,MAAA,CACxD,EAAEC,EAAAA,UAAU,sBAAsB,CACrC,GAEaC,EAA2B,CAACP,EAAcI,KAAwB,CAC7E,MAAOJ,EAAM,MAAM,CACjB,WAAY,UACZ,SAAUI,EAAWC,mBAAiB,UAAU,KAAO,MAAA,CACxD,EAAEC,EAAAA,UAAU,sBAAsB,EACnC,UAAW,QACb"}

package/build/cjs/styles/GlobalStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalStyles.js","sources":["../../../src/styles/GlobalStyles.ts"],"sourcesContent":["import { Variables } from 'acinguiux-ds-react-base/theme';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\nimport { createGlobalStyle, css } from 'styled-components';\nimport { normalize } from 'styled-normalize';\n\nexport const GlobalStyles = createGlobalStyle`\n  ${normalize}\n\n  ${({ theme }) => css`\n    *,\n    *::before,\n    *::after {\n      box-sizing: border-box;\n    }\n\n    body {\n      font-family: 'Be Vietnam Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, Roboto, 'Helvetica Neue', sans-serif;\n      ${theme.typography('paragraph')};\n      color: ${theme.layer({})[Variables.TextOnFoundationStrong]};\n      -webkit-font-smoothing: antialiased;\n    }\n\n    a {\n      color: ${theme.layer()[Variables.TextOnFoundationLink]};\n    }\n\n    a:visited {\n      color: ${theme.layer()[Variables.TextOnFoundationLinkVisited]};\n    }\n\n    a:hover {\n      color: ${theme.layer({ state: FabricsVariables.States.Hover })[Variables.TextOnFoundationLink]};\n    }\n\n    a:active {\n      color: ${theme.layer({ state: FabricsVariables.States.Press })[Variables.TextOnFoundationLink]};\n    }\n\n    a:disabled {\n      color: ${theme.layer({ disabled: FabricsVariables.Disableds.True })[Variables.TextOnFoundationLink]};\n    }\n  `}\n`;\n"],"names":["GlobalStyles","createGlobalStyle","normalize","theme","css","Variables","FabricsVariables"],"mappings":"qQAKaA,EAAeC,EAAAA;AAAAA,IACxBC,EAAAA,SAAS;AAAA;AAAA,IAET,CAAC,CAAE,MAAAC,CAAA,IAAYC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,QASXD,EAAM,WAAW,WAAW,CAAC;AAAA,eACtBA,EAAM,MAAM,CAAA,CAAE,EAAEE,EAAAA,UAAU,sBAAsB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,eAKjDF,EAAM,MAAA,EAAQE,EAAAA,UAAU,oBAAoB,CAAC;AAAA;AAAA;AAAA;AAAA,eAI7CF,EAAM,MAAA,EAAQE,EAAAA,UAAU,2BAA2B,CAAC;AAAA;AAAA;AAAA;AAAA,eAIpDF,EAAM,MAAM,CAAE,MAAOG,EAAAA,iBAAiB,OAAO,MAAO,EAAED,YAAU,oBAAoB,CAAC;AAAA;AAAA;AAAA;AAAA,eAIrFF,EAAM,MAAM,CAAE,MAAOG,EAAAA,iBAAiB,OAAO,MAAO,EAAED,YAAU,oBAAoB,CAAC;AAAA;AAAA;AAAA;AAAA,eAIrFF,EAAM,MAAM,CAAE,SAAUG,EAAAA,iBAAiB,UAAU,KAAM,EAAED,YAAU,oBAAoB,CAAC;AAAA;AAAA,GAEtG;AAAA"}
+{"version":3,"file":"GlobalStyles.js","sources":["../../../src/styles/GlobalStyles.ts"],"sourcesContent":["import { Variables } from 'acinguiux-ds-react-base/theme';\r\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\r\nimport { createGlobalStyle, css } from 'styled-components';\r\nimport { normalize } from 'styled-normalize';\r\n\r\nexport const GlobalStyles = createGlobalStyle`\r\n  ${normalize}\r\n\r\n  ${({ theme }) => css`\r\n    *,\r\n    *::before,\r\n    *::after {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    body {\r\n      font-family: 'Be Vietnam Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, Roboto, 'Helvetica Neue', sans-serif;\r\n      ${theme.typography('paragraph')};\r\n      color: ${theme.layer({})[Variables.TextOnFoundationStrong]};\r\n      -webkit-font-smoothing: antialiased;\r\n    }\r\n\r\n    a {\r\n      color: ${theme.layer()[Variables.TextOnFoundationLink]};\r\n    }\r\n\r\n    a:visited {\r\n      color: ${theme.layer()[Variables.TextOnFoundationLinkVisited]};\r\n    }\r\n\r\n    a:hover {\r\n      color: ${theme.layer({ state: FabricsVariables.States.Hover })[Variables.TextOnFoundationLink]};\r\n    }\r\n\r\n    a:active {\r\n      color: ${theme.layer({ state: FabricsVariables.States.Press })[Variables.TextOnFoundationLink]};\r\n    }\r\n\r\n    a:disabled {\r\n      color: ${theme.layer({ disabled: FabricsVariables.Disableds.True })[Variables.TextOnFoundationLink]};\r\n    }\r\n  `}\r\n`;\r\n"],"names":["GlobalStyles","createGlobalStyle","normalize","theme","css","Variables","FabricsVariables"],"mappings":"qQAKaA,EAAeC,EAAAA;AAAAA,IACxBC,EAAAA,SAAS;AAAA;AAAA,IAET,CAAC,CAAE,MAAAC,CAAA,IAAYC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,QASXD,EAAM,WAAW,WAAW,CAAC;AAAA,eACtBA,EAAM,MAAM,CAAA,CAAE,EAAEE,EAAAA,UAAU,sBAAsB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,eAKjDF,EAAM,MAAA,EAAQE,EAAAA,UAAU,oBAAoB,CAAC;AAAA;AAAA;AAAA;AAAA,eAI7CF,EAAM,MAAA,EAAQE,EAAAA,UAAU,2BAA2B,CAAC;AAAA;AAAA;AAAA;AAAA,eAIpDF,EAAM,MAAM,CAAE,MAAOG,EAAAA,iBAAiB,OAAO,MAAO,EAAED,YAAU,oBAAoB,CAAC;AAAA;AAAA;AAAA;AAAA,eAIrFF,EAAM,MAAM,CAAE,MAAOG,EAAAA,iBAAiB,OAAO,MAAO,EAAED,YAAU,oBAAoB,CAAC;AAAA;AAAA;AAAA;AAAA,eAIrFF,EAAM,MAAM,CAAE,SAAUG,EAAAA,iBAAiB,UAAU,KAAM,EAAED,YAAU,oBAAoB,CAAC;AAAA;AAAA,GAEtG;AAAA"}

package/build/cjs/utils/colorUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"colorUtils.js","sources":["../../../src/utils/colorUtils.ts"],"sourcesContent":["import tinyColor from 'tinycolor2';\n\nexport const rgba2rgb = (rawColor: string, rawBackground: string) => {\n  const color = tinyColor(rawColor).toRgb();\n  const background = tinyColor(rawBackground).toRgb();\n  const alpha = color.a;\n\n  color.r = Math.floor((1 - alpha) * background.r + alpha * color.r + 0.5);\n  color.g = Math.floor((1 - alpha) * background.g + alpha * color.g + 0.5);\n  color.b = Math.floor((1 - alpha) * background.b + alpha * color.b + 0.5);\n  color.a = 1;\n\n  return tinyColor(color).toRgbString();\n};\n"],"names":["rgba2rgb","rawColor","rawBackground","color","tinyColor","background","alpha"],"mappings":"0IAEaA,EAAW,CAACC,EAAkBC,IAA0B,CACnE,MAAMC,EAAQC,EAAUH,CAAQ,EAAE,MAAA,EAC5BI,EAAaD,EAAUF,CAAa,EAAE,MAAA,EACtCI,EAAQH,EAAM,EAEpB,OAAAA,EAAM,EAAI,KAAK,OAAO,EAAIG,GAASD,EAAW,EAAIC,EAAQH,EAAM,EAAI,EAAG,EACvEA,EAAM,EAAI,KAAK,OAAO,EAAIG,GAASD,EAAW,EAAIC,EAAQH,EAAM,EAAI,EAAG,EACvEA,EAAM,EAAI,KAAK,OAAO,EAAIG,GAASD,EAAW,EAAIC,EAAQH,EAAM,EAAI,EAAG,EACvEA,EAAM,EAAI,EAEHC,EAAUD,CAAK,EAAE,YAAA,CAC1B"}
+{"version":3,"file":"colorUtils.js","sources":["../../../src/utils/colorUtils.ts"],"sourcesContent":["import tinyColor from 'tinycolor2';\r\n\r\nexport const rgba2rgb = (rawColor: string, rawBackground: string) => {\r\n  const color = tinyColor(rawColor).toRgb();\r\n  const background = tinyColor(rawBackground).toRgb();\r\n  const alpha = color.a;\r\n\r\n  color.r = Math.floor((1 - alpha) * background.r + alpha * color.r + 0.5);\r\n  color.g = Math.floor((1 - alpha) * background.g + alpha * color.g + 0.5);\r\n  color.b = Math.floor((1 - alpha) * background.b + alpha * color.b + 0.5);\r\n  color.a = 1;\r\n\r\n  return tinyColor(color).toRgbString();\r\n};\r\n"],"names":["rgba2rgb","rawColor","rawBackground","color","tinyColor","background","alpha"],"mappings":"0IAEaA,EAAW,CAACC,EAAkBC,IAA0B,CACnE,MAAMC,EAAQC,EAAUH,CAAQ,EAAE,MAAA,EAC5BI,EAAaD,EAAUF,CAAa,EAAE,MAAA,EACtCI,EAAQH,EAAM,EAEpB,OAAAA,EAAM,EAAI,KAAK,OAAO,EAAIG,GAASD,EAAW,EAAIC,EAAQH,EAAM,EAAI,EAAG,EACvEA,EAAM,EAAI,KAAK,OAAO,EAAIG,GAASD,EAAW,EAAIC,EAAQH,EAAM,EAAI,EAAG,EACvEA,EAAM,EAAI,KAAK,OAAO,EAAIG,GAASD,EAAW,EAAIC,EAAQH,EAAM,EAAI,EAAG,EACvEA,EAAM,EAAI,EAEHC,EAAUD,CAAK,EAAE,YAAA,CAC1B"}

package/build/cjs/utils/styleUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"styleUtils.js","sources":["../../../src/utils/styleUtils.tsx"],"sourcesContent":["import { keyframes } from 'styled-components';\n\nexport const rotate = keyframes`\n  from {\n    transform: rotate(0deg);\n  }\n\n  to {\n    transform: rotate(360deg);\n  }\n`;\n\nexport const getElevation = (elevation?: boolean, float?: boolean): boolean => {\n  if (typeof elevation !== 'undefined') {\n    return elevation;\n  }\n\n  if (typeof elevation === 'undefined' && typeof elevation !== 'undefined' && float) {\n    return float;\n  }\n\n  return true;\n};\n"],"names":["rotate","keyframes"],"mappings":"iJAEaA,EAASC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA"}
+{"version":3,"file":"styleUtils.js","sources":["../../../src/utils/styleUtils.tsx"],"sourcesContent":["import { keyframes } from 'styled-components';\r\n\r\nexport const rotate = keyframes`\r\n  from {\r\n    transform: rotate(0deg);\r\n  }\r\n\r\n  to {\r\n    transform: rotate(360deg);\r\n  }\r\n`;\r\n\r\nexport const getElevation = (elevation?: boolean, float?: boolean): boolean => {\r\n  if (typeof elevation !== 'undefined') {\r\n    return elevation;\r\n  }\r\n\r\n  if (typeof elevation === 'undefined' && typeof elevation !== 'undefined' && float) {\r\n    return float;\r\n  }\r\n\r\n  return true;\r\n};\r\n"],"names":["rotate","keyframes"],"mappings":"iJAEaA,EAASC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA"}

package/build/cjs/utils/textUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"textUtils.js","sources":["../../../src/utils/textUtils.ts"],"sourcesContent":["import { ReactNode } from 'react';\n\nexport const getString = (child: string | ReactNode): string | undefined =>\n  typeof child === 'string' ? child : undefined;\n\nexport const convertCamelCaseToWords = (text: string): string | undefined => {\n  const result = text.replace(/(?<upperChar>[A-Z])/gu, ' $<upperChar>').trimStart();\n\n  return result.charAt(0).toUpperCase() + result.slice(1);\n};\n"],"names":["getString","child","convertCamelCaseToWords","text","result"],"mappings":"4GAEO,MAAMA,EAAaC,GACxB,OAAOA,GAAU,SAAWA,EAAQ,OAEzBC,EAA2BC,GAAqC,CAC3E,MAAMC,EAASD,EAAK,QAAQ,wBAAyB,eAAe,EAAE,UAAA,EAEtE,OAAOC,EAAO,OAAO,CAAC,EAAE,cAAgBA,EAAO,MAAM,CAAC,CACxD"}
+{"version":3,"file":"textUtils.js","sources":["../../../src/utils/textUtils.ts"],"sourcesContent":["import { ReactNode } from 'react';\r\n\r\nexport const getString = (child: string | ReactNode): string | undefined =>\r\n  typeof child === 'string' ? child : undefined;\r\n\r\nexport const convertCamelCaseToWords = (text: string): string | undefined => {\r\n  const result = text.replace(/(?<upperChar>[A-Z])/gu, ' $<upperChar>').trimStart();\r\n\r\n  return result.charAt(0).toUpperCase() + result.slice(1);\r\n};\r\n"],"names":["getString","child","convertCamelCaseToWords","text","result"],"mappings":"4GAEO,MAAMA,EAAaC,GACxB,OAAOA,GAAU,SAAWA,EAAQ,OAEzBC,EAA2BC,GAAqC,CAC3E,MAAMC,EAASD,EAAK,QAAQ,wBAAyB,eAAe,EAAE,UAAA,EAEtE,OAAOC,EAAO,OAAO,CAAC,EAAE,cAAgBA,EAAO,MAAM,CAAC,CACxD"}

package/build/esm/components/Accordion/Accordion.consts.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.consts.js","sources":["../../../../src/components/Accordion/Accordion.consts.ts"],"sourcesContent":["import type { FC } from 'react';\n\nimport type { AccordionTypes } from 'acinguiux-ds-react-base/components/Accordion';\n\nimport Add from '../Icon/components/Add';\nimport ChevronDown from '../Icon/components/ChevronDown';\nimport ChevronUp from '../Icon/components/ChevronUp';\nimport Minus from '../Icon/components/Minus';\nimport type { IIconProps } from '../Icon/Icon.types';\n\ntype AccordionIconType = {\n  [iconSet in AccordionTypes.IndicatorIconType]: {\n    active: FC<IIconProps>;\n    inactive: FC<IIconProps>;\n  };\n};\n\nexport const AccordionIcon: AccordionIconType = {\n  chevron: {\n    active: ChevronUp,\n    inactive: ChevronDown,\n  },\n  plus: {\n    active: Minus,\n    inactive: Add,\n  },\n};\n"],"names":["AccordionIcon","ChevronUp","ChevronDown","Minus","Add"],"mappings":";;;;AAiBO,MAAMA,IAAmC;AAAA,EAC9C,SAAS;AAAA,IACP,QAAQC;AAAA,IACR,UAAUC;AAAA,EAAA;AAAA,EAEZ,MAAM;AAAA,IACJ,QAAQC;AAAA,IACR,UAAUC;AAAA,EAAA;AAEd;"}
+{"version":3,"file":"Accordion.consts.js","sources":["../../../../src/components/Accordion/Accordion.consts.ts"],"sourcesContent":["import type { FC } from 'react';\r\n\r\nimport type { AccordionTypes } from 'acinguiux-ds-react-base/components/Accordion';\r\n\r\nimport Add from '../Icon/components/Add';\r\nimport ChevronDown from '../Icon/components/ChevronDown';\r\nimport ChevronUp from '../Icon/components/ChevronUp';\r\nimport Minus from '../Icon/components/Minus';\r\nimport type { IIconProps } from '../Icon/Icon.types';\r\n\r\ntype AccordionIconType = {\r\n  [iconSet in AccordionTypes.IndicatorIconType]: {\r\n    active: FC<IIconProps>;\r\n    inactive: FC<IIconProps>;\r\n  };\r\n};\r\n\r\nexport const AccordionIcon: AccordionIconType = {\r\n  chevron: {\r\n    active: ChevronUp,\r\n    inactive: ChevronDown,\r\n  },\r\n  plus: {\r\n    active: Minus,\r\n    inactive: Add,\r\n  },\r\n};\r\n"],"names":["AccordionIcon","ChevronUp","ChevronDown","Minus","Add"],"mappings":";;;;AAiBO,MAAMA,IAAmC;AAAA,EAC9C,SAAS;AAAA,IACP,QAAQC;AAAA,IACR,UAAUC;AAAA,EAAA;AAAA,EAEZ,MAAM;AAAA,IACJ,QAAQC;AAAA,IACR,UAAUC;AAAA,EAAA;AAEd;"}

package/build/esm/components/Accordion/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sources":["../../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import type { ReactElement, ReactNode } from 'react';\n\nimport classNames from 'classnames';\nimport type { CollapsePanelProps } from 'rc-collapse';\nimport { ACCORDION_CLASS, TextElementTypes } from 'acinguiux-ds-react-base/consts';\nimport {\n  AccordionUtils,\n  type AccordionTypes,\n  AccordionConsts,\n} from 'acinguiux-ds-react-base/components/Accordion';\nimport type { TagTypes } from 'acinguiux-ds-react-base/components/Tag';\nimport type { BadgeTypes } from 'acinguiux-ds-react-base/components/Badge';\nimport type { ItemType } from 'rc-collapse/es/interface';\n\nimport { AccordionIcon } from './Accordion.consts';\nimport * as Styled from './Accordion.styles';\nimport type { IAccordionProps } from './Accordion.types';\nimport { collapseMotion } from './utils/motionUtils';\nimport Flexbox from '../Flexbox/Flexbox';\nimport Heading from '../Text/components/Heading/Heading';\nimport Label from '../Text/components/Label/Label';\nimport Badge from '../Badge/Badge';\nimport Tag from '../Tag/Tag';\n\nconst AccordionLabel = ({\n  size,\n  title,\n  label,\n  disabled,\n}: {\n  size: AccordionTypes.Size;\n  title: string;\n  label?: string;\n  disabled?: boolean;\n}) => (\n  <Flexbox flexDirection=\"column\" flexGrow={1}>\n    <Heading type={TextElementTypes.Span} level={AccordionUtils.HeadingLevel[size]} disabled={disabled}>\n      {title}\n    </Heading>\n    {!!label && (\n      <Label contrast=\"subtle\" disabled={disabled} size={size}>\n        {label}\n      </Label>\n    )}\n  </Flexbox>\n);\n\nconst AccordionExtra = ({\n  size,\n  tag,\n  badge,\n  icon,\n}: {\n  size: AccordionTypes.Size;\n  tag?: TagTypes.IProps;\n  badge?: BadgeTypes.IProps;\n  icon?: ReactNode;\n}) => (\n  <Flexbox flexDirection=\"row\" alignItems=\"center\" justifyContent=\"flex-start\" flexGrow={1}>\n    {!!badge && <Badge size={size} {...badge} />}\n    {!!tag && <Tag size={size} {...tag} />}\n    {icon}\n  </Flexbox>\n);\n\nconst prepareItems = (size: AccordionTypes.Size, disabled = false, items?: AccordionTypes.ItemType[]): ItemType[] =>\n  items?.map(({ key, title, label, tag, badge, icon, content }) => ({\n    key,\n    label: <AccordionLabel size={size} title={title} label={label} disabled={disabled} />,\n    extra: <AccordionExtra size={size} tag={tag} badge={badge} icon={icon} />,\n    children: content,\n  })) ?? [];\n\nconst Accordion = ({ className, items, ...props }: IAccordionProps): ReactElement => {\n  const { size, disabled, indicator, contained, indicatorPosition, ...rest } = AccordionUtils.useProps(props);\n\n  const accordionItems = prepareItems(size, disabled, items);\n\n  const handleExpandIcon = ({ isActive }: CollapsePanelProps): ReactElement => {\n    const Icon = AccordionIcon[indicator][isActive ? 'active' : 'inactive'];\n\n    return <Icon width={AccordionConsts.consts[size].iconSize} height={AccordionConsts.consts[size].iconSize} />;\n  };\n\n  return (\n    <Styled.Accordion\n      className={classNames(ACCORDION_CLASS, className)}\n      prefixCls={ACCORDION_CLASS}\n      size={size}\n      disabled={disabled}\n      expandIcon={handleExpandIcon}\n      contained={contained}\n      indicatorPosition={indicatorPosition}\n      destroyInactivePanel={true}\n      openMotion={collapseMotion}\n      items={accordionItems}\n      collapsible={disabled ? 'disabled' : undefined}\n      {...rest}\n    />\n  );\n};\n\nexport default Accordion;\n"],"names":["AccordionLabel","size","title","label","disabled","jsxs","Flexbox","jsx","Heading","TextElementTypes","AccordionUtils.HeadingLevel","Label","AccordionExtra","tag","badge","icon","Badge","Tag","prepareItems","items","key","content","Accordion","className","props","indicator","contained","indicatorPosition","rest","AccordionUtils.useProps","accordionItems","handleExpandIcon","isActive","Icon","AccordionIcon","AccordionConsts.consts","Styled.Accordion","classNames","ACCORDION_CLASS","collapseMotion"],"mappings":";;;;;;;;;;;;;;AAwBA,MAAMA,IAAiB,CAAC;AAAA,EACtB,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AACF,MAME,gBAAAC,EAACC,GAAA,EAAQ,eAAc,UAAS,UAAU,GACxC,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAQ,MAAMC,EAAiB,MAAM,OAAOC,EAA4BT,CAAI,GAAG,UAAAG,GAC7E,UAAAF,EAAA,CACH;AAAA,EACC,CAAC,CAACC,KACD,gBAAAI,EAACI,KAAM,UAAS,UAAS,UAAAP,GAAoB,MAAAH,GAC1C,UAAAE,EAAA,CACH;AAAA,GAEJ,GAGIS,IAAiB,CAAC;AAAA,EACtB,MAAAX;AAAA,EACA,KAAAY;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AACF,MAME,gBAAAV,EAACC,KAAQ,eAAc,OAAM,YAAW,UAAS,gBAAe,cAAa,UAAU,GACpF,UAAA;AAAA,EAAA,CAAC,CAACQ,KAAS,gBAAAP,EAACS,GAAA,EAAM,MAAAf,GAAa,GAAGa,GAAO;AAAA,EACzC,CAAC,CAACD,uBAAQI,GAAA,EAAI,MAAAhB,GAAa,GAAGY,GAAK;AAAA,EACnCE;AAAA,GACH,GAGIG,IAAe,CAACjB,GAA2BG,IAAW,IAAOe,MACjEA,GAAO,IAAI,CAAC,EAAE,KAAAC,GAAK,OAAAlB,GAAO,OAAAC,GAAO,KAAAU,GAAK,OAAAC,GAAO,MAAAC,GAAM,SAAAM,SAAe;AAAA,EAChE,KAAAD;AAAA,EACA,OAAO,gBAAAb,EAACP,GAAA,EAAe,MAAAC,GAAY,OAAAC,GAAc,OAAAC,GAAc,UAAAC,GAAoB;AAAA,EACnF,OAAO,gBAAAG,EAACK,GAAA,EAAe,MAAAX,GAAY,KAAAY,GAAU,OAAAC,GAAc,MAAAC,GAAY;AAAA,EACvE,UAAUM;AACZ,EAAE,KAAK,CAAA,GAEHC,IAAY,CAAC,EAAE,WAAAC,GAAW,OAAAJ,GAAO,GAAGK,QAA2C;AACnF,QAAM,EAAE,MAAAvB,GAAM,UAAAG,GAAU,WAAAqB,GAAW,WAAAC,GAAW,mBAAAC,GAAmB,GAAGC,EAAA,IAASC,EAAwBL,CAAK,GAEpGM,IAAiBZ,EAAajB,GAAMG,GAAUe,CAAK,GAEnDY,IAAmB,CAAC,EAAE,UAAAC,QAAiD;AAC3E,UAAMC,IAAOC,EAAcT,CAAS,EAAEO,IAAW,WAAW,UAAU;AAEtE,WAAO,gBAAAzB,EAAC0B,GAAA,EAAK,OAAOE,EAAuBlC,CAAI,EAAE,UAAU,QAAQkC,EAAuBlC,CAAI,EAAE,SAAA,CAAU;AAAA,EAC5G;AAEA,SACE,gBAAAM;AAAA,IAAC6B;AAAAA,IAAA;AAAA,MACC,WAAWC,EAAWC,GAAiBf,CAAS;AAAA,MAChD,WAAWe;AAAA,MACX,MAAArC;AAAA,MACA,UAAAG;AAAA,MACA,YAAY2B;AAAA,MACZ,WAAAL;AAAA,MACA,mBAAAC;AAAA,MACA,sBAAsB;AAAA,MACtB,YAAYY;AAAA,MACZ,OAAOT;AAAA,MACP,aAAa1B,IAAW,aAAa;AAAA,MACpC,GAAGwB;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"Accordion.js","sources":["../../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import type { ReactElement, ReactNode } from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport type { CollapsePanelProps } from 'rc-collapse';\r\nimport { ACCORDION_CLASS, TextElementTypes } from 'acinguiux-ds-react-base/consts';\r\nimport {\r\n  AccordionUtils,\r\n  type AccordionTypes,\r\n  AccordionConsts,\r\n} from 'acinguiux-ds-react-base/components/Accordion';\r\nimport type { TagTypes } from 'acinguiux-ds-react-base/components/Tag';\r\nimport type { BadgeTypes } from 'acinguiux-ds-react-base/components/Badge';\r\nimport type { ItemType } from 'rc-collapse/es/interface';\r\n\r\nimport { AccordionIcon } from './Accordion.consts';\r\nimport * as Styled from './Accordion.styles';\r\nimport type { IAccordionProps } from './Accordion.types';\r\nimport { collapseMotion } from './utils/motionUtils';\r\nimport Flexbox from '../Flexbox/Flexbox';\r\nimport Heading from '../Text/components/Heading/Heading';\r\nimport Label from '../Text/components/Label/Label';\r\nimport Badge from '../Badge/Badge';\r\nimport Tag from '../Tag/Tag';\r\n\r\nconst AccordionLabel = ({\r\n  size,\r\n  title,\r\n  label,\r\n  disabled,\r\n}: {\r\n  size: AccordionTypes.Size;\r\n  title: string;\r\n  label?: string;\r\n  disabled?: boolean;\r\n}) => (\r\n  <Flexbox flexDirection=\"column\" flexGrow={1}>\r\n    <Heading type={TextElementTypes.Span} level={AccordionUtils.HeadingLevel[size]} disabled={disabled}>\r\n      {title}\r\n    </Heading>\r\n    {!!label && (\r\n      <Label contrast=\"subtle\" disabled={disabled} size={size}>\r\n        {label}\r\n      </Label>\r\n    )}\r\n  </Flexbox>\r\n);\r\n\r\nconst AccordionExtra = ({\r\n  size,\r\n  tag,\r\n  badge,\r\n  icon,\r\n}: {\r\n  size: AccordionTypes.Size;\r\n  tag?: TagTypes.IProps;\r\n  badge?: BadgeTypes.IProps;\r\n  icon?: ReactNode;\r\n}) => (\r\n  <Flexbox flexDirection=\"row\" alignItems=\"center\" justifyContent=\"flex-start\" flexGrow={1}>\r\n    {!!badge && <Badge size={size} {...badge} />}\r\n    {!!tag && <Tag size={size} {...tag} />}\r\n    {icon}\r\n  </Flexbox>\r\n);\r\n\r\nconst prepareItems = (size: AccordionTypes.Size, disabled = false, items?: AccordionTypes.ItemType[]): ItemType[] =>\r\n  items?.map(({ key, title, label, tag, badge, icon, content }) => ({\r\n    key,\r\n    label: <AccordionLabel size={size} title={title} label={label} disabled={disabled} />,\r\n    extra: <AccordionExtra size={size} tag={tag} badge={badge} icon={icon} />,\r\n    children: content,\r\n  })) ?? [];\r\n\r\nconst Accordion = ({ className, items, ...props }: IAccordionProps): ReactElement => {\r\n  const { size, disabled, indicator, contained, indicatorPosition, ...rest } = AccordionUtils.useProps(props);\r\n\r\n  const accordionItems = prepareItems(size, disabled, items);\r\n\r\n  const handleExpandIcon = ({ isActive }: CollapsePanelProps): ReactElement => {\r\n    const Icon = AccordionIcon[indicator][isActive ? 'active' : 'inactive'];\r\n\r\n    return <Icon width={AccordionConsts.consts[size].iconSize} height={AccordionConsts.consts[size].iconSize} />;\r\n  };\r\n\r\n  return (\r\n    <Styled.Accordion\r\n      className={classNames(ACCORDION_CLASS, className)}\r\n      prefixCls={ACCORDION_CLASS}\r\n      size={size}\r\n      disabled={disabled}\r\n      expandIcon={handleExpandIcon}\r\n      contained={contained}\r\n      indicatorPosition={indicatorPosition}\r\n      destroyInactivePanel={true}\r\n      openMotion={collapseMotion}\r\n      items={accordionItems}\r\n      collapsible={disabled ? 'disabled' : undefined}\r\n      {...rest}\r\n    />\r\n  );\r\n};\r\n\r\nexport default Accordion;\r\n"],"names":["AccordionLabel","size","title","label","disabled","jsxs","Flexbox","jsx","Heading","TextElementTypes","AccordionUtils.HeadingLevel","Label","AccordionExtra","tag","badge","icon","Badge","Tag","prepareItems","items","key","content","Accordion","className","props","indicator","contained","indicatorPosition","rest","AccordionUtils.useProps","accordionItems","handleExpandIcon","isActive","Icon","AccordionIcon","AccordionConsts.consts","Styled.Accordion","classNames","ACCORDION_CLASS","collapseMotion"],"mappings":";;;;;;;;;;;;;;AAwBA,MAAMA,IAAiB,CAAC;AAAA,EACtB,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AACF,MAME,gBAAAC,EAACC,GAAA,EAAQ,eAAc,UAAS,UAAU,GACxC,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAQ,MAAMC,EAAiB,MAAM,OAAOC,EAA4BT,CAAI,GAAG,UAAAG,GAC7E,UAAAF,EAAA,CACH;AAAA,EACC,CAAC,CAACC,KACD,gBAAAI,EAACI,KAAM,UAAS,UAAS,UAAAP,GAAoB,MAAAH,GAC1C,UAAAE,EAAA,CACH;AAAA,GAEJ,GAGIS,IAAiB,CAAC;AAAA,EACtB,MAAAX;AAAA,EACA,KAAAY;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AACF,MAME,gBAAAV,EAACC,KAAQ,eAAc,OAAM,YAAW,UAAS,gBAAe,cAAa,UAAU,GACpF,UAAA;AAAA,EAAA,CAAC,CAACQ,KAAS,gBAAAP,EAACS,GAAA,EAAM,MAAAf,GAAa,GAAGa,GAAO;AAAA,EACzC,CAAC,CAACD,uBAAQI,GAAA,EAAI,MAAAhB,GAAa,GAAGY,GAAK;AAAA,EACnCE;AAAA,GACH,GAGIG,IAAe,CAACjB,GAA2BG,IAAW,IAAOe,MACjEA,GAAO,IAAI,CAAC,EAAE,KAAAC,GAAK,OAAAlB,GAAO,OAAAC,GAAO,KAAAU,GAAK,OAAAC,GAAO,MAAAC,GAAM,SAAAM,SAAe;AAAA,EAChE,KAAAD;AAAA,EACA,OAAO,gBAAAb,EAACP,GAAA,EAAe,MAAAC,GAAY,OAAAC,GAAc,OAAAC,GAAc,UAAAC,GAAoB;AAAA,EACnF,OAAO,gBAAAG,EAACK,GAAA,EAAe,MAAAX,GAAY,KAAAY,GAAU,OAAAC,GAAc,MAAAC,GAAY;AAAA,EACvE,UAAUM;AACZ,EAAE,KAAK,CAAA,GAEHC,IAAY,CAAC,EAAE,WAAAC,GAAW,OAAAJ,GAAO,GAAGK,QAA2C;AACnF,QAAM,EAAE,MAAAvB,GAAM,UAAAG,GAAU,WAAAqB,GAAW,WAAAC,GAAW,mBAAAC,GAAmB,GAAGC,EAAA,IAASC,EAAwBL,CAAK,GAEpGM,IAAiBZ,EAAajB,GAAMG,GAAUe,CAAK,GAEnDY,IAAmB,CAAC,EAAE,UAAAC,QAAiD;AAC3E,UAAMC,IAAOC,EAAcT,CAAS,EAAEO,IAAW,WAAW,UAAU;AAEtE,WAAO,gBAAAzB,EAAC0B,GAAA,EAAK,OAAOE,EAAuBlC,CAAI,EAAE,UAAU,QAAQkC,EAAuBlC,CAAI,EAAE,SAAA,CAAU;AAAA,EAC5G;AAEA,SACE,gBAAAM;AAAA,IAAC6B;AAAAA,IAAA;AAAA,MACC,WAAWC,EAAWC,GAAiBf,CAAS;AAAA,MAChD,WAAWe;AAAA,MACX,MAAArC;AAAA,MACA,UAAAG;AAAA,MACA,YAAY2B;AAAA,MACZ,WAAAL;AAAA,MACA,mBAAAC;AAAA,MACA,sBAAsB;AAAA,MACtB,YAAYY;AAAA,MACZ,OAAOT;AAAA,MACP,aAAa1B,IAAW,aAAa;AAAA,MACpC,GAAGwB;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/build/esm/components/Accordion/Accordion.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/Accordion.styles.ts"],"names":[],"mappings":"AAAA,OAAoB,EAAE,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;AAM9D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEzD,KAAK,oBAAoB,GAAG,IAAI,CAAC,eAAe,EAAE,OAAO,CAAC,GACxD,IAAI,CAAC,aAAa,EAAE,OAAO,GAAG,aAAa,GAAG,YAAY,CAAC,CAAC;AAE9D,QAAA,MAAM,SAAS;;;WAPK,MAAO,yBAAyB,QAAQ,aAAa,uBAEvD,MAAO,aAAa;iDA2JrC,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"Accordion.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/Accordion.styles.ts"],"names":[],"mappings":"AAAA,OAAoB,EAAE,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;AAM9D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEzD,KAAK,oBAAoB,GAAG,IAAI,CAAC,eAAe,EAAE,OAAO,CAAC,GACxD,IAAI,CAAC,aAAa,EAAE,OAAO,GAAG,aAAa,GAAG,YAAY,CAAC,CAAC;AAE9D,QAAA,MAAM,SAAS;;;WAPC,MAAQ,yBAAwB,QAAQ,aAAa,uBAEzD,MAAO,aAAa;iDA2J/B,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/build/esm/components/Accordion/Accordion.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.styles.js","sources":["../../../../src/components/Accordion/Accordion.styles.ts"],"sourcesContent":["import RCAccordion, { type CollapseProps } from 'rc-collapse';\nimport { styled, css } from 'styled-components';\nimport { Sizes } from 'acinguiux-ds-react-base/consts';\nimport { AccordionConsts, AccordionUtils } from 'acinguiux-ds-react-base/components/Accordion';\nimport { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\n\nimport type { IAccordionProps } from './Accordion.types';\n\ntype StyledAccordionProps = Omit<IAccordionProps, 'items'> &\n  Pick<CollapseProps, 'items' | 'collapsible' | 'expandIcon'>;\n\nconst Accordion = styled(RCAccordion)<StyledAccordionProps>`\n  ${({ prefixCls, size = `${Sizes.Medium}`, indicatorPosition, contained, disabled, theme }) => {\n    const styles = AccordionUtils.getFabricStyles(theme);\n\n    return css`\n      width: 100%;\n      display: flex;\n      flex-direction: column;\n      gap: ${contained ? AccordionConsts.consts[size].gap : 0}px;\n\n      .${prefixCls}-header {\n        display: flex;\n        flex-grow: 1;\n        align-items: center;\n        gap: ${AccordionConsts.consts[size].gap}px;\n        padding-inline: ${AccordionConsts.consts[size].paddingInline.start - (contained ? 1 : 0)}px\n          ${AccordionConsts.consts[size].paddingInline.end - (contained ? 1 : 0)}px;\n        padding-block: ${AccordionConsts.consts[size].paddingBlock - (contained ? 1 : 0)}px;\n\n        ${!disabled &&\n        css`\n          cursor: pointer;\n\n          &:hover > .${prefixCls}-expand-icon {\n            ${styles.hover};\n          }\n\n          &:active > .${prefixCls}-expand-icon {\n            ${styles.press}\n          }\n        `}\n\n        &-collapsible-only {\n          cursor: default;\n\n          .${prefixCls}-header-text {\n            cursor: pointer;\n          }\n        }\n\n        &:focus-visible {\n          outline: none;\n        }\n\n        .${prefixCls}-header-text {\n          display: flex;\n          flex-direction: row;\n          flex-grow: ${indicatorPosition === 'right' ? 'auto' : 1};\n        }\n\n        .${prefixCls}-extra {\n          display: flex;\n          flex-grow: ${indicatorPosition === 'right' ? 1 : 'auto'};\n          justify-self: flex-end;\n          align-items: center;\n\n          & > div {\n            align-items: center;\n            gap: ${AccordionConsts.consts[size].gap}px;\n          }\n\n          & > div svg {\n            width: ${AccordionConsts.consts[size].iconSize}px;\n            height: ${AccordionConsts.consts[size].iconSize}px;\n          }\n        }\n      }\n\n      .${prefixCls}-motion {\n        overflow: hidden;\n      }\n\n      .${prefixCls}-content {\n        transition:\n          height 0.3s,\n          opacity 0.3s;\n      }\n\n      .${prefixCls}-panel-content, .${prefixCls}-content-box {\n        ${AccordionUtils.getContentTextFontStyle(theme, size)}\n        padding-block: ${contained ? 1 : 0}px ${AccordionConsts.consts[size].paddingBlock - (contained ? 1 : 0)}px;\n        padding-inline: ${AccordionConsts.consts[size].paddingInline.start - (contained ? 1 : 0)}px\n          ${AccordionConsts.consts[size].paddingInline.end - (contained ? 1 : 0)}px;\n      }\n\n      .${prefixCls}-panel-item:last-of-type, .${prefixCls}-item:last-of-type {\n        ${!contained &&\n        css`\n          border-bottom: none;\n        `}\n      }\n\n      .${prefixCls}-panel-expand-icon, .${prefixCls}-expand-icon {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        background-color: ${styles.resting.backgroundColor};\n        width: ${AccordionConsts.consts[size].indicatorSize}px;\n        height: ${AccordionConsts.consts[size].indicatorSize}px;\n        border-radius: ${AccordionConsts.consts[size].indicatorRadius}px;\n\n        & > svg {\n          display: inline-flex;\n          width: ${AccordionConsts.consts[size].iconSize}px;\n          height: ${AccordionConsts.consts[size].iconSize}px;\n        }\n      }\n\n      ${indicatorPosition === 'right' &&\n      css`\n        .${prefixCls}-header {\n          .${prefixCls}-expand-icon {\n            order: 3;\n          }\n          .${prefixCls}-header-text {\n            order: 1;\n          }\n          .${prefixCls}-extra {\n            order: 2;\n          }\n        }\n      `}\n\n      /** Items */\n\n      .${prefixCls}-item {\n        ${styles.resting};\n        border-style: solid;\n\n        &:has(> .${prefixCls}-header:focus-visible) {\n          ${getFocusStyles(theme)};\n        }\n\n        ${!contained\n          ? css`\n              border-width: 0;\n              border-bottom-width: 1px;\n            `\n          : css`\n              border-width: 1px;\n              border-radius: ${AccordionConsts.consts[size].radius}px;\n            `}\n\n        &-disabled {\n          ${styles.disabled}\n          cursor: not-allowed;\n        }\n      }\n    `;\n  }};\n`;\n\nexport { Accordion };\n"],"names":["Accordion","styled","RCAccordion","prefixCls","size","Sizes","indicatorPosition","contained","disabled","theme","styles","AccordionUtils.getFabricStyles","css","AccordionConsts.consts","AccordionUtils.getContentTextFontStyle","getFocusStyles"],"mappings":"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"}
+{"version":3,"file":"Accordion.styles.js","sources":["../../../../src/components/Accordion/Accordion.styles.ts"],"sourcesContent":["import RCAccordion, { type CollapseProps } from 'rc-collapse';\r\nimport { styled, css } from 'styled-components';\r\nimport { Sizes } from 'acinguiux-ds-react-base/consts';\r\nimport { AccordionConsts, AccordionUtils } from 'acinguiux-ds-react-base/components/Accordion';\r\nimport { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\r\n\r\nimport type { IAccordionProps } from './Accordion.types';\r\n\r\ntype StyledAccordionProps = Omit<IAccordionProps, 'items'> &\r\n  Pick<CollapseProps, 'items' | 'collapsible' | 'expandIcon'>;\r\n\r\nconst Accordion = styled(RCAccordion)<StyledAccordionProps>`\r\n  ${({ prefixCls, size = `${Sizes.Medium}`, indicatorPosition, contained, disabled, theme }) => {\r\n    const styles = AccordionUtils.getFabricStyles(theme);\r\n\r\n    return css`\r\n      width: 100%;\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: ${contained ? AccordionConsts.consts[size].gap : 0}px;\r\n\r\n      .${prefixCls}-header {\r\n        display: flex;\r\n        flex-grow: 1;\r\n        align-items: center;\r\n        gap: ${AccordionConsts.consts[size].gap}px;\r\n        padding-inline: ${AccordionConsts.consts[size].paddingInline.start - (contained ? 1 : 0)}px\r\n          ${AccordionConsts.consts[size].paddingInline.end - (contained ? 1 : 0)}px;\r\n        padding-block: ${AccordionConsts.consts[size].paddingBlock - (contained ? 1 : 0)}px;\r\n\r\n        ${!disabled &&\r\n        css`\r\n          cursor: pointer;\r\n\r\n          &:hover > .${prefixCls}-expand-icon {\r\n            ${styles.hover};\r\n          }\r\n\r\n          &:active > .${prefixCls}-expand-icon {\r\n            ${styles.press}\r\n          }\r\n        `}\r\n\r\n        &-collapsible-only {\r\n          cursor: default;\r\n\r\n          .${prefixCls}-header-text {\r\n            cursor: pointer;\r\n          }\r\n        }\r\n\r\n        &:focus-visible {\r\n          outline: none;\r\n        }\r\n\r\n        .${prefixCls}-header-text {\r\n          display: flex;\r\n          flex-direction: row;\r\n          flex-grow: ${indicatorPosition === 'right' ? 'auto' : 1};\r\n        }\r\n\r\n        .${prefixCls}-extra {\r\n          display: flex;\r\n          flex-grow: ${indicatorPosition === 'right' ? 1 : 'auto'};\r\n          justify-self: flex-end;\r\n          align-items: center;\r\n\r\n          & > div {\r\n            align-items: center;\r\n            gap: ${AccordionConsts.consts[size].gap}px;\r\n          }\r\n\r\n          & > div svg {\r\n            width: ${AccordionConsts.consts[size].iconSize}px;\r\n            height: ${AccordionConsts.consts[size].iconSize}px;\r\n          }\r\n        }\r\n      }\r\n\r\n      .${prefixCls}-motion {\r\n        overflow: hidden;\r\n      }\r\n\r\n      .${prefixCls}-content {\r\n        transition:\r\n          height 0.3s,\r\n          opacity 0.3s;\r\n      }\r\n\r\n      .${prefixCls}-panel-content, .${prefixCls}-content-box {\r\n        ${AccordionUtils.getContentTextFontStyle(theme, size)}\r\n        padding-block: ${contained ? 1 : 0}px ${AccordionConsts.consts[size].paddingBlock - (contained ? 1 : 0)}px;\r\n        padding-inline: ${AccordionConsts.consts[size].paddingInline.start - (contained ? 1 : 0)}px\r\n          ${AccordionConsts.consts[size].paddingInline.end - (contained ? 1 : 0)}px;\r\n      }\r\n\r\n      .${prefixCls}-panel-item:last-of-type, .${prefixCls}-item:last-of-type {\r\n        ${!contained &&\r\n        css`\r\n          border-bottom: none;\r\n        `}\r\n      }\r\n\r\n      .${prefixCls}-panel-expand-icon, .${prefixCls}-expand-icon {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        background-color: ${styles.resting.backgroundColor};\r\n        width: ${AccordionConsts.consts[size].indicatorSize}px;\r\n        height: ${AccordionConsts.consts[size].indicatorSize}px;\r\n        border-radius: ${AccordionConsts.consts[size].indicatorRadius}px;\r\n\r\n        & > svg {\r\n          display: inline-flex;\r\n          width: ${AccordionConsts.consts[size].iconSize}px;\r\n          height: ${AccordionConsts.consts[size].iconSize}px;\r\n        }\r\n      }\r\n\r\n      ${indicatorPosition === 'right' &&\r\n      css`\r\n        .${prefixCls}-header {\r\n          .${prefixCls}-expand-icon {\r\n            order: 3;\r\n          }\r\n          .${prefixCls}-header-text {\r\n            order: 1;\r\n          }\r\n          .${prefixCls}-extra {\r\n            order: 2;\r\n          }\r\n        }\r\n      `}\r\n\r\n      /** Items */\r\n\r\n      .${prefixCls}-item {\r\n        ${styles.resting};\r\n        border-style: solid;\r\n\r\n        &:has(> .${prefixCls}-header:focus-visible) {\r\n          ${getFocusStyles(theme)};\r\n        }\r\n\r\n        ${!contained\r\n          ? css`\r\n              border-width: 0;\r\n              border-bottom-width: 1px;\r\n            `\r\n          : css`\r\n              border-width: 1px;\r\n              border-radius: ${AccordionConsts.consts[size].radius}px;\r\n            `}\r\n\r\n        &-disabled {\r\n          ${styles.disabled}\r\n          cursor: not-allowed;\r\n        }\r\n      }\r\n    `;\r\n  }};\r\n`;\r\n\r\nexport { Accordion };\r\n"],"names":["Accordion","styled","RCAccordion","prefixCls","size","Sizes","indicatorPosition","contained","disabled","theme","styles","AccordionUtils.getFabricStyles","css","AccordionConsts.consts","AccordionUtils.getContentTextFontStyle","getFocusStyles"],"mappings":"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"}

package/build/esm/components/Accordion/utils/motionUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"motionUtils.js","sources":["../../../../../src/components/Accordion/utils/motionUtils.ts"],"sourcesContent":["import type { CSSMotionProps, MotionEndEventHandler, MotionEventHandler } from 'rc-motion';\nimport { ACCORDION_CLASS } from 'acinguiux-ds-react-base/consts';\n\nconst getCollapsedHeight: MotionEventHandler = () => ({ height: 0, opacity: 0 });\nconst getRealHeight: MotionEventHandler = (node) => ({ height: node.scrollHeight, opacity: 1 });\nconst getCurrentHeight: MotionEventHandler = (node) => ({ height: node.offsetHeight });\nconst skipOpacityTransition: MotionEndEventHandler = (_, event) => (event as TransitionEvent).propertyName === 'height';\n\nexport const collapseMotion: CSSMotionProps = {\n  motionName: `${ACCORDION_CLASS}-motion`,\n  onAppearStart: getCollapsedHeight,\n  onEnterStart: getCollapsedHeight,\n  onEnterActive: getRealHeight,\n  onLeaveStart: getCurrentHeight,\n  onLeaveActive: getCollapsedHeight,\n  onEnterEnd: skipOpacityTransition,\n  onLeaveEnd: skipOpacityTransition,\n  motionDeadline: 500,\n};\n"],"names":["getCollapsedHeight","getRealHeight","node","getCurrentHeight","skipOpacityTransition","_","event","collapseMotion","ACCORDION_CLASS"],"mappings":";AAGA,MAAMA,IAAyC,OAAO,EAAE,QAAQ,GAAG,SAAS,EAAA,IACtEC,IAAoC,CAACC,OAAU,EAAE,QAAQA,EAAK,cAAc,SAAS,MACrFC,IAAuC,CAACD,OAAU,EAAE,QAAQA,EAAK,aAAA,IACjEE,IAA+C,CAACC,GAAGC,MAAWA,EAA0B,iBAAiB,UAElGC,IAAiC;AAAA,EAC5C,YAAY,GAAGC,CAAe;AAAA,EAC9B,eAAeR;AAAA,EACf,cAAcA;AAAA,EACd,eAAeC;AAAA,EACf,cAAcE;AAAA,EACd,eAAeH;AAAA,EACf,YAAYI;AAAA,EACZ,YAAYA;AAAA,EACZ,gBAAgB;AAClB;"}
+{"version":3,"file":"motionUtils.js","sources":["../../../../../src/components/Accordion/utils/motionUtils.ts"],"sourcesContent":["import type { CSSMotionProps, MotionEndEventHandler, MotionEventHandler } from 'rc-motion';\r\nimport { ACCORDION_CLASS } from 'acinguiux-ds-react-base/consts';\r\n\r\nconst getCollapsedHeight: MotionEventHandler = () => ({ height: 0, opacity: 0 });\r\nconst getRealHeight: MotionEventHandler = (node) => ({ height: node.scrollHeight, opacity: 1 });\r\nconst getCurrentHeight: MotionEventHandler = (node) => ({ height: node.offsetHeight });\r\nconst skipOpacityTransition: MotionEndEventHandler = (_, event) => (event as TransitionEvent).propertyName === 'height';\r\n\r\nexport const collapseMotion: CSSMotionProps = {\r\n  motionName: `${ACCORDION_CLASS}-motion`,\r\n  onAppearStart: getCollapsedHeight,\r\n  onEnterStart: getCollapsedHeight,\r\n  onEnterActive: getRealHeight,\r\n  onLeaveStart: getCurrentHeight,\r\n  onLeaveActive: getCollapsedHeight,\r\n  onEnterEnd: skipOpacityTransition,\r\n  onLeaveEnd: skipOpacityTransition,\r\n  motionDeadline: 500,\r\n};\r\n"],"names":["getCollapsedHeight","getRealHeight","node","getCurrentHeight","skipOpacityTransition","_","event","collapseMotion","ACCORDION_CLASS"],"mappings":";AAGA,MAAMA,IAAyC,OAAO,EAAE,QAAQ,GAAG,SAAS,EAAA,IACtEC,IAAoC,CAACC,OAAU,EAAE,QAAQA,EAAK,cAAc,SAAS,MACrFC,IAAuC,CAACD,OAAU,EAAE,QAAQA,EAAK,aAAA,IACjEE,IAA+C,CAACC,GAAGC,MAAWA,EAA0B,iBAAiB,UAElGC,IAAiC;AAAA,EAC5C,YAAY,GAAGC,CAAe;AAAA,EAC9B,eAAeR;AAAA,EACf,cAAcA;AAAA,EACd,eAAeC;AAAA,EACf,cAAcE;AAAA,EACd,eAAeH;AAAA,EACf,YAAYI;AAAA,EACZ,YAAYA;AAAA,EACZ,gBAAgB;AAClB;"}

package/build/esm/components/Alert/Alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sources":["../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import React, { cloneElement, forwardRef, ReactElement, useCallback, useEffect, useRef } from 'react';\n\nimport classNames from 'classnames';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\nimport { Sizes, Directions, Variants, ALERT_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { AlertConsts, AlertUtils } from 'acinguiux-ds-react-base/components/Alert';\n\nimport Cross from '../Icon/components/Cross';\nimport * as Styled from './Alert.styles';\nimport type { IAlertProps } from './Alert.types';\nimport { getAlertButtonSize, getAlertCloseButtonSize, getAlertTextSize } from './utils/alertUtils';\n\nconst Alert = forwardRef<HTMLDivElement, IAlertProps>(\n  (\n    {\n      className,\n      size = `${Sizes.Medium}`,\n      label,\n      title,\n      children,\n      autoClose = false,\n      sentiment = FabricsVariables.Sentiments.Neutral,\n      icon,\n      closeButton = false,\n      onDismissClick,\n      onClose,\n      autoCloseTimeout = AlertConsts.consts.DEFAULT_AUTOCLOSE_TIMEOUT_MS,\n      alignment = `${Directions.Vertical}`,\n      highlight = false,\n      banner = false,\n      actions,\n      variant = `${Variants.Outlined}`,\n      ...rest\n    },\n    ref,\n  ): ReactElement => {\n    const alertTitle = title ?? label;\n    const closeButtonRef = useRef<HTMLButtonElement>(null);\n\n    // Note: Acceptable tech debt until onDismissClick is removed.\n    const onCloseHandler = useCallback(\n      (event?: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n        if (event) {\n          onDismissClick?.(event);\n          onClose?.();\n        } else if (onDismissClick) {\n          closeButtonRef.current?.click();\n        } else {\n          onClose?.();\n        }\n      },\n      [onDismissClick, onClose],\n    );\n\n    useEffect(() => {\n      if (autoClose) {\n        setTimeout(() => {\n          onCloseHandler();\n        }, autoCloseTimeout);\n      }\n    }, [autoClose, onCloseHandler, autoCloseTimeout]);\n\n    return (\n      <Styled.Alert\n        $banner={banner}\n        $highlight={highlight}\n        $size={size}\n        className={classNames(ALERT_CLASS, className)}\n        $sentiment={sentiment}\n        $variant={variant}\n        $alignment={alignment}\n        ref={ref}\n        {...rest}\n      >\n        {autoClose && (\n          <Styled.AutoCloseContainer $sentiment={sentiment} $variant={variant} $autoCloseTimeout={autoCloseTimeout} />\n        )}\n        <Styled.AlertContentContainer $size={size} $alignment={alignment} $variant={variant}>\n          <Styled.InnerContainer $size={size} $alignment={alignment}>\n            <Styled.MessageAndButtonContainer $size={size} $alignment={alignment}>\n              <Styled.MessageAndIconVerticalContainer $size={size} $alignment={alignment}>\n                {!!icon && (\n                  <Styled.IconContainer $size={size} $alignment={alignment}>\n                    {cloneElement(icon, {\n                      className: `${ALERT_CLASS}-icon`,\n                      'aria-label': 'alert icon',\n                      ...icon.props,\n                    })}\n                  </Styled.IconContainer>\n                )}\n                <Styled.AlertMessageContainer $size={size} $alignment={alignment} $variant={variant}>\n                  {alertTitle && (\n                    <Styled.AlertTitle $size={size} $alignment={alignment}>\n                      {alertTitle}\n                    </Styled.AlertTitle>\n                  )}\n                  {typeof children === 'string' && children.length > 0 ? (\n                    <Styled.AlertMessage size={getAlertTextSize(size)}>{children}</Styled.AlertMessage>\n                  ) : (\n                    children\n                  )}\n                </Styled.AlertMessageContainer>\n              </Styled.MessageAndIconVerticalContainer>\n              {closeButton && alignment === Directions.Vertical && (\n                <Styled.CloseButton\n                  ref={closeButtonRef}\n                  sentiment={sentiment}\n                  sentimentProminence={AlertUtils.getProminence(variant)}\n                  size={getAlertCloseButtonSize(size)}\n                  title=\"Close\"\n                  onClick={onCloseHandler}\n                  variant={Variants.Transparent}\n                  iconOnly={true}\n                  icon={<Cross />}\n                  aria-label=\"Close\"\n                />\n              )}\n            </Styled.MessageAndButtonContainer>\n            {!!actions?.length && (\n              <Styled.Actions $size={size} $alignment={alignment}>\n                {actions.map(({ label: actionLabel, action, props }) => (\n                  <Styled.ActionButton\n                    sentiment={sentiment}\n                    sentimentProminence={AlertUtils.getProminence(variant)}\n                    key={actionLabel}\n                    onClick={action}\n                    size={getAlertButtonSize(size)}\n                    {...props}\n                  >\n                    {actionLabel}\n                  </Styled.ActionButton>\n                ))}\n              </Styled.Actions>\n            )}\n            {closeButton && alignment === Directions.Horizontal && (\n              <Styled.CloseButton\n                ref={closeButtonRef}\n                sentiment={sentiment}\n                sentimentProminence={AlertUtils.getProminence(variant)}\n                size={getAlertCloseButtonSize(size)}\n                title=\"Close\"\n                onClick={onCloseHandler}\n                variant={Variants.Transparent}\n                iconOnly={true}\n                icon={<Cross />}\n                aria-label=\"Close\"\n              />\n            )}\n          </Styled.InnerContainer>\n        </Styled.AlertContentContainer>\n      </Styled.Alert>\n    );\n  },\n);\n\nexport default Alert;\n"],"names":["Alert","forwardRef","className","size","Sizes","label","title","children","autoClose","sentiment","FabricsVariables","icon","closeButton","onDismissClick","onClose","autoCloseTimeout","AlertConsts.consts","alignment","Directions","highlight","banner","actions","variant","Variants","rest","ref","alertTitle","closeButtonRef","useRef","onCloseHandler","useCallback","event","useEffect","jsxs","Styled.Alert","classNames","ALERT_CLASS","jsx","Styled.AutoCloseContainer","Styled.AlertContentContainer","Styled.InnerContainer","Styled.MessageAndButtonContainer","Styled.MessageAndIconVerticalContainer","Styled.IconContainer","cloneElement","Styled.AlertMessageContainer","Styled.AlertTitle","Styled.AlertMessage","getAlertTextSize","Styled.CloseButton","AlertUtils.getProminence","getAlertCloseButtonSize","Cross","Styled.Actions","actionLabel","action","props","Styled.ActionButton","getAlertButtonSize"],"mappings":"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"}
+{"version":3,"file":"Alert.js","sources":["../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import React, { cloneElement, forwardRef, ReactElement, useCallback, useEffect, useRef } from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\r\nimport { Sizes, Directions, Variants, ALERT_CLASS } from 'acinguiux-ds-react-base/consts';\r\nimport { AlertConsts, AlertUtils } from 'acinguiux-ds-react-base/components/Alert';\r\n\r\nimport Cross from '../Icon/components/Cross';\r\nimport * as Styled from './Alert.styles';\r\nimport type { IAlertProps } from './Alert.types';\r\nimport { getAlertButtonSize, getAlertCloseButtonSize, getAlertTextSize } from './utils/alertUtils';\r\n\r\nconst Alert = forwardRef<HTMLDivElement, IAlertProps>(\r\n  (\r\n    {\r\n      className,\r\n      size = `${Sizes.Medium}`,\r\n      label,\r\n      title,\r\n      children,\r\n      autoClose = false,\r\n      sentiment = FabricsVariables.Sentiments.Neutral,\r\n      icon,\r\n      closeButton = false,\r\n      onDismissClick,\r\n      onClose,\r\n      autoCloseTimeout = AlertConsts.consts.DEFAULT_AUTOCLOSE_TIMEOUT_MS,\r\n      alignment = `${Directions.Vertical}`,\r\n      highlight = false,\r\n      banner = false,\r\n      actions,\r\n      variant = `${Variants.Outlined}`,\r\n      ...rest\r\n    },\r\n    ref,\r\n  ): ReactElement => {\r\n    const alertTitle = title ?? label;\r\n    const closeButtonRef = useRef<HTMLButtonElement>(null);\r\n\r\n    // Note: Acceptable tech debt until onDismissClick is removed.\r\n    const onCloseHandler = useCallback(\r\n      (event?: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\r\n        if (event) {\r\n          onDismissClick?.(event);\r\n          onClose?.();\r\n        } else if (onDismissClick) {\r\n          closeButtonRef.current?.click();\r\n        } else {\r\n          onClose?.();\r\n        }\r\n      },\r\n      [onDismissClick, onClose],\r\n    );\r\n\r\n    useEffect(() => {\r\n      if (autoClose) {\r\n        setTimeout(() => {\r\n          onCloseHandler();\r\n        }, autoCloseTimeout);\r\n      }\r\n    }, [autoClose, onCloseHandler, autoCloseTimeout]);\r\n\r\n    return (\r\n      <Styled.Alert\r\n        $banner={banner}\r\n        $highlight={highlight}\r\n        $size={size}\r\n        className={classNames(ALERT_CLASS, className)}\r\n        $sentiment={sentiment}\r\n        $variant={variant}\r\n        $alignment={alignment}\r\n        ref={ref}\r\n        {...rest}\r\n      >\r\n        {autoClose && (\r\n          <Styled.AutoCloseContainer $sentiment={sentiment} $variant={variant} $autoCloseTimeout={autoCloseTimeout} />\r\n        )}\r\n        <Styled.AlertContentContainer $size={size} $alignment={alignment} $variant={variant}>\r\n          <Styled.InnerContainer $size={size} $alignment={alignment}>\r\n            <Styled.MessageAndButtonContainer $size={size} $alignment={alignment}>\r\n              <Styled.MessageAndIconVerticalContainer $size={size} $alignment={alignment}>\r\n                {!!icon && (\r\n                  <Styled.IconContainer $size={size} $alignment={alignment}>\r\n                    {cloneElement(icon, {\r\n                      className: `${ALERT_CLASS}-icon`,\r\n                      'aria-label': 'alert icon',\r\n                      ...icon.props,\r\n                    })}\r\n                  </Styled.IconContainer>\r\n                )}\r\n                <Styled.AlertMessageContainer $size={size} $alignment={alignment} $variant={variant}>\r\n                  {alertTitle && (\r\n                    <Styled.AlertTitle $size={size} $alignment={alignment}>\r\n                      {alertTitle}\r\n                    </Styled.AlertTitle>\r\n                  )}\r\n                  {typeof children === 'string' && children.length > 0 ? (\r\n                    <Styled.AlertMessage size={getAlertTextSize(size)}>{children}</Styled.AlertMessage>\r\n                  ) : (\r\n                    children\r\n                  )}\r\n                </Styled.AlertMessageContainer>\r\n              </Styled.MessageAndIconVerticalContainer>\r\n              {closeButton && alignment === Directions.Vertical && (\r\n                <Styled.CloseButton\r\n                  ref={closeButtonRef}\r\n                  sentiment={sentiment}\r\n                  sentimentProminence={AlertUtils.getProminence(variant)}\r\n                  size={getAlertCloseButtonSize(size)}\r\n                  title=\"Close\"\r\n                  onClick={onCloseHandler}\r\n                  variant={Variants.Transparent}\r\n                  iconOnly={true}\r\n                  icon={<Cross />}\r\n                  aria-label=\"Close\"\r\n                />\r\n              )}\r\n            </Styled.MessageAndButtonContainer>\r\n            {!!actions?.length && (\r\n              <Styled.Actions $size={size} $alignment={alignment}>\r\n                {actions.map(({ label: actionLabel, action, props }) => (\r\n                  <Styled.ActionButton\r\n                    sentiment={sentiment}\r\n                    sentimentProminence={AlertUtils.getProminence(variant)}\r\n                    key={actionLabel}\r\n                    onClick={action}\r\n                    size={getAlertButtonSize(size)}\r\n                    {...props}\r\n                  >\r\n                    {actionLabel}\r\n                  </Styled.ActionButton>\r\n                ))}\r\n              </Styled.Actions>\r\n            )}\r\n            {closeButton && alignment === Directions.Horizontal && (\r\n              <Styled.CloseButton\r\n                ref={closeButtonRef}\r\n                sentiment={sentiment}\r\n                sentimentProminence={AlertUtils.getProminence(variant)}\r\n                size={getAlertCloseButtonSize(size)}\r\n                title=\"Close\"\r\n                onClick={onCloseHandler}\r\n                variant={Variants.Transparent}\r\n                iconOnly={true}\r\n                icon={<Cross />}\r\n                aria-label=\"Close\"\r\n              />\r\n            )}\r\n          </Styled.InnerContainer>\r\n        </Styled.AlertContentContainer>\r\n      </Styled.Alert>\r\n    );\r\n  },\r\n);\r\n\r\nexport default Alert;\r\n"],"names":["Alert","forwardRef","className","size","Sizes","label","title","children","autoClose","sentiment","FabricsVariables","icon","closeButton","onDismissClick","onClose","autoCloseTimeout","AlertConsts.consts","alignment","Directions","highlight","banner","actions","variant","Variants","rest","ref","alertTitle","closeButtonRef","useRef","onCloseHandler","useCallback","event","useEffect","jsxs","Styled.Alert","classNames","ALERT_CLASS","jsx","Styled.AutoCloseContainer","Styled.AlertContentContainer","Styled.InnerContainer","Styled.MessageAndButtonContainer","Styled.MessageAndIconVerticalContainer","Styled.IconContainer","cloneElement","Styled.AlertMessageContainer","Styled.AlertTitle","Styled.AlertMessage","getAlertTextSize","Styled.CloseButton","AlertUtils.getProminence","getAlertCloseButtonSize","Cross","Styled.Actions","actionLabel","action","props","Styled.ActionButton","getAlertButtonSize"],"mappings":"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"}

package/build/esm/components/Alert/Alert.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.styles.js","sources":["../../../../src/components/Alert/Alert.styles.tsx"],"sourcesContent":["import { PropsWithChildren } from 'react';\n\nimport { Directions, LINK_CLASS, Sizes, Variants } from 'acinguiux-ds-react-base/consts';\nimport { PickTransient } from 'acinguiux-ds-react-base/types';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\nimport { AlertConsts, AlertTypes } from 'acinguiux-ds-react-base/components/Alert';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\nimport { styled, css, keyframes } from 'styled-components';\nimport { getLargerSize } from 'acinguiux-ds-react-base/utils/sizesUtils';\nimport { LabelTypes, TextTypes } from 'acinguiux-ds-react-base/components/Text';\n\nimport Label from '../Text/components/Label/Label';\nimport Text from '../Text/components/Text/Text';\nimport type { IAlertProps } from './Alert.types';\nimport OnSentimentButton from '../Button/OnSentimentButton';\nimport { getAlertBodySize } from './utils/alertUtils';\n\nconst getProminence = (variant: AlertTypes.Variant) => {\n  if (variant === Variants.Filled) {\n    return FabricsVariables.SentimentProminences.Strong;\n  }\n\n  if (variant === Variants.Subtle) {\n    return FabricsVariables.SentimentProminences.Subtle;\n  }\n\n  return FabricsVariables.SentimentProminences.Transparent;\n};\n\ntype AlertBasicProps = Required<PickTransient<IAlertProps, 'size' | 'alignment'>>;\ntype AlertVariantProps = Required<PickTransient<IAlertProps, 'variant'>>;\ntype AlertSentimentProps = Required<PickTransient<IAlertProps, 'sentiment'>>;\ntype AlertBannerProps = Required<PickTransient<IAlertProps, 'banner'>>;\ntype AlertHighlightProps = Required<PickTransient<IAlertProps, 'highlight'>>;\ntype AlertAutocloseProps = Required<PickTransient<IAlertProps, 'autoCloseTimeout'>>;\n\nconst fullWidth = keyframes`\n  from {\n    width: 0;\n  }\n  \n  to {\n    width: 100%;\n  }\n`;\n\nconst opacity = keyframes`\n  from {\n    opacity: 0;\n  }\n  \n  to {\n    opacity: 1;\n  }\n`;\n\nconst miniOpacity = keyframes`\n  from {\n    opacity: 0;\n  }\n  \n  to {\n    opacity: .1;\n  }\n`;\n\nconst AutoCloseContainer = styled.div<AlertVariantProps & AlertSentimentProps & AlertAutocloseProps>`\n  ${({ $sentiment, $variant, $autoCloseTimeout, theme }) => {\n    const layer = theme.layer({\n      sentiment: $sentiment,\n      sentimentProminence: FabricsVariables.SentimentProminences.Strong,\n    });\n\n    return css`\n      position: absolute;\n      inset-block: 0;\n      opacity: ${$variant === Variants.Filled ? 1 : 0.1};\n      left: 0;\n      right: 0;\n      overflow: hidden;\n      pointer-events: none;\n\n      &::after {\n        content: '';\n        position: relative;\n        height: 100%;\n        display: block;\n\n        @media (prefers-reduced-motion: no-preference) {\n          width: 0;\n          opacity: ${$variant === Variants.Filled ? 0.1 : 1};\n          will-change: width;\n          animation: ${fullWidth} ${$autoCloseTimeout}ms ease-out forwards;\n        }\n\n        @media (prefers-reduced-motion: reduce) {\n          width: 100%;\n          opacity: 0;\n          will-change: opacity;\n          animation: ${$variant === Variants.Filled ? miniOpacity : opacity} 1s ease-out forwards;\n        }\n        background-color: ${layer[Variables.BackgroundSentiment]};\n        ${$variant === Variants.Filled &&\n        css`\n          mix-blend-mode: difference;\n        `}\n      }\n    `;\n  }};\n`;\n\nconst AlertContentContainer = styled.div<AlertBasicProps & AlertVariantProps>`\n  ${({ $size, $alignment, $variant }) => css`\n    position: relative;\n    display: flex;\n    flex: 1 0 0;\n    min-width: 0;\n    min-height: 100%;\n    overflow: hidden;\n    padding: ${AlertConsts.consts[$size][$alignment].padding.vertical}px\n      ${AlertConsts.consts[$size][$alignment].padding.horizontal}px;\n\n    ${$variant === Variants.Outlined &&\n    css`\n      padding: ${AlertConsts.consts[$size][$alignment].padding.vertical - 1}px\n        ${AlertConsts.consts[$size][$alignment].padding.horizontal - 1}px;\n    `}\n  `};\n`;\n\nconst Alert = styled.div<\n  AlertBasicProps & AlertVariantProps & AlertSentimentProps & AlertBannerProps & AlertHighlightProps\n>`\n  ${({ $size, $sentiment, $banner, $highlight, $variant, $alignment, theme }) => {\n    const currentModes = { sentiment: $sentiment, sentimentProminence: getProminence($variant) };\n    const layer = theme.layer(currentModes);\n\n    return css`\n      position: relative;\n      background-color: ${layer[Variables.BackgroundSentiment]};\n      color: ${layer[Variables.TextOnSentimentOnBackground]};\n      border-color: ${layer[Variables.BorderOnSentimentOnBackground]};\n\n      display: flex;\n      align-items: flex-start;\n      width: 100%;\n      &,\n      & > ${AutoCloseContainer} {\n        border-radius: ${$banner ? 0 : AlertConsts.consts[$size][$alignment].radius}px;\n      }\n      box-sizing: border-box;\n      min-height: ${AlertConsts.consts[$size][$alignment].minHeight}px;\n      min-width: 0;\n      margin: 0;\n      padding: 0;\n\n      ${$highlight &&\n      !$banner &&\n      css`\n        & > ${AlertContentContainer} {\n          margin-left: ${AlertConsts.consts[$size][$alignment].highlightContainerWidth}px;\n\n          &::before {\n            content: '';\n            display: block;\n            position: absolute;\n            top: ${AlertConsts.consts[$size][$alignment].highlightPadding}px;\n            bottom: ${AlertConsts.consts[$size][$alignment].highlightPadding}px;\n            left: calc(${AlertConsts.consts[$size][$alignment].highlightContainerOffset}px);\n            width: ${AlertConsts.consts[$size][$alignment].highlightWidth}px;\n            border-radius: 10000px;\n            background-color: ${layer[Variables.ForegroundOnSentiment]};\n          }\n        }\n      `};\n\n      ${$variant === Variants.Outlined &&\n      css`\n        border-width: 1px;\n        border-style: solid;\n      `}\n\n      ${$alignment === Directions.Horizontal &&\n      css`\n        justify-content: center;\n      `}\n      \n      ${$banner &&\n      $variant === Variants.Outlined &&\n      css`\n        border-right-width: 0;\n        border-left-width: 0;\n      `}\n    `;\n  }}\n`;\n\nconst MessageAndButtonContainer = styled.div<AlertBasicProps>`\n  ${({ $size, $alignment }) => css`\n    display: flex;\n    flex: 1 1 100%;\n    width: 100%;\n    min-width: 0;\n    overflow: hidden;\n    flex-wrap: wrap;\n    align-items: flex-start;\n    gap: ${AlertConsts.consts[$size][$alignment].textIconGap}px;\n  `};\n`;\n\nconst MessageAndIconVerticalContainer = styled.div<AlertBasicProps>`\n  ${({ $alignment, $size }) => css`\n    display: flex;\n    flex: 1 0 0;\n    width: 100%;\n    min-width: 0;\n    flex-wrap: nowrap;\n    align-items: ${$alignment === Directions.Horizontal ? 'center' : 'flex-start'};\n    gap: ${AlertConsts.consts[$size][$alignment].textIconGap}px;\n    padding: ${AlertConsts.consts[$size][$alignment].innerPadding.top}px\n      ${AlertConsts.consts[$size][$alignment].innerPadding.right}px\n      ${AlertConsts.consts[$size][$alignment].innerPadding.bottom}px\n      ${AlertConsts.consts[$size][$alignment].innerPadding.left}px;\n\n    ${$alignment === Directions.Vertical &&\n    css`\n      padding-right: 0;\n    `};\n  `};\n`;\n\nconst IconContainer = styled.div<AlertBasicProps>`\n  ${({ $alignment, $size }) => css`\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    min-width: ${AlertConsts.consts[$size][$alignment].minIconSize ?? AlertConsts.consts[$size][$alignment].iconSize}px;\n    min-height: ${AlertConsts.consts[$size][$alignment].minIconSize ??\n    AlertConsts.consts[$size][$alignment].iconSize}px;\n\n    & > svg {\n      width: ${AlertConsts.consts[$size][$alignment].iconSize}px;\n      height: ${AlertConsts.consts[$size][$alignment].iconSize}px;\n    }\n  `};\n`;\n\nconst InnerContainer = styled.div<AlertBasicProps>`\n  ${({ $size, $alignment }) => css`\n    display: flex;\n    flex: 1 1 100%;\n    justify-content: space-between;\n    flex-wrap: nowrap;\n    min-width: 0;\n    gap: ${AlertConsts.consts[$size][$alignment].innerGap}px;\n    align-self: stretch;\n    align-items: center;\n\n    ${$alignment === Directions.Vertical &&\n    css`\n      flex-direction: column;\n      align-items: flex-start;\n    `}\n  `}\n`;\n\nconst AlertMessageContainer = styled.div<AlertBasicProps & AlertVariantProps>`\n  ${({ $size, $variant, $alignment, theme }) => css`\n    ${theme.typography('paragraph', getAlertBodySize($size))};\n    display: flex;\n    flex: 1 0 0;\n    padding: 0 ${AlertConsts.consts[$size][$alignment].innerPadding.right}px 0\n      ${AlertConsts.consts[$size][$alignment].innerPadding.left}px;\n\n    ${$alignment === Directions.Horizontal &&\n    css`\n      padding-left: 0;\n      padding-right: 0;\n    `};\n\n    overflow: hidden;\n\n    * {\n      color: inherit;\n      margin: 0;\n      padding: 0;\n\n      ${(!$variant || $variant === 'filled') &&\n      css`\n        .${LINK_CLASS} a {\n          &,\n          &:hover,\n          &:visited {\n            color: inherit;\n            border-color: inherit;\n          }\n        }\n      `};\n\n      ${$alignment === Directions.Horizontal &&\n      css`\n        white-space: nowrap;\n      `};\n    }\n\n    ${$alignment === Directions.Horizontal &&\n    css`\n      > p {\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n    `};\n\n    gap: ${AlertConsts.consts[$size][$alignment].textGap}px;\n\n    ${$alignment === Directions.Horizontal &&\n    css`\n      align-items: baseline;\n    `}\n\n    ${$alignment === Directions.Vertical &&\n    css`\n      align-items: flex-start;\n      flex-direction: column;\n    `}\n  `};\n`;\n\nconst AlertTitle = ({\n  $size,\n  $alignment,\n  children,\n}: PropsWithChildren<Required<PickTransient<IAlertProps, 'size' | 'alignment'>>>) => {\n  if ($alignment === Directions.Vertical) {\n    if ($size === Sizes.Large) {\n      return (\n        <Text bold={true} size={getLargerSize($size) as TextTypes.Size}>\n          {children}\n        </Text>\n      );\n    }\n\n    return (\n      <Label bold={true} size={getLargerSize($size) as LabelTypes.Size}>\n        {children}\n      </Label>\n    );\n  }\n\n  return (\n    <Text bold={true} size={$size}>\n      {children}\n    </Text>\n  );\n};\n\nconst AlertMessage = styled(Text)``;\n\nconst Actions = styled.div<AlertBasicProps>`\n  ${({ $size, $alignment }) => css`\n    display: flex;\n    align-items: center;\n    flex-wrap: nowrap;\n    justify-content: flex-end;\n    gap: ${AlertConsts.consts[$size][$alignment].buttonGap}px;\n\n    ${$alignment === Directions.Vertical &&\n    css`\n      align-self: stretch;\n    `};\n  `};\n`;\n\nconst ActionButton = styled(OnSentimentButton)``;\n\nconst CloseButton = styled(OnSentimentButton)``;\n\nexport {\n  ActionButton,\n  Actions,\n  Alert,\n  AutoCloseContainer,\n  AlertContentContainer,\n  AlertTitle,\n  AlertMessage,\n  AlertMessageContainer,\n  CloseButton,\n  IconContainer,\n  InnerContainer,\n  MessageAndButtonContainer,\n  MessageAndIconVerticalContainer,\n};\n"],"names":["getProminence","variant","Variants","FabricsVariables","fullWidth","keyframes","opacity","miniOpacity","AutoCloseContainer","styled","$sentiment","$variant","$autoCloseTimeout","theme","layer","css","Variables","AlertContentContainer","$size","$alignment","AlertConsts.consts","Alert","$banner","$highlight","currentModes","Directions","MessageAndButtonContainer","MessageAndIconVerticalContainer","IconContainer","InnerContainer","AlertMessageContainer","getAlertBodySize","LINK_CLASS","AlertTitle","children","Sizes","jsx","Text","getLargerSize","Label","AlertMessage","Actions","ActionButton","OnSentimentButton","CloseButton"],"mappings":"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"}
+{"version":3,"file":"Alert.styles.js","sources":["../../../../src/components/Alert/Alert.styles.tsx"],"sourcesContent":["import { PropsWithChildren } from 'react';\r\n\r\nimport { Directions, LINK_CLASS, Sizes, Variants } from 'acinguiux-ds-react-base/consts';\r\nimport { PickTransient } from 'acinguiux-ds-react-base/types';\r\nimport { Variables } from 'acinguiux-ds-react-base/theme';\r\nimport { AlertConsts, AlertTypes } from 'acinguiux-ds-react-base/components/Alert';\r\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\r\nimport { styled, css, keyframes } from 'styled-components';\r\nimport { getLargerSize } from 'acinguiux-ds-react-base/utils/sizesUtils';\r\nimport { LabelTypes, TextTypes } from 'acinguiux-ds-react-base/components/Text';\r\n\r\nimport Label from '../Text/components/Label/Label';\r\nimport Text from '../Text/components/Text/Text';\r\nimport type { IAlertProps } from './Alert.types';\r\nimport OnSentimentButton from '../Button/OnSentimentButton';\r\nimport { getAlertBodySize } from './utils/alertUtils';\r\n\r\nconst getProminence = (variant: AlertTypes.Variant) => {\r\n  if (variant === Variants.Filled) {\r\n    return FabricsVariables.SentimentProminences.Strong;\r\n  }\r\n\r\n  if (variant === Variants.Subtle) {\r\n    return FabricsVariables.SentimentProminences.Subtle;\r\n  }\r\n\r\n  return FabricsVariables.SentimentProminences.Transparent;\r\n};\r\n\r\ntype AlertBasicProps = Required<PickTransient<IAlertProps, 'size' | 'alignment'>>;\r\ntype AlertVariantProps = Required<PickTransient<IAlertProps, 'variant'>>;\r\ntype AlertSentimentProps = Required<PickTransient<IAlertProps, 'sentiment'>>;\r\ntype AlertBannerProps = Required<PickTransient<IAlertProps, 'banner'>>;\r\ntype AlertHighlightProps = Required<PickTransient<IAlertProps, 'highlight'>>;\r\ntype AlertAutocloseProps = Required<PickTransient<IAlertProps, 'autoCloseTimeout'>>;\r\n\r\nconst fullWidth = keyframes`\r\n  from {\r\n    width: 0;\r\n  }\r\n  \r\n  to {\r\n    width: 100%;\r\n  }\r\n`;\r\n\r\nconst opacity = keyframes`\r\n  from {\r\n    opacity: 0;\r\n  }\r\n  \r\n  to {\r\n    opacity: 1;\r\n  }\r\n`;\r\n\r\nconst miniOpacity = keyframes`\r\n  from {\r\n    opacity: 0;\r\n  }\r\n  \r\n  to {\r\n    opacity: .1;\r\n  }\r\n`;\r\n\r\nconst AutoCloseContainer = styled.div<AlertVariantProps & AlertSentimentProps & AlertAutocloseProps>`\r\n  ${({ $sentiment, $variant, $autoCloseTimeout, theme }) => {\r\n    const layer = theme.layer({\r\n      sentiment: $sentiment,\r\n      sentimentProminence: FabricsVariables.SentimentProminences.Strong,\r\n    });\r\n\r\n    return css`\r\n      position: absolute;\r\n      inset-block: 0;\r\n      opacity: ${$variant === Variants.Filled ? 1 : 0.1};\r\n      left: 0;\r\n      right: 0;\r\n      overflow: hidden;\r\n      pointer-events: none;\r\n\r\n      &::after {\r\n        content: '';\r\n        position: relative;\r\n        height: 100%;\r\n        display: block;\r\n\r\n        @media (prefers-reduced-motion: no-preference) {\r\n          width: 0;\r\n          opacity: ${$variant === Variants.Filled ? 0.1 : 1};\r\n          will-change: width;\r\n          animation: ${fullWidth} ${$autoCloseTimeout}ms ease-out forwards;\r\n        }\r\n\r\n        @media (prefers-reduced-motion: reduce) {\r\n          width: 100%;\r\n          opacity: 0;\r\n          will-change: opacity;\r\n          animation: ${$variant === Variants.Filled ? miniOpacity : opacity} 1s ease-out forwards;\r\n        }\r\n        background-color: ${layer[Variables.BackgroundSentiment]};\r\n        ${$variant === Variants.Filled &&\r\n        css`\r\n          mix-blend-mode: difference;\r\n        `}\r\n      }\r\n    `;\r\n  }};\r\n`;\r\n\r\nconst AlertContentContainer = styled.div<AlertBasicProps & AlertVariantProps>`\r\n  ${({ $size, $alignment, $variant }) => css`\r\n    position: relative;\r\n    display: flex;\r\n    flex: 1 0 0;\r\n    min-width: 0;\r\n    min-height: 100%;\r\n    overflow: hidden;\r\n    padding: ${AlertConsts.consts[$size][$alignment].padding.vertical}px\r\n      ${AlertConsts.consts[$size][$alignment].padding.horizontal}px;\r\n\r\n    ${$variant === Variants.Outlined &&\r\n    css`\r\n      padding: ${AlertConsts.consts[$size][$alignment].padding.vertical - 1}px\r\n        ${AlertConsts.consts[$size][$alignment].padding.horizontal - 1}px;\r\n    `}\r\n  `};\r\n`;\r\n\r\nconst Alert = styled.div<\r\n  AlertBasicProps & AlertVariantProps & AlertSentimentProps & AlertBannerProps & AlertHighlightProps\r\n>`\r\n  ${({ $size, $sentiment, $banner, $highlight, $variant, $alignment, theme }) => {\r\n    const currentModes = { sentiment: $sentiment, sentimentProminence: getProminence($variant) };\r\n    const layer = theme.layer(currentModes);\r\n\r\n    return css`\r\n      position: relative;\r\n      background-color: ${layer[Variables.BackgroundSentiment]};\r\n      color: ${layer[Variables.TextOnSentimentOnBackground]};\r\n      border-color: ${layer[Variables.BorderOnSentimentOnBackground]};\r\n\r\n      display: flex;\r\n      align-items: flex-start;\r\n      width: 100%;\r\n      &,\r\n      & > ${AutoCloseContainer} {\r\n        border-radius: ${$banner ? 0 : AlertConsts.consts[$size][$alignment].radius}px;\r\n      }\r\n      box-sizing: border-box;\r\n      min-height: ${AlertConsts.consts[$size][$alignment].minHeight}px;\r\n      min-width: 0;\r\n      margin: 0;\r\n      padding: 0;\r\n\r\n      ${$highlight &&\r\n      !$banner &&\r\n      css`\r\n        & > ${AlertContentContainer} {\r\n          margin-left: ${AlertConsts.consts[$size][$alignment].highlightContainerWidth}px;\r\n\r\n          &::before {\r\n            content: '';\r\n            display: block;\r\n            position: absolute;\r\n            top: ${AlertConsts.consts[$size][$alignment].highlightPadding}px;\r\n            bottom: ${AlertConsts.consts[$size][$alignment].highlightPadding}px;\r\n            left: calc(${AlertConsts.consts[$size][$alignment].highlightContainerOffset}px);\r\n            width: ${AlertConsts.consts[$size][$alignment].highlightWidth}px;\r\n            border-radius: 10000px;\r\n            background-color: ${layer[Variables.ForegroundOnSentiment]};\r\n          }\r\n        }\r\n      `};\r\n\r\n      ${$variant === Variants.Outlined &&\r\n      css`\r\n        border-width: 1px;\r\n        border-style: solid;\r\n      `}\r\n\r\n      ${$alignment === Directions.Horizontal &&\r\n      css`\r\n        justify-content: center;\r\n      `}\r\n      \r\n      ${$banner &&\r\n      $variant === Variants.Outlined &&\r\n      css`\r\n        border-right-width: 0;\r\n        border-left-width: 0;\r\n      `}\r\n    `;\r\n  }}\r\n`;\r\n\r\nconst MessageAndButtonContainer = styled.div<AlertBasicProps>`\r\n  ${({ $size, $alignment }) => css`\r\n    display: flex;\r\n    flex: 1 1 100%;\r\n    width: 100%;\r\n    min-width: 0;\r\n    overflow: hidden;\r\n    flex-wrap: wrap;\r\n    align-items: flex-start;\r\n    gap: ${AlertConsts.consts[$size][$alignment].textIconGap}px;\r\n  `};\r\n`;\r\n\r\nconst MessageAndIconVerticalContainer = styled.div<AlertBasicProps>`\r\n  ${({ $alignment, $size }) => css`\r\n    display: flex;\r\n    flex: 1 0 0;\r\n    width: 100%;\r\n    min-width: 0;\r\n    flex-wrap: nowrap;\r\n    align-items: ${$alignment === Directions.Horizontal ? 'center' : 'flex-start'};\r\n    gap: ${AlertConsts.consts[$size][$alignment].textIconGap}px;\r\n    padding: ${AlertConsts.consts[$size][$alignment].innerPadding.top}px\r\n      ${AlertConsts.consts[$size][$alignment].innerPadding.right}px\r\n      ${AlertConsts.consts[$size][$alignment].innerPadding.bottom}px\r\n      ${AlertConsts.consts[$size][$alignment].innerPadding.left}px;\r\n\r\n    ${$alignment === Directions.Vertical &&\r\n    css`\r\n      padding-right: 0;\r\n    `};\r\n  `};\r\n`;\r\n\r\nconst IconContainer = styled.div<AlertBasicProps>`\r\n  ${({ $alignment, $size }) => css`\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    min-width: ${AlertConsts.consts[$size][$alignment].minIconSize ?? AlertConsts.consts[$size][$alignment].iconSize}px;\r\n    min-height: ${AlertConsts.consts[$size][$alignment].minIconSize ??\r\n    AlertConsts.consts[$size][$alignment].iconSize}px;\r\n\r\n    & > svg {\r\n      width: ${AlertConsts.consts[$size][$alignment].iconSize}px;\r\n      height: ${AlertConsts.consts[$size][$alignment].iconSize}px;\r\n    }\r\n  `};\r\n`;\r\n\r\nconst InnerContainer = styled.div<AlertBasicProps>`\r\n  ${({ $size, $alignment }) => css`\r\n    display: flex;\r\n    flex: 1 1 100%;\r\n    justify-content: space-between;\r\n    flex-wrap: nowrap;\r\n    min-width: 0;\r\n    gap: ${AlertConsts.consts[$size][$alignment].innerGap}px;\r\n    align-self: stretch;\r\n    align-items: center;\r\n\r\n    ${$alignment === Directions.Vertical &&\r\n    css`\r\n      flex-direction: column;\r\n      align-items: flex-start;\r\n    `}\r\n  `}\r\n`;\r\n\r\nconst AlertMessageContainer = styled.div<AlertBasicProps & AlertVariantProps>`\r\n  ${({ $size, $variant, $alignment, theme }) => css`\r\n    ${theme.typography('paragraph', getAlertBodySize($size))};\r\n    display: flex;\r\n    flex: 1 0 0;\r\n    padding: 0 ${AlertConsts.consts[$size][$alignment].innerPadding.right}px 0\r\n      ${AlertConsts.consts[$size][$alignment].innerPadding.left}px;\r\n\r\n    ${$alignment === Directions.Horizontal &&\r\n    css`\r\n      padding-left: 0;\r\n      padding-right: 0;\r\n    `};\r\n\r\n    overflow: hidden;\r\n\r\n    * {\r\n      color: inherit;\r\n      margin: 0;\r\n      padding: 0;\r\n\r\n      ${(!$variant || $variant === 'filled') &&\r\n      css`\r\n        .${LINK_CLASS} a {\r\n          &,\r\n          &:hover,\r\n          &:visited {\r\n            color: inherit;\r\n            border-color: inherit;\r\n          }\r\n        }\r\n      `};\r\n\r\n      ${$alignment === Directions.Horizontal &&\r\n      css`\r\n        white-space: nowrap;\r\n      `};\r\n    }\r\n\r\n    ${$alignment === Directions.Horizontal &&\r\n    css`\r\n      > p {\r\n        overflow: hidden;\r\n        text-overflow: ellipsis;\r\n      }\r\n    `};\r\n\r\n    gap: ${AlertConsts.consts[$size][$alignment].textGap}px;\r\n\r\n    ${$alignment === Directions.Horizontal &&\r\n    css`\r\n      align-items: baseline;\r\n    `}\r\n\r\n    ${$alignment === Directions.Vertical &&\r\n    css`\r\n      align-items: flex-start;\r\n      flex-direction: column;\r\n    `}\r\n  `};\r\n`;\r\n\r\nconst AlertTitle = ({\r\n  $size,\r\n  $alignment,\r\n  children,\r\n}: PropsWithChildren<Required<PickTransient<IAlertProps, 'size' | 'alignment'>>>) => {\r\n  if ($alignment === Directions.Vertical) {\r\n    if ($size === Sizes.Large) {\r\n      return (\r\n        <Text bold={true} size={getLargerSize($size) as TextTypes.Size}>\r\n          {children}\r\n        </Text>\r\n      );\r\n    }\r\n\r\n    return (\r\n      <Label bold={true} size={getLargerSize($size) as LabelTypes.Size}>\r\n        {children}\r\n      </Label>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <Text bold={true} size={$size}>\r\n      {children}\r\n    </Text>\r\n  );\r\n};\r\n\r\nconst AlertMessage = styled(Text)``;\r\n\r\nconst Actions = styled.div<AlertBasicProps>`\r\n  ${({ $size, $alignment }) => css`\r\n    display: flex;\r\n    align-items: center;\r\n    flex-wrap: nowrap;\r\n    justify-content: flex-end;\r\n    gap: ${AlertConsts.consts[$size][$alignment].buttonGap}px;\r\n\r\n    ${$alignment === Directions.Vertical &&\r\n    css`\r\n      align-self: stretch;\r\n    `};\r\n  `};\r\n`;\r\n\r\nconst ActionButton = styled(OnSentimentButton)``;\r\n\r\nconst CloseButton = styled(OnSentimentButton)``;\r\n\r\nexport {\r\n  ActionButton,\r\n  Actions,\r\n  Alert,\r\n  AutoCloseContainer,\r\n  AlertContentContainer,\r\n  AlertTitle,\r\n  AlertMessage,\r\n  AlertMessageContainer,\r\n  CloseButton,\r\n  IconContainer,\r\n  InnerContainer,\r\n  MessageAndButtonContainer,\r\n  MessageAndIconVerticalContainer,\r\n};\r\n"],"names":["getProminence","variant","Variants","FabricsVariables","fullWidth","keyframes","opacity","miniOpacity","AutoCloseContainer","styled","$sentiment","$variant","$autoCloseTimeout","theme","layer","css","Variables","AlertContentContainer","$size","$alignment","AlertConsts.consts","Alert","$banner","$highlight","currentModes","Directions","MessageAndButtonContainer","MessageAndIconVerticalContainer","IconContainer","InnerContainer","AlertMessageContainer","getAlertBodySize","LINK_CLASS","AlertTitle","children","Sizes","jsx","Text","getLargerSize","Label","AlertMessage","Actions","ActionButton","OnSentimentButton","CloseButton"],"mappings":";;;;;;;;;;;;AAiBA,MAAMA,IAAgB,CAACC,MACjBA,MAAYC,EAAS,SAChBC,EAAiB,qBAAqB,SAG3CF,MAAYC,EAAS,SAChBC,EAAiB,qBAAqB,SAGxCA,EAAiB,qBAAqB,aAUzCC,IAAYC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAUZC,IAAUD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAUVE,IAAcF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAUdG,IAAqBC,EAAO;AAAA,IAC9B,CAAC,EAAE,YAAAC,GAAY,UAAAC,GAAU,mBAAAC,GAAmB,OAAAC,QAAY;AACxD,QAAMC,IAAQD,EAAM,MAAM;AAAA,IACxB,WAAWH;AAAA,IACX,qBAAqBP,EAAiB,qBAAqB;AAAA,EAAA,CAC5D;AAED,SAAOY;AAAA;AAAA;AAAA,iBAGMJ,MAAaT,EAAS,SAAS,IAAI,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAclCS,MAAaT,EAAS,SAAS,MAAM,CAAC;AAAA;AAAA,uBAEpCE,CAAS,IAAIQ,CAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAO9BD,MAAaT,EAAS,SAASK,IAAcD,CAAO;AAAA;AAAA,4BAE/CQ,EAAME,EAAU,mBAAmB,CAAC;AAAA,UACtDL,MAAaT,EAAS,UACxBa;AAAA;AAAA,SAEC;AAAA;AAAA;AAGP,CAAC;AAAA,GAGGE,IAAwBR,EAAO;AAAA,IACjC,CAAC,EAAE,OAAAS,GAAO,YAAAC,GAAY,UAAAR,QAAeI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAO1BK,EAAmBF,CAAK,EAAEC,CAAU,EAAE,QAAQ,QAAQ;AAAA,QAC7DC,EAAmBF,CAAK,EAAEC,CAAU,EAAE,QAAQ,UAAU;AAAA;AAAA,MAE1DR,MAAaT,EAAS,YACxBa;AAAA,iBACaK,EAAmBF,CAAK,EAAEC,CAAU,EAAE,QAAQ,WAAW,CAAC;AAAA,UACjEC,EAAmBF,CAAK,EAAEC,CAAU,EAAE,QAAQ,aAAa,CAAC;AAAA,KACjE;AAAA,GACF;AAAA,GAGGE,IAAQZ,EAAO;AAAA,IAGjB,CAAC,EAAE,OAAAS,GAAO,YAAAR,GAAY,SAAAY,GAAS,YAAAC,GAAY,UAAAZ,GAAU,YAAAQ,GAAY,OAAAN,QAAY;AAC7E,QAAMW,IAAe,EAAE,WAAWd,GAAY,qBAAqBV,EAAcW,CAAQ,EAAA,GACnFG,IAAQD,EAAM,MAAMW,CAAY;AAEtC,SAAOT;AAAA;AAAA,0BAEeD,EAAME,EAAU,mBAAmB,CAAC;AAAA,eAC/CF,EAAME,EAAU,2BAA2B,CAAC;AAAA,sBACrCF,EAAME,EAAU,6BAA6B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAMxDR,CAAkB;AAAA,yBACLc,IAAU,IAAIF,EAAmBF,CAAK,EAAEC,CAAU,EAAE,MAAM;AAAA;AAAA;AAAA,oBAG/DC,EAAmBF,CAAK,EAAEC,CAAU,EAAE,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,QAK3DI,KACF,CAACD,KACDP;AAAA,cACQE,CAAqB;AAAA,yBACVG,EAAmBF,CAAK,EAAEC,CAAU,EAAE,uBAAuB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAMnEC,EAAmBF,CAAK,EAAEC,CAAU,EAAE,gBAAgB;AAAA,sBACnDC,EAAmBF,CAAK,EAAEC,CAAU,EAAE,gBAAgB;AAAA,yBACnDC,EAAmBF,CAAK,EAAEC,CAAU,EAAE,wBAAwB;AAAA,qBAClEC,EAAmBF,CAAK,EAAEC,CAAU,EAAE,cAAc;AAAA;AAAA,gCAEzCL,EAAME,EAAU,qBAAqB,CAAC;AAAA;AAAA;AAAA,OAG/D;AAAA;AAAA,QAECL,MAAaT,EAAS,YACxBa;AAAA;AAAA;AAAA,OAGC;AAAA;AAAA,QAECI,MAAeM,EAAW,cAC5BV;AAAA;AAAA,OAEC;AAAA;AAAA,QAECO,KACFX,MAAaT,EAAS,YACtBa;AAAA;AAAA;AAAA,OAGC;AAAA;AAEL,CAAC;AAAA,GAGGW,IAA4BjB,EAAO;AAAA,IACrC,CAAC,EAAE,OAAAS,GAAO,YAAAC,EAAA,MAAiBJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAQpBK,EAAmBF,CAAK,EAAEC,CAAU,EAAE,WAAW;AAAA,GACzD;AAAA,GAGGQ,IAAkClB,EAAO;AAAA,IAC3C,CAAC,EAAE,YAAAU,GAAY,OAAAD,EAAA,MAAYH;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAMZI,MAAeM,EAAW,aAAa,WAAW,YAAY;AAAA,WACtEL,EAAmBF,CAAK,EAAEC,CAAU,EAAE,WAAW;AAAA,eAC7CC,EAAmBF,CAAK,EAAEC,CAAU,EAAE,aAAa,GAAG;AAAA,QAC7DC,EAAmBF,CAAK,EAAEC,CAAU,EAAE,aAAa,KAAK;AAAA,QACxDC,EAAmBF,CAAK,EAAEC,CAAU,EAAE,aAAa,MAAM;AAAA,QACzDC,EAAmBF,CAAK,EAAEC,CAAU,EAAE,aAAa,IAAI;AAAA;AAAA,MAEzDA,MAAeM,EAAW,YAC5BV;AAAA;AAAA,KAEC;AAAA,GACF;AAAA,GAGGa,IAAgBnB,EAAO;AAAA,IACzB,CAAC,EAAE,YAAAU,GAAY,OAAAD,EAAA,MAAYH;AAAA;AAAA;AAAA;AAAA;AAAA,iBAKdK,EAAmBF,CAAK,EAAEC,CAAU,EAAE,eAAeC,EAAmBF,CAAK,EAAEC,CAAU,EAAE,QAAQ;AAAA,kBAClGC,EAAmBF,CAAK,EAAEC,CAAU,EAAE,eACpDC,EAAmBF,CAAK,EAAEC,CAAU,EAAE,QAAQ;AAAA;AAAA;AAAA,eAGnCC,EAAmBF,CAAK,EAAEC,CAAU,EAAE,QAAQ;AAAA,gBAC7CC,EAAmBF,CAAK,EAAEC,CAAU,EAAE,QAAQ;AAAA;AAAA,GAE3D;AAAA,GAGGU,IAAiBpB,EAAO;AAAA,IAC1B,CAAC,EAAE,OAAAS,GAAO,YAAAC,EAAA,MAAiBJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAMpBK,EAAmBF,CAAK,EAAEC,CAAU,EAAE,QAAQ;AAAA;AAAA;AAAA;AAAA,MAInDA,MAAeM,EAAW,YAC5BV;AAAA;AAAA;AAAA,KAGC;AAAA,GACF;AAAA,GAGGe,IAAwBrB,EAAO;AAAA,IACjC,CAAC,EAAE,OAAAS,GAAO,UAAAP,GAAU,YAAAQ,GAAY,OAAAN,QAAYE;AAAA,MAC1CF,EAAM,WAAW,aAAakB,EAAiBb,CAAK,CAAC,CAAC;AAAA;AAAA;AAAA,iBAG3CE,EAAmBF,CAAK,EAAEC,CAAU,EAAE,aAAa,KAAK;AAAA,QACjEC,EAAmBF,CAAK,EAAEC,CAAU,EAAE,aAAa,IAAI;AAAA;AAAA,MAEzDA,MAAeM,EAAW,cAC5BV;AAAA;AAAA;AAAA,KAGC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SASI,CAACJ,KAAYA,MAAa,aAC7BI;AAAA,WACKiB,CAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAQd;AAAA;AAAA,QAECb,MAAeM,EAAW,cAC5BV;AAAA;AAAA,OAEC;AAAA;AAAA;AAAA,MAGDI,MAAeM,EAAW,cAC5BV;AAAA;AAAA;AAAA;AAAA;AAAA,KAKC;AAAA;AAAA,WAEMK,EAAmBF,CAAK,EAAEC,CAAU,EAAE,OAAO;AAAA;AAAA,MAElDA,MAAeM,EAAW,cAC5BV;AAAA;AAAA,KAEC;AAAA;AAAA,MAECI,MAAeM,EAAW,YAC5BV;AAAA;AAAA;AAAA,KAGC;AAAA,GACF;AAAA,GAGGkB,IAAa,CAAC;AAAA,EAClB,OAAAf;AAAA,EACA,YAAAC;AAAA,EACA,UAAAe;AACF,MACMf,MAAeM,EAAW,WACxBP,MAAUiB,EAAM,QAEhB,gBAAAC,EAACC,KAAK,MAAM,IAAM,MAAMC,EAAcpB,CAAK,GACxC,UAAAgB,GACH,IAKF,gBAAAE,EAACG,KAAM,MAAM,IAAM,MAAMD,EAAcpB,CAAK,GACzC,UAAAgB,GACH,sBAKDG,GAAA,EAAK,MAAM,IAAM,MAAMnB,GACrB,UAAAgB,GACH,GAIEM,IAAe/B,EAAO4B,CAAI,KAE1BI,IAAUhC,EAAO;AAAA,IACnB,CAAC,EAAE,OAAAS,GAAO,YAAAC,EAAA,MAAiBJ;AAAA;AAAA;AAAA;AAAA;AAAA,WAKpBK,EAAmBF,CAAK,EAAEC,CAAU,EAAE,SAAS;AAAA;AAAA,MAEpDA,MAAeM,EAAW,YAC5BV;AAAA;AAAA,KAEC;AAAA,GACF;AAAA,GAGG2B,IAAejC,EAAOkC,CAAiB,KAEvCC,IAAcnC,EAAOkC,CAAiB;"}

package/build/esm/components/Alert/utils/alertUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"alertUtils.js","sources":["../../../../../src/components/Alert/utils/alertUtils.tsx"],"sourcesContent":["import { Sizes } from 'acinguiux-ds-react-base/consts';\nimport type { TextTypes } from 'acinguiux-ds-react-base/components/Text';\nimport type { TypographySize } from 'acinguiux-ds-react-base/theme';\nimport type { AlertTypes } from 'acinguiux-ds-react-base/components/Alert';\n\nexport const getAlertButtonSize = (size?: AlertTypes.Size) => {\n  switch (size) {\n    case Sizes.Large:\n      return Sizes.Medium;\n    case Sizes.XSmall:\n      return Sizes.XSmall;\n    default:\n      return Sizes.Small;\n  }\n};\n\nexport const getAlertCloseButtonSize = (size?: AlertTypes.Size) => {\n  switch (size) {\n    case Sizes.Large:\n      return Sizes.Medium;\n    case Sizes.Medium:\n      return Sizes.Small;\n    default:\n      return Sizes.XSmall;\n  }\n};\n\nexport const getAlertBodySize = (size: AlertTypes.Size): TypographySize<'paragraph'> => {\n  switch (size) {\n    case Sizes.Large:\n      return 'large';\n    case Sizes.Small:\n      return 'small';\n    case Sizes.XSmall:\n      return 'extraSmall';\n    case Sizes.Medium:\n    default:\n      return 'medium';\n  }\n};\n\nexport const getAlertTextSize = (size: AlertTypes.Size): TextTypes.Size => size;\n"],"names":["getAlertButtonSize","size","Sizes","getAlertCloseButtonSize","getAlertBodySize","getAlertTextSize"],"mappings":";AAKO,MAAMA,IAAqB,CAACC,MAA2B;AAC5D,UAAQA,GAAA;AAAA,IACN,KAAKC,EAAM;AACT,aAAOA,EAAM;AAAA,IACf,KAAKA,EAAM;AACT,aAAOA,EAAM;AAAA,IACf;AACE,aAAOA,EAAM;AAAA,EAAA;AAEnB,GAEaC,IAA0B,CAACF,MAA2B;AACjE,UAAQA,GAAA;AAAA,IACN,KAAKC,EAAM;AACT,aAAOA,EAAM;AAAA,IACf,KAAKA,EAAM;AACT,aAAOA,EAAM;AAAA,IACf;AACE,aAAOA,EAAM;AAAA,EAAA;AAEnB,GAEaE,IAAmB,CAACH,MAAuD;AACtF,UAAQA,GAAA;AAAA,IACN,KAAKC,EAAM;AACT,aAAO;AAAA,IACT,KAAKA,EAAM;AACT,aAAO;AAAA,IACT,KAAKA,EAAM;AACT,aAAO;AAAA,IACT,KAAKA,EAAM;AAAA,IACX;AACE,aAAO;AAAA,EAAA;AAEb,GAEaG,IAAmB,CAACJ,MAA0CA;"}
+{"version":3,"file":"alertUtils.js","sources":["../../../../../src/components/Alert/utils/alertUtils.tsx"],"sourcesContent":["import { Sizes } from 'acinguiux-ds-react-base/consts';\r\nimport type { TextTypes } from 'acinguiux-ds-react-base/components/Text';\r\nimport type { TypographySize } from 'acinguiux-ds-react-base/theme';\r\nimport type { AlertTypes } from 'acinguiux-ds-react-base/components/Alert';\r\n\r\nexport const getAlertButtonSize = (size?: AlertTypes.Size) => {\r\n  switch (size) {\r\n    case Sizes.Large:\r\n      return Sizes.Medium;\r\n    case Sizes.XSmall:\r\n      return Sizes.XSmall;\r\n    default:\r\n      return Sizes.Small;\r\n  }\r\n};\r\n\r\nexport const getAlertCloseButtonSize = (size?: AlertTypes.Size) => {\r\n  switch (size) {\r\n    case Sizes.Large:\r\n      return Sizes.Medium;\r\n    case Sizes.Medium:\r\n      return Sizes.Small;\r\n    default:\r\n      return Sizes.XSmall;\r\n  }\r\n};\r\n\r\nexport const getAlertBodySize = (size: AlertTypes.Size): TypographySize<'paragraph'> => {\r\n  switch (size) {\r\n    case Sizes.Large:\r\n      return 'large';\r\n    case Sizes.Small:\r\n      return 'small';\r\n    case Sizes.XSmall:\r\n      return 'extraSmall';\r\n    case Sizes.Medium:\r\n    default:\r\n      return 'medium';\r\n  }\r\n};\r\n\r\nexport const getAlertTextSize = (size: AlertTypes.Size): TextTypes.Size => size;\r\n"],"names":["getAlertButtonSize","size","Sizes","getAlertCloseButtonSize","getAlertBodySize","getAlertTextSize"],"mappings":";AAKO,MAAMA,IAAqB,CAACC,MAA2B;AAC5D,UAAQA,GAAA;AAAA,IACN,KAAKC,EAAM;AACT,aAAOA,EAAM;AAAA,IACf,KAAKA,EAAM;AACT,aAAOA,EAAM;AAAA,IACf;AACE,aAAOA,EAAM;AAAA,EAAA;AAEnB,GAEaC,IAA0B,CAACF,MAA2B;AACjE,UAAQA,GAAA;AAAA,IACN,KAAKC,EAAM;AACT,aAAOA,EAAM;AAAA,IACf,KAAKA,EAAM;AACT,aAAOA,EAAM;AAAA,IACf;AACE,aAAOA,EAAM;AAAA,EAAA;AAEnB,GAEaE,IAAmB,CAACH,MAAuD;AACtF,UAAQA,GAAA;AAAA,IACN,KAAKC,EAAM;AACT,aAAO;AAAA,IACT,KAAKA,EAAM;AACT,aAAO;AAAA,IACT,KAAKA,EAAM;AACT,aAAO;AAAA,IACT,KAAKA,EAAM;AAAA,IACX;AACE,aAAO;AAAA,EAAA;AAEb,GAEaG,IAAmB,CAACJ,MAA0CA;"}