@foxford/ui 2.77.0 → 2.77.1-beta-0c09a09-20250813

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (104) hide show
  1. package/components/ActionBtn/ActionBtn.js.map +1 -1
  2. package/components/ActionBtn/ActionBtn.mjs.map +1 -1
  3. package/components/Amount/Amount.js.map +1 -1
  4. package/components/Amount/Amount.mjs.map +1 -1
  5. package/components/Anchor/Anchor.js.map +1 -1
  6. package/components/Anchor/Anchor.mjs.map +1 -1
  7. package/components/Arrow/Arrow.js.map +1 -1
  8. package/components/Arrow/Arrow.mjs.map +1 -1
  9. package/components/ArrowBadge/ArrowBadge.js.map +1 -1
  10. package/components/ArrowBadge/ArrowBadge.mjs.map +1 -1
  11. package/components/Avatar/Avatar.js.map +1 -1
  12. package/components/Avatar/Avatar.mjs.map +1 -1
  13. package/components/Badge/Badge.js.map +1 -1
  14. package/components/Badge/Badge.mjs.map +1 -1
  15. package/components/Button/Button.js.map +1 -1
  16. package/components/Button/Button.mjs.map +1 -1
  17. package/components/Chip/Chip.js.map +1 -1
  18. package/components/Chip/Chip.mjs.map +1 -1
  19. package/components/Container/Container.js.map +1 -1
  20. package/components/Container/Container.mjs.map +1 -1
  21. package/components/ContextMenu/ContextMenu.js.map +1 -1
  22. package/components/ContextMenu/ContextMenu.mjs.map +1 -1
  23. package/components/ContextMenu/Item.js.map +1 -1
  24. package/components/ContextMenu/Item.mjs.map +1 -1
  25. package/components/ContextMenu.Multilevel/ContextMenu.Multilevel.js.map +1 -1
  26. package/components/ContextMenu.Multilevel/ContextMenu.Multilevel.mjs.map +1 -1
  27. package/components/Dropdown/Dropdown.js.map +1 -1
  28. package/components/Dropdown/Dropdown.mjs.map +1 -1
  29. package/components/FormLabel/FormLabel.js.map +1 -1
  30. package/components/FormLabel/FormLabel.mjs.map +1 -1
  31. package/components/Icon/Icon.js.map +1 -1
  32. package/components/Icon/Icon.mjs.map +1 -1
  33. package/components/IconButton/IconButton.js.map +1 -1
  34. package/components/IconButton/IconButton.mjs.map +1 -1
  35. package/components/Indicator/Indicator.js.map +1 -1
  36. package/components/Indicator/Indicator.mjs.map +1 -1
  37. package/components/Input/Input.js.map +1 -1
  38. package/components/Input/Input.mjs.map +1 -1
  39. package/components/Input.Phone/Input.Phone.js.map +1 -1
  40. package/components/Input.Phone/Input.Phone.mjs.map +1 -1
  41. package/components/InputCheckbox/InputCheckbox.js.map +1 -1
  42. package/components/InputCheckbox/InputCheckbox.mjs.map +1 -1
  43. package/components/InputRadio/InputRadio.js.map +1 -1
  44. package/components/InputRadio/InputRadio.mjs.map +1 -1
  45. package/components/ListItem/ListItem.js.map +1 -1
  46. package/components/ListItem/ListItem.mjs.map +1 -1
  47. package/components/Menu/Menu.js.map +1 -1
  48. package/components/Menu/Menu.mjs.map +1 -1
  49. package/components/MenuComponent/MenuComponent.js.map +1 -1
  50. package/components/MenuComponent/MenuComponent.mjs.map +1 -1
  51. package/components/MenuContainer/MenuContainer.js.map +1 -1
  52. package/components/MenuContainer/MenuContainer.mjs.map +1 -1
  53. package/components/MenuDivider/MenuDivider.js.map +1 -1
  54. package/components/MenuDivider/MenuDivider.mjs.map +1 -1
  55. package/components/MenuList/MenuList.js.map +1 -1
  56. package/components/MenuList/MenuList.mjs.map +1 -1
  57. package/components/Modal/Modal.js.map +1 -1
  58. package/components/Modal/Modal.mjs.map +1 -1
  59. package/components/Notification/Notification.js.map +1 -1
  60. package/components/Notification/Notification.mjs.map +1 -1
  61. package/components/Paper/Paper.js.map +1 -1
  62. package/components/Paper/Paper.mjs.map +1 -1
  63. package/components/Progress/Progress.js.map +1 -1
  64. package/components/Progress/Progress.mjs.map +1 -1
  65. package/components/Progress.Circle/Progress.Circle.js.map +1 -1
  66. package/components/Progress.Circle/Progress.Circle.mjs.map +1 -1
  67. package/components/Progress.Segmented/Progress.Segmented.js.map +1 -1
  68. package/components/Progress.Segmented/Progress.Segmented.mjs.map +1 -1
  69. package/components/ProgressCircle/ProgressCircle.js.map +1 -1
  70. package/components/ProgressCircle/ProgressCircle.mjs.map +1 -1
  71. package/components/ProgressLine/ProgressLine.js.map +1 -1
  72. package/components/ProgressLine/ProgressLine.mjs.map +1 -1
  73. package/components/Radio/Radio.js.map +1 -1
  74. package/components/Radio/Radio.mjs.map +1 -1
  75. package/components/Section/Section.js.map +1 -1
  76. package/components/Section/Section.mjs.map +1 -1
  77. package/components/Separator/Separator.js.map +1 -1
  78. package/components/Separator/Separator.mjs.map +1 -1
  79. package/components/Skeleton/Skeleton.js.map +1 -1
  80. package/components/Skeleton/Skeleton.mjs.map +1 -1
  81. package/components/Spacer/Spacer.js.map +1 -1
  82. package/components/Spacer/Spacer.mjs.map +1 -1
  83. package/components/Spinner/Spinner.js.map +1 -1
  84. package/components/Spinner/Spinner.mjs.map +1 -1
  85. package/components/Switch/Switch.js.map +1 -1
  86. package/components/Switch/Switch.mjs.map +1 -1
  87. package/components/Tab/Tab.js.map +1 -1
  88. package/components/Tab/Tab.mjs.map +1 -1
  89. package/components/Tabs/Tabs.js.map +1 -1
  90. package/components/Tabs/Tabs.mjs.map +1 -1
  91. package/components/Tag/Tag.js.map +1 -1
  92. package/components/Tag/Tag.mjs.map +1 -1
  93. package/components/Text/Text.js.map +1 -1
  94. package/components/Text/Text.mjs.map +1 -1
  95. package/components/Text.Ellipse/Text.Ellipse.js.map +1 -1
  96. package/components/Text.Ellipse/Text.Ellipse.mjs.map +1 -1
  97. package/components/Textarea/Textarea.js.map +1 -1
  98. package/components/Textarea/Textarea.mjs.map +1 -1
  99. package/components/Tooltip/Tooltip.js.map +1 -1
  100. package/components/Tooltip/Tooltip.mjs.map +1 -1
  101. package/components/TooltipComponent/TooltipComponent.js.map +1 -1
  102. package/components/TooltipComponent/TooltipComponent.mjs.map +1 -1
  103. package/dts/index.d.ts +29 -165
  104. package/package.json +1 -1
