acinguiux-ds-react-framework 0.1.24 → 0.1.25

package/build/esm/react-base/src/components/Stepper/Stepper.consts.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stepper.consts.js","sources":["../../../../../../../react-base/src/components/Stepper/Stepper.consts.ts"],"sourcesContent":["import type { Size } from './Stepper.types';\nimport { Directions, Sizes } from '../../consts';\n\ntype StepperConsts = {\n  stepsContainerGap: number;\n  wrapper: {\n    borderRadius: number;\n    gap: number;\n    padding: {\n      vertical: Record<Directions, number>;\n      horizontal: Record<Directions, number>;\n    };\n    focusBorderRadius: number;\n    focusOutlineWidth: number;\n    focusOutlineOffset: number;\n  };\n  connector: {\n    lineWidth: number;\n    gap: Record<Directions, number>;\n    gradients: Record<Directions, Record<'linear' | 'radial', string>>;\n    borderRadius: number;\n  };\n  content: {\n    gap: number;\n    paddingTop: Record<Size, number>;\n    stepNumberHeight: Record<Size, number>;\n  };\n};\n\nexport const stepperConsts: StepperConsts = {\n  stepsContainerGap: 4,\n  wrapper: {\n    borderRadius: 4,\n    gap: 16,\n    padding: {\n      vertical: {\n        [Directions.Horizontal]: 16,\n        [Directions.Vertical]: 4,\n      },\n      horizontal: {\n        [Directions.Horizontal]: 6,\n        [Directions.Vertical]: 6,\n      },\n    },\n    focusBorderRadius: 6,\n    focusOutlineWidth: 3,\n    focusOutlineOffset: 2,\n  },\n  connector: {\n    lineWidth: 4,\n    borderRadius: 4,\n    gap: {\n      [Directions.Horizontal]: 12,\n      [Directions.Vertical]: 8,\n    },\n    gradients: {\n      [Directions.Horizontal]: {\n        linear: 'linear-gradient(90deg, #0000 2px, currentColor 2px, currentColor 4px, #0000 4px) 0/8px',\n        radial: `radial-gradient(circle closest-side at 2px, currentColor 98%, #0000) 0/8px,\n             radial-gradient(circle closest-side at 4px, currentColor 98%, #0000) 0/8px`,\n      },\n      [Directions.Vertical]: {\n        linear: 'linear-gradient(180deg, #0000 2px, currentColor 2px, currentColor 4px, #0000 4px) 0/8px 8px',\n        radial: `radial-gradient(circle 2px at 2px 2px, currentColor 98%, #0000) 0/4px 8px,\n             radial-gradient(circle 2px at 2px 4px, currentColor 98%, #0000) 0/4px 8px`,\n      },\n    },\n  },\n  content: {\n    gap: 4,\n    paddingTop: {\n      [Sizes.Small]: 2,\n      [Sizes.Medium]: 2,\n      [Sizes.Large]: 4,\n    },\n    stepNumberHeight: {\n      [Sizes.Small]: 26,\n      [Sizes.Medium]: 28,\n      [Sizes.Large]: 28,\n    },\n  },\n};\n\ntype ContainedStepperConsts = {\n  wrapper: {\n    gap: number;\n  };\n  container: {\n    borderRadius: number;\n    gap: number;\n    padding: Record<Size, number>;\n    focusBorderRadius: number;\n    focusOutlineWidth: number;\n  };\n};\n\nexport const containedStepperConsts: ContainedStepperConsts = {\n  wrapper: {\n    gap: 4,\n  },\n  container: {\n    borderRadius: 8,\n    gap: 16,\n    padding: {\n      [Sizes.Small]: 12,\n      [Sizes.Medium]: 16,\n      [Sizes.Large]: 20,\n    },\n    focusBorderRadius: 6,\n    focusOutlineWidth: 3,\n  },\n};\n"],"names":["stepperConsts","Directions","Sizes","containedStepperConsts"],"mappings":";AA6BO,MAAMA,IAA+B;AAAA,EAC1C,mBAAmB;AAAA,EACnB,SAAS;AAAA,IACP,cAAc;AAAA,IACd,KAAK;AAAA,IACL,SAAS;AAAA,MACP,UAAU;AAAA,QACR,CAACC,EAAW,UAAU,GAAG;AAAA,QACzB,CAACA,EAAW,QAAQ,GAAG;AAAA,MAAA;AAAA,MAEzB,YAAY;AAAA,QACV,CAACA,EAAW,UAAU,GAAG;AAAA,QACzB,CAACA,EAAW,QAAQ,GAAG;AAAA,MAAA;AAAA,IACzB;AAAA,IAEF,mBAAmB;AAAA,IACnB,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,EAAA;AAAA,EAEtB,WAAW;AAAA,IACT,WAAW;AAAA,IACX,cAAc;AAAA,IACd,KAAK;AAAA,MACH,CAACA,EAAW,UAAU,GAAG;AAAA,MACzB,CAACA,EAAW,QAAQ,GAAG;AAAA,IAAA;AAAA,IAEzB,WAAW;AAAA,MACT,CAACA,EAAW,UAAU,GAAG;AAAA,QACvB,QAAQ;AAAA,QACR,QAAQ;AAAA;AAAA,MAAA;AAAA,MAGV,CAACA,EAAW,QAAQ,GAAG;AAAA,QACrB,QAAQ;AAAA,QACR,QAAQ;AAAA;AAAA,MAAA;AAAA,IAEV;AAAA,EACF;AAAA,EAEF,SAAS;AAAA,IACP,KAAK;AAAA,IACL,YAAY;AAAA,MACV,CAACC,EAAM,KAAK,GAAG;AAAA,MACf,CAACA,EAAM,MAAM,GAAG;AAAA,MAChB,CAACA,EAAM,KAAK,GAAG;AAAA,IAAA;AAAA,IAEjB,kBAAkB;AAAA,MAChB,CAACA,EAAM,KAAK,GAAG;AAAA,MACf,CAACA,EAAM,MAAM,GAAG;AAAA,MAChB,CAACA,EAAM,KAAK,GAAG;AAAA,IAAA;AAAA,EACjB;AAEJ,GAeaC,IAAiD;AAAA,EAC5D,SAAS;AAAA,IACP,KAAK;AAAA,EAAA;AAAA,EAEP,WAAW;AAAA,IACT,cAAc;AAAA,IACd,KAAK;AAAA,IACL,SAAS;AAAA,MACP,CAACD,EAAM,KAAK,GAAG;AAAA,MACf,CAACA,EAAM,MAAM,GAAG;AAAA,MAChB,CAACA,EAAM,KAAK,GAAG;AAAA,IAAA;AAAA,IAEjB,mBAAmB;AAAA,IACnB,mBAAmB;AAAA,EAAA;AAEvB;"}
+{"version":3,"file":"Stepper.consts.js","sources":["../../../../../../../react-base/src/components/Stepper/Stepper.consts.ts"],"sourcesContent":["import type { Size } from './Stepper.types';\nimport { Directions, Sizes } from '../../consts';\n\ntype StepperConsts = {\n  stepsContainerGap: number;\n  wrapper: {\n    borderRadius: number;\n    gap: number;\n    padding: {\n      vertical: Record<Directions, number>;\n      horizontal: Record<Directions, number>;\n    };\n    focusBorderRadius: number;\n    focusOutlineWidth: number;\n    focusOutlineOffset: number;\n  };\n  connector: {\n    lineWidth: number;\n    gap: Record<Directions, number>;\n    gradients: Record<Directions, Record<'linear' | 'radial', string>>;\n    borderRadius: number;\n  };\n  content: {\n    gap: number;\n    paddingTop: Record<Size, number>;\n    stepNumberHeight: Record<Size, number>;\n  };\n};\n\nexport const stepperConsts: StepperConsts = {\n  stepsContainerGap: 4,\n  wrapper: {\n    borderRadius: 4,\n    gap: 16,\n    padding: {\n      vertical: {\n        [Directions.Horizontal]: 16,\n        [Directions.Vertical]: 4,\n      },\n      horizontal: {\n        [Directions.Horizontal]: 6,\n        [Directions.Vertical]: 6,\n      },\n    },\n    focusBorderRadius: 6,\n    focusOutlineWidth: 3,\n    focusOutlineOffset: 2,\n  },\n  connector: {\n    lineWidth: 4,\n    borderRadius: 4,\n    gap: {\n      [Directions.Horizontal]: 12,\n      [Directions.Vertical]: 8,\n    },\n    gradients: {\n      [Directions.Horizontal]: {\n        linear: 'linear-gradient(90deg, #0000 2px, currentColor 2px, currentColor 4px, #0000 4px) 0/8px',\n        radial: `radial-gradient(circle closest-side at 2px, currentColor 98%, #0000) 0/8px,\n             radial-gradient(circle closest-side at 4px, currentColor 98%, #0000) 0/8px`,\n      },\n      [Directions.Vertical]: {\n        linear: 'linear-gradient(180deg, #0000 2px, currentColor 2px, currentColor 4px, #0000 4px) 0/8px 8px',\n        radial: `radial-gradient(circle 2px at 2px 2px, currentColor 98%, #0000) 0/4px 8px,\n             radial-gradient(circle 2px at 2px 4px, currentColor 98%, #0000) 0/4px 8px`,\n      },\n    },\n  },\n  content: {\n    gap: 4,\n    paddingTop: {\n      [Sizes.Small]: 2,\n      [Sizes.Medium]: 2,\n      [Sizes.Large]: 4,\n    },\n    stepNumberHeight: {\n      [Sizes.Small]: 26,\n      [Sizes.Medium]: 28,\n      [Sizes.Large]: 28,\n    },\n  },\n};\n\ntype ContainedStepperConsts = {\n  wrapper: {\n    gap: number;\n  };\n  container: {\n    borderRadius: number;\n    gap: number;\n    padding: Record<Size, number>;\n    focusBorderRadius: number;\n    focusOutlineWidth: number;\n  };\n};\n\nexport const containedStepperConsts: ContainedStepperConsts = {\n  wrapper: {\n    gap: 4,\n  },\n  container: {\n    borderRadius: 8,\n    gap: 16,\n    padding: {\n      [Sizes.Small]: 12,\n      [Sizes.Medium]: 16,\n      [Sizes.Large]: 20,\n    },\n    focusBorderRadius: 6,\n    focusOutlineWidth: 3,\n  },\n};\n"],"names":["stepperConsts","Directions","Sizes","containedStepperConsts"],"mappings":";AA6BO,MAAMA,IAA+B;AAAA,EAC1C,mBAAmB;AAAA,EACnB,SAAS;AAAA,IACP,cAAc;AAAA,IAEd,SAAS;AAAA,MACP,UAAU;AAAA,QACR,CAACC,EAAW,UAAU,GAAG;AAAA,QACzB,CAACA,EAAW,QAAQ,GAAG;AAAA,MAAA;AAAA,MAEzB,YAAY;AAAA,QACV,CAACA,EAAW,UAAU,GAAG;AAAA,QACzB,CAACA,EAAW,QAAQ,GAAG;AAAA,MAAA;AAAA,IACzB;AAAA,EAKJ;AAAA,EACA,WAAW;AAAA,IACT,WAAW;AAAA,IACX,cAAc;AAAA,IACd,KAAK;AAAA,MACH,CAACA,EAAW,UAAU,GAAG;AAAA,MACzB,CAACA,EAAW,QAAQ,GAAG;AAAA,IAAA;AAAA,IAEzB,WAAW;AAAA,MACT,CAACA,EAAW,UAAU,GAAG;AAAA,QACvB,QAAQ;AAAA,QACR,QAAQ;AAAA;AAAA,MAAA;AAAA,MAGV,CAACA,EAAW,QAAQ,GAAG;AAAA,QACrB,QAAQ;AAAA,QACR,QAAQ;AAAA;AAAA,MAAA;AAAA,IAEV;AAAA,EACF;AAAA,EAEF,SAAS;AAAA,IACP,KAAK;AAAA,IACL,YAAY;AAAA,MACV,CAACC,EAAM,KAAK,GAAG;AAAA,MACf,CAACA,EAAM,MAAM,GAAG;AAAA,MAChB,CAACA,EAAM,KAAK,GAAG;AAAA,IAAA;AAAA,IAEjB,kBAAkB;AAAA,MAChB,CAACA,EAAM,KAAK,GAAG;AAAA,MACf,CAACA,EAAM,MAAM,GAAG;AAAA,MAChB,CAACA,EAAM,KAAK,GAAG;AAAA,IAAA;AAAA,EACjB;AAEJ,GAeaC,IAAiD;AAAA,EAC5D,SAAS;AAAA,IACP,KAAK;AAAA,EAAA;AAAA,EAEP,WAAW;AAAA,IACT,cAAc;AAAA,IACd,KAAK;AAAA,IACL,SAAS;AAAA,MACP,CAACD,EAAM,KAAK,GAAG;AAAA,MACf,CAACA,EAAM,MAAM,GAAG;AAAA,MAChB,CAACA,EAAM,KAAK,GAAG;AAAA,IAAA;AAAA,EAInB;AACF;"}

package/build/esm/react-base/src/components/Stepper/Stepper.utils.d.ts

@@ -15,6 +15,6 @@ type StepperStateStyle = {
     dividerColor: string;
     containerBackground: string;
 };
-export declare const getStepperStyles: (theme: Theme, stage: Stage, type: Type, invalid: boolean | undefined, disabled: boolean | undefined) => Record<FabricsVariables.StateType, StepperStateStyle>;
+export declare const getStepperStyles: (theme: Theme, stage: Stage, _type: Type, invalid: boolean | undefined, disabled: boolean | undefined) => Record<FabricsVariables.StateType, StepperStateStyle>;
 export {};
 //# sourceMappingURL=Stepper.utils.d.ts.map

