@loftyshaky/shared 0.0.34 → 0.0.38

package/scss/shared/range.scss

@@ -18,10 +18,7 @@ $lower_fill_offset_top: 8px;
             }
 
             &::-webkit-slider-runnable-track {
-                @include outline_solid;
-
                 height: $range_track_height;
-                outline-offset: -1px;
             }
         }
 

package/scss/shared/themes/colors/dark.scss

@@ -1,17 +1,12 @@
-$gaq: #1d2329;
-$nrf: #395475;
-$qhv: #3d679c;
-$yos: #475566;
 $htc: #2a3038;
+$gaq: #1d2329;
+$hev: #42505e;
 $lpe: white;
-$nqp: rgba(174, 35, 43, 0.99);
-$cop: #3b7949;
-$pdv: $yellow;
-$pec: #ff8787;
-$bvs: #77ff6f;
-$nmy: #f493ff;
-$dfp: #29394d;
-$myo: #09a700;
+$yos: #144581;
+$qgp: #1b5a17;
+$ycp: #308af9;
+$cop: #09a700;
 $ptn: #bb141c;
 $uzf: #b938c7;
-$ycp: #308af9;
+$dfp: #29394d;
+$nqp: rgb(174 35 43 / 99%);

package/scss/shared/themes/colors/light.scss

@@ -1,17 +1,12 @@
-$gaq: #efefef;
-$nrf: #ffec82;
-$qhv: #ffe02e;
-$yos: $light_orange;
 $htc: white;
+$gaq: #efefef;
+$hev: #bbb;
 $lpe: $black;
-$nqp: rgba(255, 77, 85, 0.99);
-$cop: #a1ff83;
-$pdv: $blue;
-$pec: #ff6565;
-$bvs: #0bc700;
-$nmy: #eb36ff;
-$dfp: #a2d4ff;
-$myo: #14bf0a;
+$yos: #c7e0ff;
+$qgp: #beffba;
+$ycp: #2e8cff;
+$cop: #14bf0a;
 $ptn: #d0111a;
 $uzf: #ca26dd;
-$ycp: #2e8cff;
+$dfp: #a2d4ff;
+$nqp: rgb(255 77 85 / 99%);

package/scss/shared/themes/colors/very_dark.scss

@@ -1,17 +1,12 @@
-$gaq: #000308;
-$nrf: #1d293b;
-$qhv: #264061;
-$yos: #262c33;
 $htc: #0a0e14;
+$gaq: #000308;
+$hev: #1f2c40;
 $lpe: #e5e5e5;
-$nqp: rgba(120, 30, 34, 0.99);
-$cop: #1d4025;
-$pdv: #e1e56a;
-$pec: #e57a7a;
-$bvs: #6be565;
-$nmy: #dc85e5;
-$dfp: #0f1721;
-$myo: #089200;
-$ptn: #bd141c;
-$uzf: #af22bf;
+$yos: #0e2e54;
+$qgp: #133e10;
 $ycp: #2176de;
+$cop: #089200;
+$ptn: #b1131a;
+$uzf: #af22bf;
+$dfp: #0f1721;
+$nqp: rgb(120 30 34 / 99%);

package/scss/shared/themes/general/dark_theme.scss

@@ -3,5 +3,5 @@
 @import 'template';
 
 .main_2 {
-    box-shadow: rgb(0, 115, 255, 70%) 0 0 33px, rgba(255, 255, 255, 0.4) 0 0 10px;
+    box-shadow: rgb(0 115 255 / 100%) 0 0 33px, rgb(255 255 255 / 40%) 0 0 10px;
 }

package/scss/shared/themes/general/light_theme.scss

@@ -3,5 +3,5 @@
 @import 'template';
 
 .main_2 {
-    box-shadow: rgba(0, 0, 0, 0.3) 0 0 30px, rgba(0, 0, 0, 0.3) 0 4px 8px;
+    box-shadow: rgb(0 0 0 / 30%) 0 0 30px, rgb(0 0 0 / 30%) 0 4px 8px;
 }

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

@@ -7,22 +7,30 @@
     color: white !important;
 }
 
