@salutejs/sdds-serv 0.221.0-canary.1681.12503763792.0 → 0.221.0-canary.1685.12513878250.0
Sign up to get free protection for your applications and to get access to all the features.
- package/api/sdds-serv.api.md +0 -33
- package/emotion/cjs/index.js +0 -11
- package/emotion/es/index.js +0 -1
- package/es/index.css +0 -10
- package/es/index.js +1 -2
- package/es/index.js.map +1 -1
- package/index.d.ts +0 -1
- package/index.js +0 -10
- package/package.json +6 -6
- package/styled-components/cjs/index.js +0 -11
- package/styled-components/es/index.js +0 -1
- package/components/Note/Note.config.d.ts +0 -21
- package/components/Note/Note.config.js +0 -29
- package/components/Note/Note.config.js.map +0 -1
- package/components/Note/Note.config_1psv03r.css +0 -9
- package/components/Note/Note.css +0 -9
- package/components/Note/Note.d.ts +0 -26
- package/components/Note/Note.js +0 -12
- package/components/Note/Note.js.map +0 -1
- package/components/Note/index.d.ts +0 -2
- package/emotion/cjs/components/Note/Note.config.js +0 -30
- package/emotion/cjs/components/Note/Note.js +0 -10
- package/emotion/cjs/components/Note/Note.stories.tsx +0 -85
- package/emotion/cjs/components/Note/index.js +0 -25
- package/emotion/es/components/Note/Note.config.js +0 -24
- package/emotion/es/components/Note/Note.js +0 -4
- package/emotion/es/components/Note/Note.stories.tsx +0 -85
- package/emotion/es/components/Note/index.js +0 -2
- package/es/components/Note/Note.config.js +0 -25
- package/es/components/Note/Note.config.js.map +0 -1
- package/es/components/Note/Note.config_1psv03r.css +0 -9
- package/es/components/Note/Note.css +0 -9
- package/es/components/Note/Note.js +0 -8
- package/es/components/Note/Note.js.map +0 -1
- package/styled-components/cjs/components/Note/Note.config.js +0 -30
- package/styled-components/cjs/components/Note/Note.js +0 -10
- package/styled-components/cjs/components/Note/index.js +0 -25
- package/styled-components/es/components/Note/Note.config.js +0 -24
- package/styled-components/es/components/Note/Note.js +0 -4
- package/styled-components/es/components/Note/index.js +0 -2
package/api/sdds-serv.api.md
CHANGED
@@ -143,8 +143,6 @@ import { mediaQuery } from '@salutejs/plasma-new-hope/styled-components';
|
|
143
143
|
import { modalClasses } from '@salutejs/plasma-new-hope/styled-components';
|
144
144
|
import { ModalProps } from '@salutejs/plasma-new-hope/styled-components';
|
145
145
|
import { MouseEvent as MouseEvent_2 } from 'react';
|
146
|
-
import { noteClasses } from '@salutejs/plasma-new-hope/styled-components';
|
147
|
-
import { noteTokens } from '@salutejs/plasma-new-hope/styled-components';
|
148
146
|
import { NotificationIconPlacement } from '@salutejs/plasma-new-hope/styled-components';
|
149
147
|
import { NotificationLayout } from '@salutejs/plasma-new-hope/styled-components';
|
150
148
|
import { NotificationPlacement } from '@salutejs/plasma-new-hope/styled-components';
|
@@ -2592,37 +2590,6 @@ export { modalClasses }
|
|
2592
2590
|
|
2593
2591
|
export { ModalProps }
|
2594
2592
|
|
2595
|
-
// @public (undocumented)
|
2596
|
-
export const Note: FunctionComponent<PropsType< {
|
2597
|
-
view: {
|
2598
|
-
default: PolymorphicClassName;
|
2599
|
-
positive: PolymorphicClassName;
|
2600
|
-
warning: PolymorphicClassName;
|
2601
|
-
negative: PolymorphicClassName;
|
2602
|
-
info: PolymorphicClassName;
|
2603
|
-
};
|
2604
|
-
size: {
|
2605
|
-
l: PolymorphicClassName;
|
2606
|
-
m: PolymorphicClassName;
|
2607
|
-
s: PolymorphicClassName;
|
2608
|
-
xs: PolymorphicClassName;
|
2609
|
-
};
|
2610
|
-
}> & {
|
2611
|
-
title?: string | undefined;
|
2612
|
-
text?: string | undefined;
|
2613
|
-
contentBefore?: ReactNode;
|
2614
|
-
contentBeforeSizing?: "fixed" | "scalable" | undefined;
|
2615
|
-
stretch?: boolean | undefined;
|
2616
|
-
width?: string | number | undefined;
|
2617
|
-
height?: string | number | undefined;
|
2618
|
-
view?: string | undefined;
|
2619
|
-
size?: string | undefined;
|
2620
|
-
} & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
|
2621
|
-
|
2622
|
-
export { noteClasses }
|
2623
|
-
|
2624
|
-
export { noteTokens }
|
2625
|
-
|
2626
2593
|
// @public (undocumented)
|
2627
2594
|
const Notification_2: React_2.FunctionComponent<PropsType< {
|
2628
2595
|
view: {
|
package/emotion/cjs/index.js
CHANGED
@@ -674,17 +674,6 @@ Object.keys(_Tree).forEach(function (key) {
|
|
674
674
|
}
|
675
675
|
});
|
676
676
|
});
|
677
|
-
var _Note = /*#__PURE__*/require("./components/Note");
|
678
|
-
Object.keys(_Note).forEach(function (key) {
|
679
|
-
if (key === "default" || key === "__esModule") return;
|
680
|
-
if (key in exports && exports[key] === _Note[key]) return;
|
681
|
-
Object.defineProperty(exports, key, {
|
682
|
-
enumerable: true,
|
683
|
-
get: function get() {
|
684
|
-
return _Note[key];
|
685
|
-
}
|
686
|
-
});
|
687
|
-
});
|
688
677
|
var _mixins = /*#__PURE__*/require("./mixins");
|
689
678
|
Object.keys(_mixins).forEach(function (key) {
|
690
679
|
if (key === "default" || key === "__esModule") return;
|
package/emotion/es/index.js
CHANGED
package/es/index.css
CHANGED
@@ -290,16 +290,6 @@
|
|
290
290
|
|
291
291
|
.Modal_config_1c34cg3_d142ug3n__b666ae01{--plasma-modal-overlay-with-blur-color:rgba(35,35,35,0.2);--plasma-modal-overlay-color:var(--overlay-soft);--plasma-modal-body-background:var(--surface-solid-card);--plasma-modal-body-border-radius:1.25rem;--plasma-modal-body-padding:2rem;--plasma-modal-content-padding:0.625rem;--plasma-modal-close-button-radius:0.375rem;--plasma-modal-close-button-color:var(--text-secondary);--plasma-modal-close-button-hover-color:var(--text-secondary-hover);--plasma-modal-close-button-active-color:var(--text-secondary-active);--plasma-modal-outline-focus-color:var(--surface-accent);}
|
292
292
|
|
293
|
-
.Note_config_1psv03r_dlpid31__b15400fc{--plasma-note-background:var(--surface-transparent-secondary);--plasma-note-color:var(--text-primary);--plasma-note-content-before-color:var(--text-primary);}
|
294
|
-
.Note_config_1psv03r_pj3b0d5__b15400fc{--plasma-note-background:var(--surface-transparent-positive);--plasma-note-color:var(--text-primary);--plasma-note-content-before-color:var(--text-positive);}
|
295
|
-
.Note_config_1psv03r_w73g2ww__b15400fc{--plasma-note-background:var(--surface-transparent-warning);--plasma-note-color:var(--text-primary);--plasma-note-content-before-color:var(--text-warning);}
|
296
|
-
.Note_config_1psv03r_n1m8g88j__b15400fc{--plasma-note-background:var(--surface-transparent-negative);--plasma-note-color:var(--text-primary);--plasma-note-content-before-color:var(--text-negative);}
|
297
|
-
.Note_config_1psv03r_ifuz2qv__b15400fc{--plasma-note-background:var(--surface-transparent-info);--plasma-note-color:var(--text-primary);--plasma-note-content-before-color:var(--text-info);}
|
298
|
-
.Note_config_1psv03r_ly7aunu__b15400fc{--plasma-note-padding:1.5rem 1.875rem;--plasma-note-padding-scalable:1.5rem 1.75rem;--plasma-note-border-radius:0.875rem;--plasma-note-gap:0.75rem;--plasma-note-gap-scalable:1rem;--plasma-note-content-gap:0.25rem;--plasma-note-fixed-content-before-width:1.5rem;--plasma-note-fixed-content-before-height:2rem;--plasma-note-fixed-content-before-padding:0.25rem 0;--plasma-note-title-font-family:var(--plasma-typo-text-l-font-family);--plasma-note-title-font-size:var(--plasma-typo-text-l-font-size);--plasma-note-title-font-style:var(--plasma-typo-text-l-font-style);--plasma-note-title-font-weight:var(--plasma-typo-text-l-bold-font-weight);--plasma-note-title-letter-spacing:var(--plasma-typo-text-l-letter-spacing);--plasma-note-title-line-height:var(--plasma-typo-text-l-line-height);--plasma-note-text-font-family:var(--plasma-typo-text-l-font-family);--plasma-note-text-font-size:var(--plasma-typo-text-l-font-size);--plasma-note-text-font-style:var(--plasma-typo-text-l-font-style);--plasma-note-text-font-weight:var(--plasma-typo-text-l-font-weight);--plasma-note-text-letter-spacing:var(--plasma-typo-text-l-letter-spacing);--plasma-note-text-line-height:var(--plasma-typo-text-l-line-height);}
|
299
|
-
.Note_config_1psv03r_m1sat9qb__b15400fc{--plasma-note-padding:1.25rem 1.5rem;--plasma-note-padding-scalable:1.25rem;--plasma-note-border-radius:0.75rem;--plasma-note-gap:0.625rem;--plasma-note-gap-scalable:0.75rem;--plasma-note-content-gap:0.125rem;--plasma-note-fixed-content-before-width:1.5rem;--plasma-note-fixed-content-before-height:1.5rem;--plasma-note-fixed-content-before-padding:0;--plasma-note-title-font-family:var(--plasma-typo-text-m-font-family);--plasma-note-title-font-size:var(--plasma-typo-text-m-font-size);--plasma-note-title-font-style:var(--plasma-typo-text-m-font-style);--plasma-note-title-font-weight:var(--plasma-typo-text-m-bold-font-weight);--plasma-note-title-letter-spacing:var(--plasma-typo-text-m-letter-spacing);--plasma-note-title-line-height:var(--plasma-typo-text-m-line-height);--plasma-note-text-font-family:var(--plasma-typo-text-m-font-family);--plasma-note-text-font-size:var(--plasma-typo-text-m-font-size);--plasma-note-text-font-style:var(--plasma-typo-text-m-font-style);--plasma-note-text-font-weight:var(--plasma-typo-text-m-font-weight);--plasma-note-text-letter-spacing:var(--plasma-typo-text-m-letter-spacing);--plasma-note-text-line-height:var(--plasma-typo-text-m-line-height);}
|
300
|
-
.Note_config_1psv03r_s1gn2ksf__b15400fc{--plasma-note-padding:1rem 1.25rem;--plasma-note-padding-scalable:1rem;--plasma-note-border-radius:0.625rem;--plasma-note-gap:0.5rem;--plasma-note-gap-scalable:0.75rem;--plasma-note-content-gap:0.125rem;--plasma-note-fixed-content-before-width:1rem;--plasma-note-fixed-content-before-height:1.125rem;--plasma-note-fixed-content-before-padding:0.063rem 0;--plasma-note-title-font-family:var(--plasma-typo-text-s-font-family);--plasma-note-title-font-size:var(--plasma-typo-text-s-font-size);--plasma-note-title-font-style:var(--plasma-typo-text-s-font-style);--plasma-note-title-font-weight:var(--plasma-typo-text-s-bold-font-weight);--plasma-note-title-letter-spacing:var(--plasma-typo-text-s-letter-spacing);--plasma-note-title-line-height:var(--plasma-typo-text-s-line-height);--plasma-note-text-font-family:var(--plasma-typo-text-s-font-family);--plasma-note-text-font-size:var(--plasma-typo-text-s-font-size);--plasma-note-text-font-style:var(--plasma-typo-text-s-font-style);--plasma-note-text-font-weight:var(--plasma-typo-text-s-font-weight);--plasma-note-text-letter-spacing:var(--plasma-typo-text-s-letter-spacing);--plasma-note-text-line-height:var(--plasma-typo-text-s-line-height);}
|
301
|
-
.Note_config_1psv03r_xqm7lmj__b15400fc{--plasma-note-padding:0.75rem 1rem;--plasma-note-padding-scalable:0.75rem;--plasma-note-border-radius:0.5rem;--plasma-note-gap:0.375rem;--plasma-note-gap-scalable:0.5rem;--plasma-note-content-gap:0.125rem;--plasma-note-fixed-content-before-width:1rem;--plasma-note-fixed-content-before-height:1rem;--plasma-note-fixed-content-before-padding:0;--plasma-note-title-font-family:var(--plasma-typo-text-xs-font-family);--plasma-note-title-font-size:var(--plasma-typo-text-xs-font-size);--plasma-note-title-font-style:var(--plasma-typo-text-xs-font-style);--plasma-note-title-font-weight:var(--plasma-typo-text-xs-bold-font-weight);--plasma-note-title-letter-spacing:var(--plasma-typo-text-xs-letter-spacing);--plasma-note-title-line-height:var(--plasma-typo-text-xs-line-height);--plasma-note-text-font-family:var(--plasma-typo-text-xs-font-family);--plasma-note-text-font-size:var(--plasma-typo-text-xs-font-size);--plasma-note-text-font-style:var(--plasma-typo-text-xs-font-style);--plasma-note-text-font-weight:var(--plasma-typo-text-xs-font-weight);--plasma-note-text-letter-spacing:var(--plasma-typo-text-xs-letter-spacing);--plasma-note-text-line-height:var(--plasma-typo-text-xs-line-height);}
|
302
|
-
|
303
293
|
.Notification_config_7q5pn5_demycyd__d09fa18f{--plasma-notification-content-color:var(--text-secondary);--plasma-notification-backgorund:var(--surface-transparent-card);--plasma-notification-border-radius:0.75rem;--plasma-notification-padding:0.375rem;--plasma-notification-content-padding-top:0.125rem;--plasma-notification-content-padding-right:0.25rem;--plasma-notification-content-padding-bottom:0rem;--plasma-notification-content-padding-left:0.25rem;--plasma-notification-content-padding-top-without-icon:0.25rem;--plasma-notification-horizontal-layout-right-padding-without-close-icon:1rem;--plasma-notification-textbox-padding-top:0.1875rem;--plasma-notification-textbox-padding-right:0.125rem;--plasma-notification-textbox-padding-bottom:0.375rem;--plasma-notification-textbox-padding-left:0.125rem;--plasma-notification-textbox-padding-right-with-close-icon:1.625rem;--plasma-notification-textbox-gap:0.25rem;--plasma-notification-close-icon-top:0.5rem;--plasma-notification-close-icon-right:0.5rem;--plasma-notification-buttons-margin-top:0.375rem;--plasma-notification-content-left-icon-size:1.5rem;--plasma-notification-content-left-icon-margin:0.375rem;--plasma-notification-content-top-icon-margin:0.5rem;--plasma-notification-content-font-family:var(--plasma-typo-body-s-font-family);--plasma-notification-content-font-size:var(--plasma-typo-body-s-font-size);--plasma-notification-content-font-style:var(--plasma-typo-body-s-font-style);--plasma-notification-content-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-notification-content-font-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-notification-content-font-line-height:var(--plasma-typo-body-s-line-height);--plasma-notification-title-font-family:var(--plasma-typo-body-s-font-family);--plasma-notification-title-font-size:var(--plasma-typo-body-s-font-size);--plasma-notification-title-font-style:var(--plasma-typo-body-s-font-style);--plasma-notification-title-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-notification-title-font-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-notification-title-font-line-height:var(--plasma-typo-body-s-line-height);--plasma-notification-close-icon-color:var(--text-tertiary);--plasma-notification-close-icon-color-on-hover:var(--text-primary);--plasma-notification-horizontal-layout-gap:0.375rem;--plasma-notification-horizontal-layout-left-icon-margin:0.75rem;--plasma-notification-padding-one-line-textbox:0.8125rem 0.5rem 0.8125rem 0.875rem;}
|
304
294
|
.Notification_config_7q5pn5_hu7sha0__d09fa18f{--plasma-notification-width:25rem;--plasma-notification-horizontal-layout-padding:1rem 0.5rem 1rem 0.875rem;}
|
305
295
|
.Notification_config_7q5pn5_v1dvr7yw__d09fa18f{--plasma-notification-width:15rem;--plasma-notification-padding:0.375rem;}
|
package/es/index.js
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
export { Accordion } from './components/Accordion/Accordion.js';
|
2
|
-
export { AccordionItem, ButtonBase, CellTextbox, CellTextboxLabel, CellTextboxSubtitle, CellTextboxTitle, Col, Overlay, PopupProvider, Portal, RadioGroup, RectSkeleton, Row, SSRProvider, SegmentProvider, TabItemRefs, TabsContext, addNotification, closeNotification, counterTokens, datePickerClasses, datePickerTokens, dividerTokens, dropzoneClasses, dropzoneTokens, modalClasses,
|
2
|
+
export { AccordionItem, ButtonBase, CellTextbox, CellTextboxLabel, CellTextboxSubtitle, CellTextboxTitle, Col, Overlay, PopupProvider, Portal, RadioGroup, RectSkeleton, Row, SSRProvider, SegmentProvider, TabItemRefs, TabsContext, addNotification, closeNotification, counterTokens, datePickerClasses, datePickerTokens, dividerTokens, dropzoneClasses, dropzoneTokens, modalClasses, numberInputClasses, numberInputTokens, popupClasses, priceClasses, rangeTokens, ratingClasses, ratingTokens, sheetClasses, textFieldTokens, toolbarTokens, usePopupContext, useSegment, useToast, withSkeleton } from '@salutejs/plasma-new-hope';
|
3
3
|
export { Attach } from './components/Attach/Attach.js';
|
4
4
|
export { Autocomplete } from './components/Autocomplete/Autocomplete.js';
|
5
5
|
export { Avatar } from './components/Avatar/Avatar.js';
|
@@ -28,7 +28,6 @@ export { Indicator } from './components/Indicator/Indicator.js';
|
|
28
28
|
export { Link } from './components/Link/Link.js';
|
29
29
|
export { Mask } from './components/Mask/Mask.js';
|
30
30
|
export { Modal } from './components/Modal/Modal.js';
|
31
|
-
export { Note } from './components/Note/Note.js';
|
32
31
|
export { Notification, NotificationsProvider } from './components/Notification/Notification.js';
|
33
32
|
export { NumberInput } from './components/NumberInput/NumberInput.js';
|
34
33
|
export { Pagination } from './components/Pagination/Pagination.js';
|
package/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/index.d.ts
CHANGED
package/index.js
CHANGED
@@ -32,7 +32,6 @@ var Indicator = require('./components/Indicator/Indicator.js');
|
|
32
32
|
var Link = require('./components/Link/Link.js');
|
33
33
|
var Mask = require('./components/Mask/Mask.js');
|
34
34
|
var Modal = require('./components/Modal/Modal.js');
|
35
|
-
var Note = require('./components/Note/Note.js');
|
36
35
|
var Notification = require('./components/Notification/Notification.js');
|
37
36
|
var NumberInput = require('./components/NumberInput/NumberInput.js');
|
38
37
|
var Pagination = require('./components/Pagination/Pagination.js');
|
@@ -171,14 +170,6 @@ Object.defineProperty(exports, 'modalClasses', {
|
|
171
170
|
enumerable: true,
|
172
171
|
get: function () { return plasmaNewHope.modalClasses; }
|
173
172
|
});
|
174
|
-
Object.defineProperty(exports, 'noteClasses', {
|
175
|
-
enumerable: true,
|
176
|
-
get: function () { return plasmaNewHope.noteClasses; }
|
177
|
-
});
|
178
|
-
Object.defineProperty(exports, 'noteTokens', {
|
179
|
-
enumerable: true,
|
180
|
-
get: function () { return plasmaNewHope.noteTokens; }
|
181
|
-
});
|
182
173
|
Object.defineProperty(exports, 'numberInputClasses', {
|
183
174
|
enumerable: true,
|
184
175
|
get: function () { return plasmaNewHope.numberInputClasses; }
|
@@ -271,7 +262,6 @@ exports.Indicator = Indicator.Indicator;
|
|
271
262
|
exports.Link = Link.Link;
|
272
263
|
exports.Mask = Mask.Mask;
|
273
264
|
exports.Modal = Modal.Modal;
|
274
|
-
exports.Note = Note.Note;
|
275
265
|
exports.Notification = Notification.Notification;
|
276
266
|
exports.NotificationsProvider = Notification.NotificationsProvider;
|
277
267
|
exports.NumberInput = NumberInput.NumberInput;
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@salutejs/sdds-serv",
|
3
|
-
"version": "0.221.0-canary.
|
3
|
+
"version": "0.221.0-canary.1685.12513878250.0",
|
4
4
|
"description": "Salute Design System / React UI kit for SDDS SERV web applications",
|
5
5
|
"author": "Salute Frontend Team <salute.developers@gmail.com>",
|
6
6
|
"license": "MIT",
|
@@ -48,7 +48,7 @@
|
|
48
48
|
"directory": "packages/sdds-serv"
|
49
49
|
},
|
50
50
|
"dependencies": {
|
51
|
-
"@salutejs/plasma-new-hope": "0.236.0-canary.
|
51
|
+
"@salutejs/plasma-new-hope": "0.236.0-canary.1685.12513878250.0",
|
52
52
|
"@salutejs/sdds-themes": "0.31.0"
|
53
53
|
},
|
54
54
|
"peerDependencies": {
|
@@ -79,10 +79,10 @@
|
|
79
79
|
"@rollup/plugin-commonjs": "^25.0.4",
|
80
80
|
"@rollup/plugin-node-resolve": "^15.1.0",
|
81
81
|
"@salutejs/plasma-colors": "0.14.0",
|
82
|
-
"@salutejs/plasma-core": "1.
|
83
|
-
"@salutejs/plasma-cy-utils": "0.
|
82
|
+
"@salutejs/plasma-core": "1.190.0",
|
83
|
+
"@salutejs/plasma-cy-utils": "0.121.0",
|
84
84
|
"@salutejs/plasma-icons": "1.210.0",
|
85
|
-
"@salutejs/plasma-sb-utils": "0.
|
85
|
+
"@salutejs/plasma-sb-utils": "0.189.0",
|
86
86
|
"@storybook/addon-docs": "7.6.17",
|
87
87
|
"@storybook/addon-essentials": "7.6.17",
|
88
88
|
"@storybook/addons": "7.6.17",
|
@@ -153,5 +153,5 @@
|
|
153
153
|
"sideEffects": [
|
154
154
|
"*.css"
|
155
155
|
],
|
156
|
-
"gitHead": "
|
156
|
+
"gitHead": "aac30ae9e67d0f77319ae62c900298e1f702238b"
|
157
157
|
}
|
@@ -674,17 +674,6 @@ Object.keys(_Tree).forEach(function (key) {
|
|
674
674
|
}
|
675
675
|
});
|
676
676
|
});
|
677
|
-
var _Note = /*#__PURE__*/require("./components/Note");
|
678
|
-
Object.keys(_Note).forEach(function (key) {
|
679
|
-
if (key === "default" || key === "__esModule") return;
|
680
|
-
if (key in exports && exports[key] === _Note[key]) return;
|
681
|
-
Object.defineProperty(exports, key, {
|
682
|
-
enumerable: true,
|
683
|
-
get: function get() {
|
684
|
-
return _Note[key];
|
685
|
-
}
|
686
|
-
});
|
687
|
-
});
|
688
677
|
var _mixins = /*#__PURE__*/require("./mixins");
|
689
678
|
Object.keys(_mixins).forEach(function (key) {
|
690
679
|
if (key === "default" || key === "__esModule") return;
|
@@ -1,21 +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
|
-
positive: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
10
|
-
warning: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
11
|
-
negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
12
|
-
info: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
13
|
-
};
|
14
|
-
size: {
|
15
|
-
l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
16
|
-
m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
17
|
-
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
18
|
-
xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
19
|
-
};
|
20
|
-
};
|
21
|
-
};
|
@@ -1,29 +0,0 @@
|
|
1
|
-
import './Note.config_1psv03r.css';
|
2
|
-
'use strict';
|
3
|
-
|
4
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
5
|
-
|
6
|
-
var config = {
|
7
|
-
defaults: {
|
8
|
-
view: 'default',
|
9
|
-
size: 'l'
|
10
|
-
},
|
11
|
-
variations: {
|
12
|
-
view: {
|
13
|
-
"default": "dlpid31",
|
14
|
-
positive: "pj3b0d5",
|
15
|
-
warning: "w73g2ww",
|
16
|
-
negative: "n1m8g88j",
|
17
|
-
info: "ifuz2qv"
|
18
|
-
},
|
19
|
-
size: {
|
20
|
-
l: "ly7aunu",
|
21
|
-
m: "m1sat9qb",
|
22
|
-
s: "s1gn2ksf",
|
23
|
-
xs: "xqm7lmj"
|
24
|
-
}
|
25
|
-
}
|
26
|
-
};
|
27
|
-
|
28
|
-
exports.config = config;
|
29
|
-
//# sourceMappingURL=Note.config.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"Note.config.js","sources":["../../src-css/components/Note/Note.config.ts"],"sourcesContent":["import { css, noteTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'l',\n },\n variations: {\n view: {\n default: css`\n ${tokens.background}: var(--surface-transparent-secondary);\n ${tokens.color}: var(--text-primary);\n ${tokens.contentBeforeColor}: var(--text-primary);\n `,\n positive: css`\n ${tokens.background}: var(--surface-transparent-positive);\n ${tokens.color}: var(--text-primary);\n ${tokens.contentBeforeColor}: var(--text-positive);\n `,\n warning: css`\n ${tokens.background}: var(--surface-transparent-warning);\n ${tokens.color}: var(--text-primary);\n ${tokens.contentBeforeColor}: var(--text-warning);\n `,\n negative: css`\n ${tokens.background}: var(--surface-transparent-negative);\n ${tokens.color}: var(--text-primary);\n ${tokens.contentBeforeColor}: var(--text-negative);\n `,\n info: css`\n ${tokens.background}: var(--surface-transparent-info);\n ${tokens.color}: var(--text-primary);\n ${tokens.contentBeforeColor}: var(--text-info);\n `,\n },\n size: {\n l: css`\n ${tokens.padding}: 1.5rem 1.875rem;\n ${tokens.paddingScalable}: 1.5rem 1.75rem;\n ${tokens.borderRadius}: 0.875rem;\n ${tokens.gap}: 0.75rem;\n ${tokens.gapScalable}: 1rem;\n ${tokens.contentGap}: 0.25rem;\n\n ${tokens.fixedContentBeforeWidth}: 1.5rem;\n ${tokens.fixedContentBeforeHeight}: 2rem;\n ${tokens.fixedContentBeforePadding}: 0.25rem 0;\n\n ${tokens.titleFontFamily}: var(--plasma-typo-text-l-font-family);\n ${tokens.titleFontSize}: var(--plasma-typo-text-l-font-size);\n ${tokens.titleFontStyle}: var(--plasma-typo-text-l-font-style);\n ${tokens.titleFontWeight}: var(--plasma-typo-text-l-bold-font-weight);\n ${tokens.titleLetterSpacing}: var(--plasma-typo-text-l-letter-spacing);\n ${tokens.titleLineHeight}: var(--plasma-typo-text-l-line-height);\n\n ${tokens.textFontFamily}: var(--plasma-typo-text-l-font-family);\n ${tokens.textFontSize}: var(--plasma-typo-text-l-font-size);\n ${tokens.textFontStyle}: var(--plasma-typo-text-l-font-style);\n ${tokens.textFontWeight}: var(--plasma-typo-text-l-font-weight);\n ${tokens.textLetterSpacing}: var(--plasma-typo-text-l-letter-spacing);\n ${tokens.textLineHeight}: var(--plasma-typo-text-l-line-height);\n `,\n m: css`\n ${tokens.padding}: 1.25rem 1.5rem;\n ${tokens.paddingScalable}: 1.25rem;\n ${tokens.borderRadius}: 0.75rem;\n ${tokens.gap}: 0.625rem;\n ${tokens.gapScalable}: 0.75rem;\n ${tokens.contentGap}: 0.125rem;\n\n ${tokens.fixedContentBeforeWidth}: 1.5rem;\n ${tokens.fixedContentBeforeHeight}: 1.5rem;\n ${tokens.fixedContentBeforePadding}: 0;\n\n ${tokens.titleFontFamily}: var(--plasma-typo-text-m-font-family);\n ${tokens.titleFontSize}: var(--plasma-typo-text-m-font-size);\n ${tokens.titleFontStyle}: var(--plasma-typo-text-m-font-style);\n ${tokens.titleFontWeight}: var(--plasma-typo-text-m-bold-font-weight);\n ${tokens.titleLetterSpacing}: var(--plasma-typo-text-m-letter-spacing);\n ${tokens.titleLineHeight}: var(--plasma-typo-text-m-line-height);\n\n ${tokens.textFontFamily}: var(--plasma-typo-text-m-font-family);\n ${tokens.textFontSize}: var(--plasma-typo-text-m-font-size);\n ${tokens.textFontStyle}: var(--plasma-typo-text-m-font-style);\n ${tokens.textFontWeight}: var(--plasma-typo-text-m-font-weight);\n ${tokens.textLetterSpacing}: var(--plasma-typo-text-m-letter-spacing);\n ${tokens.textLineHeight}: var(--plasma-typo-text-m-line-height);\n `,\n s: css`\n ${tokens.padding}: 1rem 1.25rem;\n ${tokens.paddingScalable}: 1rem;\n ${tokens.borderRadius}: 0.625rem;\n ${tokens.gap}: 0.5rem;\n ${tokens.gapScalable}: 0.75rem;\n ${tokens.contentGap}: 0.125rem;\n\n ${tokens.fixedContentBeforeWidth}: 1rem;\n ${tokens.fixedContentBeforeHeight}: 1.125rem;\n ${tokens.fixedContentBeforePadding}: 0.063rem 0;\n\n ${tokens.titleFontFamily}: var(--plasma-typo-text-s-font-family);\n ${tokens.titleFontSize}: var(--plasma-typo-text-s-font-size);\n ${tokens.titleFontStyle}: var(--plasma-typo-text-s-font-style);\n ${tokens.titleFontWeight}: var(--plasma-typo-text-s-bold-font-weight);\n ${tokens.titleLetterSpacing}: var(--plasma-typo-text-s-letter-spacing);\n ${tokens.titleLineHeight}: var(--plasma-typo-text-s-line-height);\n\n ${tokens.textFontFamily}: var(--plasma-typo-text-s-font-family);\n ${tokens.textFontSize}: var(--plasma-typo-text-s-font-size);\n ${tokens.textFontStyle}: var(--plasma-typo-text-s-font-style);\n ${tokens.textFontWeight}: var(--plasma-typo-text-s-font-weight);\n ${tokens.textLetterSpacing}: var(--plasma-typo-text-s-letter-spacing);\n ${tokens.textLineHeight}: var(--plasma-typo-text-s-line-height);\n `,\n xs: css`\n ${tokens.padding}: 0.75rem 1rem;\n ${tokens.paddingScalable}: 0.75rem;\n ${tokens.borderRadius}: 0.5rem;\n ${tokens.gap}: 0.375rem;\n ${tokens.gapScalable}: 0.5rem;\n ${tokens.contentGap}: 0.125rem;\n\n ${tokens.fixedContentBeforeWidth}: 1rem;\n ${tokens.fixedContentBeforeHeight}: 1rem;\n ${tokens.fixedContentBeforePadding}: 0;\n\n ${tokens.titleFontFamily}: var(--plasma-typo-text-xs-font-family);\n ${tokens.titleFontSize}: var(--plasma-typo-text-xs-font-size);\n ${tokens.titleFontStyle}: var(--plasma-typo-text-xs-font-style);\n ${tokens.titleFontWeight}: var(--plasma-typo-text-xs-bold-font-weight);\n ${tokens.titleLetterSpacing}: var(--plasma-typo-text-xs-letter-spacing);\n ${tokens.titleLineHeight}: var(--plasma-typo-text-xs-line-height);\n\n ${tokens.textFontFamily}: var(--plasma-typo-text-xs-font-family);\n ${tokens.textFontSize}: var(--plasma-typo-text-xs-font-size);\n ${tokens.textFontStyle}: var(--plasma-typo-text-xs-font-style);\n ${tokens.textFontWeight}: var(--plasma-typo-text-xs-font-weight);\n ${tokens.textLetterSpacing}: var(--plasma-typo-text-xs-letter-spacing);\n ${tokens.textLineHeight}: var(--plasma-typo-text-xs-line-height);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","positive","warning","negative","info","l","m","s","xs"],"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,EAIC,SAAA;AACDC,MAAAA,QAAQ,EAIP,SAAA;AACDC,MAAAA,OAAO,EAIN,SAAA;AACDC,MAAAA,QAAQ,EAIP,UAAA;AACDC,MAAAA,IAAI,EAAA,SAAA;KAKP;AACDN,IAAAA,IAAI,EAAE;AACFO,MAAAA,CAAC,EAyBA,SAAA;AACDC,MAAAA,CAAC,EAyBA,UAAA;AACDC,MAAAA,CAAC,EAyBA,UAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;AA0BN,KAAA;AACJ,GAAA;AACJ;;;;"}
|
@@ -1,9 +0,0 @@
|
|
1
|
-
.dlpid31{--plasma-note-background:var(--surface-transparent-secondary);--plasma-note-color:var(--text-primary);--plasma-note-content-before-color:var(--text-primary);}
|
2
|
-
.pj3b0d5{--plasma-note-background:var(--surface-transparent-positive);--plasma-note-color:var(--text-primary);--plasma-note-content-before-color:var(--text-positive);}
|
3
|
-
.w73g2ww{--plasma-note-background:var(--surface-transparent-warning);--plasma-note-color:var(--text-primary);--plasma-note-content-before-color:var(--text-warning);}
|
4
|
-
.n1m8g88j{--plasma-note-background:var(--surface-transparent-negative);--plasma-note-color:var(--text-primary);--plasma-note-content-before-color:var(--text-negative);}
|
5
|
-
.ifuz2qv{--plasma-note-background:var(--surface-transparent-info);--plasma-note-color:var(--text-primary);--plasma-note-content-before-color:var(--text-info);}
|
6
|
-
.ly7aunu{--plasma-note-padding:1.5rem 1.875rem;--plasma-note-padding-scalable:1.5rem 1.75rem;--plasma-note-border-radius:0.875rem;--plasma-note-gap:0.75rem;--plasma-note-gap-scalable:1rem;--plasma-note-content-gap:0.25rem;--plasma-note-fixed-content-before-width:1.5rem;--plasma-note-fixed-content-before-height:2rem;--plasma-note-fixed-content-before-padding:0.25rem 0;--plasma-note-title-font-family:var(--plasma-typo-text-l-font-family);--plasma-note-title-font-size:var(--plasma-typo-text-l-font-size);--plasma-note-title-font-style:var(--plasma-typo-text-l-font-style);--plasma-note-title-font-weight:var(--plasma-typo-text-l-bold-font-weight);--plasma-note-title-letter-spacing:var(--plasma-typo-text-l-letter-spacing);--plasma-note-title-line-height:var(--plasma-typo-text-l-line-height);--plasma-note-text-font-family:var(--plasma-typo-text-l-font-family);--plasma-note-text-font-size:var(--plasma-typo-text-l-font-size);--plasma-note-text-font-style:var(--plasma-typo-text-l-font-style);--plasma-note-text-font-weight:var(--plasma-typo-text-l-font-weight);--plasma-note-text-letter-spacing:var(--plasma-typo-text-l-letter-spacing);--plasma-note-text-line-height:var(--plasma-typo-text-l-line-height);}
|
7
|
-
.m1sat9qb{--plasma-note-padding:1.25rem 1.5rem;--plasma-note-padding-scalable:1.25rem;--plasma-note-border-radius:0.75rem;--plasma-note-gap:0.625rem;--plasma-note-gap-scalable:0.75rem;--plasma-note-content-gap:0.125rem;--plasma-note-fixed-content-before-width:1.5rem;--plasma-note-fixed-content-before-height:1.5rem;--plasma-note-fixed-content-before-padding:0;--plasma-note-title-font-family:var(--plasma-typo-text-m-font-family);--plasma-note-title-font-size:var(--plasma-typo-text-m-font-size);--plasma-note-title-font-style:var(--plasma-typo-text-m-font-style);--plasma-note-title-font-weight:var(--plasma-typo-text-m-bold-font-weight);--plasma-note-title-letter-spacing:var(--plasma-typo-text-m-letter-spacing);--plasma-note-title-line-height:var(--plasma-typo-text-m-line-height);--plasma-note-text-font-family:var(--plasma-typo-text-m-font-family);--plasma-note-text-font-size:var(--plasma-typo-text-m-font-size);--plasma-note-text-font-style:var(--plasma-typo-text-m-font-style);--plasma-note-text-font-weight:var(--plasma-typo-text-m-font-weight);--plasma-note-text-letter-spacing:var(--plasma-typo-text-m-letter-spacing);--plasma-note-text-line-height:var(--plasma-typo-text-m-line-height);}
|
8
|
-
.s1gn2ksf{--plasma-note-padding:1rem 1.25rem;--plasma-note-padding-scalable:1rem;--plasma-note-border-radius:0.625rem;--plasma-note-gap:0.5rem;--plasma-note-gap-scalable:0.75rem;--plasma-note-content-gap:0.125rem;--plasma-note-fixed-content-before-width:1rem;--plasma-note-fixed-content-before-height:1.125rem;--plasma-note-fixed-content-before-padding:0.063rem 0;--plasma-note-title-font-family:var(--plasma-typo-text-s-font-family);--plasma-note-title-font-size:var(--plasma-typo-text-s-font-size);--plasma-note-title-font-style:var(--plasma-typo-text-s-font-style);--plasma-note-title-font-weight:var(--plasma-typo-text-s-bold-font-weight);--plasma-note-title-letter-spacing:var(--plasma-typo-text-s-letter-spacing);--plasma-note-title-line-height:var(--plasma-typo-text-s-line-height);--plasma-note-text-font-family:var(--plasma-typo-text-s-font-family);--plasma-note-text-font-size:var(--plasma-typo-text-s-font-size);--plasma-note-text-font-style:var(--plasma-typo-text-s-font-style);--plasma-note-text-font-weight:var(--plasma-typo-text-s-font-weight);--plasma-note-text-letter-spacing:var(--plasma-typo-text-s-letter-spacing);--plasma-note-text-line-height:var(--plasma-typo-text-s-line-height);}
|
9
|
-
.xqm7lmj{--plasma-note-padding:0.75rem 1rem;--plasma-note-padding-scalable:0.75rem;--plasma-note-border-radius:0.5rem;--plasma-note-gap:0.375rem;--plasma-note-gap-scalable:0.5rem;--plasma-note-content-gap:0.125rem;--plasma-note-fixed-content-before-width:1rem;--plasma-note-fixed-content-before-height:1rem;--plasma-note-fixed-content-before-padding:0;--plasma-note-title-font-family:var(--plasma-typo-text-xs-font-family);--plasma-note-title-font-size:var(--plasma-typo-text-xs-font-size);--plasma-note-title-font-style:var(--plasma-typo-text-xs-font-style);--plasma-note-title-font-weight:var(--plasma-typo-text-xs-bold-font-weight);--plasma-note-title-letter-spacing:var(--plasma-typo-text-xs-letter-spacing);--plasma-note-title-line-height:var(--plasma-typo-text-xs-line-height);--plasma-note-text-font-family:var(--plasma-typo-text-xs-font-family);--plasma-note-text-font-size:var(--plasma-typo-text-xs-font-size);--plasma-note-text-font-style:var(--plasma-typo-text-xs-font-style);--plasma-note-text-font-weight:var(--plasma-typo-text-xs-font-weight);--plasma-note-text-letter-spacing:var(--plasma-typo-text-xs-letter-spacing);--plasma-note-text-line-height:var(--plasma-typo-text-xs-line-height);}
|
package/components/Note/Note.css
DELETED
@@ -1,9 +0,0 @@
|
|
1
|
-
.Note_config_1psv03r_dlpid31__b15400fc{--plasma-note-background:var(--surface-transparent-secondary);--plasma-note-color:var(--text-primary);--plasma-note-content-before-color:var(--text-primary);}
|
2
|
-
.Note_config_1psv03r_pj3b0d5__b15400fc{--plasma-note-background:var(--surface-transparent-positive);--plasma-note-color:var(--text-primary);--plasma-note-content-before-color:var(--text-positive);}
|
3
|
-
.Note_config_1psv03r_w73g2ww__b15400fc{--plasma-note-background:var(--surface-transparent-warning);--plasma-note-color:var(--text-primary);--plasma-note-content-before-color:var(--text-warning);}
|
4
|
-
.Note_config_1psv03r_n1m8g88j__b15400fc{--plasma-note-background:var(--surface-transparent-negative);--plasma-note-color:var(--text-primary);--plasma-note-content-before-color:var(--text-negative);}
|
5
|
-
.Note_config_1psv03r_ifuz2qv__b15400fc{--plasma-note-background:var(--surface-transparent-info);--plasma-note-color:var(--text-primary);--plasma-note-content-before-color:var(--text-info);}
|
6
|
-
.Note_config_1psv03r_ly7aunu__b15400fc{--plasma-note-padding:1.5rem 1.875rem;--plasma-note-padding-scalable:1.5rem 1.75rem;--plasma-note-border-radius:0.875rem;--plasma-note-gap:0.75rem;--plasma-note-gap-scalable:1rem;--plasma-note-content-gap:0.25rem;--plasma-note-fixed-content-before-width:1.5rem;--plasma-note-fixed-content-before-height:2rem;--plasma-note-fixed-content-before-padding:0.25rem 0;--plasma-note-title-font-family:var(--plasma-typo-text-l-font-family);--plasma-note-title-font-size:var(--plasma-typo-text-l-font-size);--plasma-note-title-font-style:var(--plasma-typo-text-l-font-style);--plasma-note-title-font-weight:var(--plasma-typo-text-l-bold-font-weight);--plasma-note-title-letter-spacing:var(--plasma-typo-text-l-letter-spacing);--plasma-note-title-line-height:var(--plasma-typo-text-l-line-height);--plasma-note-text-font-family:var(--plasma-typo-text-l-font-family);--plasma-note-text-font-size:var(--plasma-typo-text-l-font-size);--plasma-note-text-font-style:var(--plasma-typo-text-l-font-style);--plasma-note-text-font-weight:var(--plasma-typo-text-l-font-weight);--plasma-note-text-letter-spacing:var(--plasma-typo-text-l-letter-spacing);--plasma-note-text-line-height:var(--plasma-typo-text-l-line-height);}
|
7
|
-
.Note_config_1psv03r_m1sat9qb__b15400fc{--plasma-note-padding:1.25rem 1.5rem;--plasma-note-padding-scalable:1.25rem;--plasma-note-border-radius:0.75rem;--plasma-note-gap:0.625rem;--plasma-note-gap-scalable:0.75rem;--plasma-note-content-gap:0.125rem;--plasma-note-fixed-content-before-width:1.5rem;--plasma-note-fixed-content-before-height:1.5rem;--plasma-note-fixed-content-before-padding:0;--plasma-note-title-font-family:var(--plasma-typo-text-m-font-family);--plasma-note-title-font-size:var(--plasma-typo-text-m-font-size);--plasma-note-title-font-style:var(--plasma-typo-text-m-font-style);--plasma-note-title-font-weight:var(--plasma-typo-text-m-bold-font-weight);--plasma-note-title-letter-spacing:var(--plasma-typo-text-m-letter-spacing);--plasma-note-title-line-height:var(--plasma-typo-text-m-line-height);--plasma-note-text-font-family:var(--plasma-typo-text-m-font-family);--plasma-note-text-font-size:var(--plasma-typo-text-m-font-size);--plasma-note-text-font-style:var(--plasma-typo-text-m-font-style);--plasma-note-text-font-weight:var(--plasma-typo-text-m-font-weight);--plasma-note-text-letter-spacing:var(--plasma-typo-text-m-letter-spacing);--plasma-note-text-line-height:var(--plasma-typo-text-m-line-height);}
|
8
|
-
.Note_config_1psv03r_s1gn2ksf__b15400fc{--plasma-note-padding:1rem 1.25rem;--plasma-note-padding-scalable:1rem;--plasma-note-border-radius:0.625rem;--plasma-note-gap:0.5rem;--plasma-note-gap-scalable:0.75rem;--plasma-note-content-gap:0.125rem;--plasma-note-fixed-content-before-width:1rem;--plasma-note-fixed-content-before-height:1.125rem;--plasma-note-fixed-content-before-padding:0.063rem 0;--plasma-note-title-font-family:var(--plasma-typo-text-s-font-family);--plasma-note-title-font-size:var(--plasma-typo-text-s-font-size);--plasma-note-title-font-style:var(--plasma-typo-text-s-font-style);--plasma-note-title-font-weight:var(--plasma-typo-text-s-bold-font-weight);--plasma-note-title-letter-spacing:var(--plasma-typo-text-s-letter-spacing);--plasma-note-title-line-height:var(--plasma-typo-text-s-line-height);--plasma-note-text-font-family:var(--plasma-typo-text-s-font-family);--plasma-note-text-font-size:var(--plasma-typo-text-s-font-size);--plasma-note-text-font-style:var(--plasma-typo-text-s-font-style);--plasma-note-text-font-weight:var(--plasma-typo-text-s-font-weight);--plasma-note-text-letter-spacing:var(--plasma-typo-text-s-letter-spacing);--plasma-note-text-line-height:var(--plasma-typo-text-s-line-height);}
|
9
|
-
.Note_config_1psv03r_xqm7lmj__b15400fc{--plasma-note-padding:0.75rem 1rem;--plasma-note-padding-scalable:0.75rem;--plasma-note-border-radius:0.5rem;--plasma-note-gap:0.375rem;--plasma-note-gap-scalable:0.5rem;--plasma-note-content-gap:0.125rem;--plasma-note-fixed-content-before-width:1rem;--plasma-note-fixed-content-before-height:1rem;--plasma-note-fixed-content-before-padding:0;--plasma-note-title-font-family:var(--plasma-typo-text-xs-font-family);--plasma-note-title-font-size:var(--plasma-typo-text-xs-font-size);--plasma-note-title-font-style:var(--plasma-typo-text-xs-font-style);--plasma-note-title-font-weight:var(--plasma-typo-text-xs-bold-font-weight);--plasma-note-title-letter-spacing:var(--plasma-typo-text-xs-letter-spacing);--plasma-note-title-line-height:var(--plasma-typo-text-xs-line-height);--plasma-note-text-font-family:var(--plasma-typo-text-xs-font-family);--plasma-note-text-font-size:var(--plasma-typo-text-xs-font-size);--plasma-note-text-font-style:var(--plasma-typo-text-xs-font-style);--plasma-note-text-font-weight:var(--plasma-typo-text-xs-font-weight);--plasma-note-text-letter-spacing:var(--plasma-typo-text-xs-letter-spacing);--plasma-note-text-line-height:var(--plasma-typo-text-xs-line-height);}
|
@@ -1,26 +0,0 @@
|
|
1
|
-
/// <reference types="react" />
|
2
|
-
export declare const Note: 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
|
-
positive: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
6
|
-
warning: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
7
|
-
negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
8
|
-
info: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
9
|
-
};
|
10
|
-
size: {
|
11
|
-
l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
12
|
-
m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
13
|
-
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
14
|
-
xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
15
|
-
};
|
16
|
-
}> & {
|
17
|
-
title?: string | undefined;
|
18
|
-
text?: string | undefined;
|
19
|
-
contentBefore?: import("react").ReactNode;
|
20
|
-
contentBeforeSizing?: "fixed" | "scalable" | undefined;
|
21
|
-
stretch?: boolean | undefined;
|
22
|
-
width?: string | number | undefined;
|
23
|
-
height?: string | number | undefined;
|
24
|
-
view?: string | undefined;
|
25
|
-
size?: string | undefined;
|
26
|
-
} & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
package/components/Note/Note.js
DELETED
@@ -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 Note_config = require('./Note.config.js');
|
7
|
-
|
8
|
-
var mergedConfig = /*#__PURE__*/plasmaNewHope.mergeConfig(plasmaNewHope.noteConfig, Note_config.config);
|
9
|
-
var Note = /*#__PURE__*/plasmaNewHope.component(mergedConfig);
|
10
|
-
|
11
|
-
exports.Note = Note;
|
12
|
-
//# sourceMappingURL=Note.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"Note.js","sources":["../../src-css/components/Note/Note.ts"],"sourcesContent":["import { noteConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './Note.config';\n\nconst mergedConfig = mergeConfig(noteConfig, config);\n\nexport const Note = component(mergedConfig);\n"],"names":["mergedConfig","mergeConfig","noteConfig","config","Note","component"],"mappings":";;;;;;;AAIA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,wBAAU,EAAEC,kBAAM,CAAC,CAAA;IAEvCC,IAAI,gBAAGC,uBAAS,CAACL,YAAY;;;;"}
|
@@ -1,30 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.config = void 0;
|
7
|
-
var _emotion = /*#__PURE__*/require("@salutejs/plasma-new-hope/emotion");
|
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: 'l'
|
14
|
-
},
|
15
|
-
variations: {
|
16
|
-
view: {
|
17
|
-
"default": /*#__PURE__*/(0, _emotion.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n "])), _emotion.noteTokens.background, _emotion.noteTokens.color, _emotion.noteTokens.contentBeforeColor),
|
18
|
-
positive: /*#__PURE__*/(0, _emotion.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-positive);\n ", ": var(--text-primary);\n ", ": var(--text-positive);\n "])), _emotion.noteTokens.background, _emotion.noteTokens.color, _emotion.noteTokens.contentBeforeColor),
|
19
|
-
warning: /*#__PURE__*/(0, _emotion.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-warning);\n ", ": var(--text-primary);\n ", ": var(--text-warning);\n "])), _emotion.noteTokens.background, _emotion.noteTokens.color, _emotion.noteTokens.contentBeforeColor),
|
20
|
-
negative: /*#__PURE__*/(0, _emotion.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-negative);\n ", ": var(--text-primary);\n ", ": var(--text-negative);\n "])), _emotion.noteTokens.background, _emotion.noteTokens.color, _emotion.noteTokens.contentBeforeColor),
|
21
|
-
info: /*#__PURE__*/(0, _emotion.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-info);\n ", ": var(--text-primary);\n ", ": var(--text-info);\n "])), _emotion.noteTokens.background, _emotion.noteTokens.color, _emotion.noteTokens.contentBeforeColor)
|
22
|
-
},
|
23
|
-
size: {
|
24
|
-
l: /*#__PURE__*/(0, _emotion.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.5rem 1.875rem;\n ", ": 1.5rem 1.75rem;\n ", ": 0.875rem;\n ", ": 0.75rem;\n ", ": 1rem;\n ", ": 0.25rem;\n\n ", ": 1.5rem;\n ", ": 2rem;\n ", ": 0.25rem 0;\n\n ", ": var(--plasma-typo-text-l-font-family);\n ", ": var(--plasma-typo-text-l-font-size);\n ", ": var(--plasma-typo-text-l-font-style);\n ", ": var(--plasma-typo-text-l-bold-font-weight);\n ", ": var(--plasma-typo-text-l-letter-spacing);\n ", ": var(--plasma-typo-text-l-line-height);\n\n ", ": var(--plasma-typo-text-l-font-family);\n ", ": var(--plasma-typo-text-l-font-size);\n ", ": var(--plasma-typo-text-l-font-style);\n ", ": var(--plasma-typo-text-l-font-weight);\n ", ": var(--plasma-typo-text-l-letter-spacing);\n ", ": var(--plasma-typo-text-l-line-height);\n "])), _emotion.noteTokens.padding, _emotion.noteTokens.paddingScalable, _emotion.noteTokens.borderRadius, _emotion.noteTokens.gap, _emotion.noteTokens.gapScalable, _emotion.noteTokens.contentGap, _emotion.noteTokens.fixedContentBeforeWidth, _emotion.noteTokens.fixedContentBeforeHeight, _emotion.noteTokens.fixedContentBeforePadding, _emotion.noteTokens.titleFontFamily, _emotion.noteTokens.titleFontSize, _emotion.noteTokens.titleFontStyle, _emotion.noteTokens.titleFontWeight, _emotion.noteTokens.titleLetterSpacing, _emotion.noteTokens.titleLineHeight, _emotion.noteTokens.textFontFamily, _emotion.noteTokens.textFontSize, _emotion.noteTokens.textFontStyle, _emotion.noteTokens.textFontWeight, _emotion.noteTokens.textLetterSpacing, _emotion.noteTokens.textLineHeight),
|
25
|
-
m: /*#__PURE__*/(0, _emotion.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.25rem 1.5rem;\n ", ": 1.25rem;\n ", ": 0.75rem;\n ", ": 0.625rem;\n ", ": 0.75rem;\n ", ": 0.125rem;\n\n ", ": 1.5rem;\n ", ": 1.5rem;\n ", ": 0;\n\n ", ": var(--plasma-typo-text-m-font-family);\n ", ": var(--plasma-typo-text-m-font-size);\n ", ": var(--plasma-typo-text-m-font-style);\n ", ": var(--plasma-typo-text-m-bold-font-weight);\n ", ": var(--plasma-typo-text-m-letter-spacing);\n ", ": var(--plasma-typo-text-m-line-height);\n\n ", ": var(--plasma-typo-text-m-font-family);\n ", ": var(--plasma-typo-text-m-font-size);\n ", ": var(--plasma-typo-text-m-font-style);\n ", ": var(--plasma-typo-text-m-font-weight);\n ", ": var(--plasma-typo-text-m-letter-spacing);\n ", ": var(--plasma-typo-text-m-line-height);\n "])), _emotion.noteTokens.padding, _emotion.noteTokens.paddingScalable, _emotion.noteTokens.borderRadius, _emotion.noteTokens.gap, _emotion.noteTokens.gapScalable, _emotion.noteTokens.contentGap, _emotion.noteTokens.fixedContentBeforeWidth, _emotion.noteTokens.fixedContentBeforeHeight, _emotion.noteTokens.fixedContentBeforePadding, _emotion.noteTokens.titleFontFamily, _emotion.noteTokens.titleFontSize, _emotion.noteTokens.titleFontStyle, _emotion.noteTokens.titleFontWeight, _emotion.noteTokens.titleLetterSpacing, _emotion.noteTokens.titleLineHeight, _emotion.noteTokens.textFontFamily, _emotion.noteTokens.textFontSize, _emotion.noteTokens.textFontStyle, _emotion.noteTokens.textFontWeight, _emotion.noteTokens.textLetterSpacing, _emotion.noteTokens.textLineHeight),
|
26
|
-
s: /*#__PURE__*/(0, _emotion.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1rem 1.25rem;\n ", ": 1rem;\n ", ": 0.625rem;\n ", ": 0.5rem;\n ", ": 0.75rem;\n ", ": 0.125rem;\n\n ", ": 1rem;\n ", ": 1.125rem;\n ", ": 0.063rem 0;\n\n ", ": var(--plasma-typo-text-s-font-family);\n ", ": var(--plasma-typo-text-s-font-size);\n ", ": var(--plasma-typo-text-s-font-style);\n ", ": var(--plasma-typo-text-s-bold-font-weight);\n ", ": var(--plasma-typo-text-s-letter-spacing);\n ", ": var(--plasma-typo-text-s-line-height);\n\n ", ": var(--plasma-typo-text-s-font-family);\n ", ": var(--plasma-typo-text-s-font-size);\n ", ": var(--plasma-typo-text-s-font-style);\n ", ": var(--plasma-typo-text-s-font-weight);\n ", ": var(--plasma-typo-text-s-letter-spacing);\n ", ": var(--plasma-typo-text-s-line-height);\n "])), _emotion.noteTokens.padding, _emotion.noteTokens.paddingScalable, _emotion.noteTokens.borderRadius, _emotion.noteTokens.gap, _emotion.noteTokens.gapScalable, _emotion.noteTokens.contentGap, _emotion.noteTokens.fixedContentBeforeWidth, _emotion.noteTokens.fixedContentBeforeHeight, _emotion.noteTokens.fixedContentBeforePadding, _emotion.noteTokens.titleFontFamily, _emotion.noteTokens.titleFontSize, _emotion.noteTokens.titleFontStyle, _emotion.noteTokens.titleFontWeight, _emotion.noteTokens.titleLetterSpacing, _emotion.noteTokens.titleLineHeight, _emotion.noteTokens.textFontFamily, _emotion.noteTokens.textFontSize, _emotion.noteTokens.textFontStyle, _emotion.noteTokens.textFontWeight, _emotion.noteTokens.textLetterSpacing, _emotion.noteTokens.textLineHeight),
|
27
|
-
xs: /*#__PURE__*/(0, _emotion.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.75rem 1rem;\n ", ": 0.75rem;\n ", ": 0.5rem;\n ", ": 0.375rem;\n ", ": 0.5rem;\n ", ": 0.125rem;\n\n ", ": 1rem;\n ", ": 1rem;\n ", ": 0;\n\n ", ": var(--plasma-typo-text-xs-font-family);\n ", ": var(--plasma-typo-text-xs-font-size);\n ", ": var(--plasma-typo-text-xs-font-style);\n ", ": var(--plasma-typo-text-xs-bold-font-weight);\n ", ": var(--plasma-typo-text-xs-letter-spacing);\n ", ": var(--plasma-typo-text-xs-line-height);\n\n ", ": var(--plasma-typo-text-xs-font-family);\n ", ": var(--plasma-typo-text-xs-font-size);\n ", ": var(--plasma-typo-text-xs-font-style);\n ", ": var(--plasma-typo-text-xs-font-weight);\n ", ": var(--plasma-typo-text-xs-letter-spacing);\n ", ": var(--plasma-typo-text-xs-line-height);\n "])), _emotion.noteTokens.padding, _emotion.noteTokens.paddingScalable, _emotion.noteTokens.borderRadius, _emotion.noteTokens.gap, _emotion.noteTokens.gapScalable, _emotion.noteTokens.contentGap, _emotion.noteTokens.fixedContentBeforeWidth, _emotion.noteTokens.fixedContentBeforeHeight, _emotion.noteTokens.fixedContentBeforePadding, _emotion.noteTokens.titleFontFamily, _emotion.noteTokens.titleFontSize, _emotion.noteTokens.titleFontStyle, _emotion.noteTokens.titleFontWeight, _emotion.noteTokens.titleLetterSpacing, _emotion.noteTokens.titleLineHeight, _emotion.noteTokens.textFontFamily, _emotion.noteTokens.textFontSize, _emotion.noteTokens.textFontStyle, _emotion.noteTokens.textFontWeight, _emotion.noteTokens.textLetterSpacing, _emotion.noteTokens.textLineHeight)
|
28
|
-
}
|
29
|
-
}
|
30
|
-
};
|
@@ -1,10 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.Note = void 0;
|
7
|
-
var _emotion = /*#__PURE__*/require("@salutejs/plasma-new-hope/emotion");
|
8
|
-
var _Note = /*#__PURE__*/require("./Note.config");
|
9
|
-
var mergedConfig = /*#__PURE__*/(0, _emotion.mergeConfig)(_emotion.noteConfig, _Note.config);
|
10
|
-
var Note = exports.Note = /*#__PURE__*/(0, _emotion.component)(mergedConfig);
|
@@ -1,85 +0,0 @@
|
|
1
|
-
import React, { ComponentProps } from 'react';
|
2
|
-
import type { StoryObj, Meta } from '@storybook/react';
|
3
|
-
import { InSpacingDecorator } from '@salutejs/plasma-sb-utils';
|
4
|
-
import { IconSaluteOutline } from '@salutejs/plasma-icons';
|
5
|
-
|
6
|
-
import { Note } from './Note';
|
7
|
-
|
8
|
-
const views = ['default', 'positive', 'warning', 'negative', 'info'];
|
9
|
-
const sizes = ['l', 'm', 's', 'xs'];
|
10
|
-
const contentBeforeSizes = ['fixed', 'scalable'];
|
11
|
-
|
12
|
-
const meta: Meta<typeof Note> = {
|
13
|
-
title: 'Data Display/Note',
|
14
|
-
component: Note,
|
15
|
-
decorators: [InSpacingDecorator],
|
16
|
-
argTypes: {
|
17
|
-
view: {
|
18
|
-
options: views,
|
19
|
-
control: {
|
20
|
-
type: 'select',
|
21
|
-
},
|
22
|
-
},
|
23
|
-
size: {
|
24
|
-
options: sizes,
|
25
|
-
control: {
|
26
|
-
type: 'select',
|
27
|
-
},
|
28
|
-
},
|
29
|
-
contentBeforeSizing: {
|
30
|
-
options: contentBeforeSizes,
|
31
|
-
control: {
|
32
|
-
type: 'inline-radio',
|
33
|
-
},
|
34
|
-
if: { arg: 'enableContentBefore', truthy: true },
|
35
|
-
defaultValue: 'fixed',
|
36
|
-
},
|
37
|
-
},
|
38
|
-
};
|
39
|
-
|
40
|
-
export default meta;
|
41
|
-
|
42
|
-
type StoryPropsDefault = {
|
43
|
-
enableContentBefore: boolean;
|
44
|
-
} & ComponentProps<typeof Note>;
|
45
|
-
|
46
|
-
const getIconSize = (size?: string, isScalable?: boolean) => {
|
47
|
-
if (isScalable) {
|
48
|
-
return 'm';
|
49
|
-
}
|
50
|
-
|
51
|
-
if (size === 'l' || size === 'm') {
|
52
|
-
return 's';
|
53
|
-
}
|
54
|
-
|
55
|
-
return 'xs';
|
56
|
-
};
|
57
|
-
|
58
|
-
export const Default: StoryObj<StoryPropsDefault> = {
|
59
|
-
args: {
|
60
|
-
view: 'default',
|
61
|
-
size: 'l',
|
62
|
-
width: 400,
|
63
|
-
height: 116,
|
64
|
-
stretch: false,
|
65
|
-
title: 'Title',
|
66
|
-
text: 'Text',
|
67
|
-
enableContentBefore: true,
|
68
|
-
contentBeforeSizing: 'fixed',
|
69
|
-
},
|
70
|
-
render: ({ enableContentBefore, ...args }) => (
|
71
|
-
<div style={{ height: '100vh' }}>
|
72
|
-
<Note
|
73
|
-
contentBefore={
|
74
|
-
enableContentBefore && (
|
75
|
-
<IconSaluteOutline
|
76
|
-
size={getIconSize(args.size, args.contentBeforeSizing === 'scalable')}
|
77
|
-
color="inherit"
|
78
|
-
/>
|
79
|
-
)
|
80
|
-
}
|
81
|
-
{...args}
|
82
|
-
/>
|
83
|
-
</div>
|
84
|
-
),
|
85
|
-
};
|
@@ -1,25 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
Object.defineProperty(exports, "Note", {
|
7
|
-
enumerable: true,
|
8
|
-
get: function get() {
|
9
|
-
return _Note.Note;
|
10
|
-
}
|
11
|
-
});
|
12
|
-
Object.defineProperty(exports, "noteClasses", {
|
13
|
-
enumerable: true,
|
14
|
-
get: function get() {
|
15
|
-
return _emotion.noteClasses;
|
16
|
-
}
|
17
|
-
});
|
18
|
-
Object.defineProperty(exports, "noteTokens", {
|
19
|
-
enumerable: true,
|
20
|
-
get: function get() {
|
21
|
-
return _emotion.noteTokens;
|
22
|
-
}
|
23
|
-
});
|
24
|
-
var _Note = /*#__PURE__*/require("./Note");
|
25
|
-
var _emotion = /*#__PURE__*/require("@salutejs/plasma-new-hope/emotion");
|
@@ -1,24 +0,0 @@
|
|
1
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
|
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, noteTokens as tokens } from '@salutejs/plasma-new-hope/emotion';
|
4
|
-
export var config = {
|
5
|
-
defaults: {
|
6
|
-
view: 'default',
|
7
|
-
size: 'l'
|
8
|
-
},
|
9
|
-
variations: {
|
10
|
-
view: {
|
11
|
-
"default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n "])), tokens.background, tokens.color, tokens.contentBeforeColor),
|
12
|
-
positive: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-positive);\n ", ": var(--text-primary);\n ", ": var(--text-positive);\n "])), tokens.background, tokens.color, tokens.contentBeforeColor),
|
13
|
-
warning: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-warning);\n ", ": var(--text-primary);\n ", ": var(--text-warning);\n "])), tokens.background, tokens.color, tokens.contentBeforeColor),
|
14
|
-
negative: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-negative);\n ", ": var(--text-primary);\n ", ": var(--text-negative);\n "])), tokens.background, tokens.color, tokens.contentBeforeColor),
|
15
|
-
info: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-info);\n ", ": var(--text-primary);\n ", ": var(--text-info);\n "])), tokens.background, tokens.color, tokens.contentBeforeColor)
|
16
|
-
},
|
17
|
-
size: {
|
18
|
-
l: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.5rem 1.875rem;\n ", ": 1.5rem 1.75rem;\n ", ": 0.875rem;\n ", ": 0.75rem;\n ", ": 1rem;\n ", ": 0.25rem;\n\n ", ": 1.5rem;\n ", ": 2rem;\n ", ": 0.25rem 0;\n\n ", ": var(--plasma-typo-text-l-font-family);\n ", ": var(--plasma-typo-text-l-font-size);\n ", ": var(--plasma-typo-text-l-font-style);\n ", ": var(--plasma-typo-text-l-bold-font-weight);\n ", ": var(--plasma-typo-text-l-letter-spacing);\n ", ": var(--plasma-typo-text-l-line-height);\n\n ", ": var(--plasma-typo-text-l-font-family);\n ", ": var(--plasma-typo-text-l-font-size);\n ", ": var(--plasma-typo-text-l-font-style);\n ", ": var(--plasma-typo-text-l-font-weight);\n ", ": var(--plasma-typo-text-l-letter-spacing);\n ", ": var(--plasma-typo-text-l-line-height);\n "])), tokens.padding, tokens.paddingScalable, tokens.borderRadius, tokens.gap, tokens.gapScalable, tokens.contentGap, tokens.fixedContentBeforeWidth, tokens.fixedContentBeforeHeight, tokens.fixedContentBeforePadding, tokens.titleFontFamily, tokens.titleFontSize, tokens.titleFontStyle, tokens.titleFontWeight, tokens.titleLetterSpacing, tokens.titleLineHeight, tokens.textFontFamily, tokens.textFontSize, tokens.textFontStyle, tokens.textFontWeight, tokens.textLetterSpacing, tokens.textLineHeight),
|
19
|
-
m: /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.25rem 1.5rem;\n ", ": 1.25rem;\n ", ": 0.75rem;\n ", ": 0.625rem;\n ", ": 0.75rem;\n ", ": 0.125rem;\n\n ", ": 1.5rem;\n ", ": 1.5rem;\n ", ": 0;\n\n ", ": var(--plasma-typo-text-m-font-family);\n ", ": var(--plasma-typo-text-m-font-size);\n ", ": var(--plasma-typo-text-m-font-style);\n ", ": var(--plasma-typo-text-m-bold-font-weight);\n ", ": var(--plasma-typo-text-m-letter-spacing);\n ", ": var(--plasma-typo-text-m-line-height);\n\n ", ": var(--plasma-typo-text-m-font-family);\n ", ": var(--plasma-typo-text-m-font-size);\n ", ": var(--plasma-typo-text-m-font-style);\n ", ": var(--plasma-typo-text-m-font-weight);\n ", ": var(--plasma-typo-text-m-letter-spacing);\n ", ": var(--plasma-typo-text-m-line-height);\n "])), tokens.padding, tokens.paddingScalable, tokens.borderRadius, tokens.gap, tokens.gapScalable, tokens.contentGap, tokens.fixedContentBeforeWidth, tokens.fixedContentBeforeHeight, tokens.fixedContentBeforePadding, tokens.titleFontFamily, tokens.titleFontSize, tokens.titleFontStyle, tokens.titleFontWeight, tokens.titleLetterSpacing, tokens.titleLineHeight, tokens.textFontFamily, tokens.textFontSize, tokens.textFontStyle, tokens.textFontWeight, tokens.textLetterSpacing, tokens.textLineHeight),
|
20
|
-
s: /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1rem 1.25rem;\n ", ": 1rem;\n ", ": 0.625rem;\n ", ": 0.5rem;\n ", ": 0.75rem;\n ", ": 0.125rem;\n\n ", ": 1rem;\n ", ": 1.125rem;\n ", ": 0.063rem 0;\n\n ", ": var(--plasma-typo-text-s-font-family);\n ", ": var(--plasma-typo-text-s-font-size);\n ", ": var(--plasma-typo-text-s-font-style);\n ", ": var(--plasma-typo-text-s-bold-font-weight);\n ", ": var(--plasma-typo-text-s-letter-spacing);\n ", ": var(--plasma-typo-text-s-line-height);\n\n ", ": var(--plasma-typo-text-s-font-family);\n ", ": var(--plasma-typo-text-s-font-size);\n ", ": var(--plasma-typo-text-s-font-style);\n ", ": var(--plasma-typo-text-s-font-weight);\n ", ": var(--plasma-typo-text-s-letter-spacing);\n ", ": var(--plasma-typo-text-s-line-height);\n "])), tokens.padding, tokens.paddingScalable, tokens.borderRadius, tokens.gap, tokens.gapScalable, tokens.contentGap, tokens.fixedContentBeforeWidth, tokens.fixedContentBeforeHeight, tokens.fixedContentBeforePadding, tokens.titleFontFamily, tokens.titleFontSize, tokens.titleFontStyle, tokens.titleFontWeight, tokens.titleLetterSpacing, tokens.titleLineHeight, tokens.textFontFamily, tokens.textFontSize, tokens.textFontStyle, tokens.textFontWeight, tokens.textLetterSpacing, tokens.textLineHeight),
|
21
|
-
xs: /*#__PURE__*/css(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.75rem 1rem;\n ", ": 0.75rem;\n ", ": 0.5rem;\n ", ": 0.375rem;\n ", ": 0.5rem;\n ", ": 0.125rem;\n\n ", ": 1rem;\n ", ": 1rem;\n ", ": 0;\n\n ", ": var(--plasma-typo-text-xs-font-family);\n ", ": var(--plasma-typo-text-xs-font-size);\n ", ": var(--plasma-typo-text-xs-font-style);\n ", ": var(--plasma-typo-text-xs-bold-font-weight);\n ", ": var(--plasma-typo-text-xs-letter-spacing);\n ", ": var(--plasma-typo-text-xs-line-height);\n\n ", ": var(--plasma-typo-text-xs-font-family);\n ", ": var(--plasma-typo-text-xs-font-size);\n ", ": var(--plasma-typo-text-xs-font-style);\n ", ": var(--plasma-typo-text-xs-font-weight);\n ", ": var(--plasma-typo-text-xs-letter-spacing);\n ", ": var(--plasma-typo-text-xs-line-height);\n "])), tokens.padding, tokens.paddingScalable, tokens.borderRadius, tokens.gap, tokens.gapScalable, tokens.contentGap, tokens.fixedContentBeforeWidth, tokens.fixedContentBeforeHeight, tokens.fixedContentBeforePadding, tokens.titleFontFamily, tokens.titleFontSize, tokens.titleFontStyle, tokens.titleFontWeight, tokens.titleLetterSpacing, tokens.titleLineHeight, tokens.textFontFamily, tokens.textFontSize, tokens.textFontStyle, tokens.textFontWeight, tokens.textLetterSpacing, tokens.textLineHeight)
|
22
|
-
}
|
23
|
-
}
|
24
|
-
};
|
@@ -1,85 +0,0 @@
|
|
1
|
-
import React, { ComponentProps } from 'react';
|
2
|
-
import type { StoryObj, Meta } from '@storybook/react';
|
3
|
-
import { InSpacingDecorator } from '@salutejs/plasma-sb-utils';
|
4
|
-
import { IconSaluteOutline } from '@salutejs/plasma-icons';
|
5
|
-
|
6
|
-
import { Note } from './Note';
|
7
|
-
|
8
|
-
const views = ['default', 'positive', 'warning', 'negative', 'info'];
|
9
|
-
const sizes = ['l', 'm', 's', 'xs'];
|
10
|
-
const contentBeforeSizes = ['fixed', 'scalable'];
|
11
|
-
|
12
|
-
const meta: Meta<typeof Note> = {
|
13
|
-
title: 'Data Display/Note',
|
14
|
-
component: Note,
|
15
|
-
decorators: [InSpacingDecorator],
|
16
|
-
argTypes: {
|
17
|
-
view: {
|
18
|
-
options: views,
|
19
|
-
control: {
|
20
|
-
type: 'select',
|
21
|
-
},
|
22
|
-
},
|
23
|
-
size: {
|
24
|
-
options: sizes,
|
25
|
-
control: {
|
26
|
-
type: 'select',
|
27
|
-
},
|
28
|
-
},
|
29
|
-
contentBeforeSizing: {
|
30
|
-
options: contentBeforeSizes,
|
31
|
-
control: {
|
32
|
-
type: 'inline-radio',
|
33
|
-
},
|
34
|
-
if: { arg: 'enableContentBefore', truthy: true },
|
35
|
-
defaultValue: 'fixed',
|
36
|
-
},
|
37
|
-
},
|
38
|
-
};
|
39
|
-
|
40
|
-
export default meta;
|
41
|
-
|
42
|
-
type StoryPropsDefault = {
|
43
|
-
enableContentBefore: boolean;
|
44
|
-
} & ComponentProps<typeof Note>;
|
45
|
-
|
46
|
-
const getIconSize = (size?: string, isScalable?: boolean) => {
|
47
|
-
if (isScalable) {
|
48
|
-
return 'm';
|
49
|
-
}
|
50
|
-
|
51
|
-
if (size === 'l' || size === 'm') {
|
52
|
-
return 's';
|
53
|
-
}
|
54
|
-
|
55
|
-
return 'xs';
|
56
|
-
};
|
57
|
-
|
58
|
-
export const Default: StoryObj<StoryPropsDefault> = {
|
59
|
-
args: {
|
60
|
-
view: 'default',
|
61
|
-
size: 'l',
|
62
|
-
width: 400,
|
63
|
-
height: 116,
|
64
|
-
stretch: false,
|
65
|
-
title: 'Title',
|
66
|
-
text: 'Text',
|
67
|
-
enableContentBefore: true,
|
68
|
-
contentBeforeSizing: 'fixed',
|
69
|
-
},
|
70
|
-
render: ({ enableContentBefore, ...args }) => (
|
71
|
-
<div style={{ height: '100vh' }}>
|
72
|
-
<Note
|
73
|
-
contentBefore={
|
74
|
-
enableContentBefore && (
|
75
|
-
<IconSaluteOutline
|
76
|
-
size={getIconSize(args.size, args.contentBeforeSizing === 'scalable')}
|
77
|
-
color="inherit"
|
78
|
-
/>
|
79
|
-
)
|
80
|
-
}
|
81
|
-
{...args}
|
82
|
-
/>
|
83
|
-
</div>
|
84
|
-
),
|
85
|
-
};
|
@@ -1,25 +0,0 @@
|
|
1
|
-
import './Note.config_1psv03r.css';
|
2
|
-
var config = {
|
3
|
-
defaults: {
|
4
|
-
view: 'default',
|
5
|
-
size: 'l'
|
6
|
-
},
|
7
|
-
variations: {
|
8
|
-
view: {
|
9
|
-
"default": "dlpid31",
|
10
|
-
positive: "pj3b0d5",
|
11
|
-
warning: "w73g2ww",
|
12
|
-
negative: "n1m8g88j",
|
13
|
-
info: "ifuz2qv"
|
14
|
-
},
|
15
|
-
size: {
|
16
|
-
l: "ly7aunu",
|
17
|
-
m: "m1sat9qb",
|
18
|
-
s: "s1gn2ksf",
|
19
|
-
xs: "xqm7lmj"
|
20
|
-
}
|
21
|
-
}
|
22
|
-
};
|
23
|
-
|
24
|
-
export { config };
|
25
|
-
//# sourceMappingURL=Note.config.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"Note.config.js","sources":["../../../src-css/components/Note/Note.config.ts"],"sourcesContent":["import { css, noteTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'l',\n },\n variations: {\n view: {\n default: css`\n ${tokens.background}: var(--surface-transparent-secondary);\n ${tokens.color}: var(--text-primary);\n ${tokens.contentBeforeColor}: var(--text-primary);\n `,\n positive: css`\n ${tokens.background}: var(--surface-transparent-positive);\n ${tokens.color}: var(--text-primary);\n ${tokens.contentBeforeColor}: var(--text-positive);\n `,\n warning: css`\n ${tokens.background}: var(--surface-transparent-warning);\n ${tokens.color}: var(--text-primary);\n ${tokens.contentBeforeColor}: var(--text-warning);\n `,\n negative: css`\n ${tokens.background}: var(--surface-transparent-negative);\n ${tokens.color}: var(--text-primary);\n ${tokens.contentBeforeColor}: var(--text-negative);\n `,\n info: css`\n ${tokens.background}: var(--surface-transparent-info);\n ${tokens.color}: var(--text-primary);\n ${tokens.contentBeforeColor}: var(--text-info);\n `,\n },\n size: {\n l: css`\n ${tokens.padding}: 1.5rem 1.875rem;\n ${tokens.paddingScalable}: 1.5rem 1.75rem;\n ${tokens.borderRadius}: 0.875rem;\n ${tokens.gap}: 0.75rem;\n ${tokens.gapScalable}: 1rem;\n ${tokens.contentGap}: 0.25rem;\n\n ${tokens.fixedContentBeforeWidth}: 1.5rem;\n ${tokens.fixedContentBeforeHeight}: 2rem;\n ${tokens.fixedContentBeforePadding}: 0.25rem 0;\n\n ${tokens.titleFontFamily}: var(--plasma-typo-text-l-font-family);\n ${tokens.titleFontSize}: var(--plasma-typo-text-l-font-size);\n ${tokens.titleFontStyle}: var(--plasma-typo-text-l-font-style);\n ${tokens.titleFontWeight}: var(--plasma-typo-text-l-bold-font-weight);\n ${tokens.titleLetterSpacing}: var(--plasma-typo-text-l-letter-spacing);\n ${tokens.titleLineHeight}: var(--plasma-typo-text-l-line-height);\n\n ${tokens.textFontFamily}: var(--plasma-typo-text-l-font-family);\n ${tokens.textFontSize}: var(--plasma-typo-text-l-font-size);\n ${tokens.textFontStyle}: var(--plasma-typo-text-l-font-style);\n ${tokens.textFontWeight}: var(--plasma-typo-text-l-font-weight);\n ${tokens.textLetterSpacing}: var(--plasma-typo-text-l-letter-spacing);\n ${tokens.textLineHeight}: var(--plasma-typo-text-l-line-height);\n `,\n m: css`\n ${tokens.padding}: 1.25rem 1.5rem;\n ${tokens.paddingScalable}: 1.25rem;\n ${tokens.borderRadius}: 0.75rem;\n ${tokens.gap}: 0.625rem;\n ${tokens.gapScalable}: 0.75rem;\n ${tokens.contentGap}: 0.125rem;\n\n ${tokens.fixedContentBeforeWidth}: 1.5rem;\n ${tokens.fixedContentBeforeHeight}: 1.5rem;\n ${tokens.fixedContentBeforePadding}: 0;\n\n ${tokens.titleFontFamily}: var(--plasma-typo-text-m-font-family);\n ${tokens.titleFontSize}: var(--plasma-typo-text-m-font-size);\n ${tokens.titleFontStyle}: var(--plasma-typo-text-m-font-style);\n ${tokens.titleFontWeight}: var(--plasma-typo-text-m-bold-font-weight);\n ${tokens.titleLetterSpacing}: var(--plasma-typo-text-m-letter-spacing);\n ${tokens.titleLineHeight}: var(--plasma-typo-text-m-line-height);\n\n ${tokens.textFontFamily}: var(--plasma-typo-text-m-font-family);\n ${tokens.textFontSize}: var(--plasma-typo-text-m-font-size);\n ${tokens.textFontStyle}: var(--plasma-typo-text-m-font-style);\n ${tokens.textFontWeight}: var(--plasma-typo-text-m-font-weight);\n ${tokens.textLetterSpacing}: var(--plasma-typo-text-m-letter-spacing);\n ${tokens.textLineHeight}: var(--plasma-typo-text-m-line-height);\n `,\n s: css`\n ${tokens.padding}: 1rem 1.25rem;\n ${tokens.paddingScalable}: 1rem;\n ${tokens.borderRadius}: 0.625rem;\n ${tokens.gap}: 0.5rem;\n ${tokens.gapScalable}: 0.75rem;\n ${tokens.contentGap}: 0.125rem;\n\n ${tokens.fixedContentBeforeWidth}: 1rem;\n ${tokens.fixedContentBeforeHeight}: 1.125rem;\n ${tokens.fixedContentBeforePadding}: 0.063rem 0;\n\n ${tokens.titleFontFamily}: var(--plasma-typo-text-s-font-family);\n ${tokens.titleFontSize}: var(--plasma-typo-text-s-font-size);\n ${tokens.titleFontStyle}: var(--plasma-typo-text-s-font-style);\n ${tokens.titleFontWeight}: var(--plasma-typo-text-s-bold-font-weight);\n ${tokens.titleLetterSpacing}: var(--plasma-typo-text-s-letter-spacing);\n ${tokens.titleLineHeight}: var(--plasma-typo-text-s-line-height);\n\n ${tokens.textFontFamily}: var(--plasma-typo-text-s-font-family);\n ${tokens.textFontSize}: var(--plasma-typo-text-s-font-size);\n ${tokens.textFontStyle}: var(--plasma-typo-text-s-font-style);\n ${tokens.textFontWeight}: var(--plasma-typo-text-s-font-weight);\n ${tokens.textLetterSpacing}: var(--plasma-typo-text-s-letter-spacing);\n ${tokens.textLineHeight}: var(--plasma-typo-text-s-line-height);\n `,\n xs: css`\n ${tokens.padding}: 0.75rem 1rem;\n ${tokens.paddingScalable}: 0.75rem;\n ${tokens.borderRadius}: 0.5rem;\n ${tokens.gap}: 0.375rem;\n ${tokens.gapScalable}: 0.5rem;\n ${tokens.contentGap}: 0.125rem;\n\n ${tokens.fixedContentBeforeWidth}: 1rem;\n ${tokens.fixedContentBeforeHeight}: 1rem;\n ${tokens.fixedContentBeforePadding}: 0;\n\n ${tokens.titleFontFamily}: var(--plasma-typo-text-xs-font-family);\n ${tokens.titleFontSize}: var(--plasma-typo-text-xs-font-size);\n ${tokens.titleFontStyle}: var(--plasma-typo-text-xs-font-style);\n ${tokens.titleFontWeight}: var(--plasma-typo-text-xs-bold-font-weight);\n ${tokens.titleLetterSpacing}: var(--plasma-typo-text-xs-letter-spacing);\n ${tokens.titleLineHeight}: var(--plasma-typo-text-xs-line-height);\n\n ${tokens.textFontFamily}: var(--plasma-typo-text-xs-font-family);\n ${tokens.textFontSize}: var(--plasma-typo-text-xs-font-size);\n ${tokens.textFontStyle}: var(--plasma-typo-text-xs-font-style);\n ${tokens.textFontWeight}: var(--plasma-typo-text-xs-font-weight);\n ${tokens.textLetterSpacing}: var(--plasma-typo-text-xs-letter-spacing);\n ${tokens.textLineHeight}: var(--plasma-typo-text-xs-line-height);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","positive","warning","negative","info","l","m","s","xs"],"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,EAIC,SAAA;AACDC,MAAAA,QAAQ,EAIP,SAAA;AACDC,MAAAA,OAAO,EAIN,SAAA;AACDC,MAAAA,QAAQ,EAIP,UAAA;AACDC,MAAAA,IAAI,EAAA,SAAA;KAKP;AACDN,IAAAA,IAAI,EAAE;AACFO,MAAAA,CAAC,EAyBA,SAAA;AACDC,MAAAA,CAAC,EAyBA,UAAA;AACDC,MAAAA,CAAC,EAyBA,UAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;AA0BN,KAAA;AACJ,GAAA;AACJ;;;;"}
|
@@ -1,9 +0,0 @@
|
|
1
|
-
.dlpid31{--plasma-note-background:var(--surface-transparent-secondary);--plasma-note-color:var(--text-primary);--plasma-note-content-before-color:var(--text-primary);}
|
2
|
-
.pj3b0d5{--plasma-note-background:var(--surface-transparent-positive);--plasma-note-color:var(--text-primary);--plasma-note-content-before-color:var(--text-positive);}
|
3
|
-
.w73g2ww{--plasma-note-background:var(--surface-transparent-warning);--plasma-note-color:var(--text-primary);--plasma-note-content-before-color:var(--text-warning);}
|
4
|
-
.n1m8g88j{--plasma-note-background:var(--surface-transparent-negative);--plasma-note-color:var(--text-primary);--plasma-note-content-before-color:var(--text-negative);}
|
5
|
-
.ifuz2qv{--plasma-note-background:var(--surface-transparent-info);--plasma-note-color:var(--text-primary);--plasma-note-content-before-color:var(--text-info);}
|
6
|
-
.ly7aunu{--plasma-note-padding:1.5rem 1.875rem;--plasma-note-padding-scalable:1.5rem 1.75rem;--plasma-note-border-radius:0.875rem;--plasma-note-gap:0.75rem;--plasma-note-gap-scalable:1rem;--plasma-note-content-gap:0.25rem;--plasma-note-fixed-content-before-width:1.5rem;--plasma-note-fixed-content-before-height:2rem;--plasma-note-fixed-content-before-padding:0.25rem 0;--plasma-note-title-font-family:var(--plasma-typo-text-l-font-family);--plasma-note-title-font-size:var(--plasma-typo-text-l-font-size);--plasma-note-title-font-style:var(--plasma-typo-text-l-font-style);--plasma-note-title-font-weight:var(--plasma-typo-text-l-bold-font-weight);--plasma-note-title-letter-spacing:var(--plasma-typo-text-l-letter-spacing);--plasma-note-title-line-height:var(--plasma-typo-text-l-line-height);--plasma-note-text-font-family:var(--plasma-typo-text-l-font-family);--plasma-note-text-font-size:var(--plasma-typo-text-l-font-size);--plasma-note-text-font-style:var(--plasma-typo-text-l-font-style);--plasma-note-text-font-weight:var(--plasma-typo-text-l-font-weight);--plasma-note-text-letter-spacing:var(--plasma-typo-text-l-letter-spacing);--plasma-note-text-line-height:var(--plasma-typo-text-l-line-height);}
|
7
|
-
.m1sat9qb{--plasma-note-padding:1.25rem 1.5rem;--plasma-note-padding-scalable:1.25rem;--plasma-note-border-radius:0.75rem;--plasma-note-gap:0.625rem;--plasma-note-gap-scalable:0.75rem;--plasma-note-content-gap:0.125rem;--plasma-note-fixed-content-before-width:1.5rem;--plasma-note-fixed-content-before-height:1.5rem;--plasma-note-fixed-content-before-padding:0;--plasma-note-title-font-family:var(--plasma-typo-text-m-font-family);--plasma-note-title-font-size:var(--plasma-typo-text-m-font-size);--plasma-note-title-font-style:var(--plasma-typo-text-m-font-style);--plasma-note-title-font-weight:var(--plasma-typo-text-m-bold-font-weight);--plasma-note-title-letter-spacing:var(--plasma-typo-text-m-letter-spacing);--plasma-note-title-line-height:var(--plasma-typo-text-m-line-height);--plasma-note-text-font-family:var(--plasma-typo-text-m-font-family);--plasma-note-text-font-size:var(--plasma-typo-text-m-font-size);--plasma-note-text-font-style:var(--plasma-typo-text-m-font-style);--plasma-note-text-font-weight:var(--plasma-typo-text-m-font-weight);--plasma-note-text-letter-spacing:var(--plasma-typo-text-m-letter-spacing);--plasma-note-text-line-height:var(--plasma-typo-text-m-line-height);}
|
8
|
-
.s1gn2ksf{--plasma-note-padding:1rem 1.25rem;--plasma-note-padding-scalable:1rem;--plasma-note-border-radius:0.625rem;--plasma-note-gap:0.5rem;--plasma-note-gap-scalable:0.75rem;--plasma-note-content-gap:0.125rem;--plasma-note-fixed-content-before-width:1rem;--plasma-note-fixed-content-before-height:1.125rem;--plasma-note-fixed-content-before-padding:0.063rem 0;--plasma-note-title-font-family:var(--plasma-typo-text-s-font-family);--plasma-note-title-font-size:var(--plasma-typo-text-s-font-size);--plasma-note-title-font-style:var(--plasma-typo-text-s-font-style);--plasma-note-title-font-weight:var(--plasma-typo-text-s-bold-font-weight);--plasma-note-title-letter-spacing:var(--plasma-typo-text-s-letter-spacing);--plasma-note-title-line-height:var(--plasma-typo-text-s-line-height);--plasma-note-text-font-family:var(--plasma-typo-text-s-font-family);--plasma-note-text-font-size:var(--plasma-typo-text-s-font-size);--plasma-note-text-font-style:var(--plasma-typo-text-s-font-style);--plasma-note-text-font-weight:var(--plasma-typo-text-s-font-weight);--plasma-note-text-letter-spacing:var(--plasma-typo-text-s-letter-spacing);--plasma-note-text-line-height:var(--plasma-typo-text-s-line-height);}
|
9
|
-
.xqm7lmj{--plasma-note-padding:0.75rem 1rem;--plasma-note-padding-scalable:0.75rem;--plasma-note-border-radius:0.5rem;--plasma-note-gap:0.375rem;--plasma-note-gap-scalable:0.5rem;--plasma-note-content-gap:0.125rem;--plasma-note-fixed-content-before-width:1rem;--plasma-note-fixed-content-before-height:1rem;--plasma-note-fixed-content-before-padding:0;--plasma-note-title-font-family:var(--plasma-typo-text-xs-font-family);--plasma-note-title-font-size:var(--plasma-typo-text-xs-font-size);--plasma-note-title-font-style:var(--plasma-typo-text-xs-font-style);--plasma-note-title-font-weight:var(--plasma-typo-text-xs-bold-font-weight);--plasma-note-title-letter-spacing:var(--plasma-typo-text-xs-letter-spacing);--plasma-note-title-line-height:var(--plasma-typo-text-xs-line-height);--plasma-note-text-font-family:var(--plasma-typo-text-xs-font-family);--plasma-note-text-font-size:var(--plasma-typo-text-xs-font-size);--plasma-note-text-font-style:var(--plasma-typo-text-xs-font-style);--plasma-note-text-font-weight:var(--plasma-typo-text-xs-font-weight);--plasma-note-text-letter-spacing:var(--plasma-typo-text-xs-letter-spacing);--plasma-note-text-line-height:var(--plasma-typo-text-xs-line-height);}
|
@@ -1,9 +0,0 @@
|
|
1
|
-
.Note_config_1psv03r_dlpid31__b15400fc{--plasma-note-background:var(--surface-transparent-secondary);--plasma-note-color:var(--text-primary);--plasma-note-content-before-color:var(--text-primary);}
|
2
|
-
.Note_config_1psv03r_pj3b0d5__b15400fc{--plasma-note-background:var(--surface-transparent-positive);--plasma-note-color:var(--text-primary);--plasma-note-content-before-color:var(--text-positive);}
|
3
|
-
.Note_config_1psv03r_w73g2ww__b15400fc{--plasma-note-background:var(--surface-transparent-warning);--plasma-note-color:var(--text-primary);--plasma-note-content-before-color:var(--text-warning);}
|
4
|
-
.Note_config_1psv03r_n1m8g88j__b15400fc{--plasma-note-background:var(--surface-transparent-negative);--plasma-note-color:var(--text-primary);--plasma-note-content-before-color:var(--text-negative);}
|
5
|
-
.Note_config_1psv03r_ifuz2qv__b15400fc{--plasma-note-background:var(--surface-transparent-info);--plasma-note-color:var(--text-primary);--plasma-note-content-before-color:var(--text-info);}
|
6
|
-
.Note_config_1psv03r_ly7aunu__b15400fc{--plasma-note-padding:1.5rem 1.875rem;--plasma-note-padding-scalable:1.5rem 1.75rem;--plasma-note-border-radius:0.875rem;--plasma-note-gap:0.75rem;--plasma-note-gap-scalable:1rem;--plasma-note-content-gap:0.25rem;--plasma-note-fixed-content-before-width:1.5rem;--plasma-note-fixed-content-before-height:2rem;--plasma-note-fixed-content-before-padding:0.25rem 0;--plasma-note-title-font-family:var(--plasma-typo-text-l-font-family);--plasma-note-title-font-size:var(--plasma-typo-text-l-font-size);--plasma-note-title-font-style:var(--plasma-typo-text-l-font-style);--plasma-note-title-font-weight:var(--plasma-typo-text-l-bold-font-weight);--plasma-note-title-letter-spacing:var(--plasma-typo-text-l-letter-spacing);--plasma-note-title-line-height:var(--plasma-typo-text-l-line-height);--plasma-note-text-font-family:var(--plasma-typo-text-l-font-family);--plasma-note-text-font-size:var(--plasma-typo-text-l-font-size);--plasma-note-text-font-style:var(--plasma-typo-text-l-font-style);--plasma-note-text-font-weight:var(--plasma-typo-text-l-font-weight);--plasma-note-text-letter-spacing:var(--plasma-typo-text-l-letter-spacing);--plasma-note-text-line-height:var(--plasma-typo-text-l-line-height);}
|
7
|
-
.Note_config_1psv03r_m1sat9qb__b15400fc{--plasma-note-padding:1.25rem 1.5rem;--plasma-note-padding-scalable:1.25rem;--plasma-note-border-radius:0.75rem;--plasma-note-gap:0.625rem;--plasma-note-gap-scalable:0.75rem;--plasma-note-content-gap:0.125rem;--plasma-note-fixed-content-before-width:1.5rem;--plasma-note-fixed-content-before-height:1.5rem;--plasma-note-fixed-content-before-padding:0;--plasma-note-title-font-family:var(--plasma-typo-text-m-font-family);--plasma-note-title-font-size:var(--plasma-typo-text-m-font-size);--plasma-note-title-font-style:var(--plasma-typo-text-m-font-style);--plasma-note-title-font-weight:var(--plasma-typo-text-m-bold-font-weight);--plasma-note-title-letter-spacing:var(--plasma-typo-text-m-letter-spacing);--plasma-note-title-line-height:var(--plasma-typo-text-m-line-height);--plasma-note-text-font-family:var(--plasma-typo-text-m-font-family);--plasma-note-text-font-size:var(--plasma-typo-text-m-font-size);--plasma-note-text-font-style:var(--plasma-typo-text-m-font-style);--plasma-note-text-font-weight:var(--plasma-typo-text-m-font-weight);--plasma-note-text-letter-spacing:var(--plasma-typo-text-m-letter-spacing);--plasma-note-text-line-height:var(--plasma-typo-text-m-line-height);}
|
8
|
-
.Note_config_1psv03r_s1gn2ksf__b15400fc{--plasma-note-padding:1rem 1.25rem;--plasma-note-padding-scalable:1rem;--plasma-note-border-radius:0.625rem;--plasma-note-gap:0.5rem;--plasma-note-gap-scalable:0.75rem;--plasma-note-content-gap:0.125rem;--plasma-note-fixed-content-before-width:1rem;--plasma-note-fixed-content-before-height:1.125rem;--plasma-note-fixed-content-before-padding:0.063rem 0;--plasma-note-title-font-family:var(--plasma-typo-text-s-font-family);--plasma-note-title-font-size:var(--plasma-typo-text-s-font-size);--plasma-note-title-font-style:var(--plasma-typo-text-s-font-style);--plasma-note-title-font-weight:var(--plasma-typo-text-s-bold-font-weight);--plasma-note-title-letter-spacing:var(--plasma-typo-text-s-letter-spacing);--plasma-note-title-line-height:var(--plasma-typo-text-s-line-height);--plasma-note-text-font-family:var(--plasma-typo-text-s-font-family);--plasma-note-text-font-size:var(--plasma-typo-text-s-font-size);--plasma-note-text-font-style:var(--plasma-typo-text-s-font-style);--plasma-note-text-font-weight:var(--plasma-typo-text-s-font-weight);--plasma-note-text-letter-spacing:var(--plasma-typo-text-s-letter-spacing);--plasma-note-text-line-height:var(--plasma-typo-text-s-line-height);}
|
9
|
-
.Note_config_1psv03r_xqm7lmj__b15400fc{--plasma-note-padding:0.75rem 1rem;--plasma-note-padding-scalable:0.75rem;--plasma-note-border-radius:0.5rem;--plasma-note-gap:0.375rem;--plasma-note-gap-scalable:0.5rem;--plasma-note-content-gap:0.125rem;--plasma-note-fixed-content-before-width:1rem;--plasma-note-fixed-content-before-height:1rem;--plasma-note-fixed-content-before-padding:0;--plasma-note-title-font-family:var(--plasma-typo-text-xs-font-family);--plasma-note-title-font-size:var(--plasma-typo-text-xs-font-size);--plasma-note-title-font-style:var(--plasma-typo-text-xs-font-style);--plasma-note-title-font-weight:var(--plasma-typo-text-xs-bold-font-weight);--plasma-note-title-letter-spacing:var(--plasma-typo-text-xs-letter-spacing);--plasma-note-title-line-height:var(--plasma-typo-text-xs-line-height);--plasma-note-text-font-family:var(--plasma-typo-text-xs-font-family);--plasma-note-text-font-size:var(--plasma-typo-text-xs-font-size);--plasma-note-text-font-style:var(--plasma-typo-text-xs-font-style);--plasma-note-text-font-weight:var(--plasma-typo-text-xs-font-weight);--plasma-note-text-letter-spacing:var(--plasma-typo-text-xs-letter-spacing);--plasma-note-text-line-height:var(--plasma-typo-text-xs-line-height);}
|
@@ -1,8 +0,0 @@
|
|
1
|
-
import { component, mergeConfig, noteConfig } from '@salutejs/plasma-new-hope';
|
2
|
-
import { config } from './Note.config.js';
|
3
|
-
|
4
|
-
var mergedConfig = /*#__PURE__*/mergeConfig(noteConfig, config);
|
5
|
-
var Note = /*#__PURE__*/component(mergedConfig);
|
6
|
-
|
7
|
-
export { Note };
|
8
|
-
//# sourceMappingURL=Note.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"Note.js","sources":["../../../src-css/components/Note/Note.ts"],"sourcesContent":["import { noteConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './Note.config';\n\nconst mergedConfig = mergeConfig(noteConfig, config);\n\nexport const Note = component(mergedConfig);\n"],"names":["mergedConfig","mergeConfig","noteConfig","config","Note","component"],"mappings":";;;AAIA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,UAAU,EAAEC,MAAM,CAAC,CAAA;IAEvCC,IAAI,gBAAGC,SAAS,CAACL,YAAY;;;;"}
|
@@ -1,30 +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: 'l'
|
14
|
-
},
|
15
|
-
variations: {
|
16
|
-
view: {
|
17
|
-
"default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n "])), _styledComponents.noteTokens.background, _styledComponents.noteTokens.color, _styledComponents.noteTokens.contentBeforeColor),
|
18
|
-
positive: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-positive);\n ", ": var(--text-primary);\n ", ": var(--text-positive);\n "])), _styledComponents.noteTokens.background, _styledComponents.noteTokens.color, _styledComponents.noteTokens.contentBeforeColor),
|
19
|
-
warning: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-warning);\n ", ": var(--text-primary);\n ", ": var(--text-warning);\n "])), _styledComponents.noteTokens.background, _styledComponents.noteTokens.color, _styledComponents.noteTokens.contentBeforeColor),
|
20
|
-
negative: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-negative);\n ", ": var(--text-primary);\n ", ": var(--text-negative);\n "])), _styledComponents.noteTokens.background, _styledComponents.noteTokens.color, _styledComponents.noteTokens.contentBeforeColor),
|
21
|
-
info: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-info);\n ", ": var(--text-primary);\n ", ": var(--text-info);\n "])), _styledComponents.noteTokens.background, _styledComponents.noteTokens.color, _styledComponents.noteTokens.contentBeforeColor)
|
22
|
-
},
|
23
|
-
size: {
|
24
|
-
l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.5rem 1.875rem;\n ", ": 1.5rem 1.75rem;\n ", ": 0.875rem;\n ", ": 0.75rem;\n ", ": 1rem;\n ", ": 0.25rem;\n\n ", ": 1.5rem;\n ", ": 2rem;\n ", ": 0.25rem 0;\n\n ", ": var(--plasma-typo-text-l-font-family);\n ", ": var(--plasma-typo-text-l-font-size);\n ", ": var(--plasma-typo-text-l-font-style);\n ", ": var(--plasma-typo-text-l-bold-font-weight);\n ", ": var(--plasma-typo-text-l-letter-spacing);\n ", ": var(--plasma-typo-text-l-line-height);\n\n ", ": var(--plasma-typo-text-l-font-family);\n ", ": var(--plasma-typo-text-l-font-size);\n ", ": var(--plasma-typo-text-l-font-style);\n ", ": var(--plasma-typo-text-l-font-weight);\n ", ": var(--plasma-typo-text-l-letter-spacing);\n ", ": var(--plasma-typo-text-l-line-height);\n "])), _styledComponents.noteTokens.padding, _styledComponents.noteTokens.paddingScalable, _styledComponents.noteTokens.borderRadius, _styledComponents.noteTokens.gap, _styledComponents.noteTokens.gapScalable, _styledComponents.noteTokens.contentGap, _styledComponents.noteTokens.fixedContentBeforeWidth, _styledComponents.noteTokens.fixedContentBeforeHeight, _styledComponents.noteTokens.fixedContentBeforePadding, _styledComponents.noteTokens.titleFontFamily, _styledComponents.noteTokens.titleFontSize, _styledComponents.noteTokens.titleFontStyle, _styledComponents.noteTokens.titleFontWeight, _styledComponents.noteTokens.titleLetterSpacing, _styledComponents.noteTokens.titleLineHeight, _styledComponents.noteTokens.textFontFamily, _styledComponents.noteTokens.textFontSize, _styledComponents.noteTokens.textFontStyle, _styledComponents.noteTokens.textFontWeight, _styledComponents.noteTokens.textLetterSpacing, _styledComponents.noteTokens.textLineHeight),
|
25
|
-
m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.25rem 1.5rem;\n ", ": 1.25rem;\n ", ": 0.75rem;\n ", ": 0.625rem;\n ", ": 0.75rem;\n ", ": 0.125rem;\n\n ", ": 1.5rem;\n ", ": 1.5rem;\n ", ": 0;\n\n ", ": var(--plasma-typo-text-m-font-family);\n ", ": var(--plasma-typo-text-m-font-size);\n ", ": var(--plasma-typo-text-m-font-style);\n ", ": var(--plasma-typo-text-m-bold-font-weight);\n ", ": var(--plasma-typo-text-m-letter-spacing);\n ", ": var(--plasma-typo-text-m-line-height);\n\n ", ": var(--plasma-typo-text-m-font-family);\n ", ": var(--plasma-typo-text-m-font-size);\n ", ": var(--plasma-typo-text-m-font-style);\n ", ": var(--plasma-typo-text-m-font-weight);\n ", ": var(--plasma-typo-text-m-letter-spacing);\n ", ": var(--plasma-typo-text-m-line-height);\n "])), _styledComponents.noteTokens.padding, _styledComponents.noteTokens.paddingScalable, _styledComponents.noteTokens.borderRadius, _styledComponents.noteTokens.gap, _styledComponents.noteTokens.gapScalable, _styledComponents.noteTokens.contentGap, _styledComponents.noteTokens.fixedContentBeforeWidth, _styledComponents.noteTokens.fixedContentBeforeHeight, _styledComponents.noteTokens.fixedContentBeforePadding, _styledComponents.noteTokens.titleFontFamily, _styledComponents.noteTokens.titleFontSize, _styledComponents.noteTokens.titleFontStyle, _styledComponents.noteTokens.titleFontWeight, _styledComponents.noteTokens.titleLetterSpacing, _styledComponents.noteTokens.titleLineHeight, _styledComponents.noteTokens.textFontFamily, _styledComponents.noteTokens.textFontSize, _styledComponents.noteTokens.textFontStyle, _styledComponents.noteTokens.textFontWeight, _styledComponents.noteTokens.textLetterSpacing, _styledComponents.noteTokens.textLineHeight),
|
26
|
-
s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1rem 1.25rem;\n ", ": 1rem;\n ", ": 0.625rem;\n ", ": 0.5rem;\n ", ": 0.75rem;\n ", ": 0.125rem;\n\n ", ": 1rem;\n ", ": 1.125rem;\n ", ": 0.063rem 0;\n\n ", ": var(--plasma-typo-text-s-font-family);\n ", ": var(--plasma-typo-text-s-font-size);\n ", ": var(--plasma-typo-text-s-font-style);\n ", ": var(--plasma-typo-text-s-bold-font-weight);\n ", ": var(--plasma-typo-text-s-letter-spacing);\n ", ": var(--plasma-typo-text-s-line-height);\n\n ", ": var(--plasma-typo-text-s-font-family);\n ", ": var(--plasma-typo-text-s-font-size);\n ", ": var(--plasma-typo-text-s-font-style);\n ", ": var(--plasma-typo-text-s-font-weight);\n ", ": var(--plasma-typo-text-s-letter-spacing);\n ", ": var(--plasma-typo-text-s-line-height);\n "])), _styledComponents.noteTokens.padding, _styledComponents.noteTokens.paddingScalable, _styledComponents.noteTokens.borderRadius, _styledComponents.noteTokens.gap, _styledComponents.noteTokens.gapScalable, _styledComponents.noteTokens.contentGap, _styledComponents.noteTokens.fixedContentBeforeWidth, _styledComponents.noteTokens.fixedContentBeforeHeight, _styledComponents.noteTokens.fixedContentBeforePadding, _styledComponents.noteTokens.titleFontFamily, _styledComponents.noteTokens.titleFontSize, _styledComponents.noteTokens.titleFontStyle, _styledComponents.noteTokens.titleFontWeight, _styledComponents.noteTokens.titleLetterSpacing, _styledComponents.noteTokens.titleLineHeight, _styledComponents.noteTokens.textFontFamily, _styledComponents.noteTokens.textFontSize, _styledComponents.noteTokens.textFontStyle, _styledComponents.noteTokens.textFontWeight, _styledComponents.noteTokens.textLetterSpacing, _styledComponents.noteTokens.textLineHeight),
|
27
|
-
xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.75rem 1rem;\n ", ": 0.75rem;\n ", ": 0.5rem;\n ", ": 0.375rem;\n ", ": 0.5rem;\n ", ": 0.125rem;\n\n ", ": 1rem;\n ", ": 1rem;\n ", ": 0;\n\n ", ": var(--plasma-typo-text-xs-font-family);\n ", ": var(--plasma-typo-text-xs-font-size);\n ", ": var(--plasma-typo-text-xs-font-style);\n ", ": var(--plasma-typo-text-xs-bold-font-weight);\n ", ": var(--plasma-typo-text-xs-letter-spacing);\n ", ": var(--plasma-typo-text-xs-line-height);\n\n ", ": var(--plasma-typo-text-xs-font-family);\n ", ": var(--plasma-typo-text-xs-font-size);\n ", ": var(--plasma-typo-text-xs-font-style);\n ", ": var(--plasma-typo-text-xs-font-weight);\n ", ": var(--plasma-typo-text-xs-letter-spacing);\n ", ": var(--plasma-typo-text-xs-line-height);\n "])), _styledComponents.noteTokens.padding, _styledComponents.noteTokens.paddingScalable, _styledComponents.noteTokens.borderRadius, _styledComponents.noteTokens.gap, _styledComponents.noteTokens.gapScalable, _styledComponents.noteTokens.contentGap, _styledComponents.noteTokens.fixedContentBeforeWidth, _styledComponents.noteTokens.fixedContentBeforeHeight, _styledComponents.noteTokens.fixedContentBeforePadding, _styledComponents.noteTokens.titleFontFamily, _styledComponents.noteTokens.titleFontSize, _styledComponents.noteTokens.titleFontStyle, _styledComponents.noteTokens.titleFontWeight, _styledComponents.noteTokens.titleLetterSpacing, _styledComponents.noteTokens.titleLineHeight, _styledComponents.noteTokens.textFontFamily, _styledComponents.noteTokens.textFontSize, _styledComponents.noteTokens.textFontStyle, _styledComponents.noteTokens.textFontWeight, _styledComponents.noteTokens.textLetterSpacing, _styledComponents.noteTokens.textLineHeight)
|
28
|
-
}
|
29
|
-
}
|
30
|
-
};
|
@@ -1,10 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.Note = void 0;
|
7
|
-
var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
|
8
|
-
var _Note = /*#__PURE__*/require("./Note.config");
|
9
|
-
var mergedConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.noteConfig, _Note.config);
|
10
|
-
var Note = exports.Note = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);
|
@@ -1,25 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
Object.defineProperty(exports, "Note", {
|
7
|
-
enumerable: true,
|
8
|
-
get: function get() {
|
9
|
-
return _Note.Note;
|
10
|
-
}
|
11
|
-
});
|
12
|
-
Object.defineProperty(exports, "noteClasses", {
|
13
|
-
enumerable: true,
|
14
|
-
get: function get() {
|
15
|
-
return _styledComponents.noteClasses;
|
16
|
-
}
|
17
|
-
});
|
18
|
-
Object.defineProperty(exports, "noteTokens", {
|
19
|
-
enumerable: true,
|
20
|
-
get: function get() {
|
21
|
-
return _styledComponents.noteTokens;
|
22
|
-
}
|
23
|
-
});
|
24
|
-
var _Note = /*#__PURE__*/require("./Note");
|
25
|
-
var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
|
@@ -1,24 +0,0 @@
|
|
1
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
|
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, noteTokens as tokens } from '@salutejs/plasma-new-hope/styled-components';
|
4
|
-
export var config = {
|
5
|
-
defaults: {
|
6
|
-
view: 'default',
|
7
|
-
size: 'l'
|
8
|
-
},
|
9
|
-
variations: {
|
10
|
-
view: {
|
11
|
-
"default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n "])), tokens.background, tokens.color, tokens.contentBeforeColor),
|
12
|
-
positive: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-positive);\n ", ": var(--text-primary);\n ", ": var(--text-positive);\n "])), tokens.background, tokens.color, tokens.contentBeforeColor),
|
13
|
-
warning: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-warning);\n ", ": var(--text-primary);\n ", ": var(--text-warning);\n "])), tokens.background, tokens.color, tokens.contentBeforeColor),
|
14
|
-
negative: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-negative);\n ", ": var(--text-primary);\n ", ": var(--text-negative);\n "])), tokens.background, tokens.color, tokens.contentBeforeColor),
|
15
|
-
info: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-info);\n ", ": var(--text-primary);\n ", ": var(--text-info);\n "])), tokens.background, tokens.color, tokens.contentBeforeColor)
|
16
|
-
},
|
17
|
-
size: {
|
18
|
-
l: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.5rem 1.875rem;\n ", ": 1.5rem 1.75rem;\n ", ": 0.875rem;\n ", ": 0.75rem;\n ", ": 1rem;\n ", ": 0.25rem;\n\n ", ": 1.5rem;\n ", ": 2rem;\n ", ": 0.25rem 0;\n\n ", ": var(--plasma-typo-text-l-font-family);\n ", ": var(--plasma-typo-text-l-font-size);\n ", ": var(--plasma-typo-text-l-font-style);\n ", ": var(--plasma-typo-text-l-bold-font-weight);\n ", ": var(--plasma-typo-text-l-letter-spacing);\n ", ": var(--plasma-typo-text-l-line-height);\n\n ", ": var(--plasma-typo-text-l-font-family);\n ", ": var(--plasma-typo-text-l-font-size);\n ", ": var(--plasma-typo-text-l-font-style);\n ", ": var(--plasma-typo-text-l-font-weight);\n ", ": var(--plasma-typo-text-l-letter-spacing);\n ", ": var(--plasma-typo-text-l-line-height);\n "])), tokens.padding, tokens.paddingScalable, tokens.borderRadius, tokens.gap, tokens.gapScalable, tokens.contentGap, tokens.fixedContentBeforeWidth, tokens.fixedContentBeforeHeight, tokens.fixedContentBeforePadding, tokens.titleFontFamily, tokens.titleFontSize, tokens.titleFontStyle, tokens.titleFontWeight, tokens.titleLetterSpacing, tokens.titleLineHeight, tokens.textFontFamily, tokens.textFontSize, tokens.textFontStyle, tokens.textFontWeight, tokens.textLetterSpacing, tokens.textLineHeight),
|
19
|
-
m: /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.25rem 1.5rem;\n ", ": 1.25rem;\n ", ": 0.75rem;\n ", ": 0.625rem;\n ", ": 0.75rem;\n ", ": 0.125rem;\n\n ", ": 1.5rem;\n ", ": 1.5rem;\n ", ": 0;\n\n ", ": var(--plasma-typo-text-m-font-family);\n ", ": var(--plasma-typo-text-m-font-size);\n ", ": var(--plasma-typo-text-m-font-style);\n ", ": var(--plasma-typo-text-m-bold-font-weight);\n ", ": var(--plasma-typo-text-m-letter-spacing);\n ", ": var(--plasma-typo-text-m-line-height);\n\n ", ": var(--plasma-typo-text-m-font-family);\n ", ": var(--plasma-typo-text-m-font-size);\n ", ": var(--plasma-typo-text-m-font-style);\n ", ": var(--plasma-typo-text-m-font-weight);\n ", ": var(--plasma-typo-text-m-letter-spacing);\n ", ": var(--plasma-typo-text-m-line-height);\n "])), tokens.padding, tokens.paddingScalable, tokens.borderRadius, tokens.gap, tokens.gapScalable, tokens.contentGap, tokens.fixedContentBeforeWidth, tokens.fixedContentBeforeHeight, tokens.fixedContentBeforePadding, tokens.titleFontFamily, tokens.titleFontSize, tokens.titleFontStyle, tokens.titleFontWeight, tokens.titleLetterSpacing, tokens.titleLineHeight, tokens.textFontFamily, tokens.textFontSize, tokens.textFontStyle, tokens.textFontWeight, tokens.textLetterSpacing, tokens.textLineHeight),
|
20
|
-
s: /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1rem 1.25rem;\n ", ": 1rem;\n ", ": 0.625rem;\n ", ": 0.5rem;\n ", ": 0.75rem;\n ", ": 0.125rem;\n\n ", ": 1rem;\n ", ": 1.125rem;\n ", ": 0.063rem 0;\n\n ", ": var(--plasma-typo-text-s-font-family);\n ", ": var(--plasma-typo-text-s-font-size);\n ", ": var(--plasma-typo-text-s-font-style);\n ", ": var(--plasma-typo-text-s-bold-font-weight);\n ", ": var(--plasma-typo-text-s-letter-spacing);\n ", ": var(--plasma-typo-text-s-line-height);\n\n ", ": var(--plasma-typo-text-s-font-family);\n ", ": var(--plasma-typo-text-s-font-size);\n ", ": var(--plasma-typo-text-s-font-style);\n ", ": var(--plasma-typo-text-s-font-weight);\n ", ": var(--plasma-typo-text-s-letter-spacing);\n ", ": var(--plasma-typo-text-s-line-height);\n "])), tokens.padding, tokens.paddingScalable, tokens.borderRadius, tokens.gap, tokens.gapScalable, tokens.contentGap, tokens.fixedContentBeforeWidth, tokens.fixedContentBeforeHeight, tokens.fixedContentBeforePadding, tokens.titleFontFamily, tokens.titleFontSize, tokens.titleFontStyle, tokens.titleFontWeight, tokens.titleLetterSpacing, tokens.titleLineHeight, tokens.textFontFamily, tokens.textFontSize, tokens.textFontStyle, tokens.textFontWeight, tokens.textLetterSpacing, tokens.textLineHeight),
|
21
|
-
xs: /*#__PURE__*/css(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.75rem 1rem;\n ", ": 0.75rem;\n ", ": 0.5rem;\n ", ": 0.375rem;\n ", ": 0.5rem;\n ", ": 0.125rem;\n\n ", ": 1rem;\n ", ": 1rem;\n ", ": 0;\n\n ", ": var(--plasma-typo-text-xs-font-family);\n ", ": var(--plasma-typo-text-xs-font-size);\n ", ": var(--plasma-typo-text-xs-font-style);\n ", ": var(--plasma-typo-text-xs-bold-font-weight);\n ", ": var(--plasma-typo-text-xs-letter-spacing);\n ", ": var(--plasma-typo-text-xs-line-height);\n\n ", ": var(--plasma-typo-text-xs-font-family);\n ", ": var(--plasma-typo-text-xs-font-size);\n ", ": var(--plasma-typo-text-xs-font-style);\n ", ": var(--plasma-typo-text-xs-font-weight);\n ", ": var(--plasma-typo-text-xs-letter-spacing);\n ", ": var(--plasma-typo-text-xs-line-height);\n "])), tokens.padding, tokens.paddingScalable, tokens.borderRadius, tokens.gap, tokens.gapScalable, tokens.contentGap, tokens.fixedContentBeforeWidth, tokens.fixedContentBeforeHeight, tokens.fixedContentBeforePadding, tokens.titleFontFamily, tokens.titleFontSize, tokens.titleFontStyle, tokens.titleFontWeight, tokens.titleLetterSpacing, tokens.titleLineHeight, tokens.textFontFamily, tokens.textFontSize, tokens.textFontStyle, tokens.textFontWeight, tokens.textLetterSpacing, tokens.textLineHeight)
|
22
|
-
}
|
23
|
-
}
|
24
|
-
};
|