oddsgate-ds 1.0.168 → 1.0.171

package/src/index.ts

@@ -1,68 +1,68 @@
-import * as variables from './styles/variables';
-
-//atoms
-export { default as ImageWrapper } from './components/atoms/ImageWrapper'
-export { default as Heading } from './components/atoms/Heading'
-export { default as RichText } from './components/atoms/RichText'
-export { default as Button } from './components/atoms/Button'
-export { default as Spacer } from './components/atoms/Spacer'
-export { default as Separator } from './components/atoms/Separator'
-export { default as Flex } from './components/atoms/Flex'
-export { default as Icon } from './components/atoms/Icon'
-export { default as Chip } from './components/atoms/Chip'
-export { default as Quote } from './components/atoms/Quote'
-export { default as Video } from './components/atoms/Video'
-export { default as VideoEmbed } from './components/atoms/VideoEmbed'
-export { Row as Row } from './components/atoms/FlexGrid'
-export { Column as Column } from './components/atoms/FlexGrid'
-export { default as FormField } from './components/atoms/FormField'
-export { default as CheckRadioField } from './components/atoms/FormField/CheckRadioField'
-export { default as Loader } from './components/atoms/Loader'
-export { default as EmptyState } from './components/atoms/EmptyState'
-export { default as CloseButton } from './components/atoms/CloseButton'
-export { default as Counter } from './components/atoms/Counter'
-export { default as ScrollingNav } from './components/atoms/ScrollingNav'
-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'
-
-//common
-export { default as PortalComponent } from './components/common/PortalComponent'
-
-//molecules
-export { Accordion as Accordion } from './components/molecules/Accordion'
-export { AccordionItem as AccordionItem } from './components/molecules/Accordion'
-export { default as Modal } from './components/molecules/Modal'
-export { default as OffCanvas } from './components/molecules/OffCanvas'
-export { default as Dropdown } from './components/molecules/Dropdown'
-export { DropdownItem as DropdownItem } from './components/molecules/Dropdown'
-export { default as ShareModal } from './components/molecules/ShareModal'
-export { default as IconBox } from './components/molecules/IconBox'
-export { default as IconTitle } from './components/molecules/IconTitle'
-export { default as BlogCard } from './components/molecules/BlogCard'
-export { default as TeamCard } from './components/molecules/TeamCard'
-export { default as LogosCard } from './components/molecules/LogosCard'
-export { default as ProductCard } from './components/molecules/ProductCard'
-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'
-// //organisms
-export { default as Slider } from './components/organisms/Slider'
-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 { iconsList } from './helpers/getIcons'
-
-export { default as GlobalStyles } from './styles/Global'
-
-export { default as clickOutSideToClose } from './helpers/clickOutsideToClose'
-export { default as isTouchDevice } from './helpers/isTouchDevice'
-export { default as useMediaMatch } from './helpers/useMediaMatch'
-export { debounce } from './helpers/events'
-
-export { variables };
-
+import * as variables from './styles/variables';
+
+//atoms
+export { default as ImageWrapper } from './components/atoms/ImageWrapper'
+export { default as Heading } from './components/atoms/Heading'
+export { default as RichText } from './components/atoms/RichText'
+export { default as Button } from './components/atoms/Button'
+export { default as Spacer } from './components/atoms/Spacer'
+export { default as Separator } from './components/atoms/Separator'
+export { default as Flex } from './components/atoms/Flex'
+export { default as Icon } from './components/atoms/Icon'
+export { default as Chip } from './components/atoms/Chip'
+export { default as Quote } from './components/atoms/Quote'
+export { default as Video } from './components/atoms/Video'
+export { default as VideoEmbed } from './components/atoms/VideoEmbed'
+export { Row as Row } from './components/atoms/FlexGrid'
+export { Column as Column } from './components/atoms/FlexGrid'
+export { default as FormField } from './components/atoms/FormField'
+export { default as CheckRadioField } from './components/atoms/FormField/CheckRadioField'
+export { default as Loader } from './components/atoms/Loader'
+export { default as EmptyState } from './components/atoms/EmptyState'
+export { default as CloseButton } from './components/atoms/CloseButton'
+export { default as Counter } from './components/atoms/Counter'
+export { default as ScrollingNav } from './components/atoms/ScrollingNav'
+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'
+
+//common
+export { default as PortalComponent } from './components/common/PortalComponent'
+
+//molecules
+export { Accordion as Accordion } from './components/molecules/Accordion'
+export { AccordionItem as AccordionItem } from './components/molecules/Accordion'
+export { default as Modal } from './components/molecules/Modal'
+export { default as OffCanvas } from './components/molecules/OffCanvas'
+export { default as Dropdown } from './components/molecules/Dropdown'
+export { DropdownItem as DropdownItem } from './components/molecules/Dropdown'
+export { default as ShareModal } from './components/molecules/ShareModal'
+export { default as IconBox } from './components/molecules/IconBox'
+export { default as IconTitle } from './components/molecules/IconTitle'
+export { default as BlogCard } from './components/molecules/BlogCard'
+export { default as TeamCard } from './components/molecules/TeamCard'
+export { default as LogosCard } from './components/molecules/LogosCard'
+export { default as ProductCard } from './components/molecules/ProductCard'
+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'
+// //organisms
+export { default as Slider } from './components/organisms/Slider'
+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 { iconsList } from './helpers/getIcons'
+
+export { default as GlobalStyles } from './styles/Global'
+
+export { default as clickOutSideToClose } from './helpers/clickOutsideToClose'
+export { default as isTouchDevice } from './helpers/isTouchDevice'
+export { default as useMediaMatch } from './helpers/useMediaMatch'
+export { debounce } from './helpers/events'
+
+export { variables };
+

