@jaisocx/tree 1.5.37 → 2.2.18

package/MediaAndStyles/{css → presets}/tree-animated-expand-button.css

@@ -1,4 +1,3 @@
-@import url('variables.css');
 .tree{
     background-color: var(--background-color--tree);
 }
@@ -169,7 +168,7 @@
     display: none;
     position: fixed;
     background-color: white;
-    border: 1px solid #bitbufsb;
+    border: 1px solid #ddd;
     border-radius: 4px;
     padding: 20px;
     box-shadow: 10px 10px 5px grey;

package/MediaAndStyles/themes/theme-funny/tree_theme-funny.css

@@ -0,0 +1,29 @@
+
+
+.jsx.theme-funny .tree,
+.jsx .theme-funny .tree,
+.jsx .theme-funny.tree,
+.theme-funny .tree,
+.theme-funny.tree {
+  --node-label--font-family: Niconne;
+}
+
+
+
+.theme-funny .tree > ul > li > pre > pre.jstree-html-node-holder-icon.icon-show,
+.tree.theme-funny > ul > li > pre > pre.jstree-html-node-holder-icon.icon-show
+{
+  --datatype-array--image-url: url('./themes/theme-funny/mini-images/data-types/house.png');
+  --datatype-object--image-url: url('./themes/theme-funny/mini-images/data-types/house.png');
+}
+
+.theme-funny .tree,
+.tree.theme-funny {
+  --datatype-array--image-url: url('./themes/theme-funny/mini-images/data-types/house.png');
+  --datatype-object--image-url: url('./themes/theme-funny/mini-images/data-types/house.png');
+  --datatype-number--image-url: url('./themes/theme-funny/mini-images/data-types/track.png');
+  --datatype-string--image-url: url('./themes/theme-funny/mini-images/data-types/money-transfer.png');
+  --datatype-boolean--image-url: url('./themes/theme-funny/mini-images/data-types/track.png');
+}
+
+

package/MediaAndStyles/themes/theme-funny/tree_theme-funny_fonts.css

@@ -0,0 +1,7 @@
+@font-face {
+  font-family: Niconne;
+  src: url("https://sandbox.brightday.email/cdn/www/fonts/Niconne/Niconne-Regular.ttf") format("truetype");
+  font-weight: 800; /* ExtraBold */
+  font-style: normal;
+}
+

package/MediaAndStyles/themes/theme_base/Tree_theme_base_Imports_fonts_cdn.css

@@ -0,0 +1,35 @@
+@font-face {
+  font-family: "Baloo Paaji 2";
+  src: url("https://sandbox.brightday.email/cdn/www/fonts/Baloo_Paaji_2/static/BalooPaaji2-Regular.ttf") format("truetype");
+  font-weight: 400; /* Regular */
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "Baloo Paaji 2";
+  src: url("https://sandbox.brightday.email/cdn/www/fonts/Baloo_Paaji_2/static/BalooPaaji2-Medium.ttf") format("truetype");
+  font-weight: 500; /* Medium */
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "Baloo Paaji 2";
+  src: url("https://sandbox.brightday.email/cdn/www/fonts/Baloo_Paaji_2/static/BalooPaaji2-SemiBold.ttf") format("truetype");
+  font-weight: 600; /* SemiBold */
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "Baloo Paaji 2";
+  src: url("https://sandbox.brightday.email/cdn/www/fonts/Baloo_Paaji_2/static/BalooPaaji2-Bold.ttf") format("truetype");
+  font-weight: 700; /* Bold */
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "Baloo Paaji 2";
+  src: url("https://sandbox.brightday.email/cdn/www/fonts/Baloo_Paaji_2/static/BalooPaaji2-ExtraBold.ttf") format("truetype");
+  font-weight: 800; /* ExtraBold */
+  font-style: normal;
+}
+

package/MediaAndStyles/themes/theme_base/Tree_theme_base_Imports_mini_images_Absolute_preview.css

