gd-design-library 1.0.2 → 1.2.0

package/tokens/defaultTheme.js

@@ -16,19 +16,19 @@ import { input as u } from "./input.js";
 import { label as b } from "./label.js";
 import { link as g } from "./link.js";
 import { form as h } from "./form.js";
-import { wrapper as k } from "./wrapper.js";
-import { loader as w } from "./loader.js";
-import { flexAlignItems as x, display as y } from "./display.js";
+import { wrapper as x } from "./wrapper.js";
+import { loader as k } from "./loader.js";
+import { flexAlignItems as w, display as y } from "./display.js";
 import { cursors as T } from "./cursors.js";
 import { values as v } from "./values.js";
-import { textarea as A } from "./textarea.js";
-import { flexContainer as C } from "./flexContainer.js";
-import { row as I } from "./row.js";
-import { column as M } from "./column.js";
-import { switchToggle as N } from "./toggle.js";
-import { switchToken as j } from "./switch.js";
-import { tooltip as q } from "./tooltip.js";
-import { animations as z } from "./animations.js";
+import { textarea as I } from "./textarea.js";
+import { flexContainer as z } from "./flexContainer.js";
+import { row as A } from "./row.js";
+import { column as C } from "./column.js";
+import { switchToggle as M } from "./toggle.js";
+import { switchToken as N } from "./switch.js";
+import { tooltip as j } from "./tooltip.js";
+import { animations as q } from "./animations.js";
 import { modal as B } from "./modal.js";
 import { image as D } from "./image.js";
 import { snackbar as E } from "./snackbar.js";
@@ -57,7 +57,8 @@ import { radius as ir } from "./radius.js";
 import { shadows as pr } from "./shadow.js";
 import { breakpoints as fr } from "./breakpoints.js";
 import { box as ar } from "./box.js";
-const uo = {
+import { zIndex as er } from "./zIndex.js";
+const go = {
   separator: r,
   draganddrop: o,
   avatar: m,
@@ -78,22 +79,22 @@ const uo = {
   button: d,
   input: u,
   label: b,
-  flexContainer: C,
+  flexContainer: z,
   link: g,
   form: h,
-  wrapper: k,
-  loader: w,
+  wrapper: x,
+  loader: k,
   display: y,
   cursors: T,
   values: v,
-  flexAlignItems: x,
-  textarea: A,
+  flexAlignItems: w,
+  textarea: I,
   image: D,
-  row: I,
-  switchToggle: N,
-  column: M,
-  tooltip: q,
-  animations: z,
+  row: A,
+  switchToggle: M,
+  column: C,
+  tooltip: j,
+  animations: q,
   modal: B,
   snackbar: E,
   skeleton: F,
@@ -112,7 +113,7 @@ const uo = {
   rating: V,
   accordion: W,
   inlineNotification: X,
-  switchToken: j,
+  switchToken: N,
   chat: Y,
   slider: Z,
   radiogroup: i,
@@ -120,8 +121,9 @@ const uo = {
   radius: ir,
   shadows: pr,
   breakpoints: fr,
-  box: ar
+  box: ar,
+  zIndex: er
 };
 export {
-  uo as defaultTheme
+  go as defaultTheme
 };

package/tokens/header.d.ts

@@ -56,7 +56,7 @@ export declare const header: {
             position: string;
             top: (theme: Record<symbol, unknown>) => string;
             left: (theme: Record<symbol, unknown>) => string;
-            zIndex: number;
+            zIndex: (theme: Record<symbol, unknown>) => string;
             background: (theme: Record<symbol, unknown>) => string;
             width: string;
             height: string;

package/tokens/header.js

@@ -2,8 +2,7 @@ import { flexAlignItems as o, display as i } from "./display.js";
 import { borders as t } from "./borders.js";
 import { cursors as a } from "./cursors.js";
 import { get as n } from "../utils/helpers.js";
-import { Z_INDEX as r } from "../constants/positioning.js";
-const m = {
+const l = {
   container: {
     fontFamily: (e) => n(e, "font.family", "theme.font.family"),
     alignItems: o.center,
@@ -61,7 +60,7 @@ const m = {
       position: "fixed",
       top: (e) => n(e, "spacing.none", "theme.spacing.none"),
       left: (e) => n(e, "spacing.none", "theme.spacing.none"),
-      zIndex: r.HIGH,
+      zIndex: (e) => n(e, "zIndex.high", "theme.zIndex.high"),
       background: (e) => n(e, "colors.neutral.white", "theme.colors.neutral.white"),
       width: "100vw",
       height: "100vh",
@@ -117,5 +116,5 @@ const m = {
   }
 };
 export {
-  m as header
+  l as header
 };