@consta/uikit 4.14.0 → 4.14.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/__internal__/src/components/ChoiceGroup/ChoiceGroup.css +1 -1
- package/__internal__/src/components/ChoiceGroupDeprecated/ChoiceGroup.css +1 -1
- package/__internal__/src/components/DateTime/DateTime.js +1 -1
- package/__internal__/src/components/DateTime/DateTime.js.map +1 -1
- package/__internal__/src/components/DateTime/DateTimeCell/DateTimeCell.css +1 -1
- package/__internal__/src/components/DragNDropField/DragNDropField.css +1 -1
- package/__internal__/src/components/Header/Menu/HeaderMenu.css +1 -1
- package/__internal__/src/components/ListCanary/ListItemGrid/ListItemGrid.css +1 -1
- package/__internal__/src/components/Loader/Loader.css +1 -1
- package/__internal__/src/components/Pagination/Pagination.css +1 -1
- package/__internal__/src/components/ProgressLine/ProgressLine.css +1 -1
- package/__internal__/src/components/ProgressSpin/ProgressSpin.css +1 -1
- package/__internal__/src/components/Radio/Radio.css +1 -1
- package/__internal__/src/components/Skeleton/Skeleton.css +1 -1
- package/__internal__/src/components/Steps/Steps.css +1 -1
- package/__internal__/src/components/Steps/StepsStep/StepsStep.css +1 -1
- package/__internal__/src/components/StepsDeprecated/Steps.css +1 -1
- package/__internal__/src/components/StepsDeprecated/StepsStep/StepsStep.css +1 -1
- package/__internal__/src/components/Table/Cell/TableCell.css +1 -1
- package/__internal__/src/components/Table/FilterTooltip/TableFilterTooltip.css +1 -1
- package/__internal__/src/components/Table/Header/TableHeader.css +1 -1
- package/__internal__/src/components/Table/Table.css +1 -1
- package/__internal__/src/components/TextField/TextField.css +1 -1
- package/__internal__/src/components/TextField/useIMask.js +1 -1
- package/__internal__/src/components/TextField/useIMask.js.map +1 -1
- package/__internal__/src/mixs/MixFocus/MixFocus.css +1 -1
- package/__internal__/src/uiKit/components/ColorPreview/ColorPreview.css +1 -1
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
.ChoiceGroup{--choice-group-bg-color:transparent;--choice-group-border-color:var(--color-control-bg-border-default);background-color:var(--choice-group-bg-color);border-radius:var(--choice-radius);box-shadow:inset 0 0 0 var(--control-border-width) var(--choice-group-border-color);display:inline-flex;position:relative}.ChoiceGroup_truncate{max-width:100%}.ChoiceGroup_view_primary{--choice-bg-color:var(--color-control-bg-primary);--choice-text-color:var(--color-control-typo-primary)}.ChoiceGroup_view_ghost{--choice-bg-color:var(--color-control-bg-ghost);--choice-text-color:var(--color-control-typo-ghost)}.ChoiceGroup_view_secondary{--choice-bg-color:var(--color-control-bg-secondary);--choice-text-color:var(--color-control-typo-secondary)}.ChoiceGroup_view_secondary .ChoiceGroup-Label_checked{box-shadow:inset 0 0 0 1px var(--color-control-bg-border-secondary)}.ChoiceGroup_size_xs{--choice-height:var(--control-height-xs);--choice-font-size:var(--control-text-size-xs);--choice-space:var(--control-space-xs)}.ChoiceGroup_size_s{--choice-height:var(--control-height-s);--choice-font-size:var(--control-text-size-s);--choice-space:var(--control-space-s)}.ChoiceGroup_size_m{--choice-height:var(--control-height-m);--choice-font-size:var(--control-text-size-m);--choice-space:var(--control-space-m)}.ChoiceGroup_size_l{--choice-height:var(--control-height-l);--choice-font-size:var(--control-text-size-l);--choice-space:var(--control-space-l)}.ChoiceGroup_form_brick,.ChoiceGroup_form_default{--divider-width:var(--control-border-width);--divider-height:unset;--divider-scale:0.65;--divider-radius:0;--divider-align-self:unset}.ChoiceGroup_form_default{--choice-radius:var(--control-radius)}.ChoiceGroup_form_brick{--choice-radius:0}.ChoiceGroup_form_round{--choice-radius:99em;--divider-width:4px;--divider-height:4px;--divider-scale:1;--divider-radius:99em;--divider-align-self:center}.ChoiceGroup_form_round .ChoiceGroup-Label{padding-left:calc(var(--choice-space)*1.2);padding-right:calc(var(--choice-space)*1.2 + var(--control-border-width))}.ChoiceGroup-Label{--choice-group-label-color:var(--color-control-typo-default);--choice-group-label-bg-color:transparent;--choice-group-label-bg-left:0;--choice-helper-bg-disabled:transparent;align-items:center;background-color:var(--choice-group-label-bg-color);border-radius:var(--choice-radius);box-sizing:border-box;color:var(--choice-group-label-color);cursor:pointer;display:flex;flex-grow:1;font-size:var(--choice-font-size);font-weight:var(--font-weight-text-regular);height:var(--choice-height);justify-content:center;line-height:calc(var(--choice-height) - var(--control-border-width)*2);overflow:hidden;padding:0 var(--choice-space) 0 var(--choice-space);position:relative;text-decoration:none;transition:background-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease;z-index:0}.ChoiceGroup-Label:after{background-color:var(--choice-helper-bg-disabled);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.ChoiceGroup-Input{-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:0;position:absolute}.ChoiceGroup-Label:not(.ChoiceGroup-Label_checked):hover{--choice-group-label-color:var(--color-control-typo-secondary-hover)}.ChoiceGroup-Divider{--divider-bg-color:var(--color-control-bg-border-default);align-self:var(--divider-align-self);background-color:var(--divider-bg-color);border-radius:var(--divider-radius);height:var(--divider-height);min-width:var(--divider-width);transform:scaleY(var(--divider-scale));width:var(--divider-width)}.ChoiceGroup-Divider_checked:not(.ChoiceGroup-Divider_disabled){--divider-bg-color:transparent}.ChoiceGroup-Label_checked{--choice-group-label-color:var(--choice-text-color);--choice-group-label-bg-color:var(--choice-bg-color)}.ChoiceGroup-Label_checked:not(.ChoiceGroup-Label_disabled)
|
|
1
|
+
.ChoiceGroup{--choice-group-bg-color:transparent;--choice-group-border-color:var(--color-control-bg-border-default);background-color:var(--choice-group-bg-color);border-radius:var(--choice-radius);box-shadow:inset 0 0 0 var(--control-border-width) var(--choice-group-border-color);display:inline-flex;position:relative}.ChoiceGroup_truncate{max-width:100%}.ChoiceGroup_view_primary{--choice-bg-color:var(--color-control-bg-primary);--choice-text-color:var(--color-control-typo-primary)}.ChoiceGroup_view_ghost{--choice-bg-color:var(--color-control-bg-ghost);--choice-text-color:var(--color-control-typo-ghost)}.ChoiceGroup_view_secondary{--choice-bg-color:var(--color-control-bg-secondary);--choice-text-color:var(--color-control-typo-secondary)}.ChoiceGroup_view_secondary .ChoiceGroup-Label_checked{box-shadow:inset 0 0 0 1px var(--color-control-bg-border-secondary)}.ChoiceGroup_size_xs{--choice-height:var(--control-height-xs);--choice-font-size:var(--control-text-size-xs);--choice-space:var(--control-space-xs)}.ChoiceGroup_size_s{--choice-height:var(--control-height-s);--choice-font-size:var(--control-text-size-s);--choice-space:var(--control-space-s)}.ChoiceGroup_size_m{--choice-height:var(--control-height-m);--choice-font-size:var(--control-text-size-m);--choice-space:var(--control-space-m)}.ChoiceGroup_size_l{--choice-height:var(--control-height-l);--choice-font-size:var(--control-text-size-l);--choice-space:var(--control-space-l)}.ChoiceGroup_form_brick,.ChoiceGroup_form_default{--divider-width:var(--control-border-width);--divider-height:unset;--divider-scale:0.65;--divider-radius:0;--divider-align-self:unset}.ChoiceGroup_form_default{--choice-radius:var(--control-radius)}.ChoiceGroup_form_brick{--choice-radius:0}.ChoiceGroup_form_round{--choice-radius:99em;--divider-width:4px;--divider-height:4px;--divider-scale:1;--divider-radius:99em;--divider-align-self:center}.ChoiceGroup_form_round .ChoiceGroup-Label{padding-left:calc(var(--choice-space)*1.2);padding-right:calc(var(--choice-space)*1.2 + var(--control-border-width))}.ChoiceGroup-Label{--choice-group-label-color:var(--color-control-typo-default);--choice-group-label-bg-color:transparent;--choice-group-label-bg-left:0;--choice-helper-bg-disabled:transparent;align-items:center;background-color:var(--choice-group-label-bg-color);border-radius:var(--choice-radius);box-sizing:border-box;color:var(--choice-group-label-color);cursor:pointer;display:flex;flex-grow:1;font-size:var(--choice-font-size);font-weight:var(--font-weight-text-regular);height:var(--choice-height);justify-content:center;line-height:calc(var(--choice-height) - var(--control-border-width)*2);overflow:hidden;padding:0 var(--choice-space) 0 var(--choice-space);position:relative;text-decoration:none;transition:background-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease;z-index:0}.ChoiceGroup-Label:after{background-color:var(--choice-helper-bg-disabled);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.ChoiceGroup-Input{-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:0;position:absolute}.ChoiceGroup-Label:not(.ChoiceGroup-Label_checked):hover{--choice-group-label-color:var(--color-control-typo-secondary-hover)}.ChoiceGroup-Divider{--divider-bg-color:var(--color-control-bg-border-default);align-self:var(--divider-align-self);background-color:var(--divider-bg-color);border-radius:var(--divider-radius);height:var(--divider-height);min-width:var(--divider-width);transform:scaleY(var(--divider-scale));width:var(--divider-width)}.ChoiceGroup-Divider_checked:not(.ChoiceGroup-Divider_disabled){--divider-bg-color:transparent}.ChoiceGroup-Label_checked{--choice-group-label-color:var(--choice-text-color);--choice-group-label-bg-color:var(--choice-bg-color)}.ChoiceGroup-Label_checked:not(.ChoiceGroup-Label_disabled){--divider-bg-color:transparent}.ChoiceGroup-Label_checked:not(.ChoiceGroup-Label_disabled)+.ChoiceGroup-Divider{--divider-bg-color:transparent}.ChoiceGroup-Text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ChoiceGroup:not(.ChoiceGroup_onlyIcon) .ChoiceGroup-Icon{margin-right:calc(var(--choice-space)*.5)}.ChoiceGroup_onlyIcon .ChoiceGroup-Label{justify-content:center;padding:0;width:var(--choice-height)}.ChoiceGroup_width_full{width:100%}.ChoiceGroup-Label_disabled{--choice-group-label-color:var(--color-control-typo-disable);--choice-group-label-bg-color:var(--color-control-bg-disable);pointer-events:none}.ChoiceGroup_disabled{--choice-group-bg-color:var(--color-control-bg-disable);--choice-group-border-color:transparent}.ChoiceGroup_disabled .ChoiceGroup-Label_disabled:not(.ChoiceGroup-Label_checked){--choice-group-label-bg-color:transparent}.ChoiceGroup_disabled .ChoiceGroup-Divider{--divider-bg-color:transparent}.ChoiceGroup:not(.ChoiceGroup_disabled) .ChoiceGroup-Label_disabled.ChoiceGroup-Label_checked:after{--choice-helper-bg-disabled:var(--color-control-bg-disable)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ChoiceGroup{--choice-group-bg-color:transparent;--choice-group-border-color:var(--color-control-bg-border-default);background-color:var(--choice-group-bg-color);border-radius:var(--choice-radius);box-shadow:inset 0 0 0 var(--control-border-width) var(--choice-group-border-color);display:inline-flex;position:relative}.ChoiceGroup_truncate{max-width:100%}.ChoiceGroup_view_primary{--choice-bg-color:var(--color-control-bg-primary);--choice-text-color:var(--color-control-typo-primary)}.ChoiceGroup_view_ghost{--choice-bg-color:var(--color-control-bg-ghost);--choice-text-color:var(--color-control-typo-ghost)}.ChoiceGroup_view_secondary{--choice-bg-color:var(--color-control-bg-secondary);--choice-text-color:var(--color-control-typo-secondary)}.ChoiceGroup_view_secondary .ChoiceGroup-Label_checked{box-shadow:inset 0 0 0 1px var(--color-control-bg-border-secondary)}.ChoiceGroup_size_xs{--choice-height:var(--control-height-xs);--choice-font-size:var(--control-text-size-xs);--choice-space:var(--control-space-xs)}.ChoiceGroup_size_s{--choice-height:var(--control-height-s);--choice-font-size:var(--control-text-size-s);--choice-space:var(--control-space-s)}.ChoiceGroup_size_m{--choice-height:var(--control-height-m);--choice-font-size:var(--control-text-size-m);--choice-space:var(--control-space-m)}.ChoiceGroup_size_l{--choice-height:var(--control-height-l);--choice-font-size:var(--control-text-size-l);--choice-space:var(--control-space-l)}.ChoiceGroup_form_brick,.ChoiceGroup_form_default{--divider-width:var(--control-border-width);--divider-height:unset;--divider-scale:0.65;--divider-radius:0;--divider-align-self:unset}.ChoiceGroup_form_default{--choice-radius:var(--control-radius)}.ChoiceGroup_form_brick{--choice-radius:0}.ChoiceGroup_form_round{--choice-radius:99em;--divider-width:4px;--divider-height:4px;--divider-scale:1;--divider-radius:99em;--divider-align-self:center}.ChoiceGroup_form_round .ChoiceGroup-Label{padding-left:calc(var(--choice-space)*1.2);padding-right:calc(var(--choice-space)*1.2 + var(--control-border-width))}.ChoiceGroup-Label{--choice-group-label-color:var(--color-control-typo-default);--choice-group-label-bg-color:transparent;--choice-group-label-bg-left:0;--choice-helper-bg-disabled:transparent;align-items:center;background-color:var(--choice-group-label-bg-color);border-radius:var(--choice-radius);box-sizing:border-box;color:var(--choice-group-label-color);cursor:pointer;display:flex;flex-grow:1;font-size:var(--choice-font-size);font-weight:var(--font-weight-text-regular);height:var(--choice-height);justify-content:center;line-height:calc(var(--choice-height) - var(--control-border-width)*2);overflow:hidden;padding:0 var(--choice-space) 0 var(--choice-space);position:relative;text-decoration:none;transition:background-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease;z-index:0}.ChoiceGroup-Label:after{background-color:var(--choice-helper-bg-disabled);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.ChoiceGroup-Input{-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:0;position:absolute}.ChoiceGroup-Label:not(.ChoiceGroup-Label_checked):hover{--choice-group-label-color:var(--color-control-typo-secondary-hover)}.ChoiceGroup-Divider{--divider-bg-color:var(--color-control-bg-border-default);align-self:var(--divider-align-self);background-color:var(--divider-bg-color);border-radius:var(--divider-radius);height:var(--divider-height);min-width:var(--divider-width);transform:scaleY(var(--divider-scale));width:var(--divider-width)}.ChoiceGroup-Divider_checked:not(.ChoiceGroup-Divider_disabled){--divider-bg-color:transparent}.ChoiceGroup-Label_checked{--choice-group-label-color:var(--choice-text-color);--choice-group-label-bg-color:var(--choice-bg-color)}.ChoiceGroup-Label_checked:not(.ChoiceGroup-Label_disabled)
|
|
1
|
+
.ChoiceGroup{--choice-group-bg-color:transparent;--choice-group-border-color:var(--color-control-bg-border-default);background-color:var(--choice-group-bg-color);border-radius:var(--choice-radius);box-shadow:inset 0 0 0 var(--control-border-width) var(--choice-group-border-color);display:inline-flex;position:relative}.ChoiceGroup_truncate{max-width:100%}.ChoiceGroup_view_primary{--choice-bg-color:var(--color-control-bg-primary);--choice-text-color:var(--color-control-typo-primary)}.ChoiceGroup_view_ghost{--choice-bg-color:var(--color-control-bg-ghost);--choice-text-color:var(--color-control-typo-ghost)}.ChoiceGroup_view_secondary{--choice-bg-color:var(--color-control-bg-secondary);--choice-text-color:var(--color-control-typo-secondary)}.ChoiceGroup_view_secondary .ChoiceGroup-Label_checked{box-shadow:inset 0 0 0 1px var(--color-control-bg-border-secondary)}.ChoiceGroup_size_xs{--choice-height:var(--control-height-xs);--choice-font-size:var(--control-text-size-xs);--choice-space:var(--control-space-xs)}.ChoiceGroup_size_s{--choice-height:var(--control-height-s);--choice-font-size:var(--control-text-size-s);--choice-space:var(--control-space-s)}.ChoiceGroup_size_m{--choice-height:var(--control-height-m);--choice-font-size:var(--control-text-size-m);--choice-space:var(--control-space-m)}.ChoiceGroup_size_l{--choice-height:var(--control-height-l);--choice-font-size:var(--control-text-size-l);--choice-space:var(--control-space-l)}.ChoiceGroup_form_brick,.ChoiceGroup_form_default{--divider-width:var(--control-border-width);--divider-height:unset;--divider-scale:0.65;--divider-radius:0;--divider-align-self:unset}.ChoiceGroup_form_default{--choice-radius:var(--control-radius)}.ChoiceGroup_form_brick{--choice-radius:0}.ChoiceGroup_form_round{--choice-radius:99em;--divider-width:4px;--divider-height:4px;--divider-scale:1;--divider-radius:99em;--divider-align-self:center}.ChoiceGroup_form_round .ChoiceGroup-Label{padding-left:calc(var(--choice-space)*1.2);padding-right:calc(var(--choice-space)*1.2 + var(--control-border-width))}.ChoiceGroup-Label{--choice-group-label-color:var(--color-control-typo-default);--choice-group-label-bg-color:transparent;--choice-group-label-bg-left:0;--choice-helper-bg-disabled:transparent;align-items:center;background-color:var(--choice-group-label-bg-color);border-radius:var(--choice-radius);box-sizing:border-box;color:var(--choice-group-label-color);cursor:pointer;display:flex;flex-grow:1;font-size:var(--choice-font-size);font-weight:var(--font-weight-text-regular);height:var(--choice-height);justify-content:center;line-height:calc(var(--choice-height) - var(--control-border-width)*2);overflow:hidden;padding:0 var(--choice-space) 0 var(--choice-space);position:relative;text-decoration:none;transition:background-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease;z-index:0}.ChoiceGroup-Label:after{background-color:var(--choice-helper-bg-disabled);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.ChoiceGroup-Input{-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:0;position:absolute}.ChoiceGroup-Label:not(.ChoiceGroup-Label_checked):hover{--choice-group-label-color:var(--color-control-typo-secondary-hover)}.ChoiceGroup-Divider{--divider-bg-color:var(--color-control-bg-border-default);align-self:var(--divider-align-self);background-color:var(--divider-bg-color);border-radius:var(--divider-radius);height:var(--divider-height);min-width:var(--divider-width);transform:scaleY(var(--divider-scale));width:var(--divider-width)}.ChoiceGroup-Divider_checked:not(.ChoiceGroup-Divider_disabled){--divider-bg-color:transparent}.ChoiceGroup-Label_checked{--choice-group-label-color:var(--choice-text-color);--choice-group-label-bg-color:var(--choice-bg-color)}.ChoiceGroup-Label_checked:not(.ChoiceGroup-Label_disabled){--divider-bg-color:transparent}.ChoiceGroup-Label_checked:not(.ChoiceGroup-Label_disabled)+.ChoiceGroup-Divider{--divider-bg-color:transparent}.ChoiceGroup-Text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ChoiceGroup:not(.ChoiceGroup_onlyIcon) .ChoiceGroup-Icon{margin-right:calc(var(--choice-space)*.5)}.ChoiceGroup_onlyIcon .ChoiceGroup-Label{justify-content:center;padding:0;width:var(--choice-height)}.ChoiceGroup_width_full{width:100%}.ChoiceGroup-Label_disabled{--choice-group-label-color:var(--color-control-typo-disable);--choice-group-label-bg-color:var(--color-control-bg-disable);pointer-events:none}.ChoiceGroup_disabled{--choice-group-bg-color:var(--color-control-bg-disable);--choice-group-border-color:transparent}.ChoiceGroup_disabled .ChoiceGroup-Label_disabled:not(.ChoiceGroup-Label_checked){--choice-group-label-bg-color:transparent}.ChoiceGroup_disabled .ChoiceGroup-Divider{--divider-bg-color:transparent}.ChoiceGroup:not(.ChoiceGroup_disabled) .ChoiceGroup-Label_disabled.ChoiceGroup-Label_checked:after{--choice-helper-bg-disabled:var(--color-control-bg-disable)}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["type"];import React,{forwardRef,useRef}from"react";import{useForkRef}from"../../hooks/useForkRef/useForkRef";import{getByMap}from"../../utils/getByMap";import{
|
|
1
|
+
import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["type"];import React,{forwardRef,useRef}from"react";import{usePropsHandler}from"../EventInterceptor/usePropsHandler";import{useForkRef}from"../../hooks/useForkRef/useForkRef";import{getByMap}from"../../utils/getByMap";import{DateTimeTypeDate}from"./DateTimeTypeDate/DateTimeTypeDate";import{DateTimeTypeDateTime}from"./DateTimeTypeDateTime/DateTimeTypeDateTime";import{DateTimeTypeMonth}from"./DateTimeTypeMonth/DateTimeTypeMonth";import{DateTimeTypeTime}from"./DateTimeTypeTime/DateTimeTypeTime";import{DateTimeTypeYear}from"./DateTimeTypeYear/DateTimeTypeYear";import{dateTimePropTypeDefault}from"./helpers/types";var typeMap={date:DateTimeTypeDate,month:DateTimeTypeMonth,year:DateTimeTypeYear,time:DateTimeTypeTime,"date-time":DateTimeTypeDateTime};export var COMPONENT_NAME="DateTime";export var DateTime=forwardRef(function(a,b){var c=useRef(null),d=usePropsHandler(COMPONENT_NAME,a,c),e=d.type,f=void 0===e?dateTimePropTypeDefault:e,g=_objectWithoutProperties(d,_excluded),h=getByMap(typeMap,f);return React.createElement(h,Object.assign({},g,{ref:useForkRef([b,c])}))});export*from"./helpers/types";
|
|
2
2
|
//# sourceMappingURL=DateTime.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateTime.js","names":["React","forwardRef","useRef","
|
|
1
|
+
{"version":3,"file":"DateTime.js","names":["React","forwardRef","useRef","usePropsHandler","useForkRef","getByMap","DateTimeTypeDate","DateTimeTypeDateTime","DateTimeTypeMonth","DateTimeTypeTime","DateTimeTypeYear","dateTimePropTypeDefault","typeMap","COMPONENT_NAME","DateTime","props","ref","dateTimeRef","type","otherProps","Component"],"sources":["../../../../../src/components/DateTime/DateTime.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\n\nimport { usePropsHandler } from '##/components/EventInterceptor/usePropsHandler';\nimport { useForkRef } from '##/hooks/useForkRef/useForkRef';\nimport { getByMap } from '##/utils/getByMap';\n\nimport { DateTimeTypeDate } from './DateTimeTypeDate/DateTimeTypeDate';\nimport { DateTimeTypeDateTime } from './DateTimeTypeDateTime/DateTimeTypeDateTime';\nimport { DateTimeTypeMonth } from './DateTimeTypeMonth/DateTimeTypeMonth';\nimport { DateTimeTypeTime } from './DateTimeTypeTime/DateTimeTypeTime';\nimport { DateTimeTypeYear } from './DateTimeTypeYear/DateTimeTypeYear';\nimport {\n DateTimeComponent,\n DateTimePropType,\n dateTimePropTypeDefault,\n DateTimeTypeComponent,\n} from './helpers/types';\n\nconst typeMap: Record<\n DateTimePropType,\n DateTimeTypeComponent<DateTimePropType>\n> = {\n 'date': DateTimeTypeDate,\n 'month': DateTimeTypeMonth,\n 'year': DateTimeTypeYear,\n 'time': DateTimeTypeTime,\n 'date-time': DateTimeTypeDateTime,\n} as const;\n\nexport const COMPONENT_NAME = 'DateTime' as const;\n\nexport const DateTime: DateTimeComponent = forwardRef((props, ref) => {\n const dateTimeRef = useRef<HTMLDivElement>(null);\n const { type = dateTimePropTypeDefault, ...otherProps } = usePropsHandler(\n COMPONENT_NAME,\n props,\n dateTimeRef,\n );\n\n const Component = getByMap(typeMap, type);\n\n return <Component {...otherProps} ref={useForkRef([ref, dateTimeRef])} />;\n});\n\nexport * from './helpers/types';\n"],"mappings":"4GAAA,MAAOA,MAAP,EAAgBC,UAAhB,CAA4BC,MAA5B,KAA0C,OAA1C,CAEA,OAASC,eAAT,2CACA,OAASC,UAAT,yCACA,OAASC,QAAT,4BAEA,OAASC,gBAAT,2CACA,OAASC,oBAAT,mDACA,OAASC,iBAAT,6CACA,OAASC,gBAAT,2CACA,OAASC,gBAAT,2CACA,OAGEC,uBAHF,uBAOA,GAAMC,QAGL,CAAG,CACF,KAAQN,gBADN,CAEF,MAASE,iBAFP,CAGF,KAAQE,gBAHN,CAIF,KAAQD,gBAJN,CAKF,YAAaF,oBALX,CAHJ,CAWA,MAAO,IAAMM,eAAc,CAAG,UAAvB,CAEP,MAAO,IAAMC,SAA2B,CAAGb,UAAU,CAAC,SAACc,CAAD,CAAQC,CAAR,CAAgB,IAC9DC,EAAW,CAAGf,MAAM,CAAiB,IAAjB,CAD0C,GAEVC,eAAe,CACvEU,cADuE,CAEvEE,CAFuE,CAGvEE,CAHuE,CAFL,KAE5DC,IAF4D,CAE5DA,CAF4D,YAErDP,uBAFqD,GAEzBQ,CAFyB,uCAQ9DC,CAAS,CAAGf,QAAQ,CAACO,OAAD,CAAUM,CAAV,CAR0C,CAUpE,MAAO,qBAAC,CAAD,kBAAeC,CAAf,EAA2B,GAAG,CAAEf,UAAU,CAAC,CAACY,CAAD,CAAMC,CAAN,CAAD,CAA1C,GACR,CAXoD,CAA9C,CAaP"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.DateTimeCell{--bg-color:var(--color-control-bg-ghost);--visible-height:calc(var(--date-time-cell-height) - var(--date-time-cell-horisontal-gap)*2);align-items:center;display:flex;height:var(--date-time-cell-height);justify-content:center;position:relative;width:var(--date-time-cell-width)}.DateTimeCell_range:before{left:0;right:0}.
|
|
1
|
+
.DateTimeCell{--bg-color:var(--color-control-bg-ghost);--visible-height:calc(var(--date-time-cell-height) - var(--date-time-cell-horisontal-gap)*2);align-items:center;display:flex;height:var(--date-time-cell-height);justify-content:center;position:relative;width:var(--date-time-cell-width)}.DateTimeCell_range:before{background:var(--bg-color);bottom:var(--date-time-cell-vertical-gap);content:"";left:0;position:absolute;right:0;top:var(--date-time-cell-vertical-gap)}.DateTimeCell_range_first:before,.DateTimeCell_range_last:before{background:var(--bg-color);bottom:var(--date-time-cell-vertical-gap);content:"";position:absolute;top:var(--date-time-cell-vertical-gap)}.DateTimeCell_range_first:before{border-radius:var(--visible-height) 0 0 var(--visible-height);left:var(--date-time-cell-horisontal-gap);right:0}.DateTimeCell_range_last:before{border-radius:0 var(--visible-height) var(--visible-height) 0;left:0;right:var(--date-time-cell-horisontal-gap)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.DragNDropField{align-items:center;background:var(--color-control-bg-clear);border:2px dashed var(--color-control-bg-border-default);border-radius:var(--control-radius);box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:160px;padding:var(--space-l);position:relative}.DragNDropField:not(.DragNDropField_disabled){cursor:pointer}.DragNDropField:hover{border-color:var(--color-control-bg-border-default-hover)}.
|
|
1
|
+
.DragNDropField{align-items:center;background:var(--color-control-bg-clear);border:2px dashed var(--color-control-bg-border-default);border-radius:var(--control-radius);box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:160px;padding:var(--space-l);position:relative}.DragNDropField:not(.DragNDropField_disabled){cursor:pointer}.DragNDropField:hover{background:var(--color-control-bg-clear-hover);border-color:var(--color-control-bg-border-default-hover)}.DragNDropField_active{background:var(--color-control-bg-clear-hover);border-color:var(--color-control-bg-border-focus)}.DragNDropField_disabled,.DragNDropField_disabled:hover{background:var(--color-control-bg-disable);border-color:transparent}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.HeaderMenu-List{display:flex;list-style-type:none;margin:0;padding:0}.HeaderMenu-Item{margin-right:var(--space-m)}.HeaderMenu-Item:last-child{margin-right:0}.HeaderMenu-Link{color:var(--color-typo-secondary);cursor:pointer;display:inline-block;line-height:var(--header-height);position:relative;text-decoration:none;transition:color .2s}.HeaderMenu-Link:hover
|
|
1
|
+
.HeaderMenu-List{display:flex;list-style-type:none;margin:0;padding:0}.HeaderMenu-Item{margin-right:var(--space-m)}.HeaderMenu-Item:last-child{margin-right:0}.HeaderMenu-Link{color:var(--color-typo-secondary);cursor:pointer;display:inline-block;line-height:var(--header-height);position:relative;text-decoration:none;transition:color .2s}.HeaderMenu-Link:hover{color:var(--color-typo-primary)}.HeaderMenu-Link_active{color:var(--color-typo-primary);pointer-events:none}.HeaderMenu-Link_active:before{background-color:var(--color-typo-link);border-radius:4px 4px 0 0;bottom:0;content:"";height:4px;left:50%;max-width:40px;position:absolute;transform:translateX(-50%);width:100%}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ListItemGrid{word-wrap:break-word;box-sizing:border-box;gap:var(--space-xs);justify-content:space-between}.ListItemGrid,.ListItemGrid-Slot{align-items:center;display:flex}.ListItemGrid-Slot_position_left,.ListItemGrid-Slot_position_right{width:-
|
|
1
|
+
.ListItemGrid{word-wrap:break-word;box-sizing:border-box;gap:var(--space-xs);justify-content:space-between}.ListItemGrid,.ListItemGrid-Slot{align-items:center;display:flex}.ListItemGrid-Slot_position_left,.ListItemGrid-Slot_position_right{width:-moz-max-content;width:max-content}.ListItemGrid-Slot_position_center{flex:1}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
.Loader{--backgroundColor:var(
|
|
2
2
|
--loaderBackgroundColor,var(--color-control-bg-primary)
|
|
3
|
-
);height:calc(100% - var(--loader-size));left:50%;position:relative;top:50%;transform:translate(-50%,-50%);width:100%}.Loader:before{
|
|
3
|
+
);height:calc(100% - var(--loader-size));left:50%;position:relative;top:50%;transform:translate(-50%,-50%);width:100%}.Loader:before{animation:loader 1s ease infinite;background:var(--backgroundColor);border-radius:50%;content:"";height:var(--loader-size);left:calc(50% - var(--loader-size)*2.5);position:absolute;top:calc(50% - var(--loader-size)*.5);width:var(--loader-size)}.Loader:after{animation:loader 1s ease -.36s infinite;background:var(--backgroundColor);border-radius:50%;content:"";height:var(--loader-size);left:calc(50% + var(--loader-size)*1.5);position:absolute;top:calc(50% - var(--loader-size)*.5);width:var(--loader-size)}.Loader-Dot{animation:loader 1s ease -.18s infinite;background:var(--backgroundColor);border-radius:50%;height:var(--loader-size);left:calc(50% - var(--loader-size)*.5);position:absolute;top:calc(50% - var(--loader-size)*.5);width:var(--loader-size)}.Loader_size_s{--loader-size:4px}.Loader_size_m{--loader-size:8px}@keyframes loader{50%{transform:scale(1.5)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.Pagination{display:flex;width:100%}.Pagination_position_left{justify-content:flex-start}.Pagination_position_center{justify-content:center}.Pagination_position_right{justify-content:flex-end}.Pagination_size_xs{--tip-space:var(--control-space-xs)}.Pagination_size_s{--tip-space:var(--control-space-s)}.Pagination_size_m{--tip-space:var(--control-space-m)}.Pagination_size_l{--tip-space:var(--control-space-l)}.Pagination-Pages{display:flex}.Pagination-NextPage,.Pagination-PrevPage{position:relative}.Pagination-TipRight{left:calc(var(--tip-space) + var(--space-xs));position:absolute}.Pagination-TipLeft{position:absolute;right:calc(var(--tip-space) + var(--space-xs))}.Pagination-Item:not(.Pagination-Item_isActive),.Pagination-ItemLeft:not(.Pagination-ItemLeft_isActive),.Pagination-ItemRight:not(.Pagination-ItemRight_isActive){background-color:unset}.Pagination-Item:hover,.Pagination-ItemLeft:hover,.Pagination-ItemRight:hover{background-color:var(--color-control-bg-ghost-hover)}.Pagination-ItemLeft{margin-right:var(--space-xs)}.Pagination-ItemRight{margin-left:var(--space-xs)}.Pagination-Item.Button{padding:unset}.Pagination-Item.Button:not(:last-child)
|
|
1
|
+
.Pagination{display:flex;width:100%}.Pagination_position_left{justify-content:flex-start}.Pagination_position_center{justify-content:center}.Pagination_position_right{justify-content:flex-end}.Pagination_size_xs{--tip-space:var(--control-space-xs)}.Pagination_size_s{--tip-space:var(--control-space-s)}.Pagination_size_m{--tip-space:var(--control-space-m)}.Pagination_size_l{--tip-space:var(--control-space-l)}.Pagination-Pages{display:flex}.Pagination-NextPage,.Pagination-PrevPage{position:relative}.Pagination-TipRight{left:calc(var(--tip-space) + var(--space-xs));position:absolute}.Pagination-TipLeft{position:absolute;right:calc(var(--tip-space) + var(--space-xs))}.Pagination-Item:not(.Pagination-Item_isActive),.Pagination-ItemLeft:not(.Pagination-ItemLeft_isActive),.Pagination-ItemRight:not(.Pagination-ItemRight_isActive){background-color:unset}.Pagination-Item:hover,.Pagination-ItemLeft:hover,.Pagination-ItemRight:hover{background-color:var(--color-control-bg-ghost-hover)}.Pagination-ItemLeft{margin-right:var(--space-xs)}.Pagination-ItemRight{margin-left:var(--space-xs)}.Pagination-Item.Button{padding:unset}.Pagination-Item.Button:not(:last-child){margin-right:var(--space-3xs)}.Pagination-More{align-items:center;display:flex;justify-content:center;margin-right:var(--space-3xs)}.Pagination-Input{margin-right:var(--space-xs);max-width:var(--space-6xl)}.Pagination-Total{align-items:center;color:var(--color-control-typo-ghost);display:flex}.Pagination-ItemLeft_minified,.Pagination-ItemRight_minified{opacity:0;transition:opacity .2s;z-index:-1}.Pagination:hover .Pagination-ItemLeft_show,.Pagination:hover .Pagination-ItemRight_show{opacity:1;z-index:unset}.Pagination:hover-ItemLeft_show,.Pagination:hover-ItemRight_show{opacity:1}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ProgressLine{position:relative;width:100%}.ProgressLine_size_s{--progress-line-height:var(--space-3xs)}.ProgressLine_size_m{--progress-line-height:var(--space-2xs)}.ProgressLine:after{content:"";position:absolute;top:0}.ProgressLine_mode_step{min-height:var(--progress-line-height)}.ProgressLine_mode_step:before{background:var(--color-bg-system);content:"";
|
|
1
|
+
.ProgressLine{position:relative;width:100%}.ProgressLine_size_s{--progress-line-height:var(--space-3xs)}.ProgressLine_size_m{--progress-line-height:var(--space-2xs)}.ProgressLine:after{content:"";position:absolute;top:0}.ProgressLine_mode_step{min-height:var(--progress-line-height)}.ProgressLine_mode_step:before{background:var(--color-bg-system);content:"";height:var(--progress-line-height);-webkit-mask-image:var(--progress-line-mask);mask-image:var(--progress-line-mask);position:absolute;top:0;width:100%}.ProgressLine_mode_step:after{background:var(--color-control-bg-primary);height:var(--progress-line-height);-webkit-mask-image:var(--progress-line-mask);mask-image:var(--progress-line-mask);transition:width .3s;width:var(--progress-line-background-active-width)}.ProgressLine_mode_determinate{background:var(--color-bg-system);height:var(--progress-line-height)}.ProgressLine_mode_determinate:after{background-color:var(--color-bg-brand);height:100%;transform:scaleX(var(--progress-line-value));transform-origin:left;transition:transform .3s;width:100%}.ProgressLine_mode_indeterminate{background:var(--color-bg-system);height:var(--progress-line-height);overflow-x:hidden}.ProgressLine_mode_indeterminate:after{animation:ProgressLineAnimation 2s linear infinite;background-color:var(--color-bg-brand);height:100%;transform-origin:left;transition:transform .3s;width:80%}.ProgressLine-Step{display:inline-flex;flex-direction:column;justify-content:flex-start}.ProgressLine-Steps{--progress-line-width-no-gap:calc(100% - (var(--progress-line-steps) - 1)*var(--space-3xs));grid-gap:var(--space-3xs);background:transparent;display:grid;grid-template-columns:repeat(var(--progress-line-steps),calc(var(--progress-line-width-no-gap)/var(--progress-line-steps)));height:auto;margin-top:var(--progress-line-height)}.ProgressLine-Label{margin-top:var(--space-3xs)}@keyframes ProgressLineAnimation{0%{transform:translateX(-100%)}to{transform:translateX(130%)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ProgressSpin{--animation-duration:0.3s;stroke:currentColor;fill:none;color:var(--color-control-typo-ghost);transform:rotate(-90deg)}.ProgressSpin_spin{
|
|
1
|
+
.ProgressSpin{--animation-duration:0.3s;stroke:currentColor;fill:none;color:var(--color-control-typo-ghost);transform:rotate(-90deg)}.ProgressSpin_spin{animation:ProgressSpin-Animate 1.2s linear infinite}.ProgressSpin-Circle_animation{transition:var(--animation-duration) linear}@keyframes ProgressSpin-Animate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.Radio{
|
|
1
|
+
.Radio{display:inline-flex;font-family:var(--font-sans)}.Radio,.Radio-Input{cursor:pointer;position:relative}.Radio-Input{-webkit-appearance:none;border:var(--control-border-width) solid;border-radius:50%;box-sizing:border-box;flex-shrink:0;height:var(--radio-size);margin:0;transition:border-color .15s,background-color .15s;width:var(--radio-size)}.Radio-Input:before{border-radius:50%;box-sizing:border-box;content:"";height:var(--radio-size);left:calc(50% - var(--radio-size)/2);opacity:0;position:absolute;top:calc(50% - var(--radio-size)/2);transform:scale(0);transition:background-color .15s,opacity .15s,transform .15s;width:var(--radio-size)}.Radio-Label{color:var(--color-control-typo-default);font-size:var(--radio-font-size);margin-left:var(--radio-offset)}.Radio_size_xs{--radio-font-size:var(--control-text-size-xs);--radio-size:var(--control-box-size-s);--radio-offset:var(--space-xs)}.Radio_size_s{--radio-font-size:var(--control-text-size-s);--radio-size:var(--control-box-size-s);--radio-offset:var(--space-xs)}.Radio_size_m{--radio-font-size:var(--control-text-size-m);--radio-size:var(--control-box-size-m);--radio-offset:var(--space-xs)}.Radio_size_l{--radio-font-size:var(--control-text-size-l);--radio-size:var(--control-box-size-l);--radio-offset:var(--space-s)}.Radio_view_primary:hover .Radio-Input{border-color:var(--color-control-bg-border-default-hover)}.Radio_view_primary .Radio-Input{border-color:var(--color-control-bg-border-default)}.Radio_view_primary .Radio-Input:before{background-color:var(--color-control-bg-primary)}.Radio_view_primary .Radio-Input:checked{border-color:var(--color-control-bg-primary)}.Radio_view_primary .Radio-Input:checked:before{background-color:var(--color-control-bg-primary)}.Radio_view_primary:hover .Radio-Input:checked{border-color:var(--color-control-bg-primary-hover)}.Radio_view_primary:hover .Radio-Input:checked:before{background-color:var(--color-control-bg-primary-hover)}.Radio_view_ghost:hover .Radio-Input{border-color:var(--color-control-bg-border-default-hover)}.Radio_view_ghost .Radio-Input{border-color:var(--color-control-bg-border-default)}.Radio_view_ghost .Radio-Input:before{background-color:var(--color-control-bg-primary)}.Radio_view_ghost .Radio-Input:checked{background-color:var(--color-control-bg-ghost);border-color:var(--color-control-bg-border-default)}.Radio_view_ghost .Radio-Input:checked:before{background-color:var(--color-control-typo-ghost)}.Radio_view_ghost:hover .Radio-Input:checked{background-color:var(--color-control-bg-ghost-hover);border-color:var(--color-control-bg-border-default)}.Radio_view_ghost:hover .Radio-Input:checked:before{background-color:var(--color-control-typo-ghost-hover)}.Radio-Input:checked:before{opacity:1;transform:scale(.4)}.Radio_disabled{pointer-events:none}.Radio_disabled .Radio-Input:disabled{background-color:var(--color-control-bg-disable);border-color:transparent}.Radio_disabled .Radio-Input:disabled:before{background-color:var(--color-control-typo-disable)}.Radio_disabled .Radio-Input:disabled~.Radio-Label{color:var(--color-control-typo-disable)}.Radio_align_center{align-items:center}.Radio_align_top{align-items:top}.Radio_align_top .Radio-Input{margin-top:var(--space-3xs)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.Skeleton{--loader-width:100px
|
|
1
|
+
.Skeleton{--loader-width:100px;animation:Skeleton-Animation 1.5s linear infinite;background-attachment:fixed;background-color:var(--color-bg-system);background-image:linear-gradient(to right,transparent 0,var(--color-bg-stripe) calc(var(--loader-width)*.2),var(--color-bg-ghost) calc(var(--loader-width)*.6),transparent var(--loader-width));background-repeat:no-repeat;box-sizing:border-box}@media (min-width:720px){.Skeleton{animation-duration:2s}}@media (min-width:1280px){.Skeleton{animation-duration:2.5s}}@keyframes Skeleton-Animation{0%{background-position:calc(var(--loader-width)*-1) 0}75%,to{background-position:100vw 0}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.Steps{align-items:center;display:inline-flex;max-width:100%;width:-
|
|
1
|
+
.Steps{align-items:center;display:inline-flex;max-width:100%;width:-moz-max-content;width:max-content}.Steps-Item:not(:last-child){margin-right:var(--space-xs)}.Steps-List{-ms-overflow-style:none;display:flex;overflow-x:scroll;overflow-y:visible;padding-bottom:var(--space-2xs);scrollbar-width:none}.Steps-List::-webkit-scrollbar{display:none}.Steps-Button_side_left{margin-right:var(--space-xs)}.Steps-Button_side_right{margin-left:var(--space-xs)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.StepsStep{align-items:center;background-color:transparent;border:none;color:var(--color-control-typo-ghost);cursor:pointer;display:inline-flex;flex:1;font-family:var(--font);line-height:var(--line-height-text-s);padding:var(--space-xs) 0;position:relative;text-align:left;transition:color .2s,font-weight .2s;white-space:nowrap}.StepsStep-Icon{margin-right:var(--space-2xs)}.StepsStep:after{background-color:var(--color-control-bg-ghost);border-radius:var(--control-radius);bottom:-2px;content:"";height:2px;position:absolute;transition:background-color .2s,opacity .2s;width:100%}.StepsStep:hover{color:var(--color-control-typo-ghost-hover)}.StepsStep:hover:after{background-color:var(--color-control-bg-ghost-hover)}.StepsStep:focus{outline:none}.StepsStep_size_m{font-size:var(--size-text-m)}.StepsStep_size_l{font-size:var(--size-text-l)}.StepsStep_active,.StepsStep_completed,.StepsStep_skipped{color:var(--color-control-typo-secondary)}.StepsStep_active:after,.StepsStep_completed:after,.StepsStep_skipped:after{background-color:var(--color-control-bg-border-secondary);opacity:.5}.StepsStep_active:hover,.StepsStep_completed:hover,.StepsStep_skipped:hover{color:var(--color-control-typo-secondary-hover)}.StepsStep_active:hover:after,.StepsStep_completed:hover:after,.StepsStep_skipped:hover:after{background-color:var(--color-control-bg-border-secondary-hover);opacity:.5}.StepsStep_active{font-weight:var(--font-weight-text-semibold)}.StepsStep_active:after
|
|
1
|
+
.StepsStep{align-items:center;background-color:transparent;border:none;color:var(--color-control-typo-ghost);cursor:pointer;display:inline-flex;flex:1;font-family:var(--font);line-height:var(--line-height-text-s);padding:var(--space-xs) 0;position:relative;text-align:left;transition:color .2s,font-weight .2s;white-space:nowrap}.StepsStep-Icon{margin-right:var(--space-2xs)}.StepsStep:after{background-color:var(--color-control-bg-ghost);border-radius:var(--control-radius);bottom:-2px;content:"";height:2px;position:absolute;transition:background-color .2s,opacity .2s;width:100%}.StepsStep:hover{color:var(--color-control-typo-ghost-hover)}.StepsStep:hover:after{background-color:var(--color-control-bg-ghost-hover)}.StepsStep:focus{outline:none}.StepsStep_size_m{font-size:var(--size-text-m)}.StepsStep_size_l{font-size:var(--size-text-l)}.StepsStep_active,.StepsStep_completed,.StepsStep_skipped{color:var(--color-control-typo-secondary)}.StepsStep_active:after,.StepsStep_completed:after,.StepsStep_skipped:after{background-color:var(--color-control-bg-border-secondary);opacity:.5}.StepsStep_active:hover,.StepsStep_completed:hover,.StepsStep_skipped:hover{color:var(--color-control-typo-secondary-hover)}.StepsStep_active:hover:after,.StepsStep_completed:hover:after,.StepsStep_skipped:hover:after{background-color:var(--color-control-bg-border-secondary-hover);opacity:.5}.StepsStep_active{font-weight:var(--font-weight-text-semibold)}.StepsStep_active:after{opacity:1}.StepsStep_active:hover:after{opacity:1}.StepsStep_disabled{color:var(--color-control-typo-disable);cursor:unset}.StepsStep_disabled:after{background-color:var(--color-control-bg-disable)}.StepsStep_disabled:hover{color:var(--color-control-typo-disable)}.StepsStep_disabled:hover:after{background-color:var(--color-control-bg-disable)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.Steps{align-items:center;display:inline-flex;max-width:100%;width:-
|
|
1
|
+
.Steps{align-items:center;display:inline-flex;max-width:100%;width:-moz-max-content;width:max-content}.Steps-Item:not(:last-child){margin-right:var(--space-xs)}.Steps-List{-ms-overflow-style:none;display:flex;overflow-x:scroll;overflow-y:visible;padding-bottom:var(--space-2xs);scrollbar-width:none}.Steps-List::-webkit-scrollbar{display:none}.Steps-Button_side_left{margin-right:var(--space-xs)}.Steps-Button_side_right{margin-left:var(--space-xs)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.StepsStep{align-items:center;background-color:transparent;border:none;color:var(--color-control-typo-ghost);cursor:pointer;display:inline-flex;flex:1;font-family:var(--font);line-height:var(--line-height-text-s);padding:var(--space-xs) 0;position:relative;text-align:left;transition:color .2s,font-weight .2s;white-space:nowrap}.StepsStep-Icon{margin-right:var(--space-2xs)}.StepsStep:after{background-color:var(--color-control-bg-ghost);border-radius:var(--control-radius);bottom:-2px;content:"";height:2px;position:absolute;transition:background-color .2s,opacity .2s;width:100%}.StepsStep:hover{color:var(--color-control-typo-ghost-hover)}.StepsStep:hover:after{background-color:var(--color-control-bg-ghost-hover)}.StepsStep:focus{outline:none}.StepsStep_size_m{font-size:var(--size-text-m)}.StepsStep_size_l{font-size:var(--size-text-l)}.StepsStep_active,.StepsStep_completed,.StepsStep_skipped{color:var(--color-control-typo-secondary)}.StepsStep_active:after,.StepsStep_completed:after,.StepsStep_skipped:after{background-color:var(--color-control-bg-border-secondary);opacity:.5}.StepsStep_active:hover,.StepsStep_completed:hover,.StepsStep_skipped:hover{color:var(--color-control-typo-secondary-hover)}.StepsStep_active:hover:after,.StepsStep_completed:hover:after,.StepsStep_skipped:hover:after{background-color:var(--color-control-bg-border-secondary-hover);opacity:.5}.StepsStep_active{font-weight:var(--font-weight-text-semibold)}.StepsStep_active:after
|
|
1
|
+
.StepsStep{align-items:center;background-color:transparent;border:none;color:var(--color-control-typo-ghost);cursor:pointer;display:inline-flex;flex:1;font-family:var(--font);line-height:var(--line-height-text-s);padding:var(--space-xs) 0;position:relative;text-align:left;transition:color .2s,font-weight .2s;white-space:nowrap}.StepsStep-Icon{margin-right:var(--space-2xs)}.StepsStep:after{background-color:var(--color-control-bg-ghost);border-radius:var(--control-radius);bottom:-2px;content:"";height:2px;position:absolute;transition:background-color .2s,opacity .2s;width:100%}.StepsStep:hover{color:var(--color-control-typo-ghost-hover)}.StepsStep:hover:after{background-color:var(--color-control-bg-ghost-hover)}.StepsStep:focus{outline:none}.StepsStep_size_m{font-size:var(--size-text-m)}.StepsStep_size_l{font-size:var(--size-text-l)}.StepsStep_active,.StepsStep_completed,.StepsStep_skipped{color:var(--color-control-typo-secondary)}.StepsStep_active:after,.StepsStep_completed:after,.StepsStep_skipped:after{background-color:var(--color-control-bg-border-secondary);opacity:.5}.StepsStep_active:hover,.StepsStep_completed:hover,.StepsStep_skipped:hover{color:var(--color-control-typo-secondary-hover)}.StepsStep_active:hover:after,.StepsStep_completed:hover:after,.StepsStep_skipped:hover:after{background-color:var(--color-control-bg-border-secondary-hover);opacity:.5}.StepsStep_active{font-weight:var(--font-weight-text-semibold)}.StepsStep_active:after{opacity:1}.StepsStep_active:hover:after{opacity:1}.StepsStep_disabled{color:var(--color-control-typo-disable);cursor:unset}.StepsStep_disabled:after{background-color:var(--color-control-bg-disable)}.StepsStep_disabled:hover{color:var(--color-control-typo-disable)}.StepsStep_disabled:hover:after{background-color:var(--color-control-bg-disable)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.TableCell{--buttons-wrapper-size:0px;background-color:var(--color-bg-default);box-sizing:border-box;color:var(--color-typo-primary);grid-column-end:var(--table-cell-col-end);grid-column-start:var(--table-cell-col-start);grid-row-end:var(--row-span);z-index:var(--table-z)}.TableCell_withoutBorder{border:none}.TableCell_isHeader{border-bottom:1px solid var(--color-bg-border);font-size:var(--size-text-xs);font-weight:var(--font-weight-text-bold);letter-spacing:.05em;line-height:var(--line-height-text-s);position:relative;text-transform:uppercase}.TableCell:not(.TableCell_isHeader){font-size:var(--size-text-s);line-height:var(--line-height-text-s)}.TableCell_isResized{word-break:break-word}.TableCell_isClickable{cursor:pointer}.TableCell_isControl,.TableCell_isFilterable,.TableCell_isSortable{--buttons-wrapper-size:var(--space-xl)}.TableCell_isFilterable.TableCell_isControl,.TableCell_isSortable.TableCell_isControl,.TableCell_isSortable.TableCell_isFilterable{--buttons-wrapper-size:var(--space-4xl)}.TableCell_isSortable.TableCell_isFilterable.TableCell_isControl{--buttons-wrapper-size:var(--space-5xl)}.TableCell_stickyOnLeft,.TableCell_stickyOnTop{position
|
|
1
|
+
.TableCell{--buttons-wrapper-size:0px;background-color:var(--color-bg-default);box-sizing:border-box;color:var(--color-typo-primary);grid-column-end:var(--table-cell-col-end);grid-column-start:var(--table-cell-col-start);grid-row-end:var(--row-span);z-index:var(--table-z)}.TableCell_withoutBorder{border:none}.TableCell_isHeader{border-bottom:1px solid var(--color-bg-border);font-size:var(--size-text-xs);font-weight:var(--font-weight-text-bold);letter-spacing:.05em;line-height:var(--line-height-text-s);position:relative;text-transform:uppercase}.TableCell:not(.TableCell_isHeader){font-size:var(--size-text-s);line-height:var(--line-height-text-s)}.TableCell_isResized{word-break:break-word}.TableCell_isClickable{cursor:pointer}.TableCell_isControl,.TableCell_isFilterable,.TableCell_isSortable{--buttons-wrapper-size:var(--space-xl)}.TableCell_isFilterable.TableCell_isControl,.TableCell_isSortable.TableCell_isControl,.TableCell_isSortable.TableCell_isFilterable{--buttons-wrapper-size:var(--space-4xl)}.TableCell_isSortable.TableCell_isFilterable.TableCell_isControl{--buttons-wrapper-size:var(--space-5xl)}.TableCell_stickyOnLeft,.TableCell_stickyOnTop{position:sticky}.TableCell_stickyOnLeft.TableCell_isResizer,.TableCell_stickyOnTop.TableCell_isResizer{z-index:calc(var(--sticky-top-and-left-z) + 1)}.TableCell_stickyOnTop{top:0;z-index:var(--sticky-top-z)}.TableCell_stickyOnLeft{left:0;z-index:var(--sticky-left-z)}.TableCell_stickyOnLeft.TableCell_isHeader{z-index:var(--sticky-top-and-left-z)}.TableCell_isBorderTop{border-top:var(--table-border)}.TableCell_isBorderLeft{border-left:var(--table-border)}.TableCell-Wrapper{box-sizing:border-box;display:flex;height:100%;padding:var(--cell-padding-vertical) var(--cell-padding-horizontal);padding-right:calc(var(--cell-padding-horizontal) + var(--resizer-width) + var(--buttons-wrapper-size));position:relative}.TableCell-Wrapper_wrap_truncate{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.TableCell-Wrapper_wrap_break{max-width:100%;white-space:pre-wrap;word-break:break-word}.TableCell-Wrapper_withoutPadding{padding:0}.TableCell-Wrapper_verticalAlign_top{align-items:flex-start}.TableCell-Wrapper_verticalAlign_center{align-items:center}.TableCell-Wrapper_verticalAlign_bottom{align-items:flex-end}.TableCell-Wrapper_horizontalAlign_left{justify-content:flex-start}.TableCell-Wrapper_horizontalAlign_center{justify-content:center;text-align:center}.TableCell-Wrapper_horizontalAlign_right{justify-content:flex-end;text-align:right}.TableCell_stickyOnLeft .TableCell-Wrapper:after{background:linear-gradient(90deg,var(--shadow-color),transparent);bottom:0;content:"";opacity:0;pointer-events:none;position:absolute;right:0;top:0;transform:translateX(100%);transition:opacity var(--fast-transition);width:var(--space-s)}.TableCell_stickyOnLeft.TableCell_showVerticalShadow .TableCell-Wrapper:after{opacity:1}.TableCell_isHeader:hover .TableCell-Wrapper{background:var(--color-bg-stripe)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.TableFilterTooltip-Button{opacity:0;transition:opacity var(--show-transition);z-index:1}.TableFilterTooltip-Button:hover
|
|
1
|
+
.TableFilterTooltip-Button{opacity:0;transition:opacity var(--show-transition);z-index:1}.TableFilterTooltip-Button:hover{opacity:1}.TableFilterTooltip-Button_isOpened{opacity:1}.TableFilterTooltip-Title{margin-bottom:var(--space-xs);margin-top:var(--space-2xs)}.TableFilterTooltip-Content{background-color:var(--color-bg-default);border:var(--control-border-width) solid var(--color-bg-border);border-radius:var(--control-radius);box-shadow:var(--shadow-layer);padding:var(--space-s);width:312px}.TableFilterTooltip-Select{background:var(--color-control-bg-default);border-color:var(--color-bg-border);border-radius:var(--control-radius);color:var(--color-typo-primary);height:100px;width:100%}.TableFilterTooltip-Option{font-size:var(--size-text-s);padding:var(--space-xs)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.TableHeader-Row{display:contents}.TableHeader-RemoveCell{height:0;position:relative;width:0}.TableHeader-Cell_level_high .TableCell-Wrapper{display:flex;justify-content:center}.TableHeader-Cell_level_high.TableCell_isHeader{border-bottom:none}.TableHeader-Cell_level_high:hover .TableCell-Wrapper{background:unset}.TableHeader-Cell_level_low{font-size:var(--size-text-2xs)}.TableHeader-Cell:not(.TableHeader-Cell_isFirstColumn):after{background:var(--color-bg-border);bottom:0;content:"";left:0;opacity:0;position:absolute;top:0;transition:opacity var(--fast-transition);width:1px}.TableHeader-Row:hover .TableHeader-Cell:not(.TableHeader-Cell_isFirstColumn):after,.TableHeader-Row_withVerticalBorder .TableHeader-Cell:not(.TableHeader-Cell_isFirstColumn):after{opacity:1}.TableHeader-Buttons{--half-cell-padding-horizontal:calc(var(--cell-padding-horizontal)*0.5);display:flex;position:absolute;right:calc(var(--half-cell-padding-horizontal) + var(--resizer-width))}.TableHeader-Buttons_verticalAlign_bottom{bottom:var(--cell-padding-vertical);transform:translateY(calc((var(--control-height-xs) - var(--graphics-size-s))/2))}.TableHeader-Buttons_verticalAlign_center{top:50%;transform:translateY(-50%)}.TableHeader-Icon{opacity:0;transition:opacity var(--fast-transition)}.TableHeader-Row:hover .TableHeader-Icon{opacity:.4}.TableHeader-Cell:hover .TableHeader-Icon{opacity:1}.TableHeader-Buttons_isSortingActive .TableHeader-Icon_type_sort{color:var(--color-control-typo-secondary);opacity:1}.TableHeader-Buttons:hover:not(.TableHeader-Buttons_isFilterOpened) .TableHeader-Icon_type_filter,.TableHeader-Buttons_isFilterActive .TableHeader-Icon_type_filter{opacity:1}.TableHeader-Buttons_isFilterActive .TableHeader-Icon_type_filter{color:var(--color-control-typo-secondary)}.TableHeader-ShadowWrapper{grid-column:1/-1;left:0;position
|
|
1
|
+
.TableHeader-Row{display:contents}.TableHeader-RemoveCell{height:0;position:relative;width:0}.TableHeader-Cell_level_high .TableCell-Wrapper{display:flex;justify-content:center}.TableHeader-Cell_level_high.TableCell_isHeader{border-bottom:none}.TableHeader-Cell_level_high:hover .TableCell-Wrapper{background:unset}.TableHeader-Cell_level_low{font-size:var(--size-text-2xs)}.TableHeader-Cell:not(.TableHeader-Cell_isFirstColumn):after{background:var(--color-bg-border);bottom:0;content:"";left:0;opacity:0;position:absolute;top:0;transition:opacity var(--fast-transition);width:1px}.TableHeader-Row:hover .TableHeader-Cell:not(.TableHeader-Cell_isFirstColumn):after,.TableHeader-Row_withVerticalBorder .TableHeader-Cell:not(.TableHeader-Cell_isFirstColumn):after{opacity:1}.TableHeader-Buttons{--half-cell-padding-horizontal:calc(var(--cell-padding-horizontal)*0.5);display:flex;position:absolute;right:calc(var(--half-cell-padding-horizontal) + var(--resizer-width))}.TableHeader-Buttons_verticalAlign_bottom{bottom:var(--cell-padding-vertical);transform:translateY(calc((var(--control-height-xs) - var(--graphics-size-s))/2))}.TableHeader-Buttons_verticalAlign_center{top:50%;transform:translateY(-50%)}.TableHeader-Icon{opacity:0;transition:opacity var(--fast-transition)}.TableHeader-Row:hover .TableHeader-Icon{opacity:.4}.TableHeader-Cell:hover .TableHeader-Icon{opacity:1}.TableHeader-Buttons_isSortingActive .TableHeader-Icon_type_sort{color:var(--color-control-typo-secondary);opacity:1}.TableHeader-Buttons:hover:not(.TableHeader-Buttons_isFilterOpened) .TableHeader-Icon_type_filter,.TableHeader-Buttons_isFilterActive .TableHeader-Icon_type_filter{opacity:1}.TableHeader-Buttons_isFilterActive .TableHeader-Icon_type_filter{color:var(--color-control-typo-secondary)}.TableHeader-ShadowWrapper{grid-column:1/-1;left:0;position:sticky;top:var(--table-header-height);z-index:var(--sticky-top-and-left-z)}.TableHeader-Shadow{position:relative}.TableHeader-Shadow:before{background:linear-gradient(180deg,var(--shadow-color),transparent);bottom:0;content:"";height:var(--space-s);left:0;opacity:0;pointer-events:none;position:absolute;right:0;transform:translateY(100%);transition:opacity var(--fast-transition)}.TableHeader-Shadow_show:before{opacity:1}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.Table{--table-z:0;--sticky-left-z:calc(var(--table-z) + 1);--sticky-top-z:calc(var(--sticky-left-z) + 1);--sticky-top-and-left-z:calc(var(--sticky-top-z) + 1);--resizer-z:calc(var(--sticky-top-and-left-z) + 1);--fast-transition:0.15s ease-out;--shadow-color:var(--color-bg-ghost);--table-border:1px solid var(--color-bg-border);--resizer-width:0px;display:grid;grid-template-columns:var(--table-grid-template-columns);max-height:100%;max-width:100%;overflow:auto;position:relative;z-index:var(--table-z)}.Table_size_s{--cell-padding-vertical:var(--space-2xs);--cell-padding-horizontal:var(--space-xs)}.Table_size_m{--cell-padding-vertical:var(--space-xs);--cell-padding-horizontal:var(--space-s)}.Table_size_l{--cell-padding-vertical:var(--space-s);--cell-padding-horizontal:var(--space-m)}.Table_isResizable{--resizer-width:5px}.Table_withBorderBottom{border-bottom:var(--table-border)}.Table-CellsRow{display:contents}.Table-RowWithoutCells{background-color:var(--color-bg-default);display:block;grid-column:1/-1;left:0;max-width:var(--table-width);position
|
|
1
|
+
.Table{--table-z:0;--sticky-left-z:calc(var(--table-z) + 1);--sticky-top-z:calc(var(--sticky-left-z) + 1);--sticky-top-and-left-z:calc(var(--sticky-top-z) + 1);--resizer-z:calc(var(--sticky-top-and-left-z) + 1);--fast-transition:0.15s ease-out;--shadow-color:var(--color-bg-ghost);--table-border:1px solid var(--color-bg-border);--resizer-width:0px;display:grid;grid-template-columns:var(--table-grid-template-columns);max-height:100%;max-width:100%;overflow:auto;position:relative;z-index:var(--table-z)}.Table_size_s{--cell-padding-vertical:var(--space-2xs);--cell-padding-horizontal:var(--space-xs)}.Table_size_m{--cell-padding-vertical:var(--space-xs);--cell-padding-horizontal:var(--space-s)}.Table_size_l{--cell-padding-vertical:var(--space-s);--cell-padding-horizontal:var(--space-m)}.Table_isResizable{--resizer-width:5px}.Table_withBorderBottom{border-bottom:var(--table-border)}.Table-CellsRow{display:contents}.Table-RowWithoutCells{background-color:var(--color-bg-default);display:block;grid-column:1/-1;left:0;max-width:var(--table-width);position:sticky}.Table_zebraStriped_even .Table-CellsRow_nth_even:not(:hover) .Table-ContentCell:not(.Table-ContentCell_isActive){background-color:var(--color-bg-stripe)}.Table_zebraStriped_odd .Table-CellsRow_nth_odd:not(:hover) .Table-ContentCell:not(.Table-ContentCell_isActive){background-color:var(--color-bg-stripe)}.Table-CellsRow:hover .Table-ContentCell,.Table-ContentCell_isActive{background-color:var(--color-bg-ghost)}.Table-CellsRow_withMergedCells:hover .Table-ContentCell{background-color:unset}.Table-ContentCell_isDarkned{opacity:.3}.Table-ContentCell_isMerged{align-items:center}.Table-EmptyCell{display:flex;justify-content:center;padding-bottom:var(--cell-padding-vertical);padding-top:var(--cell-padding-vertical);text-align:center}.Table-CreatRowCell{background-color:var(--color-bg-default);display:block;grid-column:1/-1;left:0;position:sticky}.Table-CreateRowButton{border-top:var(--table-border)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.TextField{--caption-margin-left:calc(var(--input-space) + var(--control-border-width));--counter-button-icon-color:var(--color-control-typo-ghost);--counter-button-background:transparent;--clear-button-color:var(--color-control-typo-clear);display:inline-flex;position:relative}.TextField_width_full{width:100%}.TextField_size_xs{--input-height:var(--control-height-xs);--input-font-size:var(--control-text-size-xs);--input-space:calc(var(--control-space-xs)*0.5)}.TextField_size_s{--input-height:var(--control-height-s);--input-font-size:var(--control-text-size-s);--input-space:calc(var(--control-space-s)*0.5)}.TextField_size_m{--input-height:var(--control-height-m);--input-font-size:var(--control-text-size-m);--input-space:calc(var(--control-space-m)*0.5)}.TextField_size_l{--input-height:var(--control-height-l);--input-font-size:var(--control-text-size-l);--input-space:calc(var(--control-space-l)*0.5)}.TextField_labelPosition_top{flex-direction:column}.TextField_labelPosition_top>:not(:last-child){margin-bottom:var(--space-xs)}.TextField_labelPosition_left{flex-direction:row}.TextField_labelPosition_left .TextField-Label{align-items:center;display:inline-flex;height:var(--input-height)}.TextField_labelPosition_left>:not(:last-child){margin-right:var(--space-s)}.TextField-Body{display:inline-flex;flex-direction:column;width:100%}.TextField-Body .TextField-Caption{margin-left:var(--caption-margin-left);margin-top:var(--space-2xs)}.TextField_view_clear .TextField-Caption{--caption-margin-left:0}.TextField-InputContainer{box-sizing:border-box;display:inline-flex;font-family:var(--font-primary);font-weight:var(--font-weight-text-regular);max-width:100%;min-height:var(--input-height);position:relative;transition:border-color .15s,box-shadow .15s,background-color .15s}.TextField-InputContainer_disabled{--counter-button-background:var(--color-control-bg-disable);--counter-button-icon-color:var(--color-control-typo-disable)}.TextField-InputContainer_view_clear,.TextField-InputContainer_view_clear:focus,.TextField-InputContainer_view_clear:hover{color:var(--color-control-typo-default);padding:0}.TextField-InputContainer_view_clear.TextField-InputContainer_disabled .TextField-Input,.TextField-InputContainer_view_clear:focus.TextField-InputContainer_disabled .TextField-Input,.TextField-InputContainer_view_clear:hover.TextField-InputContainer_disabled .TextField-Input{color:var(--color-control-typo-disable);pointer-events:all}.TextField-InputContainer_view_clear.TextField-InputContainer_disabled .TextField-Input:-webkit-autofill,.TextField-InputContainer_view_clear.TextField-InputContainer_disabled .TextField-Input:-webkit-autofill:focus,.TextField-InputContainer_view_clear.TextField-InputContainer_disabled .TextField-Input:-webkit-autofill:hover,.TextField-InputContainer_view_clear:focus.TextField-InputContainer_disabled .TextField-Input:-webkit-autofill,.TextField-InputContainer_view_clear:focus.TextField-InputContainer_disabled .TextField-Input:-webkit-autofill:focus,.TextField-InputContainer_view_clear:focus.TextField-InputContainer_disabled .TextField-Input:-webkit-autofill:hover,.TextField-InputContainer_view_clear:hover.TextField-InputContainer_disabled .TextField-Input:-webkit-autofill,.TextField-InputContainer_view_clear:hover.TextField-InputContainer_disabled .TextField-Input:-webkit-autofill:focus,.TextField-InputContainer_view_clear:hover.TextField-InputContainer_disabled .TextField-Input:-webkit-autofill:hover{-webkit-text-fill-color:var(--color-control-typo-disable)}.TextField-InputContainer_view_clear.TextField-InputContainer_disabled .TextField-Input::-moz-placeholder,.TextField-InputContainer_view_clear:focus.TextField-InputContainer_disabled .TextField-Input::-moz-placeholder,.TextField-InputContainer_view_clear:hover.TextField-InputContainer_disabled .TextField-Input::-moz-placeholder{color:var(--color-control-typo-disable)}.TextField-InputContainer_view_clear.TextField-InputContainer_disabled .TextField-Input::placeholder,.TextField-InputContainer_view_clear:focus.TextField-InputContainer_disabled .TextField-Input::placeholder,.TextField-InputContainer_view_clear:hover.TextField-InputContainer_disabled .TextField-Input::placeholder{color:var(--color-control-typo-disable)}.TextField-InputContainer_view_clear.TextField-InputContainer_disabled .TextField-Side_type_string,.TextField-InputContainer_view_clear.TextField-InputContainer_disabled.TextField-InputContainer .TextField-Icon,.TextField-InputContainer_view_clear.TextField-InputContainer_disabled.TextField-InputContainer_withValue .TextField-Icon,.TextField-InputContainer_view_clear.TextField-InputContainer_disabled.TextField-InputContainer_withValue .TextField-Side_type_string,.TextField-InputContainer_view_clear:focus.TextField-InputContainer_disabled .TextField-Side_type_string,.TextField-InputContainer_view_clear:focus.TextField-InputContainer_disabled.TextField-InputContainer .TextField-Icon,.TextField-InputContainer_view_clear:focus.TextField-InputContainer_disabled.TextField-InputContainer_withValue .TextField-Icon,.TextField-InputContainer_view_clear:focus.TextField-InputContainer_disabled.TextField-InputContainer_withValue .TextField-Side_type_string,.TextField-InputContainer_view_clear:hover.TextField-InputContainer_disabled .TextField-Side_type_string,.TextField-InputContainer_view_clear:hover.TextField-InputContainer_disabled.TextField-InputContainer .TextField-Icon,.TextField-InputContainer_view_clear:hover.TextField-InputContainer_disabled.TextField-InputContainer_withValue .TextField-Icon,.TextField-InputContainer_view_clear:hover.TextField-InputContainer_disabled.TextField-InputContainer_withValue .TextField-Side_type_string{color:var(--color-control-typo-disable)}.TextField-InputContainer_view_default{--container-border-color:var(--color-control-bg-border-default);background:var(--color-control-bg-default);border:var(--control-border-width) solid var(--container-border-color);border-radius:var(--control-radius);color:var(--color-control-typo-default);overflow-x:hidden;padding:0 var(--input-space)}.TextField-InputContainer_view_default:hover{border-color:var(--color-control-bg-border-default-hover)}.TextField-InputContainer_view_default.TextField-InputContainer_status_alert{--container-border-color:var(--color-bg-alert)}.TextField-InputContainer_view_default.TextField-InputContainer_status_success{--container-border-color:var(--color-bg-success)}.TextField-InputContainer_view_default.TextField-InputContainer_status_warning{--container-border-color:var(--color-bg-warning)}.TextField-InputContainer_view_default .TextField-Input{color:var(--color-control-typo-default)}.TextField-InputContainer_view_default .TextField-Input::-moz-placeholder{color:var(--color-control-typo-placeholder)}.TextField-InputContainer_view_default .TextField-Input::placeholder{color:var(--color-control-typo-placeholder)}.TextField-InputContainer_view_default .TextField-Input:-webkit-autofill,.TextField-InputContainer_view_default .TextField-Input:-webkit-autofill:focus,.TextField-InputContainer_view_default .TextField-Input:-webkit-autofill:hover{-webkit-text-fill-color:var(--color-control-typo-default)}.TextField-InputContainer_view_default .TextField-Side_type_string{color:var(--color-control-typo-placeholder)}.TextField-InputContainer_view_default.TextField-InputContainer_focus{border-color:var(--color-control-bg-border-focus);outline:none;z-index:1}.TextField-InputContainer_view_default.TextField-InputContainer_focus.TextField-InputContainer_form_clearClear{box-shadow:var(--control-border-width) 0 var(--color-control-bg-border-focus),calc(var(--control-border-width)*-1) 0 var(--color-control-bg-border-focus)}.TextField-InputContainer_view_default.TextField-InputContainer_focus.TextField-InputContainer_form_brickClear,.TextField-InputContainer_view_default.TextField-InputContainer_focus.TextField-InputContainer_form_defaultClear,.TextField-InputContainer_view_default.TextField-InputContainer_focus.TextField-InputContainer_form_roundClear{box-shadow:var(--control-border-width) 0 var(--color-control-bg-border-focus)}.TextField-InputContainer_view_default.TextField-InputContainer_focus.TextField-InputContainer_form_clearBrick,.TextField-InputContainer_view_default.TextField-InputContainer_focus.TextField-InputContainer_form_clearDefault,.TextField-InputContainer_view_default.TextField-InputContainer_focus.TextField-InputContainer_form_clearRound{box-shadow:calc(var(--control-border-width)*-1) 0 var(--color-control-bg-border-focus)}.TextField-InputContainer_view_default.TextField-InputContainer_disabled{--clear-button-color:var(--color-control-typo-disable);background:var(--color-control-bg-disable);border-color:var(--color-control-bg-border-disable)}.TextField-InputContainer_view_default.TextField-InputContainer_disabled .TextField-Input{color:var(--color-control-typo-disable);pointer-events:all}.TextField-InputContainer_view_default.TextField-InputContainer_disabled .TextField-Input::-moz-placeholder{color:var(--color-control-typo-disable)}.TextField-InputContainer_view_default.TextField-InputContainer_disabled .TextField-Input::placeholder{color:var(--color-control-typo-disable)}.TextField-InputContainer_view_default.TextField-InputContainer_disabled .TextField-Side_type_string,.TextField-InputContainer_view_default.TextField-InputContainer_disabled.TextField-InputContainer .TextField-Icon,.TextField-InputContainer_view_default.TextField-InputContainer_disabled.TextField-InputContainer_withValue .TextField-Icon,.TextField-InputContainer_view_default.TextField-InputContainer_disabled.TextField-InputContainer_withValue .TextField-Side_type_string{color:var(--color-control-typo-disable)}.TextField-InputContainer_form_defaultClear{border-right-width:0}.TextField-InputContainer_form_defaultBrick,.TextField-InputContainer_form_defaultClear{border-radius:var(--control-radius) 0 0 var(--control-radius)}.TextField-InputContainer_form_round{border-radius:calc(var(--input-height)/2);padding-left:calc(var(--input-space)*1.6);padding-right:calc(var(--input-space)*1.6)}.TextField-InputContainer_form_roundBrick{border-radius:calc(var(--input-height)/2) 0 0 calc(var(--input-height)/2);padding-left:calc(var(--input-space)*1.6)}.TextField-InputContainer_form_roundClear{border-radius:calc(var(--input-height)/2) 0 0 calc(var(--input-height)/2);border-right-width:0;padding-left:calc(var(--input-space)*1.6)}.TextField-InputContainer_form_brick{border-radius:0}.TextField-InputContainer_form_brickDefault{border-radius:0 var(--control-radius) var(--control-radius) 0}.TextField-InputContainer_form_brickRound{border-radius:0 calc(var(--input-height)/2) calc(var(--input-height)/2) 0;padding-right:calc(var(--input-space)*1.6)}.TextField-InputContainer_form_brickClear{border-radius:0;border-right-width:0}.TextField-InputContainer_form_clearDefault{border-left-width:0;border-radius:0 var(--control-radius) var(--control-radius) 0}.TextField-InputContainer_form_clearBrick{border-left-width:0;border-radius:0}.TextField-InputContainer_form_clearRound{border-left-width:0;border-radius:0 calc(var(--input-height)/2) calc(var(--input-height)/2) 0;padding-right:calc(var(--input-space)*1.6)}.TextField-InputContainer_form_clearClear{border-width:0;border-bottom-width:var(--control-border-width);border-radius:0;border-top-width:var(--control-border-width)}.TextField-InputContainer_withValue .TextField-Side.TextField-Side_type_string{color:var(--color-control-typo-default)}.TextField-InputContainer_withValue .TextField-Icon{color:var(--color-typo-secondary)}.TextField-InputContainer_type_number{padding-right:0}.TextField-InputContainer_type_textarea .TextField-Input{display:block;line-height:var(--line-height-text-m);min-width:0;padding-bottom:calc((var(--input-height) - (var(--control-border-width)*2) - var(--line-height-text-m))/2);padding-top:calc((var(--input-height) - (var(--control-border-width)*2) - var(--line-height-text-m))/2);resize:none}.TextField-Counter{display:inline-flex;flex-direction:column;height:calc(var(--input-height) - var(--control-border-width)*2);width:var(--space-xl)}.TextField-CounterButton{align-items:center;background-color:var(--counter-button-background);border:none;color:var(--counter-button-icon-color);cursor:pointer;display:inline-flex;flex:1;flex-direction:column;justify-content:center;margin:0;overflow-y:hidden;padding:0;transition:background-color .15s;width:var(--space-xl)}.TextField-ClearButton,.TextField-EyeButton{background-color:transparent;border:none;cursor:pointer;display:flex;flex-direction:column;height:calc(var(--input-height) - var(--control-border-width)*2);justify-content:center;margin:0;margin-left:var(--input-space);padding:0}.TextField-ClearButton{color:var(--clear-button-color)}.TextField-ClearButton:hover{--clear-button-color:var(--color-control-typo-clear-hover)}.TextField-EyeButton{color:var(--color-control-typo-placeholder)}.TextField-EyeButton:hover{color:var(--color-control-typo-clear-hover)}.TextField-ClearButtonIcon{position:relative;top:1px}.TextField-Input{background:transparent;border:none;color:currentColor;flex:1;font-family:var(--font-primary);font-size:var(--input-font-size);height:calc(var(--input-height) - var(--control-border-width)*2);min-width:80px;outline:none;padding:0;width:100%}.TextField-Input::-webkit-inner-spin-button,.TextField-Input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.TextField-Input[type=password]::-ms-reveal{display:none}.TextField-Input[type=number]{-moz-appearance:textfield}.TextField-Input:focus{outline:none}.TextField-Input:-webkit-autofill,.TextField-Input:-webkit-autofill:focus,.TextField-Input:-webkit-autofill:hover{border:none;-webkit-box-shadow:inset 0 0 0 1000px transparent;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.TextField-Side{align-items:center;display:flex;height:calc(var(--input-height) - var(--control-border-width)*2);overflow:hidden}.TextField-Side_position_left{margin-right:var(--input-space)}.TextField-Side_position_right{margin-left:var(--input-space)}.TextField-Side_type_string{font-size:var(--input-font-size);white-space:nowrap}.TextField-Icon{color:var(--color-control-typo-placeholder)}
|
|
1
|
+
.TextField{--caption-margin-left:calc(var(--input-space) + var(--control-border-width));--counter-button-icon-color:var(--color-control-typo-ghost);--counter-button-background:transparent;--clear-button-color:var(--color-control-typo-clear);display:inline-flex;position:relative}.TextField_width_full{width:100%}.TextField_size_xs{--input-height:var(--control-height-xs);--input-font-size:var(--control-text-size-xs);--input-space:calc(var(--control-space-xs)*0.5)}.TextField_size_s{--input-height:var(--control-height-s);--input-font-size:var(--control-text-size-s);--input-space:calc(var(--control-space-s)*0.5)}.TextField_size_m{--input-height:var(--control-height-m);--input-font-size:var(--control-text-size-m);--input-space:calc(var(--control-space-m)*0.5)}.TextField_size_l{--input-height:var(--control-height-l);--input-font-size:var(--control-text-size-l);--input-space:calc(var(--control-space-l)*0.5)}.TextField_labelPosition_top{flex-direction:column}.TextField_labelPosition_top>:not(:last-child){margin-bottom:var(--space-xs)}.TextField_labelPosition_left{flex-direction:row}.TextField_labelPosition_left .TextField-Label{align-items:center;display:inline-flex;height:var(--input-height)}.TextField_labelPosition_left>:not(:last-child){margin-right:var(--space-s)}.TextField-Body{display:inline-flex;flex-direction:column;width:100%}.TextField-Body .TextField-Caption{margin-left:var(--caption-margin-left);margin-top:var(--space-2xs)}.TextField_view_clear .TextField-Caption{--caption-margin-left:0}.TextField-InputContainer{box-sizing:border-box;display:inline-flex;font-family:var(--font-primary);font-weight:var(--font-weight-text-regular);max-width:100%;min-height:var(--input-height);position:relative;transition:border-color .15s,box-shadow .15s,background-color .15s}.TextField-InputContainer_disabled{--counter-button-background:var(--color-control-bg-disable);--counter-button-icon-color:var(--color-control-typo-disable)}.TextField-InputContainer_view_clear,.TextField-InputContainer_view_clear:focus,.TextField-InputContainer_view_clear:hover{color:var(--color-control-typo-default);padding:0}.TextField-InputContainer_view_clear.TextField-InputContainer_disabled .TextField-Input,.TextField-InputContainer_view_clear:focus.TextField-InputContainer_disabled .TextField-Input,.TextField-InputContainer_view_clear:hover.TextField-InputContainer_disabled .TextField-Input{color:var(--color-control-typo-disable);pointer-events:all}.TextField-InputContainer_view_clear.TextField-InputContainer_disabled .TextField-Input:-webkit-autofill,.TextField-InputContainer_view_clear.TextField-InputContainer_disabled .TextField-Input:-webkit-autofill:focus,.TextField-InputContainer_view_clear.TextField-InputContainer_disabled .TextField-Input:-webkit-autofill:hover,.TextField-InputContainer_view_clear:focus.TextField-InputContainer_disabled .TextField-Input:-webkit-autofill,.TextField-InputContainer_view_clear:focus.TextField-InputContainer_disabled .TextField-Input:-webkit-autofill:focus,.TextField-InputContainer_view_clear:focus.TextField-InputContainer_disabled .TextField-Input:-webkit-autofill:hover,.TextField-InputContainer_view_clear:hover.TextField-InputContainer_disabled .TextField-Input:-webkit-autofill,.TextField-InputContainer_view_clear:hover.TextField-InputContainer_disabled .TextField-Input:-webkit-autofill:focus,.TextField-InputContainer_view_clear:hover.TextField-InputContainer_disabled .TextField-Input:-webkit-autofill:hover{-webkit-text-fill-color:var(--color-control-typo-disable)}.TextField-InputContainer_view_clear.TextField-InputContainer_disabled .TextField-Input::-moz-placeholder,.TextField-InputContainer_view_clear:focus.TextField-InputContainer_disabled .TextField-Input::-moz-placeholder,.TextField-InputContainer_view_clear:hover.TextField-InputContainer_disabled .TextField-Input::-moz-placeholder{color:var(--color-control-typo-disable)}.TextField-InputContainer_view_clear.TextField-InputContainer_disabled .TextField-Input::placeholder,.TextField-InputContainer_view_clear:focus.TextField-InputContainer_disabled .TextField-Input::placeholder,.TextField-InputContainer_view_clear:hover.TextField-InputContainer_disabled .TextField-Input::placeholder{color:var(--color-control-typo-disable)}.TextField-InputContainer_view_clear.TextField-InputContainer_disabled .TextField-Side_type_string,.TextField-InputContainer_view_clear.TextField-InputContainer_disabled.TextField-InputContainer_withValue .TextField-Side_type_string,.TextField-InputContainer_view_clear:focus.TextField-InputContainer_disabled .TextField-Side_type_string,.TextField-InputContainer_view_clear:focus.TextField-InputContainer_disabled.TextField-InputContainer_withValue .TextField-Side_type_string,.TextField-InputContainer_view_clear:hover.TextField-InputContainer_disabled .TextField-Side_type_string,.TextField-InputContainer_view_clear:hover.TextField-InputContainer_disabled.TextField-InputContainer_withValue .TextField-Side_type_string{color:var(--color-control-typo-disable)}.TextField-InputContainer_view_clear.TextField-InputContainer_disabled.TextField-InputContainer .TextField-Icon,.TextField-InputContainer_view_clear.TextField-InputContainer_disabled.TextField-InputContainer_withValue .TextField-Icon,.TextField-InputContainer_view_clear:focus.TextField-InputContainer_disabled.TextField-InputContainer .TextField-Icon,.TextField-InputContainer_view_clear:focus.TextField-InputContainer_disabled.TextField-InputContainer_withValue .TextField-Icon,.TextField-InputContainer_view_clear:hover.TextField-InputContainer_disabled.TextField-InputContainer .TextField-Icon,.TextField-InputContainer_view_clear:hover.TextField-InputContainer_disabled.TextField-InputContainer_withValue .TextField-Icon{color:var(--color-control-typo-disable)}.TextField-InputContainer_view_default{--container-border-color:var(--color-control-bg-border-default);background:var(--color-control-bg-default);border:var(--control-border-width) solid var(--container-border-color);border-radius:var(--control-radius);color:var(--color-control-typo-default);overflow-x:hidden;padding:0 var(--input-space)}.TextField-InputContainer_view_default:hover{border-color:var(--color-control-bg-border-default-hover)}.TextField-InputContainer_view_default.TextField-InputContainer_status_alert{--container-border-color:var(--color-bg-alert)}.TextField-InputContainer_view_default.TextField-InputContainer_status_success{--container-border-color:var(--color-bg-success)}.TextField-InputContainer_view_default.TextField-InputContainer_status_warning{--container-border-color:var(--color-bg-warning)}.TextField-InputContainer_view_default .TextField-Input{color:var(--color-control-typo-default)}.TextField-InputContainer_view_default .TextField-Input::-moz-placeholder{color:var(--color-control-typo-placeholder)}.TextField-InputContainer_view_default .TextField-Input::placeholder{color:var(--color-control-typo-placeholder)}.TextField-InputContainer_view_default .TextField-Input:-webkit-autofill,.TextField-InputContainer_view_default .TextField-Input:-webkit-autofill:focus,.TextField-InputContainer_view_default .TextField-Input:-webkit-autofill:hover{-webkit-text-fill-color:var(--color-control-typo-default)}.TextField-InputContainer_view_default .TextField-Side_type_string{color:var(--color-control-typo-placeholder)}.TextField-InputContainer_view_default.TextField-InputContainer_focus{border-color:var(--color-control-bg-border-focus);outline:none;z-index:1}.TextField-InputContainer_view_default.TextField-InputContainer_focus.TextField-InputContainer_form_clearClear{box-shadow:var(--control-border-width) 0 var(--color-control-bg-border-focus),calc(var(--control-border-width)*-1) 0 var(--color-control-bg-border-focus)}.TextField-InputContainer_view_default.TextField-InputContainer_focus.TextField-InputContainer_form_brickClear,.TextField-InputContainer_view_default.TextField-InputContainer_focus.TextField-InputContainer_form_defaultClear,.TextField-InputContainer_view_default.TextField-InputContainer_focus.TextField-InputContainer_form_roundClear{box-shadow:var(--control-border-width) 0 var(--color-control-bg-border-focus)}.TextField-InputContainer_view_default.TextField-InputContainer_focus.TextField-InputContainer_form_clearBrick,.TextField-InputContainer_view_default.TextField-InputContainer_focus.TextField-InputContainer_form_clearDefault,.TextField-InputContainer_view_default.TextField-InputContainer_focus.TextField-InputContainer_form_clearRound{box-shadow:calc(var(--control-border-width)*-1) 0 var(--color-control-bg-border-focus)}.TextField-InputContainer_view_default.TextField-InputContainer_disabled{--clear-button-color:var(--color-control-typo-disable);background:var(--color-control-bg-disable);border-color:var(--color-control-bg-border-disable)}.TextField-InputContainer_view_default.TextField-InputContainer_disabled .TextField-Input{color:var(--color-control-typo-disable);pointer-events:all}.TextField-InputContainer_view_default.TextField-InputContainer_disabled .TextField-Input::-moz-placeholder{color:var(--color-control-typo-disable)}.TextField-InputContainer_view_default.TextField-InputContainer_disabled .TextField-Input::placeholder{color:var(--color-control-typo-disable)}.TextField-InputContainer_view_default.TextField-InputContainer_disabled .TextField-Side_type_string,.TextField-InputContainer_view_default.TextField-InputContainer_disabled.TextField-InputContainer .TextField-Icon,.TextField-InputContainer_view_default.TextField-InputContainer_disabled.TextField-InputContainer_withValue .TextField-Icon,.TextField-InputContainer_view_default.TextField-InputContainer_disabled.TextField-InputContainer_withValue .TextField-Side_type_string{color:var(--color-control-typo-disable)}.TextField-InputContainer_form_defaultClear{border-right-width:0}.TextField-InputContainer_form_defaultBrick,.TextField-InputContainer_form_defaultClear{border-radius:var(--control-radius) 0 0 var(--control-radius)}.TextField-InputContainer_form_round{border-radius:calc(var(--input-height)/2);padding-left:calc(var(--input-space)*1.6);padding-right:calc(var(--input-space)*1.6)}.TextField-InputContainer_form_roundBrick{border-radius:calc(var(--input-height)/2) 0 0 calc(var(--input-height)/2);padding-left:calc(var(--input-space)*1.6)}.TextField-InputContainer_form_roundClear{border-radius:calc(var(--input-height)/2) 0 0 calc(var(--input-height)/2);border-right-width:0;padding-left:calc(var(--input-space)*1.6)}.TextField-InputContainer_form_brick{border-radius:0}.TextField-InputContainer_form_brickDefault{border-radius:0 var(--control-radius) var(--control-radius) 0}.TextField-InputContainer_form_brickRound{border-radius:0 calc(var(--input-height)/2) calc(var(--input-height)/2) 0;padding-right:calc(var(--input-space)*1.6)}.TextField-InputContainer_form_brickClear{border-radius:0;border-right-width:0}.TextField-InputContainer_form_clearDefault{border-left-width:0;border-radius:0 var(--control-radius) var(--control-radius) 0}.TextField-InputContainer_form_clearBrick{border-left-width:0;border-radius:0}.TextField-InputContainer_form_clearRound{border-left-width:0;border-radius:0 calc(var(--input-height)/2) calc(var(--input-height)/2) 0;padding-right:calc(var(--input-space)*1.6)}.TextField-InputContainer_form_clearClear{border-width:0;border-bottom-width:var(--control-border-width);border-radius:0;border-top-width:var(--control-border-width)}.TextField-InputContainer_withValue .TextField-Side.TextField-Side_type_string{color:var(--color-control-typo-default)}.TextField-InputContainer_withValue .TextField-Icon{color:var(--color-typo-secondary)}.TextField-InputContainer_type_number{padding-right:0}.TextField-InputContainer_type_textarea .TextField-Input{display:block;line-height:var(--line-height-text-m);min-width:0;padding-bottom:calc((var(--input-height) - (var(--control-border-width)*2) - var(--line-height-text-m))/2);padding-top:calc((var(--input-height) - (var(--control-border-width)*2) - var(--line-height-text-m))/2);resize:none}.TextField-Counter{display:inline-flex;flex-direction:column;height:calc(var(--input-height) - var(--control-border-width)*2);width:var(--space-xl)}.TextField-CounterButton{align-items:center;background-color:var(--counter-button-background);border:none;color:var(--counter-button-icon-color);cursor:pointer;display:inline-flex;flex:1;flex-direction:column;justify-content:center;margin:0;overflow-y:hidden;padding:0;transition:background-color .15s;width:var(--space-xl)}.TextField-ClearButton,.TextField-EyeButton{background-color:transparent;border:none;cursor:pointer;display:flex;flex-direction:column;height:calc(var(--input-height) - var(--control-border-width)*2);justify-content:center;margin:0;margin-left:var(--input-space);padding:0}.TextField-ClearButton{color:var(--clear-button-color)}.TextField-ClearButton:hover{--clear-button-color:var(--color-control-typo-clear-hover)}.TextField-EyeButton{color:var(--color-control-typo-placeholder)}.TextField-EyeButton:hover{color:var(--color-control-typo-clear-hover)}.TextField-ClearButtonIcon{position:relative;top:1px}.TextField-Input{background:transparent;border:none;color:currentColor;flex:1;font-family:var(--font-primary);font-size:var(--input-font-size);height:calc(var(--input-height) - var(--control-border-width)*2);min-width:80px;outline:none;padding:0;width:100%}.TextField-Input::-webkit-inner-spin-button,.TextField-Input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.TextField-Input[type=password]::-ms-reveal{display:none}.TextField-Input[type=number]{-moz-appearance:textfield}.TextField-Input:focus{outline:none}.TextField-Input:-webkit-autofill,.TextField-Input:-webkit-autofill:focus,.TextField-Input:-webkit-autofill:hover{border:none;-webkit-box-shadow:inset 0 0 0 1000px transparent;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.TextField-Side{align-items:center;display:flex;height:calc(var(--input-height) - var(--control-border-width)*2);overflow:hidden}.TextField-Side_position_left{margin-right:var(--input-space)}.TextField-Side_position_right{margin-left:var(--input-space)}.TextField-Side_type_string{font-size:var(--input-font-size);white-space:nowrap}.TextField-Icon{color:var(--color-control-typo-placeholder)}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import IMask from"imask";import{useCallback,useEffect,useRef}from"react";import{useMutableRef}from"../../hooks/useMutableRef";export function useIMask(a){var b=a.value,c=a.maskOptions,d=a.onChange,e=useRef(null),f=useRef(null),g=useMutableRef(d);useEffect(function(){if(e.current){var a="string"==typeof c?{mask:c}:c;f.current?f.current.updateOptions(a):f.current=IMask(e.current,a)}},[e.current,c]),useEffect(function(){
|
|
1
|
+
import IMask from"imask";import{useCallback,useEffect,useRef}from"react";import{useMutableRef}from"../../hooks/useMutableRef";export function useIMask(a){var b=a.value,c=a.maskOptions,d=a.onChange,e=useRef(null),f=useRef(null),g=useMutableRef(d),h=useCallback(function(a){var b,c,d=(null===(b=f.current)||void 0===b?void 0:b.value)||null;null===(c=g.current)||void 0===c?void 0:c.call(g,d,{e:a,value:d})},[]);return useEffect(function(){if(console.log(e.current,c),e.current){var a="string"==typeof c?{mask:c}:c;f.current?(console.log("updateOptions"),f.current.updateOptions(a)):(console.log("IMask init"),f.current=IMask(e.current,a),console.log(f.current))}},[e.current,c]),useEffect(function(){var a;f.current||console.log("notAvalible imaskRef.current"),e.current||console.log("notAvalible inputRef.current"),null!==f&&void 0!==f&&null!==(a=f.current)&&void 0!==a&&a.el||console.log("notAvalible imaskRef.current.el"),f.current&&e.current&&f.current.el&&f.current.updateValue()},[b]),useEffect(function(){var a;return console.log("onAcept"),null===(a=f.current)||void 0===a?void 0:a.on("accept",h),function(){var a;null===(a=f.current)||void 0===a?void 0:a.off("accept",h)}},[]),useEffect(function(){return function(){var a;null===(a=f.current)||void 0===a?void 0:a.destroy()}},[]),{inputRef:e,imaskRef:f}}
|
|
2
2
|
//# sourceMappingURL=useIMask.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useIMask.js","names":["IMask","useCallback","useEffect","useRef","useMutableRef","useIMask","props","value","maskOptions","onChange","inputRef","imaskRef","handleChanheRef","current","options","mask","updateOptions","
|
|
1
|
+
{"version":3,"file":"useIMask.js","names":["IMask","useCallback","useEffect","useRef","useMutableRef","useIMask","props","value","maskOptions","onChange","inputRef","imaskRef","handleChanheRef","onAcept","e","current","console","log","options","mask","updateOptions","el","updateValue","on","off","destroy"],"sources":["../../../../../src/components/TextField/useIMask.ts"],"sourcesContent":["import IMask from 'imask';\nimport { useCallback, useEffect, useRef } from 'react';\n\nimport { useMutableRef } from '##/hooks/useMutableRef';\n\ntype Props<MASK extends IMask.AnyMaskedOptions> = {\n value: string | null;\n onChange?: (\n value: string | null,\n params: { e: Event; value: string | null },\n ) => void;\n maskOptions: string | MASK;\n};\nexport function useIMask<MASK extends IMask.AnyMaskedOptions>(\n props: Props<MASK>,\n) {\n const { value, maskOptions, onChange } = props;\n const inputRef = useRef<HTMLInputElement>(null);\n const imaskRef = useRef<IMask.InputMask<MASK> | null>(null);\n const handleChanheRef = useMutableRef(onChange);\n\n // Нужно для синхранизации value c Imask,\n // так как value мы можем задать через пропс без самого ввода,\n // и Imask требует ручной синхронихации в этом случае\n const onAcept = useCallback((e: Event) => {\n const value = imaskRef.current?.value || null;\n handleChanheRef.current?.(value, { e, value });\n }, []);\n\n useEffect(() => {\n console.log(inputRef.current, maskOptions);\n\n if (inputRef.current) {\n const options = (\n typeof maskOptions === 'string' ? { mask: maskOptions } : maskOptions\n ) as MASK;\n if (imaskRef.current) {\n console.log('updateOptions');\n imaskRef.current.updateOptions(options);\n } else {\n console.log('IMask init');\n imaskRef.current = IMask(inputRef.current, options);\n\n console.log(imaskRef.current);\n }\n }\n }, [inputRef.current, maskOptions]);\n\n useEffect(() => {\n if (!imaskRef.current) {\n console.log('notAvalible imaskRef.current');\n }\n if (!inputRef.current) {\n console.log('notAvalible inputRef.current');\n }\n if (!imaskRef?.current?.el) {\n console.log('notAvalible imaskRef.current.el');\n }\n if (imaskRef.current && inputRef.current && imaskRef.current.el) {\n imaskRef.current.updateValue();\n }\n }, [value]);\n\n useEffect(() => {\n console.log('onAcept');\n imaskRef.current?.on('accept', onAcept);\n return () => {\n imaskRef.current?.off('accept', onAcept);\n };\n }, []);\n\n useEffect(() => {\n return () => {\n imaskRef.current?.destroy();\n };\n }, []);\n\n return {\n inputRef,\n imaskRef,\n };\n}\n"],"mappings":"AAAA,MAAOA,MAAP,KAAkB,OAAlB,CACA,OAASC,WAAT,CAAsBC,SAAtB,CAAiCC,MAAjC,KAA+C,OAA/C,CAEA,OAASC,aAAT,iCAUA,MAAO,SAASC,SAAT,CACLC,CADK,CAEL,IACQC,EADR,CACyCD,CADzC,CACQC,KADR,CACeC,CADf,CACyCF,CADzC,CACeE,WADf,CAC4BC,CAD5B,CACyCH,CADzC,CAC4BG,QAD5B,CAEMC,CAAQ,CAAGP,MAAM,CAAmB,IAAnB,CAFvB,CAGMQ,CAAQ,CAAGR,MAAM,CAA+B,IAA/B,CAHvB,CAIMS,CAAe,CAAGR,aAAa,CAACK,CAAD,CAJrC,CASMI,CAAO,CAAGZ,WAAW,CAAC,SAACa,CAAD,CAAc,SAClCP,CAAK,CAAG,WAAAI,CAAQ,CAACI,OAAT,uBAAkBR,KAAlB,GAA2B,IADD,WAExCK,CAAe,CAACG,OAFwB,qBAExC,OAAAH,CAAe,CAAWL,CAAX,CAAkB,CAAEO,CAAC,CAADA,CAAF,CAAKP,KAAK,CAALA,CAAL,CAAlB,CAChB,CAH0B,CAGxB,EAHwB,CAT3B,CA8DA,MAhDAL,UAAS,CAAC,UAAM,CAGd,GAFAc,OAAO,CAACC,GAAR,CAAYP,CAAQ,CAACK,OAArB,CAA8BP,CAA9B,CAEA,CAAIE,CAAQ,CAACK,OAAb,CAAsB,CACpB,GAAMG,EAAO,CACY,QAAvB,QAAOV,EAAP,CAAkC,CAAEW,IAAI,CAAEX,CAAR,CAAlC,CAA0DA,CAD5D,CAGIG,CAAQ,CAACI,OAJO,EAKlBC,OAAO,CAACC,GAAR,CAAY,eAAZ,CALkB,CAMlBN,CAAQ,CAACI,OAAT,CAAiBK,aAAjB,CAA+BF,CAA/B,CANkB,GAQlBF,OAAO,CAACC,GAAR,CAAY,YAAZ,CARkB,CASlBN,CAAQ,CAACI,OAAT,CAAmBf,KAAK,CAACU,CAAQ,CAACK,OAAV,CAAmBG,CAAnB,CATN,CAWlBF,OAAO,CAACC,GAAR,CAAYN,CAAQ,CAACI,OAArB,CAXkB,CAarB,CACF,CAjBQ,CAiBN,CAACL,CAAQ,CAACK,OAAV,CAAmBP,CAAnB,CAjBM,CAgDT,CA7BAN,SAAS,CAAC,UAAM,OACTS,CAAQ,CAACI,OADA,EAEZC,OAAO,CAACC,GAAR,CAAY,8BAAZ,CAFY,CAITP,CAAQ,CAACK,OAJA,EAKZC,OAAO,CAACC,GAAR,CAAY,8BAAZ,CALY,QAOTN,CAPS,WAOTA,CAPS,YAOTA,CAAQ,CAAEI,OAPD,eAOT,EAAmBM,EAPV,EAQZL,OAAO,CAACC,GAAR,CAAY,iCAAZ,CARY,CAUVN,CAAQ,CAACI,OAAT,EAAoBL,CAAQ,CAACK,OAA7B,EAAwCJ,CAAQ,CAACI,OAAT,CAAiBM,EAV/C,EAWZV,CAAQ,CAACI,OAAT,CAAiBO,WAAjB,EAEH,CAbQ,CAaN,CAACf,CAAD,CAbM,CA6BT,CAdAL,SAAS,CAAC,UAAM,OAGd,MAFAc,QAAO,CAACC,GAAR,CAAY,SAAZ,CAEA,WADAN,CAAQ,CAACI,OACT,qBADA,EAAkBQ,EAAlB,CAAqB,QAArB,CAA+BV,CAA/B,CACA,CAAO,UAAM,iBACXF,CAAQ,CAACI,OADE,qBACX,EAAkBS,GAAlB,CAAsB,QAAtB,CAAgCX,CAAhC,CACD,CACF,CANQ,CAMN,EANM,CAcT,CANAX,SAAS,CAAC,UAAM,CACd,MAAO,WAAM,iBACXS,CAAQ,CAACI,OADE,qBACX,EAAkBU,OAAlB,EACD,CACF,CAJQ,CAIN,EAJM,CAMT,CAAO,CACLf,QAAQ,CAARA,CADK,CAELC,QAAQ,CAARA,CAFK,CAIR"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.MixFocus{--mix-focus-color-one:var(--color-control-bg-focus);--mix-focus-color-two:var(--color-control-bg-active);--mix-focus-animation:Animation--MixFocus 0.5s ease-in}.MixFocus:not(.MixFocus_before):focus,.MixFocus:not(.MixFocus_before):focus:hover,.MixFocus:not(.MixFocus_before)[class*=_focus],.MixFocus:not(.MixFocus_before)[class*=_focus]:hover,.MixFocus_before:focus:before,.MixFocus_before:focus:hover:before,.MixFocus_before[class*=_focus]:before,.MixFocus_before[class*=_focus]:hover:before{
|
|
1
|
+
.MixFocus{--mix-focus-color-one:var(--color-control-bg-focus);--mix-focus-color-two:var(--color-control-bg-active);--mix-focus-animation:Animation--MixFocus 0.5s ease-in}.MixFocus:not(.MixFocus_before):focus,.MixFocus:not(.MixFocus_before):focus:hover,.MixFocus:not(.MixFocus_before)[class*=_focus],.MixFocus:not(.MixFocus_before)[class*=_focus]:hover,.MixFocus_before:focus:before,.MixFocus_before:focus:hover:before,.MixFocus_before[class*=_focus]:before,.MixFocus_before[class*=_focus]:hover:before{animation:var(--mix-focus-animation);box-shadow:0 0 0 3px var(--mix-focus-color-one);outline:none}.MixFocus:not(.MixFocus_before):focus:active,.MixFocus:not(.MixFocus_before):focus:active:hover,.MixFocus:not(.MixFocus_before)[class*=_focus]:active,.MixFocus:not(.MixFocus_before)[class*=_focus]:active:hover,.MixFocus_before:focus:active:before,.MixFocus_before:focus:active:hover:before,.MixFocus_before[class*=_focus]:active:before,.MixFocus_before[class*=_focus]:active:hover:before{animation:none}@keyframes Animation--MixFocus{0%{box-shadow:0 0 0 0 var(--mix-focus-color-one),0 0 0 0 var(--mix-focus-color-two)}to{box-shadow:0 0 0 3px var(--mix-focus-color-one),0 0 0 6px transparent}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.UiKit--ColorPreview-Circle{border-radius:50%;box-shadow:var(--shadow-group);height:60px;overflow:hidden;position:relative;width:60px;z-index:0}.UiKit--ColorPreview-Circle:before{background-color:currentColor;border-radius:50%;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.UiKit--ColorPreview-Circle:after{background-image:linear-gradient(45deg,rgba(0,0,0,.5) 25%,transparent 0,transparent 75%,rgba(0,0,0,.5) 0,rgba(0,0,0,.5)),linear-gradient(45deg,rgba(0,0,0,.5) 25%,transparent 0,transparent 75%,rgba(0,0,0,.5) 0,rgba(0,0,0,.5));background-position:0 0,5px 5px;background-size:10px 10px;border-radius:0 99em 99em 0;content:"";height:100%;left:50%;position:absolute;top:0;transform:rotate(45deg);transform-origin:left center;width:50%;z-index:-1}.UiKit--ColorPreview-ColorCode{align-items:center;border-radius:var(--control-radius);cursor:pointer;display:flex;width:-
|
|
1
|
+
.UiKit--ColorPreview-Circle{border-radius:50%;box-shadow:var(--shadow-group);height:60px;overflow:hidden;position:relative;width:60px;z-index:0}.UiKit--ColorPreview-Circle:before{background-color:currentColor;border-radius:50%;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.UiKit--ColorPreview-Circle:after{background-image:linear-gradient(45deg,rgba(0,0,0,.5) 25%,transparent 0,transparent 75%,rgba(0,0,0,.5) 0,rgba(0,0,0,.5)),linear-gradient(45deg,rgba(0,0,0,.5) 25%,transparent 0,transparent 75%,rgba(0,0,0,.5) 0,rgba(0,0,0,.5));background-position:0 0,5px 5px;background-size:10px 10px;border-radius:0 99em 99em 0;content:"";height:100%;left:50%;position:absolute;top:0;transform:rotate(45deg);transform-origin:left center;width:50%;z-index:-1}.UiKit--ColorPreview-ColorCode{align-items:center;border-radius:var(--control-radius);cursor:pointer;display:flex;width:-moz-fit-content;width:fit-content}.UiKit--ColorPreview-ColorCode>.Icon{color:var(--color-typo-secondary);margin-right:var(--space-xs)}.UiKit--ColorPreview-ColorCode:hover{background-color:var(--color-bg-stripe);color:var(--color-typo-primary)}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@consta/uikit",
|
|
3
|
-
"version": "4.14.
|
|
3
|
+
"version": "4.14.1",
|
|
4
4
|
"keywords": [
|
|
5
5
|
"ui-kit",
|
|
6
6
|
"design-system",
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
"compute-scroll-into-view": "^1.0.17",
|
|
21
21
|
"date-fns": "^2.29.1",
|
|
22
22
|
"focus-trap-react": "8.7.0",
|
|
23
|
-
"imask": "^6.4.
|
|
23
|
+
"imask": "^6.4.3",
|
|
24
24
|
"react-dropzone": "11.3.4",
|
|
25
25
|
"react-textarea-autosize": "^8.3.4",
|
|
26
26
|
"react-transition-group": "^4.4.5"
|