@@ -0,0 +1,41 @@
+/*
+
+# RELATIVE PATHS NOTICE
+
+since the theme .css files are loaded by .css file ? why? and how?
+
+then it's rather to experience the successful url resolved.
+
+It seems, the css variable value is resloved in a .css file, that sets a css rule like var(--variable).
+in this case, relative to tree-styles-main.css, css/tree.css file sets it's rules
+with the values from the themes/theme-base/theme-base.css file.
+in theme-base.css it's just a string value,
+and in css/tree.css file, when the css rule was resolved,
+the relative paths apply from css/tree.css file location.
+
+the ./../ paths are not malicious, since the browser, when resolving css rules with url() statements,
+sends http request paths normally resolved. the browser doesn't ask a server to ./../../ there in it's filesytem paths.
+
+*/
+
+
+.tree > ul > li > pre > pre.jstree-html-node-holder-icon.icon-show
+{
+  --datatype-array--image-url:               url('https://preview.brightday.email/sites_tools/js_tools/Tree/MediaAndStyles/themes/theme_base/mini_images/data-types/icons8-json-96.png');
+  --datatype-object--image-url:              url('https://preview.brightday.email/sites_tools/js_tools/Tree/MediaAndStyles/themes/theme_base/mini_images/data-types/icons8-json-96.png');
+}
+
+.tree {
+
+  --open-button-animated--image-url:         url('https://preview.brightday.email/sites_tools/js_tools/Tree/MediaAndStyles/themes/theme_base/mini_images/button-open/button-animated.gif');
+  --open-button-opened--image-url:           url('https://preview.brightday.email/sites_tools/js_tools/Tree/MediaAndStyles/themes/theme_base/mini_images/button-open/button-opened.png');
+  --open-button-without-subtree--image-url:  url('https://preview.brightday.email/sites_tools/js_tools/Tree/MediaAndStyles/themes/theme_base/mini_images/button-open/button-without-subtree.svg');
+
+  --datatype-array--image-url:               url('https://preview.brightday.email/sites_tools/js_tools/Tree/MediaAndStyles/themes/theme_base/mini_images/data-types/icons8-view-array-96.png');
+  --datatype-object--image-url:              url('https://preview.brightday.email/sites_tools/js_tools/Tree/MediaAndStyles/themes/theme_base/mini_images/data-types/icons8-static-view-level2-80.png');
+  --datatype-number--image-url:              url('https://preview.brightday.email/sites_tools/js_tools/Tree/MediaAndStyles/themes/theme_base/mini_images/data-types/icons8-3-100.png');
+  --datatype-string--image-url:              url('https://preview.brightday.email/sites_tools/js_tools/Tree/MediaAndStyles/themes/theme_base/mini_images/data-types/icons8-font-style-formatting-96.png');
+  --datatype-boolean--image-url:             url('https://preview.brightday.email/sites_tools/js_tools/Tree/MediaAndStyles/themes/theme_base/mini_images/data-types/icons8-true-false-96.png');
+}
+
+

package/MediaAndStyles/themes/theme_base/Tree_theme_base_Imports_mini_images_Relative.css

@@ -0,0 +1,41 @@
+/*
+
+# RELATIVE PATHS NOTICE
+
+since the theme .css files are loaded by .css file ? why? and how?
+
+then it's rather to experience the successful url resolved.
+
+It seems, the css variable value is resloved in a .css file, that sets a css rule like var(--variable).
+in this case, relative to tree-styles-main.css, css/tree.css file sets it's rules
+with the values from the themes/theme-base/theme-base.css file.
+in theme-base.css it's just a string value,
+and in css/tree.css file, when the css rule was resolved,
+the relative paths apply from css/tree.css file location.
+
+the ./../ paths are not malicious, since the browser, when resolving css rules with url() statements,
+sends http request paths normally resolved. the browser doesn't ask a server to ./../../ there in it's filesytem paths.
+
+*/
+
+
+.tree > ul > li > pre > pre.jstree-html-node-holder-icon.icon-show
+{
+  --datatype-array--image-url:               url('./themes/theme_base/mini_images/data-types/icons8-json-96.png');
+  --datatype-object--image-url:              url('./themes/theme_base/mini_images/data-types/icons8-json-96.png');
+}
+
+.tree {
+
+  --open-button-animated--image-url:         url('./themes/theme_base/mini_images/button-open/button-animated.gif');
+  --open-button-opened--image-url:           url('./themes/theme_base/mini_images/button-open/button-opened.png');
+  --open-button-without-subtree--image-url:  url('./themes/theme_base/mini_images/button-open/button-without-subtree.svg');
+
+  --datatype-array--image-url:               url('./themes/theme_base/mini_images/data-types/icons8-view-array-96.png');
+  --datatype-object--image-url:              url('./themes/theme_base/mini_images/data-types/icons8-static-view-level2-80.png');
+  --datatype-number--image-url:              url('./themes/theme_base/mini_images/data-types/icons8-3-100.png');
+  --datatype-string--image-url:              url('./themes/theme_base/mini_images/data-types/icons8-font-style-formatting-96.png');
+  --datatype-boolean--image-url:             url('./themes/theme_base/mini_images/data-types/icons8-true-false-96.png');
+}
+
+

