@salutejs/plasma-new-hope 0.325.0-canary.1954.15210668888.0 → 0.325.0-canary.1954.15247249216.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (117) hide show
  1. package/cjs/components/Note/Note.css +35 -6
  2. package/cjs/components/Note/Note.js +17 -3
  3. package/cjs/components/Note/Note.js.map +1 -1
  4. package/cjs/components/Note/Note.styles.js +25 -2
  5. package/cjs/components/Note/Note.styles.js.map +1 -1
  6. package/cjs/components/Note/{Note.styles_178qpj9.css → Note.styles_thpfhk.css} +2 -1
  7. package/cjs/components/Note/Note.tokens.js +9 -1
  8. package/cjs/components/Note/Note.tokens.js.map +1 -1
  9. package/cjs/components/PaginationDots/PaginationDot.js +59 -0
  10. package/cjs/components/PaginationDots/PaginationDot.js.map +1 -0
  11. package/cjs/components/PaginationDots/PaginationDot_baul9c.css +2 -0
  12. package/cjs/components/PaginationDots/PaginationDots.js +34 -0
  13. package/cjs/components/PaginationDots/PaginationDots.js.map +1 -0
  14. package/cjs/components/PaginationDots/PaginationDots_fm2ha5.css +2 -0
  15. package/cjs/components/PaginationDots/SmartPaginationDots.css +5 -0
  16. package/cjs/components/PaginationDots/SmartPaginationDots.js +47 -0
  17. package/cjs/components/PaginationDots/SmartPaginationDots.js.map +1 -0
  18. package/cjs/components/PaginationDots/usePaginationDots.js +40 -0
  19. package/cjs/components/PaginationDots/usePaginationDots.js.map +1 -0
  20. package/cjs/index.css +14 -7
  21. package/cjs/index.js +6 -0
  22. package/cjs/index.js.map +1 -1
  23. package/emotion/cjs/components/Note/Note.js +17 -3
  24. package/emotion/cjs/components/Note/Note.styles.js +27 -15
  25. package/emotion/cjs/components/Note/Note.tokens.js +9 -1
  26. package/emotion/cjs/components/PaginationDots/PaginationDot.js +35 -0
  27. package/emotion/cjs/components/PaginationDots/PaginationDots.js +35 -0
  28. package/emotion/cjs/components/PaginationDots/SmartPaginationDots.js +43 -0
  29. package/emotion/cjs/components/PaginationDots/index.js +26 -0
  30. package/emotion/cjs/components/PaginationDots/usePaginationDots.js +38 -0
  31. package/emotion/cjs/examples/plasma_b2c/components/Note/Note.config.js +9 -9
  32. package/emotion/cjs/examples/plasma_b2c/components/Note/Note.stories.tsx +1 -0
  33. package/emotion/cjs/examples/plasma_web/components/Note/Note.config.js +9 -9
  34. package/emotion/cjs/examples/plasma_web/components/Note/Note.stories.tsx +1 -0
  35. package/emotion/cjs/index.js +11 -0
  36. package/emotion/es/components/Note/Note.js +18 -4
  37. package/emotion/es/components/Note/Note.styles.js +26 -14
  38. package/emotion/es/components/Note/Note.tokens.js +9 -1
  39. package/emotion/es/components/PaginationDots/PaginationDot.js +28 -0
  40. package/emotion/es/components/PaginationDots/PaginationDots.js +28 -0
  41. package/emotion/es/components/PaginationDots/SmartPaginationDots.js +36 -0
  42. package/emotion/es/components/PaginationDots/index.js +3 -0
  43. package/emotion/es/components/PaginationDots/usePaginationDots.js +32 -0
  44. package/emotion/es/examples/plasma_b2c/components/Note/Note.config.js +9 -9
  45. package/emotion/es/examples/plasma_b2c/components/Note/Note.stories.tsx +1 -0
  46. package/emotion/es/examples/plasma_web/components/Note/Note.config.js +9 -9
  47. package/emotion/es/examples/plasma_web/components/Note/Note.stories.tsx +1 -0
  48. package/emotion/es/index.js +1 -0
  49. package/es/components/Note/Note.css +35 -6
  50. package/es/components/Note/Note.js +18 -4
  51. package/es/components/Note/Note.js.map +1 -1
  52. package/es/components/Note/Note.styles.js +25 -3
  53. package/es/components/Note/Note.styles.js.map +1 -1
  54. package/es/components/Note/{Note.styles_178qpj9.css → Note.styles_thpfhk.css} +2 -1
  55. package/es/components/Note/Note.tokens.js +9 -1
  56. package/es/components/Note/Note.tokens.js.map +1 -1
  57. package/es/components/PaginationDots/PaginationDot.js +54 -0
  58. package/es/components/PaginationDots/PaginationDot.js.map +1 -0
  59. package/es/components/PaginationDots/PaginationDot_baul9c.css +2 -0
  60. package/es/components/PaginationDots/PaginationDots.js +29 -0
  61. package/es/components/PaginationDots/PaginationDots.js.map +1 -0
  62. package/es/components/PaginationDots/PaginationDots_fm2ha5.css +2 -0
  63. package/es/components/PaginationDots/SmartPaginationDots.css +5 -0
  64. package/es/components/PaginationDots/SmartPaginationDots.js +39 -0
  65. package/es/components/PaginationDots/SmartPaginationDots.js.map +1 -0
  66. package/es/components/PaginationDots/usePaginationDots.js +36 -0
  67. package/es/components/PaginationDots/usePaginationDots.js.map +1 -0
  68. package/es/index.css +14 -7
  69. package/es/index.js +3 -0
  70. package/es/index.js.map +1 -1
  71. package/package.json +2 -2
  72. package/styled-components/cjs/components/Note/Note.js +17 -3
  73. package/styled-components/cjs/components/Note/Note.styles.js +14 -3
  74. package/styled-components/cjs/components/Note/Note.tokens.js +9 -1
  75. package/styled-components/cjs/components/PaginationDots/PaginationDot.js +33 -0
  76. package/styled-components/cjs/components/PaginationDots/PaginationDots.js +24 -0
  77. package/styled-components/cjs/components/PaginationDots/SmartPaginationDots.js +43 -0
  78. package/styled-components/cjs/components/PaginationDots/index.js +26 -0
  79. package/styled-components/cjs/components/PaginationDots/usePaginationDots.js +38 -0
  80. package/styled-components/cjs/examples/plasma_b2c/components/Note/Note.config.js +4 -4
  81. package/styled-components/cjs/examples/plasma_b2c/components/Note/Note.stories.tsx +1 -0
  82. package/styled-components/cjs/examples/plasma_web/components/Note/Note.config.js +4 -4
  83. package/styled-components/cjs/examples/plasma_web/components/Note/Note.stories.tsx +1 -0
  84. package/styled-components/cjs/index.js +11 -0
  85. package/styled-components/es/components/Note/Note.js +18 -4
  86. package/styled-components/es/components/Note/Note.styles.js +13 -2
  87. package/styled-components/es/components/Note/Note.tokens.js +9 -1
  88. package/styled-components/es/components/PaginationDots/PaginationDot.js +26 -0
  89. package/styled-components/es/components/PaginationDots/PaginationDots.js +18 -0
  90. package/styled-components/es/components/PaginationDots/SmartPaginationDots.js +36 -0
  91. package/styled-components/es/components/PaginationDots/index.js +3 -0
  92. package/styled-components/es/components/PaginationDots/usePaginationDots.js +32 -0
  93. package/styled-components/es/examples/plasma_b2c/components/Note/Note.config.js +4 -4
  94. package/styled-components/es/examples/plasma_b2c/components/Note/Note.stories.tsx +1 -0
  95. package/styled-components/es/examples/plasma_web/components/Note/Note.config.js +4 -4
  96. package/styled-components/es/examples/plasma_web/components/Note/Note.stories.tsx +1 -0
  97. package/styled-components/es/index.js +1 -0
  98. package/types/components/Note/Note.d.ts +4 -0
  99. package/types/components/Note/Note.d.ts.map +1 -1
  100. package/types/components/Note/Note.styles.d.ts +46 -1
  101. package/types/components/Note/Note.styles.d.ts.map +1 -1
  102. package/types/components/Note/Note.tokens.d.ts +8 -0
  103. package/types/components/Note/Note.tokens.d.ts.map +1 -1
  104. package/types/components/Note/Note.types.d.ts +8 -0
  105. package/types/components/Note/Note.types.d.ts.map +1 -1
  106. package/types/components/PaginationDots/PaginationDot.d.ts +21 -0
  107. package/types/components/PaginationDots/PaginationDot.d.ts.map +1 -0
  108. package/types/components/PaginationDots/PaginationDots.d.ts +15 -0
  109. package/types/components/PaginationDots/PaginationDots.d.ts.map +1 -0
  110. package/types/components/PaginationDots/SmartPaginationDots.d.ts +15 -0
  111. package/types/components/PaginationDots/SmartPaginationDots.d.ts.map +1 -0
  112. package/types/components/PaginationDots/index.d.ts +6 -0
  113. package/types/components/PaginationDots/index.d.ts.map +1 -0
  114. package/types/components/PaginationDots/usePaginationDots.d.ts +14 -0
  115. package/types/components/PaginationDots/usePaginationDots.d.ts.map +1 -0
  116. package/types/index.d.ts +1 -0
  117. package/types/index.d.ts.map +1 -1
