@salutejs/plasma-new-hope 0.324.0-canary.1967.15065564602.0 → 0.324.0-canary.1970.15068833000.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 (114) hide show
  1. package/cjs/components/Notification/Notification.css +12 -12
  2. package/cjs/components/Notification/Notification.js +1 -3
  3. package/cjs/components/Notification/Notification.js.map +1 -1
  4. package/cjs/components/Notification/Notification.styles.js +47 -55
  5. package/cjs/components/Notification/Notification.styles.js.map +1 -1
  6. package/cjs/components/Notification/{Notification.styles_1ogp4a2.css → Notification.styles_1yt699o.css} +1 -1
  7. package/cjs/components/Notification/Notification.types.js.map +1 -1
  8. package/cjs/components/Notification/NotificationsProvider.css +11 -11
  9. package/cjs/components/Notification/variations/_layout/base.js +1 -1
  10. package/cjs/components/Notification/variations/_layout/base.js.map +1 -1
  11. package/cjs/components/Notification/variations/_layout/base_qkc3i4.css +1 -0
  12. package/cjs/components/PaginationDots/PaginationDot.js +58 -0
  13. package/cjs/components/PaginationDots/PaginationDot.js.map +1 -0
  14. package/cjs/components/PaginationDots/PaginationDot_baul9c.css +2 -0
  15. package/cjs/components/PaginationDots/PaginationDots.js +33 -0
  16. package/cjs/components/PaginationDots/PaginationDots.js.map +1 -0
  17. package/cjs/components/PaginationDots/PaginationDots_fm2ha5.css +2 -0
  18. package/cjs/components/PaginationDots/SmartPaginationDots.css +5 -0
  19. package/cjs/components/PaginationDots/SmartPaginationDots.js +46 -0
  20. package/cjs/components/PaginationDots/SmartPaginationDots.js.map +1 -0
  21. package/cjs/components/PaginationDots/usePaginationDots.js +40 -0
  22. package/cjs/components/PaginationDots/usePaginationDots.js.map +1 -0
  23. package/cjs/index.css +18 -12
  24. package/cjs/index.js +6 -0
  25. package/cjs/index.js.map +1 -1
  26. package/emotion/cjs/components/Notification/Notification.js +1 -3
  27. package/emotion/cjs/components/Notification/Notification.styles.js +36 -40
  28. package/emotion/cjs/components/Notification/variations/_layout/base.js +1 -1
  29. package/emotion/cjs/components/PaginationDots/PaginationDot.js +34 -0
  30. package/emotion/cjs/components/PaginationDots/PaginationDots.js +34 -0
  31. package/emotion/cjs/components/PaginationDots/SmartPaginationDots.js +42 -0
  32. package/emotion/cjs/components/PaginationDots/index.js +26 -0
  33. package/emotion/cjs/components/PaginationDots/usePaginationDots.js +38 -0
  34. package/emotion/cjs/examples/plasma_b2c/components/Notification/Notification.stories.tsx +1 -3
  35. package/emotion/cjs/examples/plasma_web/components/Notification/Notification.stories.tsx +1 -3
  36. package/emotion/cjs/index.js +11 -0
  37. package/emotion/es/components/Notification/Notification.js +1 -3
  38. package/emotion/es/components/Notification/Notification.styles.js +36 -40
  39. package/emotion/es/components/Notification/variations/_layout/base.js +1 -1
  40. package/emotion/es/components/PaginationDots/PaginationDot.js +27 -0
  41. package/emotion/es/components/PaginationDots/PaginationDots.js +27 -0
  42. package/emotion/es/components/PaginationDots/SmartPaginationDots.js +35 -0
  43. package/emotion/es/components/PaginationDots/index.js +3 -0
  44. package/emotion/es/components/PaginationDots/usePaginationDots.js +32 -0
  45. package/emotion/es/examples/plasma_b2c/components/Notification/Notification.stories.tsx +1 -3
  46. package/emotion/es/examples/plasma_web/components/Notification/Notification.stories.tsx +1 -3
  47. package/emotion/es/index.js +2 -1
  48. package/es/components/Notification/Notification.css +12 -12
  49. package/es/components/Notification/Notification.js +1 -3
  50. package/es/components/Notification/Notification.js.map +1 -1
  51. package/es/components/Notification/Notification.styles.js +47 -55
  52. package/es/components/Notification/Notification.styles.js.map +1 -1
  53. package/es/components/Notification/{Notification.styles_1ogp4a2.css → Notification.styles_1yt699o.css} +1 -1
  54. package/es/components/Notification/Notification.types.js.map +1 -1
  55. package/es/components/Notification/NotificationsProvider.css +11 -11
  56. package/es/components/Notification/variations/_layout/base.js +1 -1
  57. package/es/components/Notification/variations/_layout/base.js.map +1 -1
  58. package/es/components/Notification/variations/_layout/base_qkc3i4.css +1 -0
  59. package/es/components/PaginationDots/PaginationDot.js +53 -0
  60. package/es/components/PaginationDots/PaginationDot.js.map +1 -0
  61. package/es/components/PaginationDots/PaginationDot_baul9c.css +2 -0
  62. package/es/components/PaginationDots/PaginationDots.js +28 -0
  63. package/es/components/PaginationDots/PaginationDots.js.map +1 -0
  64. package/es/components/PaginationDots/PaginationDots_fm2ha5.css +2 -0
  65. package/es/components/PaginationDots/SmartPaginationDots.css +5 -0
  66. package/es/components/PaginationDots/SmartPaginationDots.js +38 -0
  67. package/es/components/PaginationDots/SmartPaginationDots.js.map +1 -0
  68. package/es/components/PaginationDots/usePaginationDots.js +36 -0
  69. package/es/components/PaginationDots/usePaginationDots.js.map +1 -0
  70. package/es/index.css +18 -12
  71. package/es/index.js +3 -0
  72. package/es/index.js.map +1 -1
  73. package/package.json +2 -2
  74. package/styled-components/cjs/components/Notification/Notification.js +1 -3
  75. package/styled-components/cjs/components/Notification/Notification.styles.js +25 -29
  76. package/styled-components/cjs/components/Notification/variations/_layout/base.js +1 -1
  77. package/styled-components/cjs/components/PaginationDots/PaginationDot.js +32 -0
  78. package/styled-components/cjs/components/PaginationDots/PaginationDots.js +23 -0
  79. package/styled-components/cjs/components/PaginationDots/SmartPaginationDots.js +42 -0
  80. package/styled-components/cjs/components/PaginationDots/index.js +26 -0
  81. package/styled-components/cjs/components/PaginationDots/usePaginationDots.js +38 -0
  82. package/styled-components/cjs/examples/plasma_b2c/components/Notification/Notification.stories.tsx +1 -3
  83. package/styled-components/cjs/examples/plasma_web/components/Notification/Notification.stories.tsx +1 -3
  84. package/styled-components/cjs/index.js +11 -0
  85. package/styled-components/es/components/Notification/Notification.js +1 -3
  86. package/styled-components/es/components/Notification/Notification.styles.js +25 -29
  87. package/styled-components/es/components/Notification/variations/_layout/base.js +1 -1
  88. package/styled-components/es/components/PaginationDots/PaginationDot.js +25 -0
  89. package/styled-components/es/components/PaginationDots/PaginationDots.js +17 -0
  90. package/styled-components/es/components/PaginationDots/SmartPaginationDots.js +35 -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/Notification/Notification.stories.tsx +1 -3
  94. package/styled-components/es/examples/plasma_web/components/Notification/Notification.stories.tsx +1 -3
  95. package/styled-components/es/index.js +2 -1
  96. package/types/components/Notification/Notification.d.ts.map +1 -1
  97. package/types/components/Notification/Notification.styles.d.ts +1 -2
  98. package/types/components/Notification/Notification.styles.d.ts.map +1 -1
  99. package/types/components/Notification/Notification.types.d.ts +0 -5
  100. package/types/components/Notification/Notification.types.d.ts.map +1 -1
  101. package/types/components/PaginationDots/PaginationDot.d.ts +20 -0
  102. package/types/components/PaginationDots/PaginationDot.d.ts.map +1 -0
  103. package/types/components/PaginationDots/PaginationDots.d.ts +14 -0
  104. package/types/components/PaginationDots/PaginationDots.d.ts.map +1 -0
  105. package/types/components/PaginationDots/SmartPaginationDots.d.ts +14 -0
  106. package/types/components/PaginationDots/SmartPaginationDots.d.ts.map +1 -0
  107. package/types/components/PaginationDots/index.d.ts +6 -0
  108. package/types/components/PaginationDots/index.d.ts.map +1 -0
  109. package/types/components/PaginationDots/usePaginationDots.d.ts +14 -0
  110. package/types/components/PaginationDots/usePaginationDots.d.ts.map +1 -0
  111. package/types/index.d.ts +1 -0
  112. package/types/index.d.ts.map +1 -1
  113. package/cjs/components/Notification/variations/_layout/base_1g9g70c.css +0 -1
  114. package/es/components/Notification/variations/_layout/base_1g9g70c.css +0 -1
