@alfalab/core-components 46.0.0-beta.6 → 46.0.0-beta.8

package/pattern-lock/esm/utils.js

@@ -19,11 +19,34 @@ var getSizes = (function () {
         if (cachedSize) {
             return cachedSize;
         }
-        cachedSize = {
-            elementSizes: __assign(__assign({}, COMMON_SIZES), { nodeRadius: 32 }),
-            width: 240,
-            height: 240,
-        };
+        if (window.matchMedia('(min-width: 600px)').matches) {
+            cachedSize = {
+                elementSizes: __assign(__assign({}, COMMON_SIZES), { nodeRadius: 32 }),
+                width: 240,
+                height: 240,
+            };
+        }
+        else if (window.matchMedia('(min-width: 390px)').matches) {
+            cachedSize = {
+                elementSizes: __assign(__assign({}, COMMON_SIZES), { nodeRadius: 43 }),
+                width: 322,
+                height: 322,
+            };
+        }
+        else if (window.matchMedia('(min-width: 360px)').matches) {
+            cachedSize = {
+                elementSizes: __assign(__assign({}, COMMON_SIZES), { nodeRadius: 38 }),
+                width: 292,
+                height: 292,
+            };
+        }
+        else {
+            cachedSize = {
+                elementSizes: __assign(__assign({}, COMMON_SIZES), { nodeRadius: 32 }),
+                width: 240,
+                height: 240,
+            };
+        }
         return cachedSize;
     };
 })();
@@ -57,6 +80,8 @@ function getPatternLockTestIds(dataTestId) {
     return {
         patternLock: dataTestId,
         forgotCodeBtn: getDataTestId(dataTestId, 'forgot-code-btn'),
+        error: getDataTestId(dataTestId, 'error'),
+        message: getDataTestId(dataTestId, 'message'),
     };
 }
 

package/pattern-lock/mobile/mobile.css

@@ -12,14 +12,37 @@
     /* Hard up */
 } :root {
 } :root {
+    --gap-xs: 8px;
+    --gap-s: 12px;
+    --gap-l: 20px;
     --gap-xl: 24px;
+    --gap-2xl: 32px;
 } :root {
 } :root {
+    --size-s-height: 48px;
+    --size-m-height: 56px;
 } :root {
-    --pattern-lock-min-width: 304px;
+    --pattern-lock-max-width: 500px;
 } .pattern-lock__component_iaz5f {
-    margin: 0 auto;
-    min-width: var(--pattern-lock-min-width);
+    max-width: var(--pattern-lock-max-width);
+    margin: var(--gap-xs) 0 var(--gap-xl) 0;
 } .pattern-lock__forgotBtn_iaz5f {
     margin: var(--gap-xl) auto 0;
+} @media screen and (min-width: 360px) {
+    .pattern-lock__forgotBtn_iaz5f {
+        margin-top: var(--gap-2xl);
+        min-height: var(--size-s-height);
+    }
+
+    .pattern-lock__component_iaz5f {
+        margin-bottom: var(--gap-s);
+    }
+} @media screen and (min-width: 390px) {
+    .pattern-lock__forgotBtn_iaz5f {
+        min-height: var(--size-m-height);
+    }
+
+    .pattern-lock__component_iaz5f {
+        margin-bottom: var(--gap-l);
+    }
 }

package/pattern-lock/modern/components/base-pattern-lock/Component.js

@@ -4,12 +4,12 @@ import cn from 'classnames';
 import { ButtonMobile } from '../../../../button/modern/mobile';
 import { getDataTestId } from '../../../../shared/modern';
 import { THEME_STATE, DEFAULT_EXTRA_BOUNDS, OBSERVE_OPTIONS, OBSERVABLE_TOKENS } from '../../consts.js';
-import { getTheme, getColorByToken, getSizes, getDefaultObserveTarget } from '../../utils.js';
+import { getSizes, getTheme, getColorByToken, getDefaultObserveTarget } from '../../utils.js';
 
