@alfalab/core-components 38.0.0-beta.0 → 38.1.0

package/table/components/tbody/Component.js

@@ -1,4 +1,4 @@
-var tslib_es6 = require('../../tslib.es6-24dded29.js');
+var tslib_es6 = require('../../tslib.es6-3d93368e.js');
 var React = require('react');
 var cn = require('classnames');
 

package/table/components/tbody/index.js

@@ -1,5 +1,5 @@
 var components_tbody_Component = require('./Component.js');
-require('../../tslib.es6-24dded29.js');
+require('../../tslib.es6-3d93368e.js');
 require('react');
 require('classnames');
 

package/table/components/tcell/Component.js

@@ -1,4 +1,4 @@
-var tslib_es6 = require('../../tslib.es6-24dded29.js');
+var tslib_es6 = require('../../tslib.es6-3d93368e.js');
 var React = require('react');
 var cn = require('classnames');
 var components_tableContext_index = require('../table-context/index.js');

package/table/components/tcell/index.js

@@ -1,5 +1,5 @@
 var components_tcell_Component = require('./Component.js');
-require('../../tslib.es6-24dded29.js');
+require('../../tslib.es6-3d93368e.js');
 require('react');
 require('classnames');
 require('../table-context/index.js');

package/table/components/texpandable-row/Component.js

@@ -1,4 +1,4 @@
-var tslib_es6 = require('../../tslib.es6-24dded29.js');
+var tslib_es6 = require('../../tslib.es6-3d93368e.js');
 var React = require('react');
 var cn = require('classnames');
 var components_trow_Component = require('../trow/Component.js');

package/table/components/texpandable-row/index.js

@@ -1,5 +1,5 @@
 var components_texpandableRow_Component = require('./Component.js');
-require('../../tslib.es6-24dded29.js');
+require('../../tslib.es6-3d93368e.js');
 require('react');
 require('classnames');
 require('../trow/Component.js');

package/table/components/thead/Component.js

@@ -1,4 +1,4 @@
-var tslib_es6 = require('../../tslib.es6-24dded29.js');
+var tslib_es6 = require('../../tslib.es6-3d93368e.js');
 var React = require('react');
 var cn = require('classnames');
 

package/table/components/thead/index.js

@@ -1,5 +1,5 @@
 var components_thead_Component = require('./Component.js');
-require('../../tslib.es6-24dded29.js');
+require('../../tslib.es6-3d93368e.js');
 require('react');
 require('classnames');
 

package/table/components/thead-cell/Component.js

@@ -1,4 +1,4 @@
-var tslib_es6 = require('../../tslib.es6-24dded29.js');
+var tslib_es6 = require('../../tslib.es6-3d93368e.js');
 var React = require('react');
 var cn = require('classnames');
 var components_tableContext_index = require('../table-context/index.js');

package/table/components/thead-cell/index.js

@@ -1,5 +1,5 @@
 var components_theadCell_Component = require('./Component.js');
-require('../../tslib.es6-24dded29.js');
+require('../../tslib.es6-3d93368e.js');
 require('react');
 require('classnames');
 require('../table-context/index.js');

package/table/components/trow/Component.js

@@ -1,4 +1,4 @@
-var tslib_es6 = require('../../tslib.es6-24dded29.js');
+var tslib_es6 = require('../../tslib.es6-3d93368e.js');
 var React = require('react');
 var cn = require('classnames');
 

package/table/components/trow/index.js

@@ -1,5 +1,5 @@
 var components_trow_Component = require('./Component.js');
-require('../../tslib.es6-24dded29.js');
+require('../../tslib.es6-3d93368e.js');
 require('react');
 require('classnames');
 

package/table/components/tsortable-head-cell/Component.js

@@ -1,4 +1,4 @@
-var tslib_es6 = require('../../tslib.es6-24dded29.js');
+var tslib_es6 = require('../../tslib.es6-3d93368e.js');
 var React = require('react');
 var cn = require('classnames');
 var components_theadCell_Component = require('../thead-cell/Component.js');

package/table/components/tsortable-head-cell/index.js

@@ -1,5 +1,5 @@
 var components_tsortableHeadCell_Component = require('./Component.js');
-require('../../tslib.es6-24dded29.js');
+require('../../tslib.es6-3d93368e.js');
 require('react');
 require('classnames');
 require('../thead-cell/Component.js');

package/table/components/tsortable-head-cell/sort-icon-asc.js

