Compare commits

...
Author SHA1 Message Date
StandardNotes CI b042326301 chore(release): publish
- @standardnotes/[email protected]
 - @standardnotes/[email protected]
 - @standardnotes/[email protected]
 - @standardnotes/[email protected]
 - @standardnotes/[email protected]
 - @standardnotes/[email protected]
 - @standardnotes/[email protected].6
 - @standardnotes/[email protected]
 - @standardnotes/[email protected]
 - @standardnotes/[email protected]
 - @standardnotes/[email protected]
 - @standardnotes/[email protected]
 - @standardnotes/[email protected]
 - @standardnotes/[email protected]
 - @standardnotes/[email protected]
2022-06-29 19:38:02 +00:00
StandardNotes CI db066b2693 chore(release): components 2022-06-29 19:37:50 +00:00
Aman Harwara 5cd449fe80 fix(web): navigation styles (#1177) 2022-06-29 14:33:25 -05:00
StandardNotes CI 92360aaf66 chore(release): publish
- @standardnotes/[email protected]
 - @standardnotes/[email protected]
 - @standardnotes/[email protected]
 - @standardnotes/[email protected]
 - @standardnotes/[email protected]
 - @standardnotes/[email protected]
2022-06-29 19:23:23 +00:00
StandardNotes CI 931c66dc16 chore(release): components 2022-06-29 19:23:11 +00:00
Johnny AandJohnny Almonte 6c19adba19 fix(advanced checklist): style and layout improvements (#1182)
* fix: reorder icon color

* fix: change reorder icon design

* feat: useResize hook

* feat: responsive task item

* fix: adjust padding for mobile devices

* fix: checkbox size should be proportional to text size

Co-authored-by: Johnny Almonte <[email protected]>
2022-06-29 15:18:54 -04:00
105 changed files with 490 additions and 244 deletions
Binary file not shown.
+12
View File
@@ -3,6 +3,18 @@
All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
## [2.5.6](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-29)
### Bug Fixes
* **web:** navigation styles ([#1177](https://github.com/standardnotes/app/issues/1177)) ([5cd449f](https://github.com/standardnotes/app/commit/5cd449fe800b8950fab2599968933b120222d5fc))
## [2.5.5](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-29)
### Bug Fixes
* **advanced checklist:** style and layout improvements ([#1182](https://github.com/standardnotes/app/issues/1182)) ([6c19adb](https://github.com/standardnotes/app/commit/6c19adba1902ef054f501d57f6e284fbf44ca28b))
## [2.5.4](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-29)
**Note:** Version bump only for package @standardnotes/components-meta
@@ -1,13 +1,13 @@
{
"files": {
"main.js": "./static/js/main.js",
"main.css": "./static/css/main.0a94b5ff.css",
"main.css": "./static/css/main.611ba1bf.css",
"index.html": "./index.html",
"main.js.map": "./static/js/main.js.map",
"main.0a94b5ff.css.map": "./static/css/main.0a94b5ff.css.map"
"main.611ba1bf.css.map": "./static/css/main.611ba1bf.css.map"
},
"entrypoints": [
"static/js/main.js",
"static/css/main.0a94b5ff.css"
"static/css/main.611ba1bf.css"
]
}
@@ -1 +1 @@
<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="./favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="A great way to manage short-term and long-term to-do's. You can mark tasks as completed, change their order, and edit the text naturally in place."/><link rel="apple-touch-icon" href="./logo192.png"/><link rel="manifest" href="./manifest.json"/><title>Advanced Checklist</title><script defer="defer" src="./static/js/main.js"></script><link href="./static/css/main.0a94b5ff.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div class="sn-component" id="root"></div></body></html>
<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="./favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="A great way to manage short-term and long-term to-do's. You can mark tasks as completed, change their order, and edit the text naturally in place."/><link rel="apple-touch-icon" href="./logo192.png"/><link rel="manifest" href="./manifest.json"/><title>Advanced Checklist</title><script defer="defer" src="./static/js/main.js"></script><link href="./static/css/main.611ba1bf.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div class="sn-component" id="root"></div></body></html>
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -1,7 +1,7 @@
{
"files": {
"main.js": "./static/js/main.js",
"main.css": "./static/css/main.a482786a.css",
"main.css": "./static/css/main.3ab9f5ab.css",
"static/media/material-icons-two-tone.woff": "./static/media/material-icons-two-tone..woff",
"static/media/material-icons-two-tone.woff2": "./static/media/material-icons-two-tone..woff2",
"static/media/material-icons-round.woff": "./static/media/material-icons-round..woff",
@@ -74,10 +74,10 @@
"static/media/KaTeX_Size3-Regular.woff2": "./static/media/KaTeX_Size3-Regular..woff2",
"index.html": "./index.html",
"main.js.map": "./static/js/main.js.map",
"main.a482786a.css.map": "./static/css/main.a482786a.css.map"
"main.3ab9f5ab.css.map": "./static/css/main.3ab9f5ab.css.map"
},
"entrypoints": [
"static/js/main.js",
"static/css/main.a482786a.css"
"static/css/main.3ab9f5ab.css"
]
}
@@ -1 +1 @@
<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="./favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="A lightweight WYSIWYG markdown editor, derivated from Milkdown editor"/><link rel="apple-touch-icon" href="./logo192.png"/><link rel="manifest" href="./manifest.json"/><title>Markdown Visual</title><script defer="defer" src="./static/js/main.js"></script><link href="./static/css/main.a482786a.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="./favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="A lightweight WYSIWYG markdown editor, derivated from Milkdown editor"/><link rel="apple-touch-icon" href="./logo192.png"/><link rel="manifest" href="./manifest.json"/><title>Markdown Visual</title><script defer="defer" src="./static/js/main.js"></script><link href="./static/css/main.3ab9f5ab.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -5,6 +5,12 @@
--border-color: #d9c6b1;
--highlight-color: #d68420;
--highlight-contrast: #e3ae74;
--sn-stylekit-passive-color-0: #7e582a;
--sn-stylekit-passive-color-1: #a37337;
--sn-stylekit-passive-color-3: #d9c6b1;
--sn-stylekit-passive-color-4: #e3d5c4;
--sn-stylekit-passive-color-4-opacity-variant: #c9995e3d;
--sn-stylekit-passive-color-5: #e9d9c7;
--sn-stylekit-info-color: #a37337;
--sn-stylekit-info-contrast-color: #ebcdaa;
--sn-stylekit-neutral-color: #a47c5b;
@@ -23,7 +29,7 @@
--sn-stylekit-contrast-background-color: var(--background-2);
--sn-stylekit-contrast-foreground-color: var(--foreground-color);
--sn-stylekit-contrast-border-color: var(--border-color);
--sn-stylekit-secondary-background-color: var(--background-1);
--sn-stylekit-secondary-background-color: var(--sn-stylekit-passive-color-4);
--sn-stylekit-secondary-foreground-color: var(--foreground-color);
--sn-stylekit-secondary-border-color: var(--border-color);
--sn-stylekit-secondary-contrast-background-color: var(--background-2);
@@ -37,10 +43,6 @@
--sn-desktop-titlebar-border-color: var(--border-color);
--sn-desktop-titlebar-ui-color: var(--foreground-color);
--sn-desktop-titlebar-ui-hover-color: var(--highlight-color);
--sn-stylekit-passive-color-0: #7e582a;
--sn-stylekit-passive-color-1: #a37337;
--sn-stylekit-passive-color-4-opacity-variant: #c9995e3d;
--sn-stylekit-passive-color-5: #e9d9c7;
}
#notes-column .note.selected,
@@ -8,6 +8,10 @@
--sn-component-foreground-highlight-color: var(--highlight-color);
--sn-component-outer-border-color: transparent;
--sn-component-inner-border-color: var(--foreground-color);
--sn-stylekit-passive-color-0: #999999;
--sn-stylekit-passive-color-3: #28292b;
--sn-stylekit-passive-color-4: #1c1d1e;
--sn-stylekit-passive-color-5: #1d1f20;
--sn-stylekit-shadow-color: #000000;
--sn-stylekit-info-color: var(--highlight-color);
--sn-stylekit-info-contrast-color: var(--foreground-color);
@@ -27,7 +31,7 @@
--sn-stylekit-contrast-background-color: #000000;
--sn-stylekit-contrast-foreground-color: #ffffff;
--sn-stylekit-contrast-border-color: #000000;
--sn-stylekit-secondary-background-color: #0f1011;
--sn-stylekit-secondary-background-color: var(--sn-stylekit-passive-color-4);
--sn-stylekit-secondary-foreground-color: #ffffff;
--sn-stylekit-secondary-border-color: #000000;
--sn-stylekit-secondary-contrast-background-color: #000000;
@@ -41,8 +45,4 @@
--sn-stylekit-scrollbar-track-border-color: var(--border-color);
--sn-stylekit-scrollbar-thumb-color: var(--sn-stylekit-info-color);
--sn-stylekit-menu-border: 1px solid #424242;
--sn-stylekit-passive-color-0: #999999;
--sn-stylekit-passive-color-3: #28292b;
--sn-stylekit-passive-color-4: #1c1d1e;
--sn-stylekit-passive-color-5: #1d1f20;
}
@@ -3,6 +3,11 @@
--background-color: #20202b;
--highlight-color: #fca429;
--border-color: #20222c;
--sn-stylekit-passive-color-0: #a4a5b3;
--sn-stylekit-passive-color-3: #3a3a48;
--sn-stylekit-passive-color-4: #2c2c39;
--sn-stylekit-passive-color-4-opacity-variant: #292937;
--sn-stylekit-passive-color-5: #2e2e3e;
--sn-stylekit-shadow-color: var(--border-color);
--sn-stylekit-info-color: var(--highlight-color);
--sn-stylekit-info-contrast-color: var(--background-color);
@@ -22,7 +27,7 @@
--sn-stylekit-contrast-background-color: #272734;
--sn-stylekit-contrast-foreground-color: #a9aabe;
--sn-stylekit-contrast-border-color: #0f1116;
--sn-stylekit-secondary-background-color: #20202b;
--sn-stylekit-secondary-background-color: var(--sn-stylekit-passive-color-4);
--sn-stylekit-secondary-foreground-color: #a9aabe;
--sn-stylekit-secondary-border-color: #20222c;
--sn-stylekit-secondary-contrast-background-color: #272734;
@@ -36,9 +41,4 @@
--sn-desktop-titlebar-ui-color: var(--foreground-color);
--sn-desktop-titlebar-ui-hover-color: var(--highlight-color);
--sn-stylekit-menu-border: 1px solid #434b60;
--sn-stylekit-passive-color-0: #a4a5b3;
--sn-stylekit-passive-color-3: #3a3a48;
--sn-stylekit-passive-color-4: #2c2c39;
--sn-stylekit-passive-color-4-opacity-variant: #292937;
--sn-stylekit-passive-color-5: #2e2e3e;
}
@@ -18,6 +18,11 @@
--sn-desktop-titlebar-border-color: var(--border-color);
--sn-desktop-titlebar-ui-color: var(--ui-text-color);
--sn-desktop-titlebar-ui-hover-color: var(--sn-stylekit-info-color);
--sn-stylekit-passive-color-0: #94979e;
--sn-stylekit-passive-color-3: #2c2c39;
--sn-stylekit-passive-color-4: #313142;
--sn-stylekit-passive-color-4-opacity-variant: #292937;
--sn-stylekit-passive-color-5: #313142;
--sn-stylekit-shadow-color: #20202b;
--sn-stylekit-background-color: #20202b;
--sn-stylekit-border-color: var(--border-color);
@@ -25,7 +30,7 @@
--sn-stylekit-contrast-background-color: var(--secondary-bg-color);
--sn-stylekit-contrast-foreground-color: var(--ui-text-color);
--sn-stylekit-contrast-border-color: var(--border-color);
--sn-stylekit-secondary-background-color: #292937;
--sn-stylekit-secondary-background-color: var(--sn-stylekit-passive-color-4);
--sn-stylekit-secondary-foreground-color: var(--ui-text-color);
--sn-stylekit-secondary-border-color: var(--border-color);
--sn-stylekit-secondary-contrast-background-color: #45445a;
@@ -37,9 +42,4 @@
--sn-stylekit-scrollbar-track-border-color: var(--border-color);
--sn-stylekit-scrollbar-thumb-color: var(--sn-stylekit-info-color);
--sn-stylekit-menu-border: 1px solid #494965;
--sn-stylekit-passive-color-0: #94979e;
--sn-stylekit-passive-color-3: #2c2c39;
--sn-stylekit-passive-color-4: #313142;
--sn-stylekit-passive-color-4-opacity-variant: #292937;
--sn-stylekit-passive-color-5: #313142;
}
@@ -18,6 +18,12 @@
--sn-component-foreground-highlight-color: var(--highlight-color);
--sn-component-outer-border-color: transparent;
--sn-component-inner-border-color: var(--highlight-color);
--sn-stylekit-passive-color-0: #a8bdbd;
--sn-stylekit-passive-color-1: #93a1a1;
--sn-stylekit-passive-color-3: #0d4f60;
--sn-stylekit-passive-color-4: #083642;
--sn-stylekit-passive-color-4-opacity-variant: #2aa1983d;
--sn-stylekit-passive-color-5: #003542;
--sn-stylekit-info-color: var(--highlight-color);
--sn-stylekit-info-contrast-color: var(--foreground-color);
--sn-stylekit-neutral-color: #7c7c7c;
@@ -36,7 +42,7 @@
--sn-stylekit-contrast-background-color: var(--background-2);
--sn-stylekit-contrast-foreground-color: var(--foreground-color);
--sn-stylekit-contrast-border-color: var(--border-color);
--sn-stylekit-secondary-background-color: var(--background-1);
--sn-stylekit-secondary-background-color: var(--sn-stylekit-passive-color-4);
--sn-stylekit-secondary-foreground-color: var(--foreground-color);
--sn-stylekit-secondary-border-color: var(--border-color);
--sn-stylekit-secondary-contrast-background-color: var(--background-2);
@@ -51,10 +57,4 @@
--sn-desktop-titlebar-ui-color: var(--foreground-color);
--sn-desktop-titlebar-ui-hover-color: var(--highlight-color);
--sn-stylekit-menu-border: 1px solid #1f5461;
--sn-stylekit-passive-color-0: #a8bdbd;
--sn-stylekit-passive-color-1: #93a1a1;
--sn-stylekit-passive-color-3: #0d4f60;
--sn-stylekit-passive-color-4: #083642;
--sn-stylekit-passive-color-4-opacity-variant: #2aa1983d;
--sn-stylekit-passive-color-5: #003542;
}
@@ -3,6 +3,8 @@
--background-color: #663399;
--highlight-color: #c9cccf;
--border-color: var(--highlight-color);
--sn-stylekit-passive-color-0: #626166;
--sn-stylekit-passive-color-4-opacity-variant: #e9e9e9;
--sn-stylekit-shadow-color: var(--highlight-color);
--sn-stylekit-info-color: var(--background-color);
--sn-stylekit-info-contrast-color: #e6e6e6;
@@ -14,13 +16,13 @@
--sn-stylekit-warning-contrast-color: #ffffff;
--sn-stylekit-danger-color: #f80324;
--sn-stylekit-danger-contrast-color: #ffffff;
--sn-stylekit-background-color: #d9dbde;
--sn-stylekit-background-color: var(--sn-stylekit-passive-color-4);
--sn-stylekit-foreground-color: #3d3c40;
--sn-stylekit-border-color: #c9cccf;
--sn-stylekit-contrast-background-color: #e7e7e7;
--sn-stylekit-contrast-foreground-color: #3d3c40;
--sn-stylekit-contrast-border-color: #c9cccf;
--sn-stylekit-secondary-background-color: #d8d9de;
--sn-stylekit-secondary-background-color: #d9dbde;
--sn-stylekit-secondary-foreground-color: #3d3c40;
--sn-stylekit-secondary-border-color: #c9cccf;
--sn-stylekit-secondary-contrast-background-color: #e7e7e7;
@@ -36,6 +38,4 @@
--sn-desktop-titlebar-ui-color: var(--foreground-color);
--sn-desktop-titlebar-ui-hover-color: var(--background-color);
--sn-stylekit-menu-border: 1px solid #b2b2b3;
--sn-stylekit-passive-color-0: #626166;
--sn-stylekit-passive-color-4-opacity-variant: #e9e9e9;
}
File diff suppressed because one or more lines are too long
+27 -27
View File
@@ -1,33 +1,33 @@
{
"org.standardnotes.theme-midnight": {
"version": "1.2.12",
"base64": "2f64c6dd1dcabb8fa4544a59ef1b212dea367d711eb3ea268470499019efb838",
"binary": "e0e46a652f56e22a0a9dd9821e6e097c22446a161b8682bf0bab230236864b51"
"version": "1.3.0",
"base64": "ee8c54fab0f246df7e48731d3bbbae3172beab970f23c2affbe924fdf716a2c0",
"binary": "ba5d0ea27243caa3e5cacac34f72506f3a38fa5dbea6a25abed40f87b0eda5d8"
},
"org.standardnotes.theme-futura": {
"version": "1.2.13",
"base64": "fafb94b96b770d0a6717e4d4bed998ef7578d418ce8895609cca906f9837f3f3",
"binary": "1d2d2f8b1334a9baeefab4c8e775b793b642dbc35901e40e08927ba288b13351"
"version": "1.3.0",
"base64": "830d9e11fb65841a8c4b3bbe7bf270d6b24415e76f25d8be63ea09ddfc4d1259",
"binary": "721257df2867cbd923c5416f77c9f74f47422b8f4859b031c8f6160d88c77b81"
},
"org.standardnotes.theme-solarized-dark": {
"version": "1.3.0",
"base64": "f6cd638640f4cfc77c6685196c38fb71b5defb705f3450488b04afb20d062a75",
"binary": "4807f2ad91ce558796c64385f618cd6d28bd296e8b6693bbe3695702356212c6"
"version": "1.3.1",
"base64": "a1b84e13ef2a5119eda201d7c6056ace39efd6c8f66b2c4c10018ab50c62f97b",
"binary": "01416940806e1e845deed7f0a2ce5e7c48260600322fae06b0fc23f1e3988c4d"
},
"org.standardnotes.theme-autobiography": {
"version": "1.0.8",
"base64": "37a81f0ed59b600ba8a1aafba5cfe786fa47ce75c3737377e0893a7b70b6c617",
"binary": "e6e7d60576a7df0a45b96c495a2a82d945c54811fafef5a51f61152f64d89136"
"version": "1.1.0",
"base64": "737ddf632dfd7735d1a0676ad37f65bfdb55022af93c799ecf84317aac84b699",
"binary": "1c0e751b65f635123bb8bcd8d14c7b55f8aa53f66864b7ce035b2c18c3ab3c21"
},
"org.standardnotes.theme-focus": {
"version": "1.2.13",
"base64": "52dcd28207d198a8bc7f6bdbd5ba32909f83a32c1aac4196100a2403836936a2",
"binary": "c88f43457f859c628e3823a7598bf4ad0b57944bd239650ea914281a71bb11c7"
"version": "1.3.0",
"base64": "bb9d4487b2711e5586f21525bf9dab28153c1fa48d81f98cd8a3243d4c8583e2",
"binary": "96ac81ed5cfc571ff7b178ddbbfcb766070114d74a396e3a37df932de8209575"
},
"org.standardnotes.theme-titanium": {
"version": "1.2.12",
"base64": "a08938b6e0f4a7bd4d3021463d9b03e37518b31540e50a4de572d0c9357be4e4",
"binary": "bab1d4ae2cb1e92ca99c8fc0d91b119b30f714e946a5b31b06942aee1612f233"
"version": "1.3.0",
"base64": "b544844d42a74fe992917f167d987c72c4efbbe9b1c608b9af73fe7db92a1990",
"binary": "c846fae7cd7d75b239a0395b8cb70349cec8cc0d5742db027ce18bb2e72a0c6c"
},
"org.standardnotes.theme-dynamic": {
"version": "1.0.8",
@@ -70,9 +70,9 @@
"binary": "b621bfd81829a205f2f02e85d446e277ad20e367b92676ec20b3ee59b1bfab3f"
},
"org.standardnotes.markdown-visual-editor": {
"version": "1.0.12",
"base64": "df80a28f825d74d49a5277450fd331428842b3dc4c63fa411d62cf964a58971e",
"binary": "a067179688b65ab64516b330661009854ea7522fcdd601c01a683a10c900fce1"
"version": "1.1.0",
"base64": "56809db83837f4965effe5d79d378863a87cb3c41f8b347bb969d06667ed2cbe",
"binary": "b935f7f4c35bf602777816dfca859a85f769ee58a75fbe883799cc010e5e58b3"
},
"org.standardnotes.simple-task-editor": {
"version": "1.4.0",
@@ -80,9 +80,9 @@
"binary": "a1a6b97e1f761747dbf721857deed04370a3950dcb3e1bb4c4d4baa3680959b3"
},
"org.standardnotes.token-vault": {
"version": "2.1.2",
"base64": "10b62746635c1dc547568b614298f23187a6bf6cef748f8a9baf0c698dc17dd4",
"binary": "30684c4bef2c8f6bbc5ad98a936d58cf080baa1a84848ec90144aff3dd2a0ffd"
"version": "2.2.0",
"base64": "a8e381ea3198bc10a3205f6780cb1e5960aa2f448d5c011c4c05526a1efc2773",
"binary": "38f46ebb09dc18ae456422532f537a2fbfd8ed8316f67c923f71b76ca727c3f8"
},
"org.standardnotes.standard-sheets": {
"version": "1.4.9",
@@ -90,9 +90,9 @@
"binary": "5c8ec3876eef0ff3058fd1b2804fa01b53a869a281a0ff3430f4ddd08abc824d"
},
"org.standardnotes.advanced-checklist": {
"version": "0.1.1",
"base64": "1a3b02288a073742d2d9fb6e00f3c563eb1cc611e0f16920aed2b5fb78d3ee40",
"binary": "6c6d9c8b9f6edab3d698bab48fda7e5a8f03d77dbf437a2b160d1ffba63b31a7"
"version": "0.1.2",
"base64": "224996cc2218868d7cc24026f15cadd866e1fc9fddec120a026f4767b20c6310",
"binary": "aafe7e8c1753fb3ae65a38d703ec3491096f24106826da51911333f859266fb6"
},
"org.standardnotes.file-safe": {
"version": "2.0.16",
Binary file not shown.
Binary file not shown.
Binary file not shown.
+1 -1
View File
@@ -1,6 +1,6 @@
{
"name": "@standardnotes/components-meta",
"version": "2.5.4",
"version": "2.5.6",
"private": true,
"author": "Standard Notes.",
"main": "dist",
@@ -3,6 +3,12 @@
All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
## [0.1.2](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-29)
### Bug Fixes
* **advanced checklist:** style and layout improvements ([#1182](https://github.com/standardnotes/app/issues/1182)) ([6c19adb](https://github.com/standardnotes/app/commit/6c19adba1902ef054f501d57f6e284fbf44ca28b))
## [0.1.1](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-28)
**Note:** Version bump only for package @standardnotes/advanced-checklist
@@ -1,6 +1,6 @@
{
"name": "@standardnotes/advanced-checklist",
"version": "0.1.1",
"version": "0.1.2",
"description": "A task editor with grouping functionality.",
"author": "Standard Notes.",
"keywords": [
@@ -83,6 +83,7 @@
"@reach/alert-dialog": "0.16.2",
"@reach/menu-button": "0.16.2",
"@reach/visually-hidden": "0.16.0",
"@react-hook/resize-observer": "^1.2.5",
"@reduxjs/toolkit": "1.8.0",
"@standardnotes/editor-kit": "2.2.5",
"@standardnotes/stylekit": "5.23.0",
@@ -1,4 +1,5 @@
import React, { useEffect, useState } from 'react'
import useResizeObserver from '@react-hook/resize-observer'
import { TypedUseSelectorHook, useDispatch, useSelector } from 'react-redux'
import type { AppDispatch, RootState } from './store'
@@ -16,3 +17,18 @@ export const useDidMount = (effect: React.EffectCallback, deps?: React.Dependenc
}
}, [deps, didMount, effect])
}
export const useResize = (ref: React.RefObject<HTMLElement>, effect: (target: HTMLElement) => void) => {
const [size, setSize] = useState<DOMRect>()
function isDeepEqual(prevSize?: DOMRect, nextSize?: DOMRect) {
return JSON.stringify(prevSize) === JSON.stringify(nextSize)
}
useResizeObserver(ref, ({ contentRect, target }) => {
if (!isDeepEqual(size, contentRect)) {
setSize(contentRect)
effect(target as HTMLElement)
}
})
}
@@ -5,7 +5,7 @@ const StyledTextArea = styled.textarea`
background-color: transparent;
border: none;
color: inherit;
font-size: var(--sn-stylekit-font-size-h3);
font-size: 1rem;
font-weight: 400;
margin-left: 6px;
outline: none;
@@ -5,13 +5,13 @@ type ReorderIconProps = {
export const ReorderIcon: React.FC<ReorderIconProps> = ({ highlight = false }) => {
return (
<svg
viewBox="0 0 24 24"
viewBox="0 0 20 20"
fill="none"
xmlns="http://www.w3.org/2000/svg"
className={`sn-icon block ${highlight ? 'info' : ''}`}
className={`sn-icon block ${highlight ? 'info' : 'neutral'}`}
data-testid="reorder-icon"
>
<path d="M3 15H21V13H3V15ZM3 19H21V17H3V19ZM3 11H21V9H3V11ZM3 5V7H21V5H3Z" />
<path d="M17 5V6.66667H3V5H17ZM3 15H17V13.3333H3V15ZM3 10.8333H17V9.16667H3V10.8333Z" />
</svg>
)
}
@@ -35,6 +35,12 @@ $transition-duration: 750ms;
width: 22px;
}
.align-baseline {
.checkbox-button {
top: -10px !important;
}
}
.checkbox-square,
.checkbox-mark {
cursor: pointer;
@@ -20,6 +20,10 @@ const TaskGroupContainer = styled.div<{ isLast?: boolean }>`
box-sizing: border-box;
padding: 16px;
margin-bottom: ${({ isLast }) => (!isLast ? '9px' : '0px')};
@media only screen and (max-width: 600px) {
padding: 8px 10px;
}
`
type CollapsableContainerProps = {
@@ -1,9 +1,9 @@
import './TaskItem.scss'
import { ChangeEvent, createRef, KeyboardEvent, useEffect, useState } from 'react'
import { ChangeEvent, createRef, KeyboardEvent, useState } from 'react'
import styled from 'styled-components'
import { useAppDispatch, useAppSelector, useDidMount } from '../../app/hooks'
import { useAppDispatch, useAppSelector, useDidMount, useResize } from '../../app/hooks'
import { taskDeleted, TaskModel, taskModified, taskToggled } from './tasks-slice'
import { CheckBoxInput, TextAreaInput } from '../../common/components'
@@ -33,7 +33,7 @@ const Container = styled.div<{ completed?: boolean }>`
`}
min-width: 10%;
max-width: 85%;
max-width: 90%;
`
export type TaskItemProps = {
@@ -53,22 +53,29 @@ const TaskItem: React.FC<TaskItemProps> = ({ task, groupName, innerRef, ...props
const [completed, setCompleted] = useState(!!task.completed)
const [description, setDescription] = useState(task.description)
function resizeTextArea(textarea: HTMLTextAreaElement | null): void {
function resizeTextArea(textarea: HTMLElement): void {
if (!textarea) {
return
}
const heightOffset = 4
/**
* Set to 1px first to reset scroll height in case it shrunk.
*/
const heightOffset = 4
textarea.style.height = '1px'
textarea.style.height = textarea.scrollHeight - heightOffset + 'px'
}
useEffect(() => {
resizeTextArea(textAreaRef.current)
})
const singleLineHeight = 20
const currentHeight = parseFloat(textarea.style.height)
if (currentHeight > singleLineHeight) {
textarea.parentElement?.classList.add('align-baseline')
textarea.parentElement?.classList.remove('align-center')
} else {
textarea.parentElement?.classList.add('align-center')
textarea.parentElement?.classList.remove('align-baseline')
}
}
function onCheckBoxToggle() {
const newCompletedState = !completed
@@ -122,6 +129,8 @@ const TaskItem: React.FC<TaskItemProps> = ({ task, groupName, innerRef, ...props
return () => clearTimeout(timeoutId)
}, [description, groupName])
useResize(textAreaRef, resizeTextArea)
return (
<Container data-testid="task-item" completed={completed} ref={innerRef} {...props}>
<CheckBoxInput testId="check-box-input" checked={completed} disabled={!canEdit} onChange={onCheckBoxToggle} />
@@ -26,7 +26,7 @@ const InnerTasksContainer = styled.div<{ collapsed: boolean }>`
flex-direction: column;
& > *:not(:last-child) {
margin-bottom: 5px;
margin-bottom: 7px;
}
`
@@ -94,72 +94,70 @@ const TasksSection: React.FC<TasksSectionProps> = ({ groupName, tasks, section,
ref={provided.innerRef}
>
<TransitionGroup component={null} childFactory={(child) => React.cloneElement(child)}>
{tasks.map((task, index) => {
return (
<CSSTransition
key={`${task.id}-${!!task.completed}`}
classNames={{
enter: 'fade-in',
enterActive: 'fade-in',
enterDone: 'fade-in',
exit: 'fade-out',
exitActive: 'fade-out',
exitDone: 'fade-out',
}}
timeout={{
enter: 1_500,
exit: 1_250,
}}
onEnter={(node: HTMLElement) => {
node.classList.remove('explode')
}}
onEntered={(node: HTMLElement) => {
node.classList.remove('fade-in')
{tasks.map((task, index) => (
<CSSTransition
key={`${task.id}-${!!task.completed}`}
classNames={{
enter: 'fade-in',
enterActive: 'fade-in',
enterDone: 'fade-in',
exit: 'fade-out',
exitActive: 'fade-out',
exitDone: 'fade-out',
}}
timeout={{
enter: 1_500,
exit: 1_250,
}}
onEnter={(node: HTMLElement) => {
node.classList.remove('explode')
}}
onEntered={(node: HTMLElement) => {
node.classList.remove('fade-in')
const completed = !!task.completed
completed && node.classList.add('explode')
const completed = !!task.completed
completed && node.classList.add('explode')
node.addEventListener(
'animationend',
() => {
node.classList.remove('explode')
},
false,
node.addEventListener(
'animationend',
() => {
node.classList.remove('explode')
},
false,
)
}}
onExited={(node: HTMLElement) => {
node.classList.remove('fade-out')
}}
addEndListener={(node, done) => {
done()
}}
mountOnEnter
unmountOnExit
>
<Draggable
key={`draggable-${task.id}`}
draggableId={`draggable-${task.id}`}
index={index}
isDragDisabled={!canEdit}
>
{({ innerRef, draggableProps, dragHandleProps }, { isDragging }) => {
const { style, ...restDraggableProps } = draggableProps
return (
<div className="task-item" style={getItemStyle(isDragging, style)} {...restDraggableProps}>
<TaskItem
key={`task-item-${task.id}`}
task={task}
groupName={groupName}
innerRef={innerRef}
{...dragHandleProps}
/>
</div>
)
}}
onExited={(node: HTMLElement) => {
node.classList.remove('fade-out')
}}
addEndListener={(node, done) => {
done()
}}
mountOnEnter
unmountOnExit
>
<Draggable
key={`draggable-${task.id}`}
draggableId={`draggable-${task.id}`}
index={index}
isDragDisabled={!canEdit}
>
{({ innerRef, draggableProps, dragHandleProps }, { isDragging }) => {
const { style, ...restDraggableProps } = draggableProps
return (
<div className="task-item" style={getItemStyle(isDragging, style)} {...restDraggableProps}>
<TaskItem
key={`task-item-${task.id}`}
task={task}
groupName={groupName}
innerRef={innerRef}
{...dragHandleProps}
/>
</div>
)
}}
</Draggable>
</CSSTransition>
)
})}
</Draggable>
</CSSTransition>
))}
</TransitionGroup>
{provided.placeholder}
</InnerTasksContainer>
@@ -23,6 +23,10 @@ import { getPlainPreview } from './common/utils'
const MainContainer = styled.div`
margin: 16px;
padding-bottom: 60px;
@media only screen and (max-width: 600px) {
margin: 8px;
}
`
const FloatingContainer = styled.div`
@@ -67,6 +67,14 @@ html {
.pt-1px {
padding-top: 1px;
}
.align-baseline {
align-items: baseline;
}
.align-center {
align-items: center;
}
}
:root {
@@ -3,6 +3,12 @@
All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
# [1.1.0](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-29)
### Features
* deprecated editors ([#1166](https://github.com/standardnotes/app/issues/1166)) ([60ca415](https://github.com/standardnotes/app/commit/60ca4150446f9a14bb6a31416686c6d07a7d0cd9))
## [1.0.12](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-23)
**Note:** Version bump only for package @standardnotes/markdown-visual
@@ -1,6 +1,6 @@
{
"name": "@standardnotes/markdown-visual",
"version": "1.0.12",
"version": "1.1.0",
"author": "Johnny Almonte <[email protected]>",
"description": "A lightweight WYSIWYG markdown editor for Standard Notes, derived from Milkdown.",
"keywords": [
@@ -3,6 +3,12 @@
All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
# [2.2.0](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-29)
### Features
* deprecated editors ([#1166](https://github.com/standardnotes/app/issues/1166)) ([60ca415](https://github.com/standardnotes/app/commit/60ca4150446f9a14bb6a31416686c6d07a7d0cd9))
## [2.1.2](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-23)
**Note:** Version bump only for package @standardnotes/authenticator
@@ -1,6 +1,6 @@
{
"name": "@standardnotes/authenticator",
"version": "2.1.2",
"version": "2.2.0",
"main": "dist/dist.js",
"author": "Standard Notes",
"private": true,
@@ -3,6 +3,16 @@
All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
# [1.1.0](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-29)
### Bug Fixes
* **web:** navigation styles ([#1177](https://github.com/standardnotes/app/issues/1177)) ([5cd449f](https://github.com/standardnotes/app/commit/5cd449fe800b8950fab2599968933b120222d5fc))
### Features
* deprecated editors ([#1166](https://github.com/standardnotes/app/issues/1166)) ([60ca415](https://github.com/standardnotes/app/commit/60ca4150446f9a14bb6a31416686c6d07a7d0cd9))
## [1.0.8](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-22)
**Note:** Version bump only for package @standardnotes/autobiography-theme
@@ -1,6 +1,6 @@
{
"name": "@standardnotes/autobiography-theme",
"version": "1.0.8",
"version": "1.1.0",
"main": "dist/dist.css",
"private": true,
"sn": {
@@ -6,6 +6,13 @@
--highlight-color: #d68420;
--highlight-contrast: #e3ae74;
--sn-stylekit-passive-color-0: #7e582a;
--sn-stylekit-passive-color-1: #a37337;
--sn-stylekit-passive-color-3: #d9c6b1;
--sn-stylekit-passive-color-4: #e3d5c4;
--sn-stylekit-passive-color-4-opacity-variant: #c9995e3d;
--sn-stylekit-passive-color-5: #e9d9c7;
--sn-stylekit-info-color: #a37337;
--sn-stylekit-info-contrast-color: #ebcdaa;
@@ -33,7 +40,7 @@
--sn-stylekit-contrast-foreground-color: var(--foreground-color);
--sn-stylekit-contrast-border-color: var(--border-color);
--sn-stylekit-secondary-background-color: var(--background-1);
--sn-stylekit-secondary-background-color: var(--sn-stylekit-passive-color-4);
--sn-stylekit-secondary-foreground-color: var(--foreground-color);
--sn-stylekit-secondary-border-color: var(--border-color);
@@ -51,11 +58,6 @@
--sn-desktop-titlebar-border-color: var(--border-color);
--sn-desktop-titlebar-ui-color: var(--foreground-color);
--sn-desktop-titlebar-ui-hover-color: var(--highlight-color);
--sn-stylekit-passive-color-0: #7e582a;
--sn-stylekit-passive-color-1: #a37337;
--sn-stylekit-passive-color-4-opacity-variant: #c9995e3d;
--sn-stylekit-passive-color-5: #e9d9c7;
}
#notes-column .note.selected,
@@ -3,6 +3,16 @@
All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
# [1.3.0](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-29)
### Bug Fixes
* **web:** navigation styles ([#1177](https://github.com/standardnotes/app/issues/1177)) ([5cd449f](https://github.com/standardnotes/app/commit/5cd449fe800b8950fab2599968933b120222d5fc))
### Features
* deprecated editors ([#1166](https://github.com/standardnotes/app/issues/1166)) ([60ca415](https://github.com/standardnotes/app/commit/60ca4150446f9a14bb6a31416686c6d07a7d0cd9))
## [1.2.13](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-22)
**Note:** Version bump only for package @standardnotes/focus-theme
@@ -1,6 +1,6 @@
{
"name": "@standardnotes/focus-theme",
"version": "1.2.13",
"version": "1.3.0",
"main": "dist/dist.css",
"private": true,
"sn": {
@@ -12,6 +12,11 @@
// StyleKit Vars
--sn-stylekit-passive-color-0: #999999;
--sn-stylekit-passive-color-3: #28292b;
--sn-stylekit-passive-color-4: #1c1d1e;
--sn-stylekit-passive-color-5: #1d1f20;
--sn-stylekit-shadow-color: #000000;
--sn-stylekit-info-color: var(--highlight-color);
@@ -40,7 +45,7 @@
--sn-stylekit-contrast-foreground-color: #ffffff;
--sn-stylekit-contrast-border-color: #000000;
--sn-stylekit-secondary-background-color: #0f1011;
--sn-stylekit-secondary-background-color: var(--sn-stylekit-passive-color-4);
--sn-stylekit-secondary-foreground-color: #ffffff;
--sn-stylekit-secondary-border-color: #000000;
@@ -59,9 +64,4 @@
--sn-stylekit-scrollbar-thumb-color: var(--sn-stylekit-info-color);
--sn-stylekit-menu-border: 1px solid #424242;
--sn-stylekit-passive-color-0: #999999;
--sn-stylekit-passive-color-3: #28292b;
--sn-stylekit-passive-color-4: #1c1d1e;
--sn-stylekit-passive-color-5: #1d1f20;
}
@@ -3,6 +3,16 @@
All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
# [1.3.0](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-29)
### Bug Fixes
* **web:** navigation styles ([#1177](https://github.com/standardnotes/app/issues/1177)) ([5cd449f](https://github.com/standardnotes/app/commit/5cd449fe800b8950fab2599968933b120222d5fc))
### Features
* deprecated editors ([#1166](https://github.com/standardnotes/app/issues/1166)) ([60ca415](https://github.com/standardnotes/app/commit/60ca4150446f9a14bb6a31416686c6d07a7d0cd9))
## [1.2.13](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-22)
**Note:** Version bump only for package @standardnotes/futura-theme
@@ -1,6 +1,6 @@
{
"name": "@standardnotes/futura-theme",
"version": "1.2.13",
"version": "1.3.0",
"main": "dist/dist.css",
"private": true,
"sn": {
@@ -5,6 +5,13 @@
--border-color: #20222c;
// StyleKit Vars
--sn-stylekit-passive-color-0: #a4a5b3;
--sn-stylekit-passive-color-3: #3a3a48;
--sn-stylekit-passive-color-4: #2c2c39;
--sn-stylekit-passive-color-4-opacity-variant: #292937;
--sn-stylekit-passive-color-5: #2e2e3e;
--sn-stylekit-shadow-color: var(--border-color);
--sn-stylekit-info-color: var(--highlight-color);
@@ -33,7 +40,7 @@
--sn-stylekit-contrast-foreground-color: #a9aabe;
--sn-stylekit-contrast-border-color: #0f1116;
--sn-stylekit-secondary-background-color: #20202b;
--sn-stylekit-secondary-background-color: var(--sn-stylekit-passive-color-4);
--sn-stylekit-secondary-foreground-color: #a9aabe;
--sn-stylekit-secondary-border-color: #20222c;
@@ -52,10 +59,4 @@
--sn-desktop-titlebar-ui-hover-color: var(--highlight-color);
--sn-stylekit-menu-border: 1px solid #434b60;
--sn-stylekit-passive-color-0: #a4a5b3;
--sn-stylekit-passive-color-3: #3a3a48;
--sn-stylekit-passive-color-4: #2c2c39;
--sn-stylekit-passive-color-4-opacity-variant: #292937;
--sn-stylekit-passive-color-5: #2e2e3e;
}
@@ -3,6 +3,16 @@
All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
# [1.3.0](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-29)
### Bug Fixes
* **web:** navigation styles ([#1177](https://github.com/standardnotes/app/issues/1177)) ([5cd449f](https://github.com/standardnotes/app/commit/5cd449fe800b8950fab2599968933b120222d5fc))
### Features
* deprecated editors ([#1166](https://github.com/standardnotes/app/issues/1166)) ([60ca415](https://github.com/standardnotes/app/commit/60ca4150446f9a14bb6a31416686c6d07a7d0cd9))
## [1.2.12](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-22)
**Note:** Version bump only for package @standardnotes/midnight-theme
@@ -1,6 +1,6 @@
{
"name": "@standardnotes/midnight-theme",
"version": "1.2.12",
"version": "1.3.0",
"main": "dist/dist.css",
"private": true,
"sn": {
@@ -26,6 +26,13 @@
--sn-desktop-titlebar-ui-hover-color: var(--sn-stylekit-info-color);
// StyleKit Vars
--sn-stylekit-passive-color-0: #94979e;
--sn-stylekit-passive-color-3: #2c2c39;
--sn-stylekit-passive-color-4: #313142;
--sn-stylekit-passive-color-4-opacity-variant: #292937;
--sn-stylekit-passive-color-5: #313142;
--sn-stylekit-shadow-color: #20202b;
--sn-stylekit-background-color: #20202b;
@@ -36,7 +43,7 @@
--sn-stylekit-contrast-foreground-color: var(--ui-text-color);
--sn-stylekit-contrast-border-color: var(--border-color);
--sn-stylekit-secondary-background-color: #292937;
--sn-stylekit-secondary-background-color: var(--sn-stylekit-passive-color-4);
--sn-stylekit-secondary-foreground-color: var(--ui-text-color);
--sn-stylekit-secondary-border-color: var(--border-color);
@@ -53,10 +60,4 @@
--sn-stylekit-scrollbar-thumb-color: var(--sn-stylekit-info-color);
--sn-stylekit-menu-border: 1px solid #494965;
--sn-stylekit-passive-color-0: #94979e;
--sn-stylekit-passive-color-3: #2c2c39;
--sn-stylekit-passive-color-4: #313142;
--sn-stylekit-passive-color-4-opacity-variant: #292937;
--sn-stylekit-passive-color-5: #313142;
}
@@ -3,6 +3,12 @@
All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
## [1.3.1](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-29)
### Bug Fixes
* **web:** navigation styles ([#1177](https://github.com/standardnotes/app/issues/1177)) ([5cd449f](https://github.com/standardnotes/app/commit/5cd449fe800b8950fab2599968933b120222d5fc))
# [1.3.0](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-27)
### Bug Fixes
@@ -1,6 +1,6 @@
{
"name": "@standardnotes/solarized-dark-theme",
"version": "1.3.0",
"version": "1.3.1",
"main": "dist/dist.css",
"author": "Standard Notes",
"private": true,
@@ -25,6 +25,14 @@
--sn-component-inner-border-color: var(--highlight-color);
// StyleKit Vars
--sn-stylekit-passive-color-0: #a8bdbd;
--sn-stylekit-passive-color-1: #93a1a1;
--sn-stylekit-passive-color-3: #0d4f60;
--sn-stylekit-passive-color-4: #083642;
--sn-stylekit-passive-color-4-opacity-variant: #2aa1983d;
--sn-stylekit-passive-color-5: #003542;
--sn-stylekit-info-color: var(--highlight-color);
--sn-stylekit-info-contrast-color: var(--foreground-color);
@@ -52,7 +60,7 @@
--sn-stylekit-contrast-foreground-color: var(--foreground-color);
--sn-stylekit-contrast-border-color: var(--border-color);
--sn-stylekit-secondary-background-color: var(--background-1);
--sn-stylekit-secondary-background-color: var(--sn-stylekit-passive-color-4);
--sn-stylekit-secondary-foreground-color: var(--foreground-color);
--sn-stylekit-secondary-border-color: var(--border-color);
@@ -72,11 +80,4 @@
--sn-desktop-titlebar-ui-hover-color: var(--highlight-color);
--sn-stylekit-menu-border: 1px solid #1f5461;
--sn-stylekit-passive-color-0: #a8bdbd;
--sn-stylekit-passive-color-1: #93a1a1;
--sn-stylekit-passive-color-3: #0d4f60;
--sn-stylekit-passive-color-4: #083642;
--sn-stylekit-passive-color-4-opacity-variant: #2aa1983d;
--sn-stylekit-passive-color-5: #003542;
}
@@ -3,6 +3,16 @@
All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
# [1.3.0](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-29)
### Bug Fixes
* **web:** navigation styles ([#1177](https://github.com/standardnotes/app/issues/1177)) ([5cd449f](https://github.com/standardnotes/app/commit/5cd449fe800b8950fab2599968933b120222d5fc))
### Features
* deprecated editors ([#1166](https://github.com/standardnotes/app/issues/1166)) ([60ca415](https://github.com/standardnotes/app/commit/60ca4150446f9a14bb6a31416686c6d07a7d0cd9))
## [1.2.12](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-22)
**Note:** Version bump only for package @standardnotes/titanium-theme
@@ -1,6 +1,6 @@
{
"name": "@standardnotes/titanium-theme",
"version": "1.2.12",
"version": "1.3.0",
"main": "dist/dist.css",
"private": true,
"sn": {
@@ -6,6 +6,10 @@
--border-color: var(--highlight-color);
// StyleKit Vars
--sn-stylekit-passive-color-0: #626166;
--sn-stylekit-passive-color-4-opacity-variant: #e9e9e9;
--sn-stylekit-shadow-color: var(--highlight-color);
--sn-stylekit-info-color: var(--background-color);
@@ -23,7 +27,7 @@
--sn-stylekit-danger-color: #f80324;
--sn-stylekit-danger-contrast-color: #ffffff;
--sn-stylekit-background-color: #d9dbde;
--sn-stylekit-background-color: var(--sn-stylekit-passive-color-4);
--sn-stylekit-foreground-color: #3d3c40;
--sn-stylekit-border-color: #c9cccf;
@@ -31,7 +35,7 @@
--sn-stylekit-contrast-foreground-color: #3d3c40;
--sn-stylekit-contrast-border-color: #c9cccf;
--sn-stylekit-secondary-background-color: #d8d9de;
--sn-stylekit-secondary-background-color: #d9dbde;
--sn-stylekit-secondary-foreground-color: #3d3c40;
--sn-stylekit-secondary-border-color: #c9cccf;
@@ -53,7 +57,4 @@
--sn-desktop-titlebar-ui-hover-color: var(--background-color);
--sn-stylekit-menu-border: 1px solid #b2b2b3;
--sn-stylekit-passive-color-0: #626166;
--sn-stylekit-passive-color-4-opacity-variant: #e9e9e9;
}
+8
View File
@@ -3,6 +3,14 @@
All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
## [3.23.18](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-29)
**Note:** Version bump only for package @standardnotes/desktop
## [3.23.17](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-29)
**Note:** Version bump only for package @standardnotes/desktop
## [3.23.16](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-29)
**Note:** Version bump only for package @standardnotes/desktop
+1 -1
View File
@@ -1,7 +1,7 @@
{
"name": "@standardnotes/desktop",
"main": "./app/dist/index.js",
"version": "3.23.16",
"version": "3.23.18",
"license": "AGPL-3.0-or-later",
"author": "Standard Notes.",
"private": true,
+8
View File
@@ -3,6 +3,14 @@
All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
## [3.25.14](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-29)
**Note:** Version bump only for package @standardnotes/mobile
## [3.25.13](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-29)
**Note:** Version bump only for package @standardnotes/mobile
## [3.25.12](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-29)
**Note:** Version bump only for package @standardnotes/mobile
+1 -1
View File
@@ -1,6 +1,6 @@
{
"name": "@standardnotes/mobile",
"version": "3.25.12",
"version": "3.25.14",
"author": "Standard Notes",
"private": true,
"license": "AGPL-3.0-or-later",
+8
View File
@@ -3,6 +3,14 @@
All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
## [1.2.28](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-29)
**Note:** Version bump only for package @standardnotes/releases
## [1.2.27](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-29)
**Note:** Version bump only for package @standardnotes/releases
## [1.2.26](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-29)
**Note:** Version bump only for package @standardnotes/releases
+1 -1
View File
@@ -1,6 +1,6 @@
{
"name": "@standardnotes/releases",
"version": "1.2.26",
"version": "1.2.28",
"license": "AGPL-3.0-or-later",
"main": "dist/releases.json",
"types": "dist/index.d.ts",
+6
View File
@@ -3,6 +3,12 @@
All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
## [1.4.1](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-29)
### Bug Fixes
* **web:** navigation styles ([#1177](https://github.com/standardnotes/app/issues/1177)) ([5cd449f](https://github.com/standardnotes/app/commit/5cd449fe800b8950fab2599968933b120222d5fc))
# [1.4.0](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-27)
### Features
+1 -1
View File
@@ -1,6 +1,6 @@
{
"name": "@standardnotes/styles",
"version": "1.4.0",
"version": "1.4.1",
"private": true,
"main": "dist/index.js",
"types": "dist/index.d.ts",
+4 -4
View File
@@ -1,5 +1,5 @@
:root {
--sn-stylekit-neutral-color: #989898;
--sn-stylekit-neutral-color: #72767e;
--sn-stylekit-neutral-contrast-color: #ffffff;
--sn-stylekit-info-color: #086dd6;
@@ -20,14 +20,14 @@
--sn-stylekit-background-color: #ffffff;
// For borders inside background-color
--sn-stylekit-border-color: #dfe1e4;
--sn-stylekit-foreground-color: #000000;
--sn-stylekit-foreground-color: #19191C;
// Colors for layers placed on top of non-prefixed background, border, and foreground
--sn-stylekit-contrast-background-color: #f6f6f6;
--sn-stylekit-contrast-background-color: rgba(244, 245, 247, 0.72);
--sn-stylekit-contrast-foreground-color: #2e2e2e;
--sn-stylekit-contrast-border-color: #e3e3e3; // For borders inside contrast-background-color
// Alternative set of background and contrast options
--sn-stylekit-secondary-background-color: #f6f6f6;
--sn-stylekit-secondary-background-color: #EEEFF1;
--sn-stylekit-secondary-foreground-color: #2e2e2e;
--sn-stylekit-secondary-border-color: #e3e3e3;
+8
View File
@@ -3,6 +3,14 @@
All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
## [1.2.42](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-29)
**Note:** Version bump only for package @standardnotes/web-server
## [1.2.41](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-29)
**Note:** Version bump only for package @standardnotes/web-server
## [1.2.40](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-29)
**Note:** Version bump only for package @standardnotes/web-server
+1 -1
View File
@@ -1,6 +1,6 @@
{
"name": "@standardnotes/web-server",
"version": "1.2.40",
"version": "1.2.42",
"license": "AGPL-3.0-or-later",
"private": true,
"author": "Standard Notes.",
+6
View File
@@ -3,6 +3,12 @@
All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
## [3.27.6](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-29)
### Bug Fixes
* **web:** navigation styles ([#1177](https://github.com/standardnotes/app/issues/1177)) ([5cd449f](https://github.com/standardnotes/app/commit/5cd449fe800b8950fab2599968933b120222d5fc))
## [3.27.5](https://github.com/standardnotes/app/compare/@standardnotes/[email protected]...@standardnotes/[email protected]) (2022-06-29)
**Note:** Version bump only for package @standardnotes/web
+1 -1
View File
@@ -1,6 +1,6 @@
{
"name": "@standardnotes/web",
"version": "3.27.5",
"version": "3.27.6",
"license": "AGPL-3.0-or-later",
"main": "dist/app.js",
"author": "Standard Notes",
@@ -126,7 +126,7 @@ const AdvancedOptions: FunctionComponent<Props> = ({
{isPrivateWorkspace && (
<>
<DecoratedInput
className={'mb-2'}
className={{ container: 'mb-2' }}
left={[<Icon type="server" className="text-neutral" />]}
type="text"
placeholder="Userphrase"
@@ -135,7 +135,7 @@ const AdvancedOptions: FunctionComponent<Props> = ({
disabled={disabled}
/>
<DecoratedInput
className={'mb-2'}
className={{ container: 'mb-2' }}
left={[<Icon type="folder" className="text-neutral" />]}
type="text"
placeholder="Name"
@@ -119,7 +119,7 @@ const ConfirmPassword: FunctionComponent<Props> = ({
</div>
<form onSubmit={handleConfirmFormSubmit} className="mb-1 px-3">
<DecoratedPasswordInput
className="mb-2"
className={{ container: 'mb-2' }}
disabled={isRegistering}
left={[<Icon type="password" className="text-neutral" />]}
onChange={handlePasswordChange}
@@ -114,7 +114,7 @@ const CreateAccount: FunctionComponent<Props> = ({
</div>
<form onSubmit={handleRegisterFormSubmit} className="mb-1 px-3">
<DecoratedInput
className="mb-2"
className={{ container: 'mb-2' }}
disabled={isPrivateWorkspace}
left={[<Icon type="email" className="text-neutral" />]}
onChange={handleEmailChange}
@@ -125,7 +125,7 @@ const CreateAccount: FunctionComponent<Props> = ({
value={email}
/>
<DecoratedPasswordInput
className="mb-2"
className={{ container: 'mb-2' }}
left={[<Icon type="password" className="text-neutral" />]}
onChange={handlePasswordChange}
onKeyDown={handleKeyDown}
@@ -153,7 +153,7 @@ const SignInPane: FunctionComponent<Props> = ({ application, viewControllerManag
</div>
<div className="mb-1 px-3">
<DecoratedInput
className={`mb-2 ${error ? 'border-danger' : null}`}
className={{ container: `mb-2 ${error ? 'border-danger' : null}` }}
left={[<Icon type="email" className="text-neutral" />]}
type="email"
placeholder="Email"
@@ -165,7 +165,7 @@ const SignInPane: FunctionComponent<Props> = ({ application, viewControllerManag
ref={emailInputRef}
/>
<DecoratedPasswordInput
className={`mb-2 ${error ? 'border-danger' : null}`}
className={{ container: `mb-2 ${error ? 'border-danger' : null}` }}
disabled={isSigningIn}
left={[<Icon type="password" className="text-neutral" />]}
onChange={handlePasswordChange}
@@ -8,7 +8,7 @@ type Props = {
const styles = {
base: 'active:border-info active:bg-info active:text-neutral-contrast flex-grow cursor-pointer rounded-full border border-solid px-2 py-1 text-center transition',
unselected: 'text-neutral border-secondary-border',
unselected: 'text-neutral border-secondary-border bg-default',
selected: 'text-neutral-contrast border-info bg-info',
}
@@ -65,14 +65,14 @@ const ChallengeModalPrompt: FunctionComponent<Props> = ({ prompt, values, index,
<DecoratedPasswordInput
ref={inputRef}
placeholder={prompt.placeholder}
className={`w-full max-w-76 ${isInvalid ? 'border-danger' : ''}`}
className={{ container: `w-full max-w-76 ${isInvalid ? 'border-danger' : ''}` }}
onChange={(value) => onValueChange(value, prompt)}
/>
) : (
<DecoratedInput
ref={inputRef}
placeholder={prompt.placeholder}
className={`w-full max-w-76 ${isInvalid ? 'border-danger' : ''}`}
className={{ container: `w-full max-w-76 ${isInvalid ? 'border-danger' : ''}` }}
onChange={(value) => onValueChange(value, prompt)}
/>
)}
@@ -56,6 +56,7 @@ import {
MenuArrowRightIcon,
MenuCloseIcon,
MoreIcon,
NotesFilledIcon,
NotesIcon,
PasswordIcon,
PencilFilledIcon,
@@ -123,6 +124,7 @@ export const ICONS = {
'menu-arrow-down': MenuArrowDownIcon,
'menu-arrow-right': MenuArrowRightIcon,
'menu-close': MenuCloseIcon,
'notes-filled': NotesFilledIcon,
'pencil-filled': PencilFilledIcon,
'pencil-off': PencilOffIcon,
'pin-filled': PinFilledIcon,
@@ -3,7 +3,7 @@ import { DecoratedInputProps } from './DecoratedInputProps'
const getClassNames = (hasLeftDecorations: boolean, hasRightDecorations: boolean, roundedFull?: boolean) => {
return {
container: `position-relative flex items-stretch overflow-hidden border border-solid border-border bg-default text-sm focus-within:ring-2 focus-within:ring-info ${
container: `position-relative flex items-stretch overflow-hidden border border-solid border-passive-3 bg-default text-sm focus-within:ring-2 focus-within:ring-info bg-clip-padding ${
!hasLeftDecorations && !hasRightDecorations ? 'px-2 py-1.5' : ''
} ${roundedFull ? 'rounded-full' : 'rounded'}`,
input: `focus:ring-none w-full border-0 bg-transparent text-text focus:shadow-none focus:outline-none ${
@@ -20,7 +20,7 @@ const DecoratedInput = forwardRef(
(
{
autocomplete = false,
className = '',
className,
disabled = false,
id,
left,
@@ -43,7 +43,7 @@ const DecoratedInput = forwardRef(
const classNames = getClassNames(hasLeftDecorations, hasRightDecorations, roundedFull)
return (
<div className={`${classNames.container} ${disabled ? classNames.disabled : ''} ${className}`}>
<div className={`${classNames.container} ${disabled ? classNames.disabled : ''} ${className?.container}`}>
{left && (
<div className="flex items-center px-2 py-1.5">
{left.map((leftChild, index) => (
@@ -54,7 +54,7 @@ const DecoratedInput = forwardRef(
<input
autoComplete={autocomplete ? 'on' : 'off'}
className={`${classNames.input} ${disabled ? classNames.disabled : ''}`}
className={`${classNames.input} ${disabled ? classNames.disabled : ''} ${className?.input}`}
data-lpignore={type !== 'password' ? true : false}
disabled={disabled}
id={id}
@@ -2,7 +2,10 @@ import { FocusEventHandler, KeyboardEventHandler, ReactNode } from 'react'
export type DecoratedInputProps = {
autocomplete?: boolean
className?: string
className?: {
container?: string
input?: string
}
disabled?: boolean
id?: string
left?: ReactNode[]
@@ -24,7 +24,7 @@ const NoAccountWarningContent = ({ accountMenuController, noAccountWarningContro
}, [noAccountWarningController])
return (
<div className="mt-4 grid grid-cols-1 rounded-md p-4 shadow">
<div className="mt-4 grid grid-cols-1 rounded-md p-4 shadow-main">
<h1 className="sk-h3 m-0 text-sm font-semibold">Data not backed up</h1>
<p className="col-start-1 col-end-3 m-0 mt-1 text-sm">Sign in or register to back up your notes.</p>
<Button primary small className="col-start-1 col-end-3 mt-3 justify-self-start" onClick={showAccountMenu}>
@@ -116,7 +116,7 @@ const NoteTag = ({ viewControllerManager, tag }: Props) => {
return (
<button
ref={tagRef}
className="hover:bg-secondary-contrast focus:bg-secondary-contrast mt-2 mr-2 flex h-6 cursor-pointer items-center rounded border-0 bg-contrast py-2 pl-1 pr-2 text-xs text-text"
className="mt-2 mr-2 flex h-6 cursor-pointer items-center rounded border-0 bg-passive-4-opacity-variant py-2 pl-1 pr-2 text-xs text-text hover:bg-contrast focus:bg-contrast"
onClick={onTagClick}
onKeyDown={onKeyDown}
onFocus={onFocus}
@@ -89,7 +89,7 @@ const OfflineSubscription: FunctionComponent<Props> = ({ application }) => {
placeholder={'Offline Subscription Code'}
value={activationCode}
disabled={isSuccessfullyActivated}
className={'mb-3'}
className={{ container: 'mb-3' }}
/>
)}
</div>
@@ -205,7 +205,7 @@ const PasscodeLock = ({ application, viewControllerManager }: Props) => {
placeholder="Passcode"
/>
<DecoratedPasswordInput
className="mt-2"
className={{ container: 'mt-2' }}
type="password"
value={passcodeConfirmation ? passcodeConfirmation : ''}
onChange={handleConfirmPasscodeChange}
@@ -45,7 +45,7 @@ const ScanQRCode: FunctionComponent<Props> = ({ activation: act }) => {
</div>
<div className="min-h-2" />
<DecoratedInput
className="w-92 ml-4"
className={{ container: 'w-92 ml-4' }}
disabled={true}
value={act.secretKey}
right={[<CopyButton copyValue={act.secretKey} />]}
@@ -28,7 +28,7 @@ const Verification: FunctionComponent<Props> = ({ activation: act }) => {
Enter your <b>secret key</b>:
</div>
<div className="min-w-2" />
<DecoratedInput className={`w-92 ${secretKeyClass}`} onChange={act.setInputSecretKey} />
<DecoratedInput className={{ container: `w-92 ${secretKeyClass}` }} onChange={act.setInputSecretKey} />
</div>
<div className="flex flex-row items-center">
<Bullet />
@@ -37,7 +37,7 @@ const Verification: FunctionComponent<Props> = ({ activation: act }) => {
Verify the <b>authentication code</b> generated by your authenticator app:
</div>
<div className="min-w-2" />
<DecoratedInput className={`w-30 ${authTokenClass}`} onChange={act.setInputOtpToken} />
<DecoratedInput className={{ container: `w-30 ${authTokenClass}` }} onChange={act.setInputOtpToken} />
</div>
</div>
</ModalDialogDescription>
@@ -48,7 +48,10 @@ const SearchBar = ({ itemListController, searchOptionsController }: Props) => {
<DecoratedInput
autocomplete={false}
title="Searches notes and files in the currently selected tag"
className="placeholder:color-passive-0 rounded-full bg-contrast bg-clip-padding px-1"
className={{
container: 'px-1',
input: 'placeholder:text-passive-0',
}}
placeholder="Search"
value={noteFilterText}
ref={searchInputRef}
@@ -23,12 +23,12 @@ type Props = {
const PADDING_BASE_PX = 14
const PADDING_PER_LEVEL_PX = 21
const smartViewIconType = (view: SmartView): IconType => {
const smartViewIconType = (view: SmartView, isSelected: boolean): IconType => {
if (view.uuid === SystemViewId.AllNotes) {
return 'notes'
return isSelected ? 'notes-filled' : 'notes'
}
if (view.uuid === SystemViewId.Files) {
return 'file'
return 'folder'
}
if (view.uuid === SystemViewId.ArchivedNotes) {
return 'archive'
@@ -101,7 +101,7 @@ const SmartViewsListItem: FunctionComponent<Props> = ({ view, tagsState }) => {
}, [tagsState, view])
const isFaded = false
const iconType = smartViewIconType(view)
const iconType = smartViewIconType(view, isSelected)
return (
<>
@@ -113,7 +113,7 @@ const SmartViewsListItem: FunctionComponent<Props> = ({ view, tagsState }) => {
}}
>
<div className="tag-info">
<div className={'tag-icon mr-1'}>
<div className={'tag-icon mr-2'}>
<Icon type={iconType} className={`${isSelected ? 'text-info' : 'text-neutral'}`} />
</div>
<input

Some files were not shown because too many files have changed in this diff Show More