@cruk/cruk-react-components 6.2.3 → 7.1.0

package/lib/src/types.d.ts

@@ -1,36 +1,7 @@
-export type FontSizeType = "xs" | "s" | "m" | "ml" | "l" | "xl" | "xxl" | "xxxl" | "xxxxl";
-export type FontSizesType = Record<FontSizeType, string>;
-export type UtilitiesType = {
-    contentMaxWidth: string;
-    useDefaultFocusRect: boolean;
-    useDefaultFromControls: boolean;
-    useBackgroundStyleLinks: boolean;
-    inputBorderWidth: string;
-};
-export type SiteConfigType = {
-    assetPath: string;
-    logoUrl: string;
-    logoAlt: string;
-    logoSrc: string;
-    footerCopyText: string;
-    footerLogoSrc: string;
-    footerLogoAlt: string;
-};
-export type AvatarType = {
-    s: string;
-    m: string;
-    l: string;
-    xl: string;
-    path: string;
-};
-export type ButtonType = {
-    borderRadius: string;
-    borderRadiusLarge: string;
-    buttonBorderThickness: string;
-    textDecoration: string;
-    textTransform: string;
-    horizontalPadding: string;
-};
+export declare const fontSizes: readonly ["xs", "s", "m", "ml", "l", "xl", "xxl", "xxxl", "xxxxl"];
+export type FontSizeType = (typeof fontSizes)[number];
+export declare const themeNames: readonly ["cruk", "su2c", "bowelbabe", "rfl"];
+export type ThemeNameType = (typeof themeNames)[number];
 export type ButtonAppearanceType = "primary" | "secondary" | "tertiary";
 export type PopOverPositionType = "top" | "topLeft" | "left" | "right" | "bottom" | "bottomLeft";
 export type BreakPointType = {
@@ -39,150 +10,37 @@ export type BreakPointType = {
     desktop: string;
     desktopLarge: string;
 };
-export type TokenColorsType = Record<string, string>;
-export type ColorsType = {
-    primary: string;
-    secondary: string;
-    tertiary: string;
-    textOnPrimary: string;
-    textOnSecondary: string;
-    textOnTertiary: string;
-    textHeaderDefault: string;
-    disabled: string;
-    danger: string;
-    warning: string;
-    success: string;
-    info: string;
-    textError: string;
-    textDark: string;
-    textLight: string;
-    textMid: string;
-    linkColor: string;
-    linkColorHover: string;
-    linkColorSecondary: string;
-    linkColorSecondaryHover: string;
-    avatarBorder: string;
-    progressBar: string;
-    progressBarSecondary: string;
-    progressBarBackground: string;
-    circularProgress: string;
-    circularProgressSecondary: string;
-    circularProgressBackground: string;
-    buttonPrimaryBackground: string;
-    buttonPrimaryText: string;
-    buttonPrimaryBorder: string;
-    buttonPrimaryBackgroundHover: string;
-    buttonPrimaryTextHover: string;
-    buttonPrimaryBorderHover: string;
-    buttonPrimaryDisabledBackground: string;
-    buttonPrimaryDisabledText: string;
-    buttonPrimaryDisabledBorder: string;
-    buttonSecondaryBackground: string;
-    buttonSecondaryText: string;
-    buttonSecondaryBorder: string;
-    buttonSecondaryBackgroundHover: string;
-    buttonSecondaryTextHover: string;
-    buttonSecondaryBorderHover: string;
-    buttonSecondaryDisabledBackground: string;
-    buttonSecondaryDisabledText: string;
-    buttonSecondaryDisabledBorder: string;
-    buttonTertiaryText: string;
-    buttonTertiaryTextHover: string;
-    buttonTertiaryDisabledText: string;
-    collapseHeaderColor: string;
-    selectionBorder: string;
-    inputBorder: string;
-    check: string;
-    headerBackground: string;
-    backgroundLight: string;
-    backgroundLightColor: string;
-    backgroundMid: string;
-    backgroundMidLight: string;
-    loaderColor1: string;
-    loaderColor2: string;
-    loaderColor3: string;
-    paginationText: string;
-    paginationBackground: string;
-    paginationActive: string;
-    footerBackground: string;
-    headerBorder: string;
-    headerTaglineText: string;
-    stepBorder: string;
-    stepBackground: string;
-    popoverBackground: string;
-    textInputExtraInfo: string;
-    totaliserBubbleColor: string;
-    totaliserBubbleTextColor: string;
-    totaliserBubbleTotalColor: string;
-    textInputBorder: string;
-    selectBackground: string;
-    modalBackdrop: string;
-    userBlockExtraText: string;
+export declare const spaces: readonly ["auto", "xxxs", "xxs", "xs", "s", "m", "l", "xl", "xxl", "none"];
+export type SpaceType = (typeof spaces)[number];
+export type SpacingProps = {
+    margin?: SpaceType;
+    marginTop?: SpaceType;
+    marginRight?: SpaceType;
+    marginBottom?: SpaceType;
+    marginLeft?: SpaceType;
+    marginVertical?: SpaceType;
+    marginHorizontal?: SpaceType;
+    padding?: SpaceType;
+    paddingTop?: SpaceType;
+    paddingRight?: SpaceType;
+    paddingBottom?: SpaceType;
+    paddingLeft?: SpaceType;
+    paddingVertical?: SpaceType;
+    paddingHorizontal?: SpaceType;
 };
-export type ColorKeyType = keyof ColorsType;
-export type SpaceType = "auto" | "xxs" | "xs" | "s" | "m" | "l" | "xl" | "xxl" | "none";
-export type SpacingType = {
-    auto: string;
-    xxxs: string;
-    xxs: string;
-    xs: string;
-    s: string;
-    m: string;
-    l: string;
-    xl: string;
-    xxl: string;
-    none: string;
-};
-export type CustomFontType = {
-    family: string;
-    urlWoff?: string;
-    urlWoff2?: string;
-    fontWeight: string | number;
-};
-export type TypographyType = {
-    customFonts: CustomFontType[];
-    fontWeightBase: string | number;
-    fontWeightHeadings: string | number;
-    fontWeightLabels: string | number;
-    fontWeightLinks: string | number;
-    fontWeightButtons: string | number;
-    fontFamilyBase: string;
-    fontFamilyHeadings: string;
-    fontFamilyButtons: string;
-    fontFamilyLinks: string;
-    fontFamilyLabel: string;
-    fontSizeBase: string;
-    fontWeightHeavy: string | number;
-    fontWeightNormal: string | number;
-    fontWeightMedium: string | number;
-    fontWeightLight: string | number;
-    fontWeightVLight: string | number;
-    linkTextDecoration: string;
-    LinkPrimaryTextDecoration: string;
-    LinkLetterSpacing: string;
-    lineHeight: string;
-    headerLineHeight: string;
-    headerTextTransform: string;
+export type TextProps = {
+    textSize?: FontSizeType;
+    textAlign?: FontAlignType;
+    textWeight?: FontWeightType;
+    textFontFamily?: FontFamilyStylesType;
+    wordBreak?: WordBreakType;
+    overflowWrap?: OverflowWrapType;
 };
 export type ShadowsType = {
     s: string;
     m: string;
     l: string;
 };
-export type ThemeType = {
-    name: string;
-    avatar: AvatarType;
-    breakpoint: BreakPointType;
-    button: ButtonType;
-    tokenColors: TokenColorsType;
-    colors: ColorsType;
-    spacing: SpacingType;
-    fontSizes: FontSizesType;
-    siteConfig: SiteConfigType;
-    typography: TypographyType;
-    shadows: ShadowsType;
-    utilities: UtilitiesType;
-};
 export type AddressDataType = {
     AdminAreaCode: string;
     AdminAreaName: string;
@@ -241,6 +99,17 @@ export type AddressDataType = {
     SubBuilding: string;
     Type: string;
 };
+export declare const colours: readonly ["currentColor", "primary", "secondary", "tertiary", "text-on-primary", "text-on-secondary", "text-on-tertiary", "disabled", "danger", "warning", "success", "info", "sports-activity", "text-dark", "text-light", "text-mid", "background-light", "background-light-color", "background-mid", "background-mid-light"];
+export type ColourVariableType = (typeof colours)[number];
+export type ColourProps = {
+    textColor?: ColourVariableType;
+    backgroundColor?: ColourVariableType;
+    borderColor?: ColourVariableType;
+};
+export declare const fontFamilyStyles: readonly ["base", "headings", "links", "buttons", "label"];
+export type FontFamilyStylesType = (typeof fontFamilyStyles)[number];
+export declare const fontWeights: readonly ["base", "headings", "links", "buttons", "labels", "heavy", "medium", "normal", "light", "vlight"];
+export type FontWeightType = (typeof fontWeights)[number];
 export type AddressOptionsType = {
     Description: string;
     Type: string;
@@ -248,5 +117,9 @@ export type AddressOptionsType = {
     Text: string;
     Error?: Error;
 };
-export type WordBreakType = "normal" | "break-all" | "keep-all" | "break-word" | "inherit" | "initial" | "unset";
-export type OverflowWrapType = "normal" | "anywhere" | "revert" | "revert-layer" | "break-word" | "inherit" | "initial" | "unset";
+export declare const wordBreaks: readonly ["normal", "break-all", "keep-all", "break-word", "inherit", "initial", "unset"];
+export type WordBreakType = (typeof wordBreaks)[number];
+export declare const overflowWraps: readonly ["normal", "anywhere", "revert", "revert-layer", "break-word", "inherit", "initial", "unset"];
+export type OverflowWrapType = (typeof overflowWraps)[number];
+export declare const fontAligns: readonly ["left", "right", "center", "justify"];
+export type FontAlignType = (typeof fontAligns)[number];

package/lib/src/types.js

@@ -0,0 +1,2 @@
+var e=["xs","s","m","ml","l","xl","xxl","xxxl","xxxxl"],r=["cruk","su2c","bowelbabe","rfl"],t=["auto","xxxs","xxs","xs","s","m","l","xl","xxl","none"],a=["currentColor","primary","secondary","tertiary","text-on-primary","text-on-secondary","text-on-tertiary","disabled","danger","warning","success","info","sports-activity","text-dark","text-light","text-mid","background-light","background-light-color","background-mid","background-mid-light"],l=["base","headings","links","buttons","label"],i=["base","headings","links","buttons","labels","heavy","medium","normal","light","vlight"],n=["normal","break-all","keep-all","break-word","inherit","initial","unset"],s=["normal","anywhere","revert","revert-layer","break-word","inherit","initial","unset"],x=["left","right","center","justify"];export{a as colours,x as fontAligns,l as fontFamilyStyles,e as fontSizes,i as fontWeights,s as overflowWraps,t as spaces,r as themeNames,n as wordBreaks};
+//# sourceMappingURL=types.js.map

package/lib/src/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../src/types.ts"],"sourcesContent":["export const fontSizes = [\n  \"xs\",\n  \"s\",\n  \"m\",\n  \"ml\",\n  \"l\",\n  \"xl\",\n  \"xxl\",\n  \"xxxl\",\n  \"xxxxl\",\n] as const;\n\nexport type FontSizeType = (typeof fontSizes)[number];\n\nexport const themeNames = [\"cruk\", \"su2c\", \"bowelbabe\", \"rfl\"] as const;\nexport type ThemeNameType = (typeof themeNames)[number];\n\nexport type ButtonAppearanceType = \"primary\" | \"secondary\" | \"tertiary\";\n\nexport type PopOverPositionType =\n  | \"top\"\n  | \"topLeft\"\n  | \"left\"\n  | \"right\"\n  | \"bottom\"\n  | \"bottomLeft\";\n\nexport type BreakPointType = {\n  mobile: string;\n  tablet: string;\n  desktop: string;\n  desktopLarge: string;\n};\n\nexport const spaces = [\n  \"auto\",\n  \"xxxs\",\n  \"xxs\",\n  \"xs\",\n  \"s\",\n  \"m\",\n  \"l\",\n  \"xl\",\n  \"xxl\",\n  \"none\",\n] as const;\n\nexport type SpaceType = (typeof spaces)[number];\n\nexport type SpacingProps = {\n  margin?: SpaceType;\n  marginTop?: SpaceType;\n  marginRight?: SpaceType;\n  marginBottom?: SpaceType;\n  marginLeft?: SpaceType;\n  marginVertical?: SpaceType;\n  marginHorizontal?: SpaceType;\n  padding?: SpaceType;\n  paddingTop?: SpaceType;\n  paddingRight?: SpaceType;\n  paddingBottom?: SpaceType;\n  paddingLeft?: SpaceType;\n  paddingVertical?: SpaceType;\n  paddingHorizontal?: SpaceType;\n};\n\nexport type TextProps = {\n  textSize?: FontSizeType;\n  textAlign?: FontAlignType;\n  textWeight?: FontWeightType;\n  textFontFamily?: FontFamilyStylesType;\n  wordBreak?: WordBreakType;\n  overflowWrap?: OverflowWrapType;\n};\n\nexport type ShadowsType = {\n  s: string;\n  m: string;\n  l: string;\n};\n\nexport type AddressDataType = {\n  AdminAreaCode: string;\n  AdminAreaName: string;\n  Barcode: string;\n  Block: string;\n  BuildingName: string;\n  BuildingNumber: string;\n  City: string;\n  Company: string;\n  CountryIso2: string;\n  CountryIso3: string;\n  CountryIsoNumber: string;\n  CountryName: string;\n  DataLevel: string;\n  Department: string;\n  DomesticId: string;\n  Field1: string;\n  Field10: string;\n  Field11: string;\n  Field12: string;\n  Field13: string;\n  Field14: string;\n  Field15: string;\n  Field16: string;\n  Field17: string;\n  Field18: string;\n  Field19: string;\n  Field2: string;\n  Field20: string;\n  Field3: string;\n  Field4: string;\n  Field5: string;\n  Field6: string;\n  Field7: string;\n  Field8: string;\n  Field9: string;\n  Id: string;\n  Label: string;\n  Language: string;\n  LanguageAlternatives: string;\n  Line1: string;\n  Line2: string;\n  Line3: string;\n  Line4: string;\n  Line5: string;\n  Neighbourhood: string;\n  POBoxNumber: string;\n  PostalCode: string;\n  Province: string;\n  ProvinceCode: string;\n  ProvinceName: string;\n  SecondaryStreet: string;\n  SortingNumber1: string;\n  SortingNumber2: string;\n  Street: string;\n  SubBuilding: string;\n  Type: string;\n};\n\nexport const colours = [\n  // Generic colours\n\n  \"currentColor\",\n  \"primary\",\n  \"secondary\",\n  \"tertiary\",\n\n  \"text-on-primary\",\n  \"text-on-secondary\",\n  \"text-on-tertiary\",\n\n  \"disabled\",\n  \"danger\",\n  \"warning\",\n  \"success\",\n  \"info\",\n  \"sports-activity\",\n\n  \"text-dark\",\n  \"text-light\",\n  \"text-mid\",\n\n  \"background-light\",\n  \"background-light-color\",\n  \"background-mid\",\n  \"background-mid-light\",\n] as const;\n\nexport type ColourVariableType = (typeof colours)[number];\n\nexport type ColourProps = {\n  textColor?: ColourVariableType;\n  backgroundColor?: ColourVariableType;\n  borderColor?: ColourVariableType;\n};\n\nexport const fontFamilyStyles = [\n  \"base\",\n  \"headings\",\n  \"links\",\n  \"buttons\",\n  \"label\",\n] as const;\n\nexport type FontFamilyStylesType = (typeof fontFamilyStyles)[number];\n\nexport const fontWeights = [\n  \"base\",\n  \"headings\",\n\n  \"links\",\n  \"buttons\",\n  \"labels\",\n\n  \"heavy\",\n  \"medium\",\n  \"normal\",\n  \"light\",\n  \"vlight\",\n] as const;\n\nexport type FontWeightType = (typeof fontWeights)[number];\n\nexport type AddressOptionsType = {\n  Description: string;\n  Type: string;\n  Id: string;\n  Text: string;\n  Error?: Error;\n};\n\nexport const wordBreaks = [\n  \"normal\",\n  \"break-all\",\n  \"keep-all\",\n  \"break-word\",\n  \"inherit\",\n  \"initial\",\n  \"unset\",\n] as const;\n\nexport type WordBreakType = (typeof wordBreaks)[number];\n\nexport const overflowWraps = [\n  \"normal\",\n  \"anywhere\",\n  \"revert\",\n  \"revert-layer\",\n  \"break-word\",\n  \"inherit\",\n  \"initial\",\n  \"unset\",\n] as const;\n\nexport type OverflowWrapType = (typeof overflowWraps)[number];\n\nexport const fontAligns = [\"left\", \"right\", \"center\", \"justify\"] as const;\n\nexport type FontAlignType = (typeof fontAligns)[number];\n"],"names":["fontSizes","themeNames","spaces","colours","fontFamilyStyles","fontWeights","wordBreaks","overflowWraps","fontAligns"],"mappings":"AAAO,IAAMA,EAAY,CACvB,KACA,IACA,IACA,KACA,IACA,KACA,MACA,OACA,SAKWC,EAAa,CAAC,OAAQ,OAAQ,YAAa,OAoB3CC,EAAS,CACpB,OACA,OACA,MACA,KACA,IACA,IACA,IACA,KACA,MACA,QAgGWC,EAAU,CAGrB,eACA,UACA,YACA,WAEA,kBACA,oBACA,mBAEA,WACA,SACA,UACA,UACA,OACA,kBAEA,YACA,aACA,WAEA,mBACA,yBACA,iBACA,wBAWWC,EAAmB,CAC9B,OACA,WACA,QACA,UACA,SAKWC,EAAc,CACzB,OACA,WAEA,QACA,UACA,SAEA,QACA,SACA,SACA,QACA,UAaWC,EAAa,CACxB,SACA,YACA,WACA,aACA,UACA,UACA,SAKWC,EAAgB,CAC3B,SACA,WACA,SACA,eACA,aACA,UACA,UACA,SAKWC,EAAa,CAAC,OAAQ,QAAS,SAAU"}

package/lib/src/utils/Helper.d.ts

@@ -5,3 +5,6 @@ export declare const numberWithCommas: (n?: number | string) => string;
 export declare const formatMoneyWithCommas: (value: number) => string;
 export declare const camelize: (str: string) => string;
 export declare const removeCommasFromObjectStringValues: <T>(object: T) => T;
+export declare function removeEmpty(obj: Record<string, unknown>): {
+    [k: string]: unknown;
+};

package/lib/src/utils/Helper.js

@@ -1,2 +1,2 @@
-import{__assign as r}from"../../node_modules/tslib/tslib.es6.js";var t="undefined"!=typeof window,e=function(r,t){var e=r/t*100;return e===Number.POSITIVE_INFINITY||Number.isNaN(e)?0:Math.floor(e<1?Math.ceil(e):Math.floor(e))},n=function(r){if(!r)return"";var t=r.toString().split(".");return"".concat(t[0].replace(/\B(?=(\d{3})+(?!\d))/g,",")).concat(t[1]?".".concat(t[1]):"")},o=function(r){var t=Number.parseFloat((Math.round(100*r)/100).toString()).toFixed(2);return Number.isNaN(parseFloat(t))||Number.isNaN(r)?"0":n(t)},a=function(t){return Object.entries(t).reduce(function(t,e){var n,o=e[0],a=e[1],i="string"==typeof a?a.replace(/,/g,""):a;return r(r({},t),((n={})[o]=i,n))},{})};export{e as calculatePercentRounded,o as formatMoneyWithCommas,t as isBrowser,n as numberWithCommas,a as removeCommasFromObjectStringValues};
+import{__assign as r}from"../../node_modules/tslib/tslib.es6.js";var t="undefined"!=typeof window,e=function(r,t){var e=r/t*100;return e===Number.POSITIVE_INFINITY||Number.isNaN(e)?0:Math.floor(e<1?Math.ceil(e):Math.floor(e))},n=function(r){if(!r)return"";var t=r.toString().split(".");return"".concat(t[0].replace(/\B(?=(\d{3})+(?!\d))/g,",")).concat(t[1]?".".concat(t[1]):"")},o=function(r){var t=Number.parseFloat((Math.round(100*r)/100).toString()).toFixed(2);return Number.isNaN(parseFloat(t))||Number.isNaN(r)?"0":n(t)},i=function(t){return Object.entries(t).reduce(function(t,e){var n,o=e[0],i=e[1],u="string"==typeof i?i.replace(/,/g,""):i;return r(r({},t),((n={})[o]=u,n))},{})};function u(r){return Object.fromEntries(Object.entries(r).filter(function(r){return r[0],null!=r[1]}))}export{e as calculatePercentRounded,o as formatMoneyWithCommas,t as isBrowser,n as numberWithCommas,i as removeCommasFromObjectStringValues,u as removeEmpty};
 //# sourceMappingURL=Helper.js.map

package/lib/src/utils/Helper.js.map

@@ -1 +1 @@
-{"version":3,"file":"Helper.js","sources":["../../../src/utils/Helper.ts"],"sourcesContent":["export const isBrowser = typeof window !== \"undefined\";\n\nexport const calculatePercentRounded = (\n  value: number,\n  target: number,\n): number => {\n  const percent = (value / target) * 100;\n  if (percent === Number.POSITIVE_INFINITY || Number.isNaN(percent)) {\n    return 0;\n  }\n  return Math.floor(percent < 1 ? Math.ceil(percent) : Math.floor(percent));\n};\n\nexport const formatMoney = (value: number): string => {\n  const parsed = Number.parseFloat(\n    (Math.round(value * 100) / 100).toString(),\n  ).toFixed(2);\n  if (Number.isNaN(parseFloat(parsed)) || Number.isNaN(value)) {\n    return \"0\";\n  }\n  return parsed;\n};\n\nexport const numberWithCommas = (n?: number | string): string => {\n  if (!n) {\n    return \"\";\n  }\n  const parts = n.toString().split(\".\");\n\n  return `${parts[0].replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}${\n    parts[1] ? `.${parts[1]}` : \"\"\n  }`;\n};\n\nexport const formatMoneyWithCommas = (value: number): string => {\n  const parsed = Number.parseFloat(\n    (Math.round(value * 100) / 100).toString(),\n  ).toFixed(2);\n  if (Number.isNaN(parseFloat(parsed)) || Number.isNaN(value)) {\n    return \"0\";\n  }\n  return numberWithCommas(parsed);\n};\n\nexport const camelize = (str: string): string =>\n  str\n    .toString()\n    .replace(/(?:^\\w|[A-Z]|\\b\\w)/g, (word: string, index: number) =>\n      index === 0 ? word.toLowerCase() : word.toUpperCase(),\n    )\n    .replace(/\\s+/g, \"\");\n\nexport const removeCommasFromObjectStringValues = <T>(object: T) =>\n  Object.entries(object as Record<string, unknown>).reduce((acc, [k, v]) => {\n    const value = typeof v === \"string\" ? v.replace(/,/g, \"\") : v;\n    return {\n      ...acc,\n      [k as keyof T]: value,\n    };\n  }, {} as T);\n"],"names":["isBrowser","window","calculatePercentRounded","value","target","percent","Number","POSITIVE_INFINITY","isNaN","Math","floor","ceil","numberWithCommas","n","parts","toString","split","concat","replace","formatMoneyWithCommas","parsed","parseFloat","round","toFixed","removeCommasFromObjectStringValues","object","Object","entries","reduce","acc","_a","k","v","__assign","_b"],"mappings":"qEAAaA,EAA8B,oBAAXC,OAEnBC,EAA0B,SACrCC,EACAC,GAEA,IAAMC,EAAWF,EAAQC,EAAU,IACnC,OAAIC,IAAYC,OAAOC,mBAAqBD,OAAOE,MAAMH,GAChD,EAEFI,KAAKC,MAAML,EAAU,EAAII,KAAKE,KAAKN,GAAWI,KAAKC,MAAML,GAClE,EAYaO,EAAmB,SAACC,GAC/B,IAAKA,EACH,MAAO,GAET,IAAMC,EAAQD,EAAEE,WAAWC,MAAM,KAEjC,MAAO,GAAAC,OAAGH,EAAM,GAAGI,QAAQ,wBAAyB,aAClDJ,EAAM,GAAK,IAAAG,OAAIH,EAAM,IAAO,GAEhC,EAEaK,EAAwB,SAAChB,GACpC,IAAMiB,EAASd,OAAOe,YACnBZ,KAAKa,MAAc,IAARnB,GAAe,KAAKY,YAChCQ,QAAQ,GACV,OAAIjB,OAAOE,MAAMa,WAAWD,KAAYd,OAAOE,MAAML,GAC5C,IAEFS,EAAiBQ,EAC1B,EAUaI,EAAqC,SAAIC,GACpD,OAAAC,OAAOC,QAAQF,GAAmCG,OAAO,SAACC,EAAKC,SAACC,EAACD,EAAA,GAAEE,EAACF,EAAA,GAC5D3B,EAAqB,iBAAN6B,EAAiBA,EAAEd,QAAQ,KAAM,IAAMc,EAC5D,OAAAC,EAAAA,EAAA,CAAA,EACKJ,KAAGK,EAAA,CAAA,GACLH,GAAe5B,EAAK+B,GAEzB,EAAG,CAAA,EANH"}
+{"version":3,"file":"Helper.js","sources":["../../../src/utils/Helper.ts"],"sourcesContent":["export const isBrowser = typeof window !== \"undefined\";\n\nexport const calculatePercentRounded = (\n  value: number,\n  target: number,\n): number => {\n  const percent = (value / target) * 100;\n  if (percent === Number.POSITIVE_INFINITY || Number.isNaN(percent)) {\n    return 0;\n  }\n  return Math.floor(percent < 1 ? Math.ceil(percent) : Math.floor(percent));\n};\n\nexport const formatMoney = (value: number): string => {\n  const parsed = Number.parseFloat(\n    (Math.round(value * 100) / 100).toString(),\n  ).toFixed(2);\n  if (Number.isNaN(parseFloat(parsed)) || Number.isNaN(value)) {\n    return \"0\";\n  }\n  return parsed;\n};\n\nexport const numberWithCommas = (n?: number | string): string => {\n  if (!n) {\n    return \"\";\n  }\n  const parts = n.toString().split(\".\");\n\n  return `${parts[0].replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}${\n    parts[1] ? `.${parts[1]}` : \"\"\n  }`;\n};\n\nexport const formatMoneyWithCommas = (value: number): string => {\n  const parsed = Number.parseFloat(\n    (Math.round(value * 100) / 100).toString(),\n  ).toFixed(2);\n  if (Number.isNaN(parseFloat(parsed)) || Number.isNaN(value)) {\n    return \"0\";\n  }\n  return numberWithCommas(parsed);\n};\n\nexport const camelize = (str: string): string =>\n  str\n    .toString()\n    .replace(/(?:^\\w|[A-Z]|\\b\\w)/g, (word: string, index: number) =>\n      index === 0 ? word.toLowerCase() : word.toUpperCase(),\n    )\n    .replace(/\\s+/g, \"\");\n\nexport const removeCommasFromObjectStringValues = <T>(object: T) =>\n  Object.entries(object as Record<string, unknown>).reduce((acc, [k, v]) => {\n    const value = typeof v === \"string\" ? v.replace(/,/g, \"\") : v;\n    return {\n      ...acc,\n      [k as keyof T]: value,\n    };\n  }, {} as T);\n\n// Removes keys with undefined or null values from an object\n// this is useful for filtering props before passing them to an HTML element to keep the DOM minimal\nexport function removeEmpty(obj: Record<string, unknown>) {\n  return Object.fromEntries(\n    Object.entries(obj).filter(([_, v]) => v != undefined),\n  );\n}\n"],"names":["isBrowser","window","calculatePercentRounded","value","target","percent","Number","POSITIVE_INFINITY","isNaN","Math","floor","ceil","numberWithCommas","n","parts","toString","split","concat","replace","formatMoneyWithCommas","parsed","parseFloat","round","toFixed","removeCommasFromObjectStringValues","object","Object","entries","reduce","acc","_a","k","v","__assign","_b","removeEmpty","obj","fromEntries","filter","undefined"],"mappings":"qEAAaA,EAA8B,oBAAXC,OAEnBC,EAA0B,SACrCC,EACAC,GAEA,IAAMC,EAAWF,EAAQC,EAAU,IACnC,OAAIC,IAAYC,OAAOC,mBAAqBD,OAAOE,MAAMH,GAChD,EAEFI,KAAKC,MAAML,EAAU,EAAII,KAAKE,KAAKN,GAAWI,KAAKC,MAAML,GAClE,EAYaO,EAAmB,SAACC,GAC/B,IAAKA,EACH,MAAO,GAET,IAAMC,EAAQD,EAAEE,WAAWC,MAAM,KAEjC,MAAO,GAAAC,OAAGH,EAAM,GAAGI,QAAQ,wBAAyB,aAClDJ,EAAM,GAAK,IAAAG,OAAIH,EAAM,IAAO,GAEhC,EAEaK,EAAwB,SAAChB,GACpC,IAAMiB,EAASd,OAAOe,YACnBZ,KAAKa,MAAc,IAARnB,GAAe,KAAKY,YAChCQ,QAAQ,GACV,OAAIjB,OAAOE,MAAMa,WAAWD,KAAYd,OAAOE,MAAML,GAC5C,IAEFS,EAAiBQ,EAC1B,EAUaI,EAAqC,SAAIC,GACpD,OAAAC,OAAOC,QAAQF,GAAmCG,OAAO,SAACC,EAAKC,SAACC,EAACD,EAAA,GAAEE,EAACF,EAAA,GAC5D3B,EAAqB,iBAAN6B,EAAiBA,EAAEd,QAAQ,KAAM,IAAMc,EAC5D,OAAAC,EAAAA,EAAA,CAAA,EACKJ,KAAGK,EAAA,CAAA,GACLH,GAAe5B,EAAK+B,GAEzB,EAAG,CAAA,EANH,EAUI,SAAUC,EAAYC,GAC1B,OAAOV,OAAOW,YACZX,OAAOC,QAAQS,GAAKE,OAAO,SAACR,GAAW,OAATA,EAAA,GAAcS,MAAXT,EAAA,EAAM,GAE3C"}

package/lib/src/utils/themeUtils.d.ts

@@ -1,3 +1,4 @@
-import { type ThemeType } from "../types";
-export declare const themeSizeOrString: (spaceString: string, theme: ThemeType) => string;
-export declare const themeColorOrString: (colorString: string | undefined, theme: ThemeType) => string;
+import { colours } from "../types";
+export declare const themeSpacingSizeOrString: (spaceString: string) => string;
+export declare const themeFontSizeOrString: (fontSizeString: string) => string;
+export declare const themeColorOrString: (colorString: string | (typeof colours)[number] | undefined) => string;

package/lib/src/utils/themeUtils.js

@@ -1,2 +1,2 @@
-var o=function(o,r){return void 0===r.spacing[o]?o:r.spacing[o]},r=function(o,r){return void 0===r.colors[o]?o||"currentColor":r.colors[o]};export{r as themeColorOrString,o as themeSizeOrString};
+import{spaces as r,colours as n}from"../types.js";var c=function(n){return r.includes(n)?"var(--spacing-".concat(n,")"):n},t=function(r){return n.includes(r)?"var(--clr-".concat(r,")"):r||"currentColor"};export{t as themeColorOrString,c as themeSpacingSizeOrString};
 //# sourceMappingURL=themeUtils.js.map

package/lib/src/utils/themeUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"themeUtils.js","sources":["../../../src/utils/themeUtils.ts"],"sourcesContent":["import { type ThemeType, type SpacingType, type ColorsType } from \"../types\";\n\nexport const themeSizeOrString = (\n  spaceString: string,\n  theme: ThemeType,\n): string =>\n  typeof theme.spacing[spaceString as keyof SpacingType] === \"undefined\"\n    ? spaceString\n    : theme.spacing[spaceString as keyof SpacingType];\n\nexport const themeColorOrString = (\n  colorString: string | undefined,\n  theme: ThemeType,\n): string =>\n  typeof theme.colors[colorString as keyof ColorsType] === \"undefined\"\n    ? colorString || \"currentColor\"\n    : theme.colors[colorString as keyof ColorsType];\n"],"names":["themeSizeOrString","spaceString","theme","spacing","themeColorOrString","colorString","colors"],"mappings":"AAEO,IAAMA,EAAoB,SAC/BC,EACAC,GAEA,YAA2D,IAApDA,EAAMC,QAAQF,GACjBA,EACAC,EAAMC,QAAQF,EAFlB,EAIWG,EAAqB,SAChCC,EACAH,GAEA,YAAyD,IAAlDA,EAAMI,OAAOD,GAChBA,GAAe,eACfH,EAAMI,OAAOD,EAFjB"}
+{"version":3,"file":"themeUtils.js","sources":["../../../src/utils/themeUtils.ts"],"sourcesContent":["import { spaces, colours, fontSizes } from \"../types\";\n\nexport const themeSpacingSizeOrString = (spaceString: string): string =>\n  spaces.includes(spaceString as (typeof spaces)[number])\n    ? `var(--spacing-${spaceString as (typeof spaces)[number]})`\n    : spaceString;\n\nexport const themeFontSizeOrString = (fontSizeString: string): string =>\n  fontSizes.includes(fontSizeString as (typeof fontSizes)[number])\n    ? `var(--font-size-${fontSizeString as (typeof fontSizes)[number]})`\n    : fontSizeString;\n\nexport const themeColorOrString = (\n  colorString: string | (typeof colours)[number] | undefined,\n): string =>\n  colours.includes(colorString as (typeof colours)[number])\n    ? `var(--clr-${colorString as (typeof colours)[number]})`\n    : colorString || \"currentColor\";\n"],"names":["themeSpacingSizeOrString","spaceString","spaces","includes","concat","themeColorOrString","colorString","colours"],"mappings":"kDAEO,IAAMA,EAA2B,SAACC,GACvC,OAAAC,EAAOC,SAASF,GACZ,iBAAAG,OAAiBH,EAAsC,KACvDA,CAFJ,EASWI,EAAqB,SAChCC,GAEA,OAAAC,EAAQJ,SAASG,GACb,aAAAF,OAAaE,EAAuC,KACpDA,GAAe,cAFnB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cruk/cruk-react-components",
-  "version": "6.2.3",
+  "version": "7.1.0",
   "description": "React components implementing CRUK, RFL, SU2C & Bowelbabe designs",
   "license": "MIT",
   "publishConfig": {
@@ -11,7 +11,8 @@
   "types": "lib/src/components/index.d.ts",
   "sideEffects": false,
   "files": [
-    "lib"
+    "lib",
+    "lib/index.css"
   ],
   "scripts": {
     "analyze": "source-map-explorer lib/index.js",
@@ -53,6 +54,7 @@
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-terser": "^0.4.4",
     "@rollup/plugin-typescript": "^11.1.6",
+    "@swc/core": "1.9.3",
     "@storybook/addon-a11y": "^10",
     "@storybook/addon-docs": "^10",
     "@storybook/addon-links": "^10",
@@ -63,6 +65,7 @@
     "@types/react-dom": "^19",
     "@vitejs/plugin-legacy": "^7",
     "@vitejs/plugin-react-swc": "^3.11.0",
+    "autoprefixer": "^10.4.22",
     "chromatic": "^13.3.4",
     "eslint": "^9",
     "eslint-plugin-react": "^7.37.4",
@@ -74,29 +77,28 @@
     "react-dom": "^19",
     "release-it": "^19",
     "rollup": "^4.22.4",
+    "rollup-plugin-css-only": "^4.5.5",
+    "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-typescript2": "^0.36.0",
     "source-map-explorer": "^2.2.2",
     "storybook": "^10",
     "ts-loader": "9.5.1",
     "tsx": "^4.20.3",
     "typescript": "^5.7.3",
-    "typescript-eslint": "^8.31.1"
+    "typescript-eslint": "^8.31.1",
+    "typescript-plugin-css-modules": "^5.2.0"
   },
   "peerDependencies": {
     "react": "^19",
-    "react-dom": "^19",
-    "styled-components": "^6.1.11"
+    "react-dom": "^19"
   },
   "dependencies": {
     "@fortawesome/fontawesome-common-types": "^7",
     "@fortawesome/free-brands-svg-icons": "^7",
     "@fortawesome/free-solid-svg-icons": "^7",
-    "@swc/plugin-styled-components": "^10",
     "react-focus-lock": "^2.13.6",
     "react-intersection-observer": "^10.0.0",
     "react-is": "^19",
-    "styled-components": "^6.1.11",
-    "vite": "^7",
-    "@swc/core": "1.9.3"
+    "vite": "^7"
   }
 }

package/lib/src/components/AddressLookup/styles.d.ts

@@ -1,17 +0,0 @@
-import { type ThemeType } from "../../types";
-interface ListWrapperProps extends React.HTMLProps<HTMLDivElement> {
-    tabIndex?: number;
-}
-type ListProps = {
-    theme: ThemeType;
-    $isActive?: boolean;
-};
-export declare const ListWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ListWrapperProps>> & string;
-export declare const List: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, ListProps & {
-    ref?: React.Ref<HTMLUListElement>;
-}>> & string;
-export declare const ListItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, ListProps & {
-    ref?: React.Ref<HTMLLIElement>;
-}>> & string;
-export declare const ScreenReaderOnly: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export {};

package/lib/src/components/AddressLookup/styles.js

@@ -1,2 +0,0 @@
-import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import o from"styled-components";var i,r,e,t,p=o.div(i||(i=n(["\n  position: relative;\n"],["\n  position: relative;\n"]))),d=o.ul(r||(r=n(["\n  background-color: ",";\n  border-radius: 3px;\n  border: 2px solid #ccc;\n  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.2);\n  list-style: none;\n  margin-top: 0;\n  max-height: 400px;\n  overflow-y: auto;\n  padding: 0;\n  position: absolute;\n  width: 100%;\n  z-index: 999;\n"],["\n  background-color: ",";\n  border-radius: 3px;\n  border: 2px solid #ccc;\n  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.2);\n  list-style: none;\n  margin-top: 0;\n  max-height: 400px;\n  overflow-y: auto;\n  padding: 0;\n  position: absolute;\n  width: 100%;\n  z-index: 999;\n"])),function(n){return n.theme.colors.backgroundLight}),a=o.li(e||(e=n(["\n  align-items: center;\n  background-color: ",";\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  padding: 5px;\n  &:hover,\n  &:focus {\n    background-color: #ddd;\n  }\n"],["\n  align-items: center;\n  background-color: ",";\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  padding: 5px;\n  &:hover,\n  &:focus {\n    background-color: #ddd;\n  }\n"])),function(n){var o=n.theme;return n.$isActive?o.colors.backgroundMid:o.colors.backgroundLight}),s=o.div(t||(t=n(["\n  border: 0px;\n  clip: rect(0px, 0px, 0px, 0px);\n  height: 1px;\n  margin-bottom: -1px;\n  margin-right: -1px;\n  overflow: hidden;\n  padding: 0px;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n"],["\n  border: 0px;\n  clip: rect(0px, 0px, 0px, 0px);\n  height: 1px;\n  margin-bottom: -1px;\n  margin-right: -1px;\n  overflow: hidden;\n  padding: 0px;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n"])));export{d as List,a as ListItem,p as ListWrapper,s as ScreenReaderOnly};
-//# sourceMappingURL=styles.js.map

package/lib/src/components/AddressLookup/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../../src/components/AddressLookup/styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport { type ThemeType } from \"../../types\";\n\ninterface ListWrapperProps extends React.HTMLProps<HTMLDivElement> {\n  tabIndex?: number;\n}\n\ntype ListProps = {\n  theme: ThemeType;\n  $isActive?: boolean;\n};\n\nexport const ListWrapper = styled.div<ListWrapperProps>`\n  position: relative;\n`;\n\nexport const List = styled.ul<\n  ListProps & { ref?: React.Ref<HTMLUListElement> }\n>`\n  background-color: ${({ theme }) => theme.colors.backgroundLight};\n  border-radius: 3px;\n  border: 2px solid #ccc;\n  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.2);\n  list-style: none;\n  margin-top: 0;\n  max-height: 400px;\n  overflow-y: auto;\n  padding: 0;\n  position: absolute;\n  width: 100%;\n  z-index: 999;\n`;\n\nexport const ListItem = styled.li<\n  ListProps & {\n    ref?: React.Ref<HTMLLIElement>;\n  }\n>`\n  align-items: center;\n  background-color: ${({ theme, $isActive }: ListProps) =>\n    $isActive ? theme.colors.backgroundMid : theme.colors.backgroundLight};\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  padding: 5px;\n  &:hover,\n  &:focus {\n    background-color: #ddd;\n  }\n`;\n\n// TODO move to its own component\nexport const ScreenReaderOnly = styled.div`\n  border: 0px;\n  clip: rect(0px, 0px, 0px, 0px);\n  height: 1px;\n  margin-bottom: -1px;\n  margin-right: -1px;\n  overflow: hidden;\n  padding: 0px;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n`;\n"],"names":["ListWrapper","styled","div","templateObject_1","__makeTemplateObject","List","ul","templateObject_2","_a","theme","colors","backgroundLight","ListItem","li","templateObject_3","$isActive","backgroundMid","ScreenReaderOnly","templateObject_4"],"mappings":"iHAYO,YAAMA,EAAcC,EAAOC,IAAGC,IAAAA,EAAAC,EAAA,CAAA,6BAAA,CAAkB,gCAI1CC,EAAOJ,EAAOK,GAAEC,IAAAA,EAAAH,EAAA,CAAA,yBAAA,kQAAA,CAE5B,yBACgE,oQAA3C,SAACI,GAAc,OAAPA,EAAAC,MAAaC,OAAOC,eAAb,GAcxBC,EAAWX,EAAOY,GAAEC,IAAAA,EAAAV,EAAA,CAAA,iDAAA,4JAAA,CAIhC,iDAGwE,8JADnD,SAACI,OAAEC,EAAKD,EAAAC,MAC1B,OADqCD,EAAAO,UACzBN,EAAMC,OAAOM,cAAgBP,EAAMC,OAAOC,eAAtD,GAYSM,EAAmBhB,EAAOC,IAAGgB,IAAAA,EAAAd,EAAA,CAAA,4NAAA,CAAA"}

package/lib/src/components/Avatar/styles.d.ts

@@ -1,6 +0,0 @@
-import { type ThemeType } from "../../types";
-export declare const StyledAvatar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {
-    $size?: string;
-    theme: ThemeType;
-}>> & string;
-export default StyledAvatar;

package/lib/src/components/Avatar/styles.js

@@ -1,2 +0,0 @@
-import{__makeTemplateObject as r}from"../../../node_modules/tslib/tslib.es6.js";import o from"styled-components";var e,n=o.img(e||(e=r(["\n  box-sizing: border-box;\n  border-radius: 50%;\n  height: ",";\n  object-fit: cover;\n  width: ",";\n  border-style: solid;\n  border-width: 2px;\n  border-color: ",";\n"],["\n  box-sizing: border-box;\n  border-radius: 50%;\n  height: ",";\n  object-fit: cover;\n  width: ",";\n  border-style: solid;\n  border-width: 2px;\n  border-color: ",";\n"])),function(r){return r.$size},function(r){return r.$size},function(r){return r.theme.colors.avatarBorder});export{n as StyledAvatar,n as default};
-//# sourceMappingURL=styles.js.map

package/lib/src/components/Avatar/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../../src/components/Avatar/styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport { type ThemeType } from \"../../types\";\n\nexport const StyledAvatar = styled.img<{\n  $size?: string;\n  theme: ThemeType;\n}>`\n  box-sizing: border-box;\n  border-radius: 50%;\n  height: ${({ $size }) => $size};\n  object-fit: cover;\n  width: ${({ $size }) => $size};\n  border-style: solid;\n  border-width: 2px;\n  border-color: ${({ theme }) => theme.colors.avatarBorder};\n`;\n\nexport default StyledAvatar;\n"],"names":["StyledAvatar","styled","img","templateObject_1","__makeTemplateObject","_a","$size","theme","colors","avatarBorder"],"mappings":"iHAGO,MAAMA,EAAeC,EAAOC,IAAGC,IAAAA,EAAAC,EAAA,CAAA,iEAAA,qCAAA,oEAAA,OAAA,CAGpC,iEAG8B,qCAED,oEAG2B,SAL9C,SAACC,GAAc,OAAPA,EAAAC,KAAO,EAEhB,SAACD,GAAc,OAAPA,EAAAC,KAAO,EAGR,SAACD,GAAc,OAAPA,EAAAE,MAAaC,OAAOC,YAAb"}

