@inzumer/ui-library 1.0.0 → 1.0.2

package/dist/{chunk-GLXUQI5P.js → chunk-UL33H4AD.js}

@@ -4,9 +4,9 @@ import { forwardRef } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // src/components/molecules/Timeline/Timeline.styles.ts
-var timelineStyles = "flex flex-col gap-8 border-l border-[var(--border-default)] pl-6";
+var timelineStyles = "relative flex flex-col gap-8 pl-6 before:absolute before:bottom-0 before:left-0 before:top-1.5 before:border-l before:border-[var(--border-default)] before:content-['']";
 var timelineItemStyles = "relative";
-var timelineNodeStyles = "absolute -left-[1.6rem] top-1.5 h-2.5 w-2.5 rounded-full bg-[var(--btn-primary-bg)]";
+var timelineNodeStyles = "absolute -left-6 top-1.5 h-2.5 w-2.5 -translate-x-1/2 rounded-full bg-[var(--btn-primary-bg)]";
 var timelineTitleStyles = "text-base font-bold text-[var(--text-primary)]";
 var timelineDescriptionListStyles = "mt-1 flex flex-col gap-1";
 var timelineDescriptionStyles = "text-sm text-[var(--text-secondary)]";
@@ -20,5 +20,5 @@ var Timeline = forwardRef(
 Timeline.displayName = "Timeline";
 
 export { Timeline };
-//# sourceMappingURL=chunk-GLXUQI5P.js.map
-//# sourceMappingURL=chunk-GLXUQI5P.js.map
+//# sourceMappingURL=chunk-UL33H4AD.js.map
+//# sourceMappingURL=chunk-UL33H4AD.js.map

package/dist/chunk-UL33H4AD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/molecules/Timeline/Timeline.styles.ts","../src/components/molecules/Timeline/Timeline.tsx"],"names":[],"mappings":";;;;;;AAAO,IAAM,cAAA,GACX,0KAAA;AAEK,IAAM,kBAAA,GAAqB,UAAA;AAE3B,IAAM,kBAAA,GACX,+FAAA;AAEK,IAAM,mBAAA,GAAsB,gDAAA;AAE5B,IAAM,6BAAA,GAAgC,0BAAA;AAEtC,IAAM,yBAAA,GAA4B,sCAAA;ACUlC,IAAM,QAAA,GAAW,UAAA;AAAA,EACtB,CAAC,EAAE,KAAA,EAAO,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,qBAC/B,GAAA,CAAC,IAAA,EAAA,EAAG,GAAA,EAAU,SAAA,EAAW,EAAA,CAAG,gBAAgB,SAAS,CAAA,EAAI,GAAG,KAAA,EACzD,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,EAAM,KAAA,qBAChB,IAAA,CAAC,IAAA,EAAA,EAA0B,SAAA,EAAW,kBAAA,EACpC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,WAAW,kBAAA,EAAoB,CAAA;AAAA,oBACrC,GAAA,CAAC,YAAS,EAAA,EAAG,GAAA,EAAI,SAAQ,IAAA,EAAK,SAAA,EAAW,mBAAA,EACtC,QAAA,EAAA,IAAA,CAAK,KAAA,EACR,CAAA;AAAA,oBACA,GAAA,CAAC,SAAI,SAAA,EAAW,6BAAA,EACb,eAAK,WAAA,CAAY,GAAA,CAAI,CAAC,WAAA,EAAa,gBAAA,yBACjC,QAAA,EAAA,EAAgC,EAAA,EAAG,KAAI,OAAA,EAAQ,IAAA,EAAK,WAAW,yBAAA,EAC7D,QAAA,EAAA,WAAA,EAAA,EADY,gBAEf,CACD,CAAA,EACH;AAAA,GAAA,EAAA,EAXO,IAAA,CAAK,EAAA,IAAM,KAYpB,CACD,CAAA,EACH;AAEJ;AAEA,QAAA,CAAS,WAAA,GAAc,UAAA","file":"chunk-UL33H4AD.js","sourcesContent":["export const timelineStyles =\n  \"relative flex flex-col gap-8 pl-6 before:absolute before:bottom-0 before:left-0 before:top-1.5 before:border-l before:border-[var(--border-default)] before:content-['']\";\n\nexport const timelineItemStyles = 'relative';\n\nexport const timelineNodeStyles =\n  'absolute -left-6 top-1.5 h-2.5 w-2.5 -translate-x-1/2 rounded-full bg-[var(--btn-primary-bg)]';\n\nexport const timelineTitleStyles = 'text-base font-bold text-[var(--text-primary)]';\n\nexport const timelineDescriptionListStyles = 'mt-1 flex flex-col gap-1';\n\nexport const timelineDescriptionStyles = 'text-sm text-[var(--text-secondary)]';\n","import { forwardRef, type HTMLAttributes, type ReactNode } from 'react';\nimport { RichText } from '@components';\nimport { cn } from '@utils';\nimport {\n  timelineDescriptionListStyles,\n  timelineDescriptionStyles,\n  timelineItemStyles,\n  timelineNodeStyles,\n  timelineStyles,\n  timelineTitleStyles,\n} from './Timeline.styles';\n\nexport interface TimelineItem {\n  id?: string;\n  title: ReactNode;\n  description: ReactNode[];\n}\n\nexport type TimelineProps = HTMLAttributes<HTMLUListElement> & {\n  items: TimelineItem[];\n};\n\nexport const Timeline = forwardRef<HTMLUListElement, TimelineProps>(\n  ({ items, className, ...props }, ref) => (\n    <ul ref={ref} className={cn(timelineStyles, className)} {...props}>\n      {items.map((item, index) => (\n        <li key={item.id ?? index} className={timelineItemStyles}>\n          <span className={timelineNodeStyles} />\n          <RichText as=\"p\" variant=\"p2\" className={timelineTitleStyles}>\n            {item.title}\n          </RichText>\n          <div className={timelineDescriptionListStyles}>\n            {item.description.map((description, descriptionIndex) => (\n              <RichText key={descriptionIndex} as=\"p\" variant=\"p3\" className={timelineDescriptionStyles}>\n                {description}\n              </RichText>\n            ))}\n          </div>\n        </li>\n      ))}\n    </ul>\n  ),\n);\n\nTimeline.displayName = 'Timeline';\n"]}

