@salutejs/plasma-web 1.401.0-canary.1445.10941168954.0 → 1.401.0-dev.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/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/temp/plasma-web.api.md +0 -2897
- /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.401.0-
|
3
|
+
"version": "1.401.0-dev.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.149.0-
|
24
|
+
"@salutejs/plasma-new-hope": "0.149.0-dev.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": "5e091a99416b158aad15a24710aef1843dfb41b1"
|
116
116
|
}
|
@@ -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';
|
@@ -1,31 +0,0 @@
|
|
1
|
-
import './ChipGroup.config_o3u1bd.css';
|
2
|
-
'use strict';
|
3
|
-
|
4
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
5
|
-
|
6
|
-
var config = {
|
7
|
-
defaults: {
|
8
|
-
view: 'default',
|
9
|
-
size: 'm'
|
10
|
-
},
|
11
|
-
variations: {
|
12
|
-
view: {
|
13
|
-
"default": "d1ypmiwn",
|
14
|
-
secondary: "sxaw5dt",
|
15
|
-
accent: "aimo9hk"
|
16
|
-
},
|
17
|
-
size: {
|
18
|
-
l: "l1ecjycw",
|
19
|
-
m: "m9yz770",
|
20
|
-
s: "s9y7l64",
|
21
|
-
xs: "x1v0c462"
|
22
|
-
},
|
23
|
-
gap: {
|
24
|
-
dense: "dp6l87u",
|
25
|
-
wide: "wug1gkx"
|
26
|
-
}
|
27
|
-
}
|
28
|
-
};
|
29
|
-
|
30
|
-
exports.config = config;
|
31
|
-
//# sourceMappingURL=ChipGroup.config.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"ChipGroup.config.js","sources":["../../../../src-css/components/ChipGroup/ChipGroup.config.ts"],"sourcesContent":["import { css, chipGroupTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${tokens.chipColor}: var(--inverse-text-primary);\n ${tokens.chipBackground}: var(--surface-solid-default);\n ${tokens.chipColorHover}: var(--inverse-text-primary);\n ${tokens.chipBackgroundHover}: var(--surface-solid-default-hover);\n ${tokens.chipColorActive}: var(--inverse-text-primary);\n ${tokens.chipBackgroundActive}: var(--surface-solid-default-active);\n `,\n secondary: css`\n ${tokens.chipColor}: var(--text-primary);\n ${tokens.chipBackground}: var(--surface-transparent-secondary);\n ${tokens.chipColorHover}: var(--text-primary);\n ${tokens.chipBackgroundHover}: var(--surface-transparent-secondary-hover);\n ${tokens.chipColorActive}: var(--text-primary);\n ${tokens.chipBackgroundActive}: var(--surface-transparent-secondary-active);\n `,\n accent: css`\n ${tokens.chipColor}: var(--on-dark-text-primary);\n ${tokens.chipBackground}: var(--surface-accent);\n ${tokens.chipColorHover}: var(--on-dark-text-primary);\n ${tokens.chipBackgroundHover}: var(--surface-accent-hover);\n ${tokens.chipColorActive}: var(--on-dark-text-primary);\n ${tokens.chipBackgroundActive}: var(--surface-accent-active);\n `,\n },\n size: {\n l: css`\n ${tokens.chipBorderRadius}: 0.75rem;\n ${tokens.chipWidth}: auto;\n ${tokens.chipHeight}: 3rem;\n ${tokens.chipPaddingRight}: 1rem;\n ${tokens.chipPaddingLeft}: 1rem;\n\n ${tokens.chipFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.chipFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.chipFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.chipFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.chipLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.chipLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.chipLeftContentMarginLeft}: -0.125rem;\n ${tokens.chipLeftContentMarginRight}: 0.5rem;\n ${tokens.chipClearContentMarginLeft}: 0.625rem;\n ${tokens.chipClearContentMarginRight}: -0.25rem;\n\n ${tokens.chipScaleHover}: 1.02;\n ${tokens.chipScaleActive}: 0.98;\n\n ${tokens.chipCloseIconSize}: 1.5rem;\n `,\n m: css`\n ${tokens.chipBorderRadius}: 0.625rem;\n ${tokens.chipWidth}: auto;\n ${tokens.chipHeight}: 2.5rem;\n ${tokens.chipPaddingRight}: 0.875rem;\n ${tokens.chipPaddingLeft}: 0.875rem;\n\n ${tokens.chipFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.chipFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.chipFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.chipFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.chipLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.chipLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.chipLeftContentMarginLeft}: -0.125rem;\n ${tokens.chipLeftContentMarginRight}: 0.375rem;\n ${tokens.chipClearContentMarginLeft}: 0.5rem;\n ${tokens.chipClearContentMarginRight}: -0.25rem;\n\n ${tokens.chipScaleHover}: 1.02;\n ${tokens.chipScaleActive}: 0.98;\n\n ${tokens.chipCloseIconSize}: 1rem;\n `,\n s: css`\n ${tokens.chipBorderRadius}: 0.5rem;\n ${tokens.chipWidth}: auto;\n ${tokens.chipHeight}: 2rem;\n ${tokens.chipPaddingRight}: 0.875rem;\n ${tokens.chipPaddingLeft}: 0.875rem;\n\n ${tokens.chipFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.chipFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.chipFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.chipFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.chipLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.chipLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.chipLeftContentMarginLeft}: -0.125rem;\n ${tokens.chipLeftContentMarginRight}: 0.25rem;\n ${tokens.chipClearContentMarginLeft}: 0.375rem;\n ${tokens.chipClearContentMarginRight}: -0.25rem;\n\n ${tokens.chipScaleHover}: 1.02;\n ${tokens.chipScaleActive}: 0.98;\n\n ${tokens.chipCloseIconSize}: 1rem;\n `,\n xs: css`\n ${tokens.chipBorderRadius}: 0.375rem;\n ${tokens.chipWidth}: auto;\n ${tokens.chipHeight}: 1.5rem;\n ${tokens.chipPaddingRight}: 0.625rem;\n ${tokens.chipPaddingLeft}: 0.625rem;\n\n ${tokens.chipFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.chipFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.chipFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.chipFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.chipLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.chipLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.chipLeftContentMarginLeft}: -0.125rem;\n ${tokens.chipLeftContentMarginRight}: 0.25rem;\n ${tokens.chipClearContentMarginLeft}: 0.25rem;\n ${tokens.chipClearContentMarginRight}: -0.25rem;\n\n ${tokens.chipScaleHover}: 1.02;\n ${tokens.chipScaleActive}: 0.98;\n\n ${tokens.chipCloseIconSize}: 1rem;\n `,\n },\n gap: {\n dense: css`\n ${tokens.chipGroupItemsGap}: 0.125rem;\n `,\n wide: css`\n ${tokens.chipGroupItemsGap}: 0.5rem;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","secondary","accent","l","m","s","xs","gap","dense","wide"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAAA,EAOC,UAAA;AACDC,MAAAA,SAAS,EAOR,SAAA;AACDC,MAAAA,MAAM,EAAA,SAAA;KAQT;AACDJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,CAAC,EAuBA,UAAA;AACDC,MAAAA,CAAC,EAuBA,SAAA;AACDC,MAAAA,CAAC,EAuBA,SAAA;AACDC,MAAAA,EAAE,EAAA,UAAA;KAwBL;AACDC,IAAAA,GAAG,EAAE;AACDC,MAAAA,KAAK,EAEJ,SAAA;AACDC,MAAAA,IAAI,EAAA,SAAA;AAGR,KAAA;AACJ,GAAA;AACJ;;;;"}
|
@@ -1,9 +0,0 @@
|
|
1
|
-
.d1ypmiwn{--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);}
|
2
|
-
.sxaw5dt{--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);}
|
3
|
-
.aimo9hk{--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);}
|
4
|
-
.l1ecjycw{--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;}
|
5
|
-
.m9yz770{--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;}
|
6
|
-
.s9y7l64{--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;}
|
7
|
-
.x1v0c462{--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;}
|
8
|
-
.dp6l87u{--plasma-chip-group-items-gap:0.125rem;}
|
9
|
-
.wug1gkx{--plasma-chip-group-items-gap:0.5rem;}
|
@@ -1,9 +0,0 @@
|
|
1
|
-
.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);}
|
2
|
-
.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);}
|
3
|
-
.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);}
|
4
|
-
.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;}
|
5
|
-
.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;}
|
6
|
-
.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;}
|
7
|
-
.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;}
|
8
|
-
.ChipGroup_config_o3u1bd_dp6l87u__e56ee064{--plasma-chip-group-items-gap:0.125rem;}
|
9
|
-
.ChipGroup_config_o3u1bd_wug1gkx__e56ee064{--plasma-chip-group-items-gap:0.5rem;}
|
@@ -1,12 +0,0 @@
|
|
1
|
-
'use strict';
|
2
|
-
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
-
|
5
|
-
var plasmaNewHope = require('@salutejs/plasma-new-hope');
|
6
|
-
var ChipGroup_config = require('./ChipGroup.config.js');
|
7
|
-
|
8
|
-
var mergedConfig = /*#__PURE__*/plasmaNewHope.mergeConfig(plasmaNewHope.chipGroupConfig, ChipGroup_config.config);
|
9
|
-
var ChipGroup = /*#__PURE__*/plasmaNewHope.component(mergedConfig);
|
10
|
-
|
11
|
-
exports.ChipGroup = ChipGroup;
|
12
|
-
//# sourceMappingURL=ChipGroup.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"ChipGroup.js","sources":["../../../../src-css/components/ChipGroup/ChipGroup.ts"],"sourcesContent":["import { chipGroupConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './ChipGroup.config';\n\nconst mergedConfig = mergeConfig(chipGroupConfig, config);\n\nexport const ChipGroup = component(mergedConfig);\n"],"names":["mergedConfig","mergeConfig","chipGroupConfig","config","ChipGroup","component"],"mappings":";;;;;;;AAIA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,6BAAe,EAAEC,uBAAM,CAAC,CAAA;IAE5CC,SAAS,gBAAGC,uBAAS,CAACL,YAAY;;;;"}
|
@@ -1,27 +0,0 @@
|
|
1
|
-
import './ChipGroup.config_o3u1bd.css';
|
2
|
-
var config = {
|
3
|
-
defaults: {
|
4
|
-
view: 'default',
|
5
|
-
size: 'm'
|
6
|
-
},
|
7
|
-
variations: {
|
8
|
-
view: {
|
9
|
-
"default": "d1ypmiwn",
|
10
|
-
secondary: "sxaw5dt",
|
11
|
-
accent: "aimo9hk"
|
12
|
-
},
|
13
|
-
size: {
|
14
|
-
l: "l1ecjycw",
|
15
|
-
m: "m9yz770",
|
16
|
-
s: "s9y7l64",
|
17
|
-
xs: "x1v0c462"
|
18
|
-
},
|
19
|
-
gap: {
|
20
|
-
dense: "dp6l87u",
|
21
|
-
wide: "wug1gkx"
|
22
|
-
}
|
23
|
-
}
|
24
|
-
};
|
25
|
-
|
26
|
-
export { config };
|
27
|
-
//# sourceMappingURL=ChipGroup.config.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"ChipGroup.config.js","sources":["../../../../src-css/components/ChipGroup/ChipGroup.config.ts"],"sourcesContent":["import { css, chipGroupTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${tokens.chipColor}: var(--inverse-text-primary);\n ${tokens.chipBackground}: var(--surface-solid-default);\n ${tokens.chipColorHover}: var(--inverse-text-primary);\n ${tokens.chipBackgroundHover}: var(--surface-solid-default-hover);\n ${tokens.chipColorActive}: var(--inverse-text-primary);\n ${tokens.chipBackgroundActive}: var(--surface-solid-default-active);\n `,\n secondary: css`\n ${tokens.chipColor}: var(--text-primary);\n ${tokens.chipBackground}: var(--surface-transparent-secondary);\n ${tokens.chipColorHover}: var(--text-primary);\n ${tokens.chipBackgroundHover}: var(--surface-transparent-secondary-hover);\n ${tokens.chipColorActive}: var(--text-primary);\n ${tokens.chipBackgroundActive}: var(--surface-transparent-secondary-active);\n `,\n accent: css`\n ${tokens.chipColor}: var(--on-dark-text-primary);\n ${tokens.chipBackground}: var(--surface-accent);\n ${tokens.chipColorHover}: var(--on-dark-text-primary);\n ${tokens.chipBackgroundHover}: var(--surface-accent-hover);\n ${tokens.chipColorActive}: var(--on-dark-text-primary);\n ${tokens.chipBackgroundActive}: var(--surface-accent-active);\n `,\n },\n size: {\n l: css`\n ${tokens.chipBorderRadius}: 0.75rem;\n ${tokens.chipWidth}: auto;\n ${tokens.chipHeight}: 3rem;\n ${tokens.chipPaddingRight}: 1rem;\n ${tokens.chipPaddingLeft}: 1rem;\n\n ${tokens.chipFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.chipFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.chipFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.chipFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.chipLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.chipLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.chipLeftContentMarginLeft}: -0.125rem;\n ${tokens.chipLeftContentMarginRight}: 0.5rem;\n ${tokens.chipClearContentMarginLeft}: 0.625rem;\n ${tokens.chipClearContentMarginRight}: -0.25rem;\n\n ${tokens.chipScaleHover}: 1.02;\n ${tokens.chipScaleActive}: 0.98;\n\n ${tokens.chipCloseIconSize}: 1.5rem;\n `,\n m: css`\n ${tokens.chipBorderRadius}: 0.625rem;\n ${tokens.chipWidth}: auto;\n ${tokens.chipHeight}: 2.5rem;\n ${tokens.chipPaddingRight}: 0.875rem;\n ${tokens.chipPaddingLeft}: 0.875rem;\n\n ${tokens.chipFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.chipFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.chipFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.chipFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.chipLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.chipLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.chipLeftContentMarginLeft}: -0.125rem;\n ${tokens.chipLeftContentMarginRight}: 0.375rem;\n ${tokens.chipClearContentMarginLeft}: 0.5rem;\n ${tokens.chipClearContentMarginRight}: -0.25rem;\n\n ${tokens.chipScaleHover}: 1.02;\n ${tokens.chipScaleActive}: 0.98;\n\n ${tokens.chipCloseIconSize}: 1rem;\n `,\n s: css`\n ${tokens.chipBorderRadius}: 0.5rem;\n ${tokens.chipWidth}: auto;\n ${tokens.chipHeight}: 2rem;\n ${tokens.chipPaddingRight}: 0.875rem;\n ${tokens.chipPaddingLeft}: 0.875rem;\n\n ${tokens.chipFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.chipFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.chipFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.chipFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.chipLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.chipLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.chipLeftContentMarginLeft}: -0.125rem;\n ${tokens.chipLeftContentMarginRight}: 0.25rem;\n ${tokens.chipClearContentMarginLeft}: 0.375rem;\n ${tokens.chipClearContentMarginRight}: -0.25rem;\n\n ${tokens.chipScaleHover}: 1.02;\n ${tokens.chipScaleActive}: 0.98;\n\n ${tokens.chipCloseIconSize}: 1rem;\n `,\n xs: css`\n ${tokens.chipBorderRadius}: 0.375rem;\n ${tokens.chipWidth}: auto;\n ${tokens.chipHeight}: 1.5rem;\n ${tokens.chipPaddingRight}: 0.625rem;\n ${tokens.chipPaddingLeft}: 0.625rem;\n\n ${tokens.chipFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.chipFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.chipFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.chipFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.chipLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.chipLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.chipLeftContentMarginLeft}: -0.125rem;\n ${tokens.chipLeftContentMarginRight}: 0.25rem;\n ${tokens.chipClearContentMarginLeft}: 0.25rem;\n ${tokens.chipClearContentMarginRight}: -0.25rem;\n\n ${tokens.chipScaleHover}: 1.02;\n ${tokens.chipScaleActive}: 0.98;\n\n ${tokens.chipCloseIconSize}: 1rem;\n `,\n },\n gap: {\n dense: css`\n ${tokens.chipGroupItemsGap}: 0.125rem;\n `,\n wide: css`\n ${tokens.chipGroupItemsGap}: 0.5rem;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","secondary","accent","l","m","s","xs","gap","dense","wide"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAAA,EAOC,UAAA;AACDC,MAAAA,SAAS,EAOR,SAAA;AACDC,MAAAA,MAAM,EAAA,SAAA;KAQT;AACDJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,CAAC,EAuBA,UAAA;AACDC,MAAAA,CAAC,EAuBA,SAAA;AACDC,MAAAA,CAAC,EAuBA,SAAA;AACDC,MAAAA,EAAE,EAAA,UAAA;KAwBL;AACDC,IAAAA,GAAG,EAAE;AACDC,MAAAA,KAAK,EAEJ,SAAA;AACDC,MAAAA,IAAI,EAAA,SAAA;AAGR,KAAA;AACJ,GAAA;AACJ;;;;"}
|
@@ -1,9 +0,0 @@
|
|
1
|
-
.d1ypmiwn{--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);}
|
2
|
-
.sxaw5dt{--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);}
|
3
|
-
.aimo9hk{--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);}
|
4
|
-
.l1ecjycw{--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;}
|
5
|
-
.m9yz770{--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;}
|
6
|
-
.s9y7l64{--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;}
|
7
|
-
.x1v0c462{--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;}
|
8
|
-
.dp6l87u{--plasma-chip-group-items-gap:0.125rem;}
|
9
|
-
.wug1gkx{--plasma-chip-group-items-gap:0.5rem;}
|
@@ -1,9 +0,0 @@
|
|
1
|
-
.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);}
|
2
|
-
.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);}
|
3
|
-
.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);}
|
4
|
-
.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;}
|
5
|
-
.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;}
|
6
|
-
.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;}
|
7
|
-
.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;}
|
8
|
-
.ChipGroup_config_o3u1bd_dp6l87u__e56ee064{--plasma-chip-group-items-gap:0.125rem;}
|
9
|
-
.ChipGroup_config_o3u1bd_wug1gkx__e56ee064{--plasma-chip-group-items-gap:0.5rem;}
|
@@ -1,8 +0,0 @@
|
|
1
|
-
import { component, mergeConfig, chipGroupConfig } from '@salutejs/plasma-new-hope';
|
2
|
-
import { config } from './ChipGroup.config.js';
|
3
|
-
|
4
|
-
var mergedConfig = /*#__PURE__*/mergeConfig(chipGroupConfig, config);
|
5
|
-
var ChipGroup = /*#__PURE__*/component(mergedConfig);
|
6
|
-
|
7
|
-
export { ChipGroup };
|
8
|
-
//# sourceMappingURL=ChipGroup.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"ChipGroup.js","sources":["../../../../src-css/components/ChipGroup/ChipGroup.ts"],"sourcesContent":["import { chipGroupConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './ChipGroup.config';\n\nconst mergedConfig = mergeConfig(chipGroupConfig, config);\n\nexport const ChipGroup = component(mergedConfig);\n"],"names":["mergedConfig","mergeConfig","chipGroupConfig","config","ChipGroup","component"],"mappings":";;;AAIA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,eAAe,EAAEC,MAAM,CAAC,CAAA;IAE5CC,SAAS,gBAAGC,SAAS,CAACL,YAAY;;;;"}
|