@typestyles/props

0.4.2

Patch Changes

• #98 e17b8a0 Thanks @dbanksdesign! - Add npm landing-page READMEs for every published package, an examples index with contributor guidance, and doc-to-example cross-links (P2.13).

• Updated dependencies [23bd4f1, 47bc7bd, f06fb48, e17b8a0, a4ccfbc, 8de36fa, 0729526, aff0a8c, a984b6b, b701e62, 3459b70]:

  • typestyles@0.7.0

0.4.1

Patch Changes

• Updated dependencies [fd16bad, aa88d25, 60a8383, f979149, b29a531]:
  • typestyles@0.6.0

0.4.0

Minor Changes

• #49: Add ESLint configuration across all packages, examples, and docs. Create shared eslint.base.js config with TypeScript rules and add lint scripts to all package.json files. Update CI workflow to run lint via turbo.

Patch Changes

• #45: Add comprehensive test coverage for previously untested modules: props utils/generate/runtime, typestyles build, and migrate transform/css/files.
• #50: Add lint-staged for prettier formatting on pre-commit hook and format entire codebase
• Updated dependencies [#52]
• Updated dependencies [#63]
• Updated dependencies [#62]
• Updated dependencies [#61]
• Updated dependencies [#73]
• Updated dependencies [#72]
• Updated dependencies [#45]
• Updated dependencies [#59]
• Updated dependencies [#49]
• Updated dependencies [#56]
• Updated dependencies [#34]
• Updated dependencies [#50]
• Updated dependencies [#66]
• Updated dependencies [#68]
• Updated dependencies [#57]
• Updated dependencies [#54]
• Updated dependencies [#64]
  • typestyles@0.5.0

0.3.1

Patch Changes

• Updated dependencies [#25]
• Updated dependencies [#27]
• Updated dependencies [#33]
• Updated dependencies [#31]
• Updated dependencies [#23]
• Updated dependencies [#26]
  • typestyles@0.4.0

0.3.0

Minor Changes

• #10: Fix lint errors and TypeScript issues
  • Replace any types with unknown in type definitions
  • Fix empty object types {} in defineProperties
  • Add proper generic type parameters to functions
  • Prefix unused parameters with underscore
  • Add eslint ignores for generated docs files and scripts
  • Fix test assertions to use proper types

Patch Changes

• Updated dependencies [#9]
• Updated dependencies [#13]
• Updated dependencies [#10]
  • typestyles@0.3.0

0.2.0

Minor Changes

• #6: Add new @typestyles/props package for type-safe atomic CSS utility generation, with defineProperties() and createProps() APIs supporting responsive conditions, shorthand properties, and automatic CSS injection.

  Add compose to styles namespace for composing multiple selector functions or class strings. Add createVar() and assignVars() for CSS custom property management. Export insertRules, reset, and flushSync utilities from the sheet module. Add CSSVarRef and RecipeVariants type exports.

Patch Changes

• Updated dependencies [#6]
  • typestyles@0.2.0

0.1.0

Initial Release

Type-safe atomic CSS utility generator for typestyles.

Features:

• defineProperties() - Define CSS properties with allowed values and responsive conditions
• createProps() - Generate atomic utility classes with full TypeScript inference
• Responsive/conditional styling via media queries, container queries, and custom selectors
• Shorthand property support (e.g., padding expanding to paddingTop, paddingRight, etc.)
• Automatic CSS injection with SSR support via getRegisteredCss()
• Full type safety with autocomplete for properties, values, and conditions

Example:

import { defineProperties, createProps } from '@typestyles/props';

const responsiveProps = defineProperties({
  conditions: {
    mobile: { '@media': '(min-width: 768px)' },
    desktop: { '@media': '(min-width: 1024px)' },
  },
  properties: {
    display: ['flex', 'block', 'grid', 'none'],
    padding: { 0: '0', 1: '4px', 2: '8px', 3: '16px' },
  },
  shorthands: {
    p: ['padding'],
  },
});

const props = createProps('atoms', responsiveProps);

// Type-safe usage with full autocomplete
props({
  display: 'flex',
  padding: 2,
  p: { mobile: 3, desktop: 4 },
});