package/dist/components/molecules/Timeline/index.js

@@ -1,4 +1,4 @@
-export { Timeline } from '../../../chunk-GLXUQI5P.js';
+export { Timeline } from '../../../chunk-UL33H4AD.js';
 import '../../../chunk-P4CV2EPR.js';
 import '../../../chunk-6LLGTBM6.js';
 //# sourceMappingURL=index.js.map

package/dist/index.js

@@ -7,7 +7,7 @@ export { Modal } from './chunk-LK2EJ4H6.js';
 export { useDismissableLayer } from './chunk-JCJP427C.js';
 export { useMergedRef } from './chunk-P4Z7HH66.js';
 export { Snackbar } from './chunk-BKPP4D3Q.js';
-export { Timeline } from './chunk-GLXUQI5P.js';
+export { Timeline } from './chunk-UL33H4AD.js';
 export { useDelayedUnmount } from './chunk-BNEEI7S5.js';
 export { Button } from './chunk-KWSZ2S34.js';
 export { Icon } from './chunk-7HQFLM4A.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inzumer/ui-library",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "private": false,
   "description": "React UI component library for the Inzumer design system",
   "license": "MIT",
@@ -113,7 +113,7 @@
     "dist"
   ],
   "dependencies": {
-    "@inzumer/tokens": "1.0.0"
+    "@inzumer/tokens": "1.1.0"
   },
   "peerDependencies": {
     "class-variance-authority": ">=0.7.0",
@@ -138,8 +138,8 @@
     "typescript": "^5.7.2",
     "vite-tsconfig-paths": "^6.1.1",
     "vitest": "^2.1.6",
-    "@inzumer/eslint-config": "0.1.0",
-    "@inzumer/tsconfig": "0.1.0"
+    "@inzumer/tsconfig": "0.1.0",
+    "@inzumer/eslint-config": "0.1.0"
   },
   "scripts": {
     "build": "tsup",

package/dist/chunk-GLXUQI5P.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/molecules/Timeline/Timeline.styles.ts","../src/components/molecules/Timeline/Timeline.tsx"],"names":[],"mappings":";;;;;;AAAO,IAAM,cAAA,GAAiB,kEAAA;AAEvB,IAAM,kBAAA,GAAqB,UAAA;AAE3B,IAAM,kBAAA,GACX,qFAAA;AAEK,IAAM,mBAAA,GAAsB,gDAAA;AAE5B,IAAM,6BAAA,GAAgC,0BAAA;AAEtC,IAAM,yBAAA,GAA4B,sCAAA;ACWlC,IAAM,QAAA,GAAW,UAAA;AAAA,EACtB,CAAC,EAAE,KAAA,EAAO,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,qBAC/B,GAAA,CAAC,IAAA,EAAA,EAAG,GAAA,EAAU,SAAA,EAAW,EAAA,CAAG,gBAAgB,SAAS,CAAA,EAAI,GAAG,KAAA,EACzD,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,EAAM,KAAA,qBAChB,IAAA,CAAC,IAAA,EAAA,EAA0B,SAAA,EAAW,kBAAA,EACpC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,WAAW,kBAAA,EAAoB,CAAA;AAAA,oBACrC,GAAA,CAAC,YAAS,EAAA,EAAG,GAAA,EAAI,SAAQ,IAAA,EAAK,SAAA,EAAW,mBAAA,EACtC,QAAA,EAAA,IAAA,CAAK,KAAA,EACR,CAAA;AAAA,oBACA,GAAA,CAAC,SAAI,SAAA,EAAW,6BAAA,EACb,eAAK,WAAA,CAAY,GAAA,CAAI,CAAC,WAAA,EAAa,gBAAA,yBACjC,QAAA,EAAA,EAAgC,EAAA,EAAG,KAAI,OAAA,EAAQ,IAAA,EAAK,WAAW,yBAAA,EAC7D,QAAA,EAAA,WAAA,EAAA,EADY,gBAEf,CACD,CAAA,EACH;AAAA,GAAA,EAAA,EAXO,IAAA,CAAK,EAAA,IAAM,KAYpB,CACD,CAAA,EACH;AAEJ;AAEA,QAAA,CAAS,WAAA,GAAc,UAAA","file":"chunk-GLXUQI5P.js","sourcesContent":["export const timelineStyles = 'flex flex-col gap-8 border-l border-[var(--border-default)] pl-6';\n\nexport const timelineItemStyles = 'relative';\n\nexport const timelineNodeStyles =\n  'absolute -left-[1.6rem] top-1.5 h-2.5 w-2.5 rounded-full bg-[var(--btn-primary-bg)]';\n\nexport const timelineTitleStyles = 'text-base font-bold text-[var(--text-primary)]';\n\nexport const timelineDescriptionListStyles = 'mt-1 flex flex-col gap-1';\n\nexport const timelineDescriptionStyles = 'text-sm text-[var(--text-secondary)]';\n","import { forwardRef, type HTMLAttributes, type ReactNode } from 'react';\nimport { RichText } from '@components';\nimport { cn } from '@utils';\nimport {\n  timelineDescriptionListStyles,\n  timelineDescriptionStyles,\n  timelineItemStyles,\n  timelineNodeStyles,\n  timelineStyles,\n  timelineTitleStyles,\n} from './Timeline.styles';\n\nexport interface TimelineItem {\n  id?: string;\n  title: ReactNode;\n  description: ReactNode[];\n}\n\nexport type TimelineProps = HTMLAttributes<HTMLUListElement> & {\n  items: TimelineItem[];\n};\n\nexport const Timeline = forwardRef<HTMLUListElement, TimelineProps>(\n  ({ items, className, ...props }, ref) => (\n    <ul ref={ref} className={cn(timelineStyles, className)} {...props}>\n      {items.map((item, index) => (\n        <li key={item.id ?? index} className={timelineItemStyles}>\n          <span className={timelineNodeStyles} />\n          <RichText as=\"p\" variant=\"p2\" className={timelineTitleStyles}>\n            {item.title}\n          </RichText>\n          <div className={timelineDescriptionListStyles}>\n            {item.description.map((description, descriptionIndex) => (\n              <RichText key={descriptionIndex} as=\"p\" variant=\"p3\" className={timelineDescriptionStyles}>\n                {description}\n              </RichText>\n            ))}\n          </div>\n        </li>\n      ))}\n    </ul>\n  ),\n);\n\nTimeline.displayName = 'Timeline';\n"]}