@os-design/styles 1.0.39 → 1.0.40

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.
Files changed (37) hide show
  1. package/dist/cjs/ellipsisStyles/index.js +0 -4
  2. package/dist/cjs/ellipsisStyles/index.js.map +1 -1
  3. package/dist/cjs/enableScrollingStyles/index.js +0 -5
  4. package/dist/cjs/enableScrollingStyles/index.js.map +1 -1
  5. package/dist/cjs/horizontalPaddingStyles/index.js +0 -5
  6. package/dist/cjs/horizontalPaddingStyles/index.js.map +1 -1
  7. package/dist/cjs/index.js +0 -14
  8. package/dist/cjs/index.js.map +1 -1
  9. package/dist/cjs/lineClampStyles/index.js +0 -5
  10. package/dist/cjs/lineClampStyles/index.js.map +1 -1
  11. package/dist/cjs/resetButtonStyles/index.js +0 -6
  12. package/dist/cjs/resetButtonStyles/index.js.map +1 -1
  13. package/dist/cjs/resetFocusStyles/index.js +0 -4
  14. package/dist/cjs/resetFocusStyles/index.js.map +1 -1
  15. package/dist/cjs/resetUlStyles/index.js +0 -4
  16. package/dist/cjs/resetUlStyles/index.js.map +1 -1
  17. package/dist/cjs/sizeStyles/index.js +0 -7
  18. package/dist/cjs/sizeStyles/index.js.map +1 -1
  19. package/dist/cjs/transitionStyles/index.js +2 -9
  20. package/dist/cjs/transitionStyles/index.js.map +1 -1
  21. package/dist/esm/ellipsisStyles/index.js.map +1 -1
  22. package/dist/esm/emotion.d.js.map +1 -1
  23. package/dist/esm/enableScrollingStyles/index.js +0 -2
  24. package/dist/esm/enableScrollingStyles/index.js.map +1 -1
  25. package/dist/esm/horizontalPaddingStyles/index.js +0 -2
  26. package/dist/esm/horizontalPaddingStyles/index.js.map +1 -1
  27. package/dist/esm/index.js.map +1 -1
  28. package/dist/esm/lineClampStyles/index.js +0 -2
  29. package/dist/esm/lineClampStyles/index.js.map +1 -1
  30. package/dist/esm/resetButtonStyles/index.js.map +1 -1
  31. package/dist/esm/resetFocusStyles/index.js.map +1 -1
  32. package/dist/esm/resetUlStyles/index.js.map +1 -1
  33. package/dist/esm/sizeStyles/index.js +0 -4
  34. package/dist/esm/sizeStyles/index.js.map +1 -1
  35. package/dist/esm/transitionStyles/index.js +2 -5
  36. package/dist/esm/transitionStyles/index.js.map +1 -1
  37. package/package.json +5 -5
@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports["default"] = void 0;
7
-
8
7
  var _react = require("@emotion/react");
9
-
10
8
  var _templateObject;
11
-
12
9
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
13
-
14
10
  var ellipsisStyles = (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n"])));
15
11
  var _default = ellipsisStyles;
16
12
  exports["default"] = _default;
@@ -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;;;;;;AAEA,IAAMA,cAAc,OAAGC,UAAH,iJAApB;eAMeD,c"}
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"}
@@ -4,18 +4,13 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports["default"] = void 0;
7
-
8
7
  var _react = require("@emotion/react");
9
-
10
8
  var _templateObject, _templateObject2, _templateObject3, _templateObject4;
11
-
12
9
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
13
-
14
10
  var enableScrollingStyles = function enableScrollingStyles(axis) {
15
11
  var showScrollbar = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
16
12
  return (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n ", ";\n\n ", ";\n\n ", ";\n\n -webkit-overflow-scrolling: touch;\n"])), ['x', 'both'].includes(axis) && (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n overflow-x: auto;\n "]))), ['y', 'both'].includes(axis) && (0, _react.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n overflow-y: auto;\n "]))), !showScrollbar && (0, _react.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n ::-webkit-scrollbar {\n display: none;\n }\n "]))));
