@digigov/react-core 2.0.0-daaf7bdf → 2.0.0-eaf330f5

package/Grid/index.d.ts

@@ -2,13 +2,13 @@ import React from 'react';
 import { BaseProps } from '@digigov/react-core/Base';
 type GridValues = 'auto' | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
 type SpacingValues = 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 11 | 12;
-type SpacingMediaValues = {
+interface SpacingMediaValues {
     xs?: SpacingValues;
     sm?: SpacingValues;
     md?: SpacingValues;
     lg?: SpacingValues;
     xl?: SpacingValues;
-};
+}
 export interface GridProps extends BaseProps<'div' | 'aside' | 'main'> {
     /**
      * If true, the component will have the flex container behavior. You should be wrapping items with a container.

package/Grid/index.js

@@ -23,6 +23,7 @@ const Grid = React.forwardRef(function Grid2({
       ref,
       className: clsx(className, {
         "ds-grid": container,
+        "ds-grid-item": item,
         "ds-grid-inline": container && inline,
         [`ds-gap-${spacing}`]: container && typeof spacing === "number",
         [`ds-gap-xs-${spacing?.xs}`]: container && spacing?.xs !== void 0,

package/Grid/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Grid/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\ntype GridValues = 'auto' | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\ntype SpacingValues = 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 11 | 12;\ntype SpacingMediaValues = {\n  xs?: SpacingValues;\n  sm?: SpacingValues;\n  md?: SpacingValues;\n  lg?: SpacingValues;\n  xl?: SpacingValues;\n};\nexport interface GridProps extends BaseProps<'div' | 'aside' | 'main'> {\n  /**\n   * If true, the component will have the flex container behavior. You should be wrapping items with a container.\n   * @value true\n   * @value false\n   * @default false\n   */\n  container?: boolean;\n  /**\n   * @value true\n   * @value false\n   * @default true\n   */\n  item?: boolean;\n  /**\n   * @value true\n   * @value false\n   */\n  inline?: boolean;\n  /**\n   * Defines the space between the type item components. It can only be used on a type container component.\n   * @value 1\n   * @value 2\n   * @value 4\n   * @value 6\n   * @value 8\n   * @value 10\n   * @value 12\n   * @value object\n   * @default undefined\n   */\n  spacing?: SpacingValues | SpacingMediaValues;\n\n  /**\n   * If a number, it sets the number of columns the grid item uses.\n   * It can't be greater than the total number of columns of the container (12).\n   * If 'auto', the grid item's width matches its content.\n   * If it's not set, the prop is ignored.\n   * The value is applied for all the screen sizes with the lowest priority.\n   */\n  xs?: GridValues;\n  /**\n   * If a number, it sets the number of columns the grid item uses.\n   * It can't be greater than the total number of columns of the container (12).\n   * If 'auto', the grid item's width matches its content.\n   * If it's not set, the prop is ignored.\n   * The value is applied for the sm breakpoint and wider screens if not overridden.\n   */\n  sm?: GridValues;\n  /**\n   * If a number, it sets the number of columns the grid item uses.\n   * It can't be greater than the total number of columns of the container (12).\n   * If 'auto', the grid item's width matches its content.\n   * If it's not set, the prop is ignored.\n   * The value is applied for the md breakpoint and wider screens if not overridden.\n   */\n  md?: GridValues;\n  /**\n   * If a number, it sets the number of columns the grid item uses.\n   * It can't be greater than the total number of columns of the container (12).\n   * If 'auto', the grid item's width matches its content.\n   * If it's not set, the prop is ignored.\n   * The value is applied for the lg breakpoint and wider screens if not overridden.\n   */\n  lg?: GridValues;\n  /**\n   * If a number, it sets the number of columns the grid item uses.\n   * It can't be greater than the total number of columns of the container (12).\n   * If 'auto', the grid item's width matches its content.\n   * If it's not set, the prop is ignored.\n   * The value is applied for the xl breakpoint and wider screens.\n   */\n  xl?: GridValues;\n}\n/**\n * Grid is used to arrange other components in complex grid configurations of rows and columns.\n */\nexport const Grid = React.forwardRef<HTMLElement, GridProps>(function Grid(\n  {\n    className,\n    children,\n    container = false,\n    item = true,\n    spacing,\n    inline,\n    xs,\n    sm,\n    md,\n    lg,\n    xl,\n    as,\n    ...props\n  },\n  ref\n) {\n  return (\n    <Base\n      as={as || 'div'}\n      ref={ref}\n      className={clsx(className, {\n        'ds-grid': container,\n        'ds-grid-inline': container && inline,\n        [`ds-gap-${spacing}`]: container && typeof spacing === 'number',\n        [`ds-gap-xs-${(spacing as SpacingMediaValues)?.xs}`]:\n          container && (spacing as SpacingMediaValues)?.xs !== undefined,\n        [`ds-gap-sm-${(spacing as SpacingMediaValues)?.sm}`]:\n          container && (spacing as SpacingMediaValues)?.sm !== undefined,\n        [`ds-gap-md-${(spacing as SpacingMediaValues)?.md}`]:\n          container && (spacing as SpacingMediaValues)?.md !== undefined,\n        [`ds-gap-lg-${(spacing as SpacingMediaValues)?.lg}`]:\n          container && (spacing as SpacingMediaValues)?.lg !== undefined,\n        [`ds-gap-xl-${(spacing as SpacingMediaValues)?.xl}`]:\n          container && (spacing as SpacingMediaValues)?.xl !== undefined,\n        [`xs:ds-grid__col-span-${xs}`]: item && xs !== undefined,\n        [`sm:ds-grid__col-span-${sm}`]: item && sm !== undefined,\n        [`md:ds-grid__col-span-${md}`]: item && md !== undefined,\n        [`lg:ds-grid__col-span-${lg}`]: item && lg !== undefined,\n        [`xl:ds-grid__col-span-${xl}`]: item && xl !== undefined,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default Grid;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAwFzB,MAAM,OAAO,MAAM,WAAmC,SAASA,MACpE;AAAA,EACE;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACA,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAI,MAAM;AAAA,MACV;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,WAAW;AAAA,QACX,kBAAkB,aAAa;AAAA,QAC/B,CAAC,UAAU,OAAO,EAAE,GAAG,aAAa,OAAO,YAAY;AAAA,QACvD,CAAC,aAAc,SAAgC,EAAE,EAAE,GACjD,aAAc,SAAgC,OAAO;AAAA,QACvD,CAAC,aAAc,SAAgC,EAAE,EAAE,GACjD,aAAc,SAAgC,OAAO;AAAA,QACvD,CAAC,aAAc,SAAgC,EAAE,EAAE,GACjD,aAAc,SAAgC,OAAO;AAAA,QACvD,CAAC,aAAc,SAAgC,EAAE,EAAE,GACjD,aAAc,SAAgC,OAAO;AAAA,QACvD,CAAC,aAAc,SAAgC,EAAE,EAAE,GACjD,aAAc,SAAgC,OAAO;AAAA,QACvD,CAAC,wBAAwB,EAAE,EAAE,GAAG,QAAQ,OAAO;AAAA,QAC/C,CAAC,wBAAwB,EAAE,EAAE,GAAG,QAAQ,OAAO;AAAA,QAC/C,CAAC,wBAAwB,EAAE,EAAE,GAAG,QAAQ,OAAO;AAAA,QAC/C,CAAC,wBAAwB,EAAE,EAAE,GAAG,QAAQ,OAAO;AAAA,QAC/C,CAAC,wBAAwB,EAAE,EAAE,GAAG,QAAQ,OAAO;AAAA,MACjD,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,eAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\ntype GridValues = 'auto' | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\ntype SpacingValues = 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 11 | 12;\ninterface SpacingMediaValues {\n  xs?: SpacingValues;\n  sm?: SpacingValues;\n  md?: SpacingValues;\n  lg?: SpacingValues;\n  xl?: SpacingValues;\n}\nexport interface GridProps extends BaseProps<'div' | 'aside' | 'main'> {\n  /**\n   * If true, the component will have the flex container behavior. You should be wrapping items with a container.\n   * @value true\n   * @value false\n   * @default false\n   */\n  container?: boolean;\n  /**\n   * @value true\n   * @value false\n   * @default true\n   */\n  item?: boolean;\n  /**\n   * @value true\n   * @value false\n   */\n  inline?: boolean;\n  /**\n   * Defines the space between the type item components. It can only be used on a type container component.\n   * @value 1\n   * @value 2\n   * @value 4\n   * @value 6\n   * @value 8\n   * @value 10\n   * @value 12\n   * @value object\n   * @default undefined\n   */\n  spacing?: SpacingValues | SpacingMediaValues;\n\n  /**\n   * If a number, it sets the number of columns the grid item uses.\n   * It can't be greater than the total number of columns of the container (12).\n   * If 'auto', the grid item's width matches its content.\n   * If it's not set, the prop is ignored.\n   * The value is applied for all the screen sizes with the lowest priority.\n   */\n  xs?: GridValues;\n  /**\n   * If a number, it sets the number of columns the grid item uses.\n   * It can't be greater than the total number of columns of the container (12).\n   * If 'auto', the grid item's width matches its content.\n   * If it's not set, the prop is ignored.\n   * The value is applied for the sm breakpoint and wider screens if not overridden.\n   */\n  sm?: GridValues;\n  /**\n   * If a number, it sets the number of columns the grid item uses.\n   * It can't be greater than the total number of columns of the container (12).\n   * If 'auto', the grid item's width matches its content.\n   * If it's not set, the prop is ignored.\n   * The value is applied for the md breakpoint and wider screens if not overridden.\n   */\n  md?: GridValues;\n  /**\n   * If a number, it sets the number of columns the grid item uses.\n   * It can't be greater than the total number of columns of the container (12).\n   * If 'auto', the grid item's width matches its content.\n   * If it's not set, the prop is ignored.\n   * The value is applied for the lg breakpoint and wider screens if not overridden.\n   */\n  lg?: GridValues;\n  /**\n   * If a number, it sets the number of columns the grid item uses.\n   * It can't be greater than the total number of columns of the container (12).\n   * If 'auto', the grid item's width matches its content.\n   * If it's not set, the prop is ignored.\n   * The value is applied for the xl breakpoint and wider screens.\n   */\n  xl?: GridValues;\n}\n/**\n * Grid is used to arrange other components in complex grid configurations of rows and columns.\n */\nexport const Grid = React.forwardRef<HTMLElement, GridProps>(function Grid(\n  {\n    className,\n    children,\n    container = false,\n    item = true,\n    spacing,\n    inline,\n    xs,\n    sm,\n    md,\n    lg,\n    xl,\n    as,\n    ...props\n  },\n  ref\n) {\n  return (\n    <Base\n      as={as || 'div'}\n      ref={ref}\n      className={clsx(className, {\n        'ds-grid': container,\n        'ds-grid-item': item,\n        'ds-grid-inline': container && inline,\n        [`ds-gap-${spacing}`]: container && typeof spacing === 'number',\n        [`ds-gap-xs-${(spacing as SpacingMediaValues)?.xs}`]:\n          container && (spacing as SpacingMediaValues)?.xs !== undefined,\n        [`ds-gap-sm-${(spacing as SpacingMediaValues)?.sm}`]:\n          container && (spacing as SpacingMediaValues)?.sm !== undefined,\n        [`ds-gap-md-${(spacing as SpacingMediaValues)?.md}`]:\n          container && (spacing as SpacingMediaValues)?.md !== undefined,\n        [`ds-gap-lg-${(spacing as SpacingMediaValues)?.lg}`]:\n          container && (spacing as SpacingMediaValues)?.lg !== undefined,\n        [`ds-gap-xl-${(spacing as SpacingMediaValues)?.xl}`]:\n          container && (spacing as SpacingMediaValues)?.xl !== undefined,\n        [`xs:ds-grid__col-span-${xs}`]: item && xs !== undefined,\n        [`sm:ds-grid__col-span-${sm}`]: item && sm !== undefined,\n        [`md:ds-grid__col-span-${md}`]: item && md !== undefined,\n        [`lg:ds-grid__col-span-${lg}`]: item && lg !== undefined,\n        [`xl:ds-grid__col-span-${xl}`]: item && xl !== undefined,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default Grid;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAwFzB,MAAM,OAAO,MAAM,WAAmC,SAASA,MACpE;AAAA,EACE;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACA,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAI,MAAM;AAAA,MACV;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,WAAW;AAAA,QACX,gBAAgB;AAAA,QAChB,kBAAkB,aAAa;AAAA,QAC/B,CAAC,UAAU,OAAO,EAAE,GAAG,aAAa,OAAO,YAAY;AAAA,QACvD,CAAC,aAAc,SAAgC,EAAE,EAAE,GACjD,aAAc,SAAgC,OAAO;AAAA,QACvD,CAAC,aAAc,SAAgC,EAAE,EAAE,GACjD,aAAc,SAAgC,OAAO;AAAA,QACvD,CAAC,aAAc,SAAgC,EAAE,EAAE,GACjD,aAAc,SAAgC,OAAO;AAAA,QACvD,CAAC,aAAc,SAAgC,EAAE,EAAE,GACjD,aAAc,SAAgC,OAAO;AAAA,QACvD,CAAC,aAAc,SAAgC,EAAE,EAAE,GACjD,aAAc,SAAgC,OAAO;AAAA,QACvD,CAAC,wBAAwB,EAAE,EAAE,GAAG,QAAQ,OAAO;AAAA,QAC/C,CAAC,wBAAwB,EAAE,EAAE,GAAG,QAAQ,OAAO;AAAA,QAC/C,CAAC,wBAAwB,EAAE,EAAE,GAAG,QAAQ,OAAO;AAAA,QAC/C,CAAC,wBAAwB,EAAE,EAAE,GAAG,QAAQ,OAAO;AAAA,QAC/C,CAAC,wBAAwB,EAAE,EAAE,GAAG,QAAQ,OAAO;AAAA,MACjD,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,eAAQ;",
   "names": ["Grid"]
 }

package/HeaderContent/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/HeaderContent/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface HeaderContentProps extends BaseProps<'div'> { }\n/**\n * HeaderContent is used inside HeaderSection as a wrapper for the header items(eg HeaderTitle, HeaderLogo etc)\n */\nexport const HeaderContent = React.forwardRef<\n  HTMLDivElement,\n  HeaderContentProps\n>(function HeaderContent({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-header__content': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default HeaderContent;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface HeaderContentProps extends BaseProps<'div'> {}\n/**\n * HeaderContent is used inside HeaderSection as a wrapper for the header items(eg HeaderTitle, HeaderLogo etc)\n */\nexport const HeaderContent = React.forwardRef<\n  HTMLDivElement,\n  HeaderContentProps\n>(function HeaderContent({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-header__content': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default HeaderContent;\n"],
   "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAMzB,MAAM,gBAAgB,MAAM,WAGjC,SAASA,eAAc,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC/D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,sBAAsB;AAAA,MACxB,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,wBAAQ;",
   "names": ["HeaderContent"]
 }

package/HeaderLogoBase/index.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { LinkBaseProps } from '@digigov/react-core/LinkBase';
+export interface HeaderLogoBaseProps extends LinkBaseProps {
+    /**
+    * src is optional.
+  
+    */
+    src?: string;
+    /**
+    * href is optional.
+  
+    */
+    altText?: string;
+}
+/**
+ * Use this component inside the Header to provide a logo.
+ */
+export declare const HeaderLogoBase: React.ForwardRefExoticComponent<Omit<HeaderLogoBaseProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+export default HeaderLogoBase;

package/HeaderLogoBase/index.js

@@ -0,0 +1,33 @@
+import React from "react";
+import clsx from "clsx";
+import { LinkBase } from "@digigov/react-core/LinkBase";
+const HeaderLogoBase = React.forwardRef(function HeaderLogoBase2({ href, src, altText, className, ...props }, ref) {
+  return /* @__PURE__ */ React.createElement(
+    LinkBase,
+    {
+      href,
+      ref,
+      defaultStyle: false,
+      className: clsx(className, {
+        "ds-header__link": true
+      }),
+      ...props
+    },
+    /* @__PURE__ */ React.createElement(
+      "img",
+      {
+        src,
+        className: clsx(className, {
+          "ds-header__logo": true
+        }),
+        alt: altText
+      }
+    )
+  );
+});
+var HeaderLogoBase_default = HeaderLogoBase;
+export {
+  HeaderLogoBase,
+  HeaderLogoBase_default as default
+};
+//# sourceMappingURL=index.js.map

package/HeaderLogoBase/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/HeaderLogoBase/index.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport { LinkBase, LinkBaseProps } from '@digigov/react-core/LinkBase';\n\nexport interface HeaderLogoBaseProps extends LinkBaseProps {\n  /**\n  * src is optional.\n\n  */\n  src?: string;\n  /**\n  * href is optional.\n\n  */\n  altText?: string;\n}\n/**\n * Use this component inside the Header to provide a logo.\n */\nexport const HeaderLogoBase = React.forwardRef<\n  HTMLAnchorElement,\n  HeaderLogoBaseProps\n>(function HeaderLogoBase({ href, src, altText, className, ...props }, ref) {\n  return (\n    <LinkBase\n      href={href}\n      ref={ref}\n      defaultStyle={false}\n      className={clsx(className, {\n        'ds-header__link': true,\n      })}\n      {...props}\n    >\n      <img\n        src={src}\n        className={clsx(className, {\n          'ds-header__logo': true,\n        })}\n        alt={altText}\n      />\n    </LinkBase>\n  );\n});\nexport default HeaderLogoBase;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,SAAS,gBAA+B;AAiBjC,MAAM,iBAAiB,MAAM,WAGlC,SAASA,gBAAe,EAAE,MAAM,KAAK,SAAS,WAAW,GAAG,MAAM,GAAG,KAAK;AAC1E,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,cAAc;AAAA,MACd,WAAW,KAAK,WAAW;AAAA,QACzB,mBAAmB;AAAA,MACrB,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEJ;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,KAAK,WAAW;AAAA,UACzB,mBAAmB;AAAA,QACrB,CAAC;AAAA,QACD,KAAK;AAAA;AAAA,IACP;AAAA,EACF;AAEJ,CAAC;AACD,IAAO,yBAAQ;",
+  "names": ["HeaderLogoBase"]
+}

package/HeaderLogoBase/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../cjs/HeaderLogoBase/index.js"
+}

package/HeaderNavMenuContent/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/HeaderNavMenuContent/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface HeaderNavMenuContentProps extends BaseProps<'div'> { }\n/**\n *  Use HeaderMenuContent inside HeaderSection as a wrapper for the header items(eg HeaderTitle, HeaderLog,\n *  NavHorizontaList, SVG-icons  etc).\n *  HeaderMenuContent must only used when we use NavHorizontaList menu.\n */\nexport const HeaderNavMenuContent = React.forwardRef<\n  HTMLDivElement,\n  HeaderNavMenuContentProps\n>(function HeaderNavMenuContent({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-header-nav-menu__content': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default HeaderNavMenuContent;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface HeaderNavMenuContentProps extends BaseProps<'div'> {}\n/**\n *  Use HeaderMenuContent inside HeaderSection as a wrapper for the header items(eg HeaderTitle, HeaderLog,\n *  NavHorizontaList, SVG-icons  etc).\n *  HeaderMenuContent must only used when we use NavHorizontaList menu.\n */\nexport const HeaderNavMenuContent = React.forwardRef<\n  HTMLDivElement,\n  HeaderNavMenuContentProps\n>(function HeaderNavMenuContent({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-header-nav-menu__content': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default HeaderNavMenuContent;\n"],
   "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAQzB,MAAM,uBAAuB,MAAM,WAGxC,SAASA,sBAAqB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACtE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,+BAA+B;AAAA,MACjC,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,+BAAQ;",
   "names": ["HeaderNavMenuContent"]
 }

package/HeaderSecondaryLogoBase/index.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { LinkBaseProps } from '@digigov/react-core/LinkBase';
+export interface HeaderSecondaryLogoBaseProps extends LinkBaseProps {
+    /**
+    * src is needed to provide the url that we get the logo from.
+  
+    */
+    src: string;
+    /**
+    * href provides the alternative text for the img tag.
+  
+    */
+    altText?: string;
+}
+/**
+ * HeaderSecondaryLogo is used inside Header for providing additional logos.
+ */
+export declare const HeaderSecondaryLogoBase: React.ForwardRefExoticComponent<Omit<HeaderSecondaryLogoBaseProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+export default HeaderSecondaryLogoBase;

package/{HeaderSecondaryLogo → HeaderSecondaryLogoBase}/index.js

@@ -1,13 +1,13 @@
 import React from "react";
 import clsx from "clsx";
-import Base from "@digigov/react-core/Base";
-const HeaderSecondaryLogo = React.forwardRef(function HeaderSecondaryLogo2({ href, src, altText, className, ...props }, ref) {
+import { LinkBase } from "@digigov/react-core/LinkBase";
+const HeaderSecondaryLogoBase = React.forwardRef(function HeaderSecondaryLogoBase2({ href, src, altText, className, ...props }, ref) {
   return /* @__PURE__ */ React.createElement(
-    Base,
+    LinkBase,
     {
-      as: "a",
       href,
       ref,
+      defaultStyle: false,
       className: clsx(className, {
         "ds-header__link": true
       }),
@@ -25,9 +25,9 @@ const HeaderSecondaryLogo = React.forwardRef(function HeaderSecondaryLogo2({ hre
     )
   );
 });
-var HeaderSecondaryLogo_default = HeaderSecondaryLogo;
+var HeaderSecondaryLogoBase_default = HeaderSecondaryLogoBase;
 export {
-  HeaderSecondaryLogo,
-  HeaderSecondaryLogo_default as default
+  HeaderSecondaryLogoBase,
+  HeaderSecondaryLogoBase_default as default
 };
 //# sourceMappingURL=index.js.map

package/HeaderSecondaryLogoBase/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/HeaderSecondaryLogoBase/index.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport { LinkBase, LinkBaseProps } from '@digigov/react-core/LinkBase';\n\nexport interface HeaderSecondaryLogoBaseProps extends LinkBaseProps {\n  /**\n  * src is needed to provide the url that we get the logo from.\n\n  */\n  src: string;\n  /**\n  * href provides the alternative text for the img tag.\n\n  */\n  altText?: string;\n}\n/**\n * HeaderSecondaryLogo is used inside Header for providing additional logos.\n */\nexport const HeaderSecondaryLogoBase = React.forwardRef<\n  HTMLAnchorElement,\n  HeaderSecondaryLogoBaseProps\n>(function HeaderSecondaryLogoBase(\n  { href, src, altText, className, ...props },\n  ref\n) {\n  return (\n    <LinkBase\n      href={href}\n      ref={ref}\n      defaultStyle={false}\n      className={clsx(className, {\n        'ds-header__link': true,\n      })}\n      {...props}\n    >\n      <img\n        src={src}\n        className={clsx(className, {\n          'ds-header__secondary-logo': true,\n        })}\n        alt={altText}\n      />\n    </LinkBase>\n  );\n});\n\nexport default HeaderSecondaryLogoBase;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,SAAS,gBAA+B;AAiBjC,MAAM,0BAA0B,MAAM,WAG3C,SAASA,yBACT,EAAE,MAAM,KAAK,SAAS,WAAW,GAAG,MAAM,GAC1C,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,cAAc;AAAA,MACd,WAAW,KAAK,WAAW;AAAA,QACzB,mBAAmB;AAAA,MACrB,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEJ;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,KAAK,WAAW;AAAA,UACzB,6BAA6B;AAAA,QAC/B,CAAC;AAAA,QACD,KAAK;AAAA;AAAA,IACP;AAAA,EACF;AAEJ,CAAC;AAED,IAAO,kCAAQ;",
+  "names": ["HeaderSecondaryLogoBase"]
+}

package/HeaderSecondaryLogoBase/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../cjs/HeaderSecondaryLogoBase/index.js"
+}

package/HeaderSection/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/HeaderSection/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface HeaderSectionProps extends BaseProps<'div'> { }\n/**\n * HeaderSection is used inside Header component as a container for its items.\n */\nexport const HeaderSection = React.forwardRef<\n  HTMLDivElement,\n  HeaderSectionProps\n>(function HeaderSection({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-header__section': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default HeaderSection;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface HeaderSectionProps extends BaseProps<'div'> {}\n/**\n * HeaderSection is used inside Header component as a container for its items.\n */\nexport const HeaderSection = React.forwardRef<\n  HTMLDivElement,\n  HeaderSectionProps\n>(function HeaderSection({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-header__section': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default HeaderSection;\n"],
   "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAMzB,MAAM,gBAAgB,MAAM,WAGjC,SAASA,eAAc,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC/D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,sBAAsB;AAAA,MACxB,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,wBAAQ;",
   "names": ["HeaderSection"]
 }

package/HeaderTitleBase/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { LinkBaseProps } from '@digigov/react-core/LinkBase';
+export interface HeaderTitleBaseProps extends LinkBaseProps {
+}
+/**
+ * Use this component inside HeaderContent to provide a title to the header.
+ */
+export declare const HeaderTitleBase: React.ForwardRefExoticComponent<Omit<HeaderTitleBaseProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+export default HeaderTitleBase;

package/HeaderTitleBase/index.js

@@ -0,0 +1,24 @@
+import React from "react";
+import clsx from "clsx";
+import { LinkBase } from "@digigov/react-core/LinkBase";
+const HeaderTitleBase = React.forwardRef(function HeaderTitleBase2({ href = "/", className, children, ...props }, ref) {
+  return /* @__PURE__ */ React.createElement(
+    LinkBase,
+    {
+      ref,
+      href,
+      defaultStyle: false,
+      className: clsx(className, {
+        "ds-header__title": true
+      }),
+      ...props
+    },
+    children
+  );
+});
+var HeaderTitleBase_default = HeaderTitleBase;
+export {
+  HeaderTitleBase,
+  HeaderTitleBase_default as default
+};
+//# sourceMappingURL=index.js.map

package/HeaderTitleBase/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/HeaderTitleBase/index.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport { LinkBase, LinkBaseProps } from '@digigov/react-core/LinkBase';\n\nexport interface HeaderTitleBaseProps extends LinkBaseProps {}\n/**\n * Use this component inside HeaderContent to provide a title to the header.\n */\nexport const HeaderTitleBase = React.forwardRef<\n  HTMLAnchorElement,\n  HeaderTitleBaseProps\n>(function HeaderTitleBase({ href = '/', className, children, ...props }, ref) {\n  return (\n    <LinkBase\n      ref={ref}\n      href={href}\n      defaultStyle={false}\n      className={clsx(className, {\n        'ds-header__title': true,\n      })}\n      {...props}\n    >\n      {children}\n    </LinkBase>\n  );\n});\n\nexport default HeaderTitleBase;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,SAAS,gBAA+B;AAMjC,MAAM,kBAAkB,MAAM,WAGnC,SAASA,iBAAgB,EAAE,OAAO,KAAK,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC7E,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,cAAc;AAAA,MACd,WAAW,KAAK,WAAW;AAAA,QACzB,oBAAoB;AAAA,MACtB,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,0BAAQ;",
+  "names": ["HeaderTitleBase"]
+}

package/HeaderTitleBase/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../cjs/HeaderTitleBase/index.js"
+}

package/Hidden/index.js

@@ -1,7 +1,20 @@
 import React from "react";
 import Base from "@digigov/react-core/Base";
 const Hidden = React.forwardRef(
-  function Hidden2({ className, children, xsUp = false, smUp, mdUp, lgUp, xlUp, xs, sm, md, lg, xl, ...props }, ref) {
+  function Hidden2({
+    children,
+    xsUp = false,
+    smUp,
+    mdUp,
+    lgUp,
+    xlUp,
+    xs,
+    sm,
+    md,
+    lg,
+    xl,
+    ...props
+  }, ref) {
     return /* @__PURE__ */ React.createElement(
       Base,
       {

package/Hidden/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Hidden/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface HiddenProps extends BaseProps<'div'> {\n  /**\n   * @value true\n   * @value false\n   * @default false\n   */\n  xsUp?: boolean;\n  /**\n   * @value true\n   * @value false\n   * @default false\n   */\n  smUp?: boolean;\n  /**\n   * @value true\n   * @value false\n   * @default false\n   */\n  mdUp?: boolean;\n  /**\n   * @value true\n   * @value false\n   * @default false\n   */\n  lgUp?: boolean;\n  /**\n   * @value true\n   * @value false\n   * @default false\n   */\n  xlUp?: boolean;\n  /**\n   * @value true\n   * @value false\n   * @default false\n   */\n  xs?: boolean;\n  /**\n   * @value true\n   * @value false\n   * @default false\n   */\n  sm?: boolean;\n  /**\n   * @value true\n   * @value false\n   * @default false\n   */\n  md?: boolean;\n  /**\n   * @value true\n   * @value false\n   * @default false\n   */\n  lg?: boolean;\n  /**\n   * @value true\n   * @value false\n   * @default false\n   */\n  xl?: boolean;\n}\n/**\n * Hidden is used to responsively hide children based on the screen size.\n * Each property refers to a specific screen sizes and applies the \"invisible\"\n * property at the selected screen size and above.\n */\nexport const Hidden = React.forwardRef<HTMLDivElement, HiddenProps>(\n  function Hidden(\n    { className, children, xsUp = false, smUp, mdUp, lgUp, xlUp, xs, sm, md, lg, xl, ...props },\n    ref\n  ) {\n    return (\n      <Base\n        as=\"div\"\n        ref={ref}\n        xsUpHidden={xsUp}\n        smUpHidden={smUp}\n        mdUpHidden={mdUp}\n        lgUpHidden={lgUp}\n        xlUpHidden={xlUp}\n        xsHidden={xs}\n        smHidden={sm}\n        mdHidden={md}\n        lgHidden={lg}\n        xlHidden={xl}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default Hidden;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAyB;AAqEzB,MAAM,SAAS,MAAM;AAAA,EAC1B,SAASA,QACP,EAAE,WAAW,UAAU,OAAO,OAAO,MAAM,MAAM,MAAM,MAAM,IAAI,IAAI,IAAI,IAAI,IAAI,GAAG,MAAM,GAC1F,KACA;AACA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,UAAU;AAAA,QACV,UAAU;AAAA,QACV,UAAU;AAAA,QACV,UAAU;AAAA,QACV,UAAU;AAAA,QACT,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,iBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface HiddenProps extends BaseProps<'div'> {\n  /**\n   * @value true\n   * @value false\n   * @default false\n   */\n  xsUp?: boolean;\n  /**\n   * @value true\n   * @value false\n   * @default false\n   */\n  smUp?: boolean;\n  /**\n   * @value true\n   * @value false\n   * @default false\n   */\n  mdUp?: boolean;\n  /**\n   * @value true\n   * @value false\n   * @default false\n   */\n  lgUp?: boolean;\n  /**\n   * @value true\n   * @value false\n   * @default false\n   */\n  xlUp?: boolean;\n  /**\n   * @value true\n   * @value false\n   * @default false\n   */\n  xs?: boolean;\n  /**\n   * @value true\n   * @value false\n   * @default false\n   */\n  sm?: boolean;\n  /**\n   * @value true\n   * @value false\n   * @default false\n   */\n  md?: boolean;\n  /**\n   * @value true\n   * @value false\n   * @default false\n   */\n  lg?: boolean;\n  /**\n   * @value true\n   * @value false\n   * @default false\n   */\n  xl?: boolean;\n}\n/**\n * Hidden is used to responsively hide children based on the screen size.\n * Each property refers to a specific screen sizes and applies the \"invisible\"\n * property at the selected screen size and above.\n */\nexport const Hidden = React.forwardRef<HTMLDivElement, HiddenProps>(\n  function Hidden(\n    {\n      children,\n      xsUp = false,\n      smUp,\n      mdUp,\n      lgUp,\n      xlUp,\n      xs,\n      sm,\n      md,\n      lg,\n      xl,\n      ...props\n    },\n    ref\n  ) {\n    return (\n      <Base\n        as=\"div\"\n        ref={ref}\n        xsUpHidden={xsUp}\n        smUpHidden={smUp}\n        mdUpHidden={mdUp}\n        lgUpHidden={lgUp}\n        xlUpHidden={xlUp}\n        xsHidden={xs}\n        smHidden={sm}\n        mdHidden={md}\n        lgHidden={lg}\n        xlHidden={xl}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default Hidden;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAyB;AAqEzB,MAAM,SAAS,MAAM;AAAA,EAC1B,SAASA,QACP;AAAA,IACE;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,KACA;AACA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,UAAU;AAAA,QACV,UAAU;AAAA,QACV,UAAU;AAAA,QACV,UAAU;AAAA,QACV,UAAU;AAAA,QACT,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,iBAAQ;",
   "names": ["Hidden"]
 }

package/Hint/index.d.ts

@@ -7,12 +7,12 @@ export interface HintProps extends TypographyProps {
      */
     breakWords?: boolean;
     /**
-   * size is optional.
-   * @value 'lg' Use it when a lg text is an introductory paragraph that you can use at the top of a page to summarize the content.
-   * @value 'md' The majority of your body should use the standard 'md' size.
-   * @value 'sm' Use it sparingly to make your text font size smaller: 16px on larger screens and 14px on smaller screens.
-   * @default 'md'
-   */
+     * size is optional.
+     * @value 'lg' Use it when a lg text is an introductory paragraph that you can use at the top of a page to summarize the content.
+     * @value 'md' The majority of your body should use the standard 'md' size.
+     * @value 'sm' Use it sparingly to make your text font size smaller: 16px on larger screens and 14px on smaller screens.
+     * @default 'md'
+     */
     size?: 'lg' | 'md' | 'sm';
 }
 /**

package/Hint/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Hint/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Typography, { TypographyProps } from '@digigov/react-core/Typography';\n\nexport interface HintProps extends TypographyProps {\n  /**\n   * breakWords is optional. false is the default value.\n   * Use true when you want to break words.\n   */\n  breakWords?: boolean;\n  /**\n * size is optional.\n * @value 'lg' Use it when a lg text is an introductory paragraph that you can use at the top of a page to summarize the content.\n * @value 'md' The majority of your body should use the standard 'md' size.\n * @value 'sm' Use it sparingly to make your text font size smaller: 16px on larger screens and 14px on smaller screens.\n * @default 'md'\n */\n  size?: 'lg' | 'md' | 'sm';\n}\n/**\n * Hint component can be used in form pages and it gives an extra hint description to the form.\n */\nexport const Hint = React.forwardRef<HTMLParagraphElement, HintProps>(\n  function Hint({ size, className, children, breakWords, ...props }, ref) {\n    return (\n      <Typography\n        as=\"p\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-hint': true,\n          'ds-hint--break-words': breakWords,\n          'ds-hint--lg': size === 'lg',\n          'ds-hint--sm': size === 'sm',\n        })}\n        {...props}\n      >\n        {children}\n      </Typography>\n    );\n  }\n);\n\nexport default Hint;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Typography, { TypographyProps } from '@digigov/react-core/Typography';\n\nexport interface HintProps extends TypographyProps {\n  /**\n   * breakWords is optional. false is the default value.\n   * Use true when you want to break words.\n   */\n  breakWords?: boolean;\n  /**\n   * size is optional.\n   * @value 'lg' Use it when a lg text is an introductory paragraph that you can use at the top of a page to summarize the content.\n   * @value 'md' The majority of your body should use the standard 'md' size.\n   * @value 'sm' Use it sparingly to make your text font size smaller: 16px on larger screens and 14px on smaller screens.\n   * @default 'md'\n   */\n  size?: 'lg' | 'md' | 'sm';\n}\n/**\n * Hint component can be used in form pages and it gives an extra hint description to the form.\n */\nexport const Hint = React.forwardRef<HTMLParagraphElement, HintProps>(\n  function Hint({ size, className, children, breakWords, ...props }, ref) {\n    return (\n      <Typography\n        as=\"p\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-hint': true,\n          'ds-hint--break-words': breakWords,\n          'ds-hint--lg': size === 'lg',\n          'ds-hint--sm': size === 'sm',\n        })}\n        {...props}\n      >\n        {children}\n      </Typography>\n    );\n  }\n);\n\nexport default Hint;\n"],
   "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,gBAAqC;AAoBrC,MAAM,OAAO,MAAM;AAAA,EACxB,SAASA,MAAK,EAAE,MAAM,WAAW,UAAU,YAAY,GAAG,MAAM,GAAG,KAAK;AACtE,WACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,WAAW,KAAK,WAAW;AAAA,UACzB,WAAW;AAAA,UACX,wBAAwB;AAAA,UACxB,eAAe,SAAS;AAAA,UACxB,eAAe,SAAS;AAAA,QAC1B,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,eAAQ;",
   "names": ["Hint"]
 }

package/ImageLogo/index.js

@@ -2,7 +2,7 @@ import React from "react";
 import clsx from "clsx";
 import Base from "@digigov/react-core/Base";
 const ImageLogo = React.forwardRef(
-  function ImageLogo2({ lang, src, variant, className, children, ...props }, ref) {
+  function ImageLogo2({ src, variant, className, ...props }, ref) {
     return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
       Base,
       {

package/ImageLogo/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/ImageLogo/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface ImageLogoProps extends BaseProps<'img'> {\n  /**\n   * src is optional.\n   * src is used to display images.\n   */\n  src?: string;\n  /**\n   * variant is optional.\n   * variant is used to display images depending the theme (dark, light).\n   */\n  variant?: 'light' | 'dark';\n}\n/**\n * ImageLogo is used as a generic component for digigov images.\n * This component can't have children.\n */\nexport const ImageLogo = React.forwardRef<HTMLImageElement, ImageLogoProps>(\n  function ImageLogo(\n    { lang, src, variant, className, children, ...props },\n    ref\n  ) {\n    return (\n      <>\n        <Base\n          as=\"img\"\n          src={src}\n          ref={ref}\n          printHidden\n          className={clsx(className, {\n            'ds-image-logo': variant === undefined,\n            [`ds-image-logo-${variant}`]: variant !== undefined,\n          })}\n          {...props}\n        />\n      </>\n    );\n  }\n);\n\nexport default ImageLogo;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAkBzB,MAAM,YAAY,MAAM;AAAA,EAC7B,SAASA,WACP,EAAE,MAAM,KAAK,SAAS,WAAW,UAAU,GAAG,MAAM,GACpD,KACA;AACA,WACE,0DACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA;AAAA,QACA,aAAW;AAAA,QACX,WAAW,KAAK,WAAW;AAAA,UACzB,iBAAiB,YAAY;AAAA,UAC7B,CAAC,iBAAiB,OAAO,EAAE,GAAG,YAAY;AAAA,QAC5C,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,IACN,CACF;AAAA,EAEJ;AACF;AAEA,IAAO,oBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface ImageLogoProps extends BaseProps<'img'> {\n  /**\n   * src is optional.\n   * src is used to display images.\n   */\n  src?: string;\n  /**\n   * variant is optional.\n   * variant is used to display images depending the theme (dark, light).\n   */\n  variant?: 'light' | 'dark';\n}\n/**\n * ImageLogo is used as a generic component for digigov images.\n * This component can't have children.\n */\nexport const ImageLogo = React.forwardRef<HTMLImageElement, ImageLogoProps>(\n  function ImageLogo({ src, variant, className, ...props }, ref) {\n    return (\n      <>\n        <Base\n          as=\"img\"\n          src={src}\n          ref={ref}\n          printHidden\n          className={clsx(className, {\n            'ds-image-logo': variant === undefined,\n            [`ds-image-logo-${variant}`]: variant !== undefined,\n          })}\n          {...props}\n        />\n      </>\n    );\n  }\n);\n\nexport default ImageLogo;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAkBzB,MAAM,YAAY,MAAM;AAAA,EAC7B,SAASA,WAAU,EAAE,KAAK,SAAS,WAAW,GAAG,MAAM,GAAG,KAAK;AAC7D,WACE,0DACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA;AAAA,QACA,aAAW;AAAA,QACX,WAAW,KAAK,WAAW;AAAA,UACzB,iBAAiB,YAAY;AAAA,UAC7B,CAAC,iBAAiB,OAAO,EAAE,GAAG,YAAY;AAAA,QAC5C,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,IACN,CACF;AAAA,EAEJ;AACF;AAEA,IAAO,oBAAQ;",
   "names": ["ImageLogo"]
 }

package/ImageLogoSet/index.d.ts

@@ -10,7 +10,7 @@ export interface ImageLogoSet extends BaseProps<'img'> {
      * variant is optional.
      * variant is used to display images depending the theme (dark, light).
      */
-    variants?: Array<'dark' | 'light'>;
+    variants?: ('dark' | 'light')[];
 }
 /**
  * ImageLogoSet is used as image inverter depending the theme (dark, light).

package/ImageLogoSet/index.js

@@ -1,9 +1,9 @@
 import React from "react";
 import ImageLogo from "@digigov/react-core/ImageLogo";
 const ImageLogoSet = React.forwardRef(
-  function ImageLogoSet2({ lang, src, variants = ["dark", "light"], className, children, ...props }, ref) {
+  function ImageLogoSet2({ src, variants = ["dark", "light"], ...props }, ref) {
     return /* @__PURE__ */ React.createElement(React.Fragment, null, variants.map((variant) => {
-      const imageSrc = src?.replace(/(\.[^\.]+)$/, `--${variant}$1`);
+      const imageSrc = src?.replace(/(\.[^.]+)$/, `--${variant}$1`);
       return /* @__PURE__ */ React.createElement(
         ImageLogo,
         {

package/ImageLogoSet/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/ImageLogoSet/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { BaseProps } from '@digigov/react-core/Base';\nimport ImageLogo from '@digigov/react-core/ImageLogo';\n\nexport interface ImageLogoSet extends BaseProps<'img'> {\n  /**\n   * src is optional.\n   * src is used to display images.\n   */\n  src?: string;\n  /**\n   * variant is optional.\n   * variant is used to display images depending the theme (dark, light).\n   */\n  variants?: Array<'dark' | 'light'>;\n}\n/**\n * ImageLogoSet is used as image inverter depending the theme (dark, light).\n * This component can't have children.\n */\nexport const ImageLogoSet = React.forwardRef<HTMLImageElement, ImageLogoSet>(\n  function ImageLogoSet(\n    { lang, src, variants = ['dark', 'light'], className, children, ...props },\n    ref\n  ) {\n    return (\n      <>\n        {variants.map((variant) => {\n          const imageSrc = src?.replace(/(\\.[^\\.]+)$/, `--${variant}$1`);\n          return (\n            <ImageLogo\n              key={variant}\n              ref={ref}\n              variant={variant}\n              src={imageSrc}\n              {...props}\n            />\n          );\n        })}\n      </>\n    );\n  }\n);\n\nexport default ImageLogoSet;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAElB,OAAO,eAAe;AAkBf,MAAM,eAAe,MAAM;AAAA,EAChC,SAASA,cACP,EAAE,MAAM,KAAK,WAAW,CAAC,QAAQ,OAAO,GAAG,WAAW,UAAU,GAAG,MAAM,GACzE,KACA;AACA,WACE,0DACG,SAAS,IAAI,CAAC,YAAY;AACzB,YAAM,WAAW,KAAK,QAAQ,eAAe,KAAK,OAAO,IAAI;AAC7D,aACE;AAAA,QAAC;AAAA;AAAA,UACC,KAAK;AAAA,UACL;AAAA,UACA;AAAA,UACA,KAAK;AAAA,UACJ,GAAG;AAAA;AAAA,MACN;AAAA,IAEJ,CAAC,CACH;AAAA,EAEJ;AACF;AAEA,IAAO,uBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { BaseProps } from '@digigov/react-core/Base';\nimport ImageLogo from '@digigov/react-core/ImageLogo';\n\nexport interface ImageLogoSet extends BaseProps<'img'> {\n  /**\n   * src is optional.\n   * src is used to display images.\n   */\n  src?: string;\n  /**\n   * variant is optional.\n   * variant is used to display images depending the theme (dark, light).\n   */\n  variants?: ('dark' | 'light')[];\n}\n/**\n * ImageLogoSet is used as image inverter depending the theme (dark, light).\n * This component can't have children.\n */\nexport const ImageLogoSet = React.forwardRef<HTMLImageElement, ImageLogoSet>(\n  function ImageLogoSet({ src, variants = ['dark', 'light'], ...props }, ref) {\n    return (\n      <>\n        {variants.map((variant) => {\n          const imageSrc = src?.replace(/(\\.[^.]+)$/, `--${variant}$1`);\n          return (\n            <ImageLogo\n              key={variant}\n              ref={ref}\n              variant={variant}\n              src={imageSrc}\n              {...props}\n            />\n          );\n        })}\n      </>\n    );\n  }\n);\n\nexport default ImageLogoSet;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAElB,OAAO,eAAe;AAkBf,MAAM,eAAe,MAAM;AAAA,EAChC,SAASA,cAAa,EAAE,KAAK,WAAW,CAAC,QAAQ,OAAO,GAAG,GAAG,MAAM,GAAG,KAAK;AAC1E,WACE,0DACG,SAAS,IAAI,CAAC,YAAY;AACzB,YAAM,WAAW,KAAK,QAAQ,cAAc,KAAK,OAAO,IAAI;AAC5D,aACE;AAAA,QAAC;AAAA;AAAA,UACC,KAAK;AAAA,UACL;AAAA,UACA;AAAA,UACA,KAAK;AAAA,UACJ,GAAG;AAAA;AAAA,MACN;AAAA,IAEJ,CAAC,CACH;AAAA,EAEJ;AACF;AAEA,IAAO,uBAAQ;",
   "names": ["ImageLogoSet"]
 }

package/KitchenSinkAllComponents/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/KitchenSinkAllComponents/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport { Base, BaseProps } from '@digigov/react-core/Base';\n\nexport interface KitchenSinkAllComponentsProps extends BaseProps<'div'> { }\n\nexport const KitchenSinkAllComponents = React.forwardRef<\n  HTMLDivElement,\n  KitchenSinkAllComponentsProps\n>(function KitchenSinkAllComponents({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-kitchensink-all-components': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport { Base, BaseProps } from '@digigov/react-core/Base';\n\nexport interface KitchenSinkAllComponentsProps extends BaseProps<'div'> {}\n\nexport const KitchenSinkAllComponents = React.forwardRef<\n  HTMLDivElement,\n  KitchenSinkAllComponentsProps\n>(function KitchenSinkAllComponents({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-kitchensink-all-components': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n"],
   "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,SAAS,YAAuB;AAIzB,MAAM,2BAA2B,MAAM,WAG5C,SAASA,0BAAyB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC1E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,iCAAiC;AAAA,MACnC,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;",
   "names": ["KitchenSinkAllComponents"]
 }

package/KitchenSinkCard/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/KitchenSinkCard/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Card, { CardProps } from '@digigov/react-core/Card';\n\nexport interface KitchenSinkCardProps extends CardProps { }\n\nexport const KitchenSinkCard = React.forwardRef<\n  HTMLDivElement,\n  KitchenSinkCardProps\n>(function KitchenSinkCard({ className, children, ...props }, ref) {\n  return (\n    <Card\n      variant=\"border\"\n      borderColor=\"light\"\n      className={clsx(className, {\n        'ds-kitchensink-card': true,\n      })}\n      ref={ref}\n      {...props}\n    >\n      {children}\n    </Card>\n  );\n});\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Card, { CardProps } from '@digigov/react-core/Card';\n\nexport interface KitchenSinkCardProps extends CardProps {}\n\nexport const KitchenSinkCard = React.forwardRef<\n  HTMLDivElement,\n  KitchenSinkCardProps\n>(function KitchenSinkCard({ className, children, ...props }, ref) {\n  return (\n    <Card\n      variant=\"border\"\n      borderColor=\"light\"\n      className={clsx(className, {\n        'ds-kitchensink-card': true,\n      })}\n      ref={ref}\n      {...props}\n    >\n      {children}\n    </Card>\n  );\n});\n"],
   "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAIzB,MAAM,kBAAkB,MAAM,WAGnC,SAASA,iBAAgB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACjE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,aAAY;AAAA,MACZ,WAAW,KAAK,WAAW;AAAA,QACzB,uBAAuB;AAAA,MACzB,CAAC;AAAA,MACD;AAAA,MACC,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;",
   "names": ["KitchenSinkCard"]
 }

package/KitchenSinkCategory/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/KitchenSinkCategory/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport { Base, BaseProps } from '@digigov/react-core/Base';\n\nexport interface KitchenSinkCategoryProps extends BaseProps<'div'> { }\n\nexport const KitchenSinkCategory = React.forwardRef<\n  HTMLDivElement,\n  KitchenSinkCategoryProps\n>(function KitchenSinkCategory({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-kitchensink-category': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport { Base, BaseProps } from '@digigov/react-core/Base';\n\nexport interface KitchenSinkCategoryProps extends BaseProps<'div'> {}\n\nexport const KitchenSinkCategory = React.forwardRef<\n  HTMLDivElement,\n  KitchenSinkCategoryProps\n>(function KitchenSinkCategory({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-kitchensink-category': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n"],
   "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,SAAS,YAAuB;AAIzB,MAAM,sBAAsB,MAAM,WAGvC,SAASA,qBAAoB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACrE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,2BAA2B;AAAA,MAC7B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;",
   "names": ["KitchenSinkCategory"]
 }

package/KitchenSinkContentInfo/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/KitchenSinkContentInfo/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport { Base, BaseProps } from '@digigov/react-core/Base';\n\nexport interface KitchenSinkContentInfoProps extends BaseProps<'div'> { }\n\nexport const KitchenSinkContentInfo = React.forwardRef<\n  HTMLDivElement,\n  KitchenSinkContentInfoProps\n>(function KitchenSinkContentInfo({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-kitchensink-content__info': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport { Base, BaseProps } from '@digigov/react-core/Base';\n\nexport interface KitchenSinkContentInfoProps extends BaseProps<'div'> {}\n\nexport const KitchenSinkContentInfo = React.forwardRef<\n  HTMLDivElement,\n  KitchenSinkContentInfoProps\n>(function KitchenSinkContentInfo({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-kitchensink-content__info': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n"],
   "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,SAAS,YAAuB;AAIzB,MAAM,yBAAyB,MAAM,WAG1C,SAASA,wBAAuB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACxE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,gCAAgC;AAAA,MAClC,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;",
   "names": ["KitchenSinkContentInfo"]
 }

package/KitchenSinkContentTags/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/KitchenSinkContentTags/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport { Base, BaseProps } from '@digigov/react-core/Base';\n\nexport interface KitchenSinkContentTagsProps extends BaseProps<'div'> { }\n\nexport const KitchenSinkContentTags = React.forwardRef<\n  HTMLDivElement,\n  KitchenSinkContentTagsProps\n>(function KitchenSinkContentTags({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-kitchensink-content__tags': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport { Base, BaseProps } from '@digigov/react-core/Base';\n\nexport interface KitchenSinkContentTagsProps extends BaseProps<'div'> {}\n\nexport const KitchenSinkContentTags = React.forwardRef<\n  HTMLDivElement,\n  KitchenSinkContentTagsProps\n>(function KitchenSinkContentTags({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-kitchensink-content__tags': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n"],
   "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,SAAS,YAAuB;AAIzB,MAAM,yBAAyB,MAAM,WAG1C,SAASA,wBAAuB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACxE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,gCAAgC;AAAA,MAClC,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;",
   "names": ["KitchenSinkContentTags"]
 }

package/KitchenSinkHeading/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/KitchenSinkHeading/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Heading, { HeadingProps } from '@digigov/react-core/Heading';\n\nexport interface KitchenSinkHeadingProps extends HeadingProps { }\n\nexport const KitchenSinkHeading = React.forwardRef<\n  HTMLHeadingElement,\n  KitchenSinkHeadingProps\n>(function KitchenSinkHeading({ className, children, ...props }, ref) {\n  return (\n    <Heading\n      className={clsx(className, {\n        'ds-kitchensink-category__heading': true,\n      })}\n      ref={ref}\n      {...props}\n    >\n      {children}\n    </Heading>\n  );\n});\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Heading, { HeadingProps } from '@digigov/react-core/Heading';\n\nexport interface KitchenSinkHeadingProps extends HeadingProps {}\n\nexport const KitchenSinkHeading = React.forwardRef<\n  HTMLHeadingElement,\n  KitchenSinkHeadingProps\n>(function KitchenSinkHeading({ className, children, ...props }, ref) {\n  return (\n    <Heading\n      className={clsx(className, {\n        'ds-kitchensink-category__heading': true,\n      })}\n      ref={ref}\n      {...props}\n    >\n      {children}\n    </Heading>\n  );\n});\n"],
   "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,aAA+B;AAI/B,MAAM,qBAAqB,MAAM,WAGtC,SAASA,oBAAmB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACpE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,KAAK,WAAW;AAAA,QACzB,oCAAoC;AAAA,MACtC,CAAC;AAAA,MACD;AAAA,MACC,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;",
   "names": ["KitchenSinkHeading"]
 }

package/KitchenSinkLetterContent/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/KitchenSinkLetterContent/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport { Base, BaseProps } from '@digigov/react-core/Base';\n\nexport interface KitchenSinkLetterContentProps extends BaseProps<'div'> { }\n\nexport const KitchenSinkLetterContent = React.forwardRef<\n  HTMLDivElement,\n  KitchenSinkLetterContentProps\n>(function KitchenSinkLetterContent({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-kitchensink-letter-content': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport { Base, BaseProps } from '@digigov/react-core/Base';\n\nexport interface KitchenSinkLetterContentProps extends BaseProps<'div'> {}\n\nexport const KitchenSinkLetterContent = React.forwardRef<\n  HTMLDivElement,\n  KitchenSinkLetterContentProps\n>(function KitchenSinkLetterContent({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-kitchensink-letter-content': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n"],
   "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,SAAS,YAAuB;AAIzB,MAAM,2BAA2B,MAAM,WAG5C,SAASA,0BAAyB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC1E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,iCAAiC;AAAA,MACnC,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;",
   "names": ["KitchenSinkLetterContent"]
 }

package/LabelContainer/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/LabelContainer/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface LabelContainerProps extends BaseProps<'label'> { }\n/**\n * Label component defines a label for several elements at forms.\n */\nexport const LabelContainer = React.forwardRef<\n  HTMLLabelElement,\n  LabelContainerProps\n>(function LabelContainer({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"label\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-label': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default LabelContainer;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface LabelContainerProps extends BaseProps<'label'> {}\n/**\n * Label component defines a label for several elements at forms.\n */\nexport const LabelContainer = React.forwardRef<\n  HTMLLabelElement,\n  LabelContainerProps\n>(function LabelContainer({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"label\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-label': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default LabelContainer;\n"],
   "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAMzB,MAAM,iBAAiB,MAAM,WAGlC,SAASA,gBAAe,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAChE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,YAAY;AAAA,MACd,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,yBAAQ;",
   "names": ["LabelContainer"]
 }

package/LinkBase/index.d.ts

@@ -8,6 +8,14 @@ export interface LinkBaseProps extends BaseProps<'a'> {
      * @value false
      */
     underline?: boolean;
+    /**
+     * defaultStyle is optional. The default value is 'true'.
+     * Make it 'false' only if you need to use a link with different style, and the default style clashes over with your
+     * custom styles. For example, BreadcrumbsListItem is a link but it has a different styling.
+     * @value true
+     * @value false
+     */
+    defaultStyle?: boolean;
 }
 /**
  * This component defines a hyperlink, which is used to link from one page to another.

package/LinkBase/index.js

@@ -2,16 +2,17 @@ import React from "react";
 import clsx from "clsx";
 import Base from "@digigov/react-core/Base";
 const LinkBase = React.forwardRef(
-  function LinkBase2({ underline = true, className, children, ...props }, ref) {
+  function LinkBase2({ underline = true, defaultStyle = true, className, children, ...props }, ref) {
     return /* @__PURE__ */ React.createElement(
       Base,
       {
         as: "a",
         ref,
         className: clsx(className, {
-          "ds-link": true,
+          "ds-link": defaultStyle,
           "ds-link--no-underline": !underline
         }),
+        defaultStyle,
         ...props
       },
       children