package/build/esm/react-base/src/components/Stepper/Stepper.utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Stepper.utils.d.ts","sourceRoot":"","sources":["../../../../../../../react-base/src/components/Stepper/Stepper.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD,OAAO,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAEzD,OAAO,EAAE,KAAK,KAAK,EAA6B,MAAM,aAAa,CAAC;AAEpE,eAAO,MAAM,QAAQ,YAAa,MAAM,SAAS,MAAM,eAAe,OAAO,KAAG,KAU/E,CAAC;AAEF,eAAO,MAAM,aAAa,SAAU,IAAI,cASvC,CAAC;AAEF,eAAO,MAAM,aAAa,UACjB,KAAK,SACL,KAAK,WACH,OAAO,GAAG,SAAS,YAClB,OAAO,GAAG,SAAS;gBA8B4B,MAAM;qBAAmB,MAAM;EACvF,CAAC;AAEJ,eAAO,MAAM,kBAAkB,UACtB,KAAK,SACL,KAAK,QACN,IAAI,WACD,OAAO,GAAG,SAAS,YAClB,OAAO,GAAG,SAAS,KAC5B,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,MAAM,CA6B3C,CAAC;AAEF,KAAK,iBAAiB,GAAG;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,mBAAmB,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,gBAAgB,UACpB,KAAK,SACL,KAAK,QACN,IAAI,WACD,OAAO,GAAG,SAAS,YAClB,OAAO,GAAG,SAAS,0DA0C5B,CAAC"}
+{"version":3,"file":"Stepper.utils.d.ts","sourceRoot":"","sources":["../../../../../../../react-base/src/components/Stepper/Stepper.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD,OAAO,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAEzD,OAAO,EAAE,KAAK,KAAK,EAA6B,MAAM,aAAa,CAAC;AAEpE,eAAO,MAAM,QAAQ,YAAa,MAAM,SAAS,MAAM,eAAe,OAAO,KAAG,KAU/E,CAAC;AAEF,eAAO,MAAM,aAAa,SAAU,IAAI,cASvC,CAAC;AAEF,eAAO,MAAM,aAAa,UACjB,KAAK,SACL,KAAK,WACH,OAAO,GAAG,SAAS,YAClB,OAAO,GAAG,SAAS;gBA8B4B,MAAM;qBAAmB,MAAM;EACvF,CAAC;AAEJ,eAAO,MAAM,kBAAkB,UACtB,KAAK,SACL,KAAK,QACN,IAAI,WACD,OAAO,GAAG,SAAS,YAClB,OAAO,GAAG,SAAS,KAC5B,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,MAAM,CA6B3C,CAAC;AAEF,KAAK,iBAAiB,GAAG;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,mBAAmB,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,gBAAgB,UACpB,KAAK,SACL,KAAK,SACL,IAAI,WACF,OAAO,GAAG,SAAS,YAClB,OAAO,GAAG,SAAS,0DA0C5B,CAAC"}

package/build/esm/react-base/src/components/Stepper/Stepper.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stepper.utils.js","sources":["../../../../../../../react-base/src/components/Stepper/Stepper.utils.ts"],"sourcesContent":["import { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport type { Size, Type, Stage } from './Stepper.types';\nimport { Sizes } from '../../consts';\nimport { type Theme, Variables, type ModesType } from '../../theme';\n\nexport const getStage = (current: number, index: number, isFinished?: boolean): Stage => {\n  if (index === current) {\n    return 'current';\n  }\n\n  if (isFinished || index < current) {\n    return 'completed';\n  }\n\n  return 'waiting';\n};\n\nexport const getTitleLevel = (size: Size) => {\n  switch (size) {\n    case Sizes.Small:\n      return 4;\n    case Sizes.Large:\n      return 2;\n    default:\n      return 3;\n  }\n};\n\nexport const getTextStyles = (\n  theme: Theme,\n  stage: Stage,\n  invalid: boolean | undefined,\n  disabled: boolean | undefined,\n) =>\n  Object.values(FabricsVariables.States).reduce(\n    (acc, state) => {\n      const layer = theme.layer({\n        sentimentProminence: FabricsVariables.SentimentProminences.Transparent,\n        sentiment: FabricsVariables.Sentiments.Negative,\n        disabled,\n        state,\n        foundation: 'base',\n      });\n\n      let titleColorVariable = Variables.TextOnFoundationSubtle;\n\n      if (stage === 'current') {\n        titleColorVariable = Variables.TextOnFoundationStrong;\n      }\n\n      if (invalid) {\n        titleColorVariable = Variables.TextOnSentimentOnBackground;\n      }\n\n      return {\n        ...acc,\n        [state]: {\n          titleColor: layer[titleColorVariable],\n          stepNumberColor: layer[Variables.TextOnFoundationSubtle],\n        },\n      };\n    },\n    {} as Record<FabricsVariables.StateType, { titleColor: string; stepNumberColor: string }>,\n  );\n\nexport const getConnectorStyles = (\n  theme: Theme,\n  stage: Stage,\n  type: Type,\n  invalid: boolean | undefined,\n  disabled: boolean | undefined,\n): Record<FabricsVariables.StateType, string> => {\n  const name = stage === 'waiting' && type === 'default' ? 'color' : 'background-color';\n\n  return Object.values(FabricsVariables.States).reduce(\n    (acc, state) => {\n      const layer = theme.layer({\n        foundation: 'surface',\n        disabled,\n        state,\n        sentiment: FabricsVariables.Sentiments.Negative,\n        selectedProminence: FabricsVariables.SelectedProminences.Subtle,\n        sentimentProminence: FabricsVariables.SentimentProminences.Transparent,\n      });\n      let variableName = Variables.BorderOnFoundationMedium;\n\n      if (stage === 'current' || stage === 'completed') {\n        variableName = Variables.BorderOnSelectedOnBackground;\n      }\n      if (invalid) {\n        variableName = Variables.BorderOnSentimentOnBackground;\n      }\n\n      return {\n        ...acc,\n        [state]: `${name}: ${layer[variableName]}`,\n      };\n    },\n    {} as Record<FabricsVariables.StateType, string>,\n  );\n};\n\ntype StepperStateStyle = {\n  badgeColor: string;\n  badgeBackgroundColor: string;\n  badgeBorder: string;\n  dividerColor: string;\n  containerBackground: string;\n};\n\nexport const getStepperStyles = (\n  theme: Theme,\n  stage: Stage,\n  type: Type,\n  invalid: boolean | undefined,\n  disabled: boolean | undefined,\n) =>\n  Object.values(FabricsVariables.States).reduce(\n    (acc, state) => {\n      const modes: ModesType = {\n        disabled,\n        transparentRestingState: disabled,\n        state,\n        foundation: 'base',\n        sentiment: FabricsVariables.Sentiments.Negative,\n        sentimentProminence: FabricsVariables.SentimentProminences.Transparent,\n      };\n      const layer = theme.layer(modes);\n      const subtleLayer = theme.layer({\n        ...modes,\n        selectedProminence: FabricsVariables.SelectedProminences.Subtle,\n        sentimentProminence: FabricsVariables.SentimentProminences.Subtle,\n      });\n\n      let badgeBackgroundColor = (stage === 'current' ? layer : subtleLayer)[Variables.BackgroundSelected];\n      let badgeColor = subtleLayer[Variables.TextOnFoundationSubtle];\n\n      if (stage === 'current' || stage === 'completed') {\n        badgeColor = (stage === 'current' ? layer : subtleLayer)[Variables.TextOnSelectedBackgroundStrong];\n      }\n\n      if (invalid) {\n        badgeBackgroundColor = subtleLayer[Variables.BackgroundSentiment];\n        badgeColor = layer[Variables.TextOnSentimentOnBackground];\n      }\n\n      return {\n        ...acc,\n        [state]: {\n          containerBackground: layer[Variables.BackgroundFoundation],\n          badgeBackgroundColor,\n          badgeColor,\n          badgeBorder: stage === 'waiting' ? `1px solid ${layer[Variables.BorderOnFoundationMedium]}` : 'unset',\n        },\n      };\n    },\n    {} as Record<FabricsVariables.StateType, StepperStateStyle>,\n  );\n"],"names":["getStage","current","index","isFinished","getTitleLevel","size","Sizes","getTextStyles","theme","stage","invalid","disabled","FabricsVariables","acc","state","layer","titleColorVariable","Variables","getConnectorStyles","type","name","variableName","getStepperStyles","modes","subtleLayer","badgeBackgroundColor","badgeColor"],"mappings":"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"}
+{"version":3,"file":"Stepper.utils.js","sources":["../../../../../../../react-base/src/components/Stepper/Stepper.utils.ts"],"sourcesContent":["import { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport type { Size, Type, Stage } from './Stepper.types';\nimport { Sizes } from '../../consts';\nimport { type Theme, Variables, type ModesType } from '../../theme';\n\nexport const getStage = (current: number, index: number, isFinished?: boolean): Stage => {\n  if (index === current) {\n    return 'current';\n  }\n\n  if (isFinished || index < current) {\n    return 'completed';\n  }\n\n  return 'waiting';\n};\n\nexport const getTitleLevel = (size: Size) => {\n  switch (size) {\n    case Sizes.Small:\n      return 4;\n    case Sizes.Large:\n      return 2;\n    default:\n      return 3;\n  }\n};\n\nexport const getTextStyles = (\n  theme: Theme,\n  stage: Stage,\n  invalid: boolean | undefined,\n  disabled: boolean | undefined,\n) =>\n  Object.values(FabricsVariables.States).reduce(\n    (acc, state) => {\n      const layer = theme.layer({\n        sentimentProminence: FabricsVariables.SentimentProminences.Transparent,\n        sentiment: FabricsVariables.Sentiments.Negative,\n        disabled,\n        state,\n        foundation: 'base',\n      });\n\n      let titleColorVariable = Variables.TextOnFoundationSubtle;\n\n      if (stage === 'current') {\n        titleColorVariable = Variables.TextOnFoundationStrong;\n      }\n\n      if (invalid) {\n        titleColorVariable = Variables.TextOnSentimentOnBackground;\n      }\n\n      return {\n        ...acc,\n        [state]: {\n          titleColor: layer[titleColorVariable],\n          stepNumberColor: layer[Variables.TextOnFoundationSubtle],\n        },\n      };\n    },\n    {} as Record<FabricsVariables.StateType, { titleColor: string; stepNumberColor: string }>,\n  );\n\nexport const getConnectorStyles = (\n  theme: Theme,\n  stage: Stage,\n  type: Type,\n  invalid: boolean | undefined,\n  disabled: boolean | undefined,\n): Record<FabricsVariables.StateType, string> => {\n  const name = stage === 'waiting' && type === 'default' ? 'color' : 'background-color';\n\n  return Object.values(FabricsVariables.States).reduce(\n    (acc, state) => {\n      const layer = theme.layer({\n        foundation: 'surface',\n        disabled,\n        state,\n        sentiment: FabricsVariables.Sentiments.Negative,\n        selectedProminence: FabricsVariables.SelectedProminences.Subtle,\n        sentimentProminence: FabricsVariables.SentimentProminences.Transparent,\n      });\n      let variableName = Variables.BorderOnFoundationMedium;\n\n      if (stage === 'current' || stage === 'completed') {\n        variableName = Variables.BorderOnSelectedOnBackground;\n      }\n      if (invalid) {\n        variableName = Variables.BorderOnSentimentOnBackground;\n      }\n\n      return {\n        ...acc,\n        [state]: `${name}: ${layer[variableName]}`,\n      };\n    },\n    {} as Record<FabricsVariables.StateType, string>,\n  );\n};\n\ntype StepperStateStyle = {\n  badgeColor: string;\n  badgeBackgroundColor: string;\n  badgeBorder: string;\n  dividerColor: string;\n  containerBackground: string;\n};\n\nexport const getStepperStyles = (\n  theme: Theme,\n  stage: Stage,\n  _type: Type,\n  invalid: boolean | undefined,\n  disabled: boolean | undefined,\n) =>\n  Object.values(FabricsVariables.States).reduce(\n    (acc, state) => {\n      const modes: ModesType = {\n        disabled,\n        transparentRestingState: disabled,\n        state,\n        foundation: 'base',\n        sentiment: FabricsVariables.Sentiments.Negative,\n        sentimentProminence: FabricsVariables.SentimentProminences.Transparent,\n      };\n      const layer = theme.layer(modes);\n      const subtleLayer = theme.layer({\n        ...modes,\n        selectedProminence: FabricsVariables.SelectedProminences.Subtle,\n        sentimentProminence: FabricsVariables.SentimentProminences.Subtle,\n      });\n\n      let badgeBackgroundColor = (stage === 'current' ? layer : subtleLayer)[Variables.BackgroundSelected];\n      let badgeColor = subtleLayer[Variables.TextOnFoundationSubtle];\n\n      if (stage === 'current' || stage === 'completed') {\n        badgeColor = (stage === 'current' ? layer : subtleLayer)[Variables.TextOnSelectedBackgroundStrong];\n      }\n\n      if (invalid) {\n        badgeBackgroundColor = subtleLayer[Variables.BackgroundSentiment];\n        badgeColor = layer[Variables.TextOnSentimentOnBackground];\n      }\n\n      return {\n        ...acc,\n        [state]: {\n          containerBackground: layer[Variables.BackgroundFoundation],\n          badgeBackgroundColor,\n          badgeColor,\n          badgeBorder: stage === 'waiting' ? `1px solid ${layer[Variables.BorderOnFoundationMedium]}` : 'unset',\n        },\n      };\n    },\n    {} as Record<FabricsVariables.StateType, StepperStateStyle>,\n  );\n"],"names":["getStage","current","index","isFinished","getTitleLevel","size","Sizes","getTextStyles","theme","stage","invalid","disabled","FabricsVariables","acc","state","layer","titleColorVariable","Variables","getConnectorStyles","type","name","variableName","getStepperStyles","_type","modes","subtleLayer","badgeBackgroundColor","badgeColor"],"mappings":"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"}

package/build/esm/react-base/src/components/Text/components/Display/Display.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Display.styles.d.ts","sourceRoot":"","sources":["../../../../../../../../../react-base/src/components/Text/components/Display/Display.styles.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAGtD,MAAM,MAAM,WAAW,GAAG;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC,UAAU,CAAC,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC,UAAU,CAAC,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,MAAM,kDAiClB,CAAC"}
+{"version":3,"file":"Display.styles.d.ts","sourceRoot":"","sources":["../../../../../../../../../react-base/src/components/Text/components/Display/Display.styles.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAGtD,MAAM,MAAM,WAAW,GAAG;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC;IAE3B,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC,UAAU,CAAC,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC,UAAU,CAAC,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,MAAM,kDAiClB,CAAC"}

package/build/esm/react-base/src/components/Text/components/Display/Display.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Display.styles.js","sources":["../../../../../../../../../react-base/src/components/Text/components/Display/Display.styles.ts"],"sourcesContent":["import { css } from 'styled-components';\n\nimport { consts } from '../Text/Text.consts';\nimport { font } from './Display.utils';\nimport type { IProps, Levels } from './Display.types';\nimport { Variables } from '../../../../theme';\n\nexport type StylesProps = {\n  $level: Levels;\n  $gutter?: IProps['gutter'];\n  $bold?: IProps['bold'];\n  $size?: IProps['size'];\n  $disabled?: IProps['disabled'];\n  $contrast?: IProps['contrast'];\n};\n\nexport const Styles = css<StylesProps>`\n  ${({ theme, $level, $size, $bold, $gutter, $contrast, $disabled }) => {\n    const layer = theme.layer({ foundation: 'surface', disabled: $disabled });\n\n    return css`\n      ${font(theme, $level, $size)}\n\n      ${$bold &&\n      css`\n        font-weight: bold;\n      `};\n\n      b,\n      strong {\n        font-weight: bold;\n      }\n\n      margin-top: 0;\n      margin-bottom: 0;\n\n      color: ${layer[Variables.TextOnFoundationStrong]};\n\n      ${$contrast === 'subtle' &&\n      css`\n        color: ${layer[Variables.TextOnFoundationSubtle]};\n      `}\n\n      ${$gutter &&\n      css`\n        margin-bottom: ${consts.gutter.display};\n      `}\n    `;\n  }}\n`;\n"],"names":["Styles","css","theme","$level","$size","$bold","$gutter","$contrast","$disabled","layer","font","Variables","consts"],"mappings":";;;;AAgBO,MAAMA,IAASC;AAAA,IAClB,CAAC,EAAE,OAAAC,GAAO,QAAAC,GAAQ,OAAAC,GAAO,OAAAC,GAAO,SAAAC,GAAS,WAAAC,GAAW,WAAAC,QAAgB;AACpE,QAAMC,IAAQP,EAAM,MAAM,EAAE,YAAY,WAAW,UAAUM,GAAW;AAExE,SAAOP;AAAA,QACHS,EAAKR,GAAOC,GAAQC,CAAK,CAAC;AAAA;AAAA,QAE1BC,KACFJ;AAAA;AAAA,OAEC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAUQQ,EAAME,EAAU,sBAAsB,CAAC;AAAA;AAAA,QAE9CJ,MAAc,YAChBN;AAAA,iBACWQ,EAAME,EAAU,sBAAsB,CAAC;AAAA,OACjD;AAAA;AAAA,QAECL,KACFL;AAAA,yBACmBW,EAAO,OAAO,OAAO;AAAA,OACvC;AAAA;AAEL,CAAC;AAAA;"}
+{"version":3,"file":"Display.styles.js","sources":["../../../../../../../../../react-base/src/components/Text/components/Display/Display.styles.ts"],"sourcesContent":["import { css } from 'styled-components';\n\nimport { consts } from '../Text/Text.consts';\nimport { font } from './Display.utils';\nimport type { IProps, Levels } from './Display.types';\nimport { Variables } from '../../../../theme';\n\nexport type StylesProps = {\n  $level: Levels;\n  $gutter?: IProps['gutter'];\n  // eslint-disable-next-line sonarjs/deprecation\n  $bold?: IProps['bold'];\n  $size?: IProps['size'];\n  $disabled?: IProps['disabled'];\n  $contrast?: IProps['contrast'];\n};\n\nexport const Styles = css<StylesProps>`\n  ${({ theme, $level, $size, $bold, $gutter, $contrast, $disabled }) => {\n    const layer = theme.layer({ foundation: 'surface', disabled: $disabled });\n\n    return css`\n      ${font(theme, $level, $size)}\n\n      ${$bold &&\n      css`\n        font-weight: bold;\n      `};\n\n      b,\n      strong {\n        font-weight: bold;\n      }\n\n      margin-top: 0;\n      margin-bottom: 0;\n\n      color: ${layer[Variables.TextOnFoundationStrong]};\n\n      ${$contrast === 'subtle' &&\n      css`\n        color: ${layer[Variables.TextOnFoundationSubtle]};\n      `}\n\n      ${$gutter &&\n      css`\n        margin-bottom: ${consts.gutter.display};\n      `}\n    `;\n  }}\n`;\n"],"names":["Styles","css","theme","$level","$size","$bold","$gutter","$contrast","$disabled","layer","font","Variables","consts"],"mappings":";;;;AAiBO,MAAMA,IAASC;AAAA,IAClB,CAAC,EAAE,OAAAC,GAAO,QAAAC,GAAQ,OAAAC,GAAO,OAAAC,GAAO,SAAAC,GAAS,WAAAC,GAAW,WAAAC,QAAgB;AACpE,QAAMC,IAAQP,EAAM,MAAM,EAAE,YAAY,WAAW,UAAUM,GAAW;AAExE,SAAOP;AAAA,QACHS,EAAKR,GAAOC,GAAQC,CAAK,CAAC;AAAA;AAAA,QAE1BC,KACFJ;AAAA;AAAA,OAEC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAUQQ,EAAME,EAAU,sBAAsB,CAAC;AAAA;AAAA,QAE9CJ,MAAc,YAChBN;AAAA,iBACWQ,EAAME,EAAU,sBAAsB,CAAC;AAAA,OACjD;AAAA;AAAA,QAECL,KACFL;AAAA,yBACmBW,EAAO,OAAO,OAAO;AAAA,OACvC;AAAA;AAEL,CAAC;AAAA;"}

package/build/esm/react-base/src/components/Text/components/Display/Display.utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Display.utils.d.ts","sourceRoot":"","sources":["../../../../../../../../../react-base/src/components/Text/components/Display/Display.utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAkB,MAAM,mBAAmB,CAAC;AAE/D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAU5D,eAAO,MAAM,IAAI,UAAW,KAAK,SAAS,MAAM,SAAS,IAAI,oDAC6C,CAAC;AAE3G,eAAO,MAAM,QAAQ,qEASlB,MAAM;;;;;;;;CASP,CAAC"}
+{"version":3,"file":"Display.utils.d.ts","sourceRoot":"","sources":["../../../../../../../../../react-base/src/components/Text/components/Display/Display.utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAkB,MAAM,mBAAmB,CAAC;AAE/D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAU5D,eAAO,MAAM,IAAI,UAAW,KAAK,SAAS,MAAM,SAAS,IAAI,oDAC6C,CAAC;AAE3G,eAAO,MAAM,QAAQ,qEASlB,MAAM;;;;;;;;CASP,CAAC"}

package/build/esm/react-base/src/components/Text/components/Display/Display.utils.js

@@ -1,31 +1,34 @@
-import { TextElementTypes as y } from "../../../../consts/index.js";
-import { getDisplayTypographySize as i } from "../../../../utils/sizesUtils.js";
-const m = {
+import { TextElementTypes as m } from "../../../../consts/index.js";
+import { getDisplayTypographySize as s } from "../../../../utils/sizesUtils.js";
+import "styled-components";
+import "acinguiux-ds-fabrics";
+import "../../../../theme/types/layer.js";
+const y = {
   1: "large",
   2: "medium",
   3: "small",
   4: "extraSmall"
-}, g = (o, t, e) => o.typography("display", e ? i(e) : m[t]), d = ({
-  level: o = 1,
-  contrast: t,
-  gutter: e,
+}, c = (t, e, o) => t.typography("display", o ? s(o) : y[e]), S = ({
+  level: t = 1,
+  contrast: e,
+  gutter: o,
   bold: p,
-  size: l,
-  disabled: a,
-  type: r = `${y.Span}`,
-  ...s
+  size: r,
+  disabled: l,
+  type: a = `${m.Span}`,
+  ...i
 }) => ({
-  $level: o,
-  type: r,
-  $contrast: t,
-  $gutter: e,
-  $size: l,
+  $level: t,
+  type: a,
+  $contrast: e,
+  $gutter: o,
+  $size: r,
   $bold: p,
-  $disabled: a,
-  ...s
+  $disabled: l,
+  ...i
 });
 export {
-  g as font,
-  d as useProps
+  c as font,
+  S as useProps
 };
 //# sourceMappingURL=Display.utils.js.map

package/build/esm/react-base/src/components/Text/components/Display/Display.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"Display.utils.js","sources":["../../../../../../../../../react-base/src/components/Text/components/Display/Display.utils.ts"],"sourcesContent":["import type { Theme, TypographySize } from '../../../../theme';\nimport { TextElementTypes } from '../../../../consts';\nimport type { IProps, Levels, Size } from './Display.types';\nimport { getDisplayTypographySize } from '../../../../utils';\n\nconst DisplayLevelToTypographySize: Record<Levels, TypographySize<'display'>> = {\n  1: 'large',\n  2: 'medium',\n  3: 'small',\n  4: 'extraSmall',\n} as const;\n\nexport const font = (theme: Theme, level: Levels, size?: Size) =>\n  theme.typography('display', size ? getDisplayTypographySize(size) : DisplayLevelToTypographySize[level]);\n\nexport const useProps = ({\n  level = 1,\n  contrast,\n  gutter,\n  bold,\n  size,\n  disabled,\n  type = `${TextElementTypes.Span}`,\n  ...rest\n}: IProps) => ({\n  $level: level,\n  type,\n  $contrast: contrast,\n  $gutter: gutter,\n  $size: size,\n  $bold: bold,\n  $disabled: disabled,\n  ...rest,\n});\n"],"names":["DisplayLevelToTypographySize","font","theme","level","size","getDisplayTypographySize","useProps","contrast","gutter","bold","disabled","type","TextElementTypes","rest"],"mappings":";;AAKA,MAAMA,IAA0E;AAAA,EAC9E,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL,GAEaC,IAAO,CAACC,GAAcC,GAAeC,MAChDF,EAAM,WAAW,WAAWE,IAAOC,EAAyBD,CAAI,IAAIJ,EAA6BG,CAAK,CAAC,GAE5FG,IAAW,CAAC;AAAA,EACvB,OAAAH,IAAQ;AAAA,EACR,UAAAI;AAAA,EACA,QAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAL;AAAA,EACA,UAAAM;AAAA,EACA,MAAAC,IAAO,GAAGC,EAAiB,IAAI;AAAA,EAC/B,GAAGC;AACL,OAAe;AAAA,EACb,QAAQV;AAAA,EACR,MAAAQ;AAAA,EACA,WAAWJ;AAAA,EACX,SAASC;AAAA,EACT,OAAOJ;AAAA,EACP,OAAOK;AAAA,EACP,WAAWC;AAAA,EACX,GAAGG;AACL;"}
+{"version":3,"file":"Display.utils.js","sources":["../../../../../../../../../react-base/src/components/Text/components/Display/Display.utils.ts"],"sourcesContent":["/* eslint-disable sonarjs/deprecation */\nimport type { Theme, TypographySize } from '../../../../theme';\nimport { TextElementTypes } from '../../../../consts';\nimport type { IProps, Levels, Size } from './Display.types';\nimport { getDisplayTypographySize } from '../../../../utils';\n\nconst DisplayLevelToTypographySize: Record<Levels, TypographySize<'display'>> = {\n  1: 'large',\n  2: 'medium',\n  3: 'small',\n  4: 'extraSmall',\n} as const;\n\nexport const font = (theme: Theme, level: Levels, size?: Size) =>\n  theme.typography('display', size ? getDisplayTypographySize(size) : DisplayLevelToTypographySize[level]);\n\nexport const useProps = ({\n  level = 1,\n  contrast,\n  gutter,\n  bold,\n  size,\n  disabled,\n  type = `${TextElementTypes.Span}`,\n  ...rest\n}: IProps) => ({\n  $level: level,\n  type,\n  $contrast: contrast,\n  $gutter: gutter,\n  $size: size,\n  $bold: bold,\n  $disabled: disabled,\n  ...rest,\n});\n"],"names":["DisplayLevelToTypographySize","font","theme","level","size","getDisplayTypographySize","useProps","contrast","gutter","bold","disabled","type","TextElementTypes","rest"],"mappings":";;;;;AAMA,MAAMA,IAA0E;AAAA,EAC9E,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL,GAEaC,IAAO,CAACC,GAAcC,GAAeC,MAChDF,EAAM,WAAW,WAAWE,IAAOC,EAAyBD,CAAI,IAAIJ,EAA6BG,CAAK,CAAC,GAE5FG,IAAW,CAAC;AAAA,EACvB,OAAAH,IAAQ;AAAA,EACR,UAAAI;AAAA,EACA,QAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAL;AAAA,EACA,UAAAM;AAAA,EACA,MAAAC,IAAO,GAAGC,EAAiB,IAAI;AAAA,EAC/B,GAAGC;AACL,OAAe;AAAA,EACb,QAAQV;AAAA,EACR,MAAAQ;AAAA,EACA,WAAWJ;AAAA,EACX,SAASC;AAAA,EACT,OAAOJ;AAAA,EACP,OAAOK;AAAA,EACP,WAAWC;AAAA,EACX,GAAGG;AACL;"}

package/build/esm/react-base/src/components/Text/components/Heading/Heading.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.styles.d.ts","sourceRoot":"","sources":["../../../../../../../../../react-base/src/components/Text/components/Heading/Heading.styles.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAGrD,MAAM,MAAM,WAAW,GAAG;IACxB,WAAW,EAAE,KAAK,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC,UAAU,CAAC,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC,UAAU,CAAC,CAAC;CAChC,CAAC;AAEF,QAAA,MAAM,MAAM,kDA4CX,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"file":"Heading.styles.d.ts","sourceRoot":"","sources":["../../../../../../../../../react-base/src/components/Text/components/Heading/Heading.styles.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAGrD,MAAM,MAAM,WAAW,GAAG;IACxB,WAAW,EAAE,KAAK,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC,UAAU,CAAC,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;IAEvB,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC,UAAU,CAAC,CAAC;CAChC,CAAC;AAEF,QAAA,MAAM,MAAM,kDA4CX,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/build/esm/react-base/src/components/Text/components/Heading/Heading.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.styles.js","sources":["../../../../../../../../../react-base/src/components/Text/components/Heading/Heading.styles.ts"],"sourcesContent":["import { css } from 'styled-components';\n\nimport { consts } from '../Text/Text.consts';\nimport { font } from './Heading.utils';\nimport type { IProps, Level } from './Heading.types';\nimport { Variables } from '../../../../theme';\n\nexport type StylesProps = {\n  $innerLevel: Level;\n  $disabled?: IProps['disabled'];\n  $gutter?: IProps['gutter'];\n  $size?: IProps['size'];\n  $bold?: IProps['bold'];\n  $contrast?: IProps['contrast'];\n};\n\nconst Styles = css<StylesProps>`\n  ${({ $innerLevel, $size, $gutter, $bold, $contrast, $disabled, theme }) => {\n    const layer = theme.layer({ foundation: 'surface', disabled: $disabled });\n\n    return css`\n      ${font(theme, $innerLevel, $size)};\n      margin: unset;\n\n      ${$bold &&\n      css`\n        font-weight: 600;\n      `};\n\n      b,\n      strong {\n        font-weight: 600;\n      }\n\n      color: ${layer[Variables.TextOnFoundationStrong]};\n\n      ${$contrast === 'subtle' &&\n      css`\n        color: ${layer[Variables.TextOnFoundationSubtle]};\n      `}\n\n      ${$gutter &&\n      $innerLevel === 1 &&\n      css`\n        margin-bottom: ${consts.gutter.h1};\n      `}\n\n      ${$gutter &&\n      ($innerLevel === 2 || $innerLevel === 3 || $innerLevel === 4) &&\n      css`\n        margin-bottom: ${consts.gutter.h2};\n      `}\n\n        ${$gutter &&\n      ($innerLevel === 5 || $innerLevel === 6) &&\n      css`\n        margin-bottom: ${consts.gutter.h5};\n      `}\n    `;\n  }}\n`;\n\nexport { Styles };\n"],"names":["Styles","css","$innerLevel","$size","$gutter","$bold","$contrast","$disabled","theme","layer","font","Variables","consts"],"mappings":";;;;AAgBA,MAAMA,IAASC;AAAA,IACX,CAAC,EAAE,aAAAC,GAAa,OAAAC,GAAO,SAAAC,GAAS,OAAAC,GAAO,WAAAC,GAAW,WAAAC,GAAW,OAAAC,QAAY;AACzE,QAAMC,IAAQD,EAAM,MAAM,EAAE,YAAY,WAAW,UAAUD,GAAW;AAExE,SAAON;AAAA,QACHS,EAAKF,GAAON,GAAaC,CAAK,CAAC;AAAA;AAAA;AAAA,QAG/BE,KACFJ;AAAA;AAAA,OAEC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAOQQ,EAAME,EAAU,sBAAsB,CAAC;AAAA;AAAA,QAE9CL,MAAc,YAChBL;AAAA,iBACWQ,EAAME,EAAU,sBAAsB,CAAC;AAAA,OACjD;AAAA;AAAA,QAECP,KACFF,MAAgB,KAChBD;AAAA,yBACmBW,EAAO,OAAO,EAAE;AAAA,OAClC;AAAA;AAAA,QAECR,MACDF,MAAgB,KAAKA,MAAgB,KAAKA,MAAgB,MAC3DD;AAAA,yBACmBW,EAAO,OAAO,EAAE;AAAA,OAClC;AAAA;AAAA,UAEGR,MACHF,MAAgB,KAAKA,MAAgB,MACtCD;AAAA,yBACmBW,EAAO,OAAO,EAAE;AAAA,OAClC;AAAA;AAEL,CAAC;AAAA;"}
+{"version":3,"file":"Heading.styles.js","sources":["../../../../../../../../../react-base/src/components/Text/components/Heading/Heading.styles.ts"],"sourcesContent":["import { css } from 'styled-components';\n\nimport { consts } from '../Text/Text.consts';\nimport { font } from './Heading.utils';\nimport type { IProps, Level } from './Heading.types';\nimport { Variables } from '../../../../theme';\n\nexport type StylesProps = {\n  $innerLevel: Level;\n  $disabled?: IProps['disabled'];\n  $gutter?: IProps['gutter'];\n  $size?: IProps['size'];\n  // eslint-disable-next-line sonarjs/deprecation\n  $bold?: IProps['bold'];\n  $contrast?: IProps['contrast'];\n};\n\nconst Styles = css<StylesProps>`\n  ${({ $innerLevel, $size, $gutter, $bold, $contrast, $disabled, theme }) => {\n    const layer = theme.layer({ foundation: 'surface', disabled: $disabled });\n\n    return css`\n      ${font(theme, $innerLevel, $size)};\n      margin: unset;\n\n      ${$bold &&\n      css`\n        font-weight: 600;\n      `};\n\n      b,\n      strong {\n        font-weight: 600;\n      }\n\n      color: ${layer[Variables.TextOnFoundationStrong]};\n\n      ${$contrast === 'subtle' &&\n      css`\n        color: ${layer[Variables.TextOnFoundationSubtle]};\n      `}\n\n      ${$gutter &&\n      $innerLevel === 1 &&\n      css`\n        margin-bottom: ${consts.gutter.h1};\n      `}\n\n      ${$gutter &&\n      ($innerLevel === 2 || $innerLevel === 3 || $innerLevel === 4) &&\n      css`\n        margin-bottom: ${consts.gutter.h2};\n      `}\n\n        ${$gutter &&\n      ($innerLevel === 5 || $innerLevel === 6) &&\n      css`\n        margin-bottom: ${consts.gutter.h5};\n      `}\n    `;\n  }}\n`;\n\nexport { Styles };\n"],"names":["Styles","css","$innerLevel","$size","$gutter","$bold","$contrast","$disabled","theme","layer","font","Variables","consts"],"mappings":";;;;AAiBA,MAAMA,IAASC;AAAA,IACX,CAAC,EAAE,aAAAC,GAAa,OAAAC,GAAO,SAAAC,GAAS,OAAAC,GAAO,WAAAC,GAAW,WAAAC,GAAW,OAAAC,QAAY;AACzE,QAAMC,IAAQD,EAAM,MAAM,EAAE,YAAY,WAAW,UAAUD,GAAW;AAExE,SAAON;AAAA,QACHS,EAAKF,GAAON,GAAaC,CAAK,CAAC;AAAA;AAAA;AAAA,QAG/BE,KACFJ;AAAA;AAAA,OAEC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAOQQ,EAAME,EAAU,sBAAsB,CAAC;AAAA;AAAA,QAE9CL,MAAc,YAChBL;AAAA,iBACWQ,EAAME,EAAU,sBAAsB,CAAC;AAAA,OACjD;AAAA;AAAA,QAECP,KACFF,MAAgB,KAChBD;AAAA,yBACmBW,EAAO,OAAO,EAAE;AAAA,OAClC;AAAA;AAAA,QAECR,MACDF,MAAgB,KAAKA,MAAgB,KAAKA,MAAgB,MAC3DD;AAAA,yBACmBW,EAAO,OAAO,EAAE;AAAA,OAClC;AAAA;AAAA,UAEGR,MACHF,MAAgB,KAAKA,MAAgB,MACtCD;AAAA,yBACmBW,EAAO,OAAO,EAAE;AAAA,OAClC;AAAA;AAEL,CAAC;AAAA;"}

package/build/esm/react-base/src/components/Text/components/Heading/Heading.utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.utils.d.ts","sourceRoot":"","sources":["../../../../../../../../../react-base/src/components/Text/components/Heading/Heading.utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAE3D,OAAO,KAAK,EAAE,KAAK,EAAkB,MAAM,mBAAmB,CAAC;AAqB/D,eAAO,MAAM,IAAI,UAAW,KAAK,SAAS,KAAK,SAAS,IAAI,oDACuC,CAAC;AAEpG,eAAO,MAAM,QAAQ,qEASlB,MAAM;;;;;;;;CAaR,CAAC"}
+{"version":3,"file":"Heading.utils.d.ts","sourceRoot":"","sources":["../../../../../../../../../react-base/src/components/Text/components/Heading/Heading.utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAE3D,OAAO,KAAK,EAAE,KAAK,EAAkB,MAAM,mBAAmB,CAAC;AAqB/D,eAAO,MAAM,IAAI,UAAW,KAAK,SAAS,KAAK,SAAS,IAAI,oDACuC,CAAC;AAEpG,eAAO,MAAM,QAAQ,qEASlB,MAAM;;;;;;;;CAaR,CAAC"}

package/build/esm/react-base/src/components/Text/components/Heading/Heading.utils.js

@@ -1,43 +1,46 @@
 import { TextElementTypes as e } from "../../../../consts/index.js";
-import { getHeadingTypographySize as g } from "../../../../utils/sizesUtils.js";
-const m = [
+import { getHeadingTypographySize as p } from "../../../../utils/sizesUtils.js";
+import "styled-components";
+import "acinguiux-ds-fabrics";
+import "../../../../theme/types/layer.js";
+const $ = [
   `${e.H1}`,
   `${e.H2}`,
   `${e.H3}`,
   `${e.H4}`,
   `${e.H5}`,
   `${e.H6}`
-], p = {
+], g = {
   1: "extraLarge",
   2: "large",
   3: "medium",
   4: "small",
   5: "extraSmall",
   6: "smallest"
-}, c = (t, o, r) => t.typography("heading", r ? g(r) : p[o]), y = ({
+}, T = (t, o, r) => t.typography("heading", r ? p(r) : g[o]), f = ({
   type: t = `${e.H1}`,
   contrast: o,
   level: r,
   size: n,
   gutter: a,
-  bold: l,
-  disabled: s,
-  ...$
+  bold: i,
+  disabled: l,
+  ...s
 }) => {
-  const i = r || m.indexOf(t) + 1 || 1;
+  const m = (r ?? $.indexOf(t) + 1) || 1;
   return {
-    ...$,
+    ...s,
     type: t,
     $gutter: a,
-    $bold: l,
+    $bold: i,
     $size: n,
     $contrast: o,
-    $disabled: s,
-    $innerLevel: i
+    $disabled: l,
+    $innerLevel: m
   };
 };
 export {
-  c as font,
-  y as useProps
+  T as font,
+  f as useProps
 };
 //# sourceMappingURL=Heading.utils.js.map

package/build/esm/react-base/src/components/Text/components/Heading/Heading.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.utils.js","sources":["../../../../../../../../../react-base/src/components/Text/components/Heading/Heading.utils.ts"],"sourcesContent":["import type { IProps, Level, Size } from './Heading.types';\nimport { TextElementTypes } from '../../../../consts';\nimport type { Theme, TypographySize } from '../../../../theme';\nimport { getHeadingTypographySize } from '../../../../utils';\n\nconst allHeadings = [\n  `${TextElementTypes.H1}`,\n  `${TextElementTypes.H2}`,\n  `${TextElementTypes.H3}`,\n  `${TextElementTypes.H4}`,\n  `${TextElementTypes.H5}`,\n  `${TextElementTypes.H6}`,\n];\n\nconst LevelToTypographySize: Record<Level, TypographySize<'heading'>> = {\n  1: 'extraLarge',\n  2: 'large',\n  3: 'medium',\n  4: 'small',\n  5: 'extraSmall',\n  6: 'smallest',\n};\n\nexport const font = (theme: Theme, level: Level, size?: Size) =>\n  theme.typography('heading', size ? getHeadingTypographySize(size) : LevelToTypographySize[level]);\n\nexport const useProps = ({\n  type = `${TextElementTypes.H1}`,\n  contrast,\n  level,\n  size,\n  gutter,\n  bold,\n  disabled,\n  ...rest\n}: IProps) => {\n  const innerLevel = level || ((allHeadings.indexOf(type) + 1) as Level) || 1;\n\n  return {\n    ...rest,\n    type,\n    $gutter: gutter,\n    $bold: bold,\n    $size: size,\n    $contrast: contrast,\n    $disabled: disabled,\n    $innerLevel: innerLevel,\n  };\n};\n"],"names":["allHeadings","TextElementTypes","LevelToTypographySize","font","theme","level","size","getHeadingTypographySize","useProps","type","contrast","gutter","bold","disabled","rest","innerLevel"],"mappings":";;AAKA,MAAMA,IAAc;AAAA,EAClB,GAAGC,EAAiB,EAAE;AAAA,EACtB,GAAGA,EAAiB,EAAE;AAAA,EACtB,GAAGA,EAAiB,EAAE;AAAA,EACtB,GAAGA,EAAiB,EAAE;AAAA,EACtB,GAAGA,EAAiB,EAAE;AAAA,EACtB,GAAGA,EAAiB,EAAE;AACxB,GAEMC,IAAkE;AAAA,EACtE,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL,GAEaC,IAAO,CAACC,GAAcC,GAAcC,MAC/CF,EAAM,WAAW,WAAWE,IAAOC,EAAyBD,CAAI,IAAIJ,EAAsBG,CAAK,CAAC,GAErFG,IAAW,CAAC;AAAA,EACvB,MAAAC,IAAO,GAAGR,EAAiB,EAAE;AAAA,EAC7B,UAAAS;AAAA,EACA,OAAAL;AAAA,EACA,MAAAC;AAAA,EACA,QAAAK;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAc;AACZ,QAAMC,IAAaV,KAAWL,EAAY,QAAQS,CAAI,IAAI,KAAgB;AAE1E,SAAO;AAAA,IACL,GAAGK;AAAA,IACH,MAAAL;AAAA,IACA,SAASE;AAAA,IACT,OAAOC;AAAA,IACP,OAAON;AAAA,IACP,WAAWI;AAAA,IACX,WAAWG;AAAA,IACX,aAAaE;AAAA,EAAA;AAEjB;"}
+{"version":3,"file":"Heading.utils.js","sources":["../../../../../../../../../react-base/src/components/Text/components/Heading/Heading.utils.ts"],"sourcesContent":["/* eslint-disable sonarjs/deprecation */\nimport type { IProps, Level, Size } from './Heading.types';\nimport { TextElementTypes } from '../../../../consts';\nimport type { Theme, TypographySize } from '../../../../theme';\nimport { getHeadingTypographySize } from '../../../../utils';\n\nconst allHeadings = [\n  `${TextElementTypes.H1}`,\n  `${TextElementTypes.H2}`,\n  `${TextElementTypes.H3}`,\n  `${TextElementTypes.H4}`,\n  `${TextElementTypes.H5}`,\n  `${TextElementTypes.H6}`,\n];\n\nconst LevelToTypographySize: Record<Level, TypographySize<'heading'>> = {\n  1: 'extraLarge',\n  2: 'large',\n  3: 'medium',\n  4: 'small',\n  5: 'extraSmall',\n  6: 'smallest',\n};\n\nexport const font = (theme: Theme, level: Level, size?: Size) =>\n  theme.typography('heading', size ? getHeadingTypographySize(size) : LevelToTypographySize[level]);\n\nexport const useProps = ({\n  type = `${TextElementTypes.H1}`,\n  contrast,\n  level,\n  size,\n  gutter,\n  bold,\n  disabled,\n  ...rest\n}: IProps) => {\n  const innerLevel = (level ?? ((allHeadings.indexOf(type) + 1) as Level)) || 1;\n\n  return {\n    ...rest,\n    type,\n    $gutter: gutter,\n    $bold: bold,\n    $size: size,\n    $contrast: contrast,\n    $disabled: disabled,\n    $innerLevel: innerLevel,\n  };\n};\n"],"names":["allHeadings","TextElementTypes","LevelToTypographySize","font","theme","level","size","getHeadingTypographySize","useProps","type","contrast","gutter","bold","disabled","rest","innerLevel"],"mappings":";;;;;AAMA,MAAMA,IAAc;AAAA,EAClB,GAAGC,EAAiB,EAAE;AAAA,EACtB,GAAGA,EAAiB,EAAE;AAAA,EACtB,GAAGA,EAAiB,EAAE;AAAA,EACtB,GAAGA,EAAiB,EAAE;AAAA,EACtB,GAAGA,EAAiB,EAAE;AAAA,EACtB,GAAGA,EAAiB,EAAE;AACxB,GAEMC,IAAkE;AAAA,EACtE,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL,GAEaC,IAAO,CAACC,GAAcC,GAAcC,MAC/CF,EAAM,WAAW,WAAWE,IAAOC,EAAyBD,CAAI,IAAIJ,EAAsBG,CAAK,CAAC,GAErFG,IAAW,CAAC;AAAA,EACvB,MAAAC,IAAO,GAAGR,EAAiB,EAAE;AAAA,EAC7B,UAAAS;AAAA,EACA,OAAAL;AAAA,EACA,MAAAC;AAAA,EACA,QAAAK;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAc;AACZ,QAAMC,KAAcV,KAAWL,EAAY,QAAQS,CAAI,IAAI,MAAiB;AAE5E,SAAO;AAAA,IACL,GAAGK;AAAA,IACH,MAAAL;AAAA,IACA,SAASE;AAAA,IACT,OAAOC;AAAA,IACP,OAAON;AAAA,IACP,WAAWI;AAAA,IACX,WAAWG;AAAA,IACX,aAAaE;AAAA,EAAA;AAEjB;"}

package/build/esm/react-base/src/components/Toggle/Toggle.types.d.ts

@@ -11,6 +11,7 @@ export interface IProps {
     mirrored?: boolean;
     labelPosition?: LabelPosition;
     disabled?: boolean;
+    readOnly?: boolean;
     /**
      * @deprecated emphasis prop is deprecated and will be removed in the next major version.
      * */

package/build/esm/react-base/src/components/Toggle/Toggle.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toggle.types.d.ts","sourceRoot":"","sources":["../../../../../../../react-base/src/components/Toggle/Toggle.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEhD,MAAM,MAAM,IAAI,GAAG,GAAG,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;AAChF,MAAM,MAAM,aAAa,GAAG,GAAG,SAAS,CAAC,IAAI,GAAG,SAAS,CAAC,KAAK,EAAE,CAAC;AAElE,MAAM,WAAW,MAAM;IACrB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;SAEK;IACL,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;SAEK;IACL,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B"}
+{"version":3,"file":"Toggle.types.d.ts","sourceRoot":"","sources":["../../../../../../../react-base/src/components/Toggle/Toggle.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEhD,MAAM,MAAM,IAAI,GAAG,GAAG,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;AAChF,MAAM,MAAM,aAAa,GAAG,GAAG,SAAS,CAAC,IAAI,GAAG,SAAS,CAAC,KAAK,EAAE,CAAC;AAElE,MAAM,WAAW,MAAM;IACrB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;SAEK;IACL,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;SAEK;IACL,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B"}

package/build/esm/react-base/src/components/ToggleButton/ToggleButton.utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleButton.utils.d.ts","sourceRoot":"","sources":["../../../../../../../react-base/src/components/ToggleButton/ToggleButton.utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAIxD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACvE,OAAO,EAAwB,KAAK,KAAK,EAAE,MAAM,aAAa,CAAC;AAG/D,eAAO,MAAM,gBAAgB,SAAU,IAAI,QAAQ,OAAO,gBAAgB,YAAY,YAAY,OAAO,KAAG,MAc3G,CAAC;AAEF,eAAO,MAAM,WAAW,SAAU,IAAI;;;CAIzB,CAAC;AAiBd,eAAO,MAAM,kBAAkB,UACtB,KAAK,YACF,OAAO,SACV,gBAAgB,CAAC,SAAS,cACrB,OAAO,aACR,OAAO,KACjB,MAYF,CAAC;AAEF,eAAO,MAAM,YAAY,UAAW,KAAK,YAAY,OAAO,cAAc,OAAO,YAAY,OAAO,KAAG,MAQtG,CAAC;AAEF,eAAO,MAAM,cAAc,UAAW,KAAK,cAAc,OAAO,YAAY,OAAO,KAAG,MAQrF,CAAC;AAEF,eAAO,MAAM,iBAAiB,UACrB,KAAK,YACF,OAAO,SACV,gBAAgB,CAAC,SAAS,cACrB,OAAO,YACT,OAAO,KAChB,aAID,CAAC;AAEH,eAAO,MAAM,eAAe,UAAW,KAAK,YAAY,OAAO,cAAc,OAAO;;;;;CAanF,CAAC;AAEF,eAAO,MAAM,QAAQ,sGAWlB,MAAM;;;;;;;;;;;;;;CAUP,CAAC"}
+{"version":3,"file":"ToggleButton.utils.d.ts","sourceRoot":"","sources":["../../../../../../../react-base/src/components/ToggleButton/ToggleButton.utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAIxD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACvE,OAAO,EAAwB,KAAK,KAAK,EAAE,MAAM,aAAa,CAAC;AAG/D,eAAO,MAAM,gBAAgB,SAAU,IAAI,QAAQ,OAAO,gBAAgB,YAAY,YAAY,OAAO,KAAG,MAc3G,CAAC;AAEF,eAAO,MAAM,WAAW,SAAU,IAAI;;;CAIzB,CAAC;AAiBd,eAAO,MAAM,kBAAkB,UACtB,KAAK,YACF,OAAO,SACV,gBAAgB,CAAC,SAAS,cACrB,OAAO,aACR,OAAO,KACjB,MAYF,CAAC;AAEF,eAAO,MAAM,YAAY,UAAW,KAAK,YAAY,OAAO,cAAc,OAAO,YAAY,OAAO,KAAG,MAQtG,CAAC;AAEF,eAAO,MAAM,cAAc,UAAW,KAAK,cAAc,OAAO,YAAY,OAAO,KAAG,MAQrF,CAAC;AAEF,eAAO,MAAM,iBAAiB,UACrB,KAAK,YACF,OAAO,SACV,gBAAgB,CAAC,SAAS,cACrB,OAAO,YACT,OAAO,KAChB,aAID,CAAC;AAEH,eAAO,MAAM,eAAe,UAAW,KAAK,YAAY,OAAO,cAAc,OAAO;;;;;CAcnF,CAAC;AAEF,eAAO,MAAM,QAAQ,sGAWlB,MAAM;;;;;;;;;;;;;;CAUP,CAAC"}

package/build/esm/react-base/src/components/ToggleButton/ToggleButton.utils.js

@@ -31,6 +31,7 @@ const R = (e, n, r, t) => n ? t ? `${s[e].padding.iconOnly}px` : n && r === p.Ri
       ...l,
       [i]: u(e, n, i, r, !1)
     }),
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     {}
   ), a = u(e, n, c.States.Resting, r, !0);
   return { ...o, disabled: a };

package/build/esm/react-base/src/components/ToggleButton/ToggleButton.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleButton.utils.js","sources":["../../../../../../../react-base/src/components/ToggleButton/ToggleButton.utils.ts"],"sourcesContent":["import type { CSSProperties } from 'styled-components';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport { Variants, Sizes, Positions } from '../../consts';\nimport { consts } from './ToggleButton.consts';\nimport type { Size, IProps, IconPosition } from './ToggleButton.types';\nimport { ModesType, Variables, type Theme } from '../../theme';\nimport { getLoaderSize } from '../Button/Button.utils';\n\nexport const getPaddingInline = (size: Size, icon: boolean, iconPosition: IconPosition, iconOnly: boolean): string => {\n  if (!icon) {\n    return `${consts[size].padding.inline}px`;\n  }\n\n  if (iconOnly) {\n    return `${consts[size].padding.iconOnly}px`;\n  }\n\n  if (icon && iconPosition === Positions.Right) {\n    return `${consts[size].padding.inline}px ${consts[size].padding.icon}px`;\n  }\n\n  return `${consts[size].padding.icon}px ${consts[size].padding.inline}px`;\n};\n\nexport const getIconSize = (size: Size) =>\n  ({\n    width: consts[size].icon,\n    height: consts[size].icon,\n  }) as const;\n\nconst getBorderSize = (outlined: boolean, state: FabricsVariables.StateType, isSelected: boolean): string => {\n  if (outlined) {\n    if (\n      (isSelected && (state === FabricsVariables.States.Resting || state === FabricsVariables.States.Hover)) ||\n      (!isSelected && state === FabricsVariables.States.Press)\n    ) {\n      return 'inset 0 0 0 2px';\n    }\n\n    return 'inset 0 0 0 1px';\n  }\n\n  return '0 0 0 0px';\n};\n\nexport const getBackgroundColor = (\n  theme: Theme,\n  outlined: boolean,\n  state: FabricsVariables.StateType,\n  isSelected: boolean,\n  disabled?: boolean,\n): string => {\n  const modes: ModesType = {\n    selectedProminence: 'strong',\n    foundation: 'section',\n    transparentRestingState: outlined,\n    state,\n    disabled,\n  };\n  const layer = theme.layer(modes);\n  const layerType = isSelected && !outlined ? 'Selected' : 'Foundation';\n\n  return layer[`Background/${layerType}`];\n};\n\nexport const getTextColor = (theme: Theme, outlined: boolean, isSelected: boolean, disabled: boolean): string => {\n  const layer = theme.layer({ selectedProminence: outlined ? 'subtle' : 'strong', disabled });\n\n  if (isSelected && !disabled) {\n    return layer[Variables.ForegroundOnSelected];\n  }\n\n  return layer[Variables.TextOnFoundationStrong];\n};\n\nexport const getBorderColor = (theme: Theme, isSelected: boolean, disabled: boolean): string => {\n  const layer = theme.layer({ selectedProminence: 'subtle', disabled });\n\n  if (isSelected) {\n    return layer[Variables.BorderOnSelectedOnBackground];\n  }\n\n  return layer[Variables.BorderOnFoundationMedium];\n};\n\nexport const getStylesForState = (\n  theme: Theme,\n  outlined: boolean,\n  state: FabricsVariables.StateType,\n  isSelected: boolean,\n  disabled: boolean,\n): CSSProperties => ({\n  backgroundColor: getBackgroundColor(theme, outlined, state, isSelected, disabled),\n  color: getTextColor(theme, outlined, isSelected, disabled),\n  boxShadow: `${getBorderSize(outlined, state, isSelected)} ${getBorderColor(theme, isSelected, disabled)}`,\n});\n\nexport const getFabricStyles = (theme: Theme, outlined: boolean, isSelected: boolean) => {\n  const states = Object.values(FabricsVariables.States);\n  const styles = states.reduce(\n    (acc, state) => ({\n      ...acc,\n      [state]: getStylesForState(theme, outlined, state, isSelected, false),\n    }),\n    {} as { [key in FabricsVariables.StateType]: any },\n  );\n\n  const disabledStyles = getStylesForState(theme, outlined, FabricsVariables.States.Resting, isSelected, true);\n\n  return { ...styles, disabled: disabledStyles };\n};\n\nexport const useProps = ({\n  active = false,\n  selected,\n  size = `${Sizes.Medium}`,\n  variant = `${Variants.Filled}`,\n  outlined,\n  iconOnly = false,\n  iconPosition = `${Positions.Left}`,\n  loading = false,\n  rounded = false,\n  ...props\n}: IProps) => ({\n  ...props,\n  loaderSize: getLoaderSize(size),\n  selected: selected ?? active,\n  size,\n  outlined: outlined ?? variant !== Variants.Filled,\n  iconOnly,\n  iconPosition,\n  loading,\n  rounded,\n});\n"],"names":["getPaddingInline","size","icon","iconPosition","iconOnly","consts","Positions","getIconSize","getBorderSize","outlined","state","isSelected","FabricsVariables","getBackgroundColor","theme","disabled","modes","getTextColor","layer","Variables","getBorderColor","getStylesForState","getFabricStyles","styles","acc","disabledStyles","useProps","active","selected","Sizes","variant","Variants","loading","rounded","props","getLoaderSize"],"mappings":"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"}
+{"version":3,"file":"ToggleButton.utils.js","sources":["../../../../../../../react-base/src/components/ToggleButton/ToggleButton.utils.ts"],"sourcesContent":["/* eslint-disable sonarjs/deprecation */\nimport type { CSSProperties } from 'styled-components';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport { Variants, Sizes, Positions } from '../../consts';\nimport { consts } from './ToggleButton.consts';\nimport type { Size, IProps, IconPosition } from './ToggleButton.types';\nimport { ModesType, Variables, type Theme } from '../../theme';\nimport { getLoaderSize } from '../Button/Button.utils';\n\nexport const getPaddingInline = (size: Size, icon: boolean, iconPosition: IconPosition, iconOnly: boolean): string => {\n  if (!icon) {\n    return `${consts[size].padding.inline}px`;\n  }\n\n  if (iconOnly) {\n    return `${consts[size].padding.iconOnly}px`;\n  }\n\n  if (icon && iconPosition === Positions.Right) {\n    return `${consts[size].padding.inline}px ${consts[size].padding.icon}px`;\n  }\n\n  return `${consts[size].padding.icon}px ${consts[size].padding.inline}px`;\n};\n\nexport const getIconSize = (size: Size) =>\n  ({\n    width: consts[size].icon,\n    height: consts[size].icon,\n  }) as const;\n\nconst getBorderSize = (outlined: boolean, state: FabricsVariables.StateType, isSelected: boolean): string => {\n  if (outlined) {\n    if (\n      (isSelected && (state === FabricsVariables.States.Resting || state === FabricsVariables.States.Hover)) ||\n      (!isSelected && state === FabricsVariables.States.Press)\n    ) {\n      return 'inset 0 0 0 2px';\n    }\n\n    return 'inset 0 0 0 1px';\n  }\n\n  return '0 0 0 0px';\n};\n\nexport const getBackgroundColor = (\n  theme: Theme,\n  outlined: boolean,\n  state: FabricsVariables.StateType,\n  isSelected: boolean,\n  disabled?: boolean,\n): string => {\n  const modes: ModesType = {\n    selectedProminence: 'strong',\n    foundation: 'section',\n    transparentRestingState: outlined,\n    state,\n    disabled,\n  };\n  const layer = theme.layer(modes);\n  const layerType = isSelected && !outlined ? 'Selected' : 'Foundation';\n\n  return layer[`Background/${layerType}`];\n};\n\nexport const getTextColor = (theme: Theme, outlined: boolean, isSelected: boolean, disabled: boolean): string => {\n  const layer = theme.layer({ selectedProminence: outlined ? 'subtle' : 'strong', disabled });\n\n  if (isSelected && !disabled) {\n    return layer[Variables.ForegroundOnSelected];\n  }\n\n  return layer[Variables.TextOnFoundationStrong];\n};\n\nexport const getBorderColor = (theme: Theme, isSelected: boolean, disabled: boolean): string => {\n  const layer = theme.layer({ selectedProminence: 'subtle', disabled });\n\n  if (isSelected) {\n    return layer[Variables.BorderOnSelectedOnBackground];\n  }\n\n  return layer[Variables.BorderOnFoundationMedium];\n};\n\nexport const getStylesForState = (\n  theme: Theme,\n  outlined: boolean,\n  state: FabricsVariables.StateType,\n  isSelected: boolean,\n  disabled: boolean,\n): CSSProperties => ({\n  backgroundColor: getBackgroundColor(theme, outlined, state, isSelected, disabled),\n  color: getTextColor(theme, outlined, isSelected, disabled),\n  boxShadow: `${getBorderSize(outlined, state, isSelected)} ${getBorderColor(theme, isSelected, disabled)}`,\n});\n\nexport const getFabricStyles = (theme: Theme, outlined: boolean, isSelected: boolean) => {\n  const states = Object.values(FabricsVariables.States);\n  const styles = states.reduce(\n    (acc, state) => ({\n      ...acc,\n      [state]: getStylesForState(theme, outlined, state, isSelected, false),\n    }),\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    {} as { [key in FabricsVariables.StateType]: any },\n  );\n\n  const disabledStyles = getStylesForState(theme, outlined, FabricsVariables.States.Resting, isSelected, true);\n\n  return { ...styles, disabled: disabledStyles };\n};\n\nexport const useProps = ({\n  active = false,\n  selected,\n  size = `${Sizes.Medium}`,\n  variant = `${Variants.Filled}`,\n  outlined,\n  iconOnly = false,\n  iconPosition = `${Positions.Left}`,\n  loading = false,\n  rounded = false,\n  ...props\n}: IProps) => ({\n  ...props,\n  loaderSize: getLoaderSize(size),\n  selected: selected ?? active,\n  size,\n  outlined: outlined ?? variant !== Variants.Filled,\n  iconOnly,\n  iconPosition,\n  loading,\n  rounded,\n});\n"],"names":["getPaddingInline","size","icon","iconPosition","iconOnly","consts","Positions","getIconSize","getBorderSize","outlined","state","isSelected","FabricsVariables","getBackgroundColor","theme","disabled","modes","getTextColor","layer","Variables","getBorderColor","getStylesForState","getFabricStyles","styles","acc","disabledStyles","useProps","active","selected","Sizes","variant","Variants","loading","rounded","props","getLoaderSize"],"mappings":"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"}

package/build/esm/react-base/src/components/Tooltip/Tooltip.types.d.ts

@@ -1,3 +1,4 @@
+import type { ReactNode } from 'react';
 export type Position = 'bottom' | 'bottom left' | 'bottom right' | 'bottom start' | 'bottom end' | 'top' | 'top left' | 'top right' | 'top start' | 'top end' | 'left' | 'left top' | 'left bottom' | 'start' | 'start top' | 'start bottom' | 'right' | 'right top' | 'right bottom' | 'end' | 'end top' | 'end bottom';
 export interface IProps {
     isDisabled?: boolean;
@@ -6,7 +7,7 @@ export interface IProps {
     offset?: number;
     crossOffset?: number;
     arrow?: boolean;
-    overlay: React.ReactNode;
+    overlay: ReactNode;
     placement?: Position;
 }
 //# sourceMappingURL=Tooltip.types.d.ts.map

package/build/esm/react-base/src/components/Tooltip/Tooltip.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.types.d.ts","sourceRoot":"","sources":["../../../../../../../react-base/src/components/Tooltip/Tooltip.types.ts"],"names":[],"mappings":"AACA,MAAM,MAAM,QAAQ,GAChB,QAAQ,GACR,aAAa,GACb,cAAc,GACd,cAAc,GACd,YAAY,GACZ,KAAK,GACL,UAAU,GACV,WAAW,GACX,WAAW,GACX,SAAS,GACT,MAAM,GACN,UAAU,GACV,aAAa,GACb,OAAO,GACP,WAAW,GACX,cAAc,GACd,OAAO,GACP,WAAW,GACX,cAAc,GACd,KAAK,GACL,SAAS,GACT,YAAY,CAAC;AAEjB,MAAM,WAAW,MAAM;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,QAAQ,CAAC;CACtB"}
+{"version":3,"file":"Tooltip.types.d.ts","sourceRoot":"","sources":["../../../../../../../react-base/src/components/Tooltip/Tooltip.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,MAAM,QAAQ,GAChB,QAAQ,GACR,aAAa,GACb,cAAc,GACd,cAAc,GACd,YAAY,GACZ,KAAK,GACL,UAAU,GACV,WAAW,GACX,WAAW,GACX,SAAS,GACT,MAAM,GACN,UAAU,GACV,aAAa,GACb,OAAO,GACP,WAAW,GACX,cAAc,GACd,OAAO,GACP,WAAW,GACX,cAAc,GACd,KAAK,GACL,SAAS,GACT,YAAY,CAAC;AAEjB,MAAM,WAAW,MAAM;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,QAAQ,CAAC;CACtB"}

package/build/esm/react-base/src/consts/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../react-base/src/consts/index.ts"],"names":[],"mappings":"AAAA,oBAAY,WAAW;IACrB,KAAK,QAAQ;IACb,IAAI,OAAO;IACX,GAAG,MAAM;IACT,GAAG,MAAM;IACT,GAAG,MAAM;IACT,IAAI,OAAO;IACX,KAAK,QAAQ;CACd;AAED,oBAAY,KAAK;IACf,QAAQ,aAAa;IACrB,MAAM,WAAW;IACjB,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,OAAO,YAAY;CACpB;AAED,oBAAY,QAAQ;IAClB,MAAM,WAAW;IACjB,QAAQ,aAAa;IACrB,WAAW,gBAAgB;IAC3B,MAAM,WAAW;CAClB;AAED,oBAAY,SAAS;IACnB,GAAG,QAAQ;IACX,OAAO,YAAY;IACnB,QAAQ,aAAa;IACrB,MAAM,WAAW;IACjB,UAAU,eAAe;IACzB,WAAW,gBAAgB;IAC3B,KAAK,UAAU;IACf,WAAW,gBAAgB;IAC3B,QAAQ,aAAa;IACrB,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,UAAU,eAAe;IACzB,MAAM,WAAW;IACjB,IAAI,SAAS;CACd;AAED,oBAAY,UAAU;IACpB,GAAG,QAAQ;IACX,MAAM,WAAW;IACjB,KAAK,UAAU;IACf,IAAI,SAAS;IACb,KAAK,UAAU;IACf,YAAY,iBAAiB;IAC7B,MAAM,WAAW;IACjB,GAAG,QAAQ;IACX,IAAI,SAAS;CACd;AAED,oBAAY,UAAU;IACpB,UAAU,eAAe;IACzB,QAAQ,aAAa;CACtB;AAED,oBAAY,KAAK;IACf,GAAG,WAAW;IACd,IAAI,YAAY;CACjB;AAED,oBAAY,QAAQ;IAClB,OAAO,YAAY;IACnB,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,OAAO,YAAY;CACpB;AAED,oBAAY,MAAM;IAChB,OAAO,YAAY;IACnB,MAAM,WAAW;CAClB;AAED,oBAAY,gBAAgB;IAC1B,SAAS,MAAM;IACf,IAAI,SAAS;IACb,KAAK,UAAU;IACf,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;CACV;AAED,oBAAY,MAAM;IAChB,KAAK,IAAI;IACT,KAAK,IAAI;IACT,OAAO,IAAI;IACX,MAAM,IAAI;IACV,MAAM,IAAI;IACV,KAAK,IAAI;CACV;AAED,oBAAY,cAAc;IACxB,OAAO,YAAY;IACnB,QAAQ,aAAa;IACrB,OAAO,YAAY;CACpB;AAED,oBAAY,SAAS;IACnB,MAAM,WAAW;IACjB,MAAM,WAAW;IACjB,MAAM,WAAW;IACjB,WAAW,gBAAgB;CAC5B;AAED,aAAa;AAEb,oBAAY,QAAQ;IAClB,UAAU,KAAK;IACf,aAAa,IAAI;IACjB,MAAM,IAAI;IACV,OAAO,IAAI;IACX,QAAQ,IAAI;IACZ,QAAQ,IAAI;IACZ,QAAQ,IAAI;IACZ,SAAS,IAAI;IACb,SAAS,IAAI;IACb,SAAS,IAAI;CACd;AAED,eAAO,MAAM,gBAAgB;;;CAG5B,CAAC;AAEF,YAAY;AAEZ,eAAO,MAAM,IAAI,QAAO,IAAY,CAAC;AACrC,eAAO,MAAM,SAAS,QAAO,IAAU,CAAC;AACxC,eAAO,MAAM,cAAc,iBAAkB;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,KAAG,KAAK,CAAC,SAAqB,CAAC;AAE1G,cAAc;AACd,cAAc,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../react-base/src/consts/index.ts"],"names":[],"mappings":"AACA,oBAAY,WAAW;IACrB,KAAK,QAAQ;IACb,IAAI,OAAO;IACX,GAAG,MAAM;IACT,GAAG,MAAM;IACT,GAAG,MAAM;IACT,IAAI,OAAO;IACX,KAAK,QAAQ;CACd;AAED,oBAAY,KAAK;IACf,QAAQ,aAAa;IACrB,MAAM,WAAW;IACjB,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,OAAO,YAAY;CACpB;AAED,oBAAY,QAAQ;IAClB,MAAM,WAAW;IACjB,QAAQ,aAAa;IACrB,WAAW,gBAAgB;IAC3B,MAAM,WAAW;CAClB;AAED,oBAAY,SAAS;IACnB,GAAG,QAAQ;IACX,OAAO,YAAY;IACnB,QAAQ,aAAa;IACrB,MAAM,WAAW;IACjB,UAAU,eAAe;IACzB,WAAW,gBAAgB;IAC3B,KAAK,UAAU;IACf,WAAW,gBAAgB;IAC3B,QAAQ,aAAa;IACrB,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,UAAU,eAAe;IACzB,MAAM,WAAW;IACjB,IAAI,SAAS;CACd;AAED,oBAAY,UAAU;IACpB,GAAG,QAAQ;IACX,MAAM,WAAW;IACjB,KAAK,UAAU;IACf,IAAI,SAAS;IACb,KAAK,UAAU;IACf,YAAY,iBAAiB;IAC7B,MAAM,WAAW;IACjB,GAAG,QAAQ;IACX,IAAI,SAAS;CACd;AAED,oBAAY,UAAU;IACpB,UAAU,eAAe;IACzB,QAAQ,aAAa;CACtB;AAED,oBAAY,KAAK;IACf,GAAG,WAAW;IACd,IAAI,YAAY;CACjB;AAED,oBAAY,QAAQ;IAClB,OAAO,YAAY;IACnB,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,OAAO,YAAY;CACpB;AAED,oBAAY,MAAM;IAChB,OAAO,YAAY;IACnB,MAAM,WAAW;CAClB;AAED,oBAAY,gBAAgB;IAC1B,SAAS,MAAM;IACf,IAAI,SAAS;IACb,KAAK,UAAU;IACf,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;CACV;AAED,oBAAY,MAAM;IAChB,KAAK,IAAI;IACT,KAAK,IAAI;IACT,OAAO,IAAI;IACX,MAAM,IAAI;IACV,MAAM,IAAI;IACV,KAAK,IAAI;CACV;AAED,oBAAY,cAAc;IACxB,OAAO,YAAY;IACnB,QAAQ,aAAa;IACrB,OAAO,YAAY;CACpB;AAED,oBAAY,SAAS;IACnB,MAAM,WAAW;IACjB,MAAM,WAAW;IACjB,MAAM,WAAW;IACjB,WAAW,gBAAgB;CAC5B;AAED,aAAa;AAEb,oBAAY,QAAQ;IAClB,UAAU,KAAK;IACf,aAAa,IAAI;IACjB,MAAM,IAAI;IACV,OAAO,IAAI;IACX,QAAQ,IAAI;IACZ,QAAQ,IAAI;IACZ,QAAQ,IAAI;IACZ,SAAS,IAAI;IACb,SAAS,IAAI;IACb,SAAS,IAAI;CACd;AAED,eAAO,MAAM,gBAAgB;;;CAG5B,CAAC;AAEF,YAAY;AAEZ,eAAO,MAAM,IAAI,QAAO,IAAY,CAAC;AAErC,eAAO,MAAM,SAAS,QAAO,IAAU,CAAC;AACxC,eAAO,MAAM,cAAc,iBAAkB;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,KAAG,KAAK,CAAC,SAAqB,CAAC;AAE1G,cAAc;AACd,cAAc,WAAW,CAAC"}

package/build/esm/react-base/src/consts/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../react-base/src/consts/index.ts"],"sourcesContent":["export enum Resolutions {\n  'XXL' = 'xxl',\n  'XL' = 'xl',\n  'L' = 'l',\n  'M' = 'm',\n  'S' = 's',\n  'XS' = 'xs',\n  'XXS' = 'xxs',\n}\n\nexport enum Sizes {\n  Smallest = 'smallest',\n  XSmall = 'xsmall',\n  Small = 'small',\n  Medium = 'medium',\n  Large = 'large',\n  XLarge = 'xlarge',\n  XXLarge = 'xxlarge',\n}\n\nexport enum Variants {\n  Filled = 'filled',\n  Outlined = 'outlined',\n  Transparent = 'transparent',\n  Subtle = 'subtle',\n}\n\nexport enum Positions {\n  Top = 'top',\n  TopLeft = 'topLeft',\n  TopRight = 'topRight',\n  Bottom = 'bottom',\n  BottomLeft = 'bottomLeft',\n  BottomRight = 'bottomRight',\n  Right = 'right',\n  RightBottom = 'rightBottom',\n  RightTop = 'rightTop',\n  Left = 'left',\n  LeftTop = 'leftTop',\n  LeftBottom = 'leftBottom',\n  Center = 'center',\n  Side = 'side',\n}\n\nexport enum Alignments {\n  Top = 'top',\n  Bottom = 'bottom',\n  Start = 'start',\n  Left = 'left',\n  Right = 'right',\n  LeftAndRight = 'leftAndRight',\n  Center = 'center',\n  End = 'end',\n  Fill = 'fill',\n}\n\nexport enum Directions {\n  Horizontal = 'horizontal',\n  Vertical = 'vertical',\n}\n\nexport enum Sorts {\n  Asc = 'ascend',\n  Desc = 'descend',\n}\n\nexport enum BgColors {\n  Surface = 'surface',\n  Base = 'base',\n  Raised = 'raised',\n  Section = 'section',\n}\n\nexport enum Shapes {\n  Rounded = 'rounded',\n  Square = 'square',\n}\n\nexport enum TextElementTypes {\n  Paragraph = 'p',\n  Span = 'span',\n  Label = 'label',\n  H1 = 'h1',\n  H2 = 'h2',\n  H3 = 'h3',\n  H4 = 'h4',\n  H5 = 'h5',\n  H6 = 'h6',\n}\n\nexport enum Levels {\n  'One' = 1,\n  'Two' = 2,\n  'Three' = 3,\n  'Four' = 4,\n  'Five' = 5,\n  'Six' = 6,\n}\n\nexport enum InherentStates {\n  Default = 'default',\n  Disabled = 'disabled',\n  Invalid = 'invalid',\n}\n\nexport enum Contrasts {\n  Strong = 'strong',\n  Medium = 'medium',\n  Subtle = 'subtle',\n  Transparent = 'transparent',\n}\n\n/** Styles */\n\nexport enum ZIndexes {\n  'ELEVATED' = 10,\n  'DATE_PICKER' = 2,\n  'MENU' = 1,\n  'MODAL' = 2,\n  'NAVBAR' = 1,\n  'DRAWER' = 1,\n  'SELECT' = 2,\n  'TOOLTIP' = 2,\n  'POPOVER' = 2,\n  'OVERLAY' = 2,\n}\n\nexport const TRIGGER_OVERFLOW = {\n  adjustX: 0,\n  adjustY: 0,\n};\n\n/** Other */\n\nexport const NOOP = (): null => null;\nexport const NOOP_VOID = (): void => {};\nexport const NOOP_COMPONENT = ({ children }: { children?: React.ReactNode }): React.ReactNode => children;\n\n/** CLASSES */\nexport * from './classes';\n"],"names":["Resolutions","Sizes","Variants","Positions","Alignments","Directions","Sorts","Shapes","TextElementTypes","Contrasts","ZIndexes","NOOP","NOOP_VOID","NOOP_COMPONENT","children"],"mappings":"AAAO,IAAKA,sBAAAA,OACVA,EAAA,MAAQ,OACRA,EAAA,KAAO,MACPA,EAAA,IAAM,KACNA,EAAA,IAAM,KACNA,EAAA,IAAM,KACNA,EAAA,KAAO,MACPA,EAAA,MAAQ,OAPEA,IAAAA,KAAA,CAAA,CAAA,GAUAC,sBAAAA,OACVA,EAAA,WAAW,YACXA,EAAA,SAAS,UACTA,EAAA,QAAQ,SACRA,EAAA,SAAS,UACTA,EAAA,QAAQ,SACRA,EAAA,SAAS,UACTA,EAAA,UAAU,WAPAA,IAAAA,KAAA,CAAA,CAAA,GAUAC,sBAAAA,OACVA,EAAA,SAAS,UACTA,EAAA,WAAW,YACXA,EAAA,cAAc,eACdA,EAAA,SAAS,UAJCA,IAAAA,KAAA,CAAA,CAAA,GAOAC,sBAAAA,OACVA,EAAA,MAAM,OACNA,EAAA,UAAU,WACVA,EAAA,WAAW,YACXA,EAAA,SAAS,UACTA,EAAA,aAAa,cACbA,EAAA,cAAc,eACdA,EAAA,QAAQ,SACRA,EAAA,cAAc,eACdA,EAAA,WAAW,YACXA,EAAA,OAAO,QACPA,EAAA,UAAU,WACVA,EAAA,aAAa,cACbA,EAAA,SAAS,UACTA,EAAA,OAAO,QAdGA,IAAAA,KAAA,CAAA,CAAA,GAiBAC,sBAAAA,OACVA,EAAA,MAAM,OACNA,EAAA,SAAS,UACTA,EAAA,QAAQ,SACRA,EAAA,OAAO,QACPA,EAAA,QAAQ,SACRA,EAAA,eAAe,gBACfA,EAAA,SAAS,UACTA,EAAA,MAAM,OACNA,EAAA,OAAO,QATGA,IAAAA,KAAA,CAAA,CAAA,GAYAC,sBAAAA,OACVA,EAAA,aAAa,cACbA,EAAA,WAAW,YAFDA,IAAAA,KAAA,CAAA,CAAA,GAKAC,sBAAAA,OACVA,EAAA,MAAM,UACNA,EAAA,OAAO,WAFGA,IAAAA,KAAA,CAAA,CAAA,GAYAC,sBAAAA,OACVA,EAAA,UAAU,WACVA,EAAA,SAAS,UAFCA,IAAAA,KAAA,CAAA,CAAA,GAKAC,sBAAAA,OACVA,EAAA,YAAY,KACZA,EAAA,OAAO,QACPA,EAAA,QAAQ,SACRA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MATKA,IAAAA,KAAA,CAAA,CAAA,GA2BAC,sBAAAA,OACVA,EAAA,SAAS,UACTA,EAAA,SAAS,UACTA,EAAA,SAAS,UACTA,EAAA,cAAc,eAJJA,IAAAA,KAAA,CAAA,CAAA,GASAC,sBAAAA,OACVA,EAAAA,EAAA,WAAa,EAAA,IAAb,YACAA,EAAAA,EAAA,cAAgB,CAAA,IAAhB,eACAA,EAAAA,EAAA,OAAS,CAAA,IAAT,QACAA,EAAAA,EAAA,QAAU,CAAA,IAAV,SACAA,EAAAA,EAAA,SAAW,CAAA,IAAX,UACAA,EAAAA,EAAA,SAAW,CAAA,IAAX,UACAA,EAAAA,EAAA,SAAW,CAAA,IAAX,UACAA,EAAAA,EAAA,UAAY,CAAA,IAAZ,WACAA,EAAAA,EAAA,UAAY,CAAA,IAAZ,WACAA,EAAAA,EAAA,UAAY,CAAA,IAAZ,WAVUA,IAAAA,KAAA,CAAA,CAAA;AAoBL,MAAMC,IAAO,MAAY,MACnBC,IAAY,MAAY;AAAC,GACzBC,IAAiB,CAAC,EAAE,UAAAC,QAAgEA;"}
+{"version":3,"file":"index.js","sources":["../../../../../../react-base/src/consts/index.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-duplicate-enum-values */\nexport enum Resolutions {\n  'XXL' = 'xxl',\n  'XL' = 'xl',\n  'L' = 'l',\n  'M' = 'm',\n  'S' = 's',\n  'XS' = 'xs',\n  'XXS' = 'xxs',\n}\n\nexport enum Sizes {\n  Smallest = 'smallest',\n  XSmall = 'xsmall',\n  Small = 'small',\n  Medium = 'medium',\n  Large = 'large',\n  XLarge = 'xlarge',\n  XXLarge = 'xxlarge',\n}\n\nexport enum Variants {\n  Filled = 'filled',\n  Outlined = 'outlined',\n  Transparent = 'transparent',\n  Subtle = 'subtle',\n}\n\nexport enum Positions {\n  Top = 'top',\n  TopLeft = 'topLeft',\n  TopRight = 'topRight',\n  Bottom = 'bottom',\n  BottomLeft = 'bottomLeft',\n  BottomRight = 'bottomRight',\n  Right = 'right',\n  RightBottom = 'rightBottom',\n  RightTop = 'rightTop',\n  Left = 'left',\n  LeftTop = 'leftTop',\n  LeftBottom = 'leftBottom',\n  Center = 'center',\n  Side = 'side',\n}\n\nexport enum Alignments {\n  Top = 'top',\n  Bottom = 'bottom',\n  Start = 'start',\n  Left = 'left',\n  Right = 'right',\n  LeftAndRight = 'leftAndRight',\n  Center = 'center',\n  End = 'end',\n  Fill = 'fill',\n}\n\nexport enum Directions {\n  Horizontal = 'horizontal',\n  Vertical = 'vertical',\n}\n\nexport enum Sorts {\n  Asc = 'ascend',\n  Desc = 'descend',\n}\n\nexport enum BgColors {\n  Surface = 'surface',\n  Base = 'base',\n  Raised = 'raised',\n  Section = 'section',\n}\n\nexport enum Shapes {\n  Rounded = 'rounded',\n  Square = 'square',\n}\n\nexport enum TextElementTypes {\n  Paragraph = 'p',\n  Span = 'span',\n  Label = 'label',\n  H1 = 'h1',\n  H2 = 'h2',\n  H3 = 'h3',\n  H4 = 'h4',\n  H5 = 'h5',\n  H6 = 'h6',\n}\n\nexport enum Levels {\n  'One' = 1,\n  'Two' = 2,\n  'Three' = 3,\n  'Four' = 4,\n  'Five' = 5,\n  'Six' = 6,\n}\n\nexport enum InherentStates {\n  Default = 'default',\n  Disabled = 'disabled',\n  Invalid = 'invalid',\n}\n\nexport enum Contrasts {\n  Strong = 'strong',\n  Medium = 'medium',\n  Subtle = 'subtle',\n  Transparent = 'transparent',\n}\n\n/** Styles */\n\nexport enum ZIndexes {\n  'ELEVATED' = 10,\n  'DATE_PICKER' = 2,\n  'MENU' = 1,\n  'MODAL' = 2,\n  'NAVBAR' = 1,\n  'DRAWER' = 1,\n  'SELECT' = 2,\n  'TOOLTIP' = 2,\n  'POPOVER' = 2,\n  'OVERLAY' = 2,\n}\n\nexport const TRIGGER_OVERFLOW = {\n  adjustX: 0,\n  adjustY: 0,\n};\n\n/** Other */\n\nexport const NOOP = (): null => null;\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nexport const NOOP_VOID = (): void => {};\nexport const NOOP_COMPONENT = ({ children }: { children?: React.ReactNode }): React.ReactNode => children;\n\n/** CLASSES */\nexport * from './classes';\n"],"names":["Resolutions","Sizes","Variants","Positions","Alignments","Directions","Sorts","Shapes","TextElementTypes","Contrasts","ZIndexes","NOOP","NOOP_VOID","NOOP_COMPONENT","children"],"mappings":"AACO,IAAKA,sBAAAA,OACVA,EAAA,MAAQ,OACRA,EAAA,KAAO,MACPA,EAAA,IAAM,KACNA,EAAA,IAAM,KACNA,EAAA,IAAM,KACNA,EAAA,KAAO,MACPA,EAAA,MAAQ,OAPEA,IAAAA,KAAA,CAAA,CAAA,GAUAC,sBAAAA,OACVA,EAAA,WAAW,YACXA,EAAA,SAAS,UACTA,EAAA,QAAQ,SACRA,EAAA,SAAS,UACTA,EAAA,QAAQ,SACRA,EAAA,SAAS,UACTA,EAAA,UAAU,WAPAA,IAAAA,KAAA,CAAA,CAAA,GAUAC,sBAAAA,OACVA,EAAA,SAAS,UACTA,EAAA,WAAW,YACXA,EAAA,cAAc,eACdA,EAAA,SAAS,UAJCA,IAAAA,KAAA,CAAA,CAAA,GAOAC,sBAAAA,OACVA,EAAA,MAAM,OACNA,EAAA,UAAU,WACVA,EAAA,WAAW,YACXA,EAAA,SAAS,UACTA,EAAA,aAAa,cACbA,EAAA,cAAc,eACdA,EAAA,QAAQ,SACRA,EAAA,cAAc,eACdA,EAAA,WAAW,YACXA,EAAA,OAAO,QACPA,EAAA,UAAU,WACVA,EAAA,aAAa,cACbA,EAAA,SAAS,UACTA,EAAA,OAAO,QAdGA,IAAAA,KAAA,CAAA,CAAA,GAiBAC,sBAAAA,OACVA,EAAA,MAAM,OACNA,EAAA,SAAS,UACTA,EAAA,QAAQ,SACRA,EAAA,OAAO,QACPA,EAAA,QAAQ,SACRA,EAAA,eAAe,gBACfA,EAAA,SAAS,UACTA,EAAA,MAAM,OACNA,EAAA,OAAO,QATGA,IAAAA,KAAA,CAAA,CAAA,GAYAC,sBAAAA,OACVA,EAAA,aAAa,cACbA,EAAA,WAAW,YAFDA,IAAAA,KAAA,CAAA,CAAA,GAKAC,sBAAAA,OACVA,EAAA,MAAM,UACNA,EAAA,OAAO,WAFGA,IAAAA,KAAA,CAAA,CAAA,GAYAC,sBAAAA,OACVA,EAAA,UAAU,WACVA,EAAA,SAAS,UAFCA,IAAAA,KAAA,CAAA,CAAA,GAKAC,sBAAAA,OACVA,EAAA,YAAY,KACZA,EAAA,OAAO,QACPA,EAAA,QAAQ,SACRA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MATKA,IAAAA,KAAA,CAAA,CAAA,GA2BAC,sBAAAA,OACVA,EAAA,SAAS,UACTA,EAAA,SAAS,UACTA,EAAA,SAAS,UACTA,EAAA,cAAc,eAJJA,IAAAA,KAAA,CAAA,CAAA,GASAC,sBAAAA,OACVA,EAAAA,EAAA,WAAa,EAAA,IAAb,YACAA,EAAAA,EAAA,cAAgB,CAAA,IAAhB,eACAA,EAAAA,EAAA,OAAS,CAAA,IAAT,QACAA,EAAAA,EAAA,QAAU,CAAA,IAAV,SACAA,EAAAA,EAAA,SAAW,CAAA,IAAX,UACAA,EAAAA,EAAA,SAAW,CAAA,IAAX,UACAA,EAAAA,EAAA,SAAW,CAAA,IAAX,UACAA,EAAAA,EAAA,UAAY,CAAA,IAAZ,WACAA,EAAAA,EAAA,UAAY,CAAA,IAAZ,WACAA,EAAAA,EAAA,UAAY,CAAA,IAAZ,WAVUA,IAAAA,KAAA,CAAA,CAAA;AAoBL,MAAMC,IAAO,MAAY,MAEnBC,IAAY,MAAY;AAAC,GACzBC,IAAiB,CAAC,EAAE,UAAAC,QAAgEA;"}

package/build/esm/react-base/src/providers/BaseProvider.d.ts

@@ -1,8 +1,7 @@
 import { FC, PropsWithChildren } from 'react';
-import type { useTheme } from 'styled-components';
 import { Theme } from '../theme';
 export type BaseContextTypes = {
-    useTheme: typeof useTheme;
+    useTheme: () => Theme;
 };
 export declare const useCustomTheme: () => Theme;
 export declare const BaseProvider: FC<PropsWithChildren<BaseContextTypes>>;

package/build/esm/react-base/src/providers/BaseProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseProvider.d.ts","sourceRoot":"","sources":["../../../../../../react-base/src/providers/BaseProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,iBAAiB,EAAsC,MAAM,OAAO,CAAC;AAElF,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,OAAO,QAAQ,CAAC;CAC3B,CAAC;AAIF,eAAO,MAAM,cAAc,QAAO,KAQjC,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAIhE,CAAC"}
+{"version":3,"file":"BaseProvider.d.ts","sourceRoot":"","sources":["../../../../../../react-base/src/providers/BaseProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,iBAAiB,EAAsC,MAAM,OAAO,CAAC;AAElF,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,MAAM,KAAK,CAAC;CACvB,CAAC;AAIF,eAAO,MAAM,cAAc,QAAO,KAQjC,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAIhE,CAAC"}

package/build/esm/react-base/src/providers/BaseProvider.js

@@ -6,7 +6,7 @@ const o = u(null), a = () => {
     throw new Error("useCustomTheme needs to be in a BaseProvider.");
   return e.useTheme();
 }, x = ({ useTheme: e, children: t }) => {
-  const r = n(() => ({ useTheme: e }), []);
+  const r = n(() => ({ useTheme: e }), [e]);
   return /* @__PURE__ */ s(o.Provider, { value: r, children: t });
 };
 export {

package/build/esm/react-base/src/providers/BaseProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseProvider.js","sources":["../../../../../../react-base/src/providers/BaseProvider.tsx"],"sourcesContent":["import { FC, PropsWithChildren, createContext, useContext, useMemo } from 'react';\n\nimport type { useTheme } from 'styled-components';\n\nimport { Theme } from '../theme';\n\nexport type BaseContextTypes = {\n  useTheme: typeof useTheme;\n};\n\nconst BaseContext = createContext<BaseContextTypes | null>(null);\n\nexport const useCustomTheme = (): Theme => {\n  const context = useContext(BaseContext);\n\n  if (!context) {\n    throw new Error('useCustomTheme needs to be in a BaseProvider.');\n  }\n\n  return context.useTheme();\n};\n\nexport const BaseProvider: FC<PropsWithChildren<BaseContextTypes>> = ({ useTheme, children }) => {\n  const value = useMemo(() => ({ useTheme }), []);\n\n  return <BaseContext.Provider value={value}>{children}</BaseContext.Provider>;\n};\n"],"names":["BaseContext","createContext","useCustomTheme","context","useContext","BaseProvider","useTheme","children","value","useMemo","jsx"],"mappings":";;AAUA,MAAMA,IAAcC,EAAuC,IAAI,GAElDC,IAAiB,MAAa;AACzC,QAAMC,IAAUC,EAAWJ,CAAW;AAEtC,MAAI,CAACG;AACH,UAAM,IAAI,MAAM,+CAA+C;AAGjE,SAAOA,EAAQ,SAAA;AACjB,GAEaE,IAAwD,CAAC,EAAE,UAAAC,GAAU,UAAAC,QAAe;AAC/F,QAAMC,IAAQC,EAAQ,OAAO,EAAE,UAAAH,EAAA,IAAa,CAAA,CAAE;AAE9C,SAAO,gBAAAI,EAACV,EAAY,UAAZ,EAAqB,OAAAQ,GAAe,UAAAD,EAAA,CAAS;AACvD;"}
+{"version":3,"file":"BaseProvider.js","sources":["../../../../../../react-base/src/providers/BaseProvider.tsx"],"sourcesContent":["import { FC, PropsWithChildren, createContext, useContext, useMemo } from 'react';\n\nimport { Theme } from '../theme';\n\nexport type BaseContextTypes = {\n  useTheme: () => Theme;\n};\n\nconst BaseContext = createContext<BaseContextTypes | null>(null);\n\nexport const useCustomTheme = (): Theme => {\n  const context = useContext(BaseContext);\n\n  if (!context) {\n    throw new Error('useCustomTheme needs to be in a BaseProvider.');\n  }\n\n  return context.useTheme();\n};\n\nexport const BaseProvider: FC<PropsWithChildren<BaseContextTypes>> = ({ useTheme, children }) => {\n  const value = useMemo(() => ({ useTheme }), [useTheme]);\n\n  return <BaseContext.Provider value={value}>{children}</BaseContext.Provider>;\n};\n"],"names":["BaseContext","createContext","useCustomTheme","context","useContext","BaseProvider","useTheme","children","value","useMemo","jsx"],"mappings":";;AAQA,MAAMA,IAAcC,EAAuC,IAAI,GAElDC,IAAiB,MAAa;AACzC,QAAMC,IAAUC,EAAWJ,CAAW;AAEtC,MAAI,CAACG;AACH,UAAM,IAAI,MAAM,+CAA+C;AAGjE,SAAOA,EAAQ,SAAA;AACjB,GAEaE,IAAwD,CAAC,EAAE,UAAAC,GAAU,UAAAC,QAAe;AAC/F,QAAMC,IAAQC,EAAQ,OAAO,EAAE,UAAAH,MAAa,CAACA,CAAQ,CAAC;AAEtD,SAAO,gBAAAI,EAACV,EAAY,UAAZ,EAAqB,OAAAQ,GAAe,UAAAD,EAAA,CAAS;AACvD;"}

package/build/esm/react-base/src/theme/layer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"layer.d.ts","sourceRoot":"","sources":["../../../../../../react-base/src/theme/layer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAOL,KAAK,OAAO,EAQb,MAAM,eAAe,CAAC;AAyEvB,eAAO,MAAM,YAAY,EAAE,WAAW,CAAC,OAAO,CA6B3C,CAAC"}
+{"version":3,"file":"layer.d.ts","sourceRoot":"","sources":["../../../../../../react-base/src/theme/layer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAOL,KAAK,OAAO,EAQb,MAAM,eAAe,CAAC;AA0EvB,eAAO,MAAM,YAAY,EAAE,WAAW,CAAC,OAAO,CA6B3C,CAAC"}

package/build/esm/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  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":";AAkBA,MAAMA,IAAkB,CACtBC,GACAC,GACAC,GACAC,MACG;AACH,QAAMC,IAAUH,EAAM,OAAO,CAACI,GAAKC,MAASD,IAAMC,CAAI,GAAGN,CAAG;AAE5D,SAAI,GAACI,KAAW,CAACA,EAAQF,CAAS,KAAMC,KAAY,CAACC,EAAQF,CAAS,EAAEC,CAAQ;AAKlF,GAEMI,IAAmC,CACvCC,GACAC,GACAC,GACAT,GACAU,GACAC,MACiB;AACjB,QAAMC,IAAYC,EAAcL,CAAQ;AAExC,MACE,CAACV;AAAA,IACCS,EAAUC,CAAQ;AAAA,IAClBR;AAAA,IACAU;AAAA,IACAC;AAAA,EAAA,GAGF;AAEA,UAAMG,IAAgBd,EAAM,UAAU,CAACe,GAAWC,MAAUD,MAAcE,EAAqBL,EAAUI,CAAK,CAAC,CAAC,GAE1GE,IAAuBT,EAAa;AAAA,MACxC,CAACM,GAAWC,MAAUD,MAAcE,EAAqBL,EAAUI,CAAK,CAAC;AAAA,IAAA,GAGrEG,IAAWnB,EAAM,IAAI,CAACe,GAAWK,MACjCA,MAAQN,IACHG,EAAqBL,EAAUQ,CAAG,CAAC,IAExCA,IAAMN,KAAiBM,KAAOF,KAAwBJ,MAAkBI,IACnET,EAAaW,CAAG,IAGlBL,CACR;AAED,WAAOT,EAAiCC,GAAWC,GAAUC,GAAcU,GAAUT,CAAI;AAAA,EAC3F;AAEA,SAAOV,EAAM;AAAA,IACX,CAACI,GAAKW,MAAcX,EAAIW,CAA6B;AAAA,IACrDR,EAAUC,CAAQ;AAAA,EAAA;AAEtB,GAEMa,IAA2B,CAACC,GAAqBC,MAAgC;AACrF,QAAM,CAAA,EAAGb,GAAMC,CAAc,IAAIa,EAAiBF,CAAQ;AAE1D,SAAIZ,MAASe,EAAU,UAAUf,MAASe,EAAU,OAC3CF,EAAMb,CAAI,EAAEC,CAAc,IAG5BY,EAAMb,CAAI;AACnB,GAEagB,IACX,CAAC,EAAE,WAAAnB,EAAA,MACH,CAACP,IAAQ,CAAA,MAAO;AACd,MAAI,CAACO;AACH,UAAM,IAAI,MAAM,0FAA0F;AAG5G,QAAMoB,IAAqB,OAAO,OAAOC,CAAK,EAAE;AAAA,IAC9C,CAACC,GAAUC,OAAiB;AAAA,MAC1B,GAAGD;AAAA,MACH,CAACC,CAAW,GAAGjB,EAAciB,CAAW,EAAE,IAAI,CAACzB,MAASL,EAAMK,CAAI,KAAKY,EAAqBZ,CAAI,CAAC;AAAA,IAAA;AAAA,IAEnG,CAAA;AAAA,EAAC;AAGH,SAAO,OAAO,OAAO0B,CAAS,EAAE,OAAO,CAACC,GAAgBC,MAAiB;AACvE,UAAM,CAACzB,GAAUE,GAAMC,CAAc,IAAIa,EAAiBS,CAAY,GAChEC,IAAsB5B;AAAA,MAC1BC;AAAA,MACAC;AAAA,MACAmB,EAAmBnB,CAAQ;AAAA,MAC3BmB,EAAmBnB,CAAQ;AAAA,MAC3BE;AAAA,MACAC;AAAA,IAAA,GAEIwB,IAAgBd,EAAyBY,GAAcC,CAAmB;AAEhF,WAAO,EAAE,GAAGF,GAAgB,CAACC,CAAY,GAAGE,EAAA;AAAA,EAC9C,GAAG,CAAA,CAAoB;AACzB;"}
+{"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":";AAkBA,MAAMA,IAAkB,CACtBC,GACAC,GACAC,GACAC,MACG;AACH,QAAMC,IAAUH,EAAM,OAAO,CAACI,GAAKC,MAASD,IAAMC,CAAI,GAAGN,CAAG;AAG5D,SAAI,GAACI,KAAW,CAACA,EAAQF,CAAS,KAAMC,KAAY,CAACC,EAAQF,CAAS,EAAEC,CAAQ;AAKlF,GAEMI,IAAmC,CACvCC,GACAC,GACAC,GACAT,GACAU,GACAC,MACiB;AACjB,QAAMC,IAAYC,EAAcL,CAAQ;AAExC,MACE,CAACV;AAAA,IACCS,EAAUC,CAAQ;AAAA,IAClBR;AAAA,IACAU;AAAA,IACAC;AAAA,EAAA,GAGF;AAEA,UAAMG,IAAgBd,EAAM,UAAU,CAACe,GAAWC,MAAUD,MAAcE,EAAqBL,EAAUI,CAAK,CAAC,CAAC,GAE1GE,IAAuBT,EAAa;AAAA,MACxC,CAACM,GAAWC,MAAUD,MAAcE,EAAqBL,EAAUI,CAAK,CAAC;AAAA,IAAA,GAGrEG,IAAWnB,EAAM,IAAI,CAACe,GAAWK,MACjCA,MAAQN,IACHG,EAAqBL,EAAUQ,CAAG,CAAC,IAExCA,IAAMN,KAAiBM,KAAOF,KAAwBJ,MAAkBI,IACnET,EAAaW,CAAG,IAGlBL,CACR;AAED,WAAOT,EAAiCC,GAAWC,GAAUC,GAAcU,GAAUT,CAAI;AAAA,EAC3F;AAEA,SAAOV,EAAM;AAAA,IACX,CAACI,GAAKW,MAAcX,EAAIW,CAA6B;AAAA,IACrDR,EAAUC,CAAQ;AAAA,EAAA;AAEtB,GAEMa,IAA2B,CAACC,GAAqBC,MAAgC;AACrF,QAAM,CAAA,EAAGb,GAAMC,CAAc,IAAIa,EAAiBF,CAAQ;AAE1D,SAAIZ,MAASe,EAAU,UAAUf,MAASe,EAAU,OAC3CF,EAAMb,CAAI,EAAEC,CAAc,IAG5BY,EAAMb,CAAI;AACnB,GAEagB,IACX,CAAC,EAAE,WAAAnB,EAAA,MACH,CAACP,IAAQ,CAAA,MAAO;AACd,MAAI,CAACO;AACH,UAAM,IAAI,MAAM,0FAA0F;AAG5G,QAAMoB,IAAqB,OAAO,OAAOC,CAAK,EAAE;AAAA,IAC9C,CAACC,GAAUC,OAAiB;AAAA,MAC1B,GAAGD;AAAA,MACH,CAACC,CAAW,GAAGjB,EAAciB,CAAW,EAAE,IAAI,CAACzB,MAASL,EAAMK,CAAI,KAAKY,EAAqBZ,CAAI,CAAC;AAAA,IAAA;AAAA,IAEnG,CAAA;AAAA,EAAC;AAGH,SAAO,OAAO,OAAO0B,CAAS,EAAE,OAAO,CAACC,GAAgBC,MAAiB;AACvE,UAAM,CAACzB,GAAUE,GAAMC,CAAc,IAAIa,EAAiBS,CAAY,GAChEC,IAAsB5B;AAAA,MAC1BC;AAAA,MACAC;AAAA,MACAmB,EAAmBnB,CAAQ;AAAA,MAC3BmB,EAAmBnB,CAAQ;AAAA,MAC3BE;AAAA,MACAC;AAAA,IAAA,GAEIwB,IAAgBd,EAAyBY,GAAcC,CAAmB;AAEhF,WAAO,EAAE,GAAGF,GAAgB,CAACC,CAAY,GAAGE,EAAA;AAAA,EAC9C,GAAG,CAAA,CAAoB;AACzB;"}

package/build/esm/react-base/src/theme/modes.js

@@ -1,6 +1,6 @@
 import { MODES_BY_PATH as n, PATH_BY_VARIABLE as l } from "./types/layer.js";
 import { themeToLayer as m } from "./layer.js";
-const t = (o) => `--${o?.toLowerCase().replace(/(\/| )/g, "-")}`, T = (o) => (r = {}) => {
+const t = (o) => `--${o?.toLowerCase().replace(/[/ ]/gu, "-")}`, T = (o) => (r = {}) => {
   const s = m(o)(r), a = Object.entries(n).filter(([, e]) => e.some((i) => Object.keys(r).includes(i))).map(([e]) => e), c = Object.entries(l).filter(([, e]) => a.includes(e[0])).map(([e]) => e);
   return {
     ...Object.fromEntries(c.map((e) => [t(e), s[e]]))

package/build/esm/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(/(\\/| )/g, '-')}`;\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":";;AAKA,MAAMA,IAAwB,CAACC,MAA4B,KAAKA,GAAU,cAAc,QAAQ,WAAW,GAAG,CAAC,IAElGC,IACX,CAACC,MACD,CAACC,IAAQ,CAAA,MAAO;AACd,QAAMC,IAAQC,EAAaH,CAAK,EAAEC,CAAK,GAEjCG,IAAsB,OAAO,QAAQC,CAAa,EACrD,OAAO,CAAC,GAAGC,CAAW,MAAMA,EAAY,KAAK,CAACC,MAAS,OAAO,KAAKN,CAAK,EAAE,SAASM,CAAI,CAAC,CAAC,EACzF,IAAI,CAAC,CAACC,CAAI,MAAMA,CAAiB,GAC9BC,IAAmB,OAAO,QAAQC,CAAgB,EACrD,OAAO,CAAC,CAAA,EAAGC,CAAa,MAAMP,EAAoB,SAASO,EAAc,CAAC,CAAC,CAAC,EAC5E,IAAI,CAAC,CAACC,CAAY,MAAMA,CAA6B;AAExD,SAAO;AAAA,IACL,GAAG,OAAO,YAAYH,EAAiB,IAAI,CAACX,MAAa,CAACD,EAAsBC,CAAQ,GAAGI,EAAMJ,CAAQ,CAAC,CAAC,CAAC;AAAA,EAAA;AAEhH,GAEWe,IAAyC,CAACf,MAAa,OAAOD,EAAsBC,CAAQ,CAAC;"}
+{"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":";;AAKA,MAAMA,IAAwB,CAACC,MAA4B,KAAKA,GAAU,cAAc,QAAQ,UAAU,GAAG,CAAC,IAEjGC,IACX,CAACC,MACD,CAACC,IAAQ,CAAA,MAAO;AACd,QAAMC,IAAQC,EAAaH,CAAK,EAAEC,CAAK,GAEjCG,IAAsB,OAAO,QAAQC,CAAa,EACrD,OAAO,CAAC,GAAGC,CAAW,MAAMA,EAAY,KAAK,CAACC,MAAS,OAAO,KAAKN,CAAK,EAAE,SAASM,CAAI,CAAC,CAAC,EACzF,IAAI,CAAC,CAACC,CAAI,MAAMA,CAAiB,GAC9BC,IAAmB,OAAO,QAAQC,CAAgB,EACrD,OAAO,CAAC,CAAA,EAAGC,CAAa,MAAMP,EAAoB,SAASO,EAAc,CAAC,CAAC,CAAC,EAC5E,IAAI,CAAC,CAACC,CAAY,MAAMA,CAA6B;AAExD,SAAO;AAAA,IACL,GAAG,OAAO,YAAYH,EAAiB,IAAI,CAACX,MAAa,CAACD,EAAsBC,CAAQ,GAAGI,EAAMJ,CAAQ,CAAC,CAAC,CAAC;AAAA,EAAA;AAEhH,GAEWe,IAAyC,CAACf,MAAa,OAAOD,EAAsBC,CAAQ,CAAC;"}

package/build/esm/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';\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":";;;;;AAOO,MAAMA,IAAoC,CAACC,OAAW;AAAA,EAC3D,2BAA2BA;AAAA,EAC3B,aAAaC,EAAmBD,CAAK;AAAA,EACrC,SAASE,EAAeF,CAAK;AAAA,EAC7B,OAAOG,EAAaH,CAAK;AAAA,EACzB,YAAYI,EAAaJ,CAAK;AAAA,EAC9B,aAAaK;AAAA,EACb,YAAAC;AACF;"}
+{"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":";;;;;AAOO,MAAMA,IAAoC,CAACC,OAAW;AAAA,EAC3D,2BAA2BA;AAAA,EAC3B,aAAaC,EAAmBD,CAAK;AAAA,EACrC,SAASE,EAAeF,CAAK;AAAA,EAC7B,OAAOG,EAAaH,CAAK;AAAA,EACzB,YAAYI,EAAaJ,CAAK;AAAA,EAC9B,aAAaK;AAAA,EACb,YAAAC;AACF;"}

package/build/esm/react-base/src/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../react-base/src/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEvD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEtC,cAAc;AAEd;;;;;GAKG;AACH,KAAK,iBAAiB,CAAC,CAAC,IAAI;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,MAAM,CAAC,CAAC,IAAI,iBAAiB,CAAC,CAAC,CAAC,GAAG;IAC7C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,UAAU,CAAC,CAAC,IAAI,iBAAiB,CAAC,CAAC,CAAC,GAAG;IACjD,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,2BAA2B;AAE3B;;;;GAIG;AACH,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI;KAC3B,CAAC,IAAI,MAAM,CAAC,IAAI,IAAI,MAAM,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;CACzC,CAAC;AAEF;;;;GAIG;AACH,MAAM,MAAM,SAAS,CAAC,IAAI,EAAE,GAAG,SAAS,MAAM,IAAI,IAAI,IAAI,CAAC,IAAI,EAAE,GAAG,CAAC,GAAG;KACrE,CAAC,IAAI,GAAG,IAAI,IAAI,OAAO,CAAC,CAAC,EAAE,MAAM,CAAC,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC;CAChD,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,aAAa,CAAC,IAAI,EAAE,GAAG,SAAS,MAAM,IAAI,IAAI;KACvD,CAAC,IAAI,GAAG,IAAI,IAAI,OAAO,CAAC,CAAC,EAAE,MAAM,CAAC,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC;CAChD,CAAC;AAEF,MAAM,MAAM,sBAAsB,CAAC,CAAC,IAAI,WAAW,SAAS,MAAM,CAAC,GAC/D,CAAC,SAAS;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,GAC9B,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,aAAa,CAAC,KAAK,CAAC,CAAA;CAAE,GAClC,CAAC,GACH,CAAC,CAAC;AAEN,MAAM,MAAM,kBAAkB,CAAC,IAAI,EAAE,GAAG,SAAS,MAAM,IAAI,IAAI,IAAI,CAAC,IAAI,EAAE,GAAG,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC;AAE3G,kBAAkB;AAElB,MAAM,MAAM,eAAe,GAAG;KAC3B,GAAG,IAAI,WAAW,GAAG,MAAM;CAC7B,CAAC;AAEF,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI;KACvB,GAAG,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC;CACzB,GAAG,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../react-base/src/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEvD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEtC,cAAc;AAEd;;;;;GAKG;AACH,KAAK,iBAAiB,CAAC,CAAC,IAAI;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,MAAM,CAAC,CAAC,IAAI,iBAAiB,CAAC,CAAC,CAAC,GAAG;IAC7C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,UAAU,CAAC,CAAC,IAAI,iBAAiB,CAAC,CAAC,CAAC,GAAG;IACjD,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,2BAA2B;AAE3B;;;;GAIG;AACH,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI;KAC3B,CAAC,IAAI,MAAM,CAAC,IAAI,IAAI,MAAM,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;CACzC,CAAC;AAEF;;;;GAIG;AACH,MAAM,MAAM,SAAS,CAAC,IAAI,EAAE,GAAG,SAAS,MAAM,IAAI,IAAI,IAAI,CAAC,IAAI,EAAE,GAAG,CAAC,GAAG;KACrE,CAAC,IAAI,GAAG,IAAI,IAAI,OAAO,CAAC,CAAC,EAAE,MAAM,CAAC,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC;CAChD,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,aAAa,CAAC,IAAI,EAAE,GAAG,SAAS,MAAM,IAAI,IAAI;KACvD,CAAC,IAAI,GAAG,IAAI,IAAI,OAAO,CAAC,CAAC,EAAE,MAAM,CAAC,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC;CAChD,CAAC;AAEF,MAAM,MAAM,sBAAsB,CAAC,CAAC,IAAI,WAAW,SAAS,MAAM,CAAC,GAC/D,CAAC,SAAS;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,GAC9B,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,aAAa,CAAC,KAAK,CAAC,CAAA;CAAE,GAClC,CAAC,GACH,CAAC,CAAC;AAEN,MAAM,MAAM,kBAAkB,CAAC,IAAI,EAAE,GAAG,SAAS,MAAM,IAAI,IAAI,IAAI,CAAC,IAAI,EAAE,GAAG,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC;AAE3G,kBAAkB;AAElB,MAAM,MAAM,eAAe,GAAG;KAC3B,GAAG,IAAI,WAAW,GAAG,MAAM;CAC7B,CAAC;AAEF,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI;KACvB,GAAG,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC;CAEzB,GAAG,EAAE,CAAC"}

package/build/esm/react-base/src/utils/sizesUtils.d.ts

@@ -1,7 +1,7 @@
 import { Sizes } from '../consts';
 import type { Level } from '../components/Text/components/Heading/Heading.types';
 import type { TypographySize } from '../theme';
-export declare const getSmallerSize: (size?: Exclude<`${Sizes}`, `${Sizes.Smallest}`>) => Exclude<`${Sizes}`, `${Sizes.XXLarge}`>;
+export declare const getSmallerSize: (size?: `${Sizes}`) => Exclude<`${Sizes}`, `${Sizes.XXLarge}`>;
 export declare const getLargerSize: (size?: Exclude<`${Sizes}`, `${Sizes.XXLarge}`>) => Exclude<`${Sizes}`, `${Sizes.Smallest}`>;
 export declare const getLabelTypographySize: (size?: `${Sizes}`) => TypographySize<"label">;
 export declare const getParagraphTypographySize: (size?: `${Sizes}`) => TypographySize<"paragraph">;

package/build/esm/react-base/src/utils/sizesUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sizesUtils.d.ts","sourceRoot":"","sources":["../../../../../../react-base/src/utils/sizesUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAClC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,qDAAqD,CAAC;AACjF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/C,eAAO,MAAM,cAAc,UACnB,OAAO,CAAC,GAAG,KAAK,EAAE,EAAE,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC,KAC7C,OAAO,CAAC,GAAG,KAAK,EAAE,EAAE,GAAG,KAAK,CAAC,OAAO,EAAE,CAgBxC,CAAC;AAEF,eAAO,MAAM,aAAa,UAClB,OAAO,CAAC,GAAG,KAAK,EAAE,EAAE,GAAG,KAAK,CAAC,OAAO,EAAE,CAAC,KAC5C,OAAO,CAAC,GAAG,KAAK,EAAE,EAAE,GAAG,KAAK,CAAC,QAAQ,EAAE,CAiBzC,CAAC;AAEF,eAAO,MAAM,sBAAsB,UAAU,GAAG,KAAK,EAAE,KAAuB,cAAc,CAAC,OAAO,CAiBnG,CAAC;AAEF,eAAO,MAAM,0BAA0B,UAAU,GAAG,KAAK,EAAE,KAAuB,cAAc,CAAC,WAAW,CAgB3G,CAAC;AAEF,eAAO,MAAM,iCAAiC,UAAU,GAAG,KAAK,EAAE,KAAuB,KAkBxF,CAAC;AACF,eAAO,MAAM,wBAAwB,UAAU,GAAG,KAAK,EAAE,KAAuB,cAAc,CAAC,SAAS,CAkBvG,CAAC;AAEF,eAAO,MAAM,wBAAwB,UAAU,GAAG,KAAK,EAAE,KAAuB,cAAc,CAAC,SAAS,CAgBvG,CAAC"}
+{"version":3,"file":"sizesUtils.d.ts","sourceRoot":"","sources":["../../../../../../react-base/src/utils/sizesUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAClC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,qDAAqD,CAAC;AACjF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/C,eAAO,MAAM,cAAc,UAAU,GAAG,KAAK,EAAE,KAAkB,OAAO,CAAC,GAAG,KAAK,EAAE,EAAE,GAAG,KAAK,CAAC,OAAO,EAAE,CAiBtG,CAAC;AAEF,eAAO,MAAM,aAAa,UAClB,OAAO,CAAC,GAAG,KAAK,EAAE,EAAE,GAAG,KAAK,CAAC,OAAO,EAAE,CAAC,KAC5C,OAAO,CAAC,GAAG,KAAK,EAAE,EAAE,GAAG,KAAK,CAAC,QAAQ,EAAE,CAiBzC,CAAC;AAEF,eAAO,MAAM,sBAAsB,UAAU,GAAG,KAAK,EAAE,KAAuB,cAAc,CAAC,OAAO,CAiBnG,CAAC;AAEF,eAAO,MAAM,0BAA0B,UAAU,GAAG,KAAK,EAAE,KAAuB,cAAc,CAAC,WAAW,CAgB3G,CAAC;AAEF,eAAO,MAAM,iCAAiC,UAAU,GAAG,KAAK,EAAE,KAAuB,KAkBxF,CAAC;AACF,eAAO,MAAM,wBAAwB,UAAU,GAAG,KAAK,EAAE,KAAuB,cAAc,CAAC,SAAS,CAkBvG,CAAC;AAEF,eAAO,MAAM,wBAAwB,UAAU,GAAG,KAAK,EAAE,KAAuB,cAAc,CAAC,SAAS,CAgBvG,CAAC"}