@loftyshaky/shared-app 0.0.4 → 0.0.5

package/_locales/en/messages.json

@@ -102,7 +102,7 @@
         "message": "Restore default palette"
     },
     "color_help_text": {
-        "message": "Right-click on the main or palette color buttons to choose a custom color. (Tab: Ctrl/Shift/Alt + Enter)."
+        "message": "Right-click on the main or palette color buttons to choose a custom color. You can also do this by selecting the main or palette color buttons by Tab and then hitting Ctrl/Shift/Alt + Enter."
     },
     "privacy_policy_link_text": {
         "message": "📜 Privacy policy"

package/_locales/ru/messages.json

@@ -99,7 +99,7 @@
         "message": "Восстановить палитру по-умолчанию"
     },
     "color_help_text": {
-        "message": "Кликните правой кнопкой мыши на основную кнопку цвета или кнопку цвета из палитры чтобы выбрать пользовательский цвет. (Tab: Ctrl/Shift/Alt + Enter)"
+        "message": "Кликните правой кнопкой мыши на основную кнопку цвета или кнопку цвета из палитры чтобы выбрать пользовательский цвет. Вы также можете сделать это, выбрав основную кнопку цвета или кнопку цвета из палитры с помощью Tab и затем нажать Ctrl/Shift/Alt + Enter."
     },
     "privacy_policy_link_text": {
         "message": "📜 Политика конфиденциальности"

package/js/webpack.config.js

@@ -127,6 +127,13 @@ const shared_config = ({
                     test: /\.svg$/,
                     use: ['@svgr/webpack'],
                 },
+                {
+                    test: /\.woff2?$/,
+                    type: 'asset/resource',
+                    generator: {
+                        filename: '[name][ext]',
+                    },
+                },
             ],
         },
         plugins: [

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@loftyshaky/shared-app",
     "description": "-",
-    "version": "0.0.4",
+    "version": "0.0.5",
     "author": "loftyshaky",
     "license": "MIT",
     "repository": {

package/scss/shared/focus.scss

@@ -26,7 +26,7 @@ body.keyboard .btn.text:focus,
 .keyboard .link:focus,
 .keyboard .link_btn:focus,
 .keyboard .help_btn:focus,
-.keyboard .input_item .input_w:not(.text):not(.textarea).is_in_focus_state::before,
+.keyboard .input_item .input_w:not(.text, .textarea).is_in_focus_state::before,
 .keyboard .input_item.range .input.is_in_focus_state {
     @include outline_solid_thick;
 }

package/scss/shared/scrollbar.scss

@@ -1,7 +1,7 @@
 $thumb_border_left: 5px solid transparent;
 $thumb_border_right: 4px solid transparent;
 
-:not(html):not(body):not(select) {
+:not(html, body, select) {
     &::-webkit-scrollbar {
         width: 17px;
     }

package/scss/shared/themes/general/template.scss

@@ -7,7 +7,7 @@
     color: white !important;
 }
 
-:not(html):not(body):not(select) {
+:not(html, body, select) {
     &::-webkit-scrollbar-corner,
     &::-webkit-resizer {
         background-color: $hev;
@@ -191,7 +191,7 @@ hr {
     }
 
     .color_picker_w {
-        *:not(.pcr-last-color):not(.pcr-current-color) {
+        *:not(.pcr-last-color, .pcr-current-color) {
             color: $lpe !important;
         }
 
@@ -199,7 +199,7 @@ hr {
             background-color: $gaq !important;
             outline-color: $hev !important;
 
-            &:hover:not(.pcr-result):not(.active) {
+            &:hover:not(.pcr-result, .active) {
                 background-color: $qgp !important;
             }
         }

package/scss/shared/themes/general/template_focus.scss

@@ -25,7 +25,7 @@ body.keyboard .btn.text:focus,
 .keyboard .input_item .checkbox .box:focus,
 .keyboard .link:focus,
 .keyboard .link_btn:focus,
-.keyboard .input_item .input_w:not(.text):not(.textarea).is_in_focus_state::before,
+.keyboard .input_item .input_w:not(.text, .textarea).is_in_focus_state::before,
 .keyboard .input_item.range .input.is_in_focus_state,
 .keyboard .input_item .visualization_w .visualization:focus,
 .keyboard .input_item .palette_visualization_w .palette_visualization:focus {

package/scss/shared/transitions.scss

@@ -14,7 +14,7 @@
     transition-property: background-color;
 }
 
-.btn:not(.reload_ui):not(.link_btn) {
+.btn:not(.reload_ui, .link_btn) {
     transition: var(--transition);
     transition-property: opacity, background-color;
 }