@onbeam/ui - npm Package Compare versions

Comparing version 1.0.0-11 to 1.0.0-12

dist/index.js

@@ -1,9 +0,2 @@
-'use strict';
-
-var css = require('@onbeam/styled-system/css');
-var icons = require('@onbeam/icons');
-var react = require('react');
-var jsxRuntime = require('react/jsx-runtime');
-
-var __defProp = Object.defineProperty;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -39,3 +32,9 @@ var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 };
-var buttonStyle = css.sva({
+
+// src/components/Button/Button.tsx
+var _css = require('@onbeam/styled-system/css');
+
+// src/components/Button/Button.styles.ts
+
+var buttonStyle = _css.sva.call(void 0, {
   slots: ["root", "iconLeft", "iconRight", "led"],
@@ -210,3 +209,12 @@ base: {
 });
-var beamRef = react.forwardRef;
+
+// src/components/Button/Button.tsx
+var _icons = require('@onbeam/icons');
+
+// src/helpers/forward-ref.ts
+var _react = require('react');
+var beamRef = _react.forwardRef;
+
+// src/components/Button/Button.tsx
+var _jsxruntime = require('react/jsx-runtime');
 var Button = beamRef(
@@ -240,7 +248,7 @@ (_a, ref) => {
     });
-    return /* @__PURE__ */ jsxRuntime.jsxs(As, __spreadProps(__spreadValues({ ref, className: css.cx(classes.root, className) }, props), { children: [
-      hasLed && /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.led, children: ledOn && !props.disabled ? /* @__PURE__ */ jsxRuntime.jsx(icons.LedOnIcon, {}) : /* @__PURE__ */ jsxRuntime.jsx(icons.LedOffIcon, {}) }),
-      iconLeft && /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.iconLeft, children: iconLeft }),
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, As, __spreadProps(__spreadValues({ ref, className: _css.cx.call(void 0, classes.root, className) }, props), { children: [
+      hasLed && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: classes.led, children: ledOn && !props.disabled ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _icons.LedOnIcon, {}) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _icons.LedOffIcon, {}) }),
+      iconLeft && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: classes.iconLeft, children: iconLeft }),
       children,
-      iconRight && /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.iconRight, children: iconRight })
+      iconRight && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: classes.iconRight, children: iconRight })
     ] }));
@@ -250,2 +258,8 @@ }
 Button.displayName = "Button";
+
+// src/components/Card/Card.tsx
+
+
+// src/components/Card/Card.styles.ts
+
 var edgeShadow = {
@@ -264,3 +278,3 @@ position: "absolute",
 });
