@gobolt/genesis 0.8.1 → 0.8.2

package/dist/components/TileLog/TileLog.d.ts

@@ -1,4 +1,4 @@
-export type TileLogState = "success" | "error" | "generic" | "in-progress" | "none";
+export type TileLogState = "success" | "error" | "exception" | "generic" | "in-progress" | "none";
 export interface TileLogProps {
     timestamp: string;
     action: string;

package/dist/components/TileLog/TileLogSkeleton.d.ts

@@ -0,0 +1,2 @@
+declare const TileLogSkeleton: () => import("react/jsx-runtime").JSX.Element;
+export default TileLogSkeleton;

package/dist/components/TileLog/__stories__/TileLog.stories.d.ts

@@ -7,6 +7,7 @@ export declare const Default: Story;
 export declare const Success: Story;
 export declare const InProgress: Story;
 export declare const Error: Story;
+export declare const Exception: Story;
 export declare const Generic: Story;
 export declare const None: Story;
 export declare const WithNote: Story;
@@ -20,3 +21,4 @@ export declare const ErrorWithAuthor: Story;
 export declare const FullTimeline: Story;
 export declare const VariedContentTimeline: Story;
 export declare const SingleEntry: Story;
+export declare const Loading: Story;

package/dist/components/TileLog/index.d.ts

@@ -1,2 +1,3 @@
 export { default } from './TileLog';
 export type { TileLogProps } from './TileLog';
+export { default as TileLogSkeleton } from './TileLogSkeleton';

package/dist/index.cjs

@@ -61619,6 +61619,9 @@ function HiDotsHorizontal(props) {
 function HiExclamationCircle(props) {
   return GenIcon({ "attr": { "viewBox": "0 0 20 20", "fill": "currentColor", "aria-hidden": "true" }, "child": [{ "tag": "path", "attr": { "fillRule": "evenodd", "d": "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z", "clipRule": "evenodd" }, "child": [] }] })(props);
 }
+function HiInformationCircle(props) {
+  return GenIcon({ "attr": { "viewBox": "0 0 20 20", "fill": "currentColor", "aria-hidden": "true" }, "child": [{ "tag": "path", "attr": { "fillRule": "evenodd", "d": "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z", "clipRule": "evenodd" }, "child": [] }] })(props);
+}
 function HiMinusCircle(props) {
   return GenIcon({ "attr": { "viewBox": "0 0 20 20", "fill": "currentColor", "aria-hidden": "true" }, "child": [{ "tag": "path", "attr": { "fillRule": "evenodd", "d": "M10 18a8 8 0 100-16 8 8 0 000 16zM7 9a1 1 0 000 2h6a1 1 0 100-2H7z", "clipRule": "evenodd" }, "child": [] }] })(props);
 }
@@ -89196,7 +89199,7 @@ const TimelineColumn = styled(Tile)`
   width: 26px;
 `;
 const TimelineLine = styled.div`
-  width: 1px;
+  width: 2px;
   flex: 1;
   background-color: ${({ $color }) => $color ?? "#9A9A9A"};
 `;
@@ -89229,6 +89232,7 @@ const TileLog = ({
     none: "#CBCBCB",
     success: "#A7DFAF",
     error: "#F3A9AB",
+    exception: "#FFE5BE",
     "in-progress": "#AFB8FB",
     generic: "#CBCBCB"
   };
@@ -89236,6 +89240,7 @@ const TileLog = ({
     none: void 0,
     success: theme.colors.status["success"].onsurface,
     error: theme.colors.status["error"].onsurface,
+    exception: theme.colors.status["warning"].onsurface,
     "in-progress": theme.colors.status["info"].onsurface,
     generic: theme.colors.status["generic"].onsurface
   };
@@ -89262,6 +89267,20 @@ const TileLog = ({
         hasIcon: true
       }
     ),
+    exception: /* @__PURE__ */ jsxRuntime.jsx(
+      Badge$1,
+      {
+        state: "warning",
+        customIcon: /* @__PURE__ */ jsxRuntime.jsx(
+          HiInformationCircle,
+          {
+            size: 16,
+            color: theme.colors.status["warning"].onsurface
+          }
+        ),
+        hasIcon: true
+      }
+    ),
     "in-progress": /* @__PURE__ */ jsxRuntime.jsx(
       Badge$1,
       {

package/dist/index.js

@@ -61601,6 +61601,9 @@ function HiDotsHorizontal(props) {
 function HiExclamationCircle(props) {
   return GenIcon({ "attr": { "viewBox": "0 0 20 20", "fill": "currentColor", "aria-hidden": "true" }, "child": [{ "tag": "path", "attr": { "fillRule": "evenodd", "d": "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z", "clipRule": "evenodd" }, "child": [] }] })(props);
 }
+function HiInformationCircle(props) {
+  return GenIcon({ "attr": { "viewBox": "0 0 20 20", "fill": "currentColor", "aria-hidden": "true" }, "child": [{ "tag": "path", "attr": { "fillRule": "evenodd", "d": "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z", "clipRule": "evenodd" }, "child": [] }] })(props);
+}
 function HiMinusCircle(props) {
   return GenIcon({ "attr": { "viewBox": "0 0 20 20", "fill": "currentColor", "aria-hidden": "true" }, "child": [{ "tag": "path", "attr": { "fillRule": "evenodd", "d": "M10 18a8 8 0 100-16 8 8 0 000 16zM7 9a1 1 0 000 2h6a1 1 0 100-2H7z", "clipRule": "evenodd" }, "child": [] }] })(props);
 }
@@ -89178,7 +89181,7 @@ const TimelineColumn = styled(Tile)`
   width: 26px;
 `;
 const TimelineLine = styled.div`
-  width: 1px;
+  width: 2px;
   flex: 1;
   background-color: ${({ $color }) => $color ?? "#9A9A9A"};
 `;
@@ -89211,6 +89214,7 @@ const TileLog = ({
     none: "#CBCBCB",
     success: "#A7DFAF",
     error: "#F3A9AB",
+    exception: "#FFE5BE",
     "in-progress": "#AFB8FB",
     generic: "#CBCBCB"
   };
@@ -89218,6 +89222,7 @@ const TileLog = ({
     none: void 0,
     success: theme.colors.status["success"].onsurface,
     error: theme.colors.status["error"].onsurface,
+    exception: theme.colors.status["warning"].onsurface,
     "in-progress": theme.colors.status["info"].onsurface,
     generic: theme.colors.status["generic"].onsurface
   };
@@ -89244,6 +89249,20 @@ const TileLog = ({
         hasIcon: true
       }
     ),
+    exception: /* @__PURE__ */ jsx(
+      Badge$1,
+      {
+        state: "warning",
+        customIcon: /* @__PURE__ */ jsx(
+          HiInformationCircle,
+          {
+            size: 16,
+            color: theme.colors.status["warning"].onsurface
+          }
+        ),
+        hasIcon: true
+      }
+    ),
     "in-progress": /* @__PURE__ */ jsx(
       Badge$1,
       {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gobolt/genesis",
-  "version": "0.8.1",
+  "version": "0.8.2",
   "description": "genesis design system",
   "author": "gobolt",
   "license": "MIT",