package/lib/src/components/Badge/styles.d.ts

@@ -1,10 +0,0 @@
-import { type SpaceType, type ThemeType } from "../../types";
-export declare const StyledBadge: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
-    $backgroundColor: string;
-    $borderColor: string;
-    $textColor: string;
-    $isSquare: boolean;
-    $size: SpaceType;
-    theme: ThemeType;
-}>> & string;
-export default StyledBadge;

package/lib/src/components/Badge/styles.js

@@ -1,2 +0,0 @@
-import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import r from"styled-components";var e,t=r.span(e||(e=n(["\n  display: inline-block;\n  border-width: 1px;\n  border-style: solid;\n  text-align: center;\n  font-size: ",";\n  padding: ",";\n  border-radius: ",";\n  height: ",";\n  width: ",";\n  line-height: ",";\n  min-width: ",";\n\n  background-color: ",";\n  border-color: ",";\n  color: ",";\n"],["\n  display: inline-block;\n  border-width: 1px;\n  border-style: solid;\n  text-align: center;\n  font-size: ",";\n  padding: ",";\n  border-radius: ",";\n  height: ",";\n  width: ",";\n  line-height: ",";\n  min-width: ",";\n\n  background-color: ",";\n  border-color: ",";\n  color: ",";\n"])),function(n){return n.theme.fontSizes.m},function(n){var r=n.theme;return n.$isSquare?0:r.spacing.xxs},function(n){return n.$isSquare?"50%":" 1.5rem"},function(n){var r=n.$isSquare,e=n.$size,t=n.theme;return r?"calc(".concat(t.spacing[e]," + ").concat(t.spacing.xs,")"):"auto"},function(n){var r=n.$isSquare,e=n.$size,t=n.theme;return r?"calc(".concat(t.spacing[e]," + ").concat(t.spacing.xs,")"):"auto"},function(n){var r=n.$isSquare,e=n.$size,t=n.theme;return r?"calc(".concat(t.spacing[e]," + ").concat(t.spacing.xs,")"):" 1rem"},function(n){var r=n.$size,e=n.theme;return"calc(".concat(e.spacing[r]," + ").concat(e.spacing.xs,")")},function(n){return n.$backgroundColor},function(n){return n.$borderColor},function(n){return n.$textColor});export{t as StyledBadge,t as default};
-//# sourceMappingURL=styles.js.map

