@skbkontur/react-ui 6.0.7-b5d2c.0 → 6.0.7-eab55.0

package/internal/NativeTimeInput/NativeTimeInput.d.ts

@@ -0,0 +1,16 @@
+import type { Nullable } from '../../typings/utility-types.js';
+import { type NativeTimePrecision } from './utils.js';
+export interface NativeTimeInputProps {
+    'data-tid'?: string;
+    disabled?: boolean;
+    precision: NativeTimePrecision;
+    value: Nullable<string>;
+    minValue?: Nullable<string>;
+    maxValue?: Nullable<string>;
+    onValueChange?(value: string): void;
+}
+export interface NativeTimeInputRef {
+    focus(): void;
+    click(): void;
+}
+export declare const NativeTimeInput: import("../../lib/forwardRefAndName.js").ReactUIComponentWithRef<NativeTimeInputRef, NativeTimeInputProps> & Record<never, never>;

package/internal/NativeTimeInput/NativeTimeInput.js

@@ -0,0 +1,25 @@
+import React, { useImperativeHandle, useRef } from 'react';
+import { forwardRefAndName } from '../../lib/forwardRefAndName.js';
+import { useEmotion } from '../../lib/renderEnvironment/index.js';
+import { getJsStyles } from './NativeTimeInput.styles.js';
+import { getDefaultMaxTime, getDefaultMinTime, getNativeTimeStep, getTimeForComponent, getTimeForNative, } from './utils.js';
+export var NativeTimeInput = forwardRefAndName('NativeTimeInput', function (props, ref) {
+    var _a;
+    var value = props.value, minValue = props.minValue, maxValue = props.maxValue, precision = props.precision, disabled = props.disabled, onValueChange = props.onValueChange, dataTid = props["data-tid"];
+    var jsStyles = getJsStyles(useEmotion());
+    var inputRef = useRef(null);
+    useImperativeHandle(ref, function () { return ({
+        focus: function () {
+            var _a;
+            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        },
+        click: function () {
+            var _a;
+            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.click();
+        },
+    }); }, []);
+    return (React.createElement("input", { type: 'time', "data-tid": dataTid, ref: inputRef, disabled: disabled, className: jsStyles.inputTypeTime(), tabIndex: -1, step: getNativeTimeStep(precision), min: minValue ? getTimeForNative(minValue, precision) : getDefaultMinTime(precision), max: maxValue ? getTimeForNative(maxValue, precision) : getDefaultMaxTime(precision), value: (_a = getTimeForNative(value, precision)) !== null && _a !== void 0 ? _a : '', onChange: function (event) {
+            onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(getTimeForComponent(event.target.value, precision));
+        } }));
+});
+//# sourceMappingURL=NativeTimeInput.js.map

package/internal/NativeTimeInput/NativeTimeInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeTimeInput.js","sourceRoot":"","sources":["../../../internal/NativeTimeInput/NativeTimeInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAElE,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EACL,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,mBAAmB,EACnB,gBAAgB,GAEjB,MAAM,YAAY,CAAC;AAiBpB,MAAM,CAAC,IAAM,eAAe,GAAG,iBAAiB,CAC9C,iBAAiB,EACjB,UAAC,KAAK,EAAE,GAAG;;IACD,IAAA,KAAK,GAAkF,KAAK,MAAvF,EAAE,QAAQ,GAAwE,KAAK,SAA7E,EAAE,QAAQ,GAA8D,KAAK,SAAnE,EAAE,SAAS,GAAmD,KAAK,UAAxD,EAAE,QAAQ,GAAyC,KAAK,SAA9C,EAAE,aAAa,GAA0B,KAAK,cAA/B,EAAc,OAAO,GAAK,KAAK,YAAV,CAAW;IAErG,IAAM,QAAQ,GAAG,WAAW,CAAC,UAAU,EAAE,CAAC,CAAC;IAC3C,IAAM,QAAQ,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAC;IAEvD,mBAAmB,CACjB,GAAG,EACH,cAAM,OAAA,CAAC;QACL,KAAK;;YACH,MAAA,QAAQ,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;QAC5B,CAAC;QACD,KAAK;;YACH,MAAA,QAAQ,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;QAC5B,CAAC;KACF,CAAC,EAPI,CAOJ,EACF,EAAE,CACH,CAAC;IAEF,OAAO,CACL,+BACE,IAAI,EAAE,MAAM,cACF,OAAO,EACjB,GAAG,EAAE,QAAQ,EACb,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,QAAQ,CAAC,aAAa,EAAE,EACnC,QAAQ,EAAE,CAAC,CAAC,EACZ,IAAI,EAAE,iBAAiB,CAAC,SAAS,CAAC,EAClC,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,SAAS,CAAC,EACpF,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,SAAS,CAAC,EACpF,KAAK,EAAE,MAAA,gBAAgB,CAAC,KAAK,EAAE,SAAS,CAAC,mCAAI,EAAE,EAC/C,QAAQ,EAAE,UAAC,KAAK;YACd,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,mBAAmB,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;QACtE,CAAC,GACD,CACH,CAAC;AACJ,CAAC,CACF,CAAC","sourcesContent":["import React, { useImperativeHandle, useRef } from 'react';\n\nimport { forwardRefAndName } from '../../lib/forwardRefAndName.js';\nimport { useEmotion } from '../../lib/renderEnvironment/index.js';\nimport type { Nullable } from '../../typings/utility-types.js';\nimport { getJsStyles } from './NativeTimeInput.styles.js';\nimport {\n  getDefaultMaxTime,\n  getDefaultMinTime,\n  getNativeTimeStep,\n  getTimeForComponent,\n  getTimeForNative,\n  type NativeTimePrecision,\n} from './utils.js';\n\nexport interface NativeTimeInputProps {\n  'data-tid'?: string;\n  disabled?: boolean;\n  precision: NativeTimePrecision;\n  value: Nullable<string>;\n  minValue?: Nullable<string>;\n  maxValue?: Nullable<string>;\n  onValueChange?(value: string): void;\n}\n\nexport interface NativeTimeInputRef {\n  focus(): void;\n  click(): void;\n}\n\nexport const NativeTimeInput = forwardRefAndName<NativeTimeInputRef, NativeTimeInputProps>(\n  'NativeTimeInput',\n  (props, ref) => {\n    const { value, minValue, maxValue, precision, disabled, onValueChange, 'data-tid': dataTid } = props;\n\n    const jsStyles = getJsStyles(useEmotion());\n    const inputRef = useRef<HTMLInputElement | null>(null);\n\n    useImperativeHandle(\n      ref,\n      () => ({\n        focus() {\n          inputRef.current?.focus();\n        },\n        click() {\n          inputRef.current?.click();\n        },\n      }),\n      [],\n    );\n\n    return (\n      <input\n        type={'time'}\n        data-tid={dataTid}\n        ref={inputRef}\n        disabled={disabled}\n        className={jsStyles.inputTypeTime()}\n        tabIndex={-1}\n        step={getNativeTimeStep(precision)}\n        min={minValue ? getTimeForNative(minValue, precision) : getDefaultMinTime(precision)}\n        max={maxValue ? getTimeForNative(maxValue, precision) : getDefaultMaxTime(precision)}\n        value={getTimeForNative(value, precision) ?? ''}\n        onChange={(event) => {\n          onValueChange?.(getTimeForComponent(event.target.value, precision));\n        }}\n      />\n    );\n  },\n);\n"]}

