@digigov/react-core 2.0.0-rc.30 → 2.0.0-rc.31

package/package.json

@@ -1,17 +1,17 @@
 {
   "name": "@digigov/react-core",
-  "version": "2.0.0-rc.30",
+  "version": "2.0.0-rc.31",
   "description": "@digigov react core components",
   "author": "GRNET Developers <devs@lists.grnet.gr>",
   "license": "BSD-2-Clause",
   "main": "./cjs/index.js",
   "module": "./index.js",
   "peerDependencies": {
-    "@digigov/css": "2.0.0-rc.30",
-    "@digigov/react-icons": "2.0.0-rc.30",
+    "@digigov/css": "2.0.0-rc.31",
+    "@digigov/react-icons": "2.0.0-rc.31",
     "clsx": "1.1.1",
-    "react": ">=16.8.0 <19.0.0",
-    "react-dom": ">=16.8.0 <19.0.0",
+    "react": "^18.3.0 || ^19.1.0",
+    "react-dom": "^18.3.0 || ^19.1.0",
     "react-native-svg": "^15.2.0",
     "expo-router": "^3.5.14",
     "nativewind": "^4.1.1"

package/registry/index.js

@@ -3,12 +3,12 @@ import * as _digigov_react_core from "@digigov/react-core";
 import * as _digigov_react_core_Accordion from "@digigov/react-core/Accordion";
 import * as _digigov_react_core_Accordion_index_web from "@digigov/react-core/Accordion/index.web";
 import * as _digigov_react_core_AccordionControls from "@digigov/react-core/AccordionControls";
-import * as _digigov_react_core_AccordionSectionSummary from "@digigov/react-core/AccordionSectionSummary";
-import * as _digigov_react_core_AccordionSectionSummaryHeading from "@digigov/react-core/AccordionSectionSummaryHeading";
 import * as _digigov_react_core_AccordionSectionContent from "@digigov/react-core/AccordionSectionContent";
+import * as _digigov_react_core_AdminAside from "@digigov/react-core/AdminAside";
+import * as _digigov_react_core_AccordionSectionSummaryHeading from "@digigov/react-core/AccordionSectionSummaryHeading";
+import * as _digigov_react_core_AccordionSectionSummary from "@digigov/react-core/AccordionSectionSummary";
 import * as _digigov_react_core_AccordionSection from "@digigov/react-core/AccordionSection";
 import * as _digigov_react_core_AccordionSection_index_web from "@digigov/react-core/AccordionSection/index.web";
-import * as _digigov_react_core_AdminAside from "@digigov/react-core/AdminAside";
 import * as _digigov_react_core_AdminContainer from "@digigov/react-core/AdminContainer";
 import * as _digigov_react_core_AdminHeader from "@digigov/react-core/AdminHeader";
 import * as _digigov_react_core_AdminHeaderContent from "@digigov/react-core/AdminHeaderContent";
@@ -19,7 +19,6 @@ import * as _digigov_react_core_Aside from "@digigov/react-core/Aside";
 import * as _digigov_react_core_AutoCompleteAssistiveHint from "@digigov/react-core/AutoCompleteAssistiveHint";
 import * as _digigov_react_core_AutoCompleteContainer from "@digigov/react-core/AutoCompleteContainer";
 import * as _digigov_react_core_AutoCompleteInputBase from "@digigov/react-core/AutoCompleteInputBase";
-import * as _digigov_react_core_AutoCompleteInputTypeahead from "@digigov/react-core/AutoCompleteInputTypeahead";
 import * as _digigov_react_core_AutoCompleteMultipleInput from "@digigov/react-core/AutoCompleteMultipleInput";
 import * as _digigov_react_core_AutoCompleteMultipleInputContainer from "@digigov/react-core/AutoCompleteMultipleInputContainer";
 import * as _digigov_react_core_AutoCompleteResultList from "@digigov/react-core/AutoCompleteResultList";
@@ -108,8 +107,8 @@ import * as _digigov_react_core_FooterImage from "@digigov/react-core/FooterImag
 import * as _digigov_react_core_FooterInfo from "@digigov/react-core/FooterInfo";
 import * as _digigov_react_core_FooterInfoSection from "@digigov/react-core/FooterInfoSection";
 import * as _digigov_react_core_FooterLinkBase from "@digigov/react-core/FooterLinkBase";
-import * as _digigov_react_core_FooterList from "@digigov/react-core/FooterList";
 import * as _digigov_react_core_FooterListItem from "@digigov/react-core/FooterListItem";
+import * as _digigov_react_core_FooterList from "@digigov/react-core/FooterList";
 import * as _digigov_react_core_FooterNavigation from "@digigov/react-core/FooterNavigation";
 import * as _digigov_react_core_FooterNavigationSection from "@digigov/react-core/FooterNavigationSection";
 import * as _digigov_react_core_Form from "@digigov/react-core/Form";
@@ -127,34 +126,34 @@ import * as _digigov_react_core_HeaderSection from "@digigov/react-core/HeaderSe
 import * as _digigov_react_core_HeaderTitleBase from "@digigov/react-core/HeaderTitleBase";
 import * as _digigov_react_core_Heading from "@digigov/react-core/Heading";
 import * as _digigov_react_core_HeadingCaption from "@digigov/react-core/HeadingCaption";
-import * as _digigov_react_core_Hidden from "@digigov/react-core/Hidden";
-import * as _digigov_react_core_Hint from "@digigov/react-core/Hint";
-import * as _digigov_react_core_ImageLogoSet from "@digigov/react-core/ImageLogoSet";
 import * as _digigov_react_core_HellenicRepublicLogo from "@digigov/react-core/HellenicRepublicLogo";
 import * as _digigov_react_core_HellenicRepublicLogo_logo_el from "@digigov/react-core/HellenicRepublicLogo/logo-el";
 import * as _digigov_react_core_HellenicRepublicLogo_logo_en from "@digigov/react-core/HellenicRepublicLogo/logo-en";
 import * as _digigov_react_core_HellenicRepublicLogo_logo_inverted_el from "@digigov/react-core/HellenicRepublicLogo/logo-inverted-el";
 import * as _digigov_react_core_HellenicRepublicLogo_logo_inverted_en from "@digigov/react-core/HellenicRepublicLogo/logo-inverted-en";
+import * as _digigov_react_core_Hidden from "@digigov/react-core/Hidden";
+import * as _digigov_react_core_Hint from "@digigov/react-core/Hint";
+import * as _digigov_react_core_ImageLogo from "@digigov/react-core/ImageLogo";
+import * as _digigov_react_core_ImageLogoSet from "@digigov/react-core/ImageLogoSet";
 import * as _digigov_react_core_KitchenSinkAllComponents from "@digigov/react-core/KitchenSinkAllComponents";
 import * as _digigov_react_core_KitchenSinkCard from "@digigov/react-core/KitchenSinkCard";
 import * as _digigov_react_core_KitchenSinkCategory from "@digigov/react-core/KitchenSinkCategory";
 import * as _digigov_react_core_KitchenSinkContent from "@digigov/react-core/KitchenSinkContent";
-import * as _digigov_react_core_KitchenSinkHeading from "@digigov/react-core/KitchenSinkHeading";
 import * as _digigov_react_core_KitchenSinkContentInfo from "@digigov/react-core/KitchenSinkContentInfo";
-import * as _digigov_react_core_ImageLogo from "@digigov/react-core/ImageLogo";
+import * as _digigov_react_core_KitchenSinkContentTags from "@digigov/react-core/KitchenSinkContentTags";
+import * as _digigov_react_core_KitchenSinkHeading from "@digigov/react-core/KitchenSinkHeading";
 import * as _digigov_react_core_KitchenSinkLetterContent from "@digigov/react-core/KitchenSinkLetterContent";
+import * as _digigov_react_core_LabelContainer from "@digigov/react-core/LabelContainer";
 import * as _digigov_react_core_LabelTitle from "@digigov/react-core/LabelTitle";
 import * as _digigov_react_core_LabeledText from "@digigov/react-core/LabeledText";
-import * as _digigov_react_core_KitchenSinkContentTags from "@digigov/react-core/KitchenSinkContentTags";
 import * as _digigov_react_core_Layout from "@digigov/react-core/Layout";
 import * as _digigov_react_core_LinkBase from "@digigov/react-core/LinkBase";
 import * as _digigov_react_core_List from "@digigov/react-core/List";
-import * as _digigov_react_core_LoaderContainer from "@digigov/react-core/LoaderContainer";
 import * as _digigov_react_core_ListItem from "@digigov/react-core/ListItem";
-import * as _digigov_react_core_LabelContainer from "@digigov/react-core/LabelContainer";
+import * as _digigov_react_core_LoaderContainer from "@digigov/react-core/LoaderContainer";
 import * as _digigov_react_core_Main from "@digigov/react-core/Main";
-import * as _digigov_react_core_Masthead from "@digigov/react-core/Masthead";
 import * as _digigov_react_core_MastheadBody from "@digigov/react-core/MastheadBody";
+import * as _digigov_react_core_Masthead from "@digigov/react-core/Masthead";
 import * as _digigov_react_core_MastheadLogo from "@digigov/react-core/MastheadLogo";
 import * as _digigov_react_core_ModalAction from "@digigov/react-core/ModalAction";
 import * as _digigov_react_core_ModalContainer from "@digigov/react-core/ModalContainer";
@@ -181,8 +180,8 @@ import * as _digigov_react_core_NotificationBannerHeading from "@digigov/react-c
 import * as _digigov_react_core_NotificationBannerLink from "@digigov/react-core/NotificationBannerLink";
 import * as _digigov_react_core_NotificationBannerLink_index_web from "@digigov/react-core/NotificationBannerLink/index.web";
 import * as _digigov_react_core_PageTitleCaption from "@digigov/react-core/PageTitleCaption";
-import * as _digigov_react_core_PageTitleContainer from "@digigov/react-core/PageTitleContainer";
 import * as _digigov_react_core_PageTitleHeading from "@digigov/react-core/PageTitleHeading";
+import * as _digigov_react_core_PageTitleContainer from "@digigov/react-core/PageTitleContainer";
 import * as _digigov_react_core_Pagination from "@digigov/react-core/Pagination";
 import * as _digigov_react_core_PaginationLabelContainer from "@digigov/react-core/PaginationLabelContainer";
 import * as _digigov_react_core_PaginationList from "@digigov/react-core/PaginationList";
@@ -287,12 +286,12 @@ export default {
   '@digigov/react-core/Accordion': lazyImport(_digigov_react_core_Accordion),
   '@digigov/react-core/Accordion/index.web': lazyImport(_digigov_react_core_Accordion_index_web),
   '@digigov/react-core/AccordionControls': lazyImport(_digigov_react_core_AccordionControls),
-  '@digigov/react-core/AccordionSectionSummary': lazyImport(_digigov_react_core_AccordionSectionSummary),
-  '@digigov/react-core/AccordionSectionSummaryHeading': lazyImport(_digigov_react_core_AccordionSectionSummaryHeading),
   '@digigov/react-core/AccordionSectionContent': lazyImport(_digigov_react_core_AccordionSectionContent),
+  '@digigov/react-core/AdminAside': lazyImport(_digigov_react_core_AdminAside),
+  '@digigov/react-core/AccordionSectionSummaryHeading': lazyImport(_digigov_react_core_AccordionSectionSummaryHeading),
+  '@digigov/react-core/AccordionSectionSummary': lazyImport(_digigov_react_core_AccordionSectionSummary),
   '@digigov/react-core/AccordionSection': lazyImport(_digigov_react_core_AccordionSection),
   '@digigov/react-core/AccordionSection/index.web': lazyImport(_digigov_react_core_AccordionSection_index_web),
-  '@digigov/react-core/AdminAside': lazyImport(_digigov_react_core_AdminAside),
   '@digigov/react-core/AdminContainer': lazyImport(_digigov_react_core_AdminContainer),
   '@digigov/react-core/AdminHeader': lazyImport(_digigov_react_core_AdminHeader),
   '@digigov/react-core/AdminHeaderContent': lazyImport(_digigov_react_core_AdminHeaderContent),
@@ -303,7 +302,6 @@ export default {
   '@digigov/react-core/AutoCompleteAssistiveHint': lazyImport(_digigov_react_core_AutoCompleteAssistiveHint),
   '@digigov/react-core/AutoCompleteContainer': lazyImport(_digigov_react_core_AutoCompleteContainer),
   '@digigov/react-core/AutoCompleteInputBase': lazyImport(_digigov_react_core_AutoCompleteInputBase),
-  '@digigov/react-core/AutoCompleteInputTypeahead': lazyImport(_digigov_react_core_AutoCompleteInputTypeahead),
   '@digigov/react-core/AutoCompleteMultipleInput': lazyImport(_digigov_react_core_AutoCompleteMultipleInput),
   '@digigov/react-core/AutoCompleteMultipleInputContainer': lazyImport(_digigov_react_core_AutoCompleteMultipleInputContainer),
   '@digigov/react-core/AutoCompleteResultList': lazyImport(_digigov_react_core_AutoCompleteResultList),
@@ -392,8 +390,8 @@ export default {
   '@digigov/react-core/FooterInfo': lazyImport(_digigov_react_core_FooterInfo),
   '@digigov/react-core/FooterInfoSection': lazyImport(_digigov_react_core_FooterInfoSection),
   '@digigov/react-core/FooterLinkBase': lazyImport(_digigov_react_core_FooterLinkBase),
-  '@digigov/react-core/FooterList': lazyImport(_digigov_react_core_FooterList),
   '@digigov/react-core/FooterListItem': lazyImport(_digigov_react_core_FooterListItem),
+  '@digigov/react-core/FooterList': lazyImport(_digigov_react_core_FooterList),
   '@digigov/react-core/FooterNavigation': lazyImport(_digigov_react_core_FooterNavigation),
   '@digigov/react-core/FooterNavigationSection': lazyImport(_digigov_react_core_FooterNavigationSection),
   '@digigov/react-core/Form': lazyImport(_digigov_react_core_Form),
@@ -411,34 +409,34 @@ export default {
   '@digigov/react-core/HeaderTitleBase': lazyImport(_digigov_react_core_HeaderTitleBase),
   '@digigov/react-core/Heading': lazyImport(_digigov_react_core_Heading),
   '@digigov/react-core/HeadingCaption': lazyImport(_digigov_react_core_HeadingCaption),
-  '@digigov/react-core/Hidden': lazyImport(_digigov_react_core_Hidden),
-  '@digigov/react-core/Hint': lazyImport(_digigov_react_core_Hint),
-  '@digigov/react-core/ImageLogoSet': lazyImport(_digigov_react_core_ImageLogoSet),
   '@digigov/react-core/HellenicRepublicLogo': lazyImport(_digigov_react_core_HellenicRepublicLogo),
   '@digigov/react-core/HellenicRepublicLogo/logo-el': lazyImport(_digigov_react_core_HellenicRepublicLogo_logo_el),
   '@digigov/react-core/HellenicRepublicLogo/logo-en': lazyImport(_digigov_react_core_HellenicRepublicLogo_logo_en),
   '@digigov/react-core/HellenicRepublicLogo/logo-inverted-el': lazyImport(_digigov_react_core_HellenicRepublicLogo_logo_inverted_el),
   '@digigov/react-core/HellenicRepublicLogo/logo-inverted-en': lazyImport(_digigov_react_core_HellenicRepublicLogo_logo_inverted_en),
+  '@digigov/react-core/Hidden': lazyImport(_digigov_react_core_Hidden),
+  '@digigov/react-core/Hint': lazyImport(_digigov_react_core_Hint),
+  '@digigov/react-core/ImageLogo': lazyImport(_digigov_react_core_ImageLogo),
+  '@digigov/react-core/ImageLogoSet': lazyImport(_digigov_react_core_ImageLogoSet),
   '@digigov/react-core/KitchenSinkAllComponents': lazyImport(_digigov_react_core_KitchenSinkAllComponents),
   '@digigov/react-core/KitchenSinkCard': lazyImport(_digigov_react_core_KitchenSinkCard),
   '@digigov/react-core/KitchenSinkCategory': lazyImport(_digigov_react_core_KitchenSinkCategory),
   '@digigov/react-core/KitchenSinkContent': lazyImport(_digigov_react_core_KitchenSinkContent),
-  '@digigov/react-core/KitchenSinkHeading': lazyImport(_digigov_react_core_KitchenSinkHeading),
   '@digigov/react-core/KitchenSinkContentInfo': lazyImport(_digigov_react_core_KitchenSinkContentInfo),
-  '@digigov/react-core/ImageLogo': lazyImport(_digigov_react_core_ImageLogo),
+  '@digigov/react-core/KitchenSinkContentTags': lazyImport(_digigov_react_core_KitchenSinkContentTags),
+  '@digigov/react-core/KitchenSinkHeading': lazyImport(_digigov_react_core_KitchenSinkHeading),
   '@digigov/react-core/KitchenSinkLetterContent': lazyImport(_digigov_react_core_KitchenSinkLetterContent),
+  '@digigov/react-core/LabelContainer': lazyImport(_digigov_react_core_LabelContainer),
   '@digigov/react-core/LabelTitle': lazyImport(_digigov_react_core_LabelTitle),
   '@digigov/react-core/LabeledText': lazyImport(_digigov_react_core_LabeledText),
-  '@digigov/react-core/KitchenSinkContentTags': lazyImport(_digigov_react_core_KitchenSinkContentTags),
   '@digigov/react-core/Layout': lazyImport(_digigov_react_core_Layout),
   '@digigov/react-core/LinkBase': lazyImport(_digigov_react_core_LinkBase),
   '@digigov/react-core/List': lazyImport(_digigov_react_core_List),
-  '@digigov/react-core/LoaderContainer': lazyImport(_digigov_react_core_LoaderContainer),
   '@digigov/react-core/ListItem': lazyImport(_digigov_react_core_ListItem),
-  '@digigov/react-core/LabelContainer': lazyImport(_digigov_react_core_LabelContainer),
+  '@digigov/react-core/LoaderContainer': lazyImport(_digigov_react_core_LoaderContainer),
   '@digigov/react-core/Main': lazyImport(_digigov_react_core_Main),
-  '@digigov/react-core/Masthead': lazyImport(_digigov_react_core_Masthead),
   '@digigov/react-core/MastheadBody': lazyImport(_digigov_react_core_MastheadBody),
+  '@digigov/react-core/Masthead': lazyImport(_digigov_react_core_Masthead),
   '@digigov/react-core/MastheadLogo': lazyImport(_digigov_react_core_MastheadLogo),
   '@digigov/react-core/ModalAction': lazyImport(_digigov_react_core_ModalAction),
   '@digigov/react-core/ModalContainer': lazyImport(_digigov_react_core_ModalContainer),
@@ -465,8 +463,8 @@ export default {
   '@digigov/react-core/NotificationBannerLink': lazyImport(_digigov_react_core_NotificationBannerLink),
   '@digigov/react-core/NotificationBannerLink/index.web': lazyImport(_digigov_react_core_NotificationBannerLink_index_web),
   '@digigov/react-core/PageTitleCaption': lazyImport(_digigov_react_core_PageTitleCaption),
-  '@digigov/react-core/PageTitleContainer': lazyImport(_digigov_react_core_PageTitleContainer),
   '@digigov/react-core/PageTitleHeading': lazyImport(_digigov_react_core_PageTitleHeading),
+  '@digigov/react-core/PageTitleContainer': lazyImport(_digigov_react_core_PageTitleContainer),
   '@digigov/react-core/Pagination': lazyImport(_digigov_react_core_Pagination),
   '@digigov/react-core/PaginationLabelContainer': lazyImport(_digigov_react_core_PaginationLabelContainer),
   '@digigov/react-core/PaginationList': lazyImport(_digigov_react_core_PaginationList),

package/src/Base/compat/Input/CheckboxInput.native.tsx

@@ -1,8 +1,4 @@
-import React, {
-  DetailedHTMLProps,
-  InputHTMLAttributes,
-  LegacyRef,
-} from 'react';
+import React, { DetailedHTMLProps, InputHTMLAttributes, Ref } from 'react';
 import { TouchableOpacity, View } from 'react-native';
 
 export type CheckboxInputProps = Omit<
@@ -28,7 +24,7 @@ export const CheckboxInput = React.forwardRef<
   return (
     // @ts-ignore
     <TouchableOpacity
-      ref={ref as LegacyRef<TouchableOpacity>}
+      ref={ref as Ref<TouchableOpacity>}
       onPress={handlePress}
       {...props}
     >

package/src/Base/compat/Input/RadioInput.native.tsx

@@ -1,8 +1,4 @@
-import React, {
-  DetailedHTMLProps,
-  InputHTMLAttributes,
-  LegacyRef,
-} from 'react';
+import React, { DetailedHTMLProps, InputHTMLAttributes, Ref } from 'react';
 import { TouchableOpacity, View } from 'react-native';
 
 export type RadioInputProps = Omit<
@@ -26,7 +22,7 @@ export const RadioInput = React.forwardRef<HTMLInputElement, RadioInputProps>(
 
     return (
       <TouchableOpacity
-        ref={ref as LegacyRef<typeof TouchableOpacity>}
+        ref={ref as Ref<typeof TouchableOpacity>}
         onPress={handlePress}
         {...(props as any)}
       >

package/src/Base/index.native.tsx

@@ -1,4 +1,4 @@
-import React, { useMemo } from 'react';
+import React, { useMemo, type JSX } from 'react';
 import { Text, View, ViewProps } from 'react-native';
 import { BaseProps as CoreBaseProps } from '@digigov/react-core/Base/index.web';
 import { mapping } from '@digigov/react-core/Base/mapping.native';
@@ -22,7 +22,7 @@ const BooleanMapper = {
 const textHtmlTags = ['h1', 'h2', 'h3', 'h4', 'h5', 'p', 'span'];
 
 export const Base: BaseComponent = React.forwardRef(function Base<
-  C extends React.ElementType = 'span',
+  C extends React.ElementType,
 >(
   {
     as,

package/src/Base/index.web.tsx

@@ -162,7 +162,7 @@ type BaseComponent = <C extends React.ElementType = 'span'>(
 ) => React.ReactNode | null;
 
 export const Base: BaseComponent = React.forwardRef(function Base<
-  C extends React.ElementType = 'span',
+  C extends React.ElementType,
 >(
   {
     as,

package/src/Base/mapping.native.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { type JSX } from 'react';
 import { Link } from 'expo-router';
 import { cssInterop } from 'nativewind';
 import { Image, View } from 'react-native';

package/src/Button/index.tsx

@@ -56,6 +56,7 @@ export const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
         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/src/Checkbox/__snapshots__/index.test.tsx.snap

@@ -16,7 +16,6 @@ exports[`renders the Checkbox with dense prop and CheckboxItems 1`] = `
           <input
             class="ds-checkboxes__input"
             type="checkbox"
-            value=""
           />
         </label>
       </div>
@@ -30,7 +29,6 @@ exports[`renders the Checkbox with dense prop and CheckboxItems 1`] = `
           <input
             class="ds-checkboxes__input"
             type="checkbox"
-            value=""
           />
         </label>
       </div>
@@ -55,7 +53,6 @@ exports[`renders the Checkbox with layout=horizontal and CheckboxItems 1`] = `
           <input
             class="ds-checkboxes__input"
             type="checkbox"
-            value=""
           />
         </label>
       </div>
@@ -69,7 +66,6 @@ exports[`renders the Checkbox with layout=horizontal and CheckboxItems 1`] = `
           <input
             class="ds-checkboxes__input"
             type="checkbox"
-            value=""
           />
         </label>
       </div>
@@ -106,7 +102,6 @@ exports[`renders the Checkbox with no props and CheckboxItem 1`] = `
           <input
             class="ds-checkboxes__input"
             type="checkbox"
-            value=""
           />
         </label>
       </div>

package/src/CheckboxItem/__snapshots__/index.test.tsx.snap

@@ -14,7 +14,6 @@ exports[`renders the CheckboxItem with \`disabled\` prop 1`] = `
           class="ds-checkboxes__input"
           disabled=""
           type="checkbox"
-          value=""
         />
       </label>
     </div>
@@ -40,7 +39,6 @@ exports[`renders the CheckboxItem with \`divider\` prop 1`] = `
         <input
           class="ds-checkboxes__input"
           type="checkbox"
-          value=""
         />
       </label>
     </div>
@@ -62,7 +60,6 @@ exports[`renders the CheckboxItem with \`name\` prop 1`] = `
           class="ds-checkboxes__input"
           name="example"
           type="checkbox"
-          value=""
         />
       </label>
     </div>
@@ -155,7 +152,6 @@ exports[`renders the CheckboxItem with no props 1`] = `
         <input
           class="ds-checkboxes__input"
           type="checkbox"
-          value=""
         />
       </label>
     </div>

package/src/LinkBase/index.tsx

@@ -35,6 +35,7 @@ export const LinkBase = React.forwardRef<HTMLAnchorElement, LinkBaseProps>(
           'ds-link': defaultStyle,
           'ds-link--no-underline': !underline,
         })}
+        defaultStyle={defaultStyle}
         {...props}
       >
         {children}

package/src/RadioItem/__snapshots__/index.test.tsx.snap

@@ -18,7 +18,6 @@ exports[`renders the RadioItem  \`dividerText\` props 1`] = `
         <input
           class="ds-radios__input"
           type="radio"
-          value=""
         />
       </label>
     </div>
@@ -89,7 +88,6 @@ exports[`renders the RadioItem with disabled prop 1`] = `
           class="ds-radios__input"
           disabled=""
           type="radio"
-          value=""
         />
       </label>
     </div>
@@ -111,7 +109,6 @@ exports[`renders the RadioItem with name  props 1`] = `
           class="ds-radios__input"
           name="name"
           type="radio"
-          value=""
         />
       </label>
     </div>
@@ -177,7 +174,6 @@ exports[`renders the RadioItem with no props 1`] = `
         <input
           class="ds-radios__input"
           type="radio"
-          value=""
         />
       </label>
     </div>

package/src/Table/index.tsx

@@ -47,6 +47,15 @@ export interface TableProps extends BaseProps<'table'> {
    * @default 'default'
    */
   variant?: 'zebra' | 'default';
+  /**
+   * verticalAlign is optional.
+   * The verticalAlign property sets vertical alignment of the table-cells.
+   * @value 'top'
+   * @value 'middle'
+   * @value 'bottom'
+   * @default 'middle'
+   */
+  verticalAlign?: 'top' | 'middle' | 'bottom';
 }
 /**
  * Table component is used to wrap the sub components of a table
@@ -59,6 +68,7 @@ export const Table = React.forwardRef<HTMLTableElement, TableProps>(
       dense = false,
       verticalBorders = false,
       stacked = 'never',
+      verticalAlign = 'middle',
       className,
       children,
       ...props
@@ -79,6 +89,8 @@ export const Table = React.forwardRef<HTMLTableElement, TableProps>(
           'ds-table--dense': dense,
           'ds-table--zebra': variant === 'zebra',
           'ds-table--vertical-lines': verticalBorders,
+          'ds-table--align-top': verticalAlign === 'top',
+          'ds-table--align-bottom': verticalAlign === 'bottom',
         })}
         {...props}
       >

package/src/TableDataCell/__snapshots__/index.test.tsx.snap

@@ -13,7 +13,7 @@ exports[`renders the Table with dataType numeric prop 1`] = `
           class="ds-table__row"
         >
           <td
-            class="ds-table__cell ds-table__cell--numeric"
+            class="ds-table__cell ds-table__cell--border ds-table__cell--numeric"
           >
             hello
           </td>
@@ -37,7 +37,7 @@ exports[`renders the Table with no props 1`] = `
           class="ds-table__row"
         >
           <td
-            class="ds-table__cell"
+            class="ds-table__cell ds-table__cell--border"
           >
             hello
           </td>

package/src/TableDataCell/index.tsx

@@ -13,6 +13,19 @@ export interface TableDataCellProps extends BaseProps<'td'> {
    * @default 'text'
    */
   dataType?: 'text' | 'numeric';
+  /**
+   * variant is optional.
+   * Use this prop to control the bottom border of the table-cell.
+   * @value 'border'
+   * @value 'none'
+   * @default 'border'
+   */
+  variant?: 'border' | 'none';
+  /**
+   * wordBreak is optional.
+   * Use this prop to control the word break of the table-cell contents.
+   */
+  wordBreak?: 'break-all' | 'none';
 }
 /**
  * Use TableDataCell inside the Table component to fill the data of a cell in a table.
@@ -21,7 +34,14 @@ export const TableDataCell = React.forwardRef<
   HTMLTableCellElement,
   TableDataCellProps
 >(function TableDataCell(
-  { dataType = 'text', className, children, ...props },
+  {
+    dataType = 'text',
+    variant = 'border',
+    wordBreak = 'none',
+    className,
+    children,
+    ...props
+  },
   ref
 ) {
   return (
@@ -30,6 +50,8 @@ export const TableDataCell = React.forwardRef<
       ref={ref}
       className={clsx(className, {
         'ds-table__cell': true,
+        'ds-table__cell--border': variant === 'border',
+        'ds-table__cell--break-all': wordBreak === 'break-all',
         'ds-table__cell--numeric': dataType === 'numeric',
       })}
       {...props}

package/src/Typography/index.tsx

@@ -29,25 +29,26 @@ export interface TypographyProps
  * Typography component is used as generic component for typography.
  * Use Typography component to extend components such as Heading, NormalText Paragraph etc.
  */
-export const Typography = React.forwardRef<HTMLHeadingElement, TypographyProps>(
-  function Typography(
-    { as, fontSize, fontWeight, className, children, ...props },
-    ref
-  ) {
-    return (
-      <Base
-        as={as}
-        ref={ref}
-        className={clsx(className, {
-          [`ds-!-font-size-${fontSize}`]: fontSize !== undefined,
-          [`ds-!-font-weight-${fontWeight}`]: fontWeight !== undefined,
-        })}
-        {...props}
-      >
-        {children}
-      </Base>
-    );
-  }
-);
+export const Typography = React.forwardRef<
+  HTMLSpanElement | HTMLParagraphElement | HTMLHeadingElement,
+  TypographyProps
+>(function Typography(
+  { as, fontSize, fontWeight, className, children, ...props },
+  ref
+) {
+  return (
+    <Base
+      as={as}
+      ref={ref}
+      className={clsx(className, {
+        [`ds-!-font-size-${fontSize}`]: fontSize !== undefined,
+        [`ds-!-font-weight-${fontWeight}`]: fontWeight !== undefined,
+      })}
+      {...props}
+    >
+      {children}
+    </Base>
+  );
+});
 
 export default Typography;

package/src/WarningText/__snapshots__/index.test.tsx.snap

@@ -77,3 +77,29 @@ exports[`renders the WarningText with no props 1`] = `
   </div>
 </body>
 `;
+
+exports[`renders the WarningText with strong=false 1`] = `
+<body>
+  <div>
+    <div
+      class="ds-warning-text"
+    >
+      <div
+        class="ds-warning-text__icon"
+      >
+        !
+      </div>
+      <div
+        class="ds-warning-text__content"
+      >
+        <span
+          class="ds-warning-text__assistive"
+        >
+          Προσοχή
+        </span>
+        hello
+      </div>
+    </div>
+  </div>
+</body>
+`;

package/src/WarningText/index.test.tsx

@@ -18,3 +18,8 @@ it('renders the WarningText with dense=true', () => {
     render(<WarningText dense>hello</WarningText>).baseElement
   ).toMatchSnapshot();
 });
+it('renders the WarningText with strong=false', () => {
+  expect(
+    render(<WarningText strong={false}>hello</WarningText>).baseElement
+  ).toMatchSnapshot();
+});

package/src/WarningText/index.tsx

@@ -16,6 +16,13 @@ export interface WarningTextProps extends BaseProps<'div'> {
    * @default false
    * */
   dense?: boolean;
+  /**
+   * strong is optional.
+   * @value true if you want to emphasize importance, conveying meaning to both sighted and screen readers.
+   * @value false WarningText will be a simple div element.
+   * @default true
+   * */
+  strong?: boolean;
 }
 /**
  * WarningText.
@@ -24,9 +31,17 @@ export interface WarningTextProps extends BaseProps<'div'> {
  */
 export const WarningText = React.forwardRef<HTMLDivElement, WarningTextProps>(
   function WarningText(
-    { className, assistiveText = 'Προσοχή', dense, children, ...props },
+    {
+      className,
+      strong = true,
+      assistiveText = 'Προσοχή',
+      dense,
+      children,
+      ...props
+    },
     ref
   ) {
+    const Component = strong ? 'strong' : 'div';
     return (
       <Base
         as="div"
@@ -47,7 +62,7 @@ export const WarningText = React.forwardRef<HTMLDivElement, WarningTextProps>(
         </Base>
 
         <Base
-          as="strong"
+          as={Component}
           className={clsx({
             'ds-warning-text__content': true,
           })}

package/src/index.ts

@@ -151,7 +151,6 @@ export * from '@digigov/react-core/AdminLayout';
 export * from '@digigov/react-core/AdminMain';
 export * from '@digigov/react-core/AdminTopSection';
 export * from '@digigov/react-core/AutoCompleteInputBase';
-export * from '@digigov/react-core/AutoCompleteInputTypeahead';
 export * from '@digigov/react-core/AutoCompleteResultList';
 export * from '@digigov/react-core/AutoCompleteResultListItem';
 export * from '@digigov/react-core/AutoCompleteContainer';