package/lib/src/components/Badge/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../../src/components/Badge/styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { type SpaceType, type ThemeType } from \"../../types\";\n\nexport const StyledBadge = styled.span<{\n  $backgroundColor: string;\n  $borderColor: string;\n  $textColor: string;\n  $isSquare: boolean;\n  $size: SpaceType;\n  theme: ThemeType;\n}>`\n  display: inline-block;\n  border-width: 1px;\n  border-style: solid;\n  text-align: center;\n  font-size: ${({ theme }) => theme.fontSizes.m};\n  padding: ${({ theme, $isSquare }) => ($isSquare ? 0 : theme.spacing.xxs)};\n  border-radius: ${({ $isSquare }) => ($isSquare ? \"50%\" : ` 1.5rem`)};\n  height: ${({ $isSquare, $size, theme }) =>\n    $isSquare ? `calc(${theme.spacing[$size]} + ${theme.spacing.xs})` : `auto`};\n  width: ${({ $isSquare, $size, theme }) =>\n    $isSquare ? `calc(${theme.spacing[$size]} + ${theme.spacing.xs})` : `auto`};\n  line-height: ${({ $isSquare, $size, theme }) =>\n    $isSquare\n      ? `calc(${theme.spacing[$size]} + ${theme.spacing.xs})`\n      : ` 1rem`};\n  min-width: ${({ $size, theme }) =>\n    `calc(${theme.spacing[$size]} + ${theme.spacing.xs})`};\n\n  background-color: ${({ $backgroundColor }) => $backgroundColor};\n  border-color: ${({ $borderColor }) => $borderColor};\n  color: ${({ $textColor }) => $textColor};\n`;\n\nexport default StyledBadge;\n"],"names":["StyledBadge","styled","span","templateObject_1","__makeTemplateObject","_a","theme","fontSizes","m","$isSquare","spacing","xxs","$size","concat","xs","$backgroundColor","$borderColor","$textColor"],"mappings":"iHAIO,MAAMA,EAAcC,EAAOC,KAAIC,IAAAA,EAAAC,EAAA,CAAA,iHAAA,iBAAA,uBAAA,gBAAA,eAAA,qBAAA,mBAAA,4BAAA,sBAAA,eAAA,OAAA,CAOpC,iHAK6C,iBAC2B,uBACL,gBAES,eAEA,qBAI/D,mBAE0C,4BAEO,sBACZ,eACX,SAhB1B,SAACC,GAAc,OAAPA,EAAAC,MAAaC,UAAUC,CAAhB,EACjB,SAACH,OAAEC,EAAKD,EAAAC,MAAkB,OAAPD,EAAAI,UAAoB,EAAIH,EAAMI,QAAQC,GAA/B,EACpB,SAACN,GAAkB,OAAPA,EAAAI,UAAoB,MAAQ,SAArB,EAC1B,SAACJ,GAAE,IAAAI,cAAWG,EAAKP,EAAAO,MAAEN,EAAKD,EAAAC,MAClC,OAAAG,EAAY,eAAQH,EAAMI,QAAQE,GAAM,OAAAC,OAAMP,EAAMI,QAAQI,GAAE,KAAM,MAApE,EACO,SAACT,GAAE,IAAAI,cAAWG,EAAKP,EAAAO,MAAEN,EAAKD,EAAAC,MACjC,OAAAG,EAAY,eAAQH,EAAMI,QAAQE,GAAM,OAAAC,OAAMP,EAAMI,QAAQI,GAAE,KAAM,MAApE,EACa,SAACT,GAAE,IAAAI,cAAWG,EAAKP,EAAAO,MAAEN,EAAKD,EAAAC,MACvC,OAAAG,EACI,QAAAI,OAAQP,EAAMI,QAAQE,GAAM,OAAAC,OAAMP,EAAMI,QAAQI,GAAE,KAClD,OAFJ,EAGW,SAACT,OAAEO,EAAKP,EAAAO,MAAEN,EAAKD,EAAAC,MAC1B,MAAA,QAAAO,OAAQP,EAAMI,QAAQE,GAAM,OAAAC,OAAMP,EAAMI,QAAQI,GAAE,IAAlD,EAEkB,SAACT,GAAyB,OAAPA,EAAAU,gBAAO,EAC9B,SAACV,GAAqB,OAAPA,EAAAW,YAAO,EAC7B,SAACX,GAAmB,OAAPA,EAAAY,UAAO"}

