@salesmind-ai/design-system 1.9.0 → 1.10.0
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/dist/{SectionShell-CrgrzWK6.d.cts → SectionShell-C_pxaLbf.d.cts} +8 -0
- package/dist/{SectionShell-CrgrzWK6.d.ts → SectionShell-C_pxaLbf.d.ts} +8 -0
- package/dist/{StatsSection-WaiVrRH0.d.cts → StatsSection-CKTgV4Z1.d.cts} +1 -1
- package/dist/{StatsSection-BvgUXtrd.d.ts → StatsSection-DjFHz0nM.d.ts} +1 -1
- package/dist/blog/index.cjs +9 -9
- package/dist/blog/index.d.cts +1 -1
- package/dist/blog/index.d.ts +1 -1
- package/dist/blog/index.js +2 -2
- package/dist/{chunk-CVLD5RQK.cjs → chunk-32B2EWHK.cjs} +8 -8
- package/dist/{chunk-6QIQCUYC.cjs → chunk-HWEIKJCR.cjs} +12 -3
- package/dist/chunk-HWEIKJCR.cjs.map +1 -0
- package/dist/{chunk-CLXLQCNQ.js → chunk-ICELMF2C.js} +2 -2
- package/dist/{chunk-TPZ3PKSF.js → chunk-IQQSEYJP.js} +2 -2
- package/dist/{chunk-AMNY5TS3.js → chunk-MPOYZNAA.js} +12 -3
- package/dist/chunk-MPOYZNAA.js.map +1 -0
- package/dist/{chunk-LM3UJILC.cjs → chunk-S4367EZF.cjs} +20 -20
- package/dist/{chunk-PBYRTNQ5.js → chunk-VUCQTZ2W.js} +2 -2
- package/dist/{chunk-65DTHLVX.cjs → chunk-WUKUWW7U.cjs} +4 -4
- package/dist/{index-CUkONzzC.d.ts → index-BsL1M4Mu.d.ts} +1 -1
- package/dist/{index-kMlM7caH.d.cts → index-C22gn6z6.d.cts} +1 -1
- package/dist/index.cjs +46 -46
- package/dist/index.d.cts +3 -3
- package/dist/index.d.ts +3 -3
- package/dist/index.js +4 -4
- package/dist/marketing/index.cjs +28 -28
- package/dist/marketing/index.d.cts +2 -2
- package/dist/marketing/index.d.ts +2 -2
- package/dist/marketing/index.js +2 -2
- package/dist/sections/index.cjs +8 -8
- package/dist/sections/index.d.cts +2 -2
- package/dist/sections/index.d.ts +2 -2
- package/dist/sections/index.js +2 -2
- package/package.json +1 -1
- package/dist/chunk-6QIQCUYC.cjs.map +0 -1
- package/dist/chunk-AMNY5TS3.js.map +0 -1
- /package/dist/{chunk-CVLD5RQK.cjs.map → chunk-32B2EWHK.cjs.map} +0 -0
- /package/dist/{chunk-65DTHLVX.cjs.map → chunk-ICELMF2C.js.map} +0 -0
- /package/dist/{chunk-LM3UJILC.cjs.map → chunk-IQQSEYJP.js.map} +0 -0
- /package/dist/{chunk-TPZ3PKSF.js.map → chunk-S4367EZF.cjs.map} +0 -0
- /package/dist/{chunk-PBYRTNQ5.js.map → chunk-VUCQTZ2W.js.map} +0 -0
- /package/dist/{chunk-CLXLQCNQ.js.map → chunk-WUKUWW7U.cjs.map} +0 -0
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/SectionShell/SectionShell.tsx"],"names":[],"mappings":";AAAA,SAAgB,kBAAkC;AAClD,OAAO,UAAU;AAoBX,SAWc,KAXd;AALC,IAAM,gBAAgB;AAAA,EAC3B,CAAC,EAAE,OAAO,UAAU,SAAS,QAAQ,UAAU,OAAO,WAAW,WAAW,GAAG,MAAM,GAAG,QAAQ;AAC9F,QAAI,CAAC,SAAS,CAAC,YAAY,CAAC,QAAS,QAAO;AAE5C,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA,sBAAsB,KAAK;AAAA,UAC3B,SAAS,aAAa;AAAA,UACtB,SAAS,WAAW;AAAA,UACpB;AAAA,QACF;AAAA,QACC,GAAG;AAAA,QAEH;AAAA,qBAAW,oBAAC,UAAK,WAAU,8BAA8B,mBAAQ;AAAA,UACjE,SAAS,oBAAC,QAAG,WAAU,4BAA4B,iBAAM;AAAA,UACzD,YAAY,oBAAC,OAAE,WAAU,+BAA+B,oBAAS;AAAA;AAAA;AAAA,IACpE;AAAA,EAEJ;AACF;AACA,cAAc,cAAc;AAcrB,IAAM,eAAe;AAAA,EAC1B,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA,aAAa;AAAA,IACb,UAAU;AAAA,IACV;AAAA,IACA,iBAAiB;AAAA,IACjB,GAAG;AAAA,EACL,GACA,QACG;AACH,UAAM,uBAA+C;AAAA,MACnD,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,IACT;AACA,UAAM,WAAW,iBACb,SACA,gBACG,qBAAqB,aAAa,KAAK,uCACxC;AAEN,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA,kBAAkB,UAAU;AAAA,UAC5B,uBAAuB,OAAO;AAAA,UAC9B;AAAA,QACF;AAAA,QACC,GAAG;AAAA,QAEJ,8BAAC,SAAI,OAAO,EAAC,UAAU,cAAc,QAAQ,eAAe,kBAAkB,OAAO,OAAM,GACxF,UACH;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AACA,aAAa,cAAc","sourcesContent":["import React, { forwardRef, HTMLAttributes } from 'react';\nimport clsx from 'clsx';\nimport './SectionShell.css';\n\n/* ============================================================================\n Section Header Component\n ============================================================================ */\n\nexport interface SectionHeaderProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n title?: React.ReactNode;\n subtitle?: React.ReactNode;\n eyebrow?: React.ReactNode;\n align?: 'left' | 'center' | 'right';\n size?: 'compact' | 'default' | 'large';\n}\n\nexport const SectionHeader = forwardRef<HTMLDivElement, SectionHeaderProps>(\n ({ title, subtitle, eyebrow, align = 'center', size = 'default', className, ...props }, ref) => {\n if (!title && !subtitle && !eyebrow) return null;\n\n return (\n <header\n ref={ref}\n className={clsx(\n 'ds-section-header',\n `ds-section-header--${align}`,\n size === 'compact' && 'ds-section-header--compact',\n size === 'large' && 'ds-section-header--large',\n className,\n )}\n {...props}\n >\n {eyebrow && <span className=\"ds-section-header__eyebrow\">{eyebrow}</span>}\n {title && <h2 className=\"ds-section-header__title\">{title}</h2>}\n {subtitle && <p className=\"ds-section-header__subtitle\">{subtitle}</p>}\n </header>\n );\n },\n);\nSectionHeader.displayName = 'SectionHeader';\n\n/* ============================================================================\n Section Shell Component\n ============================================================================ */\n\nexport interface SectionShellProps extends HTMLAttributes<HTMLDivElement> {\n children?: React.ReactNode;\n background?: 'default' | 'muted' | 'brand' | 'transparent' | 'dark';\n padding?: 'none' | 'sm' | 'md' | 'lg';\n containerSize?: 'sm' | 'md' | 'lg' | 'xl' | 'fluid'; // Maps to Container max-width\n containerFluid?: boolean;\n}\n\nexport const SectionShell = forwardRef<HTMLDivElement, SectionShellProps>(\n (\n {\n className,\n children,\n background = 'default',\n padding = 'md',\n containerSize,\n containerFluid = false,\n ...props\n },\n ref,\n ) => {\n const containerMaxWidthMap: Record<string, string> = {\n sm: 'var(--container-max-width-sm, 640px)',\n md: 'var(--container-max-width-md, 768px)',\n lg: 'var(--container-max-width-lg, 1024px)',\n xl: 'var(--container-max-width-xl, 1280px)',\n fluid: 'none',\n };\n const maxWidth = containerFluid\n ? 'none'\n : containerSize\n ? (containerMaxWidthMap[containerSize] ?? 'var(--container-max-width, 1200px)')\n : 'var(--container-max-width, 1200px)';\n\n return (\n <section\n ref={ref}\n className={clsx(\n 'ds-section',\n `ds-section--bg-${background}`,\n `ds-section--padding-${padding}`,\n className,\n )}\n {...props}\n >\n <div style={{maxWidth, marginInline: 'auto', paddingInline: 'var(--space-4)', width: '100%'}}>\n {children}\n </div>\n </section>\n );\n },\n);\nSectionShell.displayName = 'SectionShell';\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/SectionShell/SectionShell.tsx"],"names":[],"mappings":";AAAA,SAAgB,kBAAkC;AAClD,OAAO,UAAU;AAoBX,SAWc,KAXd;AALC,IAAM,gBAAgB;AAAA,EAC3B,CAAC,EAAE,OAAO,UAAU,SAAS,QAAQ,UAAU,OAAO,WAAW,WAAW,GAAG,MAAM,GAAG,QAAQ;AAC9F,QAAI,CAAC,SAAS,CAAC,YAAY,CAAC,QAAS,QAAO;AAE5C,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA,sBAAsB,KAAK;AAAA,UAC3B,SAAS,aAAa;AAAA,UACtB,SAAS,WAAW;AAAA,UACpB;AAAA,QACF;AAAA,QACC,GAAG;AAAA,QAEH;AAAA,qBAAW,oBAAC,UAAK,WAAU,8BAA8B,mBAAQ;AAAA,UACjE,SAAS,oBAAC,QAAG,WAAU,4BAA4B,iBAAM;AAAA,UACzD,YAAY,oBAAC,OAAE,WAAU,+BAA+B,oBAAS;AAAA;AAAA;AAAA,IACpE;AAAA,EAEJ;AACF;AACA,cAAc,cAAc;AAcrB,IAAM,eAAe;AAAA,EAC1B,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA,aAAa;AAAA,IACb,UAAU;AAAA,IACV;AAAA,IACA,iBAAiB;AAAA,IACjB,GAAG;AAAA,EACL,GACA,QACG;AACH,UAAM,uBAA+C;AAAA,MACnD,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,IACT;AACA,UAAM,WAAW,iBACb,SACA,gBACG,qBAAqB,aAAa,KAAK,uCACxC;AAEN,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA,kBAAkB,UAAU;AAAA,UAC5B,uBAAuB,OAAO;AAAA,UAC9B;AAAA,QACF;AAAA,QACC,GAAG;AAAA,QAEJ,8BAAC,SAAI,OAAO,EAAC,UAAU,cAAc,QAAQ,eAAe,kBAAkB,OAAO,OAAM,GACxF,UACH;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AACA,aAAa,cAAc","sourcesContent":["import React, { forwardRef, HTMLAttributes } from 'react';\nimport clsx from 'clsx';\nimport './SectionShell.css';\n\n/* ============================================================================\n Section Header Component\n ============================================================================ */\n\nexport interface SectionHeaderProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n title?: React.ReactNode;\n subtitle?: React.ReactNode;\n eyebrow?: React.ReactNode;\n align?: 'left' | 'center' | 'right';\n size?: 'compact' | 'default' | 'large';\n}\n\nexport const SectionHeader = forwardRef<HTMLDivElement, SectionHeaderProps>(\n ({ title, subtitle, eyebrow, align = 'center', size = 'default', className, ...props }, ref) => {\n if (!title && !subtitle && !eyebrow) return null;\n\n return (\n <header\n ref={ref}\n className={clsx(\n 'ds-section-header',\n `ds-section-header--${align}`,\n size === 'compact' && 'ds-section-header--compact',\n size === 'large' && 'ds-section-header--large',\n className,\n )}\n {...props}\n >\n {eyebrow && <span className=\"ds-section-header__eyebrow\">{eyebrow}</span>}\n {title && <h2 className=\"ds-section-header__title\">{title}</h2>}\n {subtitle && <p className=\"ds-section-header__subtitle\">{subtitle}</p>}\n </header>\n );\n },\n);\nSectionHeader.displayName = 'SectionHeader';\n\n/* ============================================================================\n Section Shell Component\n ============================================================================ */\n\nexport interface SectionShellProps extends HTMLAttributes<HTMLDivElement> {\n children?: React.ReactNode;\n background?: 'default' | 'muted' | 'brand' | 'transparent' | 'dark';\n padding?: 'none' | 'sm' | 'md' | 'lg';\n containerSize?: 'sm' | 'md' | 'lg' | 'xl' | 'fluid'; // Maps to Container max-width\n containerFluid?: boolean;\n}\n\nexport const SectionShell = forwardRef<HTMLDivElement, SectionShellProps>(\n (\n {\n className,\n children,\n background = 'default',\n padding = 'md',\n containerSize,\n containerFluid = false,\n ...props\n },\n ref,\n ) => {\n const containerMaxWidthMap: Record<string, string> = {\n sm: 'var(--container-max-width-sm, 640px)',\n md: 'var(--container-max-width-md, 768px)',\n lg: 'var(--container-max-width-lg, 1024px)',\n xl: 'var(--container-max-width-xl, 1280px)',\n fluid: 'none',\n };\n const maxWidth = containerFluid\n ? 'none'\n : containerSize\n ? (containerMaxWidthMap[containerSize] ?? 'var(--container-max-width, 1200px)')\n : 'var(--container-max-width, 1200px)';\n\n return (\n <section\n ref={ref}\n className={clsx(\n 'ds-section',\n `ds-section--bg-${background}`,\n `ds-section--padding-${padding}`,\n className,\n )}\n {...props}\n >\n <div style={{maxWidth, marginInline: 'auto', paddingInline: 'var(--space-4)', width: '100%'}}>\n {children}\n </div>\n </section>\n );\n },\n);\nSectionShell.displayName = 'SectionShell';\n"]}
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|