@lightsparkdev/ui 1.0.17 → 1.1.1

package/dist/chunk-XQNOVNF4.cjs

@@ -0,0 +1,94 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkU35SY546cjs = require('./chunk-U35SY546.cjs');
+
+// src/styles/utils.tsx
+var _react = require('@emotion/react');
+function pxToRems(rems, asNum = false) {
+  const value = (rems / _chunkU35SY546cjs.rootFontSizePx).toFixed(6);
+  return asNum ? Number(value) : `${value}rem`;
+}
+function remsToPx(rems, asNum = false) {
+  const value = (_chunkU35SY546cjs.rootFontSizePx * rems).toFixed(6);
+  return asNum ? Number(value) : `${value}px`;
+}
+var extend = (...args) => _react.css.call(void 0, ...args);
+var size = {
+  px8: pxToRems(8),
+  px10: pxToRems(10),
+  px12: pxToRems(12),
+  px14: pxToRems(14),
+  px16: pxToRems(16),
+  px18: pxToRems(18),
+  px20: pxToRems(20),
+  px21: pxToRems(21),
+  px24: pxToRems(24)
+};
+var flexCenterAxis = _react.css`
+  display: flex;
+  align-items: center;
+`;
+var flexCenter = _react.css`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+`;
+var inlineFlexCenter = _react.css`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+`;
+var flexBetween = _react.css`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+`;
+var absoluteCenter = _react.css`
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  margin: auto;
+`;
+var textCenter = _react.css`
+  text-align: center;
+`;
+var overflowAutoWithoutScrollbars = _react.css`
+  overflow: auto;
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+
+  &::-webkit-scrollbar {
+    display: none;
+  }
+
+  &::-moz-scrollbar {
+    display: none;
+  }
+`;
+var lineClamp = (lines) => _react.css`
+  display: -webkit-box;
+  -webkit-line-clamp: ${lines};
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+`;
+var ignoreSSRWarning = "/* @emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason */";
+var firstChild = (style) => `&:first-child:not(style), style:first-child + & ${ignoreSSRWarning} { ${style} }`;
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+exports.pxToRems = pxToRems; exports.remsToPx = remsToPx; exports.extend = extend; exports.size = size; exports.flexCenterAxis = flexCenterAxis; exports.flexCenter = flexCenter; exports.inlineFlexCenter = inlineFlexCenter; exports.flexBetween = flexBetween; exports.absoluteCenter = absoluteCenter; exports.textCenter = textCenter; exports.overflowAutoWithoutScrollbars = overflowAutoWithoutScrollbars; exports.lineClamp = lineClamp; exports.ignoreSSRWarning = ignoreSSRWarning; exports.firstChild = firstChild;