@salutejs/plasma-new-hope 0.96.0-canary.1276.9746511529.0 → 0.96.0-canary.1276.9761216059.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (24) hide show
  1. package/cjs/components/Sheet/Sheet.js.map +1 -1
  2. package/emotion/cjs/components/Sheet/Sheet.js +3 -3
  3. package/emotion/cjs/engines/emotion.js +3 -6
  4. package/emotion/cjs/examples/plasma_b2c/components/Sheet/Sheet.stories.tsx +2 -2
  5. package/emotion/cjs/examples/plasma_web/components/Sheet/Sheet.stories.tsx +2 -2
  6. package/emotion/es/components/Sheet/Sheet.js +4 -4
  7. package/emotion/es/engines/emotion.js +3 -6
  8. package/emotion/es/examples/plasma_b2c/components/Sheet/Sheet.stories.tsx +2 -2
  9. package/emotion/es/examples/plasma_web/components/Sheet/Sheet.stories.tsx +2 -2
  10. package/es/components/Sheet/Sheet.js +4 -4
  11. package/es/components/Sheet/Sheet.js.map +1 -1
  12. package/package.json +3 -2
  13. package/styled-components/cjs/components/Sheet/Sheet.js +3 -3
  14. package/styled-components/cjs/examples/plasma_b2c/components/Sheet/Sheet.stories.tsx +2 -2
  15. package/styled-components/cjs/examples/plasma_web/components/Sheet/Sheet.stories.tsx +2 -2
  16. package/styled-components/es/components/Sheet/Sheet.js +4 -4
  17. package/styled-components/es/examples/plasma_b2c/components/Sheet/Sheet.stories.tsx +2 -2
  18. package/styled-components/es/examples/plasma_web/components/Sheet/Sheet.stories.tsx +2 -2
  19. package/types/components/Sheet/Sheet.d.ts.map +1 -1
  20. package/types/components/Sheet/Sheet.types.d.ts +1 -1
  21. package/types/components/Sheet/Sheet.types.d.ts.map +1 -1
  22. package/types/engines/emotion.d.ts.map +1 -1
  23. package/styled-components/cjs/engines/emotion.js +0 -56
  24. package/styled-components/es/engines/emotion.js +0 -41
