0.103.0

0.103.0 (Jun 14, 2021)

🔻 New Icons

• AlignBottom
• AlignCenter
• AlignLeft
• AlignMiddle
• AlignRight
• AlignTop
• DropPin
• Gridlines

✨ Miscellaneous

• ColorSelect: remove lingering console.log (#14)

0.102.0

0.102.0 (Jun 9, 2021)

🔻 New Icons

• Circle
• Duplicate
• FastForward
• FormatLandscape
• FormatSquare
• Layout
• Minus
• Replace
• Rewind
• SceneMedia
• Text
• VolumeOff
• VolumeOn

0.101.1

0.101.1 (Jun 9, 2021)

🐛 Bugs

• usePortal: tweak mechanics to improve multiple issues (#12)

0.101.0

0.101.0 (May 25, 2021)

🆕 New Components

• Sidebar

🪙 Tokens

• tx utility is now exported from @vimeo/iris/tokens

Example Use

import { rgba } from 'polished';
import { core, tx } from '@vimeo/iris/tokens';

const PrimaryTranslucent = styled.div`
  background: ${(p) => rgba(tx(p.theme, core.color.format.primary), 0.5)};
  color: ${core.color.text(100)};
`;

0.100.0

0.100.0 (May 24, 2021)

⬆️ Updated Components

• Badge
  • new xl size
  • null children will now default to format string with hyphens replaced by spaces
  • new stories added
  • format prop is no longer output to DOM

🪙 Tokens

• a preliminary batch of design tokens has been released

Example Use

import { core } from '@vimeo/iris/tokens';

const ErrorDiv = styled.div`
  border: 2px solid ${core.color.status.negative};
  color: ${core.color.text(100)};
`;