@alfalab/core-components 32.0.0 → 32.1.0

package/time-input/modern/Component.d.ts

@@ -0,0 +1,41 @@
+/// <reference types="react" />
+import React from 'react';
+import { ChangeEvent } from "react";
+import { InputProps } from "../../input";
+type TimeInputProps = Omit<InputProps, 'onChange'> & {
+    /**
+     * Обработчик изменения значения
+     */
+    onChange?: (event: ChangeEvent<HTMLInputElement>, payload: {
+        hours: number;
+        mins: number;
+        value: string;
+    }) => void;
+    /**
+     * Обработчик окончания ввода
+     */
+    onComplete?: (event: ChangeEvent<HTMLInputElement>, payload: {
+        hours: number;
+        mins: number;
+        value: string;
+    }) => void;
+};
+declare const TimeInput: React.ForwardRefExoticComponent<Pick<InputProps, "className" | "dataTestId" | "form" | "label" | "slot" | "style" | "title" | "pattern" | "leftAddons" | "rightAddons" | "size" | "block" | "colors" | "children" | "type" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "step" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "value" | "fieldClassName" | "labelClassName" | "addonsClassName" | "error" | "hint" | "labelView" | "bottomAddons" | "accept" | "alt" | "autoComplete" | "capture" | "checked" | "crossOrigin" | "height" | "max" | "maxLength" | "min" | "minLength" | "multiple" | "readOnly" | "required" | "src" | "width" | "clear" | "success" | "inputClassName" | "focusedClassName" | "filledClassName" | "onClear" | "wrapperRef"> & {
+    /**
+     * Обработчик изменения значения
+     */
+    onChange?: ((event: React.ChangeEvent<HTMLInputElement>, payload: {
+        hours: number;
+        mins: number;
+        value: string;
+    }) => void) | undefined;
+    /**
+     * Обработчик окончания ввода
+     */
+    onComplete?: ((event: React.ChangeEvent<HTMLInputElement>, payload: {
+        hours: number;
+        mins: number;
+        value: string;
+    }) => void) | undefined;
+} & React.RefAttributes<HTMLInputElement>>;
+export { TimeInputProps, TimeInput };

package/time-input/modern/Component.js

@@ -0,0 +1,43 @@
+import React, { useState } from 'react';
+import { Input } from '../../input/modern';
+import { format, isCompleteTimeInput, isValidInputValue } from './utils/format.js';
+
+/* eslint-disable no-useless-escape */
+const TimeInput = React.forwardRef(({ defaultValue = '', value: propValue, onChange, onComplete, className, ...restProps }, ref) => {
+    const [value, setValue] = useState(propValue || defaultValue);
+    const handleChange = (event) => {
+        const { value: newValue } = event.target;
+        if (newValue.length > 5)
+            return;
+        // Позволяем вводить только цифры и двоеточия
+        if (/[^\d:]/.test(newValue)) {
+            return;
+        }
+        const colon = newValue.match(/\:/g);
+        // Не даем вводить больше, чем одно двоеточие
+        if (colon && colon.length > 1) {
+            return;
+        }
+        const formattedValue = format(newValue);
+        const formattedValueArr = formattedValue.split(':');
+        const hours = Number(formattedValueArr[0]);
+        const mins = Number(formattedValueArr[1]);
+        setValue(formattedValue);
+        if (onChange)
+            onChange(event, { hours, mins, value: formattedValue });
+        if (isCompleteTimeInput(formattedValue)) {
+            const valid = formattedValue.length > 0 && isValidInputValue(formattedValue);
+            if (!valid)
+                return;
+            if (onComplete) {
+                onComplete(event, { hours, mins, value: formattedValue });
+            }
+        }
+    };
+    const handleClearClick = () => {
+        setValue('');
+    };
+    return (React.createElement(Input, Object.assign({}, restProps, { ref: ref, value: value, className: className, onChange: handleChange, onClear: handleClearClick })));
+});
+
+export { TimeInput };

