@alfalab/core-components 29.0.0-beta.1 → 29.0.0-beta.2

package/themes/dist/modal/click.css

@@ -0,0 +1,30 @@
+:root {
+    /* sizes */
+    --modal-vertical-padding: var(--gap-4xl);
+    --modal-footer-default-gap: var(--gap-xl);
+
+    /* paddings */
+    --modal-s-header-paddings: var(--gap-xl) var(--gap-2xl) var(--gap-s) 0;
+    --modal-s-content-paddings: 0 var(--gap-4xl);
+    --modal-s-content-only-bottom-padding: var(--gap-4xl);
+    --modal-s-footer-paddings: var(--gap-2xl) var(--gap-4xl) var(--gap-4xl);
+
+    /* scroll */
+    --modal-header-highlight-background: var(--color-light-bg-primary);
+    --modal-footer-highlight-background: var(--color-light-bg-secondary);
+    --modal-footer-highlight-box-shadow: none;
+
+    /* desktop */
+    --modal-s-header-desktop-content-paddings: var(--gap-xs) var(--gap-m) 0 0;
+    --modal-s-header-desktop-font-size: 24px;
+    --modal-s-header-desktop-line-height: 32px;
+    --modal-header-desktop-font-weight: 500;
+    --modal-header-desktop-font-family: var(--font-family-styrene);
+
+    /* mobile */
+    --modal-header-mobile-content-paddings: 10px var(--gap-xs) 10px var(--gap-m);
+    --modal-header-mobile-font-size: 20px;
+    --modal-header-mobile-line-height: 28px;
+    --modal-header-mobile-font-family: var(--font-family-styrene);
+    --modal-header-mobile-font-weight: 500;
+}

package/themes/dist/modal/corp.css

@@ -0,0 +1,4 @@
+:root {
+    --modal-header-highlight-box-shadow: var(--shadow-s);
+    --modal-footer-highlight-box-shadow: var(--shadow-s-up);
+}

package/themes/dist/modern/compiled/mobile-dark-bluetint.d.ts

@@ -0,0 +1,2 @@
+import styles from '!!css-loader!@alfalab/core-components/themes/compiled/mobile-dark-bluetint.css';
+export { styles as default };

package/themes/dist/modern/compiled/mobile-dark-bluetint.js

@@ -0,0 +1,4 @@
+import styles from '!!css-loader!@alfalab/core-components/themes/compiled/mobile-dark-bluetint.css';
+export { default } from '!!css-loader!@alfalab/core-components/themes/compiled/mobile-dark-bluetint.css';
+
+// eslint-disable-next-line import/no-webpack-loader-syntax

package/themes/dist/modern/dark.d.ts

@@ -0,0 +1,2 @@
+declare const _default: string;
+export { _default as default };

package/themes/dist/modern/dark.js

@@ -0,0 +1,6 @@
+import styles from '!!css-loader!@alfalab/core-components/themes/dark.css';
+
+// eslint-disable-next-line import/no-webpack-loader-syntax
+var dark = styles.toString();
+
+export default dark;

package/themes/dist/package.json

@@ -0,0 +1,12 @@
+{
+    "name": "@alfalab/core-components-themes",
+    "version": "9.0.0",
+    "description": "",
+    "keywords": [],
+    "license": "MIT",
+    "publishConfig": {
+        "access": "public",
+        "directory": "dist"
+    },
+    "postinstall": "node -e \"if (require('fs').existsSync('./send-stats.js')){require('./send-stats.js')} \""
+}

package/themes/dist/radio/click.css

@@ -0,0 +1,9 @@
+:root {
+    /* theme */
+    --radio-checked-bg-color: var(--color-light-graphic-positive);
+    --radio-checked-border-color: transparent;
+    --radio-checked-hover-bg-color: var(--color-light-graphic-positive-shade-10);
+    --radio-checked-hover-border-color: transparent;
+    --radio-checked-active-bg-color: var(--color-light-graphic-positive-shade-30);
+    --radio-checked-active-border-color: transparent;
+}

package/themes/dist/radio/intranet.css

@@ -0,0 +1,19 @@
+:root {
+    /* unchecked */
+    --radio-bg-color: var(--color-light-graphic-primary-inverted);
+    --radio-border-color: var(--color-light-graphic-secondary);
+    --radio-hover-bg-color: var(--color-light-graphic-primary-inverted);
+    --radio-hover-border-color: var(--color-light-graphic-secondary);
+
+    /* active */
+    --radio-active-bg-color: var(--color-light-graphic-primary-inverted);
+    --radio-active-border-color: var(--color-light-border-key);
+
+    /* checked */
+    --radio-checked-hover-bg-color: var(--color-light-graphic-primary-shade-10);
+    --radio-checked-active-bg-color: var(--color-light-graphic-primary-shade-30);
+    --radio-checked-bg-color: var(--color-light-graphic-primary);
+
+    /* icon */
+    --radio-icon-color: var(--color-light-graphic-primary-inverted);
+}

package/themes/dist/radio/mobile.css

