oddsgate-ds 1.0.177 → 1.0.179

package/dist/esm/types/components/atoms/AwardBadge/AwardBadge.interface.d.ts

@@ -1,4 +1,4 @@
 export interface IAwardBadge {
     label?: string;
-    variant?: 'primary' | 'secondary';
+    variant?: 'primary' | 'secondary' | 'unstyled';
 }

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

@@ -11,5 +11,5 @@ import React from 'react';
  * @param {{ variant: string; label: string }} [props.chip] - Optional chip object to display a badge, with variant and label.
  * @returns {JSX.Element} The rendered AwardCard component.
  */
-declare const AwardCard: ({ title, imageElement, className, style, chip, ...props }: IAwardCard) => React.JSX.Element;
+declare const AwardCard: ({ title, imageElement, className, style, chipLabel, ...props }: IAwardCard) => React.JSX.Element;
 export default AwardCard;

package/dist/esm/types/components/molecules/AwardCard/AwardCard.interface.d.ts

@@ -3,8 +3,5 @@ import { ICard } from '../Card/Card.interface';
 export interface IAwardCard extends ICard {
     title?: string;
     imageElement?: React.ReactElement;
-    chip?: {
-        label: string;
-        variant: 'primary' | 'secondary';
-    };
+    chipLabel?: string;
 }

package/dist/types.d.ts

@@ -419,7 +419,7 @@ declare const CardMarquee: ({ direction, speed, repeatContent, gap, children, }:
 
 interface IAwardBadge {
     label?: string;
-    variant?: 'primary' | 'secondary';
+    variant?: 'primary' | 'secondary' | 'unstyled';
 }
 
 /**
@@ -618,10 +618,7 @@ declare const CareersCard: ({ title, description, linkElement, className, style,
 interface IAwardCard extends ICard {
     title?: string;
     imageElement?: React.ReactElement;
-    chip?: {
-        label: string;
-        variant: 'primary' | 'secondary';
-    };
+    chipLabel?: string;
 }
 
 /**
@@ -635,7 +632,7 @@ interface IAwardCard extends ICard {
  * @param {{ variant: string; label: string }} [props.chip] - Optional chip object to display a badge, with variant and label.
  * @returns {JSX.Element} The rendered AwardCard component.
  */
-declare const AwardCard: ({ title, imageElement, className, style, chip, ...props }: IAwardCard) => React__default.JSX.Element;
+declare const AwardCard: ({ title, imageElement, className, style, chipLabel, ...props }: IAwardCard) => React__default.JSX.Element;
 
 type SliderVariant = 'default' | 'awards';
 interface ISlider {

package/package.json

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

package/src/components/atoms/AwardBadge/AwardBadge.interface.ts

@@ -1,4 +1,4 @@
 export interface IAwardBadge {
   label?: string
-  variant?: 'primary' | 'secondary'
+  variant?: 'primary' | 'secondary' | 'unstyled'
 }

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

@@ -46,3 +46,15 @@ export const Secondary: StoryObj<IAwardBadge> = {
     variant: 'secondary'
   }
 }
+
+export const Unstyled: StoryObj<IAwardBadge> = {
+  render: args => (
+    <div className="p-6">
+      <AwardBadge {...args} />
+    </div>
+  ),
+  args: {
+    label: 'Award Badge',
+    variant: 'unstyled'
+  }
+}

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

@@ -23,6 +23,11 @@ export const StyledAwardBadge = styled.div<IAwardBadge>`
           color: ${colors.third50};
           background-color: ${colors.primary50};
         `
+      case 'unstyled':
+        return css`
+          color: ${colors.secondary50};
+          background-color: transparent;
+        `
     }
   }};
 `

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

@@ -18,7 +18,7 @@ export default {
       options: ['primary', 'secondary']
     },
     mode: {
-      options: ['dark', 'light'],
+      options: ['dark', 'light', 'darkNewsletter'],
       control: { type: 'inline-radio' }
     },
     disabled: {

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

@@ -52,14 +52,19 @@ export const StyledButton = styled.a<IButtonSC>`
           border-radius: 100px;
           text-transform: uppercase;
 
-          ${props.$mode === 'light'
+          ${props.$mode === 'darkNewsletter'
             ? css`
-                color: ${colors.primary50};
-                background-color: ${colors.secondary50};
+          color: ${colors.secondary50};
+          background-color: ${colors.third50};
+              `
+            : props.$mode === 'light'
+            ? css`
+          color: ${colors.primary50};
+          background-color: ${colors.secondary50};
               `
             : css`
-                color: ${colors.secondary50};
-                background-color: ${colors.primary50};
+          color: ${colors.secondary50};
+          background-color: ${colors.primary50};
               `}
 
           & span {

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

@@ -26,7 +26,7 @@ const AwardCard = ({
   imageElement,
   className,
   style,
-  chip,
+  chipLabel,
   ...props
 }: IAwardCard) => {
   return (
@@ -37,9 +37,9 @@ const AwardCard = ({
         </Heading>
         <StyledAwardCardImageAndBadgeWrapper>
           {imageElement}
-          {chip && (
+          {chipLabel && (
             <StyledAwardCardAwardBadgeWrapper>
-              <AwardBadge variant={chip?.variant} label={chip?.label} />
+              <AwardBadge variant="unstyled" label={chipLabel} />
             </StyledAwardCardAwardBadgeWrapper>
           )}
         </StyledAwardCardImageAndBadgeWrapper>

package/src/components/molecules/AwardCard/AwardCard.interface.ts

@@ -3,8 +3,5 @@ import { ICard } from '../Card/Card.interface'
 export interface IAwardCard extends ICard {
   title?: string
   imageElement?: React.ReactElement
-  chip?: {
-    label: string
-    variant: 'primary' | 'secondary'
-  }
+  chipLabel?: string
 }

package/src/components/molecules/AwardCard/AwardCard.stories.tsx

@@ -26,9 +26,6 @@ export const Simple: StoryObj<IAwardCard> = {
   args: {
     title: 'Cras vel facilisis tellus',
     imageElement: image,
-    chip: {
-      label: 'New',
-      variant: 'primary'
-    }
+    chipLabel: 'New'
   }
 }