Skip to content
This repository was archived by the owner on Sep 20, 2024. It is now read-only.

feat(theme): add default config settings #489

Merged
merged 11 commits into from
Jan 19, 2022
Merged

feat(theme): add default config settings #489

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
11 commits
Select commit Hold shift + click to select a range
3321ac4
feat(thene): add default config settings
carwack Sep 19, 2021
8d7006b
fix(theme): fix lint
carwack Sep 19, 2021
788fc25
v0.10.2
carwack Sep 21, 2021
459ac06
docs(theme): add config info to docs
carwack Sep 21, 2021
f25a9cf
fix: undo package version change
carwack Sep 21, 2021
dd7c828
Merge branch 'develop' into feat/theme/add-default-config-settings
codebender828 Sep 23, 2021
c774012
tests: update snapshots
carwack Sep 27, 2021
596bfa4
Merge branch 'feat/theme/add-default-config-settings' of github.com:c…
carwack Sep 27, 2021
36ff36c
Merge branch 'develop' into feat/theme/add-default-config-settings
codebender828 Dec 22, 2021
33b8664
chore: remove trailing commas
codebender828 Jan 19, 2022
16c663d
chore: update snapshot
carwack Jan 19, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
28 changes: 14 additions & 14 deletions packages/chakra-ui-core/src/CAccordion/tests/__snapshots__/CAccordion.test.js.snap
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,22 +24,22 @@ exports[`should render correctly 1`] = `
outline-offset: 2px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
-webkit-padding-start: var(--space-4);
padding-inline-start: var(--space-4);
-webkit-padding-end: var(--space-4);
padding-inline-end: var(--space-4);
padding-top: var(--space-2);
padding-bottom: var(--space-2);
-webkit-padding-start: var(--chakra-space-4);
padding-inline-start: var(--chakra-space-4);
-webkit-padding-end: var(--chakra-space-4);
padding-inline-end: var(--chakra-space-4);
padding-top: var(--chakra-space-2);
padding-bottom: var(--chakra-space-2);
}

.emotion-3:focus,
.emotion-3[data-focus] {
box-shadow: var(--shadows-outline);
box-shadow: var(--chakra-shadows-outline);
}

.emotion-3:hover,
.emotion-3[data-hover] {
background: var(--colors-blackAlpha-50);
background: var(--chakra-colors-blackAlpha-50);
}

.emotion-3[disabled],
Expand Down Expand Up @@ -80,12 +80,12 @@ exports[`should render correctly 1`] = `
}

.emotion-8 {
padding-top: var(--space-2);
-webkit-padding-start: var(--space-4);
padding-inline-start: var(--space-4);
-webkit-padding-end: var(--space-4);
padding-inline-end: var(--space-4);
padding-bottom: var(--space-5);
padding-top: var(--chakra-space-2);
-webkit-padding-start: var(--chakra-space-4);
padding-inline-start: var(--chakra-space-4);
-webkit-padding-end: var(--chakra-space-4);
padding-inline-end: var(--chakra-space-4);
padding-bottom: var(--chakra-space-5);
}

<div
Expand Down
118 changes: 59 additions & 59 deletions packages/chakra-ui-core/src/CAlert/tests/__snapshots__/CAlert.test.js.snap
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
exports[`should override icon if set explicitly 1`] = `
<DocumentFragment>
.emotion-0 {
font-family: var(--fonts-body);
font-family: var(--chakra-fonts-body);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
Expand All @@ -14,11 +14,11 @@ exports[`should override icon if set explicitly 1`] = `
align-items: center;
position: relative;
overflow: hidden;
padding-left: var(--space-4);
padding-right: var(--space-4);
padding-top: var(--space-3);
padding-bottom: var(--space-3);
background: var(--colors-red-100);
padding-left: var(--chakra-space-4);
padding-right: var(--chakra-space-4);
padding-top: var(--chakra-space-3);
padding-bottom: var(--chakra-space-3);
background: var(--chakra-colors-red-100);
}

.emotion-1 {
Expand All @@ -34,15 +34,15 @@ exports[`should override icon if set explicitly 1`] = `
}

.emotion-2 {
width: var(--sizes-5);
height: var(--sizes-5);
width: var(--chakra-sizes-5);
height: var(--chakra-sizes-5);
display: inline-block;
vertical-align: middle;
}

.emotion-3 {
margin-right: var(--space-3);
color: var(--colors-red-500);
margin-right: var(--chakra-space-3);
color: var(--chakra-colors-red-500);
}

<div
Expand Down Expand Up @@ -82,7 +82,7 @@ exports[`should render correct variant styles 1`] = `
}

.emotion-2 {
font-family: var(--fonts-body);
font-family: var(--chakra-fonts-body);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
Expand All @@ -93,12 +93,12 @@ exports[`should render correct variant styles 1`] = `
align-items: center;
position: relative;
overflow: hidden;
padding-left: var(--space-4);
padding-right: var(--space-4);
padding-top: var(--space-3);
padding-bottom: var(--space-3);
background: var(--colors-green-100);
margin-bottom: var(--space-2);
padding-left: var(--chakra-space-4);
padding-right: var(--chakra-space-4);
padding-top: var(--chakra-space-3);
padding-bottom: var(--chakra-space-3);
background: var(--chakra-colors-green-100);
margin-bottom: var(--chakra-space-2);
}

.emotion-3 {
Expand All @@ -114,19 +114,19 @@ exports[`should render correct variant styles 1`] = `
}