@@ -0,0 +1,19 @@
+:root {
+    /* unchecked */
+    --radio-bg-color: var(--color-light-graphic-primary-inverted);
+    --radio-border-color: var(--color-light-graphic-secondary);
+    --radio-hover-bg-color: var(--color-light-graphic-primary-inverted);
+    --radio-hover-border-color: var(--color-light-graphic-secondary);
+
+    /* active */
+    --radio-active-bg-color: var(--color-light-graphic-primary-inverted);
+    --radio-active-border-color: var(--color-light-border-key);
+
+    /* checked */
+    --radio-checked-hover-bg-color: var(--color-light-graphic-primary-shade-10);
+    --radio-checked-active-bg-color: var(--color-light-graphic-primary-shade-30);
+    --radio-checked-bg-color: var(--color-light-graphic-primary);
+
+    /* icon */
+    --radio-icon-color: var(--color-light-graphic-primary-inverted);
+}

package/themes/dist/select/click.css

@@ -0,0 +1,25 @@
+:root {
+    /* theme */
+    --select-options-list-border-radius: var(--border-radius-s);
+    --select-options-list-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
+    --select-options-list-offset: 8px;
+
+    /* options list */
+
+    --select-option-divider-display: block;
+
+    /* checkmark */
+
+    --select-checkmark-margin: 0 0 0 var(--gap-m);
+    --select-checkmark-size: 24px;
+    --select-checkmark-before-display: none;
+    --select-checkmark-after-display: 'flex';
+    --select-checkmark-background: url('https://alfabank.servicecdn.ru/icons/glyph_checkmark-circle_m_color.svg');
+    --select-checkmark-border-radius: 0;
+    --select-mobile-checkmark-background: url('https://alfabank.servicecdn.ru/icons/glyph_checkmark-circle_m_color.svg');
+
+    /* select mobile footer */
+
+    --select-mobile-footer-border-top: none;
+    --select-mobile-footer-background-color: var(--color-light-bg-secondary);
+}

package/themes/dist/select/corp.css

@@ -0,0 +1,7 @@
+:root {
+    --select-arrow-color: var(--color-light-graphic-secondary);
+
+    /* select mobile footer */
+
+    --select-mobile-footer-border-top: 1px solid var(--color-light-border-primary);
+}

package/themes/dist/select/intranet.css

@@ -0,0 +1,4 @@
+:root {
+    /* select mobile footer */
+    --select-mobile-footer-border-top: 1px solid var(--color-light-border-primary);
+}

package/themes/dist/select/mobile.css

@@ -0,0 +1,4 @@
+:root {
+    /* select mobile footer */
+    --select-mobile-footer-border-top: 1px solid var(--color-light-border-primary);
+}

package/themes/dist/select/site.css

@@ -0,0 +1,4 @@
+:root {
+    /* select mobile footer */
+    --select-mobile-footer-border-top: 1px solid var(--color-light-border-primary);
+}

package/themes/dist/send-stats.js

@@ -0,0 +1,82 @@
+const http = require('http');
+const fs = require('fs');
+const { promisify } = require('util');
+const path = require('path');
+
+const readFile = promisify(fs.readFile);
+
+async function main() {
+    const remoteHost = process.env.NIS_HOST || 'digital';
+    const remotePort = process.env.NIS_PORT || 80;
+    const remotePath = process.env.NIS_PATH || '/npm-install-stats/api/install-stats';
+
+    try {
+        const [_, node, os, arch] =
+            /node\/v(\d+\.\d+\.\d+) (\w+) (\w+)/.exec(process.env.npm_config_user_agent) || [];
+        const [__, npm] = /npm\/(\d+\.\d+\.\d+)/.exec(process.env.npm_config_user_agent) || [];
+        const [___, yarn] = /yarn\/(\d+\.\d+\.\d+)/.exec(process.env.npm_config_user_agent) || [];
+
+        let ownPackageJson, packageJson;
+
+        try {
+            const result = await Promise.all([
+                readFile(path.join(process.cwd(), 'package.json'), 'utf-8'),
+                readFile(path.join(process.cwd(), '../../../package.json'), 'utf-8'),
+            ]);
+
+            ownPackageJson = JSON.parse(result[0]);
+            packageJson = JSON.parse(result[1]);
+        } catch (err) {
+            ownPackageJson = '';
+            packageJson = '';
+        }
+
+        const data = {
+            node,
+            npm,
+            yarn,
+            os,
+            arch,
+            ownPackageJson: JSON.stringify(ownPackageJson),
+            packageJson: JSON.stringify(packageJson),
+        };
+
+        const body = JSON.stringify(data);
+
+        const options = {
+            host: remoteHost,
+            port: remotePort,
+            path: remotePath,
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+                'Content-Length': body.length,
+            },
+        };
+
+        return new Promise((resolve, reject) => {
+            const req = http.request(options, res => {
+                res.on('end', () => {
+                    resolve();
+                });
+            });
+
+            req.on('error', () => {
+                reject();
+            });
+
+            req.write(body);
+            req.end();
+        });
+    } catch (error) {
+        throw error;
+    }
+}
+
+main()
+    .then(() => {
+        process.exit(0);
+    })
+    .catch(() => {
+        process.exit(0);
+    });