Skip to content

Commit

Permalink
Redid PrimerCSS-Components in TailwindCSS
Browse files Browse the repository at this point in the history
After deciding to not follow up on using PrimerCSS for many of the
designs (due to the persisting issue of not being able to compile the
SCSS files), the components taking style directions from PrimerCSS were
redone to make use of TailwindCSS.

In redoing the components, the interfaces found under `rucio.d.ts` were
also changed. These changes primarily consisted of simpifying the
interfaces to a minimum. In some cases, such as `CheckboxProps`, new
parameters were added (`CheckboxProps` now has the optional attribute
`disabled` so that the behaviour of other buttons is matched).

The rework touched the Javascript logic in some cases, but mainly tried
to port the designs from PrimerCSS into TailwindCSS. The components
redone are:

* Alert (split into Standard, Warning, Success and Error)
* Box (split into Condensed, Spacious, Blue, Danger)
* Button (Button, Checkbox, Radiobutton) (Switch remains unchanged)
  • Loading branch information
ThePhisch committed Feb 20, 2023
1 parent 8a4df36 commit 76e0b95
Show file tree
Hide file tree
Showing 19 changed files with 1,405 additions and 410 deletions.
3 changes: 2 additions & 1 deletion .storybook/preview.js
Original file line number Diff line number Diff line change
Expand Up @@ -6,4 +6,5 @@ export const parameters = {
date: /Date$/,
},
},
}
}
import '../src/component-library/outputtailwind.css'
Loading

0 comments on commit 76e0b95

Please sign in to comment.