@adidas/htmplar-core 0.0.0 → 2.0.0-alpha.0

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Block/Block.tsx","../src/components/Text/Text.tsx","../src/components/Button/Button.tsx","../src/components/Image/Image.tsx","../src/components/Link/Link.tsx","../src/components/Heading/Heading.tsx","../src/components/Spacer/Spacer.tsx","../src/components/Divider/Divider.tsx","../src/components/Row/Row.tsx","../src/components/Column/Column.tsx","../src/components/Container/Container.tsx","../src/index.ts"],"names":["jsx"],"mappings":"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","file":"index.mjs","sourcesContent":["import React from 'react';\n\nexport interface BlockProps {\n  /**\n   * Content to display inside the block\n   */\n  children: React.ReactNode;\n  /**\n   * Background color\n   */\n  backgroundColor?: string;\n  /**\n   * Text color\n   */\n  color?: string;\n  /**\n   * Padding (in pixels)\n   */\n  padding?: number | string;\n  /**\n   * Maximum width (in pixels)\n   * @default 600\n   */\n  maxWidth?: number;\n  /**\n   * Horizontal alignment\n   * @default 'center'\n   */\n  align?: 'left' | 'center' | 'right';\n  /**\n   * Additional CSS class name\n   */\n  className?: string;\n  /**\n   * CSS ID\n   */\n  id?: string;\n}\n\n/**\n * Block component - Main container for email content\n * Uses table-based layout for email compatibility\n */\nexport function Block({\n  children,\n  backgroundColor,\n  color,\n  padding = 20,\n  maxWidth = 600,\n  align = 'center',\n  className,\n  id,\n}: BlockProps) {\n  const containerStyle: React.CSSProperties = {\n    backgroundColor,\n    color,\n  };\n\n  const innerStyle: React.CSSProperties = {\n    maxWidth: `${maxWidth}px`,\n    width: '100%',\n  };\n\n  const contentStyle: React.CSSProperties = {\n    padding: typeof padding === 'number' ? `${padding}px` : padding,\n  };\n\n  return (\n    <table\n      role=\"presentation\"\n      border={0}\n      cellPadding={0}\n      cellSpacing={0}\n      width=\"100%\"\n      style={containerStyle}\n      className={className}\n      id={id}\n    >\n      <tbody>\n        <tr>\n          <td align={align} valign=\"top\">\n            {/*[if (gte mso 9)|(IE)]>\n            <table align=\"center\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\" width={`${maxWidth}`}>\n              <tr>\n                <td align=\"center\" valign=\"top\" width={`${maxWidth}`}>\n            <![endif]*/}\n            <table\n              role=\"presentation\"\n              border={0}\n              cellPadding={0}\n              cellSpacing={0}\n              style={innerStyle}\n              className=\"mobile-full-width\"\n            >\n              <tbody>\n                <tr>\n                  <td style={contentStyle} valign=\"top\">\n                    {children}\n                  </td>\n                </tr>\n              </tbody>\n            </table>\n            {/*[if (gte mso 9)|(IE)]>\n                </td>\n              </tr>\n            </table>\n            <![endif]*/}\n          </td>\n        </tr>\n      </tbody>\n    </table>\n  );\n}\n","import React from 'react';\n\nexport interface TextProps {\n  /**\n   * Text content\n   */\n  children: React.ReactNode;\n  /**\n   * Font size (in pixels)\n   * @default 16\n   */\n  fontSize?: number;\n  /**\n   * Font family\n   * @default 'Arial, sans-serif'\n   */\n  fontFamily?: string;\n  /**\n   * Text color\n   */\n  color?: string;\n  /**\n   * Line height\n   * @default 1.5\n   */\n  lineHeight?: number | string;\n  /**\n   * Text alignment\n   * @default 'left'\n   */\n  align?: 'left' | 'center' | 'right' | 'justify';\n  /**\n   * Font weight\n   */\n  fontWeight?: 'normal' | 'bold' | number;\n  /**\n   * Additional CSS class name\n   */\n  className?: string;\n}\n\n/**\n * Text component - Email-safe text rendering\n */\nexport function Text({\n  children,\n  fontSize = 16,\n  fontFamily = 'Arial, sans-serif',\n  color,\n  lineHeight = 1.5,\n  align = 'left',\n  fontWeight,\n  className,\n}: TextProps) {\n  const style: React.CSSProperties = {\n    fontSize: `${fontSize}px`,\n    fontFamily,\n    color,\n    lineHeight: typeof lineHeight === 'number' ? lineHeight : lineHeight,\n    textAlign: align,\n    fontWeight,\n    margin: 0,\n    padding: 0,\n  };\n\n  return (\n    <p style={style} className={className}>\n      {children}\n    </p>\n  );\n}\n","import React from 'react';\n\nexport interface ButtonProps {\n  /**\n   * Button text\n   */\n  children: React.ReactNode;\n  /**\n   * Link URL\n   */\n  href: string;\n  /**\n   * Background color\n   * @default '#0066cc'\n   */\n  backgroundColor?: string;\n  /**\n   * Text color\n   * @default '#ffffff'\n   */\n  color?: string;\n  /**\n   * Padding\n   * @default '12px 24px'\n   */\n  padding?: string;\n  /**\n   * Border radius\n   * @default '4px'\n   */\n  borderRadius?: string;\n  /**\n   * Font size\n   * @default 16\n   */\n  fontSize?: number;\n  /**\n   * Font family\n   * @default 'Arial, sans-serif'\n   */\n  fontFamily?: string;\n  /**\n   * Font weight\n   * @default 'bold'\n   */\n  fontWeight?: 'normal' | 'bold' | number;\n  /**\n   * Text alignment\n   * @default 'center'\n   */\n  align?: 'left' | 'center' | 'right';\n  /**\n   * Full width button\n   * @default false\n   */\n  fullWidth?: boolean;\n  /**\n   * Additional CSS class\n   */\n  className?: string;\n}\n\n/**\n * Button component - Email-safe call-to-action button\n * Uses bulletproof button technique with VML for Outlook\n */\nexport function Button({\n  children,\n  href,\n  backgroundColor = '#0066cc',\n  color = '#ffffff',\n  padding = '12px 24px',\n  borderRadius = '4px',\n  fontSize = 16,\n  fontFamily = 'Arial, sans-serif',\n  fontWeight = 'bold',\n  align = 'center',\n  fullWidth = false,\n  className,\n}: ButtonProps) {\n  const buttonStyle: React.CSSProperties = {\n    backgroundColor,\n    color,\n    textDecoration: 'none',\n    padding,\n    borderRadius,\n    fontSize: `${fontSize}px`,\n    fontFamily,\n    fontWeight,\n    display: 'inline-block',\n    textAlign: 'center',\n    ...(fullWidth && { width: '100%' }),\n  };\n\n  const tableStyle: React.CSSProperties = {\n    borderCollapse: 'separate',\n    ...(fullWidth && { width: '100%' }),\n  };\n\n  return (\n    <table\n      role=\"presentation\"\n      border={0}\n      cellPadding={0}\n      cellSpacing={0}\n      style={tableStyle}\n      className={className}\n    >\n      <tbody>\n        <tr>\n          <td align={align} valign=\"middle\">\n            {/*[if mso]>\n            <v:roundrect xmlns:v=\"urn:schemas-microsoft-com:vml\" xmlns:w=\"urn:schemas-microsoft-com:office:word\" href={`${href}`} style=\"height:auto;v-text-anchor:middle;width:200px;\" arcsize=\"10%\" stroke=\"f\" fillcolor={`${backgroundColor}`}>\n              <w:anchorlock/>\n              <center>\n            <![endif]*/}\n            <a href={href} style={buttonStyle} target=\"_blank\" rel=\"noopener noreferrer\">\n              {children}\n            </a>\n            {/*[if mso]>\n              </center>\n            </v:roundrect>\n            <![endif]*/}\n          </td>\n        </tr>\n      </tbody>\n    </table>\n  );\n}\n","import React from 'react';\n\nexport interface ImageProps {\n  /**\n   * Image source URL\n   */\n  src: string;\n  /**\n   * Alt text for accessibility\n   */\n  alt: string;\n  /**\n   * Image width\n   */\n  width?: number | string;\n  /**\n   * Image height\n   */\n  height?: number | string;\n  /**\n   * Horizontal alignment\n   * @default 'center'\n   */\n  align?: 'left' | 'center' | 'right';\n  /**\n   * Additional CSS class\n   */\n  className?: string;\n  /**\n   * Title attribute\n   */\n  title?: string;\n}\n\n/**\n * Image component - Email-safe responsive images\n */\nexport function Image({ src, alt, width, height, align = 'center', className, title }: ImageProps) {\n  const imgStyle: React.CSSProperties = {\n    display: 'block',\n    border: 0,\n    outline: 'none',\n    textDecoration: 'none',\n    maxWidth: '100%',\n    height: 'auto',\n    ...(width && { width: typeof width === 'number' ? `${width}px` : width }),\n    ...(height && { height: typeof height === 'number' ? `${height}px` : height }),\n  };\n\n  return (\n    <table role=\"presentation\" border={0} cellPadding={0} cellSpacing={0} width=\"100%\">\n      <tbody>\n        <tr>\n          <td align={align} valign=\"top\">\n            <img src={src} alt={alt} title={title} style={imgStyle} className={className} />\n          </td>\n        </tr>\n      </tbody>\n    </table>\n  );\n}\n","import { type CSSProperties, type ReactNode } from 'react';\n\nexport interface LinkProps {\n  href: string;\n  children: ReactNode;\n  color?: string;\n  fontSize?: number;\n  fontWeight?: string | number;\n  textDecoration?: string;\n  target?: string;\n  rel?: string;\n  style?: CSSProperties;\n}\n\n/**\n * Link component for email-safe hyperlinks\n * Ensures proper styling and accessibility in all email clients\n */\nexport function Link({\n  href,\n  children,\n  color = '#0066cc',\n  fontSize = 16,\n  fontWeight = 'normal',\n  textDecoration = 'underline',\n  target = '_blank',\n  rel = 'noopener noreferrer',\n  style = {},\n}: LinkProps) {\n  const linkStyle: CSSProperties = {\n    color,\n    fontSize: `${fontSize}px`,\n    fontWeight,\n    textDecoration,\n    ...style,\n  };\n\n  return (\n    <a href={href} style={linkStyle} target={target} rel={rel}>\n      {children}\n    </a>\n  );\n}\n","import { type CSSProperties, type ReactNode } from 'react';\n\nexport interface HeadingProps {\n  level?: 1 | 2 | 3 | 4 | 5 | 6;\n  children: ReactNode;\n  color?: string;\n  fontSize?: number;\n  fontWeight?: string | number;\n  align?: 'left' | 'center' | 'right';\n  margin?: string | number;\n  lineHeight?: string | number;\n  style?: CSSProperties;\n}\n\n/**\n * Heading component for semantic email headings\n * Uses proper HTML heading tags (h1-h6) with email-safe styling\n */\nexport function Heading({\n  level = 2,\n  children,\n  color = '#333333',\n  fontSize,\n  fontWeight = 'bold',\n  align = 'left',\n  margin = '0 0 16px 0',\n  lineHeight = 1.3,\n  style = {},\n}: HeadingProps) {\n  // Default font sizes for each heading level\n  const defaultFontSizes = {\n    1: 32,\n    2: 28,\n    3: 24,\n    4: 20,\n    5: 18,\n    6: 16,\n  };\n\n  const headingStyle: CSSProperties = {\n    margin,\n    padding: 0,\n    color,\n    fontSize: `${fontSize || defaultFontSizes[level]}px`,\n    fontWeight,\n    textAlign: align,\n    lineHeight: typeof lineHeight === 'number' ? lineHeight : lineHeight,\n    ...style,\n  };\n\n  const Tag = `h${level}` as keyof JSX.IntrinsicElements;\n\n  return <Tag style={headingStyle}>{children}</Tag>;\n}\n","import { type CSSProperties } from 'react';\n\nexport interface SpacerProps {\n  height?: number;\n  width?: number;\n}\n\n/**\n * Spacer component for adding vertical or horizontal space\n * Uses table-based layout for consistent spacing across email clients\n */\nexport function Spacer({ height = 20, width }: SpacerProps) {\n  const style: CSSProperties = {\n    height: height ? `${height}px` : undefined,\n    width: width ? `${width}px` : undefined,\n    lineHeight: height ? `${height}px` : undefined,\n    fontSize: '1px',\n  };\n\n  return (\n    <table\n      role=\"presentation\"\n      border={0}\n      cellPadding={0}\n      cellSpacing={0}\n      width={width || '100%'}\n      style={style}\n    >\n      <tbody>\n        <tr>\n          <td style={style}>&nbsp;</td>\n        </tr>\n      </tbody>\n    </table>\n  );\n}\n","import { type CSSProperties } from 'react';\n\nexport interface DividerProps {\n  color?: string;\n  height?: number;\n  width?: string | number;\n  marginTop?: number;\n  marginBottom?: number;\n}\n\n/**\n * Divider component for horizontal lines\n * Uses border-top for reliable rendering across email clients\n */\nexport function Divider({\n  color = '#e0e0e0',\n  height = 1,\n  width = '100%',\n  marginTop = 16,\n  marginBottom = 16,\n}: DividerProps) {\n  const containerStyle: CSSProperties = {\n    margin: `${marginTop}px 0 ${marginBottom}px 0`,\n    width: typeof width === 'number' ? `${width}px` : width,\n  };\n\n  const dividerStyle: CSSProperties = {\n    borderTop: `${height}px solid ${color}`,\n    fontSize: '1px',\n    lineHeight: '1px',\n    margin: 0,\n    padding: 0,\n  };\n\n  return (\n    <table\n      role=\"presentation\"\n      border={0}\n      cellPadding={0}\n      cellSpacing={0}\n      width=\"100%\"\n      style={containerStyle}\n    >\n      <tbody>\n        <tr>\n          <td style={dividerStyle}>&nbsp;</td>\n        </tr>\n      </tbody>\n    </table>\n  );\n}\n","import { type CSSProperties, type ReactNode } from 'react';\n\nexport interface RowProps {\n  children: ReactNode;\n  backgroundColor?: string;\n  padding?: number | string;\n  style?: CSSProperties;\n}\n\n/**\n * Row component for horizontal layout containers\n * Works with Column components to create responsive grid layouts\n */\nexport function Row({ children, backgroundColor, padding: _padding, style = {} }: RowProps) {\n  const tableStyle: CSSProperties = {\n    width: '100%',\n    backgroundColor,\n    ...style,\n  };\n\n  // Note: padding is intentionally not used here - Row children (Column) handle their own padding\n\n  return (\n    <table\n      role=\"presentation\"\n      border={0}\n      cellPadding={0}\n      cellSpacing={0}\n      width=\"100%\"\n      style={tableStyle}\n    >\n      <tbody>\n        <tr>{children}</tr>\n      </tbody>\n    </table>\n  );\n}\n","import { type CSSProperties, type ReactNode } from 'react';\n\nexport interface ColumnProps {\n  children: ReactNode;\n  width?: number | string;\n  backgroundColor?: string;\n  padding?: number | string;\n  align?: 'left' | 'center' | 'right';\n  verticalAlign?: 'top' | 'middle' | 'bottom';\n  style?: CSSProperties;\n}\n\n/**\n * Column component for grid layouts\n * Must be used inside a Row component\n * Responsive: stacks on mobile by default\n */\nexport function Column({\n  children,\n  width,\n  backgroundColor,\n  padding = 0,\n  align = 'left',\n  verticalAlign = 'top',\n  style = {},\n}: ColumnProps) {\n  const cellStyle: CSSProperties = {\n    width: typeof width === 'number' ? `${width}px` : width,\n    backgroundColor,\n    padding: typeof padding === 'number' ? `${padding}px` : padding,\n    textAlign: align,\n    verticalAlign,\n    ...style,\n  };\n\n  return (\n    <td style={cellStyle} align={align} valign={verticalAlign}>\n      {children}\n    </td>\n  );\n}\n","import { type CSSProperties, type ReactNode } from 'react';\n\nexport interface ContainerProps {\n  children: ReactNode;\n  maxWidth?: number;\n  backgroundColor?: string;\n  padding?: number | string;\n  align?: 'left' | 'center' | 'right';\n  style?: CSSProperties;\n}\n\n/**\n * Container component - lightweight wrapper without MSO conditionals\n * Use Block for full email-safe containers with Outlook support\n */\nexport function Container({\n  children,\n  maxWidth = 600,\n  backgroundColor,\n  padding = 20,\n  align = 'center',\n  style = {},\n}: ContainerProps) {\n  const tableStyle: CSSProperties = {\n    maxWidth: `${maxWidth}px`,\n    width: '100%',\n    backgroundColor,\n    margin: '0 auto',\n    ...style,\n  };\n\n  const cellStyle: CSSProperties = {\n    padding: typeof padding === 'number' ? `${padding}px` : padding,\n  };\n\n  return (\n    <table\n      role=\"presentation\"\n      border={0}\n      cellPadding={0}\n      cellSpacing={0}\n      width=\"100%\"\n      style={tableStyle}\n      align={align}\n    >\n      <tbody>\n        <tr>\n          <td style={cellStyle}>{children}</td>\n        </tr>\n      </tbody>\n    </table>\n  );\n}\n","/**\n * @adidas/htmplar-core - React component library for email development\n * @packageDocumentation\n */\n\nexport const version = '2.0.0-alpha.0';\n\n// Export components\nexport { Block } from './components/Block';\nexport type { BlockProps } from './components/Block';\n\nexport { Text } from './components/Text';\nexport type { TextProps } from './components/Text';\n\nexport { Button } from './components/Button';\nexport type { ButtonProps } from './components/Button';\n\nexport { Image } from './components/Image';\nexport type { ImageProps } from './components/Image';\n\nexport { Link } from './components/Link';\nexport type { LinkProps } from './components/Link';\n\nexport { Heading } from './components/Heading';\nexport type { HeadingProps } from './components/Heading';\n\nexport { Spacer } from './components/Spacer';\nexport type { SpacerProps } from './components/Spacer';\n\nexport { Divider } from './components/Divider';\nexport type { DividerProps } from './components/Divider';\n\nexport { Row } from './components/Row';\nexport type { RowProps } from './components/Row';\n\nexport { Column } from './components/Column';\nexport type { ColumnProps } from './components/Column';\n\nexport { Container } from './components/Container';\nexport type { ContainerProps } from './components/Container';\n\nconsole.log(`@adidas/htmplar-core v${version} loaded`);\n"]}

package/package.json

@@ -1,4 +1,53 @@
 {
   "name": "@adidas/htmplar-core",
-  "version": "0.0.0"
+  "version": "2.0.0-alpha.0",
+  "description": "React component library for email development",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/adidas/htmplar.git",
+    "directory": "packages/core"
+  },
+  "homepage": "https://github.com/adidas/htmplar#readme",
+  "bugs": {
+    "url": "https://github.com/adidas/htmplar/issues"
+  },
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "lint": "eslint src",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "typecheck": "tsc --noEmit"
+  },
+  "dependencies": {
+    "@vanilla-extract/css": "^1.15.5",
+    "classnames": "^2.5.1"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.8",
+    "@types/react-dom": "^18.3.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
 }