@altimateai/ui-components 0.0.23-beta.2 → 0.0.23-beta.3

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 (6) hide show
  1. package/dist/Form.js +2 -2
  2. package/dist/lineage/index.js +79 -75
  3. package/dist/storybook/Badge.stories.tsx +7 -0
  4. package/dist/storybook/Card.stories.tsx +2 -2
  5. package/dist/storybook/Label.stories.tsx +2 -2
  6. package/package.json +2 -2
package/dist/Form.js CHANGED
@@ -1522,10 +1522,10 @@ const Us = Ze(
1522
1522
  {
1523
1523
  variants: {
1524
1524
  variant: {
1525
- default: "al-border-transparent al-bg-primary al-text-primary-foreground hover:al-bg-primary/80",
1525
+ default: "al-border-transparent al-bg-primary al-bg-bg-brand al-text-primary-foreground hover:al-bg-primary/80",
1526
1526
  secondary: "al-border-transparent al-bg-secondary al-text-secondary-foreground hover:al-bg-secondary/80",
1527
1527
  destructive: "al-border-transparent al-bg-destructive al-text-destructive-foreground hover:al-bg-destructive/80",
1528
- success: "al-border-transparent al-bg-green-500 al-text-white hover:al-bg-green-600",
1528
+ success: "al-border-transparent al-bg-green-100 al-text-green-500 hover:al-bg-green-600",
1529
1529
  outline: "al-text-foreground"
1530
1530
  },
1531
1531
  interactive: {
package/dist/lineage/index.js CHANGED
@@ -4731,7 +4731,7 @@ const Za = ({ datatype: e, color: t, size: n = "1rem" }) => {
4731
4731
  [F.selected]: H,
4732
4732
  [F.collapse]: !L
4733
4733
  }),
4734
- children: /* @__PURE__ */ a.jsxs(W, { direction: "column", align: "start", gap: "xs", className: "w-full", children: [
4734
+ children: /* @__PURE__ */ a.jsxs(W, { direction: "column", align: "start", gap: "xs", className: "al-w-full", children: [
4735
4735
  /* @__PURE__ */ a.jsxs("div", { className: F.table_header, children: [
4736
4736
  i in H1 && /* @__PURE__ */ a.jsx(a.Fragment, { children: /* @__PURE__ */ a.jsxs(
4737
4737
  "div",
@@ -4787,75 +4787,79 @@ const Za = ({ datatype: e, color: t, size: n = "1rem" }) => {
4787
4787
  {
4788
4788
  direction: "row",
4789
4789
  align: "center",
4790
+ justify: "between",
4790
4791
  gap: "xs",
4791
- className: ee("w-full", F.node_extra_info),
4792
+ className: ee("al-w-full", F.node_extra_info),
4792
4793
  children: [
4793
- /* @__PURE__ */ a.jsx(
4794
- "div",
4795
- {
4796
- className: ee("nodrag", F.table_handle, {
4797
- invisible: r === 0 || r === Z.filter((S) => S.target === n).length || h.getNode(Nt(n, !1))
4798
- }),
4799
- onClick: (S) => {
4800
- S.stopPropagation(), T();
4801
- },
4802
- "data-testid": "expand-left-btn-" + n,
4803
- children: "+"
4804
- }
4805
- ),
4806
- (l == null ? void 0 : l.length) > 0 && /* @__PURE__ */ a.jsx(
4807
- W1,
4808
- {
4809
- id: "table-node-tests-" + x,
4810
- icon: /* @__PURE__ */ a.jsx(As, {}),
4811
- text: l.length.toString(),
4812
- label: "Tests"
4813
- }
4814
- ),
4815
- c && /* @__PURE__ */ a.jsx(
4816
- W1,
4817
- {
4818
- id: "table-node-materilization-" + x,
4819
- icon: /* @__PURE__ */ a.jsx(Vs, {}),
4820
- text: c,
4821
- label: "Materialization"
4822
- }
4823
- ),
4824
- u ? /* @__PURE__ */ a.jsx(
4825
- W1,
4826
- {
4827
- id: "table-node-is-external-" + x,
4828
- icon: /* @__PURE__ */ a.jsx(H3, {}),
4829
- text: "ext",
4830
- label: `External Project: ${n}`
4831
- }
4832
- ) : null,
4833
- /* @__PURE__ */ a.jsx("div", { className: "spacer" }),
4834
- /* @__PURE__ */ a.jsx(
4835
- "div",
4836
- {
4837
- className: ee(
4838
- "nodrag",
4839
- H && i !== "semantic_model" ? "text-blue" : "text-grey"
4840
- ),
4841
- onClick: z,
4842
- "data-testid": "view-details-btn-" + n,
4843
- children: "Details"
4844
- }
4845
- ),
4846
- /* @__PURE__ */ a.jsx(
4847
- "div",
4848
- {
4849
- className: ee("nodrag", F.table_handle, {
4850
- invisible: s === 0 || s === Z.filter((S) => S.source === n).length || h.getNode(Nt(n, !0))
4851
- }),
4852
- onClick: (S) => {
4853
- S.stopPropagation(), D();
4854
- },
4855
- "data-testid": "expand-right-btn-" + n,
4856
- children: "+"
4857
- }
4858
- )
4794
+ /* @__PURE__ */ a.jsxs(W, { children: [
4795
+ /* @__PURE__ */ a.jsx(
4796
+ "div",
4797
+ {
4798
+ className: ee("nodrag", F.table_handle, {
4799
+ invisible: r === 0 || r === Z.filter((S) => S.target === n).length || h.getNode(Nt(n, !1))
4800
+ }),
4801
+ onClick: (S) => {
4802
+ S.stopPropagation(), T();
4803
+ },
4804
+ "data-testid": "expand-left-btn-" + n,
4805
+ children: "+"
4806
+ }
4807
+ ),
4808
+ (l == null ? void 0 : l.length) > 0 && /* @__PURE__ */ a.jsx(
4809
+ W1,
4810
+ {
4811
+ id: "table-node-tests-" + x,
4812
+ icon: /* @__PURE__ */ a.jsx(As, {}),
4813
+ text: l.length.toString(),
4814
+ label: "Tests"
4815
+ }
4816
+ ),
4817
+ c && /* @__PURE__ */ a.jsx(
4818
+ W1,
4819
+ {
4820
+ id: "table-node-materilization-" + x,
4821
+ icon: /* @__PURE__ */ a.jsx(Vs, {}),
4822
+ text: c,
4823
+ label: "Materialization"
4824
+ }
4825
+ ),
4826
+ u ? /* @__PURE__ */ a.jsx(
4827
+ W1,
4828
+ {
4829
+ id: "table-node-is-external-" + x,
4830
+ icon: /* @__PURE__ */ a.jsx(H3, {}),
4831
+ text: "ext",
4832
+ label: `External Project: ${n}`
4833
+ }
4834
+ ) : null
4835
+ ] }),
4836
+ /* @__PURE__ */ a.jsxs(W, { children: [
4837
+ /* @__PURE__ */ a.jsx(
4838
+ "div",
4839
+ {
4840
+ className: ee(
4841
+ "nodrag",
4842
+ H && i !== "semantic_model" ? "text-blue" : "text-grey"
4843
+ ),
4844
+ onClick: z,
4845
+ "data-testid": "view-details-btn-" + n,
4846
+ children: "Details"
4847
+ }
4848
+ ),
4849
+ /* @__PURE__ */ a.jsx(
4850
+ "div",
4851
+ {
4852
+ className: ee("nodrag", F.table_handle, {
4853
+ invisible: s === 0 || s === Z.filter((S) => S.source === n).length || h.getNode(Nt(n, !0))
4854
+ }),
4855
+ onClick: (S) => {
4856
+ S.stopPropagation(), D();
4857
+ },
4858
+ "data-testid": "expand-right-btn-" + n,
4859
+ children: "+"
4860
+ }
4861
+ )
4862
+ ] })
4859
4863
  ]
4860
4864
  }
4861
4865
  )
@@ -5167,7 +5171,7 @@ function Ya({
5167
5171
  canLineageExpand: r
5168
5172
  }) {
5169
5173
  const i = e, l = n.replace(/[^a-zA-Z0-9]/g, "-");
5170
- return /* @__PURE__ */ a.jsxs(W, { direction: "column", align: "start", gap: "xs", className: "w-full", children: [
5174
+ return /* @__PURE__ */ a.jsxs(W, { direction: "column", align: "start", gap: "xs", className: "al-w-full", children: [
5171
5175
  /* @__PURE__ */ a.jsxs("div", { className: F.table_header, children: [
5172
5176
  /* @__PURE__ */ a.jsxs("div", { className: ee(F.node_icon, on[i]), children: [
5173
5177
  /* @__PURE__ */ a.jsx(nn, { nodeType: e }),
@@ -5227,7 +5231,7 @@ function Us() {
5227
5231
  }
5228
5232
  v && s(Ie("")), Fe(p, w), c.setNodes(p), c.setEdges(w), o();
5229
5233
  }, [m, C] = re(u);
5230
- return /* @__PURE__ */ a.jsxs(W, { direction: "column", className: "p-2 h-full", children: [
5234
+ return /* @__PURE__ */ a.jsxs(W, { direction: "column", className: "p-2 al-h-full", children: [
5231
5235
  /* @__PURE__ */ a.jsxs(W, { direction: "row", justify: "between", align: "center", className: "mb-2", children: [
5232
5236
  /* @__PURE__ */ a.jsx("div", { className: "fw-semibold fs-5", children: "Tables" }),
5233
5237
  /* @__PURE__ */ a.jsx(
@@ -5251,7 +5255,7 @@ function Us() {
5251
5255
  }
5252
5256
  ),
5253
5257
  /* @__PURE__ */ a.jsx("div", { className: "mb-3" }),
5254
- /* @__PURE__ */ a.jsx("div", { className: "h-full overflow-y", children: /* @__PURE__ */ a.jsx(W, { direction: "column", gap: "sm", children: m.map((p) => {
5258
+ /* @__PURE__ */ a.jsx("div", { className: "al-h-full al-overflow-y", children: /* @__PURE__ */ a.jsx(W, { direction: "column", gap: "sm", children: m.map((p) => {
5255
5259
  const w = c.getNode(p.table), v = w && w.data.level !== i;
5256
5260
  return /* @__PURE__ */ a.jsx(
5257
5261
  "div",
@@ -5747,7 +5751,7 @@ const Xa = "_component_13r39_1", Ga = "_spin_13r39_1", qa = {
5747
5751
  t && va(t).then((c) => {
5748
5752
  o(c), i(!1);
5749
5753
  });
5750
- }, [t]), r || !n || !t ? /* @__PURE__ */ a.jsx(cn, {}) : /* @__PURE__ */ a.jsxs(W, { direction: "column", gap: "md", className: "p-2 h-full overflow-y", children: [
5754
+ }, [t]), r || !n || !t ? /* @__PURE__ */ a.jsx(cn, {}) : /* @__PURE__ */ a.jsxs(W, { direction: "column", gap: "md", className: "p-2 al-h-full al-overflow-y", children: [
5751
5755
  /* @__PURE__ */ a.jsxs("div", { className: F.table_details_header, children: [
5752
5756
  /* @__PURE__ */ a.jsx(tn, { nodeType: s.nodeType }),
5753
5757
  /* @__PURE__ */ a.jsx(W, { direction: "row", align: "center", children: /* @__PURE__ */ a.jsx("div", { className: "fw-semibold fs-5 lines-2", children: s.label }) })
@@ -5772,7 +5776,7 @@ function c4({ close: e }) {
5772
5776
  ""
5773
5777
  /* None */
5774
5778
  ), [o, s] = re(""), [r, i] = re(!1);
5775
- return /* @__PURE__ */ a.jsxs(W, { direction: "column", className: "p-2 h-full", children: [
5779
+ return /* @__PURE__ */ a.jsxs(W, { direction: "column", className: "p-2 al-h-full", children: [
5776
5780
  /* @__PURE__ */ a.jsxs(W, { direction: "row", className: "mb-2", children: [
5777
5781
  /* @__PURE__ */ a.jsx("div", { className: "fw-semibold fs-5", children: "Feedback" }),
5778
5782
  /* @__PURE__ */ a.jsx("div", { className: "spacer" }),
@@ -6037,7 +6041,7 @@ const u4 = () => {
6037
6041
  "Expand"
6038
6042
  ] }),
6039
6043
  render: ({ close: v }) => /* @__PURE__ */ a.jsxs(W, { direction: "column", gap: "xs", children: [
6040
- /* @__PURE__ */ a.jsxs(W, { direction: "row", className: "w-full", gap: "xl", justify: "between", align: "center", children: [
6044
+ /* @__PURE__ */ a.jsxs(W, { direction: "row", className: "al-w-full", gap: "xl", justify: "between", align: "center", children: [
6041
6045
  /* @__PURE__ */ a.jsxs(
6042
6046
  "div",
6043
6047
  {
@@ -6107,7 +6111,7 @@ const u4 = () => {
6107
6111
  }
6108
6112
  )
6109
6113
  ] }),
6110
- /* @__PURE__ */ a.jsxs(W, { direction: "row", className: "w-full", gap: "xl", justify: "between", align: "center", children: [
6114
+ /* @__PURE__ */ a.jsxs(W, { direction: "row", className: "al-w-full", gap: "xl", justify: "between", align: "center", children: [
6111
6115
  /* @__PURE__ */ a.jsx("div", { className: "normal-text", children: "Parents" }),
6112
6116
  /* @__PURE__ */ a.jsx("div", { className: "normal-text", children: "Children" })
6113
6117
  ] }),
package/dist/storybook/Badge.stories.tsx CHANGED
@@ -34,3 +34,10 @@ export const Outline: Story = {
34
34
  children: "Outline",
35
35
  },
36
36
  };
37
+
38
+ export const Success: Story = {
39
+ args: {
40
+ variant: "success",
41
+ children: "Success",
42
+ },
43
+ };
package/dist/storybook/Card.stories.tsx CHANGED
@@ -31,7 +31,7 @@ export const WithForm = () => (
31
31
  <CardDescription>Enter your details below.</CardDescription>
32
32
  </CardHeader>
33
33
  <CardContent>
34
- <div className="grid w-full items-center gap-4">
34
+ <div className="grid al-w-full items-center gap-4">
35
35
  <div className="flex flex-col space-y-1.5">
36
36
  <label htmlFor="name">Name</label>
37
37
  <input id="name" className="border rounded p-2" />
@@ -63,7 +63,7 @@ export const Pricing = () => (
63
63
  </ul>
64
64
  </CardContent>
65
65
  <CardFooter>
66
- <Button className="w-full">Subscribe</Button>
66
+ <Button className="al-w-full">Subscribe</Button>
67
67
  </CardFooter>
68
68
  </Card>
69
69
  );
package/dist/storybook/Label.stories.tsx CHANGED
@@ -19,7 +19,7 @@ Default.args = {
19
19
  };
20
20
 
21
21
  export const WithInput = () => (
22
- <div className="grid w-full max-w-sm items-center gap-1.5">
22
+ <div className="grid al-w-full max-w-sm items-center gap-1.5">
23
23
  <Label htmlFor="email">Email</Label>
24
24
  <Input type="email" id="email" placeholder="Enter your email" />
25
25
  </div>
@@ -35,7 +35,7 @@ Required.args = {
35
35
  };
36
36
 
37
37
  export const Disabled = () => (
38
- <div className="grid w-full max-w-sm items-center gap-1.5">
38
+ <div className="grid al-w-full max-w-sm items-center gap-1.5">
39
39
  <Label htmlFor="disabled">Disabled Label</Label>
40
40
  <Input id="disabled" disabled />
41
41
  </div>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@altimateai/ui-components",
3
- "version": "0.0.23-beta.2",
3
+ "version": "0.0.23-beta.3",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+https://github.com/AltimateAI/altimate-components.git"
@@ -52,4 +52,4 @@
52
52
  "react": "^17.0.0 || ^18.0.0",
53
53
  "react-dom": "^17.0.0 || ^18.0.0"
54
54
  }
55
- }
55
+ }