gd-design-library 0.7.0 → 0.7.2

package/tokens/chatbubble.js

@@ -1,75 +0,0 @@
-import { getSpacing as i, getMediaQuery as e } from "./utils.js";
-import { display as o, flexAlignItems as a } from "./display.js";
-import { colors as l } from "./colors.js";
-import { typography as p } from "./typography.js";
-import { breakpoints as t } from "./breakpoints.js";
-import { FlexDirection as r } from "../types/layout.js";
-import { TypographyVariant as m } from "../types/typography.js";
-const h = {
-  default: {
-    display: o.flex,
-    flexDirection: r.Column,
-    gap: i(2),
-    clear: "both",
-    margin: `${i(2)} 0`,
-    ...p[m.Body2]
-  },
-  question: {
-    padding: `${i(2)} ${i(4)}`,
-    float: "right",
-    backgroundColor: l.bg.default,
-    ...e({
-      min: t.xs
-    }, {
-      maxWidth: "320px"
-    }),
-    ...e({
-      min: t.sm
-    }, {
-      maxWidth: "348px"
-    }),
-    ...e({
-      min: t.md
-    }, {
-      maxWidth: "472px"
-    }),
-    ...e({
-      min: t.lg
-    }, {
-      maxWidth: "566px"
-    })
-  },
-  answer: {
-    padding: i(4),
-    width: "100%"
-  },
-  pending: {},
-  fulfilled: {},
-  rejected: {},
-  content: {
-    default: {
-      gap: i(2),
-      display: o.flex,
-      flexDirection: r.Column
-    },
-    pending: {
-      alignItems: a.start
-    },
-    fulfilled: {},
-    rejected: {}
-  },
-  actions: {
-    display: o.flex,
-    flexDirection: r.Row
-  },
-  loader: {
-    props: {
-      name: "dots",
-      size: "xs",
-      withWrapper: !1
-    }
-  }
-};
-export {
-  h as chatbubble
-};

package/tokens/colors.d.ts

@@ -1,154 +0,0 @@
-export declare const colors: {
-    transparent: string;
-    primary: {
-        default: string;
-        'default.80': string;
-        'default.10': string;
-    };
-    secondary: {
-        default: string;
-        'default.80': string;
-        'default.10': string;
-    };
-    neutral: {
-        white: string;
-        black: string;
-        'grey.100': string;
-        'grey.90': string;
-        'grey.80': string;
-        'grey.60': string;
-        'grey.40': string;
-        'grey.30': string;
-        'grey.10': string;
-    };
-    status: {
-        red: string;
-        'red.80': string;
-        'red.20': string;
-        'red.10': string;
-        green: string;
-        'green.80': string;
-        'green.20': string;
-        'green.10': string;
-        blue: string;
-        'blue.80': string;
-        'blue.20': string;
-        'blue.10': string;
-        orange: string;
-        'orange.80': string;
-        'orange.20': string;
-        'orange.10': string;
-    };
-    bg: {
-        default: string;
-        surface: string;
-        input: {
-            default: string;
-            disabled: string;
-        };
-        fill: {
-            disabled: string;
-            primary: {
-                default: string;
-                hover: string;
-            };
-            secondary: {
-                default: string;
-                hover: string;
-            };
-            error: {
-                primary: {
-                    default: string;
-                    hover: string;
-                };
-                secondary: {
-                    default: string;
-                    hover: string;
-                };
-            };
-            success: {
-                primary: {
-                    default: string;
-                    hover: string;
-                };
-                secondary: {
-                    default: string;
-                    hover: string;
-                };
-            };
-            warning: {
-                primary: {
-                    default: string;
-                    hover: string;
-                };
-                secondary: {
-                    default: string;
-                    hover: string;
-                };
-            };
-            info: {
-                primary: {
-                    default: string;
-                    hover: string;
-                };
-                secondary: {
-                    default: string;
-                    hover: string;
-                };
-            };
-        };
-        toast: {
-            success: string;
-            error: string;
-            warning: string;
-            info: string;
-        };
-    };
-    border: {
-        primary: {
-            default: string;
-            hover: string;
-        };
-        secondary: {
-            default: string;
-            disabled: string;
-            hover: string;
-        };
-        error: string;
-        success: string;
-        info: string;
-        warning: string;
-        default: string;
-        focus: string;
-    };
-    text: {
-        default: string;
-        active: string;
-        disabled: string;
-        title: string;
-        caption: string;
-        error: string;
-        success: string;
-        info: string;
-        link: {
-            default: string;
-            hover: string;
-        };
-        warning: string;
-        primary: {
-            default: string;
-            hover: string;
-        };
-    };
-    icon: {
-        primary: {
-            default: string;
-            active: string;
-            disabled: string;
-        };
-        success: string;
-        info: string;
-        warning: string;
-        error: string;
-    };
-};

