@dfx.swiss/react-components 1.1.3-beta.25 → 1.1.3-beta.26

package/dist/stories/StyledTextBox.d.ts

@@ -0,0 +1,10 @@
+interface StyledTextBoxProps {
+    darkTheme?: boolean;
+    full?: boolean;
+    text: string;
+    label?: string;
+    smallLabel?: boolean;
+}
+declare const StyledTextBox: ({ darkTheme, full, text, label, smallLabel, ...props }: StyledTextBoxProps) => import("react/jsx-runtime").JSX.Element;
+export default StyledTextBox;
+//# sourceMappingURL=StyledTextBox.d.ts.map

package/dist/stories/StyledTextBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StyledTextBox.d.ts","sourceRoot":"","sources":["../../src/stories/StyledTextBox.tsx"],"names":[],"mappings":"AAEA,UAAU,kBAAkB;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,QAAA,MAAM,aAAa,2DAA4E,kBAAkB,4CA+BhH,CAAC;AACF,eAAe,aAAa,CAAC"}

package/dist/stories/StyledTextBox.js

@@ -0,0 +1,36 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import StyledVerticalStack from './layout-helpers/StyledVerticalStack';
+var StyledTextBox = function (_a) {
+    var _b = _a.darkTheme, darkTheme = _b === void 0 ? false : _b, _c = _a.full, full = _c === void 0 ? false : _c, text = _a.text, label = _a.label, smallLabel = _a.smallLabel, props = __rest(_a, ["darkTheme", "full", "text", "label", "smallLabel"]);
+    var textColor = darkTheme ? 'text-white' : 'text-dfxBlue-800';
+    var backgroundColor = darkTheme ? 'bg-white bg-opacity-5' : 'bg-white';
+    var placeholderColor = darkTheme ? 'placeholder:text-dfxGray-800' : 'placeholder:text-dfxGray-600';
+    var borderColor = darkTheme ? 'border-none' : 'border border-dfxGray-500';
+    var outlineColor = darkTheme ? 'outline-none' : 'outline-2 outline-dfxBlue-400';
+    return (_jsxs(StyledVerticalStack, __assign({ gap: 1, full: full }, { children: [label && (_jsx("label", __assign({ className: "text-start ".concat(smallLabel ? 'text-sm' : 'text-base', " font-semibold pl-3 pl- ") + [textColor].join(' ') }, { children: label }))), _jsx("div", __assign({ className: "text-base font-normal rounded-md w-full " +
+                    [textColor, backgroundColor, placeholderColor, borderColor, outlineColor].join(' ') }, { children: _jsx("div", __assign({ className: "p-4 w-full ".concat(textColor) }, { children: _jsx("div", __assign({ className: "flex-1" }, { children: text })) })) }))] })));
+};
+export default StyledTextBox;
+//# sourceMappingURL=StyledTextBox.js.map

package/dist/stories/StyledTextBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StyledTextBox.js","sourceRoot":"","sources":["../../src/stories/StyledTextBox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,mBAAmB,MAAM,sCAAsC,CAAC;AAUvE,IAAM,aAAa,GAAG,UAAC,EAA0F;IAAxF,IAAA,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EAAE,YAAY,EAAZ,IAAI,mBAAG,KAAK,KAAA,EAAE,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,UAAU,gBAAA,EAAK,KAAK,cAApE,oDAAsE,CAAF;IACzF,IAAM,SAAS,GAAG,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,kBAAkB,CAAC;IAChE,IAAM,eAAe,GAAG,SAAS,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,UAAU,CAAC;IACzE,IAAM,gBAAgB,GAAG,SAAS,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAAC,CAAC,8BAA8B,CAAC;IACrG,IAAM,WAAW,GAAG,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,2BAA2B,CAAC;IAC5E,IAAM,YAAY,GAAG,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,+BAA+B,CAAC;IAElF,OAAO,CACL,MAAC,mBAAmB,aAAC,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,iBACpC,KAAK,IAAI,CACR,yBACE,SAAS,EACP,qBAAc,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,6BAA0B,GAAG,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,gBAGrG,KAAK,IACA,CACT,EAED,uBACE,SAAS,EACP,0CAA0C;oBAC1C,CAAC,SAAS,EAAE,eAAe,EAAE,gBAAgB,EAAE,WAAW,EAAE,YAAY,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,gBAGrF,uBAAK,SAAS,EAAE,qBAAc,SAAS,CAAE,gBACvC,uBAAK,SAAS,EAAC,QAAQ,gBAAE,IAAI,IAAO,IAChC,IACF,KACc,CACvB,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,aAAa,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "private": false,
   "name": "@dfx.swiss/react-components",
-  "version": "1.1.3-beta.25",
+  "version": "1.1.3-beta.26",
   "license": "MIT",
   "publishConfig": {
     "access": "public"
@@ -87,5 +87,5 @@
     "tailwindcss": "^3.2.4",
     "webpack": "^5.75.0"
   },
-  "gitHead": "1bc72356d54fa322b96b4ffbf485fbd894c94997"
+  "gitHead": "6c4ddf07436d557405c90420d6f1397630013320"
 }