@@ -1,4 +1,4 @@
-var tslib_es6 = require('../../tslib.es6-24dded29.js');
+var tslib_es6 = require('../../tslib.es6-3d93368e.js');
 var React = require('react');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }

package/table/components/tsortable-head-cell/sort-icon-desc.js

@@ -1,4 +1,4 @@
-var tslib_es6 = require('../../tslib.es6-24dded29.js');
+var tslib_es6 = require('../../tslib.es6-3d93368e.js');
 var React = require('react');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }

package/table/components/tsortable-head-cell/sort-icon-unset.js

@@ -1,4 +1,4 @@
-var tslib_es6 = require('../../tslib.es6-24dded29.js');
+var tslib_es6 = require('../../tslib.es6-3d93368e.js');
 var React = require('react');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }

package/table/esm/component.js

@@ -14,7 +14,7 @@ import '../../pagination/esm';
 import '../../select/esm';
 import './components/pagination/select-field/index.js';
 import '../../button/esm';
-import './tslib.es6-fe7ac935.js';
+import './tslib.es6-0643a13a.js';
 import './components/table/utils.js';
 import './utils.js';
 import './components/tsortable-head-cell/sort-icon-asc.js';

package/table/esm/components/index.js

@@ -14,7 +14,7 @@ import '../../../pagination/esm';
 import '../../../select/esm';
 import './pagination/select-field/index.js';
 import '../../../button/esm';
-import '../tslib.es6-fe7ac935.js';
+import '../tslib.es6-0643a13a.js';
 import './table/utils.js';
 import '../utils.js';
 import './tsortable-head-cell/sort-icon-asc.js';

package/table/esm/components/pagination/Component.js

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign } from '../../tslib.es6-fe7ac935.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-0643a13a.js';
 import React, { useContext, useMemo, useCallback } from 'react';
 import cn from 'classnames';
 import { Pagination as Pagination$1 } from '../../../../pagination/esm';

package/table/esm/components/pagination/index.js

@@ -6,4 +6,4 @@ import '../../../../select/esm';
 import '../table-context/index.js';
 import './select-field/index.js';
 import '../../../../button/esm';
-import '../../tslib.es6-fe7ac935.js';
+import '../../tslib.es6-0643a13a.js';

package/table/esm/components/pagination/select-field/index.js

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign } from '../../../tslib.es6-fe7ac935.js';
+import { _ as __rest, a as __assign } from '../../../tslib.es6-0643a13a.js';
 import React from 'react';
 import cn from 'classnames';
 import { Button } from '../../../../../button/esm';

package/table/esm/components/table/Component.js

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign } from '../../tslib.es6-fe7ac935.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-0643a13a.js';
 import React, { forwardRef, useRef, useMemo } from 'react';
 import cn from 'classnames';
 import { TableContext } from '../table-context/index.js';

package/table/esm/components/table/index.js

@@ -3,6 +3,6 @@ import 'react';
 import 'classnames';
 import '../table-context/index.js';
 import '../thead/Component.js';
-import '../../tslib.es6-fe7ac935.js';
+import '../../tslib.es6-0643a13a.js';
 import './utils.js';
 import '../../utils.js';

package/table/esm/components/table/utils.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { isChildInstanceOf } from '../../utils.js';
 import { THead } from '../thead/Component.js';
 import 'classnames';
-import '../../tslib.es6-fe7ac935.js';
+import '../../tslib.es6-0643a13a.js';
 
 function findAllHeadCellsProps(children) {
     var result = [];

package/table/esm/components/tbody/Component.js

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign } from '../../tslib.es6-fe7ac935.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-0643a13a.js';
 import React from 'react';
 import cn from 'classnames';
 

package/table/esm/components/tbody/index.js

@@ -1,4 +1,4 @@
 export { TBody } from './Component.js';
 import 'react';
 import 'classnames';
-import '../../tslib.es6-fe7ac935.js';
+import '../../tslib.es6-0643a13a.js';

package/table/esm/components/tcell/Component.js

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign } from '../../tslib.es6-fe7ac935.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-0643a13a.js';
 import React, { useContext } from 'react';
 import cn from 'classnames';
 import { TableContext } from '../table-context/index.js';

package/table/esm/components/tcell/index.js

@@ -2,4 +2,4 @@ export { TCell } from './Component.js';
 import 'react';
 import 'classnames';
 import '../table-context/index.js';
-import '../../tslib.es6-fe7ac935.js';
+import '../../tslib.es6-0643a13a.js';

