@os-design/styles 1.0.51 → 1.0.52
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.
- package/dist/cjs/transitionStyles/index.js +2 -2
- package/dist/cjs/transitionStyles/index.js.map +1 -1
- package/dist/esm/transitionStyles/index.js +5 -5
- package/dist/esm/transitionStyles/index.js.map +1 -1
- package/dist/types/transitionStyles/index.d.ts.map +1 -1
- package/package.json +2 -2
- package/src/transitionStyles/index.ts +7 -9
|
@@ -9,12 +9,12 @@ var _templateObject, _templateObject2;
|
|
|
9
9
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
10
10
|
var singleTransitionStyles = function singleTransitionStyles(property) {
|
|
11
11
|
return function (p) {
|
|
12
|
-
return (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n
|
|
12
|
+
return (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n transition: ", " ", "ms;\n"])), property, p.theme.transitionDelay);
|
|
13
13
|
};
|
|
14
14
|
};
|
|
15
15
|
var multipleTransitionsStyles = function multipleTransitionsStyles(properties) {
|
|
16
16
|
return function (p) {
|
|
17
|
-
return (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n
|
|
17
|
+
return (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n transition: all ", "ms;\n transition-property: ", ";\n"])), p.theme.transitionDelay, properties.join(', '));
|
|
18
18
|
};
|
|
19
19
|
};
|
|
20
20
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_react","require","_templateObject","_templateObject2","_taggedTemplateLiteral","strings","raw","slice","Object","freeze","defineProperties","value","singleTransitionStyles","property","p","css","theme","transitionDelay","multipleTransitionsStyles","properties","join","transitionStyles","_len","arguments","length","props","Array","_key","_default","exports"],"sources":["../../../src/transitionStyles/index.ts"],"sourcesContent":["import { css } from '@emotion/react';\nimport { SerializedStyles } from '@emotion/serialize';\n\nconst singleTransitionStyles = (property: string) => (p)
|
|
1
|
+
{"version":3,"file":"index.js","names":["_react","require","_templateObject","_templateObject2","_taggedTemplateLiteral","strings","raw","slice","Object","freeze","defineProperties","value","singleTransitionStyles","property","p","css","theme","transitionDelay","multipleTransitionsStyles","properties","join","transitionStyles","_len","arguments","length","props","Array","_key","_default","exports"],"sources":["../../../src/transitionStyles/index.ts"],"sourcesContent":["import { css } from '@emotion/react';\nimport { SerializedStyles } from '@emotion/serialize';\n\nconst singleTransitionStyles = (property: string) => (p) => css`\n transition: ${property} ${p.theme.transitionDelay}ms;\n`;\n\nconst multipleTransitionsStyles = (properties: string[]) => (p) => css`\n transition: all ${p.theme.transitionDelay}ms;\n transition-property: ${properties.join(', ')};\n`;\n\n// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types\nconst transitionStyles =\n (...props: string[]) =>\n (p): SerializedStyles =>\n props.length === 1\n ? singleTransitionStyles(props[0])(p)\n : multipleTransitionsStyles(props)(p);\n\nexport default transitionStyles;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAqC,IAAAC,eAAA,EAAAC,gBAAA;AAAA,SAAAC,uBAAAC,OAAA,EAAAC,GAAA,SAAAA,GAAA,IAAAA,GAAA,GAAAD,OAAA,CAAAE,KAAA,cAAAC,MAAA,CAAAC,MAAA,CAAAD,MAAA,CAAAE,gBAAA,CAAAL,OAAA,IAAAC,GAAA,IAAAK,KAAA,EAAAH,MAAA,CAAAC,MAAA,CAAAH,GAAA;AAGrC,IAAMM,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAIC,QAAgB;EAAA,OAAK,UAACC,CAAC;IAAA,WAAKC,UAAG,EAAAb,eAAA,KAAAA,eAAA,GAAAE,sBAAA,uCAC/CS,QAAQ,EAAIC,CAAC,CAACE,KAAK,CAACC,eAAe;EAAA,CAClD;AAAA;AAED,IAAMC,yBAAyB,GAAG,SAA5BA,yBAAyBA,CAAIC,UAAoB;EAAA,OAAK,UAACL,CAAC;IAAA,WAAKC,UAAG,EAAAZ,gBAAA,KAAAA,gBAAA,GAAAC,sBAAA,oEAClDU,CAAC,CAACE,KAAK,CAACC,eAAe,EAClBE,UAAU,CAACC,IAAI,CAAC,IAAI,CAAC;EAAA,CAC7C;AAAA;;AAED;AACA,IAAMC,gBAAgB,GACpB,SADIA,gBAAgBA,CAAA;EAAA,SAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAChBC,KAAK,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;IAALF,KAAK,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;EAAA;EAAA,OACT,UAACb,CAAC;IAAA,OACAW,KAAK,CAACD,MAAM,KAAK,CAAC,GACdZ,sBAAsB,CAACa,KAAK,CAAC,CAAC,CAAC,CAAC,CAACX,CAAC,CAAC,GACnCI,yBAAyB,CAACO,KAAK,CAAC,CAACX,CAAC,CAAC;EAAA;AAAA;AAAC,IAAAc,QAAA,GAE7BP,gBAAgB;AAAAQ,OAAA,cAAAD,QAAA"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { css } from '@emotion/react';
|
|
2
2
|
const singleTransitionStyles = property => p => css`
|
|
3
|
-
|
|
4
|
-
|
|
3
|
+
transition: ${property} ${p.theme.transitionDelay}ms;
|
|
4
|
+
`;
|
|
5
5
|
const multipleTransitionsStyles = properties => p => css`
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
6
|
+
transition: all ${p.theme.transitionDelay}ms;
|
|
7
|
+
transition-property: ${properties.join(', ')};
|
|
8
|
+
`;
|
|
9
9
|
|
|
10
10
|
// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
|
|
11
11
|
const transitionStyles = (...props) => p => props.length === 1 ? singleTransitionStyles(props[0])(p) : multipleTransitionsStyles(props)(p);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["css","singleTransitionStyles","property","p","theme","transitionDelay","multipleTransitionsStyles","properties","join","transitionStyles","props","length"],"sources":["../../../src/transitionStyles/index.ts"],"sourcesContent":["import { css } from '@emotion/react';\nimport { SerializedStyles } from '@emotion/serialize';\n\nconst singleTransitionStyles = (property: string) => (p)
|
|
1
|
+
{"version":3,"file":"index.js","names":["css","singleTransitionStyles","property","p","theme","transitionDelay","multipleTransitionsStyles","properties","join","transitionStyles","props","length"],"sources":["../../../src/transitionStyles/index.ts"],"sourcesContent":["import { css } from '@emotion/react';\nimport { SerializedStyles } from '@emotion/serialize';\n\nconst singleTransitionStyles = (property: string) => (p) => css`\n transition: ${property} ${p.theme.transitionDelay}ms;\n`;\n\nconst multipleTransitionsStyles = (properties: string[]) => (p) => css`\n transition: all ${p.theme.transitionDelay}ms;\n transition-property: ${properties.join(', ')};\n`;\n\n// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types\nconst transitionStyles =\n (...props: string[]) =>\n (p): SerializedStyles =>\n props.length === 1\n ? singleTransitionStyles(props[0])(p)\n : multipleTransitionsStyles(props)(p);\n\nexport default transitionStyles;\n"],"mappings":"AAAA,SAASA,GAAG,QAAQ,gBAAgB;AAGpC,MAAMC,sBAAsB,GAAIC,QAAgB,IAAMC,CAAC,IAAKH,GAAI;AAChE,gBAAgBE,QAAS,IAAGC,CAAC,CAACC,KAAK,CAACC,eAAgB;AACpD,CAAC;AAED,MAAMC,yBAAyB,GAAIC,UAAoB,IAAMJ,CAAC,IAAKH,GAAI;AACvE,oBAAoBG,CAAC,CAACC,KAAK,CAACC,eAAgB;AAC5C,yBAAyBE,UAAU,CAACC,IAAI,CAAC,IAAI,CAAE;AAC/C,CAAC;;AAED;AACA,MAAMC,gBAAgB,GACpBA,CAAC,GAAGC,KAAe,KAClBP,CAAC,IACAO,KAAK,CAACC,MAAM,KAAK,CAAC,GACdV,sBAAsB,CAACS,KAAK,CAAC,CAAC,CAAC,CAAC,CAACP,CAAC,CAAC,GACnCG,yBAAyB,CAACI,KAAK,CAAC,CAACP,CAAC,CAAC;AAE3C,eAAeM,gBAAgB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/transitionStyles/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/transitionStyles/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAYtD,QAAA,MAAM,gBAAgB,aACT,MAAM,EAAE,iBACd,gBAGoC,CAAC;AAE5C,eAAe,gBAAgB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@os-design/styles",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.52",
|
|
4
4
|
"license": "UNLICENSED",
|
|
5
5
|
"repository": "git@gitlab.com:os-team/libs/os-design.git",
|
|
6
6
|
"main": "dist/cjs/index.js",
|
|
@@ -43,5 +43,5 @@
|
|
|
43
43
|
"@emotion/react": ">=11",
|
|
44
44
|
"@emotion/serialize": "*"
|
|
45
45
|
},
|
|
46
|
-
"gitHead": "
|
|
46
|
+
"gitHead": "6b63f712ae05bd98c00f59b868ac782f3475dc99"
|
|
47
47
|
}
|
|
@@ -1,16 +1,14 @@
|
|
|
1
1
|
import { css } from '@emotion/react';
|
|
2
2
|
import { SerializedStyles } from '@emotion/serialize';
|
|
3
3
|
|
|
4
|
-
const singleTransitionStyles = (property: string) => (p) =>
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
`;
|
|
4
|
+
const singleTransitionStyles = (property: string) => (p) => css`
|
|
5
|
+
transition: ${property} ${p.theme.transitionDelay}ms;
|
|
6
|
+
`;
|
|
8
7
|
|
|
9
|
-
const multipleTransitionsStyles = (properties: string[]) => (p) =>
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
`;
|
|
8
|
+
const multipleTransitionsStyles = (properties: string[]) => (p) => css`
|
|
9
|
+
transition: all ${p.theme.transitionDelay}ms;
|
|
10
|
+
transition-property: ${properties.join(', ')};
|
|
11
|
+
`;
|
|
14
12
|
|
|
15
13
|
// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
|
|
16
14
|
const transitionStyles =
|