@digigov/react-core 2.0.0-60d81ed8 → 2.0.0-66d7c5e2

package/Base/wrap.native.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Base/wrap.native.tsx"],
-  "sourcesContent": ["import React, { useContext, useMemo, useState } from 'react';\nimport { View } from 'react-native';\n\ninterface WrapperContextType {\n  (cls: string): void;\n}\n\nconst WrapperContext = React.createContext<WrapperContextType>(\n  (cls: string) => {\n    return cls;\n  }\n);\n\nconst Wrapper = React.memo(({ children }: { children?: React.ReactNode }) => {\n  const [className, setClassName] = useState('');\n  return (\n    <WrapperContext.Provider value={setClassName}>\n      <View className={className} focusable={false}>\n        {children}\n      </View>\n    </WrapperContext.Provider>\n  );\n});\n\ninterface WrappedComponentProps {\n  className?: string;\n  onBlur?: (e: unknown) => void;\n  onFocus?: (e: unknown) => void;\n}\n\nexport const wrap = (Component: React.ElementType) => {\n  const WrappedComponent = React.forwardRef(function InnerComponent(\n    { className, onBlur, onFocus, ...props }: WrappedComponentProps,\n    ref\n  ) {\n    const setClassName = useContext(WrapperContext);\n    const wrapperClassNames: string[] = [];\n    const beforeClassNames: string[] = [];\n    const afterClassNames: string[] = [];\n    const focusedWrapperClassNames: string[] = [];\n    const classNames = useMemo(\n      () =>\n        (className?.split(' ') || []).filter((cls) => {\n          if (cls.endsWith('__wrapper')) {\n            wrapperClassNames.push(cls);\n            focusedWrapperClassNames.push(`${cls}--focus`);\n            return false;\n          } else if (cls.endsWith('__before')) {\n            beforeClassNames.push(cls);\n            return false;\n          } else if (cls.endsWith('__after')) {\n            afterClassNames.push(cls);\n            return false;\n          }\n          return true;\n        }),\n      [className]\n    );\n    return (\n      <>\n        {beforeClassNames.length ? (\n          <View focusable={false} className={beforeClassNames.join(' ')} />\n        ) : (\n          ''\n        )}\n        <Component\n          ref={ref}\n          onFocus={(e: unknown) => {\n            setClassName(focusedWrapperClassNames.join(' '));\n            onFocus && onFocus(e);\n          }}\n          onBlur={(e: unknown) => {\n            setClassName(wrapperClassNames.join(' '));\n            onBlur && onBlur(e);\n          }}\n          className={classNames.join(' ')}\n          {...props}\n        />\n        {afterClassNames.length ? (\n          <View focusable={false} className={afterClassNames.join(' ')} />\n        ) : (\n          ''\n        )}\n      </>\n    );\n  });\n  return React.forwardRef(function Wrapped(props, ref) {\n    const children = useMemo(\n      () => <WrappedComponent {...props} ref={ref} />,\n      []\n    );\n    return <Wrapper>{children}</Wrapper>;\n  });\n};\n"],
-  "mappings": "AAAA,OAAO,SAAS,YAAY,SAAS,gBAAgB;AACrD,SAAS,YAAY;AAMrB,MAAM,iBAAiB,MAAM;AAAA,EAC3B,CAAC,QAAgB;AACf,WAAO;AAAA,EACT;AACF;AAEA,MAAM,UAAU,MAAM,KAAK,CAAC,EAAE,SAAS,MAAsC;AAC3E,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,EAAE;AAC7C,SACE,oCAAC,eAAe,UAAf,EAAwB,OAAO,gBAC9B,oCAAC,QAAK,WAAsB,WAAW,SACpC,QACH,CACF;AAEJ,CAAC;AAQM,MAAM,OAAO,CAAC,cAAiC;AACpD,QAAM,mBAAmB,MAAM,WAAW,SAAS,eACjD,EAAE,WAAW,QAAQ,SAAS,GAAG,MAAM,GACvC,KACA;AACA,UAAM,eAAe,WAAW,cAAc;AAC9C,UAAM,oBAA8B,CAAC;AACrC,UAAM,mBAA6B,CAAC;AACpC,UAAM,kBAA4B,CAAC;AACnC,UAAM,2BAAqC,CAAC;AAC5C,UAAM,aAAa;AAAA,MACjB,OACG,WAAW,MAAM,GAAG,KAAK,CAAC,GAAG,OAAO,CAAC,QAAQ;AAC5C,YAAI,IAAI,SAAS,WAAW,GAAG;AAC7B,4BAAkB,KAAK,GAAG;AAC1B,mCAAyB,KAAK,GAAG,GAAG,SAAS;AAC7C,iBAAO;AAAA,QACT,WAAW,IAAI,SAAS,UAAU,GAAG;AACnC,2BAAiB,KAAK,GAAG;AACzB,iBAAO;AAAA,QACT,WAAW,IAAI,SAAS,SAAS,GAAG;AAClC,0BAAgB,KAAK,GAAG;AACxB,iBAAO;AAAA,QACT;AACA,eAAO;AAAA,MACT,CAAC;AAAA,MACH,CAAC,SAAS;AAAA,IACZ;AACA,WACE,0DACG,iBAAiB,SAChB,oCAAC,QAAK,WAAW,OAAO,WAAW,iBAAiB,KAAK,GAAG,GAAG,IAE/D,IAEF;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,SAAS,CAAC,MAAe;AACvB,uBAAa,yBAAyB,KAAK,GAAG,CAAC;AAC/C,qBAAW,QAAQ,CAAC;AAAA,QACtB;AAAA,QACA,QAAQ,CAAC,MAAe;AACtB,uBAAa,kBAAkB,KAAK,GAAG,CAAC;AACxC,oBAAU,OAAO,CAAC;AAAA,QACpB;AAAA,QACA,WAAW,WAAW,KAAK,GAAG;AAAA,QAC7B,GAAG;AAAA;AAAA,IACN,GACC,gBAAgB,SACf,oCAAC,QAAK,WAAW,OAAO,WAAW,gBAAgB,KAAK,GAAG,GAAG,IAE9D,EAEJ;AAAA,EAEJ,CAAC;AACD,SAAO,MAAM,WAAW,SAAS,QAAQ,OAAO,KAAK;AACnD,UAAM,WAAW;AAAA,MACf,MAAM,oCAAC,oBAAkB,GAAG,OAAO,KAAU;AAAA,MAC7C,CAAC;AAAA,IACH;AACA,WAAO,oCAAC,eAAS,QAAS;AAAA,EAC5B,CAAC;AACH;",
-  "names": []
+  "sourcesContent": ["import React, { useContext, useMemo, useState } from 'react';\nimport { View } from 'react-native';\n\ntype WrapperContextType = (cls: string) => void;\n\nconst WrapperContext = React.createContext<WrapperContextType>(\n  (cls: string) => {\n    return cls;\n  }\n);\n\nconst Wrapper = React.memo(function Wrapper({\n  children,\n}: {\n  children?: React.ReactNode;\n}) {\n  const [className, setClassName] = useState('');\n  return (\n    <WrapperContext.Provider value={setClassName}>\n      <View className={className} focusable={false}>\n        {children}\n      </View>\n    </WrapperContext.Provider>\n  );\n});\nWrapper.displayName = 'Wrapper';\n\ninterface WrappedComponentProps {\n  className?: string;\n  onBlur?: (e: unknown) => void;\n  onFocus?: (e: unknown) => void;\n}\n\nexport const wrap = (Component: React.ElementType) => {\n  const WrappedComponent = React.forwardRef(function InnerComponent(\n    { className, onBlur, onFocus, ...props }: WrappedComponentProps,\n    ref\n  ) {\n    const setClassName = useContext(WrapperContext);\n    const wrapperClassNames: string[] = [];\n    const beforeClassNames: string[] = [];\n    const afterClassNames: string[] = [];\n    const focusedWrapperClassNames: string[] = [];\n    const classNames = useMemo(\n      () =>\n        (className?.split(' ') || []).filter((cls) => {\n          if (cls.endsWith('__wrapper')) {\n            wrapperClassNames.push(cls);\n            focusedWrapperClassNames.push(`${cls}--focus`);\n            return false;\n          } else if (cls.endsWith('__before')) {\n            beforeClassNames.push(cls);\n            return false;\n          } else if (cls.endsWith('__after')) {\n            afterClassNames.push(cls);\n            return false;\n          }\n          return true;\n        }),\n      [className]\n    );\n    return (\n      <>\n        {beforeClassNames.length ? (\n          <View focusable={false} className={beforeClassNames.join(' ')} />\n        ) : (\n          ''\n        )}\n        <Component\n          ref={ref}\n          onFocus={(e: unknown) => {\n            setClassName(focusedWrapperClassNames.join(' '));\n            if (onFocus) onFocus(e);\n          }}\n          onBlur={(e: unknown) => {\n            setClassName(wrapperClassNames.join(' '));\n            if (onBlur) onBlur(e);\n          }}\n          className={classNames.join(' ')}\n          {...props}\n        />\n        {afterClassNames.length ? (\n          <View focusable={false} className={afterClassNames.join(' ')} />\n        ) : (\n          ''\n        )}\n      </>\n    );\n  });\n  return React.forwardRef(function Wrapped(props, ref) {\n    const children = useMemo(\n      () => <WrappedComponent {...props} ref={ref} />,\n      []\n    );\n    return <Wrapper>{children}</Wrapper>;\n  });\n};\n"],
+  "mappings": "AAAA,OAAO,SAAS,YAAY,SAAS,gBAAgB;AACrD,SAAS,YAAY;AAIrB,MAAM,iBAAiB,MAAM;AAAA,EAC3B,CAAC,QAAgB;AACf,WAAO;AAAA,EACT;AACF;AAEA,MAAM,UAAU,MAAM,KAAK,SAASA,SAAQ;AAAA,EAC1C;AACF,GAEG;AACD,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,EAAE;AAC7C,SACE,oCAAC,eAAe,UAAf,EAAwB,OAAO,gBAC9B,oCAAC,QAAK,WAAsB,WAAW,SACpC,QACH,CACF;AAEJ,CAAC;AACD,QAAQ,cAAc;AAQf,MAAM,OAAO,CAAC,cAAiC;AACpD,QAAM,mBAAmB,MAAM,WAAW,SAAS,eACjD,EAAE,WAAW,QAAQ,SAAS,GAAG,MAAM,GACvC,KACA;AACA,UAAM,eAAe,WAAW,cAAc;AAC9C,UAAM,oBAA8B,CAAC;AACrC,UAAM,mBAA6B,CAAC;AACpC,UAAM,kBAA4B,CAAC;AACnC,UAAM,2BAAqC,CAAC;AAC5C,UAAM,aAAa;AAAA,MACjB,OACG,WAAW,MAAM,GAAG,KAAK,CAAC,GAAG,OAAO,CAAC,QAAQ;AAC5C,YAAI,IAAI,SAAS,WAAW,GAAG;AAC7B,4BAAkB,KAAK,GAAG;AAC1B,mCAAyB,KAAK,GAAG,GAAG,SAAS;AAC7C,iBAAO;AAAA,QACT,WAAW,IAAI,SAAS,UAAU,GAAG;AACnC,2BAAiB,KAAK,GAAG;AACzB,iBAAO;AAAA,QACT,WAAW,IAAI,SAAS,SAAS,GAAG;AAClC,0BAAgB,KAAK,GAAG;AACxB,iBAAO;AAAA,QACT;AACA,eAAO;AAAA,MACT,CAAC;AAAA,MACH,CAAC,SAAS;AAAA,IACZ;AACA,WACE,0DACG,iBAAiB,SAChB,oCAAC,QAAK,WAAW,OAAO,WAAW,iBAAiB,KAAK,GAAG,GAAG,IAE/D,IAEF;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,SAAS,CAAC,MAAe;AACvB,uBAAa,yBAAyB,KAAK,GAAG,CAAC;AAC/C,cAAI,QAAS,SAAQ,CAAC;AAAA,QACxB;AAAA,QACA,QAAQ,CAAC,MAAe;AACtB,uBAAa,kBAAkB,KAAK,GAAG,CAAC;AACxC,cAAI,OAAQ,QAAO,CAAC;AAAA,QACtB;AAAA,QACA,WAAW,WAAW,KAAK,GAAG;AAAA,QAC7B,GAAG;AAAA;AAAA,IACN,GACC,gBAAgB,SACf,oCAAC,QAAK,WAAW,OAAO,WAAW,gBAAgB,KAAK,GAAG,GAAG,IAE9D,EAEJ;AAAA,EAEJ,CAAC;AACD,SAAO,MAAM,WAAW,SAAS,QAAQ,OAAO,KAAK;AACnD,UAAM,WAAW;AAAA,MACf,MAAM,oCAAC,oBAAkB,GAAG,OAAO,KAAU;AAAA,MAC7C,CAAC;AAAA,IACH;AACA,WAAO,oCAAC,eAAS,QAAS;AAAA,EAC5B,CAAC;AACH;",
+  "names": ["Wrapper"]
 }

