@alfalab/core-components 46.0.0-beta.7 → 46.1.0-beta.0

package/custom-picker-button/cssm/Component.responsive.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var coreComponentsMq = require('../../mq/cssm');
-var coreComponentsShared = require('../../shared/cssm');
 var desktop_Component_desktop = require('./desktop/Component.desktop.js');
 var mobile_Component_mobile = require('./mobile/Component.mobile.js');
 
@@ -12,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var CustomPickerButtonResponsive = React.forwardRef(function (_a, ref) {
-    var OptionsList = _a.OptionsList, onScroll = _a.onScroll, footer = _a.footer, swipeable = _a.swipeable, bottomSheetProps = _a.bottomSheetProps, _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, restProps = tslib.__rest(_a, ["OptionsList", "onScroll", "footer", "swipeable", "bottomSheetProps", "breakpoint"]);
+    var OptionsList = _a.OptionsList, onScroll = _a.onScroll, footer = _a.footer, swipeable = _a.swipeable, bottomSheetProps = _a.bottomSheetProps, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = tslib.__rest(_a, ["OptionsList", "onScroll", "footer", "swipeable", "bottomSheetProps", "breakpoint"]);
     var query = "(min-width: ".concat(breakpoint, "px)");
     var isDesktop = coreComponentsMq.useMatchMedia(query)[0];
     return isDesktop ? (React__default.default.createElement(desktop_Component_desktop.CustomPickerButtonDesktop, tslib.__assign({ ref: ref, OptionsList: OptionsList, onScroll: onScroll }, restProps))) : (React__default.default.createElement(mobile_Component_mobile.CustomPickerButtonMobile, tslib.__assign({ ref: ref, footer: footer, swipeable: swipeable, bottomSheetProps: bottomSheetProps }, restProps)));

package/custom-picker-button/esm/Component.responsive.js

@@ -1,7 +1,6 @@
 import { __rest, __assign } from 'tslib';
 import React, { forwardRef } from 'react';
 import { useMatchMedia } from '../../mq/esm';
-import { getComponentBreakpoint } from '../../shared/esm';
 import { CustomPickerButtonDesktop } from './desktop/Component.desktop.js';
 import { CustomPickerButtonMobile } from './mobile/Component.mobile.js';
 import '../../picker-button/esm/desktop';
@@ -12,7 +11,7 @@ import '../../picker-button/esm/shared';
 import '../../picker-button/esm/mobile';
 
 var CustomPickerButtonResponsive = forwardRef(function (_a, ref) {
-    var OptionsList = _a.OptionsList, onScroll = _a.onScroll, footer = _a.footer, swipeable = _a.swipeable, bottomSheetProps = _a.bottomSheetProps, _b = _a.breakpoint, breakpoint = _b === void 0 ? getComponentBreakpoint() : _b, restProps = __rest(_a, ["OptionsList", "onScroll", "footer", "swipeable", "bottomSheetProps", "breakpoint"]);
+    var OptionsList = _a.OptionsList, onScroll = _a.onScroll, footer = _a.footer, swipeable = _a.swipeable, bottomSheetProps = _a.bottomSheetProps, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = __rest(_a, ["OptionsList", "onScroll", "footer", "swipeable", "bottomSheetProps", "breakpoint"]);
     var query = "(min-width: ".concat(breakpoint, "px)");
     var isDesktop = useMatchMedia(query)[0];
     return isDesktop ? (React.createElement(CustomPickerButtonDesktop, __assign({ ref: ref, OptionsList: OptionsList, onScroll: onScroll }, restProps))) : (React.createElement(CustomPickerButtonMobile, __assign({ ref: ref, footer: footer, swipeable: swipeable, bottomSheetProps: bottomSheetProps }, restProps)));

package/custom-picker-button/esm/index.js

@@ -2,7 +2,6 @@ export { CustomPickerButtonResponsive as CustomPickerButton } from './Component.
 import 'tslib';
 import 'react';
 import '../../mq/esm';
-import '../../shared/esm';
 import './desktop/Component.desktop.js';
 import '../../picker-button/esm/desktop';
 import './field/Component.js';

package/custom-picker-button/modern/Component.responsive.js

@@ -1,6 +1,5 @@
 import React, { forwardRef } from 'react';
 import { useMatchMedia } from '../../mq/modern';
-import { getComponentBreakpoint } from '../../shared/modern';
 import { CustomPickerButtonDesktop } from './desktop/Component.desktop.js';
 import { CustomPickerButtonMobile } from './mobile/Component.mobile.js';
 import '../../picker-button/modern/desktop';
@@ -10,7 +9,7 @@ import '../../custom-button/modern';
 import '../../picker-button/modern/shared';
 import '../../picker-button/modern/mobile';
 
-const CustomPickerButtonResponsive = forwardRef(({ OptionsList, onScroll, footer, swipeable, bottomSheetProps, breakpoint = getComponentBreakpoint(), ...restProps }, ref) => {
+const CustomPickerButtonResponsive = forwardRef(({ OptionsList, onScroll, footer, swipeable, bottomSheetProps, breakpoint = 1024, ...restProps }, ref) => {
     const query = `(min-width: ${breakpoint}px)`;
     const [isDesktop] = useMatchMedia(query);
     return isDesktop ? (React.createElement(CustomPickerButtonDesktop, { ref: ref, OptionsList: OptionsList, onScroll: onScroll, ...restProps })) : (React.createElement(CustomPickerButtonMobile, { ref: ref, footer: footer, swipeable: swipeable, bottomSheetProps: bottomSheetProps, ...restProps }));

package/custom-picker-button/modern/index.js

@@ -1,7 +1,6 @@
 export { CustomPickerButtonResponsive as CustomPickerButton } from './Component.responsive.js';
 import 'react';
 import '../../mq/modern';
-import '../../shared/modern';
 import './desktop/Component.desktop.js';
 import '../../picker-button/modern/desktop';
 import './field/Component.js';

package/date-range-input/Component.responsive.js

@@ -2,7 +2,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
 var React = require('react');
-var coreComponentsShared = require('../shared');
 var hooks = require('@alfalab/hooks');
 var desktop_Component_desktop = require('./desktop/Component.desktop.js');
 var mobile_Component_mobile = require('./mobile/Component.mobile.js');
@@ -16,7 +15,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
  * use UniversalDateInput instead
  */
 var DateRangeInputResponsive = React.forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, restProps = tslib.__rest(_a, ["breakpoint"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = tslib.__rest(_a, ["breakpoint"]);
     var view = hooks.useMedia([
         ['mobile', "(max-width: ".concat(breakpoint - 1, "px)")],
         ['desktop', "(min-width: ".concat(breakpoint, "px)")],

package/date-range-input/cssm/Component.responsive.js

@@ -2,7 +2,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
 var React = require('react');
-var coreComponentsShared = require('../../shared/cssm');
 var hooks = require('@alfalab/hooks');
 var desktop_Component_desktop = require('./desktop/Component.desktop.js');
 var mobile_Component_mobile = require('./mobile/Component.mobile.js');
@@ -16,7 +15,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
  * use UniversalDateInput instead
  */
 var DateRangeInputResponsive = React.forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, restProps = tslib.__rest(_a, ["breakpoint"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = tslib.__rest(_a, ["breakpoint"]);
     var view = hooks.useMedia([
         ['mobile', "(max-width: ".concat(breakpoint - 1, "px)")],
         ['desktop', "(min-width: ".concat(breakpoint, "px)")],

package/date-range-input/esm/Component.responsive.js

@@ -1,6 +1,5 @@
 import { __rest, __assign } from 'tslib';
 import React, { forwardRef } from 'react';
-import { getComponentBreakpoint } from '../../shared/esm';
 import { useMedia } from '@alfalab/hooks';
 import { DateRangeInputDesktop } from './desktop/Component.desktop.js';
 import { DateRangeInputMobile } from './mobile/Component.mobile.js';
@@ -25,7 +24,7 @@ import '../../input/esm/mobile';
  * use UniversalDateInput instead
  */
 var DateRangeInputResponsive = forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? getComponentBreakpoint() : _b, restProps = __rest(_a, ["breakpoint"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = __rest(_a, ["breakpoint"]);
     var view = useMedia([
         ['mobile', "(max-width: ".concat(breakpoint - 1, "px)")],
         ['desktop', "(min-width: ".concat(breakpoint, "px)")],

package/date-range-input/esm/index.js

@@ -1,7 +1,6 @@
 export { DateRangeInputResponsive as DateRangeInput } from './Component.responsive.js';
 import 'tslib';
 import 'react';
-import '../../shared/esm';
 import '@alfalab/hooks';
 import './desktop/Component.desktop.js';
 import '../../calendar/esm/desktop';

package/date-range-input/modern/Component.responsive.js

@@ -1,5 +1,4 @@
 import React, { forwardRef } from 'react';
-import { getComponentBreakpoint } from '../../shared/modern';
 import { useMedia } from '@alfalab/hooks';
 import { DateRangeInputDesktop } from './desktop/Component.desktop.js';
 import { DateRangeInputMobile } from './mobile/Component.mobile.js';
@@ -23,7 +22,7 @@ import '../../input/modern/mobile';
  * @deprecated
  * use UniversalDateInput instead
  */
-const DateRangeInputResponsive = forwardRef(({ breakpoint = getComponentBreakpoint(), ...restProps }, ref) => {
+const DateRangeInputResponsive = forwardRef(({ breakpoint = 1024, ...restProps }, ref) => {
     const [view] = useMedia([
         ['mobile', `(max-width: ${breakpoint - 1}px)`],
         ['desktop', `(min-width: ${breakpoint}px)`],

package/date-range-input/modern/index.js

@@ -1,6 +1,5 @@
 export { DateRangeInputResponsive as DateRangeInput } from './Component.responsive.js';
 import 'react';
-import '../../shared/modern';
 import '@alfalab/hooks';
 import './desktop/Component.desktop.js';
 import '../../calendar/modern/desktop';

package/date-time-input/Component.responsive.js

@@ -2,7 +2,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
 var React = require('react');
-var coreComponentsShared = require('../shared');
 var hooks = require('@alfalab/hooks');
 var desktop_Component_desktop = require('./desktop/Component.desktop.js');
 var mobile_Component_mobile = require('./mobile/Component.mobile.js');
@@ -12,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var DateTimeInputResponsive = React.forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, restProps = tslib.__rest(_a, ["breakpoint"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = tslib.__rest(_a, ["breakpoint"]);
     var view = hooks.useMedia([
         ['mobile', "(max-width: ".concat(breakpoint - 1, "px)")],
         ['desktop', "(min-width: ".concat(breakpoint, "px)")],

package/date-time-input/cssm/Component.responsive.js

@@ -2,7 +2,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
 var React = require('react');
-var coreComponentsShared = require('../../shared/cssm');
 var hooks = require('@alfalab/hooks');
 var desktop_Component_desktop = require('./desktop/Component.desktop.js');
 var mobile_Component_mobile = require('./mobile/Component.mobile.js');
@@ -12,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var DateTimeInputResponsive = React.forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, restProps = tslib.__rest(_a, ["breakpoint"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = tslib.__rest(_a, ["breakpoint"]);
     var view = hooks.useMedia([
         ['mobile', "(max-width: ".concat(breakpoint - 1, "px)")],
         ['desktop', "(min-width: ".concat(breakpoint, "px)")],

package/date-time-input/esm/Component.responsive.js

@@ -1,6 +1,5 @@
 import { __rest, __assign } from 'tslib';
 import React, { forwardRef } from 'react';
-import { getComponentBreakpoint } from '../../shared/esm';
 import { useMedia } from '@alfalab/hooks';
 import { DateTimeInputDesktop } from './desktop/Component.desktop.js';
 import { DateTimeInputMobile } from './mobile/Component.mobile.js';
@@ -20,7 +19,7 @@ import '../../calendar/esm/mobile';
 import '../../input/esm/mobile';
 
 var DateTimeInputResponsive = forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? getComponentBreakpoint() : _b, restProps = __rest(_a, ["breakpoint"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = __rest(_a, ["breakpoint"]);
     var view = useMedia([
         ['mobile', "(max-width: ".concat(breakpoint - 1, "px)")],
         ['desktop', "(min-width: ".concat(breakpoint, "px)")],

package/date-time-input/esm/index.js

@@ -1,7 +1,6 @@
 export { DateTimeInputResponsive as DateTimeInput } from './Component.responsive.js';
 import 'tslib';
 import 'react';
-import '../../shared/esm';
 import '@alfalab/hooks';
 import './desktop/Component.desktop.js';
 import '../../calendar/esm/desktop';

package/date-time-input/modern/Component.responsive.js

@@ -1,5 +1,4 @@
 import React, { forwardRef } from 'react';
-import { getComponentBreakpoint } from '../../shared/modern';
 import { useMedia } from '@alfalab/hooks';
 import { DateTimeInputDesktop } from './desktop/Component.desktop.js';
 import { DateTimeInputMobile } from './mobile/Component.mobile.js';
@@ -18,7 +17,7 @@ import 'date-fns/parse';
 import '../../calendar/modern/mobile';
 import '../../input/modern/mobile';
 
-const DateTimeInputResponsive = forwardRef(({ breakpoint = getComponentBreakpoint(), ...restProps }, ref) => {
+const DateTimeInputResponsive = forwardRef(({ breakpoint = 1024, ...restProps }, ref) => {
     const [view] = useMedia([
         ['mobile', `(max-width: ${breakpoint - 1}px)`],
         ['desktop', `(min-width: ${breakpoint}px)`],

package/date-time-input/modern/index.js

@@ -1,6 +1,5 @@
 export { DateTimeInputResponsive as DateTimeInput } from './Component.responsive.js';
 import 'react';
-import '../../shared/modern';
 import '@alfalab/hooks';
 import './desktop/Component.desktop.js';
 import '../../calendar/modern/desktop';

package/dropzone/cssm/index.module.css

@@ -1,6 +1,6 @@
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
-    --color-light-neutral-1500: #121213;
+    --color-light-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
     --color-light-status-negative: #ff4837; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
@@ -25,7 +25,7 @@
     position: relative;
     transition: border-color 0.2s ease, background-color 0.2s ease;
     border-radius: var(--dropzone-border-radius);
-    border: 1px dashed var(--color-light-neutral-1500);
+    border: 1px dashed var(--color-light-neutral-translucent-1300);
 } .disabled {
     cursor: var(--disabled-cursor);
 } .component:not(.disabled):hover {

package/dropzone/esm/index.css

@@ -1,7 +1,7 @@
 /* hash: 1n2rv */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
-    --color-light-neutral-1500: #121213;
+    --color-light-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
     --color-light-status-negative: #ff4837; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
@@ -26,7 +26,7 @@
     position: relative;
     transition: border-color 0.2s ease, background-color 0.2s ease;
     border-radius: var(--dropzone-border-radius);
-    border: 1px dashed var(--color-light-neutral-1500);
+    border: 1px dashed var(--color-light-neutral-translucent-1300);
 } .dropzone__disabled_14isj {
     cursor: var(--disabled-cursor);
 } .dropzone__component_14isj:not(.dropzone__disabled_14isj):hover {

package/dropzone/index.css

@@ -1,7 +1,7 @@
 /* hash: 1n2rv */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
-    --color-light-neutral-1500: #121213;
+    --color-light-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
     --color-light-status-negative: #ff4837; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
@@ -26,7 +26,7 @@
     position: relative;
     transition: border-color 0.2s ease, background-color 0.2s ease;
     border-radius: var(--dropzone-border-radius);
-    border: 1px dashed var(--color-light-neutral-1500);
+    border: 1px dashed var(--color-light-neutral-translucent-1300);
 } .dropzone__disabled_14isj {
     cursor: var(--disabled-cursor);
 } .dropzone__component_14isj:not(.dropzone__disabled_14isj):hover {

package/dropzone/modern/index.css

@@ -1,7 +1,7 @@
 /* hash: 1n2rv */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
-    --color-light-neutral-1500: #121213;
+    --color-light-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
     --color-light-status-negative: #ff4837; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
@@ -26,7 +26,7 @@
     position: relative;
     transition: border-color 0.2s ease, background-color 0.2s ease;
     border-radius: var(--dropzone-border-radius);
-    border: 1px dashed var(--color-light-neutral-1500);
+    border: 1px dashed var(--color-light-neutral-translucent-1300);
 } .dropzone__disabled_14isj {
     cursor: var(--disabled-cursor);
 } .dropzone__component_14isj:not(.dropzone__disabled_14isj):hover {

package/file-upload-item/cssm/index.module.css

@@ -1,7 +1,7 @@
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
-    --color-light-neutral-1500: #121213;
     --color-light-neutral-300: #e7e8eb;
+    --color-light-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
     --color-light-status-negative: #ff4837;
     --color-light-status-positive: #0cc44d;
     --color-light-text-negative: #ec2d20;
@@ -56,7 +56,7 @@
 } .icon {
     display: block;
     flex-shrink: 0;
-    color: var(--color-light-neutral-1500);
+    color: var(--color-light-neutral-translucent-1300);
 } .errorIcon {
     flex-shrink: 0;
     color: var(--color-light-status-negative);

package/file-upload-item/esm/index.css

@@ -1,8 +1,8 @@
 /* hash: 17983 */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
-    --color-light-neutral-1500: #121213;
     --color-light-neutral-300: #e7e8eb;
+    --color-light-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
     --color-light-status-negative: #ff4837;
     --color-light-status-positive: #0cc44d;
     --color-light-text-negative: #ec2d20;
@@ -57,7 +57,7 @@
 } .file-upload-item__icon_zsqja {
     display: block;
     flex-shrink: 0;
-    color: var(--color-light-neutral-1500);
+    color: var(--color-light-neutral-translucent-1300);
 } .file-upload-item__errorIcon_zsqja {
     flex-shrink: 0;
     color: var(--color-light-status-negative);

package/file-upload-item/index.css

@@ -1,8 +1,8 @@
 /* hash: 17983 */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
-    --color-light-neutral-1500: #121213;
     --color-light-neutral-300: #e7e8eb;
+    --color-light-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
     --color-light-status-negative: #ff4837;
     --color-light-status-positive: #0cc44d;
     --color-light-text-negative: #ec2d20;
@@ -57,7 +57,7 @@
 } .file-upload-item__icon_zsqja {
     display: block;
     flex-shrink: 0;
-    color: var(--color-light-neutral-1500);
+    color: var(--color-light-neutral-translucent-1300);
 } .file-upload-item__errorIcon_zsqja {
     flex-shrink: 0;
     color: var(--color-light-status-negative);

package/file-upload-item/modern/index.css

@@ -1,8 +1,8 @@
 /* hash: 17983 */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
-    --color-light-neutral-1500: #121213;
     --color-light-neutral-300: #e7e8eb;
+    --color-light-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
     --color-light-status-negative: #ff4837;
     --color-light-status-positive: #0cc44d;
     --color-light-text-negative: #ec2d20;
@@ -57,7 +57,7 @@
 } .file-upload-item__icon_zsqja {
     display: block;
     flex-shrink: 0;
-    color: var(--color-light-neutral-1500);
+    color: var(--color-light-neutral-translucent-1300);
 } .file-upload-item__errorIcon_zsqja {
     flex-shrink: 0;
     color: var(--color-light-status-negative);

package/filter-tag/Component.responsive.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var coreComponentsMq = require('../mq');
-var coreComponentsShared = require('../shared');
 var desktop_Component_desktop = require('./desktop/Component.desktop.js');
 var mobile_Component_mobile = require('./mobile/Component.mobile.js');
 
@@ -12,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var FilterTag = React.forwardRef(function (_a, ref) {
-    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, restProps = tslib.__rest(_a, ["children", "breakpoint"]);
+    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = tslib.__rest(_a, ["children", "breakpoint"]);
     var query = "(min-width: ".concat(breakpoint, "px)");
     var isDesktop = coreComponentsMq.useMatchMedia(query)[0];
     var Component = isDesktop ? desktop_Component_desktop.FilterTagDesktop : mobile_Component_mobile.FilterTagMobile;

package/filter-tag/components/base-filter-tag/index.css

@@ -6,9 +6,9 @@
     --color-light-accent-secondary-press: #353539;
     --color-light-border-link: #2288fa;
     --color-light-graphic-tertiary: #b8b9c0;
-    --color-light-neutral-1500: #121213;
-    --color-light-neutral-1500-inverted: #fff;
     --color-light-neutral-translucent-100: rgba(38, 55, 88, 0.06);
+    --color-light-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
+    --color-light-neutral-translucent-1300-inverted: rgba(255, 255, 255, 0.94);
     --color-light-neutral-translucent-500: rgba(9, 12, 37, 0.28);
     --color-light-neutral-translucent-500-inverted: rgba(228, 228, 251, 0.28);
     --color-light-neutral-translucent-700-inverted: rgba(238, 238, 251, 0.55);
@@ -135,7 +135,7 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    color: var(--color-light-neutral-1500);
+    color: var(--color-light-neutral-translucent-1300);
 } .filter-tag__valueButton_1kq5p {
     display: flex;
     align-items: center;
@@ -224,7 +224,7 @@
         color: var(--tag-text-color-checked);
         background-color: var(--tag-background-color-checked)
     } .filter-tag__valueButton_1kq5p.filter-tag__checked_1kq5p > .filter-tag__chevron_1kq5p {
-            color: var(--color-light-neutral-1500-inverted);
+            color: var(--color-light-neutral-translucent-1300-inverted);
         } .filter-tag__valueButton_1kq5p.filter-tag__checked_1kq5p.filter-tag__rounded_1kq5p.filter-tag__size-32_1kq5p {
                 border-radius: var(--tag-rounded-xxs-border-radius) 0 0
                     var(--tag-rounded-xxs-border-radius);

package/filter-tag/cssm/Component.responsive.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var coreComponentsMq = require('../../mq/cssm');
-var coreComponentsShared = require('../../shared/cssm');
 var desktop_Component_desktop = require('./desktop/Component.desktop.js');
 var mobile_Component_mobile = require('./mobile/Component.mobile.js');
 
@@ -12,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var FilterTag = React.forwardRef(function (_a, ref) {
-    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, restProps = tslib.__rest(_a, ["children", "breakpoint"]);
+    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = tslib.__rest(_a, ["children", "breakpoint"]);
     var query = "(min-width: ".concat(breakpoint, "px)");
     var isDesktop = coreComponentsMq.useMatchMedia(query)[0];
     var Component = isDesktop ? desktop_Component_desktop.FilterTagDesktop : mobile_Component_mobile.FilterTagMobile;

package/filter-tag/cssm/components/base-filter-tag/index.module.css

@@ -5,9 +5,9 @@
     --color-light-accent-secondary-press: #353539;
     --color-light-border-link: #2288fa;
     --color-light-graphic-tertiary: #b8b9c0;
-    --color-light-neutral-1500: #121213;
-    --color-light-neutral-1500-inverted: #fff;
     --color-light-neutral-translucent-100: rgba(38, 55, 88, 0.06);
+    --color-light-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
+    --color-light-neutral-translucent-1300-inverted: rgba(255, 255, 255, 0.94);
     --color-light-neutral-translucent-500: rgba(9, 12, 37, 0.28);
     --color-light-neutral-translucent-500-inverted: rgba(228, 228, 251, 0.28);
     --color-light-neutral-translucent-700-inverted: rgba(238, 238, 251, 0.55);
@@ -134,7 +134,7 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    color: var(--color-light-neutral-1500);
+    color: var(--color-light-neutral-translucent-1300);
 } .valueButton {
     display: flex;
     align-items: center;
@@ -223,7 +223,7 @@
         color: var(--tag-text-color-checked);
         background-color: var(--tag-background-color-checked)
     } .valueButton.checked > .chevron {
-            color: var(--color-light-neutral-1500-inverted);
+            color: var(--color-light-neutral-translucent-1300-inverted);
         } .valueButton.checked.rounded.size-32 {
                 border-radius: var(--tag-rounded-xxs-border-radius) 0 0
                     var(--tag-rounded-xxs-border-radius);

package/filter-tag/esm/Component.responsive.js

@@ -1,7 +1,6 @@
 import { __rest, __assign } from 'tslib';
 import React, { forwardRef } from 'react';
 import { useMatchMedia } from '../../mq/esm';
-import { getComponentBreakpoint } from '../../shared/esm';
 import { FilterTagDesktop } from './desktop/Component.desktop.js';
 import { FilterTagMobile } from './mobile/Component.mobile.js';
 import './components/base-filter-tag/Component.js';
@@ -13,7 +12,7 @@ import '@alfalab/icons-glyph/CrossCircleMIcon';
 import '@alfalab/icons-glyph/CrossCircleSIcon';
 
 var FilterTag = forwardRef(function (_a, ref) {
-    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? getComponentBreakpoint() : _b, restProps = __rest(_a, ["children", "breakpoint"]);
+    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = __rest(_a, ["children", "breakpoint"]);
     var query = "(min-width: ".concat(breakpoint, "px)");
     var isDesktop = useMatchMedia(query)[0];
     var Component = isDesktop ? FilterTagDesktop : FilterTagMobile;

package/filter-tag/esm/components/base-filter-tag/index.css

@@ -6,9 +6,9 @@
     --color-light-accent-secondary-press: #353539;
     --color-light-border-link: #2288fa;
     --color-light-graphic-tertiary: #b8b9c0;
-    --color-light-neutral-1500: #121213;
-    --color-light-neutral-1500-inverted: #fff;
     --color-light-neutral-translucent-100: rgba(38, 55, 88, 0.06);
+    --color-light-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
+    --color-light-neutral-translucent-1300-inverted: rgba(255, 255, 255, 0.94);
     --color-light-neutral-translucent-500: rgba(9, 12, 37, 0.28);
     --color-light-neutral-translucent-500-inverted: rgba(228, 228, 251, 0.28);
     --color-light-neutral-translucent-700-inverted: rgba(238, 238, 251, 0.55);
@@ -135,7 +135,7 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    color: var(--color-light-neutral-1500);
+    color: var(--color-light-neutral-translucent-1300);
 } .filter-tag__valueButton_1kq5p {
     display: flex;
     align-items: center;
@@ -224,7 +224,7 @@
         color: var(--tag-text-color-checked);
         background-color: var(--tag-background-color-checked)
     } .filter-tag__valueButton_1kq5p.filter-tag__checked_1kq5p > .filter-tag__chevron_1kq5p {
-            color: var(--color-light-neutral-1500-inverted);
+            color: var(--color-light-neutral-translucent-1300-inverted);
         } .filter-tag__valueButton_1kq5p.filter-tag__checked_1kq5p.filter-tag__rounded_1kq5p.filter-tag__size-32_1kq5p {
                 border-radius: var(--tag-rounded-xxs-border-radius) 0 0
                     var(--tag-rounded-xxs-border-radius);

package/filter-tag/esm/index.js

@@ -2,7 +2,6 @@ export { FilterTag } from './Component.responsive.js';
 import 'tslib';
 import 'react';
 import '../../mq/esm';
-import '../../shared/esm';
 import './desktop/Component.desktop.js';
 import './components/base-filter-tag/Component.js';
 import 'classnames';

package/filter-tag/modern/Component.responsive.js

@@ -1,6 +1,5 @@
 import React, { forwardRef } from 'react';
 import { useMatchMedia } from '../../mq/modern';
-import { getComponentBreakpoint } from '../../shared/modern';
 import { FilterTagDesktop } from './desktop/Component.desktop.js';
 import { FilterTagMobile } from './mobile/Component.mobile.js';
 import './components/base-filter-tag/Component.js';
@@ -11,7 +10,7 @@ import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/CrossCircleMIcon';
 import '@alfalab/icons-glyph/CrossCircleSIcon';
 
-const FilterTag = forwardRef(({ children, breakpoint = getComponentBreakpoint(), ...restProps }, ref) => {
+const FilterTag = forwardRef(({ children, breakpoint = 1024, ...restProps }, ref) => {
     const query = `(min-width: ${breakpoint}px)`;
     const [isDesktop] = useMatchMedia(query);
     const Component = isDesktop ? FilterTagDesktop : FilterTagMobile;