@@ -170,13 +170,12 @@ type StoryLiveDemoProps = ComponentProps<typeof Notification> & {
170
170
  placement?: NotificationPlacement;
171
171
  };
172
172
 
173
- const StoryLiveDemo = ({ timeout, placement, width, ...rest }: StoryLiveDemoProps) => {
173
+ const StoryLiveDemo = ({ timeout, placement, ...rest }: StoryLiveDemoProps) => {
174
174
  const count = useRef(0);
175
175
  const handleClick = useCallback(() => {
176
176
  addNotification(
177
177
  {
178
178
  icon: <IconDisclosureRight color="inherit" />,
179
- width,
180
179
  ...rest,
181
180
  ...getNotificationProps(count.current),
182
181
  },
@@ -214,7 +213,6 @@ export const LiveDemo: StoryObj<StoryLiveDemoProps> = {
214
213
  role: 'alert',
215
214
  layout: 'vertical',
216
215
  placement: 'bottom-right',
217
- width: '',
218
216
  },
219
217
  render: (args) => <StoryLiveDemo {...args} />,
220
218
  };
@@ -75,4 +75,5 @@ export * from "./components/Table";
75
75
  export * from "./components/LinkButton";
76
76
  export * from "./components/NumberFormat";
77
77
  export * from "./components/Toast/ToastNew";
78
- export * from "./components/Carousel";
78
+ export * from "./components/Carousel";
79
+ export * from "./components/PaginationDots";
@@ -1 +1 @@
1
- {"version":3,"file":"Notification.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/Notification.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAU1C,OAAO,EAAsB,iBAAiB,EAAW,MAAM,sBAAsB,CAAC;AActF;;GAEG;AACH,eAAO,MAAM,gBAAgB,SAAU,UAAU,cAAc,EAAE,KAAK,iBAAiB,EAAE,OAAO,CAAC,CAAC,6FA8G5F,CAAC;AAEP,eAAO,MAAM,kBAAkB;;;mBAhHQ,UAAU,cAAc,EAAE,KAAK,iBAAiB,EAAE,OAAO,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;CAyIjG,CAAC"}
1
+ {"version":3,"file":"Notification.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/Notification.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAU1C,OAAO,EAAsB,iBAAiB,EAAW,MAAM,sBAAsB,CAAC;AActF;;GAEG;AACH,eAAO,MAAM,gBAAgB,SAAU,UAAU,cAAc,EAAE,KAAK,iBAAiB,EAAE,OAAO,CAAC,CAAC,6FA4G5F,CAAC;AAEP,eAAO,MAAM,kBAAkB;;;mBA9GQ,UAAU,cAAc,EAAE,KAAK,iBAAiB,EAAE,OAAO,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;CAuIjG,CAAC"}
@@ -1,4 +1,4 @@
1
- import type { CSSProperties } from 'react';
1
+ /// <reference types="react" />
2
2
  import { CloseIconType, IconPlacementType } from './Notification.types';
3
3
  export declare const StyledNotification: import("@linaria/core").LinariaClassName;
4
4
  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> & {
@@ -46,7 +46,6 @@ export declare const CloseIconWrapper: import("@linaria/react").StyledMeta & imp
46
46
  } & import("react").RefAttributes<HTMLButtonElement>))>;
47
47
  export declare const Wrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
48
48
  backgroundColor?: string | undefined;
49
- width?: CSSProperties['width'];
50
49
  }>;
51
50
  export declare const ButtonsWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & IconPlacementType>;
52
51
  export declare const IconWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & IconPlacementType & {
@@ -1 +1 @@
1
- {"version":3,"file":"Notification.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/Notification.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAS3C,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAqC,MAAM,sBAAsB,CAAC;AAE3G,eAAO,MAAM,kBAAkB,0CAE9B,CAAC;AAKF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAe5B,CAAC;AAEF,eAAO,MAAM,OAAO;;YAAkD,aAAa,CAAC,OAAO,CAAC;EAe3F,CAAC;AAEF,eAAO,MAAM,cAAc,gKAW1B,CAAC;AAEF,eAAO,MAAM,WAAW;;EAevB,CAAC;AAEF,eAAO,MAAM,UAAU,gKActB,CAAC;AAEF,eAAO,MAAM,OAAO,gLAqBnB,CAAC;AAEF,eAAO,MAAM,WAAW;;EAUvB,CAAC;AAEF,eAAO,MAAM,aAAa;;EAUzB,CAAC;AAEF,eAAO,MAAM,iBAAiB;cAA0B,OAAO;EAmG9D,CAAC;AAEF,eAAO,MAAM,UAAU;;EAOtB,CAAC"}
1
+ {"version":3,"file":"Notification.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/Notification.styles.ts"],"names":[],"mappings":";AAQA,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAqC,MAAM,sBAAsB,CAAC;AAE3G,eAAO,MAAM,kBAAkB,0CAE9B,CAAC;AAKF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAe5B,CAAC;AAEF,eAAO,MAAM,OAAO;;EAanB,CAAC;AAEF,eAAO,MAAM,cAAc,gKAW1B,CAAC;AAEF,eAAO,MAAM,WAAW;;EAevB,CAAC;AAEF,eAAO,MAAM,UAAU,gKActB,CAAC;AAEF,eAAO,MAAM,OAAO,gLAqBnB,CAAC;AAEF,eAAO,MAAM,WAAW;;EAUvB,CAAC;AAEF,eAAO,MAAM,aAAa;;EAUzB,CAAC;AAEF,eAAO,MAAM,iBAAiB;cAA0B,OAAO;EAmG9D,CAAC;AAEF,eAAO,MAAM,UAAU;;EAOtB,CAAC"}
@@ -1,6 +1,5 @@
1
1
  import type { AsProps } from '@salutejs/plasma-core';
2
2
  import { HTMLAttributes, ReactNode } from 'react';
3
- import type { CSSProperties } from 'react';
4
3
  import { ComponentConfig, PropsType, Variants } from '../../engines/types';
5
4
  import type { PopupPlacement } from '../Popup';
6
5
  export declare const layouts: {
@@ -82,10 +81,6 @@ export interface NotificationProps extends AsProps, Omit<HTMLAttributes<HTMLDivE
82
81
  * Цвет заголовка (по умолчанию берётся цвет из view)
83
82
  */
84
83
  backgroundColor?: string;
85
- /**
86
- * Свойства для управления шириной уведомления
87
- */
88
- width?: CSSProperties['width'];
89
84
  /**
90
85
  * Callback при нажатии на кнопку закрытия.
91
86
  */
@@ -1 +1 @@
1
- {"version":3,"file":"Notification.types.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/Notification.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC3E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/C,eAAO,MAAM,OAAO;;;CAGnB,CAAC;AAEF,oBAAY,kBAAkB,GAAG,MAAM,OAAO,OAAO,CAAC;AAEtD,eAAO,MAAM,UAAU;;;CAGtB,CAAC;AAEF,oBAAY,yBAAyB,GAAG,MAAM,OAAO,UAAU,CAAC;AAChE,oBAAY,qBAAqB,GAAG,cAAc,CAAC;AAEnD,oBAAY,UAAU,GAAG;IACrB,MAAM,CAAC,EAAE,kBAAkB,CAAC;CAC/B,CAAC;AAEF,oBAAY,iBAAiB,GAAG;IAC5B,aAAa,CAAC,EAAE,yBAAyB,CAAC;CAC7C,CAAC;AAEF,oBAAY,aAAa,GAAG;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,MAAM,WAAW,iBAAkB,SAAQ,OAAO,EAAE,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC7F;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,aAAa,CAAC,EAAE,yBAAyB,CAAC;IAC1C;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,aAAa,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IACnC;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/B;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC1F;;OAEG;IACH,MAAM,EAAE,eAAe,CAAC,MAAM,EAAE,QAAQ,EAAE,SAAS,CAAC,QAAQ,CAAC,EAAE,iBAAiB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC;IACnH;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,SAAS,CAAC,EAAE,qBAAqB,CAAC;IAClC;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAChC"}
1
+ {"version":3,"file":"Notification.types.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/Notification.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC3E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/C,eAAO,MAAM,OAAO;;;CAGnB,CAAC;AAEF,oBAAY,kBAAkB,GAAG,MAAM,OAAO,OAAO,CAAC;AAEtD,eAAO,MAAM,UAAU;;;CAGtB,CAAC;AAEF,oBAAY,yBAAyB,GAAG,MAAM,OAAO,UAAU,CAAC;AAChE,oBAAY,qBAAqB,GAAG,cAAc,CAAC;AAEnD,oBAAY,UAAU,GAAG;IACrB,MAAM,CAAC,EAAE,kBAAkB,CAAC;CAC/B,CAAC;AAEF,oBAAY,iBAAiB,GAAG;IAC5B,aAAa,CAAC,EAAE,yBAAyB,CAAC;CAC7C,CAAC;AAEF,oBAAY,aAAa,GAAG;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,MAAM,WAAW,iBAAkB,SAAQ,OAAO,EAAE,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC7F;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,aAAa,CAAC,EAAE,yBAAyB,CAAC;IAC1C;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,aAAa,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IACnC;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC1F;;OAEG;IACH,MAAM,EAAE,eAAe,CAAC,MAAM,EAAE,QAAQ,EAAE,SAAS,CAAC,QAAQ,CAAC,EAAE,iBAAiB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC;IACnH;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,SAAS,CAAC,EAAE,qBAAqB,CAAC;IAClC;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAChC"}
@@ -0,0 +1,20 @@
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
+ */
17
+ export declare const PaginationDot: import("@linaria/react").StyledComponent<PaginationDotProps & import("react").ClassAttributes<HTMLLIElement> & import("react").LiHTMLAttributes<HTMLLIElement> & {
18
+ as?: import("react").ElementType<any> | undefined;
19
+ }>;
20
+ //# 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;;;GAGG;AACH,eAAO,MAAM,aAAa;;EAQzB,CAAC"}
@@ -0,0 +1,14 @@
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
+ */
11
+ export declare const PaginationDots: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLUListElement> & import("react").HTMLAttributes<HTMLUListElement> & Record<never, unknown> & {
12
+ as?: import("react").ElementType<any> | undefined;
13
+ }>;
14
+ //# 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;;;GAGG;AACH,eAAO,MAAM,cAAc;;EAAqB,CAAC"}
@@ -0,0 +1,14 @@
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
+ */
13
+ export declare const SmartPaginationDots: React.FC<SmartPaginationDotsProps>;
14
+ //# 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;;;GAGG;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
@@ -74,4 +74,5 @@ export * from './components/LinkButton';
74
74
  export * from './components/NumberFormat';
75
75
  export * from './components/Toast/ToastNew';
76
76
  export * from './components/Carousel';
77
+ export * from './components/PaginationDots';
77
78
  //# 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,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,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,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC"}
@@ -1 +0,0 @@
1
- .bg3tssa .notification-wrapper{padding:var(--plasma-notification-padding);}.bg3tssa .notification-wrapper.notification-layout-horizontal{padding:var(--plasma-notification-horizontal-layout-padding);}.bg3tssa .notification-wrapper.notification-layout-horizontal.notification-without-close-icon{padding-right:var(--plasma-notification-horizontal-layout-right-padding-without-close-icon);}.bg3tssa .notification-wrapper.notification-layout-horizontal.notification-one-line-textbox{padding:var(--plasma-notification-padding-one-line-textbox);}
@@ -1 +0,0 @@
1
- .bg3tssa .notification-wrapper{padding:var(--plasma-notification-padding);}.bg3tssa .notification-wrapper.notification-layout-horizontal{padding:var(--plasma-notification-horizontal-layout-padding);}.bg3tssa .notification-wrapper.notification-layout-horizontal.notification-without-close-icon{padding-right:var(--plasma-notification-horizontal-layout-right-padding-without-close-icon);}.bg3tssa .notification-wrapper.notification-layout-horizontal.notification-one-line-textbox{padding:var(--plasma-notification-padding-one-line-textbox);}