package/internal/NativeTimeInput/NativeTimeInput.styles.d.ts

@@ -0,0 +1,3 @@
+export declare const getJsStyles: import("../../lib/theming/Emotion.js").StylesGetter<{
+    inputTypeTime(): string;
+}>;

package/internal/NativeTimeInput/NativeTimeInput.styles.js

@@ -0,0 +1,15 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { memoizeGetStyles } from '../../lib/theming/Emotion.js';
+export var getJsStyles = memoizeGetStyles(function (_a) {
+    var css = _a.css;
+    return ({
+        inputTypeTime: function () {
+            return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      width: 0;\n      height: 0;\n      padding: 0;\n      margin: 0;\n      line-height: 0;\n      transform: scale(0);\n      border: none;\n      overflow: hidden;\n      opacity: 0;\n    "], ["\n      width: 0;\n      height: 0;\n      padding: 0;\n      margin: 0;\n      line-height: 0;\n      transform: scale(0);\n      border: none;\n      overflow: hidden;\n      opacity: 0;\n    "])));
+        },
+    });
+});
+var templateObject_1;
+//# sourceMappingURL=NativeTimeInput.styles.js.map

package/internal/NativeTimeInput/NativeTimeInput.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeTimeInput.styles.js","sourceRoot":"","sources":["../../../internal/NativeTimeInput/NativeTimeInput.styles.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAEhE,MAAM,CAAC,IAAM,WAAW,GAAG,gBAAgB,CAAC,UAAC,EAAgB;QAAd,GAAG,SAAA;IAAgB,OAAA,CAAC;QACjE,aAAa;YACX,OAAO,GAAG,uQAAA,oMAUT,KAAC;QACJ,CAAC;KACF,CAAC;AAdgE,CAchE,CAAC,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion.js';\n\nexport const getJsStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  inputTypeTime() {\n    return css`\n      width: 0;\n      height: 0;\n      padding: 0;\n      margin: 0;\n      line-height: 0;\n      transform: scale(0);\n      border: none;\n      overflow: hidden;\n      opacity: 0;\n    `;\n  },\n}));\n"]}

package/internal/NativeTimeInput/index.d.ts

@@ -0,0 +1 @@
+export * from './NativeTimeInput.js';

package/internal/NativeTimeInput/index.js

@@ -0,0 +1,2 @@
+export * from './NativeTimeInput.js';
+//# sourceMappingURL=index.js.map

package/internal/NativeTimeInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../internal/NativeTimeInput/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC","sourcesContent":["export * from './NativeTimeInput.js';\n"]}

package/internal/NativeTimeInput/utils.d.ts

@@ -0,0 +1,7 @@
+import type { Nullable } from '../../typings/utility-types.js';
+export type NativeTimePrecision = 'minute' | 'second';
+export declare const getTimeForNative: (componentTime: Nullable<string>, precision: NativeTimePrecision) => string | undefined;
+export declare const getTimeForComponent: (nativeTime: Nullable<string>, precision: NativeTimePrecision) => string;
+export declare const getDefaultMinTime: (precision: NativeTimePrecision) => string;
+export declare const getDefaultMaxTime: (precision: NativeTimePrecision) => string;
+export declare const getNativeTimeStep: (precision: NativeTimePrecision) => number;

package/internal/NativeTimeInput/utils.js

@@ -0,0 +1,28 @@
+var DEFAULT_NATIVE_MIN_TIME = '00:00:00';
+var DEFAULT_NATIVE_MAX_TIME = '23:59:59';
+var padTimePart = function (value) { return (value !== null && value !== void 0 ? value : '00').padStart(2, '0'); };
+var normalizeNativeTime = function (value, precision) {
+    var _a = value.split(':'), hours = _a[0], minutes = _a[1], seconds = _a[2];
+    var normalizedTime = "".concat(padTimePart(hours), ":").concat(padTimePart(minutes), ":").concat(padTimePart(seconds));
+    return precision === 'minute' ? normalizedTime.slice(0, 5) : normalizedTime;
+};
+export var getTimeForNative = function (componentTime, precision) {
+    if (!componentTime) {
+        return undefined;
+    }
+    return normalizeNativeTime(componentTime, precision);
+};
+export var getTimeForComponent = function (nativeTime, precision) {
+    if (!nativeTime) {
+        return '';
+    }
+    return normalizeNativeTime(nativeTime, precision);
+};
+export var getDefaultMinTime = function (precision) {
+    return precision === 'minute' ? DEFAULT_NATIVE_MIN_TIME.slice(0, 5) : DEFAULT_NATIVE_MIN_TIME;
+};
+export var getDefaultMaxTime = function (precision) {
+    return precision === 'minute' ? DEFAULT_NATIVE_MAX_TIME.slice(0, 5) : DEFAULT_NATIVE_MAX_TIME;
+};
+export var getNativeTimeStep = function (precision) { return (precision === 'minute' ? 60 : 1); };
+//# sourceMappingURL=utils.js.map