package/src/reportWebVitals.js

@@ -1,13 +1,13 @@
-const reportWebVitals = onPerfEntry => {
-  if (onPerfEntry && onPerfEntry instanceof Function) {
-    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
-      getCLS(onPerfEntry);
-      getFID(onPerfEntry);
-      getFCP(onPerfEntry);
-      getLCP(onPerfEntry);
-      getTTFB(onPerfEntry);
-    });
-  }
-};
-
-export default reportWebVitals;
+const reportWebVitals = onPerfEntry => {
+  if (onPerfEntry && onPerfEntry instanceof Function) {
+    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
+      getCLS(onPerfEntry);
+      getFID(onPerfEntry);
+      getFCP(onPerfEntry);
+      getLCP(onPerfEntry);
+      getTTFB(onPerfEntry);
+    });
+  }
+};
+
+export default reportWebVitals;

package/src/stories/Documentation/Colors.stories.tsx

@@ -1,46 +1,46 @@
-import type { Meta, StoryObj } from '@storybook/react'
-import { colors, gradients } from '@/styles/variables'
-
-import Flex from '@/components/atoms/Flex'
-import React from 'react'
-
-export default {
-  title: 'Documentation/Colors',
-  tags: ['autodocs']
-} as Meta
-
-export const Colors: StoryObj = {
-  render: args => (
-    <div style={{ width: '100%' }}>
-      <Flex direction={'row'} wrap={'wrap'} style={{ gap: '4px' }}>
-        {colors &&
-          Object.keys(colors).map((color, i) => (
-            <div
-              key={`color-${i}`}
-              style={{
-                background: `var(--color-${color})`,
-                width: '100px',
-                height: '75px'
-              }}
-            >
-              <span>{color}</span>
-            </div>
-          ))}
-        {gradients &&
-          Object.keys(gradients).map((gradient, i) => (
-            <div
-              key={`gradient-${i}`}
-              style={{
-                background: `var(--gradient-${gradient})`,
-                width: '100px',
-                height: '75px'
-              }}
-            >
-              <span>{gradient}</span>
-            </div>
-          ))}
-      </Flex>
-    </div>
-  ),
-  args: {}
-}
+import type { Meta, StoryObj } from '@storybook/react'
+import { colors, gradients } from '@/styles/variables'
+
+import Flex from '@/components/atoms/Flex'
+import React from 'react'
+
+export default {
+  title: 'Documentation/Colors',
+  tags: ['autodocs']
+} as Meta
+
+export const Colors: StoryObj = {
+  render: args => (
+    <div style={{ width: '100%' }}>
+      <Flex direction={'row'} wrap={'wrap'} style={{ gap: '4px' }}>
+        {colors &&
+          Object.keys(colors).map((color, i) => (
+            <div
+              key={`color-${i}`}
+              style={{
+                background: `var(--color-${color})`,
+                width: '100px',
+                height: '75px'
+              }}
+            >
+              <span>{color}</span>
+            </div>
+          ))}
+        {gradients &&
+          Object.keys(gradients).map((gradient, i) => (
+            <div
+              key={`gradient-${i}`}
+              style={{
+                background: `var(--gradient-${gradient})`,
+                width: '100px',
+                height: '75px'
+              }}
+            >
+              <span>{gradient}</span>
+            </div>
+          ))}
+      </Flex>
+    </div>
+  ),
+  args: {}
+}

package/src/stories/Documentation/Headings.stories.tsx