package/tokens/colors.js

@@ -1,157 +0,0 @@
-const F = {
-  transparent: "transparent",
-  primary: {
-    default: "#FFB800",
-    "default.80": "#F0A800",
-    "default.10": "#FFF9E9"
-  },
-  secondary: {
-    default: "#53B7E8",
-    "default.80": "#35A0D6",
-    "default.10": "#DDFBFD"
-  },
-  neutral: {
-    white: "#FFF",
-    black: "#000000",
-    "grey.100": "#202020",
-    "grey.90": "#646464",
-    "grey.80": "#838383",
-    "grey.60": "#A5A5A5",
-    "grey.40": "#CECECE",
-    "grey.30": "#E5E5E5",
-    "grey.10": "#F8F7F5"
-  },
-  status: {
-    red: "#D21C1C",
-    "red.80": "#BD1919",
-    "red.20": "#F7C5C5",
-    "red.10": "#FDEDED",
-    green: "#34A853",
-    "green.80": "#1F843A",
-    "green.20": "#C9E6CA",
-    "green.10": "#E0F0E4",
-    blue: "#0069B4",
-    "blue.80": "#00476E",
-    "blue.20": "#D1EFFD",
-    "blue.10": "#E3F6FF",
-    orange: "#FF8700",
-    "orange.80": "#F26530",
-    "orange.20": "#FFDBB2",
-    "orange.10": "#FFE9D0"
-  },
-  bg: {
-    default: "#F8F7F5",
-    surface: "#FFF",
-    input: {
-      default: "#FFFFFF",
-      disabled: "#F8F7F5"
-    },
-    fill: {
-      disabled: "#E0E0E0",
-      primary: {
-        default: "#FFB800",
-        hover: "#F0A800"
-      },
-      secondary: {
-        default: "#FFFFFF",
-        hover: "#FFF9E9"
-      },
-      error: {
-        primary: {
-          default: "#D21C1C",
-          hover: "#BD1919"
-        },
-        secondary: {
-          default: "#FDEDED",
-          hover: "#F7C5C5"
-        }
-      },
-      success: {
-        primary: {
-          default: "#34A853",
-          hover: "#1F843A"
-        },
-        secondary: {
-          default: "#EFFCF2",
-          hover: "#C9E6CA"
-        }
-      },
-      warning: {
-        primary: {
-          default: "#FF8700",
-          hover: "#CD4800"
-        },
-        secondary: {
-          default: "#FFE9D0",
-          hover: "#FFDBB2"
-        }
-      },
-      info: {
-        primary: {
-          default: "#0069B4",
-          hover: "#00476E"
-        },
-        secondary: {
-          default: "#E3F6FF",
-          hover: "#D1EFFD"
-        }
-      }
-    },
-    toast: {
-      success: "#EFFCF2",
-      error: "#FDEDED",
-      warning: "#FFF8EF",
-      info: "#E3F6FF"
-    }
-  },
-  border: {
-    primary: {
-      default: "#FFB800",
-      hover: "#F0A800"
-    },
-    secondary: {
-      default: "#202020",
-      disabled: "#838383",
-      hover: "#838383"
-    },
-    error: "#D21C1C",
-    success: "#34A853",
-    info: "#0069B4",
-    warning: "#FF8700",
-    default: "#E0E0E0",
-    focus: "#0069B4"
-  },
-  text: {
-    default: "#000000",
-    active: "#202020",
-    disabled: "#8F8F8F",
-    title: "#000000",
-    caption: "#ccc",
-    error: "#BD1919",
-    success: "#1F843A",
-    info: "#00476E",
-    link: {
-      default: "#53B7E8",
-      hover: "#278CBF"
-    },
-    warning: "#F26530",
-    primary: {
-      default: "#FFB800",
-      hover: "#F0A800"
-    }
-  },
-  icon: {
-    primary: {
-      default: "#646464",
-      active: "#202020",
-      disabled: "#838383"
-    },
-    success: "#34A853",
-    info: "#0069B4",
-    warning: "#FF8700",
-    error: "#D21C1C"
-  }
-};
-export {
-  F as colors
-};