package/time-input/modern/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Component";
+export { isValidInputValue } from "./utils/index";

package/time-input/modern/index.js

@@ -0,0 +1,4 @@
+import 'react';
+import '../../input/modern';
+export { isValidInputValue } from './utils/format.js';
+export { TimeInput } from './Component.js';

package/time-input/modern/utils/format.d.ts

@@ -0,0 +1,6 @@
+declare const DATE_MASK: (string | RegExp)[];
+declare const isCompleteTimeInput: (input: string) => boolean;
+declare const isValidTimeFormat: (value: string) => boolean;
+declare const isValidInputValue: (inputValue?: string | undefined) => boolean;
+declare const format: (value: string) => string;
+export { DATE_MASK, isCompleteTimeInput, isValidTimeFormat, isValidInputValue, format };

package/time-input/modern/utils/format.js

@@ -0,0 +1,23 @@
+/* eslint-disable no-useless-escape */
+const DATE_MASK = [/\d/, /\d/, ':', /\d/, /\d/];
+const isCompleteTimeInput = (input) => input.length === DATE_MASK.length;
+const isValidTimeFormat = (value) => {
+    const timeArr = value.split(':');
+    const hours = timeArr[0];
+    const mins = timeArr[1];
+    if (hours.length !== 2 || Number(hours) > 23) {
+        return false;
+    }
+    if (mins.length !== 2 || Number(mins) > 59) {
+        return false;
+    }
+    return true;
+};
+const isValidInputValue = (inputValue) => !inputValue || (isCompleteTimeInput(inputValue) && isValidTimeFormat(inputValue));
+const format = (value) => value
+    .replace(/^(\d\d)(\d)$/, '$1:$2') // 123 => 12:3
+    .replace(/^(\d\d)(\d\d)/, '$1:$2') // 12345 => 12:45 (если вместо двоеточия введена цифра, она обратно заменяется на двоеточие)
+    .replace(/^(\d):(\d\d)(\d)/, '$1:$2') // 1:234 => 1:23
+    .replace(/\:$/, ''); // 12: => 12 || : => void
+
+export { DATE_MASK, format, isCompleteTimeInput, isValidInputValue, isValidTimeFormat };

package/time-input/modern/utils/index.d.ts

@@ -0,0 +1 @@
+export * from "./format";

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

@@ -0,0 +1 @@
+export { DATE_MASK, format, isCompleteTimeInput, isValidInputValue, isValidTimeFormat } from './format.js';

package/time-input/package.json

@@ -0,0 +1,3 @@
+{
+    "module": "./esm/index.js"
+}

package/time-input/send-stats.js

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

package/time-input/utils/format.d.ts

@@ -0,0 +1,6 @@
+declare const DATE_MASK: (string | RegExp)[];
+declare const isCompleteTimeInput: (input: string) => boolean;
+declare const isValidTimeFormat: (value: string) => boolean;
+declare const isValidInputValue: (inputValue?: string | undefined) => boolean;
+declare const format: (value: string) => string;
+export { DATE_MASK, isCompleteTimeInput, isValidTimeFormat, isValidInputValue, format };

package/time-input/utils/format.js

@@ -0,0 +1,33 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+/* eslint-disable no-useless-escape */
+var DATE_MASK = [/\d/, /\d/, ':', /\d/, /\d/];
+var isCompleteTimeInput = function (input) { return input.length === DATE_MASK.length; };
+var isValidTimeFormat = function (value) {
+    var timeArr = value.split(':');
+    var hours = timeArr[0];
+    var mins = timeArr[1];
+    if (hours.length !== 2 || Number(hours) > 23) {
+        return false;
+    }
+    if (mins.length !== 2 || Number(mins) > 59) {
+        return false;
+    }
+    return true;
+};
+var isValidInputValue = function (inputValue) {
+    return !inputValue || (isCompleteTimeInput(inputValue) && isValidTimeFormat(inputValue));
+};
+var format = function (value) {
+    return value
+        .replace(/^(\d\d)(\d)$/, '$1:$2') // 123 => 12:3
+        .replace(/^(\d\d)(\d\d)/, '$1:$2') // 12345 => 12:45 (если вместо двоеточия введена цифра, она обратно заменяется на двоеточие)
+        .replace(/^(\d):(\d\d)(\d)/, '$1:$2') // 1:234 => 1:23
+        .replace(/\:$/, '');
+}; // 12: => 12 || : => void
+
+exports.DATE_MASK = DATE_MASK;
+exports.format = format;
+exports.isCompleteTimeInput = isCompleteTimeInput;
+exports.isValidInputValue = isValidInputValue;
+exports.isValidTimeFormat = isValidTimeFormat;

