@lightsparkdev/ui 0.0.13 → 1.0.0

package/dist/chunk-F3YK2EER.js

@@ -0,0 +1,26 @@
+// src/icons/ShieldCheck.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function ShieldCheck() {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M11.7628 2.03849C11.9168 1.98717 12.0832 1.98717 12.2372 2.03849L20.4872 4.78849C20.7934 4.89057 21 5.17718 21 5.5V11.9123C21 14.6497 19.8165 16.6701 18.1412 18.2596C16.4942 19.8225 14.3404 20.9975 12.3561 22.068C12.1338 22.1879 11.8662 22.1879 11.6439 22.068C9.65956 20.9975 7.5058 19.8225 5.85876 18.2596C4.18351 16.6701 3 14.6497 3 11.9123V5.5C3 5.17718 3.20657 4.89057 3.51283 4.78849L11.7628 2.03849ZM15.2803 10.0303C15.5732 9.73744 15.5732 9.26256 15.2803 8.96967C14.9874 8.67678 14.5126 8.67678 14.2197 8.96967L11 12.1893L9.78033 10.9697C9.48744 10.6768 9.01256 10.6768 8.71967 10.9697C8.42678 11.2626 8.42678 11.7374 8.71967 12.0303L10.4697 13.7803C10.6103 13.921 10.8011 14 11 14C11.1989 14 11.3897 13.921 11.5303 13.7803L15.2803 10.0303Z",
+          fill: "currentColor"
+        }
+      )
+    }
+  );
+}
+
+export {
+  ShieldCheck
+};

package/dist/{chunk-ATUH6SXK.js → chunk-FEJU2K4L.js}

@@ -1,14 +1,16 @@
+import {
+  applyTypography
+} from "./chunk-WIFHFWAN.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
 import {
   standardBorderRadius,
   subtext
-} from "./chunk-JK4BP73A.js";
+} from "./chunk-52POF2W4.js";
 import {
-  colors,
   themeOr
-} from "./chunk-2VBDEO6M.js";
+} from "./chunk-ZFDYANKZ.js";
 
 // src/styles/fields.tsx
 import { css } from "@emotion/react";