package/tokens/column.d.ts

@@ -1,6 +0,0 @@
-export declare const column: {
-    default: {
-        maxWidth: string;
-        display: string;
-    };
-};

package/tokens/column.js

@@ -1,9 +0,0 @@
-const l = {
-  default: {
-    maxWidth: "100%",
-    display: "flex"
-  }
-};
-export {
-  l as column
-};

package/tokens/constants.d.ts

@@ -1,2 +0,0 @@
-export declare const EXCLUDED_BOX_STYLE_PROPS: string[];
-export declare const BOX_STYLE_PROPS: string[];

package/tokens/constants.js

@@ -1,4 +0,0 @@
-const i = ["overflow", "border", "minWidth", "width", "maxWidth", "minHeight", "height", "maxHeight", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "position", "flex", "flexWrap", "flexGrow", "flexBasis", "flexDirection", "flexShrink", "alignItems", "justifyContent", "order", "gap"];
-export {
-  i as BOX_STYLE_PROPS
-};

package/tokens/counter.d.ts

@@ -1,38 +0,0 @@
-import { TextAlign, ButtonVariant } from '../types';
-export declare const counter: {
-    default: {
-        display: string;
-        width: string;
-        '& input': {
-            width: string;
-            textAlign: TextAlign;
-        };
-    };
-    navButton: {
-        default: {
-            padding: string | number;
-            borderWidth: string;
-            '&:disabled': {
-                opacity: number;
-                backgroundColor: string;
-                borderWidth: string;
-            };
-        };
-        attrs: {
-            variant: ButtonVariant;
-            isIcon: boolean;
-        };
-    };
-    icons: {
-        plus: {
-            name: string;
-            width: number;
-            height: number;
-        };
-        minus: {
-            name: string;
-            width: number;
-            height: number;
-        };
-    };
-};

package/tokens/counter.js

@@ -1,45 +0,0 @@
-import { getSpacing as i } from "./utils.js";
-import { display as r } from "./display.js";
-import { values as t } from "./values.js";
-import { ButtonVariant as o } from "../types/button.js";
-import { TextAlign as n } from "../types/typography.js";
-const u = {
-  default: {
-    display: r.flex,
-    width: "140px",
-    "& input": {
-      width: "100%",
-      textAlign: n.Center
-    }
-  },
-  navButton: {
-    default: {
-      padding: i(3),
-      borderWidth: t.borderThin,
-      "&:disabled": {
-        opacity: 0.5,
-        backgroundColor: "inherit",
-        borderWidth: t.borderThin
-      }
-    },
-    attrs: {
-      variant: o.Outlined,
-      isIcon: !0
-    }
-  },
-  icons: {
-    plus: {
-      name: "plus",
-      width: 14,
-      height: 14
-    },
-    minus: {
-      name: "minus",
-      width: 14,
-      height: 14
-    }
-  }
-};
-export {
-  u as counter
-};

package/tokens/cursors.d.ts

@@ -1,17 +0,0 @@
-export declare const cursors: {
-    default: string;
-    pointer: string;
-    text: string;
-    move: string;
-    wait: string;
-    crosshair: string;
-    notAllowed: string;
-    grab: string;
-    grabbing: string;
-    help: string;
-    progress: string;
-    alias: string;
-    zoomIn: string;
-    zoomOut: string;
-    inherit: string;
-};

package/tokens/cursors.js

@@ -1,20 +0,0 @@
-const o = {
-  default: "default",
-  pointer: "pointer",
-  text: "text",
-  move: "move",
-  wait: "wait",
-  crosshair: "crosshair",
-  notAllowed: "not-allowed",
-  grab: "grab",
-  grabbing: "grabbing",
-  help: "help",
-  progress: "progress",
-  alias: "alias",
-  zoomIn: "zoom-in",
-  zoomOut: "zoom-out",
-  inherit: "inherit"
-};
-export {
-  o as cursors
-};