@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.
Files changed (40) hide show
  1. package/api/sdds-serv.api.md +0 -33
  2. package/emotion/cjs/index.js +0 -11
  3. package/emotion/es/index.js +0 -1
  4. package/es/index.css +0 -10
  5. package/es/index.js +1 -2
  6. package/es/index.js.map +1 -1
  7. package/index.d.ts +0 -1
  8. package/index.js +0 -10
  9. package/package.json +6 -6
  10. package/styled-components/cjs/index.js +0 -11
  11. package/styled-components/es/index.js +0 -1
  12. package/components/Note/Note.config.d.ts +0 -21
  13. package/components/Note/Note.config.js +0 -29
  14. package/components/Note/Note.config.js.map +0 -1
  15. package/components/Note/Note.config_1psv03r.css +0 -9
  16. package/components/Note/Note.css +0 -9
  17. package/components/Note/Note.d.ts +0 -26
  18. package/components/Note/Note.js +0 -12
  19. package/components/Note/Note.js.map +0 -1
  20. package/components/Note/index.d.ts +0 -2
  21. package/emotion/cjs/components/Note/Note.config.js +0 -30
  22. package/emotion/cjs/components/Note/Note.js +0 -10
  23. package/emotion/cjs/components/Note/Note.stories.tsx +0 -85
  24. package/emotion/cjs/components/Note/index.js +0 -25
  25. package/emotion/es/components/Note/Note.config.js +0 -24
  26. package/emotion/es/components/Note/Note.js +0 -4
  27. package/emotion/es/components/Note/Note.stories.tsx +0 -85
  28. package/emotion/es/components/Note/index.js +0 -2
  29. package/es/components/Note/Note.config.js +0 -25
  30. package/es/components/Note/Note.config.js.map +0 -1
  31. package/es/components/Note/Note.config_1psv03r.css +0 -9
  32. package/es/components/Note/Note.css +0 -9
  33. package/es/components/Note/Note.js +0 -8
  34. package/es/components/Note/Note.js.map +0 -1
  35. package/styled-components/cjs/components/Note/Note.config.js +0 -30
  36. package/styled-components/cjs/components/Note/Note.js +0 -10
  37. package/styled-components/cjs/components/Note/index.js +0 -25
  38. package/styled-components/es/components/Note/Note.config.js +0 -24
  39. package/styled-components/es/components/Note/Note.js +0 -4
  40. package/styled-components/es/components/Note/index.js +0 -2
@@ -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: {
@@ -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;
@@ -59,6 +59,5 @@ export * from './components/NumberInput';
59
59
  export * from './components/Dropzone';
60
60
  export * from './components/Rating';
61
61
  export * from './components/Tree';
62
- export * from './components/Note';
63
62
  export * from './mixins';
64
63
  export * from './tokens';
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, noteClasses, noteTokens, numberInputClasses, numberInputTokens, popupClasses, priceClasses, rangeTokens, ratingClasses, ratingTokens, sheetClasses, textFieldTokens, toolbarTokens, usePopupContext, useSegment, useToast, withSkeleton } from '@salutejs/plasma-new-hope';
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
@@ -59,6 +59,5 @@ export * from './components/NumberInput';
59
59
  export * from './components/Dropzone';
60
60
  export * from './components/Rating';
61
61
  export * from './components/Tree';
62
- export * from './components/Note';
63
62
  export * from './mixins';
64
63
  export * from './tokens';
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.1681.12503763792.0",
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.1681.12503763792.0",
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.191.0-canary.1681.12503763792.0",
83
- "@salutejs/plasma-cy-utils": "0.122.0-canary.1681.12503763792.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.190.0-canary.1681.12503763792.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": "2633f07e55f076ef03ffbd476d73e6f5f341789a"
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;
@@ -59,6 +59,5 @@ export * from './components/NumberInput';
59
59
  export * from './components/Dropzone';
60
60
  export * from './components/Rating';
61
61
  export * from './components/Tree';
62
- export * from './components/Note';
63
62
  export * from './mixins';
64
63
  export * from './tokens';
@@ -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);}
@@ -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>>;
@@ -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,2 +0,0 @@
1
- export { Note } from './Note';
2
- export { noteTokens, noteClasses } from '@salutejs/plasma-new-hope/styled-components';
@@ -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,4 +0,0 @@
1
- import { noteConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/emotion';
2
- import { config } from './Note.config';
3
- var mergedConfig = /*#__PURE__*/mergeConfig(noteConfig, config);
4
- export var Note = /*#__PURE__*/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,2 +0,0 @@
1
- export { Note } from './Note';
2
- export { noteTokens, noteClasses } from '@salutejs/plasma-new-hope/emotion';
@@ -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
- };
@@ -1,4 +0,0 @@
1
- import { noteConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
2
- import { config } from './Note.config';
3
- var mergedConfig = /*#__PURE__*/mergeConfig(noteConfig, config);
4
- export var Note = /*#__PURE__*/component(mergedConfig);
@@ -1,2 +0,0 @@
1
- export { Note } from './Note';
2
- export { noteTokens, noteClasses } from '@salutejs/plasma-new-hope/styled-components';