oddsgate-ds 1.0.174 → 1.0.175

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: {}
+}

package/src/stories/Documentation/Utilities.stories.tsx

@@ -1,65 +1,65 @@
-import type { Meta, StoryObj } from '@storybook/react'
-
-import Flex from '@/components/atoms/Flex'
-import Heading from '@/components/atoms/Heading'
-import React from 'react'
-import { grid_conf } from '@/styles/variables'
-import { utilities } from '@/styles/utilities'
-
-export default {
-  title: 'Documentation/Utilities',
-  tags: ['autodocs']
-} as Meta
-
-export const Utilities: StoryObj = {
-  render: args => (
-    <div style={{ width: '100%' }}>
-      <Flex
-        direction={'row'}
-        align={'center'}
-        wrap={'wrap'}
-        style={{ gap: '4px' }}
-      >
-        {Object.keys(utilities).map((utility, i) => {
-          const property = utilities[utility]?.property
-          const className = utilities[utility]?.class || property
-          const values = utilities[utility]?.values
-          const responsive = utilities[utility]?.responsive
-
-          return (
-            <div key={`utilities-${i}`} className={'w-100 mb-6'}>
-              <Heading tag="span" size="texts" style={{ fontWeight: 700 }}>
-                {utility}
-              </Heading>
-              <pre>
-                <code>
-                  {Object.keys(values as object).map((key, i) => {
-                    if (!values) return <></>
-
-                    return (
-                      <>
-                        <span key={`utility-${i}`}>
-                          {`.${`${className}-${key}`}{${property}: ${
-                            values[key]
-                          };}`}
-                          <br />
-                        </span>
-                        {responsive && (
-                          <span>
-                            {`.${className}-md-${key}{@media (min-width: ${grid_conf.breakpoints.$md}){ ${property}: ${values[key]};}}`}
-                            <br />
-                          </span>
-                        )}
-                      </>
-                    )
-                  })}
-                </code>
-              </pre>
-            </div>
-          )
-        })}
-      </Flex>
-    </div>
-  ),
-  args: {}
-}
+import type { Meta, StoryObj } from '@storybook/react'
+
+import Flex from '@/components/atoms/Flex'
+import Heading from '@/components/atoms/Heading'
+import React from 'react'
+import { grid_conf } from '@/styles/variables'
+import { utilities } from '@/styles/utilities'
+
+export default {
+  title: 'Documentation/Utilities',
+  tags: ['autodocs']
+} as Meta
+
+export const Utilities: StoryObj = {
+  render: args => (
+    <div style={{ width: '100%' }}>
+      <Flex
+        direction={'row'}
+        align={'center'}
+        wrap={'wrap'}
+        style={{ gap: '4px' }}
+      >
+        {Object.keys(utilities).map((utility, i) => {
+          const property = utilities[utility]?.property
+          const className = utilities[utility]?.class || property
+          const values = utilities[utility]?.values
+          const responsive = utilities[utility]?.responsive
+
+          return (
+            <div key={`utilities-${i}`} className={'w-100 mb-6'}>
+              <Heading tag="span" size="texts" style={{ fontWeight: 700 }}>
+                {utility}
+              </Heading>
+              <pre>
+                <code>
+                  {Object.keys(values as object).map((key, i) => {
+                    if (!values) return <></>
+
+                    return (
+                      <>
+                        <span key={`utility-${i}`}>
+                          {`.${`${className}-${key}`}{${property}: ${
+                            values[key]
+                          };}`}
+                          <br />
+                        </span>
+                        {responsive && (
+                          <span>
+                            {`.${className}-md-${key}{@media (min-width: ${grid_conf.breakpoints.$md}){ ${property}: ${values[key]};}}`}
+                            <br />
+                          </span>
+                        )}
+                      </>
+                    )
+                  })}
+                </code>
+              </pre>
+            </div>
+          )
+        })}
+      </Flex>
+    </div>
+  ),
+  args: {}
+}