@nuskin/foundation-ui-components 1.0.0-develop.2 → 1.0.0-develop.4

package/src/common/text-strip/NsTextStrip.tsx

@@ -16,7 +16,10 @@ const getIsLight = (theme: FoundationTheme.Theme) => {
 };
 const StyledHeader = styled.header`
     background: ${({ theme }) => (getIsLight(theme) ? '#f5f5f5' : getPaletteColor(theme, 'primary', 'contrastText'))};
-    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    min-height: 60px;
+    padding: 2px 10px 12px;
     a {
         text-decoration: underline;
         font-weight: 600;
@@ -26,7 +29,7 @@ const NsTextStrip = (props: NsTextStripProps) => {
     const { alignment = 'center', text, description, link, className = '' } = props;
 
     return (
-        <StyledHeader className={`${className} justify-${alignment}`}>
+        <StyledHeader className={`${className} items-${alignment}`}>
             <NsTypography variant="h5" weight="bold">
                 {text}
             </NsTypography>

package/src/common/text-strip/types.d.ts

@@ -2,13 +2,16 @@ import { AdditionalProps } from '../common.types';
 
 export type AlignmentType = 'start' | 'center' | 'end';
 
-export type NsTextStripProps = {
-    alignment?: AlignmentType;
-    className?: string;
+export type TextCtaDataType = {
     link?: {
         href?: string;
         title?: string;
     };
     text?: string;
     description?: string;
-} & AdditionalProps;
+};
+export type NsTextStripProps = {
+    alignment?: AlignmentType;
+    className?: string;
+} & AdditionalProps &
+    TextCtaDataType;

package/src/common/typography/NsTypography.stories.tsx

@@ -1,5 +1,5 @@
 import type { StoryObj, Meta } from '@storybook/react';
-import { withCenterDecorator } from '../../stories/decorators/withCenterDecorator';
+import { withCenterDecorator } from '@/stories/decorators/withCenterDecorator';
 import { NsTypography } from './';
 
 type ComponentType = typeof NsTypography;

package/src/common/validations/regex.ts

@@ -0,0 +1,3 @@
+export const emailPattern =
+        // eslint-disable-next-line max-len
+        /^[\s]*[A-Za-z0-9!#$%&*+/=?^_`{|}~-]+(?:\.[A-Za-z0-9!#$%&*+/=?^_`{|}~-]+)*@(?:[A-Za-z0-9](?:[A-Za-z0-9-]*[A-Za-z0-9])?\.)+[A-Za-z0-9](?:[A-Za-z0-9-]*[A-Za-z0-9])?[\s]*$/;

package/src/common/videos/NsVideo.stories.tsx

@@ -7,7 +7,7 @@
 import type { Meta, StoryObj } from '@storybook/react';
 
 import { NsVideo } from '.';
-import { withCenterDecorator } from '../../stories/decorators/withCenterDecorator';
+import { withCenterDecorator } from '@/stories/decorators/withCenterDecorator';
 
 type ComponentType = typeof NsVideo;
 type Story = StoryObj<ComponentType>;

package/src/common/column-control/stories/NDivs.story.tsx

@@ -1,35 +0,0 @@
-import type { StoryObj, Meta } from '@storybook/react';
-import { withCenterDecorator } from '../../../stories/decorators/withCenterDecorator';
-
-type DivArrayProps = {
-    elementsCount: number;
-};
-
-/**
- * this component return a fragment containing n number of div, with each div numbered as per its index
- * @param n: number of div to render
- * @returns
- */
-export const DivArray = ({ elementsCount }: DivArrayProps) => (
-    <>
-        {Array(elementsCount)
-            .fill(0)
-            .map((e, i) => (
-                <div key={i}>{i + 1}</div>
-            ))}
-    </>
-);
-type ComponentType = typeof DivArray;
-type Story = StoryObj<ComponentType>;
-type MetaStory = Meta<ComponentType>;
-
-export default {
-    title: 'Components/NsColumnControl/NDivs',
-    component: DivArray,
-    decorators: [withCenterDecorator],
-    args: {
-        n: 2,
-    },
-} as MetaStory;
-
-export const Basic: Story = {};