package/MediaAndStyles/themes/{theme-base/theme-base.css → theme_base/Tree_theme_base_main.css}

@@ -4,13 +4,13 @@
   --node-margin: 0 0 0.18rem 0;
 
   --open-button-size: 68%;
-  
+
   --background-color--tree: unset;
 
   --text-color--dark: #000000;
 
   --size--jstree-html-node: 1.2rem;
-  --node-label--font-family: 'Baloo Paaji 2';
+  --node-label--font-family: LibreFranklin, Arial, system-ui, sans-serif;
   --node-label--font-size: 0.9rem;
   --node-label--line-height: var(--size--jstree-html-node);
   --node-label--text-color: unset;

package/MediaAndStyles/themes/theme_base/Tree_theme_base_main_Relative.css

@@ -0,0 +1,13 @@
+/* @import url("@Tree_MediaAndStyles/themes/theme_base/responsive_size_Imports_Tree_theme_base_Webpack_minimal.css"); */
+/* @import url("@Tree_MediaAndStyles/themes/theme_base/responsive_size_Imports_Tree_theme_base_Webpack.css"); */
+@import url("./responsive_size_Imports_Tree_theme_base_Relative.css");
+
+/* @import url("./Tree_theme_base_Imports_fonts_cdn.css"); */
+
+@import url("./Tree_theme_base_Imports_mini_images_Relative.css");
+/* @import url( "./Tree_theme_base_Imports_mini_images_Absolute_preview.css" ); */
+
+@import url("./Tree_theme_base_main.css");
+
+
+

package/MediaAndStyles/themes/theme_base/Tree_theme_base_main_Webpack.css

@@ -0,0 +1,12 @@
+
+/* @import url("@Tree_MediaAndStyles/themes/theme_base/responsive_size_Imports_Tree_theme_base_Webpack_minimal.css"); */
+@import url("@Tree_MediaAndStyles/themes/theme_base/responsive_size_Imports_Tree_theme_base_Webpack.css");
+
+@import url("@Tree_MediaAndStyles/themes/theme_base/Tree_theme_base_Imports_fonts_cdn.css");
+
+@import url("@Tree_MediaAndStyles/themes/theme_base/Tree_theme_base_Imports_mini_images_Relative.css");
+
+@import url("@Tree_MediaAndStyles/themes/theme_base/Tree_theme_base_main.css");
+
+
+

package/MediaAndStyles/themes/theme_base/Tree_theme_base_main_Webpack_minimal.css

@@ -0,0 +1,12 @@
+
+@import url("@Tree_MediaAndStyles/themes/theme_base/responsive_size_Imports_Tree_theme_base_Webpack_minimal.css");
+/* @import url("@Tree_MediaAndStyles/themes/theme_base/responsive_size_Imports_Tree_theme_base_Webpack.css"); */
+
+/* @import url("@Tree_MediaAndStyles/themes/theme_base/Tree_theme_base_Imports_fonts_cdn.css"); */
+
+@import url("@Tree_MediaAndStyles/themes/theme_base/Tree_theme_base_Imports_mini_images_Relative.css");
+
+@import url("@Tree_MediaAndStyles/themes/theme_base/Tree_theme_base_main.css");
+
+
+

package/MediaAndStyles/themes/theme_base/responsive/responsive_size_d05_very_small_xxs_landscape__Tree__theme_base.css

