oddsgate-ds 1.0.225 → 1.0.226

package/dist/esm/types/components/atoms/Button/Button.component.d.ts

@@ -1,4 +1,4 @@
 import { IButton } from './Button.interface';
 import React from 'react';
-declare const Button: ({ id, as, children, variant, mode, outlined, leftIcon, rightIcon, removeLabel, className, href, ariaLabel, rel, target, disabled, type, ...props }: IButton) => React.JSX.Element;
+declare const Button: ({ id, as, children, variant, mode, outlined, leftIcon, rightIcon, removeLabel, className, href, ariaLabel, rel, target, disabled, type, iconAnimation, hideIconOnMobile, ...props }: IButton) => React.JSX.Element;
 export default Button;

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

@@ -20,9 +20,13 @@ interface IButtonBase {
 export interface IButtonSC extends IButtonBase {
     $variant?: string;
     $mode?: string;
+    $iconAnimation?: boolean;
+    $hideIconOnMobile?: boolean;
 }
 export interface IButton extends IButtonBase {
     variant?: string;
     mode?: string;
+    iconAnimation?: boolean;
+    hideIconOnMobile?: boolean;
 }
 export {};

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { CategoriesWrapperProps } from './CategoriesWrapper.interface';
+declare const CategoriesWrapper: React.FC<CategoriesWrapperProps>;
+export default CategoriesWrapper;

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

@@ -0,0 +1,7 @@
+export interface CategoriesWrapperProps {
+    category: string;
+    categoryItems: {
+        title: string;
+        slug: string;
+    }[];
+}

package/dist/esm/types/components/molecules/CategoriesWrapper/CategoriesWrapper.theme.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const StyledCategoryWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledCategorySeparator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledCategorySeparatorLine: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledCategoryContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledCategoryItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/esm/types/components/molecules/CategoriesWrapper/index.d.ts

@@ -0,0 +1 @@
+export { default } from './CategoriesWrapper.component';

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { CategoryIndexProps } from './CategoryIndex.interface';
+declare const CategoryIndex: React.FC<CategoryIndexProps>;
+export default CategoryIndex;

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

@@ -0,0 +1,8 @@
+export interface CategoryIndexProps {
+    categories: {
+        name: string;
+        slug: string;
+    }[];
+    onChange: (category: string | null) => void;
+    selectedCategory: string | null | undefined;
+}

package/dist/esm/types/components/molecules/CategoryIndex/CategoryIndex.theme.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+type ItemProps = {
+    isSelected?: boolean;
+};
+export declare const StyledGlossaryCategoryIndex: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledGlossaryCategoryIndexItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ItemProps>> & string;
+export {};

package/dist/esm/types/components/molecules/CategoryIndex/index.d.ts

@@ -0,0 +1 @@
+export { default } from './CategoryIndex.component';

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { SearchBarProps } from './SearchBar.interface';
+declare const SearchBar: React.FC<SearchBarProps>;
+export default SearchBar;

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export interface SearchBarProps {
+    value: string;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    placeholder?: string;
+    onClick?: () => void;
+    onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+}

package/dist/esm/types/components/molecules/SearchBar/SearchBar.theme.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const StyledGlossarySearch: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SearchInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
+export declare const SearchButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;

package/dist/esm/types/components/molecules/SearchBar/index.d.ts

@@ -0,0 +1 @@
+export { default } from './SearchBar.component';

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

@@ -0,0 +1,4 @@
+import React from 'react';
+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,18 @@
+export type GlossaryItem = {
+    title: string;
+    slug: string;
+};
+export type GlossaryCategoryData = {
+    [category: string]: GlossaryItem[];
+};
+export type GlossaryProps = {
+    searchTerm: string;
+    setSearchTerm: (term: string) => void;
+    selectedCategory: string | null;
+    setSelectedCategory: (cat: string | null) => void;
+    categoryData: GlossaryCategoryData;
+    placeholder?: string;
+    backToTopButton?: string;
+    noResultsText?: string;
+    tryAnotherLetterText?: string;
+};

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare const StyledGlossary: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledGlossaryTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
+export declare const StyledGlossaryCategories: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledNoResultsContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledNoResultsTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
+export declare const StyledNoResultsSubtitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
+export declare const StyledBackButtonContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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

@@ -0,0 +1 @@
+export { default } from './Glossary.component';

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

@@ -25,6 +25,9 @@ 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 SearchBar } from './components/molecules/SearchBar';
+export { default as CategoriesWrapper } from './components/molecules/CategoriesWrapper';
+export { default as CategoryIndex } from './components/molecules/CategoryIndex';
 export { default as PortalComponent } from './components/common/PortalComponent';
 export { Accordion as Accordion } from './components/molecules/Accordion';
 export { AccordionItem as AccordionItem } from './components/molecules/Accordion';
