@salutejs/plasma-web 1.401.0-canary.1445.10942800137.0 → 1.402.0-canary.1443.10955942474.0
Sign up to get free protection for your applications and to get access to all the features.
- package/api/plasma-web.api.md +193 -20
- package/components/Mask/Mask.d.ts +190 -0
- package/components/Mask/Mask.js +9 -0
- package/components/Mask/index.d.ts +1 -0
- package/components/{ChipGroup → Mask}/index.js +3 -3
- package/components/TextField/TextField.d.ts +11 -5
- package/components/TextField/TextField.js +2 -2
- package/css/cjs/components/Mask/Mask.js +11 -0
- package/css/cjs/components/Mask/Mask.js.map +1 -0
- package/css/cjs/components/TextField/TextField.js +1 -0
- package/css/cjs/components/TextField/TextField.js.map +1 -1
- package/css/cjs/index.css +0 -10
- package/css/cjs/index.js +2 -2
- package/css/es/components/Mask/Mask.js +7 -0
- package/css/es/components/Mask/Mask.js.map +1 -0
- package/css/es/components/TextField/TextField.js +1 -1
- package/css/es/components/TextField/TextField.js.map +1 -1
- package/css/es/index.css +0 -10
- package/css/es/index.js +1 -1
- package/css/index.d.ts +2 -2
- package/es/components/Mask/Mask.js +3 -0
- package/es/components/Mask/index.js +1 -0
- package/es/components/TextField/TextField.js +1 -1
- package/es/index.js +1 -1
- package/index.d.ts +1 -1
- package/index.js +4 -4
- package/package.json +3 -3
- package/temp/plasma-web.api.md +193 -20
- package/components/ChipGroup/ChipGroup.config.d.ts +0 -23
- package/components/ChipGroup/ChipGroup.config.js +0 -32
- package/components/ChipGroup/ChipGroup.d.ts +0 -18
- package/components/ChipGroup/ChipGroup.js +0 -10
- package/components/ChipGroup/index.d.ts +0 -1
- package/css/cjs/components/ChipGroup/ChipGroup.config.js +0 -31
- package/css/cjs/components/ChipGroup/ChipGroup.config.js.map +0 -1
- package/css/cjs/components/ChipGroup/ChipGroup.config_o3u1bd.css +0 -9
- package/css/cjs/components/ChipGroup/ChipGroup.css +0 -9
- package/css/cjs/components/ChipGroup/ChipGroup.js +0 -12
- package/css/cjs/components/ChipGroup/ChipGroup.js.map +0 -1
- package/css/es/components/ChipGroup/ChipGroup.config.js +0 -27
- package/css/es/components/ChipGroup/ChipGroup.config.js.map +0 -1
- package/css/es/components/ChipGroup/ChipGroup.config_o3u1bd.css +0 -9
- package/css/es/components/ChipGroup/ChipGroup.css +0 -9
- package/css/es/components/ChipGroup/ChipGroup.js +0 -8
- package/css/es/components/ChipGroup/ChipGroup.js.map +0 -1
- package/es/components/ChipGroup/ChipGroup.config.js +0 -26
- package/es/components/ChipGroup/ChipGroup.js +0 -4
- package/es/components/ChipGroup/index.js +0 -1
- /package/css/cjs/components/{TextField/TextField.css → Mask/Mask.css} +0 -0
- /package/css/es/components/{TextField/TextField.css → Mask/Mask.css} +0 -0
package/css/cjs/index.js
CHANGED
@@ -16,7 +16,6 @@ var Calendar = require('./components/Calendar/Calendar.js');
|
|
16
16
|
var Cell = require('./components/Cell/Cell.js');
|
17
17
|
var Checkbox = require('./components/Checkbox/Checkbox.js');
|
18
18
|
var Chip = require('./components/Chip/Chip.js');
|
19
|
-
var ChipGroup = require('./components/ChipGroup/ChipGroup.js');
|
20
19
|
var Combobox = require('./components/Combobox/Legacy/Combobox.js');
|
21
20
|
var Counter = require('./components/Counter/Counter.js');
|
22
21
|
var DatePicker = require('./components/DatePicker/DatePicker.js');
|
@@ -34,6 +33,7 @@ var IconButton = require('./components/IconButton/IconButton.js');
|
|
34
33
|
var Image = require('./components/Image/Image.js');
|
35
34
|
var Indicator = require('./components/Indicator/Indicator.js');
|
36
35
|
var Link = require('./components/Link/Link.js');
|
36
|
+
var Mask = require('./components/Mask/Mask.js');
|
37
37
|
var ModalBase = require('./components/ModalBase/ModalBase.js');
|
38
38
|
var Notification = require('./components/Notification/Notification.js');
|
39
39
|
var Pagination = require('./components/Pagination/Pagination.js');
|
@@ -208,7 +208,6 @@ exports.CalendarDoubleRange = Calendar.CalendarDoubleRange;
|
|
208
208
|
exports.Cell = Cell.Cell;
|
209
209
|
exports.Checkbox = Checkbox.Checkbox;
|
210
210
|
exports.Chip = Chip.Chip;
|
211
|
-
exports.ChipGroup = ChipGroup.ChipGroup;
|
212
211
|
exports.ComboboxDivider = Combobox.ComboboxDivider;
|
213
212
|
exports.ComboboxFooter = Combobox.ComboboxFooter;
|
214
213
|
exports.ComboboxGroup = Combobox.ComboboxGroup;
|
@@ -245,6 +244,7 @@ exports.IconButton = IconButton.IconButton;
|
|
245
244
|
exports.Image = Image.Image;
|
246
245
|
exports.Indicator = Indicator.Indicator;
|
247
246
|
exports.Link = Link.Link;
|
247
|
+
exports.Mask = Mask.Mask;
|
248
248
|
exports.ModalBase = ModalBase.ModalBase;
|
249
249
|
exports.Notification = Notification.Notification;
|
250
250
|
exports.NotificationsProvider = Notification.NotificationsProvider;
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Mask.js","sources":["../../../../src-css/components/Mask/Mask.ts"],"sourcesContent":["import { composeMask } from '@salutejs/plasma-new-hope';\n\nimport { TextFieldComponent } from '../TextField/TextField';\n\nexport const Mask = composeMask(TextFieldComponent);\n"],"names":["Mask","composeMask","TextFieldComponent"],"mappings":";;;IAIaA,IAAI,gBAAGC,WAAW,CAACC,kBAAkB;;;;"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"TextField.js","sources":["../../../../src-css/components/TextField/TextField.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { TextFieldProps as TextFieldPropsOld } from '@salutejs/plasma-hope';\nimport { textFieldConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './TextField.config';\n\nconst mergedConfig = mergeConfig(textFieldConfig, config);\
|
1
|
+
{"version":3,"file":"TextField.js","sources":["../../../../src-css/components/TextField/TextField.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { TextFieldProps as TextFieldPropsOld } from '@salutejs/plasma-hope';\nimport { textFieldConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './TextField.config';\n\nconst mergedConfig = mergeConfig(textFieldConfig, config);\nexport const TextFieldComponent = component(mergedConfig);\n\ntype newHopeTextFieldProps = React.ComponentProps<typeof TextFieldComponent>;\n\ntype RequiredProps = {\n /**\n * Задает выравнивание индикатора обязательности поля\n * @default right\n */\n requiredPlacement?: 'left' | 'right';\n} & (\n | {\n /**\n * Флаг обязательности поля\n */\n required: true;\n /**\n * Флаг необязательности поля\n */\n optional?: never | false;\n }\n | {\n /**\n * Флаг необязательности поля\n */\n optional?: true;\n /**\n * Флаг обязательности поля\n */\n required?: never | false;\n }\n);\n\ntype TextFieldProps = TextFieldPropsOld & RequiredProps;\n\nexport type CustomTextFieldProps = TextFieldProps &\n Pick<newHopeTextFieldProps, 'enumerationType' | 'chips' | 'onChangeChips'>;\n\nconst statusToView: Record<NonNullable<TextFieldProps['status']>, NonNullable<newHopeTextFieldProps['view']>> = {\n success: 'positive',\n warning: 'warning',\n error: 'negative',\n};\nconst animatedHintToLabelPlacement: Record<\n NonNullable<TextFieldProps['animatedHint']>,\n NonNullable<newHopeTextFieldProps['labelPlacement']>\n> = {\n placeholder: 'outer',\n label: 'inner',\n};\n\n/**\n * Поле ввода текста.\n */\nexport const TextField = forwardRef<HTMLInputElement, CustomTextFieldProps>((props, ref) => {\n const {\n status,\n\n label,\n placeholder,\n animatedHint,\n helperText,\n\n enumerationType,\n chips,\n onSearch,\n onChangeChips,\n\n size = 'l',\n\n ...rest\n } = props;\n\n /** TODO: #1064 Remove In plasma-2.0 */\n /* eslint-disable no-underscore-dangle */\n const _view = status ? statusToView[status] : 'default';\n let _labelPlacement = animatedHint ? animatedHintToLabelPlacement[animatedHint] : 'outer';\n let _label = label ? String(label) : undefined;\n if (size !== 'l' && _labelPlacement === 'inner') {\n _label = undefined;\n _labelPlacement = 'outer';\n }\n if (size === 'l' && animatedHint === 'placeholder' && !label) {\n _label = placeholder;\n _labelPlacement = 'inner';\n }\n\n if (enumerationType === 'chip') {\n return (\n <TextFieldComponent\n {...rest}\n view={_view}\n labelPlacement={_labelPlacement}\n label={_label}\n size={size}\n placeholder={placeholder}\n leftHelper={helperText}\n ref={ref}\n enumerationType=\"chip\"\n chips={chips}\n onChangeChips={onChangeChips}\n />\n );\n }\n\n return (\n <TextFieldComponent\n {...rest}\n view={_view}\n labelPlacement={_labelPlacement}\n label={_label}\n size={size}\n placeholder={placeholder}\n leftHelper={helperText}\n ref={ref}\n enumerationType=\"plain\"\n onSearch={onSearch}\n />\n );\n});\n"],"names":["mergedConfig","mergeConfig","textFieldConfig","config","TextFieldComponent","component","statusToView","success","warning","error","animatedHintToLabelPlacement","placeholder","label","TextField","forwardRef","props","ref","status","animatedHint","helperText","enumerationType","chips","onSearch","onChangeChips","_props$size","size","rest","_objectWithoutProperties","_excluded","_view","_labelPlacement","_label","String","undefined","React","createElement","_extends","view","labelPlacement","leftHelper"],"mappings":";;;;;;AAMA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,eAAe,EAAEC,MAAM,CAAC,CAAA;IAC5CC,kBAAkB,gBAAGC,SAAS,CAACL,YAAY,EAAC;AAsCzD,IAAMM,YAAuG,GAAG;AAC5GC,EAAAA,OAAO,EAAE,UAAU;AACnBC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,KAAK,EAAE,UAAA;AACX,CAAC,CAAA;AACD,IAAMC,4BAGL,GAAG;AACAC,EAAAA,WAAW,EAAE,OAAO;AACpBC,EAAAA,KAAK,EAAE,OAAA;AACX,CAAC,CAAA;;AAED;AACA;AACA;AACO,IAAMC,SAAS,gBAAGC,UAAU,CAAyC,UAACC,KAAK,EAAEC,GAAG,EAAK;AACxF,EAAA,IACIC,MAAM,GAeNF,KAAK,CAfLE,MAAM;IAENL,KAAK,GAaLG,KAAK,CAbLH,KAAK;IACLD,WAAW,GAYXI,KAAK,CAZLJ,WAAW;IACXO,YAAY,GAWZH,KAAK,CAXLG,YAAY;IACZC,UAAU,GAUVJ,KAAK,CAVLI,UAAU;IAEVC,eAAe,GAQfL,KAAK,CARLK,eAAe;IACfC,KAAK,GAOLN,KAAK,CAPLM,KAAK;IACLC,QAAQ,GAMRP,KAAK,CANLO,QAAQ;IACRC,aAAa,GAKbR,KAAK,CALLQ,aAAa;IAAAC,WAAA,GAKbT,KAAK,CAHLU,IAAI;AAAJA,IAAAA,IAAI,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,GAAG,GAAAA,WAAA;AAEPE,IAAAA,IAAI,GAAAC,wBAAA,CACPZ,KAAK,EAAAa,SAAA,CAAA,CAAA;;AAET;AACA;EACA,IAAMC,KAAK,GAAGZ,MAAM,GAAGX,YAAY,CAACW,MAAM,CAAC,GAAG,SAAS,CAAA;EACvD,IAAIa,eAAe,GAAGZ,YAAY,GAAGR,4BAA4B,CAACQ,YAAY,CAAC,GAAG,OAAO,CAAA;EACzF,IAAIa,MAAM,GAAGnB,KAAK,GAAGoB,MAAM,CAACpB,KAAK,CAAC,GAAGqB,SAAS,CAAA;AAC9C,EAAA,IAAIR,IAAI,KAAK,GAAG,IAAIK,eAAe,KAAK,OAAO,EAAE;AAC7CC,IAAAA,MAAM,GAAGE,SAAS,CAAA;AAClBH,IAAAA,eAAe,GAAG,OAAO,CAAA;AAC7B,GAAA;EACA,IAAIL,IAAI,KAAK,GAAG,IAAIP,YAAY,KAAK,aAAa,IAAI,CAACN,KAAK,EAAE;AAC1DmB,IAAAA,MAAM,GAAGpB,WAAW,CAAA;AACpBmB,IAAAA,eAAe,GAAG,OAAO,CAAA;AAC7B,GAAA;EAEA,IAAIV,eAAe,KAAK,MAAM,EAAE;IAC5B,oBACIc,KAAA,CAAAC,aAAA,CAAC/B,kBAAkB,EAAAgC,QAAA,KACXV,IAAI,EAAA;AACRW,MAAAA,IAAI,EAAER,KAAM;AACZS,MAAAA,cAAc,EAAER,eAAgB;AAChClB,MAAAA,KAAK,EAAEmB,MAAO;AACdN,MAAAA,IAAI,EAAEA,IAAK;AACXd,MAAAA,WAAW,EAAEA,WAAY;AACzB4B,MAAAA,UAAU,EAAEpB,UAAW;AACvBH,MAAAA,GAAG,EAAEA,GAAI;AACTI,MAAAA,eAAe,EAAC,MAAM;AACtBC,MAAAA,KAAK,EAAEA,KAAM;AACbE,MAAAA,aAAa,EAAEA,aAAAA;AAAc,KAAA,CAChC,CAAC,CAAA;AAEV,GAAA;EAEA,oBACIW,KAAA,CAAAC,aAAA,CAAC/B,kBAAkB,EAAAgC,QAAA,KACXV,IAAI,EAAA;AACRW,IAAAA,IAAI,EAAER,KAAM;AACZS,IAAAA,cAAc,EAAER,eAAgB;AAChClB,IAAAA,KAAK,EAAEmB,MAAO;AACdN,IAAAA,IAAI,EAAEA,IAAK;AACXd,IAAAA,WAAW,EAAEA,WAAY;AACzB4B,IAAAA,UAAU,EAAEpB,UAAW;AACvBH,IAAAA,GAAG,EAAEA,GAAI;AACTI,IAAAA,eAAe,EAAC,OAAO;AACvBE,IAAAA,QAAQ,EAAEA,QAAAA;AAAS,GAAA,CACtB,CAAC,CAAA;AAEV,CAAC;;;;"}
|
package/css/es/index.css
CHANGED
@@ -152,16 +152,6 @@
|
|
152
152
|
.Chip_config_ep4j91_tpxfxbl__3906a344{--plasma-chip-focus-color:var(--plasma-colors-accent);}
|
153
153
|
|
154
154
|
|
155
|
-
.ChipGroup_config_o3u1bd_d1ypmiwn__e56ee064{--plasma-chip-group-items-color:var(--inverse-text-primary);--plasma-chip-group-items-background:var(--surface-solid-default);--plasma-chip-group-items-color-hover:var(--inverse-text-primary);--plasma-chip-group-items-background-hover:var(--surface-solid-default-hover);--plasma-chip-group-items-color-active:var(--inverse-text-primary);--plasma-chip-group-items-background-active:var(--surface-solid-default-active);}
|
156
|
-
.ChipGroup_config_o3u1bd_sxaw5dt__e56ee064{--plasma-chip-group-items-color:var(--text-primary);--plasma-chip-group-items-background:var(--surface-transparent-secondary);--plasma-chip-group-items-color-hover:var(--text-primary);--plasma-chip-group-items-background-hover:var(--surface-transparent-secondary-hover);--plasma-chip-group-items-color-active:var(--text-primary);--plasma-chip-group-items-background-active:var(--surface-transparent-secondary-active);}
|
157
|
-
.ChipGroup_config_o3u1bd_aimo9hk__e56ee064{--plasma-chip-group-items-color:var(--on-dark-text-primary);--plasma-chip-group-items-background:var(--surface-accent);--plasma-chip-group-items-color-hover:var(--on-dark-text-primary);--plasma-chip-group-items-background-hover:var(--surface-accent-hover);--plasma-chip-group-items-color-active:var(--on-dark-text-primary);--plasma-chip-group-items-background-active:var(--surface-accent-active);}
|
158
|
-
.ChipGroup_config_o3u1bd_l1ecjycw__e56ee064{--plasma-chip-group-items-border-radius:0.75rem;--plasma-chip-group-item-width:auto;--plasma-chip-group-item-height:3rem;--plasma-chip-group-item-padding-right:1rem;--plasma-chip-group-item-padding-left:1rem;--plasma-chip-group-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-chip-group-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-chip-group-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-chip-group-item-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-chip-group-item-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-chip-group-item-line-height:var(--plasma-typo-body-l-line-height);--plasma-chip-group-item-left-content-margin-left:-0.125rem;--plasma-chip-group-item-left-content-margin-right:0.5rem;--plasma-chip-group-item-clear-content-margin-left:0.625rem;--plasma-chip-group-item-clear-content-margin-right:-0.25rem;--plasma-chip-group-items-scale-hover:1.02;--plasma-chip-group-items-scale-active:0.98;--plasma-chip-group-item-close-icon-size:1.5rem;}
|
159
|
-
.ChipGroup_config_o3u1bd_m9yz770__e56ee064{--plasma-chip-group-items-border-radius:0.625rem;--plasma-chip-group-item-width:auto;--plasma-chip-group-item-height:2.5rem;--plasma-chip-group-item-padding-right:0.875rem;--plasma-chip-group-item-padding-left:0.875rem;--plasma-chip-group-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-chip-group-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-chip-group-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-chip-group-item-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-chip-group-item-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-chip-group-item-line-height:var(--plasma-typo-body-m-line-height);--plasma-chip-group-item-left-content-margin-left:-0.125rem;--plasma-chip-group-item-left-content-margin-right:0.375rem;--plasma-chip-group-item-clear-content-margin-left:0.5rem;--plasma-chip-group-item-clear-content-margin-right:-0.25rem;--plasma-chip-group-items-scale-hover:1.02;--plasma-chip-group-items-scale-active:0.98;--plasma-chip-group-item-close-icon-size:1rem;}
|
160
|
-
.ChipGroup_config_o3u1bd_s9y7l64__e56ee064{--plasma-chip-group-items-border-radius:0.5rem;--plasma-chip-group-item-width:auto;--plasma-chip-group-item-height:2rem;--plasma-chip-group-item-padding-right:0.875rem;--plasma-chip-group-item-padding-left:0.875rem;--plasma-chip-group-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-chip-group-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-chip-group-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-chip-group-item-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-chip-group-item-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-chip-group-item-line-height:var(--plasma-typo-body-s-line-height);--plasma-chip-group-item-left-content-margin-left:-0.125rem;--plasma-chip-group-item-left-content-margin-right:0.25rem;--plasma-chip-group-item-clear-content-margin-left:0.375rem;--plasma-chip-group-item-clear-content-margin-right:-0.25rem;--plasma-chip-group-items-scale-hover:1.02;--plasma-chip-group-items-scale-active:0.98;--plasma-chip-group-item-close-icon-size:1rem;}
|
161
|
-
.ChipGroup_config_o3u1bd_x1v0c462__e56ee064{--plasma-chip-group-items-border-radius:0.375rem;--plasma-chip-group-item-width:auto;--plasma-chip-group-item-height:1.5rem;--plasma-chip-group-item-padding-right:0.625rem;--plasma-chip-group-item-padding-left:0.625rem;--plasma-chip-group-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-chip-group-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-chip-group-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-chip-group-item-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-chip-group-item-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-chip-group-item-line-height:var(--plasma-typo-body-xs-line-height);--plasma-chip-group-item-left-content-margin-left:-0.125rem;--plasma-chip-group-item-left-content-margin-right:0.25rem;--plasma-chip-group-item-clear-content-margin-left:0.25rem;--plasma-chip-group-item-clear-content-margin-right:-0.25rem;--plasma-chip-group-items-scale-hover:1.02;--plasma-chip-group-items-scale-active:0.98;--plasma-chip-group-item-close-icon-size:1rem;}
|
162
|
-
.ChipGroup_config_o3u1bd_dp6l87u__e56ee064{--plasma-chip-group-items-gap:0.125rem;}
|
163
|
-
.ChipGroup_config_o3u1bd_wug1gkx__e56ee064{--plasma-chip-group-items-gap:0.5rem;}
|
164
|
-
|
165
155
|
.Combobox_config_14g29y5_x1m2v3ds__9276e53f{--plasma-combobox-old-width:100%;--plasma-combobox-old-height:auto;--plasma-combobox-old-border-radius:0.5rem;--plasma-combobox-old-padding-top:0.125rem;--plasma-combobox-old-padding-right:0.125rem;--plasma-combobox-old-padding-bottom:0.125rem;--plasma-combobox-old-padding-left:0.125rem;--plasma-combobox-old-divider-color:var(--surface-transparent-tertiary);--plasma-combobox-old-divider-height:0.063rem;--plasma-combobox-old-divider-margin-top:0;--plasma-combobox-old-divider-margin-right:0.5rem;--plasma-combobox-old-divider-margin-bottom:0;--plasma-combobox-old-divider-margin-left:0.375rem;--plasma-combobox-old-item-width:auto;--plasma-combobox-old-item-height:1rem;--plasma-combobox-old-item-padding-top:0.5rem;--plasma-combobox-old-item-padding-right:0.5rem;--plasma-combobox-old-item-padding-bottom:0.5rem;--plasma-combobox-old-item-padding-left:0.375rem;--plasma-combobox-old-item-border-radius:0.375rem;--plasma-combobox-old-item-content-left-width:1.25rem;--plasma-combobox-old-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-combobox-old-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-combobox-old-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-combobox-old-item-letter-spacing:var(--plasma-typo-body-xs-font-weight);--plasma-combobox-old-item-line-height:var(--plasma-typo-body-xs-letter-spacing);--plasma-combobox-old-item-font-weight:var(--plasma-typo-body-xs-line-height);--plasma-combobox-old-chip-gap:0.25rem;--plasma-combobox-old-chip-border-radius:0.125rem;--plasma-combobox-old-chip-width:auto;--plasma-combobox-old-chip-height:1.25rem;--plasma-combobox-old-chip-padding-right:0.375rem;--plasma-combobox-old-chip-padding-left:0.625rem;--plasma-combobox-old-chip-clear-content-margin-left:0.25rem;--plasma-combobox-old-chip-clear-content-margin-right:0rem;--plasma-combobox-old-chip-close-icon-size:0.75rem;--plasma-combobox-old-chip-font-family:var(--plasma-typo-body-xs-font-family);--plasma-combobox-old-chip-font-size:var(--plasma-typo-body-xs-font-size);--plasma-combobox-old-chip-font-style:var(--plasma-typo-body-xs-font-style);--plasma-combobox-old-chip-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-combobox-old-chip-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-combobox-old-chip-line-height:var(--plasma-typo-body-xs-line-height);--plasma-combobox-old-target-arrow-right:0.5rem;--plasma-combobox-old-target-height:2rem;--plasma-combobox-old-target-width:100%;--plasma-combobox-old-target-radius:0.5rem;--plasma-combobox-old-target-padding:0 2.5rem 0 0.75rem;--plasma-combobox-old-target-padding-has-chips:0 2.625rem 0 0.375rem;--plasma-combobox-old-target-with-input:0 2.625rem 0 0.625rem;--plasma-combobox-old-target-inner-top:0.5rem;--plasma-combobox-old-target-label-inner-top:0.375rem;--plasma-combobox-old-target-font-family:var(--plasma-typo-body-xs-font-family);--plasma-combobox-old-target-font-size:var(--plasma-typo-body-xs-font-size);--plasma-combobox-old-target-font-style:var(--plasma-typo-body-xs-font-style);--plasma-combobox-old-target-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-combobox-old-target-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-combobox-old-target-line-height:var(--plasma-typo-body-xs-line-height);--plasma-combobox-old-target-label-inner-font-family:var(--plasma-typo-body-xs-font-family);--plasma-combobox-old-target-label-inner-font-family:var(--plasma-typo-body-xs-font-size);--plasma-combobox-old-target-label-inner-font-style:var(--plasma-typo-body-xs-font-style);--plasma-combobox-old-target-label-inner-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-combobox-old-target-label-inner-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-combobox-old-target-label-inner-line-height:var(--plasma-typo-body-xs-line-height);}
|
166
156
|
.Combobox_config_14g29y5_snjir4d__9276e53f{--plasma-combobox-old-width:100%;--plasma-combobox-old-height:auto;--plasma-combobox-old-border-radius:0.625rem;--plasma-combobox-old-padding-top:0.125rem;--plasma-combobox-old-padding-right:0.125rem;--plasma-combobox-old-padding-bottom:0.125rem;--plasma-combobox-old-padding-left:0.125rem;--plasma-combobox-old-divider-color:var(--surface-transparent-tertiary);--plasma-combobox-old-divider-height:0.063rem;--plasma-combobox-old-divider-margin-top:0;--plasma-combobox-old-divider-margin-right:0.75rem;--plasma-combobox-old-divider-margin-bottom:0;--plasma-combobox-old-divider-margin-left:0.75rem;--plasma-combobox-old-item-width:auto;--plasma-combobox-old-item-height:1.5rem;--plasma-combobox-old-item-padding-top:0.5rem;--plasma-combobox-old-item-padding-right:0.75rem;--plasma-combobox-old-item-padding-bottom:0.5rem;--plasma-combobox-old-item-padding-left:0.75rem;--plasma-combobox-old-item-border-radius:0.5rem;--plasma-combobox-old-item-content-left-width:1.75rem;--plasma-combobox-old-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-combobox-old-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-combobox-old-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-combobox-old-item-letter-spacing:var(--plasma-typo-body-s-font-weight);--plasma-combobox-old-item-line-height:var(--plasma-typo-body-s-letter-spacing);--plasma-combobox-old-item-font-weight:var(--plasma-typo-body-s-line-height);--plasma-combobox-old-chip-gap:0.25rem;--plasma-combobox-old-chip-border-radius:0.25rem;--plasma-combobox-old-chip-width:auto;--plasma-combobox-old-chip-height:1.75rem;--plasma-combobox-old-chip-padding-right:0.5rem;--plasma-combobox-old-chip-padding-left:0.75rem;--plasma-combobox-old-chip-clear-content-margin-left:0.375rem;--plasma-combobox-old-chip-clear-content-margin-right:0rem;--plasma-combobox-old-chip-close-icon-size:0.75rem;--plasma-combobox-old-chip-font-family:var(--plasma-typo-body-s-font-family);--plasma-combobox-old-chip-font-size:var(--plasma-typo-body-s-font-size);--plasma-combobox-old-chip-font-style:var(--plasma-typo-body-s-font-style);--plasma-combobox-old-chip-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-combobox-old-chip-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-combobox-old-chip-line-height:var(--plasma-typo-body-s-line-height);--plasma-combobox-old-target-arrow-right:0.75rem;--plasma-combobox-old-target-height:2.5rem;--plasma-combobox-old-target-width:100%;--plasma-combobox-old-target-radius:0.625rem;--plasma-combobox-old-target-padding:0 3rem 0 1rem;--plasma-combobox-old-target-padding-has-chips:0 3.125rem 0 0.375rem;--plasma-combobox-old-target-with-input:0 3.125rem 0 0.625rem;--plasma-combobox-old-target-inner-top:0.5rem;--plasma-combobox-old-target-label-inner-top:0.375rem;--plasma-combobox-old-target-font-family:var(--plasma-typo-body-s-font-family);--plasma-combobox-old-target-font-size:var(--plasma-typo-body-s-font-size);--plasma-combobox-old-target-font-style:var(--plasma-typo-body-s-font-style);--plasma-combobox-old-target-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-combobox-old-target-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-combobox-old-target-line-height:var(--plasma-typo-body-s-line-height);--plasma-combobox-old-target-label-inner-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-combobox-old-target-label-inner-font-family:var(--plasma-typo-body-xxs-font-size);--plasma-combobox-old-target-label-inner-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-combobox-old-target-label-inner-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-combobox-old-target-label-inner-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-combobox-old-target-label-inner-line-height:var(--plasma-typo-body-xxs-line-height);}
|
167
157
|
.Combobox_config_14g29y5_m8yng6k__9276e53f{--plasma-combobox-old-width:100%;--plasma-combobox-old-height:auto;--plasma-combobox-old-border-radius:0.75rem;--plasma-combobox-old-padding-top:0.125rem;--plasma-combobox-old-padding-right:0.125rem;--plasma-combobox-old-padding-bottom:0.125rem;--plasma-combobox-old-padding-left:0.125rem;--plasma-combobox-old-divider-color:var(--surface-transparent-tertiary);--plasma-combobox-old-divider-height:0.063rem;--plasma-combobox-old-divider-margin-top:0;--plasma-combobox-old-divider-margin-right:0.875rem;--plasma-combobox-old-divider-margin-bottom:0;--plasma-combobox-old-divider-margin-left:0.875rem;--plasma-combobox-old-item-width:auto;--plasma-combobox-old-item-height:1.5rem;--plasma-combobox-old-item-padding-top:0.75rem;--plasma-combobox-old-item-padding-right:0.875rem;--plasma-combobox-old-item-padding-bottom:0.75rem;--plasma-combobox-old-item-padding-left:0.875rem;--plasma-combobox-old-item-border-radius:0.625rem;--plasma-combobox-old-item-content-left-width:1.75rem;--plasma-combobox-old-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-combobox-old-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-combobox-old-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-combobox-old-item-letter-spacing:var(--plasma-typo-body-m-font-weight);--plasma-combobox-old-item-line-height:var(--plasma-typo-body-m-letter-spacing);--plasma-combobox-old-item-font-weight:var(--plasma-typo-body-m-line-height);--plasma-combobox-old-chip-gap:0.25rem;--plasma-combobox-old-chip-border-radius:0.375rem;--plasma-combobox-old-chip-width:auto;--plasma-combobox-old-chip-height:2.25rem;--plasma-combobox-old-chip-padding-right:0.875rem;--plasma-combobox-old-chip-padding-left:0.625rem;--plasma-combobox-old-chip-clear-content-margin-left:0.5rem;--plasma-combobox-old-chip-clear-content-margin-right:0rem;--plasma-combobox-old-chip-close-icon-size:1rem;--plasma-combobox-old-chip-font-family:var(--plasma-typo-body-m-font-family);--plasma-combobox-old-chip-font-size:var(--plasma-typo-body-m-font-size);--plasma-combobox-old-chip-font-style:var(--plasma-typo-body-m-font-style);--plasma-combobox-old-chip-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-combobox-old-chip-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-combobox-old-chip-line-height:var(--plasma-typo-body-m-line-height);--plasma-combobox-old-target-arrow-right:0.875rem;--plasma-combobox-old-target-height:3rem;--plasma-combobox-old-target-width:100%;--plasma-combobox-old-target-radius:0.75rem;--plasma-combobox-old-target-padding:0 3.25rem 0 1.25rem;--plasma-combobox-old-target-padding-has-chips:0 3.375rem 0 0.375rem;--plasma-combobox-old-target-with-input:0 3.375rem 0 0.625rem;--plasma-combobox-old-target-inner-top:0.5rem;--plasma-combobox-old-target-label-inner-top:0.375rem;--plasma-combobox-old-target-font-family:var(--plasma-typo-body-m-font-family);--plasma-combobox-old-target-font-size:var(--plasma-typo-body-m-font-size);--plasma-combobox-old-target-font-style:var(--plasma-typo-body-m-font-style);--plasma-combobox-old-target-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-combobox-old-target-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-combobox-old-target-line-height:var(--plasma-typo-body-m-line-height);--plasma-combobox-old-target-label-inner-font-family:var(--plasma-typo-body-xs-font-family);--plasma-combobox-old-target-label-inner-font-family:var(--plasma-typo-body-xs-font-size);--plasma-combobox-old-target-label-inner-font-style:var(--plasma-typo-body-xs-font-style);--plasma-combobox-old-target-label-inner-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-combobox-old-target-label-inner-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-combobox-old-target-label-inner-line-height:var(--plasma-typo-body-xs-line-height);}
|
package/css/es/index.js
CHANGED
@@ -12,7 +12,6 @@ export { Calendar, CalendarBase, CalendarBaseRange, CalendarDouble, CalendarDoub
|
|
12
12
|
export { Cell } from './components/Cell/Cell.js';
|
13
13
|
export { Checkbox } from './components/Checkbox/Checkbox.js';
|
14
14
|
export { Chip } from './components/Chip/Chip.js';
|
15
|
-
export { ChipGroup } from './components/ChipGroup/ChipGroup.js';
|
16
15
|
export { ComboboxDivider, ComboboxFooter, ComboboxGroup, ComboboxHeader, ComboboxItem } from './components/Combobox/Legacy/Combobox.js';
|
17
16
|
export { Counter } from './components/Counter/Counter.js';
|
18
17
|
export { DatePicker, DatePickerRange } from './components/DatePicker/DatePicker.js';
|
@@ -30,6 +29,7 @@ export { IconButton } from './components/IconButton/IconButton.js';
|
|
30
29
|
export { Image } from './components/Image/Image.js';
|
31
30
|
export { Indicator } from './components/Indicator/Indicator.js';
|
32
31
|
export { Link } from './components/Link/Link.js';
|
32
|
+
export { Mask } from './components/Mask/Mask.js';
|
33
33
|
export { ModalBase } from './components/ModalBase/ModalBase.js';
|
34
34
|
export { Notification, NotificationsProvider } from './components/Notification/Notification.js';
|
35
35
|
export { Pagination } from './components/Pagination/Pagination.js';
|
package/css/index.d.ts
CHANGED
@@ -11,7 +11,6 @@ export * from '../components/Calendar';
|
|
11
11
|
export * from '../components/Cell';
|
12
12
|
export * from '../components/Checkbox';
|
13
13
|
export * from '../components/Chip';
|
14
|
-
export * from '../components/ChipGroup';
|
15
14
|
export * from '../components/Combobox';
|
16
15
|
export * from '../components/Counter';
|
17
16
|
export * from '../components/DatePicker';
|
@@ -25,6 +24,7 @@ export * from '../components/IconButton';
|
|
25
24
|
export * from '../components/Image';
|
26
25
|
export * from '../components/Indicator';
|
27
26
|
export * from '../components/Link';
|
27
|
+
export * from '../components/Mask';
|
28
28
|
export * from '../components/ModalBase';
|
29
29
|
export * from '../components/Notification';
|
30
30
|
export * from '../components/Overlay';
|
@@ -64,7 +64,6 @@ export * from '../components/Calendar';
|
|
64
64
|
export * from '../components/Cell';
|
65
65
|
export * from '../components/Checkbox';
|
66
66
|
export * from '../components/Chip';
|
67
|
-
export * from '../components/ChipGroup';
|
68
67
|
export * from '../components/Combobox';
|
69
68
|
export * from '../components/Counter';
|
70
69
|
export * from '../components/DatePicker';
|
@@ -78,6 +77,7 @@ export * from '../components/IconButton';
|
|
78
77
|
export * from '../components/Image';
|
79
78
|
export * from '../components/Indicator';
|
80
79
|
export * from '../components/Link';
|
80
|
+
export * from '../components/Mask';
|
81
81
|
export * from '../components/ModalBase';
|
82
82
|
export * from '../components/Notification';
|
83
83
|
export * from '../components/Overlay';
|
@@ -0,0 +1 @@
|
|
1
|
+
export { Mask } from './Mask';
|
@@ -6,7 +6,7 @@ import React, { forwardRef } from 'react';
|
|
6
6
|
import { textFieldConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
|
7
7
|
import { config } from './TextField.config';
|
8
8
|
var mergedConfig = /*#__PURE__*/mergeConfig(textFieldConfig, config);
|
9
|
-
var TextFieldComponent = /*#__PURE__*/component(mergedConfig);
|
9
|
+
export var TextFieldComponent = /*#__PURE__*/component(mergedConfig);
|
10
10
|
var statusToView = {
|
11
11
|
success: 'positive',
|
12
12
|
warning: 'warning',
|
package/es/index.js
CHANGED
package/index.d.ts
CHANGED
package/index.js
CHANGED
@@ -773,14 +773,14 @@ Object.keys(_TextFieldGroup).forEach(function (key) {
|
|
773
773
|
}
|
774
774
|
});
|
775
775
|
});
|
776
|
-
var
|
777
|
-
Object.keys(
|
776
|
+
var _Mask = /*#__PURE__*/require("./components/Mask");
|
777
|
+
Object.keys(_Mask).forEach(function (key) {
|
778
778
|
if (key === "default" || key === "__esModule") return;
|
779
|
-
if (key in exports && exports[key] ===
|
779
|
+
if (key in exports && exports[key] === _Mask[key]) return;
|
780
780
|
Object.defineProperty(exports, key, {
|
781
781
|
enumerable: true,
|
782
782
|
get: function get() {
|
783
|
-
return
|
783
|
+
return _Mask[key];
|
784
784
|
}
|
785
785
|
});
|
786
786
|
});
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@salutejs/plasma-web",
|
3
|
-
"version": "1.
|
3
|
+
"version": "1.402.0-canary.1443.10955942474.0",
|
4
4
|
"description": "Salute Design System / React UI kit for web applications",
|
5
5
|
"author": "Salute Frontend Team <salute.developers@gmail.com>",
|
6
6
|
"license": "MIT",
|
@@ -21,7 +21,7 @@
|
|
21
21
|
"dependencies": {
|
22
22
|
"@salutejs/plasma-core": "1.180.0",
|
23
23
|
"@salutejs/plasma-hope": "1.312.0",
|
24
|
-
"@salutejs/plasma-new-hope": "0.
|
24
|
+
"@salutejs/plasma-new-hope": "0.150.0-canary.1443.10955942474.0",
|
25
25
|
"@salutejs/plasma-themes": "0.18.0",
|
26
26
|
"@salutejs/plasma-tokens-b2b": "1.42.0",
|
27
27
|
"@salutejs/plasma-tokens-b2c": "0.52.0",
|
@@ -112,5 +112,5 @@
|
|
112
112
|
"Fanil Zubairov"
|
113
113
|
],
|
114
114
|
"sideEffects": false,
|
115
|
-
"gitHead": "
|
115
|
+
"gitHead": "7ef4b72a01412464354b9b86cda2e8a1de5c39ba"
|
116
116
|
}
|
package/temp/plasma-web.api.md
CHANGED
@@ -80,7 +80,6 @@ import { CellTextboxSubtitle } from '@salutejs/plasma-new-hope/styled-components
|
|
80
80
|
import { CellTextboxTitle } from '@salutejs/plasma-new-hope/styled-components';
|
81
81
|
import { ChangeEvent } from 'react';
|
82
82
|
import { CheckboxProps as CheckboxProps_2 } from '@salutejs/plasma-new-hope/types/components/Checkbox/Checkbox.types';
|
83
|
-
import { ChipGroupProps } from '@salutejs/plasma-new-hope/types/components/ChipGroup/ChipGroup.types';
|
84
83
|
import { ChipProps } from '@salutejs/plasma-new-hope/styled-components';
|
85
84
|
import { clearSelection } from '@salutejs/plasma-hope';
|
86
85
|
import { closeNotification } from '@salutejs/plasma-new-hope/styled-components';
|
@@ -152,10 +151,12 @@ import { InputHTMLAttributes } from '@salutejs/plasma-core';
|
|
152
151
|
import { InputHTMLAttributes as InputHTMLAttributes_2 } from '@salutejs/plasma-new-hope/types/types';
|
153
152
|
import { InputHTMLAttributes as InputHTMLAttributes_3 } from 'react';
|
154
153
|
import { JSXElementConstructor } from 'react';
|
154
|
+
import { KeyboardEvent as KeyboardEvent_2 } from 'react';
|
155
155
|
import { LineSkeletonProps } from '@salutejs/plasma-new-hope/styled-components';
|
156
156
|
import { LinkCustomProps } from '@salutejs/plasma-new-hope/types/components/Link/Link';
|
157
157
|
import { List } from '@salutejs/plasma-hope';
|
158
158
|
import { ListItem } from '@salutejs/plasma-hope';
|
159
|
+
import { MaskProps } from '@salutejs/plasma-new-hope/types/components/Mask/Mask.types';
|
159
160
|
import { MaxLinesProps } from '@salutejs/plasma-core';
|
160
161
|
import { mediaQuery } from '@salutejs/plasma-hope';
|
161
162
|
import { MediaQueryFunction } from '@salutejs/plasma-hope';
|
@@ -956,25 +957,6 @@ true: PolymorphicClassName;
|
|
956
957
|
};
|
957
958
|
}> & ChipProps & RefAttributes<HTMLButtonElement>>;
|
958
959
|
|
959
|
-
// @public (undocumented)
|
960
|
-
export const ChipGroup: FunctionComponent<PropsType< {
|
961
|
-
view: {
|
962
|
-
default: PolymorphicClassName;
|
963
|
-
secondary: PolymorphicClassName;
|
964
|
-
accent: PolymorphicClassName;
|
965
|
-
};
|
966
|
-
size: {
|
967
|
-
l: PolymorphicClassName;
|
968
|
-
m: PolymorphicClassName;
|
969
|
-
s: PolymorphicClassName;
|
970
|
-
xs: PolymorphicClassName;
|
971
|
-
};
|
972
|
-
gap: {
|
973
|
-
dense: PolymorphicClassName;
|
974
|
-
wide: PolymorphicClassName;
|
975
|
-
};
|
976
|
-
}> & ChipGroupProps & RefAttributes<HTMLDivElement>>;
|
977
|
-
|
978
960
|
export { ChipProps }
|
979
961
|
|
980
962
|
export { clearSelection }
|
@@ -1863,6 +1845,197 @@ export { List }
|
|
1863
1845
|
|
1864
1846
|
export { ListItem }
|
1865
1847
|
|
1848
|
+
// @public (undocumented)
|
1849
|
+
export const Mask: ForwardRefExoticComponent<(Omit<PropsType< {
|
1850
|
+
view: {
|
1851
|
+
default: PolymorphicClassName;
|
1852
|
+
positive: PolymorphicClassName;
|
1853
|
+
warning: PolymorphicClassName;
|
1854
|
+
negative: PolymorphicClassName;
|
1855
|
+
};
|
1856
|
+
size: {
|
1857
|
+
l: PolymorphicClassName;
|
1858
|
+
m: PolymorphicClassName;
|
1859
|
+
s: PolymorphicClassName;
|
1860
|
+
xs: PolymorphicClassName;
|
1861
|
+
};
|
1862
|
+
labelPlacement: {
|
1863
|
+
inner: PolymorphicClassName;
|
1864
|
+
outer: PolymorphicClassName;
|
1865
|
+
};
|
1866
|
+
disabled: {
|
1867
|
+
true: PolymorphicClassName;
|
1868
|
+
};
|
1869
|
+
readOnly: {
|
1870
|
+
true: PolymorphicClassName;
|
1871
|
+
};
|
1872
|
+
}> & {
|
1873
|
+
size?: string | undefined;
|
1874
|
+
view?: string | undefined;
|
1875
|
+
readOnly?: boolean | undefined;
|
1876
|
+
disabled?: boolean | undefined;
|
1877
|
+
} & {
|
1878
|
+
label?: string | undefined;
|
1879
|
+
labelPlacement?: "outer" | "inner" | undefined;
|
1880
|
+
leftHelper?: string | undefined;
|
1881
|
+
contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
|
1882
|
+
contentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
|
1883
|
+
textBefore?: string | undefined;
|
1884
|
+
textAfter?: string | undefined;
|
1885
|
+
onSearch?: ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void) | undefined;
|
1886
|
+
} & {
|
1887
|
+
requiredPlacement?: "right" | "left" | undefined;
|
1888
|
+
} & {
|
1889
|
+
required: true;
|
1890
|
+
optional?: false | undefined;
|
1891
|
+
} & {
|
1892
|
+
chips?: undefined;
|
1893
|
+
onChangeChips?: undefined;
|
1894
|
+
enumerationType?: "plain" | undefined;
|
1895
|
+
onSearch?: ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void) | undefined;
|
1896
|
+
} & Omit<InputHTMLAttributes_2<HTMLInputElement>, "size" | "required"> & RefAttributes<HTMLInputElement> & MaskProps, "ref"> | Omit<PropsType< {
|
1897
|
+
view: {
|
1898
|
+
default: PolymorphicClassName;
|
1899
|
+
positive: PolymorphicClassName;
|
1900
|
+
warning: PolymorphicClassName;
|
1901
|
+
negative: PolymorphicClassName;
|
1902
|
+
};
|
1903
|
+
size: {
|
1904
|
+
l: PolymorphicClassName;
|
1905
|
+
m: PolymorphicClassName;
|
1906
|
+
s: PolymorphicClassName;
|
1907
|
+
xs: PolymorphicClassName;
|
1908
|
+
};
|
1909
|
+
labelPlacement: {
|
1910
|
+
inner: PolymorphicClassName;
|
1911
|
+
outer: PolymorphicClassName;
|
1912
|
+
};
|
1913
|
+
disabled: {
|
1914
|
+
true: PolymorphicClassName;
|
1915
|
+
};
|
1916
|
+
readOnly: {
|
1917
|
+
true: PolymorphicClassName;
|
1918
|
+
};
|
1919
|
+
}> & {
|
1920
|
+
size?: string | undefined;
|
1921
|
+
view?: string | undefined;
|
1922
|
+
readOnly?: boolean | undefined;
|
1923
|
+
disabled?: boolean | undefined;
|
1924
|
+
} & {
|
1925
|
+
label?: string | undefined;
|
1926
|
+
labelPlacement?: "outer" | "inner" | undefined;
|
1927
|
+
leftHelper?: string | undefined;
|
1928
|
+
contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
|
1929
|
+
contentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
|
1930
|
+
textBefore?: string | undefined;
|
1931
|
+
textAfter?: string | undefined;
|
1932
|
+
onSearch?: ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void) | undefined;
|
1933
|
+
} & {
|
1934
|
+
requiredPlacement?: "right" | "left" | undefined;
|
1935
|
+
} & {
|
1936
|
+
required: true;
|
1937
|
+
optional?: false | undefined;
|
1938
|
+
} & {
|
1939
|
+
enumerationType: "chip";
|
1940
|
+
onSearch?: undefined;
|
1941
|
+
chips?: TextFieldPrimitiveValue[] | undefined;
|
1942
|
+
onChangeChips?: ((value: TextFieldPrimitiveValue[]) => void) | undefined;
|
1943
|
+
} & Omit<InputHTMLAttributes_2<HTMLInputElement>, "size" | "required"> & RefAttributes<HTMLInputElement> & MaskProps, "ref"> | Omit<PropsType< {
|
1944
|
+
view: {
|
1945
|
+
default: PolymorphicClassName;
|
1946
|
+
positive: PolymorphicClassName;
|
1947
|
+
warning: PolymorphicClassName;
|
1948
|
+
negative: PolymorphicClassName;
|
1949
|
+
};
|
1950
|
+
size: {
|
1951
|
+
l: PolymorphicClassName;
|
1952
|
+
m: PolymorphicClassName;
|
1953
|
+
s: PolymorphicClassName;
|
1954
|
+
xs: PolymorphicClassName;
|
1955
|
+
};
|
1956
|
+
labelPlacement: {
|
1957
|
+
inner: PolymorphicClassName;
|
1958
|
+
outer: PolymorphicClassName;
|
1959
|
+
};
|
1960
|
+
disabled: {
|
1961
|
+
true: PolymorphicClassName;
|
1962
|
+
};
|
1963
|
+
readOnly: {
|
1964
|
+
true: PolymorphicClassName;
|
1965
|
+
};
|
1966
|
+
}> & {
|
1967
|
+
size?: string | undefined;
|
1968
|
+
view?: string | undefined;
|
1969
|
+
readOnly?: boolean | undefined;
|
1970
|
+
disabled?: boolean | undefined;
|
1971
|
+
} & {
|
1972
|
+
label?: string | undefined;
|
1973
|
+
labelPlacement?: "outer" | "inner" | undefined;
|
1974
|
+
leftHelper?: string | undefined;
|
1975
|
+
contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
|
1976
|
+
contentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
|
1977
|
+
textBefore?: string | undefined;
|
1978
|
+
textAfter?: string | undefined;
|
1979
|
+
onSearch?: ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void) | undefined;
|
1980
|
+
} & {
|
1981
|
+
requiredPlacement?: "right" | "left" | undefined;
|
1982
|
+
} & {
|
1983
|
+
optional?: true | undefined;
|
1984
|
+
required?: false | undefined;
|
1985
|
+
} & {
|
1986
|
+
chips?: undefined;
|
1987
|
+
onChangeChips?: undefined;
|
1988
|
+
enumerationType?: "plain" | undefined;
|
1989
|
+
onSearch?: ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void) | undefined;
|
1990
|
+
} & Omit<InputHTMLAttributes_2<HTMLInputElement>, "size" | "required"> & RefAttributes<HTMLInputElement> & MaskProps, "ref"> | Omit<PropsType< {
|
1991
|
+
view: {
|
1992
|
+
default: PolymorphicClassName;
|
1993
|
+
positive: PolymorphicClassName;
|
1994
|
+
warning: PolymorphicClassName;
|
1995
|
+
negative: PolymorphicClassName;
|
1996
|
+
};
|
1997
|
+
size: {
|
1998
|
+
l: PolymorphicClassName;
|
1999
|
+
m: PolymorphicClassName;
|
2000
|
+
s: PolymorphicClassName;
|
2001
|
+
xs: PolymorphicClassName;
|
2002
|
+
};
|
2003
|
+
labelPlacement: {
|
2004
|
+
inner: PolymorphicClassName;
|
2005
|
+
outer: PolymorphicClassName;
|
2006
|
+
};
|
2007
|
+
disabled: {
|
2008
|
+
true: PolymorphicClassName;
|
2009
|
+
};
|
2010
|
+
readOnly: {
|
2011
|
+
true: PolymorphicClassName;
|
2012
|
+
};
|
2013
|
+
}> & {
|
2014
|
+
size?: string | undefined;
|
2015
|
+
view?: string | undefined;
|
2016
|
+
readOnly?: boolean | undefined;
|
2017
|
+
disabled?: boolean | undefined;
|
2018
|
+
} & {
|
2019
|
+
label?: string | undefined;
|
2020
|
+
labelPlacement?: "outer" | "inner" | undefined;
|
2021
|
+
leftHelper?: string | undefined;
|
2022
|
+
contentLeft?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
|
2023
|
+
contentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
|
2024
|
+
textBefore?: string | undefined;
|
2025
|
+
textAfter?: string | undefined;
|
2026
|
+
onSearch?: ((value: string, event?: KeyboardEvent_2<HTMLInputElement> | undefined) => void) | undefined;
|
2027
|
+
} & {
|
2028
|
+
requiredPlacement?: "right" | "left" | undefined;
|
2029
|
+
} & {
|
2030
|
+
optional?: true | undefined;
|
2031
|
+
required?: false | undefined;
|
2032
|
+
} & {
|
2033
|
+
enumerationType: "chip";
|
2034
|
+
onSearch?: undefined;
|
2035
|
+
chips?: TextFieldPrimitiveValue[] | undefined;
|
2036
|
+
onChangeChips?: ((value: TextFieldPrimitiveValue[]) => void) | undefined;
|
2037
|
+
} & Omit<InputHTMLAttributes_2<HTMLInputElement>, "size" | "required"> & RefAttributes<HTMLInputElement> & MaskProps, "ref">) & RefAttributes<HTMLInputElement>>;
|
2038
|
+
|
1866
2039
|
export { MaxLinesProps }
|
1867
2040
|
|
1868
2041
|
export { mediaQuery }
|
@@ -1,23 +0,0 @@
|
|
1
|
-
export declare const config: {
|
2
|
-
defaults: {
|
3
|
-
view: string;
|
4
|
-
size: string;
|
5
|
-
};
|
6
|
-
variations: {
|
7
|
-
view: {
|
8
|
-
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
9
|
-
secondary: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
10
|
-
accent: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
11
|
-
};
|
12
|
-
size: {
|
13
|
-
l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
14
|
-
m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
15
|
-
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
16
|
-
xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
17
|
-
};
|
18
|
-
gap: {
|
19
|
-
dense: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
20
|
-
wide: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
21
|
-
};
|
22
|
-
};
|
23
|
-
};
|
@@ -1,32 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.config = void 0;
|
7
|
-
var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
|
8
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
|
9
|
-
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
10
|
-
var config = exports.config = {
|
11
|
-
defaults: {
|
12
|
-
view: 'default',
|
13
|
-
size: 'm'
|
14
|
-
},
|
15
|
-
variations: {
|
16
|
-
view: {
|
17
|
-
"default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default);\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default-hover);\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default-active);\n "])), _styledComponents.chipGroupTokens.chipColor, _styledComponents.chipGroupTokens.chipBackground, _styledComponents.chipGroupTokens.chipColorHover, _styledComponents.chipGroupTokens.chipBackgroundHover, _styledComponents.chipGroupTokens.chipColorActive, _styledComponents.chipGroupTokens.chipBackgroundActive),
|
18
|
-
secondary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-hover);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-active);\n "])), _styledComponents.chipGroupTokens.chipColor, _styledComponents.chipGroupTokens.chipBackground, _styledComponents.chipGroupTokens.chipColorHover, _styledComponents.chipGroupTokens.chipBackgroundHover, _styledComponents.chipGroupTokens.chipColorActive, _styledComponents.chipGroupTokens.chipBackgroundActive),
|
19
|
-
accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent-active);\n "])), _styledComponents.chipGroupTokens.chipColor, _styledComponents.chipGroupTokens.chipBackground, _styledComponents.chipGroupTokens.chipColorHover, _styledComponents.chipGroupTokens.chipBackgroundHover, _styledComponents.chipGroupTokens.chipColorActive, _styledComponents.chipGroupTokens.chipBackgroundActive)
|
20
|
-
},
|
21
|
-
size: {
|
22
|
-
l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.75rem;\n ", ": auto;\n ", ": 3rem;\n ", ": 1rem;\n ", ": 1rem;\n\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": -0.125rem;\n ", ": 0.5rem;\n ", ": 0.625rem;\n ", ": -0.25rem;\n\n ", ": 1.02;\n ", ": 0.98;\n\n ", ": 1.5rem;\n "])), _styledComponents.chipGroupTokens.chipBorderRadius, _styledComponents.chipGroupTokens.chipWidth, _styledComponents.chipGroupTokens.chipHeight, _styledComponents.chipGroupTokens.chipPaddingRight, _styledComponents.chipGroupTokens.chipPaddingLeft, _styledComponents.chipGroupTokens.chipFontFamily, _styledComponents.chipGroupTokens.chipFontSize, _styledComponents.chipGroupTokens.chipFontStyle, _styledComponents.chipGroupTokens.chipFontWeight, _styledComponents.chipGroupTokens.chipLetterSpacing, _styledComponents.chipGroupTokens.chipLineHeight, _styledComponents.chipGroupTokens.chipLeftContentMarginLeft, _styledComponents.chipGroupTokens.chipLeftContentMarginRight, _styledComponents.chipGroupTokens.chipClearContentMarginLeft, _styledComponents.chipGroupTokens.chipClearContentMarginRight, _styledComponents.chipGroupTokens.chipScaleHover, _styledComponents.chipGroupTokens.chipScaleActive, _styledComponents.chipGroupTokens.chipCloseIconSize),
|
23
|
-
m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.625rem;\n ", ": auto;\n ", ": 2.5rem;\n ", ": 0.875rem;\n ", ": 0.875rem;\n\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": -0.125rem;\n ", ": 0.375rem;\n ", ": 0.5rem;\n ", ": -0.25rem;\n\n ", ": 1.02;\n ", ": 0.98;\n\n ", ": 1rem;\n "])), _styledComponents.chipGroupTokens.chipBorderRadius, _styledComponents.chipGroupTokens.chipWidth, _styledComponents.chipGroupTokens.chipHeight, _styledComponents.chipGroupTokens.chipPaddingRight, _styledComponents.chipGroupTokens.chipPaddingLeft, _styledComponents.chipGroupTokens.chipFontFamily, _styledComponents.chipGroupTokens.chipFontSize, _styledComponents.chipGroupTokens.chipFontStyle, _styledComponents.chipGroupTokens.chipFontWeight, _styledComponents.chipGroupTokens.chipLetterSpacing, _styledComponents.chipGroupTokens.chipLineHeight, _styledComponents.chipGroupTokens.chipLeftContentMarginLeft, _styledComponents.chipGroupTokens.chipLeftContentMarginRight, _styledComponents.chipGroupTokens.chipClearContentMarginLeft, _styledComponents.chipGroupTokens.chipClearContentMarginRight, _styledComponents.chipGroupTokens.chipScaleHover, _styledComponents.chipGroupTokens.chipScaleActive, _styledComponents.chipGroupTokens.chipCloseIconSize),
|
24
|
-
s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n ", ": auto;\n ", ": 2rem;\n ", ": 0.875rem;\n ", ": 0.875rem;\n\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": -0.125rem;\n ", ": 0.25rem;\n ", ": 0.375rem;\n ", ": -0.25rem;\n\n ", ": 1.02;\n ", ": 0.98;\n\n ", ": 1rem;\n "])), _styledComponents.chipGroupTokens.chipBorderRadius, _styledComponents.chipGroupTokens.chipWidth, _styledComponents.chipGroupTokens.chipHeight, _styledComponents.chipGroupTokens.chipPaddingRight, _styledComponents.chipGroupTokens.chipPaddingLeft, _styledComponents.chipGroupTokens.chipFontFamily, _styledComponents.chipGroupTokens.chipFontSize, _styledComponents.chipGroupTokens.chipFontStyle, _styledComponents.chipGroupTokens.chipFontWeight, _styledComponents.chipGroupTokens.chipLetterSpacing, _styledComponents.chipGroupTokens.chipLineHeight, _styledComponents.chipGroupTokens.chipLeftContentMarginLeft, _styledComponents.chipGroupTokens.chipLeftContentMarginRight, _styledComponents.chipGroupTokens.chipClearContentMarginLeft, _styledComponents.chipGroupTokens.chipClearContentMarginRight, _styledComponents.chipGroupTokens.chipScaleHover, _styledComponents.chipGroupTokens.chipScaleActive, _styledComponents.chipGroupTokens.chipCloseIconSize),
|
25
|
-
xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.375rem;\n ", ": auto;\n ", ": 1.5rem;\n ", ": 0.625rem;\n ", ": 0.625rem;\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": -0.125rem;\n ", ": 0.25rem;\n ", ": 0.25rem;\n ", ": -0.25rem;\n\n ", ": 1.02;\n ", ": 0.98;\n\n ", ": 1rem;\n "])), _styledComponents.chipGroupTokens.chipBorderRadius, _styledComponents.chipGroupTokens.chipWidth, _styledComponents.chipGroupTokens.chipHeight, _styledComponents.chipGroupTokens.chipPaddingRight, _styledComponents.chipGroupTokens.chipPaddingLeft, _styledComponents.chipGroupTokens.chipFontFamily, _styledComponents.chipGroupTokens.chipFontSize, _styledComponents.chipGroupTokens.chipFontStyle, _styledComponents.chipGroupTokens.chipFontWeight, _styledComponents.chipGroupTokens.chipLetterSpacing, _styledComponents.chipGroupTokens.chipLineHeight, _styledComponents.chipGroupTokens.chipLeftContentMarginLeft, _styledComponents.chipGroupTokens.chipLeftContentMarginRight, _styledComponents.chipGroupTokens.chipClearContentMarginLeft, _styledComponents.chipGroupTokens.chipClearContentMarginRight, _styledComponents.chipGroupTokens.chipScaleHover, _styledComponents.chipGroupTokens.chipScaleActive, _styledComponents.chipGroupTokens.chipCloseIconSize)
|
26
|
-
},
|
27
|
-
gap: {
|
28
|
-
dense: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.125rem;\n "])), _styledComponents.chipGroupTokens.chipGroupItemsGap),
|
29
|
-
wide: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n "])), _styledComponents.chipGroupTokens.chipGroupItemsGap)
|
30
|
-
}
|
31
|
-
}
|
32
|
-
};
|
@@ -1,18 +0,0 @@
|
|
1
|
-
/// <reference types="react" />
|
2
|
-
export declare const ChipGroup: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
|
3
|
-
view: {
|
4
|
-
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
5
|
-
secondary: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
6
|
-
accent: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
7
|
-
};
|
8
|
-
size: {
|
9
|
-
l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
10
|
-
m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
11
|
-
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
12
|
-
xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
13
|
-
};
|
14
|
-
gap: {
|
15
|
-
dense: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
16
|
-
wide: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
17
|
-
};
|
18
|
-
}> & import("@salutejs/plasma-new-hope/types/components/ChipGroup/ChipGroup.types").ChipGroupProps & import("react").RefAttributes<HTMLDivElement>>;
|
@@ -1,10 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.ChipGroup = void 0;
|
7
|
-
var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
|
8
|
-
var _ChipGroup = /*#__PURE__*/require("./ChipGroup.config");
|
9
|
-
var mergedConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.chipGroupConfig, _ChipGroup.config);
|
10
|
-
var ChipGroup = exports.ChipGroup = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);
|
@@ -1 +0,0 @@
|
|
1
|
-
export { ChipGroup } from './ChipGroup';
|