@@ -1,24 +1,24 @@
-import type { Meta, StoryObj } from '@storybook/react'
-
-import Heading from '@/components/atoms/Heading'
-import React from 'react'
-import { typography } from '@/styles/variables'
-
-export default {
-  title: 'Documentation/Typography',
-  tags: ['autodocs']
-} as Meta
-
-export const Typography: StoryObj = {
-  render: args => (
-    <div style={{ width: '100%' }}>
-      {typography &&
-        Object.keys(typography).map((typo, i) => (
-          <Heading key={`typo-${i}`} tag={'span'} size={typo}>
-            Lorem ipsum
-          </Heading>
-        ))}
-    </div>
-  ),
-  args: {}
-}
+import type { Meta, StoryObj } from '@storybook/react'
+
+import Heading from '@/components/atoms/Heading'
+import React from 'react'
+import { typography } from '@/styles/variables'
+
+export default {
+  title: 'Documentation/Typography',
+  tags: ['autodocs']
+} as Meta
+
+export const Typography: StoryObj = {
+  render: args => (
+    <div style={{ width: '100%' }}>
+      {typography &&
+        Object.keys(typography).map((typo, i) => (
+          <Heading key={`typo-${i}`} tag={'span'} size={typo}>
+            Lorem ipsum
+          </Heading>
+        ))}
+    </div>
+  ),
+  args: {}
+}

package/src/stories/Documentation/Icons.stories.tsx

@@ -1,73 +1,73 @@
-import type { Meta, StoryObj } from '@storybook/react'
-
-import Flex from '@/components/atoms/Flex'
-import Heading from '@/components/atoms/Heading'
-import Icon from '@/components/atoms/Icon'
-import React from 'react'
-import Spacer from '@/components/atoms/Spacer'
-import { iconsList } from '@/helpers/getIcons'
-
-export default {
-  title: 'Documentation/Icons',
-  tags: ['autodocs']
-} as Meta
-
-export const Icons: StoryObj = {
-  render: args => (
-    <div style={{ width: '100%' }}>
-      <div>
-        <Heading size={'h4'}>How To:</Heading>
-        <ol style={{ paddingLeft: '20px' }}>
-          <li>
-            Create your font at{' '}
-            <a href="https://icomoon.io/" target="_blank">
-              Icomoon
-            </a>
-          </li>
-          <li>Download your font</li>
-          <li>
-            Replace <em>/src/iconList.json</em> content with{' '}
-            <em>selection.json</em> content
-          </li>
-          <li>
-            Replace all the files from <em>/public/fonts/</em> with{' '}
-            <em>fonts/</em> from the zip
-          </li>
-          <li>
-            Replace all css rules in <em>/src/styles/Icon</em> with the new ones
-            from style.css
-          </li>
-          <li>Bump DS version</li>
-          <li>Move miewfont folder to nextjs public folder</li>
-        </ol>
-      </div>
-      <Spacer height={6} />
-      <span className="d-block h4 mb-adapt-4">
-        <strong>There are {Object.values(iconsList).length} icons</strong>
-      </span>
-      <Spacer height={3} />
-      <Flex direction={'row'} wrap={'wrap'} style={{ gap: '4px' }}>
-        {iconsList &&
-          iconsList.map((icon, i) => (
-            <span
-              key={i}
-              style={{
-                width: '16.666%',
-                border: '1px solid rgb(229, 229, 229)',
-                textAlign: 'center'
-              }}
-            >
-              <Icon icon={icon} style={{ fontSize: '3rem', padding: '2rem' }} />
-              <Heading
-                size={'h6'}
-                style={{ background: 'rgb(244, 244, 244)', lineHeight: '3em' }}
-              >
-                {icon}
-              </Heading>
-            </span>
-          ))}
-      </Flex>
-    </div>
-  ),
-  args: {}
-}
+import type { Meta, StoryObj } from '@storybook/react'
+
+import Flex from '@/components/atoms/Flex'
+import Heading from '@/components/atoms/Heading'
+import Icon from '@/components/atoms/Icon'
+import React from 'react'
+import Spacer from '@/components/atoms/Spacer'
+import { iconsList } from '@/helpers/getIcons'
+
+export default {
+  title: 'Documentation/Icons',
+  tags: ['autodocs']
+} as Meta
+
+export const Icons: StoryObj = {
+  render: args => (
+    <div style={{ width: '100%' }}>
+      <div>
+        <Heading size={'h4'}>How To:</Heading>
+        <ol style={{ paddingLeft: '20px' }}>
+          <li>
+            Create your font at{' '}
+            <a href="https://icomoon.io/" target="_blank">
+              Icomoon
+            </a>
+          </li>
+          <li>Download your font</li>
+          <li>
+            Replace <em>/src/iconList.json</em> content with{' '}
+            <em>selection.json</em> content
+          </li>
+          <li>
+            Replace all the files from <em>/public/fonts/</em> with{' '}
+            <em>fonts/</em> from the zip
+          </li>
+          <li>
+            Replace all css rules in <em>/src/styles/Icon</em> with the new ones
+            from style.css
+          </li>
+          <li>Bump DS version</li>
+          <li>Move miewfont folder to nextjs public folder</li>
+        </ol>
+      </div>
+      <Spacer height={6} />
+      <span className="d-block h4 mb-adapt-4">
+        <strong>There are {Object.values(iconsList).length} icons</strong>
+      </span>
+      <Spacer height={3} />
+      <Flex direction={'row'} wrap={'wrap'} style={{ gap: '4px' }}>
+        {iconsList &&
+          iconsList.map((icon, i) => (
+            <span
+              key={i}
+              style={{
+                width: '16.666%',
+                border: '1px solid rgb(229, 229, 229)',
+                textAlign: 'center'
+              }}
+            >
+              <Icon icon={icon} style={{ fontSize: '3rem', padding: '2rem' }} />
+              <Heading
+                size={'h6'}
+                style={{ background: 'rgb(244, 244, 244)', lineHeight: '3em' }}
+              >
+                {icon}
+              </Heading>
+            </span>
+          ))}
+      </Flex>
+    </div>
+  ),
+  args: {}
+}

