@uniformdev/design-system 19.12.0 → 19.14.0

package/dist/esm/index.js

@@ -169,7 +169,9 @@ var Theme = ({ disableReset = false }) => {
           /* z-indexs */
           --z-10: 10;
           --z-20: 20;
+          --z-drawer: 40;
           --z-50: 50;
+          --z-tooltip: 80;
 
           /* opacity */
           --opacity-0: 0;
@@ -12205,7 +12207,7 @@ var drawerHeaderStyles = css39`
 var drawerRendererStyles = css39`
   inset: 0;
   overflow: hidden;
-  z-index: 40;
+  z-index: var(--z-drawer);
 `;
 var drawerInnerStyles = css39`
   height: 100%;
@@ -13398,12 +13400,17 @@ var LinkListContainer = (padding) => css50`
     grid-row: 1 / last-line;
   }
 `;
+var LinkListTitle = css50`
+  font-weight: var(--fw-bold);
+  font-size: var(--fs-sm);
+  text-transform: uppercase;
+`;
 
 // src/components/LinkList/LinkList.tsx
 import { jsx as jsx60, jsxs as jsxs36 } from "@emotion/react/jsx-runtime";
 var LinkList = ({ title, padding = "var(--spacing-md)", children, ...props }) => {
   return /* @__PURE__ */ jsxs36("div", { css: LinkListContainer(padding), ...props, children: [
-    /* @__PURE__ */ jsx60(Heading, { level: 3, children: title }),
+    /* @__PURE__ */ jsx60(Heading, { level: 3, css: LinkListTitle, children: title }),
     children
   ] });
 };
@@ -14369,6 +14376,7 @@ import {
 // src/components/Tooltip/Tooltip.styles.ts
 import { css as css63 } from "@emotion/react";
 var TooltipContainer = css63`
+  z-index: var(--z-tooltip);
   border: 2px solid var(--gray-300);
   border-radius: var(--rounded-base);
   padding: var(--spacing-xs) var(--spacing-sm);

package/dist/index.js

@@ -388,7 +388,9 @@ var Theme = ({ disableReset = false }) => {
           /* z-indexs */
           --z-10: 10;
           --z-20: 20;
+          --z-drawer: 40;
           --z-50: 50;
+          --z-tooltip: 80;
 
           /* opacity */
           --opacity-0: 0;
@@ -12420,7 +12422,7 @@ var drawerHeaderStyles = import_react46.css`
 var drawerRendererStyles = import_react46.css`
   inset: 0;
   overflow: hidden;
-  z-index: 40;
+  z-index: var(--z-drawer);
 `;
 var drawerInnerStyles = import_react46.css`
   height: 100%;
@@ -13613,12 +13615,17 @@ var LinkListContainer = (padding) => import_react63.css`
     grid-row: 1 / last-line;
   }
 `;
+var LinkListTitle = import_react63.css`
+  font-weight: var(--fw-bold);
+  font-size: var(--fs-sm);
+  text-transform: uppercase;
+`;
 
 // src/components/LinkList/LinkList.tsx
 var import_jsx_runtime59 = require("@emotion/react/jsx-runtime");
 var LinkList = ({ title, padding = "var(--spacing-md)", children, ...props }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { css: LinkListContainer(padding), ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Heading, { level: 3, children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Heading, { level: 3, css: LinkListTitle, children: title }),
     children
   ] });
 };
@@ -14579,6 +14586,7 @@ var import_Tooltip = require("reakit/Tooltip");
 // src/components/Tooltip/Tooltip.styles.ts
 var import_react78 = require("@emotion/react");
 var TooltipContainer = import_react78.css`
+  z-index: var(--z-tooltip);
   border: 2px solid var(--gray-300);
   border-radius: var(--rounded-base);
   padding: var(--spacing-xs) var(--spacing-sm);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/design-system",
-  "version": "19.12.0",
+  "version": "19.14.0",
   "description": "Uniform design system components",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "./dist/index.js",
@@ -22,7 +22,7 @@
     "@storybook/addon-docs": "6.5.16",
     "@storybook/client-api": "6.5.16",
     "@storybook/react": "6.5.16",
-    "@types/react": "18.2.6",
+    "@types/react": "18.2.7",
     "autoprefixer": "10.4.14",
     "hygen": "6.2.11",
     "postcss": "8.4.23",
@@ -54,5 +54,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "ca508c44f1b274e3e47d90717a98036256ae8379"
+  "gitHead": "5686491ae82205c2e7c19254246640a9513bd8e4"
 }