From 54cde5b885a636e173808dd077b88faa6ba9d8c3 Mon Sep 17 00:00:00 2001 From: Antonella Sgarlatta Date: Mon, 14 Jun 2021 16:38:21 -0300 Subject: [PATCH] chore(version-deps): StyleKit v5.2.1 --- app/assets/stylesheets/_sn.scss | 315 -------------------------------- package.json | 4 +- yarn.lock | 14 +- 3 files changed, 8 insertions(+), 325 deletions(-) diff --git a/app/assets/stylesheets/_sn.scss b/app/assets/stylesheets/_sn.scss index 7120ea12d..1d6acad2c 100644 --- a/app/assets/stylesheets/_sn.scss +++ b/app/assets/stylesheets/_sn.scss @@ -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. diff --git a/package.json b/package.json index 8fae7c363..334e4d647 100644 --- a/package.json +++ b/package.json @@ -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" diff --git a/yarn.lock b/yarn.lock index a14d4d07a..869208fab 100644 --- a/yarn.lock +++ b/yarn.lock @@ -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"