-::-webkit-scrollbar-thumb {
-    background-color: $lpe;
-}
+:not(html):not(body):not(select) {
+    &::-webkit-scrollbar-corner,
+    &::-webkit-resizer {
+        background-color: $hev;
+        border-color: $hev;
+    }
 
-::-webkit-scrollbar-track {
-    background-color: $gaq;
-    border-color: $lpe;
-}
+    &::-webkit-scrollbar-track {
+        background-color: $gaq;
+        border-color: $gaq;
+    }
 
-::-webkit-scrollbar-corner,
-::-webkit-resizer {
-    background-color: $lpe;
-}
+    &::-webkit-scrollbar-thumb {
+        background-color: $hev;
+    }
+
+    &::-webkit-scrollbar-thumb:hover {
+        background-color: $lpe;
+    }
 
-.main {
-    border-color: $lpe;
+    &::-webkit-scrollbar-track:horizontal,
+    &::-webkit-scrollbar-track:vertical {
+        border-color: $hev;
+    }
 }
 
 .loading_screen {
@@ -39,11 +47,11 @@ body {
     background-color: $gaq;
 
     .btn.text {
-        outline-color: $lpe;
+        outline-color: $hev;
         background-color: $gaq;
 
         &:hover {
-            background-color: $yos;
+            background-color: $qgp;
         }
     }
 }
@@ -57,7 +65,7 @@ textarea {
 }
 
 hr {
-    background-color: $lpe;
+    background-color: $hev;
 }
 
 .sections {
@@ -65,27 +73,18 @@ hr {
 }
 
 .section_btns {
-    background-color: $nrf;
-
-    .filler::after {
-        background-color: $lpe;
-    }
-}
-
-.section_btn {
-    border-color: $lpe;
-    background-color: $nrf;
+    background-color: $gaq;
 
-    &.selected {
-        background-color: $htc;
-    }
+    .section_btn {
+        background-color: $gaq;
 
-    &:not(.selected):hover {
-        background-color: $cop;
-    }
+        &.selected::before {
+            background-color: $ycp;
+        }
 
-    &::after {
-        background-color: $lpe;
+        &:not(.selected):hover::before {
+            background-color: $cop;
+        }
     }
 }
 
@@ -94,6 +93,10 @@ hr {
 }
 
 .input_item {
+    .inset_border::before {
+        outline-color: $hev;
+    }
+
     .input {
         background-color: $gaq;
     }
@@ -113,7 +116,7 @@ hr {
     .input_w {
         .visualization,
         .palette_visualization {
-            border-color: $lpe;
+            border-color: $hev;
             background-color: $gaq;
         }
     }
@@ -135,13 +138,13 @@ hr {
             }
 
             &::-webkit-slider-runnable-track {
-                outline-color: $lpe;
+                box-shadow: inset 0 0 0 1px $hev, inset -1px 0 0 0 $hev;
             }
         }
     }
 
     .checkbox .box {
-        outline-color: $lpe;
+        outline-color: $hev;
         background-color: $gaq;
 
         svg {
@@ -150,23 +153,24 @@ hr {
     }
 
     .upload_box {
-        outline-color: $lpe;
+        outline-color: $hev;
 
         .background {
             &.upload_box_idle {
-                background-color: $nrf;
+                background-color: $gaq;
             }
 
             &.upload_box_hover {
-                background-color: $qhv;
+                background-color: $qgp;
             }
 
             &.loading {
+                /* stylelint-disable-next-line function-parentheses-newline-inside */
                 background-image: repeating-linear-gradient(-45deg,
-                $nrf,
-                $nrf 14px,
+                $gaq,
                 $gaq 14px,
-                $gaq 28px);
+                $qgp 14px,
+                $qgp 28px);  /* stylelint-disable-line function-parentheses-newline-inside */
             }
         }
     }
@@ -178,16 +182,15 @@ hr {
 
         input {
             background-color: $gaq !important;
-            border-color: $lpe !important;
+            outline-color: $hev !important;
 
             &:hover:not(.pcr-result):not(.active) {
-                background-color: $yos !important;
+                background-color: $qgp !important;
             }
         }
     }
 
     .pcr-app {
-        border-color: $lpe !important;
         background-color: $htc !important;
     }
 
@@ -196,43 +199,43 @@ hr {
     .pcr-slider,
     .pcr-picker,
     .pcr-result {
-        border-color: $lpe !important;
+        border-color: $hev !important;
     }
 
     .pcr-type.active {
-        background-color: $nrf !important;
+        background-color: $yos !important;
     }
 }
 
 .link {
-    color: $pdv;
+    color: $ycp;
 
     &:visited {
-        color: $pec;
+        color: $ptn;
     }
 
     &:hover {
-        color: $bvs;
+        color: $cop;
     }
 
     &:active {
-        color: $nmy;
+        color: $uzf;
     }
 }
 
 .link_btn {
-    color: $pdv;
+    color: $ycp;
 
     &:visited {
-        color: $pec;
+        color: $ptn;
     }
 
     &:hover {
-        color: $bvs;
+        color: $cop;
     }
 
     &:active {
-        color: $nmy;
+        color: $uzf;
     }
 }
 

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

@@ -3,7 +3,7 @@
 .input_item {
     .input_w {
         &.is_in_focus_state:not(.select)::before {
-            outline-color: $myo;
+            outline-color: $cop;
         }
 
         &.is_in_warn_state:not(.select)::before {
@@ -34,15 +34,18 @@ body.keyboard .btn.text:focus,
 .keyboard .input_item .pcr-palette:focus,
 .keyboard .input_item .pcr-slider:focus,
 .keyboard .input_item .pcr-picker:focus,
-.input_item .pcr-result:focus,
 .keyboard .input_item .color_picker_w input:not(.pcr-result):focus {
     outline-color: $uzf !important;
 }
 
 .input_item .pcr-result:focus {
-    border-color: $uzf !important;
+    outline-color: $cop !important;
+}
+
+.keyboard .input_item .pcr-result:focus {
+    outline-color: $uzf !important;
 }
 
 .keyboard .section_btn:not(.selected):focus {
-    box-shadow: inset 0 0 0 2px $uzf, inset -3px 0 0 0 $uzf;
+    box-shadow: inset 0 0 0 2px $uzf, inset -2px 0 0 0 $uzf;
 }

package/scss/shared/themes/general/very_dark_theme.scss

@@ -3,5 +3,5 @@
 @import 'template';
 
 .main_2 {
-    box-shadow: rgba(0, 102, 255, 0.7) 0 0 36px, rgba(255, 255, 255, 0.4) 0 0 10px;
+    box-shadow: rgb(0 102 255 / 85%) 0 0 36px, rgb(255 255 255 / 40%) 0 0 10px;
 }

package/settings.d.ts

@@ -1,2 +1,2 @@
 import "./ts/shared/internal";
-export { c_settings, d_settings, d_optional_permissions, s_settings, i_optional_permissions, } from "./ts/settings/internal";
+export { c_settings, o_schema, d_settings, d_optional_permissions, d_schema, s_settings, i_optional_permissions, } from "./ts/settings/internal";

package/settings.js

@@ -1 +1 @@
-import{a8 as Body,a9 as BackUp,S as Sections,_ as __awaiter,m as makeObservable,d as action}from"./chunk-main-00a79e55.js";import"react";import{a as Main$1}from"./chunk-main-bacabf12.js";import"react-dom";var index$4=Object.freeze({__proto__:null,Body:Body}),index$3=Object.freeze({__proto__:null,BackUp:BackUp,Sections:Sections});var index$2=Object.freeze({__proto__:null,Main:class{constructor(){this.set_permission=({name:name,optional_permission_checkbox_dict:optional_permission_checkbox_dict})=>err_async((()=>__awaiter(this,void 0,void 0,(function*(){const permissions=optional_permission_checkbox_dict[name];if(yield we.permissions.contains(permissions)){(yield we.permissions.remove(permissions))&&this.set_checkbox_val({name:name,val:!1})}else{(yield we.permissions.request(permissions))&&this.set_checkbox_val({name:name,val:!0})}}))),"shr_1221"),this.set_checkbox_val=({name:name,val:val})=>err((()=>{data.ui[name]=val}),"shr_1222"),makeObservable(this,{set_checkbox_val:action})}static i(){return this.i0||(this.i0=new this)}}});var index$1=Object.freeze({__proto__:null,Theme:class{constructor(){this.change=({input:input,name:name,additional_theme_callback:additional_theme_callback})=>err((()=>{"options_page_theme"===input.name&&Main$1.i().set({name:name,additional_theme_callback:additional_theme_callback})}),"shr_1088")}static i(){return this.i0||(this.i0=new this)}}}),index=Object.freeze({__proto__:null});export{index$4 as c_settings,index$2 as d_optional_permissions,index$3 as d_settings,index as i_optional_permissions,index$1 as s_settings};
+import{a8 as Body,a9 as BackUp,S as Sections,_ as __awaiter,m as makeObservable,d as action}from"./chunk-main-723a7930.js";import"react";import{a as Main$2}from"./chunk-main-a4df82cc.js";import"react-dom";var index$6=Object.freeze({__proto__:null,Body:Body});var index$5=Object.freeze({__proto__:null,TransformItem:class{constructor(obj){this.create_property_if_it_doesnt_exist=!0,Object.assign(this,obj),this.old_key=obj.old_key,this.new_key=obj.new_key,this.new_val=obj.new_val}}}),index$4=Object.freeze({__proto__:null,BackUp:BackUp,Sections:Sections});var index$3=Object.freeze({__proto__:null,Main:class{constructor(){this.set_permission=({name:name,optional_permission_checkbox_dict:optional_permission_checkbox_dict})=>err_async((()=>__awaiter(this,void 0,void 0,(function*(){const permissions=optional_permission_checkbox_dict[name];if(yield we.permissions.contains(permissions)){(yield we.permissions.remove(permissions))&&this.set_checkbox_val({name:name,val:!1})}else{(yield we.permissions.request(permissions))&&this.set_checkbox_val({name:name,val:!0})}}))),"shr_1221"),this.set_checkbox_val=({name:name,val:val})=>err((()=>{data.ui[name]=val}),"shr_1222"),makeObservable(this,{set_checkbox_val:action})}static i(){return this.i0||(this.i0=new this)}}});var index$2=Object.freeze({__proto__:null,Main:class{constructor(){this.transform=({settings:settings,transform_items:transform_items})=>err_async((()=>__awaiter(this,void 0,void 0,(function*(){const properties_to_remove=[];return transform_items.forEach((transform_item=>err((()=>{n(transform_item.new_key)&&!n(settings[transform_item.new_key])&&(transform_item.create_property_if_it_doesnt_exist||!transform_item.create_property_if_it_doesnt_exist&&n(transform_item.old_key)&&n(settings[transform_item.old_key]))&&(n(transform_item.new_val)?settings[transform_item.new_key]=transform_item.new_val:n(transform_item.old_key)&&(settings[transform_item.new_key]=settings[transform_item.old_key])),n(transform_item.old_key)&&!properties_to_remove.includes(transform_item.old_key)&&properties_to_remove.push(transform_item.old_key)}),"shr_1227"))),properties_to_remove.forEach((property_to_remove=>err((()=>{delete settings[property_to_remove]}),"shr_1228"))),yield ext.storage_remove(properties_to_remove),settings}))),"shr_1226"),makeObservable(this,{transform:action})}static i(){return this.i0||(this.i0=new this)}}});var index$1=Object.freeze({__proto__:null,Theme:class{constructor(){this.change=({input:input,name:name,additional_theme_callback:additional_theme_callback})=>err((()=>{"options_page_theme"===input.name&&Main$2.i().set({name:name,additional_theme_callback:additional_theme_callback})}),"shr_1088")}static i(){return this.i0||(this.i0=new this)}}}),index=Object.freeze({__proto__:null});export{index$6 as c_settings,index$3 as d_optional_permissions,index$2 as d_schema,index$4 as d_settings,index as i_optional_permissions,index$5 as o_schema,index$1 as s_settings};

package/ts/inputs/obj/input_base.d.ts

@@ -25,6 +25,7 @@ export declare class InputBase {
         input: i_inputs.Input;
     }) => boolean;
     constructor(obj: InputBase);
+    is_cut_computed?: ((this: InputBase) => boolean) | undefined;
     is_visible_computed?: ((this: InputBase) => boolean) | undefined;
     is_enabled_computed?: ((this: InputBase) => boolean) | undefined;
     private is_enabled_final?;

package/ts/settings/internal.d.ts

@@ -1,7 +1,9 @@
 export * from "./init";
 export * as c_settings from "./components";
+export * as o_schema from "./schema/obj";
 export * as d_settings from "./data";
 export * as d_optional_permissions from "./optional_permissions/data";
+export * as d_schema from "./schema/data";
 export * as s_settings from "./scripts";
 export * as p_settings from "./components/prop_types";
 export * as i_optional_permissions from "./optional_permissions/interfaces";

package/ts/settings/schema/data/index.d.ts

@@ -0,0 +1 @@
+export * from "./main";

package/ts/settings/schema/data/main.d.ts

@@ -0,0 +1,10 @@
+import { o_schema } from "../../internal";
+export declare class Main {
+    private static i0;
+    static i(): Main;
+    private constructor();
+    transform: ({ settings, transform_items, }: {
+        settings: any;
+        transform_items: o_schema.TransformItem[];
+    }) => Promise<any>;
+}

package/ts/settings/schema/obj/index.d.ts

@@ -0,0 +1 @@
+export * from "./transform_item";

package/ts/settings/schema/obj/transform_item.d.ts

@@ -0,0 +1,7 @@
+export declare class TransformItem {
+    old_key?: string;
+    new_key?: string;
+    new_val?: any;
+    create_property_if_it_doesnt_exist?: boolean;
+    constructor(obj: TransformItem);
+}

package/ts/shared/ext.d.ts

@@ -21,6 +21,7 @@ export declare class Ext {
     send_msg_to_active_tab_resp: (msg: t.Msg) => Promise<any>;
     send_msg_to_all_tabs: (msg: t.Msg) => Promise<void>;
     storage_get: (keys?: string | string[] | undefined) => Promise<any>;
-    storage_set: (obj: t.AnyRecord) => Promise<void>;
+    storage_set: (obj: t.AnyRecord, replace?: boolean | undefined) => Promise<void>;
+    storage_remove: (keys: string[]) => Promise<void>;
     inject_js_and_css_in_content_script: (js_file_paths: string[], css_file_paths: string[]) => Promise<void>;
 }