17
13
  };
18
-
19
14
  var _default = enableScrollingStyles;
20
15
  exports["default"] = _default;
21
16
  //# sourceMappingURL=index.js.map
@@ -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;;;;;;AAGA,IAAMA,qBAAqB,GAAG,SAAxBA,qBAAwB,CAC5BC,IAD4B;EAAA,IAE5BC,aAF4B,uEAEZ,IAFY;EAAA,WAGPC,UAHO,gJAI1B,CAAC,GAAD,EAAM,MAAN,EAAcC,QAAd,CAAuBH,IAAvB,SACFE,UADE,mGAJ0B,EAS1B,CAAC,GAAD,EAAM,MAAN,EAAcC,QAAd,CAAuBH,IAAvB,SACFE,UADE,mGAT0B,EAc1B,CAACD,aAAD,QACFC,UADE,oIAd0B;AAAA,CAA9B;;eAwBeH,qB"}
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"}
@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports["default"] = void 0;
7
-
8
7
  var _facepaint = _interopRequireDefault(require("facepaint"));
9
-
10
8
  var _media = require("@os-design/media");
11
-
12
9
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
13
-
14
10
  // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
15
11
  var horizontalPaddingStyles = function horizontalPaddingStyles() {
16
12
  var side = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'both';
@@ -25,7 +21,6 @@ var horizontalPaddingStyles = function horizontalPaddingStyles() {
25
21
  });
26
22
  };
27
23
  };
28
-
29
24
  var _default = horizontalPaddingStyles;
30
25
  exports["default"] = _default;
31
26
  //# sourceMappingURL=index.js.map
@@ -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;;;;AAIA;AACA,IAAMA,uBAAuB,GAC3B,SADIA,uBACJ;EAAA,IAACC,IAAD,uEAAc,MAAd;EAAA,OACA,UAACC,CAAD;IAAA,OACE,IAAAC,qBAAA,EAAG,CAACC,QAAA,CAAEC,GAAF,CAAMC,EAAP,CAAH,EAAe;MACbC,WAAW,EAAE,CAAC,MAAD,EAAS,MAAT,EAAiBC,QAAjB,CAA0BP,IAA1B,IACTC,CAAC,CAACO,KAAF,CAAQC,iBAAR,CAA0BC,GAA1B,CAA8B,UAACC,CAAD;QAAA,iBAAUA,CAAV;MAAA,CAA9B,CADS,GAETC,SAHS;MAIbC,YAAY,EAAE,CAAC,OAAD,EAAU,MAAV,EAAkBN,QAAlB,CAA2BP,IAA3B,IACVC,CAAC,CAACO,KAAF,CAAQC,iBAAR,CAA0BC,GAA1B,CAA8B,UAACC,CAAD;QAAA,iBAAUA,CAAV;MAAA,CAA9B,CADU,GAEVC;IANS,CAAf,CADF;EAAA,CADA;AAAA,CADF;;eAYeb,uB"}
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"}
package/dist/cjs/index.js CHANGED
@@ -1,7 +1,6 @@
1
1
  "use strict";
2
2
 
3
3
  function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
@@ -70,23 +69,14 @@ Object.defineProperty(exports, "transitionStyles", {
70
69
  return _transitionStyles["default"];
71
70
  }
72
71
  });
73
-
74
72
  var _ellipsisStyles = _interopRequireDefault(require("./ellipsisStyles"));
75
-
76
73
  var _enableScrollingStyles = _interopRequireDefault(require("./enableScrollingStyles"));
77
-
78
74
  var _horizontalPaddingStyles = _interopRequireDefault(require("./horizontalPaddingStyles"));
79
-
80
75
  var _lineClampStyles = _interopRequireDefault(require("./lineClampStyles"));
