From cc061ef1b21ae2b691320385c50d856325d01ab3 Mon Sep 17 00:00:00 2001 From: Vladislav Denisov Date: Tue, 20 Aug 2024 11:31:32 +0300 Subject: [PATCH] feat(plasma-new-hope): temp commit, vertical tabs blueprint --- .../src/components/Tabs/TabItem.tsx | 14 +++++ .../Tabs/{ui/TabItem => }/TabItem.types.ts | 59 ++++++++++++------- .../src/components/Tabs/Tabs.tsx | 13 ++++ .../Tabs/{ui/Tabs => }/Tabs.types.ts | 42 ++++++++++--- .../src/components/Tabs/index.ts | 8 +-- .../HorizontalTabItem.styles.ts} | 0 .../HorizontalTabItem.tsx} | 2 +- .../variations/_disabled/base.ts | 0 .../variations/_disabled/tokens.json | 0 .../variations/_pilled/base.ts | 0 .../variations/_pilled/tokens.json | 0 .../variations/_size/base.ts | 0 .../variations/_size/tokens.json | 0 .../variations/_view/base.ts | 2 +- .../variations/_view/tokens.json | 0 .../HorizontalTabs.styles.ts} | 0 .../HorizontalTabs.tsx} | 2 +- .../variations/_disabled/base.ts | 0 .../variations/_disabled/tokens.json | 0 .../variations/_pilled/base.ts | 0 .../variations/_pilled/tokens.json | 0 .../variations/_size/base.ts | 0 .../variations/_size/tokens.json | 0 .../variations/_stretch/base.ts | 2 +- .../variations/_stretch/tokens.json | 0 .../variations/_view/base.ts | 0 .../variations/_view/tokens.json | 0 .../VerticalTabItem/VerticalTabItem.styles.ts | 1 + .../ui/VerticalTabItem/VerticalTabItem.tsx | 1 + .../ui/VerticalTabItem/variations/.gitkeep | 0 .../ui/VerticalTabs/VerticalTabs.styles.ts | 1 + .../Tabs/ui/VerticalTabs/VerticalTabs.tsx | 1 + .../Tabs/ui/VerticalTabs/variations/.gitkeep | 0 33 files changed, 110 insertions(+), 38 deletions(-) create mode 100644 packages/plasma-new-hope/src/components/Tabs/TabItem.tsx rename packages/plasma-new-hope/src/components/Tabs/{ui/TabItem => }/TabItem.types.ts (59%) create mode 100644 packages/plasma-new-hope/src/components/Tabs/Tabs.tsx rename packages/plasma-new-hope/src/components/Tabs/{ui/Tabs => }/Tabs.types.ts (58%) rename packages/plasma-new-hope/src/components/Tabs/ui/{TabItem/TabItem.styles.ts => HorizontalTabItem/HorizontalTabItem.styles.ts} (100%) rename packages/plasma-new-hope/src/components/Tabs/ui/{TabItem/TabItem.tsx => HorizontalTabItem/HorizontalTabItem.tsx} (99%) rename packages/plasma-new-hope/src/components/Tabs/ui/{TabItem => HorizontalTabItem}/variations/_disabled/base.ts (100%) rename packages/plasma-new-hope/src/components/Tabs/ui/{TabItem => HorizontalTabItem}/variations/_disabled/tokens.json (100%) rename packages/plasma-new-hope/src/components/Tabs/ui/{TabItem => HorizontalTabItem}/variations/_pilled/base.ts (100%) rename packages/plasma-new-hope/src/components/Tabs/ui/{TabItem => HorizontalTabItem}/variations/_pilled/tokens.json (100%) rename packages/plasma-new-hope/src/components/Tabs/ui/{TabItem => HorizontalTabItem}/variations/_size/base.ts (100%) rename packages/plasma-new-hope/src/components/Tabs/ui/{TabItem => HorizontalTabItem}/variations/_size/tokens.json (100%) rename packages/plasma-new-hope/src/components/Tabs/ui/{TabItem => HorizontalTabItem}/variations/_view/base.ts (96%) rename packages/plasma-new-hope/src/components/Tabs/ui/{TabItem => HorizontalTabItem}/variations/_view/tokens.json (100%) rename packages/plasma-new-hope/src/components/Tabs/ui/{Tabs/Tabs.styles.ts => HorizontalTabs/HorizontalTabs.styles.ts} (100%) rename packages/plasma-new-hope/src/components/Tabs/ui/{Tabs/Tabs.tsx => HorizontalTabs/HorizontalTabs.tsx} (99%) rename packages/plasma-new-hope/src/components/Tabs/ui/{Tabs => HorizontalTabs}/variations/_disabled/base.ts (100%) rename packages/plasma-new-hope/src/components/Tabs/ui/{Tabs => HorizontalTabs}/variations/_disabled/tokens.json (100%) rename packages/plasma-new-hope/src/components/Tabs/ui/{Tabs => HorizontalTabs}/variations/_pilled/base.ts (100%) rename packages/plasma-new-hope/src/components/Tabs/ui/{Tabs => HorizontalTabs}/variations/_pilled/tokens.json (100%) rename packages/plasma-new-hope/src/components/Tabs/ui/{Tabs => HorizontalTabs}/variations/_size/base.ts (100%) rename packages/plasma-new-hope/src/components/Tabs/ui/{Tabs => HorizontalTabs}/variations/_size/tokens.json (100%) rename packages/plasma-new-hope/src/components/Tabs/ui/{Tabs => HorizontalTabs}/variations/_stretch/base.ts (79%) rename packages/plasma-new-hope/src/components/Tabs/ui/{Tabs => HorizontalTabs}/variations/_stretch/tokens.json (100%) rename packages/plasma-new-hope/src/components/Tabs/ui/{Tabs => HorizontalTabs}/variations/_view/base.ts (100%) rename packages/plasma-new-hope/src/components/Tabs/ui/{Tabs => HorizontalTabs}/variations/_view/tokens.json (100%) create mode 100644 packages/plasma-new-hope/src/components/Tabs/ui/VerticalTabItem/VerticalTabItem.styles.ts create mode 100644 packages/plasma-new-hope/src/components/Tabs/ui/VerticalTabItem/VerticalTabItem.tsx create mode 100644 packages/plasma-new-hope/src/components/Tabs/ui/VerticalTabItem/variations/.gitkeep create mode 100644 packages/plasma-new-hope/src/components/Tabs/ui/VerticalTabs/VerticalTabs.styles.ts create mode 100644 packages/plasma-new-hope/src/components/Tabs/ui/VerticalTabs/VerticalTabs.tsx create mode 100644 packages/plasma-new-hope/src/components/Tabs/ui/VerticalTabs/variations/.gitkeep diff --git a/packages/plasma-new-hope/src/components/Tabs/TabItem.tsx b/packages/plasma-new-hope/src/components/Tabs/TabItem.tsx new file mode 100644 index 0000000000..0a86d3f65e --- /dev/null +++ b/packages/plasma-new-hope/src/components/Tabs/TabItem.tsx @@ -0,0 +1,14 @@ +import React from 'react'; + +import { TabItemComponentVariation, TabItemProps } from './TabItem.types'; + +export const boundTabItem = ({ + horizontal: HorizontalTabItem, + vertical: VerticalTabItem, +}: TabItemComponentVariation) => (rest: TabItemProps) => { + if (rest.orientation === 'vertical') { + return ; + } + + return ; +}; diff --git a/packages/plasma-new-hope/src/components/Tabs/ui/TabItem/TabItem.types.ts b/packages/plasma-new-hope/src/components/Tabs/TabItem.types.ts similarity index 59% rename from packages/plasma-new-hope/src/components/Tabs/ui/TabItem/TabItem.types.ts rename to packages/plasma-new-hope/src/components/Tabs/TabItem.types.ts index 1a3f6dbdfa..22855eb229 100644 --- a/packages/plasma-new-hope/src/components/Tabs/ui/TabItem/TabItem.types.ts +++ b/packages/plasma-new-hope/src/components/Tabs/TabItem.types.ts @@ -1,13 +1,13 @@ -import type { ButtonHTMLAttributes, ReactNode } from 'react'; +import type { ButtonHTMLAttributes, ReactNode, FC } from 'react'; -import { AsProps } from '../../../../types'; +import type { AsProps } from '../../types'; -export type CustomTabItemProps = { +export interface BaseTabItemProps extends ButtonHTMLAttributes, AsProps { /** - * Активен ли TabItem - * @deprecated Используйте свойство `selected` + * Табы горизонтальные или вертикальные + * @default 'horizontal' */ - isActive?: boolean; + orientation?: 'horizontal' | 'vertical'; /** * Выбран ли TabItem */ @@ -17,20 +17,6 @@ export type CustomTabItemProps = { * @default false */ disabled?: boolean; - /** - * TabItem c округлым border-radius - * @default false - */ - pilled?: boolean; - /** - * Фон TabItem меняется с анимацией - * @default true - */ - animated?: boolean; - /** - * Контент слева - */ - contentLeft?: ReactNode; /** * Контент справа */ @@ -51,6 +37,37 @@ export type CustomTabItemProps = { * Вид TabItem */ view?: string; + /** + * Активен ли TabItem + * @deprecated Используйте свойство `selected` + */ + isActive?: boolean; +} + +export type CustomHorizontalTabItemProps = { + /** + * TabItem c округлым border-radius + * @default false + */ + pilled?: boolean; + /** + * Контент слева + */ + contentLeft?: ReactNode; + /** + * Фон TabItem меняется с анимацией + * @default true + */ + animated?: boolean; +}; + +export type HorizontalTabItemProps = BaseTabItemProps & CustomHorizontalTabItemProps; + +export type VerticalTabItemProps = BaseTabItemProps; + +export type TabItemComponentVariation = { + horizontal: FC; + vertical: FC; }; -export type TabItemProps = ButtonHTMLAttributes & AsProps & CustomTabItemProps; +export type TabItemProps = HorizontalTabItemProps | VerticalTabItemProps; diff --git a/packages/plasma-new-hope/src/components/Tabs/Tabs.tsx b/packages/plasma-new-hope/src/components/Tabs/Tabs.tsx new file mode 100644 index 0000000000..1648cdd91a --- /dev/null +++ b/packages/plasma-new-hope/src/components/Tabs/Tabs.tsx @@ -0,0 +1,13 @@ +import React from 'react'; + +import { TabsComponentVariation, TabsProps } from './Tabs.types'; + +export const boundTabs = ({ horizontal: HorizontalTabs, vertical: VerticalTabs }: TabsComponentVariation) => ( + rest: TabsProps, +) => { + if (rest.orientation === 'vertical') { + return ; + } + + return ; +}; diff --git a/packages/plasma-new-hope/src/components/Tabs/ui/Tabs/Tabs.types.ts b/packages/plasma-new-hope/src/components/Tabs/Tabs.types.ts similarity index 58% rename from packages/plasma-new-hope/src/components/Tabs/ui/Tabs/Tabs.types.ts rename to packages/plasma-new-hope/src/components/Tabs/Tabs.types.ts index 6b811e903b..a2ab812fc6 100644 --- a/packages/plasma-new-hope/src/components/Tabs/ui/Tabs/Tabs.types.ts +++ b/packages/plasma-new-hope/src/components/Tabs/Tabs.types.ts @@ -1,8 +1,13 @@ -import type { HTMLAttributes } from 'react'; +import type { HTMLAttributes, FC, ReactNode } from 'react'; -import type { AsProps } from '../../../../types'; +import type { AsProps } from '../../types'; -export type CustomTabsProps = { +export interface BaseTabsProps extends HTMLAttributes, AsProps { + /** + * Табы горизонтальные или вертикальные + * @default 'horizontal' + */ + orientation?: 'horizontal' | 'vertical'; /** * Как ведет себя компонент при ограничении ширины * @default 'scroll' @@ -21,11 +26,6 @@ export type CustomTabsProps = { * @default false */ stretch?: boolean; - /** - * Табы c округлым border-radius - * @default false - */ - pilled?: boolean; /** * Размер табов */ @@ -38,6 +38,14 @@ export type CustomTabsProps = { * Индекс активного элемента, необходим для клавиатурной навигации */ index?: number; +} + +export type CustomHorizontalTabsProps = { + /** + * Табы c округлым border-radius + * @default false + */ + pilled?: boolean; /** * Уберет скругление с выбранной стороны и подвинет контейнер * @deprecated @@ -45,4 +53,20 @@ export type CustomTabsProps = { outsideScroll?: boolean | { left?: string; right?: string }; }; -export type TabsProps = HTMLAttributes & AsProps & CustomTabsProps; +export type CustomVerticalTabsProps = { + /** + * Контент слева, общий для всех TabItem + */ + tabItemContentLeft?: ReactNode; +}; + +export type HorizontalTabsProps = BaseTabsProps & CustomHorizontalTabsProps; + +export type VerticalTabsProps = BaseTabsProps & CustomVerticalTabsProps; + +export type TabsComponentVariation = { + horizontal: FC; + vertical: FC; +}; + +export type TabsProps = HorizontalTabsProps | VerticalTabsProps; diff --git a/packages/plasma-new-hope/src/components/Tabs/index.ts b/packages/plasma-new-hope/src/components/Tabs/index.ts index 9cb98ffdb9..5c2eecc179 100644 --- a/packages/plasma-new-hope/src/components/Tabs/index.ts +++ b/packages/plasma-new-hope/src/components/Tabs/index.ts @@ -1,8 +1,8 @@ -export { tabsRoot, tabsConfig } from './ui/Tabs/Tabs'; -export { tabItemRoot, tabItemConfig } from './ui/TabItem/TabItem'; +export { tabsRoot, tabsConfig } from './ui/HorizontalTabs/HorizontalTabs'; +export { tabItemRoot, tabItemConfig } from './ui/HorizontalTabItem/HorizontalTabItem'; export { tokens as tabsTokens } from './tokens'; export { TabItemRefs, TabsContext } from './TabsContext'; export { createTabsController } from './createTabsController'; export type { TabsControllerProps } from './createTabsController'; -export type { TabsProps } from './ui/Tabs/Tabs.types'; -export type { TabItemProps } from './ui/TabItem/TabItem.types'; +export type { TabsProps } from './ui/HorizontalTabs/Tabs.types'; +export type { TabItemProps } from './ui/HorizontalTabItem/TabItem.types'; diff --git a/packages/plasma-new-hope/src/components/Tabs/ui/TabItem/TabItem.styles.ts b/packages/plasma-new-hope/src/components/Tabs/ui/HorizontalTabItem/HorizontalTabItem.styles.ts similarity index 100% rename from packages/plasma-new-hope/src/components/Tabs/ui/TabItem/TabItem.styles.ts rename to packages/plasma-new-hope/src/components/Tabs/ui/HorizontalTabItem/HorizontalTabItem.styles.ts diff --git a/packages/plasma-new-hope/src/components/Tabs/ui/TabItem/TabItem.tsx b/packages/plasma-new-hope/src/components/Tabs/ui/HorizontalTabItem/HorizontalTabItem.tsx similarity index 99% rename from packages/plasma-new-hope/src/components/Tabs/ui/TabItem/TabItem.tsx rename to packages/plasma-new-hope/src/components/Tabs/ui/HorizontalTabItem/HorizontalTabItem.tsx index a2bb149dc6..5798343b28 100644 --- a/packages/plasma-new-hope/src/components/Tabs/ui/TabItem/TabItem.tsx +++ b/packages/plasma-new-hope/src/components/Tabs/ui/HorizontalTabItem/HorizontalTabItem.tsx @@ -11,7 +11,7 @@ import { base as sizeCSS } from './variations/_size/base'; import { base as pilledCSS } from './variations/_pilled/base'; import { base as disabledCSS } from './variations/_disabled/base'; import { TabItemProps } from './TabItem.types'; -import { LeftContent, RightContent, StyledContent, base } from './TabItem.styles'; +import { LeftContent, RightContent, StyledContent, base } from './HorizontalTabItem.styles'; export const tabItemRoot = (Root: RootProps) => forwardRef((props, outerRef) => { diff --git a/packages/plasma-new-hope/src/components/Tabs/ui/TabItem/variations/_disabled/base.ts b/packages/plasma-new-hope/src/components/Tabs/ui/HorizontalTabItem/variations/_disabled/base.ts similarity index 100% rename from packages/plasma-new-hope/src/components/Tabs/ui/TabItem/variations/_disabled/base.ts rename to packages/plasma-new-hope/src/components/Tabs/ui/HorizontalTabItem/variations/_disabled/base.ts diff --git a/packages/plasma-new-hope/src/components/Tabs/ui/TabItem/variations/_disabled/tokens.json b/packages/plasma-new-hope/src/components/Tabs/ui/HorizontalTabItem/variations/_disabled/tokens.json similarity index 100% rename from packages/plasma-new-hope/src/components/Tabs/ui/TabItem/variations/_disabled/tokens.json rename to packages/plasma-new-hope/src/components/Tabs/ui/HorizontalTabItem/variations/_disabled/tokens.json diff --git a/packages/plasma-new-hope/src/components/Tabs/ui/TabItem/variations/_pilled/base.ts b/packages/plasma-new-hope/src/components/Tabs/ui/HorizontalTabItem/variations/_pilled/base.ts similarity index 100% rename from packages/plasma-new-hope/src/components/Tabs/ui/TabItem/variations/_pilled/base.ts rename to packages/plasma-new-hope/src/components/Tabs/ui/HorizontalTabItem/variations/_pilled/base.ts diff --git a/packages/plasma-new-hope/src/components/Tabs/ui/TabItem/variations/_pilled/tokens.json b/packages/plasma-new-hope/src/components/Tabs/ui/HorizontalTabItem/variations/_pilled/tokens.json similarity index 100% rename from packages/plasma-new-hope/src/components/Tabs/ui/TabItem/variations/_pilled/tokens.json rename to packages/plasma-new-hope/src/components/Tabs/ui/HorizontalTabItem/variations/_pilled/tokens.json diff --git a/packages/plasma-new-hope/src/components/Tabs/ui/TabItem/variations/_size/base.ts b/packages/plasma-new-hope/src/components/Tabs/ui/HorizontalTabItem/variations/_size/base.ts similarity index 100% rename from packages/plasma-new-hope/src/components/Tabs/ui/TabItem/variations/_size/base.ts rename to packages/plasma-new-hope/src/components/Tabs/ui/HorizontalTabItem/variations/_size/base.ts diff --git a/packages/plasma-new-hope/src/components/Tabs/ui/TabItem/variations/_size/tokens.json b/packages/plasma-new-hope/src/components/Tabs/ui/HorizontalTabItem/variations/_size/tokens.json similarity index 100% rename from packages/plasma-new-hope/src/components/Tabs/ui/TabItem/variations/_size/tokens.json rename to packages/plasma-new-hope/src/components/Tabs/ui/HorizontalTabItem/variations/_size/tokens.json diff --git a/packages/plasma-new-hope/src/components/Tabs/ui/TabItem/variations/_view/base.ts b/packages/plasma-new-hope/src/components/Tabs/ui/HorizontalTabItem/variations/_view/base.ts similarity index 96% rename from packages/plasma-new-hope/src/components/Tabs/ui/TabItem/variations/_view/base.ts rename to packages/plasma-new-hope/src/components/Tabs/ui/HorizontalTabItem/variations/_view/base.ts index ac4b309548..d1c6404a32 100644 --- a/packages/plasma-new-hope/src/components/Tabs/ui/TabItem/variations/_view/base.ts +++ b/packages/plasma-new-hope/src/components/Tabs/ui/HorizontalTabItem/variations/_view/base.ts @@ -1,7 +1,7 @@ import { css } from '@linaria/core'; import { classes, tokens } from '../../../../tokens'; -import { RightContent } from '../../TabItem.styles'; +import { RightContent } from '../../HorizontalTabItem.styles'; export const base = css` color: var(${tokens.itemColor}); diff --git a/packages/plasma-new-hope/src/components/Tabs/ui/TabItem/variations/_view/tokens.json b/packages/plasma-new-hope/src/components/Tabs/ui/HorizontalTabItem/variations/_view/tokens.json similarity index 100% rename from packages/plasma-new-hope/src/components/Tabs/ui/TabItem/variations/_view/tokens.json rename to packages/plasma-new-hope/src/components/Tabs/ui/HorizontalTabItem/variations/_view/tokens.json diff --git a/packages/plasma-new-hope/src/components/Tabs/ui/Tabs/Tabs.styles.ts b/packages/plasma-new-hope/src/components/Tabs/ui/HorizontalTabs/HorizontalTabs.styles.ts similarity index 100% rename from packages/plasma-new-hope/src/components/Tabs/ui/Tabs/Tabs.styles.ts rename to packages/plasma-new-hope/src/components/Tabs/ui/HorizontalTabs/HorizontalTabs.styles.ts diff --git a/packages/plasma-new-hope/src/components/Tabs/ui/Tabs/Tabs.tsx b/packages/plasma-new-hope/src/components/Tabs/ui/HorizontalTabs/HorizontalTabs.tsx similarity index 99% rename from packages/plasma-new-hope/src/components/Tabs/ui/Tabs/Tabs.tsx rename to packages/plasma-new-hope/src/components/Tabs/ui/HorizontalTabs/HorizontalTabs.tsx index c80da32c94..539187c2f3 100644 --- a/packages/plasma-new-hope/src/components/Tabs/ui/Tabs/Tabs.tsx +++ b/packages/plasma-new-hope/src/components/Tabs/ui/HorizontalTabs/HorizontalTabs.tsx @@ -13,7 +13,7 @@ import { base as viewCSS } from './variations/_view/base'; import { base as disabledCSS } from './variations/_disabled/base'; import { base as pilledCSS } from './variations/_pilled/base'; import { base as stretchCSS } from './variations/_stretch/base'; -import { StyledArrow, StyledContent, StyledContentWrapper, base } from './Tabs.styles'; +import { StyledArrow, StyledContent, StyledContentWrapper, base } from './HorizontalTabs.styles'; import type { TabsProps } from './Tabs.types'; enum Keys { diff --git a/packages/plasma-new-hope/src/components/Tabs/ui/Tabs/variations/_disabled/base.ts b/packages/plasma-new-hope/src/components/Tabs/ui/HorizontalTabs/variations/_disabled/base.ts similarity index 100% rename from packages/plasma-new-hope/src/components/Tabs/ui/Tabs/variations/_disabled/base.ts rename to packages/plasma-new-hope/src/components/Tabs/ui/HorizontalTabs/variations/_disabled/base.ts diff --git a/packages/plasma-new-hope/src/components/Tabs/ui/Tabs/variations/_disabled/tokens.json b/packages/plasma-new-hope/src/components/Tabs/ui/HorizontalTabs/variations/_disabled/tokens.json similarity index 100% rename from packages/plasma-new-hope/src/components/Tabs/ui/Tabs/variations/_disabled/tokens.json rename to packages/plasma-new-hope/src/components/Tabs/ui/HorizontalTabs/variations/_disabled/tokens.json diff --git a/packages/plasma-new-hope/src/components/Tabs/ui/Tabs/variations/_pilled/base.ts b/packages/plasma-new-hope/src/components/Tabs/ui/HorizontalTabs/variations/_pilled/base.ts similarity index 100% rename from packages/plasma-new-hope/src/components/Tabs/ui/Tabs/variations/_pilled/base.ts rename to packages/plasma-new-hope/src/components/Tabs/ui/HorizontalTabs/variations/_pilled/base.ts diff --git a/packages/plasma-new-hope/src/components/Tabs/ui/Tabs/variations/_pilled/tokens.json b/packages/plasma-new-hope/src/components/Tabs/ui/HorizontalTabs/variations/_pilled/tokens.json similarity index 100% rename from packages/plasma-new-hope/src/components/Tabs/ui/Tabs/variations/_pilled/tokens.json rename to packages/plasma-new-hope/src/components/Tabs/ui/HorizontalTabs/variations/_pilled/tokens.json diff --git a/packages/plasma-new-hope/src/components/Tabs/ui/Tabs/variations/_size/base.ts b/packages/plasma-new-hope/src/components/Tabs/ui/HorizontalTabs/variations/_size/base.ts similarity index 100% rename from packages/plasma-new-hope/src/components/Tabs/ui/Tabs/variations/_size/base.ts rename to packages/plasma-new-hope/src/components/Tabs/ui/HorizontalTabs/variations/_size/base.ts diff --git a/packages/plasma-new-hope/src/components/Tabs/ui/Tabs/variations/_size/tokens.json b/packages/plasma-new-hope/src/components/Tabs/ui/HorizontalTabs/variations/_size/tokens.json similarity index 100% rename from packages/plasma-new-hope/src/components/Tabs/ui/Tabs/variations/_size/tokens.json rename to packages/plasma-new-hope/src/components/Tabs/ui/HorizontalTabs/variations/_size/tokens.json diff --git a/packages/plasma-new-hope/src/components/Tabs/ui/Tabs/variations/_stretch/base.ts b/packages/plasma-new-hope/src/components/Tabs/ui/HorizontalTabs/variations/_stretch/base.ts similarity index 79% rename from packages/plasma-new-hope/src/components/Tabs/ui/Tabs/variations/_stretch/base.ts rename to packages/plasma-new-hope/src/components/Tabs/ui/HorizontalTabs/variations/_stretch/base.ts index 7117288cb1..f59588bf3a 100644 --- a/packages/plasma-new-hope/src/components/Tabs/ui/Tabs/variations/_stretch/base.ts +++ b/packages/plasma-new-hope/src/components/Tabs/ui/HorizontalTabs/variations/_stretch/base.ts @@ -1,7 +1,7 @@ import { css } from '@linaria/core'; import { classes } from '../../../../tokens'; -import { StyledContent, StyledContentWrapper } from '../../Tabs.styles'; +import { StyledContent, StyledContentWrapper } from '../../HorizontalTabs.styles'; export const base = css` &.${classes.tabsStretch} { diff --git a/packages/plasma-new-hope/src/components/Tabs/ui/Tabs/variations/_stretch/tokens.json b/packages/plasma-new-hope/src/components/Tabs/ui/HorizontalTabs/variations/_stretch/tokens.json similarity index 100% rename from packages/plasma-new-hope/src/components/Tabs/ui/Tabs/variations/_stretch/tokens.json rename to packages/plasma-new-hope/src/components/Tabs/ui/HorizontalTabs/variations/_stretch/tokens.json diff --git a/packages/plasma-new-hope/src/components/Tabs/ui/Tabs/variations/_view/base.ts b/packages/plasma-new-hope/src/components/Tabs/ui/HorizontalTabs/variations/_view/base.ts similarity index 100% rename from packages/plasma-new-hope/src/components/Tabs/ui/Tabs/variations/_view/base.ts rename to packages/plasma-new-hope/src/components/Tabs/ui/HorizontalTabs/variations/_view/base.ts diff --git a/packages/plasma-new-hope/src/components/Tabs/ui/Tabs/variations/_view/tokens.json b/packages/plasma-new-hope/src/components/Tabs/ui/HorizontalTabs/variations/_view/tokens.json similarity index 100% rename from packages/plasma-new-hope/src/components/Tabs/ui/Tabs/variations/_view/tokens.json rename to packages/plasma-new-hope/src/components/Tabs/ui/HorizontalTabs/variations/_view/tokens.json diff --git a/packages/plasma-new-hope/src/components/Tabs/ui/VerticalTabItem/VerticalTabItem.styles.ts b/packages/plasma-new-hope/src/components/Tabs/ui/VerticalTabItem/VerticalTabItem.styles.ts new file mode 100644 index 0000000000..8f415c484a --- /dev/null +++ b/packages/plasma-new-hope/src/components/Tabs/ui/VerticalTabItem/VerticalTabItem.styles.ts @@ -0,0 +1 @@ +// to be implemented diff --git a/packages/plasma-new-hope/src/components/Tabs/ui/VerticalTabItem/VerticalTabItem.tsx b/packages/plasma-new-hope/src/components/Tabs/ui/VerticalTabItem/VerticalTabItem.tsx new file mode 100644 index 0000000000..8f415c484a --- /dev/null +++ b/packages/plasma-new-hope/src/components/Tabs/ui/VerticalTabItem/VerticalTabItem.tsx @@ -0,0 +1 @@ +// to be implemented diff --git a/packages/plasma-new-hope/src/components/Tabs/ui/VerticalTabItem/variations/.gitkeep b/packages/plasma-new-hope/src/components/Tabs/ui/VerticalTabItem/variations/.gitkeep new file mode 100644 index 0000000000..e69de29bb2 diff --git a/packages/plasma-new-hope/src/components/Tabs/ui/VerticalTabs/VerticalTabs.styles.ts b/packages/plasma-new-hope/src/components/Tabs/ui/VerticalTabs/VerticalTabs.styles.ts new file mode 100644 index 0000000000..8f415c484a --- /dev/null +++ b/packages/plasma-new-hope/src/components/Tabs/ui/VerticalTabs/VerticalTabs.styles.ts @@ -0,0 +1 @@ +// to be implemented diff --git a/packages/plasma-new-hope/src/components/Tabs/ui/VerticalTabs/VerticalTabs.tsx b/packages/plasma-new-hope/src/components/Tabs/ui/VerticalTabs/VerticalTabs.tsx new file mode 100644 index 0000000000..8f415c484a --- /dev/null +++ b/packages/plasma-new-hope/src/components/Tabs/ui/VerticalTabs/VerticalTabs.tsx @@ -0,0 +1 @@ +// to be implemented diff --git a/packages/plasma-new-hope/src/components/Tabs/ui/VerticalTabs/variations/.gitkeep b/packages/plasma-new-hope/src/components/Tabs/ui/VerticalTabs/variations/.gitkeep new file mode 100644 index 0000000000..e69de29bb2