@os-design/styles 1.0.43 → 1.0.44
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/@types/emotion.d.js.map +1 -1
- package/dist/cjs/ellipsisStyles/index.js.map +1 -1
- package/dist/cjs/enableScrollingStyles/index.js.map +1 -1
- package/dist/cjs/horizontalPaddingStyles/index.js +1 -1
- package/dist/cjs/horizontalPaddingStyles/index.js.map +1 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/lineClampStyles/index.js.map +1 -1
- package/dist/cjs/resetButtonStyles/index.js.map +1 -1
- package/dist/cjs/resetFocusStyles/index.js.map +1 -1
- package/dist/cjs/resetUlStyles/index.js.map +1 -1
- package/dist/cjs/sizeStyles/index.js.map +1 -1
- package/dist/cjs/transitionStyles/index.js.map +1 -1
- package/dist/esm/enableScrollingStyles/index.js.map +1 -1
- package/dist/esm/horizontalPaddingStyles/index.js +1 -1
- package/dist/esm/horizontalPaddingStyles/index.js.map +1 -1
- package/dist/esm/transitionStyles/index.js.map +1 -1
- package/dist/types/horizontalPaddingStyles/index.d.ts.map +1 -1
- package/package.json +4 -4
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"emotion.d.js","names":[],"sources":["../../../src/@types/emotion.d.ts"],"sourcesContent":["import '@emotion/react';\nimport { Theme as BaseTheme } from '@os-design/theming';\n\ndeclare module '@emotion/react' {\n // eslint-disable-next-line @typescript-eslint/no-empty-interface\n export interface Theme extends BaseTheme {}\n}\n"],"mappings":";;
|
|
1
|
+
{"version":3,"file":"emotion.d.js","names":["require"],"sources":["../../../src/@types/emotion.d.ts"],"sourcesContent":["import '@emotion/react';\nimport { Theme as BaseTheme } from '@os-design/theming';\n\ndeclare module '@emotion/react' {\n // eslint-disable-next-line @typescript-eslint/no-empty-interface\n export interface Theme extends BaseTheme {}\n}\n"],"mappings":";;AAAAA,OAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["ellipsisStyles","css"],"sources":["../../../src/ellipsisStyles/index.ts"],"sourcesContent":["import { css } from '@emotion/react';\n\nconst ellipsisStyles = css`\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n`;\n\nexport default ellipsisStyles;\n"],"mappings":";;;;;;AAAA;AAAqC;AAAA;AAErC,
|
|
1
|
+
{"version":3,"file":"index.js","names":["_react","require","_templateObject","_taggedTemplateLiteral","strings","raw","slice","Object","freeze","defineProperties","value","ellipsisStyles","css","_default","exports"],"sources":["../../../src/ellipsisStyles/index.ts"],"sourcesContent":["import { css } from '@emotion/react';\n\nconst ellipsisStyles = css`\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n`;\n\nexport default ellipsisStyles;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAqC,IAAAC,eAAA;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;AAErC,IAAMM,cAAc,OAAGC,UAAG,EAAAV,eAAA,KAAAA,eAAA,GAAAC,sBAAA,mFAIzB;AAAC,IAAAU,QAAA,GAEaF,cAAc;AAAAG,OAAA,cAAAD,QAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["enableScrollingStyles","axis","showScrollbar","css","includes"],"sources":["../../../src/enableScrollingStyles/index.ts"],"sourcesContent":["import { css } from '@emotion/react';\nimport { SerializedStyles } from '@emotion/serialize';\n\nconst enableScrollingStyles = (\n axis: 'x' | 'y' | 'both',\n showScrollbar = true\n): SerializedStyles => css`\n ${['x', 'both'].includes(axis) &&\n css`\n overflow-x: auto;\n `};\n\n ${['y', 'both'].includes(axis) &&\n css`\n overflow-y: auto;\n `};\n\n ${!showScrollbar &&\n css`\n ::-webkit-scrollbar {\n display: none;\n }\n `};\n\n -webkit-overflow-scrolling: touch;\n`;\n\nexport default enableScrollingStyles;\n"],"mappings":";;;;;;AAAA;AAAqC;AAAA;AAGrC,
|
|
1
|
+
{"version":3,"file":"index.js","names":["_react","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_taggedTemplateLiteral","strings","raw","slice","Object","freeze","defineProperties","value","enableScrollingStyles","axis","showScrollbar","arguments","length","undefined","css","includes","_default","exports"],"sources":["../../../src/enableScrollingStyles/index.ts"],"sourcesContent":["import { css } from '@emotion/react';\nimport { SerializedStyles } from '@emotion/serialize';\n\nconst enableScrollingStyles = (\n axis: 'x' | 'y' | 'both',\n showScrollbar = true\n): SerializedStyles => css`\n ${['x', 'both'].includes(axis) &&\n css`\n overflow-x: auto;\n `};\n\n ${['y', 'both'].includes(axis) &&\n css`\n overflow-y: auto;\n `};\n\n ${!showScrollbar &&\n css`\n ::-webkit-scrollbar {\n display: none;\n }\n `};\n\n -webkit-overflow-scrolling: touch;\n`;\n\nexport default enableScrollingStyles;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAqC,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,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,qBAAqB,GAAG,SAAxBA,qBAAqBA,CACzBC,IAAwB;EAAA,IACxBC,aAAa,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,IAAI;EAAA,WACCG,UAAG,EAAAlB,eAAA,KAAAA,eAAA,GAAAI,sBAAA,kFACtB,CAAC,GAAG,EAAE,MAAM,CAAC,CAACe,QAAQ,CAACN,IAAI,CAAC,QAC9BK,UAAG,EAAAjB,gBAAA,KAAAA,gBAAA,GAAAG,sBAAA,mCAEF,EAEC,CAAC,GAAG,EAAE,MAAM,CAAC,CAACe,QAAQ,CAACN,IAAI,CAAC,QAC9BK,UAAG,EAAAhB,gBAAA,KAAAA,gBAAA,GAAAE,sBAAA,mCAEF,EAEC,CAACU,aAAa,QAChBI,UAAG,EAAAf,gBAAA,KAAAA,gBAAA,GAAAC,sBAAA,oEAIF;AAAA,CAGF;AAAC,IAAAgB,QAAA,GAEaR,qBAAqB;AAAAS,OAAA,cAAAD,QAAA"}
|
|
@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = void 0;
|
|
7
|
-
var _facepaint = _interopRequireDefault(require("facepaint"));
|
|
8
7
|
var _media = require("@os-design/media");
|
|
8
|
+
var _facepaint = _interopRequireDefault(require("facepaint"));
|
|
9
9
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
10
10
|
// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
|
|
11
11
|
var horizontalPaddingStyles = function horizontalPaddingStyles() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["horizontalPaddingStyles","side","p","fp","m","min","sm","paddingLeft","includes","theme","horizontalPadding","map","v","
|
|
1
|
+
{"version":3,"file":"index.js","names":["_media","require","_facepaint","_interopRequireDefault","obj","__esModule","horizontalPaddingStyles","side","arguments","length","undefined","p","fp","m","min","sm","paddingLeft","includes","theme","horizontalPadding","map","v","concat","paddingRight","_default","exports"],"sources":["../../../src/horizontalPaddingStyles/index.ts"],"sourcesContent":["import { m } from '@os-design/media';\nimport fp from 'facepaint';\n\ntype Side = 'left' | 'right' | 'both';\n\n// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types\nconst horizontalPaddingStyles =\n (side: Side = 'both') =>\n (p) =>\n fp([m.min.sm])({\n paddingLeft: ['left', 'both'].includes(side)\n ? p.theme.horizontalPadding.map((v) => `${v}em`)\n : undefined,\n paddingRight: ['right', 'both'].includes(side)\n ? p.theme.horizontalPadding.map((v) => `${v}em`)\n : undefined,\n });\n\nexport default horizontalPaddingStyles;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AAA2B,SAAAE,uBAAAC,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AAI3B;AACA,IAAME,uBAAuB,GAC3B,SADIA,uBAAuBA,CAAA;EAAA,IAC1BC,IAAU,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,MAAM;EAAA,OACpB,UAACG,CAAC;IAAA,OACA,IAAAC,qBAAE,EAAC,CAACC,QAAC,CAACC,GAAG,CAACC,EAAE,CAAC,CAAC,CAAC;MACbC,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAACC,QAAQ,CAACV,IAAI,CAAC,GACxCI,CAAC,CAACO,KAAK,CAACC,iBAAiB,CAACC,GAAG,CAAC,UAACC,CAAC;QAAA,UAAAC,MAAA,CAAQD,CAAC;MAAA,CAAI,CAAC,GAC9CX,SAAS;MACba,YAAY,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,CAACN,QAAQ,CAACV,IAAI,CAAC,GAC1CI,CAAC,CAACO,KAAK,CAACC,iBAAiB,CAACC,GAAG,CAAC,UAACC,CAAC;QAAA,UAAAC,MAAA,CAAQD,CAAC;MAAA,CAAI,CAAC,GAC9CX;IACN,CAAC,CAAC;EAAA;AAAA;AAAC,IAAAc,QAAA,GAEQlB,uBAAuB;AAAAmB,OAAA,cAAAD,QAAA"}
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../src/index.ts"],"sourcesContent":["export { default as ellipsisStyles } from './ellipsisStyles';\nexport { default as enableScrollingStyles } from './enableScrollingStyles';\nexport { default as horizontalPaddingStyles } from './horizontalPaddingStyles';\nexport { default as lineClampStyles } from './lineClampStyles';\nexport { default as resetButtonStyles } from './resetButtonStyles';\nexport { default as resetFocusStyles } from './resetFocusStyles';\nexport { default as resetUlStyles } from './resetUlStyles';\nexport { default as sizeStyles } from './sizeStyles';\nexport { default as transitionStyles } from './transitionStyles';\n\nexport * from './sizeStyles';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;
|
|
1
|
+
{"version":3,"file":"index.js","names":["_ellipsisStyles","_interopRequireDefault","require","_enableScrollingStyles","_horizontalPaddingStyles","_lineClampStyles","_resetButtonStyles","_resetFocusStyles","_resetUlStyles","_sizeStyles","_interopRequireWildcard","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_transitionStyles","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","newObj","hasPropertyDescriptor","getOwnPropertyDescriptor","desc","set"],"sources":["../../src/index.ts"],"sourcesContent":["export { default as ellipsisStyles } from './ellipsisStyles';\nexport { default as enableScrollingStyles } from './enableScrollingStyles';\nexport { default as horizontalPaddingStyles } from './horizontalPaddingStyles';\nexport { default as lineClampStyles } from './lineClampStyles';\nexport { default as resetButtonStyles } from './resetButtonStyles';\nexport { default as resetFocusStyles } from './resetFocusStyles';\nexport { default as resetUlStyles } from './resetUlStyles';\nexport { default as sizeStyles } from './sizeStyles';\nexport { default as transitionStyles } from './transitionStyles';\n\nexport * from './sizeStyles';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,eAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,wBAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,gBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,kBAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,iBAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,cAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,WAAA,GAAAC,uBAAA,CAAAR,OAAA;AAGAS,MAAA,CAAAC,IAAA,CAAAH,WAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAL,WAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAb,WAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AAFA,IAAAS,iBAAA,GAAAtB,sBAAA,CAAAC,OAAA;AAAiE,SAAAsB,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAf,wBAAAmB,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,aAAAE,OAAA,CAAAF,GAAA,yBAAAA,GAAA,uCAAAA,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAV,GAAA,CAAAO,GAAA,SAAAK,MAAA,WAAAC,qBAAA,GAAAxB,MAAA,CAAAS,cAAA,IAAAT,MAAA,CAAAyB,wBAAA,WAAAtB,GAAA,IAAAe,GAAA,QAAAf,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAY,GAAA,EAAAf,GAAA,SAAAuB,IAAA,GAAAF,qBAAA,GAAAxB,MAAA,CAAAyB,wBAAA,CAAAP,GAAA,EAAAf,GAAA,cAAAuB,IAAA,KAAAA,IAAA,CAAAf,GAAA,IAAAe,IAAA,CAAAC,GAAA,KAAA3B,MAAA,CAAAS,cAAA,CAAAc,MAAA,EAAApB,GAAA,EAAAuB,IAAA,YAAAH,MAAA,CAAApB,GAAA,IAAAe,GAAA,CAAAf,GAAA,SAAAoB,MAAA,cAAAL,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAM,GAAA,CAAAT,GAAA,EAAAK,MAAA,YAAAA,MAAA;AAAA,SAAAjC,uBAAA4B,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["lineClampStyles","maxLines","css"],"sources":["../../../src/lineClampStyles/index.ts"],"sourcesContent":["import { css } from '@emotion/react';\nimport { SerializedStyles } from '@emotion/serialize';\n\nconst lineClampStyles = (maxLines: number): SerializedStyles => css`\n display: -webkit-box;\n -webkit-line-clamp: ${maxLines};\n -webkit-box-orient: vertical;\n overflow: hidden;\n`;\n\nexport default lineClampStyles;\n"],"mappings":";;;;;;AAAA;AAAqC;AAAA;AAGrC,
|
|
1
|
+
{"version":3,"file":"index.js","names":["_react","require","_templateObject","_taggedTemplateLiteral","strings","raw","slice","Object","freeze","defineProperties","value","lineClampStyles","maxLines","css","_default","exports"],"sources":["../../../src/lineClampStyles/index.ts"],"sourcesContent":["import { css } from '@emotion/react';\nimport { SerializedStyles } from '@emotion/serialize';\n\nconst lineClampStyles = (maxLines: number): SerializedStyles => css`\n display: -webkit-box;\n -webkit-line-clamp: ${maxLines};\n -webkit-box-orient: vertical;\n overflow: hidden;\n`;\n\nexport default lineClampStyles;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAqC,IAAAC,eAAA;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,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,QAAgB;EAAA,WAAuBC,UAAG,EAAAX,eAAA,KAAAA,eAAA,GAAAC,sBAAA,uHAE3CS,QAAQ;AAAA,CAG/B;AAAC,IAAAE,QAAA,GAEaH,eAAe;AAAAI,OAAA,cAAAD,QAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["resetButtonStyles","css","resetFocusStyles"],"sources":["../../../src/resetButtonStyles/index.ts"],"sourcesContent":["import { css } from '@emotion/react';\nimport resetFocusStyles from '../resetFocusStyles';\n\nconst resetButtonStyles = css`\n ${resetFocusStyles};\n border: 0;\n padding: 0;\n`;\n\nexport default resetButtonStyles;\n"],"mappings":";;;;;;AAAA;AACA;AAAmD;AAAA;AAAA;AAEnD,
|
|
1
|
+
{"version":3,"file":"index.js","names":["_react","require","_resetFocusStyles","_interopRequireDefault","_templateObject","obj","__esModule","_taggedTemplateLiteral","strings","raw","slice","Object","freeze","defineProperties","value","resetButtonStyles","css","resetFocusStyles","_default","exports"],"sources":["../../../src/resetButtonStyles/index.ts"],"sourcesContent":["import { css } from '@emotion/react';\nimport resetFocusStyles from '../resetFocusStyles';\n\nconst resetButtonStyles = css`\n ${resetFocusStyles};\n border: 0;\n padding: 0;\n`;\n\nexport default resetButtonStyles;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAC,sBAAA,CAAAF,OAAA;AAAmD,IAAAG,eAAA;AAAA,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AAAA,SAAAE,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;AAEnD,IAAMM,iBAAiB,OAAGC,UAAG,EAAAZ,eAAA,KAAAA,eAAA,GAAAG,sBAAA,iDACzBU,4BAAgB,CAGnB;AAAC,IAAAC,QAAA,GAEaH,iBAAiB;AAAAI,OAAA,cAAAD,QAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["resetFocusStyles","css"],"sources":["../../../src/resetFocusStyles/index.ts"],"sourcesContent":["import { css } from '@emotion/react';\n\nconst resetFocusStyles = css`\n &:focus {\n outline: none;\n }\n`;\n\nexport default resetFocusStyles;\n"],"mappings":";;;;;;AAAA;AAAqC;AAAA;AAErC,
|
|
1
|
+
{"version":3,"file":"index.js","names":["_react","require","_templateObject","_taggedTemplateLiteral","strings","raw","slice","Object","freeze","defineProperties","value","resetFocusStyles","css","_default","exports"],"sources":["../../../src/resetFocusStyles/index.ts"],"sourcesContent":["import { css } from '@emotion/react';\n\nconst resetFocusStyles = css`\n &:focus {\n outline: none;\n }\n`;\n\nexport default resetFocusStyles;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAqC,IAAAC,eAAA;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;AAErC,IAAMM,gBAAgB,OAAGC,UAAG,EAAAV,eAAA,KAAAA,eAAA,GAAAC,sBAAA,gDAI3B;AAAC,IAAAU,QAAA,GAEaF,gBAAgB;AAAAG,OAAA,cAAAD,QAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["resetUlStyles","css"],"sources":["../../../src/resetUlStyles/index.ts"],"sourcesContent":["import { css } from '@emotion/react';\n\nconst resetUlStyles = css`\n list-style: none;\n margin: 0;\n padding: 0;\n`;\n\nexport default resetUlStyles;\n"],"mappings":";;;;;;AAAA;AAAqC;AAAA;AAErC,
|
|
1
|
+
{"version":3,"file":"index.js","names":["_react","require","_templateObject","_taggedTemplateLiteral","strings","raw","slice","Object","freeze","defineProperties","value","resetUlStyles","css","_default","exports"],"sources":["../../../src/resetUlStyles/index.ts"],"sourcesContent":["import { css } from '@emotion/react';\n\nconst resetUlStyles = css`\n list-style: none;\n margin: 0;\n padding: 0;\n`;\n\nexport default resetUlStyles;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAqC,IAAAC,eAAA;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;AAErC,IAAMM,aAAa,OAAGC,UAAG,EAAAV,eAAA,KAAAA,eAAA,GAAAC,sBAAA,4DAIxB;AAAC,IAAAU,QAAA,GAEaF,aAAa;AAAAG,OAAA,cAAAD,QAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["sizeStyles","p","size","theme","sizes","css"],"sources":["../../../src/sizeStyles/index.ts"],"sourcesContent":["import { css } from '@emotion/react';\nimport { SerializedStyles } from '@emotion/serialize';\n\nexport interface WithSize {\n /**\n * The size of the element.\n * @default medium\n */\n size?: 'small' | 'medium' | 'large' | string;\n}\n\n// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types\nconst sizeStyles = (p): SerializedStyles => {\n const size = p.theme.sizes[p.size || 'medium'];\n if (!size) {\n return css`\n font-size: ${p.size};\n `;\n }\n return css`\n font-size: ${size}em;\n `;\n};\n\nexport default sizeStyles;\n"],"mappings":";;;;;;AAAA;AAAqC;AAAA;AAWrC;AACA,
|
|
1
|
+
{"version":3,"file":"index.js","names":["_react","require","_templateObject","_templateObject2","_taggedTemplateLiteral","strings","raw","slice","Object","freeze","defineProperties","value","sizeStyles","p","size","theme","sizes","css","_default","exports"],"sources":["../../../src/sizeStyles/index.ts"],"sourcesContent":["import { css } from '@emotion/react';\nimport { SerializedStyles } from '@emotion/serialize';\n\nexport interface WithSize {\n /**\n * The size of the element.\n * @default medium\n */\n size?: 'small' | 'medium' | 'large' | string;\n}\n\n// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types\nconst sizeStyles = (p): SerializedStyles => {\n const size = p.theme.sizes[p.size || 'medium'];\n if (!size) {\n return css`\n font-size: ${p.size};\n `;\n }\n return css`\n font-size: ${size}em;\n `;\n};\n\nexport default sizeStyles;\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;AAWrC;AACA,IAAMM,UAAU,GAAG,SAAbA,UAAUA,CAAIC,CAAC,EAAuB;EAC1C,IAAMC,IAAI,GAAGD,CAAC,CAACE,KAAK,CAACC,KAAK,CAACH,CAAC,CAACC,IAAI,IAAI,QAAQ,CAAC;EAC9C,IAAI,CAACA,IAAI,EAAE;IACT,WAAOG,UAAG,EAAAf,eAAA,KAAAA,eAAA,GAAAE,sBAAA,uCACKS,CAAC,CAACC,IAAI;EAEvB;EACA,WAAOG,UAAG,EAAAd,gBAAA,KAAAA,gBAAA,GAAAC,sBAAA,qCACKU,IAAI;AAErB,CAAC;AAAC,IAAAI,QAAA,GAEaN,UAAU;AAAAO,OAAA,cAAAD,QAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["singleTransitionStyles","property","p","css","theme","transitionDelay","multipleTransitionsStyles","properties","join","transitionStyles","
|
|
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) =>\n css`\n transition: ${property} ${p.theme.transitionDelay}ms;\n `;\n\nconst multipleTransitionsStyles = (properties: string[]) => (p) =>\n 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,WACrDC,UAAG,EAAAb,eAAA,KAAAA,eAAA,GAAAE,sBAAA,2CACaS,QAAQ,EAAIC,CAAC,CAACE,KAAK,CAACC,eAAe;EAAA,CAClD;AAAA;AAEH,IAAMC,yBAAyB,GAAG,SAA5BA,yBAAyBA,CAAIC,UAAoB;EAAA,OAAK,UAACL,CAAC;IAAA,WAC5DC,UAAG,EAAAZ,gBAAA,KAAAA,gBAAA,GAAAC,sBAAA,0EACiBU,CAAC,CAACE,KAAK,CAACC,eAAe,EAClBE,UAAU,CAACC,IAAI,CAAC,IAAI,CAAC;EAAA,CAC7C;AAAA;;AAEH;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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["css","enableScrollingStyles","axis","showScrollbar","includes"],"sources":["../../../src/enableScrollingStyles/index.ts"],"sourcesContent":["import { css } from '@emotion/react';\nimport { SerializedStyles } from '@emotion/serialize';\n\nconst enableScrollingStyles = (\n axis: 'x' | 'y' | 'both',\n showScrollbar = true\n): SerializedStyles => css`\n ${['x', 'both'].includes(axis) &&\n css`\n overflow-x: auto;\n `};\n\n ${['y', 'both'].includes(axis) &&\n css`\n overflow-y: auto;\n `};\n\n ${!showScrollbar &&\n css`\n ::-webkit-scrollbar {\n display: none;\n }\n `};\n\n -webkit-overflow-scrolling: touch;\n`;\n\nexport default enableScrollingStyles;\n"],"mappings":"AAAA,SAASA,GAAG,QAAQ,gBAAgB;AAGpC,MAAMC,qBAAqB,
|
|
1
|
+
{"version":3,"file":"index.js","names":["css","enableScrollingStyles","axis","showScrollbar","includes"],"sources":["../../../src/enableScrollingStyles/index.ts"],"sourcesContent":["import { css } from '@emotion/react';\nimport { SerializedStyles } from '@emotion/serialize';\n\nconst enableScrollingStyles = (\n axis: 'x' | 'y' | 'both',\n showScrollbar = true\n): SerializedStyles => css`\n ${['x', 'both'].includes(axis) &&\n css`\n overflow-x: auto;\n `};\n\n ${['y', 'both'].includes(axis) &&\n css`\n overflow-y: auto;\n `};\n\n ${!showScrollbar &&\n css`\n ::-webkit-scrollbar {\n display: none;\n }\n `};\n\n -webkit-overflow-scrolling: touch;\n`;\n\nexport default enableScrollingStyles;\n"],"mappings":"AAAA,SAASA,GAAG,QAAQ,gBAAgB;AAGpC,MAAMC,qBAAqB,GAAGA,CAC5BC,IAAwB,EACxBC,aAAa,GAAG,IAAI,KACCH,GAAI;AAC3B,IAAI,CAAC,GAAG,EAAE,MAAM,CAAC,CAACI,QAAQ,CAACF,IAAI,CAAC,IAC9BF,GAAI;AACN;AACA,GAAI;AACJ;AACA,IAAI,CAAC,GAAG,EAAE,MAAM,CAAC,CAACI,QAAQ,CAACF,IAAI,CAAC,IAC9BF,GAAI;AACN;AACA,GAAI;AACJ;AACA,IAAI,CAACG,aAAa,IAChBH,GAAI;AACN;AACA;AACA;AACA,GAAI;AACJ;AACA;AACA,CAAC;AAED,eAAeC,qBAAqB"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import fp from 'facepaint';
|
|
2
1
|
import { m } from '@os-design/media';
|
|
2
|
+
import fp from 'facepaint';
|
|
3
3
|
// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
|
|
4
4
|
const horizontalPaddingStyles = (side = 'both') => p => fp([m.min.sm])({
|
|
5
5
|
paddingLeft: ['left', 'both'].includes(side) ? p.theme.horizontalPadding.map(v => `${v}em`) : undefined,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["
|
|
1
|
+
{"version":3,"file":"index.js","names":["m","fp","horizontalPaddingStyles","side","p","min","sm","paddingLeft","includes","theme","horizontalPadding","map","v","undefined","paddingRight"],"sources":["../../../src/horizontalPaddingStyles/index.ts"],"sourcesContent":["import { m } from '@os-design/media';\nimport fp from 'facepaint';\n\ntype Side = 'left' | 'right' | 'both';\n\n// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types\nconst horizontalPaddingStyles =\n (side: Side = 'both') =>\n (p) =>\n fp([m.min.sm])({\n paddingLeft: ['left', 'both'].includes(side)\n ? p.theme.horizontalPadding.map((v) => `${v}em`)\n : undefined,\n paddingRight: ['right', 'both'].includes(side)\n ? p.theme.horizontalPadding.map((v) => `${v}em`)\n : undefined,\n });\n\nexport default horizontalPaddingStyles;\n"],"mappings":"AAAA,SAASA,CAAC,QAAQ,kBAAkB;AACpC,OAAOC,EAAE,MAAM,WAAW;AAI1B;AACA,MAAMC,uBAAuB,GAC3BA,CAACC,IAAU,GAAG,MAAM,KACnBC,CAAC,IACAH,EAAE,CAAC,CAACD,CAAC,CAACK,GAAG,CAACC,EAAE,CAAC,CAAC,CAAC;EACbC,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAACC,QAAQ,CAACL,IAAI,CAAC,GACxCC,CAAC,CAACK,KAAK,CAACC,iBAAiB,CAACC,GAAG,CAAEC,CAAC,IAAM,GAAEA,CAAE,IAAG,CAAC,GAC9CC,SAAS;EACbC,YAAY,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,CAACN,QAAQ,CAACL,IAAI,CAAC,GAC1CC,CAAC,CAACK,KAAK,CAACC,iBAAiB,CAACC,GAAG,CAAEC,CAAC,IAAM,GAAEA,CAAE,IAAG,CAAC,GAC9CC;AACN,CAAC,CAAC;AAEN,eAAeX,uBAAuB"}
|
|
@@ -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) =>\n css`\n transition: ${property} ${p.theme.transitionDelay}ms;\n `;\n\nconst multipleTransitionsStyles = (properties: string[]) => (p) =>\n 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,IACrDH,GAAI;AACN,kBAAkBE,QAAS,IAAGC,CAAC,CAACC,KAAK,CAACC,eAAgB;AACtD,GAAG;AAEH,MAAMC,yBAAyB,GAAIC,UAAoB,IAAMJ,CAAC,IAC5DH,GAAI;AACN,sBAAsBG,CAAC,CAACC,KAAK,CAACC,eAAgB;AAC9C,2BAA2BE,UAAU,CAACC,IAAI,CAAC,IAAI,CAAE;AACjD,GAAG;;AAEH;AACA,MAAMC,gBAAgB,
|
|
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) =>\n css`\n transition: ${property} ${p.theme.transitionDelay}ms;\n `;\n\nconst multipleTransitionsStyles = (properties: string[]) => (p) =>\n 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,IACrDH,GAAI;AACN,kBAAkBE,QAAS,IAAGC,CAAC,CAACC,KAAK,CAACC,eAAgB;AACtD,GAAG;AAEH,MAAMC,yBAAyB,GAAIC,UAAoB,IAAMJ,CAAC,IAC5DH,GAAI;AACN,sBAAsBG,CAAC,CAACC,KAAK,CAACC,eAAgB;AAC9C,2BAA2BE,UAAU,CAACC,IAAI,CAAC,IAAI,CAAE;AACjD,GAAG;;AAEH;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/horizontalPaddingStyles/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/horizontalPaddingStyles/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,WAAW,CAAC;AAE3B,KAAK,IAAI,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;AAGtC,QAAA,MAAM,uBAAuB,UACpB,IAAI,kCASP,CAAC;AAEP,eAAe,uBAAuB,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.44",
|
|
4
4
|
"license": "UNLICENSED",
|
|
5
5
|
"repository": "git@gitlab.com:os-team/libs/os-design.git",
|
|
6
6
|
"main": "dist/cjs/index.js",
|
|
@@ -30,17 +30,17 @@
|
|
|
30
30
|
},
|
|
31
31
|
"dependencies": {
|
|
32
32
|
"@os-design/media": "^1.0.18",
|
|
33
|
-
"@os-design/theming": "^1.0.
|
|
33
|
+
"@os-design/theming": "^1.0.42",
|
|
34
34
|
"facepaint": "^1.2.1"
|
|
35
35
|
},
|
|
36
36
|
"devDependencies": {
|
|
37
37
|
"@emotion/react": ">=11",
|
|
38
38
|
"@emotion/serialize": "*",
|
|
39
|
-
"@os-design/omit-emotion-props": "^1.0.
|
|
39
|
+
"@os-design/omit-emotion-props": "^1.0.11"
|
|
40
40
|
},
|
|
41
41
|
"peerDependencies": {
|
|
42
42
|
"@emotion/react": ">=11",
|
|
43
43
|
"@emotion/serialize": "*"
|
|
44
44
|
},
|
|
45
|
-
"gitHead": "
|
|
45
|
+
"gitHead": "0e88d3afc41e36cee61222a039ef1aa4d08115b5"
|
|
46
46
|
}
|