@@ -0,0 +1,32 @@
1
+ import { useRef } from 'react';
2
+ export var usePaginationDots = function usePaginationDots(_ref) {
3
+ var items = _ref.items,
4
+ index = _ref.index,
5
+ _ref$visibleItems = _ref.visibleItems,
6
+ visibleItems = _ref$visibleItems === void 0 ? 7 : _ref$visibleItems;
7
+ var activeId = items[index].id;
8
+ var prevIndex = useRef(null);
9
+ var direction = 0;
10
+ if (prevIndex.current !== null) {
11
+ direction = index > prevIndex.current ? 1 : -1;
12
+ }
13
+ var start;
14
+ var end;
15
+ if (direction === 1) {
16
+ end = Math.min(Math.max(index + 2, visibleItems), items.length);
17
+ start = Math.max(end - visibleItems, 0);
18
+ } else if (direction === -1) {
19
+ start = Math.min(Math.max(index - 1, 0), items.length - visibleItems);
20
+ end = start + visibleItems;
21
+ } else {
22
+ start = Math.max(index - Math.floor(visibleItems / 2), 0);
23
+ end = Math.min(start + visibleItems, items.length);
24
+ start = end - visibleItems;
25
+ }
26
+ var sliced = items.slice(start, end);
27
+ prevIndex.current = index;
28
+ return {
29
+ sliced: sliced,
30
+ activeId: activeId
31
+ };
32
+ };
@@ -14,10 +14,10 @@ export var config = {
14
14
  info: /*#__PURE__*/css(["", ":var(--surface-transparent-info);", ":var(--text-primary);", ":var(--text-info);"], tokens.background, tokens.color, tokens.contentBeforeColor)
15
15
  },