@@ -0,0 +1,10 @@
+@media only screen and (min-width: 2px) and (max-width: 99999px) and (min-height: 2px) and (max-height: 239px) and (orientation: landscape) {
+
+  .jsx .Tree {
+    --theme_name: Tree__theme_base;
+    --theme_name__Tree: theme_base;
+    --responsive_size: responsive_size_d05_very_small_xxs_landscape;
+    --responsive_size__Tree__theme_base: responsive_size_d05_very_small_xxs_landscape__Tree__theme_base;
+  }
+}
+

package/MediaAndStyles/themes/theme_base/responsive/responsive_size_d05_very_small_xxs_portrait__Tree__theme_base.css

@@ -0,0 +1,10 @@
+@media only screen and (min-width: 2px) and (max-width: 239px) and (min-height: 2px) and (max-height: 99999px) and (orientation: portrait) {
+
+  .jsx .Tree {
+    --theme_name: Tree__theme_base;
+    --theme_name__Tree: theme_base;
+    --responsive_size: responsive_size_d05_very_small_xxs_portrait;
+    --responsive_size__Tree__theme_base: responsive_size_d05_very_small_xxs_portrait__Tree__theme_base;
+  }
+}
+

package/MediaAndStyles/themes/theme_base/responsive/responsive_size_e02_mobile_xs_landscape__Tree__theme_base.css

@@ -0,0 +1,10 @@
+@media only screen and (min-width: 240px) and (max-width: 99999px) and (min-height: 240px) and (max-height: 320px) and (orientation: landscape) {
+
+  .jsx .Tree {
+    --theme_name: Tree__theme_base;
+    --theme_name__Tree: theme_base;
+    --responsive_size: responsive_size_e02_mobile_xs_landscape;
+    --responsive_size__Tree__theme_base: responsive_size_e02_mobile_xs_landscape__Tree__theme_base;
+  }
+}
+

package/MediaAndStyles/themes/theme_base/responsive/responsive_size_e02_mobile_xs_portrait__Tree__theme_base.css

@@ -0,0 +1,10 @@
+@media only screen and (min-width: 240px) and (max-width: 320px) and (min-height: 240px) and (max-height: 99999px) and (orientation: portrait) {
+
+  .jsx .Tree {
+    --theme_name: Tree__theme_base;
+    --theme_name__Tree: theme_base;
+    --responsive_size: responsive_size_e02_mobile_xs_portrait;
+    --responsive_size__Tree__theme_base: responsive_size_e02_mobile_xs_portrait__Tree__theme_base;
+  }
+}
+

package/MediaAndStyles/themes/theme_base/responsive/responsive_size_e04_mobile_s_landscape__Tree__theme_base.css

@@ -0,0 +1,10 @@
+@media only screen and (min-width: 321px) and (max-width: 99999px) and (min-height: 321px) and (max-height: 375px) and (orientation: landscape) {
+
+  .jsx .Tree {
+    --theme_name: Tree__theme_base;
+    --theme_name__Tree: theme_base;
+    --responsive_size: responsive_size_e04_mobile_s_landscape;
+    --responsive_size__Tree__theme_base: responsive_size_e04_mobile_s_landscape__Tree__theme_base;
+  }
+}
+

package/MediaAndStyles/themes/theme_base/responsive/responsive_size_e04_mobile_s_portrait__Tree__theme_base.css

@@ -0,0 +1,10 @@
+@media only screen and (min-width: 321px) and (max-width: 375px) and (min-height: 321px) and (max-height: 99999px) and (orientation: portrait) {
+
+  .jsx .Tree {
+    --theme_name: Tree__theme_base;
+    --theme_name__Tree: theme_base;
+    --responsive_size: responsive_size_e04_mobile_s_portrait;
+    --responsive_size__Tree__theme_base: responsive_size_e04_mobile_s_portrait__Tree__theme_base;
+  }
+}
+

package/MediaAndStyles/themes/theme_base/responsive/responsive_size_e06_mobile_sm_landscape__Tree__theme_base.css

@@ -0,0 +1,10 @@
+@media only screen and (min-width: 376px) and (max-width: 99999px) and (min-height: 376px) and (max-height: 430px) and (orientation: landscape) {
+
+  .jsx .Tree {
+    --theme_name: Tree__theme_base;
+    --theme_name__Tree: theme_base;
+    --responsive_size: responsive_size_e06_mobile_sm_landscape;
+    --responsive_size__Tree__theme_base: responsive_size_e06_mobile_sm_landscape__Tree__theme_base;
+  }
+}
+

