@salutejs/plasma-new-hope 0.96.0-canary.1276.9746511529.0 → 0.96.0-canary.1276.9759832498.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Sheet/Sheet.js.map +1 -1
- package/emotion/cjs/components/Sheet/Sheet.js +3 -3
- package/emotion/cjs/engines/emotion.js +3 -6
- package/emotion/cjs/examples/plasma_b2c/components/Sheet/Sheet.stories.tsx +2 -2
- package/emotion/cjs/examples/plasma_web/components/Sheet/Sheet.stories.tsx +2 -2
- package/emotion/es/components/Sheet/Sheet.js +4 -4
- package/emotion/es/engines/emotion.js +3 -6
- package/emotion/es/examples/plasma_b2c/components/Sheet/Sheet.stories.tsx +2 -2
- package/emotion/es/examples/plasma_web/components/Sheet/Sheet.stories.tsx +2 -2
- package/es/components/Sheet/Sheet.js +4 -4
- package/es/components/Sheet/Sheet.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/Sheet/Sheet.js +3 -3
- package/styled-components/cjs/engines/emotion.js +2 -5
- package/styled-components/cjs/examples/plasma_b2c/components/Sheet/Sheet.stories.tsx +2 -2
- package/styled-components/cjs/examples/plasma_web/components/Sheet/Sheet.stories.tsx +2 -2
- package/styled-components/es/components/Sheet/Sheet.js +4 -4
- package/styled-components/es/engines/emotion.js +2 -5
- package/styled-components/es/examples/plasma_b2c/components/Sheet/Sheet.stories.tsx +2 -2
- package/styled-components/es/examples/plasma_web/components/Sheet/Sheet.stories.tsx +2 -2
- package/types/components/Sheet/Sheet.d.ts.map +1 -1
- package/types/components/Sheet/Sheet.types.d.ts +1 -1
- package/types/components/Sheet/Sheet.types.d.ts.map +1 -1
- package/types/engines/emotion.d.ts.map +1 -1
@@ -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 =
|
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
|
50
|
-
var contentRef = _react
|
51
|
-
var handleRef = _react
|
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+
|
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:
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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 =
|
42
|
-
var contentRef =
|
43
|
-
var handleRef =
|
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+
|
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:
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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 =
|
42
|
-
var contentRef =
|
43
|
-
var handleRef =
|
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 =
|
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.
|
3
|
+
"version": "0.96.0-canary.1276.9759832498.0",
|
4
4
|
"description": "Salute Design System blueprint",
|
5
5
|
"main": "cjs/index.js",
|
6
6
|
"module": "es/index.js",
|
@@ -117,5 +117,5 @@
|
|
117
117
|
"react-popper": "2.3.0",
|
118
118
|
"storeon": "3.1.5"
|
119
119
|
},
|
120
|
-
"gitHead": "
|
120
|
+
"gitHead": "1de108a709209dde364a4f99d7cde9175b5446fa"
|
121
121
|
}
|
@@ -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
|
50
|
-
var contentRef = _react
|
51
|
-
var handleRef = _react
|
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
|
});
|
@@ -39,13 +39,10 @@ var _component = exports._component = function _component(componentConfig) {
|
|
39
39
|
var staticVariants = (0, _common.getStaticVariants)(componentConfig);
|
40
40
|
var dynamicVariants = (0, _common.getDynamicVariants)(componentConfig);
|
41
41
|
|
42
|
-
// TODO:
|
42
|
+
// TODO: should we type tag as more then string ?
|
43
43
|
var R = Root.withComponent(tag);
|
44
|
-
console.log(base);
|
45
44
|
return /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
46
|
-
return /*#__PURE__*/_react["default"].createElement(R
|
47
|
-
// as={tag}
|
48
|
-
, _extends({
|
45
|
+
return /*#__PURE__*/_react["default"].createElement(R, _extends({
|
49
46
|
base: base,
|
50
47
|
staticVariants: staticVariants,
|
51
48
|
dynamicVariants: dynamicVariants
|
@@ -222,7 +222,7 @@ const StoryWithInsideScroll = ({
|
|
222
222
|
<div
|
223
223
|
style={{
|
224
224
|
height: '150px',
|
225
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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 =
|
42
|
-
var contentRef =
|
43
|
-
var handleRef =
|
41
|
+
var contentWrapperRef = useRef(null);
|
42
|
+
var contentRef = useRef(null);
|
43
|
+
var handleRef = useRef(null);
|
44
44
|
useOverflow({
|
45
45
|
opened: opened
|
46
46
|
});
|
@@ -24,13 +24,10 @@ export var _component = function _component(componentConfig) {
|
|
24
24
|
var staticVariants = getStaticVariants(componentConfig);
|
25
25
|
var dynamicVariants = getDynamicVariants(componentConfig);
|
26
26
|
|
27
|
-
// TODO:
|
27
|
+
// TODO: should we type tag as more then string ?
|
28
28
|
var R = Root.withComponent(tag);
|
29
|
-
console.log(base);
|
30
29
|
return /*#__PURE__*/forwardRef(function (props, ref) {
|
31
|
-
return /*#__PURE__*/React.createElement(R
|
32
|
-
// as={tag}
|
33
|
-
, _extends({
|
30
|
+
return /*#__PURE__*/React.createElement(R, _extends({
|
34
31
|
base: base,
|
35
32
|
staticVariants: staticVariants,
|
36
33
|
dynamicVariants: dynamicVariants
|
@@ -222,7 +222,7 @@ const StoryWithInsideScroll = ({
|
|
222
222
|
<div
|
223
223
|
style={{
|
224
224
|
height: '150px',
|
225
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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,
|
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 +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;
|
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,
|
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"}
|