rmorawski/standardnotes-app-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore(version-deps): StyleKit v5.2.1

Browse Source
This commit is contained in:
Antonella Sgarlatta
2021-06-14 16:38:21 -03:00
parent ac9c4093de
commit 54cde5b885
3 changed files with 8 additions and 325 deletions
Download Patch File Download Diff File Expand all files Collapse all files

315
app/assets/stylesheets/_sn.scss
View File

@@ -1,324 +1,9 @@
/* Components and utilities that are good candidates for extraction to StyleKit. */
.border-2 {
border-width: 2px;
}
.border-b-1 {
border-bottom-width: 1px;
}
.border-background {
border-color: var(--sn-stylekit-background-color);
}
.border-transparent {
border-color: transparent;
}
.border-info {
border-color: var(--sn-stylekit-info-color);
}
.border-neutral {
border-color: var(--sn-stylekit-neutral-color);
}
.bg-border {
background-color: var(--sn-stylekit-border-color);
}
.bg-clip-padding {
background-clip: padding-box;
}
.bg-neutral {
background-color: var(--sn-stylekit-neutral-color);
}
.focus-within\:border-background:focus-within {
border-color: var(--sn-stylekit-background-color);
}
.focus\:border-bottom:focus {
border-bottom: 2px solid var(--sn-stylekit-info-color);
}
.grid {
display: grid;
}
.justify-start {
justify-content: flex-start;
}
.my-2 {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.ml-1 {
margin-left: 0.25rem;
}
.mr-1 {
margin-right: 0.25rem;
}
.mr-10 {
margin-right: 2.5rem;
}
.-mt-1 {
margin-top: -0.25rem;
}
.-mr-1 {
margin-right: -0.25rem;
}
.-mr-2 {
margin-right: -0.5rem;
}
.py-1 {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.pl-1 {
padding-left: 0.25rem;
}
.pr-2 {
padding-right: 0.5rem;
}
.px-1 {
padding-left: 0.25rem;
padding-right: 0.25rem;
}
.px-2 {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.py-1\.5 {
padding-top: 0.375rem;
padding-bottom: 0.375rem;
}
.py-8 {
padding-top: 2rem;
padding-bottom: 2rem;
}
.outline-none {
outline: none;
}
.color-foreground {
color: var(--sn-stylekit-foreground-color);
}
.color-danger {
color: var(--sn-stylekit-danger-color);
}
.color-info {
color: var(--sn-stylekit-info-color);
}
.ring-info {
box-shadow: 0 0 0 2px var(--sn-stylekit-info-color);
}
.inner-ring-info {
box-shadow: inset 0 0 0 2px var(--sn-stylekit-info-color);
}
.focus\:bg-contrast:focus {
@extend .bg-contrast;
}
.hover\:color-text:hover {
@extend .color-text;
}
.focus\:color-text:focus {
@extend .color-text;
}
.hover\:bg-secondary-contrast:hover {
@extend .bg-secondary-contrast;
}
.focus\:bg-secondary-contrast:focus {
@extend .bg-secondary-contrast;
}
.focus\:inner-ring-info:focus {
@extend .inner-ring-info;
}
.focus\:ring-info:focus {
@extend .ring-info;
}
.focus-within\:ring-info:focus-within {
@extend .ring-info;
}
.text-left {
text-align: left;
}
.text-3xl {
font-size: 1.875rem;
line-height: 2.25rem;
}
.w-0 {
width: 0;
}
.w-3\.5 {
width: 0.875rem;
}
.w-5 {
width: 1.25rem;
}
.w-8 {
width: 2rem;
}
.max-w-290px {
max-width: 290px;
}
.max-w-xs {
max-width: 20rem;
}
.max-w-40 {
max-width: 10rem;
}
.min-w-5 {
min-width: 1.25rem;
}
.min-w-40 {
min-width: 10rem;
}
.h-1px {
height: 1px;
}
.h-0 {
height: 0;
}
.h-3\.5 {
height: 0.875rem;
}
.h-4\.5 {
height: 1.125rem;
}
.h-5 {
height: 1.25rem;
}
.h-6 {
height: 1.5rem;
}
.h-7 {
height: 1.75rem;
}
.h-8 {
height: 2rem;
}
.h-9 {
height: 2.25rem;
}
.h-10 {
height: 2.5rem;
}
.h-18 {
height: 4.5rem;
}
.h-90vh {
height: 90vh;
}
.max-h-120 {
max-height: 30rem;
}
.min-h-5 {
min-height: 1.25rem;
}
.fixed {
position: fixed;
}
.overflow-y-auto {
overflow-y: auto;
}
.overflow-auto {
overflow: auto;
}
.overflow-hidden {
overflow: hidden;
}
.overflow-ellipsis {
text-overflow: ellipsis;
}
.items-start {
align-items: flex-start;
}
.p-2 {
padding: 0.5rem;
}
.flex-wrap {
flex-wrap: wrap;
}
.whitespace-pre-wrap {
white-space: pre-wrap;
}
.whitespace-nowrap {
white-space: nowrap;
}
.w-80 {
width: 20rem;
}
.w-70 {
width: 17.5rem;
}
/**
* A button that is just an icon. Separated from .sn-button because there
* is almost no style overlap.

4
package.json
View File

@@ -55,7 +55,7 @@
"pug-loader": "^2.4.0",
"sass-loader": "^8.0.2",
"serve-static": "^1.14.1",
"sn-stylekit": "5.1.0",
"sn-stylekit": "5.2.1",
"ts-loader": "^8.0.17",
"typescript": "4.2.3",
"typescript-eslint": "0.0.1-alpha.0",
@@ -71,7 +71,7 @@
"@reach/checkbox": "^0.13.2",
"@reach/dialog": "^0.13.0",
"@standardnotes/sncrypto-web": "1.2.10",
"@standardnotes/snjs": "2.6.3",
"@standardnotes/snjs": "file:../snjs/packages/snjs",
"mobx": "^6.1.6",
"mobx-react-lite": "^3.2.0",
"preact": "^10.5.12"

14
yarn.lock
View File

@@ -1936,10 +1936,8 @@
"@standardnotes/sncrypto-common" "^1.2.7"
libsodium-wrappers "^0.7.8"
"@standardnotes/snjs@2.6.3":
version "2.6.3"
resolved "https://registry.yarnpkg.com/@standardnotes/snjs/-/snjs-2.6.3.tgz#7677899c050b0616d994423fd4ec9caf03394f35"
integrity sha512-5pWh+BPVPpd6JlP3avo2puGk9EWUaH0+6Y1fN9rMR8oLZ2oc8Dffiy5S4TLNm8zL4q504oMlm1/ALkwwZpKLEQ==
"@standardnotes/snjs@file:../snjs/packages/snjs":
version "2.6.2"
dependencies:
"@standardnotes/auth" "^2.0.0"
"@standardnotes/sncrypto-common" "^1.2.9"
@@ -7815,10 +7813,10 @@ slice-ansi@^4.0.0:
astral-regex "^2.0.0"
is-fullwidth-code-point "^3.0.0"
sn-stylekit@5.1.0:
version "5.1.0"
resolved "https://registry.yarnpkg.com/sn-stylekit/-/sn-stylekit-5.1.0.tgz#97ce7323834ff7f3645ed4463beb3ad4e42f7e7e"
integrity sha512-SjKJYGRnR1iCVtllqJyW9/gWV7V56MJrkXHEo5+C9Ch3syRRlG3k+AwC0vC8ms6PWxpHJUdCHLQROvFOBPQuCw==
sn-stylekit@5.2.1:
version "5.2.1"
resolved "https://registry.yarnpkg.com/sn-stylekit/-/sn-stylekit-5.2.1.tgz#d56a38017d6b45f5c2ebcf7b2c2db94c50a26e27"
integrity sha512-kupuH9XlPy5TuO2a2E+sLQnF41VQ0a4cwHRltNhQSI6O135n4HkkDYgyEAvy5DKcc0aun4KHy5mz9kYefQvciw==
snapdragon-node@^2.0.1:
version "2.1.1"