@@ -1 +1 @@
1
- {"version":3,"file":"ProgressCircle.js","sources":["../../../../src/components/ProgressCircle/ProgressCircle.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { getProgressPercent } from 'shared/utils/misc'\nimport { SIZES } from './constants'\nimport * as Styled from './style'\nimport type { ProgressCircleProps } from './types'\n\nconst COMPONENT_NAME = 'ProgressCircle'\n\n/**\n *\n * Компонент поддерживает все атрибуты \\<div\\> элемента.\n *\n * Переданный \"ref\" будет ассоциирован с рутовым элементом.\n *\n * Поддерживаются пропсы определения размеров и внешних отступов в зависимости от ширины вьюпорта.\n *\n * Полный интерфейс можно посмотреть [тут](https://github.com/foxford/ui/blob/master/src/components/ProgressCircle/types.ts).\n */\nconst ProgressCircle: React.ForwardRefExoticComponent<ProgressCircleProps> = withMergedProps<\n ProgressCircleProps,\n HTMLDivElement\n>(\n forwardRef<HTMLDivElement, MergedProps<ProgressCircleProps>>((props, ref) => {\n const { size = 's', max = 1, sizeXXS, sizeXS, sizeS, sizeM, sizeL, sizeXL, value, children, ...restProps } = props\n\n const sizeProps = {\n size,\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n }\n\n const percent = getProgressPercent(value ?? -1, max)\n\n return (\n <Styled.Root\n {...restProps}\n {...sizeProps}\n role='progressbar'\n aria-valuemax={max}\n aria-valuenow={value}\n value={value}\n ref={ref}\n >\n <Styled.Svg>\n <Styled.Circle />\n {typeof value === 'number' ? (\n percent > 0 ? (\n <Styled.Circle strokeLinecap='round' strokeDasharray={`${percent}, 100`} />\n ) : null\n ) : (\n <Styled.Circle strokeLinecap='round' />\n )}\n </Styled.Svg>\n {children !== undefined && (\n <Styled.Content>\n {typeof children === 'function' ? children({ value, max, percent, sizeProps }) : children}\n </Styled.Content>\n )}\n </Styled.Root>\n )\n }),\n {\n displayName: COMPONENT_NAME,\n sizes: SIZES,\n }\n)\n\nexport { ProgressCircle }\n"],"names":["ProgressCircle","withMergedProps","forwardRef","props","ref","size","max","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","value","children","restProps","sizeProps","percent","getProgressPercent","_jsxs","Styled","role","jsxs","_jsx","Circle","strokeLinecap","strokeDasharray","jsx","undefined","displayName","sizes","SIZES"],"mappings":"wQAoBMA,MAAAA,eAAuEC,gBAAAA,gBAI3EC,MAAAA,YAA6D,CAACC,EAAOC,KACnE,MAAMC,KAAEA,EAAO,IAAGC,IAAEA,EAAM,EAACC,QAAEA,EAAOC,OAAEA,EAAMC,MAAEA,EAAKC,MAAEA,EAAKC,MAAEA,EAAKC,OAAEA,EAAMC,MAAEA,EAAKC,SAAEA,KAAaC,GAAcZ,EAE7G,MAAMa,EAAY,CAChBX,OACAE,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMK,EAAUC,KAAAA,mBAAmBL,IAAU,EAAGP,GAEhD,OACEa,WAAAA,KAACC,MAAAA,KAAW,IACNL,KACAC,EACJK,KAAK,cACL,gBAAef,EACf,gBAAeO,EACfA,MAAOA,EACPT,IAAKA,EAAIU,SAETK,CAAAA,WAAAG,KAACF,UAAU,CAAAN,SAAA,CACTS,WAAAA,IAACH,MAAaI,OAAA,CAAE,UACRX,GAAU,SAChBI,EAAU,EACRM,WAAAA,IAACH,MAAAA,OAAa,CAACK,cAAc,QAAQC,gBAAiB,GAAGT,WACvD,KAEJM,WAAAI,IAACP,aAAa,CAACK,cAAc,aAGhCX,SAAac,GACZL,WAAAA,IAACH,MAAAA,QAAc,CAAAN,gBACLA,GAAa,WAAaA,EAAS,CAAED,QAAOP,MAAKW,UAASD,cAAeF,MAGzE,IAGlB,CACEe,YA5DmB,iBA6DnBC,MAAOC,UAAAA"}
1
+ {"version":3,"file":"ProgressCircle.js","sources":["../../../../src/components/ProgressCircle/ProgressCircle.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { getProgressPercent } from 'shared/utils/misc'\nimport { SIZES } from './constants'\nimport * as Styled from './style'\nimport type { ProgressCircleProps } from './types'\n\nconst COMPONENT_NAME = 'ProgressCircle'\n\n/**\n *\n * Компонент поддерживает все атрибуты \\<div\\> элемента.\n *\n * Переданный \"ref\" будет ассоциирован с рутовым элементом.\n *\n * Поддерживаются пропсы определения размеров и внешних отступов в зависимости от ширины вьюпорта.\n *\n * Полный интерфейс можно посмотреть [тут](https://github.com/foxford/ui/blob/master/packages/ui/src/components/ProgressCircle/types.ts).\n */\nconst ProgressCircle: React.ForwardRefExoticComponent<ProgressCircleProps> = withMergedProps<\n ProgressCircleProps,\n HTMLDivElement\n>(\n forwardRef<HTMLDivElement, MergedProps<ProgressCircleProps>>((props, ref) => {\n const { size = 's', max = 1, sizeXXS, sizeXS, sizeS, sizeM, sizeL, sizeXL, value, children, ...restProps } = props\n\n const sizeProps = {\n size,\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n }\n\n const percent = getProgressPercent(value ?? -1, max)\n\n return (\n <Styled.Root\n {...restProps}\n {...sizeProps}\n role='progressbar'\n aria-valuemax={max}\n aria-valuenow={value}\n value={value}\n ref={ref}\n >\n <Styled.Svg>\n <Styled.Circle />\n {typeof value === 'number' ? (\n percent > 0 ? (\n <Styled.Circle strokeLinecap='round' strokeDasharray={`${percent}, 100`} />\n ) : null\n ) : (\n <Styled.Circle strokeLinecap='round' />\n )}\n </Styled.Svg>\n {children !== undefined && (\n <Styled.Content>\n {typeof children === 'function' ? children({ value, max, percent, sizeProps }) : children}\n </Styled.Content>\n )}\n </Styled.Root>\n )\n }),\n {\n displayName: COMPONENT_NAME,\n sizes: SIZES,\n }\n)\n\nexport { ProgressCircle }\n"],"names":["ProgressCircle","withMergedProps","forwardRef","props","ref","size","max","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","value","children","restProps","sizeProps","percent","getProgressPercent","_jsxs","Styled","role","jsxs","_jsx","Circle","strokeLinecap","strokeDasharray","jsx","undefined","displayName","sizes","SIZES"],"mappings":"wQAoBMA,MAAAA,eAAuEC,gBAAAA,gBAI3EC,MAAAA,YAA6D,CAACC,EAAOC,KACnE,MAAMC,KAAEA,EAAO,IAAGC,IAAEA,EAAM,EAACC,QAAEA,EAAOC,OAAEA,EAAMC,MAAEA,EAAKC,MAAEA,EAAKC,MAAEA,EAAKC,OAAEA,EAAMC,MAAEA,EAAKC,SAAEA,KAAaC,GAAcZ,EAE7G,MAAMa,EAAY,CAChBX,OACAE,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMK,EAAUC,KAAAA,mBAAmBL,IAAU,EAAGP,GAEhD,OACEa,WAAAA,KAACC,MAAAA,KAAW,IACNL,KACAC,EACJK,KAAK,cACL,gBAAef,EACf,gBAAeO,EACfA,MAAOA,EACPT,IAAKA,EAAIU,SAETK,CAAAA,WAAAG,KAACF,UAAU,CAAAN,SAAA,CACTS,WAAAA,IAACH,MAAaI,OAAA,CAAE,UACRX,GAAU,SAChBI,EAAU,EACRM,WAAAA,IAACH,MAAAA,OAAa,CAACK,cAAc,QAAQC,gBAAiB,GAAGT,WACvD,KAEJM,WAAAI,IAACP,aAAa,CAACK,cAAc,aAGhCX,SAAac,GACZL,WAAAA,IAACH,MAAAA,QAAc,CAAAN,gBACLA,GAAa,WAAaA,EAAS,CAAED,QAAOP,MAAKW,UAASD,cAAeF,MAGzE,IAGlB,CACEe,YA5DmB,iBA6DnBC,MAAOC,UAAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"ProgressCircle.mjs","sources":["../../../../src/components/ProgressCircle/ProgressCircle.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { getProgressPercent } from 'shared/utils/misc'\nimport { SIZES } from './constants'\nimport * as Styled from './style'\nimport type { ProgressCircleProps } from './types'\n\nconst COMPONENT_NAME = 'ProgressCircle'\n\n/**\n *\n * Компонент поддерживает все атрибуты \\<div\\> элемента.\n *\n * Переданный \"ref\" будет ассоциирован с рутовым элементом.\n *\n * Поддерживаются пропсы определения размеров и внешних отступов в зависимости от ширины вьюпорта.\n *\n * Полный интерфейс можно посмотреть [тут](https://github.com/foxford/ui/blob/master/src/components/ProgressCircle/types.ts).\n */\nconst ProgressCircle: React.ForwardRefExoticComponent<ProgressCircleProps> = withMergedProps<\n ProgressCircleProps,\n HTMLDivElement\n>(\n forwardRef<HTMLDivElement, MergedProps<ProgressCircleProps>>((props, ref) => {\n const { size = 's', max = 1, sizeXXS, sizeXS, sizeS, sizeM, sizeL, sizeXL, value, children, ...restProps } = props\n\n const sizeProps = {\n size,\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n }\n\n const percent = getProgressPercent(value ?? -1, max)\n\n return (\n <Styled.Root\n {...restProps}\n {...sizeProps}\n role='progressbar'\n aria-valuemax={max}\n aria-valuenow={value}\n value={value}\n ref={ref}\n >\n <Styled.Svg>\n <Styled.Circle />\n {typeof value === 'number' ? (\n percent > 0 ? (\n <Styled.Circle strokeLinecap='round' strokeDasharray={`${percent}, 100`} />\n ) : null\n ) : (\n <Styled.Circle strokeLinecap='round' />\n )}\n </Styled.Svg>\n {children !== undefined && (\n <Styled.Content>\n {typeof children === 'function' ? children({ value, max, percent, sizeProps }) : children}\n </Styled.Content>\n )}\n </Styled.Root>\n )\n }),\n {\n displayName: COMPONENT_NAME,\n sizes: SIZES,\n }\n)\n\nexport { ProgressCircle }\n"],"names":["ProgressCircle","withMergedProps","forwardRef","props","ref","size","max","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","value","children","restProps","sizeProps","percent","getProgressPercent","_jsxs","Styled","role","_jsx","strokeLinecap","strokeDasharray","undefined","displayName","sizes","SIZES"],"mappings":"kRAoBMA,MAAAA,eAAuEC,gBAI3EC,YAA6D,CAACC,EAAOC,KACnE,MAAMC,KAAEA,EAAO,IAAGC,IAAEA,EAAM,EAACC,QAAEA,EAAOC,OAAEA,EAAMC,MAAEA,EAAKC,MAAEA,EAAKC,MAAEA,EAAKC,OAAEA,EAAMC,MAAEA,EAAKC,SAAEA,KAAaC,GAAcZ,EAE7G,MAAMa,EAAY,CAChBX,OACAE,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMK,EAAUC,mBAAmBL,IAAU,EAAGP,GAEhD,OACEa,KAACC,KAAW,IACNL,KACAC,EACJK,KAAK,cACL,gBAAef,EACf,gBAAeO,EACfA,MAAOA,EACPT,IAAKA,EAAIU,SAETK,CAAAA,KAACC,IAAU,CAAAN,SAAA,CACTQ,IAACF,OAAa,CAAE,UACRP,GAAU,SAChBI,EAAU,EACRK,IAACF,OAAa,CAACG,cAAc,QAAQC,gBAAiB,GAAGP,WACvD,KAEJK,IAACF,OAAa,CAACG,cAAc,aAGhCT,SAAaW,GACZH,IAACF,QAAc,CAAAN,gBACLA,GAAa,WAAaA,EAAS,CAAED,QAAOP,MAAKW,UAASD,cAAeF,MAGzE,IAGlB,CACEY,YA5DmB,iBA6DnBC,MAAOC"}
1
+ {"version":3,"file":"ProgressCircle.mjs","sources":["../../../../src/components/ProgressCircle/ProgressCircle.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { getProgressPercent } from 'shared/utils/misc'\nimport { SIZES } from './constants'\nimport * as Styled from './style'\nimport type { ProgressCircleProps } from './types'\n\nconst COMPONENT_NAME = 'ProgressCircle'\n\n/**\n *\n * Компонент поддерживает все атрибуты \\<div\\> элемента.\n *\n * Переданный \"ref\" будет ассоциирован с рутовым элементом.\n *\n * Поддерживаются пропсы определения размеров и внешних отступов в зависимости от ширины вьюпорта.\n *\n * Полный интерфейс можно посмотреть [тут](https://github.com/foxford/ui/blob/master/packages/ui/src/components/ProgressCircle/types.ts).\n */\nconst ProgressCircle: React.ForwardRefExoticComponent<ProgressCircleProps> = withMergedProps<\n ProgressCircleProps,\n HTMLDivElement\n>(\n forwardRef<HTMLDivElement, MergedProps<ProgressCircleProps>>((props, ref) => {\n const { size = 's', max = 1, sizeXXS, sizeXS, sizeS, sizeM, sizeL, sizeXL, value, children, ...restProps } = props\n\n const sizeProps = {\n size,\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n }\n\n const percent = getProgressPercent(value ?? -1, max)\n\n return (\n <Styled.Root\n {...restProps}\n {...sizeProps}\n role='progressbar'\n aria-valuemax={max}\n aria-valuenow={value}\n value={value}\n ref={ref}\n >\n <Styled.Svg>\n <Styled.Circle />\n {typeof value === 'number' ? (\n percent > 0 ? (\n <Styled.Circle strokeLinecap='round' strokeDasharray={`${percent}, 100`} />\n ) : null\n ) : (\n <Styled.Circle strokeLinecap='round' />\n )}\n </Styled.Svg>\n {children !== undefined && (\n <Styled.Content>\n {typeof children === 'function' ? children({ value, max, percent, sizeProps }) : children}\n </Styled.Content>\n )}\n </Styled.Root>\n )\n }),\n {\n displayName: COMPONENT_NAME,\n sizes: SIZES,\n }\n)\n\nexport { ProgressCircle }\n"],"names":["ProgressCircle","withMergedProps","forwardRef","props","ref","size","max","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","value","children","restProps","sizeProps","percent","getProgressPercent","_jsxs","Styled","role","_jsx","strokeLinecap","strokeDasharray","undefined","displayName","sizes","SIZES"],"mappings":"kRAoBMA,MAAAA,eAAuEC,gBAI3EC,YAA6D,CAACC,EAAOC,KACnE,MAAMC,KAAEA,EAAO,IAAGC,IAAEA,EAAM,EAACC,QAAEA,EAAOC,OAAEA,EAAMC,MAAEA,EAAKC,MAAEA,EAAKC,MAAEA,EAAKC,OAAEA,EAAMC,MAAEA,EAAKC,SAAEA,KAAaC,GAAcZ,EAE7G,MAAMa,EAAY,CAChBX,OACAE,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMK,EAAUC,mBAAmBL,IAAU,EAAGP,GAEhD,OACEa,KAACC,KAAW,IACNL,KACAC,EACJK,KAAK,cACL,gBAAef,EACf,gBAAeO,EACfA,MAAOA,EACPT,IAAKA,EAAIU,SAETK,CAAAA,KAACC,IAAU,CAAAN,SAAA,CACTQ,IAACF,OAAa,CAAE,UACRP,GAAU,SAChBI,EAAU,EACRK,IAACF,OAAa,CAACG,cAAc,QAAQC,gBAAiB,GAAGP,WACvD,KAEJK,IAACF,OAAa,CAACG,cAAc,aAGhCT,SAAaW,GACZH,IAACF,QAAc,CAAAN,gBACLA,GAAa,WAAaA,EAAS,CAAED,QAAOP,MAAKW,UAASD,cAAeF,MAGzE,IAGlB,CACEY,YA5DmB,iBA6DnBC,MAAOC"}
@@ -1 +1 @@
1
- {"version":3,"file":"ProgressLine.js","sources":["../../../../src/components/ProgressLine/ProgressLine.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport { SIZES, SIZES_ICON } from './constants'\nimport * as Styled from './style'\nimport type { ProgressLineProps } from './types'\n\nconst COMPONENT_NAME = 'ProgressLine'\n\n/**\n *\n * Компонент поддерживает все атрибуты \\<div\\> элемента.\n *\n * Переданный \"ref\" будет ассоциирован с рутовым элементом.\n *\n * Поддерживаются пропсы определения размеров и внешних отступов в зависимости от ширины вьюпорта.\n *\n * Полный интерфейс можно посмотреть [тут](https://github.com/foxford/ui/blob/master/src/components/ProgressLine/types.ts).\n */\nconst ProgressLine: React.ForwardRefExoticComponent<ProgressLineProps> = withMergedProps<\n ProgressLineProps,\n HTMLDivElement\n>(\n forwardRef<HTMLDivElement, MergedProps<ProgressLineProps>>((props, ref) => {\n const { size = 's', max = 1, iconProps = {}, sizeXXS, sizeXS, sizeS, sizeM, sizeL, sizeXL, ...restProps } = props\n\n const sizeProps = {\n size,\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n }\n\n const hasIcon = Boolean(typeof restProps.value === 'number' && restProps.fancy)\n\n return (\n <Styled.Root\n {...restProps}\n {...sizeProps}\n role='progressbar'\n aria-valuemax={max}\n aria-valuenow={restProps.value}\n max={max}\n hasIcon={hasIcon}\n ref={ref}\n >\n <Styled.Track>\n <Styled.Bar>&nbsp;</Styled.Bar>\n </Styled.Track>\n {hasIcon ? (\n <Styled.IconBar>\n <Styled.IconPosition>\n <Icon icon={<Styled.StarFillRotated />} sizes={SIZES_ICON} {...sizeProps} {...iconProps} />\n </Styled.IconPosition>\n </Styled.IconBar>\n ) : null}\n </Styled.Root>\n )\n }),\n {\n displayName: COMPONENT_NAME,\n sizes: SIZES,\n }\n)\n\nexport { ProgressLine }\n"],"names":["ProgressLine","withMergedProps","forwardRef","props","ref","size","max","iconProps","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","restProps","sizeProps","hasIcon","Boolean","value","fancy","_jsxs","Styled","role","children","_jsx","jsx","Icon","icon","StarFillRotated","sizes","SIZES_ICON","displayName","SIZES"],"mappings":"6PAoBMA,MAAAA,aAAmEC,gBAAAA,gBAIvEC,MAAAA,YAA2D,CAACC,EAAOC,KACjE,MAAMC,KAAEA,EAAO,IAAGC,IAAEA,EAAM,EAACC,UAAEA,EAAY,CAAE,EAAAC,QAAEA,EAAOC,OAAEA,EAAMC,MAAEA,EAAKC,MAAEA,EAAKC,MAAEA,EAAKC,OAAEA,KAAWC,GAAcX,EAE5G,MAAMY,EAAY,CAChBV,OACAG,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMG,EAAUC,eAAeH,EAAUI,OAAU,UAAYJ,EAAUK,OAEzE,OACEC,WAAAA,KAACC,MAAAA,KAAW,IACNP,KACAC,EACJO,KAAK,cACL,gBAAehB,EACf,gBAAeQ,EAAUI,MACzBZ,IAAKA,EACLU,QAASA,EACTZ,IAAKA,EAAImB,SAETC,CAAAA,WAAAC,IAACJ,YAAY,CAAAE,SACXC,WAAAC,IAACJ,UAAU,CAAAE,SAAC,QAEbP,EACCQ,WAAAC,IAACJ,cAAc,CAAAE,SACbC,WAAAC,IAACJ,mBAAmB,CAAAE,SAClBC,WAAAC,IAACC,UAAI,CAACC,KAAMH,WAAAA,IAACH,MAAsBO,oBAAKC,MAAOC,UAAWA,cAAKf,KAAeR,QAGhF,OACQ,IAGlB,CACEwB,YAxDmB,eAyDnBF,MAAOG,UAAAA"}
1
+ {"version":3,"file":"ProgressLine.js","sources":["../../../../src/components/ProgressLine/ProgressLine.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport { SIZES, SIZES_ICON } from './constants'\nimport * as Styled from './style'\nimport type { ProgressLineProps } from './types'\n\nconst COMPONENT_NAME = 'ProgressLine'\n\n/**\n *\n * Компонент поддерживает все атрибуты \\<div\\> элемента.\n *\n * Переданный \"ref\" будет ассоциирован с рутовым элементом.\n *\n * Поддерживаются пропсы определения размеров и внешних отступов в зависимости от ширины вьюпорта.\n *\n * Полный интерфейс можно посмотреть [тут](https://github.com/foxford/ui/blob/master/packages/ui/src/components/ProgressLine/types.ts).\n */\nconst ProgressLine: React.ForwardRefExoticComponent<ProgressLineProps> = withMergedProps<\n ProgressLineProps,\n HTMLDivElement\n>(\n forwardRef<HTMLDivElement, MergedProps<ProgressLineProps>>((props, ref) => {\n const { size = 's', max = 1, iconProps = {}, sizeXXS, sizeXS, sizeS, sizeM, sizeL, sizeXL, ...restProps } = props\n\n const sizeProps = {\n size,\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n }\n\n const hasIcon = Boolean(typeof restProps.value === 'number' && restProps.fancy)\n\n return (\n <Styled.Root\n {...restProps}\n {...sizeProps}\n role='progressbar'\n aria-valuemax={max}\n aria-valuenow={restProps.value}\n max={max}\n hasIcon={hasIcon}\n ref={ref}\n >\n <Styled.Track>\n <Styled.Bar>&nbsp;</Styled.Bar>\n </Styled.Track>\n {hasIcon ? (\n <Styled.IconBar>\n <Styled.IconPosition>\n <Icon icon={<Styled.StarFillRotated />} sizes={SIZES_ICON} {...sizeProps} {...iconProps} />\n </Styled.IconPosition>\n </Styled.IconBar>\n ) : null}\n </Styled.Root>\n )\n }),\n {\n displayName: COMPONENT_NAME,\n sizes: SIZES,\n }\n)\n\nexport { ProgressLine }\n"],"names":["ProgressLine","withMergedProps","forwardRef","props","ref","size","max","iconProps","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","restProps","sizeProps","hasIcon","Boolean","value","fancy","_jsxs","Styled","role","children","_jsx","jsx","Icon","icon","StarFillRotated","sizes","SIZES_ICON","displayName","SIZES"],"mappings":"6PAoBMA,MAAAA,aAAmEC,gBAAAA,gBAIvEC,MAAAA,YAA2D,CAACC,EAAOC,KACjE,MAAMC,KAAEA,EAAO,IAAGC,IAAEA,EAAM,EAACC,UAAEA,EAAY,CAAE,EAAAC,QAAEA,EAAOC,OAAEA,EAAMC,MAAEA,EAAKC,MAAEA,EAAKC,MAAEA,EAAKC,OAAEA,KAAWC,GAAcX,EAE5G,MAAMY,EAAY,CAChBV,OACAG,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMG,EAAUC,eAAeH,EAAUI,OAAU,UAAYJ,EAAUK,OAEzE,OACEC,WAAAA,KAACC,MAAAA,KAAW,IACNP,KACAC,EACJO,KAAK,cACL,gBAAehB,EACf,gBAAeQ,EAAUI,MACzBZ,IAAKA,EACLU,QAASA,EACTZ,IAAKA,EAAImB,SAETC,CAAAA,WAAAC,IAACJ,YAAY,CAAAE,SACXC,WAAAC,IAACJ,UAAU,CAAAE,SAAC,QAEbP,EACCQ,WAAAC,IAACJ,cAAc,CAAAE,SACbC,WAAAC,IAACJ,mBAAmB,CAAAE,SAClBC,WAAAC,IAACC,UAAI,CAACC,KAAMH,WAAAA,IAACH,MAAsBO,oBAAKC,MAAOC,UAAWA,cAAKf,KAAeR,QAGhF,OACQ,IAGlB,CACEwB,YAxDmB,eAyDnBF,MAAOG,UAAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"ProgressLine.mjs","sources":["../../../../src/components/ProgressLine/ProgressLine.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport { SIZES, SIZES_ICON } from './constants'\nimport * as Styled from './style'\nimport type { ProgressLineProps } from './types'\n\nconst COMPONENT_NAME = 'ProgressLine'\n\n/**\n *\n * Компонент поддерживает все атрибуты \\<div\\> элемента.\n *\n * Переданный \"ref\" будет ассоциирован с рутовым элементом.\n *\n * Поддерживаются пропсы определения размеров и внешних отступов в зависимости от ширины вьюпорта.\n *\n * Полный интерфейс можно посмотреть [тут](https://github.com/foxford/ui/blob/master/src/components/ProgressLine/types.ts).\n */\nconst ProgressLine: React.ForwardRefExoticComponent<ProgressLineProps> = withMergedProps<\n ProgressLineProps,\n HTMLDivElement\n>(\n forwardRef<HTMLDivElement, MergedProps<ProgressLineProps>>((props, ref) => {\n const { size = 's', max = 1, iconProps = {}, sizeXXS, sizeXS, sizeS, sizeM, sizeL, sizeXL, ...restProps } = props\n\n const sizeProps = {\n size,\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n }\n\n const hasIcon = Boolean(typeof restProps.value === 'number' && restProps.fancy)\n\n return (\n <Styled.Root\n {...restProps}\n {...sizeProps}\n role='progressbar'\n aria-valuemax={max}\n aria-valuenow={restProps.value}\n max={max}\n hasIcon={hasIcon}\n ref={ref}\n >\n <Styled.Track>\n <Styled.Bar>&nbsp;</Styled.Bar>\n </Styled.Track>\n {hasIcon ? (\n <Styled.IconBar>\n <Styled.IconPosition>\n <Icon icon={<Styled.StarFillRotated />} sizes={SIZES_ICON} {...sizeProps} {...iconProps} />\n </Styled.IconPosition>\n </Styled.IconBar>\n ) : null}\n </Styled.Root>\n )\n }),\n {\n displayName: COMPONENT_NAME,\n sizes: SIZES,\n }\n)\n\nexport { ProgressLine }\n"],"names":["ProgressLine","withMergedProps","forwardRef","props","ref","size","max","iconProps","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","restProps","sizeProps","hasIcon","Boolean","value","fancy","_jsxs","Styled","role","children","_jsx","Icon","icon","sizes","SIZES_ICON","displayName","SIZES"],"mappings":"gSAoBMA,MAAAA,aAAmEC,gBAIvEC,YAA2D,CAACC,EAAOC,KACjE,MAAMC,KAAEA,EAAO,IAAGC,IAAEA,EAAM,EAACC,UAAEA,EAAY,CAAE,EAAAC,QAAEA,EAAOC,OAAEA,EAAMC,MAAEA,EAAKC,MAAEA,EAAKC,MAAEA,EAAKC,OAAEA,KAAWC,GAAcX,EAE5G,MAAMY,EAAY,CAChBV,OACAG,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMG,EAAUC,eAAeH,EAAUI,OAAU,UAAYJ,EAAUK,OAEzE,OACEC,KAACC,KAAW,IACNP,KACAC,EACJO,KAAK,cACL,gBAAehB,EACf,gBAAeQ,EAAUI,MACzBZ,IAAKA,EACLU,QAASA,EACTZ,IAAKA,EAAImB,SAETC,CAAAA,IAACH,MAAY,CAAAE,SACXC,IAACH,IAAU,CAAAE,SAAC,QAEbP,EACCQ,IAACH,QAAc,CAAAE,SACbC,IAACH,aAAmB,CAAAE,SAClBC,IAACC,KAAI,CAACC,KAAMF,IAACH,oBAA2BM,MAAOC,cAAgBb,KAAeR,QAGhF,OACQ,IAGlB,CACEsB,YAxDmB,eAyDnBF,MAAOG"}
1
+ {"version":3,"file":"ProgressLine.mjs","sources":["../../../../src/components/ProgressLine/ProgressLine.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport { SIZES, SIZES_ICON } from './constants'\nimport * as Styled from './style'\nimport type { ProgressLineProps } from './types'\n\nconst COMPONENT_NAME = 'ProgressLine'\n\n/**\n *\n * Компонент поддерживает все атрибуты \\<div\\> элемента.\n *\n * Переданный \"ref\" будет ассоциирован с рутовым элементом.\n *\n * Поддерживаются пропсы определения размеров и внешних отступов в зависимости от ширины вьюпорта.\n *\n * Полный интерфейс можно посмотреть [тут](https://github.com/foxford/ui/blob/master/packages/ui/src/components/ProgressLine/types.ts).\n */\nconst ProgressLine: React.ForwardRefExoticComponent<ProgressLineProps> = withMergedProps<\n ProgressLineProps,\n HTMLDivElement\n>(\n forwardRef<HTMLDivElement, MergedProps<ProgressLineProps>>((props, ref) => {\n const { size = 's', max = 1, iconProps = {}, sizeXXS, sizeXS, sizeS, sizeM, sizeL, sizeXL, ...restProps } = props\n\n const sizeProps = {\n size,\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n }\n\n const hasIcon = Boolean(typeof restProps.value === 'number' && restProps.fancy)\n\n return (\n <Styled.Root\n {...restProps}\n {...sizeProps}\n role='progressbar'\n aria-valuemax={max}\n aria-valuenow={restProps.value}\n max={max}\n hasIcon={hasIcon}\n ref={ref}\n >\n <Styled.Track>\n <Styled.Bar>&nbsp;</Styled.Bar>\n </Styled.Track>\n {hasIcon ? (\n <Styled.IconBar>\n <Styled.IconPosition>\n <Icon icon={<Styled.StarFillRotated />} sizes={SIZES_ICON} {...sizeProps} {...iconProps} />\n </Styled.IconPosition>\n </Styled.IconBar>\n ) : null}\n </Styled.Root>\n )\n }),\n {\n displayName: COMPONENT_NAME,\n sizes: SIZES,\n }\n)\n\nexport { ProgressLine }\n"],"names":["ProgressLine","withMergedProps","forwardRef","props","ref","size","max","iconProps","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","restProps","sizeProps","hasIcon","Boolean","value","fancy","_jsxs","Styled","role","children","_jsx","Icon","icon","sizes","SIZES_ICON","displayName","SIZES"],"mappings":"gSAoBMA,MAAAA,aAAmEC,gBAIvEC,YAA2D,CAACC,EAAOC,KACjE,MAAMC,KAAEA,EAAO,IAAGC,IAAEA,EAAM,EAACC,UAAEA,EAAY,CAAE,EAAAC,QAAEA,EAAOC,OAAEA,EAAMC,MAAEA,EAAKC,MAAEA,EAAKC,MAAEA,EAAKC,OAAEA,KAAWC,GAAcX,EAE5G,MAAMY,EAAY,CAChBV,OACAG,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMG,EAAUC,eAAeH,EAAUI,OAAU,UAAYJ,EAAUK,OAEzE,OACEC,KAACC,KAAW,IACNP,KACAC,EACJO,KAAK,cACL,gBAAehB,EACf,gBAAeQ,EAAUI,MACzBZ,IAAKA,EACLU,QAASA,EACTZ,IAAKA,EAAImB,SAETC,CAAAA,IAACH,MAAY,CAAAE,SACXC,IAACH,IAAU,CAAAE,SAAC,QAEbP,EACCQ,IAACH,QAAc,CAAAE,SACbC,IAACH,aAAmB,CAAAE,SAClBC,IAACC,KAAI,CAACC,KAAMF,IAACH,oBAA2BM,MAAOC,cAAgBb,KAAeR,QAGhF,OACQ,IAGlB,CACEsB,YAxDmB,eAyDnBF,MAAOG"}
@@ -1 +1 @@
1
- {"version":3,"file":"Radio.js","sources":["../../../../src/components/Radio/Radio.tsx"],"sourcesContent":["import { useTheme } from 'styled-components'\nimport type { ResponsiveProperty } from 'mixins/responsive-property'\nimport type { DisplayProperty } from 'mixins/display'\nimport { concatClassNames } from 'shared/utils/dom'\nimport { useClassname } from 'hooks/useClassname'\nimport type { BaseProps } from 'shared/interfaces'\nimport type { SizeInput } from 'shared/enums/sizeInput'\nimport { InputRadio } from 'components/InputRadio'\nimport { RadioGroup } from './Group'\nimport * as Styled from './style'\n\ntype RadioInputHtmlAttributes = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'width'>\n\nexport interface RadioProps extends BaseProps, DisplayProperty, RadioInputHtmlAttributes {\n /**\n * Field id\n */\n id?: string\n /**\n * Field name\n */\n name?: string\n /**\n * Radio label\n */\n label?: string\n /**\n * On change handler\n */\n onChange?(_e: React.ChangeEvent<HTMLInputElement>): void\n /**\n * Children react node\n */\n children?: React.ReactNode\n /**\n * A Radio can appear disabled and be unable to change states\n */\n disabled?: boolean\n /**\n * Field can show the data contains errors\n */\n error?: boolean\n /**\n * Whether or not Radio is checked\n */\n checked?: boolean\n defaultChecked?: boolean\n /**\n * Checkbox size\n */\n size?: 'small' | 'medium' | 'large'\n /**\n * Value\n */\n value?: string | number\n fluid?: boolean\n /**\n * Width of label. Default is `Theme.defaultInputControlsWidth`\n */\n width?: ResponsiveProperty<'auto' | number | keyof typeof SizeInput>\n}\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - `React.InputHTMLAttributes<HTMLInputElement>`\n */\nfunction Radio(props: typeof Radio.defaultProps & RadioProps) {\n const uncontrolled = props.checked === undefined\n const theme = useTheme()\n\n const {\n children,\n disabled,\n error,\n id,\n name,\n size,\n value,\n label,\n className,\n width = theme.defaultInputControlsWidth,\n style,\n fluid,\n display,\n ...anotherProps\n } = props\n\n const baseClassName = useClassname(Radio.displayName)\n const _className = concatClassNames(\n baseClassName,\n className,\n props.checked && !uncontrolled ? `${baseClassName}--checked` : null\n )\n const _labelClassName = `${baseClassName}__label`\n\n const inputProps = uncontrolled ? { defaultChecked: props.defaultChecked } : { checked: props.checked }\n\n return (\n <Styled.Root\n className={_className}\n style={style}\n disabled={disabled}\n error={error}\n htmlFor={id || name}\n size={size}\n width={width}\n display={display}\n fluid={fluid}\n >\n <input\n {...anotherProps}\n id={id || name}\n name={name}\n type='radio'\n value={value}\n disabled={disabled}\n {...inputProps}\n />\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'>\n <circle cx='10' cy='10' r='9' stroke='#727D8A' strokeWidth='2' fill='#fff' />\n <circle cx='10' cy='10' r='5' fill='#727D8A' />\n </svg>\n {label || children ? <span className={_labelClassName}>{label || children}</span> : null}\n </Styled.Root>\n )\n}\n\nRadio.defaultProps = {\n disabled: false,\n size: 'medium',\n display: 'inline-flex',\n onChange: (e: React.ChangeEvent<HTMLInputElement>) => console.log(e, e.target.value), // eslint-disable-line no-console\n}\n\nRadio.Input = InputRadio\nRadio.Group = RadioGroup\nRadio.displayName = 'Radio'\n\nexport { Radio }\n"],"names":["Radio","props","uncontrolled","checked","undefined","theme","useTheme","children","disabled","error","id","name","size","value","label","className","width","defaultInputControlsWidth","style","fluid","display","anotherProps","baseClassName","useClassname","displayName","_className","concatClassNames","_labelClassName","_jsxs","Styled","htmlFor","_jsx","jsx","type","defaultChecked","jsxs","xmlns","viewBox","cx","cy","r","stroke","strokeWidth","fill","defaultProps","onChange","e","console","log","target","Input","InputRadio","Group","RadioGroup"],"mappings":"4TAmEA,SAASA,MAAMC,GACb,MAAMC,EAAeD,EAAME,eAAYC,EACvC,MAAMC,EAAQC,OAAAA,WAEd,MAAMC,SACJA,EAAQC,SACRA,EAAQC,MACRA,EAAKC,GACLA,EAAEC,KACFA,EAAIC,KACJA,EAAIC,MACJA,EAAKC,MACLA,EAAKC,UACLA,EAASC,MACTA,EAAQX,EAAMY,gCACdC,EAAKC,MACLA,EAAKC,QACLA,KACGC,GACDpB,EAEJ,MAAMqB,EAAgBC,aAAAA,aAAavB,MAAMwB,aACzC,MAAMC,EAAaC,IAAgBA,iBACjCJ,EACAP,EACAd,EAAME,UAAYD,EAAe,GAAGoB,aAA2B,MAEjE,MAAMK,EAAkB,GAAGL,WAI3B,OACEM,WAAAA,KAACC,MAAAA,KAAW,CACVd,UAAWU,EACXP,MAAOA,EACPV,SAAUA,EACVC,MAAOA,EACPqB,QAASpB,GAAMC,EACfC,KAAMA,EACNI,MAAOA,EACPI,QAASA,EACTD,MAAOA,EAAMZ,UAEbwB,WAAAC,IAAA,QAAA,IACMX,EACJX,GAAIA,GAAMC,EACVA,KAAMA,EACNsB,KAAK,QACLpB,MAAOA,EACPL,SAAUA,KApBGN,EAAe,CAAEgC,eAAgBjC,EAAMiC,gBAAmB,CAAE/B,QAASF,EAAME,WAuB1FyB,WAAAO,KAAA,MAAA,CAAKC,MAAM,6BAA6BC,QAAQ,YAAW9B,UACzDwB,WAAAC,IAAA,SAAA,CAAQM,GAAG,KAAKC,GAAG,KAAKC,EAAE,IAAIC,OAAO,UAAUC,YAAY,IAAIC,KAAK,SACpEZ,WAAAC,IAAA,SAAA,CAAQM,GAAG,KAAKC,GAAG,KAAKC,EAAE,IAAIG,KAAK,eAEpC7B,GAASP,EAAWwB,WAAAA,IAAA,OAAA,CAAMhB,UAAWY,EAAgBpB,SAAEO,GAASP,IAAmB,OAG1F,CAEAP,MAAM4C,aAAe,CACnBpC,UAAU,EACVI,KAAM,SACNQ,QAAS,cACTyB,SAAWC,GAA2CC,QAAQC,IAAIF,EAAGA,EAAEG,OAAOpC,QAGhFb,MAAMkD,MAAQC,WAAAA,WACdnD,MAAMoD,MAAQC,MAAAA,WACdrD,MAAMwB,YAAc"}
1
+ {"version":3,"file":"Radio.js","sources":["../../../../src/components/Radio/Radio.tsx"],"sourcesContent":["import { useTheme } from 'styled-components'\nimport type { ResponsiveProperty } from 'mixins/responsive-property'\nimport type { DisplayProperty } from 'mixins/display'\nimport { concatClassNames } from 'shared/utils/dom'\nimport { useClassname } from 'hooks/useClassname'\nimport type { BaseProps } from 'shared/interfaces'\nimport type { SizeInput } from 'shared/enums/sizeInput'\nimport { InputRadio } from 'components/InputRadio'\nimport { RadioGroup } from './Group'\nimport * as Styled from './style'\n\ntype RadioInputHtmlAttributes = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'width'>\n\nexport interface RadioProps extends BaseProps, DisplayProperty, RadioInputHtmlAttributes {\n /**\n * Field id\n */\n id?: string\n /**\n * Field name\n */\n name?: string\n /**\n * Radio label\n */\n label?: string\n /**\n * On change handler\n */\n onChange?(_e: React.ChangeEvent<HTMLInputElement>): void\n /**\n * Children react node\n */\n children?: React.ReactNode\n /**\n * A Radio can appear disabled and be unable to change states\n */\n disabled?: boolean\n /**\n * Field can show the data contains errors\n */\n error?: boolean\n /**\n * Whether or not Radio is checked\n */\n checked?: boolean\n defaultChecked?: boolean\n /**\n * Checkbox size\n */\n size?: 'small' | 'medium' | 'large'\n /**\n * Value\n */\n value?: string | number\n fluid?: boolean\n /**\n * Width of label. Default is `Theme.defaultInputControlsWidth`\n */\n width?: ResponsiveProperty<'auto' | number | keyof typeof SizeInput>\n}\n\nfunction Radio(props: typeof Radio.defaultProps & RadioProps) {\n const uncontrolled = props.checked === undefined\n const theme = useTheme()\n\n const {\n children,\n disabled,\n error,\n id,\n name,\n size,\n value,\n label,\n className,\n width = theme.defaultInputControlsWidth,\n style,\n fluid,\n display,\n ...anotherProps\n } = props\n\n const baseClassName = useClassname(Radio.displayName)\n const _className = concatClassNames(\n baseClassName,\n className,\n props.checked && !uncontrolled ? `${baseClassName}--checked` : null\n )\n const _labelClassName = `${baseClassName}__label`\n\n const inputProps = uncontrolled ? { defaultChecked: props.defaultChecked } : { checked: props.checked }\n\n return (\n <Styled.Root\n className={_className}\n style={style}\n disabled={disabled}\n error={error}\n htmlFor={id || name}\n size={size}\n width={width}\n display={display}\n fluid={fluid}\n >\n <input\n {...anotherProps}\n id={id || name}\n name={name}\n type='radio'\n value={value}\n disabled={disabled}\n {...inputProps}\n />\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'>\n <circle cx='10' cy='10' r='9' stroke='#727D8A' strokeWidth='2' fill='#fff' />\n <circle cx='10' cy='10' r='5' fill='#727D8A' />\n </svg>\n {label || children ? <span className={_labelClassName}>{label || children}</span> : null}\n </Styled.Root>\n )\n}\n\nRadio.defaultProps = {\n disabled: false,\n size: 'medium',\n display: 'inline-flex',\n onChange: (e: React.ChangeEvent<HTMLInputElement>) => console.log(e, e.target.value), // eslint-disable-line no-console\n}\n\nRadio.Input = InputRadio\nRadio.Group = RadioGroup\nRadio.displayName = 'Radio'\n\nexport { Radio }\n"],"names":["Radio","props","uncontrolled","checked","undefined","theme","useTheme","children","disabled","error","id","name","size","value","label","className","width","defaultInputControlsWidth","style","fluid","display","anotherProps","baseClassName","useClassname","displayName","_className","concatClassNames","_labelClassName","_jsxs","Styled","htmlFor","_jsx","jsx","type","defaultChecked","jsxs","xmlns","viewBox","cx","cy","r","stroke","strokeWidth","fill","defaultProps","onChange","e","console","log","target","Input","InputRadio","Group","RadioGroup"],"mappings":"4TA8DA,SAASA,MAAMC,GACb,MAAMC,EAAeD,EAAME,eAAYC,EACvC,MAAMC,EAAQC,OAAAA,WAEd,MAAMC,SACJA,EAAQC,SACRA,EAAQC,MACRA,EAAKC,GACLA,EAAEC,KACFA,EAAIC,KACJA,EAAIC,MACJA,EAAKC,MACLA,EAAKC,UACLA,EAASC,MACTA,EAAQX,EAAMY,gCACdC,EAAKC,MACLA,EAAKC,QACLA,KACGC,GACDpB,EAEJ,MAAMqB,EAAgBC,aAAAA,aAAavB,MAAMwB,aACzC,MAAMC,EAAaC,IAAgBA,iBACjCJ,EACAP,EACAd,EAAME,UAAYD,EAAe,GAAGoB,aAA2B,MAEjE,MAAMK,EAAkB,GAAGL,WAI3B,OACEM,WAAAA,KAACC,MAAAA,KAAW,CACVd,UAAWU,EACXP,MAAOA,EACPV,SAAUA,EACVC,MAAOA,EACPqB,QAASpB,GAAMC,EACfC,KAAMA,EACNI,MAAOA,EACPI,QAASA,EACTD,MAAOA,EAAMZ,UAEbwB,WAAAC,IAAA,QAAA,IACMX,EACJX,GAAIA,GAAMC,EACVA,KAAMA,EACNsB,KAAK,QACLpB,MAAOA,EACPL,SAAUA,KApBGN,EAAe,CAAEgC,eAAgBjC,EAAMiC,gBAAmB,CAAE/B,QAASF,EAAME,WAuB1FyB,WAAAO,KAAA,MAAA,CAAKC,MAAM,6BAA6BC,QAAQ,YAAW9B,UACzDwB,WAAAC,IAAA,SAAA,CAAQM,GAAG,KAAKC,GAAG,KAAKC,EAAE,IAAIC,OAAO,UAAUC,YAAY,IAAIC,KAAK,SACpEZ,WAAAC,IAAA,SAAA,CAAQM,GAAG,KAAKC,GAAG,KAAKC,EAAE,IAAIG,KAAK,eAEpC7B,GAASP,EAAWwB,WAAAA,IAAA,OAAA,CAAMhB,UAAWY,EAAgBpB,SAAEO,GAASP,IAAmB,OAG1F,CAEAP,MAAM4C,aAAe,CACnBpC,UAAU,EACVI,KAAM,SACNQ,QAAS,cACTyB,SAAWC,GAA2CC,QAAQC,IAAIF,EAAGA,EAAEG,OAAOpC,QAGhFb,MAAMkD,MAAQC,WAAAA,WACdnD,MAAMoD,MAAQC,MAAAA,WACdrD,MAAMwB,YAAc"}
@@ -1 +1 @@
1
- {"version":3,"file":"Radio.mjs","sources":["../../../../src/components/Radio/Radio.tsx"],"sourcesContent":["import { useTheme } from 'styled-components'\nimport type { ResponsiveProperty } from 'mixins/responsive-property'\nimport type { DisplayProperty } from 'mixins/display'\nimport { concatClassNames } from 'shared/utils/dom'\nimport { useClassname } from 'hooks/useClassname'\nimport type { BaseProps } from 'shared/interfaces'\nimport type { SizeInput } from 'shared/enums/sizeInput'\nimport { InputRadio } from 'components/InputRadio'\nimport { RadioGroup } from './Group'\nimport * as Styled from './style'\n\ntype RadioInputHtmlAttributes = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'width'>\n\nexport interface RadioProps extends BaseProps, DisplayProperty, RadioInputHtmlAttributes {\n /**\n * Field id\n */\n id?: string\n /**\n * Field name\n */\n name?: string\n /**\n * Radio label\n */\n label?: string\n /**\n * On change handler\n */\n onChange?(_e: React.ChangeEvent<HTMLInputElement>): void\n /**\n * Children react node\n */\n children?: React.ReactNode\n /**\n * A Radio can appear disabled and be unable to change states\n */\n disabled?: boolean\n /**\n * Field can show the data contains errors\n */\n error?: boolean\n /**\n * Whether or not Radio is checked\n */\n checked?: boolean\n defaultChecked?: boolean\n /**\n * Checkbox size\n */\n size?: 'small' | 'medium' | 'large'\n /**\n * Value\n */\n value?: string | number\n fluid?: boolean\n /**\n * Width of label. Default is `Theme.defaultInputControlsWidth`\n */\n width?: ResponsiveProperty<'auto' | number | keyof typeof SizeInput>\n}\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - `React.InputHTMLAttributes<HTMLInputElement>`\n */\nfunction Radio(props: typeof Radio.defaultProps & RadioProps) {\n const uncontrolled = props.checked === undefined\n const theme = useTheme()\n\n const {\n children,\n disabled,\n error,\n id,\n name,\n size,\n value,\n label,\n className,\n width = theme.defaultInputControlsWidth,\n style,\n fluid,\n display,\n ...anotherProps\n } = props\n\n const baseClassName = useClassname(Radio.displayName)\n const _className = concatClassNames(\n baseClassName,\n className,\n props.checked && !uncontrolled ? `${baseClassName}--checked` : null\n )\n const _labelClassName = `${baseClassName}__label`\n\n const inputProps = uncontrolled ? { defaultChecked: props.defaultChecked } : { checked: props.checked }\n\n return (\n <Styled.Root\n className={_className}\n style={style}\n disabled={disabled}\n error={error}\n htmlFor={id || name}\n size={size}\n width={width}\n display={display}\n fluid={fluid}\n >\n <input\n {...anotherProps}\n id={id || name}\n name={name}\n type='radio'\n value={value}\n disabled={disabled}\n {...inputProps}\n />\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'>\n <circle cx='10' cy='10' r='9' stroke='#727D8A' strokeWidth='2' fill='#fff' />\n <circle cx='10' cy='10' r='5' fill='#727D8A' />\n </svg>\n {label || children ? <span className={_labelClassName}>{label || children}</span> : null}\n </Styled.Root>\n )\n}\n\nRadio.defaultProps = {\n disabled: false,\n size: 'medium',\n display: 'inline-flex',\n onChange: (e: React.ChangeEvent<HTMLInputElement>) => console.log(e, e.target.value), // eslint-disable-line no-console\n}\n\nRadio.Input = InputRadio\nRadio.Group = RadioGroup\nRadio.displayName = 'Radio'\n\nexport { Radio }\n"],"names":["Radio","props","uncontrolled","checked","undefined","theme","useTheme","children","disabled","error","id","name","size","value","label","className","width","defaultInputControlsWidth","style","fluid","display","anotherProps","baseClassName","useClassname","displayName","_className","concatClassNames","_labelClassName","_jsxs","Styled","htmlFor","_jsx","type","defaultChecked","xmlns","viewBox","cx","cy","r","stroke","strokeWidth","fill","defaultProps","onChange","e","console","log","target","Input","InputRadio","Group","RadioGroup"],"mappings":"uTAmEA,SAASA,MAAMC,GACb,MAAMC,EAAeD,EAAME,eAAYC,EACvC,MAAMC,EAAQC,WAEd,MAAMC,SACJA,EAAQC,SACRA,EAAQC,MACRA,EAAKC,GACLA,EAAEC,KACFA,EAAIC,KACJA,EAAIC,MACJA,EAAKC,MACLA,EAAKC,UACLA,EAASC,MACTA,EAAQX,EAAMY,0BAAyBC,MACvCA,EAAKC,MACLA,EAAKC,QACLA,KACGC,GACDpB,EAEJ,MAAMqB,EAAgBC,aAAavB,MAAMwB,aACzC,MAAMC,EAAaC,iBACjBJ,EACAP,EACAd,EAAME,UAAYD,EAAe,GAAGoB,aAA2B,MAEjE,MAAMK,EAAkB,GAAGL,WAI3B,OACEM,KAACC,KAAW,CACVd,UAAWU,EACXP,MAAOA,EACPV,SAAUA,EACVC,MAAOA,EACPqB,QAASpB,GAAMC,EACfC,KAAMA,EACNI,MAAOA,EACPI,QAASA,EACTD,MAAOA,EAAMZ,UAEbwB,IAAA,QAAA,IACMV,EACJX,GAAIA,GAAMC,EACVA,KAAMA,EACNqB,KAAK,QACLnB,MAAOA,EACPL,SAAUA,KApBGN,EAAe,CAAE+B,eAAgBhC,EAAMgC,gBAAmB,CAAE9B,QAASF,EAAME,WAuB1FyB,KAAA,MAAA,CAAKM,MAAM,6BAA6BC,QAAQ,YAAW5B,UACzDwB,IAAA,SAAA,CAAQK,GAAG,KAAKC,GAAG,KAAKC,EAAE,IAAIC,OAAO,UAAUC,YAAY,IAAIC,KAAK,SACpEV,IAAA,SAAA,CAAQK,GAAG,KAAKC,GAAG,KAAKC,EAAE,IAAIG,KAAK,eAEpC3B,GAASP,EAAWwB,IAAA,OAAA,CAAMhB,UAAWY,EAAgBpB,SAAEO,GAASP,IAAmB,OAG1F,CAEAP,MAAM0C,aAAe,CACnBlC,UAAU,EACVI,KAAM,SACNQ,QAAS,cACTuB,SAAWC,GAA2CC,QAAQC,IAAIF,EAAGA,EAAEG,OAAOlC,QAGhFb,MAAMgD,MAAQC,WACdjD,MAAMkD,MAAQC,WACdnD,MAAMwB,YAAc"}
1
+ {"version":3,"file":"Radio.mjs","sources":["../../../../src/components/Radio/Radio.tsx"],"sourcesContent":["import { useTheme } from 'styled-components'\nimport type { ResponsiveProperty } from 'mixins/responsive-property'\nimport type { DisplayProperty } from 'mixins/display'\nimport { concatClassNames } from 'shared/utils/dom'\nimport { useClassname } from 'hooks/useClassname'\nimport type { BaseProps } from 'shared/interfaces'\nimport type { SizeInput } from 'shared/enums/sizeInput'\nimport { InputRadio } from 'components/InputRadio'\nimport { RadioGroup } from './Group'\nimport * as Styled from './style'\n\ntype RadioInputHtmlAttributes = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'width'>\n\nexport interface RadioProps extends BaseProps, DisplayProperty, RadioInputHtmlAttributes {\n /**\n * Field id\n */\n id?: string\n /**\n * Field name\n */\n name?: string\n /**\n * Radio label\n */\n label?: string\n /**\n * On change handler\n */\n onChange?(_e: React.ChangeEvent<HTMLInputElement>): void\n /**\n * Children react node\n */\n children?: React.ReactNode\n /**\n * A Radio can appear disabled and be unable to change states\n */\n disabled?: boolean\n /**\n * Field can show the data contains errors\n */\n error?: boolean\n /**\n * Whether or not Radio is checked\n */\n checked?: boolean\n defaultChecked?: boolean\n /**\n * Checkbox size\n */\n size?: 'small' | 'medium' | 'large'\n /**\n * Value\n */\n value?: string | number\n fluid?: boolean\n /**\n * Width of label. Default is `Theme.defaultInputControlsWidth`\n */\n width?: ResponsiveProperty<'auto' | number | keyof typeof SizeInput>\n}\n\nfunction Radio(props: typeof Radio.defaultProps & RadioProps) {\n const uncontrolled = props.checked === undefined\n const theme = useTheme()\n\n const {\n children,\n disabled,\n error,\n id,\n name,\n size,\n value,\n label,\n className,\n width = theme.defaultInputControlsWidth,\n style,\n fluid,\n display,\n ...anotherProps\n } = props\n\n const baseClassName = useClassname(Radio.displayName)\n const _className = concatClassNames(\n baseClassName,\n className,\n props.checked && !uncontrolled ? `${baseClassName}--checked` : null\n )\n const _labelClassName = `${baseClassName}__label`\n\n const inputProps = uncontrolled ? { defaultChecked: props.defaultChecked } : { checked: props.checked }\n\n return (\n <Styled.Root\n className={_className}\n style={style}\n disabled={disabled}\n error={error}\n htmlFor={id || name}\n size={size}\n width={width}\n display={display}\n fluid={fluid}\n >\n <input\n {...anotherProps}\n id={id || name}\n name={name}\n type='radio'\n value={value}\n disabled={disabled}\n {...inputProps}\n />\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'>\n <circle cx='10' cy='10' r='9' stroke='#727D8A' strokeWidth='2' fill='#fff' />\n <circle cx='10' cy='10' r='5' fill='#727D8A' />\n </svg>\n {label || children ? <span className={_labelClassName}>{label || children}</span> : null}\n </Styled.Root>\n )\n}\n\nRadio.defaultProps = {\n disabled: false,\n size: 'medium',\n display: 'inline-flex',\n onChange: (e: React.ChangeEvent<HTMLInputElement>) => console.log(e, e.target.value), // eslint-disable-line no-console\n}\n\nRadio.Input = InputRadio\nRadio.Group = RadioGroup\nRadio.displayName = 'Radio'\n\nexport { Radio }\n"],"names":["Radio","props","uncontrolled","checked","undefined","theme","useTheme","children","disabled","error","id","name","size","value","label","className","width","defaultInputControlsWidth","style","fluid","display","anotherProps","baseClassName","useClassname","displayName","_className","concatClassNames","_labelClassName","_jsxs","Styled","htmlFor","_jsx","type","defaultChecked","xmlns","viewBox","cx","cy","r","stroke","strokeWidth","fill","defaultProps","onChange","e","console","log","target","Input","InputRadio","Group","RadioGroup"],"mappings":"uTA8DA,SAASA,MAAMC,GACb,MAAMC,EAAeD,EAAME,eAAYC,EACvC,MAAMC,EAAQC,WAEd,MAAMC,SACJA,EAAQC,SACRA,EAAQC,MACRA,EAAKC,GACLA,EAAEC,KACFA,EAAIC,KACJA,EAAIC,MACJA,EAAKC,MACLA,EAAKC,UACLA,EAASC,MACTA,EAAQX,EAAMY,0BAAyBC,MACvCA,EAAKC,MACLA,EAAKC,QACLA,KACGC,GACDpB,EAEJ,MAAMqB,EAAgBC,aAAavB,MAAMwB,aACzC,MAAMC,EAAaC,iBACjBJ,EACAP,EACAd,EAAME,UAAYD,EAAe,GAAGoB,aAA2B,MAEjE,MAAMK,EAAkB,GAAGL,WAI3B,OACEM,KAACC,KAAW,CACVd,UAAWU,EACXP,MAAOA,EACPV,SAAUA,EACVC,MAAOA,EACPqB,QAASpB,GAAMC,EACfC,KAAMA,EACNI,MAAOA,EACPI,QAASA,EACTD,MAAOA,EAAMZ,UAEbwB,IAAA,QAAA,IACMV,EACJX,GAAIA,GAAMC,EACVA,KAAMA,EACNqB,KAAK,QACLnB,MAAOA,EACPL,SAAUA,KApBGN,EAAe,CAAE+B,eAAgBhC,EAAMgC,gBAAmB,CAAE9B,QAASF,EAAME,WAuB1FyB,KAAA,MAAA,CAAKM,MAAM,6BAA6BC,QAAQ,YAAW5B,UACzDwB,IAAA,SAAA,CAAQK,GAAG,KAAKC,GAAG,KAAKC,EAAE,IAAIC,OAAO,UAAUC,YAAY,IAAIC,KAAK,SACpEV,IAAA,SAAA,CAAQK,GAAG,KAAKC,GAAG,KAAKC,EAAE,IAAIG,KAAK,eAEpC3B,GAASP,EAAWwB,IAAA,OAAA,CAAMhB,UAAWY,EAAgBpB,SAAEO,GAASP,IAAmB,OAG1F,CAEAP,MAAM0C,aAAe,CACnBlC,UAAU,EACVI,KAAM,SACNQ,QAAS,cACTuB,SAAWC,GAA2CC,QAAQC,IAAIF,EAAGA,EAAEG,OAAOlC,QAGhFb,MAAMgD,MAAQC,WACdjD,MAAMkD,MAAQC,WACdnD,MAAMwB,YAAc"}
@@ -1 +1 @@
1
- {"version":3,"file":"Section.js","sources":["../../../../src/components/Section/Section.tsx"],"sourcesContent":["import type { ColorProperty } from 'mixins/color'\nimport type { DisplayProperty } from 'mixins/display'\nimport type { ResponsiveNamedProperty } from 'mixins/responsive-property'\nimport type { BaseProps } from 'shared/interfaces'\nimport * as Styled from './style'\n\nexport interface SectionProps extends BaseProps, DisplayProperty, ColorProperty, ResponsiveNamedProperty<'padding'> {\n /**\n * Paper with shadow\n */\n shadow?: boolean\n /**\n * This number represents the zDepth of the paper shadow\n */\n zDepth?: 1 | 2 | 3 | 4 | 5\n /**\n * Section content\n */\n /**\n * Children react node\n */\n children?: React.ReactNode\n /**\n * Text align\n */\n textAlign?: 'left' | 'right' | 'center'\n}\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Color`](#/Миксины)\n * - [`Display`](#/Миксины)\n * - [`ResponsiveNamedProperty<'padding'>`](#/Миксины)\n */\nfunction Section(props: SectionProps) {\n return <Styled.Root {...props} />\n}\n\nSection.displayName = 'Section'\n\nexport { Section }\n"],"names":["Section","props","_jsx","Styled","displayName"],"mappings":"yFAmCA,SAASA,QAAQC,GACf,OAAOC,WAAAA,IAACC,MAAAA,KAAW,IAAKF,GAC1B,CAEAD,QAAQI,YAAc"}
1
+ {"version":3,"file":"Section.js","sources":["../../../../src/components/Section/Section.tsx"],"sourcesContent":["import type { ColorProperty } from 'mixins/color'\nimport type { DisplayProperty } from 'mixins/display'\nimport type { ResponsiveNamedProperty } from 'mixins/responsive-property'\nimport type { BaseProps } from 'shared/interfaces'\nimport * as Styled from './style'\n\nexport interface SectionProps extends BaseProps, DisplayProperty, ColorProperty, ResponsiveNamedProperty<'padding'> {\n /**\n * Paper with shadow\n */\n shadow?: boolean\n /**\n * This number represents the zDepth of the paper shadow\n */\n zDepth?: 1 | 2 | 3 | 4 | 5\n /**\n * Section content\n */\n /**\n * Children react node\n */\n children?: React.ReactNode\n /**\n * Text align\n */\n textAlign?: 'left' | 'right' | 'center'\n}\n\nfunction Section(props: SectionProps) {\n return <Styled.Root {...props} />\n}\n\nSection.displayName = 'Section'\n\nexport { Section }\n"],"names":["Section","props","_jsx","Styled","displayName"],"mappings":"yFA4BA,SAASA,QAAQC,GACf,OAAOC,WAAAA,IAACC,MAAAA,KAAW,IAAKF,GAC1B,CAEAD,QAAQI,YAAc"}
@@ -1 +1 @@
1
- {"version":3,"file":"Section.mjs","sources":["../../../../src/components/Section/Section.tsx"],"sourcesContent":["import type { ColorProperty } from 'mixins/color'\nimport type { DisplayProperty } from 'mixins/display'\nimport type { ResponsiveNamedProperty } from 'mixins/responsive-property'\nimport type { BaseProps } from 'shared/interfaces'\nimport * as Styled from './style'\n\nexport interface SectionProps extends BaseProps, DisplayProperty, ColorProperty, ResponsiveNamedProperty<'padding'> {\n /**\n * Paper with shadow\n */\n shadow?: boolean\n /**\n * This number represents the zDepth of the paper shadow\n */\n zDepth?: 1 | 2 | 3 | 4 | 5\n /**\n * Section content\n */\n /**\n * Children react node\n */\n children?: React.ReactNode\n /**\n * Text align\n */\n textAlign?: 'left' | 'right' | 'center'\n}\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Color`](#/Миксины)\n * - [`Display`](#/Миксины)\n * - [`ResponsiveNamedProperty<'padding'>`](#/Миксины)\n */\nfunction Section(props: SectionProps) {\n return <Styled.Root {...props} />\n}\n\nSection.displayName = 'Section'\n\nexport { Section }\n"],"names":["Section","props","_jsx","Styled","displayName"],"mappings":"iEAmCA,SAASA,QAAQC,GACf,OAAOC,IAACC,KAAW,IAAKF,GAC1B,CAEAD,QAAQI,YAAc"}
1
+ {"version":3,"file":"Section.mjs","sources":["../../../../src/components/Section/Section.tsx"],"sourcesContent":["import type { ColorProperty } from 'mixins/color'\nimport type { DisplayProperty } from 'mixins/display'\nimport type { ResponsiveNamedProperty } from 'mixins/responsive-property'\nimport type { BaseProps } from 'shared/interfaces'\nimport * as Styled from './style'\n\nexport interface SectionProps extends BaseProps, DisplayProperty, ColorProperty, ResponsiveNamedProperty<'padding'> {\n /**\n * Paper with shadow\n */\n shadow?: boolean\n /**\n * This number represents the zDepth of the paper shadow\n */\n zDepth?: 1 | 2 | 3 | 4 | 5\n /**\n * Section content\n */\n /**\n * Children react node\n */\n children?: React.ReactNode\n /**\n * Text align\n */\n textAlign?: 'left' | 'right' | 'center'\n}\n\nfunction Section(props: SectionProps) {\n return <Styled.Root {...props} />\n}\n\nSection.displayName = 'Section'\n\nexport { Section }\n"],"names":["Section","props","_jsx","Styled","displayName"],"mappings":"iEA4BA,SAASA,QAAQC,GACf,OAAOC,IAACC,KAAW,IAAKF,GAC1B,CAEAD,QAAQI,YAAc"}
@@ -1 +1 @@
1
- {"version":3,"file":"Separator.js","sources":["../../../../src/components/Separator/Separator.tsx"],"sourcesContent":["import type { ColorProperty } from 'mixins/color'\nimport type { ResponsiveNamedProperty } from 'mixins/responsive-property'\nimport type { BaseProps } from 'shared/interfaces'\nimport { SeparatorText } from './SeparatorText'\nimport * as Styled from './style'\n\nexport interface SeparatorProps\n extends BaseProps,\n ColorProperty,\n ResponsiveNamedProperty<'top'>,\n ResponsiveNamedProperty<'right'>,\n ResponsiveNamedProperty<'bottom'>,\n ResponsiveNamedProperty<'left'>,\n ResponsiveNamedProperty<'padding'>,\n ResponsiveNamedProperty<'paddingTop'>,\n ResponsiveNamedProperty<'paddingRight'>,\n ResponsiveNamedProperty<'paddingBottom'>,\n ResponsiveNamedProperty<'paddingLeft'>,\n ResponsiveNamedProperty<'margin'>,\n ResponsiveNamedProperty<'marginTop'>,\n ResponsiveNamedProperty<'marginRight'>,\n ResponsiveNamedProperty<'marginBottom'>,\n ResponsiveNamedProperty<'marginLeft'> {\n /**\n * Separator weight\n */\n weight?: 1 | 2 | 3 | 4 | 5\n}\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Color`](#/Миксины)\n * - [`Color<'fontColor'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'top'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'right'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'bottom'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'left'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'padding'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'paddingTop'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'paddingRight'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'paddingBottom'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'paddingLeft'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'margin'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'marginTop'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'marginRight'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'marginBottom'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'marginLeft'>`](#/Миксины)\n */\nfunction Separator(props: typeof Separator.defaultProps & SeparatorProps) {\n return <Styled.Root {...props} />\n}\n\nSeparator.defaultProps = {\n margin: 's',\n color: 'grey',\n weight: 1,\n}\n\nSeparator.Text = SeparatorText\nSeparator.displayName = 'Separator'\n\nexport { Separator }\n"],"names":["Separator","props","_jsx","Styled","defaultProps","margin","color","weight","Text","SeparatorText","displayName"],"mappings":"yIAiDA,SAASA,UAAUC,GACjB,OAAOC,WAAAA,IAACC,MAAAA,KAAW,IAAKF,GAC1B,CAEAD,UAAUI,aAAe,CACvBC,OAAQ,IACRC,MAAO,OACPC,OAAQ,GAGVP,UAAUQ,KAAOC,cAAAA,cACjBT,UAAUU,YAAc"}
1
+ {"version":3,"file":"Separator.js","sources":["../../../../src/components/Separator/Separator.tsx"],"sourcesContent":["import type { ColorProperty } from 'mixins/color'\nimport type { ResponsiveNamedProperty } from 'mixins/responsive-property'\nimport type { BaseProps } from 'shared/interfaces'\nimport { SeparatorText } from './SeparatorText'\nimport * as Styled from './style'\n\nexport interface SeparatorProps\n extends BaseProps,\n ColorProperty,\n ResponsiveNamedProperty<'top'>,\n ResponsiveNamedProperty<'right'>,\n ResponsiveNamedProperty<'bottom'>,\n ResponsiveNamedProperty<'left'>,\n ResponsiveNamedProperty<'padding'>,\n ResponsiveNamedProperty<'paddingTop'>,\n ResponsiveNamedProperty<'paddingRight'>,\n ResponsiveNamedProperty<'paddingBottom'>,\n ResponsiveNamedProperty<'paddingLeft'>,\n ResponsiveNamedProperty<'margin'>,\n ResponsiveNamedProperty<'marginTop'>,\n ResponsiveNamedProperty<'marginRight'>,\n ResponsiveNamedProperty<'marginBottom'>,\n ResponsiveNamedProperty<'marginLeft'> {\n /**\n * Separator weight\n */\n weight?: 1 | 2 | 3 | 4 | 5\n}\n\nfunction Separator(props: typeof Separator.defaultProps & SeparatorProps) {\n return <Styled.Root {...props} />\n}\n\nSeparator.defaultProps = {\n margin: 's',\n color: 'grey',\n weight: 1,\n}\n\nSeparator.Text = SeparatorText\nSeparator.displayName = 'Separator'\n\nexport { Separator }\n"],"names":["Separator","props","_jsx","Styled","defaultProps","margin","color","weight","Text","SeparatorText","displayName"],"mappings":"yIA6BA,SAASA,UAAUC,GACjB,OAAOC,WAAAA,IAACC,MAAAA,KAAW,IAAKF,GAC1B,CAEAD,UAAUI,aAAe,CACvBC,OAAQ,IACRC,MAAO,OACPC,OAAQ,GAGVP,UAAUQ,KAAOC,cAAAA,cACjBT,UAAUU,YAAc"}
@@ -1 +1 @@
1
- {"version":3,"file":"Separator.mjs","sources":["../../../../src/components/Separator/Separator.tsx"],"sourcesContent":["import type { ColorProperty } from 'mixins/color'\nimport type { ResponsiveNamedProperty } from 'mixins/responsive-property'\nimport type { BaseProps } from 'shared/interfaces'\nimport { SeparatorText } from './SeparatorText'\nimport * as Styled from './style'\n\nexport interface SeparatorProps\n extends BaseProps,\n ColorProperty,\n ResponsiveNamedProperty<'top'>,\n ResponsiveNamedProperty<'right'>,\n ResponsiveNamedProperty<'bottom'>,\n ResponsiveNamedProperty<'left'>,\n ResponsiveNamedProperty<'padding'>,\n ResponsiveNamedProperty<'paddingTop'>,\n ResponsiveNamedProperty<'paddingRight'>,\n ResponsiveNamedProperty<'paddingBottom'>,\n ResponsiveNamedProperty<'paddingLeft'>,\n ResponsiveNamedProperty<'margin'>,\n ResponsiveNamedProperty<'marginTop'>,\n ResponsiveNamedProperty<'marginRight'>,\n ResponsiveNamedProperty<'marginBottom'>,\n ResponsiveNamedProperty<'marginLeft'> {\n /**\n * Separator weight\n */\n weight?: 1 | 2 | 3 | 4 | 5\n}\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Color`](#/Миксины)\n * - [`Color<'fontColor'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'top'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'right'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'bottom'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'left'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'padding'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'paddingTop'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'paddingRight'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'paddingBottom'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'paddingLeft'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'margin'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'marginTop'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'marginRight'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'marginBottom'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'marginLeft'>`](#/Миксины)\n */\nfunction Separator(props: typeof Separator.defaultProps & SeparatorProps) {\n return <Styled.Root {...props} />\n}\n\nSeparator.defaultProps = {\n margin: 's',\n color: 'grey',\n weight: 1,\n}\n\nSeparator.Text = SeparatorText\nSeparator.displayName = 'Separator'\n\nexport { Separator }\n"],"names":["Separator","props","_jsx","Styled","defaultProps","margin","color","weight","Text","SeparatorText","displayName"],"mappings":"gHAiDA,SAASA,UAAUC,GACjB,OAAOC,IAACC,KAAW,IAAKF,GAC1B,CAEAD,UAAUI,aAAe,CACvBC,OAAQ,IACRC,MAAO,OACPC,OAAQ,GAGVP,UAAUQ,KAAOC,cACjBT,UAAUU,YAAc"}
1
+ {"version":3,"file":"Separator.mjs","sources":["../../../../src/components/Separator/Separator.tsx"],"sourcesContent":["import type { ColorProperty } from 'mixins/color'\nimport type { ResponsiveNamedProperty } from 'mixins/responsive-property'\nimport type { BaseProps } from 'shared/interfaces'\nimport { SeparatorText } from './SeparatorText'\nimport * as Styled from './style'\n\nexport interface SeparatorProps\n extends BaseProps,\n ColorProperty,\n ResponsiveNamedProperty<'top'>,\n ResponsiveNamedProperty<'right'>,\n ResponsiveNamedProperty<'bottom'>,\n ResponsiveNamedProperty<'left'>,\n ResponsiveNamedProperty<'padding'>,\n ResponsiveNamedProperty<'paddingTop'>,\n ResponsiveNamedProperty<'paddingRight'>,\n ResponsiveNamedProperty<'paddingBottom'>,\n ResponsiveNamedProperty<'paddingLeft'>,\n ResponsiveNamedProperty<'margin'>,\n ResponsiveNamedProperty<'marginTop'>,\n ResponsiveNamedProperty<'marginRight'>,\n ResponsiveNamedProperty<'marginBottom'>,\n ResponsiveNamedProperty<'marginLeft'> {\n /**\n * Separator weight\n */\n weight?: 1 | 2 | 3 | 4 | 5\n}\n\nfunction Separator(props: typeof Separator.defaultProps & SeparatorProps) {\n return <Styled.Root {...props} />\n}\n\nSeparator.defaultProps = {\n margin: 's',\n color: 'grey',\n weight: 1,\n}\n\nSeparator.Text = SeparatorText\nSeparator.displayName = 'Separator'\n\nexport { Separator }\n"],"names":["Separator","props","_jsx","Styled","defaultProps","margin","color","weight","Text","SeparatorText","displayName"],"mappings":"gHA6BA,SAASA,UAAUC,GACjB,OAAOC,IAACC,KAAW,IAAKF,GAC1B,CAEAD,UAAUI,aAAe,CACvBC,OAAQ,IACRC,MAAO,OACPC,OAAQ,GAGVP,UAAUQ,KAAOC,cACjBT,UAAUU,YAAc"}
@@ -1 +1 @@
1
- {"version":3,"file":"Skeleton.js","sources":["../../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["import { forwardRef, isValidElement, cloneElement } from 'react'\nimport { useMergedPalette } from 'hooks/useMergedPalette'\nimport * as Styled from './style'\nimport type { SkeletonProps } from './types'\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Responsive \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [SkeletonProps](https://github.com/foxford/ui/blob/master/src/components/Skeleton/types.ts)\n */\nconst Skeleton: React.ForwardRefExoticComponent<SkeletonProps> = forwardRef<HTMLDivElement, SkeletonProps>(\n (props, ref) => {\n const palette = useMergedPalette(props)\n\n return (\n <Styled.Root {...props} palette={palette} ref={ref}>\n {!props.children ? (\n <>&nbsp;</>\n ) : isValidElement(props.children) &&\n typeof props.children.props === 'object' &&\n props.children.props !== null &&\n !props.children.props.children ? (\n cloneElement(props.children, {}, <>&nbsp;</>)\n ) : (\n props.children\n )}\n </Styled.Root>\n )\n }\n)\n\nexport { Skeleton }\n"],"names":["forwardRef","props","ref","palette","useMergedPalette","_jsx","Styled","children","isValidElement","cloneElement","_Fragment"],"mappings":"qMAeiEA,MAAUA,YACzE,CAACC,EAAOC,KACN,MAAMC,EAAUC,kCAAiBH,GAEjC,OACEI,WAAAA,IAACC,MAAAA,KAAW,IAAKL,EAAOE,QAASA,EAASD,IAAKA,EAAIK,SAC/CN,EAAMM,SAEJC,MAAcA,eAACP,EAAMM,kBAChBN,EAAMM,SAASN,OAAU,UAChCA,EAAMM,SAASN,QAAU,OACxBA,EAAMM,SAASN,MAAMM,SACtBE,mBAAaR,EAAMM,SAAU,GAAIF,WAAAA,IAAAK,WAAAA,SAAA,CAAAH,SAAE,OAEnCN,EAAMM,SAPNF,WAAAA,IAAAK,WAAAA,SAAA,CAAAH,SAAE,OASQ"}
1
+ {"version":3,"file":"Skeleton.js","sources":["../../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["import { forwardRef, isValidElement, cloneElement } from 'react'\nimport { useMergedPalette } from 'hooks/useMergedPalette'\nimport * as Styled from './style'\nimport type { SkeletonProps } from './types'\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Responsive \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [SkeletonProps](https://github.com/foxford/ui/blob/master/packages/ui/src/components/Skeleton/types.ts)\n */\nconst Skeleton: React.ForwardRefExoticComponent<SkeletonProps> = forwardRef<HTMLDivElement, SkeletonProps>(\n (props, ref) => {\n const palette = useMergedPalette(props)\n\n return (\n <Styled.Root {...props} palette={palette} ref={ref}>\n {!props.children ? (\n <>&nbsp;</>\n ) : isValidElement(props.children) &&\n typeof props.children.props === 'object' &&\n props.children.props !== null &&\n !props.children.props.children ? (\n cloneElement(props.children, {}, <>&nbsp;</>)\n ) : (\n props.children\n )}\n </Styled.Root>\n )\n }\n)\n\nexport { Skeleton }\n"],"names":["forwardRef","props","ref","palette","useMergedPalette","_jsx","Styled","children","isValidElement","cloneElement","_Fragment"],"mappings":"qMAeiEA,MAAUA,YACzE,CAACC,EAAOC,KACN,MAAMC,EAAUC,kCAAiBH,GAEjC,OACEI,WAAAA,IAACC,MAAAA,KAAW,IAAKL,EAAOE,QAASA,EAASD,IAAKA,EAAIK,SAC/CN,EAAMM,SAEJC,MAAcA,eAACP,EAAMM,kBAChBN,EAAMM,SAASN,OAAU,UAChCA,EAAMM,SAASN,QAAU,OACxBA,EAAMM,SAASN,MAAMM,SACtBE,mBAAaR,EAAMM,SAAU,GAAIF,WAAAA,IAAAK,WAAAA,SAAA,CAAAH,SAAE,OAEnCN,EAAMM,SAPNF,WAAAA,IAAAK,WAAAA,SAAA,CAAAH,SAAE,OASQ"}
@@ -1 +1 @@
1
- {"version":3,"file":"Skeleton.mjs","sources":["../../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["import { forwardRef, isValidElement, cloneElement } from 'react'\nimport { useMergedPalette } from 'hooks/useMergedPalette'\nimport * as Styled from './style'\nimport type { SkeletonProps } from './types'\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Responsive \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [SkeletonProps](https://github.com/foxford/ui/blob/master/src/components/Skeleton/types.ts)\n */\nconst Skeleton: React.ForwardRefExoticComponent<SkeletonProps> = forwardRef<HTMLDivElement, SkeletonProps>(\n (props, ref) => {\n const palette = useMergedPalette(props)\n\n return (\n <Styled.Root {...props} palette={palette} ref={ref}>\n {!props.children ? (\n <>&nbsp;</>\n ) : isValidElement(props.children) &&\n typeof props.children.props === 'object' &&\n props.children.props !== null &&\n !props.children.props.children ? (\n cloneElement(props.children, {}, <>&nbsp;</>)\n ) : (\n props.children\n )}\n </Styled.Root>\n )\n }\n)\n\nexport { Skeleton }\n"],"names":["Skeleton","forwardRef","props","ref","palette","useMergedPalette","_jsx","Styled","children","isValidElement","cloneElement","_Fragment"],"mappings":"mMAeMA,MAAAA,SAA2DC,YAC/D,CAACC,EAAOC,KACN,MAAMC,EAAUC,iBAAiBH,GAEjC,OACEI,IAACC,KAAW,IAAKL,EAAOE,QAASA,EAASD,IAAKA,EAAIK,SAC/CN,EAAMM,SAEJC,eAAeP,EAAMM,kBAChBN,EAAMM,SAASN,OAAU,UAChCA,EAAMM,SAASN,QAAU,OACxBA,EAAMM,SAASN,MAAMM,SACtBE,aAAaR,EAAMM,SAAU,GAAIF,IAAAK,SAAA,CAAAH,SAAE,OAEnCN,EAAMM,SAPNF,IAAAK,SAAA,CAAAH,SAAE,OASQ"}
1
+ {"version":3,"file":"Skeleton.mjs","sources":["../../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["import { forwardRef, isValidElement, cloneElement } from 'react'\nimport { useMergedPalette } from 'hooks/useMergedPalette'\nimport * as Styled from './style'\nimport type { SkeletonProps } from './types'\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Responsive \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [SkeletonProps](https://github.com/foxford/ui/blob/master/packages/ui/src/components/Skeleton/types.ts)\n */\nconst Skeleton: React.ForwardRefExoticComponent<SkeletonProps> = forwardRef<HTMLDivElement, SkeletonProps>(\n (props, ref) => {\n const palette = useMergedPalette(props)\n\n return (\n <Styled.Root {...props} palette={palette} ref={ref}>\n {!props.children ? (\n <>&nbsp;</>\n ) : isValidElement(props.children) &&\n typeof props.children.props === 'object' &&\n props.children.props !== null &&\n !props.children.props.children ? (\n cloneElement(props.children, {}, <>&nbsp;</>)\n ) : (\n props.children\n )}\n </Styled.Root>\n )\n }\n)\n\nexport { Skeleton }\n"],"names":["Skeleton","forwardRef","props","ref","palette","useMergedPalette","_jsx","Styled","children","isValidElement","cloneElement","_Fragment"],"mappings":"mMAeMA,MAAAA,SAA2DC,YAC/D,CAACC,EAAOC,KACN,MAAMC,EAAUC,iBAAiBH,GAEjC,OACEI,IAACC,KAAW,IAAKL,EAAOE,QAASA,EAASD,IAAKA,EAAIK,SAC/CN,EAAMM,SAEJC,eAAeP,EAAMM,kBAChBN,EAAMM,SAASN,OAAU,UAChCA,EAAMM,SAASN,QAAU,OACxBA,EAAMM,SAASN,MAAMM,SACtBE,aAAaR,EAAMM,SAAU,GAAIF,IAAAK,SAAA,CAAAH,SAAE,OAEnCN,EAAMM,SAPNF,IAAAK,SAAA,CAAAH,SAAE,OASQ"}
@@ -1 +1 @@
1
- {"version":3,"file":"Spacer.js","sources":["../../../../src/components/Spacer/Spacer.tsx"],"sourcesContent":["import type { DisplayProperty } from 'mixins/display'\nimport type { ResponsiveNamedProperty } from 'mixins/responsive-property'\nimport type { BaseProps } from 'shared/interfaces'\nimport * as Styled from './style'\n\nexport interface SpacerProps\n extends BaseProps,\n DisplayProperty,\n ResponsiveNamedProperty<'top'>,\n ResponsiveNamedProperty<'right'>,\n ResponsiveNamedProperty<'bottom'>,\n ResponsiveNamedProperty<'left'>,\n ResponsiveNamedProperty<'padding'>,\n ResponsiveNamedProperty<'paddingTop'>,\n ResponsiveNamedProperty<'paddingRight'>,\n ResponsiveNamedProperty<'paddingBottom'>,\n ResponsiveNamedProperty<'paddingLeft'>,\n ResponsiveNamedProperty<'margin'>,\n ResponsiveNamedProperty<'marginTop'>,\n ResponsiveNamedProperty<'marginRight'>,\n ResponsiveNamedProperty<'marginBottom'>,\n ResponsiveNamedProperty<'marginLeft'> {\n /**\n * Primary content\n */\n /**\n * Children react node\n */\n children?: React.ReactNode\n onClick?: (_e: React.MouseEvent<HTMLDivElement>) => void\n}\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Display`](#/Миксины)\n * - [`ResponsiveNamedProperty<'top'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'right'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'bottom'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'left'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'padding'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'paddingTop'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'paddingRight'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'paddingBottom'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'paddingLeft'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'margin'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'marginTop'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'marginRight'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'marginBottom'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'marginLeft'>`](#/Миксины)\n */\nfunction Spacer(props: SpacerProps) {\n return <Styled.Root {...props} />\n}\n\nSpacer.displayName = 'Spacer'\n\nexport { Spacer }\n"],"names":["Spacer","props","_jsx","Styled","displayName"],"mappings":"yFAmDA,SAASA,OAAOC,GACd,OAAOC,WAAAA,IAACC,MAAAA,KAAW,IAAKF,GAC1B,CAEAD,OAAOI,YAAc"}
1
+ {"version":3,"file":"Spacer.js","sources":["../../../../src/components/Spacer/Spacer.tsx"],"sourcesContent":["import type { DisplayProperty } from 'mixins/display'\nimport type { ResponsiveNamedProperty } from 'mixins/responsive-property'\nimport type { BaseProps } from 'shared/interfaces'\nimport * as Styled from './style'\n\nexport interface SpacerProps\n extends BaseProps,\n DisplayProperty,\n ResponsiveNamedProperty<'top'>,\n ResponsiveNamedProperty<'right'>,\n ResponsiveNamedProperty<'bottom'>,\n ResponsiveNamedProperty<'left'>,\n ResponsiveNamedProperty<'padding'>,\n ResponsiveNamedProperty<'paddingTop'>,\n ResponsiveNamedProperty<'paddingRight'>,\n ResponsiveNamedProperty<'paddingBottom'>,\n ResponsiveNamedProperty<'paddingLeft'>,\n ResponsiveNamedProperty<'margin'>,\n ResponsiveNamedProperty<'marginTop'>,\n ResponsiveNamedProperty<'marginRight'>,\n ResponsiveNamedProperty<'marginBottom'>,\n ResponsiveNamedProperty<'marginLeft'> {\n /**\n * Primary content\n */\n /**\n * Children react node\n */\n children?: React.ReactNode\n onClick?: (_e: React.MouseEvent<HTMLDivElement>) => void\n}\n\nfunction Spacer(props: SpacerProps) {\n return <Styled.Root {...props} />\n}\n\nSpacer.displayName = 'Spacer'\n\nexport { Spacer }\n"],"names":["Spacer","props","_jsx","Styled","displayName"],"mappings":"yFAgCA,SAASA,OAAOC,GACd,OAAOC,WAAAA,IAACC,MAAAA,KAAW,IAAKF,GAC1B,CAEAD,OAAOI,YAAc"}
@@ -1 +1 @@
1
- {"version":3,"file":"Spacer.mjs","sources":["../../../../src/components/Spacer/Spacer.tsx"],"sourcesContent":["import type { DisplayProperty } from 'mixins/display'\nimport type { ResponsiveNamedProperty } from 'mixins/responsive-property'\nimport type { BaseProps } from 'shared/interfaces'\nimport * as Styled from './style'\n\nexport interface SpacerProps\n extends BaseProps,\n DisplayProperty,\n ResponsiveNamedProperty<'top'>,\n ResponsiveNamedProperty<'right'>,\n ResponsiveNamedProperty<'bottom'>,\n ResponsiveNamedProperty<'left'>,\n ResponsiveNamedProperty<'padding'>,\n ResponsiveNamedProperty<'paddingTop'>,\n ResponsiveNamedProperty<'paddingRight'>,\n ResponsiveNamedProperty<'paddingBottom'>,\n ResponsiveNamedProperty<'paddingLeft'>,\n ResponsiveNamedProperty<'margin'>,\n ResponsiveNamedProperty<'marginTop'>,\n ResponsiveNamedProperty<'marginRight'>,\n ResponsiveNamedProperty<'marginBottom'>,\n ResponsiveNamedProperty<'marginLeft'> {\n /**\n * Primary content\n */\n /**\n * Children react node\n */\n children?: React.ReactNode\n onClick?: (_e: React.MouseEvent<HTMLDivElement>) => void\n}\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Display`](#/Миксины)\n * - [`ResponsiveNamedProperty<'top'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'right'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'bottom'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'left'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'padding'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'paddingTop'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'paddingRight'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'paddingBottom'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'paddingLeft'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'margin'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'marginTop'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'marginRight'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'marginBottom'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'marginLeft'>`](#/Миксины)\n */\nfunction Spacer(props: SpacerProps) {\n return <Styled.Root {...props} />\n}\n\nSpacer.displayName = 'Spacer'\n\nexport { Spacer }\n"],"names":["Spacer","props","_jsx","Styled","displayName"],"mappings":"iEAmDA,SAASA,OAAOC,GACd,OAAOC,IAACC,KAAW,IAAKF,GAC1B,CAEAD,OAAOI,YAAc"}
1
+ {"version":3,"file":"Spacer.mjs","sources":["../../../../src/components/Spacer/Spacer.tsx"],"sourcesContent":["import type { DisplayProperty } from 'mixins/display'\nimport type { ResponsiveNamedProperty } from 'mixins/responsive-property'\nimport type { BaseProps } from 'shared/interfaces'\nimport * as Styled from './style'\n\nexport interface SpacerProps\n extends BaseProps,\n DisplayProperty,\n ResponsiveNamedProperty<'top'>,\n ResponsiveNamedProperty<'right'>,\n ResponsiveNamedProperty<'bottom'>,\n ResponsiveNamedProperty<'left'>,\n ResponsiveNamedProperty<'padding'>,\n ResponsiveNamedProperty<'paddingTop'>,\n ResponsiveNamedProperty<'paddingRight'>,\n ResponsiveNamedProperty<'paddingBottom'>,\n ResponsiveNamedProperty<'paddingLeft'>,\n ResponsiveNamedProperty<'margin'>,\n ResponsiveNamedProperty<'marginTop'>,\n ResponsiveNamedProperty<'marginRight'>,\n ResponsiveNamedProperty<'marginBottom'>,\n ResponsiveNamedProperty<'marginLeft'> {\n /**\n * Primary content\n */\n /**\n * Children react node\n */\n children?: React.ReactNode\n onClick?: (_e: React.MouseEvent<HTMLDivElement>) => void\n}\n\nfunction Spacer(props: SpacerProps) {\n return <Styled.Root {...props} />\n}\n\nSpacer.displayName = 'Spacer'\n\nexport { Spacer }\n"],"names":["Spacer","props","_jsx","Styled","displayName"],"mappings":"iEAgCA,SAASA,OAAOC,GACd,OAAOC,IAACC,KAAW,IAAKF,GAC1B,CAEAD,OAAOI,YAAc"}
@@ -1 +1 @@
1
- {"version":3,"file":"Spinner.js","sources":["../../../../src/components/Spinner/Spinner.tsx"],"sourcesContent":["import type { ResponsiveNamedProperty } from 'mixins/responsive-property'\nimport { useClassname } from 'hooks/useClassname'\nimport type { BaseProps } from 'shared/interfaces'\nimport * as Styled from './style'\n\nexport interface SpinnerProps extends BaseProps, ResponsiveNamedProperty<'size'> {\n /**\n * Size of spinner\n */\n size?: 'l' | 's' | 'm' | number\n /**\n * Vertically center the spinner inside 100vh container\n */\n fullscreen?: boolean\n /**\n * Inline. Has no top/bottom margins\n */\n inline?: boolean\n}\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`ResponsiveNamedProperty<'size'>`](#/Миксины)\n */\nfunction Spinner({ className, ...props }: typeof Spinner.defaultProps & SpinnerProps) {\n const _className = useClassname(Spinner.displayName, className)\n\n return <Styled.Root className={_className} {...props} />\n}\n\nSpinner.defaultProps = {\n size: 'm',\n}\n\nSpinner.displayName = 'Spinner'\n\nexport { Spinner }\n"],"names":["Spinner","className","props","_className","useClassname","displayName","_jsx","Styled","defaultProps","size"],"mappings":"iJAyBA,SAASA,SAAQC,UAAEA,KAAcC,IAC/B,MAAMC,EAAaC,aAAYA,aAACJ,QAAQK,YAAaJ,GAErD,OAAOK,WAAAA,IAACC,MAAAA,KAAW,CAACN,UAAWE,KAAgBD,GACjD,CAEAF,QAAQQ,aAAe,CACrBC,KAAM,KAGRT,QAAQK,YAAc"}
1
+ {"version":3,"file":"Spinner.js","sources":["../../../../src/components/Spinner/Spinner.tsx"],"sourcesContent":["import type { ResponsiveNamedProperty } from 'mixins/responsive-property'\nimport { useClassname } from 'hooks/useClassname'\nimport type { BaseProps } from 'shared/interfaces'\nimport * as Styled from './style'\n\nexport interface SpinnerProps extends BaseProps, ResponsiveNamedProperty<'size'> {\n /**\n * Size of spinner\n */\n size?: 'l' | 's' | 'm' | number\n /**\n * Vertically center the spinner inside 100vh container\n */\n fullscreen?: boolean\n /**\n * Inline. Has no top/bottom margins\n */\n inline?: boolean\n}\n\nfunction Spinner({ className, ...props }: typeof Spinner.defaultProps & SpinnerProps) {\n const _className = useClassname(Spinner.displayName, className)\n\n return <Styled.Root className={_className} {...props} />\n}\n\nSpinner.defaultProps = {\n size: 'm',\n}\n\nSpinner.displayName = 'Spinner'\n\nexport { Spinner }\n"],"names":["Spinner","className","props","_className","useClassname","displayName","_jsx","Styled","defaultProps","size"],"mappings":"iJAoBA,SAASA,SAAQC,UAAEA,KAAcC,IAC/B,MAAMC,EAAaC,aAAYA,aAACJ,QAAQK,YAAaJ,GAErD,OAAOK,WAAAA,IAACC,MAAAA,KAAW,CAACN,UAAWE,KAAgBD,GACjD,CAEAF,QAAQQ,aAAe,CACrBC,KAAM,KAGRT,QAAQK,YAAc"}
@@ -1 +1 @@
1
- {"version":3,"file":"Spinner.mjs","sources":["../../../../src/components/Spinner/Spinner.tsx"],"sourcesContent":["import type { ResponsiveNamedProperty } from 'mixins/responsive-property'\nimport { useClassname } from 'hooks/useClassname'\nimport type { BaseProps } from 'shared/interfaces'\nimport * as Styled from './style'\n\nexport interface SpinnerProps extends BaseProps, ResponsiveNamedProperty<'size'> {\n /**\n * Size of spinner\n */\n size?: 'l' | 's' | 'm' | number\n /**\n * Vertically center the spinner inside 100vh container\n */\n fullscreen?: boolean\n /**\n * Inline. Has no top/bottom margins\n */\n inline?: boolean\n}\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`ResponsiveNamedProperty<'size'>`](#/Миксины)\n */\nfunction Spinner({ className, ...props }: typeof Spinner.defaultProps & SpinnerProps) {\n const _className = useClassname(Spinner.displayName, className)\n\n return <Styled.Root className={_className} {...props} />\n}\n\nSpinner.defaultProps = {\n size: 'm',\n}\n\nSpinner.displayName = 'Spinner'\n\nexport { Spinner }\n"],"names":["Spinner","className","props","_className","useClassname","displayName","_jsx","Styled","defaultProps","size"],"mappings":"wHAyBA,SAASA,SAAQC,UAAEA,KAAcC,IAC/B,MAAMC,EAAaC,aAAaJ,QAAQK,YAAaJ,GAErD,OAAOK,IAACC,KAAW,CAACN,UAAWE,KAAgBD,GACjD,CAEAF,QAAQQ,aAAe,CACrBC,KAAM,KAGRT,QAAQK,YAAc"}
1
+ {"version":3,"file":"Spinner.mjs","sources":["../../../../src/components/Spinner/Spinner.tsx"],"sourcesContent":["import type { ResponsiveNamedProperty } from 'mixins/responsive-property'\nimport { useClassname } from 'hooks/useClassname'\nimport type { BaseProps } from 'shared/interfaces'\nimport * as Styled from './style'\n\nexport interface SpinnerProps extends BaseProps, ResponsiveNamedProperty<'size'> {\n /**\n * Size of spinner\n */\n size?: 'l' | 's' | 'm' | number\n /**\n * Vertically center the spinner inside 100vh container\n */\n fullscreen?: boolean\n /**\n * Inline. Has no top/bottom margins\n */\n inline?: boolean\n}\n\nfunction Spinner({ className, ...props }: typeof Spinner.defaultProps & SpinnerProps) {\n const _className = useClassname(Spinner.displayName, className)\n\n return <Styled.Root className={_className} {...props} />\n}\n\nSpinner.defaultProps = {\n size: 'm',\n}\n\nSpinner.displayName = 'Spinner'\n\nexport { Spinner }\n"],"names":["Spinner","className","props","_className","useClassname","displayName","_jsx","Styled","defaultProps","size"],"mappings":"wHAoBA,SAASA,SAAQC,UAAEA,KAAcC,IAC/B,MAAMC,EAAaC,aAAaJ,QAAQK,YAAaJ,GAErD,OAAOK,IAACC,KAAW,CAACN,UAAWE,KAAgBD,GACjD,CAEAF,QAAQQ,aAAe,CACrBC,KAAM,KAGRT,QAAQK,YAAc"}
@@ -1 +1 @@
1
- {"version":3,"file":"Switch.js","sources":["../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Knob } from './Knob'\nimport { SIZES } from './constants'\nimport * as Styled from './style'\nimport type { SwitchProps } from './types'\n\nconst COMPONENT_NAME = 'Switch'\n\n/**\n *\n * Компонент поддерживает все атрибуты \\<input\\> элемента.\n *\n * Переданный \"ref\" будет ассоциирован с \\<input\\>.\n *\n * Поддерживаются пропсы определения размеров в зависимости от ширины вьюпорта.\n *\n * Полный интерфейс можно посмотреть [тут](https://github.com/foxford/ui/blob/master/src/components/Switch/types.ts).\n */\nconst Switch: React.ForwardRefExoticComponent<SwitchProps> = withMergedProps<SwitchProps, HTMLInputElement>(\n forwardRef<HTMLInputElement, MergedProps<SwitchProps>>((props, ref) => {\n const {\n size = 'm',\n knobProps = {},\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n sizes,\n sizeUnits,\n preset,\n inline,\n palette,\n style,\n className,\n disabled,\n ...inputProps\n } = props\n\n const sizeProps = {\n size,\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n }\n\n return (\n <Styled.Root\n {...sizeProps}\n sizes={sizes}\n sizeUnits={sizeUnits}\n preset={preset}\n inline={inline}\n palette={palette}\n style={style}\n className={className}\n disabled={disabled}\n >\n <Styled.Input {...inputProps} disabled={disabled} type='checkbox' ref={ref} />\n <Styled.Track>\n <Knob {...sizeProps} {...knobProps} />\n </Styled.Track>\n </Styled.Root>\n )\n }),\n {\n displayName: COMPONENT_NAME,\n sizes: SIZES,\n }\n)\n\nexport { Switch, COMPONENT_NAME }\n"],"names":["Switch","withMergedProps","forwardRef","props","ref","size","knobProps","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizes","sizeUnits","preset","inline","palette","style","className","disabled","inputProps","sizeProps","_jsxs","Styled","children","_jsx","jsx","type","Knob","displayName","SIZES"],"mappings":"uPAoBMA,MAAAA,OAAuDC,gBAAAA,gBAC3DC,MAAAA,YAAuD,CAACC,EAAOC,KAC7D,MAAMC,KACJA,EAAO,IAAGC,UACVA,EAAY,CAAE,EAAAC,QACdA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,MACNA,EAAKC,UACLA,EAASC,OACTA,EAAMC,OACNA,EAAMC,QACNA,QACAC,EAAKC,UACLA,EAASC,SACTA,KACGC,GACDlB,EAEJ,MAAMmB,EAAY,CAChBjB,OACAE,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,OACEW,WAAAA,KAACC,MAAAA,KAAW,IACNF,EACJT,MAAOA,EACPC,UAAWA,EACXC,OAAQA,EACRC,OAAQA,EACRC,QAASA,EACTC,MAAOA,EACPC,UAAWA,EACXC,SAAUA,EAASK,SAEnBC,CAAAA,WAAAC,IAACH,YAAY,IAAKH,EAAYD,SAAUA,EAAUQ,KAAK,WAAWxB,IAAKA,IACvEsB,WAAAC,IAACH,YAAY,CAAAC,SACXC,WAAAC,IAACE,UAAI,IAAKP,KAAehB,QAEf,IAGlB,CACEwB,YAhEmB,SAiEnBjB,MAAOkB,UAAAA,+BAjEY"}
1
+ {"version":3,"file":"Switch.js","sources":["../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Knob } from './Knob'\nimport { SIZES } from './constants'\nimport * as Styled from './style'\nimport type { SwitchProps } from './types'\n\nconst COMPONENT_NAME = 'Switch'\n\n/**\n *\n * Компонент поддерживает все атрибуты \\<input\\> элемента.\n *\n * Переданный \"ref\" будет ассоциирован с \\<input\\>.\n *\n * Поддерживаются пропсы определения размеров в зависимости от ширины вьюпорта.\n *\n * Полный интерфейс можно посмотреть [тут](https://github.com/foxford/ui/blob/master/packages/ui/src/components/Switch/types.ts).\n */\nconst Switch: React.ForwardRefExoticComponent<SwitchProps> = withMergedProps<SwitchProps, HTMLInputElement>(\n forwardRef<HTMLInputElement, MergedProps<SwitchProps>>((props, ref) => {\n const {\n size = 'm',\n knobProps = {},\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n sizes,\n sizeUnits,\n preset,\n inline,\n palette,\n style,\n className,\n disabled,\n ...inputProps\n } = props\n\n const sizeProps = {\n size,\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n }\n\n return (\n <Styled.Root\n {...sizeProps}\n sizes={sizes}\n sizeUnits={sizeUnits}\n preset={preset}\n inline={inline}\n palette={palette}\n style={style}\n className={className}\n disabled={disabled}\n >\n <Styled.Input {...inputProps} disabled={disabled} type='checkbox' ref={ref} />\n <Styled.Track>\n <Knob {...sizeProps} {...knobProps} />\n </Styled.Track>\n </Styled.Root>\n )\n }),\n {\n displayName: COMPONENT_NAME,\n sizes: SIZES,\n }\n)\n\nexport { Switch, COMPONENT_NAME }\n"],"names":["Switch","withMergedProps","forwardRef","props","ref","size","knobProps","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizes","sizeUnits","preset","inline","palette","style","className","disabled","inputProps","sizeProps","_jsxs","Styled","children","_jsx","jsx","type","Knob","displayName","SIZES"],"mappings":"uPAoBMA,MAAAA,OAAuDC,gBAAAA,gBAC3DC,MAAAA,YAAuD,CAACC,EAAOC,KAC7D,MAAMC,KACJA,EAAO,IAAGC,UACVA,EAAY,CAAE,EAAAC,QACdA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,MACNA,EAAKC,UACLA,EAASC,OACTA,EAAMC,OACNA,EAAMC,QACNA,QACAC,EAAKC,UACLA,EAASC,SACTA,KACGC,GACDlB,EAEJ,MAAMmB,EAAY,CAChBjB,OACAE,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,OACEW,WAAAA,KAACC,MAAAA,KAAW,IACNF,EACJT,MAAOA,EACPC,UAAWA,EACXC,OAAQA,EACRC,OAAQA,EACRC,QAASA,EACTC,MAAOA,EACPC,UAAWA,EACXC,SAAUA,EAASK,SAEnBC,CAAAA,WAAAC,IAACH,YAAY,IAAKH,EAAYD,SAAUA,EAAUQ,KAAK,WAAWxB,IAAKA,IACvEsB,WAAAC,IAACH,YAAY,CAAAC,SACXC,WAAAC,IAACE,UAAI,IAAKP,KAAehB,QAEf,IAGlB,CACEwB,YAhEmB,SAiEnBjB,MAAOkB,UAAAA,+BAjEY"}
@@ -1 +1 @@
1
- {"version":3,"file":"Switch.mjs","sources":["../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Knob } from './Knob'\nimport { SIZES } from './constants'\nimport * as Styled from './style'\nimport type { SwitchProps } from './types'\n\nconst COMPONENT_NAME = 'Switch'\n\n/**\n *\n * Компонент поддерживает все атрибуты \\<input\\> элемента.\n *\n * Переданный \"ref\" будет ассоциирован с \\<input\\>.\n *\n * Поддерживаются пропсы определения размеров в зависимости от ширины вьюпорта.\n *\n * Полный интерфейс можно посмотреть [тут](https://github.com/foxford/ui/blob/master/src/components/Switch/types.ts).\n */\nconst Switch: React.ForwardRefExoticComponent<SwitchProps> = withMergedProps<SwitchProps, HTMLInputElement>(\n forwardRef<HTMLInputElement, MergedProps<SwitchProps>>((props, ref) => {\n const {\n size = 'm',\n knobProps = {},\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n sizes,\n sizeUnits,\n preset,\n inline,\n palette,\n style,\n className,\n disabled,\n ...inputProps\n } = props\n\n const sizeProps = {\n size,\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n }\n\n return (\n <Styled.Root\n {...sizeProps}\n sizes={sizes}\n sizeUnits={sizeUnits}\n preset={preset}\n inline={inline}\n palette={palette}\n style={style}\n className={className}\n disabled={disabled}\n >\n <Styled.Input {...inputProps} disabled={disabled} type='checkbox' ref={ref} />\n <Styled.Track>\n <Knob {...sizeProps} {...knobProps} />\n </Styled.Track>\n </Styled.Root>\n )\n }),\n {\n displayName: COMPONENT_NAME,\n sizes: SIZES,\n }\n)\n\nexport { Switch, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","Switch","withMergedProps","forwardRef","props","ref","size","knobProps","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizes","sizeUnits","preset","inline","palette","style","className","disabled","inputProps","sizeProps","_jsxs","Styled","children","_jsx","type","Knob","displayName","SIZES"],"mappings":"4OAQMA,MAAAA,eAAiB,SAYjBC,MAAAA,OAAuDC,gBAC3DC,YAAuD,CAACC,EAAOC,KAC7D,MAAMC,KACJA,EAAO,IAAGC,UACVA,EAAY,CAAE,EAAAC,QACdA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,MACNA,EAAKC,UACLA,EAASC,OACTA,EAAMC,OACNA,EAAMC,QACNA,EAAOC,MACPA,EAAKC,UACLA,EAASC,SACTA,KACGC,GACDlB,EAEJ,MAAMmB,EAAY,CAChBjB,OACAE,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,OACEW,KAACC,KAAW,IACNF,EACJT,MAAOA,EACPC,UAAWA,EACXC,OAAQA,EACRC,OAAQA,EACRC,QAASA,EACTC,MAAOA,EACPC,UAAWA,EACXC,SAAUA,EAASK,SAEnBC,CAAAA,IAACF,MAAY,IAAKH,EAAYD,SAAUA,EAAUO,KAAK,WAAWvB,IAAKA,IACvEsB,IAACF,MAAY,CAAAC,SACXC,IAACE,KAAI,IAAKN,KAAehB,QAEf,IAGlB,CACEuB,YAhEmB,SAiEnBhB,MAAOiB"}
1
+ {"version":3,"file":"Switch.mjs","sources":["../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Knob } from './Knob'\nimport { SIZES } from './constants'\nimport * as Styled from './style'\nimport type { SwitchProps } from './types'\n\nconst COMPONENT_NAME = 'Switch'\n\n/**\n *\n * Компонент поддерживает все атрибуты \\<input\\> элемента.\n *\n * Переданный \"ref\" будет ассоциирован с \\<input\\>.\n *\n * Поддерживаются пропсы определения размеров в зависимости от ширины вьюпорта.\n *\n * Полный интерфейс можно посмотреть [тут](https://github.com/foxford/ui/blob/master/packages/ui/src/components/Switch/types.ts).\n */\nconst Switch: React.ForwardRefExoticComponent<SwitchProps> = withMergedProps<SwitchProps, HTMLInputElement>(\n forwardRef<HTMLInputElement, MergedProps<SwitchProps>>((props, ref) => {\n const {\n size = 'm',\n knobProps = {},\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n sizes,\n sizeUnits,\n preset,\n inline,\n palette,\n style,\n className,\n disabled,\n ...inputProps\n } = props\n\n const sizeProps = {\n size,\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n }\n\n return (\n <Styled.Root\n {...sizeProps}\n sizes={sizes}\n sizeUnits={sizeUnits}\n preset={preset}\n inline={inline}\n palette={palette}\n style={style}\n className={className}\n disabled={disabled}\n >\n <Styled.Input {...inputProps} disabled={disabled} type='checkbox' ref={ref} />\n <Styled.Track>\n <Knob {...sizeProps} {...knobProps} />\n </Styled.Track>\n </Styled.Root>\n )\n }),\n {\n displayName: COMPONENT_NAME,\n sizes: SIZES,\n }\n)\n\nexport { Switch, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","Switch","withMergedProps","forwardRef","props","ref","size","knobProps","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizes","sizeUnits","preset","inline","palette","style","className","disabled","inputProps","sizeProps","_jsxs","Styled","children","_jsx","type","Knob","displayName","SIZES"],"mappings":"4OAQMA,MAAAA,eAAiB,SAYjBC,MAAAA,OAAuDC,gBAC3DC,YAAuD,CAACC,EAAOC,KAC7D,MAAMC,KACJA,EAAO,IAAGC,UACVA,EAAY,CAAE,EAAAC,QACdA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,MACNA,EAAKC,UACLA,EAASC,OACTA,EAAMC,OACNA,EAAMC,QACNA,EAAOC,MACPA,EAAKC,UACLA,EAASC,SACTA,KACGC,GACDlB,EAEJ,MAAMmB,EAAY,CAChBjB,OACAE,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,OACEW,KAACC,KAAW,IACNF,EACJT,MAAOA,EACPC,UAAWA,EACXC,OAAQA,EACRC,OAAQA,EACRC,QAASA,EACTC,MAAOA,EACPC,UAAWA,EACXC,SAAUA,EAASK,SAEnBC,CAAAA,IAACF,MAAY,IAAKH,EAAYD,SAAUA,EAAUO,KAAK,WAAWvB,IAAKA,IACvEsB,IAACF,MAAY,CAAAC,SACXC,IAACE,KAAI,IAAKN,KAAehB,QAEf,IAGlB,CACEuB,YAhEmB,SAiEnBhB,MAAOiB"}
@@ -1 +1 @@
1
- {"version":3,"file":"Tab.js","sources":["../../../../src/components/Tab/Tab.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport type { TextProps } from 'components/Text'\nimport { SIZES } from './constants'\nimport { SIZES_DEFAULT } from './default-constants'\nimport * as Styled from './style'\nimport type { TabProps } from './types'\n\nconst COMPONENT_NAME = 'Tab'\n\n/**\n *\n * Component accepts all \\<button\\> attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [TabProps](https://github.com/foxford/ui/blob/master/src/components/Tab/types.ts)\n */\nconst Tab: React.ForwardRefExoticComponent<TabProps> = withMergedProps<TabProps, HTMLButtonElement>(\n forwardRef<HTMLButtonElement, MergedProps<TabProps>>((props, ref) => {\n const { size = 'm', type = 'button', textProps = {}, children, theme, ...restProps } = props\n\n const baseTextProps: TextProps = { as: 'span', size: 'inherit', color: 'inherit', weight: 'inherit' }\n\n return (\n <Styled.Root\n {...restProps}\n size={size}\n tabTheme={theme}\n type={restProps.as === undefined ? type : undefined}\n ref={ref}\n >\n {restProps.preset === 'brand' ? (\n <>\n {restProps.left ? <Styled.Edge /> : null}\n <Styled.Content>\n {typeof children === 'function' ? (\n children({ baseTextProps, textProps })\n ) : (\n <Text {...baseTextProps} {...textProps}>\n {children}\n </Text>\n )}\n </Styled.Content>\n {restProps.right ? <Styled.Edge after /> : null}\n </>\n ) : typeof children === 'function' ? (\n children({ baseTextProps, textProps })\n ) : (\n <Text {...baseTextProps} {...textProps}>\n {children}\n </Text>\n )}\n </Styled.Root>\n )\n }),\n {\n displayName: COMPONENT_NAME,\n sizes: (props) => {\n return props.preset === 'brand' ? SIZES : SIZES_DEFAULT\n },\n }\n)\n\nexport { Tab, COMPONENT_NAME }\n"],"names":["Tab","withMergedProps","forwardRef","props","ref","size","type","textProps","children","theme","restProps","baseTextProps","as","color","weight","_jsx","Styled","tabTheme","undefined","preset","_jsxs","_Fragment","left","jsx","Text","right","after","displayName","sizes","SIZES","SIZES_DEFAULT"],"mappings":"oTAsBMA,MAAAA,IAAiDC,gBAAAA,gBACrDC,MAAAA,YAAqD,CAACC,EAAOC,KAC3D,MAAMC,KAAEA,EAAO,IAAGC,KAAEA,EAAO,SAAQC,UAAEA,EAAY,CAAE,EAAAC,SAAEA,EAAQC,MAAEA,KAAUC,GAAcP,EAEvF,MAAMQ,EAA2B,CAAEC,GAAI,OAAQP,KAAM,UAAWQ,MAAO,UAAWC,OAAQ,WAE1F,OACEC,WAAAA,IAACC,MAAAA,KAAW,IACNN,EACJL,KAAMA,EACNY,SAAUR,EACVH,KAAMI,EAAUE,UAAOM,EAAYZ,OAAOY,EAC1Cd,IAAKA,EAAII,SAERE,EAAUS,SAAW,QACpBC,WAAAA,KAAAC,WAAAA,SAAA,CAAAb,UACGE,EAAUY,KAAOP,WAAAQ,IAACP,WAAa,CAAA,GAAI,KACpCD,WAAAQ,IAACP,cAAc,CAAAR,gBACLA,GAAa,WACnBA,EAAS,CAAEG,gBAAeJ,cAE1BQ,WAAAQ,IAACC,UAAI,IAAKb,KAAmBJ,EAASC,SACnCA,MAINE,EAAUe,MAAQV,WAAAA,IAACC,MAAAA,KAAW,CAACU,OAAK,IAAM,eAEpClB,GAAa,WACtBA,EAAS,CAAEG,gBAAeJ,cAE1BQ,WAAAQ,IAACC,UAAI,IAAKb,KAAmBJ,EAASC,SACnCA,KAGO,IAGlB,CACEmB,YAnDmB,MAoDnBC,MAAQzB,GACCA,EAAMgB,SAAW,QAAUU,UAAAA,MAAQC,iBAAAA,uCArDzB"}
1
+ {"version":3,"file":"Tab.js","sources":["../../../../src/components/Tab/Tab.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport type { TextProps } from 'components/Text'\nimport { SIZES } from './constants'\nimport { SIZES_DEFAULT } from './default-constants'\nimport * as Styled from './style'\nimport type { TabProps } from './types'\n\nconst COMPONENT_NAME = 'Tab'\n\n/**\n *\n * Component accepts all \\<button\\> attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [TabProps](https://github.com/foxford/ui/blob/master/packages/ui/src/components/Tab/types.ts)\n */\nconst Tab: React.ForwardRefExoticComponent<TabProps> = withMergedProps<TabProps, HTMLButtonElement>(\n forwardRef<HTMLButtonElement, MergedProps<TabProps>>((props, ref) => {\n const { size = 'm', type = 'button', textProps = {}, children, theme, ...restProps } = props\n\n const baseTextProps: TextProps = { as: 'span', size: 'inherit', color: 'inherit', weight: 'inherit' }\n\n return (\n <Styled.Root\n {...restProps}\n size={size}\n tabTheme={theme}\n type={restProps.as === undefined ? type : undefined}\n ref={ref}\n >\n {restProps.preset === 'brand' ? (\n <>\n {restProps.left ? <Styled.Edge /> : null}\n <Styled.Content>\n {typeof children === 'function' ? (\n children({ baseTextProps, textProps })\n ) : (\n <Text {...baseTextProps} {...textProps}>\n {children}\n </Text>\n )}\n </Styled.Content>\n {restProps.right ? <Styled.Edge after /> : null}\n </>\n ) : typeof children === 'function' ? (\n children({ baseTextProps, textProps })\n ) : (\n <Text {...baseTextProps} {...textProps}>\n {children}\n </Text>\n )}\n </Styled.Root>\n )\n }),\n {\n displayName: COMPONENT_NAME,\n sizes: (props) => {\n return props.preset === 'brand' ? SIZES : SIZES_DEFAULT\n },\n }\n)\n\nexport { Tab, COMPONENT_NAME }\n"],"names":["Tab","withMergedProps","forwardRef","props","ref","size","type","textProps","children","theme","restProps","baseTextProps","as","color","weight","_jsx","Styled","tabTheme","undefined","preset","_jsxs","_Fragment","left","jsx","Text","right","after","displayName","sizes","SIZES","SIZES_DEFAULT"],"mappings":"oTAsBMA,MAAAA,IAAiDC,gBAAAA,gBACrDC,MAAAA,YAAqD,CAACC,EAAOC,KAC3D,MAAMC,KAAEA,EAAO,IAAGC,KAAEA,EAAO,SAAQC,UAAEA,EAAY,CAAE,EAAAC,SAAEA,EAAQC,MAAEA,KAAUC,GAAcP,EAEvF,MAAMQ,EAA2B,CAAEC,GAAI,OAAQP,KAAM,UAAWQ,MAAO,UAAWC,OAAQ,WAE1F,OACEC,WAAAA,IAACC,MAAAA,KAAW,IACNN,EACJL,KAAMA,EACNY,SAAUR,EACVH,KAAMI,EAAUE,UAAOM,EAAYZ,OAAOY,EAC1Cd,IAAKA,EAAII,SAERE,EAAUS,SAAW,QACpBC,WAAAA,KAAAC,WAAAA,SAAA,CAAAb,UACGE,EAAUY,KAAOP,WAAAQ,IAACP,WAAa,CAAA,GAAI,KACpCD,WAAAQ,IAACP,cAAc,CAAAR,gBACLA,GAAa,WACnBA,EAAS,CAAEG,gBAAeJ,cAE1BQ,WAAAQ,IAACC,UAAI,IAAKb,KAAmBJ,EAASC,SACnCA,MAINE,EAAUe,MAAQV,WAAAA,IAACC,MAAAA,KAAW,CAACU,OAAK,IAAM,eAEpClB,GAAa,WACtBA,EAAS,CAAEG,gBAAeJ,cAE1BQ,WAAAQ,IAACC,UAAI,IAAKb,KAAmBJ,EAASC,SACnCA,KAGO,IAGlB,CACEmB,YAnDmB,MAoDnBC,MAAQzB,GACCA,EAAMgB,SAAW,QAAUU,UAAAA,MAAQC,iBAAAA,uCArDzB"}
@@ -1 +1 @@
1
- {"version":3,"file":"Tab.mjs","sources":["../../../../src/components/Tab/Tab.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport type { TextProps } from 'components/Text'\nimport { SIZES } from './constants'\nimport { SIZES_DEFAULT } from './default-constants'\nimport * as Styled from './style'\nimport type { TabProps } from './types'\n\nconst COMPONENT_NAME = 'Tab'\n\n/**\n *\n * Component accepts all \\<button\\> attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [TabProps](https://github.com/foxford/ui/blob/master/src/components/Tab/types.ts)\n */\nconst Tab: React.ForwardRefExoticComponent<TabProps> = withMergedProps<TabProps, HTMLButtonElement>(\n forwardRef<HTMLButtonElement, MergedProps<TabProps>>((props, ref) => {\n const { size = 'm', type = 'button', textProps = {}, children, theme, ...restProps } = props\n\n const baseTextProps: TextProps = { as: 'span', size: 'inherit', color: 'inherit', weight: 'inherit' }\n\n return (\n <Styled.Root\n {...restProps}\n size={size}\n tabTheme={theme}\n type={restProps.as === undefined ? type : undefined}\n ref={ref}\n >\n {restProps.preset === 'brand' ? (\n <>\n {restProps.left ? <Styled.Edge /> : null}\n <Styled.Content>\n {typeof children === 'function' ? (\n children({ baseTextProps, textProps })\n ) : (\n <Text {...baseTextProps} {...textProps}>\n {children}\n </Text>\n )}\n </Styled.Content>\n {restProps.right ? <Styled.Edge after /> : null}\n </>\n ) : typeof children === 'function' ? (\n children({ baseTextProps, textProps })\n ) : (\n <Text {...baseTextProps} {...textProps}>\n {children}\n </Text>\n )}\n </Styled.Root>\n )\n }),\n {\n displayName: COMPONENT_NAME,\n sizes: (props) => {\n return props.preset === 'brand' ? SIZES : SIZES_DEFAULT\n },\n }\n)\n\nexport { Tab, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","Tab","withMergedProps","forwardRef","props","ref","size","type","textProps","children","theme","restProps","baseTextProps","as","color","weight","_jsx","Styled","tabTheme","undefined","preset","_jsxs","_Fragment","left","Text","right","after","displayName","sizes","SIZES","SIZES_DEFAULT"],"mappings":"+SAUMA,MAAAA,eAAiB,MAYjBC,MAAAA,IAAiDC,gBACrDC,YAAqD,CAACC,EAAOC,KAC3D,MAAMC,KAAEA,EAAO,IAAGC,KAAEA,EAAO,SAAQC,UAAEA,EAAY,CAAE,EAAAC,SAAEA,EAAQC,MAAEA,KAAUC,GAAcP,EAEvF,MAAMQ,EAA2B,CAAEC,GAAI,OAAQP,KAAM,UAAWQ,MAAO,UAAWC,OAAQ,WAE1F,OACEC,IAACC,KAAW,IACNN,EACJL,KAAMA,EACNY,SAAUR,EACVH,KAAMI,EAAUE,UAAOM,EAAYZ,OAAOY,EAC1Cd,IAAKA,EAAII,SAERE,EAAUS,SAAW,QACpBC,KAAAC,SAAA,CAAAb,UACGE,EAAUY,KAAOP,IAACC,KAAa,CAAA,GAAI,KACpCD,IAACC,QAAc,CAAAR,gBACLA,GAAa,WACnBA,EAAS,CAAEG,gBAAeJ,cAE1BQ,IAACQ,KAAI,IAAKZ,KAAmBJ,EAASC,SACnCA,MAINE,EAAUc,MAAQT,IAACC,KAAW,CAACS,OAAK,IAAM,eAEpCjB,GAAa,WACtBA,EAAS,CAAEG,gBAAeJ,cAE1BQ,IAACQ,KAAI,IAAKZ,KAAmBJ,EAASC,SACnCA,KAGO,IAGlB,CACEkB,YAnDmB,MAoDnBC,MAAQxB,GACCA,EAAMgB,SAAW,QAAUS,MAAQC"}
1
+ {"version":3,"file":"Tab.mjs","sources":["../../../../src/components/Tab/Tab.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport type { TextProps } from 'components/Text'\nimport { SIZES } from './constants'\nimport { SIZES_DEFAULT } from './default-constants'\nimport * as Styled from './style'\nimport type { TabProps } from './types'\n\nconst COMPONENT_NAME = 'Tab'\n\n/**\n *\n * Component accepts all \\<button\\> attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [TabProps](https://github.com/foxford/ui/blob/master/packages/ui/src/components/Tab/types.ts)\n */\nconst Tab: React.ForwardRefExoticComponent<TabProps> = withMergedProps<TabProps, HTMLButtonElement>(\n forwardRef<HTMLButtonElement, MergedProps<TabProps>>((props, ref) => {\n const { size = 'm', type = 'button', textProps = {}, children, theme, ...restProps } = props\n\n const baseTextProps: TextProps = { as: 'span', size: 'inherit', color: 'inherit', weight: 'inherit' }\n\n return (\n <Styled.Root\n {...restProps}\n size={size}\n tabTheme={theme}\n type={restProps.as === undefined ? type : undefined}\n ref={ref}\n >\n {restProps.preset === 'brand' ? (\n <>\n {restProps.left ? <Styled.Edge /> : null}\n <Styled.Content>\n {typeof children === 'function' ? (\n children({ baseTextProps, textProps })\n ) : (\n <Text {...baseTextProps} {...textProps}>\n {children}\n </Text>\n )}\n </Styled.Content>\n {restProps.right ? <Styled.Edge after /> : null}\n </>\n ) : typeof children === 'function' ? (\n children({ baseTextProps, textProps })\n ) : (\n <Text {...baseTextProps} {...textProps}>\n {children}\n </Text>\n )}\n </Styled.Root>\n )\n }),\n {\n displayName: COMPONENT_NAME,\n sizes: (props) => {\n return props.preset === 'brand' ? SIZES : SIZES_DEFAULT\n },\n }\n)\n\nexport { Tab, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","Tab","withMergedProps","forwardRef","props","ref","size","type","textProps","children","theme","restProps","baseTextProps","as","color","weight","_jsx","Styled","tabTheme","undefined","preset","_jsxs","_Fragment","left","Text","right","after","displayName","sizes","SIZES","SIZES_DEFAULT"],"mappings":"+SAUMA,MAAAA,eAAiB,MAYjBC,MAAAA,IAAiDC,gBACrDC,YAAqD,CAACC,EAAOC,KAC3D,MAAMC,KAAEA,EAAO,IAAGC,KAAEA,EAAO,SAAQC,UAAEA,EAAY,CAAE,EAAAC,SAAEA,EAAQC,MAAEA,KAAUC,GAAcP,EAEvF,MAAMQ,EAA2B,CAAEC,GAAI,OAAQP,KAAM,UAAWQ,MAAO,UAAWC,OAAQ,WAE1F,OACEC,IAACC,KAAW,IACNN,EACJL,KAAMA,EACNY,SAAUR,EACVH,KAAMI,EAAUE,UAAOM,EAAYZ,OAAOY,EAC1Cd,IAAKA,EAAII,SAERE,EAAUS,SAAW,QACpBC,KAAAC,SAAA,CAAAb,UACGE,EAAUY,KAAOP,IAACC,KAAa,CAAA,GAAI,KACpCD,IAACC,QAAc,CAAAR,gBACLA,GAAa,WACnBA,EAAS,CAAEG,gBAAeJ,cAE1BQ,IAACQ,KAAI,IAAKZ,KAAmBJ,EAASC,SACnCA,MAINE,EAAUc,MAAQT,IAACC,KAAW,CAACS,OAAK,IAAM,eAEpCjB,GAAa,WACtBA,EAAS,CAAEG,gBAAeJ,cAE1BQ,IAACQ,KAAI,IAAKZ,KAAmBJ,EAASC,SACnCA,KAGO,IAGlB,CACEkB,YAnDmB,MAoDnBC,MAAQxB,GACCA,EAAMgB,SAAW,QAAUS,MAAQC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Tabs.js","sources":["../../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import type { ResponsiveProperty } from 'mixins/responsive-property'\nimport type { ColorProperty } from 'mixins/color'\nimport type { BaseProps } from 'shared/interfaces'\nimport { Tab } from 'components/Tab'\nimport * as Styled from './style'\n\nexport interface TabsProps extends BaseProps, ColorProperty, ColorProperty<'borderColor'> {\n /**\n * Primary content.\n */\n /**\n * Children react node\n */\n children?: React.ReactNode\n className?: string\n classNameInner?: string\n classNameContent?: string\n noBorder?: boolean\n width?: ResponsiveProperty<number>\n}\n\n/**\n *\n * Use only with default preset\n *\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Color`](#/Миксины)\n * - [`Color<'borderColor'>`](#/Миксины)\n */\nfunction Tabs(props: TabsProps) {\n const { children, className, classNameInner, classNameContent, borderColor, color, noBorder, style, width } = props\n\n return (\n <Styled.Root\n className={className}\n style={style}\n width={width}\n borderColor={borderColor}\n color={color}\n noBorder={noBorder}\n >\n <Styled.Inner className={classNameInner}>\n <Styled.Content noBorder={noBorder} className={classNameContent}>\n {children}\n </Styled.Content>\n </Styled.Inner>\n </Styled.Root>\n )\n}\n\nTabs.defaultProps = {\n borderColor: 'alto',\n color: 'rgba(247, 247, 247, 1)',\n}\n\nTabs.Tab = Tab\n\nexport { Tabs }\n"],"names":["Tabs","props","children","className","classNameInner","classNameContent","borderColor","color","noBorder","style","width","_jsx","Styled","jsx","defaultProps","Tab"],"mappings":"0HA8BA,SAASA,KAAKC,GACZ,MAAMC,SAAEA,EAAQC,UAAEA,EAASC,eAAEA,EAAcC,iBAAEA,EAAgBC,YAAEA,EAAWC,MAAEA,EAAKC,SAAEA,QAAUC,EAAKC,MAAEA,GAAUT,EAE9G,OACEU,WAAAA,IAACC,MAAAA,KAAW,CACVT,UAAWA,EACXM,MAAOA,EACPC,MAAOA,EACPJ,YAAaA,EACbC,MAAOA,EACPC,SAAUA,EAASN,SAEnBS,WAAAE,IAACD,YAAY,CAACT,UAAWC,EAAeF,SACtCS,WAAAE,IAACD,cAAc,CAACJ,SAAUA,EAAUL,UAAWE,EAAiBH,SAC7DA,OAKX,CAEAF,KAAKc,aAAe,CAClBR,YAAa,OACbC,MAAO,0BAGTP,KAAKe,IAAMA,IAAGA"}
1
+ {"version":3,"file":"Tabs.js","sources":["../../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import type { ResponsiveProperty } from 'mixins/responsive-property'\nimport type { ColorProperty } from 'mixins/color'\nimport type { BaseProps } from 'shared/interfaces'\nimport { Tab } from 'components/Tab'\nimport * as Styled from './style'\n\nexport interface TabsProps extends BaseProps, ColorProperty, ColorProperty<'borderColor'> {\n /**\n * Primary content.\n */\n /**\n * Children react node\n */\n children?: React.ReactNode\n className?: string\n classNameInner?: string\n classNameContent?: string\n noBorder?: boolean\n width?: ResponsiveProperty<number>\n}\n\n/**\n *\n * Use only with default preset\n */\nfunction Tabs(props: TabsProps) {\n const { children, className, classNameInner, classNameContent, borderColor, color, noBorder, style, width } = props\n\n return (\n <Styled.Root\n className={className}\n style={style}\n width={width}\n borderColor={borderColor}\n color={color}\n noBorder={noBorder}\n >\n <Styled.Inner className={classNameInner}>\n <Styled.Content noBorder={noBorder} className={classNameContent}>\n {children}\n </Styled.Content>\n </Styled.Inner>\n </Styled.Root>\n )\n}\n\nTabs.defaultProps = {\n borderColor: 'alto',\n color: 'rgba(247, 247, 247, 1)',\n}\n\nTabs.Tab = Tab\n\nexport { Tabs }\n"],"names":["Tabs","props","children","className","classNameInner","classNameContent","borderColor","color","noBorder","style","width","_jsx","Styled","jsx","defaultProps","Tab"],"mappings":"0HAyBA,SAASA,KAAKC,GACZ,MAAMC,SAAEA,EAAQC,UAAEA,EAASC,eAAEA,EAAcC,iBAAEA,EAAgBC,YAAEA,EAAWC,MAAEA,EAAKC,SAAEA,QAAUC,EAAKC,MAAEA,GAAUT,EAE9G,OACEU,WAAAA,IAACC,MAAAA,KAAW,CACVT,UAAWA,EACXM,MAAOA,EACPC,MAAOA,EACPJ,YAAaA,EACbC,MAAOA,EACPC,SAAUA,EAASN,SAEnBS,WAAAE,IAACD,YAAY,CAACT,UAAWC,EAAeF,SACtCS,WAAAE,IAACD,cAAc,CAACJ,SAAUA,EAAUL,UAAWE,EAAiBH,SAC7DA,OAKX,CAEAF,KAAKc,aAAe,CAClBR,YAAa,OACbC,MAAO,0BAGTP,KAAKe,IAAMA,IAAGA"}
@@ -1 +1 @@
1
- {"version":3,"file":"Tabs.mjs","sources":["../../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import type { ResponsiveProperty } from 'mixins/responsive-property'\nimport type { ColorProperty } from 'mixins/color'\nimport type { BaseProps } from 'shared/interfaces'\nimport { Tab } from 'components/Tab'\nimport * as Styled from './style'\n\nexport interface TabsProps extends BaseProps, ColorProperty, ColorProperty<'borderColor'> {\n /**\n * Primary content.\n */\n /**\n * Children react node\n */\n children?: React.ReactNode\n className?: string\n classNameInner?: string\n classNameContent?: string\n noBorder?: boolean\n width?: ResponsiveProperty<number>\n}\n\n/**\n *\n * Use only with default preset\n *\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Color`](#/Миксины)\n * - [`Color<'borderColor'>`](#/Миксины)\n */\nfunction Tabs(props: TabsProps) {\n const { children, className, classNameInner, classNameContent, borderColor, color, noBorder, style, width } = props\n\n return (\n <Styled.Root\n className={className}\n style={style}\n width={width}\n borderColor={borderColor}\n color={color}\n noBorder={noBorder}\n >\n <Styled.Inner className={classNameInner}>\n <Styled.Content noBorder={noBorder} className={classNameContent}>\n {children}\n </Styled.Content>\n </Styled.Inner>\n </Styled.Root>\n )\n}\n\nTabs.defaultProps = {\n borderColor: 'alto',\n color: 'rgba(247, 247, 247, 1)',\n}\n\nTabs.Tab = Tab\n\nexport { Tabs }\n"],"names":["Tabs","props","children","className","classNameInner","classNameContent","borderColor","color","noBorder","style","width","_jsx","Styled","defaultProps","Tab"],"mappings":"+GA8BA,SAASA,KAAKC,GACZ,MAAMC,SAAEA,EAAQC,UAAEA,EAASC,eAAEA,EAAcC,iBAAEA,EAAgBC,YAAEA,EAAWC,MAAEA,EAAKC,SAAEA,EAAQC,MAAEA,EAAKC,MAAEA,GAAUT,EAE9G,OACEU,IAACC,KAAW,CACVT,UAAWA,EACXM,MAAOA,EACPC,MAAOA,EACPJ,YAAaA,EACbC,MAAOA,EACPC,SAAUA,EAASN,SAEnBS,IAACC,MAAY,CAACT,UAAWC,EAAeF,SACtCS,IAACC,QAAc,CAACJ,SAAUA,EAAUL,UAAWE,EAAiBH,SAC7DA,OAKX,CAEAF,KAAKa,aAAe,CAClBP,YAAa,OACbC,MAAO,0BAGTP,KAAKc,IAAMA"}
1
+ {"version":3,"file":"Tabs.mjs","sources":["../../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import type { ResponsiveProperty } from 'mixins/responsive-property'\nimport type { ColorProperty } from 'mixins/color'\nimport type { BaseProps } from 'shared/interfaces'\nimport { Tab } from 'components/Tab'\nimport * as Styled from './style'\n\nexport interface TabsProps extends BaseProps, ColorProperty, ColorProperty<'borderColor'> {\n /**\n * Primary content.\n */\n /**\n * Children react node\n */\n children?: React.ReactNode\n className?: string\n classNameInner?: string\n classNameContent?: string\n noBorder?: boolean\n width?: ResponsiveProperty<number>\n}\n\n/**\n *\n * Use only with default preset\n */\nfunction Tabs(props: TabsProps) {\n const { children, className, classNameInner, classNameContent, borderColor, color, noBorder, style, width } = props\n\n return (\n <Styled.Root\n className={className}\n style={style}\n width={width}\n borderColor={borderColor}\n color={color}\n noBorder={noBorder}\n >\n <Styled.Inner className={classNameInner}>\n <Styled.Content noBorder={noBorder} className={classNameContent}>\n {children}\n </Styled.Content>\n </Styled.Inner>\n </Styled.Root>\n )\n}\n\nTabs.defaultProps = {\n borderColor: 'alto',\n color: 'rgba(247, 247, 247, 1)',\n}\n\nTabs.Tab = Tab\n\nexport { Tabs }\n"],"names":["Tabs","props","children","className","classNameInner","classNameContent","borderColor","color","noBorder","style","width","_jsx","Styled","defaultProps","Tab"],"mappings":"+GAyBA,SAASA,KAAKC,GACZ,MAAMC,SAAEA,EAAQC,UAAEA,EAASC,eAAEA,EAAcC,iBAAEA,EAAgBC,YAAEA,EAAWC,MAAEA,EAAKC,SAAEA,EAAQC,MAAEA,EAAKC,MAAEA,GAAUT,EAE9G,OACEU,IAACC,KAAW,CACVT,UAAWA,EACXM,MAAOA,EACPC,MAAOA,EACPJ,YAAaA,EACbC,MAAOA,EACPC,SAAUA,EAASN,SAEnBS,IAACC,MAAY,CAACT,UAAWC,EAAeF,SACtCS,IAACC,QAAc,CAACJ,SAAUA,EAAUL,UAAWE,EAAiBH,SAC7DA,OAKX,CAEAF,KAAKa,aAAe,CAClBP,YAAa,OACbC,MAAO,0BAGTP,KAAKc,IAAMA"}
@@ -1 +1 @@
1
- {"version":3,"file":"Tag.js","sources":["../../../../src/components/Tag/Tag.tsx"],"sourcesContent":["import type { ResponsiveNamedProperty } from 'mixins/responsive-property'\nimport type { ColorProperty } from 'mixins/color'\nimport type { DisplayProperty } from 'mixins/display'\nimport type { BaseProps } from 'shared/interfaces'\nimport type { TextProps } from 'components/Text'\nimport { DefaultColorNames } from 'theme/colors'\nimport * as Styled from './style'\n\nexport interface TagProps\n extends BaseProps,\n DisplayProperty,\n ColorProperty,\n ResponsiveNamedProperty<'height'>,\n ResponsiveNamedProperty<'width'> {\n as?: 'button' | 'div' | 'input' | 'label'\n /**\n * Field id\n */\n id?: string\n /**\n * Field name\n */\n name?: string\n /**\n * Input type\n */\n inputType?: 'checkbox' | 'radio'\n /**\n * On change handler\n */\n onChange?(_e: React.ChangeEvent<HTMLInputElement>): void\n /**\n * On click handler\n */\n onClick?(_e: React.MouseEvent<HTMLInputElement>): void\n /**\n * Whether or not Radio is checked\n */\n defaultChecked?: boolean\n /**\n * Value\n */\n value?: string | number\n /** Children are placed before Text */\n /**\n * Children react node\n */\n children?: React.ReactNode\n /** Inner Text content */\n content?: React.ReactNode\n /** Inner Text component props */\n textProps?: TextProps\n /** Checked state */\n checked?: boolean\n /** Disabled state */\n disabled?: boolean\n /** Error state */\n error?: boolean\n /** If as = 'label' could provide for */\n htmlFor?: string\n /**\n * inverse\n */\n inverse?: boolean\n /**\n * Size\n */\n size?: 'l' | 'm' | 's' | 'xs'\n}\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Display`](#/Миксины)\n * - [`Color`](#/Миксины)\n * - [`ResponsiveNamedProperty<'width'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'height'>`](#/Миксины)\n */\nfunction Tag(props: typeof Tag.defaultProps & TagProps) {\n const {\n as,\n textProps,\n content,\n children,\n htmlFor,\n id,\n name,\n inputType,\n value,\n disabled,\n onChange,\n onClick,\n inverse,\n checked,\n ...restProps\n } = props\n\n const buttonProps = as === 'button' ? { type: 'button' } : {}\n const labelProps = as === 'label' ? { htmlFor } : {}\n const inputProps = as === 'input' ? { htmlFor: id || name } : {}\n\n return (\n <Styled.Root\n as={as === 'input' ? 'label' : as}\n inverse={inverse}\n checked={checked}\n disabled={disabled}\n onClick={as !== 'input' ? onClick : undefined}\n {...labelProps}\n {...buttonProps}\n {...inputProps}\n {...restProps}\n >\n {as === 'input' ? (\n <input\n id={id || name}\n name={name}\n type={inputType || 'checkbox'}\n tabIndex={0}\n onChange={(e) => {\n e.persist()\n\n return onChange && onChange(e)\n }}\n onClick={(e) => {\n e.persist()\n\n return onClick && onClick(e)\n }}\n defaultChecked={props.defaultChecked}\n checked={checked}\n value={value}\n disabled={disabled}\n hidden\n />\n ) : null}\n {children}\n <Styled.Text\n size={14}\n forwardedAs='span'\n color={checked && !inverse ? DefaultColorNames.white : DefaultColorNames.mineShaft}\n {...textProps}\n >\n {content}\n </Styled.Text>\n </Styled.Root>\n )\n}\n\nfunction TagInput(props: typeof TagInput.defaultProps & TagProps) {\n return <Tag as='input' {...props} />\n}\n\nTag.defaultProps = {\n display: 'inline-block',\n as: 'button',\n height: 40,\n}\n\nTagInput.defaultProps = {\n display: 'inline-block',\n height: 40,\n}\n\nTag.Input = TagInput\n\nTag.displayName = 'Tag'\n\nexport { Tag }\n"],"names":["Tag","props","as","textProps","content","children","htmlFor","id","name","inputType","value","disabled","onChange","onClick","inverse","checked","restProps","_jsxs","Styled","undefined","type","_jsx","tabIndex","e","persist","defaultChecked","hidden","size","forwardedAs","color","DefaultColorNames","white","mineShaft","TagInput","defaultProps","display","height","Input","displayName"],"mappings":"qIA8EA,SAASA,IAAIC,GACX,MAAMC,GACJA,EAAEC,UACFA,EAASC,QACTA,EAAOC,SACPA,EAAQC,QACRA,EAAOC,GACPA,EAAEC,KACFA,EAAIC,UACJA,EAASC,MACTA,EAAKC,SACLA,EAAQC,SACRA,EAAQC,QACRA,EAAOC,QACPA,EAAOC,QACPA,KACGC,GACDf,EAMJ,OACEgB,WAAAA,KAACC,MAAAA,KAAW,CACVhB,GAAIA,IAAO,QAAU,QAAUA,EAC/BY,QAASA,EACTC,QAASA,EACTJ,SAAUA,EACVE,QAASX,IAAO,QAAUW,OAAUM,KATrBjB,IAAO,QAAU,CAAEI,WAAY,MAD9BJ,IAAO,SAAW,CAAEkB,KAAM,UAAa,MAExClB,IAAO,QAAU,CAAEI,QAASC,GAAMC,GAAS,MAYtDQ,EAASX,SAEZH,CAAAA,IAAO,QACNmB,WAAAA,IAAA,QAAA,CACEd,GAAIA,GAAMC,EACVA,KAAMA,EACNY,KAAMX,GAAa,WACnBa,SAAU,EACVV,SAAWW,IACTA,EAAEC,UAEKZ,GAAYA,EAASW,IAE9BV,QAAUU,IACRA,EAAEC,UAEKX,GAAWA,EAAQU,IAE5BE,eAAgBxB,EAAMwB,eACtBV,QAASA,EACTL,MAAOA,EACPC,SAAUA,EACVe,QAAM,IAEN,KACHrB,EACDgB,WAAAA,IAACH,MAAAA,KAAW,CACVS,KAAM,GACNC,YAAY,OACZC,MAAOd,IAAYD,EAAUgB,OAAAA,kBAAkBC,MAAQD,OAAAA,kBAAkBE,aACrE7B,EAASE,SAEZD,MAIT,CAEA,SAAS6B,SAAShC,GAChB,OAAOoB,WAAAA,IAACrB,IAAG,CAACE,GAAG,WAAYD,GAC7B,CAEAD,IAAIkC,aAAe,CACjBC,QAAS,eACTjC,GAAI,SACJkC,OAAQ,IAGVH,SAASC,aAAe,CACtBC,QAAS,eACTC,OAAQ,IAGVpC,IAAIqC,MAAQJ,SAEZjC,IAAIsC,YAAc"}
1
+ {"version":3,"file":"Tag.js","sources":["../../../../src/components/Tag/Tag.tsx"],"sourcesContent":["import type { ResponsiveNamedProperty } from 'mixins/responsive-property'\nimport type { ColorProperty } from 'mixins/color'\nimport type { DisplayProperty } from 'mixins/display'\nimport type { BaseProps } from 'shared/interfaces'\nimport type { TextProps } from 'components/Text'\nimport { DefaultColorNames } from 'theme/colors'\nimport * as Styled from './style'\n\nexport interface TagProps\n extends BaseProps,\n DisplayProperty,\n ColorProperty,\n ResponsiveNamedProperty<'height'>,\n ResponsiveNamedProperty<'width'> {\n as?: 'button' | 'div' | 'input' | 'label'\n /**\n * Field id\n */\n id?: string\n /**\n * Field name\n */\n name?: string\n /**\n * Input type\n */\n inputType?: 'checkbox' | 'radio'\n /**\n * On change handler\n */\n onChange?(_e: React.ChangeEvent<HTMLInputElement>): void\n /**\n * On click handler\n */\n onClick?(_e: React.MouseEvent<HTMLInputElement>): void\n /**\n * Whether or not Radio is checked\n */\n defaultChecked?: boolean\n /**\n * Value\n */\n value?: string | number\n /** Children are placed before Text */\n /**\n * Children react node\n */\n children?: React.ReactNode\n /** Inner Text content */\n content?: React.ReactNode\n /** Inner Text component props */\n textProps?: TextProps\n /** Checked state */\n checked?: boolean\n /** Disabled state */\n disabled?: boolean\n /** Error state */\n error?: boolean\n /** If as = 'label' could provide for */\n htmlFor?: string\n /**\n * inverse\n */\n inverse?: boolean\n /**\n * Size\n */\n size?: 'l' | 'm' | 's' | 'xs'\n}\n\nfunction Tag(props: typeof Tag.defaultProps & TagProps) {\n const {\n as,\n textProps,\n content,\n children,\n htmlFor,\n id,\n name,\n inputType,\n value,\n disabled,\n onChange,\n onClick,\n inverse,\n checked,\n ...restProps\n } = props\n\n const buttonProps = as === 'button' ? { type: 'button' } : {}\n const labelProps = as === 'label' ? { htmlFor } : {}\n const inputProps = as === 'input' ? { htmlFor: id || name } : {}\n\n return (\n <Styled.Root\n as={as === 'input' ? 'label' : as}\n inverse={inverse}\n checked={checked}\n disabled={disabled}\n onClick={as !== 'input' ? onClick : undefined}\n {...labelProps}\n {...buttonProps}\n {...inputProps}\n {...restProps}\n >\n {as === 'input' ? (\n <input\n id={id || name}\n name={name}\n type={inputType || 'checkbox'}\n tabIndex={0}\n onChange={(e) => {\n e.persist()\n\n return onChange && onChange(e)\n }}\n onClick={(e) => {\n e.persist()\n\n return onClick && onClick(e)\n }}\n defaultChecked={props.defaultChecked}\n checked={checked}\n value={value}\n disabled={disabled}\n hidden\n />\n ) : null}\n {children}\n <Styled.Text\n size={14}\n forwardedAs='span'\n color={checked && !inverse ? DefaultColorNames.white : DefaultColorNames.mineShaft}\n {...textProps}\n >\n {content}\n </Styled.Text>\n </Styled.Root>\n )\n}\n\nfunction TagInput(props: typeof TagInput.defaultProps & TagProps) {\n return <Tag as='input' {...props} />\n}\n\nTag.defaultProps = {\n display: 'inline-block',\n as: 'button',\n height: 40,\n}\n\nTagInput.defaultProps = {\n display: 'inline-block',\n height: 40,\n}\n\nTag.Input = TagInput\n\nTag.displayName = 'Tag'\n\nexport { Tag }\n"],"names":["Tag","props","as","textProps","content","children","htmlFor","id","name","inputType","value","disabled","onChange","onClick","inverse","checked","restProps","_jsxs","Styled","undefined","type","_jsx","tabIndex","e","persist","defaultChecked","hidden","size","forwardedAs","color","DefaultColorNames","white","mineShaft","TagInput","defaultProps","display","height","Input","displayName"],"mappings":"qIAsEA,SAASA,IAAIC,GACX,MAAMC,GACJA,EAAEC,UACFA,EAASC,QACTA,EAAOC,SACPA,EAAQC,QACRA,EAAOC,GACPA,EAAEC,KACFA,EAAIC,UACJA,EAASC,MACTA,EAAKC,SACLA,EAAQC,SACRA,EAAQC,QACRA,EAAOC,QACPA,EAAOC,QACPA,KACGC,GACDf,EAMJ,OACEgB,WAAAA,KAACC,MAAAA,KAAW,CACVhB,GAAIA,IAAO,QAAU,QAAUA,EAC/BY,QAASA,EACTC,QAASA,EACTJ,SAAUA,EACVE,QAASX,IAAO,QAAUW,OAAUM,KATrBjB,IAAO,QAAU,CAAEI,WAAY,MAD9BJ,IAAO,SAAW,CAAEkB,KAAM,UAAa,MAExClB,IAAO,QAAU,CAAEI,QAASC,GAAMC,GAAS,MAYtDQ,EAASX,SAEZH,CAAAA,IAAO,QACNmB,WAAAA,IAAA,QAAA,CACEd,GAAIA,GAAMC,EACVA,KAAMA,EACNY,KAAMX,GAAa,WACnBa,SAAU,EACVV,SAAWW,IACTA,EAAEC,UAEKZ,GAAYA,EAASW,IAE9BV,QAAUU,IACRA,EAAEC,UAEKX,GAAWA,EAAQU,IAE5BE,eAAgBxB,EAAMwB,eACtBV,QAASA,EACTL,MAAOA,EACPC,SAAUA,EACVe,QAAM,IAEN,KACHrB,EACDgB,WAAAA,IAACH,MAAAA,KAAW,CACVS,KAAM,GACNC,YAAY,OACZC,MAAOd,IAAYD,EAAUgB,OAAAA,kBAAkBC,MAAQD,OAAAA,kBAAkBE,aACrE7B,EAASE,SAEZD,MAIT,CAEA,SAAS6B,SAAShC,GAChB,OAAOoB,WAAAA,IAACrB,IAAG,CAACE,GAAG,WAAYD,GAC7B,CAEAD,IAAIkC,aAAe,CACjBC,QAAS,eACTjC,GAAI,SACJkC,OAAQ,IAGVH,SAASC,aAAe,CACtBC,QAAS,eACTC,OAAQ,IAGVpC,IAAIqC,MAAQJ,SAEZjC,IAAIsC,YAAc"}
@@ -1 +1 @@
1
- {"version":3,"file":"Tag.mjs","sources":["../../../../src/components/Tag/Tag.tsx"],"sourcesContent":["import type { ResponsiveNamedProperty } from 'mixins/responsive-property'\nimport type { ColorProperty } from 'mixins/color'\nimport type { DisplayProperty } from 'mixins/display'\nimport type { BaseProps } from 'shared/interfaces'\nimport type { TextProps } from 'components/Text'\nimport { DefaultColorNames } from 'theme/colors'\nimport * as Styled from './style'\n\nexport interface TagProps\n extends BaseProps,\n DisplayProperty,\n ColorProperty,\n ResponsiveNamedProperty<'height'>,\n ResponsiveNamedProperty<'width'> {\n as?: 'button' | 'div' | 'input' | 'label'\n /**\n * Field id\n */\n id?: string\n /**\n * Field name\n */\n name?: string\n /**\n * Input type\n */\n inputType?: 'checkbox' | 'radio'\n /**\n * On change handler\n */\n onChange?(_e: React.ChangeEvent<HTMLInputElement>): void\n /**\n * On click handler\n */\n onClick?(_e: React.MouseEvent<HTMLInputElement>): void\n /**\n * Whether or not Radio is checked\n */\n defaultChecked?: boolean\n /**\n * Value\n */\n value?: string | number\n /** Children are placed before Text */\n /**\n * Children react node\n */\n children?: React.ReactNode\n /** Inner Text content */\n content?: React.ReactNode\n /** Inner Text component props */\n textProps?: TextProps\n /** Checked state */\n checked?: boolean\n /** Disabled state */\n disabled?: boolean\n /** Error state */\n error?: boolean\n /** If as = 'label' could provide for */\n htmlFor?: string\n /**\n * inverse\n */\n inverse?: boolean\n /**\n * Size\n */\n size?: 'l' | 'm' | 's' | 'xs'\n}\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Display`](#/Миксины)\n * - [`Color`](#/Миксины)\n * - [`ResponsiveNamedProperty<'width'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'height'>`](#/Миксины)\n */\nfunction Tag(props: typeof Tag.defaultProps & TagProps) {\n const {\n as,\n textProps,\n content,\n children,\n htmlFor,\n id,\n name,\n inputType,\n value,\n disabled,\n onChange,\n onClick,\n inverse,\n checked,\n ...restProps\n } = props\n\n const buttonProps = as === 'button' ? { type: 'button' } : {}\n const labelProps = as === 'label' ? { htmlFor } : {}\n const inputProps = as === 'input' ? { htmlFor: id || name } : {}\n\n return (\n <Styled.Root\n as={as === 'input' ? 'label' : as}\n inverse={inverse}\n checked={checked}\n disabled={disabled}\n onClick={as !== 'input' ? onClick : undefined}\n {...labelProps}\n {...buttonProps}\n {...inputProps}\n {...restProps}\n >\n {as === 'input' ? (\n <input\n id={id || name}\n name={name}\n type={inputType || 'checkbox'}\n tabIndex={0}\n onChange={(e) => {\n e.persist()\n\n return onChange && onChange(e)\n }}\n onClick={(e) => {\n e.persist()\n\n return onClick && onClick(e)\n }}\n defaultChecked={props.defaultChecked}\n checked={checked}\n value={value}\n disabled={disabled}\n hidden\n />\n ) : null}\n {children}\n <Styled.Text\n size={14}\n forwardedAs='span'\n color={checked && !inverse ? DefaultColorNames.white : DefaultColorNames.mineShaft}\n {...textProps}\n >\n {content}\n </Styled.Text>\n </Styled.Root>\n )\n}\n\nfunction TagInput(props: typeof TagInput.defaultProps & TagProps) {\n return <Tag as='input' {...props} />\n}\n\nTag.defaultProps = {\n display: 'inline-block',\n as: 'button',\n height: 40,\n}\n\nTagInput.defaultProps = {\n display: 'inline-block',\n height: 40,\n}\n\nTag.Input = TagInput\n\nTag.displayName = 'Tag'\n\nexport { Tag }\n"],"names":["Tag","props","as","textProps","content","children","htmlFor","id","name","inputType","value","disabled","onChange","onClick","inverse","checked","restProps","_jsxs","Styled","undefined","type","_jsx","tabIndex","e","persist","defaultChecked","hidden","size","forwardedAs","color","DefaultColorNames","white","mineShaft","TagInput","defaultProps","display","height","Input","displayName"],"mappings":"iIA8EA,SAASA,IAAIC,GACX,MAAMC,GACJA,EAAEC,UACFA,EAASC,QACTA,EAAOC,SACPA,EAAQC,QACRA,EAAOC,GACPA,EAAEC,KACFA,EAAIC,UACJA,EAASC,MACTA,EAAKC,SACLA,EAAQC,SACRA,EAAQC,QACRA,EAAOC,QACPA,EAAOC,QACPA,KACGC,GACDf,EAMJ,OACEgB,KAACC,KAAW,CACVhB,GAAIA,IAAO,QAAU,QAAUA,EAC/BY,QAASA,EACTC,QAASA,EACTJ,SAAUA,EACVE,QAASX,IAAO,QAAUW,OAAUM,KATrBjB,IAAO,QAAU,CAAEI,WAAY,MAD9BJ,IAAO,SAAW,CAAEkB,KAAM,UAAa,MAExClB,IAAO,QAAU,CAAEI,QAASC,GAAMC,GAAS,MAYtDQ,EAASX,SAEZH,CAAAA,IAAO,QACNmB,IAAA,QAAA,CACEd,GAAIA,GAAMC,EACVA,KAAMA,EACNY,KAAMX,GAAa,WACnBa,SAAU,EACVV,SAAWW,IACTA,EAAEC,UAEKZ,GAAYA,EAASW,IAE9BV,QAAUU,IACRA,EAAEC,UAEKX,GAAWA,EAAQU,IAE5BE,eAAgBxB,EAAMwB,eACtBV,QAASA,EACTL,MAAOA,EACPC,SAAUA,EACVe,QAAM,IAEN,KACHrB,EACDgB,IAACH,KAAW,CACVS,KAAM,GACNC,YAAY,OACZC,MAAOd,IAAYD,EAAUgB,kBAAkBC,MAAQD,kBAAkBE,aACrE7B,EAASE,SAEZD,MAIT,CAEA,SAAS6B,SAAShC,GAChB,OAAOoB,IAACrB,IAAG,CAACE,GAAG,WAAYD,GAC7B,CAEAD,IAAIkC,aAAe,CACjBC,QAAS,eACTjC,GAAI,SACJkC,OAAQ,IAGVH,SAASC,aAAe,CACtBC,QAAS,eACTC,OAAQ,IAGVpC,IAAIqC,MAAQJ,SAEZjC,IAAIsC,YAAc"}
1
+ {"version":3,"file":"Tag.mjs","sources":["../../../../src/components/Tag/Tag.tsx"],"sourcesContent":["import type { ResponsiveNamedProperty } from 'mixins/responsive-property'\nimport type { ColorProperty } from 'mixins/color'\nimport type { DisplayProperty } from 'mixins/display'\nimport type { BaseProps } from 'shared/interfaces'\nimport type { TextProps } from 'components/Text'\nimport { DefaultColorNames } from 'theme/colors'\nimport * as Styled from './style'\n\nexport interface TagProps\n extends BaseProps,\n DisplayProperty,\n ColorProperty,\n ResponsiveNamedProperty<'height'>,\n ResponsiveNamedProperty<'width'> {\n as?: 'button' | 'div' | 'input' | 'label'\n /**\n * Field id\n */\n id?: string\n /**\n * Field name\n */\n name?: string\n /**\n * Input type\n */\n inputType?: 'checkbox' | 'radio'\n /**\n * On change handler\n */\n onChange?(_e: React.ChangeEvent<HTMLInputElement>): void\n /**\n * On click handler\n */\n onClick?(_e: React.MouseEvent<HTMLInputElement>): void\n /**\n * Whether or not Radio is checked\n */\n defaultChecked?: boolean\n /**\n * Value\n */\n value?: string | number\n /** Children are placed before Text */\n /**\n * Children react node\n */\n children?: React.ReactNode\n /** Inner Text content */\n content?: React.ReactNode\n /** Inner Text component props */\n textProps?: TextProps\n /** Checked state */\n checked?: boolean\n /** Disabled state */\n disabled?: boolean\n /** Error state */\n error?: boolean\n /** If as = 'label' could provide for */\n htmlFor?: string\n /**\n * inverse\n */\n inverse?: boolean\n /**\n * Size\n */\n size?: 'l' | 'm' | 's' | 'xs'\n}\n\nfunction Tag(props: typeof Tag.defaultProps & TagProps) {\n const {\n as,\n textProps,\n content,\n children,\n htmlFor,\n id,\n name,\n inputType,\n value,\n disabled,\n onChange,\n onClick,\n inverse,\n checked,\n ...restProps\n } = props\n\n const buttonProps = as === 'button' ? { type: 'button' } : {}\n const labelProps = as === 'label' ? { htmlFor } : {}\n const inputProps = as === 'input' ? { htmlFor: id || name } : {}\n\n return (\n <Styled.Root\n as={as === 'input' ? 'label' : as}\n inverse={inverse}\n checked={checked}\n disabled={disabled}\n onClick={as !== 'input' ? onClick : undefined}\n {...labelProps}\n {...buttonProps}\n {...inputProps}\n {...restProps}\n >\n {as === 'input' ? (\n <input\n id={id || name}\n name={name}\n type={inputType || 'checkbox'}\n tabIndex={0}\n onChange={(e) => {\n e.persist()\n\n return onChange && onChange(e)\n }}\n onClick={(e) => {\n e.persist()\n\n return onClick && onClick(e)\n }}\n defaultChecked={props.defaultChecked}\n checked={checked}\n value={value}\n disabled={disabled}\n hidden\n />\n ) : null}\n {children}\n <Styled.Text\n size={14}\n forwardedAs='span'\n color={checked && !inverse ? DefaultColorNames.white : DefaultColorNames.mineShaft}\n {...textProps}\n >\n {content}\n </Styled.Text>\n </Styled.Root>\n )\n}\n\nfunction TagInput(props: typeof TagInput.defaultProps & TagProps) {\n return <Tag as='input' {...props} />\n}\n\nTag.defaultProps = {\n display: 'inline-block',\n as: 'button',\n height: 40,\n}\n\nTagInput.defaultProps = {\n display: 'inline-block',\n height: 40,\n}\n\nTag.Input = TagInput\n\nTag.displayName = 'Tag'\n\nexport { Tag }\n"],"names":["Tag","props","as","textProps","content","children","htmlFor","id","name","inputType","value","disabled","onChange","onClick","inverse","checked","restProps","_jsxs","Styled","undefined","type","_jsx","tabIndex","e","persist","defaultChecked","hidden","size","forwardedAs","color","DefaultColorNames","white","mineShaft","TagInput","defaultProps","display","height","Input","displayName"],"mappings":"iIAsEA,SAASA,IAAIC,GACX,MAAMC,GACJA,EAAEC,UACFA,EAASC,QACTA,EAAOC,SACPA,EAAQC,QACRA,EAAOC,GACPA,EAAEC,KACFA,EAAIC,UACJA,EAASC,MACTA,EAAKC,SACLA,EAAQC,SACRA,EAAQC,QACRA,EAAOC,QACPA,EAAOC,QACPA,KACGC,GACDf,EAMJ,OACEgB,KAACC,KAAW,CACVhB,GAAIA,IAAO,QAAU,QAAUA,EAC/BY,QAASA,EACTC,QAASA,EACTJ,SAAUA,EACVE,QAASX,IAAO,QAAUW,OAAUM,KATrBjB,IAAO,QAAU,CAAEI,WAAY,MAD9BJ,IAAO,SAAW,CAAEkB,KAAM,UAAa,MAExClB,IAAO,QAAU,CAAEI,QAASC,GAAMC,GAAS,MAYtDQ,EAASX,SAEZH,CAAAA,IAAO,QACNmB,IAAA,QAAA,CACEd,GAAIA,GAAMC,EACVA,KAAMA,EACNY,KAAMX,GAAa,WACnBa,SAAU,EACVV,SAAWW,IACTA,EAAEC,UAEKZ,GAAYA,EAASW,IAE9BV,QAAUU,IACRA,EAAEC,UAEKX,GAAWA,EAAQU,IAE5BE,eAAgBxB,EAAMwB,eACtBV,QAASA,EACTL,MAAOA,EACPC,SAAUA,EACVe,QAAM,IAEN,KACHrB,EACDgB,IAACH,KAAW,CACVS,KAAM,GACNC,YAAY,OACZC,MAAOd,IAAYD,EAAUgB,kBAAkBC,MAAQD,kBAAkBE,aACrE7B,EAASE,SAEZD,MAIT,CAEA,SAAS6B,SAAShC,GAChB,OAAOoB,IAACrB,IAAG,CAACE,GAAG,WAAYD,GAC7B,CAEAD,IAAIkC,aAAe,CACjBC,QAAS,eACTjC,GAAI,SACJkC,OAAQ,IAGVH,SAASC,aAAe,CACtBC,QAAS,eACTC,OAAQ,IAGVpC,IAAIqC,MAAQJ,SAEZjC,IAAIsC,YAAc"}
@@ -1 +1 @@
1
- {"version":3,"file":"Text.js","sources":["../../../../src/components/Text/Text.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { useClassname } from 'hooks/useClassname'\nimport { TextHeading } from 'components/Text.Heading'\nimport { TextEllipse } from 'components/Text.Ellipse'\nimport { Ellipsis } from './Ellipsis'\nimport type { TextProps } from './types'\nimport { APPEARANCE, SIZES } from './constants'\nimport { SIZES_DEFAULT } from './default-constants'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Text'\n\n/**\n *\n * Компонент поддерживает все нативные атрибуты рутового элемента.\n *\n * Можно передать \"ref\", который будет ассоциирован с рутовым элементом.\n *\n * Поддерживаются пропсы определения размеров и внешних отступов в зависимости от ширины вьюпорта.\n *\n * Полный интерфейс можно посмотреть [тут](https://github.com/foxford/ui/blob/master/src/components/Text/types.ts).\n */\nconst Text: React.ForwardRefExoticComponent<TextProps> & { Heading: typeof TextHeading; Ellipse: typeof TextEllipse } =\n Object.assign(\n withMergedProps<TextProps, HTMLElement>(\n forwardRef<HTMLElement, MergedProps<TextProps>>((props, ref) => {\n const textProps = props.appearance ? { ...APPEARANCE[props.appearance], ...props } : props\n\n const {\n size = 'm',\n weight = 'normal',\n lineHeight = 'm',\n fontStyle = 'normal',\n className,\n content,\n children,\n ellipsis,\n expandButtonProps,\n onExpandedChange,\n ...restProps\n } = textProps\n\n const ellipsisProps = typeof ellipsis === 'object' && ellipsis !== null ? ellipsis : {}\n\n const textClassName = useClassname(COMPONENT_NAME, className)\n\n return (\n <Styled.Root\n {...restProps}\n size={size}\n weight={weight}\n lineHeight={lineHeight}\n fontStyle={fontStyle}\n className={textClassName}\n ellipsis={ellipsis}\n ref={ref}\n >\n {ellipsis ? (\n <Ellipsis\n {...ellipsisProps}\n underline={restProps.underline}\n expandButtonProps={expandButtonProps}\n onExpandedChange={onExpandedChange}\n >\n {children || content}\n </Ellipsis>\n ) : (\n children || content\n )}\n </Styled.Root>\n )\n }),\n {\n displayName: COMPONENT_NAME,\n sizes: (props) => {\n if (typeof props.appearance === 'string') {\n return SIZES[props.appearance] ?? SIZES_DEFAULT\n }\n\n return SIZES_DEFAULT\n },\n }\n ),\n {\n Heading: TextHeading,\n Ellipse: TextEllipse,\n }\n )\n\nexport { Text, COMPONENT_NAME }\n"],"names":["Text","Object","assign","withMergedProps","forwardRef","props","ref","textProps","appearance","APPEARANCE","size","weight","lineHeight","fontStyle","className","content","children","ellipsis","expandButtonProps","onExpandedChange","restProps","ellipsisProps","textClassName","useClassname","_jsx","Styled","jsx","Ellipsis","underline","displayName","sizes","SIZES","SIZES_DEFAULT","Heading","TextHeading","Ellipse","TextEllipse"],"mappings":"seAwBA,MAAMA,KACJC,OAAOC,OACLC,gBAAAA,gBACEC,MAAAA,YAAgD,CAACC,EAAOC,KACtD,MAAMC,EAAYF,EAAMG,WAAa,IAAKC,UAAUA,WAACJ,EAAMG,eAAgBH,GAAUA,EAErF,MAAMK,KACJA,EAAO,IAAGC,OACVA,EAAS,SAAQC,WACjBA,EAAa,IAAGC,UAChBA,EAAY,SAAQC,UACpBA,EAASC,QACTA,EAAOC,SACPA,EAAQC,SACRA,EAAQC,kBACRA,EAAiBC,iBACjBA,KACGC,GACDb,EAEJ,MAAMc,SAAuBJ,GAAa,UAAYA,IAAa,KAAOA,EAAW,GAErF,MAAMK,EAAgBC,aAAAA,aAlCP,OAkCoCT,GAEnD,OACEU,WAAAA,IAACC,MAAAA,KAAW,IACNL,EACJV,KAAMA,EACNC,OAAQA,EACRC,WAAYA,EACZC,UAAWA,EACXC,UAAWQ,EACXL,SAAUA,EACVX,IAAKA,EAAIU,SAERC,EACCO,WAAAE,IAACC,kBAAQ,IACHN,EACJO,UAAWR,EAAUQ,UACrBV,kBAAmBA,EACnBC,iBAAkBA,EAAiBH,SAElCA,GAAYD,IAGfC,GAAYD,GAEF,IAGlB,CACEc,YA/De,OAgEfC,MAAQzB,UACKA,EAAMG,YAAe,SACvBuB,gBAAM1B,EAAMG,aAAewB,iBAAAA,cAG7BA,iCAIb,CACEC,QAASC,aAAWA,YACpBC,QAASC,aAAAA,qCA3EQ"}
1
+ {"version":3,"file":"Text.js","sources":["../../../../src/components/Text/Text.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { useClassname } from 'hooks/useClassname'\nimport { TextHeading } from 'components/Text.Heading'\nimport { TextEllipse } from 'components/Text.Ellipse'\nimport { Ellipsis } from './Ellipsis'\nimport type { TextProps } from './types'\nimport { APPEARANCE, SIZES } from './constants'\nimport { SIZES_DEFAULT } from './default-constants'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Text'\n\n/**\n *\n * Компонент поддерживает все нативные атрибуты рутового элемента.\n *\n * Можно передать \"ref\", который будет ассоциирован с рутовым элементом.\n *\n * Поддерживаются пропсы определения размеров и внешних отступов в зависимости от ширины вьюпорта.\n *\n * Полный интерфейс можно посмотреть [тут](https://github.com/foxford/ui/blob/master/packages/ui/src/components/Text/types.ts).\n */\nconst Text: React.ForwardRefExoticComponent<TextProps> & { Heading: typeof TextHeading; Ellipse: typeof TextEllipse } =\n Object.assign(\n withMergedProps<TextProps, HTMLElement>(\n forwardRef<HTMLElement, MergedProps<TextProps>>((props, ref) => {\n const textProps = props.appearance ? { ...APPEARANCE[props.appearance], ...props } : props\n\n const {\n size = 'm',\n weight = 'normal',\n lineHeight = 'm',\n fontStyle = 'normal',\n className,\n content,\n children,\n ellipsis,\n expandButtonProps,\n onExpandedChange,\n ...restProps\n } = textProps\n\n const ellipsisProps = typeof ellipsis === 'object' && ellipsis !== null ? ellipsis : {}\n\n const textClassName = useClassname(COMPONENT_NAME, className)\n\n return (\n <Styled.Root\n {...restProps}\n size={size}\n weight={weight}\n lineHeight={lineHeight}\n fontStyle={fontStyle}\n className={textClassName}\n ellipsis={ellipsis}\n ref={ref}\n >\n {ellipsis ? (\n <Ellipsis\n {...ellipsisProps}\n underline={restProps.underline}\n expandButtonProps={expandButtonProps}\n onExpandedChange={onExpandedChange}\n >\n {children || content}\n </Ellipsis>\n ) : (\n children || content\n )}\n </Styled.Root>\n )\n }),\n {\n displayName: COMPONENT_NAME,\n sizes: (props) => {\n if (typeof props.appearance === 'string') {\n return SIZES[props.appearance] ?? SIZES_DEFAULT\n }\n\n return SIZES_DEFAULT\n },\n }\n ),\n {\n Heading: TextHeading,\n Ellipse: TextEllipse,\n }\n )\n\nexport { Text, COMPONENT_NAME }\n"],"names":["Text","Object","assign","withMergedProps","forwardRef","props","ref","textProps","appearance","APPEARANCE","size","weight","lineHeight","fontStyle","className","content","children","ellipsis","expandButtonProps","onExpandedChange","restProps","ellipsisProps","textClassName","useClassname","_jsx","Styled","jsx","Ellipsis","underline","displayName","sizes","SIZES","SIZES_DEFAULT","Heading","TextHeading","Ellipse","TextEllipse"],"mappings":"seAwBA,MAAMA,KACJC,OAAOC,OACLC,gBAAAA,gBACEC,MAAAA,YAAgD,CAACC,EAAOC,KACtD,MAAMC,EAAYF,EAAMG,WAAa,IAAKC,UAAUA,WAACJ,EAAMG,eAAgBH,GAAUA,EAErF,MAAMK,KACJA,EAAO,IAAGC,OACVA,EAAS,SAAQC,WACjBA,EAAa,IAAGC,UAChBA,EAAY,SAAQC,UACpBA,EAASC,QACTA,EAAOC,SACPA,EAAQC,SACRA,EAAQC,kBACRA,EAAiBC,iBACjBA,KACGC,GACDb,EAEJ,MAAMc,SAAuBJ,GAAa,UAAYA,IAAa,KAAOA,EAAW,GAErF,MAAMK,EAAgBC,aAAAA,aAlCP,OAkCoCT,GAEnD,OACEU,WAAAA,IAACC,MAAAA,KAAW,IACNL,EACJV,KAAMA,EACNC,OAAQA,EACRC,WAAYA,EACZC,UAAWA,EACXC,UAAWQ,EACXL,SAAUA,EACVX,IAAKA,EAAIU,SAERC,EACCO,WAAAE,IAACC,kBAAQ,IACHN,EACJO,UAAWR,EAAUQ,UACrBV,kBAAmBA,EACnBC,iBAAkBA,EAAiBH,SAElCA,GAAYD,IAGfC,GAAYD,GAEF,IAGlB,CACEc,YA/De,OAgEfC,MAAQzB,UACKA,EAAMG,YAAe,SACvBuB,gBAAM1B,EAAMG,aAAewB,iBAAAA,cAG7BA,iCAIb,CACEC,QAASC,aAAWA,YACpBC,QAASC,aAAAA,qCA3EQ"}
@@ -1 +1 @@
1
- {"version":3,"file":"Text.mjs","sources":["../../../../src/components/Text/Text.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { useClassname } from 'hooks/useClassname'\nimport { TextHeading } from 'components/Text.Heading'\nimport { TextEllipse } from 'components/Text.Ellipse'\nimport { Ellipsis } from './Ellipsis'\nimport type { TextProps } from './types'\nimport { APPEARANCE, SIZES } from './constants'\nimport { SIZES_DEFAULT } from './default-constants'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Text'\n\n/**\n *\n * Компонент поддерживает все нативные атрибуты рутового элемента.\n *\n * Можно передать \"ref\", который будет ассоциирован с рутовым элементом.\n *\n * Поддерживаются пропсы определения размеров и внешних отступов в зависимости от ширины вьюпорта.\n *\n * Полный интерфейс можно посмотреть [тут](https://github.com/foxford/ui/blob/master/src/components/Text/types.ts).\n */\nconst Text: React.ForwardRefExoticComponent<TextProps> & { Heading: typeof TextHeading; Ellipse: typeof TextEllipse } =\n Object.assign(\n withMergedProps<TextProps, HTMLElement>(\n forwardRef<HTMLElement, MergedProps<TextProps>>((props, ref) => {\n const textProps = props.appearance ? { ...APPEARANCE[props.appearance], ...props } : props\n\n const {\n size = 'm',\n weight = 'normal',\n lineHeight = 'm',\n fontStyle = 'normal',\n className,\n content,\n children,\n ellipsis,\n expandButtonProps,\n onExpandedChange,\n ...restProps\n } = textProps\n\n const ellipsisProps = typeof ellipsis === 'object' && ellipsis !== null ? ellipsis : {}\n\n const textClassName = useClassname(COMPONENT_NAME, className)\n\n return (\n <Styled.Root\n {...restProps}\n size={size}\n weight={weight}\n lineHeight={lineHeight}\n fontStyle={fontStyle}\n className={textClassName}\n ellipsis={ellipsis}\n ref={ref}\n >\n {ellipsis ? (\n <Ellipsis\n {...ellipsisProps}\n underline={restProps.underline}\n expandButtonProps={expandButtonProps}\n onExpandedChange={onExpandedChange}\n >\n {children || content}\n </Ellipsis>\n ) : (\n children || content\n )}\n </Styled.Root>\n )\n }),\n {\n displayName: COMPONENT_NAME,\n sizes: (props) => {\n if (typeof props.appearance === 'string') {\n return SIZES[props.appearance] ?? SIZES_DEFAULT\n }\n\n return SIZES_DEFAULT\n },\n }\n ),\n {\n Heading: TextHeading,\n Ellipse: TextEllipse,\n }\n )\n\nexport { Text, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","Text","Object","assign","withMergedProps","forwardRef","props","ref","textProps","appearance","APPEARANCE","size","weight","lineHeight","fontStyle","className","content","children","ellipsis","expandButtonProps","onExpandedChange","restProps","ellipsisProps","textClassName","useClassname","_jsx","Styled","Ellipsis","underline","displayName","sizes","SIZES","SIZES_DEFAULT","Heading","TextHeading","Ellipse","TextEllipse"],"mappings":"4cAYMA,MAAAA,eAAiB,OAYvB,MAAMC,KACJC,OAAOC,OACLC,gBACEC,YAAgD,CAACC,EAAOC,KACtD,MAAMC,EAAYF,EAAMG,WAAa,IAAKC,WAAWJ,EAAMG,eAAgBH,GAAUA,EAErF,MAAMK,KACJA,EAAO,IAAGC,OACVA,EAAS,SAAQC,WACjBA,EAAa,IAAGC,UAChBA,EAAY,SAAQC,UACpBA,EAASC,QACTA,EAAOC,SACPA,EAAQC,SACRA,EAAQC,kBACRA,EAAiBC,iBACjBA,KACGC,GACDb,EAEJ,MAAMc,SAAuBJ,GAAa,UAAYA,IAAa,KAAOA,EAAW,GAErF,MAAMK,EAAgBC,aAlCP,OAkCoCT,GAEnD,OACEU,IAACC,KAAW,IACNL,EACJV,KAAMA,EACNC,OAAQA,EACRC,WAAYA,EACZC,UAAWA,EACXC,UAAWQ,EACXL,SAAUA,EACVX,IAAKA,EAAIU,SAERC,EACCO,IAACE,SAAQ,IACHL,EACJM,UAAWP,EAAUO,UACrBT,kBAAmBA,EACnBC,iBAAkBA,EAAiBH,SAElCA,GAAYD,IAGfC,GAAYD,GAEF,IAGlB,CACEa,YA/De,OAgEfC,MAAQxB,UACKA,EAAMG,YAAe,SACvBsB,MAAMzB,EAAMG,aAAeuB,cAG7BA,gBAIb,CACEC,QAASC,YACTC,QAASC"}
1
+ {"version":3,"file":"Text.mjs","sources":["../../../../src/components/Text/Text.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { useClassname } from 'hooks/useClassname'\nimport { TextHeading } from 'components/Text.Heading'\nimport { TextEllipse } from 'components/Text.Ellipse'\nimport { Ellipsis } from './Ellipsis'\nimport type { TextProps } from './types'\nimport { APPEARANCE, SIZES } from './constants'\nimport { SIZES_DEFAULT } from './default-constants'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Text'\n\n/**\n *\n * Компонент поддерживает все нативные атрибуты рутового элемента.\n *\n * Можно передать \"ref\", который будет ассоциирован с рутовым элементом.\n *\n * Поддерживаются пропсы определения размеров и внешних отступов в зависимости от ширины вьюпорта.\n *\n * Полный интерфейс можно посмотреть [тут](https://github.com/foxford/ui/blob/master/packages/ui/src/components/Text/types.ts).\n */\nconst Text: React.ForwardRefExoticComponent<TextProps> & { Heading: typeof TextHeading; Ellipse: typeof TextEllipse } =\n Object.assign(\n withMergedProps<TextProps, HTMLElement>(\n forwardRef<HTMLElement, MergedProps<TextProps>>((props, ref) => {\n const textProps = props.appearance ? { ...APPEARANCE[props.appearance], ...props } : props\n\n const {\n size = 'm',\n weight = 'normal',\n lineHeight = 'm',\n fontStyle = 'normal',\n className,\n content,\n children,\n ellipsis,\n expandButtonProps,\n onExpandedChange,\n ...restProps\n } = textProps\n\n const ellipsisProps = typeof ellipsis === 'object' && ellipsis !== null ? ellipsis : {}\n\n const textClassName = useClassname(COMPONENT_NAME, className)\n\n return (\n <Styled.Root\n {...restProps}\n size={size}\n weight={weight}\n lineHeight={lineHeight}\n fontStyle={fontStyle}\n className={textClassName}\n ellipsis={ellipsis}\n ref={ref}\n >\n {ellipsis ? (\n <Ellipsis\n {...ellipsisProps}\n underline={restProps.underline}\n expandButtonProps={expandButtonProps}\n onExpandedChange={onExpandedChange}\n >\n {children || content}\n </Ellipsis>\n ) : (\n children || content\n )}\n </Styled.Root>\n )\n }),\n {\n displayName: COMPONENT_NAME,\n sizes: (props) => {\n if (typeof props.appearance === 'string') {\n return SIZES[props.appearance] ?? SIZES_DEFAULT\n }\n\n return SIZES_DEFAULT\n },\n }\n ),\n {\n Heading: TextHeading,\n Ellipse: TextEllipse,\n }\n )\n\nexport { Text, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","Text","Object","assign","withMergedProps","forwardRef","props","ref","textProps","appearance","APPEARANCE","size","weight","lineHeight","fontStyle","className","content","children","ellipsis","expandButtonProps","onExpandedChange","restProps","ellipsisProps","textClassName","useClassname","_jsx","Styled","Ellipsis","underline","displayName","sizes","SIZES","SIZES_DEFAULT","Heading","TextHeading","Ellipse","TextEllipse"],"mappings":"4cAYMA,MAAAA,eAAiB,OAYvB,MAAMC,KACJC,OAAOC,OACLC,gBACEC,YAAgD,CAACC,EAAOC,KACtD,MAAMC,EAAYF,EAAMG,WAAa,IAAKC,WAAWJ,EAAMG,eAAgBH,GAAUA,EAErF,MAAMK,KACJA,EAAO,IAAGC,OACVA,EAAS,SAAQC,WACjBA,EAAa,IAAGC,UAChBA,EAAY,SAAQC,UACpBA,EAASC,QACTA,EAAOC,SACPA,EAAQC,SACRA,EAAQC,kBACRA,EAAiBC,iBACjBA,KACGC,GACDb,EAEJ,MAAMc,SAAuBJ,GAAa,UAAYA,IAAa,KAAOA,EAAW,GAErF,MAAMK,EAAgBC,aAlCP,OAkCoCT,GAEnD,OACEU,IAACC,KAAW,IACNL,EACJV,KAAMA,EACNC,OAAQA,EACRC,WAAYA,EACZC,UAAWA,EACXC,UAAWQ,EACXL,SAAUA,EACVX,IAAKA,EAAIU,SAERC,EACCO,IAACE,SAAQ,IACHL,EACJM,UAAWP,EAAUO,UACrBT,kBAAmBA,EACnBC,iBAAkBA,EAAiBH,SAElCA,GAAYD,IAGfC,GAAYD,GAEF,IAGlB,CACEa,YA/De,OAgEfC,MAAQxB,UACKA,EAAMG,YAAe,SACvBsB,MAAMzB,EAAMG,aAAeuB,cAG7BA,gBAIb,CACEC,QAASC,YACTC,QAASC"}