@inzumer/ui-library 1.0.0 → 1.0.1

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.
Files changed (6) hide show
  1. package/dist/{chunk-GLXUQI5P.js → chunk-UL33H4AD.js} +4 -4
  2. package/dist/chunk-UL33H4AD.js.map +1 -0
  3. package/dist/components/molecules/Timeline/index.js +1 -1
  4. package/dist/index.js +1 -1
  5. package/package.json +1 -1
  6. package/dist/chunk-GLXUQI5P.js.map +0 -1
package/dist/{chunk-GLXUQI5P.js → chunk-UL33H4AD.js} RENAMED
@@ -4,9 +4,9 @@ import { forwardRef } from 'react';
4
4
  import { jsx, jsxs } from 'react/jsx-runtime';
5
5
 
6
6
  // src/components/molecules/Timeline/Timeline.styles.ts
7
- var timelineStyles = "flex flex-col gap-8 border-l border-[var(--border-default)] pl-6";
7
+ 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-['']";
8
8
  var timelineItemStyles = "relative";
9
- var timelineNodeStyles = "absolute -left-[1.6rem] top-1.5 h-2.5 w-2.5 rounded-full bg-[var(--btn-primary-bg)]";
9
+ 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)]";
10
10
  var timelineTitleStyles = "text-base font-bold text-[var(--text-primary)]";
11
11
  var timelineDescriptionListStyles = "mt-1 flex flex-col gap-1";
12
12
  var timelineDescriptionStyles = "text-sm text-[var(--text-secondary)]";
@@ -20,5 +20,5 @@ var Timeline = forwardRef(
20
20
  Timeline.displayName = "Timeline";
21
21
 
22
22
  export { Timeline };
23
- //# sourceMappingURL=chunk-GLXUQI5P.js.map
24
- //# sourceMappingURL=chunk-GLXUQI5P.js.map
23
+ //# sourceMappingURL=chunk-UL33H4AD.js.map
24
+ //# sourceMappingURL=chunk-UL33H4AD.js.map
package/dist/chunk-UL33H4AD.js.map ADDED
@@ -0,0 +1 @@
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 CHANGED
@@ -1,4 +1,4 @@
1
- export { Timeline } from '../../../chunk-GLXUQI5P.js';
1
+ export { Timeline } from '../../../chunk-UL33H4AD.js';
2
2
  import '../../../chunk-P4CV2EPR.js';
3
3
  import '../../../chunk-6LLGTBM6.js';
4
4
  //# sourceMappingURL=index.js.map
package/dist/index.js CHANGED
@@ -7,7 +7,7 @@ export { Modal } from './chunk-LK2EJ4H6.js';
7
7
  export { useDismissableLayer } from './chunk-JCJP427C.js';
8
8
  export { useMergedRef } from './chunk-P4Z7HH66.js';
9
9
  export { Snackbar } from './chunk-BKPP4D3Q.js';
10
- export { Timeline } from './chunk-GLXUQI5P.js';
10
+ export { Timeline } from './chunk-UL33H4AD.js';
11
11
  export { useDelayedUnmount } from './chunk-BNEEI7S5.js';
12
12
  export { Button } from './chunk-KWSZ2S34.js';
13
13
  export { Icon } from './chunk-7HQFLM4A.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@inzumer/ui-library",
3
- "version": "1.0.0",
3
+ "version": "1.0.1",
4
4
  "private": false,
5
5
  "description": "React UI component library for the Inzumer design system",
6
6
  "license": "MIT",
package/dist/chunk-GLXUQI5P.js.map DELETED
@@ -1 +0,0 @@
1
- {"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"]}