@axa-fr/design-system-apollo-react 1.0.5-alpha.305 → 1.0.5-alpha.313

package/dist/Svg/Svg.d.ts

@@ -3,5 +3,8 @@ type SvgProps = SVGAttributes<SVGSVGElement> & {
     src: string;
     alt?: string;
 };
+/**
+ * @deprecated Use Icon instead
+ */
 export declare const Svg: ({ src, alt, width, height, ...props }: SvgProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/Svg/Svg.js

@@ -7,6 +7,9 @@ const cloneAttributes = (from, to) => {
         to.setAttribute(attribute, from.getAttribute(attribute));
     });
 };
+/**
+ * @deprecated Use Icon instead
+ */
 export const Svg = ({ src, alt, width = 24, height = 24, ...props }) => {
     const rootRef = React.useRef(null);
     const [hasError, setHasError] = React.useState(false);
@@ -14,6 +17,7 @@ export const Svg = ({ src, alt, width = 24, height = 24, ...props }) => {
         if (hasError) {
             setHasError(false);
         }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [src]);
     React.useLayoutEffect(() => {
         if (hasError) {
@@ -25,6 +29,8 @@ export const Svg = ({ src, alt, width = 24, height = 24, ...props }) => {
             const svg = document.createElement("svg");
             parent.appendChild(svg);
             cloneAttributes(root, svg);
+            // Default SVG size was 24px with @material-design-icons/svg. With @material-symbols/svg-400 this is now 48px (with no native way to change it)
+            // In order not to break existing CSS, we manually set the default value back to 24px
             svg.setAttribute("width", width.toString());
             svg.setAttribute("height", height.toString());
             svgInjector(svg, {

package/dist/index.d.ts

@@ -9,7 +9,9 @@ export { ClickIcon } from "./ClickIcon/ClickIconApollo";
 export { ContentItemMono } from "./ContentItemMono/ContentItemMonoApollo";
 export { Divider } from "./Divider/DividerApollo";
 export { Checkbox } from "./Form/Checkbox/Checkbox/CheckboxApollo";
-export { CardCheckbox, CardCheckbox as CheckboxCard, } from "./Form/Checkbox/CardCheckbox/CardCheckboxApollo";
+export { CardCheckbox, 
+/** @deprecated Use `CardCheckbox` instead. */
+CardCheckbox as CheckboxCard, } from "./Form/Checkbox/CardCheckbox/CardCheckboxApollo";
 export { CheckboxText } from "./Form/Checkbox/CheckboxText/CheckboxTextApollo";
 export { InputDate } from "./Form/InputDate/InputDateApollo";
 export { ItemLabel } from "./Form/ItemLabel/ItemLabelApollo";

package/dist/index.js

@@ -9,7 +9,9 @@ export { ClickIcon } from "./ClickIcon/ClickIconApollo";
 export { ContentItemMono } from "./ContentItemMono/ContentItemMonoApollo";
 export { Divider } from "./Divider/DividerApollo";
 export { Checkbox } from "./Form/Checkbox/Checkbox/CheckboxApollo";
-export { CardCheckbox, CardCheckbox as CheckboxCard, } from "./Form/Checkbox/CardCheckbox/CardCheckboxApollo";
+export { CardCheckbox, 
+/** @deprecated Use `CardCheckbox` instead. */
+CardCheckbox as CheckboxCard, } from "./Form/Checkbox/CardCheckbox/CardCheckboxApollo";
 export { CheckboxText } from "./Form/Checkbox/CheckboxText/CheckboxTextApollo";
 export { InputDate } from "./Form/InputDate/InputDateApollo";
 export { ItemLabel } from "./Form/ItemLabel/ItemLabelApollo";

package/dist/indexLF.d.ts

@@ -8,15 +8,21 @@ export { ClickIcon } from "./ClickIcon/ClickIconLF";
 export { ContentItemMono } from "./ContentItemMono/ContentItemMonoLF";
 export { Divider } from "./Divider/DividerLF";
 export { Checkbox } from "./Form/Checkbox/Checkbox/CheckboxLF";
-export { CardCheckbox, CardCheckbox as CheckboxCard, } from "./Form/Checkbox/CardCheckbox/CardCheckboxLF";
+export { CardCheckbox, 
+/** @deprecated Use `CardCheckbox` instead. */
+CardCheckbox as CheckboxCard, } from "./Form/Checkbox/CardCheckbox/CardCheckboxLF";
 export { CheckboxText } from "./Form/Checkbox/CheckboxText/CheckboxTextLF";
-export { InputDate, InputDate as DateInput, } from "./Form/InputDate/InputDateLF";
+export { InputDate, 
+/** @deprecated Use `InputDate` instead. */
+InputDate as DateInput, } from "./Form/InputDate/InputDateLF";
 export { ItemLabel } from "./Form/ItemLabel/ItemLabelLF";
 export { ItemMessage } from "./Form/ItemMessage/ItemMessageLF";
 export { TextArea } from "./Form/TextArea/TextAreaLF";
 export { Radio } from "./Form/Radio/Radio/RadioLF";
 export { CardRadio } from "./Form/Radio/CardRadio/CardRadioLF";
-export { InputText, InputText as TextInput, } from "./Form/InputText/InputTextLF";
+export { InputText, 
+/** @deprecated Use `InputText` instead. */
+InputText as TextInput, } from "./Form/InputText/InputTextLF";
 export { DebugGrid } from "./Grid/DebugGridLF";
 export { Heading, type HeadingLevel } from "./Heading/HeadingLF";
 export { Icon, iconSizeVariants, iconVariants, type IconSizeVariants, type IconVariants, } from "./Icon/IconLF";

package/dist/indexLF.js

@@ -8,15 +8,21 @@ export { ClickIcon } from "./ClickIcon/ClickIconLF";
 export { ContentItemMono } from "./ContentItemMono/ContentItemMonoLF";
 export { Divider } from "./Divider/DividerLF";
 export { Checkbox } from "./Form/Checkbox/Checkbox/CheckboxLF";
-export { CardCheckbox, CardCheckbox as CheckboxCard, } from "./Form/Checkbox/CardCheckbox/CardCheckboxLF";
+export { CardCheckbox, 
+/** @deprecated Use `CardCheckbox` instead. */
+CardCheckbox as CheckboxCard, } from "./Form/Checkbox/CardCheckbox/CardCheckboxLF";
 export { CheckboxText } from "./Form/Checkbox/CheckboxText/CheckboxTextLF";
-export { InputDate, InputDate as DateInput, } from "./Form/InputDate/InputDateLF";
+export { InputDate, 
+/** @deprecated Use `InputDate` instead. */
+InputDate as DateInput, } from "./Form/InputDate/InputDateLF";
 export { ItemLabel } from "./Form/ItemLabel/ItemLabelLF";
 export { ItemMessage } from "./Form/ItemMessage/ItemMessageLF";
 export { TextArea } from "./Form/TextArea/TextAreaLF";
 export { Radio } from "./Form/Radio/Radio/RadioLF";
 export { CardRadio } from "./Form/Radio/CardRadio/CardRadioLF";
-export { InputText, InputText as TextInput, } from "./Form/InputText/InputTextLF";
+export { InputText, 
+/** @deprecated Use `InputText` instead. */
+InputText as TextInput, } from "./Form/InputText/InputTextLF";
 export { DebugGrid } from "./Grid/DebugGridLF";
 export { Heading } from "./Heading/HeadingLF";
 export { Icon, iconSizeVariants, iconVariants, } from "./Icon/IconLF";

package/dist/utilities/getComponentClassName.js

@@ -12,6 +12,7 @@ const listClassModifier = (classModifier) => {
     return classModifier.split(" ");
 };
 export const getComponentClassName = (defaultClassName, className, classModifier) => {
+    // Fail fast, when no defaultClassName we don't want to loop on modifier
     if (!defaultClassName) {
         return "";
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axa-fr/design-system-apollo-react",
-  "version": "1.0.5-alpha.305",
+  "version": "1.0.5-alpha.313",
   "description": "",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -46,8 +46,8 @@
   },
   "homepage": "https://github.com/AxaFrance/design-system#readme",
   "peerDependencies": {
-    "@axa-fr/design-system-apollo-css": "1.0.5-alpha.305",
-    "@axa-fr/design-system-look-and-feel-css": "1.0.5-alpha.305",
+    "@axa-fr/design-system-apollo-css": "1.0.5-alpha.313",
+    "@axa-fr/design-system-look-and-feel-css": "1.0.5-alpha.313",
     "@material-symbols/svg-400": ">= 0.19.0",
     "react": ">= 18"
   },