package/internal/NativeTimeInput/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../internal/NativeTimeInput/utils.ts"],"names":[],"mappings":"AAIA,IAAM,uBAAuB,GAAG,UAAU,CAAC;AAC3C,IAAM,uBAAuB,GAAG,UAAU,CAAC;AAE3C,IAAM,WAAW,GAAG,UAAC,KAAyB,IAAa,OAAA,CAAC,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,EAAhC,CAAgC,CAAC;AAE5F,IAAM,mBAAmB,GAAG,UAAC,KAAa,EAAE,SAA8B;IAClE,IAAA,KAA4B,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,EAA3C,KAAK,QAAA,EAAE,OAAO,QAAA,EAAE,OAAO,QAAoB,CAAC;IAEnD,IAAM,cAAc,GAAG,UAAG,WAAW,CAAC,KAAK,CAAC,cAAI,WAAW,CAAC,OAAO,CAAC,cAAI,WAAW,CAAC,OAAO,CAAC,CAAE,CAAC;IAE/F,OAAO,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC;AAC9E,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,gBAAgB,GAAG,UAC9B,aAA+B,EAC/B,SAA8B;IAE9B,IAAI,CAAC,aAAa,EAAE,CAAC;QACnB,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,OAAO,mBAAmB,CAAC,aAAa,EAAE,SAAS,CAAC,CAAC;AACvD,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,mBAAmB,GAAG,UAAC,UAA4B,EAAE,SAA8B;IAC9F,IAAI,CAAC,UAAU,EAAE,CAAC;QAChB,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,OAAO,mBAAmB,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC;AACpD,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,SAA8B;IAC9D,OAAA,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,uBAAuB,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,uBAAuB;AAAtF,CAAsF,CAAC;AAEzF,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,SAA8B;IAC9D,OAAA,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,uBAAuB,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,uBAAuB;AAAtF,CAAsF,CAAC;AAEzF,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,SAA8B,IAAa,OAAA,CAAC,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAjC,CAAiC,CAAC","sourcesContent":["import type { Nullable } from '../../typings/utility-types.js';\n\nexport type NativeTimePrecision = 'minute' | 'second';\n\nconst DEFAULT_NATIVE_MIN_TIME = '00:00:00';\nconst DEFAULT_NATIVE_MAX_TIME = '23:59:59';\n\nconst padTimePart = (value: string | undefined): string => (value ?? '00').padStart(2, '0');\n\nconst normalizeNativeTime = (value: string, precision: NativeTimePrecision): string => {\n  const [hours, minutes, seconds] = value.split(':');\n\n  const normalizedTime = `${padTimePart(hours)}:${padTimePart(minutes)}:${padTimePart(seconds)}`;\n\n  return precision === 'minute' ? normalizedTime.slice(0, 5) : normalizedTime;\n};\n\nexport const getTimeForNative = (\n  componentTime: Nullable<string>,\n  precision: NativeTimePrecision,\n): string | undefined => {\n  if (!componentTime) {\n    return undefined;\n  }\n\n  return normalizeNativeTime(componentTime, precision);\n};\n\nexport const getTimeForComponent = (nativeTime: Nullable<string>, precision: NativeTimePrecision): string => {\n  if (!nativeTime) {\n    return '';\n  }\n\n  return normalizeNativeTime(nativeTime, precision);\n};\n\nexport const getDefaultMinTime = (precision: NativeTimePrecision): string =>\n  precision === 'minute' ? DEFAULT_NATIVE_MIN_TIME.slice(0, 5) : DEFAULT_NATIVE_MIN_TIME;\n\nexport const getDefaultMaxTime = (precision: NativeTimePrecision): string =>\n  precision === 'minute' ? DEFAULT_NATIVE_MAX_TIME.slice(0, 5) : DEFAULT_NATIVE_MAX_TIME;\n\nexport const getNativeTimeStep = (precision: NativeTimePrecision): number => (precision === 'minute' ? 60 : 1);\n"]}

package/internal/SpinnerIcon/SpinnerIcon.d.ts