package/table/esm/components/texpandable-row/Component.js

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign } from '../../tslib.es6-fe7ac935.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-0643a13a.js';
 import React, { useState } from 'react';
 import cn from 'classnames';
 import { TRow } from '../trow/Component.js';

package/table/esm/components/texpandable-row/index.js

@@ -2,4 +2,4 @@ export { TExpandableRow } from './Component.js';
 import 'react';
 import 'classnames';
 import '../trow/Component.js';
-import '../../tslib.es6-fe7ac935.js';
+import '../../tslib.es6-0643a13a.js';

package/table/esm/components/thead/Component.js

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign } from '../../tslib.es6-fe7ac935.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-0643a13a.js';
 import React from 'react';
 import cn from 'classnames';
 

package/table/esm/components/thead/index.js

@@ -1,4 +1,4 @@
 export { THead } from './Component.js';
 import 'react';
 import 'classnames';
-import '../../tslib.es6-fe7ac935.js';
+import '../../tslib.es6-0643a13a.js';

package/table/esm/components/thead-cell/Component.js

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign } from '../../tslib.es6-fe7ac935.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-0643a13a.js';
 import React, { useContext } from 'react';
 import cn from 'classnames';
 import { TableContext } from '../table-context/index.js';

package/table/esm/components/thead-cell/index.js

@@ -2,4 +2,4 @@ export { THeadCell } from './Component.js';
 import 'react';
 import 'classnames';
 import '../table-context/index.js';
-import '../../tslib.es6-fe7ac935.js';
+import '../../tslib.es6-0643a13a.js';

package/table/esm/components/trow/Component.js

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign } from '../../tslib.es6-fe7ac935.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-0643a13a.js';
 import React from 'react';
 import cn from 'classnames';
 

package/table/esm/components/trow/index.js

@@ -1,4 +1,4 @@
 export { TRow } from './Component.js';
 import 'react';
 import 'classnames';
-import '../../tslib.es6-fe7ac935.js';
+import '../../tslib.es6-0643a13a.js';

package/table/esm/components/tsortable-head-cell/Component.js

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign } from '../../tslib.es6-fe7ac935.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-0643a13a.js';
 import React, { useMemo } from 'react';
 import cn from 'classnames';
 import { THeadCell } from '../thead-cell/Component.js';

package/table/esm/components/tsortable-head-cell/index.js

@@ -3,7 +3,7 @@ import 'react';
 import 'classnames';
 import '../thead-cell/Component.js';
 import '../table-context/index.js';
-import '../../tslib.es6-fe7ac935.js';
+import '../../tslib.es6-0643a13a.js';
 import './sort-icon-asc.js';
 import './sort-icon-desc.js';
 import './sort-icon-unset.js';

package/table/esm/components/tsortable-head-cell/sort-icon-asc.js