@@ -42,10 +44,9 @@ var inputBlockStyle = ({
   position: relative;
   cursor: pointer;
   padding: 52.5px;
-  ${hasError ? `border-style: solid; border-color: ${colors.danger}; border-width: 2px;` : hasValue ? `border-style: solid; border-color: ${theme.info};` : `border-style: dashed;`}
+  ${hasError ? `border-style: solid; border-color: ${theme.danger}; border-width: 2px;` : hasValue ? `border-style: solid; border-color: ${theme.info};` : `border-style: dashed;`}
 `;
 var textInputPlaceholderColor = ({ theme }) => theme.c4Neutral;
-var textInputColor = ({ theme }) => theme.text;
 var textInputFontWeight = 600;
 var textInputBorderRadiusPx = 8;
 var textInputPaddingPx = 12;
@@ -59,18 +60,23 @@ var textInputActiveStyles = ({
 }) => css`
   border-color: ${textInputBorderColorFocused({ theme })};
   border-width: 2px;
-  color: ${textInputColor({ theme })};
   padding: ${textInputPaddingPx - 1}px;
   ${paddingLeftPx ? `padding-left: ${paddingLeftPx - 1}px;` : ""}
   ${paddingRightPx ? `padding-right: ${paddingRightPx - 1}px;` : ""}
 `;
+var defaultTextInputTypography = {
+  type: "Body",
+  size: "Small",
+  color: "text"
+};
 var textInputStyle = ({
   theme,
   active,
   disabled,
   hasError,
   paddingLeftPx,
-  paddingRightPx
+  paddingRightPx,
+  typography
 }) => {
   var _a;
   return css`
@@ -91,11 +97,14 @@ var textInputStyle = ({
   border-color: ${hasError ? theme.danger : textInputBorderColor({ theme })};
   line-height: 22px;
   outline: none;
-  /* Use low contrast by default. Some fields, eg login, need high contrast simply
-     because of quirks with default autofill styles. Clicking in to an autofilled value
-     does not change the color of the text, it just uses the default field color */
-  color: ${textInputColor({ theme })};
-  font-size: 14px;
+
+  ${applyTypography(
+    theme,
+    (typography == null ? void 0 : typography.type) || defaultTextInputTypography.type,
+    (typography == null ? void 0 : typography.size) || defaultTextInputTypography.size,
+    (typography == null ? void 0 : typography.color) || defaultTextInputTypography.color
+  )}
+
   width: ${fieldWidth};
   max-width: ${maxFieldWidth};
   text-overflow: ellipsis;
@@ -215,13 +224,13 @@ export {
   standardBorderColor,
   inputBlockStyle,
   textInputPlaceholderColor,
-  textInputColor,
   textInputFontWeight,
   textInputBorderRadiusPx,
   textInputPaddingPx,
   textInputPadding,
   textInputBorderColor,
   textInputBorderColorFocused,
+  defaultTextInputTypography,
   textInputStyle,
   FieldError,
   aboveFieldError,

package/dist/chunk-FGJPZTJP.js

@@ -0,0 +1,33 @@
+// src/icons/Gear.tsx
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+function Gear() {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 12 12",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M7.57136 6C7.57136 6.86788 6.86781 7.57143 5.99993 7.57143C5.13205 7.57143 4.4285 6.86788 4.4285 6C4.4285 5.13212 5.13205 4.42857 5.99993 4.42857C6.86781 4.42857 7.57136 5.13212 7.57136 6Z",
+            stroke: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M4.66071 1.54383C5.06493 0.152055 6.93494 0.152055 7.33915 1.54383C7.55431 2.28466 8.27658 2.72402 8.99308 2.54993C10.3392 2.22287 11.2742 3.92918 10.3323 4.9939C9.83095 5.56064 9.83095 6.43936 10.3323 7.0061C11.2742 8.07082 10.3392 9.77713 8.99308 9.45007C8.27658 9.27598 7.55431 9.71534 7.33915 10.4562C6.93494 11.8479 5.06493 11.8479 4.66071 10.4562C4.44556 9.71534 3.72328 9.27598 3.00679 9.45007C1.6607 9.77713 0.725699 8.07082 1.66757 7.0061C2.16891 6.43936 2.16891 5.56064 1.66757 4.9939C0.725699 3.92918 1.6607 2.22287 3.00679 2.54993C3.72328 2.72402 4.44556 2.28466 4.66071 1.54383Z",
+            stroke: "currentColor"
+          }
+        )
+      ]
+    }
+  );
+}
+
+export {
+  Gear
+};

package/dist/chunk-FLREHHOH.js

@@ -0,0 +1,124 @@
+// src/icons/GraphQLTwoTone.tsx
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+function GraphQLTwoTone() {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 22 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M1.58766 17.6612L2.4502 18.1592L12.0591 1.51639L11.1966 1.01839L1.58766 17.6612Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M20.6095 16.3309H1.3916V17.3269H20.6095V16.3309Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M1.76929 16.8913L11.3818 22.4413L11.8798 21.5787L2.26729 16.0288L1.76929 16.8913Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M10.1199 2.42546L19.7324 7.97546L20.2304 7.11293L10.6179 1.56293L10.1199 2.42546Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M1.77056 7.10902L2.26855 7.97156L11.8811 2.42156L11.3831 1.55902L1.77056 7.10902Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M9.94574 1.51639L19.5547 18.1592L20.4172 17.6612L10.8083 1.01839L9.94574 1.51639Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M3.14834 6.45007H2.15234V17.5501H3.14834V6.45007Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M19.8515 6.45007H18.8555V17.5501H19.8515V6.45007Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M10.7779 21.266L11.2129 22.0194L19.5732 17.1924L19.1382 16.439L10.7779 21.266Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M21.1713 17.874C20.5953 18.876 19.3113 19.218 18.3093 18.642C17.3073 18.066 16.9653 16.782 17.5413 15.78C18.1173 14.778 19.4013 14.436 20.4033 15.012C21.4113 15.594 21.7533 16.872 21.1713 17.874Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M4.45548 8.21973C3.87948 9.22173 2.59549 9.56373 1.5935 8.98773C0.591502 8.41173 0.249504 7.12773 0.825501 6.12573C1.4015 5.12373 2.68549 4.78173 3.68748 5.35773C4.68948 5.93973 5.03148 7.21773 4.45548 8.21973Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M0.83136 17.874C0.255364 16.872 0.597361 15.594 1.59936 15.012C2.60135 14.436 3.87934 14.778 4.46134 15.78C5.03734 16.782 4.69534 18.06 3.69334 18.642C2.68535 19.218 1.40736 18.876 0.83136 17.874Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M17.5472 8.21973C16.9712 7.21773 17.3132 5.93973 18.3152 5.35773C19.3172 4.78173 20.5952 5.12373 21.1772 6.12573C21.7532 7.12773 21.4112 8.40573 20.4092 8.98773C19.4072 9.56373 18.1232 9.22173 17.5472 8.21973Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M11.0002 23.7477C9.84224 23.7477 8.90625 22.8117 8.90625 21.6537C8.90625 20.4957 9.84224 19.5597 11.0002 19.5597C12.1582 19.5597 13.0942 20.4957 13.0942 21.6537C13.0942 22.8057 12.1582 23.7477 11.0002 23.7477Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M11.0002 4.43983C9.84224 4.43983 8.90625 3.50383 8.90625 2.34583C8.90625 1.18783 9.84224 0.251831 11.0002 0.251831C12.1582 0.251831 13.0942 1.18783 13.0942 2.34583C13.0942 3.50383 12.1582 4.43983 11.0002 4.43983Z",
+            fill: "currentColor"
+          }
+        )
+      ]
+    }
+  );
+}
+
+export {
+  GraphQLTwoTone
+};