package/lib/src/components/Box/styles.d.ts

@@ -1,9 +0,0 @@
-import { type SpacingPropsInternal } from "../Spacing";
-import { type ThemeType } from "../../types";
-type StyledBoxProps = SpacingPropsInternal & {
-    $backgroundColor?: string;
-    $css?: string;
-    theme: ThemeType;
-};
-export declare const StyledBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledBoxProps>> & string;
-export default StyledBox;

package/lib/src/components/Box/styles.js

@@ -1,2 +0,0 @@
-import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import o from"styled-components";import{spacing as r}from"../Spacing/index.js";var t,a=o.div(t||(t=n(["\n  background-color: ",";\n  padding: ",";\n  margin: 0 0 "," 0;\n\n  &:last-child {\n    margin-bottom: 0;\n  }\n\n  background-color: ",";\n\n  ","\n"],["\n  background-color: ",";\n  padding: ",";\n  margin: 0 0 "," 0;\n\n  &:last-child {\n    margin-bottom: 0;\n  }\n\n  background-color: ",";\n\n  ","\n"])),function(n){return n.theme.colors.backgroundLight},function(n){var o=n.theme;return n.$backgroundColor?o.spacing.s:0},function(n){return n.theme.spacing.m},function(n){var o=n.theme,r=n.$backgroundColor;return r&&void 0!==o.colors[r]?o.colors[r]:r||"transparent"},function(n){return r(n,n.theme)});export{a as StyledBox,a as default};
-//# sourceMappingURL=styles.js.map