16
16
  size: {
17
- l: /*#__PURE__*/css(["", ":1.5rem 1.875rem;", ":1.5rem 1.75rem;", ":0.875rem;", ":0.75rem;", ":1rem;", ":0.25rem;", ":1.5rem;", ":2rem;", ":0.25rem 0;", ":var(--plasma-typo-text-l-font-family);", ":var(--plasma-typo-text-l-font-size);", ":var(--plasma-typo-text-l-font-style);", ":var(--plasma-typo-text-l-bold-font-weight);", ":var(--plasma-typo-text-l-letter-spacing);", ":var(--plasma-typo-text-l-line-height);", ":var(--plasma-typo-text-l-font-family);", ":var(--plasma-typo-text-l-font-size);", ":var(--plasma-typo-text-l-font-style);", ":var(--plasma-typo-text-l-font-weight);", ":var(--plasma-typo-text-l-letter-spacing);", ":var(--plasma-typo-text-l-line-height);"], 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),
18
- m: /*#__PURE__*/css(["", ":1.25rem 1.5rem;", ":1.25rem;", ":0.75rem;", ":0.625rem;", ":0.75rem;", ":0.125rem;", ":1.5rem;", ":1.5rem;", ":0;", ":var(--plasma-typo-text-m-font-family);", ":var(--plasma-typo-text-m-font-size);", ":var(--plasma-typo-text-m-font-style);", ":var(--plasma-typo-text-m-bold-font-weight);", ":var(--plasma-typo-text-m-letter-spacing);", ":var(--plasma-typo-text-m-line-height);", ":var(--plasma-typo-text-m-font-family);", ":var(--plasma-typo-text-m-font-size);", ":var(--plasma-typo-text-m-font-style);", ":var(--plasma-typo-text-m-font-weight);", ":var(--plasma-typo-text-m-letter-spacing);", ":var(--plasma-typo-text-m-line-height);"], 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
- s: /*#__PURE__*/css(["", ":1rem 1.25rem;", ":1rem;", ":0.625rem;", ":0.5rem;", ":0.75rem;", ":0.125rem;", ":1rem;", ":1.125rem;", ":0.063rem 0;", ":var(--plasma-typo-text-s-font-family);", ":var(--plasma-typo-text-s-font-size);", ":var(--plasma-typo-text-s-font-style);", ":var(--plasma-typo-text-s-bold-font-weight);", ":var(--plasma-typo-text-s-letter-spacing);", ":var(--plasma-typo-text-s-line-height);", ":var(--plasma-typo-text-s-font-family);", ":var(--plasma-typo-text-s-font-size);", ":var(--plasma-typo-text-s-font-style);", ":var(--plasma-typo-text-s-font-weight);", ":var(--plasma-typo-text-s-letter-spacing);", ":var(--plasma-typo-text-s-line-height);"], 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
- xs: /*#__PURE__*/css(["", ":0.75rem 1rem;", ":0.75rem;", ":0.5rem;", ":0.375rem;", ":0.5rem;", ":0.125rem;", ":1rem;", ":1rem;", ":0;", ":var(--plasma-typo-text-xs-font-family);", ":var(--plasma-typo-text-xs-font-size);", ":var(--plasma-typo-text-xs-font-style);", ":var(--plasma-typo-text-xs-bold-font-weight);", ":var(--plasma-typo-text-xs-letter-spacing);", ":var(--plasma-typo-text-xs-line-height);", ":var(--plasma-typo-text-xs-font-family);", ":var(--plasma-typo-text-xs-font-size);", ":var(--plasma-typo-text-xs-font-style);", ":var(--plasma-typo-text-xs-font-weight);", ":var(--plasma-typo-text-xs-letter-spacing);", ":var(--plasma-typo-text-xs-line-height);"], 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)
17
+ l: /*#__PURE__*/css(["", ":1.5rem 1.875rem;", ":1.5rem 1.75rem;", ":0.875rem;", ":0.75rem;", ":1rem;", ":0.25rem;", ":1rem;", ":1rem;", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":1.5rem;", ":1.5rem;", ":1.5rem;", ":2rem;", ":0.25rem 0;", ":var(--plasma-typo-text-l-font-family);", ":var(--plasma-typo-text-l-font-size);", ":var(--plasma-typo-text-l-font-style);", ":var(--plasma-typo-text-l-bold-font-weight);", ":var(--plasma-typo-text-l-letter-spacing);", ":var(--plasma-typo-text-l-line-height);", ":1.875rem;", ":var(--plasma-typo-text-l-font-family);", ":var(--plasma-typo-text-l-font-size);", ":var(--plasma-typo-text-l-font-style);", ":var(--plasma-typo-text-l-font-weight);", ":var(--plasma-typo-text-l-letter-spacing);", ":var(--plasma-typo-text-l-line-height);"], tokens.padding, tokens.paddingScalable, tokens.borderRadius, tokens.gap, tokens.gapScalable, tokens.contentGap, tokens.closeIconTop, tokens.closeIconRight, tokens.closeIconColor, tokens.closeIconColorOnHover, tokens.closeIconSize, tokens.closeIconButtonSize, tokens.fixedContentBeforeWidth, tokens.fixedContentBeforeHeight, tokens.fixedContentBeforePadding, tokens.titleFontFamily, tokens.titleFontSize, tokens.titleFontStyle, tokens.titleFontWeight, tokens.titleLetterSpacing, tokens.titleLineHeight, tokens.titlePaddingRight, tokens.textFontFamily, tokens.textFontSize, tokens.textFontStyle, tokens.textFontWeight, tokens.textLetterSpacing, tokens.textLineHeight),
18
+ m: /*#__PURE__*/css(["", ":1.25rem 1.5rem;", ":1.25rem;", ":0.75rem;", ":0.625rem;", ":0.75rem;", ":0.125rem;", ":0.75rem;", ":0.75rem;", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":1.5rem;", ":1.5rem;", ":1.5rem;", ":1.5rem;", ":0;", ":var(--plasma-typo-text-m-font-family);", ":var(--plasma-typo-text-m-font-size);", ":var(--plasma-typo-text-m-font-style);", ":var(--plasma-typo-text-m-bold-font-weight);", ":var(--plasma-typo-text-m-letter-spacing);", ":var(--plasma-typo-text-m-line-height);", ":1.75rem;", ":var(--plasma-typo-text-m-font-family);", ":var(--plasma-typo-text-m-font-size);", ":var(--plasma-typo-text-m-font-style);", ":var(--plasma-typo-text-m-font-weight);", ":var(--plasma-typo-text-m-letter-spacing);", ":var(--plasma-typo-text-m-line-height);"], tokens.padding, tokens.paddingScalable, tokens.borderRadius, tokens.gap, tokens.gapScalable, tokens.contentGap, tokens.closeIconTop, tokens.closeIconRight, tokens.closeIconColor, tokens.closeIconColorOnHover, tokens.closeIconSize, tokens.closeIconButtonSize, tokens.fixedContentBeforeWidth, tokens.fixedContentBeforeHeight, tokens.fixedContentBeforePadding, tokens.titleFontFamily, tokens.titleFontSize, tokens.titleFontStyle, tokens.titleFontWeight, tokens.titleLetterSpacing, tokens.titleLineHeight, tokens.titlePaddingRight, tokens.textFontFamily, tokens.textFontSize, tokens.textFontStyle, tokens.textFontWeight, tokens.textLetterSpacing, tokens.textLineHeight),
19
+ s: /*#__PURE__*/css(["", ":1rem 1.25rem;", ":1rem;", ":0.625rem;", ":0.5rem;", ":0.75rem;", ":0.125rem;", ":0.625rem;", ":0.625rem;", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":1.5rem;", ":1.5rem;", ":1rem;", ":1.125rem;", ":0.063rem 0;", ":var(--plasma-typo-text-s-font-family);", ":var(--plasma-typo-text-s-font-size);", ":var(--plasma-typo-text-s-font-style);", ":var(--plasma-typo-text-s-bold-font-weight);", ":var(--plasma-typo-text-s-letter-spacing);", ":var(--plasma-typo-text-s-line-height);", ":1.625rem;", ":var(--plasma-typo-text-s-font-family);", ":var(--plasma-typo-text-s-font-size);", ":var(--plasma-typo-text-s-font-style);", ":var(--plasma-typo-text-s-font-weight);", ":var(--plasma-typo-text-s-letter-spacing);", ":var(--plasma-typo-text-s-line-height);"], tokens.padding, tokens.paddingScalable, tokens.borderRadius, tokens.gap, tokens.gapScalable, tokens.contentGap, tokens.closeIconTop, tokens.closeIconRight, tokens.closeIconColor, tokens.closeIconColorOnHover, tokens.closeIconSize, tokens.closeIconButtonSize, tokens.fixedContentBeforeWidth, tokens.fixedContentBeforeHeight, tokens.fixedContentBeforePadding, tokens.titleFontFamily, tokens.titleFontSize, tokens.titleFontStyle, tokens.titleFontWeight, tokens.titleLetterSpacing, tokens.titleLineHeight, tokens.titlePaddingRight, tokens.textFontFamily, tokens.textFontSize, tokens.textFontStyle, tokens.textFontWeight, tokens.textLetterSpacing, tokens.textLineHeight),
20
+ xs: /*#__PURE__*/css(["", ":0.75rem 1rem;", ":0.75rem;", ":0.5rem;", ":0.375rem;", ":0.5rem;", ":0.125rem;", ":0.625rem;", ":0.625rem;", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":1rem;", ":1rem;", ":1rem;", ":1rem;", ":0;", ":var(--plasma-typo-text-xs-font-family);", ":var(--plasma-typo-text-xs-font-size);", ":var(--plasma-typo-text-xs-font-style);", ":var(--plasma-typo-text-xs-bold-font-weight);", ":var(--plasma-typo-text-xs-letter-spacing);", ":var(--plasma-typo-text-xs-line-height);", ":1.5rem;", ":var(--plasma-typo-text-xs-font-family);", ":var(--plasma-typo-text-xs-font-size);", ":var(--plasma-typo-text-xs-font-style);", ":var(--plasma-typo-text-xs-font-weight);", ":var(--plasma-typo-text-xs-letter-spacing);", ":var(--plasma-typo-text-xs-line-height);"], tokens.padding, tokens.paddingScalable, tokens.borderRadius, tokens.gap, tokens.gapScalable, tokens.contentGap, tokens.closeIconTop, tokens.closeIconRight, tokens.closeIconColor, tokens.closeIconColorOnHover, tokens.closeIconSize, tokens.closeIconButtonSize, tokens.fixedContentBeforeWidth, tokens.fixedContentBeforeHeight, tokens.fixedContentBeforePadding, tokens.titleFontFamily, tokens.titleFontSize, tokens.titleFontStyle, tokens.titleFontWeight, tokens.titleLetterSpacing, tokens.titleLineHeight, tokens.titlePaddingRight, tokens.textFontFamily, tokens.textFontSize, tokens.textFontStyle, tokens.textFontWeight, tokens.textLetterSpacing, tokens.textLineHeight)
21
21
  }
22
22
  }
23
23
  };
