chuijs 3.6.2 → 3.6.4

package/framework/components/chui_hero/styles.css

@@ -0,0 +1,91 @@
+chui_hero {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+    box-sizing: border-box;
+    width: -webkit-fill-available;
+    padding: 20px 22px;
+    border: 1px solid var(--border_color);
+    border-radius: var(--radius_md);
+    background: var(--element_background);
+    box-shadow: var(--box_shadow_main);
+    font-size: var(--font_default_size);
+    color: var(--text_color);
+    text-align: left;
+}
+
+chui_hero hero_head {
+    display: flex;
+    align-items: center;
+    gap: 14px;
+}
+
+chui_hero hero_badge {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex: 0 0 auto;
+    width: 54px;
+    height: 54px;
+    border-radius: var(--radius_md);
+    background: var(--blue_prime_background);
+    box-shadow: var(--box_shadow_main);
+}
+
+chui_hero hero_badge chui_icon {
+    font-size: 28px;
+    color: var(--text_color_hover);
+}
+
+chui_hero hero_titles {
+    display: flex;
+    flex-direction: column;
+    gap: 3px;
+    min-width: 0;
+}
+
+chui_hero hero_title {
+    margin: 0;
+    padding: 0;
+    font-size: 26px;
+    font-weight: 600;
+    letter-spacing: -0.02em;
+    color: var(--text_color);
+}
+
+chui_hero hero_description {
+    margin: 0;
+    max-width: 80ch;
+    font-size: 13px;
+    color: var(--text_color_disabled);
+}
+
+chui_hero hero_stats {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 10px;
+}
+
+chui_hero hero_stat {
+    display: flex;
+    flex-direction: column;
+    gap: 1px;
+    min-width: 104px;
+    padding: 8px 14px;
+    border: 1px solid var(--border_color);
+    border-radius: var(--radius_md);
+    background: var(--element_background_2);
+}
+
+chui_hero hero_stat_value {
+    font-size: 18px;
+    font-weight: 600;
+    color: var(--blue_prime_background);
+}
+
+chui_hero hero_stat_label {
+    font-size: 10px;
+    letter-spacing: 0.07em;
+    text-transform: uppercase;
+    color: var(--text_color_disabled);
+}

package/framework/components/chui_html_block/html_block.js

@@ -1,17 +1,17 @@
-class HtmlBlock {
-    #id = require("randomstring").generate()
-    #html_block = document.createElement('chui_html_block')
-    constructor(width = String()) {
-        require('../../modules/chui_functions').setStyles(__dirname + "/styles.css", 'chUiJS_HtmlBlock');
-        this.#html_block.setAttribute('id', this.#id)
-        this.#html_block.style.width = width;
-    }
-    setHtml(html) {
-        this.#html_block.innerHTML = html;
-    }
-    set() {
-        return this.#html_block
-    }
-}
-
+class HtmlBlock {
+    #id = require("randomstring").generate()
+    #html_block = document.createElement('chui_html_block')
+    constructor(width = String()) {
+        require('../../modules/chui_functions').setStyles(__dirname + "/styles.css", 'chUiJS_HtmlBlock');
+        this.#html_block.setAttribute('id', this.#id)
+        this.#html_block.style.width = width;
+    }
+    setHtml(html) {
+        this.#html_block.innerHTML = html;
+    }
+    set() {
+        return this.#html_block
+    }
+}
+
 exports.HtmlBlock = HtmlBlock

package/framework/components/chui_html_block/styles.css

@@ -1,6 +1,6 @@
-chui_html_block {
-    display: block;
-    color: var(--text_color);
-    margin: var(--margin);
-    height: max-content
+chui_html_block {
+    display: block;
+    color: var(--text_color);
+    margin: var(--margin);
+    height: max-content
 }

package/framework/components/chui_hx/hx.js

@@ -1,16 +1,16 @@
-class H {
-    #h = undefined;
-    constructor(num = Number(), text = String()) {
-        require('../../modules/chui_functions').setStyles(__dirname + "/styles.css", 'chUiJS_HX');
-        this.#h = document.createElement(`h${num}`)
-        this.#h.innerText = text;
-    }
-    setText(text = String()) {
-        this.#h.innerText = text;
-    }
-    set() {
-        return this.#h;
-    }
-}
-
+class H {
+    #h = undefined;
+    constructor(num = Number(), text = String()) {
+        require('../../modules/chui_functions').setStyles(__dirname + "/styles.css", 'chUiJS_HX');
+        this.#h = document.createElement(`h${num}`)
+        this.#h.innerText = text;
+    }
+    setText(text = String()) {
+        this.#h.innerText = text;
+    }
+    set() {
+        return this.#h;
+    }
+}
+
 exports.H = H

package/framework/components/chui_hx/styles.css

@@ -1,39 +1,39 @@
-h1, h2, h3, h4, h5, h6 {
-    height: max-content;
-    width: max-content;
-    color: var(--text_color);
-    margin: var(--margin);
-    font-weight: 500;
-}
-
-h1, h2 {
-    padding: 12px 6px;
-}
-
-h3, h4 {
-    padding: 10px 6px;
-}
-
-h5 {
-    padding: 8px 6px;
-}
-
-h1 {
-    font-size: 2.488rem;
-}
-
-h2 {
-    font-size: 2.074rem;
-}
-
-h3 {
-    font-size: 1.728rem;
-}
-
-h4 {
-    font-size: 1.44rem;
-}
-
-h5 {
-    font-size: 1.2rem;
+h1, h2, h3, h4, h5, h6 {
+    height: max-content;
+    width: max-content;
+    color: var(--text_color);
+    margin: var(--margin);
+    font-weight: 500;
+}
+
+h1, h2 {
+    padding: 12px 6px;
+}
+
+h3, h4 {
+    padding: 10px 6px;
+}
+
+h5 {
+    padding: 8px 6px;
+}
+
+h1 {
+    font-size: 2.488rem;
+}
+
+h2 {
+    font-size: 2.074rem;
+}
+
+h3 {
+    font-size: 1.728rem;
+}
+
+h4 {
+    font-size: 1.44rem;
+}
+
+h5 {
+    font-size: 1.2rem;
 }