@salutejs/plasma-new-hope 0.109.2-canary.1301.10057930683.0 → 0.110.0-canary.1307.10059399396.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (202) hide show
  1. package/cjs/components/Accordion/Accordion.js +1 -1
  2. package/cjs/components/Accordion/Accordion.js.map +1 -1
  3. package/cjs/components/Accordion/Accordion.tokens.js +1 -4
  4. package/cjs/components/Accordion/Accordion.tokens.js.map +1 -1
  5. package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js +9 -16
  6. package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js.map +1 -1
  7. package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +4 -4
  8. package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js.map +1 -1
  9. package/cjs/components/Accordion/utils/index.js +3 -4
  10. package/cjs/components/Accordion/utils/index.js.map +1 -1
  11. package/cjs/components/Portal/Portal.js +1 -1
  12. package/cjs/components/Portal/Portal.js.map +1 -1
  13. package/cjs/components/Price/Price.css +2 -0
  14. package/cjs/components/Price/Price.js +65 -0
  15. package/cjs/components/Price/Price.js.map +1 -0
  16. package/cjs/components/Price/Price.styles.js +17 -0
  17. package/cjs/components/Price/Price.styles.js.map +1 -0
  18. package/cjs/components/Price/Price.styles_15b4mp1.css +2 -0
  19. package/cjs/components/Price/Price.tokens.js +10 -0
  20. package/cjs/components/Price/Price.tokens.js.map +1 -0
  21. package/cjs/components/Price/utils/formatCurrency.js +22 -0
  22. package/cjs/components/Price/utils/formatCurrency.js.map +1 -0
  23. package/cjs/components/Price/variations/_view/base.js +9 -0
  24. package/cjs/components/Price/variations/_view/base.js.map +1 -0
  25. package/cjs/components/Price/variations/_view/base_x642ct.css +1 -0
  26. package/cjs/index.css +3 -0
  27. package/cjs/index.js +5 -0
  28. package/cjs/index.js.map +1 -1
  29. package/emotion/cjs/components/Accordion/Accordion.js +1 -1
  30. package/emotion/cjs/components/Accordion/Accordion.tokens.js +1 -4
  31. package/emotion/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js +7 -19
  32. package/emotion/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +4 -4
  33. package/emotion/cjs/components/Accordion/utils/index.js +3 -4
  34. package/emotion/cjs/components/Portal/Portal.js +1 -1
  35. package/emotion/cjs/components/Portal/Portal.template-doc.mdx +1 -1
  36. package/emotion/cjs/components/Price/Price.js +66 -0
  37. package/emotion/cjs/components/Price/Price.styles.js +24 -0
  38. package/emotion/cjs/components/Price/Price.template-doc.mdx +24 -0
  39. package/emotion/cjs/components/Price/Price.tokens.js +9 -0
  40. package/emotion/cjs/components/Price/Price.types.js +5 -0
  41. package/emotion/cjs/components/Price/index.js +25 -0
  42. package/emotion/cjs/components/Price/utils/formatCurrency.js +21 -0
  43. package/emotion/cjs/components/Price/variations/_view/base.js +8 -0
  44. package/emotion/cjs/components/Price/variations/_view/tokens.json +1 -0
  45. package/emotion/cjs/examples/plasma_b2c/components/Accordion/Accordion.config.js +6 -6
  46. package/emotion/cjs/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx +3 -5
  47. package/emotion/cjs/examples/plasma_b2c/components/Price/Price.config.js +14 -0
  48. package/emotion/cjs/examples/plasma_b2c/components/Price/Price.js +17 -0
  49. package/emotion/cjs/examples/plasma_b2c/components/Price/Price.stories.tsx +38 -0
  50. package/emotion/cjs/examples/plasma_web/components/Accordion/Accordion.config.js +8 -8
  51. package/emotion/cjs/examples/plasma_web/components/Accordion/Accordion.stories.tsx +3 -5
  52. package/emotion/cjs/examples/plasma_web/components/Price/Price.config.js +14 -0
  53. package/emotion/cjs/examples/plasma_web/components/Price/Price.js +17 -0
  54. package/emotion/cjs/examples/plasma_web/components/Price/Price.stories.tsx +38 -0
  55. package/emotion/cjs/index.js +11 -0
  56. package/emotion/es/components/Accordion/Accordion.js +1 -1
  57. package/emotion/es/components/Accordion/Accordion.tokens.js +1 -4
  58. package/emotion/es/components/Accordion/ui/AccordionItem/AccordionItem.js +7 -20
  59. package/emotion/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +4 -4
  60. package/emotion/es/components/Accordion/utils/index.js +3 -4
  61. package/emotion/es/components/Portal/Portal.js +1 -1
  62. package/emotion/es/components/Portal/Portal.template-doc.mdx +1 -1
  63. package/emotion/es/components/Price/Price.js +58 -0
  64. package/emotion/es/components/Price/Price.styles.js +17 -0
  65. package/emotion/es/components/Price/Price.template-doc.mdx +24 -0
  66. package/emotion/es/components/Price/Price.tokens.js +3 -0
  67. package/emotion/es/components/Price/Price.types.js +1 -0
  68. package/emotion/es/components/Price/index.js +2 -0
  69. package/emotion/es/components/Price/utils/formatCurrency.js +15 -0
  70. package/emotion/es/components/Price/variations/_view/base.js +2 -0
  71. package/emotion/es/components/Price/variations/_view/tokens.json +1 -0
  72. package/emotion/es/examples/plasma_b2c/components/Accordion/Accordion.config.js +6 -6
  73. package/emotion/es/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx +3 -5
  74. package/emotion/es/examples/plasma_b2c/components/Price/Price.config.js +8 -0
  75. package/emotion/es/examples/plasma_b2c/components/Price/Price.js +6 -0
  76. package/emotion/es/examples/plasma_b2c/components/Price/Price.stories.tsx +38 -0
  77. package/emotion/es/examples/plasma_web/components/Accordion/Accordion.config.js +8 -8
  78. package/emotion/es/examples/plasma_web/components/Accordion/Accordion.stories.tsx +3 -5
  79. package/emotion/es/examples/plasma_web/components/Price/Price.config.js +8 -0
  80. package/emotion/es/examples/plasma_web/components/Price/Price.js +6 -0
  81. package/emotion/es/examples/plasma_web/components/Price/Price.stories.tsx +38 -0
  82. package/emotion/es/index.js +1 -0
  83. package/es/components/Accordion/Accordion.js +1 -1
  84. package/es/components/Accordion/Accordion.js.map +1 -1
  85. package/es/components/Accordion/Accordion.tokens.js +1 -4
  86. package/es/components/Accordion/Accordion.tokens.js.map +1 -1
  87. package/es/components/Accordion/ui/AccordionItem/AccordionItem.js +8 -15
  88. package/es/components/Accordion/ui/AccordionItem/AccordionItem.js.map +1 -1
  89. package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +4 -4
  90. package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js.map +1 -1
  91. package/es/components/Accordion/utils/index.js +3 -4
  92. package/es/components/Accordion/utils/index.js.map +1 -1
  93. package/es/components/Portal/Portal.js +1 -1
  94. package/es/components/Portal/Portal.js.map +1 -1
  95. package/es/components/Price/Price.css +2 -0
  96. package/es/components/Price/Price.js +60 -0
  97. package/es/components/Price/Price.js.map +1 -0
  98. package/es/components/Price/Price.styles.js +12 -0
  99. package/es/components/Price/Price.styles.js.map +1 -0
  100. package/es/components/Price/Price.styles_15b4mp1.css +2 -0
  101. package/es/components/Price/Price.tokens.js +6 -0
  102. package/es/components/Price/Price.tokens.js.map +1 -0
  103. package/es/components/Price/utils/formatCurrency.js +18 -0
  104. package/es/components/Price/utils/formatCurrency.js.map +1 -0
  105. package/es/components/Price/variations/_view/base.js +5 -0
  106. package/es/components/Price/variations/_view/base.js.map +1 -0
  107. package/es/components/Price/variations/_view/base_x642ct.css +1 -0
  108. package/es/index.css +3 -0
  109. package/es/index.js +2 -0
  110. package/es/index.js.map +1 -1
  111. package/package.json +2 -2
  112. package/styled-components/cjs/components/Accordion/Accordion.js +1 -1
  113. package/styled-components/cjs/components/Accordion/Accordion.tokens.js +1 -4
  114. package/styled-components/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js +7 -19
  115. package/styled-components/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +4 -4
  116. package/styled-components/cjs/components/Accordion/utils/index.js +3 -4
  117. package/styled-components/cjs/components/Portal/Portal.js +1 -1
  118. package/styled-components/cjs/components/Portal/Portal.template-doc.mdx +1 -1
  119. package/styled-components/cjs/components/Price/Price.js +66 -0
  120. package/styled-components/cjs/components/Price/Price.styles.js +15 -0
  121. package/styled-components/cjs/components/Price/Price.template-doc.mdx +24 -0
  122. package/styled-components/cjs/components/Price/Price.tokens.js +9 -0
  123. package/styled-components/cjs/components/Price/Price.types.js +5 -0
  124. package/styled-components/cjs/components/Price/index.js +25 -0
  125. package/styled-components/cjs/components/Price/utils/formatCurrency.js +21 -0
  126. package/styled-components/cjs/components/Price/variations/_view/base.js +8 -0
  127. package/styled-components/cjs/components/Price/variations/_view/tokens.json +1 -0
  128. package/styled-components/cjs/examples/plasma_b2c/components/Accordion/Accordion.config.js +2 -2
  129. package/styled-components/cjs/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx +3 -5
  130. package/styled-components/cjs/examples/plasma_b2c/components/Price/Price.config.js +14 -0
  131. package/styled-components/cjs/examples/plasma_b2c/components/Price/Price.js +17 -0
  132. package/styled-components/cjs/examples/plasma_b2c/components/Price/Price.stories.tsx +38 -0
  133. package/styled-components/cjs/examples/plasma_web/components/Accordion/Accordion.config.js +2 -2
  134. package/styled-components/cjs/examples/plasma_web/components/Accordion/Accordion.stories.tsx +3 -5
  135. package/styled-components/cjs/examples/plasma_web/components/Price/Price.config.js +14 -0
  136. package/styled-components/cjs/examples/plasma_web/components/Price/Price.js +17 -0
  137. package/styled-components/cjs/examples/plasma_web/components/Price/Price.stories.tsx +38 -0
  138. package/styled-components/cjs/index.js +11 -0
  139. package/styled-components/es/components/Accordion/Accordion.js +1 -1
  140. package/styled-components/es/components/Accordion/Accordion.tokens.js +1 -4
  141. package/styled-components/es/components/Accordion/ui/AccordionItem/AccordionItem.js +7 -20
  142. package/styled-components/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +4 -4
  143. package/styled-components/es/components/Accordion/utils/index.js +3 -4
  144. package/styled-components/es/components/Portal/Portal.js +1 -1
  145. package/styled-components/es/components/Portal/Portal.template-doc.mdx +1 -1
  146. package/styled-components/es/components/Price/Price.js +58 -0
  147. package/styled-components/es/components/Price/Price.styles.js +7 -0
  148. package/styled-components/es/components/Price/Price.template-doc.mdx +24 -0
  149. package/styled-components/es/components/Price/Price.tokens.js +3 -0
  150. package/styled-components/es/components/Price/Price.types.js +1 -0
  151. package/styled-components/es/components/Price/index.js +2 -0
  152. package/styled-components/es/components/Price/utils/formatCurrency.js +15 -0
  153. package/styled-components/es/components/Price/variations/_view/base.js +2 -0
  154. package/styled-components/es/components/Price/variations/_view/tokens.json +1 -0
  155. package/styled-components/es/examples/plasma_b2c/components/Accordion/Accordion.config.js +2 -2
  156. package/styled-components/es/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx +3 -5
  157. package/styled-components/es/examples/plasma_b2c/components/Price/Price.config.js +8 -0
  158. package/styled-components/es/examples/plasma_b2c/components/Price/Price.js +6 -0
  159. package/styled-components/es/examples/plasma_b2c/components/Price/Price.stories.tsx +38 -0
  160. package/styled-components/es/examples/plasma_web/components/Accordion/Accordion.config.js +2 -2
  161. package/styled-components/es/examples/plasma_web/components/Accordion/Accordion.stories.tsx +3 -5
  162. package/styled-components/es/examples/plasma_web/components/Price/Price.config.js +8 -0
  163. package/styled-components/es/examples/plasma_web/components/Price/Price.js +6 -0
  164. package/styled-components/es/examples/plasma_web/components/Price/Price.stories.tsx +38 -0
  165. package/styled-components/es/index.js +1 -0
  166. package/types/components/Accordion/Accordion.tokens.d.ts +0 -3
  167. package/types/components/Accordion/Accordion.tokens.d.ts.map +1 -1
  168. package/types/components/Accordion/ui/AccordionItem/AccordionItem.d.ts.map +1 -1
  169. package/types/components/Accordion/ui/AccordionItem/AccordionItem.styles.d.ts.map +1 -1
  170. package/types/components/Accordion/ui/AccordionItem/AccordionItem.types.d.ts +0 -5
  171. package/types/components/Accordion/ui/AccordionItem/AccordionItem.types.d.ts.map +1 -1
  172. package/types/components/Accordion/utils/index.d.ts +2 -4
  173. package/types/components/Accordion/utils/index.d.ts.map +1 -1
  174. package/types/components/Portal/Portal.d.ts +6 -2
  175. package/types/components/Portal/Portal.d.ts.map +1 -1
  176. package/types/components/Portal/index.d.ts.map +1 -1
  177. package/types/components/Price/Price.d.ts +22 -0
  178. package/types/components/Price/Price.d.ts.map +1 -0
  179. package/types/components/Price/Price.styles.d.ts +4 -0
  180. package/types/components/Price/Price.styles.d.ts.map +1 -0
  181. package/types/components/Price/Price.tokens.d.ts +4 -0
  182. package/types/components/Price/Price.tokens.d.ts.map +1 -0
  183. package/types/components/Price/Price.types.d.ts +41 -0
  184. package/types/components/Price/Price.types.d.ts.map +1 -0
  185. package/types/components/Price/index.d.ts +3 -0
  186. package/types/components/Price/index.d.ts.map +1 -0
  187. package/types/components/Price/utils/formatCurrency.d.ts +10 -0
  188. package/types/components/Price/utils/formatCurrency.d.ts.map +1 -0
  189. package/types/components/Price/variations/_view/base.d.ts +2 -0
  190. package/types/components/Price/variations/_view/base.d.ts.map +1 -0
  191. package/types/examples/plasma_b2c/components/Accordion/Accordion.config.d.ts.map +1 -1
  192. package/types/examples/plasma_b2c/components/Price/Price.config.d.ts +9 -0
  193. package/types/examples/plasma_b2c/components/Price/Price.config.d.ts.map +1 -0
  194. package/types/examples/plasma_b2c/components/Price/Price.d.ts +6 -0
  195. package/types/examples/plasma_b2c/components/Price/Price.d.ts.map +1 -0
  196. package/types/examples/plasma_web/components/Accordion/Accordion.config.d.ts.map +1 -1
  197. package/types/examples/plasma_web/components/Price/Price.config.d.ts +9 -0
  198. package/types/examples/plasma_web/components/Price/Price.config.d.ts.map +1 -0
  199. package/types/examples/plasma_web/components/Price/Price.d.ts +6 -0
  200. package/types/examples/plasma_web/components/Price/Price.d.ts.map +1 -0
  201. package/types/index.d.ts +1 -0
  202. package/types/index.d.ts.map +1 -1
