@salutejs/plasma-web 1.398.0-dev.0 → 1.399.0-canary.1437.10892194926.0
Sign up to get free protection for your applications and to get access to all the features.
- package/api/plasma-web.api.md +16 -2
- package/components/Attach/Attach.config.d.ts +17 -0
- package/components/Attach/Attach.config.js +26 -0
- package/components/Attach/Attach.d.ts +15 -0
- package/components/Attach/Attach.js +14 -0
- package/components/Attach/index.d.ts +1 -0
- package/components/Attach/index.js +12 -0
- package/components/Cell/Cell.d.ts +2 -2
- package/css/cjs/components/Attach/Attach.config.js +25 -0
- package/css/cjs/components/Attach/Attach.config.js.map +1 -0
- package/css/cjs/components/Attach/Attach.config_1nrbql0.css +5 -0
- package/css/cjs/components/Attach/Attach.css +5 -0
- package/css/cjs/components/Attach/Attach.js +16 -0
- package/css/cjs/components/Attach/Attach.js.map +1 -0
- package/css/cjs/index.css +6 -0
- package/css/cjs/index.js +2 -0
- package/css/cjs/index.js.map +1 -1
- package/css/es/components/Attach/Attach.config.js +21 -0
- package/css/es/components/Attach/Attach.config.js.map +1 -0
- package/css/es/components/Attach/Attach.config_1nrbql0.css +5 -0
- package/css/es/components/Attach/Attach.css +5 -0
- package/css/es/components/Attach/Attach.js +12 -0
- package/css/es/components/Attach/Attach.js.map +1 -0
- package/css/es/index.css +6 -0
- package/css/es/index.js +1 -0
- package/css/es/index.js.map +1 -1
- package/css/index.d.ts +2 -0
- package/es/components/Attach/Attach.config.js +20 -0
- package/es/components/Attach/Attach.js +8 -0
- package/es/components/Attach/index.js +1 -0
- package/es/index.js +2 -1
- package/index.d.ts +1 -0
- package/index.js +11 -0
- package/package.json +3 -3
- package/temp/plasma-web.api.md +2891 -0
package/css/es/index.css
CHANGED
@@ -9,6 +9,12 @@
|
|
9
9
|
|
10
10
|
|
11
11
|
|
12
|
+
.Attach_config_1nrbql0_dh2upgr__02eb95ec{--plasma-attach-button-color:var(--on-dark-text-primary);--plasma-attach-button-background-color:var(--surface-accent);--plasma-attach-button-color-hover:var(--on-dark-text-primary);--plasma-attach-button-background-color-hover:var(--surface-accent-hover);--plasma-attach-button-color-active:var(--on-dark-text-primary);--plasma-attach-button-background-color-active:var(--surface-accent-active);--plasma-attach-cell-color:var(--text-primary);--plasma-attach-cell-label-color:var(--text-secondary);--plasma-attach-cell-title-color:var(--text-primary);--plasma-attach-cell-subtitle-color:var(--text-secondary);--plasma-attach-cell-background-color:transparent;--plasma-attach-icon-button-color:var(--text-primary);--plasma-attach-icon-button-background-color:var(--surface-clear);--plasma-attach-icon-button-color-hover:var(--text-primary-hover);--plasma-attach-icon-button-background-color-hover:var(--surface-clear);--plasma-attach-icon-button-color-active:var(--text-primary-active);--plasma-attach-icon-button-background-color-active:var(--surface-clear);}
|
13
|
+
.Attach_config_1nrbql0_l8wsq7j__02eb95ec{--plasma-attach-horizontal-gap:1.5rem;--plasma-attach-vertical-gap:0.5rem;--plasma-attach-button-height:3.5rem;--plasma-attach-button-width:12.5rem;--plasma-attach-button-padding:1.5rem;--plasma-attach-button-radius:0.875rem;--plasma-attach-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-attach-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-attach-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-attach-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-attach-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-attach-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-attach-cell-width:15rem;--plasma-attach-cell-padding:0rem;--plasma-attach-cell-padding-left-content:0rem;--plasma-attach-cell-padding-content:0rem;--plasma-attach-cell-padding-right-content:0rem;--plasma-attach-cell-textbox-gap:0.125rem;--plasma-attach-cell-gap:0.375rem;--plasma-attach-cell-label-font-family:var(--plasma-typo-body-m-font-family);--plasma-attach-cell-label-font-size:var(--plasma-typo-body-m-font-size);--plasma-attach-cell-label-font-style:var(--plasma-typo-body-m-font-style);--plasma-attach-cell-label-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-attach-cell-label-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-attach-cell-label-line-height:var(--plasma-typo-body-m-line-height);--plasma-attach-cell-title-font-family:var(--plasma-typo-body-l-font-family);--plasma-attach-cell-title-font-size:var(--plasma-typo-body-l-font-size);--plasma-attach-cell-title-font-style:var(--plasma-typo-body-l-font-style);--plasma-attach-cell-title-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-attach-cell-title-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-attach-cell-title-line-height:var(--plasma-typo-body-l-line-height);--plasma-attach-cell-subtitle-font-family:var(--plasma-typo-body-m-font-family);--plasma-attach-cell-subtitle-font-size:var(--plasma-typo-body-m-font-size);--plasma-attach-cell-subtitle-font-style:var(--plasma-typo-body-m-font-style);--plasma-attach-cell-subtitle-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-attach-cell-subtitle-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-attach-cell-subtitle-line-height:var(--plasma-typo-body-m-line-height);--plasma-attach-icon-button-height:3.5rem;--plasma-attach-icon-button-width:3.5rem;--plasma-attach-icon-button-padding:1.5rem;--plasma-attach-icon-button-radius:0.875rem;--plasma-attach-icon-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-attach-icon-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-attach-icon-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-attach-icon-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-attach-icon-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-attach-icon-button-line-height:var(--plasma-typo-body-l-line-height);}
|
14
|
+
.Attach_config_1nrbql0_m5x2wim__02eb95ec{--plasma-attach-horizontal-gap:1.25rem;--plasma-attach-vertical-gap:0.5rem;--plasma-attach-button-height:3rem;--plasma-attach-button-width:11.25rem;--plasma-attach-button-padding:1.25rem;--plasma-attach-button-radius:0.75rem;--plasma-attach-button-font-family:var(--plasma-typo-body-m-font-family);--plasma-attach-button-font-size:var(--plasma-typo-body-m-font-size);--plasma-attach-button-font-style:var(--plasma-typo-body-m-font-style);--plasma-attach-button-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-attach-button-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-attach-button-line-height:var(--plasma-typo-body-m-line-height);--plasma-attach-cell-width:15rem;--plasma-attach-cell-padding:0rem;--plasma-attach-cell-padding-left-content:0rem;--plasma-attach-cell-padding-content:0rem;--plasma-attach-cell-padding-right-content:0rem;--plasma-attach-cell-textbox-gap:0.125rem;--plasma-attach-cell-gap:0.375rem;--plasma-attach-cell-label-font-family:var(--plasma-typo-body-s-font-family);--plasma-attach-cell-label-font-size:var(--plasma-typo-body-s-font-size);--plasma-attach-cell-label-font-style:var(--plasma-typo-body-s-font-style);--plasma-attach-cell-label-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-attach-cell-label-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-attach-cell-label-line-height:var(--plasma-typo-body-s-line-height);--plasma-attach-cell-title-font-family:var(--plasma-typo-body-m-font-family);--plasma-attach-cell-title-font-size:var(--plasma-typo-body-m-font-size);--plasma-attach-cell-title-font-style:var(--plasma-typo-body-m-font-style);--plasma-attach-cell-title-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-attach-cell-title-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-attach-cell-title-line-height:var(--plasma-typo-body-m-line-height);--plasma-attach-cell-subtitle-font-family:var(--plasma-typo-body-s-font-family);--plasma-attach-cell-subtitle-font-size:var(--plasma-typo-body-s-font-size);--plasma-attach-cell-subtitle-font-style:var(--plasma-typo-body-s-font-style);--plasma-attach-cell-subtitle-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-attach-cell-subtitle-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-attach-cell-subtitle-line-height:var(--plasma-typo-body-s-line-height);--plasma-attach-icon-button-height:2rem;--plasma-attach-icon-button-width:2rem;--plasma-attach-icon-button-padding:0.75rem;--plasma-attach-icon-button-radius:0.5rem;--plasma-attach-icon-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-attach-icon-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-attach-icon-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-attach-icon-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-attach-icon-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-attach-icon-button-line-height:var(--plasma-typo-body-xs-line-height);}
|
15
|
+
.Attach_config_1nrbql0_s7t1r9b__02eb95ec{--plasma-attach-horizontal-gap:1rem;--plasma-attach-vertical-gap:0.375rem;--plasma-attach-button-height:2.5rem;--plasma-attach-button-width:11.25rem;--plasma-attach-button-padding:1rem;--plasma-attach-button-radius:0.625rem;--plasma-attach-button-font-family:var(--plasma-typo-body-s-font-family);--plasma-attach-button-font-size:var(--plasma-typo-body-s-font-size);--plasma-attach-button-font-style:var(--plasma-typo-body-s-font-style);--plasma-attach-button-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-attach-button-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-attach-button-line-height:var(--plasma-typo-body-s-line-height);--plasma-attach-cell-width:15rem;--plasma-attach-cell-padding:0rem;--plasma-attach-cell-padding-left-content:0rem;--plasma-attach-cell-padding-content:0rem;--plasma-attach-cell-padding-right-content:0rem;--plasma-attach-cell-textbox-gap:0.125rem;--plasma-attach-cell-gap:0.375rem;--plasma-attach-cell-label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-attach-cell-label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-attach-cell-label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-attach-cell-label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-attach-cell-label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-attach-cell-label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-attach-cell-title-font-family:var(--plasma-typo-body-s-font-family);--plasma-attach-cell-title-font-size:var(--plasma-typo-body-s-font-size);--plasma-attach-cell-title-font-style:var(--plasma-typo-body-s-font-style);--plasma-attach-cell-title-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-attach-cell-title-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-attach-cell-title-line-height:var(--plasma-typo-body-s-line-height);--plasma-attach-cell-subtitle-font-family:var(--plasma-typo-body-xs-font-family);--plasma-attach-cell-subtitle-font-size:var(--plasma-typo-body-xs-font-size);--plasma-attach-cell-subtitle-font-style:var(--plasma-typo-body-xs-font-style);--plasma-attach-cell-subtitle-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-attach-cell-subtitle-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-attach-cell-subtitle-line-height:var(--plasma-typo-body-xs-line-height);--plasma-attach-icon-button-height:2.5rem;--plasma-attach-icon-button-width:2.5rem;--plasma-attach-icon-button-padding:1rem;--plasma-attach-icon-button-radius:0.625rem;--plasma-attach-icon-button-font-family:var(--plasma-typo-body-s-font-family);--plasma-attach-icon-button-font-size:var(--plasma-typo-body-s-font-size);--plasma-attach-icon-button-font-style:var(--plasma-typo-body-s-font-style);--plasma-attach-icon-button-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-attach-icon-button-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-attach-icon-button-line-height:var(--plasma-typo-body-s-line-height);}
|
16
|
+
.Attach_config_1nrbql0_xavuac0__02eb95ec{--plasma-attach-horizontal-gap:0.75rem;--plasma-attach-vertical-gap:0.25rem;--plasma-attach-button-height:2rem;--plasma-attach-button-width:10rem;--plasma-attach-button-padding:0.75rem;--plasma-attach-button-radius:0.5rem;--plasma-attach-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-attach-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-attach-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-attach-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-attach-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-attach-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-attach-cell-width:15rem;--plasma-attach-cell-padding:0rem;--plasma-attach-cell-padding-left-content:0rem;--plasma-attach-cell-padding-content:0rem;--plasma-attach-cell-padding-right-content:0rem;--plasma-attach-cell-textbox-gap:0.125rem;--plasma-attach-cell-gap:0.25rem;--plasma-attach-cell-label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-attach-cell-label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-attach-cell-label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-attach-cell-label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-attach-cell-label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-attach-cell-label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-attach-cell-title-font-family:var(--plasma-typo-body-xs-font-family);--plasma-attach-cell-title-font-size:var(--plasma-typo-body-xs-font-size);--plasma-attach-cell-title-font-style:var(--plasma-typo-body-xs-font-style);--plasma-attach-cell-title-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-attach-cell-title-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-attach-cell-title-line-height:var(--plasma-typo-body-xs-line-height);--plasma-attach-cell-subtitle-font-family:var(--plasma-typo-body-xs-font-family);--plasma-attach-cell-subtitle-font-size:var(--plasma-typo-body-xs-font-size);--plasma-attach-cell-subtitle-font-style:var(--plasma-typo-body-xs-font-style);--plasma-attach-cell-subtitle-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-attach-cell-subtitle-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-attach-cell-subtitle-line-height:var(--plasma-typo-body-xs-line-height);--plasma-attach-icon-button-height:2rem;--plasma-attach-icon-button-width:2rem;--plasma-attach-icon-button-padding:0.75rem;--plasma-attach-icon-button-radius:0.5rem;--plasma-attach-icon-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-attach-icon-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-attach-icon-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-attach-icon-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-attach-icon-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-attach-icon-button-line-height:var(--plasma-typo-body-xs-line-height);}
|
17
|
+
|
12
18
|
.Autocomplete_config_3qyax3_d15witju__da5429ae{--plasma-autocomplete-textfield-color:var(--text-primary);--plasma-autocomplete-textfield-background-color:var(--surface-clear);--plasma-autocomplete-textfield-caret-color:var(--text-accent);--plasma-autocomplete-textfield-placeholder-color:var(--text-secondary);--plasma-autocomplete-textfield__before-text-color:var(--text-tertiary);--plasma-autocomplete-textfield__after-text-color:var(--text-tertiary);--plasma-autocomplete-textfield-label-color:var(--text-primary);--plasma-autocomplete-textfield__left-helper-color:var(--text-secondary);--plasma-autocomplete-textfield-focus-color:var(--text-accent);--plasma-autocomplete-textfield-border-color:var(--surface-transparent-tertiary);--plasma-autocomplete-textfield-border-color-hover:var(--plasma-colors-secondary);--plasma-autocomplete-textfield-border-color-focus:var(--surface-accent);--plasma-autocomplete-background:var(--surface-solid-card);--plasma-autocomplete-box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);--plasma-autocomplete-item-background:var(--plasma-colors-transparent);--plasma-autocomplete-item-background-hover:var(--surface-transparent-secondary);--plasma-autocomplete-item-color:var(--text-primary);--plasma-autocomplete-focus-color:var(--surface-accent);--plasma-autocomplete-infinite-loader-spinner-color:var(--text-primary);}
|
13
19
|
.Autocomplete_config_3qyax3_p23ewyp__da5429ae{--plasma-autocomplete-textfield-color:var(--text-primary);--plasma-autocomplete-textfield-background-color:var(--surface-clear);--plasma-autocomplete-textfield-caret-color:var(--text-accent);--plasma-autocomplete-textfield-placeholder-color:var(--text-secondary);--plasma-autocomplete-textfield__before-text-color:var(--text-tertiary);--plasma-autocomplete-textfield__after-text-color:var(--text-tertiary);--plasma-autocomplete-textfield-label-color:var(--text-primary);--plasma-autocomplete-textfield__left-helper-color:var(--text-positive);--plasma-autocomplete-textfield-focus-color:var(--text-accent);--plasma-autocomplete-textfield-border-color:var(--surface-positive);--plasma-autocomplete-textfield-border-color-hover:var(--surface-positive);--plasma-autocomplete-textfield-border-color-focus:var(--surface-accent);--plasma-autocomplete-background:var(--surface-solid-card);--plasma-autocomplete-box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);--plasma-autocomplete-item-background:var(--plasma-colors-transparent);--plasma-autocomplete-item-background-hover:var(--surface-transparent-secondary);--plasma-autocomplete-item-color:var(--text-primary);--plasma-autocomplete-focus-color:var(--surface-accent);--plasma-autocomplete-infinite-loader-spinner-color:var(--text-primary);}
|
14
20
|
.Autocomplete_config_3qyax3_w19hpt9v__da5429ae{--plasma-autocomplete-textfield-color:var(--text-primary);--plasma-autocomplete-textfield-background-color:var(--surface-clear);--plasma-autocomplete-textfield-background-color-focus:var(--surface-transparent-warning-active);--plasma-autocomplete-textfield-caret-color:var(--text-accent);--plasma-autocomplete-textfield-placeholder-color:var(--text-secondary);--plasma-autocomplete-textfield__before-text-color:var(--text-tertiary);--plasma-autocomplete-textfield__after-text-color:var(--text-tertiary);--plasma-autocomplete-textfield-label-color:var(--text-primary);--plasma-autocomplete-textfield__left-helper-color:var(--text-warning);--plasma-autocomplete-textfield-focus-color:var(--text-accent);--plasma-autocomplete-textfield-border-color:var(--surface-warning);--plasma-autocomplete-textfield-border-color-hover:var(--surface-warning);--plasma-autocomplete-textfield-border-color-focus:var(--surface-accent);--plasma-autocomplete-background:var(--surface-solid-card);--plasma-autocomplete-box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);--plasma-autocomplete-item-background:var(--plasma-colors-transparent);--plasma-autocomplete-item-background-hover:var(--surface-transparent-secondary);--plasma-autocomplete-item-color:var(--text-primary);--plasma-autocomplete-focus-color:var(--surface-accent);--plasma-autocomplete-infinite-loader-spinner-color:var(--text-primary);}
|
package/css/es/index.js
CHANGED
@@ -1,6 +1,7 @@
|
|
1
1
|
export { Combobox } from './components/Combobox/index.js';
|
2
2
|
export { AccordionItem, ButtonBase, CellTextbox, CellTextboxLabel, CellTextboxSubtitle, CellTextboxTitle, Col, Overlay, PopupProvider as PopupBaseProvider, Portal, RadioGroup, RectSkeleton, Row, SSRProvider, SegmentProvider, TabItemRefs, TabsContext, addNotification, closeNotification, counterTokens, datePickerClasses, datePickerTokens, dividerTokens, modalClasses as modalBaseClasses, popupClasses as popupBaseClasses, priceClasses, rangeTokens, sheetClasses, toolbarTokens, usePopupContext as usePopupBaseContext, useSegment, useToast } from '@salutejs/plasma-new-hope';
|
3
3
|
export { Accordion } from './components/Accordion/Accordion.js';
|
4
|
+
export { Attach } from './components/Attach/Attach.js';
|
4
5
|
export { Autocomplete } from './components/Autocomplete/Autocomplete.js';
|
5
6
|
export { Avatar } from './components/Avatar/Avatar.js';
|
6
7
|
export { AvatarGroup } from './components/AvatarGroup/AvatarGroup.js';
|
package/css/es/index.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/css/index.d.ts
CHANGED
@@ -1,4 +1,5 @@
|
|
1
1
|
export * from '../components/Accordion';
|
2
|
+
export * from '../components/Attach';
|
2
3
|
export * from '../components/Autocomplete';
|
3
4
|
export * from '../components/Avatar';
|
4
5
|
export * from '../components/AvatarGroup';
|
@@ -51,6 +52,7 @@ export * from '../components/Toolbar';
|
|
51
52
|
export * from '../components/Tooltip';
|
52
53
|
export * from '../components/Typography';
|
53
54
|
export * from '../components/Accordion';
|
55
|
+
export * from '../components/Attach';
|
54
56
|
export * from '../components/Autocomplete';
|
55
57
|
export * from '../components/Avatar';
|
56
58
|
export * from '../components/AvatarGroup';
|
@@ -0,0 +1,20 @@
|
|
1
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
|
2
|
+
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
3
|
+
import { css, attachTokens } from '@salutejs/plasma-new-hope/styled-components';
|
4
|
+
export var config = {
|
5
|
+
defaults: {
|
6
|
+
view: 'default',
|
7
|
+
size: 'm'
|
8
|
+
},
|
9
|
+
variations: {
|
10
|
+
view: {
|
11
|
+
"default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__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\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": transparent;\n\n ", ": var(--text-primary);\n ", ": var(--surface-clear);\n ", ": var(--text-primary-hover);\n ", ": var(--surface-clear);\n ", ": var(--text-primary-active);\n ", ": var(--surface-clear);\n "])), attachTokens.buttonColor, attachTokens.buttonBackgroundColor, attachTokens.buttonColorHover, attachTokens.buttonBackgroundColorHover, attachTokens.buttonColorActive, attachTokens.buttonBackgroundColorActive, attachTokens.cellColor, attachTokens.cellLabelColor, attachTokens.cellTitleColor, attachTokens.cellSubtitleColor, attachTokens.cellBackgroundColor, attachTokens.iconButtonColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonColorHover, attachTokens.iconButtonBackgroundColorHover, attachTokens.iconButtonColorActive, attachTokens.iconButtonBackgroundColorActive)
|
12
|
+
},
|
13
|
+
size: {
|
14
|
+
l: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.5rem;\n ", ": 0.5rem;\n\n ", ": 3.5rem;\n ", ": 12.5rem;\n ", ": 1.5rem;\n ", ": 0.875rem;\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-bold-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": 15rem;\n\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n\n ", ": 0.125rem;\n ", ": 0.375rem;\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 ", ": 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 ", ": 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 ", ": 3.5rem;\n ", ": 3.5rem;\n ", ": 1.5rem;\n ", ": 0.875rem;\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-bold-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n "])), attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.buttonHeight, attachTokens.buttonWidth, attachTokens.buttonPadding, attachTokens.buttonRadius, attachTokens.buttonFontFamily, attachTokens.buttonFontSize, attachTokens.buttonFontStyle, attachTokens.buttonFontWeight, attachTokens.buttonLetterSpacing, attachTokens.buttonLineHeight, attachTokens.cellWidth, attachTokens.cellPadding, attachTokens.cellPaddingLeftContent, attachTokens.cellPaddingContent, attachTokens.cellPaddingRightContent, attachTokens.cellTextboxGap, attachTokens.cellGap, attachTokens.cellLabelFontFamily, attachTokens.cellLabelFontSize, attachTokens.cellLabelFontStyle, attachTokens.cellLabelFontWeight, attachTokens.cellLabelLetterSpacing, attachTokens.cellLabelLineHeight, attachTokens.cellTitleFontFamily, attachTokens.cellTitleFontSize, attachTokens.cellTitleFontStyle, attachTokens.cellTitleFontWeight, attachTokens.cellTitleLetterSpacing, attachTokens.cellTitleLineHeight, attachTokens.cellSubtitleFontFamily, attachTokens.cellSubtitleFontSize, attachTokens.cellSubtitleFontStyle, attachTokens.cellSubtitleFontWeight, attachTokens.cellSubtitleLetterSpacing, attachTokens.cellSubtitleLineHeight, attachTokens.iconButtonHeight, attachTokens.iconButtonWidth, attachTokens.iconButtonPadding, attachTokens.iconButtonRadius, attachTokens.iconButtonFontFamily, attachTokens.iconButtonFontSize, attachTokens.iconButtonFontStyle, attachTokens.iconButtonFontWeight, attachTokens.iconButtonLetterSpacing, attachTokens.iconButtonLineHeight),
|
15
|
+
m: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.25rem;\n ", ": 0.5rem;\n\n ", ": 3rem;\n ", ": 11.25rem;\n ", ": 1.25rem;\n ", ": 0.75rem;\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-bold-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": 15rem;\n\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n\n ", ": 0.125rem;\n ", ": 0.375rem;\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 ", ": 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 ", ": 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 ", ": 2rem;\n ", ": 2rem;\n ", ": 0.75rem;\n ", ": 0.5rem;\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-bold-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n "])), attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.buttonHeight, attachTokens.buttonWidth, attachTokens.buttonPadding, attachTokens.buttonRadius, attachTokens.buttonFontFamily, attachTokens.buttonFontSize, attachTokens.buttonFontStyle, attachTokens.buttonFontWeight, attachTokens.buttonLetterSpacing, attachTokens.buttonLineHeight, attachTokens.cellWidth, attachTokens.cellPadding, attachTokens.cellPaddingLeftContent, attachTokens.cellPaddingContent, attachTokens.cellPaddingRightContent, attachTokens.cellTextboxGap, attachTokens.cellGap, attachTokens.cellLabelFontFamily, attachTokens.cellLabelFontSize, attachTokens.cellLabelFontStyle, attachTokens.cellLabelFontWeight, attachTokens.cellLabelLetterSpacing, attachTokens.cellLabelLineHeight, attachTokens.cellTitleFontFamily, attachTokens.cellTitleFontSize, attachTokens.cellTitleFontStyle, attachTokens.cellTitleFontWeight, attachTokens.cellTitleLetterSpacing, attachTokens.cellTitleLineHeight, attachTokens.cellSubtitleFontFamily, attachTokens.cellSubtitleFontSize, attachTokens.cellSubtitleFontStyle, attachTokens.cellSubtitleFontWeight, attachTokens.cellSubtitleLetterSpacing, attachTokens.cellSubtitleLineHeight, attachTokens.iconButtonHeight, attachTokens.iconButtonWidth, attachTokens.iconButtonPadding, attachTokens.iconButtonRadius, attachTokens.iconButtonFontFamily, attachTokens.iconButtonFontSize, attachTokens.iconButtonFontStyle, attachTokens.iconButtonFontWeight, attachTokens.iconButtonLetterSpacing, attachTokens.iconButtonLineHeight),
|
16
|
+
s: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1rem;\n ", ": 0.375rem;\n\n ", ": 2.5rem;\n ", ": 11.25rem;\n ", ": 1rem;\n ", ": 0.625rem;\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-bold-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 15rem;\n\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n\n ", ": 0.125rem;\n ", ": 0.375rem;\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 ", ": 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 ", ": 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 ", ": 2.5rem;\n ", ": 2.5rem;\n ", ": 1rem;\n ", ": 0.625rem;\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-bold-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n "])), attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.buttonHeight, attachTokens.buttonWidth, attachTokens.buttonPadding, attachTokens.buttonRadius, attachTokens.buttonFontFamily, attachTokens.buttonFontSize, attachTokens.buttonFontStyle, attachTokens.buttonFontWeight, attachTokens.buttonLetterSpacing, attachTokens.buttonLineHeight, attachTokens.cellWidth, attachTokens.cellPadding, attachTokens.cellPaddingLeftContent, attachTokens.cellPaddingContent, attachTokens.cellPaddingRightContent, attachTokens.cellTextboxGap, attachTokens.cellGap, attachTokens.cellLabelFontFamily, attachTokens.cellLabelFontSize, attachTokens.cellLabelFontStyle, attachTokens.cellLabelFontWeight, attachTokens.cellLabelLetterSpacing, attachTokens.cellLabelLineHeight, attachTokens.cellTitleFontFamily, attachTokens.cellTitleFontSize, attachTokens.cellTitleFontStyle, attachTokens.cellTitleFontWeight, attachTokens.cellTitleLetterSpacing, attachTokens.cellTitleLineHeight, attachTokens.cellSubtitleFontFamily, attachTokens.cellSubtitleFontSize, attachTokens.cellSubtitleFontStyle, attachTokens.cellSubtitleFontWeight, attachTokens.cellSubtitleLetterSpacing, attachTokens.cellSubtitleLineHeight, attachTokens.iconButtonHeight, attachTokens.iconButtonWidth, attachTokens.iconButtonPadding, attachTokens.iconButtonRadius, attachTokens.iconButtonFontFamily, attachTokens.iconButtonFontSize, attachTokens.iconButtonFontStyle, attachTokens.iconButtonFontWeight, attachTokens.iconButtonLetterSpacing, attachTokens.iconButtonLineHeight),
|
17
|
+
xs: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.75rem;\n ", ": 0.25rem;\n\n ", ": 2rem;\n ", ": 10rem;\n ", ": 0.75rem;\n ", ": 0.5rem;\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-bold-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 15rem;\n\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n\n ", ": 0.125rem;\n ", ": 0.25rem;\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 ", ": 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 ", ": 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 ", ": 2rem;\n ", ": 2rem;\n ", ": 0.75rem;\n ", ": 0.5rem;\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-bold-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n "])), attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.buttonHeight, attachTokens.buttonWidth, attachTokens.buttonPadding, attachTokens.buttonRadius, attachTokens.buttonFontFamily, attachTokens.buttonFontSize, attachTokens.buttonFontStyle, attachTokens.buttonFontWeight, attachTokens.buttonLetterSpacing, attachTokens.buttonLineHeight, attachTokens.cellWidth, attachTokens.cellPadding, attachTokens.cellPaddingLeftContent, attachTokens.cellPaddingContent, attachTokens.cellPaddingRightContent, attachTokens.cellTextboxGap, attachTokens.cellGap, attachTokens.cellLabelFontFamily, attachTokens.cellLabelFontSize, attachTokens.cellLabelFontStyle, attachTokens.cellLabelFontWeight, attachTokens.cellLabelLetterSpacing, attachTokens.cellLabelLineHeight, attachTokens.cellTitleFontFamily, attachTokens.cellTitleFontSize, attachTokens.cellTitleFontStyle, attachTokens.cellTitleFontWeight, attachTokens.cellTitleLetterSpacing, attachTokens.cellTitleLineHeight, attachTokens.cellSubtitleFontFamily, attachTokens.cellSubtitleFontSize, attachTokens.cellSubtitleFontStyle, attachTokens.cellSubtitleFontWeight, attachTokens.cellSubtitleLetterSpacing, attachTokens.cellSubtitleLineHeight, attachTokens.iconButtonHeight, attachTokens.iconButtonWidth, attachTokens.iconButtonPadding, attachTokens.iconButtonRadius, attachTokens.iconButtonFontFamily, attachTokens.iconButtonFontSize, attachTokens.iconButtonFontStyle, attachTokens.iconButtonFontWeight, attachTokens.iconButtonLetterSpacing, attachTokens.iconButtonLineHeight)
|
18
|
+
}
|
19
|
+
}
|
20
|
+
};
|
@@ -0,0 +1,8 @@
|
|
1
|
+
import { attachConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
|
2
|
+
import { config } from './Attach.config';
|
3
|
+
var mergedConfig = /*#__PURE__*/mergeConfig(attachConfig, config);
|
4
|
+
|
5
|
+
/**
|
6
|
+
* Компонент, позволяющий прикрепить локальный файл
|
7
|
+
*/
|
8
|
+
export var Attach = /*#__PURE__*/component(mergedConfig);
|
@@ -0,0 +1 @@
|
|
1
|
+
export { Attach } from './Attach';
|
package/es/index.js
CHANGED
@@ -67,4 +67,5 @@ export * from './components/Toolbar';
|
|
67
67
|
export * from './components/DatePicker';
|
68
68
|
export * from './components/Autocomplete';
|
69
69
|
export * from './components/EmptyState';
|
70
|
-
export * from './components/TextFieldGroup';
|
70
|
+
export * from './components/TextFieldGroup';
|
71
|
+
export * from './components/Attach';
|
package/index.d.ts
CHANGED
package/index.js
CHANGED
@@ -772,4 +772,15 @@ Object.keys(_TextFieldGroup).forEach(function (key) {
|
|
772
772
|
return _TextFieldGroup[key];
|
773
773
|
}
|
774
774
|
});
|
775
|
+
});
|
776
|
+
var _Attach = /*#__PURE__*/require("./components/Attach");
|
777
|
+
Object.keys(_Attach).forEach(function (key) {
|
778
|
+
if (key === "default" || key === "__esModule") return;
|
779
|
+
if (key in exports && exports[key] === _Attach[key]) return;
|
780
|
+
Object.defineProperty(exports, key, {
|
781
|
+
enumerable: true,
|
782
|
+
get: function get() {
|
783
|
+
return _Attach[key];
|
784
|
+
}
|
785
|
+
});
|
775
786
|
});
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@salutejs/plasma-web",
|
3
|
-
"version": "1.
|
3
|
+
"version": "1.399.0-canary.1437.10892194926.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.179.0",
|
23
23
|
"@salutejs/plasma-hope": "1.311.0-dev.0",
|
24
|
-
"@salutejs/plasma-new-hope": "0.
|
24
|
+
"@salutejs/plasma-new-hope": "0.147.0-canary.1437.10892194926.0",
|
25
25
|
"@salutejs/plasma-themes": "0.17.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": "f36a805e6ed3106aeff691aaedcfad695064ae69"
|
116
116
|
}
|