package/src/stories/Documentation/JWT.stories.tsx

@@ -1,60 +1,60 @@
-import type { Meta, StoryObj } from '@storybook/react'
-
-import React from 'react'
-import RichText from '@/components/atoms/RichText'
-
-export default {
-  title: 'Documentation/JWT',
-  tags: ['autodocs']
-} as Meta
-
-export const JWT: StoryObj = {
-  render: args => (
-    <div style={{ width: '100%' }}>
-      <p>Generate token to enter in .env file</p>
-
-      <code style={{ display: 'block', margin: '24px 0' }}>
-        <RichText>
-          {`
-        mutation LoginUser {
-          login( input: {
-            clientMutationId: "uniqueId",
-            username: "your_login",
-            password: "your password"
-          } ) {
-            authToken
-            user {
-              id
-              name
-            }
-          }
-        }
-        `}
-        </RichText>
-      </code>
-      <p>
-        Then generate a salt to use in wp-config define var
-        <br />
-        https://api.wordpress.org/secret-key/1.1/salt/
-      </p>
-
-      <code style={{ display: 'block', margin: '24px 0' }}>
-        <RichText>
-          {`
-        mutation RefreshAuthToken {
-          refreshJwtAuthToken(
-            input: {
-              clientMutationId: "uniqueId"
-              jwtRefreshToken: "your_refresh_token",
-          }) {
-            authToken
-          }
-        }
-        `}
-        </RichText>
-      </code>
-      <p>Refresh code</p>
-    </div>
-  ),
-  args: {}
-}
+import type { Meta, StoryObj } from '@storybook/react'
+
+import React from 'react'
+import RichText from '@/components/atoms/RichText'
+
+export default {
+  title: 'Documentation/JWT',
+  tags: ['autodocs']
+} as Meta
+
+export const JWT: StoryObj = {
+  render: args => (
+    <div style={{ width: '100%' }}>
+      <p>Generate token to enter in .env file</p>
+
+      <code style={{ display: 'block', margin: '24px 0' }}>
+        <RichText>
+          {`
+        mutation LoginUser {
+          login( input: {
+            clientMutationId: "uniqueId",
+            username: "your_login",
+            password: "your password"
+          } ) {
+            authToken
+            user {
+              id
+              name
+            }
+          }
+        }
+        `}
+        </RichText>
+      </code>
+      <p>
+        Then generate a salt to use in wp-config define var
+        <br />
+        https://api.wordpress.org/secret-key/1.1/salt/
+      </p>
+
+      <code style={{ display: 'block', margin: '24px 0' }}>
+        <RichText>
+          {`
+        mutation RefreshAuthToken {
+          refreshJwtAuthToken(
+            input: {
+              clientMutationId: "uniqueId"
+              jwtRefreshToken: "your_refresh_token",
+          }) {
+            authToken
+          }
+        }
+        `}
+        </RichText>
+      </code>
+      <p>Refresh code</p>
+    </div>
+  ),
+  args: {}
+}