@@ -67,6 +67,7 @@ export const Default: StoryObj<StoryPropsDefault> = {
67
67
  text: 'Text',
68
68
  enableContentBefore: true,
69
69
  contentBeforeSizing: 'fixed',
70
+ hasClose: true,
70
71
  },
71
72
  render: ({ enableContentBefore, ...args }) => (
72
73
  <div style={{ height: '100vh' }}>
@@ -14,10 +14,10 @@ export var config = {
14
14
  info: /*#__PURE__*/css(["", ":var(--surface-transparent-info);", ":var(--text-primary);", ":var(--text-info);"], tokens.background, tokens.color, tokens.contentBeforeColor)
15
15
  },
16
16
  size: {
17
- l: /*#__PURE__*/css(["", ":1.5rem 1.875rem;", ":1.5rem 1.75rem;", ":0.875rem;", ":0.75rem;", ":1rem;", ":0.25rem;", ":1.5rem;", ":2rem;", ":0.25rem 0;", ":var(--plasma-typo-text-l-font-family);", ":var(--plasma-typo-text-l-font-size);", ":var(--plasma-typo-text-l-font-style);", ":var(--plasma-typo-text-l-bold-font-weight);", ":var(--plasma-typo-text-l-letter-spacing);", ":var(--plasma-typo-text-l-line-height);", ":var(--plasma-typo-text-l-font-family);", ":var(--plasma-typo-text-l-font-size);", ":var(--plasma-typo-text-l-font-style);", ":var(--plasma-typo-text-l-font-weight);", ":var(--plasma-typo-text-l-letter-spacing);", ":var(--plasma-typo-text-l-line-height);"], 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),
18
- m: /*#__PURE__*/css(["", ":1.25rem 1.5rem;", ":1.25rem;", ":0.75rem;", ":0.625rem;", ":0.75rem;", ":0.125rem;", ":1.5rem;", ":1.5rem;", ":0;", ":var(--plasma-typo-text-m-font-family);", ":var(--plasma-typo-text-m-font-size);", ":var(--plasma-typo-text-m-font-style);", ":var(--plasma-typo-text-m-bold-font-weight);", ":var(--plasma-typo-text-m-letter-spacing);", ":var(--plasma-typo-text-m-line-height);", ":var(--plasma-typo-text-m-font-family);", ":var(--plasma-typo-text-m-font-size);", ":var(--plasma-typo-text-m-font-style);", ":var(--plasma-typo-text-m-font-weight);", ":var(--plasma-typo-text-m-letter-spacing);", ":var(--plasma-typo-text-m-line-height);"], 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
- s: /*#__PURE__*/css(["", ":1rem 1.25rem;", ":1rem;", ":0.625rem;", ":0.5rem;", ":0.75rem;", ":0.125rem;", ":1rem;", ":1.125rem;", ":0.063rem 0;", ":var(--plasma-typo-text-s-font-family);", ":var(--plasma-typo-text-s-font-size);", ":var(--plasma-typo-text-s-font-style);", ":var(--plasma-typo-text-s-bold-font-weight);", ":var(--plasma-typo-text-s-letter-spacing);", ":var(--plasma-typo-text-s-line-height);", ":var(--plasma-typo-text-s-font-family);", ":var(--plasma-typo-text-s-font-size);", ":var(--plasma-typo-text-s-font-style);", ":var(--plasma-typo-text-s-font-weight);", ":var(--plasma-typo-text-s-letter-spacing);", ":var(--plasma-typo-text-s-line-height);"], 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
- xs: /*#__PURE__*/css(["", ":0.75rem 1rem;", ":0.75rem;", ":0.5rem;", ":0.375rem;", ":0.5rem;", ":0.125rem;", ":1rem;", ":1rem;", ":0;", ":var(--plasma-typo-text-xs-font-family);", ":var(--plasma-typo-text-xs-font-size);", ":var(--plasma-typo-text-xs-font-style);", ":var(--plasma-typo-text-xs-bold-font-weight);", ":var(--plasma-typo-text-xs-letter-spacing);", ":var(--plasma-typo-text-xs-line-height);", ":var(--plasma-typo-text-xs-font-family);", ":var(--plasma-typo-text-xs-font-size);", ":var(--plasma-typo-text-xs-font-style);", ":var(--plasma-typo-text-xs-font-weight);", ":var(--plasma-typo-text-xs-letter-spacing);", ":var(--plasma-typo-text-xs-line-height);"], 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)
17
+ l: /*#__PURE__*/css(["", ":1.5rem 1.875rem;", ":1.5rem 1.75rem;", ":0.875rem;", ":0.75rem;", ":1rem;", ":0.25rem;", ":1rem;", ":1rem;", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":1.5rem;", ":1.5rem;", ":1.5rem;", ":2rem;", ":0.25rem 0;", ":var(--plasma-typo-text-l-font-family);", ":var(--plasma-typo-text-l-font-size);", ":var(--plasma-typo-text-l-font-style);", ":var(--plasma-typo-text-l-bold-font-weight);", ":var(--plasma-typo-text-l-letter-spacing);", ":var(--plasma-typo-text-l-line-height);", ":1.875rem;", ":var(--plasma-typo-text-l-font-family);", ":var(--plasma-typo-text-l-font-size);", ":var(--plasma-typo-text-l-font-style);", ":var(--plasma-typo-text-l-font-weight);", ":var(--plasma-typo-text-l-letter-spacing);", ":var(--plasma-typo-text-l-line-height);"], tokens.padding, tokens.paddingScalable, tokens.borderRadius, tokens.gap, tokens.gapScalable, tokens.contentGap, tokens.closeIconTop, tokens.closeIconRight, tokens.closeIconColor, tokens.closeIconColorOnHover, tokens.closeIconSize, tokens.closeIconButtonSize, tokens.fixedContentBeforeWidth, tokens.fixedContentBeforeHeight, tokens.fixedContentBeforePadding, tokens.titleFontFamily, tokens.titleFontSize, tokens.titleFontStyle, tokens.titleFontWeight, tokens.titleLetterSpacing, tokens.titleLineHeight, tokens.titlePaddingRight, tokens.textFontFamily, tokens.textFontSize, tokens.textFontStyle, tokens.textFontWeight, tokens.textLetterSpacing, tokens.textLineHeight),
18
+ m: /*#__PURE__*/css(["", ":1.25rem 1.5rem;", ":1.25rem;", ":0.75rem;", ":0.625rem;", ":0.75rem;", ":0.125rem;", ":0.75rem;", ":0.75rem;", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":1.5rem;", ":1.5rem;", ":1.5rem;", ":1.5rem;", ":0;", ":var(--plasma-typo-text-m-font-family);", ":var(--plasma-typo-text-m-font-size);", ":var(--plasma-typo-text-m-font-style);", ":var(--plasma-typo-text-m-bold-font-weight);", ":var(--plasma-typo-text-m-letter-spacing);", ":var(--plasma-typo-text-m-line-height);", ":1.75rem;", ":var(--plasma-typo-text-m-font-family);", ":var(--plasma-typo-text-m-font-size);", ":var(--plasma-typo-text-m-font-style);", ":var(--plasma-typo-text-m-font-weight);", ":var(--plasma-typo-text-m-letter-spacing);", ":var(--plasma-typo-text-m-line-height);"], tokens.padding, tokens.paddingScalable, tokens.borderRadius, tokens.gap, tokens.gapScalable, tokens.contentGap, tokens.closeIconTop, tokens.closeIconRight, tokens.closeIconColor, tokens.closeIconColorOnHover, tokens.closeIconSize, tokens.closeIconButtonSize, tokens.fixedContentBeforeWidth, tokens.fixedContentBeforeHeight, tokens.fixedContentBeforePadding, tokens.titleFontFamily, tokens.titleFontSize, tokens.titleFontStyle, tokens.titleFontWeight, tokens.titleLetterSpacing, tokens.titleLineHeight, tokens.titlePaddingRight, tokens.textFontFamily, tokens.textFontSize, tokens.textFontStyle, tokens.textFontWeight, tokens.textLetterSpacing, tokens.textLineHeight),
19
+ s: /*#__PURE__*/css(["", ":1rem 1.25rem;", ":1rem;", ":0.625rem;", ":0.5rem;", ":0.75rem;", ":0.125rem;", ":0.625rem;", ":0.625rem;", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":1.5rem;", ":1.5rem;", ":1rem;", ":1.125rem;", ":0.063rem 0;", ":var(--plasma-typo-text-s-font-family);", ":var(--plasma-typo-text-s-font-size);", ":var(--plasma-typo-text-s-font-style);", ":var(--plasma-typo-text-s-bold-font-weight);", ":var(--plasma-typo-text-s-letter-spacing);", ":var(--plasma-typo-text-s-line-height);", ":1.625rem;", ":var(--plasma-typo-text-s-font-family);", ":var(--plasma-typo-text-s-font-size);", ":var(--plasma-typo-text-s-font-style);", ":var(--plasma-typo-text-s-font-weight);", ":var(--plasma-typo-text-s-letter-spacing);", ":var(--plasma-typo-text-s-line-height);"], tokens.padding, tokens.paddingScalable, tokens.borderRadius, tokens.gap, tokens.gapScalable, tokens.contentGap, tokens.closeIconTop, tokens.closeIconRight, tokens.closeIconColor, tokens.closeIconColorOnHover, tokens.closeIconSize, tokens.closeIconButtonSize, tokens.fixedContentBeforeWidth, tokens.fixedContentBeforeHeight, tokens.fixedContentBeforePadding, tokens.titleFontFamily, tokens.titleFontSize, tokens.titleFontStyle, tokens.titleFontWeight, tokens.titleLetterSpacing, tokens.titleLineHeight, tokens.titlePaddingRight, tokens.textFontFamily, tokens.textFontSize, tokens.textFontStyle, tokens.textFontWeight, tokens.textLetterSpacing, tokens.textLineHeight),
20
+ xs: /*#__PURE__*/css(["", ":0.75rem 1rem;", ":0.75rem;", ":0.5rem;", ":0.375rem;", ":0.5rem;", ":0.125rem;", ":0.625rem;", ":0.625rem;", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":1rem;", ":1rem;", ":1rem;", ":1rem;", ":0;", ":var(--plasma-typo-text-xs-font-family);", ":var(--plasma-typo-text-xs-font-size);", ":var(--plasma-typo-text-xs-font-style);", ":var(--plasma-typo-text-xs-bold-font-weight);", ":var(--plasma-typo-text-xs-letter-spacing);", ":var(--plasma-typo-text-xs-line-height);", ":1.5rem;", ":var(--plasma-typo-text-xs-font-family);", ":var(--plasma-typo-text-xs-font-size);", ":var(--plasma-typo-text-xs-font-style);", ":var(--plasma-typo-text-xs-font-weight);", ":var(--plasma-typo-text-xs-letter-spacing);", ":var(--plasma-typo-text-xs-line-height);"], tokens.padding, tokens.paddingScalable, tokens.borderRadius, tokens.gap, tokens.gapScalable, tokens.contentGap, tokens.closeIconTop, tokens.closeIconRight, tokens.closeIconColor, tokens.closeIconColorOnHover, tokens.closeIconSize, tokens.closeIconButtonSize, tokens.fixedContentBeforeWidth, tokens.fixedContentBeforeHeight, tokens.fixedContentBeforePadding, tokens.titleFontFamily, tokens.titleFontSize, tokens.titleFontStyle, tokens.titleFontWeight, tokens.titleLetterSpacing, tokens.titleLineHeight, tokens.titlePaddingRight, tokens.textFontFamily, tokens.textFontSize, tokens.textFontStyle, tokens.textFontWeight, tokens.textLetterSpacing, tokens.textLineHeight)
21
21
  }
22
22
  }
23
23
  };
@@ -67,6 +67,7 @@ export const Default: StoryObj<StoryPropsDefault> = {
67
67
  text: 'Text',
68
68
  enableContentBefore: true,
69
69
  contentBeforeSizing: 'fixed',
70
+ hasClose: true,
70
71
  },
71
72
  render: ({ enableContentBefore, ...args }) => (
72
73
  <div style={{ height: '100vh' }}>
@@ -77,4 +77,5 @@ export * from "./components/LinkButton";
77
77
  export * from "./components/NumberFormat";
78
78
  export * from "./components/Toast/ToastNew";
79
79
  export * from "./components/Carousel";
80
+ export * from "./components/PaginationDots";
80
81
  export * from "./components/List";
@@ -11,6 +11,8 @@ export declare const noteRoot: (Root: RootProps<HTMLDivElement, NoteProps>) => R
11
11
  height?: string | number | undefined;
12
12
  view?: string | undefined;
13
13
  size?: string | undefined;
14
+ hasClose?: boolean | undefined;
15
+ onCloseButtonClick?: (() => void) | undefined;
14
16
  } & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
15
17
  export declare const noteConfig: {
16
18
  name: string;
@@ -25,6 +27,8 @@ export declare const noteConfig: {
25
27
  height?: string | number | undefined;
26
28
  view?: string | undefined;
27
29
  size?: string | undefined;
30
+ hasClose?: boolean | undefined;
31
+ onCloseButtonClick?: (() => void) | undefined;
28
32
  } & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
29
33
  base: import("@linaria/core").LinariaClassName;
30
34
  variations: {
@@ -1 +1 @@
1
- {"version":3,"file":"Note.d.ts","sourceRoot":"","sources":["../../../src/components/Note/Note.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmE,MAAM,OAAO,CAAC;AAKxF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE/C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAM9C,eAAO,MAAM,QAAQ,SAAU,UAAU,cAAc,EAAE,SAAS,CAAC;;;;;;;;;;+EAwI9D,CAAC;AAEN,eAAO,MAAM,UAAU;;;mBA1IQ,UAAU,cAAc,EAAE,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;CA2JlE,CAAC"}
1
+ {"version":3,"file":"Note.d.ts","sourceRoot":"","sources":["../../../src/components/Note/Note.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmE,MAAM,OAAO,CAAC;AAKxF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG/C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAe9C,eAAO,MAAM,QAAQ,SAAU,UAAU,cAAc,EAAE,SAAS,CAAC;;;;;;;;;;;;+EAoJ9D,CAAC;AAEN,eAAO,MAAM,UAAU;;;mBAtJQ,UAAU,cAAc,EAAE,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;CAuKlE,CAAC"}
@@ -2,8 +2,53 @@
2
2
  export declare const base: import("@linaria/core").LinariaClassName;
3
3
  export declare const ContentBefore: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
4
4
  export declare const ContentWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
5
- export declare const Title: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
5
+ export declare const Title: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
6
+ hasClose?: boolean | undefined;
7
+ }>;
6
8
  export declare const TitleHelper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
7
9
  export declare const Text: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
8
10
  export declare const TextHelper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
11
+ export declare const CloseIconWrapper: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../engines/types").PropsType<import("../../engines/types").Variants> & ((Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("../..").AsProps<any> & {
12
+ text?: string | undefined;
13
+ contentLeft?: import("react").ReactNode;
14
+ contentPlacing?: ("default" | "relaxed") | undefined;
15
+ isLoading?: boolean | undefined;
16
+ loader?: import("react").ReactNode;
17
+ stretch?: boolean | undefined;
18
+ stretching?: ("fixed" | "auto" | "filled") | undefined;
19
+ square?: boolean | undefined;
20
+ focused?: boolean | undefined;
21
+ disabled?: boolean | undefined;
22
+ pin?: "square-square" | "square-clear" | "clear-square" | "clear-clear" | "clear-circle" | "circle-clear" | "circle-circle" | undefined;
23
+ view?: string | undefined;
24
+ size?: string | undefined;
25
+ outlined?: boolean | undefined;
26
+ shiftLeft?: boolean | undefined;
27
+ shiftRight?: boolean | undefined;
28
+ blur?: "small" | "medium" | "large" | undefined;
29
+ } & {
30
+ value?: string | number | undefined;
31
+ contentRight?: undefined;
32
+ } & import("react").RefAttributes<HTMLButtonElement>) | (Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("../..").AsProps<any> & {
33
+ text?: string | undefined;
34
+ contentLeft?: import("react").ReactNode;
35
+ contentPlacing?: ("default" | "relaxed") | undefined;
36
+ isLoading?: boolean | undefined;
37
+ loader?: import("react").ReactNode;
38
+ stretch?: boolean | undefined;
39
+ stretching?: ("fixed" | "auto" | "filled") | undefined;
40
+ square?: boolean | undefined;
41
+ focused?: boolean | undefined;
42
+ disabled?: boolean | undefined;
43
+ pin?: "square-square" | "square-clear" | "clear-square" | "clear-clear" | "clear-circle" | "circle-clear" | "circle-circle" | undefined;
44
+ view?: string | undefined;
45
+ size?: string | undefined;
46
+ outlined?: boolean | undefined;
47
+ shiftLeft?: boolean | undefined;
48
+ shiftRight?: boolean | undefined;
49
+ blur?: "small" | "medium" | "large" | undefined;
50
+ } & {
51
+ value?: undefined;
52
+ contentRight?: import("react").ReactNode;
53
+ } & import("react").RefAttributes<HTMLButtonElement>))>;
9
54
  //# sourceMappingURL=Note.styles.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Note.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Note/Note.styles.ts"],"names":[],"mappings":";AAGA,eAAO,MAAM,IAAI,0CAIhB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAEzB,CAAC;AAEF,eAAO,MAAM,cAAc,qKAI1B,CAAC;AAEF,eAAO,MAAM,KAAK,qKAAe,CAAC;AAClC,eAAO,MAAM,WAAW,qKAKvB,CAAC;AAEF,eAAO,MAAM,IAAI,uKAGhB,CAAC;AACF,eAAO,MAAM,UAAU,uKAOtB,CAAC"}
1
+ {"version":3,"file":"Note.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Note/Note.styles.ts"],"names":[],"mappings":";AAWA,eAAO,MAAM,IAAI,0CAIhB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAEzB,CAAC;AAEF,eAAO,MAAM,cAAc,qKAI1B,CAAC;AAEF,eAAO,MAAM,KAAK;;EAGjB,CAAC;AAEF,eAAO,MAAM,WAAW,qKAKvB,CAAC;AAEF,eAAO,MAAM,IAAI,uKAGhB,CAAC;AACF,eAAO,MAAM,UAAU,uKAOtB,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAY5B,CAAC"}
@@ -1,5 +1,6 @@
1
1
  export declare const classes: {
2
2
  stretch: string;
3
+ closeIcon: string;
3
4
  contentAlignCenter: string;
4
5
  };
