@dynamic-framework/ui-react 1.13.0 → 1.14.0

package/dist/types/components/DIcon/DIcon.d.ts

@@ -1,16 +1,5 @@
-import type { BaseProps } from '../interface';
-type Props = BaseProps & {
-    icon: string;
-    theme?: string;
-    size?: string;
-    loading?: boolean;
-    loadingDuration?: number;
-    hasCircle?: boolean;
-    circleSize?: string;
-    color?: string;
-    backgroundColor?: string;
-    familyClass?: string;
-    familyPrefix?: string;
-};
-export default function DIcon({ icon, theme, style, className, size, loading, loadingDuration, hasCircle, circleSize, color, backgroundColor, familyClass, familyPrefix, }: Props): import("react/jsx-runtime").JSX.Element;
+import type { ComponentProps } from 'react';
+import DIconBase from '../DIconBase';
+type Props = ComponentProps<typeof DIconBase>;
+export default function DIcon({ familyClass: propFamilyClass, familyPrefix: propFamilyPrefix, materialStyle: propMaterialStyle, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/components/DIconBase/DIconBase.d.ts

@@ -0,0 +1,17 @@
+import type { BaseProps } from '../interface';
+type Props = BaseProps & {
+    icon: string;
+    theme?: string;
+    size?: string;
+    loading?: boolean;
+    loadingDuration?: number;
+    hasCircle?: boolean;
+    circleSize?: string;
+    color?: string;
+    backgroundColor?: string;
+    materialStyle?: boolean;
+    familyClass?: string;
+    familyPrefix?: string;
+};
+export default function DIconBase({ icon, theme, style, className, size, loading, loadingDuration, hasCircle, circleSize, color, backgroundColor, materialStyle, familyClass, familyPrefix, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/DIconBase/index.d.ts

@@ -0,0 +1,2 @@
+import DIconBase from './DIconBase';
+export default DIconBase;

package/dist/types/components/index.d.ts

@@ -12,6 +12,7 @@ export { default as DCollapseIconText } from './DCollapseIconText';
 export { default as DCurrencyText } from './DCurrencyText';
 export { default as DDatePicker } from './DDatePicker';
 export { default as DIcon } from './DIcon';
+export { default as DIconBase } from './DIconBase';
 export { default as DInput } from './DInput';
 export { default as DInputMask } from './DInputMask';
 export { default as DInputCounter } from './DInputCounter';

package/dist/types/contexts/DContext.d.ts

@@ -7,11 +7,16 @@ type Props = {
         separator: string;
         decimal: string;
     };
+    icon: {
+        familyClass?: string;
+        familyPrefix?: string;
+        materialStyle?: boolean;
+    };
 };
 type Context = Props & {
     setContext: (value: Props) => void;
 };
 export declare const DContext: import("react").Context<Context>;
-export declare function DContextProvider({ language, currency, children, }: PropsWithChildren<Partial<Props>>): import("react/jsx-runtime").JSX.Element;
+export declare function DContextProvider({ language, currency, icon, children, }: PropsWithChildren<Partial<Props>>): import("react/jsx-runtime").JSX.Element;
 export declare function useDContext(): Context;
 export {};

package/package.json

@@ -3,7 +3,7 @@
   "sideEffects": [
     "*.css"
   ],
-  "version": "1.13.0",
+  "version": "1.14.0",
   "description": "React Dynamic Framework",
   "license": "MIT",
   "repository": {
@@ -144,5 +144,5 @@
     "react-dom": "^18.2.0",
     "react-i18next": "^13.3.1"
   },
-  "gitHead": "6ef6821f41cdd1a111dfeafc296c50fe3bce0627"
+  "gitHead": "f3f0bb4841b88a468dd5868819e924ef6f3057af"
 }

package/src/style/components/_d-icon.scss

@@ -5,13 +5,15 @@
   --#{$prefix}icon-padding: var(--#{$prefix}icon-component-padding, 0);
   --#{$prefix}icon-loading-duration: var(--#{$prefix}icon-component-loading-duration, 1.8);
 
-  display: flex;
+  // we need to use important in this case to avoid to use the display of the family class
+  display: inline-flex !important; // stylelint-disable-line declaration-no-important
   align-items: center;
   justify-content: center;
   width: var(--#{$prefix}icon-size);
   height: var(--#{$prefix}icon-size);
   padding: var(--#{$prefix}icon-padding);
-  font-size: var(--#{$prefix}icon-size);
+  // we need to use important in this case to avoid to use the font-size of the family class
+  font-size: var(--#{$prefix}icon-size) !important; // stylelint-disable-line declaration-no-important
   color: var(--#{$prefix}icon-color);
   background-color: var(--#{$prefix}icon-bg-color);
   border-radius: var(--#{$prefix}icon-padding);