package/MediaAndStyles/themes/theme_base/responsive/responsive_size_e06_mobile_sm_portrait__Tree__theme_base.css

@@ -0,0 +1,10 @@
+@media only screen and (min-width: 376px) and (max-width: 430px) and (min-height: 376px) and (max-height: 99999px) and (orientation: portrait) {
+
+  .jsx .Tree {
+    --theme_name: Tree__theme_base;
+    --theme_name__Tree: theme_base;
+    --responsive_size: responsive_size_e06_mobile_sm_portrait;
+    --responsive_size__Tree__theme_base: responsive_size_e06_mobile_sm_portrait__Tree__theme_base;
+  }
+}
+

package/MediaAndStyles/themes/theme_base/responsive/responsive_size_e08_mobile_md_landscape__Tree__theme_base.css

@@ -0,0 +1,10 @@
+@media only screen and (min-width: 431px) and (max-width: 99999px) and (min-height: 431px) and (max-height: 480px) and (orientation: landscape) {
+
+  .jsx .Tree {
+    --theme_name: Tree__theme_base;
+    --theme_name__Tree: theme_base;
+    --responsive_size: responsive_size_e08_mobile_md_landscape;
+    --responsive_size__Tree__theme_base: responsive_size_e08_mobile_md_landscape__Tree__theme_base;
+  }
+}
+

package/MediaAndStyles/themes/theme_base/responsive/responsive_size_e08_mobile_md_portrait__Tree__theme_base.css

@@ -0,0 +1,10 @@
+@media only screen and (min-width: 431px) and (max-width: 480px) and (min-height: 431px) and (max-height: 99999px) and (orientation: portrait) {
+
+  .jsx .Tree {
+    --theme_name: Tree__theme_base;
+    --theme_name__Tree: theme_base;
+    --responsive_size: responsive_size_e08_mobile_md_portrait;
+    --responsive_size__Tree__theme_base: responsive_size_e08_mobile_md_portrait__Tree__theme_base;
+  }
+}
+

package/MediaAndStyles/themes/theme_base/responsive/responsive_size_h03_tablet_s_landscape__Tree__theme_base.css

@@ -0,0 +1,10 @@
+@media only screen and (min-width: 481px) and (max-width: 99999px) and (min-height: 481px) and (max-height: 767px) and (orientation: landscape) {
+
+  .jsx .Tree {
+    --theme_name: Tree__theme_base;
+    --theme_name__Tree: theme_base;
+    --responsive_size: responsive_size_h03_tablet_s_landscape;
+    --responsive_size__Tree__theme_base: responsive_size_h03_tablet_s_landscape__Tree__theme_base;
+  }
+}
+

package/MediaAndStyles/themes/theme_base/responsive/responsive_size_h03_tablet_s_portrait__Tree__theme_base.css

@@ -0,0 +1,10 @@
+@media only screen and (min-width: 481px) and (max-width: 767px) and (min-height: 481px) and (max-height: 99999px) and (orientation: portrait) {
+
+  .jsx .Tree {
+    --theme_name: Tree__theme_base;
+    --theme_name__Tree: theme_base;
+    --responsive_size: responsive_size_h03_tablet_s_portrait;
+    --responsive_size__Tree__theme_base: responsive_size_h03_tablet_s_portrait__Tree__theme_base;
+  }
+}
+

package/MediaAndStyles/themes/theme_base/responsive/responsive_size_h05_tablet_sm_landscape__Tree__theme_base.css

@@ -0,0 +1,10 @@
+@media only screen and (min-width: 768px) and (max-width: 1024px) and (min-height: 768px) and (max-height: 1024px) and (orientation: landscape) {
+
+  .jsx .Tree {
+    --theme_name: Tree__theme_base;
+    --theme_name__Tree: theme_base;
+    --responsive_size: responsive_size_h05_tablet_sm_landscape;
+    --responsive_size__Tree__theme_base: responsive_size_h05_tablet_sm_landscape__Tree__theme_base;
+  }
+}
+

