oddsgate-ds 1.0.111 → 1.0.112

package/dist/esm/types/styles/variables.d.ts

@@ -1,6 +1,6 @@
 export declare const pxToRem: (size: number) => string;
 export declare const fontName = "MD Nichrome";
-export declare const alternativeFont = "Red Hat Display";
+export declare const alternativeFont = "Epilogue";
 export declare const gutter: string;
 export declare const desktop_width: number;
 export declare const tablet_width: number;

package/dist/types.d.ts

@@ -5,7 +5,7 @@ import * as styled_components from 'styled-components';
 
 declare const pxToRem: (size: number) => string;
 declare const fontName = "MD Nichrome";
-declare const alternativeFont = "Red Hat Display";
+declare const alternativeFont = "Epilogue";
 declare const gutter: string;
 declare const desktop_width: number;
 declare const tablet_width: number;

package/package.json

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

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

@@ -23,7 +23,7 @@ const BlogCard = ({
       variant={variant}
       imageElement={
         <>
-          {category && <Chip variant='light' className='font-redhat'>{category}</Chip>}
+          {category && <Chip variant='light' className='font-epilogue'>{category}</Chip>}
           <ImageWrapper aspectRatioHeight={63}>{imageElement}</ImageWrapper>
         </>
       }

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

@@ -23,7 +23,7 @@ const EventsCard = ({
         <ImageWrapper aspectRatioHeight={100}>{imageElement}</ImageWrapper>
       }
     >
-      {category && <Chip variant='dark' className='mb-5 font-redhat'>{category}</Chip>}
+      {category && <Chip variant='dark' className='mb-5 font-epilogue'>{category}</Chip>}
       <Heading tag={'h3'} size={'h4'} className={'fw-bold textEllipsis'}>
         {title}
       </Heading>

package/src/components/molecules/LogosCard/LogosCard.theme.ts

@@ -7,7 +7,7 @@ export const StyledLogosCard = styled.div<ILogosCard>`
   display: inline-flex;
   vertical-align: middle;
   width: 100%;
-  max-width: 160px;
+  max-width: 180px;
 
   overflow: hidden;
   margin: ${spaces[2]} ${spaces[3]};

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

@@ -21,7 +21,7 @@ const NewsCard = ({
       $variant={variant}
       imageElement={
         <>
-          {category && <Chip variant='light' className='font-redhat'>{category}</Chip>}
+          {category && <Chip variant='light' className='font-epilogue'>{category}</Chip>}
           <ImageWrapper aspectRatioHeight={63}>{imageElement}</ImageWrapper>
         </>
       }

package/src/styles/utilities.ts

@@ -201,7 +201,8 @@ export const utilities: {
     responsive: true,
     property: "margin",
     class: "m",
-    values: spacers
+    values: spacers,
+    important: true,
   },
   "margin-top": {
     responsive: true,
@@ -243,7 +244,8 @@ export const utilities: {
     responsive: true,
     property: "padding",
     class: "p",
-    values: spaces
+    values: spaces,
+    important: true,
   },
   "padding-top": {
     responsive: true,

package/src/styles/variables.ts

@@ -3,7 +3,7 @@ export const pxToRem = (size: number) => {
 }
 
 export const fontName = "MD Nichrome"
-export const alternativeFont = "Red Hat Display";
+export const alternativeFont = "Epilogue";
 
 export const gutter = pxToRem(8); //needs to be in this file