@tramo-digital/react-ui 0.0.0-alpha → 0.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +91 -13
- package/dist/cjs/assets/main.css +1 -1
- package/dist/cjs/package.json +1 -1
- package/dist/cjs/ui/compositions/Hero/Hero.cjs.map +1 -1
- package/dist/cjs/ui/compositions/Tabs/Tabs.cjs +1 -1
- package/dist/cjs/ui/compositions/Tabs/Tabs.cjs.map +1 -1
- package/dist/esm/assets/main.css +1 -1
- package/dist/esm/package.json +1 -1
- package/dist/esm/ui/compositions/Hero/Hero.js.map +1 -1
- package/dist/esm/ui/compositions/Tabs/Tabs.js +3 -0
- package/dist/esm/ui/compositions/Tabs/Tabs.js.map +1 -1
- package/dist/types/ui/compositions/Tabs/Tabs.d.ts.map +1 -1
- package/package.json +3 -3
package/dist/esm/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Hero.js","sources":["../../../../../src/ui/compositions/Hero/Hero.tsx"],"sourcesContent":["import type { HeroModel, IconData } from '@tramo-digital/types';\nimport Frame from '../../primitives/Frame/Frame';\nimport InterfaceIcon from '../../primitives/InterfaceIcon/InterfaceIcon';\nimport Overlay from '../../primitives/Overlay/Overlay';\nimport Video from '../../primitives/Video/Video';\nimport Content from '../../patterns/Content/Content';\nimport styles from './Hero.module.css';\nimport Image from '../../primitives/Image';\n\nexport interface HeroProps extends HeroModel {\n children?: React.ReactNode;\n}\n\nconst Hero: React.FC<HeroProps> = ({\n className,\n data,\n tokens,\n events,\n colorPalette,\n colorSource,\n customColor,\n}) => {\n if (!data) return null;\n const _fingerprint = '
|
|
1
|
+
{"version":3,"file":"Hero.js","sources":["../../../../../src/ui/compositions/Hero/Hero.tsx"],"sourcesContent":["import type { HeroModel, IconData } from '@tramo-digital/types';\nimport Frame from '../../primitives/Frame/Frame';\nimport InterfaceIcon from '../../primitives/InterfaceIcon/InterfaceIcon';\nimport Overlay from '../../primitives/Overlay/Overlay';\nimport Video from '../../primitives/Video/Video';\nimport Content from '../../patterns/Content/Content';\nimport styles from './Hero.module.css';\nimport Image from '../../primitives/Image';\n\nexport interface HeroProps extends HeroModel {\n children?: React.ReactNode;\n}\n\nconst Hero: React.FC<HeroProps> = ({\n className,\n data,\n tokens,\n events,\n colorPalette,\n colorSource,\n customColor,\n}) => {\n if (!data) return null;\n const _fingerprint = 'bcaa16267faa143fd94db35437089ce8';\n\n const tokenStyles = {\n ...(tokens?.dimension?.minHeight && {\n '--hero-min-height': tokens.dimension.minHeight.default,\n }),\n ...(tokens?.color?.background && {\n '--hero-background': tokens.color.background.default,\n }),\n ...(tokens?.color?.overlay && {\n '--hero-overlay-color': tokens.color.overlay.default,\n }),\n ...(tokens?.spacing?.padding && {\n '--hero-padding': tokens.spacing.padding.default,\n }),\n ...(tokens?.border?.borderRadius && {\n '--hero-border-radius': tokens.border.borderRadius.default,\n }),\n ...(tokens?.effect?.opacity && {\n '--hero-overlay-opacity': tokens.effect.opacity.default,\n }),\n ...(tokens?.layout?.mediaPosition && {\n '--hero-media-position': tokens.layout.mediaPosition.default,\n }),\n };\n\n /**\n * Renders the appropriate media element based on backgroundType\n */\n const renderMedia = (mediaData: typeof media) => {\n if (mediaData.backgroundType === 'video') {\n return (\n <Video\n data={{\n src: mediaData.src,\n poster: mediaData.backgroundVideoPoster,\n alt: mediaData.alt,\n type: mediaData.backgroundVideoType,\n autoPlay: true,\n loop: true,\n muted: true,\n playsInline: true,\n }}\n className={styles.backgroundVideo}\n />\n );\n }\n\n if (mediaData.src) {\n return (\n <div className={styles.imageWrapper}>\n <Image\n data={{\n src: mediaData.src,\n alt: mediaData.alt,\n loading: 'eager',\n objectFit: 'cover',\n fluid: true,\n }}\n tokens={{\n border: {\n borderRadius: {\n default: '0px',\n },\n },\n }}\n />\n </div>\n );\n }\n\n return null;\n };\n\n const {\n content,\n media = {\n src: undefined,\n alt: undefined,\n backgroundType: 'image',\n backgroundVideoSrc: undefined,\n backgroundVideoPoster: undefined,\n backgroundVideoType: 'video/mp4',\n },\n align = 'center',\n justify = 'center',\n overlay,\n } = data || {};\n\n const hasMedia = media.backgroundType === 'video' ? media.src : media.src;\n const heroClassName = [\n styles.tuiHero,\n content?.contentAlignment ? `${content.contentAlignment}` : '',\n align ? styles[`align-${align}`] : '',\n justify ? styles[`justify-${justify}`] : '',\n !hasMedia ? styles.heroNoImage : '',\n className ?? '',\n ]\n .filter(Boolean)\n .join(' ');\n\n return (\n <Frame\n data-tui-composition=\"base\"\n data={{ as: 'div' }}\n colorPalette={colorPalette}\n colorSource={colorSource}\n customColor={customColor}\n className={heroClassName}\n style={tokenStyles as React.CSSProperties}\n >\n {/* Media container (image or video) */}\n {hasMedia && (\n <div className={styles.mediaContainer}>\n {/* Overlay */}\n <Overlay data={{ ...overlay, isOpen: true }} />\n {renderMedia(media)}\n </div>\n )}\n {/* Main content */}\n <div className={styles.heroContent}>\n <Content\n data={{ ...content }}\n events={events}\n className={styles.leftContentPanel}\n />\n {content?.icons && content.icons.length > 0 && (\n <div className={styles.rightContentPanel}>\n <div className={styles.interactiveIconsContainer}>\n <div className={styles.objectIconsWrapper}>\n {content.icons.map((icon: IconData) => (\n <InterfaceIcon key={icon.type} data={icon} />\n ))}\n </div>\n </div>\n </div>\n )}\n </div>\n </Frame>\n );\n};\n\nexport default Hero;\n"],"names":["Hero","className","data","tokens","events","colorPalette","colorSource","customColor","tokenStyles","renderMedia","mediaData","jsx","Video","styles","Image","content","media","align","justify","overlay","hasMedia","heroClassName","jsxs","Frame","Overlay","Content","icon","InterfaceIcon"],"mappings":";;;;;;;;AAaA,MAAMA,IAA4B,CAAC;AAAA,EACjC,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AACF,MAAM;AACJ,MAAI,CAACL,EAAM,QAAO;AAGlB,QAAMM,IAAc;AAAA,IAClB,GAAIL,GAAQ,WAAW,aAAa;AAAA,MAClC,qBAAqBA,EAAO,UAAU,UAAU;AAAA,IAAA;AAAA,IAElD,GAAIA,GAAQ,OAAO,cAAc;AAAA,MAC/B,qBAAqBA,EAAO,MAAM,WAAW;AAAA,IAAA;AAAA,IAE/C,GAAIA,GAAQ,OAAO,WAAW;AAAA,MAC5B,wBAAwBA,EAAO,MAAM,QAAQ;AAAA,IAAA;AAAA,IAE/C,GAAIA,GAAQ,SAAS,WAAW;AAAA,MAC9B,kBAAkBA,EAAO,QAAQ,QAAQ;AAAA,IAAA;AAAA,IAE3C,GAAIA,GAAQ,QAAQ,gBAAgB;AAAA,MAClC,wBAAwBA,EAAO,OAAO,aAAa;AAAA,IAAA;AAAA,IAErD,GAAIA,GAAQ,QAAQ,WAAW;AAAA,MAC7B,0BAA0BA,EAAO,OAAO,QAAQ;AAAA,IAAA;AAAA,IAElD,GAAIA,GAAQ,QAAQ,iBAAiB;AAAA,MACnC,yBAAyBA,EAAO,OAAO,cAAc;AAAA,IAAA;AAAA,EACvD,GAMIM,IAAc,CAACC,MACfA,EAAU,mBAAmB,UAE7B,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAM;AAAA,QACJ,KAAKF,EAAU;AAAA,QACf,QAAQA,EAAU;AAAA,QAClB,KAAKA,EAAU;AAAA,QACf,MAAMA,EAAU;AAAA,QAChB,UAAU;AAAA,QACV,MAAM;AAAA,QACN,OAAO;AAAA,QACP,aAAa;AAAA,MAAA;AAAA,MAEf,WAAWG,EAAO;AAAA,IAAA;AAAA,EAAA,IAKpBH,EAAU,MAEV,gBAAAC,EAAC,OAAA,EAAI,WAAWE,EAAO,cACrB,UAAA,gBAAAF;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,MAAM;AAAA,QACJ,KAAKJ,EAAU;AAAA,QACf,KAAKA,EAAU;AAAA,QACf,SAAS;AAAA,QACT,WAAW;AAAA,QACX,OAAO;AAAA,MAAA;AAAA,MAET,QAAQ;AAAA,QACN,QAAQ;AAAA,UACN,cAAc;AAAA,YACZ,SAAS;AAAA,UAAA;AAAA,QACX;AAAA,MACF;AAAA,IACF;AAAA,EAAA,GAEJ,IAIG,MAGH;AAAA,IACJ,SAAAK;AAAA,IACA,OAAAC,IAAQ;AAAA,MACN,KAAK;AAAA,MACL,KAAK;AAAA,MACL,gBAAgB;AAAA,MAChB,oBAAoB;AAAA,MACpB,uBAAuB;AAAA,MACvB,qBAAqB;AAAA,IAAA;AAAA,IAEvB,OAAAC,IAAQ;AAAA,IACR,SAAAC,IAAU;AAAA,IACV,SAAAC;AAAA,EAAA,IACEjB,KAAQ,CAAA,GAENkB,KAAWJ,EAAM,mBAAmB,SAAUA,EAAM,MACpDK,IAAgB;AAAA,IACpBR,EAAO;AAAA,IACPE,GAAS,mBAAmB,GAAGA,EAAQ,gBAAgB,KAAK;AAAA,IAC5DE,IAAQJ,EAAO,SAASI,CAAK,EAAE,IAAI;AAAA,IACnCC,IAAUL,EAAO,WAAWK,CAAO,EAAE,IAAI;AAAA,IACxCE,IAAgC,KAArBP,EAAO;AAAA,IACnBZ,KAAa;AAAA,EAAA,EAEZ,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAqB;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,wBAAqB;AAAA,MACrB,MAAM,EAAE,IAAI,MAAA;AAAA,MACZ,cAAAlB;AAAA,MACA,aAAAC;AAAA,MACA,aAAAC;AAAA,MACA,WAAWc;AAAA,MACX,OAAOb;AAAA,MAGN,UAAA;AAAA,QAAAY,KACC,gBAAAE,EAAC,OAAA,EAAI,WAAWT,EAAO,gBAErB,UAAA;AAAA,UAAA,gBAAAF,EAACa,KAAQ,MAAM,EAAE,GAAGL,GAAS,QAAQ,MAAQ;AAAA,UAC5CV,EAAYO,CAAK;AAAA,QAAA,GACpB;AAAA,QAGF,gBAAAM,EAAC,OAAA,EAAI,WAAWT,EAAO,aACrB,UAAA;AAAA,UAAA,gBAAAF;AAAA,YAACc;AAAA,YAAA;AAAA,cACC,MAAM,EAAE,GAAGV,EAAA;AAAA,cACX,QAAAX;AAAA,cACA,WAAWS,EAAO;AAAA,YAAA;AAAA,UAAA;AAAA,UAEnBE,GAAS,SAASA,EAAQ,MAAM,SAAS,KACxC,gBAAAJ,EAAC,OAAA,EAAI,WAAWE,EAAO,mBACrB,UAAA,gBAAAF,EAAC,OAAA,EAAI,WAAWE,EAAO,2BACrB,UAAA,gBAAAF,EAAC,OAAA,EAAI,WAAWE,EAAO,oBACpB,UAAAE,EAAQ,MAAM,IAAI,CAACW,MAClB,gBAAAf,EAACgB,GAAA,EAA8B,MAAMD,KAAjBA,EAAK,IAAkB,CAC5C,GACH,GACF,EAAA,CACF;AAAA,QAAA,EAAA,CAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.js","sources":["../../../../../src/ui/compositions/Tabs/Tabs.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport type { TabsModel, TabItemData } from \"@tramo-digital/types\";\nimport Frame from \"../../primitives/Frame/Frame\";\nimport styles from \"./Tabs.module.css\";\n\nexport interface TabsProps {\n id?: TabsModel[\"id\"];\n data: TabsModel[\"data\"];\n events?: TabsModel[\"events\"];\n tokens?: TabsModel[\"tokens\"];\n className?: TabsModel[\"className\"];\n colorPalette?: TabsModel[\"colorPalette\"];\n colorSource?: TabsModel[\"colorSource\"];\n customColor?: TabsModel[\"customColor\"];\n}\n\nconst renderTabPanelContent = (tab: TabItemData) => {\n if (tab.render) {\n if (typeof tab.render === \"function\") {\n const RenderFunc = tab.render as React.ElementType;\n return <RenderFunc />;\n }\n return tab.render as React.ReactNode;\n }\n return null;\n};\n\nconst Tabs: React.FC<TabsProps> = ({\n data,\n events,\n tokens,\n className,\n colorPalette,\n colorSource,\n customColor,\n}) => {\n if (!data) return null;\n const _fingerprint = \"
|
|
1
|
+
{"version":3,"file":"Tabs.js","sources":["../../../../../src/ui/compositions/Tabs/Tabs.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport type { TabsModel, TabItemData } from \"@tramo-digital/types\";\nimport Frame from \"../../primitives/Frame/Frame\";\nimport styles from \"./Tabs.module.css\";\n\nexport interface TabsProps {\n id?: TabsModel[\"id\"];\n data: TabsModel[\"data\"];\n events?: TabsModel[\"events\"];\n tokens?: TabsModel[\"tokens\"];\n className?: TabsModel[\"className\"];\n colorPalette?: TabsModel[\"colorPalette\"];\n colorSource?: TabsModel[\"colorSource\"];\n customColor?: TabsModel[\"customColor\"];\n}\n\nconst renderTabPanelContent = (tab: TabItemData) => {\n if (tab.render) {\n if (typeof tab.render === \"function\") {\n const RenderFunc = tab.render as React.ElementType;\n return <RenderFunc />;\n }\n return tab.render as React.ReactNode;\n }\n return null;\n};\n\nconst Tabs: React.FC<TabsProps> = ({\n data,\n events,\n tokens,\n className,\n colorPalette,\n colorSource,\n customColor,\n}) => {\n if (!data) return null;\n const _fingerprint = \"7d8ccd3c8de40a13ec15b1fa0d8db35b\";\n\n const tabList = data.tabs || data.items || [];\n const { defaultActiveId, variant = \"underline\" } = data;\n\n const [activeTabId, setActiveTabId] = useState<string>(() => {\n if (\n defaultActiveId &&\n tabList.some(\n (t: TabItemData, idx: number) =>\n (t.key || t.id || String(idx)) === defaultActiveId,\n )\n ) {\n return defaultActiveId;\n }\n const firstTab = tabList[0];\n return firstTab ? firstTab.key || firstTab.id || \"0\" : \"\";\n });\n\n const handleTabClick = (tab: TabItemData, idx: number) => {\n if (tab.disabled) return;\n const tabId = tab.key || tab.id || String(idx);\n setActiveTabId(tabId);\n events?.onTabChange?.(tabId, idx);\n };\n\n const tokenStyles = {\n ...(tokens?.color?.background && {\n \"--tabs-bg\": tokens.color.background.default,\n }),\n ...(tokens?.color?.tabBar && { \"--tabs-bar\": tokens.color.tabBar.default }),\n ...(tokens?.color?.activeTab && {\n \"--tabs-active-tab\": tokens.color.activeTab.default,\n }),\n ...(tokens?.color?.activeIndicator && {\n \"--tabs-indicator\": tokens.color.activeIndicator.default,\n }),\n ...(tokens?.color?.tabText && {\n \"--tabs-text\": tokens.color.tabText.default,\n }),\n ...(tokens?.color?.activeTabText && {\n \"--tabs-text-active\": tokens.color.activeTabText.default,\n }),\n ...(tokens?.color?.panelBackground && {\n \"--tabs-panel-bg\": tokens.color.panelBackground.default,\n }),\n ...(tokens?.spacing?.gap && { \"--tabs-gap\": tokens.spacing.gap.default }),\n ...(tokens?.spacing?.tabPadding && {\n \"--tabs-padding\": tokens.spacing.tabPadding.default,\n }),\n ...(tokens?.spacing?.panelPadding && {\n \"--tabs-panel-padding\": tokens.spacing.panelPadding.default,\n }),\n };\n\n return (\n <Frame\n data-tui-composition=\"base\"\n data={{ as: \"div\" }}\n colorPalette={colorPalette}\n colorSource={colorSource}\n customColor={customColor}\n className={[\n styles.tabsContainer,\n styles[`variant-${variant}`],\n className ?? \"\",\n ]\n .filter(Boolean)\n .join(\" \")}\n style={tokenStyles as React.CSSProperties}\n >\n <div className={styles.tabListWrapper}>\n <div className={styles.tabList} role=\"tablist\">\n {tabList.map((tab: TabItemData, idx: number) => {\n const tabId = tab.key || tab.id || String(idx);\n const isActive = tabId === activeTabId;\n return (\n <button\n data-tui-primitive=\"base\"\n data-tui-dynamic-states=\"default\"\n data-tui-appearance-buttons=\"primary\"\n key={tabId}\n role=\"tab\"\n type=\"button\"\n id={`tab-${tabId}`}\n aria-selected={isActive}\n aria-controls={`panel-${tabId}`}\n disabled={tab.disabled}\n className={[\n styles.tabButton,\n isActive ? styles.active : \"\",\n tab.disabled ? styles.disabled : \"\",\n ]\n .filter(Boolean)\n .join(\" \")}\n onClick={() => handleTabClick(tab, idx)}\n >\n {tab.icon && (\n <span className={styles.icon} aria-hidden=\"true\">\n {tab.icon}\n </span>\n )}\n <span className={styles.label}>{tab.label}</span>\n </button>\n );\n })}\n </div>\n </div>\n\n <div className={styles.panelsContainer}>\n {tabList.map((tab: TabItemData, idx: number) => {\n const tabId = tab.key || tab.id || String(idx);\n const isActive = tabId === activeTabId;\n const panelContentNode = renderTabPanelContent(tab);\n if (!isActive && !panelContentNode) return null;\n\n return (\n <div\n key={tabId}\n id={`panel-${tabId}`}\n role=\"tabpanel\"\n aria-labelledby={`tab-${tabId}`}\n hidden={!isActive}\n className={[\n styles.tabPanel,\n isActive ? styles.panelActive : \"\",\n ].join(\" \")}\n >\n {isActive && (\n <div className={styles.panelContent}>{panelContentNode}</div>\n )}\n </div>\n );\n })}\n </div>\n </Frame>\n );\n};\n\nexport default Tabs;\n"],"names":["renderTabPanelContent","tab","RenderFunc","Tabs","data","events","tokens","className","colorPalette","colorSource","customColor","tabList","defaultActiveId","variant","activeTabId","setActiveTabId","useState","t","idx","firstTab","handleTabClick","tabId","tokenStyles","jsxs","Frame","styles","jsx","isActive","panelContentNode"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../../src/ui/compositions/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,KAAK,EAAE,SAAS,EAAe,MAAM,sBAAsB,CAAC;AAInE,MAAM,WAAW,SAAS;IACxB,EAAE,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;IACrB,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACxB,MAAM,CAAC,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IACnC,YAAY,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACzC,WAAW,CAAC,EAAE,SAAS,CAAC,aAAa,CAAC,CAAC;IACvC,WAAW,CAAC,EAAE,SAAS,CAAC,aAAa,CAAC,CAAC;CACxC;AAaD,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,
|
|
1
|
+
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../../src/ui/compositions/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,KAAK,EAAE,SAAS,EAAe,MAAM,sBAAsB,CAAC;AAInE,MAAM,WAAW,SAAS;IACxB,EAAE,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;IACrB,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACxB,MAAM,CAAC,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IACnC,YAAY,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACzC,WAAW,CAAC,EAAE,SAAS,CAAC,aAAa,CAAC,CAAC;IACvC,WAAW,CAAC,EAAE,SAAS,CAAC,aAAa,CAAC,CAAC;CACxC;AAaD,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAmJ7B,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tramo-digital/react-ui",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.2",
|
|
4
4
|
"description": "tramo.digital - react-ui",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"author": "carlosp0veda",
|
|
@@ -24,9 +24,9 @@
|
|
|
24
24
|
},
|
|
25
25
|
"dependencies": {
|
|
26
26
|
"@tramo-digital/icons": "0.0.0",
|
|
27
|
-
"@tramo-digital/types": "0.0.0",
|
|
28
27
|
"@tramo-digital/store": "0.0.0",
|
|
29
|
-
"@tramo-digital/styles": "0.0.0"
|
|
28
|
+
"@tramo-digital/styles": "0.0.0",
|
|
29
|
+
"@tramo-digital/types": "0.0.0"
|
|
30
30
|
},
|
|
31
31
|
"devDependencies": {
|
|
32
32
|
"@vitejs/plugin-react": "^4.2.0",
|