package/lib/src/components/Box/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../../src/components/Box/styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { spacing, type SpacingPropsInternal } from \"../Spacing\";\nimport { type ColorKeyType, type ThemeType } from \"../../types\";\n\ntype StyledBoxProps = SpacingPropsInternal & {\n  $backgroundColor?: string;\n  $css?: string;\n  theme: ThemeType;\n};\n\nexport const StyledBox = styled.div<StyledBoxProps>`\n  background-color: ${({ theme }) => theme.colors.backgroundLight};\n  padding: ${({ theme, $backgroundColor }) =>\n    $backgroundColor ? theme.spacing.s : 0};\n  margin: 0 0 ${({ theme }) => theme.spacing.m} 0;\n\n  &:last-child {\n    margin-bottom: 0;\n  }\n\n  background-color: ${({ theme, $backgroundColor }) =>\n    $backgroundColor &&\n    typeof theme.colors[$backgroundColor as ColorKeyType] !== \"undefined\"\n      ? theme.colors[$backgroundColor as ColorKeyType]\n      : $backgroundColor || \"transparent\"};\n\n  ${(props) => spacing(props, props.theme as ThemeType)}\n`;\n\nexport default StyledBox;\n"],"names":["StyledBox","styled","div","_a","theme","colors","backgroundLight","$backgroundColor","spacing","s","m","props"],"mappings":"qKAWaA,EAAYC,EAAOC,0KAAmB,yBACc,iBAEvB,oBACI,8EAUL,UAEc,QAfjC,SAACC,GAAc,OAAPA,EAAAC,MAAaC,OAAOC,eAAb,EACxB,SAACH,OAAEC,EAAKD,EAAAC,MACjB,OADmCD,EAAAI,iBAChBH,EAAMI,QAAQC,EAAI,CAArC,EACY,SAACN,GAAc,OAAPA,EAAAC,MAAaI,QAAQE,CAAd,EAMT,SAACP,OAAEC,EAAKD,EAAAC,MAAEG,EAAgBJ,EAAAI,iBAC5C,OAAAA,QAC0D,IAAnDH,EAAMC,OAAOE,GAChBH,EAAMC,OAAOE,GACbA,GAAoB,aAHxB,EAKA,SAACI,GAAU,OAAAH,EAAQG,EAAOA,EAAMP,MAArB"}

