Code

Migrate components to CSS Modules#2163

Code

Merged

connor-baer merged 68 commits intonextsumup-oss/circuit-ui:nextfrom feat/css-modulessumup-oss/circuit-ui:feat/css-modulesCopy head branch name to clipboardJul 13, 2023

+10,822-58,836

Commits

Commits on Jun 25, 2023

• Recommend VS Code extensions

  connor-baer

  committed
  ea0dd73

• Don't lint generated theme

  connor-baer

  committed
  8917a56

• Lint CSS in CI

  connor-baer

  committed
  39265fa

• Build with Vite for CSS module support

  connor-baer

  committed
  d9072d1

• Use relative imports in Storybook components

  Show description for 6d31aa2
  connor-baer

  committed
  6d31aa2

• Support CSS custom properties in style attribute

  connor-baer

  committed
  ba58068

• Add clsx util for classnames

  connor-baer

  committed
  1ee2c21

• Add utility classes

  connor-baer

  committed
  88950ba

• Migrate Hr component to CSS modules

  connor-baer

  committed
  52cc2f6

Commits on Jun 29, 2023

• Migrate Card component to CSS modules

  connor-baer

  committed
  ee95406

• Migrate Button component to CSS modules

  connor-baer

  committed
  4fd4dfc

• Migrate IconButton component to CSS modules

  connor-baer

  committed
  0a18c09

• Migrate CloseButton component to CSS modules

  connor-baer

  committed
  b249b4e

• Migrate Spinner component to CSS modules

  connor-baer

  committed
  976b9ce

• Migrate Headline component to CSS modules

  connor-baer

  committed
  6d84a8a

• Migrate SubHeadline component to CSS modules

  connor-baer

  committed
  28a4b50

• Migrate Body component to CSS modules

  connor-baer

  committed
  b3af2c2

• Migrate BodyLarge component to CSS modules

  connor-baer

  committed
  b9642f0

• Migrate Anchor component to CSS modules

  connor-baer

  committed
  2289ec3

• Migrate Title component to CSS modules

  connor-baer

  committed
  616daf7

• Migrate List component to CSS modules

  connor-baer

  committed
  5e421b2

Commits on Jun 30, 2023

• Migrate AspectRatio component to CSS modules

  connor-baer

  committed
  51bb82f

• Migrate Avatar component to CSS modules

  connor-baer

  committed
  396cd7c

• Migrate Badge component to CSS modules

  connor-baer

  committed
  71d0c31

• Migrate Field atoms to CSS modules

  connor-baer

  committed
  aa578f0

• Migrate Input components to CSS modules

  connor-baer

  committed
  b93223a

• Migrate Select component to CSS modules

  connor-baer

  committed
  5960689

• Migrate Pagination components to CSS modules

  connor-baer

  committed
  3117baa

• Migrate ProgressBar component to CSS modules

  connor-baer

  committed
  7d53187

• Migrate Hamburger component to CSS modules

  connor-baer

  committed
  8fa83e0

• Migrate Header component to CSS modules

  connor-baer

  committed
  d84906f

• Migrate ImageInput component to CSS modules

  connor-baer

  committed
  a4437d3

• Migrate Image component to CSS modules

  connor-baer

  committed
  ba940f0

• Migrate Skeleton components to CSS modules

  connor-baer

  committed
  4deab4e

• Migrate Toggle component to CSS modules

  connor-baer

  committed
  f7442d5

• Migrate Tag component to CSS modules

  connor-baer

  committed
  f49589d

• Migrate Checkbox components to CSS modules

  connor-baer

  committed
  1ae7be6

• Migrate RadioButton components to CSS modules

  connor-baer

  committed
  e07cb10

• Migrate Selector components to CSS modules

  connor-baer

  committed
  1f3ba99

• Migrate Modal component to CSS modules

  connor-baer

  committed
  94bbb02

• Migrate NotificationModal component to CSS modules

  connor-baer

  committed
  cf08920

• Migrate NotificationBanner component to CSS modules

  connor-baer

  committed
  6301600

• Migrate NotificationFullscreen component to CSS modules

  connor-baer

  committed
  152d2fa

• Migrate NotificationInline component to CSS modules

  connor-baer

  committed
  a72ba78

• Migrate NotificationToast component to CSS modules

  connor-baer

  committed
  9f6b194

• Migrate style mixins to custom properties

  connor-baer

  committed
  a969a2a

• Migrate Popover component to CSS modules

  connor-baer

  committed
  4fce290

• Migrate BaseStyles component to vanilla CSS

  connor-baer

  committed
  f3390f2

• Fix bundling of legacy components

  connor-baer

  committed
  2047753

• Add docs for legacy theme to legacy components

  connor-baer

  committed
  d321f96

• Migrate Carousel component to CSS modules

  connor-baer

  committed
  3dab78b

• Migrate useFocusList hook to CSS modules

  connor-baer

  committed
  b5897c6

• Migrate Table components to CSS modules

  connor-baer

  committed
  3872c9b

• Migrate Tab components to CSS modules

  connor-baer

  committed
  1418cb4

• Migrate ListItem components to CSS modules

  connor-baer

  committed
  9656a4b

• Migrate SidePanel components to CSS modules

  connor-baer

  committed
  8163c2b

• Import base styles in Storybook

  connor-baer

  committed
  3135d5b

• Migrate SideNavigation components to CSS modules

  connor-baer

  committed
  21ae7a8

• Migrate TopNavigation components to CSS modules

  connor-baer

  committed
  6d0e2b0

• Increase uniqueness of classes

  connor-baer

  committed
  8d394af

• Clean up private style mixins

  connor-baer

  committed
  b301fee

• Mark style mixins as legacy

  connor-baer

  committed
  2d87993

• Migrate Storybook components to CSS modules

  connor-baer

  committed
  15c6eaa

• Exclude optional dependencies from bundle

  connor-baer

  committed
  14fa10f

• Fix IconsManifest type

  connor-baer

  committed
  2583a53

• Migrate Step components to CSS modules

  connor-baer

  committed
  94dbee5

Commits on Jul 11, 2023

• Update the getting started docs

  connor-baer

  committed
  c7f4ded

• Add changeset for CSS Modules

  connor-baer

  committed
  e11025e