@os-design/styles 1.0.43 → 1.0.45

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.
@@ -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":";;AAAA"}
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,IAAMA,cAAc,OAAGC,UAAG,iJAIzB;AAAC,eAEaD,cAAc;AAAA"}
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,IAAMA,qBAAqB,GAAG,SAAxBA,qBAAqB,CACzBC,IAAwB;EAAA,IACxBC,aAAa,uEAAG,IAAI;EAAA,WACCC,UAAG,gJACtB,CAAC,GAAG,EAAE,MAAM,CAAC,CAACC,QAAQ,CAACH,IAAI,CAAC,QAC9BE,UAAG,mGAEF,EAEC,CAAC,GAAG,EAAE,MAAM,CAAC,CAACC,QAAQ,CAACH,IAAI,CAAC,QAC9BE,UAAG,mGAEF,EAEC,CAACD,aAAa,QAChBC,UAAG,oIAIF;AAAA,CAGF;AAAC,eAEaH,qBAAqB;AAAA"}
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","undefined","paddingRight"],"sources":["../../../src/horizontalPaddingStyles/index.ts"],"sourcesContent":["import fp from 'facepaint';\nimport { m } from '@os-design/media';\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;AACA;AAAqC;AAIrC;AACA,IAAMA,uBAAuB,GAC3B,SADIA,uBAAuB;EAAA,IAC1BC,IAAU,uEAAG,MAAM;EAAA,OACpB,UAACC,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,CAACP,IAAI,CAAC,GACxCC,CAAC,CAACO,KAAK,CAACC,iBAAiB,CAACC,GAAG,CAAC,UAACC,CAAC;QAAA,iBAAQA,CAAC;MAAA,CAAI,CAAC,GAC9CC,SAAS;MACbC,YAAY,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,CAACN,QAAQ,CAACP,IAAI,CAAC,GAC1CC,CAAC,CAACO,KAAK,CAACC,iBAAiB,CAACC,GAAG,CAAC,UAACC,CAAC;QAAA,iBAAQA,CAAC;MAAA,CAAI,CAAC,GAC9CC;IACN,CAAC,CAAC;EAAA;AAAA;AAAC,eAEQb,uBAAuB;AAAA"}
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"}
@@ -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;AAGA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AAFA;AAAiE;AAAA;AAAA"}
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,IAAMA,eAAe,GAAG,SAAlBA,eAAe,CAAIC,QAAgB;EAAA,WAAuBC,UAAG,qLAE3CD,QAAQ;AAAA,CAG/B;AAAC,eAEaD,eAAe;AAAA"}
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,IAAMA,iBAAiB,OAAGC,UAAG,+GACzBC,4BAAgB,CAGnB;AAAC,eAEaF,iBAAiB;AAAA"}
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,IAAMA,gBAAgB,OAAGC,UAAG,8GAI3B;AAAC,eAEaD,gBAAgB;AAAA"}
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,IAAMA,aAAa,OAAGC,UAAG,0HAIxB;AAAC,eAEaD,aAAa;AAAA"}
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,IAAMA,UAAU,GAAG,SAAbA,UAAU,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,qGACKJ,CAAC,CAACC,IAAI;EAEvB;EACA,WAAOG,UAAG,qGACKH,IAAI;AAErB,CAAC;AAAC,eAEaF,UAAU;AAAA"}
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","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;AAAqC;AAAA;AAGrC,IAAMA,sBAAsB,GAAG,SAAzBA,sBAAsB,CAAIC,QAAgB;EAAA,OAAK,UAACC,CAAC;IAAA,WACrDC,UAAG,yGACaF,QAAQ,EAAIC,CAAC,CAACE,KAAK,CAACC,eAAe;EAAA,CAClD;AAAA;AAEH,IAAMC,yBAAyB,GAAG,SAA5BA,yBAAyB,CAAIC,UAAoB;EAAA,OAAK,UAACL,CAAC;IAAA,WAC5DC,UAAG,0IACiBD,CAAC,CAACE,KAAK,CAACC,eAAe,EAClBE,UAAU,CAACC,IAAI,CAAC,IAAI,CAAC;EAAA,CAC7C;AAAA;;AAEH;AACA,IAAMC,gBAAgB,GACpB,SADIA,gBAAgB;EAAA,kCAChBC,KAAK;IAALA,KAAK;EAAA;EAAA,OACT,UAACR,CAAC;IAAA,OACAQ,KAAK,CAACC,MAAM,KAAK,CAAC,GACdX,sBAAsB,CAACU,KAAK,CAAC,CAAC,CAAC,CAAC,CAACR,CAAC,CAAC,GACnCI,yBAAyB,CAACI,KAAK,CAAC,CAACR,CAAC,CAAC;EAAA;AAAA;AAAC,eAE7BO,gBAAgB;AAAA"}
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,GAAG,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
+ {"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":["fp","m","horizontalPaddingStyles","side","p","min","sm","paddingLeft","includes","theme","horizontalPadding","map","v","undefined","paddingRight"],"sources":["../../../src/horizontalPaddingStyles/index.ts"],"sourcesContent":["import fp from 'facepaint';\nimport { m } from '@os-design/media';\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,OAAOA,EAAE,MAAM,WAAW;AAC1B,SAASC,CAAC,QAAQ,kBAAkB;AAIpC;AACA,MAAMC,uBAAuB,GAC3B,CAACC,IAAU,GAAG,MAAM,KACnBC,CAAC,IACAJ,EAAE,CAAC,CAACC,CAAC,CAACI,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
+ {"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,GACpB,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
+ {"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":"AAAA,OAAO,EAAE,MAAM,WAAW,CAAC;AAG3B,KAAK,IAAI,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;AAGtC,QAAA,MAAM,uBAAuB,UACpB,IAAI,kCASP,CAAC;AAEP,eAAe,uBAAuB,CAAC"}
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.43",
3
+ "version": "1.0.45",
4
4
  "license": "UNLICENSED",
5
5
  "repository": "git@gitlab.com:os-team/libs/os-design.git",
6
6
  "main": "dist/cjs/index.js",
@@ -14,7 +14,15 @@
14
14
  "./package.json": "./package.json"
15
15
  },
16
16
  "files": [
17
- "dist"
17
+ "dist",
18
+ "src",
19
+ "!**/*.test.ts",
20
+ "!**/*.test.tsx",
21
+ "!**/__tests__",
22
+ "!**/*.stories.tsx",
23
+ "!**/*.stories.mdx",
24
+ "!**/*.example.tsx",
25
+ "!**/*.emotion.d.ts"
18
26
  ],
19
27
  "sideEffects": false,
20
28
  "scripts": {
@@ -29,18 +37,18 @@
29
37
  "access": "public"
30
38
  },
31
39
  "dependencies": {
32
- "@os-design/media": "^1.0.18",
33
- "@os-design/theming": "^1.0.41",
40
+ "@os-design/media": "^1.0.19",
41
+ "@os-design/theming": "^1.0.43",
34
42
  "facepaint": "^1.2.1"
35
43
  },
36
44
  "devDependencies": {
37
45
  "@emotion/react": ">=11",
38
46
  "@emotion/serialize": "*",
39
- "@os-design/omit-emotion-props": "^1.0.10"
47
+ "@os-design/omit-emotion-props": "^1.0.12"
40
48
  },
41
49
  "peerDependencies": {
42
50
  "@emotion/react": ">=11",
43
51
  "@emotion/serialize": "*"
44
52
  },
45
- "gitHead": "88df07f5c7c0c5534a24b84689854528fa514153"
53
+ "gitHead": "3d6b264027712ef81a75379fe3fde3c76c3079af"
46
54
  }
@@ -0,0 +1,7 @@
1
+ import '@emotion/react';
2
+ import { Theme as BaseTheme } from '@os-design/theming';
3
+
4
+ declare module '@emotion/react' {
5
+ // eslint-disable-next-line @typescript-eslint/no-empty-interface
6
+ export interface Theme extends BaseTheme {}
7
+ }
@@ -0,0 +1,9 @@
1
+ import { css } from '@emotion/react';
2
+
3
+ const ellipsisStyles = css`
4
+ white-space: nowrap;
5
+ overflow: hidden;
6
+ text-overflow: ellipsis;
7
+ `;
8
+
9
+ export default ellipsisStyles;
@@ -0,0 +1,28 @@
1
+ import { css } from '@emotion/react';
2
+ import { SerializedStyles } from '@emotion/serialize';
3
+
4
+ const enableScrollingStyles = (
5
+ axis: 'x' | 'y' | 'both',
6
+ showScrollbar = true
7
+ ): SerializedStyles => css`
8
+ ${['x', 'both'].includes(axis) &&
9
+ css`
10
+ overflow-x: auto;
11
+ `};
12
+
13
+ ${['y', 'both'].includes(axis) &&
14
+ css`
15
+ overflow-y: auto;
16
+ `};
17
+
18
+ ${!showScrollbar &&
19
+ css`
20
+ ::-webkit-scrollbar {
21
+ display: none;
22
+ }
23
+ `};
24
+
25
+ -webkit-overflow-scrolling: touch;
26
+ `;
27
+
28
+ export default enableScrollingStyles;
@@ -0,0 +1,19 @@
1
+ import { m } from '@os-design/media';
2
+ import fp from 'facepaint';
3
+
4
+ type Side = 'left' | 'right' | 'both';
5
+
6
+ // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
7
+ const horizontalPaddingStyles =
8
+ (side: Side = 'both') =>
9
+ (p) =>
10
+ fp([m.min.sm])({
11
+ paddingLeft: ['left', 'both'].includes(side)
12
+ ? p.theme.horizontalPadding.map((v) => `${v}em`)
13
+ : undefined,
14
+ paddingRight: ['right', 'both'].includes(side)
15
+ ? p.theme.horizontalPadding.map((v) => `${v}em`)
16
+ : undefined,
17
+ });
18
+
19
+ export default horizontalPaddingStyles;
package/src/index.ts ADDED
@@ -0,0 +1,11 @@
1
+ export { default as ellipsisStyles } from './ellipsisStyles';
2
+ export { default as enableScrollingStyles } from './enableScrollingStyles';
3
+ export { default as horizontalPaddingStyles } from './horizontalPaddingStyles';
4
+ export { default as lineClampStyles } from './lineClampStyles';
5
+ export { default as resetButtonStyles } from './resetButtonStyles';
6
+ export { default as resetFocusStyles } from './resetFocusStyles';
7
+ export { default as resetUlStyles } from './resetUlStyles';
8
+ export { default as sizeStyles } from './sizeStyles';
9
+ export { default as transitionStyles } from './transitionStyles';
10
+
11
+ export * from './sizeStyles';
@@ -0,0 +1,11 @@
1
+ import { css } from '@emotion/react';
2
+ import { SerializedStyles } from '@emotion/serialize';
3
+
4
+ const lineClampStyles = (maxLines: number): SerializedStyles => css`
5
+ display: -webkit-box;
6
+ -webkit-line-clamp: ${maxLines};
7
+ -webkit-box-orient: vertical;
8
+ overflow: hidden;
9
+ `;
10
+
11
+ export default lineClampStyles;
@@ -0,0 +1,10 @@
1
+ import { css } from '@emotion/react';
2
+ import resetFocusStyles from '../resetFocusStyles';
3
+
4
+ const resetButtonStyles = css`
5
+ ${resetFocusStyles};
6
+ border: 0;
7
+ padding: 0;
8
+ `;
9
+
10
+ export default resetButtonStyles;
@@ -0,0 +1,9 @@
1
+ import { css } from '@emotion/react';
2
+
3
+ const resetFocusStyles = css`
4
+ &:focus {
5
+ outline: none;
6
+ }
7
+ `;
8
+
9
+ export default resetFocusStyles;
@@ -0,0 +1,9 @@
1
+ import { css } from '@emotion/react';
2
+
3
+ const resetUlStyles = css`
4
+ list-style: none;
5
+ margin: 0;
6
+ padding: 0;
7
+ `;
8
+
9
+ export default resetUlStyles;
@@ -0,0 +1,25 @@
1
+ import { css } from '@emotion/react';
2
+ import { SerializedStyles } from '@emotion/serialize';
3
+
4
+ export interface WithSize {
5
+ /**
6
+ * The size of the element.
7
+ * @default medium
8
+ */
9
+ size?: 'small' | 'medium' | 'large' | string;
10
+ }
11
+
12
+ // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
13
+ const sizeStyles = (p): SerializedStyles => {
14
+ const size = p.theme.sizes[p.size || 'medium'];
15
+ if (!size) {
16
+ return css`
17
+ font-size: ${p.size};
18
+ `;
19
+ }
20
+ return css`
21
+ font-size: ${size}em;
22
+ `;
23
+ };
24
+
25
+ export default sizeStyles;
@@ -0,0 +1,23 @@
1
+ import { css } from '@emotion/react';
2
+ import { SerializedStyles } from '@emotion/serialize';
3
+
4
+ const singleTransitionStyles = (property: string) => (p) =>
5
+ css`
6
+ transition: ${property} ${p.theme.transitionDelay}ms;
7
+ `;
8
+
9
+ const multipleTransitionsStyles = (properties: string[]) => (p) =>
10
+ css`
11
+ transition: all ${p.theme.transitionDelay}ms;
12
+ transition-property: ${properties.join(', ')};
13
+ `;
14
+
15
+ // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
16
+ const transitionStyles =
17
+ (...props: string[]) =>
18
+ (p): SerializedStyles =>
19
+ props.length === 1
20
+ ? singleTransitionStyles(props[0])(p)
21
+ : multipleTransitionsStyles(props)(p);
22
+
23
+ export default transitionStyles;