5
6
  export declare const privateTokens: {
@@ -26,11 +27,18 @@ export declare const tokens: {
26
27
  titleFontWeight: string;
27
28
  titleLetterSpacing: string;
28
29
  titleLineHeight: string;
30
+ titlePaddingRight: string;
29
31
  textFontFamily: string;
30
32
  textFontSize: string;
31
33
  textFontStyle: string;
32
34
  textFontWeight: string;
33
35
  textLetterSpacing: string;
34
36
  textLineHeight: string;
37
+ closeIconTop: string;
38
+ closeIconRight: string;
39
+ closeIconColor: string;
40
+ closeIconColorOnHover: string;
41
+ closeIconSize: string;
42
+ closeIconButtonSize: string;
35
43
  };
36
44
  //# sourceMappingURL=Note.tokens.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Note.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Note/Note.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;CAGnB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;CAIzB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;CA6BlB,CAAC"}
1
+ {"version":3,"file":"Note.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Note/Note.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;CAInB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;CAIzB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqClB,CAAC"}
@@ -37,5 +37,13 @@ export declare type NoteProps = {
37
37
  * Размер компонента.
38
38
  */
39
39
  size?: string;
40
+ /**
41
+ * Наличие крестика для закрытия
42
+ */
43
+ hasClose?: boolean;
44
+ /**
45
+ * Callback при нажатии на кнопку закрытия.
46
+ */
47
+ onCloseButtonClick?: () => void;
40
48
  } & HTMLAttributes<HTMLDivElement>;
41
49
  //# sourceMappingURL=Note.types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Note.types.d.ts","sourceRoot":"","sources":["../../../src/components/Note/Note.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,oBAAY,SAAS,GAAG;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IAC3C;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC"}
1
+ {"version":3,"file":"Note.types.d.ts","sourceRoot":"","sources":["../../../src/components/Note/Note.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,oBAAY,SAAS,GAAG;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IAC3C;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;CACnC,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC"}
@@ -0,0 +1,21 @@
1
+ /// <reference types="react" />
2
+ export interface PaginationDotProps extends React.LiHTMLAttributes<HTMLLIElement> {
3
+ /**
4
+ * Элемент активен
5
+ */
6
+ isActive: boolean;
7
+ }
8
+ /**
9
+ * Элемент пагинации точками.
10
+ * Стилизованный компонент, обладающий всеми свойствами ``div``.
11
+ */
12
+ export declare const DotBase: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLLIElement> & import("react").LiHTMLAttributes<HTMLLIElement> & PaginationDotProps>;
13
+ /**
14
+ * Элемент пагинации точками.
15
+ * Стилизованный компонент, обладающий всеми свойствами ``div``.
16
+ * @deprecated
17
+ */
18
+ export declare const PaginationDot: import("@linaria/react").StyledComponent<PaginationDotProps & import("react").ClassAttributes<HTMLLIElement> & import("react").LiHTMLAttributes<HTMLLIElement> & {
19
+ as?: import("react").ElementType<any> | undefined;
20
+ }>;
21
+ //# sourceMappingURL=PaginationDot.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PaginationDot.d.ts","sourceRoot":"","sources":["../../../src/components/PaginationDots/PaginationDot.tsx"],"names":[],"mappings":";AAEA,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,gBAAgB,CAAC,aAAa,CAAC;IAC7E;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;CACrB;AAED;;;GAGG;AACH,eAAO,MAAM,OAAO,iKAenB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,aAAa;;EAQzB,CAAC"}
@@ -0,0 +1,15 @@
1
+ /// <reference types="react" />
2
+ /**
3
+ * Оборачивающий компонент для пагинации точками.
4
+ * Стилизованный компонент, обладающий всеми свойствами ``div``.
5
+ */
6
+ export declare const DotsBase: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLUListElement> & import("react").HTMLAttributes<HTMLUListElement> & Record<never, unknown>>;
7
+ /**
8
+ * Оборачивающий компонент для пагинации точками.
9
+ * Стилизованный компонент, обладающий всеми свойствами ``div``.
10
+ * @deprecated
11
+ */
12
+ export declare const PaginationDots: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLUListElement> & import("react").HTMLAttributes<HTMLUListElement> & Record<never, unknown> & {
13
+ as?: import("react").ElementType<any> | undefined;
14
+ }>;
15
+ //# sourceMappingURL=PaginationDots.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PaginationDots.d.ts","sourceRoot":"","sources":["../../../src/components/PaginationDots/PaginationDots.tsx"],"names":[],"mappings":";AAEA;;;GAGG;AACH,eAAO,MAAM,QAAQ,yKAQpB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,cAAc;;EAAqB,CAAC"}
@@ -0,0 +1,15 @@
1
+ import React from 'react';
2
+ import { SmartPaginationDotsProps as BaseProps } from './usePaginationDots';
3
+ export interface SmartPaginationDotsProps extends BaseProps, React.HTMLAttributes<HTMLUListElement> {
4
+ /**
5
+ * Обработчик изменения индекса
6
+ */
7
+ onIndexChange?: (index: number) => void;
8
+ }
9
+ /**
10
+ * Компонент для отображения точек пагинации
11
+ * с возможностью ограничения количества видимых элементов.
12
+ * @deprecated
13
+ */
14
+ export declare const SmartPaginationDots: React.FC<SmartPaginationDotsProps>;
15
+ //# sourceMappingURL=SmartPaginationDots.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SmartPaginationDots.d.ts","sourceRoot":"","sources":["../../../src/components/PaginationDots/SmartPaginationDots.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAqB,wBAAwB,IAAI,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAI/F,MAAM,WAAW,wBAAyB,SAAQ,SAAS,EAAE,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IAC/F;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C;AAED;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAgBlE,CAAC"}
@@ -0,0 +1,6 @@
1
+ export { SmartPaginationDots } from './SmartPaginationDots';
2
+ export type { SmartPaginationDotsProps } from './SmartPaginationDots';
3
+ export { PaginationDots } from './PaginationDots';
4
+ export { PaginationDot } from './PaginationDot';
5
+ export type { PaginationDotProps } from './PaginationDot';
6
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PaginationDots/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,YAAY,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AAEtE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC"}
@@ -0,0 +1,14 @@
1
+ export interface SmartPaginationDotsProps {
2
+ items: Array<{
3
+ id: number | string;
4
+ }>;
5
+ index: number;
6
+ visibleItems?: number;
7
+ }
8
+ export declare const usePaginationDots: ({ items, index, visibleItems }: SmartPaginationDotsProps) => {
9
+ sliced: {
10
+ id: number | string;
11
+ }[];
12
+ activeId: string | number;
13
+ };
14
+ //# sourceMappingURL=usePaginationDots.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"usePaginationDots.d.ts","sourceRoot":"","sources":["../../../src/components/PaginationDots/usePaginationDots.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,wBAAwB;IACrC,KAAK,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC,CAAC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,iBAAiB,mCAAwC,wBAAwB;;YALvE,MAAM,GAAG,MAAM;;;CAqCrC,CAAC"}
package/types/index.d.ts CHANGED
@@ -75,5 +75,6 @@ export * from './components/LinkButton';
75
75
  export * from './components/NumberFormat';
76
76
  export * from './components/Toast/ToastNew';
77
77
  export * from './components/Carousel';
78
+ export * from './components/PaginationDots';
78
79
  export * from './components/List';
79
80
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mBAAmB,CAAC"}