@@ -12,17 +12,17 @@ export interface SpinnerIconProps {
     color?: React.CSSProperties['color'];
 }
 export declare const sizes: {
-    readonly big: {
+    readonly large: {
         readonly size: 96;
         readonly width: 4;
         readonly radius: 32;
     };
-    readonly normal: {
+    readonly medium: {
         readonly size: 48;
         readonly width: 2;
         readonly radius: 16;
     };
-    readonly mini: {
+    readonly small: {
         readonly size: 16;
         readonly width: 1.5;
         readonly radius: 6;

package/internal/SpinnerIcon/SpinnerIcon.js

@@ -2,17 +2,17 @@ import React from 'react';
 import { useEmotion, useStyles } from '../../lib/renderEnvironment/index.js';
 import { getStyles } from './SpinnerIcon.styles.js';
 export var sizes = {
-    big: {
+    large: {
         size: 96,
         width: 4,
         radius: 32,
     },
-    normal: {
+    medium: {
         size: 48,
         width: 2,
         radius: 16,
     },
-    mini: {
+    small: {
         size: 16,
         width: 1.5,
         radius: 6,
@@ -25,7 +25,7 @@ export var SpinnerIcon = function (_a) {
     var _b, _c;
     var size = _a.size, className = _a.className, inline = _a.inline, width = _a.width, color = _a.color;
     var _size = isSizeAlias(size) ? sizes[size] : size;
-    var currentSize = inline ? sizes.mini : _size;
+    var currentSize = inline ? sizes.small : _size;
     var cx = useEmotion().cx;
     var styles = useStyles(getStyles);
     return (React.createElement("span", { className: cx(styles.root(), (_b = {}, _b[styles.rootInline()] = inline, _b)) },

package/internal/SpinnerIcon/SpinnerIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"SpinnerIcon.js","sourceRoot":"","sources":["../../../internal/SpinnerIcon/SpinnerIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAC7E,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAgBpD,MAAM,CAAC,IAAM,KAAK,GAAG;IACnB,GAAG,EAAE;QACH,IAAI,EAAE,EAAE;QACR,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,EAAE;KACX;IACD,MAAM,EAAE;QACN,IAAI,EAAE,EAAE;QACR,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,EAAE;KACX;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,EAAE;QACR,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,CAAC;KACV;CACO,CAAC;AAEX,IAAM,WAAW,GAAG,UAAC,IAAa;IAChC,OAAO,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,IAAI,KAAK,CAAC;AACnD,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,EAA2D;;QAAzD,IAAI,UAAA,EAAE,SAAS,eAAA,EAAE,MAAM,YAAA,EAAE,KAAK,WAAA,EAAE,KAAK,WAAA;IACjE,IAAM,KAAK,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IACrD,IAAM,WAAW,GAAG,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAExC,IAAA,EAAE,GAAK,UAAU,EAAE,GAAjB,CAAkB;IAC5B,IAAM,MAAM,GAAG,SAAS,CAAC,SAAS,CAAC,CAAC;IAEpC,OAAO,CACL,8BAAM,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,YAAI,GAAC,MAAM,CAAC,UAAU,EAAE,IAAG,MAAM,MAAG;QACnE,6BACE,OAAO,EAAE,cAAO,WAAW,CAAC,IAAI,cAAI,WAAW,CAAC,IAAI,CAAE,EACtD,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,SAAS;gBACpC,GAAC,MAAM,CAAC,UAAU,EAAE,IAAG,MAAM;oBAC7B,EACF,KAAK,EAAE,WAAW,CAAC,IAAI,EACvB,MAAM,EAAE,WAAW,CAAC,IAAI,EACxB,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,KAAK,EACb,eAAe,EAAE,UAAG,CAAC,EAAE,GAAG,WAAW,CAAC,MAAM,CAAC,GAAG,CAAC,eAAK,CAAC,EAAE,GAAG,WAAW,CAAC,MAAM,CAAC,GAAG,CAAC,CAAE,EACrF,gBAAgB,EAAC,GAAG,EACpB,WAAW,EAAE,KAAK,IAAI,WAAW,CAAC,KAAK,EACvC,SAAS,EAAC,OAAO,iBACL,MAAM;YAElB,gCAAQ,EAAE,EAAE,WAAW,CAAC,IAAI,GAAG,CAAC,EAAE,EAAE,EAAE,WAAW,CAAC,IAAI,GAAG,CAAC,EAAE,CAAC,EAAE,WAAW,CAAC,MAAM,GAAI,CACjF,CACD,CACR,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport { useEmotion, useStyles } from '../../lib/renderEnvironment/index.js';\nimport { getStyles } from './SpinnerIcon.styles.js';\n\ninterface SpinnerIconSize {\n  size: number;\n  width: number;\n  radius: number;\n}\n\nexport interface SpinnerIconProps {\n  className?: string;\n  size: SpinnerIconSize | keyof typeof sizes;\n  inline?: boolean;\n  width?: number;\n  color?: React.CSSProperties['color'];\n}\n\nexport const sizes = {\n  big: {\n    size: 96,\n    width: 4,\n    radius: 32,\n  },\n  normal: {\n    size: 48,\n    width: 2,\n    radius: 16,\n  },\n  mini: {\n    size: 16,\n    width: 1.5,\n    radius: 6,\n  },\n} as const;\n\nconst isSizeAlias = (size: unknown): size is keyof typeof sizes => {\n  return typeof size === 'string' && size in sizes;\n};\n\nexport const SpinnerIcon = ({ size, className, inline, width, color }: SpinnerIconProps) => {\n  const _size = isSizeAlias(size) ? sizes[size] : size;\n  const currentSize = inline ? sizes.mini : _size;\n\n  const { cx } = useEmotion();\n  const styles = useStyles(getStyles);\n\n  return (\n    <span className={cx(styles.root(), { [styles.rootInline()]: inline })}>\n      <svg\n        viewBox={`0 0 ${currentSize.size} ${currentSize.size}`}\n        className={cx(styles.icon(), className, {\n          [styles.iconInline()]: inline,\n        })}\n        width={currentSize.size}\n        height={currentSize.size}\n        fill=\"none\"\n        stroke={color}\n        strokeDasharray={`${(10 * currentSize.radius) / 6}, ${(27 * currentSize.radius) / 6}`}\n        strokeDashoffset=\"0\"\n        strokeWidth={width || currentSize.width}\n        focusable=\"false\"\n        aria-hidden=\"true\"\n      >\n        <circle cx={currentSize.size / 2} cy={currentSize.size / 2} r={currentSize.radius} />\n      </svg>\n    </span>\n  );\n};\n"]}
+{"version":3,"file":"SpinnerIcon.js","sourceRoot":"","sources":["../../../internal/SpinnerIcon/SpinnerIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAC7E,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAgBpD,MAAM,CAAC,IAAM,KAAK,GAAG;IACnB,KAAK,EAAE;QACL,IAAI,EAAE,EAAE;QACR,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,EAAE;KACX;IACD,MAAM,EAAE;QACN,IAAI,EAAE,EAAE;QACR,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,EAAE;KACX;IACD,KAAK,EAAE;QACL,IAAI,EAAE,EAAE;QACR,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,CAAC;KACV;CACO,CAAC;AAEX,IAAM,WAAW,GAAG,UAAC,IAAa;IAChC,OAAO,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,IAAI,KAAK,CAAC;AACnD,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,EAA2D;;QAAzD,IAAI,UAAA,EAAE,SAAS,eAAA,EAAE,MAAM,YAAA,EAAE,KAAK,WAAA,EAAE,KAAK,WAAA;IACjE,IAAM,KAAK,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IACrD,IAAM,WAAW,GAAG,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;IAEzC,IAAA,EAAE,GAAK,UAAU,EAAE,GAAjB,CAAkB;IAC5B,IAAM,MAAM,GAAG,SAAS,CAAC,SAAS,CAAC,CAAC;IAEpC,OAAO,CACL,8BAAM,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,YAAI,GAAC,MAAM,CAAC,UAAU,EAAE,IAAG,MAAM,MAAG;QACnE,6BACE,OAAO,EAAE,cAAO,WAAW,CAAC,IAAI,cAAI,WAAW,CAAC,IAAI,CAAE,EACtD,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,SAAS;gBACpC,GAAC,MAAM,CAAC,UAAU,EAAE,IAAG,MAAM;oBAC7B,EACF,KAAK,EAAE,WAAW,CAAC,IAAI,EACvB,MAAM,EAAE,WAAW,CAAC,IAAI,EACxB,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,KAAK,EACb,eAAe,EAAE,UAAG,CAAC,EAAE,GAAG,WAAW,CAAC,MAAM,CAAC,GAAG,CAAC,eAAK,CAAC,EAAE,GAAG,WAAW,CAAC,MAAM,CAAC,GAAG,CAAC,CAAE,EACrF,gBAAgB,EAAC,GAAG,EACpB,WAAW,EAAE,KAAK,IAAI,WAAW,CAAC,KAAK,EACvC,SAAS,EAAC,OAAO,iBACL,MAAM;YAElB,gCAAQ,EAAE,EAAE,WAAW,CAAC,IAAI,GAAG,CAAC,EAAE,EAAE,EAAE,WAAW,CAAC,IAAI,GAAG,CAAC,EAAE,CAAC,EAAE,WAAW,CAAC,MAAM,GAAI,CACjF,CACD,CACR,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport { useEmotion, useStyles } from '../../lib/renderEnvironment/index.js';\nimport { getStyles } from './SpinnerIcon.styles.js';\n\ninterface SpinnerIconSize {\n  size: number;\n  width: number;\n  radius: number;\n}\n\nexport interface SpinnerIconProps {\n  className?: string;\n  size: SpinnerIconSize | keyof typeof sizes;\n  inline?: boolean;\n  width?: number;\n  color?: React.CSSProperties['color'];\n}\n\nexport const sizes = {\n  large: {\n    size: 96,\n    width: 4,\n    radius: 32,\n  },\n  medium: {\n    size: 48,\n    width: 2,\n    radius: 16,\n  },\n  small: {\n    size: 16,\n    width: 1.5,\n    radius: 6,\n  },\n} as const;\n\nconst isSizeAlias = (size: unknown): size is keyof typeof sizes => {\n  return typeof size === 'string' && size in sizes;\n};\n\nexport const SpinnerIcon = ({ size, className, inline, width, color }: SpinnerIconProps) => {\n  const _size = isSizeAlias(size) ? sizes[size] : size;\n  const currentSize = inline ? sizes.small : _size;\n\n  const { cx } = useEmotion();\n  const styles = useStyles(getStyles);\n\n  return (\n    <span className={cx(styles.root(), { [styles.rootInline()]: inline })}>\n      <svg\n        viewBox={`0 0 ${currentSize.size} ${currentSize.size}`}\n        className={cx(styles.icon(), className, {\n          [styles.iconInline()]: inline,\n        })}\n        width={currentSize.size}\n        height={currentSize.size}\n        fill=\"none\"\n        stroke={color}\n        strokeDasharray={`${(10 * currentSize.radius) / 6}, ${(27 * currentSize.radius) / 6}`}\n        strokeDashoffset=\"0\"\n        strokeWidth={width || currentSize.width}\n        focusable=\"false\"\n        aria-hidden=\"true\"\n      >\n        <circle cx={currentSize.size / 2} cy={currentSize.size / 2} r={currentSize.radius} />\n      </svg>\n    </span>\n  );\n};\n"]}

package/internal/icons2022/LoadingIcon.js

@@ -22,7 +22,7 @@ var Icon = function (props) {
     return (React.createElement(SpinnerIcon, __assign({ className: cx(styles.circle(theme), styles.circleDimmedColor(theme), styles.circleWithoutColorAnimation()) }, props)));
 };
 export var LoadingIcon = iconSizer({
-    small: function () { return React.createElement(Icon, { size: "mini" }); },
+    small: function () { return React.createElement(Icon, { size: "small" }); },
     medium: function () { return (React.createElement(Icon, { size: {
             size: 20,
             width: 1,

package/internal/icons2022/LoadingIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingIcon.js","sourceRoot":"","sources":["../../../internal/icons2022/LoadingIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,4CAA4C,CAAC;AACvE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAC7E,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAE5D,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,IAAM,IAAI,GAAG,UAAC,KAAuB;IAC3B,IAAA,EAAE,GAAK,UAAU,EAAE,GAAjB,CAAkB;IAC5B,IAAM,MAAM,GAAG,SAAS,CAAC,SAAS,CAAC,CAAC;IACpC,IAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;IAC7C,OAAO,CACL,oBAAC,WAAW,aACV,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC,2BAA2B,EAAE,CAAC,IACtG,KAAK,EACT,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,WAAW,GAAG,SAAS,CAClC;IACE,KAAK,EAAE,cAAM,OAAA,oBAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG,EAApB,CAAoB;IACjC,MAAM,EAAE,cAAM,OAAA,CACZ,oBAAC,IAAI,IACH,IAAI,EAAE;YACJ,IAAI,EAAE,EAAE;YACR,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,CAAC;SACV,GACD,CACH,EARa,CAQb;IACD,KAAK,EAAE,cAAM,OAAA,CACX,oBAAC,IAAI,IACH,IAAI,EAAE;YACJ,IAAI,EAAE,EAAE;YACR,KAAK,EAAE,GAAG;YACV,MAAM,EAAE,CAAC;SACV,GACD,CACH,EARY,CAQZ;CACF,EACD,aAAa,CACd,CAAC","sourcesContent":["import React from 'react';\n\nimport { getStyles } from '../../components/Spinner/Spinner.styles.js';\nimport { useEmotion, useStyles } from '../../lib/renderEnvironment/index.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport { SpinnerIcon } from '../SpinnerIcon/SpinnerIcon.js';\nimport type { SpinnerIconProps } from '../SpinnerIcon/SpinnerIcon.js';\nimport { iconSizer } from './iconSizer.js';\n\nconst Icon = (props: SpinnerIconProps) => {\n  const { cx } = useEmotion();\n  const styles = useStyles(getStyles);\n  const theme = React.useContext(ThemeContext);\n  return (\n    <SpinnerIcon\n      className={cx(styles.circle(theme), styles.circleDimmedColor(theme), styles.circleWithoutColorAnimation())}\n      {...props}\n    />\n  );\n};\n\nexport const LoadingIcon = iconSizer<Omit<SpinnerIconProps, 'size'>>(\n  {\n    small: () => <Icon size=\"mini\" />,\n    medium: () => (\n      <Icon\n        size={{\n          size: 20,\n          width: 1,\n          radius: 6,\n        }}\n      />\n    ),\n    large: () => (\n      <Icon\n        size={{\n          size: 24,\n          width: 1.5,\n          radius: 8,\n        }}\n      />\n    ),\n  },\n  'LoadingIcon',\n);\n"]}
+{"version":3,"file":"LoadingIcon.js","sourceRoot":"","sources":["../../../internal/icons2022/LoadingIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,4CAA4C,CAAC;AACvE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAC7E,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAE5D,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,IAAM,IAAI,GAAG,UAAC,KAAuB;IAC3B,IAAA,EAAE,GAAK,UAAU,EAAE,GAAjB,CAAkB;IAC5B,IAAM,MAAM,GAAG,SAAS,CAAC,SAAS,CAAC,CAAC;IACpC,IAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;IAC7C,OAAO,CACL,oBAAC,WAAW,aACV,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC,2BAA2B,EAAE,CAAC,IACtG,KAAK,EACT,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,WAAW,GAAG,SAAS,CAClC;IACE,KAAK,EAAE,cAAM,OAAA,oBAAC,IAAI,IAAC,IAAI,EAAC,OAAO,GAAG,EAArB,CAAqB;IAClC,MAAM,EAAE,cAAM,OAAA,CACZ,oBAAC,IAAI,IACH,IAAI,EAAE;YACJ,IAAI,EAAE,EAAE;YACR,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,CAAC;SACV,GACD,CACH,EARa,CAQb;IACD,KAAK,EAAE,cAAM,OAAA,CACX,oBAAC,IAAI,IACH,IAAI,EAAE;YACJ,IAAI,EAAE,EAAE;YACR,KAAK,EAAE,GAAG;YACV,MAAM,EAAE,CAAC;SACV,GACD,CACH,EARY,CAQZ;CACF,EACD,aAAa,CACd,CAAC","sourcesContent":["import React from 'react';\n\nimport { getStyles } from '../../components/Spinner/Spinner.styles.js';\nimport { useEmotion, useStyles } from '../../lib/renderEnvironment/index.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport { SpinnerIcon } from '../SpinnerIcon/SpinnerIcon.js';\nimport type { SpinnerIconProps } from '../SpinnerIcon/SpinnerIcon.js';\nimport { iconSizer } from './iconSizer.js';\n\nconst Icon = (props: SpinnerIconProps) => {\n  const { cx } = useEmotion();\n  const styles = useStyles(getStyles);\n  const theme = React.useContext(ThemeContext);\n  return (\n    <SpinnerIcon\n      className={cx(styles.circle(theme), styles.circleDimmedColor(theme), styles.circleWithoutColorAnimation())}\n      {...props}\n    />\n  );\n};\n\nexport const LoadingIcon = iconSizer<Omit<SpinnerIconProps, 'size'>>(\n  {\n    small: () => <Icon size=\"small\" />,\n    medium: () => (\n      <Icon\n        size={{\n          size: 20,\n          width: 1,\n          radius: 6,\n        }}\n      />\n    ),\n    large: () => (\n      <Icon\n        size={{\n          size: 24,\n          width: 1.5,\n          radius: 8,\n        }}\n      />\n    ),\n  },\n  'LoadingIcon',\n);\n"]}

package/internal/icons2022/QuestionCircleIcon/QuestionCircleIcon16Light.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from '../BaseIcon.js';
+export declare const QuestionCircleIcon16Light: import("../../../lib/forwardRefAndName.js").ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;

package/internal/icons2022/QuestionCircleIcon/QuestionCircleIcon16Light.js

@@ -0,0 +1,21 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React from 'react';
+import { forwardRefAndName } from '../../../lib/forwardRefAndName.js';
+import { BaseIcon } from '../BaseIcon.js';
+export var QuestionCircleIcon16Light = forwardRefAndName('QuestionCircleIcon16Light', function (props, ref) {
+    return (React.createElement(BaseIcon, __assign({ ref: ref }, props),
+        React.createElement("path", { d: "M8.25 10.5a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0z" }),
+        React.createElement("path", { d: "M6.012 5.838c0-.646.61-1.267 1.49-1.267s1.49.621 1.49 1.267c0 .477-.32.93-.851 1.145C7.53 7.231 7 7.718 7 8.489a.5.5 0 0 0 1 0c0-.215.123-.42.516-.58.842-.342 1.475-1.12 1.475-2.07 0-1.307-1.172-2.268-2.49-2.268-1.318 0-2.49.96-2.49 2.267a.5.5 0 0 0 1 0z" }),
+        React.createElement("path", { d: "M1 7.5a6.5 6.5 0 1 1 13 0 6.5 6.5 0 0 1-13 0zM7.5 2a5.5 5.5 0 1 0 0 11 5.5 5.5 0 0 0 0-11z" })));
+});
+//# sourceMappingURL=QuestionCircleIcon16Light.js.map

package/internal/icons2022/QuestionCircleIcon/QuestionCircleIcon16Light.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuestionCircleIcon16Light.js","sourceRoot":"","sources":["../../../../internal/icons2022/QuestionCircleIcon/QuestionCircleIcon16Light.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAG1C,MAAM,CAAC,IAAM,yBAAyB,GAAG,iBAAiB,CACxD,2BAA2B,EAC3B,UAAC,KAAK,EAAE,GAAG;IACT,OAAO,CACL,oBAAC,QAAQ,aAAC,GAAG,EAAE,GAAG,IAAM,KAAK;QAC3B,8BAAM,CAAC,EAAC,mDAAmD,GAAG;QAC9D,8BAAM,CAAC,EAAC,gQAAgQ,GAAG;QAC3Q,8BAAM,CAAC,EAAC,4FAA4F,GAAG,CAC9F,CACZ,CAAC;AACJ,CAAC,CACF,CAAC","sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName } from '../../../lib/forwardRefAndName.js';\nimport { BaseIcon } from '../BaseIcon.js';\nimport type { IconProps } from '../BaseIcon.js';\n\nexport const QuestionCircleIcon16Light = forwardRefAndName<SVGSVGElement, IconProps>(\n  'QuestionCircleIcon16Light',\n  (props, ref) => {\n    return (\n      <BaseIcon ref={ref} {...props}>\n        <path d=\"M8.25 10.5a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0z\" />\n        <path d=\"M6.012 5.838c0-.646.61-1.267 1.49-1.267s1.49.621 1.49 1.267c0 .477-.32.93-.851 1.145C7.53 7.231 7 7.718 7 8.489a.5.5 0 0 0 1 0c0-.215.123-.42.516-.58.842-.342 1.475-1.12 1.475-2.07 0-1.307-1.172-2.268-2.49-2.268-1.318 0-2.49.96-2.49 2.267a.5.5 0 0 0 1 0z\" />\n        <path d=\"M1 7.5a6.5 6.5 0 1 1 13 0 6.5 6.5 0 0 1-13 0zM7.5 2a5.5 5.5 0 1 0 0 11 5.5 5.5 0 0 0 0-11z\" />\n      </BaseIcon>\n    );\n  },\n);\n"]}

package/internal/icons2022/QuestionCircleIcon/QuestionCircleIcon20Regular.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from '../BaseIcon.js';
+export declare const QuestionCircleIcon20Regular: import("../../../lib/forwardRefAndName.js").ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;

package/internal/icons2022/QuestionCircleIcon/QuestionCircleIcon20Regular.js

@@ -0,0 +1,21 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React from 'react';
+import { forwardRefAndName } from '../../../lib/forwardRefAndName.js';
+import { BaseIcon } from '../BaseIcon.js';
+export var QuestionCircleIcon20Regular = forwardRefAndName('QuestionCircleIcon20Regular', function (props, ref) {
+    return (React.createElement(BaseIcon, __assign({ ref: ref, viewBoxSize: 20 }, props),
+        React.createElement("path", { d: "M11 14a1 1 0 1 1-2 0 1 1 0 0 1 2 0z" }),
+        React.createElement("path", { d: "M8.375 8.078c0-.642.63-1.328 1.625-1.328s1.625.686 1.625 1.328c0 .324-.09.504-.2.637-.13.16-.325.293-.617.466l-.113.065c-.247.142-.576.332-.834.571-.346.321-.61.765-.61 1.378a.75.75 0 1 0 1.5 0c0-.12.03-.186.13-.278.124-.115.284-.208.539-.357l.148-.086c.3-.177.7-.424 1.015-.805.336-.407.542-.927.542-1.59 0-1.654-1.496-2.829-3.125-2.829S6.875 6.425 6.875 8.078a.75.75 0 1 0 1.5 0z" }),
+        React.createElement("path", { d: "M2.001 10A7.999 7.999 0 1 1 18 10 7.999 7.999 0 0 1 2 10zm8-6.499A6.499 6.499 0 1 0 10 16.5 6.499 6.499 0 0 0 10 3.5z" })));
+});
+//# sourceMappingURL=QuestionCircleIcon20Regular.js.map

package/internal/icons2022/QuestionCircleIcon/QuestionCircleIcon20Regular.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuestionCircleIcon20Regular.js","sourceRoot":"","sources":["../../../../internal/icons2022/QuestionCircleIcon/QuestionCircleIcon20Regular.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAG1C,MAAM,CAAC,IAAM,2BAA2B,GAAG,iBAAiB,CAC1D,6BAA6B,EAC7B,UAAC,KAAK,EAAE,GAAG;IACT,OAAO,CACL,oBAAC,QAAQ,aAAC,GAAG,EAAE,GAAG,EAAE,WAAW,EAAE,EAAE,IAAM,KAAK;QAC5C,8BAAM,CAAC,EAAC,qCAAqC,GAAG;QAChD,8BAAM,CAAC,EAAC,+XAA+X,GAAG;QAC1Y,8BAAM,CAAC,EAAC,uHAAuH,GAAG,CACzH,CACZ,CAAC;AACJ,CAAC,CACF,CAAC","sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName } from '../../../lib/forwardRefAndName.js';\nimport { BaseIcon } from '../BaseIcon.js';\nimport type { IconProps } from '../BaseIcon.js';\n\nexport const QuestionCircleIcon20Regular = forwardRefAndName<SVGSVGElement, IconProps>(\n  'QuestionCircleIcon20Regular',\n  (props, ref) => {\n    return (\n      <BaseIcon ref={ref} viewBoxSize={20} {...props}>\n        <path d=\"M11 14a1 1 0 1 1-2 0 1 1 0 0 1 2 0z\" />\n        <path d=\"M8.375 8.078c0-.642.63-1.328 1.625-1.328s1.625.686 1.625 1.328c0 .324-.09.504-.2.637-.13.16-.325.293-.617.466l-.113.065c-.247.142-.576.332-.834.571-.346.321-.61.765-.61 1.378a.75.75 0 1 0 1.5 0c0-.12.03-.186.13-.278.124-.115.284-.208.539-.357l.148-.086c.3-.177.7-.424 1.015-.805.336-.407.542-.927.542-1.59 0-1.654-1.496-2.829-3.125-2.829S6.875 6.425 6.875 8.078a.75.75 0 1 0 1.5 0z\" />\n        <path d=\"M2.001 10A7.999 7.999 0 1 1 18 10 7.999 7.999 0 0 1 2 10zm8-6.499A6.499 6.499 0 1 0 10 16.5 6.499 6.499 0 0 0 10 3.5z\" />\n      </BaseIcon>\n    );\n  },\n);\n"]}

package/internal/icons2022/QuestionCircleIcon/QuestionCircleIcon24Regular.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from '../BaseIcon.js';
+export declare const QuestionCircleIcon24Regular: import("../../../lib/forwardRefAndName.js").ReactUIComponentWithRef<SVGSVGElement, IconProps> & Record<never, never>;

package/internal/icons2022/QuestionCircleIcon/QuestionCircleIcon24Regular.js

@@ -0,0 +1,21 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React from 'react';
+import { forwardRefAndName } from '../../../lib/forwardRefAndName.js';
+import { BaseIcon } from '../BaseIcon.js';
+export var QuestionCircleIcon24Regular = forwardRefAndName('QuestionCircleIcon24Regular', function (props, ref) {
+    return (React.createElement(BaseIcon, __assign({ ref: ref, viewBoxSize: 24 }, props),
+        React.createElement("path", { d: "M13 17a1 1 0 1 1-2 0 1 1 0 0 1 2 0z" }),
+        React.createElement("path", { d: "M9.75 9.887c0-.945.91-1.875 2.25-1.875 1.34 0 2.25.93 2.25 1.875 0 .453-.129.726-.297.93-.19.23-.462.414-.833.632-.046.028-.096.056-.148.086-.312.18-.706.408-1.013.693-.405.375-.709.886-.709 1.596a.75.75 0 0 0 1.5 0c0-.217.07-.35.23-.497.172-.16.396-.29.717-.477l.183-.107c.38-.223.858-.52 1.23-.972.395-.479.64-1.09.64-1.884 0-1.955-1.776-3.375-3.75-3.375s-3.75 1.42-3.75 3.375a.75.75 0 1 0 1.5 0z" }),
+        React.createElement("path", { d: "M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12zM12 3.75a8.25 8.25 0 1 0 0 16.5 8.25 8.25 0 0 0 0-16.5z" })));
+});
+//# sourceMappingURL=QuestionCircleIcon24Regular.js.map

package/internal/icons2022/QuestionCircleIcon/QuestionCircleIcon24Regular.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuestionCircleIcon24Regular.js","sourceRoot":"","sources":["../../../../internal/icons2022/QuestionCircleIcon/QuestionCircleIcon24Regular.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAG1C,MAAM,CAAC,IAAM,2BAA2B,GAAG,iBAAiB,CAC1D,6BAA6B,EAC7B,UAAC,KAAK,EAAE,GAAG;IACT,OAAO,CACL,oBAAC,QAAQ,aAAC,GAAG,EAAE,GAAG,EAAE,WAAW,EAAE,EAAE,IAAM,KAAK;QAC5C,8BAAM,CAAC,EAAC,qCAAqC,GAAG;QAChD,8BAAM,CAAC,EAAC,gZAAgZ,GAAG;QAC3Z,8BAAM,CAAC,EAAC,6JAA6J,GAAG,CAC/J,CACZ,CAAC;AACJ,CAAC,CACF,CAAC","sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName } from '../../../lib/forwardRefAndName.js';\nimport { BaseIcon } from '../BaseIcon.js';\nimport type { IconProps } from '../BaseIcon.js';\n\nexport const QuestionCircleIcon24Regular = forwardRefAndName<SVGSVGElement, IconProps>(\n  'QuestionCircleIcon24Regular',\n  (props, ref) => {\n    return (\n      <BaseIcon ref={ref} viewBoxSize={24} {...props}>\n        <path d=\"M13 17a1 1 0 1 1-2 0 1 1 0 0 1 2 0z\" />\n        <path d=\"M9.75 9.887c0-.945.91-1.875 2.25-1.875 1.34 0 2.25.93 2.25 1.875 0 .453-.129.726-.297.93-.19.23-.462.414-.833.632-.046.028-.096.056-.148.086-.312.18-.706.408-1.013.693-.405.375-.709.886-.709 1.596a.75.75 0 0 0 1.5 0c0-.217.07-.35.23-.497.172-.16.396-.29.717-.477l.183-.107c.38-.223.858-.52 1.23-.972.395-.479.64-1.09.64-1.884 0-1.955-1.776-3.375-3.75-3.375s-3.75 1.42-3.75 3.375a.75.75 0 1 0 1.5 0z\" />\n        <path d=\"M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12zM12 3.75a8.25 8.25 0 1 0 0 16.5 8.25 8.25 0 0 0 0-16.5z\" />\n      </BaseIcon>\n    );\n  },\n);\n"]}

package/internal/themes/BasicTheme.d.ts

@@ -692,6 +692,9 @@ export declare class BasicThemeClass {
     static toastCloseHoverColor: string;
     static toastCloseHoverColorError: string;
     static toastCloseSize: string;
+    static toastCloseBtnSide: string;
+    static mobileToastTop: string;
+    static mobileToastFontSize: string;
     static dropdownMenuBorderColorTransition: string;
     static get dropdownMenuHoverBorderColor(): string;
     static get dropdownMenuOffsetY(): string;
@@ -762,9 +765,18 @@ export declare class BasicThemeClass {
     static menuItemCommentOpacityHover: string;
     static get menuItemCommentColorHover(): string;
     static menuItemDisplay: string;
-    static menuItemPaddingMobile: string;
-    static get menuItemLineHeightMobile(): string;
+    static mobileMenuItemPaddingLarge: string;
+    static mobileMenuItemPaddingMedium: string;
+    static mobileMenuItemPaddingSmall: string;
+    static get mobileMenuItemLineHeightLarge(): string;
+    static get mobileMenuItemLineHeightMedium(): string;
+    static get mobileMenuItemLineHeightSmall(): string;
+    static get mobileMenuItemFontSizeLarge(): string;
+    static get mobileMenuItemFontSizeMedium(): string;
+    static get mobileMenuItemFontSizeSmall(): string;
     static get menuItemFontSizeMobile(): string;
+    static get menuItemLineHeightMobile(): string;
+    static menuItemPaddingMobile: string;
     static get menuItemDisabledColor(): string;
     static menuItemDisabledBg: string;
     static get menuMessageTextColor(): string;
@@ -772,9 +784,18 @@ export declare class BasicThemeClass {
     static get menuMessagePaddingY(): string;
     static get menuMessagePaddingX(): string;
     static get menuMessageDisplay(): string;
-    static get menuMessagePaddingMobile(): string;
-    static get menuMessageLineHeightMobile(): string;
     static get menuMessageFontSizeMobile(): string;
+    static get menuMessageLineHeightMobile(): string;
+    static get menuMessagePaddingMobile(): string;
+    static get mobileMenuMessagePaddingLarge(): string;
+    static get mobileMenuMessagePaddingMedium(): string;
+    static get mobileMenuMessagePaddingSmall(): string;
+    static get mobileMenuMessageLineHeightLarge(): string;
+    static get mobileMenuMessageLineHeightMedium(): string;
+    static get mobileMenuMessageLineHeightSmall(): string;
+    static get mobileMenuMessageFontSizeLarge(): string;
+    static get mobileMenuMessageFontSizeMedium(): string;
+    static get mobileMenuMessageFontSizeSmall(): string;
     static get menuMessageFontSizeSmall(): string;
     static get menuMessageFontSizeMedium(): string;
     static get menuMessageFontSizeLarge(): string;
@@ -1040,6 +1061,9 @@ export declare class BasicThemeClass {
     static get textareaDisabledBorderColor(): string;
     static textareaCounterColor: string;
     static textareaCounterBg: string;
+    static textareaCounterBorderRadius: string;
+    static textareaCounterPaddingY: string;
+    static textareaCounterPaddingX: string;
     static get textareaCounterErrorColor(): string;
     static textareaCounterHelpIconColor: string;
     static textareaMargin: string;
@@ -1126,8 +1150,17 @@ export declare class BasicThemeClass {
     static spinnerCaptionGapSmall: string;
     static spinnerCaptionGapMedium: string;
     static spinnerCaptionGapLarge: string;
+    /**
+     * @deprecated Не работает с версии `6.1` и будет удалена в `7.0`.
+     * @see {@link spinnerCaptionGapSmall} */
     static spinnerCaptionMarginSmall: string;
+    /**
+     * @deprecated Не работает с версии `6.1` и будет удалена в `7.0`.
+     * @see {@link spinnerCaptionGapSmall} */
     static spinnerCaptionMarginMedium: string;
+    /**
+     * @deprecated Не работает с версии `6.1` и будет удалена в `7.0`.
+     * @see {@link spinnerCaptionGapSmall} */
     static spinnerCaptionMarginLarge: string;
     static switcherBorderRadius: string;
     static get switcherTextColor(): string;
@@ -1163,6 +1196,17 @@ export declare class BasicThemeClass {
     static mobilePopupTopPadding: string;
     static mobilePopupContainerBottomPadding: string;
     static mobilePopupHeaderPadding: string;
+    static mobilePopupPositionX: string;
+    static mobilePopupPositionY: string;
+    static mobilePopupPaddingSmall: string;
+    static mobilePopupPaddingMedium: string;
+    static mobilePopupPaddingLarge: string;
+    static mobilePopupHeaderPaddingSmall: string;
+    static mobilePopupHeaderPaddingMedium: string;
+    static mobilePopupHeaderPaddingLarge: string;
+    static mobilePopupFooterPaddingSmall: string;
+    static mobilePopupFooterPaddingMedium: string;
+    static mobilePopupFooterPaddingLarge: string;
     static mobilePopupFooterPadding: string;
     static mobilePopupContainerBorderRadius: string;
     static get mobilePopupHeaderFontSize(): string;