package/time-input/utils/index.d.ts

@@ -0,0 +1 @@
+export * from "./format";

package/time-input/utils/index.js

@@ -0,0 +1,11 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils_format = require('./format.js');
+
+
+
+exports.DATE_MASK = utils_format.DATE_MASK;
+exports.format = utils_format.format;
+exports.isCompleteTimeInput = utils_format.isCompleteTimeInput;
+exports.isValidInputValue = utils_format.isValidInputValue;
+exports.isValidTimeFormat = utils_format.isValidTimeFormat;

package/toast/component.js

@@ -55,7 +55,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"toastPlate":"toast__toastPlate_xjufz","title":"toast__title_xjufz","popoverInner":"toast__popoverInner_xjufz","block":"toast__block_xjufz","fixed":"toast__fixed_xjufz","enter":"toast__enter_xjufz","enterActive":"toast__enterActive_xjufz","exit":"toast__exit_xjufz","exitActive":"toast__exitActive_xjufz"};
+var styles = {"toastPlate":"toast__toastPlate_17s2l","title":"toast__title_17s2l","popoverInner":"toast__popoverInner_17s2l","block":"toast__block_17s2l","fixed":"toast__fixed_17s2l","enter":"toast__enter_17s2l","enterActive":"toast__enterActive_17s2l","exit":"toast__exit_17s2l","exitActive":"toast__exitActive_17s2l"};
 require('./index.css');
 
 var CSS_TRANSITION_CLASS_NAMES = {

package/toast/esm/component.js

@@ -47,7 +47,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"toastPlate":"toast__toastPlate_xjufz","title":"toast__title_xjufz","popoverInner":"toast__popoverInner_xjufz","block":"toast__block_xjufz","fixed":"toast__fixed_xjufz","enter":"toast__enter_xjufz","enterActive":"toast__enterActive_xjufz","exit":"toast__exit_xjufz","exitActive":"toast__exitActive_xjufz"};
+var styles = {"toastPlate":"toast__toastPlate_17s2l","title":"toast__title_17s2l","popoverInner":"toast__popoverInner_17s2l","block":"toast__block_17s2l","fixed":"toast__fixed_17s2l","enter":"toast__enter_17s2l","enterActive":"toast__enterActive_17s2l","exit":"toast__exit_17s2l","exitActive":"toast__exitActive_17s2l"};
 require('./index.css');
 
 var CSS_TRANSITION_CLASS_NAMES = {

package/toast/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: 16b9j */
+/* hash: 1rdov */
 :root {
     --shadow-m: 0 0 16px rgba(11, 31, 53, 0.08), 0 8px 16px rgba(11, 31, 53, 0.16);
 
@@ -23,40 +23,40 @@
 :root {
     --toast-box-shadow: var(--shadow-m);
 }
-.toast__toastPlate_xjufz {
+.toast__toastPlate_17s2l {
     box-shadow: var(--toast-box-shadow);
     word-break: break-word;
 }
-.toast__title_xjufz {
+.toast__title_17s2l {
     font-weight: 400;
 }
-.toast__popoverInner_xjufz {
+.toast__popoverInner_17s2l {
     border: none;
     border-radius: var(--toast-plate-border-radius);
     box-shadow: var(--toast-box-shadow);
     background-color: transparent;
 }
-.toast__block_xjufz {
+.toast__block_17s2l {
     width: 100%;
 }
-.toast__fixed_xjufz {
+.toast__fixed_17s2l {
     position: fixed;
     bottom: var(--gap-2xl);
     transition: opacity 150ms ease-in-out, transform 150ms ease-in-out
 }
-.toast__fixed_xjufz.toast__enter_xjufz {
+.toast__fixed_17s2l.toast__enter_17s2l {
         opacity: 0;
         transform: scale(0.98);
     }
-.toast__fixed_xjufz.toast__enterActive_xjufz {
+.toast__fixed_17s2l.toast__enterActive_17s2l {
         opacity: 1;
         transform: scale(1);
     }
-.toast__fixed_xjufz.toast__exit_xjufz {
+.toast__fixed_17s2l.toast__exit_17s2l {
         opacity: 1;
         transform: scale(1);
     }
-.toast__fixed_xjufz.toast__exitActive_xjufz {
+.toast__fixed_17s2l.toast__exitActive_17s2l {
         opacity: 0;
         transform: scale(0.98);
     }

package/toast/index.css

@@ -1,4 +1,4 @@
-/* hash: 16b9j */
+/* hash: 1rdov */
 :root {
     --shadow-m: 0 0 16px rgba(11, 31, 53, 0.08), 0 8px 16px rgba(11, 31, 53, 0.16);
 
@@ -23,40 +23,40 @@
 :root {
     --toast-box-shadow: var(--shadow-m);
 }
-.toast__toastPlate_xjufz {
+.toast__toastPlate_17s2l {
     box-shadow: var(--toast-box-shadow);
     word-break: break-word;
 }
-.toast__title_xjufz {
+.toast__title_17s2l {
     font-weight: 400;
 }
-.toast__popoverInner_xjufz {
+.toast__popoverInner_17s2l {
     border: none;
     border-radius: var(--toast-plate-border-radius);
     box-shadow: var(--toast-box-shadow);
     background-color: transparent;
 }
-.toast__block_xjufz {
+.toast__block_17s2l {
     width: 100%;
 }
-.toast__fixed_xjufz {
+.toast__fixed_17s2l {
     position: fixed;
     bottom: var(--gap-2xl);
     transition: opacity 150ms ease-in-out, transform 150ms ease-in-out
 }
-.toast__fixed_xjufz.toast__enter_xjufz {
+.toast__fixed_17s2l.toast__enter_17s2l {
         opacity: 0;
         transform: scale(0.98);
     }
-.toast__fixed_xjufz.toast__enterActive_xjufz {
+.toast__fixed_17s2l.toast__enterActive_17s2l {
         opacity: 1;
         transform: scale(1);
     }
-.toast__fixed_xjufz.toast__exit_xjufz {
+.toast__fixed_17s2l.toast__exit_17s2l {
         opacity: 1;
         transform: scale(1);
     }
-.toast__fixed_xjufz.toast__exitActive_xjufz {
+.toast__fixed_17s2l.toast__exitActive_17s2l {
         opacity: 0;
         transform: scale(0.98);
     }

package/toast/modern/component.js

@@ -8,7 +8,7 @@ import { Popover } from '../../popover/modern';
 import { Portal } from '../../portal/modern';
 import { stackingOrder, Stack } from '../../stack/modern';
 
-var styles = {"toastPlate":"toast__toastPlate_xjufz","title":"toast__title_xjufz","popoverInner":"toast__popoverInner_xjufz","block":"toast__block_xjufz","fixed":"toast__fixed_xjufz","enter":"toast__enter_xjufz","enterActive":"toast__enterActive_xjufz","exit":"toast__exit_xjufz","exitActive":"toast__exitActive_xjufz"};
+var styles = {"toastPlate":"toast__toastPlate_17s2l","title":"toast__title_17s2l","popoverInner":"toast__popoverInner_17s2l","block":"toast__block_17s2l","fixed":"toast__fixed_17s2l","enter":"toast__enter_17s2l","enterActive":"toast__enterActive_17s2l","exit":"toast__exit_17s2l","exitActive":"toast__exitActive_17s2l"};
 require('./index.css');
 
 const CSS_TRANSITION_CLASS_NAMES = {

package/toast/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 16b9j */
+/* hash: 1rdov */
 :root {
     --shadow-m: 0 0 16px rgba(11, 31, 53, 0.08), 0 8px 16px rgba(11, 31, 53, 0.16);
 
@@ -23,40 +23,40 @@
 :root {
     --toast-box-shadow: var(--shadow-m);
 }
-.toast__toastPlate_xjufz {
+.toast__toastPlate_17s2l {
     box-shadow: var(--toast-box-shadow);
     word-break: break-word;
 }
-.toast__title_xjufz {
+.toast__title_17s2l {
     font-weight: 400;
 }
-.toast__popoverInner_xjufz {
+.toast__popoverInner_17s2l {
     border: none;
     border-radius: var(--toast-plate-border-radius);
     box-shadow: var(--toast-box-shadow);
     background-color: transparent;
 }
-.toast__block_xjufz {
+.toast__block_17s2l {
     width: 100%;
 }
-.toast__fixed_xjufz {
+.toast__fixed_17s2l {
     position: fixed;
     bottom: var(--gap-2xl);
     transition: opacity 150ms ease-in-out, transform 150ms ease-in-out
 }
-.toast__fixed_xjufz.toast__enter_xjufz {
+.toast__fixed_17s2l.toast__enter_17s2l {
         opacity: 0;
         transform: scale(0.98);
     }
-.toast__fixed_xjufz.toast__enterActive_xjufz {
+.toast__fixed_17s2l.toast__enterActive_17s2l {
         opacity: 1;
         transform: scale(1);
     }
-.toast__fixed_xjufz.toast__exit_xjufz {
+.toast__fixed_17s2l.toast__exit_17s2l {
         opacity: 1;
         transform: scale(1);
     }
-.toast__fixed_xjufz.toast__exitActive_xjufz {
+.toast__fixed_17s2l.toast__exitActive_17s2l {
         opacity: 0;
         transform: scale(0.98);
     }

package/toast-plate/component.js

@@ -53,13 +53,13 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"toast-plate__component_113ge","hasCloser":"toast-plate__hasCloser_113ge","contentWrap":"toast-plate__contentWrap_113ge","block":"toast-plate__block_113ge","content":"toast-plate__content_113ge","hasActionButton":"toast-plate__hasActionButton_113ge","actionSection":"toast-plate__actionSection_113ge","leftAddons":"toast-plate__leftAddons_113ge","title":"toast-plate__title_113ge","children":"toast-plate__children_113ge","closeButtonWrapper":"toast-plate__closeButtonWrapper_113ge","closeButton":"toast-plate__closeButton_113ge"};
+var styles = {"component":"toast-plate__component_1jo3x","hasCloser":"toast-plate__hasCloser_1jo3x","contentWrap":"toast-plate__contentWrap_1jo3x","block":"toast-plate__block_1jo3x","content":"toast-plate__content_1jo3x","hasActionButton":"toast-plate__hasActionButton_1jo3x","actionSection":"toast-plate__actionSection_1jo3x","leftAddons":"toast-plate__leftAddons_1jo3x","title":"toast-plate__title_1jo3x","children":"toast-plate__children_1jo3x","closeButtonWrapper":"toast-plate__closeButtonWrapper_1jo3x","closeButton":"toast-plate__closeButton_1jo3x"};
 require('./index.css');
 
-var defaultColors = {"component":"toast-plate__component_16fiw","closeButtonWrapper":"toast-plate__closeButtonWrapper_16fiw"};
+var defaultColors = {"component":"toast-plate__component_1d8xm","closeButtonWrapper":"toast-plate__closeButtonWrapper_1d8xm"};
 require('./default.css');
 
-var invertedColors = {"component":"toast-plate__component_1o140","closeButtonWrapper":"toast-plate__closeButtonWrapper_1o140"};
+var invertedColors = {"component":"toast-plate__component_1uuiq","closeButtonWrapper":"toast-plate__closeButtonWrapper_1uuiq"};
 require('./inverted.css');
 
 var colorStyles = {

package/toast-plate/default.css

@@ -1,4 +1,4 @@
-/* hash: 1blml */
+/* hash: 1spbi */
 :root {
     --color-light-bg-primary-inverted: #0b1f35;
     --color-light-border-secondary-inverted: #3c4c5d;
@@ -19,10 +19,10 @@
 
     /* inverted */
 }
-.toast-plate__component_16fiw {
+.toast-plate__component_1d8xm {
     color: var(--toast-plate-color);
     background-color: var(--toast-plate-bg-color);
 }
-.toast-plate__closeButtonWrapper_16fiw:before {
+.toast-plate__closeButtonWrapper_1d8xm:before {
         background-color: var(--color-light-border-secondary-inverted);
     }

package/toast-plate/esm/component.js

@@ -46,13 +46,13 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"toast-plate__component_113ge","hasCloser":"toast-plate__hasCloser_113ge","contentWrap":"toast-plate__contentWrap_113ge","block":"toast-plate__block_113ge","content":"toast-plate__content_113ge","hasActionButton":"toast-plate__hasActionButton_113ge","actionSection":"toast-plate__actionSection_113ge","leftAddons":"toast-plate__leftAddons_113ge","title":"toast-plate__title_113ge","children":"toast-plate__children_113ge","closeButtonWrapper":"toast-plate__closeButtonWrapper_113ge","closeButton":"toast-plate__closeButton_113ge"};
+var styles = {"component":"toast-plate__component_1jo3x","hasCloser":"toast-plate__hasCloser_1jo3x","contentWrap":"toast-plate__contentWrap_1jo3x","block":"toast-plate__block_1jo3x","content":"toast-plate__content_1jo3x","hasActionButton":"toast-plate__hasActionButton_1jo3x","actionSection":"toast-plate__actionSection_1jo3x","leftAddons":"toast-plate__leftAddons_1jo3x","title":"toast-plate__title_1jo3x","children":"toast-plate__children_1jo3x","closeButtonWrapper":"toast-plate__closeButtonWrapper_1jo3x","closeButton":"toast-plate__closeButton_1jo3x"};
 require('./index.css');
 
-var defaultColors = {"component":"toast-plate__component_16fiw","closeButtonWrapper":"toast-plate__closeButtonWrapper_16fiw"};
+var defaultColors = {"component":"toast-plate__component_1d8xm","closeButtonWrapper":"toast-plate__closeButtonWrapper_1d8xm"};
 require('./default.css');
 
-var invertedColors = {"component":"toast-plate__component_1o140","closeButtonWrapper":"toast-plate__closeButtonWrapper_1o140"};
+var invertedColors = {"component":"toast-plate__component_1uuiq","closeButtonWrapper":"toast-plate__closeButtonWrapper_1uuiq"};
 require('./inverted.css');
 
 var colorStyles = {

package/toast-plate/esm/default.css

@@ -1,4 +1,4 @@
-/* hash: 1blml */
+/* hash: 1spbi */
 :root {
     --color-light-bg-primary-inverted: #0b1f35;
     --color-light-border-secondary-inverted: #3c4c5d;
@@ -19,10 +19,10 @@
 
     /* inverted */
 }
-.toast-plate__component_16fiw {
+.toast-plate__component_1d8xm {
     color: var(--toast-plate-color);
     background-color: var(--toast-plate-bg-color);
 }
-.toast-plate__closeButtonWrapper_16fiw:before {
+.toast-plate__closeButtonWrapper_1d8xm:before {
         background-color: var(--color-light-border-secondary-inverted);
     }