@initiate-ui/[email protected]

Patch Changes

• e3470db: patched in step to object for filtering

@initiate-ui/[email protected]

Major Changes

• e8557b3: # what

  Move from min and max to sizes

  why

  This is more flexible and allows for more control over the scale for tools like Figma that may need granular access to specific sizes at certain breakpoints (or classic css media queries)

  how

  Old method

  const scale = buildTypographyScales({
    range: [-1, 0, 2],
    min: {
      width: 320,
      fontSize: 16,
      typeScale: TypographyScaleValues.MINOR_SECOND.value
    },
    max: {
      width: 1440,
      fontSize: 20,
      typeScale: TypographyScaleValues.PERFECT_FOURTH.value
    }
  });

  New method

  const scale = buildTypographyScales({
    range: [-1, 0, 2],
    sizes: [
      {
        $name: "BP1",
        width: 320,
        fontSize: 16,
        typeScale: TypographyScaleValues.MINOR_SECOND.value
      },
      {
        $name: "BP2",
        width: 768,
        fontSize: 18,
        typeScale: TypographyScaleValues.PERFECT_FOURTH.value
      },
      {
        $name: "BP3",
        width: 1440,
        fontSize: 20,
        typeScale: TypographyScaleValues.PERFECT_FOURTH.value
      }
    ]
  });

@initiate-ui/[email protected]

Patch Changes

• e3470db: patched in step to object for filtering
• Updated dependencies [e3470db]
  • @initiate-ui/[email protected]

@initiate-ui/[email protected]

Patch Changes

• 0d938d6: Change typings

@initiate-ui/[email protected]

Patch Changes

• 9846189: compiler options

@initiate-ui/[email protected]

Patch Changes

• bbee9ea: package json fix

@initiate-ui/[email protected]

Major Changes

• e034700: release

@initiate-ui/[email protected]

Patch Changes

• 3c2592b: build

@initiate-ui/[email protected]

Patch Changes

• 99ed5c8: Provide commonjs exports

@initiate-ui/[email protected]

Major Changes

• e034700: release

Patch Changes

• Updated dependencies [e034700]
  • @initiate-ui/[email protected]