-var cardStyle = css.sva({
+var cardStyle = _css.sva.call(void 0, {
   slots: [
@@ -330,3 +344,6 @@ "root",
 });
-var noiseBackgroundStyle = css.css({
+
+// src/helpers/patterns.ts
+
+var noiseBackgroundStyle = _css.css.call(void 0, {
   zIndex: 0,
@@ -349,3 +366,3 @@ position: "relative",
 });
-var gridBackgroundStyle = css.css({
+var gridBackgroundStyle = _css.css.call(void 0, {
   zIndex: 0,
@@ -369,2 +386,5 @@ position: "relative",
 });
+
+// src/components/Card/Card.tsx
+
 var Card = beamRef(
@@ -374,12 +394,12 @@ (_a, ref) => {
     const classes = cardStyle({ size });
-    return /* @__PURE__ */ jsxRuntime.jsxs(
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       As,
       __spreadProps(__spreadValues({
         ref,
-        className: css.cx(noiseBackgroundStyle, classes.root, className)
+        className: _css.cx.call(void 0, noiseBackgroundStyle, classes.root, className)
       }, props), {
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { "aria-hidden": true, className: classes.edgeShadowHorizontal }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { "aria-hidden": true, className: classes.edgeShadowVerticalLeft }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { "aria-hidden": true, className: classes.edgeShadowVerticalRight }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { "aria-hidden": true, className: classes.edgeShadowHorizontal }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { "aria-hidden": true, className: classes.edgeShadowVerticalLeft }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { "aria-hidden": true, className: classes.edgeShadowVerticalRight }),
           children
@@ -392,3 +412,9 @@ ]
 Card.displayName = "Card";
-var inputStyle = css.sva({
+
+// src/components/Input/Input.tsx
+
+
+// src/components/Input/Input.styles.ts
+
+var inputStyle = _css.sva.call(void 0, {
   slots: [
@@ -516,2 +542,5 @@ "root",
 });
+
+// src/components/Input/Input.tsx
+
 var Input = beamRef(
@@ -540,9 +569,9 @@ (_a, ref) => {
     });
-    return /* @__PURE__ */ jsxRuntime.jsxs("label", { className: css.cx(classes.root, className), children: [
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "label", { className: _css.cx.call(void 0, classes.root, className), children: [
       label,
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: css.cx(gridBackgroundStyle, classes.inputWrapper), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes.inputContainer, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(As, __spreadValues({ ref, className: classes.input, rows: 1 }, props)),
-        rightAddon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.rightAddon, children: rightAddon })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _css.cx.call(void 0, gridBackgroundStyle, classes.inputWrapper), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: classes.inputContainer, children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, As, __spreadValues({ ref, className: classes.input, rows: 1 }, props)),
+        rightAddon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: classes.rightAddon, children: rightAddon })
       ] }) }),
-      error && /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes.errorMessage, children: error })
+      error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: classes.errorMessage, children: error })
     ] });
@@ -552,14 +581,27 @@ }
 Input.displayName = "Input";