package/MediaAndStyles/themes/theme_base/responsive/responsive_size_h05_tablet_sm_portrait__Tree__theme_base.css

@@ -0,0 +1,10 @@
+@media only screen and (min-width: 768px) and (max-width: 1024px) and (min-height: 768px) and (max-height: 1024px) and (orientation: portrait) {
+
+  .jsx .Tree {
+    --theme_name: Tree__theme_base;
+    --theme_name__Tree: theme_base;
+    --responsive_size: responsive_size_h05_tablet_sm_portrait;
+    --responsive_size__Tree__theme_base: responsive_size_h05_tablet_sm_portrait__Tree__theme_base;
+  }
+}
+

package/MediaAndStyles/themes/theme_base/responsive/responsive_size_h07_tablet_md_landscape__Tree__theme_base.css

@@ -0,0 +1,10 @@
+@media only screen and (min-width: 1025px) and (max-width: 1194px) and (min-height: 768px) and (max-height: 1024px) and (orientation: landscape) {
+
+  .jsx .Tree {
+    --theme_name: Tree__theme_base;
+    --theme_name__Tree: theme_base;
+    --responsive_size: responsive_size_h07_tablet_md_landscape;
+    --responsive_size__Tree__theme_base: responsive_size_h07_tablet_md_landscape__Tree__theme_base;
+  }
+}
+

package/MediaAndStyles/themes/theme_base/responsive/responsive_size_h07_tablet_md_portrait__Tree__theme_base.css

@@ -0,0 +1,10 @@
+@media only screen and (min-width: 768px) and (max-width: 1024px) and (min-height: 1025px) and (max-height: 1194px) and (orientation: portrait) {
+
+  .jsx .Tree {
+    --theme_name: Tree__theme_base;
+    --theme_name__Tree: theme_base;
+    --responsive_size: responsive_size_h07_tablet_md_portrait;
+    --responsive_size__Tree__theme_base: responsive_size_h07_tablet_md_portrait__Tree__theme_base;
+  }
+}
+

package/MediaAndStyles/themes/theme_base/responsive/responsive_size_h09_tablet_lg_landscape__Tree__theme_base.css

@@ -0,0 +1,10 @@
+@media only screen and (min-width: 1195px) and (max-width: 99999px) and (min-height: 768px) and (max-height: 1024px) and (orientation: landscape) {
+
+  .jsx .Tree {
+    --theme_name: Tree__theme_base;
+    --theme_name__Tree: theme_base;
+    --responsive_size: responsive_size_h09_tablet_lg_landscape;
+    --responsive_size__Tree__theme_base: responsive_size_h09_tablet_lg_landscape__Tree__theme_base;
+  }
+}
+

package/MediaAndStyles/themes/theme_base/responsive/responsive_size_h09_tablet_lg_portrait__Tree__theme_base.css

@@ -0,0 +1,10 @@
+@media only screen and (min-width: 768px) and (max-width: 1024px) and (min-height: 1195px) and (max-height: 99999px) and (orientation: portrait) {
+
+  .jsx .Tree {
+    --theme_name: Tree__theme_base;
+    --theme_name__Tree: theme_base;
+    --responsive_size: responsive_size_h09_tablet_lg_portrait;
+    --responsive_size__Tree__theme_base: responsive_size_h09_tablet_lg_portrait__Tree__theme_base;
+  }
+}
+

package/MediaAndStyles/themes/theme_base/responsive/responsive_size_l02_laptop_sm_landscape__Tree__theme_base.css

@@ -0,0 +1,10 @@
+@media only screen and (min-width: 1025px) and (max-width: 1365px) and (min-height: 1025px) and (max-height: 1365px) and (orientation: landscape) {
+
+  .jsx .Tree {
+    --theme_name: Tree__theme_base;
+    --theme_name__Tree: theme_base;
+    --responsive_size: responsive_size_l02_laptop_sm_landscape;
+    --responsive_size__Tree__theme_base: responsive_size_l02_laptop_sm_landscape__Tree__theme_base;
+  }
+}
+

package/MediaAndStyles/themes/theme_base/responsive/responsive_size_l02_laptop_sm_portrait__Tree__theme_base.css