-const commonStyles = {"component":"pattern-lock__component_byils","withForgotBtn":"pattern-lock__withForgotBtn_byils","forgotBtn":"pattern-lock__forgotBtn_byils"};
+const commonStyles = {"component":"pattern-lock__component_byils","hidden":"pattern-lock__hidden_byils","message":"pattern-lock__message_byils","error":"pattern-lock__error_byils","forgotBtn":"pattern-lock__forgotBtn_byils"};
 require('./index.css');
 
-const BasePatternLock = forwardRef(({ observeTokens = false, observerParams = {}, className, dataTestId, forgotCodeBtnText = 'Забыли код?', showForgotCodeBtn = false, onForgotBtnClick, extraBounds = DEFAULT_EXTRA_BOUNDS, messageClassName, hover, styles = {}, ...restProps }, ref) => {
+const BasePatternLock = forwardRef(({ observeTokens = false, observerParams = {}, justifyNodes = 'space-between', className, error, dataTestId, forgotCodeBtnText = 'Забыли код?', showForgotCodeBtn = false, onForgotBtnClick, extraBounds = DEFAULT_EXTRA_BOUNDS, message, messageClassName, hover, styles = {}, ...restProps }, ref) => {
     const [params, setParams] = useState();
     useEffect(() => {
         const { elementSizes, width, height } = getSizes();
@@ -39,12 +39,16 @@ const BasePatternLock = forwardRef(({ observeTokens = false, observerParams = {}
         return () => styleObserver?.disconnect();
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [observeTokens]);
+    const renderMessage = () => (React.createElement("div", { className: cn(commonStyles.message, messageClassName), "data-test-id": getDataTestId(dataTestId, 'message') }, message));
+    const renderError = () => (React.createElement("div", { className: cn(commonStyles.message, commonStyles.error, messageClassName), "data-test-id": getDataTestId(dataTestId, 'error') }, error));
     return (React.createElement("div", { className: cn(commonStyles.component, styles.component, className, {
             [commonStyles.hidden]: !params,
-            [commonStyles.withForgotBtn]: showForgotCodeBtn,
         }), "data-test-id": dataTestId },
-        React.createElement(ReactCanvasPatternLock, { ...restProps, ...params, ref: ref, rows: 3, cols: 3, justifyNodes: 'space-between', extraBounds: extraBounds, hover: hover }),
-        showForgotCodeBtn && (React.createElement(ButtonMobile, { view: 'transparent', className: cn(commonStyles.forgotBtn, styles.forgotBtn), onClick: onForgotBtnClick, dataTestId: getDataTestId(dataTestId, 'forgot-code-btn') }, forgotCodeBtnText))));
+        error ? renderError() : renderMessage(),
+        React.createElement(ReactCanvasPatternLock, { ...restProps, ...params, ref: ref, rows: 3, cols: 3, justifyNodes: justifyNodes, extraBounds: extraBounds, hover: hover }),
+        showForgotCodeBtn ? (React.createElement(ButtonMobile, { view: 'transparent', className: cn(commonStyles.forgotBtn, styles.forgotBtn), onClick: onForgotBtnClick, dataTestId: getDataTestId(dataTestId, 'forgot-code-btn') }, forgotCodeBtnText)) : (React.createElement("div", { className: cn(commonStyles.forgotBtn, styles.forgotBtn, {
+                [styles.hiddenBtn]: Boolean(styles.hiddenBtn),
+            }) }))));
 });
 
 export { BasePatternLock };

package/pattern-lock/modern/components/base-pattern-lock/index.css

@@ -1,6 +1,8 @@
 /* hash: 14wes */
 :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 { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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-text-negative: #ec2d20;
+    --color-light-text-primary: rgba(3, 3, 6, 0.88); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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 {
 } :root {
@@ -13,23 +15,30 @@
 } :root {
 } :root {
     --gap-m: 16px;
+    --gap-3xl: 40px;
 } :root {
 } :root {
     --size-xs-height: 40px;
 } :root {
-    --pattern-lock-min-height: 272px;
-    --pattern-lock-with-forgot-btn-min-height: 336px;
-} .pattern-lock__component_byils {
-    display: flex;
-    flex-direction: column;
-    box-sizing: border-box;
-    min-height: var(--pattern-lock-min-height);
-    padding: var(--gap-m) 0
 } .pattern-lock__component_byils canvas {
         display: block;
         margin: 0 auto;
-    } .pattern-lock__withForgotBtn_byils {
-    min-height: var(--pattern-lock-with-forgot-btn-min-height);
+    } .pattern-lock__hidden_byils {
+    visibility: hidden;
+} .pattern-lock__message_byils {
+    font-size: 16px;
+    line-height: 24px;
+    font-weight: 400;
+
+    text-align: center;
+    padding: 0 var(--gap-m) var(--gap-3xl);
+    min-height: 24px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    color: var(--color-light-text-primary);
+} .pattern-lock__error_byils {
+    color: var(--color-light-text-negative);
 } .pattern-lock__forgotBtn_byils {
     display: block;
     min-height: var(--size-xs-height);

package/pattern-lock/modern/consts.js

@@ -6,15 +6,15 @@ const OBSERVE_OPTIONS = {
 };
 const DEFAULT_EXTRA_BOUNDS = [75, 50, 75, 50];
 const OBSERVABLE_TOKENS = {
-    ACCENT_INITIAL: '--color-light-neutral-0-inverted',
-    ACCENT_SUCCESS: '--color-light-status-positive',
-    ACCENT_FAILURE: '--color-light-status-negative',
-    PRIMARY: '--color-light-neutral-500',
+    ACCENT_INITIAL: '--color-light-graphic-primary',
+    ACCENT_SUCCESS: '--color-light-graphic-positive',
+    ACCENT_FAILURE: '--color-light-graphic-negative',
+    PRIMARY: '--color-light-graphic-tertiary',
     BG: '--color-light-bg-primary',
-    RING_BG_INITIAL: '--color-light-neutral-translucent-200',
-    SELECTED_RING_BG_INITIAL: '--color-light-neutral-translucent-200-hover',
-    SELECTED_RING_BG_SUCCESS: '--color-light-status-muted-positive',
-    SELECTED_RING_BG_FAILURE: '--color-light-status-muted-negative',
+    RING_BG_INITIAL: '--color-light-specialbg-secondary-transparent',
+    SELECTED_RING_BG_INITIAL: '--color-light-specialbg-tertiary-transparent',
+    SELECTED_RING_BG_SUCCESS: '--color-light-graphic-positive-alpha-10',
+    SELECTED_RING_BG_FAILURE: '--color-light-graphic-negative-alpha-10',
     HOVER_INNER: '--color-light-neutral-500-hover',
     HOVER_OUTER: '--color-light-neutral-translucent-200-hover',
 };

package/pattern-lock/modern/desktop/desktop.css

@@ -12,14 +12,15 @@
     /* Hard up */
 } :root {
 } :root {
+    --gap-xs: 8px;
     --gap-xl: 24px;
 } :root {
 } :root {
 } :root {
-    --pattern-lock-min-width: 304px;
+    --pattern-lock-desktop-max-width: 240px;
 } .pattern-lock__component_8j5d3 {
-    margin: 0 auto;
-    min-width: var(--pattern-lock-min-width);
+    max-width: var(--pattern-lock-desktop-max-width);
+    margin: var(--gap-xs) 0 var(--gap-xl) 0;
 } .pattern-lock__forgotBtn_8j5d3 {
     margin: var(--gap-xl) auto 0;
 } .pattern-lock__hiddenBtn_8j5d3 {

package/pattern-lock/modern/mobile/mobile.css

@@ -12,14 +12,37 @@
     /* Hard up */
 } :root {
 } :root {
+    --gap-xs: 8px;
+    --gap-s: 12px;
+    --gap-l: 20px;
     --gap-xl: 24px;
+    --gap-2xl: 32px;
 } :root {
 } :root {
+    --size-s-height: 48px;
+    --size-m-height: 56px;
 } :root {
-    --pattern-lock-min-width: 304px;
+    --pattern-lock-max-width: 500px;
 } .pattern-lock__component_iaz5f {
-    margin: 0 auto;
-    min-width: var(--pattern-lock-min-width);
+    max-width: var(--pattern-lock-max-width);
+    margin: var(--gap-xs) 0 var(--gap-xl) 0;
 } .pattern-lock__forgotBtn_iaz5f {
     margin: var(--gap-xl) auto 0;
+} @media screen and (min-width: 360px) {
+    .pattern-lock__forgotBtn_iaz5f {
+        margin-top: var(--gap-2xl);
+        min-height: var(--size-s-height);
+    }
+
+    .pattern-lock__component_iaz5f {
+        margin-bottom: var(--gap-s);
+    }
+} @media screen and (min-width: 390px) {
+    .pattern-lock__forgotBtn_iaz5f {
+        min-height: var(--size-m-height);
+    }
+
+    .pattern-lock__component_iaz5f {
+        margin-bottom: var(--gap-l);
+    }
 }

package/pattern-lock/modern/typings.d.ts

@@ -1,4 +1,4 @@
-import { MouseEvent } from 'react';
+import { MouseEvent, ReactNode } from 'react';
 import { ReactPatternLockProps } from 'react-canvas-pattern-lock';
 type ConditionalProps = {
     /**
@@ -22,9 +22,17 @@ type ConditionalProps = {
 };
 type CommonPatternLockProps = {
     /**
-     * Дополнительный класс
+     * Дополнительный класс.
      */
     className?: string;
+    /**
+     * Сообщение об ошибке
+     */
+    error?: ReactNode;
+    /**
+     * Сообщение над графическим ключом
+     */
+    message?: ReactNode;
     /**
      * Идентификатор для систем автоматизированного тестирования.
      * Для сообщения используется модификатор -message, ошибки -error,
@@ -32,12 +40,12 @@ type CommonPatternLockProps = {
      */
     dataTestId?: string;
     /**
-     * Следить ли за изменениями значений цветовых токенов
+     * Следить ли за изменениями значений цветовых токенов.
      * @default false
      */
     observeTokens?: boolean;
     /**
-     * Параметры MutationObserver для наблюдения за изменениями режима(css custom properties)
+     * Параметры MutationObserver для наблюдения за изменениями режима(css custom properties).
      */
     observerParams?: {
         getTarget?: () => Node;
@@ -47,14 +55,14 @@ type CommonPatternLockProps = {
      * Дополнительный класс для message/errorMessage
      */
     messageClassName?: string;
-} & Omit<ReactPatternLockProps, 'theme' | 'width' | 'height' | 'rows' | 'cols' | 'hover' | 'justifyNodes'> & ConditionalProps;
+} & Omit<ReactPatternLockProps, 'theme' | 'width' | 'height' | 'rows' | 'cols' | 'hover'> & ConditionalProps;
 type PrivatePatternLockProps = {
     /**
      * Включает ховер-эффект
      */
     hover?: boolean;
     /**
-     * Стили компонента
+     * Стили компонента.
      */
     styles: {
         [key: string]: string;

package/pattern-lock/modern/utils.d.ts

@@ -10,5 +10,7 @@ declare function getTheme(dimens: ThemeParams['dimens']): Theme;
 declare function getPatternLockTestIds(dataTestId: string): {
     patternLock: string;
     forgotCodeBtn: string;
+    error: string;
+    message: string;
 };
 export { getDefaultObserveTarget, getColorByToken, getSizes, getTheme, getPatternLockTestIds };

package/pattern-lock/modern/utils.js

@@ -18,11 +18,34 @@ const getSizes = (() => {
         if (cachedSize) {
             return cachedSize;
         }
-        cachedSize = {
-            elementSizes: { ...COMMON_SIZES, nodeRadius: 32 },
-            width: 240,
-            height: 240,
-        };
+        if (window.matchMedia('(min-width: 600px)').matches) {
+            cachedSize = {
+                elementSizes: { ...COMMON_SIZES, nodeRadius: 32 },
+                width: 240,
+                height: 240,
+            };
+        }
+        else if (window.matchMedia('(min-width: 390px)').matches) {
+            cachedSize = {
+                elementSizes: { ...COMMON_SIZES, nodeRadius: 43 },
+                width: 322,
+                height: 322,
+            };
+        }
+        else if (window.matchMedia('(min-width: 360px)').matches) {
+            cachedSize = {
+                elementSizes: { ...COMMON_SIZES, nodeRadius: 38 },
+                width: 292,
+                height: 292,
+            };
+        }
+        else {
+            cachedSize = {
+                elementSizes: { ...COMMON_SIZES, nodeRadius: 32 },
+                width: 240,
+                height: 240,
+            };
+        }
         return cachedSize;
     };
 })();
@@ -67,6 +90,8 @@ function getPatternLockTestIds(dataTestId) {
     return {
         patternLock: dataTestId,
         forgotCodeBtn: getDataTestId(dataTestId, 'forgot-code-btn'),
+        error: getDataTestId(dataTestId, 'error'),
+        message: getDataTestId(dataTestId, 'message'),
     };
 }
 

package/pattern-lock/typings.d.ts

@@ -1,4 +1,4 @@
-import { MouseEvent } from 'react';
+import { MouseEvent, ReactNode } from 'react';
 import { ReactPatternLockProps } from 'react-canvas-pattern-lock';
 type ConditionalProps = {
     /**
@@ -22,9 +22,17 @@ type ConditionalProps = {
 };
 type CommonPatternLockProps = {
     /**
-     * Дополнительный класс
+     * Дополнительный класс.
      */
     className?: string;
+    /**
+     * Сообщение об ошибке
+     */
+    error?: ReactNode;
+    /**
+     * Сообщение над графическим ключом
+     */
+    message?: ReactNode;
     /**
      * Идентификатор для систем автоматизированного тестирования.
      * Для сообщения используется модификатор -message, ошибки -error,
@@ -32,12 +40,12 @@ type CommonPatternLockProps = {
      */
     dataTestId?: string;
     /**
-     * Следить ли за изменениями значений цветовых токенов
+     * Следить ли за изменениями значений цветовых токенов.
      * @default false
      */
     observeTokens?: boolean;
     /**
-     * Параметры MutationObserver для наблюдения за изменениями режима(css custom properties)
+     * Параметры MutationObserver для наблюдения за изменениями режима(css custom properties).
      */
     observerParams?: {
         getTarget?: () => Node;
@@ -47,14 +55,14 @@ type CommonPatternLockProps = {
      * Дополнительный класс для message/errorMessage
      */
     messageClassName?: string;
-} & Omit<ReactPatternLockProps, 'theme' | 'width' | 'height' | 'rows' | 'cols' | 'hover' | 'justifyNodes'> & ConditionalProps;
+} & Omit<ReactPatternLockProps, 'theme' | 'width' | 'height' | 'rows' | 'cols' | 'hover'> & ConditionalProps;
 type PrivatePatternLockProps = {
     /**
      * Включает ховер-эффект
      */
     hover?: boolean;
     /**
-     * Стили компонента
+     * Стили компонента.
      */
     styles: {
         [key: string]: string;

package/pattern-lock/utils.d.ts

@@ -10,5 +10,7 @@ declare function getTheme(dimens: ThemeParams['dimens']): Theme;
 declare function getPatternLockTestIds(dataTestId: string): {
     patternLock: string;
     forgotCodeBtn: string;
+    error: string;
+    message: string;
 };
 export { getDefaultObserveTarget, getColorByToken, getSizes, getTheme, getPatternLockTestIds };

package/pattern-lock/utils.js

@@ -21,11 +21,34 @@ var getSizes = (function () {
         if (cachedSize) {
             return cachedSize;
         }
-        cachedSize = {
-            elementSizes: tslib.__assign(tslib.__assign({}, COMMON_SIZES), { nodeRadius: 32 }),
-            width: 240,
-            height: 240,
-        };
+        if (window.matchMedia('(min-width: 600px)').matches) {
+            cachedSize = {
+                elementSizes: tslib.__assign(tslib.__assign({}, COMMON_SIZES), { nodeRadius: 32 }),
+                width: 240,
+                height: 240,
+            };
+        }
+        else if (window.matchMedia('(min-width: 390px)').matches) {
+            cachedSize = {
+                elementSizes: tslib.__assign(tslib.__assign({}, COMMON_SIZES), { nodeRadius: 43 }),
+                width: 322,
+                height: 322,
+            };
+        }
+        else if (window.matchMedia('(min-width: 360px)').matches) {
+            cachedSize = {
+                elementSizes: tslib.__assign(tslib.__assign({}, COMMON_SIZES), { nodeRadius: 38 }),
+                width: 292,
+                height: 292,
+            };
+        }
+        else {
+            cachedSize = {
+                elementSizes: tslib.__assign(tslib.__assign({}, COMMON_SIZES), { nodeRadius: 32 }),
+                width: 240,
+                height: 240,
+            };
+        }
         return cachedSize;
     };
 })();
@@ -59,6 +82,8 @@ function getPatternLockTestIds(dataTestId) {
     return {
         patternLock: dataTestId,
         forgotCodeBtn: coreComponentsShared.getDataTestId(dataTestId, 'forgot-code-btn'),
+        error: coreComponentsShared.getDataTestId(dataTestId, 'error'),
+        message: coreComponentsShared.getDataTestId(dataTestId, 'message'),
     };
 }
 

package/pure-cell/component.js

@@ -6,7 +6,7 @@ require('react-merge-refs');
 require('classnames');
 require('../comment');
 require('@alfalab/hooks');
-var components_addon_component = require('./component-7416d908.js');
+var components_addon_component = require('./component-450c931b.js');
 
 
 

package/pure-cell/components/addon/component.js

@@ -4,7 +4,7 @@ require('tslib');
 require('react');
 require('classnames');
 require('../../../shared');
-var components_addon_component = require('../../component-7416d908.js');
+var components_addon_component = require('../../component-450c931b.js');
 
 
 

package/pure-cell/components/addon/index.d.ts

@@ -1 +1 @@
-export * from "../../component-7416d908";
+export * from "../../component-450c931b";

package/pure-cell/components/addon/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-7416d908.js');
+var components_addon_component = require('../../component-450c931b.js');
 
 
 

package/pure-cell/components/amount/component.js

@@ -6,7 +6,7 @@ require('classnames');
 require('../../../amount');
 require('../../../shared');
 require('../../../typography');
-var components_addon_component = require('../../component-7416d908.js');
+var components_addon_component = require('../../component-450c931b.js');
 
 
 

package/pure-cell/components/amount/index.d.ts

@@ -1 +1 @@
-export * from "../../component-7416d908";
+export * from "../../component-450c931b";

package/pure-cell/components/amount/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-7416d908.js');
+var components_addon_component = require('../../component-450c931b.js');
 
 
 

package/pure-cell/components/amount-title/component.js

@@ -6,7 +6,7 @@ require('classnames');
 require('../../../amount');
 require('../../../shared');
 require('../../../typography');
-var components_addon_component = require('../../component-7416d908.js');
+var components_addon_component = require('../../component-450c931b.js');
 
 
 

package/pure-cell/components/amount-title/index.d.ts

@@ -1 +1 @@
-export * from "../../component-7416d908";
+export * from "../../component-450c931b";

package/pure-cell/components/amount-title/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-7416d908.js');
+var components_addon_component = require('../../component-450c931b.js');
 
 
 

package/pure-cell/components/category/component.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 require('../../../shared');
 require('../../../typography');
-var components_addon_component = require('../../component-7416d908.js');
+var components_addon_component = require('../../component-450c931b.js');
 
 
 

package/pure-cell/components/category/index.d.ts

@@ -1 +1 @@
-export * from "../../component-7416d908";
+export * from "../../component-450c931b";

package/pure-cell/components/category/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-7416d908.js');
+var components_addon_component = require('../../component-450c931b.js');
 
 
 

package/pure-cell/components/content/component.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 require('classnames');
 require('../../../shared');
-var components_addon_component = require('../../component-7416d908.js');
+var components_addon_component = require('../../component-450c931b.js');
 
 
 

package/pure-cell/components/content/index.d.ts

@@ -1 +1 @@
-export * from "../../component-7416d908";
+export * from "../../component-450c931b";

package/pure-cell/components/content/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-7416d908.js');
+var components_addon_component = require('../../component-450c931b.js');
 
 
 

package/pure-cell/components/footer/component.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 require('classnames');
 require('../../../shared');
-var components_addon_component = require('../../component-7416d908.js');
+var components_addon_component = require('../../component-450c931b.js');
 
 
 

package/pure-cell/components/footer/index.d.ts

@@ -1 +1 @@
-export * from "../../component-7416d908";
+export * from "../../component-450c931b";