fix: handle boolean props

etchteam · Feb 29, 2024 · aa28929 · aa28929
1 parent f8598d9
commit aa28929
Show file tree

Hide file tree

Showing 5 changed files with 13 additions and 13 deletions.
diff --git a/components/canvas/Card/Card.ts b/components/canvas/Card/Card.ts
@@ -1,10 +1,10 @@
 import { JSXCustomElement } from '../../../types/jsx-custom-element';
 
 export interface CardAttributes {
-  border?: boolean;
-  shadow?: boolean;
-  muted?: boolean;
-  radius?: boolean;
+  border?: string | boolean;
+  shadow?: string | boolean;
+  muted?: string | boolean;
+  radius?: string | boolean;
   padding?:
     | 'xs'
     | 'sm'

diff --git a/components/composition/Enter/Enter.ts b/components/composition/Enter/Enter.ts
@@ -5,12 +5,12 @@ import { JSXCustomElement } from '../../../types/jsx-custom-element';
 
 export interface EnterAttributes {
   type?: 'fade' | 'fade-in-up' | 'boing';
-  enterOnScroll?: boolean;
+  enterOnScroll?: string | boolean;
   delay?: string | number;
   /**
    * Applies display grid so that children fill the height and width of the component
    */
-  fill?: boolean;
+  fill?: string | boolean;
 }
 
 @customElement('diamond-enter')

diff --git a/components/composition/Grid/Grid.ts b/components/composition/Grid/Grid.ts
@@ -2,7 +2,7 @@ import { JSXCustomElement } from '../../../types/jsx-custom-element';
 
 export interface GridAttributes {
   wrap?: 'wrap' | 'nowrap' | 'wrap-reverse';
-  inline?: boolean;
+  inline?: string | boolean;
   direction?: 'row' | 'column' | 'row-reverse' | 'column-reverse';
   justifyContent?:
     | 'flex-start'

diff --git a/components/composition/Grid/GridItem.ts b/components/composition/Grid/GridItem.ts
@@ -16,12 +16,12 @@ type Column =
   | '12';
 
 export interface GridItemAttributes {
-  grow?: boolean;
-  shrink?: boolean;
+  grow?: string | boolean;
+  shrink?: string | boolean;
   /**
    * Applies display grid so that children fill the height and width of the grid item
    */
-  fill?: boolean;
+  fill?: string | boolean;
   smallMobile?: Column;
   mobile?: Column;
   largeMobile?: Column;

diff --git a/components/content/Img/Img.ts b/components/content/Img/Img.ts
@@ -4,10 +4,10 @@ import { customElement, property } from 'lit/decorators.js';
 import { JSXCustomElement } from '../../../types/jsx-custom-element';
 
 export interface ImgAttributes {
-  block?: boolean;
-  responsive?: boolean;
+  block?: string | boolean;
+  responsive?: string | boolean;
   aspectRatio?: string;
-  radius?: boolean;
+  radius?: string | boolean;
   objectFit?: 'cover' | 'contain';
   objectPosition?: string;
 }