package/lib/src/components/Button/styles.d.ts

@@ -1,13 +0,0 @@
-import { type ThemeType, type ButtonAppearanceType } from "../../types";
-export declare const Spacer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
-    theme: ThemeType;
-}>> & string;
-export declare const StyledButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
-    theme: ThemeType;
-    href?: string;
-    $isIconButton: boolean;
-    $appearance?: ButtonAppearanceType;
-    $full?: boolean;
-    $size?: "m" | "l";
-    $css?: string;
-}>> & string;

package/lib/src/components/Button/styles.js

@@ -1,2 +0,0 @@
-import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import o,{css as r}from"styled-components";var t,e,c,a,i,l,d,s,u="3rem",b="4rem",m=o.span(t||(t=n(["\n  margin-left: ",";\n  &:first-of-type {\n    margin-left: 0;\n  }\n"],["\n  margin-left: ",";\n  &:first-of-type {\n    margin-left: 0;\n  }\n"])),function(n){return n.theme.spacing.xxs}),h=o.button(s||(s=n(["\n  box-sizing: border-box;\n  min-height: ",";\n  height: min-content;\n  display: inline-block;\n  vertical-align: middle;\n\n  padding: ",";\n  width: ",";\n  min-width: ",";\n\n  border-radius: ",";\n  border-style: solid;\n  border-width: ",";\n\n  transition:\n    color 0.2s ease,\n    background-color 0.2s ease,\n    border-color 0.2s ease;\n\n  cursor: pointer;\n  font-size: ",";\n  font-family: ",";\n  font-weight: ",";\n  text-align: center;\n  text-transform: ",";\n  text-decoration: ",";\n\n  &:focus-visible {\n    outline: auto;\n  }\n\n  ","\n\n  ","\n\n  ","\n  \n  ","\n\n  ","\n\n  ","\n"],["\n  box-sizing: border-box;\n  min-height: ",";\n  height: min-content;\n  display: inline-block;\n  vertical-align: middle;\n\n  padding: ",";\n  width: ",";\n  min-width: ",";\n\n  border-radius: ",";\n  border-style: solid;\n  border-width: ",";\n\n  transition:\n    color 0.2s ease,\n    background-color 0.2s ease,\n    border-color 0.2s ease;\n\n  cursor: pointer;\n  font-size: ",";\n  font-family: ",";\n  font-weight: ",";\n  text-align: center;\n  text-transform: ",";\n  text-decoration: ",";\n\n  &:focus-visible {\n    outline: auto;\n  }\n\n  ","\n\n  ","\n\n  ","\n  \n  ","\n\n  ","\n\n  ","\n"])),u,function(n){var o=n.theme;return n.$isIconButton?"0":"calc( (".concat(u," - ( ").concat(o.button.buttonBorderThickness," * 2) - ").concat(o.typography.lineHeight," ) / 2) ").concat(o.button.horizontalPadding)},function(n){return n.$isIconButton?"".concat(u):"auto"},function(n){return n.$isIconButton?"".concat(u):"auto"},function(n){return n.theme.button.borderRadius},function(n){return n.theme.button.buttonBorderThickness},function(n){return n.theme.fontSizes.m},function(n){return n.theme.typography.fontFamilyButtons},function(n){return n.theme.typography.fontWeightButtons},function(n){return n.theme.button.textTransform},function(n){return n.theme.button.textDecoration},function(o){return"primary"===o.$appearance&&r(e||(e=n(["\n      background-color: ",";\n      border-color: ",";\n      color: "," !important;\n      &:focus,\n      &:hover {\n        background-color: ",";\n        border-color: ",";\n        color: "," !important;\n      }\n      &:disabled {\n        cursor: not-allowed;\n        background-color: ",";\n        color: "," !important;\n        border-color: ",";\n      }\n    "],["\n      background-color: ",";\n      border-color: ",";\n      color: "," !important;\n      &:focus,\n      &:hover {\n        background-color: ",";\n        border-color: ",";\n        color: "," !important;\n      }\n      &:disabled {\n        cursor: not-allowed;\n        background-color: ",";\n        color: "," !important;\n        border-color: ",";\n      }\n    "])),o.theme.colors.buttonPrimaryBackground,o.theme.colors.buttonPrimaryBorder,o.theme.colors.buttonPrimaryText,o.theme.colors.buttonPrimaryBackgroundHover,o.theme.colors.buttonPrimaryBorderHover,o.theme.colors.buttonPrimaryTextHover,o.theme.colors.buttonPrimaryDisabledBackground,o.theme.colors.buttonPrimaryDisabledText,o.theme.colors.buttonPrimaryDisabledBorder)},function(o){return"secondary"===o.$appearance&&r(c||(c=n(["\n      background-color: ",";\n      border-color: ",";\n      color: "," !important;\n      &:focus,\n      &:hover {\n        background-color: ",";\n        border-color: ",";\n        color: "," !important;\n      }\n      &:disabled {\n        cursor: not-allowed;\n        background-color: ",";\n        color: "," !important;\n        border-color: ",";\n      }\n    "],["\n      background-color: ",";\n      border-color: ",";\n      color: "," !important;\n      &:focus,\n      &:hover {\n        background-color: ",";\n        border-color: ",";\n        color: "," !important;\n      }\n      &:disabled {\n        cursor: not-allowed;\n        background-color: ",";\n        color: "," !important;\n        border-color: ",";\n      }\n    "])),o.theme.colors.buttonSecondaryBackground,o.theme.colors.buttonSecondaryBorder,o.theme.colors.buttonSecondaryText,o.theme.colors.buttonSecondaryBackgroundHover,o.theme.colors.buttonSecondaryBorderHover,o.theme.colors.buttonSecondaryTextHover,o.theme.colors.buttonSecondaryDisabledBackground,o.theme.colors.buttonSecondaryDisabledText,o.theme.colors.buttonSecondaryDisabledBorder)},function(o){return"tertiary"===o.$appearance&&r(a||(a=n(["\n      display: inline-block;\n      padding: 0;\n      border: 0px;\n      background-color: rgba(255, 255, 255, 0);\n      transition: color 0.2s ease;\n      color: ",";\n      &:focus,\n      &:hover {\n        color: ",";\n      }\n      &:disabled {\n        cursor: not-allowed;\n        background-color: transparent;\n        color: "," !important;\n        border-color: transparent;\n      }\n    "],["\n      display: inline-block;\n      padding: 0;\n      border: 0px;\n      background-color: rgba(255, 255, 255, 0);\n      transition: color 0.2s ease;\n      color: ",";\n      &:focus,\n      &:hover {\n        color: ",";\n      }\n      &:disabled {\n        cursor: not-allowed;\n        background-color: transparent;\n        color: "," !important;\n        border-color: transparent;\n      }\n    "])),o.theme.colors.buttonTertiaryText,o.theme.colors.buttonTertiaryTextHover,o.theme.colors.buttonTertiaryDisabledText)},function(o){var t=o.theme,e=o.$size,c=o.$isIconButton;return"l"===e&&r(i||(i=n(["\n      min-height: ",";\n      border-radius: ",";\n      padding: ",";\n      min-width: ",";\n      height: ",";\n    "],["\n      min-height: ",";\n      border-radius: ",";\n      padding: ",";\n      min-width: ",";\n      height: ",";\n    "])),b,t.button.borderRadiusLarge,c?"0":"calc( (".concat(b," - ( ").concat(t.button.buttonBorderThickness," * 2) - ").concat(t.typography.lineHeight," ) / 2) ").concat(t.spacing.m),c?"".concat(b):"auto",c?"".concat(b):"min-content")},function(o){return o.$full&&r(l||(l=n(["\n      width: 100%;\n    "],["\n      width: 100%;\n    "])))},function(o){return o.$css&&r(d||(d=n(["\n      ","\n    "],["\n      ","\n    "])),o.$css)});export{m as Spacer,h as StyledButton};
-//# sourceMappingURL=styles.js.map