package/Bottom/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Bottom/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface BottomProps extends BaseProps<'div'> { }\n/**\n * Bottom is used inside the Layout component and it must be the last component in order.\n */\nexport const Bottom = React.forwardRef<HTMLDivElement, BottomProps>(\n  function Bottom({ className, children, ...props }, ref) {\n    return (\n      <Base\n        as=\"div\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-bottom': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default Bottom;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface BottomProps extends BaseProps<'div'> {}\n/**\n * Bottom is used inside the Layout component and it must be the last component in order.\n */\nexport const Bottom = React.forwardRef<HTMLDivElement, BottomProps>(\n  function Bottom({ className, children, ...props }, ref) {\n    return (\n      <Base\n        as=\"div\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-bottom': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default Bottom;\n"],
   "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAMzB,MAAM,SAAS,MAAM;AAAA,EAC1B,SAASA,QAAO,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACtD,WACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,WAAW,KAAK,WAAW;AAAA,UACzB,aAAa;AAAA,QACf,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,iBAAQ;",
   "names": ["Bottom"]
 }

package/BottomInfo/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/BottomInfo/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Container, { ContainerProps } from '@digigov/react-core/Container';\n\nexport interface BottomInfoProps extends ContainerProps { }\n/**\n * Bottom BottomInfo is used inside the Bottom component and it must be the first component in order.\n */\nexport const BottomInfo = React.forwardRef<HTMLDivElement, BottomInfoProps>(\n  function BottomInfo({ className, children, ...props }, ref) {\n    return (\n      <Container\n        ref={ref}\n        className={clsx(className, {\n          'ds-bottom-info': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Container>\n    );\n  }\n);\n\nexport default BottomInfo;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Container, { ContainerProps } from '@digigov/react-core/Container';\n\nexport interface BottomInfoProps extends ContainerProps {}\n/**\n * Bottom BottomInfo is used inside the Bottom component and it must be the first component in order.\n */\nexport const BottomInfo = React.forwardRef<HTMLDivElement, BottomInfoProps>(\n  function BottomInfo({ className, children, ...props }, ref) {\n    return (\n      <Container\n        ref={ref}\n        className={clsx(className, {\n          'ds-bottom-info': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Container>\n    );\n  }\n);\n\nexport default BottomInfo;\n"],
   "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,eAAmC;AAMnC,MAAM,aAAa,MAAM;AAAA,EAC9B,SAASA,YAAW,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC1D,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,KAAK,WAAW;AAAA,UACzB,kBAAkB;AAAA,QACpB,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,qBAAQ;",
   "names": ["BottomInfo"]
 }

package/BottomInfoContainer/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/BottomInfoContainer/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Container, { ContainerProps } from '@digigov/react-core/Container';\n\nexport interface BottomInfoContainerProps extends ContainerProps { }\n/**\n * Bottom BottomInfoContainer is used inside the Bottom component and it must be the first component in order.\n */\nexport const BottomInfoContainer = React.forwardRef<\n  HTMLDivElement,\n  BottomInfoContainerProps\n>(function BottomInfoContainer({ className, children, ...props }, ref) {\n  return (\n    <Container\n      ref={ref}\n      className={clsx(className, {\n        'ds-bottom-info__container': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Container>\n  );\n});\n\nexport default BottomInfoContainer;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Container, { ContainerProps } from '@digigov/react-core/Container';\n\nexport interface BottomInfoContainerProps extends ContainerProps {}\n/**\n * Bottom BottomInfoContainer is used inside the Bottom component and it must be the first component in order.\n */\nexport const BottomInfoContainer = React.forwardRef<\n  HTMLDivElement,\n  BottomInfoContainerProps\n>(function BottomInfoContainer({ className, children, ...props }, ref) {\n  return (\n    <Container\n      ref={ref}\n      className={clsx(className, {\n        'ds-bottom-info__container': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Container>\n  );\n});\n\nexport default BottomInfoContainer;\n"],
   "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,eAAmC;AAMnC,MAAM,sBAAsB,MAAM,WAGvC,SAASA,qBAAoB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACrE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,6BAA6B;AAAA,MAC/B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,8BAAQ;",
   "names": ["BottomInfoContainer"]
 }

package/BottomInfoContent/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/BottomInfoContent/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Grid, { GridProps } from '@digigov/react-core/Grid';\n\nexport interface BottomInfoContentProps extends GridProps { }\n/**\n * BottomInfoContent is used inside the BottomInfoContainer component.\n */\n\nexport const BottomInfoContent = React.forwardRef<\n  HTMLDivElement,\n  BottomInfoContentProps\n>(function BottomInfoContent({ className, xs = 12, children, ...props }, ref) {\n  return (\n    <Grid\n      item\n      xs={xs}\n      ref={ref}\n      className={clsx(className, {\n        'ds-bottom-info__content': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Grid>\n  );\n});\n\nexport default BottomInfoContent;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Grid, { GridProps } from '@digigov/react-core/Grid';\n\nexport interface BottomInfoContentProps extends GridProps {}\n/**\n * BottomInfoContent is used inside the BottomInfoContainer component.\n */\n\nexport const BottomInfoContent = React.forwardRef<\n  HTMLDivElement,\n  BottomInfoContentProps\n>(function BottomInfoContent({ className, xs = 12, children, ...props }, ref) {\n  return (\n    <Grid\n      item\n      xs={xs}\n      ref={ref}\n      className={clsx(className, {\n        'ds-bottom-info__content': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Grid>\n  );\n});\n\nexport default BottomInfoContent;\n"],
   "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAOzB,MAAM,oBAAoB,MAAM,WAGrC,SAASA,mBAAkB,EAAE,WAAW,KAAK,IAAI,UAAU,GAAG,MAAM,GAAG,KAAK;AAC5E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAI;AAAA,MACJ;AAAA,MACA;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,2BAA2B;AAAA,MAC7B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,4BAAQ;",
   "names": ["BottomInfoContent"]
 }

package/Breadcrumbs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Breadcrumbs/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface BreadcrumbsProps extends BaseProps<'div'> { }\n/**\n * Use Breadcrumbs component when you need to help users understand and move between the multiple levels of a website.\n * The breadcrumb should start with your \u2018home\u2019 page and end with the parent section of the current page.\n */\nexport const Breadcrumbs = React.forwardRef<HTMLDivElement, BreadcrumbsProps>(\n  function Breadcrumbs({ className, children, ...props }, ref) {\n    return (\n      <Base\n        as=\"nav\"\n        aria-label=\"Breadcrumb\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-breadcrumbs': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default Breadcrumbs;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface BreadcrumbsProps extends BaseProps<'div'> {}\n/**\n * Use Breadcrumbs component when you need to help users understand and move between the multiple levels of a website.\n * The breadcrumb should start with your \u2018home\u2019 page and end with the parent section of the current page.\n */\nexport const Breadcrumbs = React.forwardRef<HTMLDivElement, BreadcrumbsProps>(\n  function Breadcrumbs({ className, children, ...props }, ref) {\n    return (\n      <Base\n        as=\"nav\"\n        aria-label=\"Breadcrumb\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-breadcrumbs': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default Breadcrumbs;\n"],
   "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAOzB,MAAM,cAAc,MAAM;AAAA,EAC/B,SAASA,aAAY,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC3D,WACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,cAAW;AAAA,QACX;AAAA,QACA,WAAW,KAAK,WAAW;AAAA,UACzB,kBAAkB;AAAA,QACpB,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,sBAAQ;",
   "names": ["Breadcrumbs"]
 }

package/BreadcrumbsList/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/BreadcrumbsList/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface BreadcrumbsListProps extends BaseProps<'ol'> { }\n/**\n * BreadcrumbsList is used for providing the items inside Breadcrumbs.\n */\nexport const BreadcrumbsList = React.forwardRef<\n  HTMLOListElement,\n  BreadcrumbsListProps\n>(function BreadcrumbsList({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"ol\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-breadcrumbs__list': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default BreadcrumbsList;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface BreadcrumbsListProps extends BaseProps<'ol'> {}\n/**\n * BreadcrumbsList is used for providing the items inside Breadcrumbs.\n */\nexport const BreadcrumbsList = React.forwardRef<\n  HTMLOListElement,\n  BreadcrumbsListProps\n>(function BreadcrumbsList({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"ol\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-breadcrumbs__list': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default BreadcrumbsList;\n"],
   "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAMzB,MAAM,kBAAkB,MAAM,WAGnC,SAASA,iBAAgB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACjE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,wBAAwB;AAAA,MAC1B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,0BAAQ;",
   "names": ["BreadcrumbsList"]
 }

package/BreadcrumbsListItemLinkBase/index.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { LinkBaseProps } from '@digigov/react-core/LinkBase';
+export interface BreadcrumbsListItemLinkBaseProps extends LinkBaseProps {
+}
+/**
+ * BreadcrumbsListItemLinkBase creates an anchor link to navigate in different
+ * parts of the breadcrumbs.
+ * It should be used inside BreadcrumbsListItem as children component. This is
+ * the default link component for the BreadcrumbsListItem and it uses the LinkBase
+ * component from `@digigov/react-core`. In case you need to use a different Link
+ * component from a framework or a custom router, use `@digigov/ui/navigation/BreadcrumbsListItemLinkBase` instead.
+ */
+export declare const BreadcrumbsListItemLinkBase: React.ForwardRefExoticComponent<Omit<BreadcrumbsListItemLinkBaseProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+export default BreadcrumbsListItemLinkBase;

package/BreadcrumbsListItemLinkBase/index.js

@@ -0,0 +1,23 @@
+import React from "react";
+import clsx from "clsx";
+import { LinkBase } from "@digigov/react-core/LinkBase";
+const BreadcrumbsListItemLinkBase = React.forwardRef(function BreadcrumbsListItemLinkBase2({ href, className, children }, ref) {
+  return /* @__PURE__ */ React.createElement(
+    LinkBase,
+    {
+      href,
+      className: clsx(className, {
+        "ds-breadcrumbs__link": true,
+        "ds-breadcrumbs__link--inactive": href === void 0
+      }),
+      ref
+    },
+    children
+  );
+});
+var BreadcrumbsListItemLinkBase_default = BreadcrumbsListItemLinkBase;
+export {
+  BreadcrumbsListItemLinkBase,
+  BreadcrumbsListItemLinkBase_default as default
+};
+//# sourceMappingURL=index.js.map

package/BreadcrumbsListItemLinkBase/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/BreadcrumbsListItemLinkBase/index.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport { LinkBase, LinkBaseProps } from '@digigov/react-core/LinkBase';\n\nexport interface BreadcrumbsListItemLinkBaseProps extends LinkBaseProps {}\n/**\n * BreadcrumbsListItemLinkBase creates an anchor link to navigate in different\n * parts of the breadcrumbs.\n * It should be used inside BreadcrumbsListItem as children component. This is\n * the default link component for the BreadcrumbsListItem and it uses the LinkBase\n * component from `@digigov/react-core`. In case you need to use a different Link\n * component from a framework or a custom router, use `@digigov/ui/navigation/BreadcrumbsListItemLinkBase` instead.\n */\nexport const BreadcrumbsListItemLinkBase = React.forwardRef<\n  HTMLAnchorElement,\n  BreadcrumbsListItemLinkBaseProps\n>(function BreadcrumbsListItemLinkBase({ href, className, children }, ref) {\n  return (\n    <LinkBase\n      href={href}\n      className={clsx(className, {\n        'ds-breadcrumbs__link': true,\n        'ds-breadcrumbs__link--inactive': href === undefined,\n      })}\n      ref={ref}\n    >\n      {children}\n    </LinkBase>\n  );\n});\n\nexport default BreadcrumbsListItemLinkBase;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,SAAS,gBAA+B;AAWjC,MAAM,8BAA8B,MAAM,WAG/C,SAASA,6BAA4B,EAAE,MAAM,WAAW,SAAS,GAAG,KAAK;AACzE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,wBAAwB;AAAA,QACxB,kCAAkC,SAAS;AAAA,MAC7C,CAAC;AAAA,MACD;AAAA;AAAA,IAEC;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,sCAAQ;",
+  "names": ["BreadcrumbsListItemLinkBase"]
+}

package/BreadcrumbsListItemLinkBase/package.json

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

package/BreadcrumbsListItemWrapper/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { BaseProps } from '@digigov/react-core/Base';
+export interface BreadcrumbsListItemWrapperProps extends BaseProps<'li'> {
+}
+/**
+ * BreadcrumbsListItem creates a list of items with the possibility of navigation.
+ * It should be used inside BreadcrumbsList as children component
+ */
+export declare const BreadcrumbsListItemWrapper: React.ForwardRefExoticComponent<Omit<BreadcrumbsListItemWrapperProps, "ref"> & React.RefAttributes<HTMLLIElement>>;
+export default BreadcrumbsListItemWrapper;

package/BreadcrumbsListItemWrapper/index.js

@@ -0,0 +1,23 @@
+import React from "react";
+import clsx from "clsx";
+import Base from "@digigov/react-core/Base";
+const BreadcrumbsListItemWrapper = React.forwardRef(function BreadcrumbsListItemWrapper2({ className, children, ...props }, ref) {
+  return /* @__PURE__ */ React.createElement(
+    Base,
+    {
+      as: "li",
+      ref,
+      className: clsx(className, {
+        "ds-breadcrumbs__list-item": true
+      }),
+      ...props
+    },
+    children
+  );
+});
+var BreadcrumbsListItemWrapper_default = BreadcrumbsListItemWrapper;
+export {
+  BreadcrumbsListItemWrapper,
+  BreadcrumbsListItemWrapper_default as default
+};
+//# sourceMappingURL=index.js.map

package/BreadcrumbsListItemWrapper/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/BreadcrumbsListItemWrapper/index.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface BreadcrumbsListItemWrapperProps extends BaseProps<'li'> {}\n/**\n * BreadcrumbsListItem creates a list of items with the possibility of navigation.\n * It should be used inside BreadcrumbsList as children component\n */\nexport const BreadcrumbsListItemWrapper = React.forwardRef<\n  HTMLLIElement,\n  BreadcrumbsListItemWrapperProps\n>(function BreadcrumbsListItemWrapper({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"li\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-breadcrumbs__list-item': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default BreadcrumbsListItemWrapper;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAOzB,MAAM,6BAA6B,MAAM,WAG9C,SAASA,4BAA2B,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC5E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,6BAA6B;AAAA,MAC/B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,qCAAQ;",
+  "names": ["BreadcrumbsListItemWrapper"]
+}

package/{AutoCompleteInputTypeahead → BreadcrumbsListItemWrapper}/package.json

@@ -2,5 +2,5 @@
   "sideEffects": false,
   "module": "./index.js",
   "types": "./index.d.ts",
-  "main": "../cjs/AutoCompleteInputTypeahead/index.js"
+  "main": "../cjs/BreadcrumbsListItemWrapper/index.js"
 }

package/Button/index.js

@@ -21,6 +21,8 @@ const Button = React.forwardRef(
         ref,
         className: clsx(className, {
           "ds-link": variant === "link",
+          "ds-link-warning": variant === "link" && color === "warning",
+          "ds-link--disabled": variant === "link" && disabled,
           "ds-btn": variant === "button",
           "ds-btn--dense": dense,
           "ds-btn-primary": variant === "button" && color === "primary",

package/Button/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Button/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface ButtonProps extends BaseProps<'button'> {\n  /**\n   * color is optional.\n   * 'primary' color is used for the main call to action on a page.\n   * 'secondary' color is used for secondary calls to action on a page.\n   * 'warning' color is used to make users think carefully before they use them.\n   * The default value is 'primary'.\n   * @value 'primary'\n   * @value 'secondary'\n   * @value 'warning'\n   * @default 'primary'\n   */\n  color?: 'primary' | 'secondary' | 'warning';\n  /**\n   * variant is optional.\n   * @value 'link'\n   * @value 'button'\n   * @default 'button'\n   */\n  variant?: 'link' | 'button';\n  /**\n   * dense is optional.\n   * @value true Button will be dense.\n   * @value false\n   * @default false\n   */\n  dense?: boolean;\n}\n/**\n * Use the Button component to help users carry out an action.\n */\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  function Button(\n    {\n      color = 'primary',\n      variant = 'button',\n      dense,\n      disabled,\n      printHidden = true,\n      className,\n      children,\n      ...props\n    },\n    ref\n  ) {\n    return (\n      <Base\n        as=\"button\"\n        disabled={disabled}\n        printHidden={printHidden}\n        ref={ref}\n        className={clsx(className, {\n          'ds-link': variant === 'link',\n          'ds-btn': variant === 'button',\n          'ds-btn--dense': dense,\n          'ds-btn-primary': variant === 'button' && color === 'primary',\n          'ds-btn-secondary': variant === 'button' && color === 'secondary',\n          'ds-btn-warning': variant === 'button' && color === 'warning',\n          'ds-btn--disabled': variant === 'button' && disabled,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default Button;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAiCzB,MAAM,SAAS,MAAM;AAAA,EAC1B,SAASA,QACP;AAAA,IACE,QAAQ;AAAA,IACR,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,KACA;AACA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW,KAAK,WAAW;AAAA,UACzB,WAAW,YAAY;AAAA,UACvB,UAAU,YAAY;AAAA,UACtB,iBAAiB;AAAA,UACjB,kBAAkB,YAAY,YAAY,UAAU;AAAA,UACpD,oBAAoB,YAAY,YAAY,UAAU;AAAA,UACtD,kBAAkB,YAAY,YAAY,UAAU;AAAA,UACpD,oBAAoB,YAAY,YAAY;AAAA,QAC9C,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,iBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface ButtonProps extends BaseProps<'button'> {\n  /**\n   * color is optional.\n   * 'primary' color is used for the main call to action on a page.\n   * 'secondary' color is used for secondary calls to action on a page.\n   * 'warning' color is used to make users think carefully before they use them.\n   * The default value is 'primary'.\n   * @value 'primary'\n   * @value 'secondary'\n   * @value 'warning'\n   * @default 'primary'\n   */\n  color?: 'primary' | 'secondary' | 'warning';\n  /**\n   * variant is optional.\n   * @value 'link'\n   * @value 'button'\n   * @default 'button'\n   */\n  variant?: 'link' | 'button';\n  /**\n   * dense is optional.\n   * @value true Button will be dense.\n   * @value false\n   * @default false\n   */\n  dense?: boolean;\n}\n/**\n * Use the Button component to help users carry out an action.\n */\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  function Button(\n    {\n      color = 'primary',\n      variant = 'button',\n      dense,\n      disabled,\n      printHidden = true,\n      className,\n      children,\n      ...props\n    },\n    ref\n  ) {\n    return (\n      <Base\n        as=\"button\"\n        disabled={disabled}\n        printHidden={printHidden}\n        ref={ref}\n        className={clsx(className, {\n          'ds-link': variant === 'link',\n          'ds-link-warning': variant === 'link' && color === 'warning',\n          'ds-link--disabled': variant === 'link' && disabled,\n          'ds-btn': variant === 'button',\n          'ds-btn--dense': dense,\n          'ds-btn-primary': variant === 'button' && color === 'primary',\n          'ds-btn-secondary': variant === 'button' && color === 'secondary',\n          'ds-btn-warning': variant === 'button' && color === 'warning',\n          'ds-btn--disabled': variant === 'button' && disabled,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default Button;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAiCzB,MAAM,SAAS,MAAM;AAAA,EAC1B,SAASA,QACP;AAAA,IACE,QAAQ;AAAA,IACR,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,KACA;AACA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW,KAAK,WAAW;AAAA,UACzB,WAAW,YAAY;AAAA,UACvB,mBAAmB,YAAY,UAAU,UAAU;AAAA,UACnD,qBAAqB,YAAY,UAAU;AAAA,UAC3C,UAAU,YAAY;AAAA,UACtB,iBAAiB;AAAA,UACjB,kBAAkB,YAAY,YAAY,UAAU;AAAA,UACpD,oBAAoB,YAAY,YAAY,UAAU;AAAA,UACtD,kBAAkB,YAAY,YAAY,UAAU;AAAA,UACpD,oBAAoB,YAAY,YAAY;AAAA,QAC9C,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,iBAAQ;",
   "names": ["Button"]
 }

package/ButtonGroup/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/ButtonGroup/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface ButtonGroupProps extends BaseProps<'div'> { }\n/**\n * Use a button group when two or more buttons are placed together.\n */\nexport const ButtonGroup = React.forwardRef<HTMLDivElement, ButtonGroupProps>(\n  function ButtonGroup({ className, children, ...props }, ref) {\n    return (\n      <Base\n        as=\"div\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-btn-group': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default ButtonGroup;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface ButtonGroupProps extends BaseProps<'div'> {}\n/**\n * Use a button group when two or more buttons are placed together.\n */\nexport const ButtonGroup = React.forwardRef<HTMLDivElement, ButtonGroupProps>(\n  function ButtonGroup({ className, children, ...props }, ref) {\n    return (\n      <Base\n        as=\"div\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-btn-group': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default ButtonGroup;\n"],
   "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAMzB,MAAM,cAAc,MAAM;AAAA,EAC/B,SAASA,aAAY,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC3D,WACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,WAAW,KAAK,WAAW;AAAA,UACzB,gBAAgB;AAAA,QAClB,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,sBAAQ;",
   "names": ["ButtonGroup"]
 }

package/{ButtonLink → ButtonLinkBase}/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { BaseProps } from '@digigov/react-core/Base';
-export interface ButtonLinkProps extends BaseProps<'a'> {
+import { LinkBaseProps } from '@digigov/react-core/LinkBase';
+export interface ButtonLinkBaseProps extends LinkBaseProps {
     /**
      * color is optional.
      * 'primary' color is used for the main call to action on a page.
@@ -14,15 +14,15 @@ export interface ButtonLinkProps extends BaseProps<'a'> {
      */
     color?: 'primary' | 'secondary' | 'warning';
     /**
-   * dense is optional.
-   * @value true Button will be dense.
-   * @value false
-   * @default false
-   */
+     * dense is optional.
+     * @value true Button will be dense.
+     * @value false
+     * @default false
+     */
     dense?: boolean;
 }
 /**
  * Use the Button component to help users carry out an action.
  */
-export declare const ButtonLink: React.ForwardRefExoticComponent<Omit<ButtonLinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
-export default ButtonLink;
+export declare const ButtonLinkBase: React.ForwardRefExoticComponent<Omit<ButtonLinkBaseProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+export default ButtonLinkBase;

package/ButtonLinkBase/index.js

@@ -0,0 +1,27 @@
+import React from "react";
+import clsx from "clsx";
+import { LinkBase } from "@digigov/react-core/LinkBase";
+const ButtonLinkBase = React.forwardRef(function ButtonLinkBase2({ color = "primary", dense, className, children, ...props }, ref) {
+  return /* @__PURE__ */ React.createElement(
+    LinkBase,
+    {
+      ref,
+      defaultStyle: false,
+      className: clsx(className, {
+        "ds-btn": true,
+        "ds-btn--dense": dense,
+        "ds-btn-primary": color === "primary",
+        "ds-btn-secondary": color === "secondary",
+        "ds-btn-warning": color === "warning"
+      }),
+      ...props
+    },
+    children
+  );
+});
+var ButtonLinkBase_default = ButtonLinkBase;
+export {
+  ButtonLinkBase,
+  ButtonLinkBase_default as default
+};
+//# sourceMappingURL=index.js.map

package/ButtonLinkBase/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/ButtonLinkBase/index.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport { LinkBase, LinkBaseProps } from '@digigov/react-core/LinkBase';\n\nexport interface ButtonLinkBaseProps extends LinkBaseProps {\n  /**\n   * color is optional.\n   * 'primary' color is used for the main call to action on a page.\n   * 'secondary' color is used for secondary calls to action on a page.\n   * 'warning' color is used to make users think carefully before they use them.\n   * The default value is 'primary'.\n   * @value 'primary'\n   * @value 'secondary'\n   * @value 'warning'\n   * @default 'primary'\n   */\n  color?: 'primary' | 'secondary' | 'warning';\n\n  /**\n   * dense is optional.\n   * @value true Button will be dense.\n   * @value false\n   * @default false\n   */\n  dense?: boolean;\n}\n/**\n * Use the Button component to help users carry out an action.\n */\nexport const ButtonLinkBase = React.forwardRef<\n  HTMLAnchorElement,\n  ButtonLinkBaseProps\n>(function ButtonLinkBase(\n  { color = 'primary', dense, className, children, ...props },\n  ref\n) {\n  return (\n    <LinkBase\n      ref={ref}\n      defaultStyle={false}\n      className={clsx(className, {\n        'ds-btn': true,\n        'ds-btn--dense': dense,\n        'ds-btn-primary': color === 'primary',\n        'ds-btn-secondary': color === 'secondary',\n        'ds-btn-warning': color === 'warning',\n      })}\n      {...props}\n    >\n      {children}\n    </LinkBase>\n  );\n});\n\nexport default ButtonLinkBase;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,SAAS,gBAA+B;AA2BjC,MAAM,iBAAiB,MAAM,WAGlC,SAASA,gBACT,EAAE,QAAQ,WAAW,OAAO,WAAW,UAAU,GAAG,MAAM,GAC1D,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,cAAc;AAAA,MACd,WAAW,KAAK,WAAW;AAAA,QACzB,UAAU;AAAA,QACV,iBAAiB;AAAA,QACjB,kBAAkB,UAAU;AAAA,QAC5B,oBAAoB,UAAU;AAAA,QAC9B,kBAAkB,UAAU;AAAA,MAC9B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,yBAAQ;",
+  "names": ["ButtonLinkBase"]
+}

package/{BackLink → ButtonLinkBase}/package.json

@@ -2,5 +2,5 @@
   "sideEffects": false,
   "module": "./index.js",
   "types": "./index.d.ts",
-  "main": "../cjs/BackLink/index.js"
+  "main": "../cjs/ButtonLinkBase/index.js"
 }

package/CallToActionBase/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { ButtonLinkBaseProps } from '@digigov/react-core/ButtonLinkBase';
+export interface CallToActionBaseProps extends ButtonLinkBaseProps {
+}
+/**
+ * Use this button for the main call to action on your service’s start page.
+ */
+export declare const CallToActionBase: React.ForwardRefExoticComponent<Omit<CallToActionBaseProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+export default CallToActionBase;

package/{CallToAction → CallToActionBase}/index.js

@@ -1,10 +1,10 @@
 import React from "react";
 import clsx from "clsx";
-import ButtonLink from "@digigov/react-core/ButtonLink";
+import ButtonLinkBase from "@digigov/react-core/ButtonLinkBase";
 import { ChevronIcon } from "@digigov/react-icons";
-const CallToAction = React.forwardRef(function CallToAction2({ printHidden = true, className, children, ...props }, ref) {
+const CallToActionBase = React.forwardRef(function CallToActionBase2({ printHidden = true, className, children, ...props }, ref) {
   return /* @__PURE__ */ React.createElement(
-    ButtonLink,
+    ButtonLinkBase,
     {
       ref,
       printHidden,
@@ -17,9 +17,9 @@ const CallToAction = React.forwardRef(function CallToAction2({ printHidden = tru
     /* @__PURE__ */ React.createElement(ChevronIcon, { className: "ds-btn-cta__icon" })
   );
 });
-var CallToAction_default = CallToAction;
+var CallToActionBase_default = CallToActionBase;
 export {
-  CallToAction,
-  CallToAction_default as default
+  CallToActionBase,
+  CallToActionBase_default as default
 };
 //# sourceMappingURL=index.js.map

package/CallToActionBase/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/CallToActionBase/index.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport ButtonLinkBase, {\n  ButtonLinkBaseProps,\n} from '@digigov/react-core/ButtonLinkBase';\nimport { ChevronIcon } from '@digigov/react-icons';\n\nexport interface CallToActionBaseProps extends ButtonLinkBaseProps {}\n/**\n * Use this button for the main call to action on your service\u2019s start page.\n */\nexport const CallToActionBase = React.forwardRef<\n  HTMLAnchorElement,\n  CallToActionBaseProps\n>(function CallToActionBase(\n  { printHidden = true, className, children, ...props },\n  ref\n) {\n  return (\n    <ButtonLinkBase\n      ref={ref}\n      printHidden={printHidden}\n      className={clsx(className, {\n        'ds-btn-cta': true,\n      })}\n      {...props}\n    >\n      {children}\n      <ChevronIcon className=\"ds-btn-cta__icon\" />\n    </ButtonLinkBase>\n  );\n});\n\nexport default CallToActionBase;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,oBAEA;AACP,SAAS,mBAAmB;AAMrB,MAAM,mBAAmB,MAAM,WAGpC,SAASA,kBACT,EAAE,cAAc,MAAM,WAAW,UAAU,GAAG,MAAM,GACpD,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,cAAc;AAAA,MAChB,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,IACD,oCAAC,eAAY,WAAU,oBAAmB;AAAA,EAC5C;AAEJ,CAAC;AAED,IAAO,2BAAQ;",
+  "names": ["CallToActionBase"]
+}

package/{CircularProgress → CallToActionBase}/package.json

@@ -2,5 +2,5 @@
   "sideEffects": false,
   "module": "./index.js",
   "types": "./index.d.ts",
-  "main": "../cjs/CircularProgress/index.js"
+  "main": "../cjs/CallToActionBase/index.js"
 }

package/Card/index.js

@@ -1,7 +1,16 @@
 import React from "react";
 import clsx from "clsx";
 import Base from "@digigov/react-core/Base";
-const Card = React.forwardRef(function Card2({ variant, borderColor, callToAction, dense, fullHeight, className, children, ...props }, ref) {
+const Card = React.forwardRef(function Card2({
+  variant,
+  borderColor,
+  callToAction,
+  dense,
+  fullHeight,
+  className,
+  children,
+  ...props
+}, ref) {
   return /* @__PURE__ */ React.createElement(
     Base,
     {

package/Card/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Card/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface CardProps extends BaseProps<'div'> {\n  /**\n   * By default, we recommend using Cards without border style. Card border increases the contrast to its background.\n   * divider\n   * `variant` property is optional.\n   * @value 'border'\n   * @value 'divider'\n   * @value 'border-top'\n   */\n  variant?: 'border' | 'divider' | 'border-top';\n\n  /**\n   *borderColor property is optional and it is used to set the color of the Card's border.\n   *\n   *\n   * @value 'light'\n   * @value 'dark'\n   */\n  borderColor?: 'light' | 'dark';\n\n  /**\n   *callToAction property is optional and it is used to set the content of the Card clickable.\n   *\n   *\n   * @value true\n   * @value false\n   */\n  callToAction?: boolean;\n  /**\n   * dense is optional.\n   * @value true Card will be dense.\n   * @value false\n   * @default false\n   * */\n  dense?: boolean;\n  /**\n   * fullHeight is optional.\n   * @value true Card will be have it's full height.\n   * @value false\n   * @default false\n   * */\n  fullHeight?: boolean;\n}\n/**\n * Cards can be used to divide and organise interface content for better understandability and readability.\n * Cards can help your users to scan through vast amounts of information quicker.\n * Use Card as parent component to wrap CardHeading, CardContent and CartAction components\n */\nexport const Card = React.forwardRef<HTMLDivElement, CardProps>(function Card(\n  { variant, borderColor, callToAction, dense, fullHeight, className, children, ...props },\n  ref\n) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-card': true,\n        'ds-card--dense': dense,\n        'ds-card--border': variant === 'border',\n        'ds-card--border-top': variant === 'border-top',\n        'ds-card--divider': variant === 'divider',\n        'ds-card--cta': callToAction,\n        'ds-card--border-light': borderColor === 'light',\n        'ds-card--border-dark': borderColor === 'dark',\n        'ds-card--full-height': fullHeight,\n      })}\n      {...props}\n    >\n      <Base\n        as=\"div\"\n        className={clsx({\n          'ds-card__body': true,\n        })}\n      >\n        {children}\n      </Base>\n    </Base>\n  );\n});\n\nexport default Card;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAkDzB,MAAM,OAAO,MAAM,WAAsC,SAASA,MACvE,EAAE,SAAS,aAAa,cAAc,OAAO,YAAY,WAAW,UAAU,GAAG,MAAM,GACvF,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,WAAW;AAAA,QACX,kBAAkB;AAAA,QAClB,mBAAmB,YAAY;AAAA,QAC/B,uBAAuB,YAAY;AAAA,QACnC,oBAAoB,YAAY;AAAA,QAChC,gBAAgB;AAAA,QAChB,yBAAyB,gBAAgB;AAAA,QACzC,wBAAwB,gBAAgB;AAAA,QACxC,wBAAwB;AAAA,MAC1B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEJ;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,WAAW,KAAK;AAAA,UACd,iBAAiB;AAAA,QACnB,CAAC;AAAA;AAAA,MAEA;AAAA,IACH;AAAA,EACF;AAEJ,CAAC;AAED,IAAO,eAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface CardProps extends BaseProps<'div'> {\n  /**\n   * By default, we recommend using Cards without border style. Card border increases the contrast to its background.\n   * divider\n   * `variant` property is optional.\n   * @value 'border'\n   * @value 'divider'\n   * @value 'border-top'\n   */\n  variant?: 'border' | 'divider' | 'border-top';\n\n  /**\n   *borderColor property is optional and it is used to set the color of the Card's border.\n   *\n   *\n   * @value 'light'\n   * @value 'dark'\n   */\n  borderColor?: 'light' | 'dark';\n\n  /**\n   *callToAction property is optional and it is used to set the content of the Card clickable.\n   *\n   *\n   * @value true\n   * @value false\n   */\n  callToAction?: boolean;\n  /**\n   * dense is optional.\n   * @value true Card will be dense.\n   * @value false\n   * @default false\n   * */\n  dense?: boolean;\n  /**\n   * fullHeight is optional.\n   * @value true Card will be have it's full height.\n   * @value false\n   * @default false\n   * */\n  fullHeight?: boolean;\n}\n/**\n * Cards can be used to divide and organise interface content for better understandability and readability.\n * Cards can help your users to scan through vast amounts of information quicker.\n * Use Card as parent component to wrap CardHeading, CardContent and CartAction components\n */\nexport const Card = React.forwardRef<HTMLDivElement, CardProps>(function Card(\n  {\n    variant,\n    borderColor,\n    callToAction,\n    dense,\n    fullHeight,\n    className,\n    children,\n    ...props\n  },\n  ref\n) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-card': true,\n        'ds-card--dense': dense,\n        'ds-card--border': variant === 'border',\n        'ds-card--border-top': variant === 'border-top',\n        'ds-card--divider': variant === 'divider',\n        'ds-card--cta': callToAction,\n        'ds-card--border-light': borderColor === 'light',\n        'ds-card--border-dark': borderColor === 'dark',\n        'ds-card--full-height': fullHeight,\n      })}\n      {...props}\n    >\n      <Base\n        as=\"div\"\n        className={clsx({\n          'ds-card__body': true,\n        })}\n      >\n        {children}\n      </Base>\n    </Base>\n  );\n});\n\nexport default Card;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAkDzB,MAAM,OAAO,MAAM,WAAsC,SAASA,MACvE;AAAA,EACE;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,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,WAAW;AAAA,QACX,kBAAkB;AAAA,QAClB,mBAAmB,YAAY;AAAA,QAC/B,uBAAuB,YAAY;AAAA,QACnC,oBAAoB,YAAY;AAAA,QAChC,gBAAgB;AAAA,QAChB,yBAAyB,gBAAgB;AAAA,QACzC,wBAAwB,gBAAgB;AAAA,QACxC,wBAAwB;AAAA,MAC1B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEJ;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,WAAW,KAAK;AAAA,UACd,iBAAiB;AAAA,QACnB,CAAC;AAAA;AAAA,MAEA;AAAA,IACH;AAAA,EACF;AAEJ,CAAC;AAED,IAAO,eAAQ;",
   "names": ["Card"]
 }

package/CardAction/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/CardAction/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface CardActionProps extends BaseProps<'div'> { }\n/**\n * CardAction contains the action behavior for Card Component.\n * We can use links, Buttons or ButtonGroup with max of two buttons\n * Use CardAction inside Card component as childern\n */\nexport const CardAction = React.forwardRef<HTMLDivElement, CardActionProps>(\n  function CardAction({ className, children, ...props }, ref) {\n    return (\n      <Base\n        as=\"div\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-card__action': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default CardAction;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface CardActionProps extends BaseProps<'div'> {}\n/**\n * CardAction contains the action behavior for Card Component.\n * We can use links, Buttons or ButtonGroup with max of two buttons\n * Use CardAction inside Card component as childern\n */\nexport const CardAction = React.forwardRef<HTMLDivElement, CardActionProps>(\n  function CardAction({ className, children, ...props }, ref) {\n    return (\n      <Base\n        as=\"div\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-card__action': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default CardAction;\n"],
   "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAQzB,MAAM,aAAa,MAAM;AAAA,EAC9B,SAASA,YAAW,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC1D,WACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,WAAW,KAAK,WAAW;AAAA,UACzB,mBAAmB;AAAA,QACrB,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,qBAAQ;",
   "names": ["CardAction"]
 }

package/CardContent/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/CardContent/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface CardContentProps extends BaseProps<'div'> { }\n/**\n * CardContent contains the text for Card Component\n * Use CardContent inside Card component as children\n */\nexport const CardContent = React.forwardRef<HTMLDivElement, CardContentProps>(\n  function CardContent({ className, children, ...props }, ref) {\n    return (\n      <Base\n        as=\"div\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-card__content': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default CardContent;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface CardContentProps extends BaseProps<'div'> {}\n/**\n * CardContent contains the text for Card Component\n * Use CardContent inside Card component as children\n */\nexport const CardContent = React.forwardRef<HTMLDivElement, CardContentProps>(\n  function CardContent({ className, children, ...props }, ref) {\n    return (\n      <Base\n        as=\"div\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-card__content': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default CardContent;\n"],
   "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAOzB,MAAM,cAAc,MAAM;AAAA,EAC/B,SAASA,aAAY,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC3D,WACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,WAAW,KAAK,WAAW;AAAA,UACzB,oBAAoB;AAAA,QACtB,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,sBAAQ;",
   "names": ["CardContent"]
 }

package/CardHeading/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/CardHeading/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface CardHeadingProps extends BaseProps<'div'> { }\n/**\n * CardHeading gives header title to Card Component\n * Use CardHeading inside Card component as children\n */\nexport const CardHeading = React.forwardRef<HTMLDivElement, CardHeadingProps>(\n  function CardHeading({ className, children, ...props }, ref) {\n    return (\n      <Base\n        as=\"div\"\n        ref={ref}\n        role=\"heading\"\n        aria-level={2}\n        className={clsx(className, {\n          'ds-card__heading': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default CardHeading;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface CardHeadingProps extends BaseProps<'div'> {}\n/**\n * CardHeading gives header title to Card Component\n * Use CardHeading inside Card component as children\n */\nexport const CardHeading = React.forwardRef<HTMLDivElement, CardHeadingProps>(\n  function CardHeading({ className, children, ...props }, ref) {\n    return (\n      <Base\n        as=\"div\"\n        ref={ref}\n        role=\"heading\"\n        aria-level={2}\n        className={clsx(className, {\n          'ds-card__heading': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default CardHeading;\n"],
   "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAOzB,MAAM,cAAc,MAAM;AAAA,EAC/B,SAASA,aAAY,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC3D,WACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,MAAK;AAAA,QACL,cAAY;AAAA,QACZ,WAAW,KAAK,WAAW;AAAA,UACzB,oBAAoB;AAAA,QACtB,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,sBAAQ;",
   "names": ["CardHeading"]
 }

package/CheckboxConditional/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/CheckboxConditional/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\nimport FieldContainer from '@digigov/react-core/FieldContainer';\nimport LabelContainer from '@digigov/react-core/LabelContainer';\n\nexport interface CheckboxConditionalProps extends BaseProps<'div'> { }\n/**\n * CheckboxConditional asks the user a related question when they select a particular checkbox,\n * so they only see the question when it\u2019s relevant to them.\n * CheckboxConditional must be used inside Checkbox component\n */\nexport const CheckboxConditional = React.forwardRef<\n  HTMLDivElement,\n  CheckboxConditionalProps\n>(function CheckboxConditional({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-checkboxes__conditional': true,\n      })}\n      {...props}\n    >\n      <FieldContainer>\n        <LabelContainer>{children}</LabelContainer>\n      </FieldContainer>\n    </Base>\n  );\n});\n\nexport default CheckboxConditional;\n"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\nimport FieldContainer from '@digigov/react-core/FieldContainer';\nimport LabelContainer from '@digigov/react-core/LabelContainer';\n\nexport interface CheckboxConditionalProps extends BaseProps<'div'> {}\n/**\n * CheckboxConditional asks the user a related question when they select a particular checkbox,\n * so they only see the question when it\u2019s relevant to them.\n * CheckboxConditional must be used inside Checkbox component\n */\nexport const CheckboxConditional = React.forwardRef<\n  HTMLDivElement,\n  CheckboxConditionalProps\n>(function CheckboxConditional({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-checkboxes__conditional': true,\n      })}\n      {...props}\n    >\n      <FieldContainer>\n        <LabelContainer>{children}</LabelContainer>\n      </FieldContainer>\n    </Base>\n  );\n});\n\nexport default CheckboxConditional;\n"],
   "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAChC,OAAO,oBAAoB;AAC3B,OAAO,oBAAoB;AAQpB,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,8BAA8B;AAAA,MAChC,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEJ,oCAAC,sBACC,oCAAC,sBAAgB,QAAS,CAC5B;AAAA,EACF;AAEJ,CAAC;AAED,IAAO,8BAAQ;",
   "names": ["CheckboxConditional"]
 }

package/CheckboxItem/index.js

@@ -1,8 +1,8 @@
 import React from "react";
 import clsx from "clsx";
 import Base from "@digigov/react-core/Base";
-import ChoiceDividerText from "@digigov/react-core/ChoiceDividerText";
 import CheckboxItemInput from "@digigov/react-core/CheckboxItemInput";
+import ChoiceDividerText from "@digigov/react-core/ChoiceDividerText";
 import LabelContainer from "@digigov/react-core/LabelContainer";
 const CheckboxItem = React.forwardRef(function CheckboxItem2({ name, value, dividerText, className, disabled, children, ...props }, ref) {
   return /* @__PURE__ */ React.createElement(React.Fragment, null, dividerText && /* @__PURE__ */ React.createElement(ChoiceDividerText, null, dividerText), /* @__PURE__ */ React.createElement(
@@ -22,7 +22,16 @@ const CheckboxItem = React.forwardRef(function CheckboxItem2({ name, value, divi
         })
       },
       children,
-      /* @__PURE__ */ React.createElement(CheckboxItemInput, { ref, name, value, disabled, ...props })
+      /* @__PURE__ */ React.createElement(
+        CheckboxItemInput,
+        {
+          ref,
+          name,
+          value,
+          disabled,
+          ...props
+        }
+      )
     )
   ));
 });

package/CheckboxItem/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/CheckboxItem/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\nimport ChoiceDividerText from '@digigov/react-core/ChoiceDividerText';\nimport CheckboxItemInput from '@digigov/react-core/CheckboxItemInput';\nimport LabelContainer from '@digigov/react-core/LabelContainer';\n\nexport interface CheckboxItemProps extends BaseProps<'input'> {\n  /**\n   * dividerText is optional.\n   * Add this prop to add a choice divider on top of a checkbox item.\n   * The string is the text that it will appear above this checkbox item.\n   */\n  dividerText?: string;\n}\n/**\n * Details for the CheckboxItem.\n * CheckboxItem component allows the user to select one or more checkboxes\n * CheckboxItem must be used inside Checkbox component\n */\nexport const CheckboxItem = React.forwardRef<\n  HTMLInputElement,\n  CheckboxItemProps\n>(function CheckboxItem(\n  { name, value, dividerText, className, disabled, children, ...props },\n  ref\n) {\n  return (\n    <>\n      {dividerText && <ChoiceDividerText>{dividerText}</ChoiceDividerText>}\n      <Base as='div'\n        className={clsx(className, {\n          'ds-checkboxes__item': true,\n        })}\n      >\n        <LabelContainer\n          className={clsx({\n            'ds-checkboxes__label': true,\n            'ds-checkboxes__label--disabled': disabled,\n          })}\n        >\n          {children}\n          <CheckboxItemInput ref={ref} name={name} value={value} disabled={disabled} {...props} />\n        </LabelContainer>\n      </Base>\n    </>\n  );\n});\n\nexport default CheckboxItem;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAChC,OAAO,uBAAuB;AAC9B,OAAO,uBAAuB;AAC9B,OAAO,oBAAoB;AAepB,MAAM,eAAe,MAAM,WAGhC,SAASA,cACT,EAAE,MAAM,OAAO,aAAa,WAAW,UAAU,UAAU,GAAG,MAAM,GACpE,KACA;AACA,SACE,0DACG,eAAe,oCAAC,yBAAmB,WAAY,GAChD;AAAA,IAAC;AAAA;AAAA,MAAK,IAAG;AAAA,MACP,WAAW,KAAK,WAAW;AAAA,QACzB,uBAAuB;AAAA,MACzB,CAAC;AAAA;AAAA,IAED;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,KAAK;AAAA,UACd,wBAAwB;AAAA,UACxB,kCAAkC;AAAA,QACpC,CAAC;AAAA;AAAA,MAEA;AAAA,MACD,oCAAC,qBAAkB,KAAU,MAAY,OAAc,UAAqB,GAAG,OAAO;AAAA,IACxF;AAAA,EACF,CACF;AAEJ,CAAC;AAED,IAAO,uBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\nimport CheckboxItemInput from '@digigov/react-core/CheckboxItemInput';\nimport ChoiceDividerText from '@digigov/react-core/ChoiceDividerText';\nimport LabelContainer from '@digigov/react-core/LabelContainer';\n\nexport interface CheckboxItemProps extends BaseProps<'input'> {\n  /**\n   * dividerText is optional.\n   * Add this prop to add a choice divider on top of a checkbox item.\n   * The string is the text that it will appear above this checkbox item.\n   */\n  dividerText?: string;\n}\n/**\n * Details for the CheckboxItem.\n * CheckboxItem component allows the user to select one or more checkboxes\n * CheckboxItem must be used inside Checkbox component\n */\nexport const CheckboxItem = React.forwardRef<\n  HTMLInputElement,\n  CheckboxItemProps\n>(function CheckboxItem(\n  { name, value, dividerText, className, disabled, children, ...props },\n  ref\n) {\n  return (\n    <>\n      {dividerText && <ChoiceDividerText>{dividerText}</ChoiceDividerText>}\n      <Base\n        as=\"div\"\n        className={clsx(className, {\n          'ds-checkboxes__item': true,\n        })}\n      >\n        <LabelContainer\n          className={clsx({\n            'ds-checkboxes__label': true,\n            'ds-checkboxes__label--disabled': disabled,\n          })}\n        >\n          {children}\n          <CheckboxItemInput\n            ref={ref}\n            name={name}\n            value={value}\n            disabled={disabled}\n            {...props}\n          />\n        </LabelContainer>\n      </Base>\n    </>\n  );\n});\n\nexport default CheckboxItem;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAChC,OAAO,uBAAuB;AAC9B,OAAO,uBAAuB;AAC9B,OAAO,oBAAoB;AAepB,MAAM,eAAe,MAAM,WAGhC,SAASA,cACT,EAAE,MAAM,OAAO,aAAa,WAAW,UAAU,UAAU,GAAG,MAAM,GACpE,KACA;AACA,SACE,0DACG,eAAe,oCAAC,yBAAmB,WAAY,GAChD;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH,WAAW,KAAK,WAAW;AAAA,QACzB,uBAAuB;AAAA,MACzB,CAAC;AAAA;AAAA,IAED;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,KAAK;AAAA,UACd,wBAAwB;AAAA,UACxB,kCAAkC;AAAA,QACpC,CAAC;AAAA;AAAA,MAEA;AAAA,MACD;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACC,GAAG;AAAA;AAAA,MACN;AAAA,IACF;AAAA,EACF,CACF;AAEJ,CAAC;AAED,IAAO,uBAAQ;",
   "names": ["CheckboxItem"]
 }

package/CheckboxItemInput/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/CheckboxItemInput/index.tsx"],
-  "sourcesContent": ["export * from '@digigov/react-core/CheckboxItemInput/index.web';\nexport { default as default } from '@digigov/react-core/CheckboxItemInput/index.web';"],
+  "sourcesContent": ["export * from '@digigov/react-core/CheckboxItemInput/index.web';\nexport { default as default } from '@digigov/react-core/CheckboxItemInput/index.web';\n"],
   "mappings": "AAAA,cAAc;AACd,SAAoB,WAAXA,gBAA0B;",
   "names": ["default"]
 }

package/CheckboxItemInput/index.web/index.js

@@ -1,7 +1,7 @@
 import React from "react";
 import clsx from "clsx";
 import Base from "@digigov/react-core/Base";
-const CheckboxItemInput = React.forwardRef(function CheckboxItemInput2({ name, value, className, disabled, children, ...props }, ref) {
+const CheckboxItemInput = React.forwardRef(function CheckboxItemInput2({ name, value, className, disabled, ...props }, ref) {
   return /* @__PURE__ */ React.createElement(
     Base,
     {
@@ -10,7 +10,7 @@ const CheckboxItemInput = React.forwardRef(function CheckboxItemInput2({ name, v
       type: "checkbox",
       name,
       value,
-      className: clsx({
+      className: clsx(className, {
         "ds-checkboxes__input": true
       }),
       disabled,