oddsgate-ds 1.0.62 → 1.0.63

package/package.json

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

package/src/components/atoms/Button/Button.theme.ts

@@ -71,32 +71,6 @@ export const StyledButton = styled.a<IButtonSC>`
               }
             }
           `;
-      case "secondary":
-        return css`
-          ${fontSize('h5')};
-          font-weight: 700;
-          text-transform:uppercase;
-          padding: 0.8rem 1.6rem;
-          border-radius: 50px;
-
-          ${props.$mode === "light" ? `
-            color: ${colors.primary50};
-            background-color: ${colors.secondary50};
-
-            &:hover{
-              color: ${colors.secondary50};
-              background-color: ${colors.primary50};
-            }
-            ` : `
-            color: ${colors.secondary50};
-            background-color: ${colors.primary50};
-
-            &:hover{
-              color: ${colors.primary50};
-              background-color: ${colors.secondary50};
-            }
-          `}
-        `;
       case "link":
         return css`
             ${fontSize('h5')};

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

@@ -28,14 +28,14 @@ const BlogCard = ({
         </>
       }
     >
-      <Heading tag={'h3'} size={'h4'} className={'fw-bold textEllipsis'}>
+      <Heading tag={'h3'} size={'h4'} className={'fw-bold textEllipsis mt-4'}>
         {title}
       </Heading>
-      <Heading tag={'span'} size={'captions'} className={'textEllipsis mt-2'}>
+      <Heading tag={'span'} size={'captions'} className={'textEllipsis mt-3'}>
         {description}
       </Heading>
       {date && (
-        <RichText tag={'p'} className="fw-bold mt-3">
+        <RichText tag={'p'} className="fw-bold mt-4">
           {date}
         </RichText>
       )}

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

@@ -8,6 +8,7 @@ import { variables } from '@/index';
 
 export const StyledBlogCard = styled(Card) <IBlogCard>`
   padding: 1rem;
+  color: ${colors.secondary50};
   background-color: ${colors.primary50};
   border-radius: ${radius.sm};
   text-align: center;

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

@@ -24,11 +24,14 @@ const NewsCard = ({
       }
     >
       {category && <Chip variant='light' className='mb-5'>{category}</Chip>}
-      <Heading tag={'h3'} size={variant === "featured" ? "h3" : 'h4'} className={'fw-bold textEllipsis'}>
+      <Heading tag={'h3'} size={variant === "featured" ? "h3" : 'h4'} className={'fw-bold textEllipsis mt-4'}>
         {title}
       </Heading>
+      <Heading tag={'span'} size={'captions'} className={'textEllipsis mt-3'}>
+        {description}
+      </Heading>
       {date && (
-        <Heading tag={'span'} size={variant === "featured" ? "h5" : 'texts'} className={'fw-bold mt-3'}>
+        <Heading tag={'span'} size={variant === "featured" ? "h5" : 'texts'} className={'fw-bold mt-4'}>
           {date}
         </Heading>
       )}

package/src/styles/utilities.ts

@@ -130,7 +130,8 @@ export const utilities: {
       between: "space-between",
       around: "space-around",
       evenly: "space-evenly",
-    }
+    },
+    important: true,
   },
   "align-items": {
     responsive: true,
@@ -141,7 +142,8 @@ export const utilities: {
       center: "center",
       baseline: "baseline",
       stretch: "stretch",
-    }
+    },
+    important: true,
   },
   "align-content": {
     responsive: true,
@@ -153,7 +155,8 @@ export const utilities: {
       between: "space-between",
       around: "space-around",
       stretch: "stretch",
-    }
+    },
+    important: true,
   },
   "align-self": {
     responsive: true,
@@ -165,7 +168,8 @@ export const utilities: {
       center: "center",
       baseline: "baseline",
       stretch: "stretch",
-    }
+    },
+    important: true,
   },
   "order": {
     responsive: true,