81
-
82
76
  var _resetButtonStyles = _interopRequireDefault(require("./resetButtonStyles"));
83
-
84
77
  var _resetFocusStyles = _interopRequireDefault(require("./resetFocusStyles"));
85
-
86
78
  var _resetUlStyles = _interopRequireDefault(require("./resetUlStyles"));
87
-
88
79
  var _sizeStyles = _interopRequireWildcard(require("./sizeStyles"));
89
-
90
80
  Object.keys(_sizeStyles).forEach(function (key) {
91
81
  if (key === "default" || key === "__esModule") return;
92
82
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -98,12 +88,8 @@ Object.keys(_sizeStyles).forEach(function (key) {
98
88
  }
99
89
  });
100
90
  });
101
-
102
91
  var _transitionStyles = _interopRequireDefault(require("./transitionStyles"));
103
-
104
92
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
105
-
106
93
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
107
-
108
94
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
109
95
  //# sourceMappingURL=index.js.map
@@ -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"}
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"}
@@ -4,17 +4,12 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports["default"] = void 0;
7
-
8
7
  var _react = require("@emotion/react");
9
-
10
8
  var _templateObject;
11
-
12
9
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
13
-
14
10
  var lineClampStyles = function lineClampStyles(maxLines) {
15
11
  return (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: -webkit-box;\n -webkit-line-clamp: ", ";\n -webkit-box-orient: vertical;\n overflow: hidden;\n"])), maxLines);
16
12
  };
17
-
18
13
  var _default = lineClampStyles;
19
14
  exports["default"] = _default;
20
15
  //# sourceMappingURL=index.js.map
@@ -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;;;;;;AAGA,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,CAACC,QAAD;EAAA,WAAwCC,UAAxC,qLAEAD,QAFA;AAAA,CAAxB;;eAOeD,e"}
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"}
@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports["default"] = void 0;
7
-
8
7
  var _react = require("@emotion/react");
9
-
10
8
  var _resetFocusStyles = _interopRequireDefault(require("../resetFocusStyles"));
11
-
12
9
  var _templateObject;
13
-
14
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
15
-
16
11
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
17
-
18
12
  var resetButtonStyles = (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n ", ";\n border: 0;\n padding: 0;\n"])), _resetFocusStyles["default"]);
19
13
  var _default = resetButtonStyles;
20
14
  exports["default"] = _default;
@@ -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;;;;;;;;AAEA,IAAMA,iBAAiB,OAAGC,UAAH,+GACnBC,4BADmB,CAAvB;eAMeF,iB"}
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"}
@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports["default"] = void 0;
7
-
8
7
  var _react = require("@emotion/react");
9
-
10
8
  var _templateObject;
11
-
12
9
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
13
-
14
10
  var resetFocusStyles = (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n &:focus {\n outline: none;\n }\n"])));
15
11
  var _default = resetFocusStyles;
16
12
  exports["default"] = _default;
@@ -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;;;;;;AAEA,IAAMA,gBAAgB,OAAGC,UAAH,8GAAtB;eAMeD,gB"}
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"}
@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports["default"] = void 0;
7
-
8
7
  var _react = require("@emotion/react");
9
-
10
8
  var _templateObject;
11
-
12
9
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
13
-
14
10
  var resetUlStyles = (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n list-style: none;\n margin: 0;\n padding: 0;\n"])));
15
11
  var _default = resetUlStyles;
16
12
  exports["default"] = _default;
@@ -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;;;;;;AAEA,IAAMA,aAAa,OAAGC,UAAH,0HAAnB;eAMeD,a"}
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"}
@@ -4,24 +4,17 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports["default"] = void 0;
7
-
8
7
  var _react = require("@emotion/react");
9
-
10
8
  var _templateObject, _templateObject2;
11
-
12
9
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
13
-
14
10
  // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
15
11
  var sizeStyles = function sizeStyles(p) {
16
12
  var size = p.theme.sizes[p.size || 'medium'];
17
-
18
13
  if (!size) {
19
14
  return (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n font-size: ", ";\n "])), p.size);
20
15
  }
21
-
22
16
  return (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n font-size: ", "em;\n "])), size);
23
17
  };
24
-
25
18
  var _default = sizeStyles;
26
19
  exports["default"] = _default;
27
20
  //# sourceMappingURL=index.js.map
@@ -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;;;;;;AAWA;AACA,IAAMA,UAAU,GAAG,SAAbA,UAAa,CAACC,CAAD,EAAyB;EAC1C,IAAMC,IAAI,GAAGD,CAAC,CAACE,KAAF,CAAQC,KAAR,CAAcH,CAAC,CAACC,IAAF,IAAU,QAAxB,CAAb;;EACA,IAAI,CAACA,IAAL,EAAW;IACT,WAAOG,UAAP,qGACeJ,CAAC,CAACC,IADjB;EAGD;;EACD,WAAOG,UAAP,qGACeH,IADf;AAGD,CAVD;;eAYeF,U"}
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"}
@@ -4,36 +4,29 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports["default"] = void 0;
7
-
8
7
  var _react = require("@emotion/react");
9
-
10
8
  var _templateObject, _templateObject2;
11
-
12
9
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
13
-
14
10
  var singleTransitionStyles = function singleTransitionStyles(property) {
15
11
  return function (p) {
16
12
  return (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n transition: ", " ", "ms;\n "])), property, p.theme.transitionDelay);
17
13
  };
18
14
  };
19
-
20
15
  var multipleTransitionsStyles = function multipleTransitionsStyles(properties) {
21
16
  return function (p) {
22
17
  return (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n transition: all ", "ms;\n transition-property: ", ";\n "])), p.theme.transitionDelay, properties.join(', '));
23
18
  };
24
- }; // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
25
-
19
+ };
26
20
 
21
+ // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
27
22
  var transitionStyles = function transitionStyles() {
28
23
  for (var _len = arguments.length, props = new Array(_len), _key = 0; _key < _len; _key++) {
29
24
  props[_key] = arguments[_key];
30
25
  }
31
-
32
26
  return function (p) {
33
27
  return props.length === 1 ? singleTransitionStyles(props[0])(p) : multipleTransitionsStyles(props)(p);
34
28
  };
35
29
  };
36
-
37
30
  var _default = transitionStyles;
38
31
  exports["default"] = _default;
39
32
  //# sourceMappingURL=index.js.map
@@ -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;;;;;;AAGA,IAAMA,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACC,QAAD;EAAA,OAAsB,UAACC,CAAD;IAAA,WACnDC,UADmD,yGAEnCF,QAFmC,EAEvBC,CAAC,CAACE,KAAF,CAAQC,eAFe;EAAA,CAAtB;AAAA,CAA/B;;AAKA,IAAMC,yBAAyB,GAAG,SAA5BA,yBAA4B,CAACC,UAAD;EAAA,OAA0B,UAACL,CAAD;IAAA,WAC1DC,UAD0D,0IAEtCD,CAAC,CAACE,KAAF,CAAQC,eAF8B,EAGjCE,UAAU,CAACC,IAAX,CAAgB,IAAhB,CAHiC;EAAA,CAA1B;AAAA,CAAlC,C,CAMA;;;AACA,IAAMC,gBAAgB,GACpB,SADIA,gBACJ;EAAA,kCAAIC,KAAJ;IAAIA,KAAJ;EAAA;;EAAA,OACA,UAACR,CAAD;IAAA,OACEQ,KAAK,CAACC,MAAN,KAAiB,CAAjB,GACIX,sBAAsB,CAACU,KAAK,CAAC,CAAD,CAAN,CAAtB,CAAiCR,CAAjC,CADJ,GAEII,yBAAyB,CAACI,KAAD,CAAzB,CAAiCR,CAAjC,CAHN;EAAA,CADA;AAAA,CADF;;eAOeO,gB"}
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 +1 @@
1
- {"version":3,"file":"index.js","names":["css","ellipsisStyles"],"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,SAASA,GAAT,QAAoB,gBAApB;AAEA,MAAMC,cAAc,GAAGD,GAAI;AAC3B;AACA;AACA;AACA,CAJA;AAMA,eAAeC,cAAf"}
1
+ {"version":3,"file":"index.js","names":["css","ellipsisStyles"],"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,SAASA,GAAG,QAAQ,gBAAgB;AAEpC,MAAMC,cAAc,GAAGD,GAAI;AAC3B;AACA;AACA;AACA,CAAC;AAED,eAAeC,cAAc"}
@@ -1 +1 @@
1
- {"version":3,"file":"emotion.d.js","names":[],"sources":["../../src/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,OAAO,gBAAP"}
1
+ {"version":3,"file":"emotion.d.js","names":[],"sources":["../../src/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,OAAO,gBAAgB"}
@@ -1,5 +1,4 @@
1
1
  import { css } from '@emotion/react';
2
-
3
2
  const enableScrollingStyles = (axis, showScrollbar = true) => css`
4
3
  ${['x', 'both'].includes(axis) && css`
5
4
  overflow-x: auto;
@@ -17,6 +16,5 @@ const enableScrollingStyles = (axis, showScrollbar = true) => css`
17
16
 
18
17
  -webkit-overflow-scrolling: touch;
19
18
  `;
20
-
21
19
  export default enableScrollingStyles;
22
20
  //# sourceMappingURL=index.js.map
@@ -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,GAAT,QAAoB,gBAApB;;AAGA,MAAMC,qBAAqB,GAAG,CAC5BC,IAD4B,EAE5BC,aAAa,GAAG,IAFY,KAGPH,GAAI;AAC3B,IAAI,CAAC,GAAD,EAAM,MAAN,EAAcI,QAAd,CAAuBF,IAAvB,KACFF,GAAI;AACN;AACA,GAAI;AACJ;AACA,IAAI,CAAC,GAAD,EAAM,MAAN,EAAcI,QAAd,CAAuBF,IAAvB,KACFF,GAAI;AACN;AACA,GAAI;AACJ;AACA,IAAI,CAACG,aAAD,IACFH,GAAI;AACN;AACA;AACA;AACA,GAAI;AACJ;AACA;AACA,CAtBA;;AAwBA,eAAeC,qBAAf"}
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,11 +1,9 @@
1
1
  import fp from 'facepaint';
2
2
  import { m } from '@os-design/media';
3
-
4
3
  // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
5
4
  const horizontalPaddingStyles = (side = 'both') => p => fp([m.min.sm])({
6
5
  paddingLeft: ['left', 'both'].includes(side) ? p.theme.horizontalPadding.map(v => `${v}em`) : undefined,
7
6
  paddingRight: ['right', 'both'].includes(side) ? p.theme.horizontalPadding.map(v => `${v}em`) : undefined
8
7
  });
9
-
10
8
  export default horizontalPaddingStyles;
11
9
  //# sourceMappingURL=index.js.map
@@ -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,EAAP,MAAe,WAAf;AACA,SAASC,CAAT,QAAkB,kBAAlB;;AAIA;AACA,MAAMC,uBAAuB,GAC3B,CAACC,IAAU,GAAG,MAAd,KACCC,CAAD,IACEJ,EAAE,CAAC,CAACC,CAAC,CAACI,GAAF,CAAMC,EAAP,CAAD,CAAF,CAAe;EACbC,WAAW,EAAE,CAAC,MAAD,EAAS,MAAT,EAAiBC,QAAjB,CAA0BL,IAA1B,IACTC,CAAC,CAACK,KAAF,CAAQC,iBAAR,CAA0BC,GAA1B,CAA+BC,CAAD,IAAQ,GAAEA,CAAE,IAA1C,CADS,GAETC,SAHS;EAIbC,YAAY,EAAE,CAAC,OAAD,EAAU,MAAV,EAAkBN,QAAlB,CAA2BL,IAA3B,IACVC,CAAC,CAACK,KAAF,CAAQC,iBAAR,CAA0BC,GAA1B,CAA+BC,CAAD,IAAQ,GAAEA,CAAE,IAA1C,CADU,GAEVC;AANS,CAAf,CAHJ;;AAYA,eAAeX,uBAAf"}
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 +1 @@
1
- {"version":3,"file":"index.js","names":["default","ellipsisStyles","enableScrollingStyles","horizontalPaddingStyles","lineClampStyles","resetButtonStyles","resetFocusStyles","resetUlStyles","sizeStyles","transitionStyles"],"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,SAASA,OAAO,IAAIC,cAApB,QAA0C,kBAA1C;AACA,SAASD,OAAO,IAAIE,qBAApB,QAAiD,yBAAjD;AACA,SAASF,OAAO,IAAIG,uBAApB,QAAmD,2BAAnD;AACA,SAASH,OAAO,IAAII,eAApB,QAA2C,mBAA3C;AACA,SAASJ,OAAO,IAAIK,iBAApB,QAA6C,qBAA7C;AACA,SAASL,OAAO,IAAIM,gBAApB,QAA4C,oBAA5C;AACA,SAASN,OAAO,IAAIO,aAApB,QAAyC,iBAAzC;AACA,SAASP,OAAO,IAAIQ,UAApB,QAAsC,cAAtC;AACA,SAASR,OAAO,IAAIS,gBAApB,QAA4C,oBAA5C;AAEA,cAAc,cAAd"}
1
+ {"version":3,"file":"index.js","names":["default","ellipsisStyles","enableScrollingStyles","horizontalPaddingStyles","lineClampStyles","resetButtonStyles","resetFocusStyles","resetUlStyles","sizeStyles","transitionStyles"],"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,SAASA,OAAO,IAAIC,cAAc,QAAQ,kBAAkB;AAC5D,SAASD,OAAO,IAAIE,qBAAqB,QAAQ,yBAAyB;AAC1E,SAASF,OAAO,IAAIG,uBAAuB,QAAQ,2BAA2B;AAC9E,SAASH,OAAO,IAAII,eAAe,QAAQ,mBAAmB;AAC9D,SAASJ,OAAO,IAAIK,iBAAiB,QAAQ,qBAAqB;AAClE,SAASL,OAAO,IAAIM,gBAAgB,QAAQ,oBAAoB;AAChE,SAASN,OAAO,IAAIO,aAAa,QAAQ,iBAAiB;AAC1D,SAASP,OAAO,IAAIQ,UAAU,QAAQ,cAAc;AACpD,SAASR,OAAO,IAAIS,gBAAgB,QAAQ,oBAAoB;AAEhE,cAAc,cAAc"}
@@ -1,11 +1,9 @@
1
1
  import { css } from '@emotion/react';
2
-
3
2
  const lineClampStyles = maxLines => css`
4
3
  display: -webkit-box;
5
4
  -webkit-line-clamp: ${maxLines};
6
5
  -webkit-box-orient: vertical;
7
6
  overflow: hidden;
8
7
  `;
9
-
10
8
  export default lineClampStyles;
11
9
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["css","lineClampStyles","maxLines"],"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,SAASA,GAAT,QAAoB,gBAApB;;AAGA,MAAMC,eAAe,GAAIC,QAAD,IAAwCF,GAAI;AACpE;AACA,wBAAwBE,QAAS;AACjC;AACA;AACA,CALA;;AAOA,eAAeD,eAAf"}
1
+ {"version":3,"file":"index.js","names":["css","lineClampStyles","maxLines"],"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,SAASA,GAAG,QAAQ,gBAAgB;AAGpC,MAAMC,eAAe,GAAIC,QAAgB,IAAuBF,GAAI;AACpE;AACA,wBAAwBE,QAAS;AACjC;AACA;AACA,CAAC;AAED,eAAeD,eAAe"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["css","resetFocusStyles","resetButtonStyles"],"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,SAASA,GAAT,QAAoB,gBAApB;AACA,OAAOC,gBAAP,MAA6B,qBAA7B;AAEA,MAAMC,iBAAiB,GAAGF,GAAI;AAC9B,IAAIC,gBAAiB;AACrB;AACA;AACA,CAJA;AAMA,eAAeC,iBAAf"}
1
+ {"version":3,"file":"index.js","names":["css","resetFocusStyles","resetButtonStyles"],"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,SAASA,GAAG,QAAQ,gBAAgB;AACpC,OAAOC,gBAAgB,MAAM,qBAAqB;AAElD,MAAMC,iBAAiB,GAAGF,GAAI;AAC9B,IAAIC,gBAAiB;AACrB;AACA;AACA,CAAC;AAED,eAAeC,iBAAiB"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["css","resetFocusStyles"],"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,SAASA,GAAT,QAAoB,gBAApB;AAEA,MAAMC,gBAAgB,GAAGD,GAAI;AAC7B;AACA;AACA;AACA,CAJA;AAMA,eAAeC,gBAAf"}
1
+ {"version":3,"file":"index.js","names":["css","resetFocusStyles"],"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,SAASA,GAAG,QAAQ,gBAAgB;AAEpC,MAAMC,gBAAgB,GAAGD,GAAI;AAC7B;AACA;AACA;AACA,CAAC;AAED,eAAeC,gBAAgB"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["css","resetUlStyles"],"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,SAASA,GAAT,QAAoB,gBAApB;AAEA,MAAMC,aAAa,GAAGD,GAAI;AAC1B;AACA;AACA;AACA,CAJA;AAMA,eAAeC,aAAf"}
1
+ {"version":3,"file":"index.js","names":["css","resetUlStyles"],"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,SAASA,GAAG,QAAQ,gBAAgB;AAEpC,MAAMC,aAAa,GAAGD,GAAI;AAC1B;AACA;AACA;AACA,CAAC;AAED,eAAeC,aAAa"}
@@ -1,19 +1,15 @@
1
1
  import { css } from '@emotion/react';
2
-
3
2
  // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
4
3
  const sizeStyles = p => {
5
4
  const size = p.theme.sizes[p.size || 'medium'];
6
-
7
5
  if (!size) {
8
6
  return css`
9
7
  font-size: ${p.size};
10
8
  `;
11
9
  }
12
-
13
10
  return css`
14
11
  font-size: ${size}em;
15
12
  `;
16
13
  };
17
-
18
14
  export default sizeStyles;
19
15
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["css","sizeStyles","p","size","theme","sizes"],"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,SAASA,GAAT,QAAoB,gBAApB;;AAWA;AACA,MAAMC,UAAU,GAAIC,CAAD,IAAyB;EAC1C,MAAMC,IAAI,GAAGD,CAAC,CAACE,KAAF,CAAQC,KAAR,CAAcH,CAAC,CAACC,IAAF,IAAU,QAAxB,CAAb;;EACA,IAAI,CAACA,IAAL,EAAW;IACT,OAAOH,GAAI;AACf,mBAAmBE,CAAC,CAACC,IAAK;AAC1B,KAFI;EAGD;;EACD,OAAOH,GAAI;AACb,iBAAiBG,IAAK;AACtB,GAFE;AAGD,CAVD;;AAYA,eAAeF,UAAf"}
1
+ {"version":3,"file":"index.js","names":["css","sizeStyles","p","size","theme","sizes"],"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,SAASA,GAAG,QAAQ,gBAAgB;AAWpC;AACA,MAAMC,UAAU,GAAIC,CAAC,IAAuB;EAC1C,MAAMC,IAAI,GAAGD,CAAC,CAACE,KAAK,CAACC,KAAK,CAACH,CAAC,CAACC,IAAI,IAAI,QAAQ,CAAC;EAC9C,IAAI,CAACA,IAAI,EAAE;IACT,OAAOH,GAAI;AACf,mBAAmBE,CAAC,CAACC,IAAK;AAC1B,KAAK;EACH;EACA,OAAOH,GAAI;AACb,iBAAiBG,IAAK;AACtB,GAAG;AACH,CAAC;AAED,eAAeF,UAAU"}
@@ -1,16 +1,13 @@
1
1
  import { css } from '@emotion/react';
2
-
3
2
  const singleTransitionStyles = property => p => css`
4
3
  transition: ${property} ${p.theme.transitionDelay}ms;
5
4
  `;
6
-
7
5
  const multipleTransitionsStyles = properties => p => css`
8
6
  transition: all ${p.theme.transitionDelay}ms;
9
7
  transition-property: ${properties.join(', ')};
10
- `; // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
11
-
8
+ `;
12
9
 
10
+ // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
13
11
  const transitionStyles = (...props) => p => props.length === 1 ? singleTransitionStyles(props[0])(p) : multipleTransitionsStyles(props)(p);
14
-
15
12
  export default transitionStyles;
16
13
  //# sourceMappingURL=index.js.map
@@ -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,GAAT,QAAoB,gBAApB;;AAGA,MAAMC,sBAAsB,GAAIC,QAAD,IAAuBC,CAAD,IACnDH,GAAI;AACN,kBAAkBE,QAAS,IAAGC,CAAC,CAACC,KAAF,CAAQC,eAAgB;AACtD,GAHA;;AAKA,MAAMC,yBAAyB,GAAIC,UAAD,IAA2BJ,CAAD,IAC1DH,GAAI;AACN,sBAAsBG,CAAC,CAACC,KAAF,CAAQC,eAAgB;AAC9C,2BAA2BE,UAAU,CAACC,IAAX,CAAgB,IAAhB,CAAsB;AACjD,GAJA,C,CAMA;;;AACA,MAAMC,gBAAgB,GACpB,CAAC,GAAGC,KAAJ,KACCP,CAAD,IACEO,KAAK,CAACC,MAAN,KAAiB,CAAjB,GACIV,sBAAsB,CAACS,KAAK,CAAC,CAAD,CAAN,CAAtB,CAAiCP,CAAjC,CADJ,GAEIG,yBAAyB,CAACI,KAAD,CAAzB,CAAiCP,CAAjC,CALR;;AAOA,eAAeM,gBAAf"}
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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@os-design/styles",
3
- "version": "1.0.39",
3
+ "version": "1.0.40",
4
4
  "license": "UNLICENSED",
5
5
  "repository": "git@gitlab.com:os-team/libs/os-design.git",
6
6
  "main": "dist/cjs/index.js",
@@ -29,18 +29,18 @@
29
29
  "access": "public"
30
30
  },
31
31
  "dependencies": {
32
- "@os-design/media": "^1.0.15",
33
- "@os-design/theming": "^1.0.37",
32
+ "@os-design/media": "^1.0.16",
33
+ "@os-design/theming": "^1.0.38",
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.7"
39
+ "@os-design/omit-emotion-props": "^1.0.8"
40
40
  },
41
41
  "peerDependencies": {
42
42
  "@emotion/react": ">=11",
43
43
  "@emotion/serialize": "*"
44
44
  },
45
- "gitHead": "5a2a0d8ca15882259f4f84a52faca3e43f79841b"
45
+ "gitHead": "8cb28f6719d699c014fbce91d832a9ff06abe515"
46
46
  }