oddsgate-ds 1.0.199 → 1.0.200

package/dist/esm/types/components/organisms/Glossary/Glossary.component.d.ts

@@ -1,26 +1,4 @@
 import React from 'react';
-type GlossaryItem = {
-    title: string;
-    categories: {
-        name: string;
-        items: {
-            slug: string;
-            name: string;
-        }[];
-    }[];
-};
-type GlossaryProps = {
-    title: string;
-    subtitle: string;
-    items: GlossaryItem[];
-    categories: {
-        name: string;
-        items: {
-            slug: string;
-            name: string;
-        }[];
-    }[];
-    placeholder?: string;
-};
-declare const Glossary: React.FC<GlossaryProps>;
+import { GlossaryProps } from './Glossary.interface';
+export declare const Glossary: React.FC<GlossaryProps>;
 export default Glossary;

package/dist/esm/types/components/organisms/Glossary/Glossary.interface.d.ts

@@ -0,0 +1,24 @@
+type GlossaryItem = {
+    title: string;
+    categories: {
+        name: string;
+        items: {
+            slug: string;
+            name: string;
+        }[];
+    }[];
+};
+export type GlossaryProps = {
+    title: string;
+    subtitle: string;
+    items: GlossaryItem[];
+    categories: {
+        name: string;
+        items: {
+            slug: string;
+            name: string;
+        }[];
+    }[];
+    placeholder?: string;
+};
+export {};

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

@@ -49,6 +49,7 @@ export { default as Cover } from './components/organisms/Cover';
 export { default as Tabs } from './components/organisms/Tabs';
 export { default as CircularSlider } from './components/organisms/CircularSlider';
 export { default as ProductsSlider } from './components/organisms/ProductsSlider';
+export { default as Glossary } from './components/organisms/Glossary/Glossary.component';
 export { iconsList } from './helpers/getIcons';
 export { default as GlobalStyles } from './styles/Global';
 export { default as clickOutSideToClose } from './helpers/clickOutsideToClose';

package/dist/types.d.ts

@@ -720,6 +720,32 @@ type IProductsSlider = {
 
 declare const ProductsSlider: ({ content, style, className, }: IProductsSlider) => React__default.JSX.Element;
 
+type GlossaryItem = {
+    title: string;
+    categories: {
+        name: string;
+        items: {
+            slug: string;
+            name: string;
+        }[];
+    }[];
+};
+type GlossaryProps = {
+    title: string;
+    subtitle: string;
+    items: GlossaryItem[];
+    categories: {
+        name: string;
+        items: {
+            slug: string;
+            name: string;
+        }[];
+    }[];
+    placeholder?: string;
+};
+
+declare const Glossary: React__default.FC<GlossaryProps>;
+
 declare const iconsList: string[];
 
 declare const GlobalStyles: React$1.NamedExoticComponent<styled_components.ExecutionProps & object>;
@@ -732,4 +758,4 @@ declare function useMediaMatch(query?: string): boolean;
 
 declare const debounce: (callback: any, wait: number) => (...args: any) => void;
 
-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 };
+export { Accordion, AccordionItem, AwardBadge, AwardCard, BlogCard, Button, CardMarquee, CareersCard, CheckRadioField, Chip, CircularSlider, CloseButton, Column, Counter, Cover, Dropdown, DropdownItem, EmptyState, EventsCard, Flex, FormField, GlobalStyles, Glossary, 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.199",
+  "version": "1.0.200",
   "description": "Miew theme component library",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",

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

@@ -26,6 +26,7 @@ export const StyledCategoryContent = styled.div`
   display: flex;
   gap: 1.875rem;
   flex-wrap: wrap;
+  padding: 2.5rem 0 3rem 0;
 `
 export const StyledCategoryItem = styled.div`
   & > button {

package/src/components/organisms/Glossary/Glossary.component.tsx

@@ -9,21 +9,9 @@ import {
 import SearchBar from '@/components/molecules/SearchBar/SearchBar.component'
 import GlossaryCategoryIndex from '@/components/molecules/CategoryIndex/CategoryIndex.component'
 import CategoriesWrapper from '@/components/molecules/CategoriesWrapper/CategoriesWrapper.component'
+import { GlossaryProps } from './Glossary.interface'
 
-type GlossaryItem = {
-  title: string
-  categories: { name: string, items: { slug: string, name: string }[] }[]
-}
-
-type GlossaryProps = {
-  title: string
-  subtitle: string
-  items: GlossaryItem[]
-  categories: { name: string, items: { slug: string, name: string }[] }[]
-  placeholder?: string
-}
-
-const Glossary: React.FC<GlossaryProps> = ({
+export const Glossary: React.FC<GlossaryProps> = ({
   title,
   subtitle,
   items,
@@ -59,13 +47,15 @@ const Glossary: React.FC<GlossaryProps> = ({
       <SearchBar
         value={searchTerm}
         onChange={e => setSearchTerm(e.target.value)}
-        placeholder="What are you looking for?"
+        placeholder={placeholder}
       />
 
       <GlossaryCategoryIndex
         categories={categoryNames}
         selectedCategory={selectedCategory}
-        onChange={cat => setSelectedCategory(cat === selectedCategory ? null : cat)}
+        onChange={cat =>
+          setSelectedCategory(cat === selectedCategory ? null : cat)
+        }
       />
 
       <StyledGlossaryCategories>

package/src/components/organisms/Glossary/Glossary.interface.ts

@@ -0,0 +1,12 @@
+type GlossaryItem = {
+  title: string
+  categories: { name: string; items: { slug: string; name: string }[] }[]
+}
+
+export type GlossaryProps = {
+  title: string
+  subtitle: string
+  items: GlossaryItem[]
+  categories: { name: string; items: { slug: string; name: string }[] }[]
+  placeholder?: string
+}

package/src/index.ts

@@ -56,6 +56,7 @@ export { default as Cover } from './components/organisms/Cover'
 export { default as Tabs } from './components/organisms/Tabs'
 export { default as CircularSlider } from './components/organisms/CircularSlider'
 export { default as ProductsSlider } from './components/organisms/ProductsSlider'
+export { default as Glossary } from './components/organisms/Glossary/Glossary.component'
 
 export { iconsList } from './helpers/getIcons'