@@ -0,0 +1,10 @@
+@media only screen and (min-width: 1025px) and (max-width: 1365px) and (min-height: 1025px) and (max-height: 1365px) and (orientation: portrait) {
+
+  .jsx .Tree {
+    --theme_name: Tree__theme_base;
+    --theme_name__Tree: theme_base;
+    --responsive_size: responsive_size_l02_laptop_sm_portrait;
+    --responsive_size__Tree__theme_base: responsive_size_l02_laptop_sm_portrait__Tree__theme_base;
+  }
+}
+

package/MediaAndStyles/themes/theme_base/responsive/responsive_size_l03_laptop_md_landscape__Tree__theme_base.css

@@ -0,0 +1,10 @@
+@media only screen and (min-width: 1366px) and (max-width: 1440px) and (min-height: 1025px) and (max-height: 1440px) and (orientation: landscape) {
+
+  .jsx .Tree {
+    --theme_name: Tree__theme_base;
+    --theme_name__Tree: theme_base;
+    --responsive_size: responsive_size_l03_laptop_md_landscape;
+    --responsive_size__Tree__theme_base: responsive_size_l03_laptop_md_landscape__Tree__theme_base;
+  }
+}
+

package/MediaAndStyles/themes/theme_base/responsive/responsive_size_l03_laptop_md_portrait__Tree__theme_base.css

@@ -0,0 +1,10 @@
+@media only screen and (min-width: 1025px) and (max-width: 1440px) and (min-height: 1366px) and (max-height: 1440px) and (orientation: portrait) {
+
+  .jsx .Tree {
+    --theme_name: Tree__theme_base;
+    --theme_name__Tree: theme_base;
+    --responsive_size: responsive_size_l03_laptop_md_portrait;
+    --responsive_size__Tree__theme_base: responsive_size_l03_laptop_md_portrait__Tree__theme_base;
+  }
+}
+

package/MediaAndStyles/themes/theme_base/responsive/responsive_size_l07_laptop_lg_landscape__Tree__theme_base.css

@@ -0,0 +1,10 @@
+@media only screen and (min-width: 1441px) and (max-width: 1600px) and (min-height: 1025px) and (max-height: 1600px) and (orientation: landscape) {
+
+  .jsx .Tree {
+    --theme_name: Tree__theme_base;
+    --theme_name__Tree: theme_base;
+    --responsive_size: responsive_size_l07_laptop_lg_landscape;
+    --responsive_size__Tree__theme_base: responsive_size_l07_laptop_lg_landscape__Tree__theme_base;
+  }
+}
+

package/MediaAndStyles/themes/theme_base/responsive/responsive_size_l07_laptop_lg_portrait__Tree__theme_base.css

@@ -0,0 +1,10 @@
+@media only screen and (min-width: 1025px) and (max-width: 1600px) and (min-height: 1441px) and (max-height: 1600px) and (orientation: portrait) {
+
+  .jsx .Tree {
+    --theme_name: Tree__theme_base;
+    --theme_name__Tree: theme_base;
+    --responsive_size: responsive_size_l07_laptop_lg_portrait;
+    --responsive_size__Tree__theme_base: responsive_size_l07_laptop_lg_portrait__Tree__theme_base;
+  }
+}
+

package/MediaAndStyles/themes/theme_base/responsive/responsive_size_s02_display_xl_landscape__Tree__theme_base.css

@@ -0,0 +1,10 @@
+@media only screen and (min-width: 1601px) and (max-width: 1920px) and (min-height: 1025px) and (max-height: 1920px) and (orientation: landscape) {
+
+  .jsx .Tree {
+    --theme_name: Tree__theme_base;
+    --theme_name__Tree: theme_base;
+    --responsive_size: responsive_size_s02_display_xl_landscape;
+    --responsive_size__Tree__theme_base: responsive_size_s02_display_xl_landscape__Tree__theme_base;
+  }
+}
+

package/MediaAndStyles/themes/theme_base/responsive/responsive_size_s02_display_xl_portrait__Tree__theme_base.css

@@ -0,0 +1,10 @@
+@media only screen and (min-width: 1025px) and (max-width: 1920px) and (min-height: 1601px) and (max-height: 1920px) and (orientation: portrait) {
+
+  .jsx .Tree {
+    --theme_name: Tree__theme_base;
+    --theme_name__Tree: theme_base;
+    --responsive_size: responsive_size_s02_display_xl_portrait;
+    --responsive_size__Tree__theme_base: responsive_size_s02_display_xl_portrait__Tree__theme_base;
+  }
+}
+