package/lib/src/components/Button/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../../src/components/Button/styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { type ThemeType, type ButtonAppearanceType } from \"../../types\";\n\nconst BUTTON_HEIGHT = \"3rem\";\nconst BUTTON_HEIGHT_LARGE = \"4rem\";\n\nexport const Spacer = styled.span<{ theme: ThemeType }>`\n  margin-left: ${({ theme }) => theme.spacing.xxs};\n  &:first-of-type {\n    margin-left: 0;\n  }\n`;\n\nexport const StyledButton = styled.button<{\n  theme: ThemeType;\n  href?: string;\n  $isIconButton: boolean;\n  $appearance?: ButtonAppearanceType;\n  $full?: boolean;\n  $size?: \"m\" | \"l\";\n  $css?: string;\n}>`\n  box-sizing: border-box;\n  min-height: ${BUTTON_HEIGHT};\n  height: min-content;\n  display: inline-block;\n  vertical-align: middle;\n\n  padding: ${({ theme, $isIconButton }) =>\n    $isIconButton\n      ? \"0\"\n      : `calc( (${BUTTON_HEIGHT} - ( ${theme.button.buttonBorderThickness} * 2) - ${theme.typography.lineHeight} ) / 2) ${theme.button.horizontalPadding}`};\n  width: ${({ $isIconButton }) =>\n    $isIconButton ? `${BUTTON_HEIGHT}` : \"auto\"};\n  min-width: ${({ $isIconButton }) =>\n    $isIconButton ? `${BUTTON_HEIGHT}` : \"auto\"};\n\n  border-radius: ${({ theme }) => theme.button.borderRadius};\n  border-style: solid;\n  border-width: ${({ theme }) => theme.button.buttonBorderThickness};\n\n  transition:\n    color 0.2s ease,\n    background-color 0.2s ease,\n    border-color 0.2s ease;\n\n  cursor: pointer;\n  font-size: ${({\n    theme: {\n      fontSizes: { m },\n    },\n  }) => m};\n  font-family: ${({\n    theme: {\n      typography: { fontFamilyButtons },\n    },\n  }) => fontFamilyButtons};\n  font-weight: ${({\n    theme: {\n      typography: { fontWeightButtons },\n    },\n  }) => fontWeightButtons};\n  text-align: center;\n  text-transform: ${({ theme }) => theme.button.textTransform};\n  text-decoration: ${({ theme }) => theme.button.textDecoration};\n\n  &:focus-visible {\n    outline: auto;\n  }\n\n  ${(props) =>\n    props.$appearance === \"primary\" &&\n    css`\n      background-color: ${props.theme.colors.buttonPrimaryBackground};\n      border-color: ${props.theme.colors.buttonPrimaryBorder};\n      color: ${props.theme.colors.buttonPrimaryText} !important;\n      &:focus,\n      &:hover {\n        background-color: ${props.theme.colors.buttonPrimaryBackgroundHover};\n        border-color: ${props.theme.colors.buttonPrimaryBorderHover};\n        color: ${props.theme.colors.buttonPrimaryTextHover} !important;\n      }\n      &:disabled {\n        cursor: not-allowed;\n        background-color: ${props.theme.colors.buttonPrimaryDisabledBackground};\n        color: ${props.theme.colors.buttonPrimaryDisabledText} !important;\n        border-color: ${props.theme.colors.buttonPrimaryDisabledBorder};\n      }\n    `}\n\n  ${(props) =>\n    props.$appearance === \"secondary\" &&\n    css`\n      background-color: ${props.theme.colors.buttonSecondaryBackground};\n      border-color: ${props.theme.colors.buttonSecondaryBorder};\n      color: ${props.theme.colors.buttonSecondaryText} !important;\n      &:focus,\n      &:hover {\n        background-color: ${props.theme.colors.buttonSecondaryBackgroundHover};\n        border-color: ${props.theme.colors.buttonSecondaryBorderHover};\n        color: ${props.theme.colors.buttonSecondaryTextHover} !important;\n      }\n      &:disabled {\n        cursor: not-allowed;\n        background-color: ${props.theme.colors\n          .buttonSecondaryDisabledBackground};\n        color: ${props.theme.colors.buttonSecondaryDisabledText} !important;\n        border-color: ${props.theme.colors.buttonSecondaryDisabledBorder};\n      }\n    `}\n\n  ${(props) =>\n    props.$appearance === \"tertiary\" &&\n    css`\n      display: inline-block;\n      padding: 0;\n      border: 0px;\n      background-color: rgba(255, 255, 255, 0);\n      transition: color 0.2s ease;\n      color: ${props.theme.colors.buttonTertiaryText};\n      &:focus,\n      &:hover {\n        color: ${props.theme.colors.buttonTertiaryTextHover};\n      }\n      &:disabled {\n        cursor: not-allowed;\n        background-color: transparent;\n        color: ${props.theme.colors.buttonTertiaryDisabledText} !important;\n        border-color: transparent;\n      }\n    `}\n  \n  ${({ theme, $size, $isIconButton }) =>\n    $size === \"l\" &&\n    css`\n      min-height: ${BUTTON_HEIGHT_LARGE};\n      border-radius: ${theme.button.borderRadiusLarge};\n      padding: ${$isIconButton\n        ? \"0\"\n        : `calc( (${BUTTON_HEIGHT_LARGE} - ( ${theme.button.buttonBorderThickness} * 2) - ${theme.typography.lineHeight} ) / 2) ${theme.spacing.m}`};\n      min-width: ${$isIconButton ? `${BUTTON_HEIGHT_LARGE}` : \"auto\"};\n      height: ${$isIconButton ? `${BUTTON_HEIGHT_LARGE}` : \"min-content\"};\n    `}\n\n  ${(props) =>\n    props.$full &&\n    css`\n      width: 100%;\n    `}\n\n  ${(props) =>\n    props.$css &&\n    css`\n      ${props.$css}\n    `}\n`;\n"],"names":["BUTTON_HEIGHT","BUTTON_HEIGHT_LARGE","Spacer","styled","span","templateObject_1","__makeTemplateObject","_a","theme","spacing","xxs","StyledButton","button","$isIconButton","concat","buttonBorderThickness","typography","lineHeight","horizontalPadding","borderRadius","fontSizes","m","fontFamilyButtons","fontWeightButtons","textTransform","textDecoration","props","$appearance","css","colors","buttonPrimaryBackground","buttonPrimaryBorder","buttonPrimaryText","buttonPrimaryBackgroundHover","buttonPrimaryBorderHover","buttonPrimaryTextHover","buttonPrimaryDisabledBackground","buttonPrimaryDisabledText","buttonPrimaryDisabledBorder","templateObject_3","buttonSecondaryBackground","buttonSecondaryBorder","buttonSecondaryText","buttonSecondaryBackgroundHover","buttonSecondaryBorderHover","buttonSecondaryTextHover","buttonSecondaryDisabledBackground","buttonSecondaryDisabledText","buttonSecondaryDisabledBorder","templateObject_4","buttonTertiaryText","buttonTertiaryTextHover","buttonTertiaryDisabledText","$size","templateObject_5","borderRadiusLarge","$full","templateObject_6","$css","templateObject_7"],"mappings":"2HAIA,oBAAMA,EAAgB,OAChBC,EAAsB,OAEfC,EAASC,EAAOC,KAAIC,IAAAA,EAAAC,EAAA,CAAA,oBAAA,sDAAA,CAAsB,oBACN,wDAAhC,SAACC,GAAc,OAAPA,EAAAC,MAAaC,QAAQC,GAAd,GAMnBC,EAAeR,EAAOS,unBAQjC,8CAE2B,gGAQ6H,eAE3G,mBAEA,yBAEY,8CAEQ,8IAY1D,qBAKgB,qBAKA,+CAEoC,yBACE,0DAwB1D,SAqBA,SAqBA,WAYA,SAMA,SAMA,QAnIWZ,EAKH,SAACO,OAAEC,EAAKD,EAAAC,MACjB,OADgCD,EAAAM,cAE5B,IACA,iBAAUb,EAAa,SAAAc,OAAQN,EAAMI,OAAOG,sBAAqB,YAAAD,OAAWN,EAAMQ,WAAWC,WAAU,YAAAH,OAAWN,EAAMI,OAAOM,kBAFnI,EAGO,SAACX,GACR,OADuBA,EAAAM,cACP,GAAAC,OAAGd,GAAkB,MAArC,EACW,SAACO,GACZ,OAD2BA,EAAAM,cACX,GAAAC,OAAGd,GAAkB,MAArC,EAEe,SAACO,GAAc,OAAPA,EAAAC,MAAaI,OAAOO,YAAb,EAEhB,SAACZ,GAAc,OAAPA,EAAAC,MAAaI,OAAOG,qBAAb,EAQlB,SAACR,GAIR,OAFYA,EAAAC,MAAAY,UAAAC,CAEZ,EACS,SAACd,GAIV,OAF6BA,EAAAC,MAAAQ,WAAAM,iBAE7B,EACS,SAACf,GAIV,OAF6BA,EAAAC,MAAAQ,WAAAO,iBAE7B,EAEY,SAAChB,GAAc,OAAPA,EAAAC,MAAaI,OAAOY,aAAb,EACd,SAACjB,GAAc,OAAPA,EAAAC,MAAaI,OAAOa,cAAb,EAMhC,SAACC,GACD,MAAsB,YAAtBA,EAAMC,aACNC,yYAAG,6BAC6D,0BACR,mBACT,4EAGwB,4BACR,qBACT,sGAIoB,qBACjB,uCACS,sBAb5CF,EAAMlB,MAAMqB,OAAOC,wBACvBJ,EAAMlB,MAAMqB,OAAOE,oBAC1BL,EAAMlB,MAAMqB,OAAOG,kBAGNN,EAAMlB,MAAMqB,OAAOI,6BACvBP,EAAMlB,MAAMqB,OAAOK,yBAC1BR,EAAMlB,MAAMqB,OAAOM,uBAIRT,EAAMlB,MAAMqB,OAAOO,gCAC9BV,EAAMlB,MAAMqB,OAAOQ,0BACZX,EAAMlB,MAAMqB,OAAOS,4BAfvC,EAmBA,SAACZ,GACD,MAAsB,cAAtBA,EAAMC,aACNC,EAAGW,IAAAA,EAAAjC,EAAA,CAAA,6BAAA,0BAAA,mBAAA,4EAAA,4BAAA,qBAAA,sGAAA,qBAAA,uCAAA,oBAAA,CAAA,6BAC+D,0BACR,mBACT,4EAGwB,4BACR,qBACT,sGAKhB,qBACmB,uCACS,sBAd9CoB,EAAMlB,MAAMqB,OAAOW,0BACvBd,EAAMlB,MAAMqB,OAAOY,sBAC1Bf,EAAMlB,MAAMqB,OAAOa,oBAGNhB,EAAMlB,MAAMqB,OAAOc,+BACvBjB,EAAMlB,MAAMqB,OAAOe,2BAC1BlB,EAAMlB,MAAMqB,OAAOgB,yBAIRnB,EAAMlB,MAAMqB,OAC7BiB,kCACMpB,EAAMlB,MAAMqB,OAAOkB,4BACZrB,EAAMlB,MAAMqB,OAAOmB,8BAhBvC,EAoBA,SAACtB,GACD,MAAsB,aAAtBA,EAAMC,aACNC,EAAGqB,IAAAA,EAAA3C,EAAA,CAAA,4KAAA,sDAAA,wHAAA,mEAAA,CAAA,4KAM6C,sDAGO,wHAKG,qEAR/CoB,EAAMlB,MAAMqB,OAAOqB,mBAGjBxB,EAAMlB,MAAMqB,OAAOsB,wBAKnBzB,EAAMlB,MAAMqB,OAAOuB,2BAfhC,EAoBA,SAAC7C,GAAE,IAAAC,UAAO6C,EAAK9C,EAAA8C,MAAExC,EAAaN,EAAAM,cAC9B,MAAU,MAAVwC,GACAzB,EAAG0B,IAAAA,EAAAhD,EAAA,CAAA,uBAAA,2BAAA,qBAAA,uBAAA,oBAAA,WAAA,CAAA,uBACgC,2BACc,qBAG8F,uBAC/E,oBACI,aANpDL,EACGO,EAAMI,OAAO2C,kBACnB1C,EACP,IACA,iBAAUZ,EAAmB,SAAAa,OAAQN,EAAMI,OAAOG,sBAAqB,YAAAD,OAAWN,EAAMQ,WAAWC,WAAU,YAAAH,OAAWN,EAAMC,QAAQY,GAC7HR,EAAgB,GAAAC,OAAGb,GAAwB,OAC9CY,EAAgB,GAAAC,OAAGb,GAAwB,cARvD,EAWA,SAACyB,GACD,OAAAA,EAAM8B,OACN5B,EAAG6B,IAAAA,EAAAnD,EAAA,CAAA,8BAAA,CAAA,gCADH,EAKA,SAACoB,GACD,OAAAA,EAAMgC,MACN9B,EAAG+B,IAAAA,EAAArD,EAAA,CAAA,WAAA,UAAA,CAAA,WACW,YAAVoB,EAAMgC,KAFV"}

package/lib/src/components/Carousel/styles.d.ts

@@ -1,30 +0,0 @@
-import { type ThemeType } from "../../types";
-export declare const CarouselWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const CarouselScrollArea: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {
-    $smoothScrolling: boolean;
-}>> & string;
-export declare const CarouselCard: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {
-    $onlyChild: boolean;
-    $fullWidthChild: boolean;
-}>> & string;
-export declare const CarouselCardInner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $isSelected: boolean;
-    $shrinkUnselectedPages: boolean;
-    $onlyChild: boolean;
-    $fullWidthChild: boolean;
-}>> & string;
-export declare const ButtonWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const VerticalAlign: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const CarouselButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
-    disabled: boolean;
-    theme: ThemeType;
-}>> & string;
-export declare const DotContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $count: number;
-    theme: ThemeType;
-}>> & string;
-export declare const Dot: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
-    $selected: boolean;
-    theme: ThemeType;
-}>> & string;
-export declare const ScreenReaderOnly: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;