Skip to content

Commit

Permalink
Build package
Browse files Browse the repository at this point in the history
  • Loading branch information
@benjamindehli
benjamindehli committed Feb 21, 2024
1 parent a30e576 commit d4b3fe5
Show file tree
Hide file tree
Showing 13 changed files with 52 additions and 229 deletions.
2 changes: 1 addition & 1 deletion dist/components/Accordion.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -46,7 +46,7 @@ Accordion.propTypes = {
title: _propTypes.default.string,
titleSize: _propTypes.default.oneOf(["regular", "large"]),
content: _propTypes.default.string,
color: _propTypes.default.oneOf(["default", "primary", "success", "warning", "info", "lightCyan", "orange", "lightOrange", "lime", "lightLime"]),
color: _propTypes.default.oneOf(["default", "secondary"]),
expanded: _propTypes.default.bool,
onToggleExpand: _propTypes.default.func,
buttonProps: _propTypes.default.object
Expand Down
73 changes: 6 additions & 67 deletions dist/components/Accordion.module.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -75,79 +75,18 @@
width: 100%;
display: block;
&.default {
background-color: $color-default;
background-color: $color-default-background;
.panel span,
.content {
color: #000;
color: $color-default-text;
}
}
&.primary {
background-color: $color-primary;
color: #fff;
&.secondary {
background-color: $color-secondary-background;
color: $color-default-text;
.panel span,
.content {
color: #fff;
}
}
&.success {
background-color: $color-success;
color: #fff;
.panel span,
.content {
color: #fff;
}
}
&.warning {
background-color: $color-warning;
color: #fff;
.panel span,
.content {
color: #fff;
}
}

&.info {
background-color: $color-info;
.panel span,
.content {
color: #000;
}
}
&.lightCyan {
background-color: $color-light-cyan;
.panel span,
.content {
color: #000;
}
}
&.orange {
background-color: $color-orange;
color: #fff;
.panel span,
.content {
color: #fff;
}
}
&.lightOrange {
background-color: $color-light-orange;
.panel span,
.content {
color: #000;
}
}
&.lime {
background-color: $color-lime;
color: #fff;
.panel span,
.content {
color: #fff;
}
}
&.lightLime {
background-color: $color-light-lime;
.panel span,
.content {
color: #000;
color: $color-default-text;
}
}

Expand Down
10 changes: 5 additions & 5 deletions dist/components/Button.module.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -31,10 +31,10 @@
@include appearance(none);
@include border-radius(0);
@include transition(
filter 200ms $default-transition,
background-color 200ms $default-transition,
color 200ms $default-transition,
border-color 200ms $default-transition
filter $default-transition,
background-color $default-transition,
color $default-transition,
border-color $default-transition
);
font-family: $default-font;
border-style: solid;
Expand Down Expand Up @@ -90,7 +90,7 @@
}

&.default {
background-color: transparent;
background-color: #fff;
color: $color-primary-text;
border-color: $color-secondary-light;
&:not(.hasTheme) {
Expand Down
6 changes: 3 additions & 3 deletions dist/components/Container.module.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,9 +2,9 @@

.container {
margin: auto;
padding: 16px;
padding: 8px;
@media (min-width: $screen-sm) {
padding: 24px;
max-width: 980px;
padding: 20px;
max-width: 860px;
}
}
2 changes: 1 addition & 1 deletion dist/components/ContentBox.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -44,7 +44,7 @@ ContentBox.propTypes = {
titleSize: _propTypes.default.oneOf(["regular", "large"]),
content: _propTypes.default.string,
children: _propTypes.default.any,
color: _propTypes.default.oneOf(["default", "primary", "success", "warning", "info", "lightCyan", "orange", "lightOrange", "lime", "lightLime"])
color: _propTypes.default.oneOf(["default", "secondary"])
};
ContentBox.defaultProps = {
title: null,
Expand Down
73 changes: 6 additions & 67 deletions dist/components/ContentBox.module.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,79 +18,18 @@
}
}
&.default {
background-color: $color-default;
background-color: $color-default-background;
.content,
.title {
color: #000;
color: $color-default-text;
}
}
&.primary {
background-color: $color-primary;
color: #fff;
&.secondary {
background-color: $color-secondary-background;
color: $color-default-text;
.content,
.title {
color: #fff;
}
}
&.success {
background-color: $color-success;
color: #fff;
.content,
.title {
color: #fff;
}
}
&.warning {
background-color: $color-warning;
color: #fff;
.content,
.title {
color: #fff;
}
}

&.info {
background-color: $color-info;
.content,
.title {
color: #000;
}
}
&.lightCyan {
background-color: $color-light-cyan;
.content,
.title {
color: #000;
}
}
&.orange {
background-color: $color-orange;
color: #fff;
.content,
.title {
color: #fff;
}
}
&.lightOrange {
background-color: $color-light-orange;
.content,
.title {
color: #000;
}
}
&.lime {
background-color: $color-lime;
color: #fff;
.content,
.title {
color: #fff;
}
}
&.lightLime {
background-color: $color-light-lime;
.content,
.title {
color: #000;
color: $color-default-text;
}
}

Expand Down
2 changes: 1 addition & 1 deletion dist/components/DragAndDropFileInput.module.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@
}

&.highlighted {
background: $color-default;
background: $color-default-background;
border-color: $color-primary;
}
}
Expand Down
40 changes: 13 additions & 27 deletions dist/components/Header.module.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,14 +12,11 @@
}
&.size-1 {
font-family: $default-font;
font-size: 32px;
font-style: normal;
font-weight: 500;
line-height: 1.43;
font-size: 28px;
font-weight: 600;
line-height: 36px;
letter-spacing: 0px;
@media only screen and (min-width: $screen-sm) {
font-size: 38px;
}
&.bigHeader {
font-family: $default-font;
font-size: 40px;
Expand All @@ -33,46 +30,35 @@
}
&.size-2 {
font-family: $default-font;
font-size: 25px;
font-style: normal;
font-weight: 500;
line-height: 1.42;
font-size: 22px;
font-weight: 600;
line-height: 30px;
letter-spacing: 0px;
@media only screen and (min-width: $screen-sm) {
font-size: 30px;
}
}
&.size-3 {
font-family: $default-font;
font-size: 19px;
font-style: normal;
font-weight: bold;
line-height: 1;
font-size: 18px;
font-weight: 600;
line-height: 24px;
letter-spacing: 0px;
@media only screen and (min-width: $screen-sm) {
font-size: 22px;
}
}
&.size-4 {
font-family: $default-font;
font-size: 17px;
font-style: italic;
font-size: 17px;
font-weight: normal;
line-height: 1;
letter-spacing: 0px;
@media only screen and (min-width: $screen-sm) {
font-size: 21px;
}
}
&.size-5 {
font-family: $default-font;
font-size: 16px;
font-weight: normal;
font-style: normal;
font-size: 15px;
font-weight: 600;
line-height: 1;
letter-spacing: 0px;
@media only screen and (min-width: $screen-sm) {
font-size: 19px;
}
}
}
}
6 changes: 2 additions & 4 deletions dist/components/Paper.module.scss
View file
Original file line number Diff line number Diff line change
@@ -1,18 +1,16 @@
@import "../style/global.scss";

.paper {
line-height: 1.6;
position: relative;
width: 100%;
background: white;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.18);
&:not(.noMargin) {
margin: 20px 0;
}
&:not(.noPadding) {
padding: 12px 12px;
padding: 48px 20px;
@media only screen and (min-width: $screen-sm) {
padding: 24px 28px;
padding: 48px;
}
}
}
10 changes: 5 additions & 5 deletions dist/components/Table.module.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@
font-style: italic;
line-height: 1;
font-size: 19px;
color: #072938;
color: $color-primary;
}
&.captionSide-top {
caption {
Expand Down Expand Up @@ -42,20 +42,20 @@
thead {
tr {
background-color: #ededed;
border: 1px solid #000;
border: 1px solid $color-secondary;
th {
text-align: left;
font-size: 17px;
font-size: 16px;
padding: 10px;
}
}
}
tbody {
tr {
border: 1px solid #000;
border: 1px solid $color-secondary;
td {
padding: 10px;
font-size: 17px;
font-size: 16px;
}
}
}
Expand Down
Loading

0 comments on commit d4b3fe5

Please sign in to comment.