package/MediaAndStyles/themes/theme_base/responsive/responsive_size_s04_display_xxl_landscape__Tree__theme_base.css

@@ -0,0 +1,10 @@
+@media only screen and (min-width: 1921px) and (max-width: 2560px) and (min-height: 1025px) and (max-height: 2560px) and (orientation: landscape) {
+
+  .jsx .Tree {
+    --theme_name: Tree__theme_base;
+    --theme_name__Tree: theme_base;
+    --responsive_size: responsive_size_s04_display_xxl_landscape;
+    --responsive_size__Tree__theme_base: responsive_size_s04_display_xxl_landscape__Tree__theme_base;
+  }
+}
+

package/MediaAndStyles/themes/theme_base/responsive/responsive_size_s04_display_xxl_portrait__Tree__theme_base.css

@@ -0,0 +1,10 @@
+@media only screen and (min-width: 1025px) and (max-width: 2560px) and (min-height: 1921px) and (max-height: 2560px) and (orientation: portrait) {
+
+  .jsx .Tree {
+    --theme_name: Tree__theme_base;
+    --theme_name__Tree: theme_base;
+    --responsive_size: responsive_size_s04_display_xxl_portrait;
+    --responsive_size__Tree__theme_base: responsive_size_s04_display_xxl_portrait__Tree__theme_base;
+  }
+}
+

package/MediaAndStyles/themes/theme_base/responsive/responsive_size_s08_display_qhd_landscape__Tree__theme_base.css

@@ -0,0 +1,10 @@
+@media only screen and (min-width: 2561px) and (max-width: 3840px) and (min-height: 1025px) and (max-height: 3840px) and (orientation: landscape) {
+
+  .jsx .Tree {
+    --theme_name: Tree__theme_base;
+    --theme_name__Tree: theme_base;
+    --responsive_size: responsive_size_s08_display_qhd_landscape;
+    --responsive_size__Tree__theme_base: responsive_size_s08_display_qhd_landscape__Tree__theme_base;
+  }
+}
+

package/MediaAndStyles/themes/theme_base/responsive/responsive_size_s08_display_qhd_portrait__Tree__theme_base.css

@@ -0,0 +1,10 @@
+@media only screen and (min-width: 1025px) and (max-width: 3840px) and (min-height: 2561px) and (max-height: 3840px) and (orientation: portrait) {
+
+  .jsx .Tree {
+    --theme_name: Tree__theme_base;
+    --theme_name__Tree: theme_base;
+    --responsive_size: responsive_size_s08_display_qhd_portrait;
+    --responsive_size__Tree__theme_base: responsive_size_s08_display_qhd_portrait__Tree__theme_base;
+  }
+}
+

package/MediaAndStyles/themes/theme_base/responsive/responsive_size_t04_tv_4k_landscape__Tree__theme_base.css

@@ -0,0 +1,10 @@
+@media only screen and (min-width: 3841px) and (max-width: 7680px) and (min-height: 1025px) and (max-height: 7680px) and (orientation: landscape) {
+
+  .jsx .Tree {
+    --theme_name: Tree__theme_base;
+    --theme_name__Tree: theme_base;
+    --responsive_size: responsive_size_t04_tv_4k_landscape;
+    --responsive_size__Tree__theme_base: responsive_size_t04_tv_4k_landscape__Tree__theme_base;
+  }
+}
+

package/MediaAndStyles/themes/theme_base/responsive/responsive_size_t04_tv_4k_portrait__Tree__theme_base.css

@@ -0,0 +1,10 @@
+@media only screen and (min-width: 1025px) and (max-width: 7680px) and (min-height: 3841px) and (max-height: 7680px) and (orientation: portrait) {
+
+  .jsx .Tree {
+    --theme_name: Tree__theme_base;
+    --theme_name__Tree: theme_base;
+    --responsive_size: responsive_size_t04_tv_4k_portrait;
+    --responsive_size__Tree__theme_base: responsive_size_t04_tv_4k_portrait__Tree__theme_base;
+  }
+}
+