@@ -1 +1 @@
1
- {"version":3,"file":"Accordion.js","sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import React, { Children, forwardRef, useState } from 'react';\n\nimport { RootPropsOmitOnChange } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { AccordionProps } from './Accordion.types';\nimport { base } from './Accordion.styles';\nimport { classes } from './Accordion.tokens';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { getChildren } from './utils';\n\nexport const accordionRoot = (Root: RootPropsOmitOnChange<HTMLDivElement, AccordionProps>) =>\n forwardRef<HTMLDivElement, AccordionProps>(\n (\n {\n size,\n view,\n stretching = 'filled',\n defaultActiveEventKey = [],\n children,\n disabled,\n className,\n singleActive,\n onChange,\n },\n outerRootRef,\n ) => {\n const stretchingClass = classes[`${stretching}Stretching` as keyof typeof classes];\n\n const [activeIndex, setActiveIndex] = useState<number[]>(defaultActiveEventKey);\n\n const updateValue = (index: number, value?: boolean) => {\n if (onChange) {\n onChange(index, value);\n }\n if (singleActive) {\n if (value) {\n setActiveIndex([index]);\n } else {\n setActiveIndex([]);\n }\n } else if (value) {\n setActiveIndex([index, ...activeIndex]);\n } else {\n const updatedActiveIndex = activeIndex.filter((i) => i !== index);\n setActiveIndex(updatedActiveIndex);\n }\n };\n\n const childrenArray = Children.toArray(children) as React.ReactElement[];\n return (\n <Root\n ref={outerRootRef}\n size={size}\n view={view}\n className={cx(stretchingClass, classes.accordionRoot, className)}\n >\n {getChildren(childrenArray, activeIndex, view, disabled, updateValue)}\n </Root>\n );\n },\n );\n\nexport const accordionConfig = {\n name: 'Accordion',\n tag: 'div',\n layout: accordionRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["accordionRoot","Root","forwardRef","_ref","outerRootRef","size","view","_ref$stretching","stretching","_ref$defaultActiveEve","defaultActiveEventKey","children","disabled","className","singleActive","onChange","stretchingClass","classes","concat","_useState","useState","_useState2","_slicedToArray","activeIndex","setActiveIndex","updateValue","index","value","_toConsumableArray","updatedActiveIndex","filter","i","childrenArray","Children","toArray","React","createElement","ref","cx","getChildren","accordionConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
1
+ {"version":3,"file":"Accordion.js","sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import React, { Children, forwardRef, useState } from 'react';\n\nimport { RootPropsOmitOnChange } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { AccordionProps } from './Accordion.types';\nimport { base } from './Accordion.styles';\nimport { classes } from './Accordion.tokens';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { getChildren } from './utils';\n\nexport const accordionRoot = (Root: RootPropsOmitOnChange<HTMLDivElement, AccordionProps>) =>\n forwardRef<HTMLDivElement, AccordionProps>(\n (\n {\n size,\n view,\n stretching = 'filled',\n defaultActiveEventKey = [],\n children,\n disabled,\n className,\n singleActive,\n onChange,\n },\n outerRootRef,\n ) => {\n const stretchingClass = classes[`${stretching}Stretching` as keyof typeof classes];\n\n const [activeIndex, setActiveIndex] = useState<number[]>(defaultActiveEventKey);\n\n const updateValue = (index: number, value?: boolean) => {\n if (onChange) {\n onChange(index, value);\n }\n if (singleActive) {\n if (value) {\n setActiveIndex([index]);\n } else {\n setActiveIndex([]);\n }\n } else if (value) {\n setActiveIndex([index, ...activeIndex]);\n } else {\n const updatedActiveIndex = activeIndex.filter((i) => i !== index);\n setActiveIndex(updatedActiveIndex);\n }\n };\n\n const childrenArray = Children.toArray(children) as React.ReactElement[];\n return (\n <Root\n ref={outerRootRef}\n size={size}\n view={view}\n className={cx(stretchingClass, classes.accordionRoot, className)}\n >\n {getChildren(childrenArray, activeIndex, disabled, updateValue)}\n </Root>\n );\n },\n );\n\nexport const accordionConfig = {\n name: 'Accordion',\n tag: 'div',\n layout: accordionRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["accordionRoot","Root","forwardRef","_ref","outerRootRef","size","view","_ref$stretching","stretching","_ref$defaultActiveEve","defaultActiveEventKey","children","disabled","className","singleActive","onChange","stretchingClass","classes","concat","_useState","useState","_useState2","_slicedToArray","activeIndex","setActiveIndex","updateValue","index","value","_toConsumableArray","updatedActiveIndex","filter","i","childrenArray","Children","toArray","React","createElement","ref","cx","getChildren","accordionConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":";;;;;;;;;IAYaA,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,IAA2D,EAAA;AAAA,EAAA,oBACrFC,UAAU,CACN,UAAAC,IAAA,EAYIC,YAAY,EACX;AAAA,IAAA,IAXGC,IAAI,GAAAF,IAAA,CAAJE,IAAI;MACJC,IAAI,GAAAH,IAAA,CAAJG,IAAI;MAAAC,eAAA,GAAAJ,IAAA,CACJK,UAAU;AAAVA,MAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,eAAA;MAAAE,qBAAA,GAAAN,IAAA,CACrBO,qBAAqB;AAArBA,MAAAA,qBAAqB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,qBAAA;MAC1BE,QAAQ,GAAAR,IAAA,CAARQ,QAAQ;MACRC,QAAQ,GAAAT,IAAA,CAARS,QAAQ;MACRC,SAAS,GAAAV,IAAA,CAATU,SAAS;MACTC,YAAY,GAAAX,IAAA,CAAZW,YAAY;MACZC,QAAQ,GAAAZ,IAAA,CAARY,QAAQ,CAAA;AAIZ,IAAA,IAAMC,eAAe,GAAGC,OAAO,IAAAC,MAAA,CAAIV,UAAU,EAAqC,YAAA,CAAA,CAAA,CAAA;AAElF,IAAA,IAAAW,SAAA,GAAsCC,QAAQ,CAAWV,qBAAqB,CAAC;MAAAW,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAxEI,MAAAA,WAAW,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,MAAAA,cAAc,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;IAElC,IAAMI,WAAW,GAAG,SAAdA,WAAWA,CAAIC,KAAa,EAAEC,KAAe,EAAK;AACpD,MAAA,IAAIZ,QAAQ,EAAE;AACVA,QAAAA,QAAQ,CAACW,KAAK,EAAEC,KAAK,CAAC,CAAA;AAC1B,OAAA;AACA,MAAA,IAAIb,YAAY,EAAE;AACd,QAAA,IAAIa,KAAK,EAAE;AACPH,UAAAA,cAAc,CAAC,CAACE,KAAK,CAAC,CAAC,CAAA;AAC3B,SAAC,MAAM;UACHF,cAAc,CAAC,EAAE,CAAC,CAAA;AACtB,SAAA;OACH,MAAM,IAAIG,KAAK,EAAE;QACdH,cAAc,CAAA,CAAEE,KAAK,CAAAR,CAAAA,MAAA,CAAAU,kBAAA,CAAKL,WAAW,CAAA,CAAC,CAAC,CAAA;AAC3C,OAAC,MAAM;AACH,QAAA,IAAMM,kBAAkB,GAAGN,WAAW,CAACO,MAAM,CAAC,UAACC,CAAC,EAAA;UAAA,OAAKA,CAAC,KAAKL,KAAK,CAAA;SAAC,CAAA,CAAA;QACjEF,cAAc,CAACK,kBAAkB,CAAC,CAAA;AACtC,OAAA;KACH,CAAA;AAED,IAAA,IAAMG,aAAa,GAAGC,QAAQ,CAACC,OAAO,CAACvB,QAAQ,CAAyB,CAAA;AACxE,IAAA,oBACIwB,KAAA,CAAAC,aAAA,CAACnC,IAAI,EAAA;AACDoC,MAAAA,GAAG,EAAEjC,YAAa;AAClBC,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,IAAI,EAAEA,IAAK;MACXO,SAAS,EAAEyB,EAAE,CAACtB,eAAe,EAAEC,OAAO,CAACjB,aAAa,EAAEa,SAAS,CAAA;KAE9D0B,EAAAA,WAAW,CAACP,aAAa,EAAET,WAAW,EAAEX,QAAQ,EAAEa,WAAW,CAC5D,CAAC,CAAA;AAEf,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAMe,eAAe,GAAG;AAC3BC,EAAAA,IAAI,EAAE,WAAW;AACjBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAE3C,aAAa;AACrB4C,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRvC,IAAAA,IAAI,EAAE;AACFwC,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACD1C,IAAAA,IAAI,EAAE;AACFyC,MAAAA,GAAG,EAAEE,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACN3C,IAAAA,IAAI,EAAE,SAAS;AACfD,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;"}
@@ -6,8 +6,7 @@ var classes = {
6
6
  clearAccordionItem: 'clear-accordion-item',
7
7
  accordionItemShowBody: 'accordion-item-show-body',
8
8
  accordionPlusAnimationElement: 'accordion-plus-animation-element',
9
- accordionDisabled: 'accordion-disabled',
10
- accordionItemBody: 'accordion-item-body'
9
+ accordionDisabled: 'accordion-disabled'
11
10
  };
12
11
  var tokens = {
13
12
  accordionGap: '--plasma-accordion-gap',
@@ -18,10 +17,8 @@ var tokens = {
18
17
  accordionItemPadding: '--plasma-accordion-item-padding',
19
18
  accordionItemPaddingVertical: '--plasma-accordion-item-padding-vertical',
20
19
  accordionItemPaddingHorizontal: '--plasma-accordion-item-padding-horizontal',
21
- accordionItemPaddingHorizontalLeft: '--plasma-accordion-item-padding-horizontal-left',
22
20
  accordionItemGap: '--plasma-accordion-item-gap',
23
21
  accordionItemFocus: '--plasma-accordion-item-focus',
24
- accordionItemBorder: '--plasma-accordion-item-border',
25
22
  accordionItemBorderBottom: '--plasma-accordion-item-border-bottom',
26
23
  accordionItemTitleColor: '--plasma-accordion-item-title-color',
27
24
  accordionItemTitleFontFamily: '--plasma-accordion-item-title-font-family',
@@ -1 +1 @@
1
- {"version":3,"file":"Accordion.tokens.js","sources":["../../../src/components/Accordion/Accordion.tokens.ts"],"sourcesContent":["export const classes = {\n filledStretching: 'accordion-stretching-filled',\n fixedStretching: 'accordion-stretching-fixed',\n accordionRoot: 'accordion-root',\n accordionItem: 'accordion-item',\n clearAccordionItem: 'clear-accordion-item',\n accordionItemShowBody: 'accordion-item-show-body',\n accordionPlusAnimationElement: 'accordion-plus-animation-element',\n accordionDisabled: 'accordion-disabled',\n accordionItemBody: 'accordion-item-body',\n};\n\nexport const tokens = {\n accordionGap: '--plasma-accordion-gap',\n accordionWidth: '--plasma-accordion-width',\n accordionBackground: '--plasma-accordion-background',\n\n accordionItemBackground: '--plasma-accordion-item-background',\n accordionItemBorderRadius: '--plasma-accordion-item-border-radius',\n accordionItemPadding: '--plasma-accordion-item-padding',\n accordionItemPaddingVertical: '--plasma-accordion-item-padding-vertical',\n accordionItemPaddingHorizontal: '--plasma-accordion-item-padding-horizontal',\n accordionItemPaddingHorizontalLeft: '--plasma-accordion-item-padding-horizontal-left',\n accordionItemGap: '--plasma-accordion-item-gap',\n accordionItemFocus: '--plasma-accordion-item-focus',\n accordionItemBorder: '--plasma-accordion-item-border',\n accordionItemBorderBottom: '--plasma-accordion-item-border-bottom',\n\n accordionItemTitleColor: '--plasma-accordion-item-title-color',\n accordionItemTitleFontFamily: '--plasma-accordion-item-title-font-family',\n accordionItemTitleFontSize: '--plasma-accordion-item-title-font-size',\n accordionItemTitleFontStyle: '--plasma-accordion-item-title-font-style',\n accordionItemTitleFontWeight: '--plasma-accordion-item-title-font-weight',\n accordionItemTitleLetterSpacing: '--plasma-accordion-item-title-letter-spacing',\n accordionItemTitleLineHeight: '--plasma-accordion-item-title-line-height',\n\n accordionItemTextColor: '--plasma-accordion-item-text-color',\n accordionItemTextFontFamily: '--plasma-accordion-item-text-font-family',\n accordionItemTextFontSize: '--plasma-accordion-item-text-font-size',\n accordionItemTextFontStyle: '--plasma-accordion-item-text-font-style',\n accordionItemTextFontWeight: '--plasma-accordion-item-text-font-weight',\n accordionItemTextLetterSpacing: '--plasma-accordion-item-text-letter-spacing',\n accordionItemTextLineHeight: '--plasma-accordion-item-text-line-height',\n};\n"],"names":["classes","filledStretching","fixedStretching","accordionRoot","accordionItem","clearAccordionItem","accordionItemShowBody","accordionPlusAnimationElement","accordionDisabled","accordionItemBody","tokens","accordionGap","accordionWidth","accordionBackground","accordionItemBackground","accordionItemBorderRadius","accordionItemPadding","accordionItemPaddingVertical","accordionItemPaddingHorizontal","accordionItemPaddingHorizontalLeft","accordionItemGap","accordionItemFocus","accordionItemBorder","accordionItemBorderBottom","accordionItemTitleColor","accordionItemTitleFontFamily","accordionItemTitleFontSize","accordionItemTitleFontStyle","accordionItemTitleFontWeight","accordionItemTitleLetterSpacing","accordionItemTitleLineHeight","accordionItemTextColor","accordionItemTextFontFamily","accordionItemTextFontSize","accordionItemTextFontStyle","accordionItemTextFontWeight","accordionItemTextLetterSpacing","accordionItemTextLineHeight"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,eAAe,EAAE,4BAA4B;AAC7CC,EAAAA,aAAa,EAAE,gBAAgB;AAC/BC,EAAAA,aAAa,EAAE,gBAAgB;AAC/BC,EAAAA,kBAAkB,EAAE,sBAAsB;AAC1CC,EAAAA,qBAAqB,EAAE,0BAA0B;AACjDC,EAAAA,6BAA6B,EAAE,kCAAkC;AACjEC,EAAAA,iBAAiB,EAAE,oBAAoB;AACvCC,EAAAA,iBAAiB,EAAE,qBAAA;AACvB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,YAAY,EAAE,wBAAwB;AACtCC,EAAAA,cAAc,EAAE,0BAA0B;AAC1CC,EAAAA,mBAAmB,EAAE,+BAA+B;AAEpDC,EAAAA,uBAAuB,EAAE,oCAAoC;AAC7DC,EAAAA,yBAAyB,EAAE,uCAAuC;AAClEC,EAAAA,oBAAoB,EAAE,iCAAiC;AACvDC,EAAAA,4BAA4B,EAAE,0CAA0C;AACxEC,EAAAA,8BAA8B,EAAE,4CAA4C;AAC5EC,EAAAA,kCAAkC,EAAE,iDAAiD;AACrFC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,kBAAkB,EAAE,+BAA+B;AACnDC,EAAAA,mBAAmB,EAAE,gCAAgC;AACrDC,EAAAA,yBAAyB,EAAE,uCAAuC;AAElEC,EAAAA,uBAAuB,EAAE,qCAAqC;AAC9DC,EAAAA,4BAA4B,EAAE,2CAA2C;AACzEC,EAAAA,0BAA0B,EAAE,yCAAyC;AACrEC,EAAAA,2BAA2B,EAAE,0CAA0C;AACvEC,EAAAA,4BAA4B,EAAE,2CAA2C;AACzEC,EAAAA,+BAA+B,EAAE,8CAA8C;AAC/EC,EAAAA,4BAA4B,EAAE,2CAA2C;AAEzEC,EAAAA,sBAAsB,EAAE,oCAAoC;AAC5DC,EAAAA,2BAA2B,EAAE,0CAA0C;AACvEC,EAAAA,yBAAyB,EAAE,wCAAwC;AACnEC,EAAAA,0BAA0B,EAAE,yCAAyC;AACrEC,EAAAA,2BAA2B,EAAE,0CAA0C;AACvEC,EAAAA,8BAA8B,EAAE,6CAA6C;AAC7EC,EAAAA,2BAA2B,EAAE,0CAAA;AACjC;;;;"}
1
+ {"version":3,"file":"Accordion.tokens.js","sources":["../../../src/components/Accordion/Accordion.tokens.ts"],"sourcesContent":["export const classes = {\n filledStretching: 'accordion-stretching-filled',\n fixedStretching: 'accordion-stretching-fixed',\n accordionRoot: 'accordion-root',\n accordionItem: 'accordion-item',\n clearAccordionItem: 'clear-accordion-item',\n accordionItemShowBody: 'accordion-item-show-body',\n accordionPlusAnimationElement: 'accordion-plus-animation-element',\n accordionDisabled: 'accordion-disabled',\n};\n\nexport const tokens = {\n accordionGap: '--plasma-accordion-gap',\n accordionWidth: '--plasma-accordion-width',\n accordionBackground: '--plasma-accordion-background',\n\n accordionItemBackground: '--plasma-accordion-item-background',\n accordionItemBorderRadius: '--plasma-accordion-item-border-radius',\n accordionItemPadding: '--plasma-accordion-item-padding',\n accordionItemPaddingVertical: '--plasma-accordion-item-padding-vertical',\n accordionItemPaddingHorizontal: '--plasma-accordion-item-padding-horizontal',\n accordionItemGap: '--plasma-accordion-item-gap',\n accordionItemFocus: '--plasma-accordion-item-focus',\n accordionItemBorderBottom: '--plasma-accordion-item-border-bottom',\n\n accordionItemTitleColor: '--plasma-accordion-item-title-color',\n accordionItemTitleFontFamily: '--plasma-accordion-item-title-font-family',\n accordionItemTitleFontSize: '--plasma-accordion-item-title-font-size',\n accordionItemTitleFontStyle: '--plasma-accordion-item-title-font-style',\n accordionItemTitleFontWeight: '--plasma-accordion-item-title-font-weight',\n accordionItemTitleLetterSpacing: '--plasma-accordion-item-title-letter-spacing',\n accordionItemTitleLineHeight: '--plasma-accordion-item-title-line-height',\n\n accordionItemTextColor: '--plasma-accordion-item-text-color',\n accordionItemTextFontFamily: '--plasma-accordion-item-text-font-family',\n accordionItemTextFontSize: '--plasma-accordion-item-text-font-size',\n accordionItemTextFontStyle: '--plasma-accordion-item-text-font-style',\n accordionItemTextFontWeight: '--plasma-accordion-item-text-font-weight',\n accordionItemTextLetterSpacing: '--plasma-accordion-item-text-letter-spacing',\n accordionItemTextLineHeight: '--plasma-accordion-item-text-line-height',\n};\n"],"names":["classes","filledStretching","fixedStretching","accordionRoot","accordionItem","clearAccordionItem","accordionItemShowBody","accordionPlusAnimationElement","accordionDisabled","tokens","accordionGap","accordionWidth","accordionBackground","accordionItemBackground","accordionItemBorderRadius","accordionItemPadding","accordionItemPaddingVertical","accordionItemPaddingHorizontal","accordionItemGap","accordionItemFocus","accordionItemBorderBottom","accordionItemTitleColor","accordionItemTitleFontFamily","accordionItemTitleFontSize","accordionItemTitleFontStyle","accordionItemTitleFontWeight","accordionItemTitleLetterSpacing","accordionItemTitleLineHeight","accordionItemTextColor","accordionItemTextFontFamily","accordionItemTextFontSize","accordionItemTextFontStyle","accordionItemTextFontWeight","accordionItemTextLetterSpacing","accordionItemTextLineHeight"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,eAAe,EAAE,4BAA4B;AAC7CC,EAAAA,aAAa,EAAE,gBAAgB;AAC/BC,EAAAA,aAAa,EAAE,gBAAgB;AAC/BC,EAAAA,kBAAkB,EAAE,sBAAsB;AAC1CC,EAAAA,qBAAqB,EAAE,0BAA0B;AACjDC,EAAAA,6BAA6B,EAAE,kCAAkC;AACjEC,EAAAA,iBAAiB,EAAE,oBAAA;AACvB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,YAAY,EAAE,wBAAwB;AACtCC,EAAAA,cAAc,EAAE,0BAA0B;AAC1CC,EAAAA,mBAAmB,EAAE,+BAA+B;AAEpDC,EAAAA,uBAAuB,EAAE,oCAAoC;AAC7DC,EAAAA,yBAAyB,EAAE,uCAAuC;AAClEC,EAAAA,oBAAoB,EAAE,iCAAiC;AACvDC,EAAAA,4BAA4B,EAAE,0CAA0C;AACxEC,EAAAA,8BAA8B,EAAE,4CAA4C;AAC5EC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,kBAAkB,EAAE,+BAA+B;AACnDC,EAAAA,yBAAyB,EAAE,uCAAuC;AAElEC,EAAAA,uBAAuB,EAAE,qCAAqC;AAC9DC,EAAAA,4BAA4B,EAAE,2CAA2C;AACzEC,EAAAA,0BAA0B,EAAE,yCAAyC;AACrEC,EAAAA,2BAA2B,EAAE,0CAA0C;AACvEC,EAAAA,4BAA4B,EAAE,2CAA2C;AACzEC,EAAAA,+BAA+B,EAAE,8CAA8C;AAC/EC,EAAAA,4BAA4B,EAAE,2CAA2C;AAEzEC,EAAAA,sBAAsB,EAAE,oCAAoC;AAC5DC,EAAAA,2BAA2B,EAAE,0CAA0C;AACvEC,EAAAA,yBAAyB,EAAE,wCAAwC;AACnEC,EAAAA,0BAA0B,EAAE,yCAAyC;AACrEC,EAAAA,2BAA2B,EAAE,0CAA0C;AACvEC,EAAAA,8BAA8B,EAAE,6CAA6C;AAC7EC,EAAAA,2BAA2B,EAAE,0CAAA;AACjC;;;;"}
@@ -1,8 +1,7 @@
1
- import { slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
1
+ import { slicedToArray as _slicedToArray } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
2
2
  import React, { useState, useRef, useEffect } from 'react';
3
3
  import { convertRoundnessMatrix } from '../../../../utils/roundness.js';
4
4
  import { classes, tokens } from '../../Accordion.tokens.js';
5
- import { cx } from '../../../../utils/index.js';
6
5
  import { StyledAccordionItem, StyledAccordionHeader, StyledAccordionHeaderLeft, StyledAccordionContentLeft, StyledAccordionTitle, StyledAccordionContentRight, StyledAccordionBodyAnimate, StyledAccordionBody, StyledArrow, StyledPlus, StyledMinus } from './AccordionItem.styles.js';
7
6
 
8
7
  var _StyledMinus, _StyledArrow;
@@ -18,13 +17,8 @@ var AccordionItem = function AccordionItem(_ref) {
18
17
  _ref$type = _ref.type,
19
18
  type = _ref$type === void 0 ? 'sign' : _ref$type,
20
19
  index = _ref.index,
21
- className = _ref.className,
22
- style = _ref.style,
23
20
  eventKey = _ref.eventKey,
24
21
  disabled = _ref.disabled,
25
- _ref$alignWithTitle = _ref.alignWithTitle,
26
- alignWithTitle = _ref$alignWithTitle === void 0 ? true : _ref$alignWithTitle,
27
- view = _ref.view,
28
22
  onChange = _ref.onChange;
29
23
  var key = (_ref2 = eventKey !== null && eventKey !== void 0 ? eventKey : index) !== null && _ref2 !== void 0 ? _ref2 : 0;
30
24
  var _useState = useState(),
@@ -43,7 +37,7 @@ var AccordionItem = function AccordionItem(_ref) {
43
37
  useEffect(function () {
44
38
  var _leftContentRef$curre, _leftContentRef$curre2;
45
39
  var leftContentWidth = (_leftContentRef$curre = leftContentRef === null || leftContentRef === void 0 || (_leftContentRef$curre2 = leftContentRef.current) === null || _leftContentRef$curre2 === void 0 ? void 0 : _leftContentRef$curre2.offsetWidth) !== null && _leftContentRef$curre !== void 0 ? _leftContentRef$curre : 0;
46
- var leftPaddingBody = leftContentWidth && (alignWithTitle || view === 'clear') ? "calc(".concat(leftContentWidth, "px + var(").concat(tokens.accordionItemGap, "))") : 0;
40
+ var leftPaddingBody = leftContentWidth ? "calc(".concat(leftContentWidth, "px + var(").concat(tokens.accordionItemGap, "))") : 0;
47
41
  setLeftPadding(leftPaddingBody);
48
42
  }, [value, type, leftContentRef, setLeftPadding]);
49
43
  var openedBodyClass = value ? classes.accordionItemShowBody : undefined;
@@ -67,15 +61,16 @@ var AccordionItem = function AccordionItem(_ref) {
67
61
  var rightContent = contentRight !== null && contentRight !== void 0 ? contentRight : type === 'sign' ? /*#__PURE__*/React.createElement(StyledAnimationPLus, null) : undefined;
68
62
  var rightContentRotate = type === 'sign' && value ? classes.accordionItemShowBody : undefined;
69
63
  return /*#__PURE__*/React.createElement(StyledAccordionItem, {
70
- className: cx(classes.accordionItem, className, disabledClass),
64
+ className: classes.accordionItem,
71
65
  key: key,
72
- style: _objectSpread2({
66
+ style: {
73
67
  borderRadius: accordionBorderRadius
74
- }, style)
68
+ }
75
69
  }, /*#__PURE__*/React.createElement(StyledAccordionHeader, {
76
70
  role: "tab",
77
71
  tabIndex: 0,
78
72
  onClick: handleOpen,
73
+ className: disabledClass,
79
74
  "aria-expanded": value,
80
75
  "aria-controls": "accordion-item-section".concat(key),
81
76
  id: "accordion-item-".concat(key)
@@ -88,13 +83,11 @@ var AccordionItem = function AccordionItem(_ref) {
88
83
  "aria-labelledby": "accordion-item-".concat(key),
89
84
  "aria-hidden": !value,
90
85
  id: "accordion-item-section".concat(key),
91
- className: cx(openedBodyClass),
86
+ className: openedBodyClass,
92
87
  style: {
93
88
  paddingLeft: "".concat(leftPadding)
94
89
  }
95
- }, /*#__PURE__*/React.createElement(StyledAccordionBody, {
96
- className: classes.accordionItemBody
97
- }, children)));
90
+ }, /*#__PURE__*/React.createElement(StyledAccordionBody, null, children)));
98
91
  };
99
92
 
100
93
  export { AccordionItem };
@@ -1 +1 @@
1
- {"version":3,"file":"AccordionItem.js","sources":["../../../../../src/components/Accordion/ui/AccordionItem/AccordionItem.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react';\n\nimport { convertRoundnessMatrix } from '../../../../utils/roundness';\nimport { classes, tokens } from '../../Accordion.tokens';\nimport { HTMLAttributesOmitOnChange } from '../../../../engines/types';\nimport { cx } from '../../../../utils';\n\nimport {\n StyledAccordionItem,\n StyledAccordionHeader,\n StyledAccordionBody,\n StyledAccordionTitle,\n StyledAccordionContentLeft,\n StyledAccordionHeaderLeft,\n StyledAccordionContentRight,\n StyledArrow,\n StyledMinus,\n StyledPlus,\n StyledAccordionBodyAnimate,\n} from './AccordionItem.styles';\nimport type { AccordionItemProps } from './AccordionItem.types';\n\nexport const AccordionItem: React.FC<HTMLAttributesOmitOnChange & AccordionItemProps> = ({\n value,\n contentRight,\n contentLeft,\n title,\n pin = 'square-square',\n children,\n type = 'sign',\n index,\n className,\n style,\n eventKey,\n disabled,\n alignWithTitle = true,\n view,\n onChange,\n}) => {\n const key = eventKey ?? index ?? 0;\n\n const [leftPadding, setLeftPadding] = useState<string | number | null>();\n\n const handleOpen = () => {\n if (disabled) {\n return;\n }\n if (onChange) {\n onChange(key, !value);\n }\n };\n\n const leftContentRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n const leftContentWidth = leftContentRef?.current?.offsetWidth ?? 0;\n const leftPaddingBody =\n leftContentWidth && (alignWithTitle || view === 'clear')\n ? `calc(${leftContentWidth}px + var(${tokens.accordionItemGap}))`\n : 0;\n setLeftPadding(leftPaddingBody);\n }, [value, type, leftContentRef, setLeftPadding]);\n\n const openedBodyClass = value ? classes.accordionItemShowBody : undefined;\n\n const StyledAnimationPLus = () => (\n <StyledPlus>\n <StyledMinus size=\"xs\" color=\"inhert\" />\n <StyledMinus\n size=\"xs\"\n color=\"inhert\"\n className={openedBodyClass ?? classes.accordionPlusAnimationElement}\n />\n </StyledPlus>\n );\n\n const accordionBorderRadius = convertRoundnessMatrix(pin, `var(${tokens.accordionItemBorderRadius})`, '1.5rem');\n const disabledClass = disabled ? classes.accordionDisabled : '';\n\n const leftContent = contentLeft ?? (type === 'arrow' ? <StyledArrow size=\"xs\" color=\"inhert\" /> : undefined);\n const leftContentRotate = type === 'arrow' && value ? classes.accordionItemShowBody : undefined;\n\n const rightContent = contentRight ?? (type === 'sign' ? <StyledAnimationPLus /> : undefined);\n const rightContentRotate = type === 'sign' && value ? classes.accordionItemShowBody : undefined;\n\n return (\n <StyledAccordionItem\n className={cx(classes.accordionItem, className, disabledClass)}\n key={key}\n style={{ borderRadius: accordionBorderRadius, ...style }}\n >\n <StyledAccordionHeader\n role=\"tab\"\n tabIndex={0}\n onClick={handleOpen}\n aria-expanded={value}\n aria-controls={`accordion-item-section${key}`}\n id={`accordion-item-${key}`}\n >\n <StyledAccordionHeaderLeft>\n {leftContent && (\n <StyledAccordionContentLeft ref={leftContentRef} className={leftContentRotate}>\n {leftContent}\n </StyledAccordionContentLeft>\n )}\n <StyledAccordionTitle>{title}</StyledAccordionTitle>\n </StyledAccordionHeaderLeft>\n\n <StyledAccordionContentRight className={rightContentRotate}>\n {rightContent && rightContent}\n </StyledAccordionContentRight>\n </StyledAccordionHeader>\n <StyledAccordionBodyAnimate\n aria-labelledby={`accordion-item-${key}`}\n aria-hidden={!value}\n id={`accordion-item-section${key}`}\n className={cx(openedBodyClass)}\n style={{ paddingLeft: `${leftPadding}` }}\n >\n <StyledAccordionBody className={classes.accordionItemBody}>{children}</StyledAccordionBody>\n </StyledAccordionBodyAnimate>\n </StyledAccordionItem>\n );\n};\n"],"names":["AccordionItem","_ref","_ref2","value","contentRight","contentLeft","title","_ref$pin","pin","children","_ref$type","type","index","className","style","eventKey","disabled","_ref$alignWithTitle","alignWithTitle","view","onChange","key","_useState","useState","_useState2","_slicedToArray","leftPadding","setLeftPadding","handleOpen","leftContentRef","useRef","useEffect","_leftContentRef$curre","_leftContentRef$curre2","leftContentWidth","current","offsetWidth","leftPaddingBody","concat","tokens","accordionItemGap","openedBodyClass","classes","accordionItemShowBody","undefined","StyledAnimationPLus","React","createElement","StyledPlus","_StyledMinus","StyledMinus","size","color","accordionPlusAnimationElement","accordionBorderRadius","convertRoundnessMatrix","accordionItemBorderRadius","disabledClass","accordionDisabled","leftContent","_StyledArrow","StyledArrow","leftContentRotate","rightContent","rightContentRotate","StyledAccordionItem","cx","accordionItem","_objectSpread","borderRadius","StyledAccordionHeader","role","tabIndex","onClick","id","StyledAccordionHeaderLeft","StyledAccordionContentLeft","ref","StyledAccordionTitle","StyledAccordionContentRight","StyledAccordionBodyAnimate","paddingLeft","StyledAccordionBody","accordionItemBody"],"mappings":"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"}
1
+ {"version":3,"file":"AccordionItem.js","sources":["../../../../../src/components/Accordion/ui/AccordionItem/AccordionItem.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react';\n\nimport { convertRoundnessMatrix } from '../../../../utils/roundness';\nimport { classes, tokens } from '../../Accordion.tokens';\nimport { HTMLAttributesOmitOnChange } from '../../../../engines/types';\n\nimport {\n StyledAccordionItem,\n StyledAccordionHeader,\n StyledAccordionBody,\n StyledAccordionTitle,\n StyledAccordionContentLeft,\n StyledAccordionHeaderLeft,\n StyledAccordionContentRight,\n StyledArrow,\n StyledMinus,\n StyledPlus,\n StyledAccordionBodyAnimate,\n} from './AccordionItem.styles';\nimport type { AccordionItemProps } from './AccordionItem.types';\n\nexport const AccordionItem: React.FC<HTMLAttributesOmitOnChange & AccordionItemProps> = ({\n value,\n contentRight,\n contentLeft,\n title,\n pin = 'square-square',\n children,\n type = 'sign',\n index,\n eventKey,\n disabled,\n onChange,\n}) => {\n const key = eventKey ?? index ?? 0;\n\n const [leftPadding, setLeftPadding] = useState<string | number | null>();\n\n const handleOpen = () => {\n if (disabled) {\n return;\n }\n if (onChange) {\n onChange(key, !value);\n }\n };\n\n const leftContentRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n const leftContentWidth = leftContentRef?.current?.offsetWidth ?? 0;\n const leftPaddingBody = leftContentWidth ? `calc(${leftContentWidth}px + var(${tokens.accordionItemGap}))` : 0;\n setLeftPadding(leftPaddingBody);\n }, [value, type, leftContentRef, setLeftPadding]);\n\n const openedBodyClass = value ? classes.accordionItemShowBody : undefined;\n\n const StyledAnimationPLus = () => (\n <StyledPlus>\n <StyledMinus size=\"xs\" color=\"inhert\" />\n <StyledMinus\n size=\"xs\"\n color=\"inhert\"\n className={openedBodyClass ?? classes.accordionPlusAnimationElement}\n />\n </StyledPlus>\n );\n\n const accordionBorderRadius = convertRoundnessMatrix(pin, `var(${tokens.accordionItemBorderRadius})`, '1.5rem');\n const disabledClass = disabled ? classes.accordionDisabled : '';\n\n const leftContent = contentLeft ?? (type === 'arrow' ? <StyledArrow size=\"xs\" color=\"inhert\" /> : undefined);\n const leftContentRotate = type === 'arrow' && value ? classes.accordionItemShowBody : undefined;\n\n const rightContent = contentRight ?? (type === 'sign' ? <StyledAnimationPLus /> : undefined);\n const rightContentRotate = type === 'sign' && value ? classes.accordionItemShowBody : undefined;\n\n return (\n <StyledAccordionItem\n className={classes.accordionItem}\n key={key}\n style={{ borderRadius: accordionBorderRadius }}\n >\n <StyledAccordionHeader\n role=\"tab\"\n tabIndex={0}\n onClick={handleOpen}\n className={disabledClass}\n aria-expanded={value}\n aria-controls={`accordion-item-section${key}`}\n id={`accordion-item-${key}`}\n >\n <StyledAccordionHeaderLeft>\n {leftContent && (\n <StyledAccordionContentLeft ref={leftContentRef} className={leftContentRotate}>\n {leftContent}\n </StyledAccordionContentLeft>\n )}\n <StyledAccordionTitle>{title}</StyledAccordionTitle>\n </StyledAccordionHeaderLeft>\n\n <StyledAccordionContentRight className={rightContentRotate}>\n {rightContent && rightContent}\n </StyledAccordionContentRight>\n </StyledAccordionHeader>\n <StyledAccordionBodyAnimate\n aria-labelledby={`accordion-item-${key}`}\n aria-hidden={!value}\n id={`accordion-item-section${key}`}\n className={openedBodyClass}\n style={{ paddingLeft: `${leftPadding}` }}\n >\n <StyledAccordionBody>{children}</StyledAccordionBody>\n </StyledAccordionBodyAnimate>\n </StyledAccordionItem>\n );\n};\n"],"names":["AccordionItem","_ref","_ref2","value","contentRight","contentLeft","title","_ref$pin","pin","children","_ref$type","type","index","eventKey","disabled","onChange","key","_useState","useState","_useState2","_slicedToArray","leftPadding","setLeftPadding","handleOpen","leftContentRef","useRef","useEffect","_leftContentRef$curre","_leftContentRef$curre2","leftContentWidth","current","offsetWidth","leftPaddingBody","concat","tokens","accordionItemGap","openedBodyClass","classes","accordionItemShowBody","undefined","StyledAnimationPLus","React","createElement","StyledPlus","_StyledMinus","StyledMinus","size","color","className","accordionPlusAnimationElement","accordionBorderRadius","convertRoundnessMatrix","accordionItemBorderRadius","disabledClass","accordionDisabled","leftContent","_StyledArrow","StyledArrow","leftContentRotate","rightContent","rightContentRotate","StyledAccordionItem","accordionItem","style","borderRadius","StyledAccordionHeader","role","tabIndex","onClick","id","StyledAccordionHeaderLeft","StyledAccordionContentLeft","ref","StyledAccordionTitle","StyledAccordionContentRight","StyledAccordionBodyAnimate","paddingLeft","StyledAccordionBody"],"mappings":"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"}
@@ -8,10 +8,10 @@ import { addFocus } from '../../../../mixins/addFocus.js';
8
8
 
9
9
  var StyledAccordionItem = /*#__PURE__*/styled.div.withConfig({
10
10
  componentId: "plasma-new-hope__sc-iot32d-0"
11
- })(["background:var(", ");border:var(", ");border-bottom:var(", ");&:last-child{border-bottom:var(", ");}&.", "{opacity:0.4;cursor:not-allowed;}"], tokens.accordionItemBackground, tokens.accordionItemBorder, tokens.accordionItemBorderBottom, tokens.accordionItemBorder, classes.accordionDisabled);
11
+ })(["background:var(", ");border-bottom:var(", ");&:last-child{border-bottom:none;}"], tokens.accordionItemBackground, tokens.accordionItemBorderBottom);
12
12
  var StyledAccordionHeader = /*#__PURE__*/styled.button.withConfig({
13
13
  componentId: "plasma-new-hope__sc-iot32d-1"
14
- })(["width:100%;border:none;padding:var(", ");display:flex;gap:var(", ");justify-content:space-between;align-items:center;background:none;box-sizing:border-box;cursor:pointer;&:focus{outline:none;}", ""], tokens.accordionItemPadding, tokens.accordionItemGap, /*#__PURE__*/addFocus({
14
+ })(["width:100%;border:none;padding:var(", ");display:flex;gap:var(", ");justify-content:space-between;align-items:center;background:none;box-sizing:border-box;cursor:pointer;&.", "{opacity:0.4;cursor:not-allowed;}&:focus{outline:none;}", ""], tokens.accordionItemPadding, tokens.accordionItemGap, classes.accordionDisabled, /*#__PURE__*/addFocus({
15
15
  outlineOffset: '0.125rem',
16
16
  outlineSize: '0.125rem',
17
17
  outlineRadius: '0',
@@ -28,13 +28,13 @@ var StyledAccordionContentLeft = /*#__PURE__*/styled.div.withConfig({
28
28
  })(["transition:0.2s;display:flex;align-items:center;&.", "{transition:0.2s;transform:rotate(180deg);}"], classes.accordionItemShowBody);
29
29
  var StyledAccordionTitle = /*#__PURE__*/styled.div.withConfig({
30
30
  componentId: "plasma-new-hope__sc-iot32d-5"
31
- })(["color:var(", ");font-family:var(", ");font-size:var(", ");font-weight:var(", ");font-style:var(", ");letter-spacing:var(", ");line-height:var(", ");text-align:left;"], tokens.accordionItemTitleColor, tokens.accordionItemTitleFontFamily, tokens.accordionItemTitleFontSize, tokens.accordionItemTitleFontWeight, tokens.accordionItemTitleFontStyle, tokens.accordionItemTitleLetterSpacing, tokens.accordionItemTitleLineHeight);
31
+ })(["color:var(", ");font-family:var(", ");font-size:var(", ");font-weight:var(", ");font-style:var(", ");letter-spacing:var(", ");line-height:var(", ");"], tokens.accordionItemTitleColor, tokens.accordionItemTitleFontFamily, tokens.accordionItemTitleFontSize, tokens.accordionItemTitleFontWeight, tokens.accordionItemTitleFontStyle, tokens.accordionItemTitleLetterSpacing, tokens.accordionItemTitleLineHeight);
32
32
  var StyledAccordionBodyAnimate = /*#__PURE__*/styled.div.withConfig({
33
33
  componentId: "plasma-new-hope__sc-iot32d-6"
34
34
  })(["display:grid;grid-template-rows:0fr;transition:grid-template-rows 0.2s ease-out;overflow:hidden;&.", "{grid-template-rows:1fr;padding-bottom:var(", ");&.", "{transition:0.2s;transform:rotate(0deg);}}"], classes.accordionItemShowBody, tokens.accordionItemPaddingVertical, classes.accordionPlusAnimationElement);
35
35
  var StyledAccordionBody = /*#__PURE__*/styled.div.withConfig({
36
36
  componentId: "plasma-new-hope__sc-iot32d-7"
37
- })(["color:var(", ");font-family:var(", ");font-size:var(", ");font-weight:var(", ");font-style:var(", ");letter-spacing:var(", ");line-height:var(", ");overflow:hidden;padding-right:var(", ");padding-left:var(", ");text-align:left;"], tokens.accordionItemTextColor, tokens.accordionItemTextFontFamily, tokens.accordionItemTextFontSize, tokens.accordionItemTextFontWeight, tokens.accordionItemTextFontStyle, tokens.accordionItemTextLetterSpacing, tokens.accordionItemTextLineHeight, tokens.accordionItemPaddingHorizontal, tokens.accordionItemPaddingHorizontalLeft);
37
+ })(["color:var(", ");font-family:var(", ");font-size:var(", ");font-weight:var(", ");font-style:var(", ");letter-spacing:var(", ");line-height:var(", ");overflow:hidden;padding-right:var(", ");padding-left:var(", ");"], tokens.accordionItemTextColor, tokens.accordionItemTextFontFamily, tokens.accordionItemTextFontSize, tokens.accordionItemTextFontWeight, tokens.accordionItemTextFontStyle, tokens.accordionItemTextLetterSpacing, tokens.accordionItemTextLineHeight, tokens.accordionItemPaddingHorizontal, tokens.accordionItemPaddingHorizontal);
38
38
  var StyledArrow = /*#__PURE__*/styled(IconChevronDownFill).withConfig({
39
39
  componentId: "plasma-new-hope__sc-iot32d-8"
40
40
  })(["pointer-events:none;user-select:none;color:var(", ");"], tokens.accordionItemTextColor);
@@ -1 +1 @@
1
- {"version":3,"file":"AccordionItem.styles.js","sources":["../../../../../src/components/Accordion/ui/AccordionItem/AccordionItem.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { IconChevronDownFill, IconMinus } from '../../../_Icon';\nimport { classes, tokens } from '../../Accordion.tokens';\nimport { addFocus } from '../../../../mixins';\n\nexport const StyledAccordionItem = styled.div`\n background: var(${tokens.accordionItemBackground});\n border: var(${tokens.accordionItemBorder});\n border-bottom: var(${tokens.accordionItemBorderBottom});\n\n &:last-child {\n border-bottom: var(${tokens.accordionItemBorder});\n }\n\n &.${classes.accordionDisabled} {\n opacity: 0.4;\n cursor: not-allowed;\n }\n`;\n\nexport const StyledAccordionHeader = styled.button`\n width: 100%;\n border: none;\n padding: var(${tokens.accordionItemPadding});\n display: flex;\n gap: var(${tokens.accordionItemGap});\n justify-content: space-between;\n align-items: center;\n background: none;\n box-sizing: border-box;\n cursor: pointer;\n\n &:focus {\n outline: none;\n }\n\n ${addFocus({\n outlineOffset: '0.125rem',\n outlineSize: '0.125rem',\n outlineRadius: '0',\n outlineColor: `var(${tokens.accordionItemFocus})`,\n })}\n`;\n\nexport const StyledAccordionHeaderLeft = styled.div`\n display: flex;\n gap: var(${tokens.accordionItemGap});\n justify-content: space-between;\n align-items: center;\n`;\n\nexport const StyledAccordionContentRight = styled.div`\n transition: 0.2s;\n transform: rotate(90deg);\n\n &.${classes.accordionItemShowBody} {\n transition: 0.2s;\n transform: rotate(0deg);\n }\n`;\n\nexport const StyledAccordionContentLeft = styled.div`\n transition: 0.2s;\n display: flex;\n align-items: center;\n\n &.${classes.accordionItemShowBody} {\n transition: 0.2s;\n transform: rotate(180deg);\n }\n`;\n\nexport const StyledAccordionTitle = styled.div`\n color: var(${tokens.accordionItemTitleColor});\n font-family: var(${tokens.accordionItemTitleFontFamily});\n font-size: var(${tokens.accordionItemTitleFontSize});\n font-weight: var(${tokens.accordionItemTitleFontWeight});\n font-style: var(${tokens.accordionItemTitleFontStyle});\n letter-spacing: var(${tokens.accordionItemTitleLetterSpacing});\n line-height: var(${tokens.accordionItemTitleLineHeight});\n text-align: left;\n`;\n\nexport const StyledAccordionBodyAnimate = styled.div`\n display: grid;\n grid-template-rows: 0fr;\n transition: grid-template-rows 0.2s ease-out;\n overflow: hidden;\n\n &.${classes.accordionItemShowBody} {\n grid-template-rows: 1fr;\n padding-bottom: var(${tokens.accordionItemPaddingVertical});\n\n &.${classes.accordionPlusAnimationElement} {\n transition: 0.2s;\n transform: rotate(0deg);\n }\n }\n`;\n\nexport const StyledAccordionBody = styled.div`\n color: var(${tokens.accordionItemTextColor});\n font-family: var(${tokens.accordionItemTextFontFamily});\n font-size: var(${tokens.accordionItemTextFontSize});\n font-weight: var(${tokens.accordionItemTextFontWeight});\n font-style: var(${tokens.accordionItemTextFontStyle});\n letter-spacing: var(${tokens.accordionItemTextLetterSpacing});\n line-height: var(${tokens.accordionItemTextLineHeight});\n overflow: hidden;\n padding-right: var(${tokens.accordionItemPaddingHorizontal});\n padding-left: var(${tokens.accordionItemPaddingHorizontalLeft});\n text-align: left;\n`;\n\nexport const StyledArrow = styled(IconChevronDownFill)`\n pointer-events: none;\n user-select: none;\n color: var(${tokens.accordionItemTextColor});\n`;\n\nexport const StyledMinus = styled(IconMinus)`\n pointer-events: none;\n user-select: none;\n color: var(${tokens.accordionItemTextColor});\n display: flex;\n align-items: center;\n position: absolute;\n top: 0;\n left: 0;\n\n &.${classes.accordionPlusAnimationElement} {\n transition: 0.2s;\n transform: rotate(90deg);\n }\n\n &.${classes.accordionItemShowBody} {\n transition: 0.2s;\n transform: rotate(0deg);\n }\n`;\n\nexport const StyledPlus = styled.div`\n position: relative;\n height: 1rem;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 1rem;\n`;\n"],"names":["StyledAccordionItem","styled","div","withConfig","componentId","tokens","accordionItemBackground","accordionItemBorder","accordionItemBorderBottom","classes","accordionDisabled","StyledAccordionHeader","button","accordionItemPadding","accordionItemGap","addFocus","outlineOffset","outlineSize","outlineRadius","outlineColor","concat","accordionItemFocus","StyledAccordionHeaderLeft","StyledAccordionContentRight","accordionItemShowBody","StyledAccordionContentLeft","StyledAccordionTitle","accordionItemTitleColor","accordionItemTitleFontFamily","accordionItemTitleFontSize","accordionItemTitleFontWeight","accordionItemTitleFontStyle","accordionItemTitleLetterSpacing","accordionItemTitleLineHeight","StyledAccordionBodyAnimate","accordionItemPaddingVertical","accordionPlusAnimationElement","StyledAccordionBody","accordionItemTextColor","accordionItemTextFontFamily","accordionItemTextFontSize","accordionItemTextFontWeight","accordionItemTextFontStyle","accordionItemTextLetterSpacing","accordionItemTextLineHeight","accordionItemPaddingHorizontal","accordionItemPaddingHorizontalLeft","StyledArrow","IconChevronDownFill","StyledMinus","IconMinus","StyledPlus"],"mappings":";;;;;;;;IAMaA,mBAAmB,gBAAGC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAAA,CAAA,CAAA,CAAA,iBAAA,EAAA,eAAA,EAAA,sBAAA,EAAA,mCAAA,EAAA,OAAA,EAAA,mCAAA,CAAA,EACvBC,MAAM,CAACC,uBAAuB,EAClCD,MAAM,CAACE,mBAAmB,EACnBF,MAAM,CAACG,yBAAyB,EAG5BH,MAAM,CAACE,mBAAmB,EAG/CE,OAAO,CAACC,iBAAiB,EAIhC;IAEYC,qBAAqB,gBAAGV,MAAM,CAACW,MAAM,CAAAT,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAG/BC,CAAAA,CAAAA,CAAAA,qCAAAA,EAAAA,yBAAAA,EAAAA,gIAAAA,EAAAA,EAAAA,CAAAA,EAAAA,MAAM,CAACQ,oBAAoB,EAE/BR,MAAM,CAACS,gBAAgB,eAWhCC,QAAQ,CAAC;AACPC,EAAAA,aAAa,EAAE,UAAU;AACzBC,EAAAA,WAAW,EAAE,UAAU;AACvBC,EAAAA,aAAa,EAAE,GAAG;AAClBC,EAAAA,YAAY,eAAAC,MAAAA,CAAAA,MAAA,CAASf,MAAM,CAACgB,kBAAkB,EAAA,GAAA,CAAA;AAClD,CAAC,CAAC,EACL;IAEYC,yBAAyB,gBAAGrB,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAEpCC,CAAAA,CAAAA,CAAAA,uBAAAA,EAAAA,qDAAAA,CAAAA,EAAAA,MAAM,CAACS,gBAAgB,EAGrC;IAEYS,2BAA2B,gBAAGtB,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAI7CK,CAAAA,CAAAA,CAAAA,4CAAAA,EAAAA,2CAAAA,CAAAA,EAAAA,OAAO,CAACe,qBAAqB,EAIpC;IAEYC,0BAA0B,gBAAGxB,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAK5CK,CAAAA,CAAAA,CAAAA,oDAAAA,EAAAA,6CAAAA,CAAAA,EAAAA,OAAO,CAACe,qBAAqB,EAIpC;IAEYE,oBAAoB,gBAAGzB,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAC7BC,CAAAA,CAAAA,CAAAA,YAAAA,EAAAA,oBAAAA,EAAAA,kBAAAA,EAAAA,oBAAAA,EAAAA,mBAAAA,EAAAA,uBAAAA,EAAAA,oBAAAA,EAAAA,oBAAAA,CAAAA,EAAAA,MAAM,CAACsB,uBAAuB,EACxBtB,MAAM,CAACuB,4BAA4B,EACrCvB,MAAM,CAACwB,0BAA0B,EAC/BxB,MAAM,CAACyB,4BAA4B,EACpCzB,MAAM,CAAC0B,2BAA2B,EAC9B1B,MAAM,CAAC2B,+BAA+B,EACzC3B,MAAM,CAAC4B,4BAA4B,EAEzD;IAEYC,0BAA0B,gBAAGjC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAM5CK,CAAAA,CAAAA,CAAAA,oGAAAA,EAAAA,6CAAAA,EAAAA,MAAAA,EAAAA,4CAAAA,CAAAA,EAAAA,OAAO,CAACe,qBAAqB,EAEPnB,MAAM,CAAC8B,4BAA4B,EAErD1B,OAAO,CAAC2B,6BAA6B,EAKhD;IAEYC,mBAAmB,gBAAGpC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAAA,CAAA,CAAA,CAAA,YAAA,EAAA,oBAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,mBAAA,EAAA,uBAAA,EAAA,oBAAA,EAAA,sCAAA,EAAA,qBAAA,EAAA,oBAAA,CAAA,EAC5BC,MAAM,CAACiC,sBAAsB,EACvBjC,MAAM,CAACkC,2BAA2B,EACpClC,MAAM,CAACmC,yBAAyB,EAC9BnC,MAAM,CAACoC,2BAA2B,EACnCpC,MAAM,CAACqC,0BAA0B,EAC7BrC,MAAM,CAACsC,8BAA8B,EACxCtC,MAAM,CAACuC,2BAA2B,EAEhCvC,MAAM,CAACwC,8BAA8B,EACtCxC,MAAM,CAACyC,kCAAkC,EAEhE;AAEM,IAAMC,WAAW,gBAAG9C,MAAM,CAAC+C,mBAAmB,CAAC,CAAA7C,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAGrCC,CAAAA,CAAAA,CAAAA,iDAAAA,EAAAA,IAAAA,CAAAA,EAAAA,MAAM,CAACiC,sBAAsB,EAC7C;AAEM,IAAMW,WAAW,gBAAGhD,MAAM,CAACiD,SAAS,CAAC,CAAA/C,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAG3BC,CAAAA,CAAAA,CAAAA,iDAAAA,EAAAA,qEAAAA,EAAAA,8CAAAA,EAAAA,2CAAAA,CAAAA,EAAAA,MAAM,CAACiC,sBAAsB,EAOtC7B,OAAO,CAAC2B,6BAA6B,EAKrC3B,OAAO,CAACe,qBAAqB,EAIpC;IAEY2B,UAAU,gBAAGlD,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,+BAAA;AAAA,CAOnC,CAAA,CAAA,CAAA,kGAAA,CAAA;;;;"}
1
+ {"version":3,"file":"AccordionItem.styles.js","sources":["../../../../../src/components/Accordion/ui/AccordionItem/AccordionItem.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { IconChevronDownFill, IconMinus } from '../../../_Icon';\nimport { classes, tokens } from '../../Accordion.tokens';\nimport { addFocus } from '../../../../mixins';\n\nexport const StyledAccordionItem = styled.div`\n background: var(${tokens.accordionItemBackground});\n border-bottom: var(${tokens.accordionItemBorderBottom});\n\n &:last-child {\n border-bottom: none;\n }\n`;\n\nexport const StyledAccordionHeader = styled.button`\n width: 100%;\n border: none;\n padding: var(${tokens.accordionItemPadding});\n display: flex;\n gap: var(${tokens.accordionItemGap});\n justify-content: space-between;\n align-items: center;\n background: none;\n box-sizing: border-box;\n cursor: pointer;\n\n &.${classes.accordionDisabled} {\n opacity: 0.4;\n cursor: not-allowed;\n }\n\n &:focus {\n outline: none;\n }\n\n ${addFocus({\n outlineOffset: '0.125rem',\n outlineSize: '0.125rem',\n outlineRadius: '0',\n outlineColor: `var(${tokens.accordionItemFocus})`,\n })}\n`;\n\nexport const StyledAccordionHeaderLeft = styled.div`\n display: flex;\n gap: var(${tokens.accordionItemGap});\n justify-content: space-between;\n align-items: center;\n`;\n\nexport const StyledAccordionContentRight = styled.div`\n transition: 0.2s;\n transform: rotate(90deg);\n\n &.${classes.accordionItemShowBody} {\n transition: 0.2s;\n transform: rotate(0deg);\n }\n`;\n\nexport const StyledAccordionContentLeft = styled.div`\n transition: 0.2s;\n display: flex;\n align-items: center;\n\n &.${classes.accordionItemShowBody} {\n transition: 0.2s;\n transform: rotate(180deg);\n }\n`;\n\nexport const StyledAccordionTitle = styled.div`\n color: var(${tokens.accordionItemTitleColor});\n font-family: var(${tokens.accordionItemTitleFontFamily});\n font-size: var(${tokens.accordionItemTitleFontSize});\n font-weight: var(${tokens.accordionItemTitleFontWeight});\n font-style: var(${tokens.accordionItemTitleFontStyle});\n letter-spacing: var(${tokens.accordionItemTitleLetterSpacing});\n line-height: var(${tokens.accordionItemTitleLineHeight});\n`;\n\nexport const StyledAccordionBodyAnimate = styled.div`\n display: grid;\n grid-template-rows: 0fr;\n transition: grid-template-rows 0.2s ease-out;\n overflow: hidden;\n\n &.${classes.accordionItemShowBody} {\n grid-template-rows: 1fr;\n padding-bottom: var(${tokens.accordionItemPaddingVertical});\n\n &.${classes.accordionPlusAnimationElement} {\n transition: 0.2s;\n transform: rotate(0deg);\n }\n }\n`;\n\nexport const StyledAccordionBody = styled.div`\n color: var(${tokens.accordionItemTextColor});\n font-family: var(${tokens.accordionItemTextFontFamily});\n font-size: var(${tokens.accordionItemTextFontSize});\n font-weight: var(${tokens.accordionItemTextFontWeight});\n font-style: var(${tokens.accordionItemTextFontStyle});\n letter-spacing: var(${tokens.accordionItemTextLetterSpacing});\n line-height: var(${tokens.accordionItemTextLineHeight});\n overflow: hidden;\n padding-right: var(${tokens.accordionItemPaddingHorizontal});\n padding-left: var(${tokens.accordionItemPaddingHorizontal});\n`;\n\nexport const StyledArrow = styled(IconChevronDownFill)`\n pointer-events: none;\n user-select: none;\n color: var(${tokens.accordionItemTextColor});\n`;\n\nexport const StyledMinus = styled(IconMinus)`\n pointer-events: none;\n user-select: none;\n color: var(${tokens.accordionItemTextColor});\n display: flex;\n align-items: center;\n position: absolute;\n top: 0;\n left: 0;\n\n &.${classes.accordionPlusAnimationElement} {\n transition: 0.2s;\n transform: rotate(90deg);\n }\n\n &.${classes.accordionItemShowBody} {\n transition: 0.2s;\n transform: rotate(0deg);\n }\n`;\n\nexport const StyledPlus = styled.div`\n position: relative;\n height: 1rem;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 1rem;\n`;\n"],"names":["StyledAccordionItem","styled","div","withConfig","componentId","tokens","accordionItemBackground","accordionItemBorderBottom","StyledAccordionHeader","button","accordionItemPadding","accordionItemGap","classes","accordionDisabled","addFocus","outlineOffset","outlineSize","outlineRadius","outlineColor","concat","accordionItemFocus","StyledAccordionHeaderLeft","StyledAccordionContentRight","accordionItemShowBody","StyledAccordionContentLeft","StyledAccordionTitle","accordionItemTitleColor","accordionItemTitleFontFamily","accordionItemTitleFontSize","accordionItemTitleFontWeight","accordionItemTitleFontStyle","accordionItemTitleLetterSpacing","accordionItemTitleLineHeight","StyledAccordionBodyAnimate","accordionItemPaddingVertical","accordionPlusAnimationElement","StyledAccordionBody","accordionItemTextColor","accordionItemTextFontFamily","accordionItemTextFontSize","accordionItemTextFontWeight","accordionItemTextFontStyle","accordionItemTextLetterSpacing","accordionItemTextLineHeight","accordionItemPaddingHorizontal","StyledArrow","IconChevronDownFill","StyledMinus","IconMinus","StyledPlus"],"mappings":"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"}
@@ -1,6 +1,6 @@
1
1
  import { Children, isValidElement, cloneElement } from 'react';
2
2
 
3
- var updatePropsRecursively = function updatePropsRecursively(children, activeIndex, view, disabled, updateValue) {
3
+ var updatePropsRecursively = function updatePropsRecursively(children, activeIndex, disabled, updateValue) {
4
4
  return Children.map(children || [], function (child, index) {
5
5
  if (! /*#__PURE__*/isValidElement(child)) {
6
6
  return child;
@@ -11,15 +11,14 @@ var updatePropsRecursively = function updatePropsRecursively(children, activeInd
11
11
  var _child$props$eventKey;
12
12
  return i === ((_child$props$eventKey = child.props.eventKey) !== null && _child$props$eventKey !== void 0 ? _child$props$eventKey : index);
13
13
  })) !== -1),
14
- view: view,
15
14
  disabled: disabled,
16
15
  onChange: updateValue
17
16
  };
18
17
  return /*#__PURE__*/cloneElement(child, props);
19
18
  });
20
19
  };
21
- var getChildren = function getChildren(children, activeIndex, view, disabled, updateValue) {
22
- return updatePropsRecursively(children, activeIndex, view, disabled, updateValue);
20
+ var getChildren = function getChildren(children, activeIndex, disabled, updateValue) {
21
+ return updatePropsRecursively(children, activeIndex, disabled, updateValue);
23
22
  };
24
23
 
25
24
  export { getChildren, updatePropsRecursively };
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../../src/components/Accordion/utils/index.ts"],"sourcesContent":["import { Children, ReactElement, ReactNode, cloneElement, isValidElement } from 'react';\n\nimport { AccordionItemProps } from '../ui/AccordionItem/AccordionItem.types';\n\nexport const updatePropsRecursively = (\n children?: ReactElement<AccordionItemProps>[],\n activeIndex?: number[],\n view?: string,\n disabled?: boolean,\n updateValue?: (index: number, value?: boolean) => void,\n): ReactNode[] =>\n Children.map(children || [], (child, index) => {\n if (!isValidElement(child)) {\n return child;\n }\n\n const props = {\n index,\n value: !!(activeIndex?.findIndex((i: number) => i === (child.props.eventKey ?? index)) !== -1),\n view,\n disabled,\n onChange: updateValue,\n };\n\n return cloneElement(child, props);\n });\n\nexport const getChildren = (\n children: ReactElement<AccordionItemProps>[],\n activeIndex?: number[],\n view?: string,\n disabled?: boolean,\n updateValue?: (index: number, value?: boolean) => void,\n) => {\n return updatePropsRecursively(children, activeIndex, view, disabled, updateValue);\n};\n"],"names":["updatePropsRecursively","children","activeIndex","view","disabled","updateValue","Children","map","child","index","isValidElement","props","value","findIndex","i","_child$props$eventKey","eventKey","onChange","cloneElement","getChildren"],"mappings":";;AAIaA,IAAAA,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAC/BC,QAA6C,EAC7CC,WAAsB,EACtBC,IAAa,EACbC,QAAkB,EAClBC,WAAsD,EAAA;AAAA,EAAA,OAEtDC,QAAQ,CAACC,GAAG,CAACN,QAAQ,IAAI,EAAE,EAAE,UAACO,KAAK,EAAEC,KAAK,EAAK;AAC3C,IAAA,IAAI,eAACC,cAAc,CAACF,KAAK,CAAC,EAAE;AACxB,MAAA,OAAOA,KAAK,CAAA;AAChB,KAAA;AAEA,IAAA,IAAMG,KAAK,GAAG;AACVF,MAAAA,KAAK,EAALA,KAAK;AACLG,MAAAA,KAAK,EAAE,CAAC,EAAE,CAAAV,WAAW,KAAA,IAAA,IAAXA,WAAW,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAXA,WAAW,CAAEW,SAAS,CAAC,UAACC,CAAS,EAAA;AAAA,QAAA,IAAAC,qBAAA,CAAA;AAAA,QAAA,OAAKD,CAAC,MAAA,CAAAC,qBAAA,GAAMP,KAAK,CAACG,KAAK,CAACK,QAAQ,cAAAD,qBAAA,KAAA,KAAA,CAAA,GAAAA,qBAAA,GAAIN,KAAK,CAAC,CAAA;OAAC,CAAA,MAAK,CAAC,CAAC,CAAC;AAC9FN,MAAAA,IAAI,EAAJA,IAAI;AACJC,MAAAA,QAAQ,EAARA,QAAQ;AACRa,MAAAA,QAAQ,EAAEZ,WAAAA;KACb,CAAA;AAED,IAAA,oBAAOa,YAAY,CAACV,KAAK,EAAEG,KAAK,CAAC,CAAA;AACrC,GAAC,CAAC,CAAA;AAAA,EAAA;AAEOQ,IAAAA,WAAW,GAAG,SAAdA,WAAWA,CACpBlB,QAA4C,EAC5CC,WAAsB,EACtBC,IAAa,EACbC,QAAkB,EAClBC,WAAsD,EACrD;EACD,OAAOL,sBAAsB,CAACC,QAAQ,EAAEC,WAAW,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,WAAW,CAAC,CAAA;AACrF;;;;"}
1
+ {"version":3,"file":"index.js","sources":["../../../../src/components/Accordion/utils/index.ts"],"sourcesContent":["import { Children, ReactElement, ReactNode, cloneElement, isValidElement } from 'react';\n\nimport { AccordionItemProps } from '../ui/AccordionItem/AccordionItem.types';\n\nexport const updatePropsRecursively = (\n children?: ReactElement<AccordionItemProps>[],\n activeIndex?: number[],\n disabled?: boolean,\n updateValue?: (index: number, value?: boolean) => void,\n): ReactNode[] =>\n Children.map(children || [], (child, index) => {\n if (!isValidElement(child)) {\n return child;\n }\n\n const props = {\n index,\n value: !!(activeIndex?.findIndex((i: number) => i === (child.props.eventKey ?? index)) !== -1),\n disabled,\n onChange: updateValue,\n };\n\n return cloneElement(child, props);\n });\n\nexport const getChildren = (\n children: ReactElement<AccordionItemProps>[],\n activeIndex?: number[],\n disabled?: boolean,\n updateValue?: (index: number, value?: boolean) => void,\n) => {\n return updatePropsRecursively(children, activeIndex, disabled, updateValue);\n};\n"],"names":["updatePropsRecursively","children","activeIndex","disabled","updateValue","Children","map","child","index","isValidElement","props","value","findIndex","i","_child$props$eventKey","eventKey","onChange","cloneElement","getChildren"],"mappings":";;AAIaA,IAAAA,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAC/BC,QAA6C,EAC7CC,WAAsB,EACtBC,QAAkB,EAClBC,WAAsD,EAAA;AAAA,EAAA,OAEtDC,QAAQ,CAACC,GAAG,CAACL,QAAQ,IAAI,EAAE,EAAE,UAACM,KAAK,EAAEC,KAAK,EAAK;AAC3C,IAAA,IAAI,eAACC,cAAc,CAACF,KAAK,CAAC,EAAE;AACxB,MAAA,OAAOA,KAAK,CAAA;AAChB,KAAA;AAEA,IAAA,IAAMG,KAAK,GAAG;AACVF,MAAAA,KAAK,EAALA,KAAK;AACLG,MAAAA,KAAK,EAAE,CAAC,EAAE,CAAAT,WAAW,KAAA,IAAA,IAAXA,WAAW,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAXA,WAAW,CAAEU,SAAS,CAAC,UAACC,CAAS,EAAA;AAAA,QAAA,IAAAC,qBAAA,CAAA;AAAA,QAAA,OAAKD,CAAC,MAAA,CAAAC,qBAAA,GAAMP,KAAK,CAACG,KAAK,CAACK,QAAQ,cAAAD,qBAAA,KAAA,KAAA,CAAA,GAAAA,qBAAA,GAAIN,KAAK,CAAC,CAAA;OAAC,CAAA,MAAK,CAAC,CAAC,CAAC;AAC9FL,MAAAA,QAAQ,EAARA,QAAQ;AACRa,MAAAA,QAAQ,EAAEZ,WAAAA;KACb,CAAA;AAED,IAAA,oBAAOa,YAAY,CAACV,KAAK,EAAEG,KAAK,CAAC,CAAA;AACrC,GAAC,CAAC,CAAA;AAAA,EAAA;AAEOQ,IAAAA,WAAW,GAAG,SAAdA,WAAWA,CACpBjB,QAA4C,EAC5CC,WAAsB,EACtBC,QAAkB,EAClBC,WAAsD,EACrD;EACD,OAAOJ,sBAAsB,CAACC,QAAQ,EAAEC,WAAW,EAAEC,QAAQ,EAAEC,WAAW,CAAC,CAAA;AAC/E;;;;"}
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import ReactDOM from 'react-dom';
3
3
 
4
- /*
4
+ /**
5
5
  * Вспомогательный компонент. Используется в Popup, Popover.
6
6
  * Представляет собой ReactDOM.createPortal() в форме компонента.
7
7
  */
@@ -1 +1 @@
1
- {"version":3,"file":"Portal.js","sources":["../../../src/components/Portal/Portal.tsx"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport { PortalProps } from './Portal.types';\n\n/*\n * Вспомогательный компонент. Используется в Popup, Popover.\n * Представляет собой ReactDOM.createPortal() в форме компонента.\n */\nexport const Portal = ({ children, container, disabled = false }: PortalProps) => {\n const portalContainer = typeof container === 'function' ? container() : container;\n\n return (\n <>\n {disabled && children}\n {!disabled && ReactDOM.createPortal(children, portalContainer)}\n </>\n );\n};\n"],"names":["Portal","_ref","children","container","_ref$disabled","disabled","portalContainer","React","createElement","Fragment","ReactDOM","createPortal"],"mappings":";;;AAKA;AACA;AACA;AACA;IACaA,MAAM,GAAG,SAATA,MAAMA,CAAAC,IAAA,EAA+D;AAAA,EAAA,IAAzDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS;IAAAC,aAAA,GAAAH,IAAA,CAAEI,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA,CAAA;EAC1D,IAAME,eAAe,GAAG,OAAOH,SAAS,KAAK,UAAU,GAAGA,SAAS,EAAE,GAAGA,SAAS,CAAA;EAEjF,oBACII,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EACKJ,IAAAA,EAAAA,QAAQ,IAAIH,QAAQ,EACpB,CAACG,QAAQ,iBAAIK,QAAQ,CAACC,YAAY,CAACT,QAAQ,EAAEI,eAAe,CAC/D,CAAC,CAAA;AAEX;;;;"}
1
+ {"version":3,"file":"Portal.js","sources":["../../../src/components/Portal/Portal.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport ReactDOM from 'react-dom';\n\nimport { PortalProps } from './Portal.types';\n\n/**\n * Вспомогательный компонент. Используется в Popup, Popover.\n * Представляет собой ReactDOM.createPortal() в форме компонента.\n */\nexport const Portal: FC<PortalProps> = ({ children, container, disabled = false }) => {\n const portalContainer = typeof container === 'function' ? container() : container;\n\n return (\n <>\n {disabled && children}\n {!disabled && ReactDOM.createPortal(children, portalContainer)}\n </>\n );\n};\n"],"names":["Portal","_ref","children","container","_ref$disabled","disabled","portalContainer","React","createElement","Fragment","ReactDOM","createPortal"],"mappings":";;;AAKA;AACA;AACA;AACA;IACaA,MAAuB,GAAG,SAA1BA,MAAuBA,CAAAC,IAAA,EAAkD;AAAA,EAAA,IAA5CC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS;IAAAC,aAAA,GAAAH,IAAA,CAAEI,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA,CAAA;EAC3E,IAAME,eAAe,GAAG,OAAOH,SAAS,KAAK,UAAU,GAAGA,SAAS,EAAE,GAAGA,SAAS,CAAA;EAEjF,oBACII,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EACKJ,IAAAA,EAAAA,QAAQ,IAAIH,QAAQ,EACpB,CAACG,QAAQ,iBAAIK,QAAQ,CAACC,YAAY,CAACT,QAAQ,EAAEI,eAAe,CAC/D,CAAC,CAAA;AAEX;;;;"}
@@ -0,0 +1,2 @@
1
+ .Price_styles_15b4mp1_bvvzdh4__4d09fd16.Price_styles_15b4mp1_stroked__4d09fd16{-webkit-text-decoration:line-through;text-decoration:line-through;}
2
+ .Price_styles_15b4mp1_sqvsx17__4d09fd16{padding-left:0.25rem;}
@@ -0,0 +1,60 @@
1
+ import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
2
+ import React, { forwardRef } from 'react';
3
+ import { cx } from '../../utils/index.js';
4
+ import { formatCurrency } from './utils/formatCurrency.js';
5
+ import { StyledPeriodicity, base } from './Price.styles.js';
6
+ import { base as base$1 } from './variations/_view/base.js';
7
+ import { classes } from './Price.tokens.js';
8
+
9
+ var _excluded = ["children", "locale", "currency", "minimumFractionDigits", "stroked", "periodicity", "view", "className", "stroke"];
10
+
11
+ /**
12
+ * Компонент для отображения цены / стоимости / суммы.
13
+ */
14
+ var priceRoot = function priceRoot(Root) {
15
+ return /*#__PURE__*/forwardRef(function (_ref, outerRootRef) {
16
+ var children = _ref.children,
17
+ _ref$locale = _ref.locale,
18
+ locale = _ref$locale === void 0 ? 'ru' : _ref$locale,
19
+ _ref$currency = _ref.currency,
20
+ currency = _ref$currency === void 0 ? 'rub' : _ref$currency,
21
+ _ref$minimumFractionD = _ref.minimumFractionDigits,
22
+ minimumFractionDigits = _ref$minimumFractionD === void 0 ? 0 : _ref$minimumFractionD,
23
+ _ref$stroked = _ref.stroked,
24
+ stroked = _ref$stroked === void 0 ? false : _ref$stroked,
25
+ periodicity = _ref.periodicity,
26
+ view = _ref.view,
27
+ className = _ref.className,
28
+ _ref$stroke = _ref.stroke,
29
+ stroke = _ref$stroke === void 0 ? false : _ref$stroke,
30
+ rest = _objectWithoutProperties(_ref, _excluded);
31
+ var strokedClass = stroked || stroke ? classes.stroked : undefined;
32
+ return /*#__PURE__*/React.createElement(Root, _extends({
33
+ view: view,
34
+ ref: outerRootRef,
35
+ className: cx(strokedClass, className)
36
+ }, rest), formatCurrency({
37
+ value: children,
38
+ locale: locale,
39
+ currency: currency,
40
+ minimumFractionDigits: minimumFractionDigits
41
+ }), periodicity && /*#__PURE__*/React.createElement(StyledPeriodicity, null, periodicity));
42
+ });
43
+ };
44
+ var priceConfig = {
45
+ name: 'Price',
46
+ tag: 'span',
47
+ layout: priceRoot,
48
+ base: base,
49
+ variations: {
50
+ view: {
51
+ css: base$1
52
+ }
53
+ },
54
+ defaults: {
55
+ view: 'default'
56
+ }
57
+ };
58
+
59
+ export { priceConfig, priceRoot };
60
+ //# sourceMappingURL=Price.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Price.js","sources":["../../../src/components/Price/Price.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport { formatCurrency } from './utils/formatCurrency';\nimport { PriceProps } from './Price.types';\nimport { base, StyledPeriodicity } from './Price.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { classes } from './Price.tokens';\n\n/**\n * Компонент для отображения цены / стоимости / суммы.\n */\nexport const priceRoot = (Root: RootProps<HTMLSpanElement, Omit<PriceProps, 'children'>>) =>\n forwardRef<HTMLSpanElement, PriceProps>(\n (\n {\n children,\n locale = 'ru',\n currency = 'rub',\n minimumFractionDigits = 0,\n stroked = false,\n periodicity,\n view,\n className,\n stroke = false,\n ...rest\n },\n outerRootRef,\n ) => {\n const strokedClass = stroked || stroke ? classes.stroked : undefined;\n\n return (\n <Root view={view} ref={outerRootRef} className={cx(strokedClass, className)} {...rest}>\n {formatCurrency({ value: children, locale, currency, minimumFractionDigits })}\n {periodicity && <StyledPeriodicity>{periodicity}</StyledPeriodicity>}\n </Root>\n );\n },\n );\n\nexport const priceConfig = {\n name: 'Price',\n tag: 'span',\n layout: priceRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n },\n defaults: {\n view: 'default',\n },\n};\n"],"names":["priceRoot","Root","forwardRef","_ref","outerRootRef","children","_ref$locale","locale","_ref$currency","currency","_ref$minimumFractionD","minimumFractionDigits","_ref$stroked","stroked","periodicity","view","className","_ref$stroke","stroke","rest","_objectWithoutProperties","_excluded","strokedClass","classes","undefined","React","createElement","_extends","ref","cx","formatCurrency","value","StyledPeriodicity","priceConfig","name","tag","layout","base","variations","css","viewCSS","defaults"],"mappings":";;;;;;;;;;AAWA;AACA;AACA;IACaA,SAAS,GAAG,SAAZA,SAASA,CAAIC,IAA8D,EAAA;AAAA,EAAA,oBACpFC,UAAU,CACN,UAAAC,IAAA,EAaIC,YAAY,EACX;AAAA,IAAA,IAZGC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;MAAAC,WAAA,GAAAH,IAAA,CACRI,MAAM;AAANA,MAAAA,MAAM,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,WAAA;MAAAE,aAAA,GAAAL,IAAA,CACbM,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA;MAAAE,qBAAA,GAAAP,IAAA,CAChBQ,qBAAqB;AAArBA,MAAAA,qBAAqB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,CAAC,GAAAA,qBAAA;MAAAE,YAAA,GAAAT,IAAA,CACzBU,OAAO;AAAPA,MAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,YAAA;MACfE,WAAW,GAAAX,IAAA,CAAXW,WAAW;MACXC,IAAI,GAAAZ,IAAA,CAAJY,IAAI;MACJC,SAAS,GAAAb,IAAA,CAATa,SAAS;MAAAC,WAAA,GAAAd,IAAA,CACTe,MAAM;AAANA,MAAAA,MAAM,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,WAAA;AACXE,MAAAA,IAAI,GAAAC,wBAAA,CAAAjB,IAAA,EAAAkB,SAAA,CAAA,CAAA;IAIX,IAAMC,YAAY,GAAGT,OAAO,IAAIK,MAAM,GAAGK,OAAO,CAACV,OAAO,GAAGW,SAAS,CAAA;AAEpE,IAAA,oBACIC,KAAA,CAAAC,aAAA,CAACzB,IAAI,EAAA0B,QAAA,CAAA;AAACZ,MAAAA,IAAI,EAAEA,IAAK;AAACa,MAAAA,GAAG,EAAExB,YAAa;AAACY,MAAAA,SAAS,EAAEa,EAAE,CAACP,YAAY,EAAEN,SAAS,CAAA;KAAOG,EAAAA,IAAI,CAChFW,EAAAA,cAAc,CAAC;AAAEC,MAAAA,KAAK,EAAE1B,QAAQ;AAAEE,MAAAA,MAAM,EAANA,MAAM;AAAEE,MAAAA,QAAQ,EAARA,QAAQ;AAAEE,MAAAA,qBAAqB,EAArBA,qBAAAA;AAAsB,KAAC,CAAC,EAC5EG,WAAW,iBAAIW,KAAA,CAAAC,aAAA,CAACM,iBAAiB,EAAA,IAAA,EAAElB,WAA+B,CACjE,CAAC,CAAA;AAEf,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAMmB,WAAW,GAAG;AACvBC,EAAAA,IAAI,EAAE,OAAO;AACbC,EAAAA,GAAG,EAAE,MAAM;AACXC,EAAAA,MAAM,EAAEpC,SAAS;AACjBqC,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRvB,IAAAA,IAAI,EAAE;AACFwB,MAAAA,GAAG,EAAEC,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACN1B,IAAAA,IAAI,EAAE,SAAA;AACV,GAAA;AACJ;;;;"}
@@ -0,0 +1,12 @@
1
+ import './Price.styles_15b4mp1.css';
2
+ import { styled } from '@linaria/react';
3
+
4
+ var base = "bvvzdh4";
5
+ var StyledPeriodicity = /*#__PURE__*/styled('span')({
6
+ name: "StyledPeriodicity",
7
+ "class": "sqvsx17",
8
+ propsAsIs: false
9
+ });
10
+
11
+ export { StyledPeriodicity, base };
12
+ //# sourceMappingURL=Price.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Price.styles.js","sources":["../../../src/components/Price/Price.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { classes } from './Price.tokens';\n\nexport const base = css`\n &.${String(classes.stroked)} {\n text-decoration: line-through;\n }\n`;\n\nexport const StyledPeriodicity = styled.span`\n padding-left: 0.25rem;\n`;\n"],"names":["base","StyledPeriodicity","styled","name","class","propsAsIs"],"mappings":";;AAKO,IAAMA,IAAI,GAIhB,UAAA;AAEM,IAAMC,iBAAiB,gBAAGC,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAEtC;;;;"}
@@ -0,0 +1,2 @@
1
+ .bvvzdh4.stroked{-webkit-text-decoration:line-through;text-decoration:line-through;}
2
+ .sqvsx17{padding-left:0.25rem;}
@@ -0,0 +1,6 @@
1
+ var classes = {
2
+ stroked: 'stroked'
3
+ };
4
+
5
+ export { classes };
6
+ //# sourceMappingURL=Price.tokens.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Price.tokens.js","sources":["../../../src/components/Price/Price.tokens.ts"],"sourcesContent":["export const classes = {\n stroked: 'stroked',\n};\n"],"names":["classes","stroked"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,OAAO,EAAE,SAAA;AACb;;;;"}
@@ -0,0 +1,18 @@
1
+ /**
2
+ * Форматирование числа в цену.
3
+ */
4
+ var formatCurrency = function formatCurrency(_ref) {
5
+ var value = _ref.value,
6
+ locale = _ref.locale,
7
+ currency = _ref.currency,
8
+ minimumFractionDigits = _ref.minimumFractionDigits;
9
+ var formatter = new Intl.NumberFormat(locale, {
10
+ style: 'currency',
11
+ currency: currency,
12
+ minimumFractionDigits: minimumFractionDigits
13
+ });
14
+ return formatter.format(value);
15
+ };
16
+
17
+ export { formatCurrency };
18
+ //# sourceMappingURL=formatCurrency.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"formatCurrency.js","sources":["../../../../src/components/Price/utils/formatCurrency.ts"],"sourcesContent":["/**\n * Форматирование числа в цену.\n */\nexport const formatCurrency = ({\n value,\n locale,\n currency,\n minimumFractionDigits,\n}: {\n value: number;\n locale: string;\n currency: string;\n minimumFractionDigits: number;\n}): string => {\n const formatter = new Intl.NumberFormat(locale, {\n style: 'currency',\n currency,\n minimumFractionDigits,\n });\n\n return formatter.format(value);\n};\n"],"names":["formatCurrency","_ref","value","locale","currency","minimumFractionDigits","formatter","Intl","NumberFormat","style","format"],"mappings":"AAAA;AACA;AACA;IACaA,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,IAAA,EAUb;AAAA,EAAA,IATVC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,MAAM,GAAAF,IAAA,CAANE,MAAM;IACNC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,qBAAqB,GAAAJ,IAAA,CAArBI,qBAAqB,CAAA;EAOrB,IAAMC,SAAS,GAAG,IAAIC,IAAI,CAACC,YAAY,CAACL,MAAM,EAAE;AAC5CM,IAAAA,KAAK,EAAE,UAAU;AACjBL,IAAAA,QAAQ,EAARA,QAAQ;AACRC,IAAAA,qBAAqB,EAArBA,qBAAAA;AACJ,GAAC,CAAC,CAAA;AAEF,EAAA,OAAOC,SAAS,CAACI,MAAM,CAACR,KAAK,CAAC,CAAA;AAClC;;;;"}
@@ -0,0 +1,5 @@
1
+ import './base_x642ct.css';
2
+ var base = "bw57nfe";
3
+
4
+ export { base };
5
+ //# sourceMappingURL=base.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.js","sources":["../../../../../src/components/Price/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAAQ;;;;"}
package/es/index.css CHANGED
@@ -619,6 +619,9 @@
619
619
  .RangeDatePopover_styles_1gljtdv_s1ld9lms__de8df5b3{--plasma-calendar-separator-background:var(--plasma-date-picker-calendar__separator-background);padding-top:var(--plasma-date-picker-calendar-padding-top);box-shadow:var(--plasma-date-picker-calendar-shadow);border-radius:var(--plasma-date-picker-calendar-border-radius);--plasma-calendar-background:var(--plasma-date-picker-calendar__background-color);--plasma-calendar-selected-item-background:var(--plasma-date-picker-calendar__selected-item-background);--plasma-calendar-selected-item-color:var(--plasma-date-picker-calendar__selected-item-color);--plasma-calendar-selectable-item-bg-hover:var(--plasma-date-picker-calendar__selectable-item-background-hover);--plasma-calendar-current-item-border-color:var(--plasma-date-picker-calendar__current-item-border-color);--plasma-calendar-current-item-bg-hover:var(--plasma-date-picker-calendar__current-item-background-hover);--plasma-calendar-current-item-color-hover:var(--plasma-date-picker-calendar__current-item-color-hover);--plasma-calendar-current-item-child-bg-hover:var(--plasma-date-picker-calendar__current-item-child-background-hover);--plasma-calendar-active-item-bg:var(--plasma-date-picker-calendar__active-item-background);--plasma-calendar-active-item-color:var(--plasma-date-picker-calendar__active-item-color);--plasma-calendar-hovered-item-bg:var(--plasma-date-picker-calendar__hovered-item-background);--plasma-calendar-hovered-item-color:var(--plasma-date-picker-calendar__hovered-item-color);--plasma-calendar-range-background:var(--plasma-date-picker-calendar__range-background);--plasma-calendar-outline-focus-color:var(--plasma-date-picker-calendar__outline-focus-color);--plasma-calendar-content-primary-color:var(--plasma-date-picker-calendar__content-primary-color);--plasma-calendar-content-secondary-color:var(--plasma-date-picker-calendar__content-secondary-color);--plasma-calendar-icon-button-color:var(--plasma-date-picker-icon-button__color);--plasma-calendar-icon-button-background:var(--plasma-date-picker-icon-button__background-color);--plasma-calendar-icon-button-color-hover:var(--plasma-date-picker-icon-button__color-hover);--plasma-calendar-icon-button-background-hover:var(--plasma-date-picker-icon-button__background-color-hover);--plasma-calendar-icon-button-color-active:var(--plasma-date-picker-icon-button__color-active);--plasma-calendar-icon-button-background-active:var(--plasma-date-picker-icon-button__background-color-active);--plasma-calendar-width:var(--plasma-date-picker-calendar-width);--plasma-calendar-height:var(--plasma-date-picker-calendar-height);--plasma-calendar-years-padding:var(--plasma-date-picker-calendar__years-padding);--plasma-calendar-year-item-border-radius:var(--plasma-date-picker-calendar__year-item-border-radius);--plasma-calendar-year-item-width:var(--plasma-date-picker-calendar__year-item-width);--plasma-calendar-year-item-height:var(--plasma-date-picker-calendar__year-item-height);--plasma-calendar-year-font-family:var(--plasma-date-picker-calendar__year-font-family);--plasma-calendar-year-font-size:var(--plasma-date-picker-calendar__year-font-size);--plasma-calendar-year-font-style:var(--plasma-date-picker-calendar__year-font-style);--plasma-calendar-year-font-letter-spacing:var(--plasma-date-picker-calendar__year-letter-spacing);--plasma-calendar-year-line-height:var(--plasma-date-picker-calendar__year-line-height);--plasma-calendar-year-font-weight:var(--plasma-date-picker-calendar__year-font-weight);--plasma-calendar-year-selected-font-weight:var(--plasma-date-picker-calendar__year-selected-font-weight);--plasma-calendar-months-padding:var(--plasma-date-picker-calendar__months-padding);--plasma-calendar-month-item-border-radius:var(--plasma-date-picker-calendar__month-item-border-radius);--plasma-calendar-month-item-width:var(--plasma-date-picker-calendar__month-item-width);--plasma-calendar-month-item-height:var(--plasma-date-picker-calendar__month-item-height);--plasma-calendar-month-font-family:var(--plasma-date-picker-calendar__month-font-family);--plasma-calendar-month-font-size:var(--plasma-date-picker-calendar__month-font-size);--plasma-calendar-month-font-style:var(--plasma-date-picker-calendar__month-font-style);--plasma-calendar-month-font-letter-spacing:var(--plasma-date-picker-calendar__month-letter-spacing);--plasma-calendar-month-line-height:var(--plasma-date-picker-calendar__month-line-height);--plasma-calendar-month-font-weight:var(--plasma-date-picker-calendar__month-font-weight);--plasma-calendar-month-selected-font-weight:var(--plasma-date-picker-calendar__month-selected-font-weight);--plasma-calendar-quarters-padding:var(--plasma-date-picker-calendar__quarters-padding);--plasma-calendar-quarter-item-border-radius:var(--plasma-date-picker-calendar__quarter-item-border-radius);--plasma-calendar-quarter-item-width:var(--plasma-date-picker-calendar__quarter-item-width);--plasma-calendar-quarter-item-height:var(--plasma-date-picker-calendar__quarter-item-height);--plasma-calendar-quarter-font-family:var(--plasma-date-picker-calendar__quarter-font-family);--plasma-calendar-quarter-font-size:var(--plasma-date-picker-calendar__quarter-font-size);--plasma-calendar-quarter-font-style:var(--plasma-date-picker-calendar__quarter-font-style);--plasma-calendar-quarter-font-letter-spacing:var(--plasma-date-picker-calendar__quarter-letter-spacing);--plasma-calendar-quarter-line-height:var(--plasma-date-picker-calendar__quarter-line-height);--plasma-calendar-quarter-font-weight:var(--plasma-date-picker-calendar__quarter-font-weight);--plasma-calendar-quarter-selected-font-weight:var(--plasma-date-picker-calendar__quarter-selected-font-weight);--plasma-calendar-days-padding:var(--plasma-date-picker-calendar__days-padding);--plasma-calendar-day-item-border-radius:var(--plasma-date-picker-calendar__day-item-border-radius);--plasma-calendar-day-item-width:var(--plasma-date-picker-calendar__day-item-width);--plasma-calendar-day-item-height:var(--plasma-date-picker-calendar__day-item-height);--plasma-calendar-day-font-family:var(--plasma-date-picker-calendar__day-font-family);--plasma-calendar-day-font-size:var(--plasma-date-picker-calendar__day-font-size);--plasma-calendar-day-font-style:var(--plasma-date-picker-calendar__day-font-style);--plasma-calendar-day-font-letter-spacing:var(--plasma-date-picker-calendar__day-letter-spacing);--plasma-calendar-day-line-height:var(--plasma-date-picker-calendar__day-line-height);--plasma-calendar-day-font-weight:var(--plasma-date-picker-calendar__day-font-weight);--plasma-calendar-day-selected-font-weight:var(--plasma-date-picker-calendar__day-selected-font-weight);--plasma-calendar-header-wrapper-padding:var(--plasma-date-picker-calendar__header-wrapper-padding);--plasma-calendar-arrow-container-gap:var(--plasma-date-picker-calendar__header-arrow-gap);--plasma-calendar-arrow-container-padding:var(--plasma-date-picker-calendar__header-arrow-padding);--plasma-calendar-header-padding:var(--plasma-date-picker-calendar__header-padding);--plasma-calendar-header-date-gap:var(--plasma-date-picker-calendar__header-date-gap);--plasma-calendar-header-font-family:var(--plasma-date-picker-calendar__header-font-family);--plasma-calendar-header-font-size:var(--plasma-date-picker-calendar__header-font-size);--plasma-calendar-header-font-style:var(--plasma-date-picker-calendar__header-font-style);--plasma-calendar-header-font-letter-spacing:var(--plasma-date-picker-calendar__header-letter-spacing);--plasma-calendar-header-line-height:var(--plasma-date-picker-calendar__header-line-height);--plasma-calendar-header-font-weight:var(--plasma-date-picker-calendar__header-font-weight);--plasma-calendar-header-font-weight-bold:var(--plasma-date-picker-calendar__header-font-weight-bold);--plasma-calendar-icon-button-height:var(--plasma-date-picker-icon-button__height);--plasma-calendar-icon-button-width:var(--plasma-date-picker-icon-button__width);--plasma-calendar-icon-button-padding:var(--plasma-date-picker-icon-button__padding);--plasma-calendar-icon-button-radius:var(--plasma-date-picker-icon-button__radius);--plasma-calendar-icon-button-focus-color:var(--plasma-date-picker-icon-button__focus-color);--plasma-calendar-width:calc(var(--plasma-date-picker-calendar-width) * 2 + 2.063rem);}
620
620
  .RangeDatePopover_styles_1gljtdv_s1rn242y__de8df5b3{padding-top:var(--plasma-date-picker-calendar-padding-top);box-shadow:var(--plasma-date-picker-calendar-shadow);border-radius:var(--plasma-date-picker-calendar-border-radius);--plasma-calendar-background:var(--plasma-date-picker-calendar__background-color);--plasma-calendar-selected-item-background:var(--plasma-date-picker-calendar__selected-item-background);--plasma-calendar-selected-item-color:var(--plasma-date-picker-calendar__selected-item-color);--plasma-calendar-selectable-item-bg-hover:var(--plasma-date-picker-calendar__selectable-item-background-hover);--plasma-calendar-current-item-border-color:var(--plasma-date-picker-calendar__current-item-border-color);--plasma-calendar-current-item-bg-hover:var(--plasma-date-picker-calendar__current-item-background-hover);--plasma-calendar-current-item-color-hover:var(--plasma-date-picker-calendar__current-item-color-hover);--plasma-calendar-current-item-child-bg-hover:var(--plasma-date-picker-calendar__current-item-child-background-hover);--plasma-calendar-active-item-bg:var(--plasma-date-picker-calendar__active-item-background);--plasma-calendar-active-item-color:var(--plasma-date-picker-calendar__active-item-color);--plasma-calendar-hovered-item-bg:var(--plasma-date-picker-calendar__hovered-item-background);--plasma-calendar-hovered-item-color:var(--plasma-date-picker-calendar__hovered-item-color);--plasma-calendar-range-background:var(--plasma-date-picker-calendar__range-background);--plasma-calendar-outline-focus-color:var(--plasma-date-picker-calendar__outline-focus-color);--plasma-calendar-content-primary-color:var(--plasma-date-picker-calendar__content-primary-color);--plasma-calendar-content-secondary-color:var(--plasma-date-picker-calendar__content-secondary-color);--plasma-calendar-icon-button-color:var(--plasma-date-picker-icon-button__color);--plasma-calendar-icon-button-background:var(--plasma-date-picker-icon-button__background-color);--plasma-calendar-icon-button-color-hover:var(--plasma-date-picker-icon-button__color-hover);--plasma-calendar-icon-button-background-hover:var(--plasma-date-picker-icon-button__background-color-hover);--plasma-calendar-icon-button-color-active:var(--plasma-date-picker-icon-button__color-active);--plasma-calendar-icon-button-background-active:var(--plasma-date-picker-icon-button__background-color-active);--plasma-calendar-width:var(--plasma-date-picker-calendar-width);--plasma-calendar-height:var(--plasma-date-picker-calendar-height);--plasma-calendar-years-padding:var(--plasma-date-picker-calendar__years-padding);--plasma-calendar-year-item-border-radius:var(--plasma-date-picker-calendar__year-item-border-radius);--plasma-calendar-year-item-width:var(--plasma-date-picker-calendar__year-item-width);--plasma-calendar-year-item-height:var(--plasma-date-picker-calendar__year-item-height);--plasma-calendar-year-font-family:var(--plasma-date-picker-calendar__year-font-family);--plasma-calendar-year-font-size:var(--plasma-date-picker-calendar__year-font-size);--plasma-calendar-year-font-style:var(--plasma-date-picker-calendar__year-font-style);--plasma-calendar-year-font-letter-spacing:var(--plasma-date-picker-calendar__year-letter-spacing);--plasma-calendar-year-line-height:var(--plasma-date-picker-calendar__year-line-height);--plasma-calendar-year-font-weight:var(--plasma-date-picker-calendar__year-font-weight);--plasma-calendar-year-selected-font-weight:var(--plasma-date-picker-calendar__year-selected-font-weight);--plasma-calendar-months-padding:var(--plasma-date-picker-calendar__months-padding);--plasma-calendar-month-item-border-radius:var(--plasma-date-picker-calendar__month-item-border-radius);--plasma-calendar-month-item-width:var(--plasma-date-picker-calendar__month-item-width);--plasma-calendar-month-item-height:var(--plasma-date-picker-calendar__month-item-height);--plasma-calendar-month-font-family:var(--plasma-date-picker-calendar__month-font-family);--plasma-calendar-month-font-size:var(--plasma-date-picker-calendar__month-font-size);--plasma-calendar-month-font-style:var(--plasma-date-picker-calendar__month-font-style);--plasma-calendar-month-font-letter-spacing:var(--plasma-date-picker-calendar__month-letter-spacing);--plasma-calendar-month-line-height:var(--plasma-date-picker-calendar__month-line-height);--plasma-calendar-month-font-weight:var(--plasma-date-picker-calendar__month-font-weight);--plasma-calendar-month-selected-font-weight:var(--plasma-date-picker-calendar__month-selected-font-weight);--plasma-calendar-quarters-padding:var(--plasma-date-picker-calendar__quarters-padding);--plasma-calendar-quarter-item-border-radius:var(--plasma-date-picker-calendar__quarter-item-border-radius);--plasma-calendar-quarter-item-width:var(--plasma-date-picker-calendar__quarter-item-width);--plasma-calendar-quarter-item-height:var(--plasma-date-picker-calendar__quarter-item-height);--plasma-calendar-quarter-font-family:var(--plasma-date-picker-calendar__quarter-font-family);--plasma-calendar-quarter-font-size:var(--plasma-date-picker-calendar__quarter-font-size);--plasma-calendar-quarter-font-style:var(--plasma-date-picker-calendar__quarter-font-style);--plasma-calendar-quarter-font-letter-spacing:var(--plasma-date-picker-calendar__quarter-letter-spacing);--plasma-calendar-quarter-line-height:var(--plasma-date-picker-calendar__quarter-line-height);--plasma-calendar-quarter-font-weight:var(--plasma-date-picker-calendar__quarter-font-weight);--plasma-calendar-quarter-selected-font-weight:var(--plasma-date-picker-calendar__quarter-selected-font-weight);--plasma-calendar-days-padding:var(--plasma-date-picker-calendar__days-padding);--plasma-calendar-day-item-border-radius:var(--plasma-date-picker-calendar__day-item-border-radius);--plasma-calendar-day-item-width:var(--plasma-date-picker-calendar__day-item-width);--plasma-calendar-day-item-height:var(--plasma-date-picker-calendar__day-item-height);--plasma-calendar-day-font-family:var(--plasma-date-picker-calendar__day-font-family);--plasma-calendar-day-font-size:var(--plasma-date-picker-calendar__day-font-size);--plasma-calendar-day-font-style:var(--plasma-date-picker-calendar__day-font-style);--plasma-calendar-day-font-letter-spacing:var(--plasma-date-picker-calendar__day-letter-spacing);--plasma-calendar-day-line-height:var(--plasma-date-picker-calendar__day-line-height);--plasma-calendar-day-font-weight:var(--plasma-date-picker-calendar__day-font-weight);--plasma-calendar-day-selected-font-weight:var(--plasma-date-picker-calendar__day-selected-font-weight);--plasma-calendar-header-wrapper-padding:var(--plasma-date-picker-calendar__header-wrapper-padding);--plasma-calendar-arrow-container-gap:var(--plasma-date-picker-calendar__header-arrow-gap);--plasma-calendar-arrow-container-padding:var(--plasma-date-picker-calendar__header-arrow-padding);--plasma-calendar-header-padding:var(--plasma-date-picker-calendar__header-padding);--plasma-calendar-header-date-gap:var(--plasma-date-picker-calendar__header-date-gap);--plasma-calendar-header-font-family:var(--plasma-date-picker-calendar__header-font-family);--plasma-calendar-header-font-size:var(--plasma-date-picker-calendar__header-font-size);--plasma-calendar-header-font-style:var(--plasma-date-picker-calendar__header-font-style);--plasma-calendar-header-font-letter-spacing:var(--plasma-date-picker-calendar__header-letter-spacing);--plasma-calendar-header-line-height:var(--plasma-date-picker-calendar__header-line-height);--plasma-calendar-header-font-weight:var(--plasma-date-picker-calendar__header-font-weight);--plasma-calendar-header-font-weight-bold:var(--plasma-date-picker-calendar__header-font-weight-bold);--plasma-calendar-icon-button-height:var(--plasma-date-picker-icon-button__height);--plasma-calendar-icon-button-width:var(--plasma-date-picker-icon-button__width);--plasma-calendar-icon-button-padding:var(--plasma-date-picker-icon-button__padding);--plasma-calendar-icon-button-radius:var(--plasma-date-picker-icon-button__radius);--plasma-calendar-icon-button-focus-color:var(--plasma-date-picker-icon-button__focus-color);}
621
621
 
622
+ .Price_styles_15b4mp1_bvvzdh4__4d09fd16.Price_styles_15b4mp1_stroked__4d09fd16{-webkit-text-decoration:line-through;text-decoration:line-through;}
623
+ .Price_styles_15b4mp1_sqvsx17__4d09fd16{padding-left:0.25rem;}
624
+
622
625
  .TextField_styles_sx1sq7_sxqyqmu__88214dad{--plasma-textfield-color:var(--plasma-autocomplete-textfield-color);--plasma-textfield-bg-color:var(--plasma-autocomplete-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-autocomplete-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-autocomplete-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-autocomplete-textfield-border-color);--plasma-textfield-border-color-hover:var(--plasma-autocomplete-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-autocomplete-textfield-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-autocomplete-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-autocomplete-textfield-bg-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-autocomplete-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-autocomplete-textfield__placeholder-color-readonly);--plasma-textfield__caret-color:var(--plasma-autocomplete-textfield-caret-color);--plasma-textfield__placeholder-color:var(--plasma-autocomplete-textfield-placeholder-color);--plasma-textfield-height:var(--plasma-autocomplete-textfield-height);--plasma-textfield-border-width:var(--plasma-autocomplete-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-autocomplete-textfield-border-radius);--plasma-textfield-padding:var(--plasma-autocomplete-textfield-padding);--plasma-textfield__left-content-margin:var(--plasma-autocomplete-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-autocomplete-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-autocomplete-textfield-font-family);--plasma-textfield-font-style:var(--plasma-autocomplete-textfield-font-style);--plasma-textfield-font-size:var(--plasma-autocomplete-textfield-font-size);--plasma-textfield-font-weight:var(--plasma-autocomplete-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-autocomplete-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-autocomplete-textfield-line-height);--plasma-textfield__label-color:var(--plasma-autocomplete-textfield-label-color);--plasma-textfield__label-color-readonly:var(--plasma-autocomplete-textfield__label-color-readonly);--plasma-textfield__label-offset:var(--plasma-autocomplete-textfield__label-offset);--plasma-textfield__label-font-family:var(--plasma-autocomplete-textfield__label-font-family);--plasma-textfield__label-font-style:var(--plasma-autocomplete-textfield__label-font-style);--plasma-textfield__label-font-size:var(--plasma-autocomplete-textfield__label-font-size);--plasma-textfield__label-font-weight:var(--plasma-autocomplete-textfield__label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-autocomplete-textfield__label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-autocomplete-textfield__label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-autocomplete-textfield-placement_inner__label-font-family);--plasma-textfield-placement_inner__label-font-style:var(--plasma-autocomplete-textfield-placement_inner__label-font-style);--plasma-textfield-placement_inner__label-font-size:var(--plasma-autocomplete-textfield-placement_inner__label-font-size);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-autocomplete-textfield-placement_inner__label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-autocomplete-textfield-placement_inner__label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-autocomplete-textfield-placement_inner__label-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-autocomplete-textfield-placement_inner__label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-autocomplete-textfield-placement_inner__content-padding);--plasma-textfield__left-helper-color:var(--plasma-autocomplete-textfield__left-helper-color);--plasma-textfield__left-helper-color-readonly:var(--plasma-autocomplete-textfield__left-helper-color-readonly);--plasma-textfield__left-helper-offset:var(--plasma-autocomplete-textfield__left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-autocomplete-textfield__left-helper-font-family);--plasma-textfield__left-helper-font-style:var(--plasma-autocomplete-textfield__left-helper-font-style);--plasma-textfield__left-helper-font-size:var(--plasma-autocomplete-textfield__left-helper-font-size);--plasma-textfield__left-helper-font-weight:var(--plasma-autocomplete-textfield__left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-autocomplete-textfield__left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-autocomplete-textfield__left-helper-line-height);--plasma-textfield__before-text-color:var(--plasma-autocomplete-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-autocomplete-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-autocomplete-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-autocomplete-textfield__after-text-margin);--plasma-textfield-disabled-opacity:var(--plasma-autocomplete-textfield-disabled-opacity);--plasma-textfield-focus-color:var(--plasma-autocomplete-textfield-focus-color);}
623
626
 
624
627
  .SuggestionItem_styles_lpdinw_s1siyv9w__5ad0f45d{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
package/es/index.js CHANGED
@@ -183,6 +183,8 @@ export { datePickerConfig, datePickerRoot } from './components/DatePicker/Single
183
183
  export { datePickerRangeConfig, datePickerRangeRoot } from './components/DatePicker/RangeDate/RangeDate.js';
184
184
  export { classes as datePickerClasses, tokens as datePickerTokens } from './components/DatePicker/DatePicker.tokens.js';
185
185
  export { Portal } from './components/Portal/Portal.js';
186
+ export { priceConfig, priceRoot } from './components/Price/Price.js';
187
+ export { classes as priceClasses } from './components/Price/Price.tokens.js';
186
188
  export { autocompleteConfig, autocompleteRoot } from './components/Autocomplete/Autocomplete.js';
187
189
  export { tokens as autocompleteTokens } from './components/Autocomplete/Autocomplete.tokens.js';
188
190
  export { emptyStateConfig, emptyStateRoot } from './components/EmptyState/EmptyState.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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/plasma-new-hope",
3
- "version": "0.109.2-canary.1301.10057930683.0",
3
+ "version": "0.110.0-canary.1307.10059399396.0",
4
4
  "description": "Salute Design System blueprint",
5
5
  "main": "cjs/index.js",
6
6
  "module": "es/index.js",
@@ -118,5 +118,5 @@
118
118
  "react-popper": "2.3.0",
119
119
  "storeon": "3.1.5"
120
120
  },
121
- "gitHead": "0ccf4820ec6caddbcbff3ca59700011eecb91463"
121
+ "gitHead": "c13a5e84375717d49dd30f6505b345e44b7caa75"
122
122
  }