Code

Various ZUI chips 🥔 #2408

Code

Open

ziggabyte wants to merge 14 commits intoundocumented/new-design-systemzetkin/app.zetkin.org:undocumented/new-design-systemfrom undocumented/various-zui-chipszetkin/app.zetkin.org:undocumented/various-zui-chipsCopy head branch name to clipboard

+674-7

Commits

Commits on Nov 11, 2024

• Create ZUIProgressChip component + storybook story

  ziggabyte

  committed
  5d98bf8

• Create ZUIDataChip component + story.

  ziggabyte

  committed
  7b20039

• Add proper titles to the stories.

  ziggabyte

  committed
  f805ba2

• Create ZUITargetGroupChip + story.

  ziggabyte

  committed
  aa1ad6b

Commits on Nov 12, 2024

• Add size property and more stories to ZUIProgressChip.

  ziggabyte

  committed
  5f69e09

Commits on Nov 13, 2024

• Update ZUIDataChip to have access to all data colors, improve documentation to guide user to correct color combos, improve examples to display different uses of the chips.

  ziggabyte

  committed
  d34ee07

Commits on Dec 4, 2024

• Update types for tags to better reflect reality.

  ziggabyte

  committed
  eb8b91d

• Make placement property on ZUITooltip optional with a default for better user experience.

  ziggabyte

  committed
  b5471a4

• Create ZUITagChip component + storybook story.

  ziggabyte

  committed
  9f099b8

Commits on Dec 5, 2024

• Create function to get the contrast color from the theme, or a calculated contrast color if it's not a theme tag color.

  ziggabyte

  committed
  112be3c

• use function to get contrasting colors, set font size, make tag inline-flex to be the size of its content and not its parent.

  ziggabyte

  committed
  07aee42

• Remove render function now that tags are the correct size on their own, and use color from the theme for value tag examples.

  ziggabyte

  committed
  0e82501

Commits on Dec 10, 2024

• Rename folder.

  ziggabyte

  committed
  2dd7230

• Change from Object.keys to Object.values to avoid type casting.

  ziggabyte

  committed
  b947d5c