@uniformdev/design-system 19.61.1 → 19.62.1-alpha.9

package/dist/esm/index.js

@@ -562,7 +562,7 @@ var buttonGhostUnimportant = css`
     color: var(--gray-400);
   }
 
-  ${buttonRippleEffect({ hoverColor: "var(--white)", activeColor: "var(--gray-500)" })}
+  ${buttonRippleEffect({ hoverColor: "var(--brand-secondary-2)", activeColor: "var(--gray-100)" })}
 `;
 
 // src/components/Input/styles/Inputs.styles.ts
@@ -19356,8 +19356,9 @@ var Tabs = ({ children, onSelectedIdChange, useHashForState, selectedId, ...prop
     var _a;
     const selectedValueWithoutNull = (_a = tab.selectedId) != null ? _a : void 0;
     onSelectedIdChange == null ? void 0 : onSelectedIdChange(selectedValueWithoutNull);
-    if (useHashForState && typeof window !== "undefined") {
-      window.location.hash = selectedValueWithoutNull != null ? selectedValueWithoutNull : "";
+    if (useHashForState && typeof window !== "undefined" && window.history) {
+      const hashValue = selectedValueWithoutNull ? `#${selectedValueWithoutNull}` : "";
+      window.history.pushState(null, "", hashValue);
     }
   }, [tab.selectedId, onSelectedIdChange, useHashForState]);
   useEffect15(() => {
@@ -19430,11 +19431,11 @@ var StatusError = css94`
   &:before {
     /* TODO: replace this with an svg icon */
     background: linear-gradient(
-      120deg,
-      var(--error) 45%,
-      var(--white) 46%,
-      var(--white) 54%,
-      var(--error) 55%
+      133deg,
+      var(--error) 41%,
+      var(--white) 42%,
+      var(--white) 58%,
+      var(--error) 59%
     );
   }
 `;
@@ -19448,6 +19449,11 @@ var StatusOrphan = css94`
     background: var(--brand-secondary-5);
   }
 `;
+var StatusUnknown = css94`
+  &:before {
+    background: var(--brand-secondary-1);
+  }
+`;
 
 // src/components/Validation/StatusBullet.tsx
 import { jsx as jsx115 } from "@emotion/react/jsx-runtime";
@@ -19465,7 +19471,8 @@ var StatusBullet = ({
     Orphan: StatusOrphan,
     Published: StatusPublished,
     Draft: StatusDraft,
-    Previous: StatusDraft
+    Previous: StatusDraft,
+    Unknown: StatusUnknown
   };
   const statusSize = size === "base" ? StatusBulletBase : StatusBulletSmall;
   return /* @__PURE__ */ jsx115(

package/dist/index.d.mts

@@ -23168,7 +23168,7 @@ type ParagraphProps = {
  */
 declare const Paragraph: ({ className, htmlContent, children, ...pAttributes }: ParagraphProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
-type StatusTypeProps = 'Modified' | 'Unsaved' | 'Error' | 'Draft' | 'Published' | 'Orphan' | 'Previous';
+type StatusTypeProps = 'Modified' | 'Unsaved' | 'Error' | 'Draft' | 'Published' | 'Orphan' | 'Previous' | 'Unknown';
 type StatusBulletProps = React$1.HTMLAttributes<HTMLSpanElement> & {
     /** sets the current status */
     status: StatusTypeProps;

package/dist/index.d.ts

@@ -23168,7 +23168,7 @@ type ParagraphProps = {
  */
 declare const Paragraph: ({ className, htmlContent, children, ...pAttributes }: ParagraphProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
-type StatusTypeProps = 'Modified' | 'Unsaved' | 'Error' | 'Draft' | 'Published' | 'Orphan' | 'Previous';
+type StatusTypeProps = 'Modified' | 'Unsaved' | 'Error' | 'Draft' | 'Published' | 'Orphan' | 'Previous' | 'Unknown';
 type StatusBulletProps = React$1.HTMLAttributes<HTMLSpanElement> & {
     /** sets the current status */
     status: StatusTypeProps;

package/dist/index.js

@@ -2138,7 +2138,7 @@ var buttonGhostUnimportant = import_react3.css`
     color: var(--gray-400);
   }
 
-  ${buttonRippleEffect({ hoverColor: "var(--white)", activeColor: "var(--gray-500)" })}
+  ${buttonRippleEffect({ hoverColor: "var(--brand-secondary-2)", activeColor: "var(--gray-100)" })}
 `;
 
 // src/components/Input/styles/Inputs.styles.ts
@@ -21161,8 +21161,9 @@ var Tabs = ({ children, onSelectedIdChange, useHashForState, selectedId, ...prop
     var _a;
     const selectedValueWithoutNull = (_a = tab.selectedId) != null ? _a : void 0;
     onSelectedIdChange == null ? void 0 : onSelectedIdChange(selectedValueWithoutNull);
-    if (useHashForState && typeof window !== "undefined") {
-      window.location.hash = selectedValueWithoutNull != null ? selectedValueWithoutNull : "";
+    if (useHashForState && typeof window !== "undefined" && window.history) {
+      const hashValue = selectedValueWithoutNull ? `#${selectedValueWithoutNull}` : "";
+      window.history.pushState(null, "", hashValue);
     }
   }, [tab.selectedId, onSelectedIdChange, useHashForState]);
   (0, import_react134.useEffect)(() => {
@@ -21239,11 +21240,11 @@ var StatusError = import_react135.css`
   &:before {
     /* TODO: replace this with an svg icon */
     background: linear-gradient(
-      120deg,
-      var(--error) 45%,
-      var(--white) 46%,
-      var(--white) 54%,
-      var(--error) 55%
+      133deg,
+      var(--error) 41%,
+      var(--white) 42%,
+      var(--white) 58%,
+      var(--error) 59%
     );
   }
 `;
@@ -21257,6 +21258,11 @@ var StatusOrphan = import_react135.css`
     background: var(--brand-secondary-5);
   }
 `;
+var StatusUnknown = import_react135.css`
+  &:before {
+    background: var(--brand-secondary-1);
+  }
+`;
 
 // src/components/Validation/StatusBullet.tsx
 var import_jsx_runtime115 = require("@emotion/react/jsx-runtime");
@@ -21274,7 +21280,8 @@ var StatusBullet = ({
     Orphan: StatusOrphan,
     Published: StatusPublished,
     Draft: StatusDraft,
-    Previous: StatusDraft
+    Previous: StatusDraft,
+    Unknown: StatusUnknown
   };
   const statusSize = size === "base" ? StatusBulletBase : StatusBulletSmall;
   return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/design-system",
-  "version": "19.61.1",
+  "version": "19.62.1-alpha.9+0d26126b8",
   "description": "Uniform design system components",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "./dist/index.js",
@@ -23,8 +23,8 @@
     "@storybook/react": "6.5.16",
     "@types/react": "18.2.21",
     "@types/react-dom": "18.2.7",
-    "@uniformdev/canvas": "^19.61.1",
-    "@uniformdev/richtext": "^19.61.1",
+    "@uniformdev/canvas": "^19.62.1-alpha.9+0d26126b8",
+    "@uniformdev/richtext": "^19.62.1-alpha.9+0d26126b8",
     "autoprefixer": "10.4.16",
     "hygen": "6.2.11",
     "postcss": "8.4.31",
@@ -65,5 +65,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "01ed7d10fd66f65c79caa4cf87a22080b3d7942b"
+  "gitHead": "0d26126b85eaff4639e87677b802bd8cb5e4a1c4"
 }