oddsgate-ds 1.0.175 → 1.0.177

package/dist/esm/types/index.d.ts

@@ -24,6 +24,7 @@ export { default as SocialLinks } from './components/atoms/SocialLinks';
 export { default as LegalLinks } from './components/atoms/LegalLinks';
 export { default as Marquee } from './components/atoms/Marquee';
 export { default as CardMarquee } from './components/atoms/CardMarquee';
+export { default as AwardBadge } from './components/atoms/AwardBadge';
 export { default as PortalComponent } from './components/common/PortalComponent';
 export { Accordion as Accordion } from './components/molecules/Accordion';
 export { AccordionItem as AccordionItem } from './components/molecules/Accordion';
@@ -42,6 +43,7 @@ export { default as LicenseCard } from './components/molecules/LicenseCard';
 export { default as NewsCard } from './components/molecules/NewsCard';
 export { default as EventsCard } from './components/molecules/EventsCard';
 export { default as CareersCard } from './components/molecules/CareersCard';
+export { default as AwardCard } from './components/molecules/AwardCard';
 export { default as Slider } from './components/organisms/Slider';
 export { default as Cover } from './components/organisms/Cover';
 export { default as Tabs } from './components/organisms/Tabs';

package/dist/types.d.ts

@@ -417,6 +417,20 @@ interface ICardMarquee {
 
 declare const CardMarquee: ({ direction, speed, repeatContent, gap, children, }: ICardMarquee) => React__default.JSX.Element;
 
+interface IAwardBadge {
+    label?: string;
+    variant?: 'primary' | 'secondary';
+}
+
+/**
+ * Renders an award badge with a customizable label and visual variant.
+ *
+ * @param label - The text to display inside the badge.
+ * @param variant - The visual style or type of the badge.
+ * @returns A styled badge component displaying the provided label.
+ */
+declare const AwardBadge: ({ label, variant, }: IAwardBadge) => React__default.JSX.Element;
+
 type PortalComponentProps = {
     wrapperId: string;
     children?: React.ReactNode;
@@ -601,6 +615,28 @@ interface ICareersCard extends ICard {
 
 declare const CareersCard: ({ title, description, linkElement, className, style, ...props }: ICareersCard) => React__default.JSX.Element;
 
+interface IAwardCard extends ICard {
+    title?: string;
+    imageElement?: React.ReactElement;
+    chip?: {
+        label: string;
+        variant: 'primary' | 'secondary';
+    };
+}
+
+/**
+ * Renders an award card component displaying a title, an image, and an optional badge (chip).
+ *
+ * @param {IAwardCard} props - The props for the AwardCard component.
+ * @param {string} props.title - The title to display on the card.
+ * @param {React.ReactNode} props.imageElement - The image or element to display in the card.
+ * @param {string} [props.className] - Optional additional class name(s) for the card.
+ * @param {React.CSSProperties} [props.style] - Optional inline styles for the card.
+ * @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;
+
 type SliderVariant = 'default' | 'awards';
 interface ISlider {
     $responsiveCSS?: string;
@@ -697,4 +733,4 @@ declare function useMediaMatch(query?: string): boolean;
 
 declare const debounce: (callback: any, wait: number) => (...args: any) => void;
 
-export { Accordion, AccordionItem, BlogCard, Button, CardMarquee, CareersCard, CheckRadioField, Chip, CircularSlider, CloseButton, Column, Counter, Cover, Dropdown, DropdownItem, EmptyState, EventsCard, Flex, FormField, GlobalStyles, Heading, Icon, IconBox, IconTitle, ImageWrapper, LegalLinks, LicenseCard, Loader, LogosCard, Marquee, Modal, NewsCard, OffCanvas, PortalComponent, ProductCard, ProductsSlider, Quote, RichText, Row, ScrollingNav, Separator, ShareModal, Slider, SocialLinks, Spacer, Tabs, TeamCard, Video, VideoEmbed, clickOutSideToClose, debounce, iconsList, isTouchDevice, useMediaMatch, variables };
+export { Accordion, AccordionItem, AwardBadge, AwardCard, BlogCard, Button, CardMarquee, CareersCard, CheckRadioField, Chip, CircularSlider, CloseButton, Column, Counter, Cover, Dropdown, DropdownItem, EmptyState, EventsCard, Flex, FormField, GlobalStyles, Heading, Icon, IconBox, IconTitle, ImageWrapper, LegalLinks, LicenseCard, Loader, LogosCard, Marquee, Modal, NewsCard, OffCanvas, PortalComponent, ProductCard, ProductsSlider, Quote, RichText, Row, ScrollingNav, Separator, ShareModal, Slider, SocialLinks, Spacer, Tabs, TeamCard, Video, VideoEmbed, clickOutSideToClose, debounce, iconsList, isTouchDevice, useMediaMatch, variables };

package/package.json

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

package/src/components/organisms/Slider/Slider.theme.ts

@@ -2,6 +2,9 @@ import { colors, gutter, radius, responsiveMedia, responsiveMediaMax, shadows, s
 import styled, { css } from 'styled-components';
 
 import { ISlider } from './Slider.interface';
+interface SliderStylesProps {
+  $variant?: string;
+}
 
 const SliderStyles = ({ $variant }: { $variant?: string }) => `
   .blaze-slider {

package/src/index.ts

@@ -26,6 +26,7 @@ export { default as SocialLinks } from './components/atoms/SocialLinks'
 export { default as LegalLinks } from './components/atoms/LegalLinks'
 export { default as Marquee } from './components/atoms/Marquee'
 export { default as CardMarquee } from './components/atoms/CardMarquee'
+export { default as AwardBadge } from './components/atoms/AwardBadge'
 
 //common
 export { default as PortalComponent } from './components/common/PortalComponent'
@@ -48,6 +49,7 @@ export { default as LicenseCard } from './components/molecules/LicenseCard'
 export { default as NewsCard } from './components/molecules/NewsCard'
 export { default as EventsCard } from './components/molecules/EventsCard'
 export { default as CareersCard } from './components/molecules/CareersCard'
+export { default as AwardCard } from './components/molecules/AwardCard'
 // //organisms
 export { default as Slider } from './components/organisms/Slider'
 export { default as Cover } from './components/organisms/Cover'

package/src/styles/variables.ts

@@ -46,6 +46,8 @@ export const colors = <Record<string, string>>{
   third10: '#440E3F',
   third50: '#33052F',
 
+  hellobar: '#610A5A',
+
   // Feedback
   warning: '#ea9a1a',
   success: '#00FFD2',