@@ -1,4 +1,4 @@
-import { a as __assign } from '../../tslib.es6-fe7ac935.js';
+import { a as __assign } from '../../tslib.es6-0643a13a.js';
 import React from 'react';
 
 var SortIconAsc = function (props) { return (React.createElement("svg", __assign({ width: '18', height: '18', viewBox: '0 0 18 18', fill: 'currentColor', xmlns: 'http://www.w3.org/2000/svg', focusable: 'false', role: 'img' }, props),

package/table/esm/components/tsortable-head-cell/sort-icon-desc.js

@@ -1,4 +1,4 @@
-import { a as __assign } from '../../tslib.es6-fe7ac935.js';
+import { a as __assign } from '../../tslib.es6-0643a13a.js';
 import React from 'react';
 
 var SortIconDesc = function (props) { return (React.createElement("svg", __assign({ width: '18', height: '18', viewBox: '0 0 18 18', fill: 'currentColor', xmlns: 'http://www.w3.org/2000/svg', focusable: 'false', role: 'img' }, props),

package/table/esm/components/tsortable-head-cell/sort-icon-unset.js

@@ -1,4 +1,4 @@
-import { a as __assign } from '../../tslib.es6-fe7ac935.js';
+import { a as __assign } from '../../tslib.es6-0643a13a.js';
 import React from 'react';
 
 var SortIconUnset = function (props) { return (React.createElement("svg", __assign({ width: '18', height: '18', viewBox: '0 0 18 18', fill: 'currentColor', xmlns: 'http://www.w3.org/2000/svg', focusable: 'false', role: 'img' }, props),

package/table/esm/index.js

@@ -15,7 +15,7 @@ import './components/tbody/Component.js';
 import './components/tcell/Component.js';
 import './components/trow/Component.js';
 import './components/texpandable-row/Component.js';
-import './tslib.es6-fe7ac935.js';
+import './tslib.es6-0643a13a.js';
 import './components/table/utils.js';
 import './utils.js';
 import './components/tsortable-head-cell/sort-icon-asc.js';

package/table/index.js

@@ -1,6 +1,6 @@
 var component = require('./component.js');
 require('./components/table/Component.js');
-require('./tslib.es6-24dded29.js');
+require('./tslib.es6-3d93368e.js');
 require('react');
 require('classnames');
 require('./components/table-context/index.js');

package/themes/click.css

@@ -691,51 +691,7 @@
     --gap-7xl-neg: -96px;
     --gap-8xl-neg: -128px;
 }
-:root {
-    --shadow-xs: 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
-    --shadow-s: 0 12px 16px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04),
-        0 0 1px rgba(0, 0, 0, 0.04);
-    --shadow-m: 0 20px 24px rgba(0, 0, 0, 0.08), 0 12px 16px rgba(0, 0, 0, 0.04),
-        0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
-    --shadow-l: 0 24px 32px rgba(0, 0, 0, 0.08), 0 20px 24px rgba(0, 0, 0, 0.08),
-        0 12px 16px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04),
-        0 0 1px rgba(0, 0, 0, 0.04);
-    --shadow-xl: 0 32px 40px rgba(0, 0, 0, 0.08), 0 24px 32px rgba(0, 0, 0, 0.08),
-        0 20px 24px rgba(0, 0, 0, 0.08), 0 12px 16px rgba(0, 0, 0, 0.04),
-        0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
-
-    /* Hard */
-    --shadow-xs-hard: 0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16);
-    --shadow-s-hard: 0 12px 16px rgba(0, 0, 0, 0.16), 0 4px 8px rgba(0, 0, 0, 0.16),
-        0 0 1px rgba(0, 0, 0, 0.16);
-    --shadow-m-hard: 0 20px 24px rgba(0, 0, 0, 0.2), 0 12px 16px rgba(0, 0, 0, 0.16),
-        0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16);
-    --shadow-l-hard: 0 24px 32px rgba(0, 0, 0, 0.2), 0 20px 24px rgba(0, 0, 0, 0.2),
-        0 12px 16px rgba(0, 0, 0, 0.16), 0 4px 8px rgba(0, 0, 0, 0.16),
-        0 0 1px rgba(0, 0, 0, 0.16);
-    --shadow-xl-hard: 0 32px 40px rgba(0, 0, 0, 0.2), 0 24px 32px rgba(0, 0, 0, 0.2),
-        0 20px 24px rgba(0, 0, 0, 0.2), 0 12px 16px rgba(0, 0, 0, 0.16),
-        0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16);
-
-    /* Up */
-    --shadow-xs-up: 0 0 4px rgba(0, 0, 0, 0.02), 0 -2px 4px rgba(0, 0, 0, 0.04);
-    --shadow-s-up: 0 0 8px rgba(0, 0, 0, 0.04), 0 -4px 8px rgba(0, 0, 0, 0.08);
-    --shadow-m-up: 0 0 16px rgba(0, 0, 0, 0.08), 0 -8px 16px rgba(0, 0, 0, 0.16);
-    --shadow-l-up: 0 0 24px rgba(0, 0, 0, 0.12), 0 -12px 24px rgba(0, 0, 0, 0.24);
-    --shadow-xl-up: 0 0 32px rgba(0, 0, 0, 0.16), 0 -16px 32px rgba(0, 0, 0, 0.32);
-
-    /* Hard up */
-    --shadow-xs-hard-up: 0 0 4px rgba(0, 0, 0, 0.02), 0 -2px 4px rgba(0, 0, 0, 0.04),
-        0 -2px 4px rgba(0, 0, 0, 0.16);
-    --shadow-s-hard-up: 0 0 8px rgba(0, 0, 0, 0.04), 0 -4px 8px rgba(0, 0, 0, 0.08),
-        0 -4px 8px rgba(0, 0, 0, 0.16);
-    --shadow-m-hard-up: 0 0 16px rgba(0, 0, 0, 0.08), 0 -8px 16px rgba(0, 0, 0, 0.16),
-        0 -8px 16px rgba(0, 0, 0, 0.16);
-    --shadow-l-hard-up: 0 0 24px rgba(0, 0, 0, 0.12), 0 -12px 24px rgba(0, 0, 0, 0.24),
-        0 -12px 24px rgba(0, 0, 0, 0.16);
-    --shadow-xl-hard-up: 0 0 32px rgba(0, 0, 0, 0.16), 0 -16px 32px rgba(0, 0, 0, 0.32),
-        0 -16px 32px rgba(0, 0, 0, 0.16);
-}
+/* deprecated */
 :root {
     --shadow-xs: 0 0 4px rgba(11, 31, 53, 0.02), 0 2px 4px rgba(11, 31, 53, 0.04);
     --shadow-s: 0 0 8px rgba(11, 31, 53, 0.04), 0 4px 8px rgba(11, 31, 53, 0.08);
@@ -780,6 +736,85 @@
     --font-family-styrene: 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,
         'Helvetica Neue', Helvetica, sans-serif;
 }
+:root {
+    --text-primary-color: var(--color-light-text-primary);
+    --text-secondary-color: var(--color-light-text-secondary);
+    --text-tertiary-color: var(--color-light-text-tertiary);
+    --focus-color: var(--color-light-border-link);
+    --font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
+        sans-serif;
+    --disabled-cursor: not-allowed;
+    --arrow-transform: rotate(180deg);
+    --size-xxs-height: 32px;
+    --size-xs-height: 40px;
+    --size-s-height: 48px;
+    --size-m-height: 56px;
+    --size-l-height: 64px;
+    --size-xl-height: 72px;
+}
+*,
+*:before,
+*:after {
+    box-sizing: border-box;
+}
+html,
+body {
+    margin: 0;
+    padding: 0;
+    height: 100%;
+}
+body {
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    background-color: var(--color-light-bg-primary);
+    color: var(--text-primary-color);
+    font-family: var(--font-family-system);
+    font-style: normal;
+    font-weight: 400;
+}
+:root {
+    --shadow-xs: 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
+    --shadow-s: 0 12px 16px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04),
+        0 0 1px rgba(0, 0, 0, 0.04);
+    --shadow-m: 0 20px 24px rgba(0, 0, 0, 0.08), 0 12px 16px rgba(0, 0, 0, 0.04),
+        0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
+    --shadow-l: 0 24px 32px rgba(0, 0, 0, 0.08), 0 20px 24px rgba(0, 0, 0, 0.08),
+        0 12px 16px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
+    --shadow-xl: 0 32px 40px rgba(0, 0, 0, 0.08), 0 24px 32px rgba(0, 0, 0, 0.08),
+        0 20px 24px rgba(0, 0, 0, 0.08), 0 12px 16px rgba(0, 0, 0, 0.04),
+        0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
+
+    /* Hard */
+    --shadow-xs-hard: 0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16);
+    --shadow-s-hard: 0 12px 16px rgba(0, 0, 0, 0.16), 0 4px 8px rgba(0, 0, 0, 0.16),
+        0 0 1px rgba(0, 0, 0, 0.16);
+    --shadow-m-hard: 0 20px 24px rgba(0, 0, 0, 0.2), 0 12px 16px rgba(0, 0, 0, 0.16),
+        0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16);
+    --shadow-l-hard: 0 24px 32px rgba(0, 0, 0, 0.2), 0 20px 24px rgba(0, 0, 0, 0.2),
+        0 12px 16px rgba(0, 0, 0, 0.16), 0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16);
+    --shadow-xl-hard: 0 32px 40px rgba(0, 0, 0, 0.2), 0 24px 32px rgba(0, 0, 0, 0.2),
+        0 20px 24px rgba(0, 0, 0, 0.2), 0 12px 16px rgba(0, 0, 0, 0.16),
+        0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16);
+
+    /* Up */
+    --shadow-xs-up: 0 0 4px rgba(0, 0, 0, 0.02), 0 -2px 4px rgba(0, 0, 0, 0.04);
+    --shadow-s-up: 0 0 8px rgba(0, 0, 0, 0.04), 0 -4px 8px rgba(0, 0, 0, 0.08);
+    --shadow-m-up: 0 0 16px rgba(0, 0, 0, 0.08), 0 -8px 16px rgba(0, 0, 0, 0.16);
+    --shadow-l-up: 0 0 24px rgba(0, 0, 0, 0.12), 0 -12px 24px rgba(0, 0, 0, 0.24);
+    --shadow-xl-up: 0 0 32px rgba(0, 0, 0, 0.16), 0 -16px 32px rgba(0, 0, 0, 0.32);
+
+    /* Hard up */
+    --shadow-xs-hard-up: 0 0 4px rgba(0, 0, 0, 0.02), 0 -2px 4px rgba(0, 0, 0, 0.04),
+        0 -2px 4px rgba(0, 0, 0, 0.16);
+    --shadow-s-hard-up: 0 0 8px rgba(0, 0, 0, 0.04), 0 -4px 8px rgba(0, 0, 0, 0.08),
+        0 -4px 8px rgba(0, 0, 0, 0.16);
+    --shadow-m-hard-up: 0 0 16px rgba(0, 0, 0, 0.08), 0 -8px 16px rgba(0, 0, 0, 0.16),
+        0 -8px 16px rgba(0, 0, 0, 0.16);
+    --shadow-l-hard-up: 0 0 24px rgba(0, 0, 0, 0.12), 0 -12px 24px rgba(0, 0, 0, 0.24),
+        0 -12px 24px rgba(0, 0, 0, 0.16);
+    --shadow-xl-hard-up: 0 0 32px rgba(0, 0, 0, 0.16), 0 -16px 32px rgba(0, 0, 0, 0.32),
+        0 -16px 32px rgba(0, 0, 0, 0.16);
+}
 :root {
     --disabled-cursor: not-allowed;
     --arrow-transform: rotate(-180deg);

package/themes/compiled/mobile-dark-bluetint.css

@@ -2,6 +2,21 @@
     background: #e7e8ea;
 } .card-image__loaded_1p6vj {
     background: transparent
+}.backdrop__backdrop_18p23 {
+    -webkit-tap-highlight-color: transparent;
+} .backdrop__appear_18p23,
+.backdrop__enter_18p23 {
+    background-color: transparent;
+} .backdrop__appearActive_18p23,
+.backdrop__enterActive_18p23,
+.backdrop__appearDone_18p23,
+.backdrop__enterDone_18p23 {
+    background-color: rgba(0, 0, 0, 0.8);
+} .backdrop__exit_18p23 {
+    background-color: rgba(0, 0, 0, 0.8);
+} .backdrop__exitActive_18p23,
+.backdrop__exitDone_18p23 {
+    background-color: transparent;
 }.badge__component_sw2gj {
     background-color: #ef3124;
     color: #0e0e0e;
@@ -54,21 +69,6 @@
         background-color: #fff;
     } .badge__dot_sw2gj.badge__outlineCount_sw2gj {
     border: 1px solid #121212;
-}.backdrop__backdrop_18p23 {
-    -webkit-tap-highlight-color: transparent;
-} .backdrop__appear_18p23,
-.backdrop__enter_18p23 {
-    background-color: transparent;
-} .backdrop__appearActive_18p23,
-.backdrop__enterActive_18p23,
-.backdrop__appearDone_18p23,
-.backdrop__enterDone_18p23 {
-    background-color: rgba(0, 0, 0, 0.8);
-} .backdrop__exit_18p23 {
-    background-color: rgba(0, 0, 0, 0.8);
-} .backdrop__exitActive_18p23,
-.backdrop__exitDone_18p23 {
-    background-color: transparent;
 }.checkbox-group__error_1vqkr {
     border-left: 1px solid #f15045;
 } .checkbox-group__label_1vqkr {
@@ -396,7 +396,15 @@
     }
 .progress-bar__filled_1g9ts.progress-bar__accent_1g9ts {
         background: #ef3124;
-    }.pure-input__input_avujx {
+    }.radio-group__error_7vpqq {
+    border-left: 1px solid #f15045;
+} .radio-group__label_7vpqq {
+    color: #fff;
+} .radio-group__errorMessage_7vpqq {
+    color: #f15045;
+} .radio-group__hint_7vpqq {
+    color: rgba(235, 235, 245, 0.54);
+}.pure-input__input_avujx {
     color: #fff;
     caret-color: #0072ef;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
@@ -435,14 +443,6 @@
     outline: 2px solid #0072ef;
 } .pure-input__component_avujx:not(:disabled):hover {
     background-color: #202022;
-}.radio-group__error_7vpqq {
-    border-left: 1px solid #f15045;
-} .radio-group__label_7vpqq {
-    color: #fff;
-} .radio-group__errorMessage_7vpqq {
-    color: #f15045;
-} .radio-group__hint_7vpqq {
-    color: rgba(235, 235, 245, 0.54);
 }.radio__container_1qz47:not(.radio__checked_1qz47):not(.radio__disabled_1qz47):not(.radio__inactive_1qz47) .radio__circle_1qz47 {
             background-color: #0e0e0e;
             border: 1.5px solid #85858d;