oddsgate-ds 1.0.140 → 1.0.141

package/dist/esm/types/components/molecules/LicenseCard/LicenseCard.component.d.ts

@@ -1,4 +1,4 @@
 import { ILicenseCard } from './LicenseCard.interface';
 import React from 'react';
-declare const LicenseCard: ({ title, imageElement, description, className, style, ...props }: ILicenseCard) => React.JSX.Element;
+declare const LicenseCard: ({ title, imageElement, description, className, style }: ILicenseCard) => React.JSX.Element;
 export default LicenseCard;

package/dist/types.d.ts

@@ -553,7 +553,7 @@ interface ILicenseCard extends ICard {
     description?: string | React.ReactElement;
 }
 
-declare const LicenseCard: ({ title, imageElement, description, className, style, ...props }: ILicenseCard) => React__default.JSX.Element;
+declare const LicenseCard: ({ title, imageElement, description, className, style }: ILicenseCard) => React__default.JSX.Element;
 
 interface INewsCard extends ICard {
     date?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oddsgate-ds",
-  "version": "1.0.140",
+  "version": "1.0.141",
   "description": "Miew theme component library",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",

package/src/components/atoms/FormField/FormField.stories.tsx

@@ -142,7 +142,7 @@ export const FilterWithInputs: StoryObj<IFormField> = {
           <FormField
             id={'input-1'}
             label={'My custom input'}
-            rightIcon={<Icon icon={'icon-search'} />}
+            leftIcon={<Icon icon={'icon-search'} />}
           >
             <Field
               label={'My custom input'}
@@ -157,7 +157,7 @@ export const FilterWithInputs: StoryObj<IFormField> = {
           <FormField
             id={'event_type'}
             label={'My custom input'}
-            rightIcon={<Icon icon={'icon-search'} />}
+            leftIcon={<Icon icon={'icon-search'} />}
           >
             <Field
               as="select"
@@ -213,7 +213,7 @@ export const DarkStyle: StoryObj<IFormField> = {
             <FormField
               id={'input-1'}
               label={'My custom input'}
-              rightIcon={<Icon icon={'icon-search'} />}
+              leftIcon={<Icon icon={'icon-search'} />}
             >
               <Field
                 label={'My custom input'}
@@ -228,7 +228,7 @@ export const DarkStyle: StoryObj<IFormField> = {
             <FormField
               id={'event_type'}
               label={'My custom input'}
-              rightIcon={<Icon icon={'icon-search'} />}
+              leftIcon={<Icon icon={'icon-search'} />}
             >
               <Field
                 as="select"
@@ -366,7 +366,7 @@ export const All: StoryObj<IFormField> = {
           <FormField
             id={'input-1'}
             label={'My custom input'}
-            rightIcon={<Icon icon={'icon-search'} />}
+            leftIcon={<Icon icon={'icon-search'} />}
           >
             <Field
               label={'My custom input'}

package/src/components/atoms/FormField/FormField.theme.tsx

@@ -64,7 +64,7 @@ export const StyledFieldContainer = styled.div<IFormField>`
             border-radius: 50px;
             border: 0;
 
-            padding: 1rem 2rem;
+            padding: 1rem 4rem 1rem 2rem;
             color: ${colors.third10};
             background: ${colors.secondary50};
             outline: none;

package/src/components/atoms/RichText/RichText.component.tsx

@@ -1,8 +1,8 @@
-import { IRichText } from './RichText.interface';
-import React from 'react';
-import { StyledRichText } from './RichText.theme';
-import { typographyTags } from '../Heading/Heading.interface';
-import xss from 'xss';
+import { IRichText } from './RichText.interface'
+import React from 'react'
+import { StyledRichText } from './RichText.theme'
+import { typographyTags } from '../Heading/Heading.interface'
+import xss from 'xss'
 
 const RichText = ({
   id,
@@ -24,6 +24,7 @@ const RichText = ({
           stripIgnoreTagBody: ['script']
         })
       }}
+      {...props}
     />
   )
 }

package/src/components/molecules/LicenseCard/LicenseCard.component.tsx

@@ -8,8 +8,7 @@ const LicenseCard = ({
   imageElement,
   description,
   className,
-  style,
-  ...props
+  style
 }: ILicenseCard) => {
   return (
     <StyledLicenseCard className={className} style={style}>

package/src/styles/variables.ts

@@ -7,9 +7,9 @@ export const alternativeFont = "Epilogue";
 
 export const gutter = pxToRem(8); //needs to be in this file
 
-export const desktop_width:number = 1620; //container size of design on desktop
-export const tablet_width:number = 768; //container size of design on tablet
-export const mobile_width:number = 375; //container size of design on mobile
+export const desktop_width: number = 1620; //container size of design on desktop
+export const tablet_width: number = 768; //container size of design on tablet
+export const mobile_width: number = 375; //container size of design on mobile
 export const responsiveMedia = "769px"; //container size of design on mobile
 export const responsiveMediaMax = "768px"; //mobile media value for bootstrap -> use this for max-width media queries
 export const mobileMedia = "360px"; //mobile media value
@@ -38,13 +38,13 @@ export const colors = <Record<string, string>>{
   gray70: '#82816C',
   gray90: '#82816C',
 
-  primary50: '#FC3151',
+  primary50: '#FF4552',
 
   secondary10: '#FDFDF1',
   secondary50: '#FFFECC',
 
-  third10: '#440D3F',
-  third50: '#2C0929',
+  third10: '#440E3F',
+  third50: '#2C092a',
 
   // Feedback
   warning: '#ea9a1a',