From c2a433aafab24a8cd516058473ed98e288eefd18 Mon Sep 17 00:00:00 2001 From: Alexander Zaslonov Date: Mon, 30 Nov 2020 13:24:53 -0800 Subject: [PATCH] Added font-family editor. Fixed editor scrolling issues. (#1065) --- package-lock.json | 307 ++++++++++-------- package.json | 10 +- .../designer/styles/editors/fontEditor.scss | 15 + .../designer/styles/editors/fontSelector.scss | 54 ++- src/themes/designer/styles/widgets.scss | 3 +- 5 files changed, 232 insertions(+), 157 deletions(-) create mode 100644 src/themes/designer/styles/editors/fontEditor.scss diff --git a/package-lock.json b/package-lock.json index 1c3a81043..6963923e9 100644 --- a/package-lock.json +++ b/package-lock.json @@ -249,9 +249,9 @@ } }, "@babel/runtime": { - "version": "7.12.1", - "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.12.1.tgz", - "integrity": "sha512-J5AIf3vPj3UwXaAzb5j1xM4WAQDX3EMgemF8rjCP3SoW09LfRKAXQKt6CoVYl230P6iWdRcBbnLDDdnqWxZSCA==", + "version": "7.12.5", + "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.12.5.tgz", + "integrity": "sha512-plcc+hbExy3McchJCEQG3knOsuh3HH+Prx1P6cLIkET/0dLuQDEnrT+s27Axgc9bqfsmNUNHfscgMUdBpC9xfg==", "requires": { "regenerator-runtime": "^0.13.4" } @@ -376,14 +376,15 @@ } }, "@npmcli/run-script": { - "version": "1.7.4", - "resolved": "https://registry.npmjs.org/@npmcli/run-script/-/run-script-1.7.4.tgz", - "integrity": "sha512-GAeOB6P4/aYyvEbROVHXuSGPgy4wwQN/fGfXP993o9btyuCAOaz0T2cr5Y1y4nSeaBPfhk5W/E/AfFKDt6yG7w==", + "version": "1.8.1", + "resolved": "https://registry.npmjs.org/@npmcli/run-script/-/run-script-1.8.1.tgz", + "integrity": "sha512-G8c86g9cQHyRINosIcpovzv0BkXQc3urhL1ORf3KTe4TS4UBsg2O4Z2feca/W3pfzdHEJzc83ETBW4aKbb3SaA==", "requires": { "@npmcli/node-gyp": "^1.0.0", "@npmcli/promise-spawn": "^1.3.0", "infer-owner": "^1.0.4", "node-gyp": "^7.1.0", + "puka": "^1.0.1", "read-package-json-fast": "^1.1.3" }, "dependencies": { @@ -506,12 +507,12 @@ "dev": true }, "@paperbits/azure": { - "version": "0.1.346", - "resolved": "https://registry.npmjs.org/@paperbits/azure/-/azure-0.1.346.tgz", - "integrity": "sha512-KJvcPRebKXjexqo94CemZ2iY/nfsZ58WtOvwitpYAO636sFCvFc4PgFusMWtF++OwW7zZ93i0D6ZZWJD5cdnnQ==", + "version": "0.1.356", + "resolved": "https://registry.npmjs.org/@paperbits/azure/-/azure-0.1.356.tgz", + "integrity": "sha512-IMQNRvFa9He3zPESICyrs6tPE3LYtJ/IpFmjeBkZP3xrkfG1I+lwJ2dGLAArxjtRkNpWMbCirs4pBCtWIGq5MQ==", "requires": { "@azure/storage-blob": "10.3.0", - "@paperbits/common": "0.1.346", + "@paperbits/common": "0.1.356", "applicationinsights-js": "1.0.21", "mime-types": "2.1.27" }, @@ -529,12 +530,13 @@ } }, "@paperbits/common": { - "version": "0.1.346", - "resolved": "https://registry.npmjs.org/@paperbits/common/-/common-0.1.346.tgz", - "integrity": "sha512-BJvy10GY8wzws3cKOgx4hmskkkowacJM6BirA9Z/H2ck6axiEsfNG3ktrtU1uzfm62T2WHZqw1GFGdUBsoL/+Q==", + "version": "0.1.356", + "resolved": "https://registry.npmjs.org/@paperbits/common/-/common-0.1.356.tgz", + "integrity": "sha512-rw3espnpCK73Yd2RaJhSGkN8TDoIzt3fSpGEE3k9PRTpcwuej9n4jZP/pBH35SDMmLN3gycYNvOfcb2E+g8N0w==", "requires": { "deepmerge": "^4.2.2", "domino": "^2.1.4", + "html-minifier-terser": "^5.1.1", "html2plaintext": "^2.1.2", "immutable": "^3.8.2", "inversify": "^5.0.1", @@ -548,12 +550,12 @@ } }, "@paperbits/core": { - "version": "0.1.346", - "resolved": "https://registry.npmjs.org/@paperbits/core/-/core-0.1.346.tgz", - "integrity": "sha512-GtBxFQyWz+26lkhDK7Nr6Qq1IwWj+A49j7kMG3NBG/+P7/cJ0Jgo8T3maHL0PNSNX6PGhDnkHnPWp97Y3hEqUA==", + "version": "0.1.356", + "resolved": "https://registry.npmjs.org/@paperbits/core/-/core-0.1.356.tgz", + "integrity": "sha512-2UMUbo9iEJyr8nBVvUWF4MWItaKEtFGm3JZNzNx+eOKnhpHwdf1ZsWLfx529F/ZlNFKM8RADpxb8BHVq0goG4A==", "requires": { - "@paperbits/common": "0.1.346", - "@paperbits/styles": "0.1.346", + "@paperbits/common": "0.1.356", + "@paperbits/styles": "0.1.356", "await-parallel-limit": "^2.1.0", "basiclightbox": "^5.0.3", "cropperjs": "^1.5.9", @@ -579,11 +581,11 @@ } }, "@paperbits/prosemirror": { - "version": "0.1.346", - "resolved": "https://registry.npmjs.org/@paperbits/prosemirror/-/prosemirror-0.1.346.tgz", - "integrity": "sha512-w2xjCy9jkuEtXRl94rtuYPfmDiAWuh5D1jGmHU90P7rHdr1slBl2Kg2LRFCYk5NU2yrRWxMnDCSsqfLlIhv2NA==", + "version": "0.1.356", + "resolved": "https://registry.npmjs.org/@paperbits/prosemirror/-/prosemirror-0.1.356.tgz", + "integrity": "sha512-S01Lvw01hrG9JvNJZHEO/5vPt+yBkEAS4ESRnrm0mjm3ZkYt+INnAbKbX3dfCxC7dAwhNGiyZf5Zv5MIE8NrmA==", "requires": { - "@paperbits/common": "0.1.346", + "@paperbits/common": "0.1.356", "npm-check-updates": "^7.0.1", "prosemirror-commands": "^1.1.4", "prosemirror-history": "^1.1.3", @@ -770,11 +772,11 @@ } }, "@paperbits/styles": { - "version": "0.1.346", - "resolved": "https://registry.npmjs.org/@paperbits/styles/-/styles-0.1.346.tgz", - "integrity": "sha512-rO4p2iatKziQNn44XUE1lksDPOdYYaRDbJJCgngdPyjryY/XzlOTV41GhrM3PzuTcj1kd5urNJ0HTMhsyB03DQ==", + "version": "0.1.356", + "resolved": "https://registry.npmjs.org/@paperbits/styles/-/styles-0.1.356.tgz", + "integrity": "sha512-SdBwGXWYauhddWUFw/8az2S0/MhIAPZ0YqGQyfwGikZqJhK9MQUbqizBbP7bF56SAY0BWuw5xAO+y3PjUJXcww==", "requires": { - "@paperbits/common": "0.1.346", + "@paperbits/common": "0.1.356", "@simonwep/pickr": "^1.7.4", "jss": "^10.4.0", "jss-preset-default": "^10.4.0", @@ -1236,9 +1238,9 @@ }, "dependencies": { "debug": { - "version": "4.2.0", - "resolved": "https://registry.npmjs.org/debug/-/debug-4.2.0.tgz", - "integrity": "sha512-IX2ncY78vDTjZMFUdmsvIRFY2Cf4FnD0wRs+nQwJU8Lu99/tPFdb0VybiiMTPe3I6rQmwsqQqRBvxU+bZ/I8sg==", + "version": "4.3.1", + "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.1.tgz", + "integrity": "sha512-doEwdvm4PCeK4K3RQN2ZC2BYUBaxwLARCqZmMjtF8a51J2Rb0xpVloFRnCODwqjpwnAoao4pelN8l3RJdv3gRQ==", "requires": { "ms": "2.1.2" } @@ -1261,9 +1263,9 @@ }, "dependencies": { "debug": { - "version": "4.2.0", - "resolved": "https://registry.npmjs.org/debug/-/debug-4.2.0.tgz", - "integrity": "sha512-IX2ncY78vDTjZMFUdmsvIRFY2Cf4FnD0wRs+nQwJU8Lu99/tPFdb0VybiiMTPe3I6rQmwsqQqRBvxU+bZ/I8sg==", + "version": "4.3.1", + "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.1.tgz", + "integrity": "sha512-doEwdvm4PCeK4K3RQN2ZC2BYUBaxwLARCqZmMjtF8a51J2Rb0xpVloFRnCODwqjpwnAoao4pelN8l3RJdv3gRQ==", "requires": { "ms": "2.1.2" } @@ -1697,9 +1699,9 @@ } }, "is-buffer": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-2.0.4.tgz", - "integrity": "sha512-Kq1rokWXOPXWuaMAqZiJW4XxsmD9zGx9q4aePabbn3qCRGedtH7Cm+zV8WETitMfu1wdh+Rvd6w5egwSngUX2A==" + "version": "2.0.5", + "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-2.0.5.tgz", + "integrity": "sha512-i2R6zNFDwgEHJyQUtJEk0XFi1i0dPFn/oqjK3/vPCcDeJvW5NQ83V8QbicfF1SupOaB0h8ntgBC2YiE7dfyctQ==" }, "ms": { "version": "2.0.0", @@ -3304,9 +3306,9 @@ "dev": true }, "csstype": { - "version": "3.0.4", - "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.0.4.tgz", - "integrity": "sha512-xc8DUsCLmjvCfoD7LTGE0ou2MIWLx0K9RCZwSHMOdynqRsP4MtUcLeqh1HcQ2dInwDTqn+3CE0/FZh1et+p4jA==" + "version": "3.0.5", + "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.0.5.tgz", + "integrity": "sha512-uVDi8LpBUKQj6sdxNaTetL6FpeCqTjOvAQuQUa/qAqq8oOd4ivkbhgnqayl0dnPal8Tb/yB1tF+gOvCBiicaiQ==" }, "currently-unhandled": { "version": "0.4.1", @@ -4761,9 +4763,9 @@ } }, "file-saver": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/file-saver/-/file-saver-2.0.2.tgz", - "integrity": "sha512-Wz3c3XQ5xroCxd1G8b7yL0Ehkf0TC9oYC6buPFkNnU9EnaPlifeAFCyCh+iewXTyFRcg0a6j3J7FmJsIhlhBdw==" + "version": "2.0.5", + "resolved": "https://registry.npmjs.org/file-saver/-/file-saver-2.0.5.tgz", + "integrity": "sha512-P9bmyZ3h/PRG+Nzga+rbdI4OEpNDzAVyy74uVO9ATgzLK6VtAsYybF/+TOCvrc0MO793d6+42lLyZTw7/ArVzA==" }, "fill-range": { "version": "4.0.0", @@ -5716,9 +5718,9 @@ }, "dependencies": { "debug": { - "version": "4.2.0", - "resolved": "https://registry.npmjs.org/debug/-/debug-4.2.0.tgz", - "integrity": "sha512-IX2ncY78vDTjZMFUdmsvIRFY2Cf4FnD0wRs+nQwJU8Lu99/tPFdb0VybiiMTPe3I6rQmwsqQqRBvxU+bZ/I8sg==", + "version": "4.3.1", + "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.1.tgz", + "integrity": "sha512-doEwdvm4PCeK4K3RQN2ZC2BYUBaxwLARCqZmMjtF8a51J2Rb0xpVloFRnCODwqjpwnAoao4pelN8l3RJdv3gRQ==", "requires": { "ms": "2.1.2" } @@ -5768,9 +5770,9 @@ }, "dependencies": { "debug": { - "version": "4.2.0", - "resolved": "https://registry.npmjs.org/debug/-/debug-4.2.0.tgz", - "integrity": "sha512-IX2ncY78vDTjZMFUdmsvIRFY2Cf4FnD0wRs+nQwJU8Lu99/tPFdb0VybiiMTPe3I6rQmwsqQqRBvxU+bZ/I8sg==", + "version": "4.3.1", + "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.1.tgz", + "integrity": "sha512-doEwdvm4PCeK4K3RQN2ZC2BYUBaxwLARCqZmMjtF8a51J2Rb0xpVloFRnCODwqjpwnAoao4pelN8l3RJdv3gRQ==", "requires": { "ms": "2.1.2" } @@ -5884,6 +5886,14 @@ "integrity": "sha512-oDM0kUSNFC31ShNxHKUyfZKy8ZeXZBWMjMdZHKLOk13uvT27VTL/QzRGfRUcevJhpkZAvlhPYuXkF7eNWrtyxQ==", "dev": true }, + "indefinite-observable": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/indefinite-observable/-/indefinite-observable-2.0.1.tgz", + "integrity": "sha512-G8vgmork+6H9S8lUAg1gtXEj2JxIQTo0g2PbFiYOdjkziSI0F7UYBiVwhZRuixhBCNGczAls34+5HJPyZysvxQ==", + "requires": { + "symbol-observable": "1.2.0" + } + }, "indent-string": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz", @@ -6519,151 +6529,152 @@ } }, "jss": { - "version": "10.4.0", - "resolved": "https://registry.npmjs.org/jss/-/jss-10.4.0.tgz", - "integrity": "sha512-l7EwdwhsDishXzqTc3lbsbyZ83tlUl5L/Hb16pHCvZliA9lRDdNBZmHzeJHP0sxqD0t1mrMmMR8XroR12JBYzw==", + "version": "10.5.0", + "resolved": "https://registry.npmjs.org/jss/-/jss-10.5.0.tgz", + "integrity": "sha512-B6151NvG+thUg3murLNHRPLxTLwQ13ep4SH5brj4d8qKtogOx/jupnpfkPGSHPqvcwKJaCLctpj2lEk+5yGwMw==", "requires": { "@babel/runtime": "^7.3.1", "csstype": "^3.0.2", + "indefinite-observable": "^2.0.1", "is-in-browser": "^1.1.3", "tiny-warning": "^1.0.2" } }, "jss-plugin-camel-case": { - "version": "10.4.0", - "resolved": "https://registry.npmjs.org/jss-plugin-camel-case/-/jss-plugin-camel-case-10.4.0.tgz", - "integrity": "sha512-9oDjsQ/AgdBbMyRjc06Kl3P8lDCSEts2vYZiPZfGAxbGCegqE4RnMob3mDaBby5H9vL9gWmyyImhLRWqIkRUCw==", + "version": "10.5.0", + "resolved": "https://registry.npmjs.org/jss-plugin-camel-case/-/jss-plugin-camel-case-10.5.0.tgz", + "integrity": "sha512-GSjPL0adGAkuoqeYiXTgO7PlIrmjv5v8lA6TTBdfxbNYpxADOdGKJgIEkffhlyuIZHlPuuiFYTwUreLUmSn7rg==", "requires": { "@babel/runtime": "^7.3.1", "hyphenate-style-name": "^1.0.3", - "jss": "10.4.0" + "jss": "10.5.0" } }, "jss-plugin-compose": { - "version": "10.4.0", - "resolved": "https://registry.npmjs.org/jss-plugin-compose/-/jss-plugin-compose-10.4.0.tgz", - "integrity": "sha512-m1MKZQDH/48W2NHqgsfhYBAObVHzDzSCULLLqrc8nZh1fYGvEBUND82oqd6Jh95pJbMhTzx3E9st63MivEuvAw==", + "version": "10.5.0", + "resolved": "https://registry.npmjs.org/jss-plugin-compose/-/jss-plugin-compose-10.5.0.tgz", + "integrity": "sha512-A2NPCIq1rH83plRvNyixwKzVdxEeZU81fcc5JV1bThVWLSozis60EWzEM148+d9giyQd5yzxHbf1qwy3mGhfcQ==", "requires": { "@babel/runtime": "^7.3.1", - "jss": "10.4.0", + "jss": "10.5.0", "tiny-warning": "^1.0.2" } }, "jss-plugin-default-unit": { - "version": "10.4.0", - "resolved": "https://registry.npmjs.org/jss-plugin-default-unit/-/jss-plugin-default-unit-10.4.0.tgz", - "integrity": "sha512-BYJ+Y3RUYiMEgmlcYMLqwbA49DcSWsGgHpVmEEllTC8MK5iJ7++pT9TnKkKBnNZZxTV75ycyFCR5xeLSOzVm4A==", + "version": "10.5.0", + "resolved": "https://registry.npmjs.org/jss-plugin-default-unit/-/jss-plugin-default-unit-10.5.0.tgz", + "integrity": "sha512-rsbTtZGCMrbcb9beiDd+TwL991NGmsAgVYH0hATrYJtue9e+LH/Gn4yFD1ENwE+3JzF3A+rPnM2JuD9L/SIIWw==", "requires": { "@babel/runtime": "^7.3.1", - "jss": "10.4.0" + "jss": "10.5.0" } }, "jss-plugin-expand": { - "version": "10.4.0", - "resolved": "https://registry.npmjs.org/jss-plugin-expand/-/jss-plugin-expand-10.4.0.tgz", - "integrity": "sha512-UiZ6D4Ud2Chg3GIzRGjgs3DLiueN4r+g1TkEgc7L/0J/L9wsvuFKOtkahdHn177+YUK5/+N05mIE9xsgREB4+Q==", + "version": "10.5.0", + "resolved": "https://registry.npmjs.org/jss-plugin-expand/-/jss-plugin-expand-10.5.0.tgz", + "integrity": "sha512-YFgFKt6qBPznv5qNAG/ohIAMKq/FvHWm0MQ7LU7XgYnGIUm/0nLyNEiltIS7EJVTgvOxIuwC6y87esta9KCSrA==", "requires": { "@babel/runtime": "^7.3.1", - "jss": "10.4.0" + "jss": "10.5.0" } }, "jss-plugin-extend": { - "version": "10.4.0", - "resolved": "https://registry.npmjs.org/jss-plugin-extend/-/jss-plugin-extend-10.4.0.tgz", - "integrity": "sha512-TsgSmvWnpZWvXWpCDHl9Vj/n8wA/Awluutg/dnrfU7rwnM+BKkssHocGai8wQ5mtmIR+lYt+y7zAO+MOeigPiw==", + "version": "10.5.0", + "resolved": "https://registry.npmjs.org/jss-plugin-extend/-/jss-plugin-extend-10.5.0.tgz", + "integrity": "sha512-WLldG+qnrFZ1F+29jJM7MlYdiKp6kW+/zJ9RedXEts0LsN5co3THnr3m/Wnuu8MluUz49DCCRr2cDIgakmS+eQ==", "requires": { "@babel/runtime": "^7.3.1", - "jss": "10.4.0", + "jss": "10.5.0", "tiny-warning": "^1.0.2" } }, "jss-plugin-global": { - "version": "10.4.0", - "resolved": "https://registry.npmjs.org/jss-plugin-global/-/jss-plugin-global-10.4.0.tgz", - "integrity": "sha512-b8IHMJUmv29cidt3nI4bUI1+Mo5RZE37kqthaFpmxf5K7r2aAegGliAw4hXvA70ca6ckAoXMUl4SN/zxiRcRag==", + "version": "10.5.0", + "resolved": "https://registry.npmjs.org/jss-plugin-global/-/jss-plugin-global-10.5.0.tgz", + "integrity": "sha512-FZd9+JE/3D7HMefEG54fEC0XiQ9rhGtDHAT/ols24y8sKQ1D5KIw6OyXEmIdKFmACgxZV2ARQ5pAUypxkk2IFQ==", "requires": { "@babel/runtime": "^7.3.1", - "jss": "10.4.0" + "jss": "10.5.0" } }, "jss-plugin-nested": { - "version": "10.4.0", - "resolved": "https://registry.npmjs.org/jss-plugin-nested/-/jss-plugin-nested-10.4.0.tgz", - "integrity": "sha512-cKgpeHIxAP0ygeWh+drpLbrxFiak6zzJ2toVRi/NmHbpkNaLjTLgePmOz5+67ln3qzJiPdXXJB1tbOyYKAP4Pw==", + "version": "10.5.0", + "resolved": "https://registry.npmjs.org/jss-plugin-nested/-/jss-plugin-nested-10.5.0.tgz", + "integrity": "sha512-ejPlCLNlEGgx8jmMiDk/zarsCZk+DV0YqXfddpgzbO9Toamo0HweCFuwJ3ZO40UFOfqKwfpKMVH/3HUXgxkTMg==", "requires": { "@babel/runtime": "^7.3.1", - "jss": "10.4.0", + "jss": "10.5.0", "tiny-warning": "^1.0.2" } }, "jss-plugin-props-sort": { - "version": "10.4.0", - "resolved": "https://registry.npmjs.org/jss-plugin-props-sort/-/jss-plugin-props-sort-10.4.0.tgz", - "integrity": "sha512-j/t0R40/2fp+Nzt6GgHeUFnHVY2kPGF5drUVlgkcwYoHCgtBDOhTTsOfdaQFW6sHWfoQYgnGV4CXdjlPiRrzwA==", + "version": "10.5.0", + "resolved": "https://registry.npmjs.org/jss-plugin-props-sort/-/jss-plugin-props-sort-10.5.0.tgz", + "integrity": "sha512-kTLRvrOetFKz5vM88FAhLNeJIxfjhCepnvq65G7xsAQ/Wgy7HwO1BS/2wE5mx8iLaAWC6Rj5h16mhMk9sKdZxg==", "requires": { "@babel/runtime": "^7.3.1", - "jss": "10.4.0" + "jss": "10.5.0" } }, "jss-plugin-rule-value-function": { - "version": "10.4.0", - "resolved": "https://registry.npmjs.org/jss-plugin-rule-value-function/-/jss-plugin-rule-value-function-10.4.0.tgz", - "integrity": "sha512-w8504Cdfu66+0SJoLkr6GUQlEb8keHg8ymtJXdVHWh0YvFxDG2l/nS93SI5Gfx0fV29dO6yUugXnKzDFJxrdFQ==", + "version": "10.5.0", + "resolved": "https://registry.npmjs.org/jss-plugin-rule-value-function/-/jss-plugin-rule-value-function-10.5.0.tgz", + "integrity": "sha512-jXINGr8BSsB13JVuK274oEtk0LoooYSJqTBCGeBu2cG/VJ3+4FPs1gwLgsq24xTgKshtZ+WEQMVL34OprLidRA==", "requires": { "@babel/runtime": "^7.3.1", - "jss": "10.4.0", + "jss": "10.5.0", "tiny-warning": "^1.0.2" } }, "jss-plugin-rule-value-observable": { - "version": "10.4.0", - "resolved": "https://registry.npmjs.org/jss-plugin-rule-value-observable/-/jss-plugin-rule-value-observable-10.4.0.tgz", - "integrity": "sha512-Utnsvopa2Gg9Z/9rJ5uH0Gl5QRWlnx9Hd+K/rnAc7UyxbIpvTAWMv5hsnuCUbmUSyb9RKJPHlohJNwG8rFownQ==", + "version": "10.5.0", + "resolved": "https://registry.npmjs.org/jss-plugin-rule-value-observable/-/jss-plugin-rule-value-observable-10.5.0.tgz", + "integrity": "sha512-x4deslR2SjMfG+1ZbVdMyuagJi7SroS7TQZyv3T9F5jjb1T1ZN+B7zZ5GdN5SuVjxN4w2/MTpf4ldoAJt9R6fg==", "requires": { "@babel/runtime": "^7.3.1", - "jss": "10.4.0", + "jss": "10.5.0", "symbol-observable": "^1.2.0" } }, "jss-plugin-template": { - "version": "10.4.0", - "resolved": "https://registry.npmjs.org/jss-plugin-template/-/jss-plugin-template-10.4.0.tgz", - "integrity": "sha512-bpRu56Dnas1+G/HvB0TdeC2907YujZ8F3pwLls7gNS6oJSYZD3iYbqsJuRVcAkhNINYVdcuW1SCo1aigCI7r/Q==", + "version": "10.5.0", + "resolved": "https://registry.npmjs.org/jss-plugin-template/-/jss-plugin-template-10.5.0.tgz", + "integrity": "sha512-NCRPzsKicVuFSEtqRv4qqtVTdfQeM1SDONU93gXfVG+AB3PRO5GhxaeMxoe8cDDkV+Ku0zmlOOWzSnjsuEIPaQ==", "requires": { "@babel/runtime": "^7.3.1", - "jss": "10.4.0", + "jss": "10.5.0", "tiny-warning": "^1.0.2" } }, "jss-plugin-vendor-prefixer": { - "version": "10.4.0", - "resolved": "https://registry.npmjs.org/jss-plugin-vendor-prefixer/-/jss-plugin-vendor-prefixer-10.4.0.tgz", - "integrity": "sha512-DpF+/a+GU8hMh/948sBGnKSNfKkoHg2p9aRFUmyoyxgKjOeH9n74Ht3Yt8lOgdZsuWNJbPrvaa3U4PXKwxVpTQ==", + "version": "10.5.0", + "resolved": "https://registry.npmjs.org/jss-plugin-vendor-prefixer/-/jss-plugin-vendor-prefixer-10.5.0.tgz", + "integrity": "sha512-rux3gmfwDdOKCLDx0IQjTwTm03IfBa+Rm/hs747cOw5Q7O3RaTUIMPKjtVfc31Xr/XI9Abz2XEupk1/oMQ7zRA==", "requires": { "@babel/runtime": "^7.3.1", "css-vendor": "^2.0.8", - "jss": "10.4.0" + "jss": "10.5.0" } }, "jss-preset-default": { - "version": "10.4.0", - "resolved": "https://registry.npmjs.org/jss-preset-default/-/jss-preset-default-10.4.0.tgz", - "integrity": "sha512-WnmqDtQiK7bcw7yOxoW4iwf2ytVhgJfxqsb9R7V0gYOQi8TuApxs99nXgLVr3XN2HfVwk8hXlc9j50N5imozCQ==", + "version": "10.5.0", + "resolved": "https://registry.npmjs.org/jss-preset-default/-/jss-preset-default-10.5.0.tgz", + "integrity": "sha512-0n02VNi6r4x2MqzHrkDQdTuEMU9gR5oTKRtGlYv46IEtS9mH/wxnC4uFBN3ICGZIhuyS4lgWYDC68PAKWlNEnQ==", "requires": { "@babel/runtime": "^7.3.1", - "jss": "10.4.0", - "jss-plugin-camel-case": "10.4.0", - "jss-plugin-compose": "10.4.0", - "jss-plugin-default-unit": "10.4.0", - "jss-plugin-expand": "10.4.0", - "jss-plugin-extend": "10.4.0", - "jss-plugin-global": "10.4.0", - "jss-plugin-nested": "10.4.0", - "jss-plugin-props-sort": "10.4.0", - "jss-plugin-rule-value-function": "10.4.0", - "jss-plugin-rule-value-observable": "10.4.0", - "jss-plugin-template": "10.4.0", - "jss-plugin-vendor-prefixer": "10.4.0" + "jss": "10.5.0", + "jss-plugin-camel-case": "10.5.0", + "jss-plugin-compose": "10.5.0", + "jss-plugin-default-unit": "10.5.0", + "jss-plugin-expand": "10.5.0", + "jss-plugin-extend": "10.5.0", + "jss-plugin-global": "10.5.0", + "jss-plugin-nested": "10.5.0", + "jss-plugin-props-sort": "10.5.0", + "jss-plugin-rule-value-function": "10.5.0", + "jss-plugin-rule-value-observable": "10.5.0", + "jss-plugin-template": "10.5.0", + "jss-plugin-vendor-prefixer": "10.5.0" } }, "keyv": { @@ -8063,14 +8074,14 @@ } }, "npm-check-updates": { - "version": "9.2.3", - "resolved": "https://registry.npmjs.org/npm-check-updates/-/npm-check-updates-9.2.3.tgz", - "integrity": "sha512-HNXgM0VNb4BkPqPyGbnt0DhebUYibgN5RBawBBA0I/W9JO8+hI873S29KWHbPAi5RkqTgQ5uPxdZxCf5gaMotg==", + "version": "9.2.4", + "resolved": "https://registry.npmjs.org/npm-check-updates/-/npm-check-updates-9.2.4.tgz", + "integrity": "sha512-YXEIqKXzxOhtPWg670+JAp/jPtjfTdaBJVGSlWL3eHbUDY4O80ELQNGO/qDy8oxh3pOrxSdII7vNglDf4FDw4w==", "requires": { "chalk": "^4.1.0", "cint": "^8.2.1", "cli-table": "^0.3.1", - "commander": "^6.1.0", + "commander": "^6.2.0", "find-up": "5.0.0", "get-stdin": "^8.0.0", "json-parse-helpfulerror": "^1.0.3", @@ -8081,7 +8092,7 @@ "pacote": "^11.1.11", "parse-github-url": "^1.0.2", "progress": "^2.0.3", - "prompts": "^2.3.2", + "prompts": "^2.4.0", "rc-config-loader": "^3.0.0", "remote-git-tags": "^3.0.0", "rimraf": "^3.0.2", @@ -8154,11 +8165,11 @@ } }, "p-limit": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.0.2.tgz", - "integrity": "sha512-iwqZSOoWIW+Ew4kAGUlN16J4M7OB3ysMLSZtnhmqx7njIHFPlxWBX8xo3lVTyFVq6mI/lL9qt2IsN1sHwaxJkg==", + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz", + "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==", "requires": { - "p-try": "^2.0.0" + "yocto-queue": "^0.1.0" } }, "p-locate": { @@ -8299,9 +8310,9 @@ } }, "npm-registry-fetch": { - "version": "8.1.5", - "resolved": "https://registry.npmjs.org/npm-registry-fetch/-/npm-registry-fetch-8.1.5.tgz", - "integrity": "sha512-yZPNoJK9clx1jhSXU54kU6Aj1SV2p7mXUs1W/6OjQvek3wb1RrjDCrt4iY1+VX9eBQvvSGEpzNmYkRUaTL8rqg==", + "version": "9.0.0", + "resolved": "https://registry.npmjs.org/npm-registry-fetch/-/npm-registry-fetch-9.0.0.tgz", + "integrity": "sha512-PuFYYtnQ8IyVl6ib9d3PepeehcUeHN9IO5N/iCRhyg9tStQcqGQBRVHmfmMWPDERU3KwZoHFvbJ4FPXPspvzbA==", "requires": { "@npmcli/ci-detect": "^1.0.0", "lru-cache": "^6.0.0", @@ -8615,9 +8626,9 @@ } }, "pacote": { - "version": "11.1.11", - "resolved": "https://registry.npmjs.org/pacote/-/pacote-11.1.11.tgz", - "integrity": "sha512-r6PHtCEhkaGv+QPx1JdE/xRdkSkZUG7dE2oloNk/CGTPGNOtaJyYqZPFeN6d6UcUrTPRvZXFo3IBzJIBopPuSA==", + "version": "11.1.13", + "resolved": "https://registry.npmjs.org/pacote/-/pacote-11.1.13.tgz", + "integrity": "sha512-oJ7Bg7p3izrIMhZPHCCHmMHQl+xb+pKBXL5ZYeM2oCZrw6sBRSx7f8l7F+95V2qA0BP3c1cNaaBmUNkbo6Hn9w==", "requires": { "@npmcli/git": "^2.0.1", "@npmcli/installed-package-contents": "^1.0.5", @@ -8630,9 +8641,9 @@ "minipass": "^3.1.3", "mkdirp": "^1.0.3", "npm-package-arg": "^8.0.1", - "npm-packlist": "^2.1.0", + "npm-packlist": "^2.1.4", "npm-pick-manifest": "^6.0.0", - "npm-registry-fetch": "^8.1.3", + "npm-registry-fetch": "^9.0.0", "promise-retry": "^1.1.1", "read-package-json-fast": "^1.1.3", "rimraf": "^3.0.2", @@ -9251,9 +9262,9 @@ } }, "prosemirror-view": { - "version": "1.16.1", - "resolved": "https://registry.npmjs.org/prosemirror-view/-/prosemirror-view-1.16.1.tgz", - "integrity": "sha512-7iDdRf2PAIgOnstcxqUxzf8IbHGfxygQs5covfxOHLWKyx7SSLRnBIlwVda54Hr6N26F4t5Kj2jfK7uIBcAKAw==", + "version": "1.16.3", + "resolved": "https://registry.npmjs.org/prosemirror-view/-/prosemirror-view-1.16.3.tgz", + "integrity": "sha512-iW+u+HNdcSI4xp2Yoeu9D2h1ST6/z8x4sRHC2Kl6ySpvoCr3N0YSMKPtFSadq1AB0t26xzxNtZUuVxkeqt5iDg==", "requires": { "prosemirror-model": "^1.1.0", "prosemirror-state": "^1.0.0", @@ -9319,6 +9330,11 @@ } } }, + "puka": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/puka/-/puka-1.0.1.tgz", + "integrity": "sha512-ssjRZxBd7BT3dte1RR3VoeT2cT/ODH8x+h0rUF1rMqB0srHYf48stSDWfiYakTp5UBZMxroZhB2+ExLDHm7W3g==" + }, "pump": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.0.tgz", @@ -9610,9 +9626,9 @@ }, "dependencies": { "debug": { - "version": "4.2.0", - "resolved": "https://registry.npmjs.org/debug/-/debug-4.2.0.tgz", - "integrity": "sha512-IX2ncY78vDTjZMFUdmsvIRFY2Cf4FnD0wRs+nQwJU8Lu99/tPFdb0VybiiMTPe3I6rQmwsqQqRBvxU+bZ/I8sg==", + "version": "4.3.1", + "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.1.tgz", + "integrity": "sha512-doEwdvm4PCeK4K3RQN2ZC2BYUBaxwLARCqZmMjtF8a51J2Rb0xpVloFRnCODwqjpwnAoao4pelN8l3RJdv3gRQ==", "requires": { "ms": "2.1.2" } @@ -9774,9 +9790,9 @@ } }, "registry-auth-token": { - "version": "4.2.0", - "resolved": "https://registry.npmjs.org/registry-auth-token/-/registry-auth-token-4.2.0.tgz", - "integrity": "sha512-P+lWzPrsgfN+UEpDS3U8AQKg/UjZX6mQSJueZj3EK+vNESoqBSpBUD3gmu4sF9lOsjXWjF11dQKUqemf3veq1w==", + "version": "4.2.1", + "resolved": "https://registry.npmjs.org/registry-auth-token/-/registry-auth-token-4.2.1.tgz", + "integrity": "sha512-6gkSb4U6aWJB4SF2ZvLb76yCBjcvufXBqvvEx1HbmKPkutswjW1xNVRY0+daljIYRbogN7O0etYSlbiaEQyMyw==", "requires": { "rc": "^1.2.8" } @@ -10659,9 +10675,9 @@ }, "dependencies": { "debug": { - "version": "4.2.0", - "resolved": "https://registry.npmjs.org/debug/-/debug-4.2.0.tgz", - "integrity": "sha512-IX2ncY78vDTjZMFUdmsvIRFY2Cf4FnD0wRs+nQwJU8Lu99/tPFdb0VybiiMTPe3I6rQmwsqQqRBvxU+bZ/I8sg==", + "version": "4.3.1", + "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.1.tgz", + "integrity": "sha512-doEwdvm4PCeK4K3RQN2ZC2BYUBaxwLARCqZmMjtF8a51J2Rb0xpVloFRnCODwqjpwnAoao4pelN8l3RJdv3gRQ==", "requires": { "ms": "2.1.2" } @@ -13202,6 +13218,11 @@ "integrity": "sha512-Ux4ygGWsu2c7isFWe8Yu1YluJmqVhxqK2cLXNQA5AcC3QfbGNpM7fu0Y8b/z16pXLnFxZYvWhd3fhBY9DLmC6Q==", "dev": true }, + "yocto-queue": { + "version": "0.1.0", + "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz", + "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==" + }, "zwitch": { "version": "1.0.5", "resolved": "https://registry.npmjs.org/zwitch/-/zwitch-1.0.5.tgz", diff --git a/package.json b/package.json index 6d6361604..1214553c8 100644 --- a/package.json +++ b/package.json @@ -63,11 +63,11 @@ "webpack-merge": "^5.2.0" }, "dependencies": { - "@paperbits/azure": "0.1.346", - "@paperbits/common": "0.1.346", - "@paperbits/core": "0.1.346", - "@paperbits/prosemirror": "0.1.346", - "@paperbits/styles": "0.1.346", + "@paperbits/azure": "0.1.356", + "@paperbits/common": "0.1.356", + "@paperbits/core": "0.1.356", + "@paperbits/prosemirror": "0.1.356", + "@paperbits/styles": "0.1.356", "@webcomponents/custom-elements": "1.4.2", "@webcomponents/shadydom": "^1.7.4", "adal-vanilla": "^1.0.18", diff --git a/src/themes/designer/styles/editors/fontEditor.scss b/src/themes/designer/styles/editors/fontEditor.scss new file mode 100644 index 000000000..fa5ab1d15 --- /dev/null +++ b/src/themes/designer/styles/editors/fontEditor.scss @@ -0,0 +1,15 @@ +.font-variant-item { + border-bottom: 1px solid #ccc; + padding: 10px; + + &:last-child { + border-bottom: none; + } + + .font-variant-display { + text-decoration: none; + color: $color-base; + font-size: 40px; + overflow: hidden; + } +} \ No newline at end of file diff --git a/src/themes/designer/styles/editors/fontSelector.scss b/src/themes/designer/styles/editors/fontSelector.scss index bd5422c6a..e77d19eb8 100644 --- a/src/themes/designer/styles/editors/fontSelector.scss +++ b/src/themes/designer/styles/editors/fontSelector.scss @@ -4,11 +4,49 @@ margin: 0; } -.font-box { - .font-family { - font-size: 20px; - text-decoration: none; - color: $color-base; - padding: 5px 10px; - } -} \ No newline at end of file +.font { + font-size: 20px; + text-decoration: none; + color: $color-base; + padding: 5px 10px; + + &.font-italic { + font-style: italic; + } + + &.font-thin { + font-weight: 100; + } + + &.font-extra-light { + font-weight: 200; + } + + &.font-light { + font-weight: 300; + } + + &.font-regular { + font-weight: 400; + } + + &.font-medium { + font-weight: 500; + } + + &.font-semi-bold { + font-weight: 600; + } + + &.font-bold { + font-weight: 700; + } + + &.font-extra-bold { + font-weight: 800; + } + + &.font-black { + font-weight: 900; + } +} diff --git a/src/themes/designer/styles/widgets.scss b/src/themes/designer/styles/widgets.scss index 0401da6ed..649eae676 100644 --- a/src/themes/designer/styles/widgets.scss +++ b/src/themes/designer/styles/widgets.scss @@ -2,4 +2,5 @@ @import "widgets/video.scss"; @import "editors/videoEditor.scss"; @import "editors/rowLayoutSelector.scss"; -@import "editors/colorSelector.scss"; \ No newline at end of file +@import "editors/colorSelector.scss"; +@import "editors/fontEditor.scss"; \ No newline at end of file