package/dist/chunk-FOC33AUT.js

@@ -0,0 +1,33 @@
+// src/icons/CreditCard.tsx
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+function CreditCard() {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 12 13",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx("path", { d: "M2.25 5.9375H9.375", stroke: "currentColor", strokeWidth: "1.125" }),
+        /* @__PURE__ */ jsx(
+          "rect",
+          {
+            x: "1.5",
+            y: "2.9375",
+            width: "9",
+            height: "7.125",
+            rx: "1",
+            stroke: "currentColor",
+            strokeWidth: "1.125",
+            mask: "url(#path-1-inside-1_865_26901)"
+          }
+        )
+      ]
+    }
+  );
+}
+
+export {
+  CreditCard
+};

package/dist/chunk-FRZBZ7PD.js

@@ -0,0 +1,28 @@
+// src/icons/Terminal.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function Terminal() {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "32",
+      height: "32",
+      viewBox: "0 0 32 32",
+      fill: "none",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M7.33337 23.3333L14.6667 16L7.33337 8.66663M16.6667 26H26",
+          stroke: "currentColor",
+          strokeWidth: "2.28571",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+
+export {
+  Terminal
+};

package/dist/chunk-FUC2Z5QZ.js

@@ -0,0 +1,33 @@
+import {
+  toNonTypographicReactNodes
+} from "./chunk-QBJ57KNQ.js";
+import {
+  applyTypography
+} from "./chunk-WIFHFWAN.js";
+
+// src/components/typography/LabelStrong.tsx
+import styled from "@emotion/styled";
+import { jsx } from "@emotion/react/jsx-runtime";
+var LabelStrong = ({
+  content,
+  color,
+  size = "Medium",
+  children,
+  block = false
+}) => {
+  let reactNodes = children || null;
+  if (content) {
+    reactNodes = toNonTypographicReactNodes(content);
+  }
+  return /* @__PURE__ */ jsx(StyledLabelStrong, { size, colorProp: color, block, children: reactNodes });
+};
+var StyledLabelStrong = styled.label`
+  ${({ theme, size, colorProp }) => applyTypography(theme, "Label Strong", size, colorProp)}
+  ${({ block }) => block ? "display: block;" : ""}
+  cursor: inherit;
+`;
+
+export {
+  LabelStrong,
+  StyledLabelStrong
+};

package/dist/chunk-G3AHVMGL.js

@@ -0,0 +1,26 @@
+// src/icons/Pencil.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function Pencil() {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 12 12",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M6.88851 2.9033L1 8.79181V11H3.20819L9.0967 5.11149M6.88851 2.9033L8.57623 1.21559C8.86367 0.928136 9.32974 0.928136 9.61717 1.21559L10.7844 2.38283C11.0719 2.67028 11.0719 3.13633 10.7844 3.42378L9.0967 5.11149M6.88851 2.9033L9.0967 5.11149",
+          stroke: "currentColor",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+
+export {
+  Pencil
+};