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
Anton Schwarz authored and maany committed Feb 22, 2023
1 parent 8cc270e commit 19e0845
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 19e0845

Please sign in to comment.