chore(version-deps): StyleKit v5.2.1

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.

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"

yarn.lock

@@ -1936,10 +1936,8 @@
     "@standardnotes/sncrypto-common" "^1.2.7"
     libsodium-wrappers "^0.7.8"
 
-"@standardnotes/snjs@2.6.3":
+"@standardnotes/snjs@file:../snjs/packages/snjs":
-  version "2.6.3"
+  version "2.6.2"
-  resolved "https://registry.yarnpkg.com/@standardnotes/snjs/-/snjs-2.6.3.tgz#7677899c050b0616d994423fd4ec9caf03394f35"
-  integrity sha512-5pWh+BPVPpd6JlP3avo2puGk9EWUaH0+6Y1fN9rMR8oLZ2oc8Dffiy5S4TLNm8zL4q504oMlm1/ALkwwZpKLEQ==
   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:
+sn-stylekit@5.2.1:
-  version "5.1.0"
+  version "5.2.1"
-  resolved "https://registry.yarnpkg.com/sn-stylekit/-/sn-stylekit-5.1.0.tgz#97ce7323834ff7f3645ed4463beb3ad4e42f7e7e"
+  resolved "https://registry.yarnpkg.com/sn-stylekit/-/sn-stylekit-5.2.1.tgz#d56a38017d6b45f5c2ebcf7b2c2db94c50a26e27"
-  integrity sha512-SjKJYGRnR1iCVtllqJyW9/gWV7V56MJrkXHEo5+C9Ch3syRRlG3k+AwC0vC8ms6PWxpHJUdCHLQROvFOBPQuCw==
+  integrity sha512-kupuH9XlPy5TuO2a2E+sLQnF41VQ0a4cwHRltNhQSI6O135n4HkkDYgyEAvy5DKcc0aun4KHy5mz9kYefQvciw==
 
 snapdragon-node@^2.0.1:
   version "2.1.1"