@@ -49,6 +52,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';
 export { iconsList } from './helpers/getIcons';
 export { default as GlobalStyles } from './styles/Global';
 export { default as clickOutSideToClose } from './helpers/clickOutsideToClose';

package/dist/types.d.ts

@@ -156,9 +156,11 @@ interface IButtonBase {
 interface IButton extends IButtonBase {
     variant?: string;
     mode?: string;
+    iconAnimation?: boolean;
+    hideIconOnMobile?: boolean;
 }
 
-declare const Button: ({ id, as, children, variant, mode, outlined, leftIcon, rightIcon, removeLabel, className, href, ariaLabel, rel, target, disabled, type, ...props }: IButton) => React__default.JSX.Element;
+declare const Button: ({ id, as, children, variant, mode, outlined, leftIcon, rightIcon, removeLabel, className, href, ariaLabel, rel, target, disabled, type, iconAnimation, hideIconOnMobile, ...props }: IButton) => React__default.JSX.Element;
 
 type ISpacer = {
     id?: string;
@@ -432,6 +434,37 @@ interface IAwardBadge {
  */
 declare const AwardBadge: ({ label, variant, }: IAwardBadge) => React__default.JSX.Element;
 
+interface SearchBarProps {
+    value: string;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    placeholder?: string;
+    onClick?: () => void;
+    onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+}
+
+declare const SearchBar: React__default.FC<SearchBarProps>;
+
+interface CategoriesWrapperProps {
+    category: string;
+    categoryItems: {
+        title: string;
+        slug: string;
+    }[];
+}
+
+declare const CategoriesWrapper: React__default.FC<CategoriesWrapperProps>;
+
+interface CategoryIndexProps {
+    categories: {
+        name: string;
+        slug: string;
+    }[];
+    onChange: (category: string | null) => void;
+    selectedCategory: string | null | undefined;
+}
+
+declare const CategoryIndex: React__default.FC<CategoryIndexProps>;
+
 type PortalComponentProps = {
     wrapperId: string;
     children?: React.ReactNode;
@@ -720,6 +753,27 @@ type IProductsSlider = {
 
 declare const ProductsSlider: ({ content, style, className, }: IProductsSlider) => React__default.JSX.Element;
 
+type GlossaryItem = {
+    title: string;
+    slug: string;
+};
+type GlossaryCategoryData = {
+    [category: string]: GlossaryItem[];
+};
+type GlossaryProps = {
+    searchTerm: string;
+    setSearchTerm: (term: string) => void;
+    selectedCategory: string | null;
+    setSelectedCategory: (cat: string | null) => void;
+    categoryData: GlossaryCategoryData;
+    placeholder?: string;
+    backToTopButton?: string;
+    noResultsText?: string;
+    tryAnotherLetterText?: string;
+};
+
+declare const Glossary: React__default.FC<GlossaryProps>;
+
 declare const iconsList: string[];
 
 declare const GlobalStyles: React$1.NamedExoticComponent<styled_components.ExecutionProps & object>;
@@ -732,4 +786,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, CategoriesWrapper, CategoryIndex, 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, SearchBar, 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.225",
+  "version": "1.0.226",
   "description": "Miew theme component library",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",