@@ -1 +1 @@
1
- {"version":3,"file":"Sheet.js","sources":["../../../src/components/Sheet/Sheet.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { Overlay } from '../Overlay';\nimport { cx } from '../../utils';\n\nimport { SheetProps } from './Sheet.types';\nimport { useOverflow, useSheetSwipe } from './hooks';\nimport { classes, tokens } from './Sheet.tokens';\nimport {\n StyledContentWrapper,\n StyledSheetBody,\n StyledSheetContent,\n StyledSheetFooter,\n StyledSheetHandle,\n StyledSheetHeader,\n} from './Sheet.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { DEFAULT_Z_INDEX } from './utils';\n\n/**\n * Открывает окно-шторку поверх основного экрана.\n */\n\nexport const sheetRoot = (Root: RootProps<HTMLDivElement, SheetProps>) =>\n forwardRef<HTMLDivElement, SheetProps>(\n (\n {\n opened,\n children,\n onClose,\n hasHandle = true,\n contentHeader,\n isHeaderFixed = false,\n contentFooter,\n isFooterFixed = false,\n withOverlay = true,\n withBlur = false,\n withTransition = true,\n throttleMs,\n className,\n view,\n ...restProps\n },\n rootRef,\n ) => {\n const contentWrapperRef = React.useRef<HTMLDivElement>(null);\n const contentRef = React.useRef<HTMLDivElement>(null);\n const handleRef = React.useRef<HTMLDivElement>(null);\n\n useOverflow({ opened });\n useSheetSwipe({ contentWrapperRef, contentRef, handleRef, throttleMs, onClose });\n\n const hasHeader = Boolean(contentHeader);\n const hasFooter = Boolean(contentFooter);\n\n const closedClass = opened ? undefined : `${classes.closed}`;\n\n const overlayBackgroundToken = withBlur\n ? `var(${tokens.sheetOverlayWithBlurColor})`\n : `var(${tokens.sheetOverlayColor})`;\n\n return (\n <Root opened={opened} onClose={onClose} view={view} ref={rootRef}>\n <StyledContentWrapper\n opened={opened}\n withTransition={withTransition}\n className={cx(closedClass, className)}\n ref={contentWrapperRef}\n {...restProps}\n >\n {hasHandle && <StyledSheetHandle ref={handleRef} />}\n <StyledSheetContent hasHeader={hasHeader} hasFooter={hasFooter} ref={contentRef}>\n {hasHeader && (\n <StyledSheetHeader isHeaderFixed={isHeaderFixed}>{contentHeader}</StyledSheetHeader>\n )}\n <StyledSheetBody>{children}</StyledSheetBody>\n {hasFooter && (\n <StyledSheetFooter isFooterFixed={isFooterFixed}>{contentFooter}</StyledSheetFooter>\n )}\n </StyledSheetContent>\n </StyledContentWrapper>\n {withOverlay && opened && (\n <Overlay\n zIndex={DEFAULT_Z_INDEX}\n backgroundColorProperty={overlayBackgroundToken}\n withBlur={withBlur}\n isClickable\n onOverlayClick={onClose}\n />\n )}\n </Root>\n );\n },\n );\n\nexport const sheetConfig = {\n name: 'Sheet',\n tag: 'div',\n layout: sheetRoot,\n base: '',\n variations: {\n view: {\n css: viewCSS,\n },\n },\n defaults: {\n view: 'default',\n },\n};\n"],"names":["sheetRoot","Root","forwardRef","_ref","rootRef","opened","children","onClose","_ref$hasHandle","hasHandle","contentHeader","_ref$isHeaderFixed","isHeaderFixed","contentFooter","_ref$isFooterFixed","isFooterFixed","_ref$withOverlay","withOverlay","_ref$withBlur","withBlur","_ref$withTransition","withTransition","throttleMs","className","view","restProps","_objectWithoutProperties","_excluded","contentWrapperRef","React","useRef","contentRef","handleRef","useOverflow","useSheetSwipe","hasHeader","Boolean","hasFooter","closedClass","undefined","concat","classes","closed","overlayBackgroundToken","tokens","sheetOverlayWithBlurColor","sheetOverlayColor","createElement","ref","StyledContentWrapper","_extends","cx","StyledSheetHandle","StyledSheetContent","StyledSheetHeader","StyledSheetBody","StyledSheetFooter","Overlay","zIndex","DEFAULT_Z_INDEX","backgroundColorProperty","isClickable","onOverlayClick","sheetConfig","name","tag","layout","base","variations","css","viewCSS","defaults"],"mappings":";;;;;;;;;;;;;;;;;AAoBA;AACA;AACA;;IAEaA,SAAS,GAAG,SAAZA,SAASA,CAAIC,IAA2C,EAAA;AAAA,EAAA,oBACjEC,gBAAU,CACN,UAAAC,IAAA,EAkBIC,OAAO,EACN;AAAA,IAAA,IAjBGC,MAAM,GAAAF,IAAA,CAANE,MAAM;MACNC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;MACRC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;MAAAC,cAAA,GAAAL,IAAA,CACPM,SAAS;AAATA,MAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,cAAA;MAChBE,aAAa,GAAAP,IAAA,CAAbO,aAAa;MAAAC,kBAAA,GAAAR,IAAA,CACbS,aAAa;AAAbA,MAAAA,aAAa,GAAAD,kBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,kBAAA;MACrBE,aAAa,GAAAV,IAAA,CAAbU,aAAa;MAAAC,kBAAA,GAAAX,IAAA,CACbY,aAAa;AAAbA,MAAAA,aAAa,GAAAD,kBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,kBAAA;MAAAE,gBAAA,GAAAb,IAAA,CACrBc,WAAW;AAAXA,MAAAA,WAAW,GAAAD,gBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,gBAAA;MAAAE,aAAA,GAAAf,IAAA,CAClBgB,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA;MAAAE,mBAAA,GAAAjB,IAAA,CAChBkB,cAAc;AAAdA,MAAAA,cAAc,GAAAD,mBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,mBAAA;MACrBE,UAAU,GAAAnB,IAAA,CAAVmB,UAAU;MACVC,SAAS,GAAApB,IAAA,CAAToB,SAAS;MACTC,IAAI,GAAArB,IAAA,CAAJqB,IAAI;AACDC,MAAAA,SAAS,GAAAC,iDAAA,CAAAvB,IAAA,EAAAwB,SAAA,CAAA,CAAA;AAIhB,IAAA,IAAMC,iBAAiB,GAAGC,KAAK,CAACC,MAAM,CAAiB,IAAI,CAAC,CAAA;AAC5D,IAAA,IAAMC,UAAU,GAAGF,KAAK,CAACC,MAAM,CAAiB,IAAI,CAAC,CAAA;AACrD,IAAA,IAAME,SAAS,GAAGH,KAAK,CAACC,MAAM,CAAiB,IAAI,CAAC,CAAA;AAEpDG,IAAAA,uBAAW,CAAC;AAAE5B,MAAAA,MAAM,EAANA,MAAAA;AAAO,KAAC,CAAC,CAAA;AACvB6B,IAAAA,2BAAa,CAAC;AAAEN,MAAAA,iBAAiB,EAAjBA,iBAAiB;AAAEG,MAAAA,UAAU,EAAVA,UAAU;AAAEC,MAAAA,SAAS,EAATA,SAAS;AAAEV,MAAAA,UAAU,EAAVA,UAAU;AAAEf,MAAAA,OAAO,EAAPA,OAAAA;AAAQ,KAAC,CAAC,CAAA;AAEhF,IAAA,IAAM4B,SAAS,GAAGC,OAAO,CAAC1B,aAAa,CAAC,CAAA;AACxC,IAAA,IAAM2B,SAAS,GAAGD,OAAO,CAACvB,aAAa,CAAC,CAAA;IAExC,IAAMyB,WAAW,GAAGjC,MAAM,GAAGkC,SAAS,GAAAC,EAAAA,CAAAA,MAAA,CAAMC,oBAAO,CAACC,MAAM,CAAE,CAAA;AAE5D,IAAA,IAAMC,sBAAsB,GAAGxB,QAAQ,GAAA,MAAA,CAAAqB,MAAA,CAC1BI,mBAAM,CAACC,yBAAyB,gBAAAL,MAAA,CAChCI,mBAAM,CAACE,iBAAiB,EAAG,GAAA,CAAA,CAAA;AAExC,IAAA,oBACIjB,KAAA,CAAAkB,aAAA,CAAC9C,IAAI,EAAA;AAACI,MAAAA,MAAM,EAAEA,MAAO;AAACE,MAAAA,OAAO,EAAEA,OAAQ;AAACiB,MAAAA,IAAI,EAAEA,IAAK;AAACwB,MAAAA,GAAG,EAAE5C,OAAAA;AAAQ,KAAA,eAC7DyB,KAAA,CAAAkB,aAAA,CAACE,iCAAoB,EAAAC,iCAAA,CAAA;AACjB7C,MAAAA,MAAM,EAAEA,MAAO;AACfgB,MAAAA,cAAc,EAAEA,cAAe;AAC/BE,MAAAA,SAAS,EAAE4B,QAAE,CAACb,WAAW,EAAEf,SAAS,CAAE;AACtCyB,MAAAA,GAAG,EAAEpB,iBAAAA;KACDH,EAAAA,SAAS,GAEZhB,SAAS,iBAAIoB,KAAA,CAAAkB,aAAA,CAACK,8BAAiB,EAAA;AAACJ,MAAAA,GAAG,EAAEhB,SAAAA;AAAU,KAAE,CAAC,eACnDH,KAAA,CAAAkB,aAAA,CAACM,+BAAkB,EAAA;AAAClB,MAAAA,SAAS,EAAEA,SAAU;AAACE,MAAAA,SAAS,EAAEA,SAAU;AAACW,MAAAA,GAAG,EAAEjB,UAAAA;AAAW,KAAA,EAC3EI,SAAS,iBACNN,KAAA,CAAAkB,aAAA,CAACO,8BAAiB,EAAA;AAAC1C,MAAAA,aAAa,EAAEA,aAAAA;AAAc,KAAA,EAAEF,aAAiC,CACtF,eACDmB,KAAA,CAAAkB,aAAA,CAACQ,4BAAe,EAAA,IAAA,EAAEjD,QAA0B,CAAC,EAC5C+B,SAAS,iBACNR,KAAA,CAAAkB,aAAA,CAACS,8BAAiB,EAAA;AAACzC,MAAAA,aAAa,EAAEA,aAAAA;AAAc,KAAA,EAAEF,aAAiC,CAEvE,CACF,CAAC,EACtBI,WAAW,IAAIZ,MAAM,iBAClBwB,KAAA,CAAAkB,aAAA,CAACU,eAAO,EAAA;AACJC,MAAAA,MAAM,EAAEC,uBAAgB;AACxBC,MAAAA,uBAAuB,EAAEjB,sBAAuB;AAChDxB,MAAAA,QAAQ,EAAEA,QAAS;MACnB0C,WAAW,EAAA,IAAA;AACXC,MAAAA,cAAc,EAAEvD,OAAAA;AAAQ,KAC3B,CAEH,CAAC,CAAA;AAEf,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAMwD,WAAW,GAAG;AACvBC,EAAAA,IAAI,EAAE,OAAO;AACbC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAElE,SAAS;AACjBmE,EAAAA,IAAI,EAAE,EAAE;AACRC,EAAAA,UAAU,EAAE;AACR5C,IAAAA,IAAI,EAAE;AACF6C,MAAAA,GAAG,EAAEC,SAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACN/C,IAAAA,IAAI,EAAE,SAAA;AACV,GAAA;AACJ;;;;;"}
1
+ {"version":3,"file":"Sheet.js","sources":["../../../src/components/Sheet/Sheet.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { Overlay } from '../Overlay';\nimport { cx } from '../../utils';\n\nimport { SheetProps } from './Sheet.types';\nimport { useOverflow, useSheetSwipe } from './hooks';\nimport { classes, tokens } from './Sheet.tokens';\nimport {\n StyledContentWrapper,\n StyledSheetBody,\n StyledSheetContent,\n StyledSheetFooter,\n StyledSheetHandle,\n StyledSheetHeader,\n} from './Sheet.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { DEFAULT_Z_INDEX } from './utils';\n\n/**\n * Открывает окно-шторку поверх основного экрана.\n */\n\nexport const sheetRoot = (Root: RootProps<HTMLDivElement, SheetProps>) =>\n forwardRef<HTMLDivElement, SheetProps>(\n (\n {\n opened,\n children,\n onClose,\n hasHandle = true,\n contentHeader,\n isHeaderFixed = false,\n contentFooter,\n isFooterFixed = false,\n withOverlay = true,\n withBlur = false,\n withTransition = true,\n throttleMs,\n className,\n view,\n ...restProps\n },\n rootRef,\n ) => {\n const contentWrapperRef = useRef<HTMLDivElement>(null);\n const contentRef = useRef<HTMLDivElement>(null);\n const handleRef = useRef<HTMLDivElement>(null);\n\n useOverflow({ opened });\n useSheetSwipe({ contentWrapperRef, contentRef, handleRef, throttleMs, onClose });\n\n const hasHeader = Boolean(contentHeader);\n const hasFooter = Boolean(contentFooter);\n\n const closedClass = opened ? undefined : `${classes.closed}`;\n\n const overlayBackgroundToken = withBlur\n ? `var(${tokens.sheetOverlayWithBlurColor})`\n : `var(${tokens.sheetOverlayColor})`;\n\n return (\n <Root opened={opened} onClose={onClose} view={view} ref={rootRef}>\n <StyledContentWrapper\n opened={opened}\n withTransition={withTransition}\n className={cx(closedClass, className)}\n ref={contentWrapperRef}\n {...restProps}\n >\n {hasHandle && <StyledSheetHandle ref={handleRef} />}\n <StyledSheetContent hasHeader={hasHeader} hasFooter={hasFooter} ref={contentRef}>\n {hasHeader && (\n <StyledSheetHeader isHeaderFixed={isHeaderFixed}>{contentHeader}</StyledSheetHeader>\n )}\n <StyledSheetBody>{children}</StyledSheetBody>\n {hasFooter && (\n <StyledSheetFooter isFooterFixed={isFooterFixed}>{contentFooter}</StyledSheetFooter>\n )}\n </StyledSheetContent>\n </StyledContentWrapper>\n {withOverlay && opened && (\n <Overlay\n zIndex={DEFAULT_Z_INDEX}\n backgroundColorProperty={overlayBackgroundToken}\n withBlur={withBlur}\n isClickable\n onOverlayClick={onClose}\n />\n )}\n </Root>\n );\n },\n );\n\nexport const sheetConfig = {\n name: 'Sheet',\n tag: 'div',\n layout: sheetRoot,\n base: '',\n variations: {\n view: {\n css: viewCSS,\n },\n },\n defaults: {\n view: 'default',\n },\n};\n"],"names":["sheetRoot","Root","forwardRef","_ref","rootRef","opened","children","onClose","_ref$hasHandle","hasHandle","contentHeader","_ref$isHeaderFixed","isHeaderFixed","contentFooter","_ref$isFooterFixed","isFooterFixed","_ref$withOverlay","withOverlay","_ref$withBlur","withBlur","_ref$withTransition","withTransition","throttleMs","className","view","restProps","_objectWithoutProperties","_excluded","contentWrapperRef","useRef","contentRef","handleRef","useOverflow","useSheetSwipe","hasHeader","Boolean","hasFooter","closedClass","undefined","concat","classes","closed","overlayBackgroundToken","tokens","sheetOverlayWithBlurColor","sheetOverlayColor","React","createElement","ref","StyledContentWrapper","_extends","cx","StyledSheetHandle","StyledSheetContent","StyledSheetHeader","StyledSheetBody","StyledSheetFooter","Overlay","zIndex","DEFAULT_Z_INDEX","backgroundColorProperty","isClickable","onOverlayClick","sheetConfig","name","tag","layout","base","variations","css","viewCSS","defaults"],"mappings":"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"}
@@ -46,9 +46,9 @@ var sheetRoot = exports.sheetRoot = function sheetRoot(Root) {
46
46
  className = _ref.className,
47
47
  view = _ref.view,
48
48
  restProps = _objectWithoutProperties(_ref, _excluded);
49
- var contentWrapperRef = _react["default"].useRef(null);
50
- var contentRef = _react["default"].useRef(null);
51
- var handleRef = _react["default"].useRef(null);
49
+ var contentWrapperRef = (0, _react.useRef)(null);
50
+ var contentRef = (0, _react.useRef)(null);
51
+ var handleRef = (0, _react.useRef)(null);
52
52
  (0, _hooks.useOverflow)({
53
53
  opened: opened
54
54
  });
@@ -31,7 +31,7 @@ var Root = /*#__PURE__*/(0, _base["default"])("div", {
31
31
  }, ";", function (_ref3) {
32
32
  var dynamicVariants = _ref3.dynamicVariants;
33
33
  return dynamicVariants;
34
- }, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy1lbW90aW9uL2VuZ2luZXMvZW1vdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYUUiLCJmaWxlIjoiLi4vLi4vLi4vc3JjLWVtb3Rpb24vZW5naW5lcy9lbW90aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBnZXRTdGF0aWNWYXJpYW50cywgZ2V0RHluYW1pY1ZhcmlhbnRzIH0gZnJvbSAnLi9jb21tb24nO1xuaW1wb3J0IHR5cGUgeyBDb21wb25lbnRDb25maWcsIEhUTUxBbnlBdHRyaWJ1dGVzIH0gZnJvbSAnLi90eXBlcyc7XG5cbmV4cG9ydCB7IGNzcyB9O1xuXG5jb25zdCBSb290ID0gc3R5bGVkLmRpdjx7XG4gICAgYmFzZTogc3RyaW5nIHwgU2VyaWFsaXplZFN0eWxlcztcbiAgICBzdGF0aWNWYXJpYW50czogKHN0cmluZyB8IFNlcmlhbGl6ZWRTdHlsZXMpW107XG4gICAgZHluYW1pY1ZhcmlhbnRzOiAocHJvcHM6IEhUTUxBbnlBdHRyaWJ1dGVzKSA9PiBhbnlbXTtcbn0+YFxuICAgICR7KHsgYmFzZSB9KSA9PiBiYXNlfTtcbiAgICAkeyh7IHN0YXRpY1ZhcmlhbnRzIH0pID0+IHN0YXRpY1ZhcmlhbnRzfTtcbiAgICAkeyh7IGR5bmFtaWNWYXJpYW50cyB9KSA9PiBkeW5hbWljVmFyaWFudHN9O1xuYDtcblxuLyogZXNsaW50LWRpc2FibGUgbm8tdW5kZXJzY29yZS1kYW5nbGUgKi9cbmV4cG9ydCBjb25zdCBfY29tcG9uZW50ID0gKGNvbXBvbmVudENvbmZpZzogQ29tcG9uZW50Q29uZmlnKSA9PiB7XG4gICAgY29uc3QgeyB0YWcsIGJhc2UgfSA9IGNvbXBvbmVudENvbmZpZztcbiAgICBjb25zdCBzdGF0aWNWYXJpYW50cyA9IGdldFN0YXRpY1ZhcmlhbnRzKGNvbXBvbmVudENvbmZpZyk7XG4gICAgY29uc3QgZHluYW1pY1ZhcmlhbnRzID0gZ2V0RHluYW1pY1ZhcmlhbnRzKGNvbXBvbmVudENvbmZpZyk7XG5cbiAgICAvLyBUT0RPOiBzaG91ZCB3ZSB0eXBlIHRhZyBhcyBtb3JlIHRoZW4gc3RyaW5nID9cbiAgICBjb25zdCBSID0gUm9vdC53aXRoQ29tcG9uZW50KHRhZyBhcyBrZXlvZiBKU1guSW50cmluc2ljRWxlbWVudHMpO1xuICAgIGNvbnNvbGUubG9nKGJhc2UpO1xuICAgIHJldHVybiBmb3J3YXJkUmVmPEhUTUxFbGVtZW50LCBIVE1MQW55QXR0cmlidXRlcz4oKHByb3BzLCByZWYpID0+IChcbiAgICAgICAgPFJcbiAgICAgICAgICAgIC8vIGFzPXt0YWd9XG4gICAgICAgICAgICBiYXNlPXtiYXNlfVxuICAgICAgICAgICAgc3RhdGljVmFyaWFudHM9e3N0YXRpY1ZhcmlhbnRzfVxuICAgICAgICAgICAgZHluYW1pY1ZhcmlhbnRzPXtkeW5hbWljVmFyaWFudHN9XG4gICAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgLz5cbiAgICApKTtcbn07XG4iXX0= */"));
34
+ }, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy1lbW90aW9uL2VuZ2luZXMvZW1vdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYUUiLCJmaWxlIjoiLi4vLi4vLi4vc3JjLWVtb3Rpb24vZW5naW5lcy9lbW90aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBnZXRTdGF0aWNWYXJpYW50cywgZ2V0RHluYW1pY1ZhcmlhbnRzIH0gZnJvbSAnLi9jb21tb24nO1xuaW1wb3J0IHR5cGUgeyBDb21wb25lbnRDb25maWcsIEhUTUxBbnlBdHRyaWJ1dGVzIH0gZnJvbSAnLi90eXBlcyc7XG5cbmV4cG9ydCB7IGNzcyB9O1xuXG5jb25zdCBSb290ID0gc3R5bGVkLmRpdjx7XG4gICAgYmFzZTogc3RyaW5nIHwgU2VyaWFsaXplZFN0eWxlcztcbiAgICBzdGF0aWNWYXJpYW50czogKHN0cmluZyB8IFNlcmlhbGl6ZWRTdHlsZXMpW107XG4gICAgZHluYW1pY1ZhcmlhbnRzOiAocHJvcHM6IEhUTUxBbnlBdHRyaWJ1dGVzKSA9PiBhbnlbXTtcbn0+YFxuICAgICR7KHsgYmFzZSB9KSA9PiBiYXNlfTtcbiAgICAkeyh7IHN0YXRpY1ZhcmlhbnRzIH0pID0+IHN0YXRpY1ZhcmlhbnRzfTtcbiAgICAkeyh7IGR5bmFtaWNWYXJpYW50cyB9KSA9PiBkeW5hbWljVmFyaWFudHN9O1xuYDtcblxuLyogZXNsaW50LWRpc2FibGUgbm8tdW5kZXJzY29yZS1kYW5nbGUgKi9cbmV4cG9ydCBjb25zdCBfY29tcG9uZW50ID0gKGNvbXBvbmVudENvbmZpZzogQ29tcG9uZW50Q29uZmlnKSA9PiB7XG4gICAgY29uc3QgeyB0YWcsIGJhc2UgfSA9IGNvbXBvbmVudENvbmZpZztcbiAgICBjb25zdCBzdGF0aWNWYXJpYW50cyA9IGdldFN0YXRpY1ZhcmlhbnRzKGNvbXBvbmVudENvbmZpZyk7XG4gICAgY29uc3QgZHluYW1pY1ZhcmlhbnRzID0gZ2V0RHluYW1pY1ZhcmlhbnRzKGNvbXBvbmVudENvbmZpZyk7XG5cbiAgICAvLyBUT0RPOiBzaG91bGQgd2UgdHlwZSB0YWcgYXMgbW9yZSB0aGVuIHN0cmluZyA/XG4gICAgY29uc3QgUiA9IFJvb3Qud2l0aENvbXBvbmVudCh0YWcgYXMga2V5b2YgSlNYLkludHJpbnNpY0VsZW1lbnRzKTtcblxuICAgIHJldHVybiBmb3J3YXJkUmVmPEhUTUxFbGVtZW50LCBIVE1MQW55QXR0cmlidXRlcz4oKHByb3BzLCByZWYpID0+IChcbiAgICAgICAgPFIgYmFzZT17YmFzZX0gc3RhdGljVmFyaWFudHM9e3N0YXRpY1ZhcmlhbnRzfSBkeW5hbWljVmFyaWFudHM9e2R5bmFtaWNWYXJpYW50c30gey4uLnByb3BzfSByZWY9e3JlZn0gLz5cbiAgICApKTtcbn07XG4iXX0= */"));
35
35
 
36
36
  /* eslint-disable no-underscore-dangle */
37
37
  var _component = exports._component = function _component(componentConfig) {
@@ -40,16 +40,13 @@ var _component = exports._component = function _component(componentConfig) {
40
40
  var staticVariants = (0, _common.getStaticVariants)(componentConfig);
41
41
  var dynamicVariants = (0, _common.getDynamicVariants)(componentConfig);
42
42
 
43
- // TODO: shoud we type tag as more then string ?
43
+ // TODO: should we type tag as more then string ?
44
44
  var R = Root.withComponent(tag, {
45
45
  target: "ew8uqlo1",
46
46
  label: "plasma-new-hope__R"
47
47
  });
48
- console.log(base);
49
48
  return /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
50
- return /*#__PURE__*/_react["default"].createElement(R
51
- // as={tag}
52
- , _extends({
49
+ return /*#__PURE__*/_react["default"].createElement(R, _extends({
53
50
  base: base,
54
51
  staticVariants: staticVariants,
55
52
  dynamicVariants: dynamicVariants
@@ -222,7 +222,7 @@ const StoryWithInsideScroll = ({
222
222
  <div
223
223
  style={{
224
224
  height: '150px',
225
- overflow: 'scroll',
225
+ overflowY: 'scroll',
226
226
  display: 'flex',
227
227
  flexDirection: 'column',
228
228
  gap: '1rem',
@@ -296,7 +296,7 @@ const StoryWithDoubleScroll = ({
296
296
  <div
297
297
  style={{
298
298
  height: '150px',
299
- overflow: 'scroll',
299
+ overflowY: 'scroll',
300
300
  display: 'flex',
301
301
  flexDirection: 'column',
302
302
  gap: '1rem',
@@ -222,7 +222,7 @@ const StoryWithInsideScroll = ({
222
222
  <div
223
223
  style={{
224
224
  height: '150px',
225
- overflow: 'scroll',
225
+ overflowY: 'scroll',
226
226
  display: 'flex',
227
227
  flexDirection: 'column',
228
228
  gap: '1rem',
@@ -296,7 +296,7 @@ const StoryWithDoubleScroll = ({
296
296
  <div
297
297
  style={{
298
298
  height: '150px',
299
- overflow: 'scroll',
299
+ overflowY: 'scroll',
300
300
  display: 'flex',
301
301
  flexDirection: 'column',
302
302
  gap: '1rem',
@@ -2,7 +2,7 @@ var _excluded = ["opened", "children", "onClose", "hasHandle", "contentHeader",
2
2
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
3
3
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
4
4
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
5
- import React, { forwardRef } from 'react';
5
+ import React, { forwardRef, useRef } from 'react';
6
6
  import { Overlay } from '../Overlay';
7
7
  import { cx } from '../../utils';
8
8
  import { useOverflow, useSheetSwipe } from './hooks';
@@ -38,9 +38,9 @@ export var sheetRoot = function sheetRoot(Root) {
38
38
  className = _ref.className,
39
39
  view = _ref.view,
40
40
  restProps = _objectWithoutProperties(_ref, _excluded);
41
- var contentWrapperRef = React.useRef(null);
42
- var contentRef = React.useRef(null);
43
- var handleRef = React.useRef(null);
41
+ var contentWrapperRef = useRef(null);
42
+ var contentRef = useRef(null);
43
+ var handleRef = useRef(null);
44
44
  useOverflow({
45
45
  opened: opened
46
46
  });
@@ -16,7 +16,7 @@ var Root = /*#__PURE__*/_styled("div", {
16
16
  }, ";", function (_ref3) {
17
17
  var dynamicVariants = _ref3.dynamicVariants;
18
18
  return dynamicVariants;
19
- }, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy1lbW90aW9uL2VuZ2luZXMvZW1vdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYUUiLCJmaWxlIjoiLi4vLi4vLi4vc3JjLWVtb3Rpb24vZW5naW5lcy9lbW90aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBnZXRTdGF0aWNWYXJpYW50cywgZ2V0RHluYW1pY1ZhcmlhbnRzIH0gZnJvbSAnLi9jb21tb24nO1xuaW1wb3J0IHR5cGUgeyBDb21wb25lbnRDb25maWcsIEhUTUxBbnlBdHRyaWJ1dGVzIH0gZnJvbSAnLi90eXBlcyc7XG5cbmV4cG9ydCB7IGNzcyB9O1xuXG5jb25zdCBSb290ID0gc3R5bGVkLmRpdjx7XG4gICAgYmFzZTogc3RyaW5nIHwgU2VyaWFsaXplZFN0eWxlcztcbiAgICBzdGF0aWNWYXJpYW50czogKHN0cmluZyB8IFNlcmlhbGl6ZWRTdHlsZXMpW107XG4gICAgZHluYW1pY1ZhcmlhbnRzOiAocHJvcHM6IEhUTUxBbnlBdHRyaWJ1dGVzKSA9PiBhbnlbXTtcbn0+YFxuICAgICR7KHsgYmFzZSB9KSA9PiBiYXNlfTtcbiAgICAkeyh7IHN0YXRpY1ZhcmlhbnRzIH0pID0+IHN0YXRpY1ZhcmlhbnRzfTtcbiAgICAkeyh7IGR5bmFtaWNWYXJpYW50cyB9KSA9PiBkeW5hbWljVmFyaWFudHN9O1xuYDtcblxuLyogZXNsaW50LWRpc2FibGUgbm8tdW5kZXJzY29yZS1kYW5nbGUgKi9cbmV4cG9ydCBjb25zdCBfY29tcG9uZW50ID0gKGNvbXBvbmVudENvbmZpZzogQ29tcG9uZW50Q29uZmlnKSA9PiB7XG4gICAgY29uc3QgeyB0YWcsIGJhc2UgfSA9IGNvbXBvbmVudENvbmZpZztcbiAgICBjb25zdCBzdGF0aWNWYXJpYW50cyA9IGdldFN0YXRpY1ZhcmlhbnRzKGNvbXBvbmVudENvbmZpZyk7XG4gICAgY29uc3QgZHluYW1pY1ZhcmlhbnRzID0gZ2V0RHluYW1pY1ZhcmlhbnRzKGNvbXBvbmVudENvbmZpZyk7XG5cbiAgICAvLyBUT0RPOiBzaG91ZCB3ZSB0eXBlIHRhZyBhcyBtb3JlIHRoZW4gc3RyaW5nID9cbiAgICBjb25zdCBSID0gUm9vdC53aXRoQ29tcG9uZW50KHRhZyBhcyBrZXlvZiBKU1guSW50cmluc2ljRWxlbWVudHMpO1xuICAgIGNvbnNvbGUubG9nKGJhc2UpO1xuICAgIHJldHVybiBmb3J3YXJkUmVmPEhUTUxFbGVtZW50LCBIVE1MQW55QXR0cmlidXRlcz4oKHByb3BzLCByZWYpID0+IChcbiAgICAgICAgPFJcbiAgICAgICAgICAgIC8vIGFzPXt0YWd9XG4gICAgICAgICAgICBiYXNlPXtiYXNlfVxuICAgICAgICAgICAgc3RhdGljVmFyaWFudHM9e3N0YXRpY1ZhcmlhbnRzfVxuICAgICAgICAgICAgZHluYW1pY1ZhcmlhbnRzPXtkeW5hbWljVmFyaWFudHN9XG4gICAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgLz5cbiAgICApKTtcbn07XG4iXX0= */"));
19
+ }, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy1lbW90aW9uL2VuZ2luZXMvZW1vdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYUUiLCJmaWxlIjoiLi4vLi4vLi4vc3JjLWVtb3Rpb24vZW5naW5lcy9lbW90aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBnZXRTdGF0aWNWYXJpYW50cywgZ2V0RHluYW1pY1ZhcmlhbnRzIH0gZnJvbSAnLi9jb21tb24nO1xuaW1wb3J0IHR5cGUgeyBDb21wb25lbnRDb25maWcsIEhUTUxBbnlBdHRyaWJ1dGVzIH0gZnJvbSAnLi90eXBlcyc7XG5cbmV4cG9ydCB7IGNzcyB9O1xuXG5jb25zdCBSb290ID0gc3R5bGVkLmRpdjx7XG4gICAgYmFzZTogc3RyaW5nIHwgU2VyaWFsaXplZFN0eWxlcztcbiAgICBzdGF0aWNWYXJpYW50czogKHN0cmluZyB8IFNlcmlhbGl6ZWRTdHlsZXMpW107XG4gICAgZHluYW1pY1ZhcmlhbnRzOiAocHJvcHM6IEhUTUxBbnlBdHRyaWJ1dGVzKSA9PiBhbnlbXTtcbn0+YFxuICAgICR7KHsgYmFzZSB9KSA9PiBiYXNlfTtcbiAgICAkeyh7IHN0YXRpY1ZhcmlhbnRzIH0pID0+IHN0YXRpY1ZhcmlhbnRzfTtcbiAgICAkeyh7IGR5bmFtaWNWYXJpYW50cyB9KSA9PiBkeW5hbWljVmFyaWFudHN9O1xuYDtcblxuLyogZXNsaW50LWRpc2FibGUgbm8tdW5kZXJzY29yZS1kYW5nbGUgKi9cbmV4cG9ydCBjb25zdCBfY29tcG9uZW50ID0gKGNvbXBvbmVudENvbmZpZzogQ29tcG9uZW50Q29uZmlnKSA9PiB7XG4gICAgY29uc3QgeyB0YWcsIGJhc2UgfSA9IGNvbXBvbmVudENvbmZpZztcbiAgICBjb25zdCBzdGF0aWNWYXJpYW50cyA9IGdldFN0YXRpY1ZhcmlhbnRzKGNvbXBvbmVudENvbmZpZyk7XG4gICAgY29uc3QgZHluYW1pY1ZhcmlhbnRzID0gZ2V0RHluYW1pY1ZhcmlhbnRzKGNvbXBvbmVudENvbmZpZyk7XG5cbiAgICAvLyBUT0RPOiBzaG91bGQgd2UgdHlwZSB0YWcgYXMgbW9yZSB0aGVuIHN0cmluZyA/XG4gICAgY29uc3QgUiA9IFJvb3Qud2l0aENvbXBvbmVudCh0YWcgYXMga2V5b2YgSlNYLkludHJpbnNpY0VsZW1lbnRzKTtcblxuICAgIHJldHVybiBmb3J3YXJkUmVmPEhUTUxFbGVtZW50LCBIVE1MQW55QXR0cmlidXRlcz4oKHByb3BzLCByZWYpID0+IChcbiAgICAgICAgPFIgYmFzZT17YmFzZX0gc3RhdGljVmFyaWFudHM9e3N0YXRpY1ZhcmlhbnRzfSBkeW5hbWljVmFyaWFudHM9e2R5bmFtaWNWYXJpYW50c30gey4uLnByb3BzfSByZWY9e3JlZn0gLz5cbiAgICApKTtcbn07XG4iXX0= */"));
20
20
 
21
21
  /* eslint-disable no-underscore-dangle */
22
22
  export var _component = function _component(componentConfig) {
@@ -25,16 +25,13 @@ export var _component = function _component(componentConfig) {
25
25
  var staticVariants = getStaticVariants(componentConfig);
26
26
  var dynamicVariants = getDynamicVariants(componentConfig);
27
27
 
28
- // TODO: shoud we type tag as more then string ?
28
+ // TODO: should we type tag as more then string ?
29
29
  var R = Root.withComponent(tag, {
30
30
  target: "ew8uqlo1",
31
31
  label: "plasma-new-hope__R"
32
32
  });
33
- console.log(base);
34
33
  return /*#__PURE__*/forwardRef(function (props, ref) {
35
- return /*#__PURE__*/React.createElement(R
36
- // as={tag}
37
- , _extends({
34
+ return /*#__PURE__*/React.createElement(R, _extends({
38
35
  base: base,
39
36
  staticVariants: staticVariants,
40
37
  dynamicVariants: dynamicVariants
@@ -222,7 +222,7 @@ const StoryWithInsideScroll = ({
222
222
  <div
223
223
  style={{
224
224
  height: '150px',
225
- overflow: 'scroll',
225
+ overflowY: 'scroll',
226
226
  display: 'flex',
227
227
  flexDirection: 'column',
228
228
  gap: '1rem',
@@ -296,7 +296,7 @@ const StoryWithDoubleScroll = ({
296
296
  <div
297
297
  style={{
298
298
  height: '150px',
299
- overflow: 'scroll',
299
+ overflowY: 'scroll',
300
300
  display: 'flex',
301
301
  flexDirection: 'column',
302
302
  gap: '1rem',
@@ -222,7 +222,7 @@ const StoryWithInsideScroll = ({
222
222
  <div
223
223
  style={{
224
224
  height: '150px',
225
- overflow: 'scroll',
225
+ overflowY: 'scroll',
226
226
  display: 'flex',
227
227
  flexDirection: 'column',
228
228
  gap: '1rem',
@@ -296,7 +296,7 @@ const StoryWithDoubleScroll = ({
296
296
  <div
297
297
  style={{
298
298
  height: '150px',
299
- overflow: 'scroll',
299
+ overflowY: 'scroll',
300
300
  display: 'flex',
301
301
  flexDirection: 'column',
302
302
  gap: '1rem',
@@ -1,5 +1,5 @@
1
1
  import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
2
- import React, { forwardRef } from 'react';
2
+ import React, { forwardRef, useRef } from 'react';
3
3
  import { Overlay } from '../Overlay/Overlay.js';
4
4
  import { cx } from '../../utils/index.js';
5
5
  import { useSheetSwipe } from './hooks/useSheetSwipe.js';
@@ -38,9 +38,9 @@ var sheetRoot = function sheetRoot(Root) {
38
38
  className = _ref.className,
39
39
  view = _ref.view,
40
40
  restProps = _objectWithoutProperties(_ref, _excluded);
41
- var contentWrapperRef = React.useRef(null);
42
- var contentRef = React.useRef(null);
43
- var handleRef = React.useRef(null);
41
+ var contentWrapperRef = useRef(null);
42
+ var contentRef = useRef(null);
43
+ var handleRef = useRef(null);
44
44
  useOverflow({
45
45
  opened: opened
46
46
  });
@@ -1 +1 @@
1
- {"version":3,"file":"Sheet.js","sources":["../../../src/components/Sheet/Sheet.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { Overlay } from '../Overlay';\nimport { cx } from '../../utils';\n\nimport { SheetProps } from './Sheet.types';\nimport { useOverflow, useSheetSwipe } from './hooks';\nimport { classes, tokens } from './Sheet.tokens';\nimport {\n StyledContentWrapper,\n StyledSheetBody,\n StyledSheetContent,\n StyledSheetFooter,\n StyledSheetHandle,\n StyledSheetHeader,\n} from './Sheet.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { DEFAULT_Z_INDEX } from './utils';\n\n/**\n * Открывает окно-шторку поверх основного экрана.\n */\n\nexport const sheetRoot = (Root: RootProps<HTMLDivElement, SheetProps>) =>\n forwardRef<HTMLDivElement, SheetProps>(\n (\n {\n opened,\n children,\n onClose,\n hasHandle = true,\n contentHeader,\n isHeaderFixed = false,\n contentFooter,\n isFooterFixed = false,\n withOverlay = true,\n withBlur = false,\n withTransition = true,\n throttleMs,\n className,\n view,\n ...restProps\n },\n rootRef,\n ) => {\n const contentWrapperRef = React.useRef<HTMLDivElement>(null);\n const contentRef = React.useRef<HTMLDivElement>(null);\n const handleRef = React.useRef<HTMLDivElement>(null);\n\n useOverflow({ opened });\n useSheetSwipe({ contentWrapperRef, contentRef, handleRef, throttleMs, onClose });\n\n const hasHeader = Boolean(contentHeader);\n const hasFooter = Boolean(contentFooter);\n\n const closedClass = opened ? undefined : `${classes.closed}`;\n\n const overlayBackgroundToken = withBlur\n ? `var(${tokens.sheetOverlayWithBlurColor})`\n : `var(${tokens.sheetOverlayColor})`;\n\n return (\n <Root opened={opened} onClose={onClose} view={view} ref={rootRef}>\n <StyledContentWrapper\n opened={opened}\n withTransition={withTransition}\n className={cx(closedClass, className)}\n ref={contentWrapperRef}\n {...restProps}\n >\n {hasHandle && <StyledSheetHandle ref={handleRef} />}\n <StyledSheetContent hasHeader={hasHeader} hasFooter={hasFooter} ref={contentRef}>\n {hasHeader && (\n <StyledSheetHeader isHeaderFixed={isHeaderFixed}>{contentHeader}</StyledSheetHeader>\n )}\n <StyledSheetBody>{children}</StyledSheetBody>\n {hasFooter && (\n <StyledSheetFooter isFooterFixed={isFooterFixed}>{contentFooter}</StyledSheetFooter>\n )}\n </StyledSheetContent>\n </StyledContentWrapper>\n {withOverlay && opened && (\n <Overlay\n zIndex={DEFAULT_Z_INDEX}\n backgroundColorProperty={overlayBackgroundToken}\n withBlur={withBlur}\n isClickable\n onOverlayClick={onClose}\n />\n )}\n </Root>\n );\n },\n );\n\nexport const sheetConfig = {\n name: 'Sheet',\n tag: 'div',\n layout: sheetRoot,\n base: '',\n variations: {\n view: {\n css: viewCSS,\n },\n },\n defaults: {\n view: 'default',\n },\n};\n"],"names":["sheetRoot","Root","forwardRef","_ref","rootRef","opened","children","onClose","_ref$hasHandle","hasHandle","contentHeader","_ref$isHeaderFixed","isHeaderFixed","contentFooter","_ref$isFooterFixed","isFooterFixed","_ref$withOverlay","withOverlay","_ref$withBlur","withBlur","_ref$withTransition","withTransition","throttleMs","className","view","restProps","_objectWithoutProperties","_excluded","contentWrapperRef","React","useRef","contentRef","handleRef","useOverflow","useSheetSwipe","hasHeader","Boolean","hasFooter","closedClass","undefined","concat","classes","closed","overlayBackgroundToken","tokens","sheetOverlayWithBlurColor","sheetOverlayColor","createElement","ref","StyledContentWrapper","_extends","cx","StyledSheetHandle","StyledSheetContent","StyledSheetHeader","StyledSheetBody","StyledSheetFooter","Overlay","zIndex","DEFAULT_Z_INDEX","backgroundColorProperty","isClickable","onOverlayClick","sheetConfig","name","tag","layout","base","variations","css","viewCSS","defaults"],"mappings":"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"}
1
+ {"version":3,"file":"Sheet.js","sources":["../../../src/components/Sheet/Sheet.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { Overlay } from '../Overlay';\nimport { cx } from '../../utils';\n\nimport { SheetProps } from './Sheet.types';\nimport { useOverflow, useSheetSwipe } from './hooks';\nimport { classes, tokens } from './Sheet.tokens';\nimport {\n StyledContentWrapper,\n StyledSheetBody,\n StyledSheetContent,\n StyledSheetFooter,\n StyledSheetHandle,\n StyledSheetHeader,\n} from './Sheet.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { DEFAULT_Z_INDEX } from './utils';\n\n/**\n * Открывает окно-шторку поверх основного экрана.\n */\n\nexport const sheetRoot = (Root: RootProps<HTMLDivElement, SheetProps>) =>\n forwardRef<HTMLDivElement, SheetProps>(\n (\n {\n opened,\n children,\n onClose,\n hasHandle = true,\n contentHeader,\n isHeaderFixed = false,\n contentFooter,\n isFooterFixed = false,\n withOverlay = true,\n withBlur = false,\n withTransition = true,\n throttleMs,\n className,\n view,\n ...restProps\n },\n rootRef,\n ) => {\n const contentWrapperRef = useRef<HTMLDivElement>(null);\n const contentRef = useRef<HTMLDivElement>(null);\n const handleRef = useRef<HTMLDivElement>(null);\n\n useOverflow({ opened });\n useSheetSwipe({ contentWrapperRef, contentRef, handleRef, throttleMs, onClose });\n\n const hasHeader = Boolean(contentHeader);\n const hasFooter = Boolean(contentFooter);\n\n const closedClass = opened ? undefined : `${classes.closed}`;\n\n const overlayBackgroundToken = withBlur\n ? `var(${tokens.sheetOverlayWithBlurColor})`\n : `var(${tokens.sheetOverlayColor})`;\n\n return (\n <Root opened={opened} onClose={onClose} view={view} ref={rootRef}>\n <StyledContentWrapper\n opened={opened}\n withTransition={withTransition}\n className={cx(closedClass, className)}\n ref={contentWrapperRef}\n {...restProps}\n >\n {hasHandle && <StyledSheetHandle ref={handleRef} />}\n <StyledSheetContent hasHeader={hasHeader} hasFooter={hasFooter} ref={contentRef}>\n {hasHeader && (\n <StyledSheetHeader isHeaderFixed={isHeaderFixed}>{contentHeader}</StyledSheetHeader>\n )}\n <StyledSheetBody>{children}</StyledSheetBody>\n {hasFooter && (\n <StyledSheetFooter isFooterFixed={isFooterFixed}>{contentFooter}</StyledSheetFooter>\n )}\n </StyledSheetContent>\n </StyledContentWrapper>\n {withOverlay && opened && (\n <Overlay\n zIndex={DEFAULT_Z_INDEX}\n backgroundColorProperty={overlayBackgroundToken}\n withBlur={withBlur}\n isClickable\n onOverlayClick={onClose}\n />\n )}\n </Root>\n );\n },\n );\n\nexport const sheetConfig = {\n name: 'Sheet',\n tag: 'div',\n layout: sheetRoot,\n base: '',\n variations: {\n view: {\n css: viewCSS,\n },\n },\n defaults: {\n view: 'default',\n },\n};\n"],"names":["sheetRoot","Root","forwardRef","_ref","rootRef","opened","children","onClose","_ref$hasHandle","hasHandle","contentHeader","_ref$isHeaderFixed","isHeaderFixed","contentFooter","_ref$isFooterFixed","isFooterFixed","_ref$withOverlay","withOverlay","_ref$withBlur","withBlur","_ref$withTransition","withTransition","throttleMs","className","view","restProps","_objectWithoutProperties","_excluded","contentWrapperRef","useRef","contentRef","handleRef","useOverflow","useSheetSwipe","hasHeader","Boolean","hasFooter","closedClass","undefined","concat","classes","closed","overlayBackgroundToken","tokens","sheetOverlayWithBlurColor","sheetOverlayColor","React","createElement","ref","StyledContentWrapper","_extends","cx","StyledSheetHandle","StyledSheetContent","StyledSheetHeader","StyledSheetBody","StyledSheetFooter","Overlay","zIndex","DEFAULT_Z_INDEX","backgroundColorProperty","isClickable","onOverlayClick","sheetConfig","name","tag","layout","base","variations","css","viewCSS","defaults"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/plasma-new-hope",
3
- "version": "0.96.0-canary.1276.9746511529.0",
3
+ "version": "0.96.0-canary.1276.9761216059.0",
4
4
  "description": "Salute Design System blueprint",
5
5
  "main": "cjs/index.js",
6
6
  "module": "es/index.js",
@@ -32,6 +32,7 @@
32
32
  "build:styled-components:cjs": "rm -rf styled-components/cjs && BABEL_ENV=cjs SC_NAMESPACE=plasma-new-hope babel ./src-sc --out-dir ./styled-components/cjs --extensions .ts,.tsx --copy-files",
33
33
  "build:styled-components:esm": "rm -rf styled-components/es && BABEL_ENV=esm SC_NAMESPACE=plasma-new-hope babel ./src-sc --out-dir ./styled-components/es --extensions .ts,.tsx --copy-files",
34
34
  "postbuild:styled-components": "rm -rf src-sc",
35
+ "postbuild:emotion": "rm -rf src-emotion",
35
36
  "generate:typings:css": "tsc --outDir types --emitDeclarationOnly",
36
37
  "generate:typings": "npm run generate:typings:css",
37
38
  "storybook": "storybook dev -p ${PORT:-7002} -c .storybook",
@@ -117,5 +118,5 @@
117
118
  "react-popper": "2.3.0",
118
119
  "storeon": "3.1.5"
119
120
  },
120
- "gitHead": "8152e41eb4b9734ef03c5ebc73dd3efb79074819"
121
+ "gitHead": "0af11edceeea35ac61049344c4a2dcb64a248987"
121
122
  }
@@ -46,9 +46,9 @@ var sheetRoot = exports.sheetRoot = function sheetRoot(Root) {
46
46
  className = _ref.className,
47
47
  view = _ref.view,
48
48
  restProps = _objectWithoutProperties(_ref, _excluded);
49
- var contentWrapperRef = _react["default"].useRef(null);
50
- var contentRef = _react["default"].useRef(null);
51
- var handleRef = _react["default"].useRef(null);
49
+ var contentWrapperRef = (0, _react.useRef)(null);
50
+ var contentRef = (0, _react.useRef)(null);
51
+ var handleRef = (0, _react.useRef)(null);
52
52
  (0, _hooks.useOverflow)({
53
53
  opened: opened
54
54
  });
@@ -222,7 +222,7 @@ const StoryWithInsideScroll = ({
222
222
  <div
223
223
  style={{
224
224
  height: '150px',
225
- overflow: 'scroll',
225
+ overflowY: 'scroll',
226
226
  display: 'flex',
227
227
  flexDirection: 'column',
228
228
  gap: '1rem',
@@ -296,7 +296,7 @@ const StoryWithDoubleScroll = ({
296
296
  <div
297
297
  style={{
298
298
  height: '150px',
299
- overflow: 'scroll',
299
+ overflowY: 'scroll',
300
300
  display: 'flex',
301
301
  flexDirection: 'column',
302
302
  gap: '1rem',
@@ -222,7 +222,7 @@ const StoryWithInsideScroll = ({
222
222
  <div
223
223
  style={{
224
224
  height: '150px',
225
- overflow: 'scroll',
225
+ overflowY: 'scroll',
226
226
  display: 'flex',
227
227
  flexDirection: 'column',
228
228
  gap: '1rem',
@@ -296,7 +296,7 @@ const StoryWithDoubleScroll = ({
296
296
  <div
297
297
  style={{
298
298
  height: '150px',
299
- overflow: 'scroll',
299
+ overflowY: 'scroll',
300
300
  display: 'flex',
301
301
  flexDirection: 'column',
302
302
  gap: '1rem',
@@ -2,7 +2,7 @@ var _excluded = ["opened", "children", "onClose", "hasHandle", "contentHeader",
2
2
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
3
3
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
4
4
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
5
- import React, { forwardRef } from 'react';
5
+ import React, { forwardRef, useRef } from 'react';
6
6
  import { Overlay } from '../Overlay';
7
7
  import { cx } from '../../utils';
8
8
  import { useOverflow, useSheetSwipe } from './hooks';
@@ -38,9 +38,9 @@ export var sheetRoot = function sheetRoot(Root) {
38
38
  className = _ref.className,
39
39
  view = _ref.view,
40
40
  restProps = _objectWithoutProperties(_ref, _excluded);
41
- var contentWrapperRef = React.useRef(null);
42
- var contentRef = React.useRef(null);
43
- var handleRef = React.useRef(null);
41
+ var contentWrapperRef = useRef(null);
42
+ var contentRef = useRef(null);
43
+ var handleRef = useRef(null);
44
44
  useOverflow({
45
45
  opened: opened
46
46
  });
@@ -222,7 +222,7 @@ const StoryWithInsideScroll = ({
222
222
  <div
223
223
  style={{
224
224
  height: '150px',
225
- overflow: 'scroll',
225
+ overflowY: 'scroll',
226
226
  display: 'flex',
227
227
  flexDirection: 'column',
228
228
  gap: '1rem',
@@ -296,7 +296,7 @@ const StoryWithDoubleScroll = ({
296
296
  <div
297
297
  style={{
298
298
  height: '150px',
299
- overflow: 'scroll',
299
+ overflowY: 'scroll',
300
300
  display: 'flex',
301
301
  flexDirection: 'column',
302
302
  gap: '1rem',
@@ -222,7 +222,7 @@ const StoryWithInsideScroll = ({
222
222
  <div
223
223
  style={{
224
224
  height: '150px',
225
- overflow: 'scroll',
225
+ overflowY: 'scroll',
226
226
  display: 'flex',
227
227
  flexDirection: 'column',
228
228
  gap: '1rem',
@@ -296,7 +296,7 @@ const StoryWithDoubleScroll = ({
296
296
  <div
297
297
  style={{
298
298
  height: '150px',
299
- overflow: 'scroll',
299
+ overflowY: 'scroll',
300
300
  display: 'flex',
301
301
  flexDirection: 'column',
302
302
  gap: '1rem',
@@ -1 +1 @@
1
- {"version":3,"file":"Sheet.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/Sheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAI1C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAc3C;;GAEG;AAEH,eAAO,MAAM,SAAS,SAAU,UAAU,cAAc,EAAE,UAAU,CAAC,sFAsEhE,CAAC;AAEN,eAAO,MAAM,WAAW;;;mBAxEQ,UAAU,cAAc,EAAE,UAAU,CAAC;;;;;;;;;;CAqFpE,CAAC"}
1
+ {"version":3,"file":"Sheet.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/Sheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAI1C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAc3C;;GAEG;AAEH,eAAO,MAAM,SAAS,SAAU,UAAU,cAAc,EAAE,UAAU,CAAC,sFAsEhE,CAAC;AAEN,eAAO,MAAM,WAAW;;;mBAxEQ,UAAU,cAAc,EAAE,UAAU,CAAC;;;;;;;;;;CAqFpE,CAAC"}
@@ -1,4 +1,4 @@
1
- import { ReactNode, HTMLAttributes } from 'react';
1
+ import type { ReactNode, HTMLAttributes } from 'react';
2
2
  export interface SheetProps extends HTMLAttributes<HTMLDivElement> {
3
3
  /**
4
4
  * Состояние шторки, открыта или скрыта
@@ -1 +1 @@
1
- {"version":3,"file":"Sheet.types.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/Sheet.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAElD,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC9D;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAEhB;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB;;OAEG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAE1B;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAE1B;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,oBAAY,WAAW,GAAG,IAAI,CAAC,UAAU,EAAE,gBAAgB,GAAG,QAAQ,CAAC,CAAC;AAExE,oBAAY,aAAa,GAAG,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC"}
1
+ {"version":3,"file":"Sheet.types.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/Sheet.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC9D;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAEhB;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB;;OAEG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAE1B;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAE1B;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,oBAAY,WAAW,GAAG,IAAI,CAAC,UAAU,EAAE,gBAAgB,GAAG,QAAQ,CAAC,CAAC;AAExE,oBAAY,aAAa,GAAG,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"emotion.d.ts","sourceRoot":"","sources":["../../src/engines/emotion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,GAAG,EAAoB,MAAM,gBAAgB,CAAC;AAIvD,OAAO,KAAK,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAElE,OAAO,EAAE,GAAG,EAAE,CAAC;AAaf,eAAO,MAAM,UAAU,oBAAqB,eAAe,uGAkB1D,CAAC"}
1
+ {"version":3,"file":"emotion.d.ts","sourceRoot":"","sources":["../../src/engines/emotion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,GAAG,EAAoB,MAAM,gBAAgB,CAAC;AAIvD,OAAO,KAAK,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAElE,OAAO,EAAE,GAAG,EAAE,CAAC;AAaf,eAAO,MAAM,UAAU,oBAAqB,eAAe,uGAW1D,CAAC"}
@@ -1,56 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports._component = void 0;
8
- Object.defineProperty(exports, "css", {
9
- enumerable: true,
10
- get: function get() {
11
- return _react2.css;
12
- }
13
- });
14
- var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
15
- var _react2 = /*#__PURE__*/require("@emotion/react");
16
- var _styled = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("@emotion/styled"));
17
- var _common = /*#__PURE__*/require("./common");
18
- var _templateObject;
19
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
20
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
21
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
22
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
23
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
24
- var Root = /*#__PURE__*/_styled["default"].div(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ";\n ", ";\n ", ";\n"])), function (_ref) {
25
- var base = _ref.base;
26
- return base;
27
- }, function (_ref2) {
28
- var staticVariants = _ref2.staticVariants;
29
- return staticVariants;
30
- }, function (_ref3) {
31
- var dynamicVariants = _ref3.dynamicVariants;
32
- return dynamicVariants;
33
- });
34
-
35
- /* eslint-disable no-underscore-dangle */
36
- var _component = exports._component = function _component(componentConfig) {
37
- var tag = componentConfig.tag,
38
- base = componentConfig.base;
39
- var staticVariants = (0, _common.getStaticVariants)(componentConfig);
40
- var dynamicVariants = (0, _common.getDynamicVariants)(componentConfig);
41
-
42
- // TODO: shoud we type tag as more then string ?
43
- var R = Root.withComponent(tag);
44
- console.log(base);
45
- return /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
46
- return /*#__PURE__*/_react["default"].createElement(R
47
- // as={tag}
48
- , _extends({
49
- base: base,
50
- staticVariants: staticVariants,
51
- dynamicVariants: dynamicVariants
52
- }, props, {
53
- ref: ref
54
- }));
55
- });
56
- };
@@ -1,41 +0,0 @@
1
- var _templateObject;
2
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
3
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
4
- import React, { forwardRef } from 'react';
5
- import { css } from '@emotion/react';
6
- import styled from '@emotion/styled';
7
- import { getStaticVariants, getDynamicVariants } from './common';
8
- export { css };
9
- var Root = /*#__PURE__*/styled.div(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ";\n ", ";\n ", ";\n"])), function (_ref) {
10
- var base = _ref.base;
11
- return base;
12
- }, function (_ref2) {
13
- var staticVariants = _ref2.staticVariants;
14
- return staticVariants;
15
- }, function (_ref3) {
16
- var dynamicVariants = _ref3.dynamicVariants;
17
- return dynamicVariants;
18
- });
19
-
20
- /* eslint-disable no-underscore-dangle */
21
- export var _component = function _component(componentConfig) {
22
- var tag = componentConfig.tag,
23
- base = componentConfig.base;
24
- var staticVariants = getStaticVariants(componentConfig);
25
- var dynamicVariants = getDynamicVariants(componentConfig);
26
-
27
- // TODO: shoud we type tag as more then string ?
28
- var R = Root.withComponent(tag);
29
- console.log(base);
30
- return /*#__PURE__*/forwardRef(function (props, ref) {
31
- return /*#__PURE__*/React.createElement(R
32
- // as={tag}
33
- , _extends({
34
- base: base,
35
- staticVariants: staticVariants,
36
- dynamicVariants: dynamicVariants
37
- }, props, {
38
- ref: ref
39
- }));
40
- });
41
- };