-var labelStyle = css.css({
+
+// src/components/Label/Label.styles.ts
+
+var labelStyle = _css.css.call(void 0, {
   textStyle: "sm",
   color: "mono.300"
 });
+
+// src/components/Label/Label.tsx
+
+
 var Label = beamRef(
   (_a, ref) => {
     var _b = _a, { as: As = "span", className } = _b, props = __objRest(_b, ["as", "className"]);
-    return /* @__PURE__ */ jsxRuntime.jsx(As, __spreadValues({ ref, className: css.cx(labelStyle, className) }, props));
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, As, __spreadValues({ ref, className: _css.cx.call(void 0, labelStyle, className) }, props));
   }
 );
 Label.displayName = "Label";
-var nativeSelectStyle = css.sva({
+
+// src/components/NativeSelect/NativeSelect.tsx
+
+
+// src/components/NativeSelect/NativeSelect.styles.ts
+
+var nativeSelectStyle = _css.sva.call(void 0, {
   slots: ["root", "button", "icon", "select"],
@@ -651,2 +693,6 @@ base: {
 });
+
+// src/components/NativeSelect/NativeSelect.tsx
+
+
 var NativeSelect = beamRef(
@@ -675,12 +721,12 @@ (_a, ref) => {
     const _a2 = selectProps != null ? selectProps : {}, { className: selectClassName } = _a2, nativeSelectProps = __objRest(_a2, ["className"]);
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: css.cx(classes.root, className), children: [
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _css.cx.call(void 0, classes.root, className), children: [
       label,
-      /* @__PURE__ */ jsxRuntime.jsxs(As, __spreadProps(__spreadValues({ ref, className: classes.button }, props), { children: [
-        icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.icon, children: icon }),
-        !hideChevron && /* @__PURE__ */ jsxRuntime.jsx(icons.DownIcon, {}),
-        /* @__PURE__ */ jsxRuntime.jsx(
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, As, __spreadProps(__spreadValues({ ref, className: classes.button }, props), { children: [
+        icon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: classes.icon, children: icon }),
+        !hideChevron && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _icons.DownIcon, {}),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "select",
           __spreadProps(__spreadValues({
             role: "listbox",
-            className: css.cx(classes.select, selectClassName)
+            className: _css.cx.call(void 0, classes.select, selectClassName)
           }, nativeSelectProps), {
@@ -695,3 +741,9 @@ children
 NativeSelect.displayName = "NativeSelect";
-var poweredByBeamBannerStyle = css.css({
+
+// src/components/PoweredByBeamBanner/PoweredByBeamBanner.tsx
+
+
+// src/components/PoweredByBeamBanner/PoweredByBeamBanner.styles.ts
+
+var poweredByBeamBannerStyle = _css.css.call(void 0, {
   display: "flex",
@@ -704,3 +756,3 @@ alignItems: "center",
 });
-var poweredByBeamBannerLogoStyle = css.css({
+var poweredByBeamBannerLogoStyle = _css.css.call(void 0, {
   display: "flex",
@@ -711,6 +763,6 @@ alignItems: "flex-end",
 });
-var poweredByBeamBannerSvgStyle = css.css({
+var poweredByBeamBannerSvgStyle = _css.css.call(void 0, {
   position: "relative"
 });
-var poweredByBeamBannerRainbowStyle = css.css({
+var poweredByBeamBannerRainbowStyle = _css.css.call(void 0, {
   display: "flex",
@@ -726,38 +778,42 @@ flex: 1,
 });
-var poweredByBeamBannerBlueRayStyle = css.css({
+var poweredByBeamBannerBlueRayStyle = _css.css.call(void 0, {
   background: "linear-gradient(180deg, #BBDBFF 52.46%, #139EDD 89.27%, #B9F7EA 119.38%)",
   flex: "1"
 });
-var poweredByBeamBannerRedRayStyle = css.css({
+var poweredByBeamBannerRedRayStyle = _css.css.call(void 0, {
   background: "linear-gradient(180deg, #FF6B6B 52.46%, #FE1414 89.27%, #8E0900 119.38%)",
   flex: "1"
 });
-var poweredByBeamBannerYellowRayStyle = css.css({
+var poweredByBeamBannerYellowRayStyle = _css.css.call(void 0, {
   background: "linear-gradient(180deg, #F1E869 52.46%, #FEA514 89.27%, #FF4539 119.38%)",
   flex: "1"
 });
-var poweredByBeamBannerGreenRayStyle = css.css({
+var poweredByBeamBannerGreenRayStyle = _css.css.call(void 0, {
   background: "linear-gradient(180deg, #BBFFCA 52.46%, #48DD13 89.27%, #008805 119.38%)",
   flex: "1"
 });
+
+// src/components/PoweredByBeamBanner/PoweredByBeamBanner.tsx
+
+
 var PoweredByBeamBanner = beamRef(
   (_a, ref) => {
     var _b = _a, { as: As = "div", className } = _b, props = __objRest(_b, ["as", "className"]);
-    return /* @__PURE__ */ jsxRuntime.jsxs(
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       As,
       __spreadProps(__spreadValues({
         ref,
-        className: css.cx(poweredByBeamBannerStyle, className)
+        className: _css.cx.call(void 0, poweredByBeamBannerStyle, className)
       }, props), {
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(icons.LedOnIcon, {}),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _icons.LedOnIcon, {}),
           "powered by",
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: poweredByBeamBannerLogoStyle, children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { "aria-hidden": true, className: poweredByBeamBannerRainbowStyle, children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: poweredByBeamBannerBlueRayStyle }),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: poweredByBeamBannerRedRayStyle }),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: poweredByBeamBannerYellowRayStyle }),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: poweredByBeamBannerGreenRayStyle })
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: poweredByBeamBannerLogoStyle, children: [
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { "aria-hidden": true, className: poweredByBeamBannerRainbowStyle, children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: poweredByBeamBannerBlueRayStyle }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: poweredByBeamBannerRedRayStyle }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: poweredByBeamBannerYellowRayStyle }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: poweredByBeamBannerGreenRayStyle })
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs(
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
               "svg",
@@ -772,3 +828,3 @@ {
                 children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                     "path",
@@ -780,3 +836,3 @@ {
                   ),
-                  /* @__PURE__ */ jsxRuntime.jsx(
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                     "path",
@@ -788,3 +844,3 @@ {
                   ),
-                  /* @__PURE__ */ jsxRuntime.jsx(
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                     "path",
@@ -796,3 +852,3 @@ {
                   ),
-                  /* @__PURE__ */ jsxRuntime.jsx(
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                     "path",
@@ -814,3 +870,9 @@ {
 PoweredByBeamBanner.displayName = "PoweredByBeamBanner";
-var selectButtonStyle = css.sva({
+
+// src/components/SelectButton/SelectButton.tsx
+
+
+// src/components/SelectButton/SelectButton.styles.ts
+
+var selectButtonStyle = _css.sva.call(void 0, {
   slots: ["root", "button", "icon"],
@@ -882,2 +944,6 @@ base: {
 });
+
+// src/components/SelectButton/SelectButton.tsx
+
+
 var SelectButton = beamRef(
@@ -903,8 +969,8 @@ (_a, ref) => {
     });
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: css.cx(classes.root, className), children: [
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _css.cx.call(void 0, classes.root, className), children: [
       label,
-      /* @__PURE__ */ jsxRuntime.jsxs(As, __spreadProps(__spreadValues({ ref, className: classes.button }, props), { children: [
-        icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.icon, children: icon }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, As, __spreadProps(__spreadValues({ ref, className: classes.button }, props), { children: [
+        icon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: classes.icon, children: icon }),
         children,
-        !disableChevron && /* @__PURE__ */ jsxRuntime.jsx(icons.DownIcon, {})
+        !disableChevron && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _icons.DownIcon, {})
       ] }))
@@ -916,13 +982,13 @@ ] });
 
-exports.Button = Button;
-exports.Card = Card;
-exports.Input = Input;
-exports.Label = Label;
-exports.NativeSelect = NativeSelect;
-exports.PoweredByBeamBanner = PoweredByBeamBanner;
-exports.SelectButton = SelectButton;
-exports.beamRef = beamRef;
-exports.gridBackgroundStyle = gridBackgroundStyle;
-exports.noiseBackgroundStyle = noiseBackgroundStyle;
-//# sourceMappingURL=out.js.map
+
+
+
+
+
+
+
+
+
+
+exports.Button = Button; exports.Card = Card; exports.Input = Input; exports.Label = Label; exports.NativeSelect = NativeSelect; exports.PoweredByBeamBanner = PoweredByBeamBanner; exports.SelectButton = SelectButton; exports.beamRef = beamRef; exports.gridBackgroundStyle = gridBackgroundStyle; exports.noiseBackgroundStyle = noiseBackgroundStyle;
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "@onbeam/ui",
-  "version": "1.0.0-11",
+  "version": "1.0.0-12",
   "sideEffects": false,
@@ -16,4 +16,4 @@ "license": "MIT",
   "dependencies": {
-    "@onbeam/icons": "1.0.0-11",
-    "@onbeam/styled-system": "1.0.0-11"
+    "@onbeam/icons": "1.0.0-12",
+    "@onbeam/styled-system": "1.0.0-12"
   },
@@ -20,0 +20,0 @@ "devDependencies": {

No alert changes

Improved metrics

Total package byte prevSize

2016156

increased by0.22%

Lines of code

2192

increased by3.25%

Dependency changes

• + Added@onbeam/icons@1.0.0-12(transitive)

• + Added@onbeam/styled-system@1.0.0-12(transitive)

• - Removed@onbeam/icons@1.0.0-11(transitive)

• - Removed@onbeam/styled-system@1.0.0-11(transitive)

• Updated@onbeam/icons@1.0.0-12

• Updated@onbeam/styled-system@1.0.0-12