.emotion-4 {
width: var(--sizes-5);
height: var(--sizes-5);
width: var(--chakra-sizes-5);
height: var(--chakra-sizes-5);
display: inline-block;
vertical-align: middle;
}

.emotion-5 {
margin-right: var(--space-3);
color: var(--colors-green-500);
margin-right: var(--chakra-space-3);
color: var(--chakra-colors-green-500);
}

.emotion-6 {
font-family: var(--fonts-body);
font-family: var(--chakra-fonts-body);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
Expand All @@ -137,21 +137,21 @@ exports[`should render correct variant styles 1`] = `
align-items: center;
position: relative;
overflow: hidden;
padding-left: var(--space-4);
padding-right: var(--space-4);
padding-top: var(--space-3);
padding-bottom: var(--space-3);
background: var(--colors-green-500);
color: var(--colors-white);
margin-bottom: var(--space-2);
padding-left: var(--chakra-space-4);
padding-right: var(--chakra-space-4);
padding-top: var(--chakra-space-3);
padding-bottom: var(--chakra-space-3);
background: var(--chakra-colors-green-500);
color: var(--chakra-colors-white);
margin-bottom: var(--chakra-space-2);
}

.emotion-9 {
margin-right: var(--space-3);
margin-right: var(--chakra-space-3);
}

.emotion-10 {
font-family: var(--fonts-body);
font-family: var(--chakra-fonts-body);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
Expand All @@ -162,18 +162,18 @@ exports[`should render correct variant styles 1`] = `
align-items: center;
position: relative;
overflow: hidden;
padding-left: var(--space-3);
padding-right: var(--space-4);
padding-top: var(--space-3);
padding-bottom: var(--space-3);
background: var(--colors-green-100);
border-left: var(--borders-4px);
border-color: var(--colors-green-500);
margin-bottom: var(--space-2);
padding-left: var(--chakra-space-3);
padding-right: var(--chakra-space-4);
padding-top: var(--chakra-space-3);
padding-bottom: var(--chakra-space-3);
background: var(--chakra-colors-green-100);
border-left: var(--chakra-borders-4px);
border-color: var(--chakra-colors-green-500);
margin-bottom: var(--chakra-space-2);
}

.emotion-14 {
font-family: var(--fonts-body);
font-family: var(--chakra-fonts-body);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
Expand All @@ -184,13 +184,13 @@ exports[`should render correct variant styles 1`] = `
align-items: center;
position: relative;
overflow: hidden;
padding-left: var(--space-4);
padding-right: var(--space-4);
padding-top: var(--space-2);
padding-bottom: var(--space-3);
background: var(--colors-green-100);
border-top: var(--borders-4px);
border-color: var(--colors-green-500);
padding-left: var(--chakra-space-4);
padding-right: var(--chakra-space-4);
padding-top: var(--chakra-space-2);
padding-bottom: var(--chakra-space-3);
background: var(--chakra-colors-green-100);
border-top: var(--chakra-borders-4px);
border-color: var(--chakra-colors-green-500);
}

<div
Expand Down Expand Up @@ -292,7 +292,7 @@ exports[`should render correct variant styles 1`] = `
exports[`should render correctly 1`] = `
<DocumentFragment>
.emotion-0 {
font-family: var(--fonts-body);
font-family: var(--chakra-fonts-body);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
Expand All @@ -303,11 +303,11 @@ exports[`should render correctly 1`] = `
align-items: center;
position: relative;
overflow: hidden;
padding-left: var(--space-4);
padding-right: var(--space-4);
padding-top: var(--space-3);
padding-bottom: var(--space-3);
background: var(--colors-blue-100);
padding-left: var(--chakra-space-4);
padding-right: var(--chakra-space-4);
padding-top: var(--chakra-space-3);
padding-bottom: var(--chakra-space-3);
background: var(--chakra-colors-blue-100);
}

.emotion-1 {
Expand All @@ -323,20 +323,20 @@ exports[`should render correctly 1`] = `
}

.emotion-2 {
width: var(--sizes-5);
height: var(--sizes-5);
width: var(--chakra-sizes-5);
height: var(--chakra-sizes-5);
display: inline-block;
vertical-align: middle;
}

.emotion-3 {
margin-right: var(--space-3);
color: var(--colors-blue-500);
margin-right: var(--chakra-space-3);
color: var(--chakra-colors-blue-500);
}

.emotion-4 {
font-weight: var(--fontWeights-bold);
line-height: var(--lineHeights-normal);
font-weight: var(--chakra-fontWeights-bold);
line-height: var(--chakra-lineHeights-normal);
}

<div
Expand Down
Loading