gantri-components 2.34.0 → 2.35.0

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

@@ -2,6 +2,7 @@ import { Property } from 'csstype';
 import { DefaultTheme } from 'styled-components';
 import { AriaAttributes, CSSProperties } from 'react';
 import { ResolutionAwareProp } from '../../types/resolution-aware-prop.type';
+import { BoxDimension } from '../box/box.types';
 export type TextAlign = 'string' | 'left' | 'center' | 'right' | 'unset';
 export type TypographyColor = keyof DefaultTheme['colors']['typography'];
 export type TextVariant = 'p0' | 'p1' | 'p2' | 'p3' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'hero' | string;
@@ -14,8 +15,8 @@ export interface TypographyProps extends Partial<TypographyDefaultProps>, AriaAt
     fontSize?: ResolutionAwareProp<Property.Font>;
     fontWeight?: Property.FontWeight;
     hidden?: ResolutionAwareProp<boolean>;
-    horizontalMargin?: ResolutionAwareProp<Property.Margin>;
-    horizontalPadding?: ResolutionAwareProp<Property.Padding>;
+    horizontalMargin?: ResolutionAwareProp<BoxDimension>;
+    horizontalPadding?: ResolutionAwareProp<BoxDimension>;
     htmlFor?: string;
     htmlTag?: keyof HTMLElementTagNameMap;
     htmlText?: string;
@@ -23,19 +24,19 @@ export interface TypographyProps extends Partial<TypographyDefaultProps>, AriaAt
     justifySelf?: ResolutionAwareProp<Property.JustifySelf>;
     letterSpacing?: ResolutionAwareProp<Property.LetterSpacing>;
     lineHeight?: ResolutionAwareProp<Property.LineHeight>;
-    margin?: ResolutionAwareProp<Property.Margin>;
-    marginBottom?: ResolutionAwareProp<Property.MarginBottom>;
-    marginLeft?: ResolutionAwareProp<Property.MarginLeft>;
-    marginRight?: ResolutionAwareProp<Property.MarginRight>;
-    marginTop?: ResolutionAwareProp<Property.MarginTop>;
+    margin?: ResolutionAwareProp<BoxDimension>;
+    marginBottom?: ResolutionAwareProp<BoxDimension>;
+    marginLeft?: ResolutionAwareProp<BoxDimension>;
+    marginRight?: ResolutionAwareProp<BoxDimension>;
+    marginTop?: ResolutionAwareProp<BoxDimension>;
     maxWidth?: ResolutionAwareProp<string>;
     minWidth?: ResolutionAwareProp<string>;
     onClick?: (event: any) => void;
-    padding?: ResolutionAwareProp<Property.Padding>;
-    paddingBottom?: ResolutionAwareProp<Property.PaddingBottom>;
-    paddingLeft?: ResolutionAwareProp<Property.PaddingLeft>;
-    paddingRight?: ResolutionAwareProp<Property.PaddingRight>;
-    paddingTop?: ResolutionAwareProp<Property.PaddingTop>;
+    padding?: ResolutionAwareProp<BoxDimension>;
+    paddingBottom?: ResolutionAwareProp<BoxDimension>;
+    paddingLeft?: ResolutionAwareProp<BoxDimension>;
+    paddingRight?: ResolutionAwareProp<BoxDimension>;
+    paddingTop?: ResolutionAwareProp<BoxDimension>;
     style?: CSSProperties;
     text?: string | number;
     textShadow?: Property.TextShadow;
@@ -47,8 +48,8 @@ export interface TypographyProps extends Partial<TypographyDefaultProps>, AriaAt
      * use `htmlTag` instead
      * */
     type?: keyof HTMLElementTagNameMap;
-    verticalMargin?: ResolutionAwareProp<Property.Margin>;
-    verticalPadding?: ResolutionAwareProp<Property.Padding>;
+    verticalMargin?: ResolutionAwareProp<BoxDimension>;
+    verticalPadding?: ResolutionAwareProp<BoxDimension>;
 }
 export interface TypographyDefaultProps {
     color: TypographyColor;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gantri-components",
-  "version": "2.34.0",
+  "version": "2.35.0",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",
   "umd": "dist/index.umd.js",