gantri-components 1.11.0 → 1.12.0

package/dist/components/aspect-ratio/aspect-ratio.types.d.ts

@@ -1,10 +1,10 @@
-import { Property } from "csstype";
-import { ResolutionAwareProp } from "../../types/resolution-aware-prop.type";
-import { BaseProps } from "../box/box.types";
-import { PaletteColor } from "../../styles";
+import { Property } from 'csstype';
+import { ResolutionAwareProp } from '../../types/resolution-aware-prop.type';
+import { BaseProps } from '../box/box.types';
+import { Color } from '../../styles';
 export interface AspectRatioProps extends BaseProps {
     aspectRatio?: ResolutionAwareProp<string>;
-    backgroundColor?: ResolutionAwareProp<PaletteColor>;
+    backgroundColor?: ResolutionAwareProp<Color>;
     height?: ResolutionAwareProp<Property.Height>;
     hidden?: ResolutionAwareProp<boolean>;
     width?: ResolutionAwareProp<Property.Width>;

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

@@ -1,7 +1,7 @@
 import { HTMLAttributes } from 'react';
 import { Globals, Property } from 'csstype';
 import { ResolutionAwareProp } from '../../types/resolution-aware-prop.type';
-import { PaletteColor } from '../../styles';
+import { Color } from '../../styles';
 export declare type BoxDimension = 's1' | 's2' | 's3' | 's4' | 's5' | 's6' | Globals | string;
 export interface BaseProps extends HTMLAttributes<any> {
     children?: any;
@@ -9,7 +9,7 @@ export interface BaseProps extends HTMLAttributes<any> {
 }
 export interface BoxProps extends BaseProps {
     alignSelf?: ResolutionAwareProp<Property.AlignSelf>;
-    backgroundColor?: ResolutionAwareProp<PaletteColor>;
+    backgroundColor?: ResolutionAwareProp<Color>;
     borderRadius?: ResolutionAwareProp<Property.BorderRadius>;
     height?: ResolutionAwareProp<Property.Height>;
     hidden?: ResolutionAwareProp<boolean>;

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

@@ -2,13 +2,13 @@ import { CSSProperties } from 'react';
 import { Property } from 'csstype';
 import { ResolutionAwareProp } from '../../types/resolution-aware-prop.type';
 import { BaseProps, BoxDimension } from '../box/box.types';
-import { PaletteColor } from '../../styles';
+import { Color } from '../../styles';
 export interface CellProps extends BaseProps {
     alignContent?: ResolutionAwareProp<Property.AlignContent>;
     alignItems?: ResolutionAwareProp<Property.AlignItems>;
     alignSelf?: ResolutionAwareProp<Property.AlignSelf>;
     area?: ResolutionAwareProp<string>;
-    backgroundColor?: ResolutionAwareProp<PaletteColor>;
+    backgroundColor?: ResolutionAwareProp<Color>;
     borderRadius?: Property.BorderRadius<string>;
     column?: ResolutionAwareProp<any>;
     columnGap?: ResolutionAwareProp<string>;

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

@@ -2,14 +2,14 @@ import { ReactNode } from 'react';
 import { Property } from 'csstype';
 import { ResolutionAwareProp } from '../../types/resolution-aware-prop.type';
 import { BoxDimension, BoxProps } from '../box/box.types';
-import { PaletteColor } from '../../styles';
+import { Color } from '../../styles';
 export interface GridProps extends BoxProps {
     alignContent?: ResolutionAwareProp<Property.AlignContent>;
     alignItems?: ResolutionAwareProp<Property.AlignItems>;
     areas?: ResolutionAwareProp<string[]>;
     autoColumns?: ResolutionAwareProp<Property.GridAutoColumns>;
     autoRows?: ResolutionAwareProp<Property.GridAutoRows>;
-    backgroundColor?: ResolutionAwareProp<PaletteColor>;
+    backgroundColor?: ResolutionAwareProp<Color>;
     border?: string;
     children?: ReactNode;
     columnGap?: ResolutionAwareProp<BoxDimension>;

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

@@ -1,12 +1,12 @@
 import { Property } from 'csstype';
 import { ResolutionAwareProp } from '../../types/resolution-aware-prop.type';
-import { PaletteColor } from '../../styles';
+import { Color } from '../../styles';
 import { Optional } from '../../types/common';
 export interface ImageProps {
     alt: string;
     aspectRatio?: Optional<ResolutionAwareProp<string>>;
     commonTransformations?: Optional<Transformations>;
-    fallbackColor?: Optional<PaletteColor>;
+    fallbackColor?: Optional<Color>;
     height?: Optional<ResolutionAwareProp<string | number>>;
     immediateAvailable?: Optional<boolean>;
     maxHeight?: Optional<ResolutionAwareProp<Property.MaxHeight>>;

package/dist/styles/index.d.ts

@@ -1,5 +1,4 @@
-import { PaletteColor } from './theme';
 export { combinationsByColor, getThemeColor, getThemeSpacing, palette, lightTheme, darkTheme, } from './theme';
+export { type PaletteColor as Color } from './theme';
 export { ThemeProvider } from './theme-provider';
 export { media } from './media';
-export declare type Color = PaletteColor;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gantri-components",
-  "version": "1.11.0",
+  "version": "1.12.0",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",
   "umd": "dist/index.umd.js",
@@ -101,7 +101,7 @@
     "rollup-plugin-terser": "^7.0.2",
     "rollup-plugin-typescript2": "^0.31.2",
     "styled-components": "^5.3.5",
-    "typescript": "^4.6.2"
+    "typescript": "^4.6.3"
   },
   "dependencies": {
     "@cloudinary/url-gen": "^1.7.0",