@temp-spotwork/ui 1.4.3

package/dist/components/styles/colors/colormap.js

@@ -0,0 +1,279 @@
+const f = {
+  50: "#fff6ed",
+  100: "#ffe9d4",
+  200: "#ffd0a8",
+  300: "#ffae71",
+  400: "#ff7e33",
+  500: "#fe5e11",
+  600: "#ef4407",
+  700: "#c62f08",
+  800: "#9d270f",
+  900: "#7e2310",
+  950: "#440e06"
+}, t = {
+  50: "#fef3f2",
+  100: "#fee4e2",
+  200: "#fecdca",
+  300: "#fcaba5",
+  400: "#f77b72",
+  500: "#ed4337",
+  600: "#db3327",
+  700: "#b8271d",
+  800: "#98241c",
+  900: "#7f231d",
+  950: "#450e0a"
+}, a = {
+  50: "#eff7ff",
+  100: "#daebff",
+  200: "#bedeff",
+  300: "#91c9ff",
+  400: "#5dabfd",
+  500: "#3789fa",
+  600: "#1763ee",
+  700: "#1954dc",
+  800: "#1b45b2",
+  900: "#1c3e8c",
+  950: "#162755"
+}, c = {
+  50: "#eefff3",
+  100: "#d6ffe4",
+  200: "#b0ffcb",
+  300: "#72ffa4",
+  400: "#2efa74",
+  500: "#03e451",
+  600: "#00bd3f",
+  700: "#01a33a",
+  800: "#07742e",
+  900: "#085f29",
+  950: "#003614"
+}, d = {
+  50: "#fffdea",
+  100: "#fff7c5",
+  200: "#ffef85",
+  300: "#ffe046",
+  400: "#ffce1b",
+  500: "#ffad02",
+  600: "#e28300",
+  700: "#bb5b02",
+  800: "#984608",
+  900: "#7c390b",
+  950: "#481c00"
+}, e = {
+  0: "#ffffff",
+  50: "#f6f6f6",
+  100: "#e7e7e7",
+  200: "#d1d1d1",
+  300: "#b0b0b0",
+  400: "#888888",
+  500: "#6d6d6d",
+  600: "#5d5d5d",
+  700: "#4f4f4f",
+  800: "#454545",
+  900: "#3d3d3d",
+  950: "#171717"
+}, n = {
+  default: e[950],
+  defaultInverted: e[0],
+  overlay: e[0],
+  subdued: e[600],
+  subduedInverted: e[400],
+  placeholder: e[400],
+  faded: e[400],
+  active: a[700],
+  activeInverted: a[200],
+  success: c[800],
+  successInverted: c[200],
+  warning: d[800],
+  warningInverted: d[100],
+  alert: t[700],
+  alertInverted: t[200],
+  disabled: e[500],
+  disabledInverted: e[100],
+  firstPartyMessage: e[0],
+  secondPartyMessage: a[700],
+  visualPlaceholderDefault: f[700]
+}, o = Object.keys(n), u = Object.entries(n).reduce((r, [s]) => (r[s] = `text-glyph-${s}`, r), {}), i = {
+  default: a[600],
+  hover: a[700],
+  active: a[800],
+  disabled: e[600]
+}, v = Object.entries(i).reduce(
+  (r, [s]) => (r[s] = `text-linkColors-${s}`, r),
+  {}
+), l = {
+  default: e[0],
+  defaultInverted: e[950],
+  subdued: e[50],
+  subduedInverted: e[900],
+  active: a[100],
+  activeInverted: a[700],
+  success: c[100],
+  successInverted: c[800],
+  warning: d[100],
+  warningInverted: d[800],
+  alert: t[200],
+  alertInverted: t[700],
+  badge: t[500],
+  disabled: e[100],
+  disabledInverted: e[600],
+  disabledActive: a[200],
+  visualPlaceholderDefault: f[100],
+  firstPartyMessage: a[700],
+  secondPartyMessage: a[200]
+}, b = Object.keys(n), h = Object.entries(n).reduce((r, [s]) => (r[s] = `bg-surface-${s}`, r), {}), g = {
+  none: "transparent",
+  default: e[300],
+  active: a[700],
+  divider: e[200],
+  warning: d[800],
+  alert: t[700],
+  defaultInverted: e[800],
+  subdued: e[200],
+  subduedDashed: e[200],
+  disabled: e[200],
+  outline: e[100],
+  success: c[800]
+}, y = {
+  active: a[200],
+  warning: d[100],
+  destructive: t[100],
+  alert: t[200]
+}, p = {
+  success: c[600],
+  warning: d[400],
+  caution: f[400],
+  alert: t[500],
+  trackDefault: e[100],
+  trackInverted: e[900],
+  trackActive: a[200]
+}, I = {
+  disabled: e[600],
+  primary: e[0],
+  secondary: {
+    affirmative: {
+      default: a[700]
+    },
+    destructive: {
+      default: t[600],
+      hover: t[700],
+      active: t[800]
+    },
+    warning: {
+      default: d[800],
+      hover: d[900],
+      active: d[950]
+    }
+  },
+  tertiary: {
+    affirmative: {
+      default: a[700]
+    },
+    destructive: {
+      default: t[600],
+      hover: t[700],
+      active: t[800]
+    }
+  },
+  warning: {
+    default: d[800],
+    hover: d[900],
+    active: d[950]
+  },
+  dark: {
+    default: f[400],
+    hover: f[300],
+    active: f[200]
+  }
+}, C = {
+  disabled: e[200],
+  secondary: {
+    affirmative: {
+      default: a[600]
+    },
+    destructive: {
+      default: t[600]
+    },
+    warning: {
+      default: d[800]
+    }
+  }
+}, w = {
+  primary: {
+    disabled: e[100],
+    affirmative: {
+      default: a[600],
+      hover: a[700],
+      active: a[800]
+    },
+    destructive: {
+      default: t[600],
+      hover: t[700],
+      active: t[800]
+    }
+  },
+  secondary: {
+    warning: {
+      hover: d[200],
+      active: d[300]
+    },
+    affirmative: {
+      hover: a[100],
+      active: a[200]
+    },
+    destructive: {
+      hover: t[100],
+      active: t[200]
+    }
+  },
+  tertiary: {
+    affirmative: {
+      hover: a[100],
+      active: a[200]
+    },
+    warning: {
+      hover: d[200],
+      active: d[300]
+    },
+    destructive: {
+      hover: t[100],
+      active: t[200]
+    },
+    dark: {
+      hover: e[900],
+      active: e[800]
+    }
+  }
+}, m = {
+  hue1: "#00BD3F",
+  hue2: "#FFCE1B",
+  hue3: "#FF7E33",
+  hue4: "#ED4337",
+  shade1: "#1C3E8C",
+  shade2: "#1954DC",
+  shade3: "#3789FA",
+  shade4: "#5DABFD",
+  shade5: "#91C9FF"
+};
+export {
+  c as apple,
+  a as blueRibbon,
+  g as borderColor,
+  C as buttonBorder,
+  I as buttonGlyph,
+  w as buttonSurface,
+  t as cinnabar,
+  f as crusta,
+  m as dataVizColors,
+  n as glyph,
+  u as glyphClassesMap,
+  o as glyphColorsKeys,
+  v as linkColorClassesMap,
+  i as linkColors,
+  p as progressBar,
+  y as shadow,
+  d as sun,
+  l as surface,
+  h as surfaceClassesMap,
+  b as surfaceColorsKeys,
+  e as woodsmoke
+};

package/dist/components/styles/colors/colors.d.ts

@@ -0,0 +1 @@
+export declare function Colors(): import("react/jsx-runtime").JSX.Element;

package/dist/components/styles/colors/colors.js

@@ -0,0 +1,89 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { crusta as r, cinnabar as m, blueRibbon as t, apple as o, sun as v, woodsmoke as h } from "./colormap.js";
+import { c as l } from "../../../index-fN7hCOo3.js";
+const N = Object.entries(r), b = Object.entries(m), u = Object.entries(t), p = Object.entries(o), g = Object.entries(v), x = Object.entries(h), d = "w-8 h-8 m-1", c = "text-xs justify-center align-middle text-center", n = "flex flex-row align-middle justify-center text-center";
+function V() {
+  return /* @__PURE__ */ a("div", { className: "flex flex-col m-2", children: [
+    /* @__PURE__ */ a("div", { className: n, children: [
+      /* @__PURE__ */ e("div", { className: c, children: "crusta" }),
+      N.map(([s, i]) => /* @__PURE__ */ a("div", { children: [
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: l(d, `rounded-lg bg-[${i}]`)
+          },
+          s
+        ),
+        /* @__PURE__ */ e("div", { className: c, children: s })
+      ] }))
+    ] }),
+    /* @__PURE__ */ a("div", { className: n, children: [
+      /* @__PURE__ */ e("div", { className: c, children: "cinnabar" }),
+      b.map(([s, i]) => /* @__PURE__ */ a("div", { children: [
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: l(d, `rounded-lg bg-[${i}]`)
+          },
+          s
+        ),
+        /* @__PURE__ */ e("div", { className: c, children: s })
+      ] }))
+    ] }),
+    /* @__PURE__ */ a("div", { className: n, children: [
+      /* @__PURE__ */ e("div", { className: c, children: "blue_ribbon" }),
+      u.map(([s, i]) => /* @__PURE__ */ a("div", { children: [
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: l(d, `rounded-lg bg-[${i}]`)
+          },
+          s
+        ),
+        /* @__PURE__ */ e("div", { className: c, children: s })
+      ] }))
+    ] }),
+    /* @__PURE__ */ a("div", { className: n, children: [
+      /* @__PURE__ */ e("div", { className: c, children: "apple" }),
+      p.map(([s, i]) => /* @__PURE__ */ a("div", { children: [
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: l(d, `rounded-lg bg-[${i}]`)
+          },
+          s
+        ),
+        /* @__PURE__ */ e("div", { className: c, children: s })
+      ] }))
+    ] }),
+    /* @__PURE__ */ a("div", { className: n, children: [
+      /* @__PURE__ */ e("div", { className: c, children: "sun" }),
+      g.map(([s, i]) => /* @__PURE__ */ a("div", { children: [
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: l(d, `rounded-lg bg-[${i}]`)
+          },
+          s
+        ),
+        /* @__PURE__ */ e("div", { className: c, children: s })
+      ] }))
+    ] }),
+    /* @__PURE__ */ a("div", { className: n, children: [
+      /* @__PURE__ */ e("div", { className: c, children: "woodmoke" }),
+      x.map(([s, i]) => /* @__PURE__ */ a("div", { children: [
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: l(d, `rounded-lg bg-[${i}]`)
+          },
+          s
+        ),
+        /* @__PURE__ */ e("div", { className: c, children: s })
+      ] }))
+    ] })
+  ] });
+}
+export {
+  V as Colors
+};

package/dist/components/styles/colors/index.d.ts

@@ -0,0 +1,2 @@
+export { Colors } from './colors';
+export * from './colormap';

package/dist/components/styles/colors/index.js

@@ -0,0 +1,26 @@
+import { Colors as r } from "./colors.js";
+import { apple as l, blueRibbon as e, borderColor as p, buttonBorder as t, buttonGlyph as u, buttonSurface as C, cinnabar as n, crusta as b, dataVizColors as c, glyph as f, glyphClassesMap as y, glyphColorsKeys as d, linkColorClassesMap as h, linkColors as i, progressBar as g, shadow as k, sun as m, surface as M, surfaceClassesMap as w, surfaceColorsKeys as x, woodsmoke as B } from "./colormap.js";
+export {
+  r as Colors,
+  l as apple,
+  e as blueRibbon,
+  p as borderColor,
+  t as buttonBorder,
+  u as buttonGlyph,
+  C as buttonSurface,
+  n as cinnabar,
+  b as crusta,
+  c as dataVizColors,
+  f as glyph,
+  y as glyphClassesMap,
+  d as glyphColorsKeys,
+  h as linkColorClassesMap,
+  i as linkColors,
+  g as progressBar,
+  k as shadow,
+  m as sun,
+  M as surface,
+  w as surfaceClassesMap,
+  x as surfaceColorsKeys,
+  B as woodsmoke
+};

package/dist/components/styles/dashedBorder/DashedLineSVG.d.ts

@@ -0,0 +1 @@
+export declare const DashedLineSVG: () => JSX.Element;

package/dist/components/styles/dashedBorder/DashedLineSVG.js

@@ -0,0 +1,17 @@
+import { jsx as r } from "react/jsx-runtime";
+const s = () => /* @__PURE__ */ r("svg", { viewBox: "0 0 0% 100%", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ r(
+  "line",
+  {
+    x1: "0",
+    y1: "0",
+    x2: "100%",
+    y2: "0",
+    stroke: "#d1d1d1",
+    strokeWidth: "1",
+    strokeDasharray: "4, 2",
+    strokeLinecap: "square"
+  }
+) });
+export {
+  s as DashedLineSVG
+};

package/dist/components/styles/dashedBorder/index.d.ts

@@ -0,0 +1 @@
+export { DashedLineSVG } from './DashedLineSVG';

package/dist/components/styles/dashedBorder/index.js

@@ -0,0 +1,4 @@
+import { DashedLineSVG as r } from "./DashedLineSVG.js";
+export {
+  r as DashedLineSVG
+};

package/dist/components/styles/defaults/defaults.d.ts

@@ -0,0 +1,65 @@
+export declare const padding: {
+    none: string;
+    xxs: string;
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    xxl: string;
+    '3xl': string;
+};
+export declare const spacer: {
+    none: string;
+    '3xs': string;
+    xxs: string;
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    xxl: string;
+    '3xl': string;
+};
+export declare const gap: {
+    none: string;
+    xxs: string;
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    xxl: string;
+    '3xl': string;
+};
+export declare const rounded: {
+    none: string;
+    xxs: string;
+    xs: string;
+    sm: string;
+    DEFAULT: string;
+    lg: string;
+    xl: string;
+    xxl: string;
+    '3xl': string;
+    full: string;
+};
+export declare const border: {
+    base: string;
+    none: string;
+    default: string;
+    subdued: string;
+    subduedDashed: string;
+    warning: string;
+    error: string;
+    disabled: string;
+};
+export declare const outlinedBorder: {
+    base: string;
+    none: string;
+    default: string;
+    active: string;
+    warning: string;
+    error: string;
+    disabled: string;
+};

package/dist/components/styles/defaults/defaults.js

@@ -0,0 +1,72 @@
+const o = {
+  none: "0",
+  xxs: "0.25rem",
+  xs: "0.5rem",
+  sm: "0.75rem",
+  md: "1rem",
+  //10px
+  lg: "1.25rem",
+  xl: "1.5rem",
+  xxl: "2rem",
+  "3xl": "2.5rem"
+}, d = {
+  none: "0",
+  "3xs": "0.1rem",
+  xxs: "0.25rem",
+  xs: "0.5rem",
+  sm: "0.75rem",
+  md: "1rem",
+  //10px
+  lg: "1.25rem",
+  xl: "1.5rem",
+  xxl: "2rem",
+  "3xl": "2.5rem"
+}, n = {
+  none: "0",
+  xxs: "0.25rem",
+  xs: "0.5rem",
+  sm: "0.75rem",
+  md: "1rem",
+  //10px
+  lg: "1.25rem",
+  xl: "1.5rem",
+  xxl: "2rem",
+  "3xl": "2.5rem"
+}, l = {
+  none: "0",
+  xxs: "0.125rem",
+  xs: "0.25rem",
+  sm: "0.375rem",
+  DEFAULT: "0.5rem",
+  // 5px
+  lg: "0.75rem",
+  xl: "1rem",
+  xxl: "1.25rem",
+  "3xl": "1.5rem",
+  full: "100%"
+}, r = "border outline-none ring-0", m = {
+  base: r,
+  none: "border-none",
+  default: `${r} border-bcolor-default`,
+  subdued: `${r} border-bcolor-subdued`,
+  subduedDashed: `${r} border-dashed border-bcolor-subduedDashed`,
+  warning: `${r} border-bcolor-warning`,
+  error: `${r} border-bcolor-alert`,
+  disabled: `${r} border-bcolor-disabled`
+}, e = "border rounded outline-none", b = {
+  base: e,
+  none: "border-none ring-0 outline-none",
+  default: `${e} border-bcolor-default ring-0`,
+  active: `${e} border-bcolor-active ring ring-shadow-active border-[0.15rem]`,
+  warning: `${e} border-bcolor-warning ring ring-shadow-warning border-[0.15rem]`,
+  error: `${e} border-bcolor-alert ring ring-shadow-alert border-[0.15rem]`,
+  disabled: `${e} border-bcolor-disabled ring-0`
+};
+export {
+  m as border,
+  n as gap,
+  b as outlinedBorder,
+  o as padding,
+  l as rounded,
+  d as spacer
+};

package/dist/components/styles/defaults/index.d.ts

@@ -0,0 +1 @@
+export { border, outlinedBorder, spacer, padding, rounded, gap, } from './defaults';

package/dist/components/styles/defaults/index.js

@@ -0,0 +1,9 @@
+import { border as e, gap as o, outlinedBorder as p, padding as a, rounded as n, spacer as g } from "./defaults.js";
+export {
+  e as border,
+  o as gap,
+  p as outlinedBorder,
+  a as padding,
+  n as rounded,
+  g as spacer
+};

package/dist/components/styles/tailwind-config/index.d.ts

@@ -0,0 +1,3 @@
+import { Config } from 'tailwindcss';
+
+export declare const tailwindConfig: Config;

package/dist/components/styles/tailwind-config/index.js

@@ -0,0 +1,109 @@
+import { glyphClassesMap as r, surfaceClassesMap as e, linkColorClassesMap as s, progressBar as o, linkColors as m, buttonSurface as t, buttonGlyph as a, shadow as n, buttonBorder as l, borderColor as d, surface as i, glyph as c } from "../colors/colormap.js";
+import { rounded as p, spacer as u } from "../defaults/defaults.js";
+const g = [
+  ...Object.values(r),
+  ...Object.values(e),
+  ...Object.values(s)
+], x = {
+  content: ["./src/**/*.{js,ts,jsx,tsx}", "./lib/**/*.{js,ts,jsx,tsx}"],
+  safelist: g,
+  theme: {
+    extend: {
+      colors: {
+        border: "hsl(var(--border))",
+        background: "hsl(var(--background))",
+        foreground: "hsl(var(--foreground))",
+        card: {
+          DEFAULT: "hsl(var(--card))",
+          foreground: "hsl(var(--card-foreground))"
+        },
+        glyph: {
+          ...c
+        },
+        surface: {
+          ...i
+        },
+        bcolor: {
+          ...d
+        },
+        buttonBorder: { ...l },
+        shadow: {
+          ...n
+        },
+        buttonGlyph: {
+          ...a
+        },
+        buttonSurface: {
+          ...t
+        },
+        linkColors: {
+          ...m
+        },
+        progressBar: {
+          ...o
+        }
+      },
+      // spacing provides values for padding, margin and gap. For example you can use p-sm or mx-lg ot gap-y-xxs. Any variation of it.
+      spacing: {
+        ...u
+      },
+      borderRadius: {
+        ...p
+      },
+      borderWidth: {
+        DEFAULT: "0.1rem",
+        0: "0rem",
+        2: "0.2rem",
+        3: "0.3rem",
+        4: "0.4rem",
+        8: "0.8rem"
+      },
+      outlineWidth: {
+        0: "0rem",
+        1: "0.1rem",
+        2: "0.2rem",
+        3: "0.3rem",
+        4: "0.4rem",
+        8: "0.8rem"
+      },
+      ringOffsetWidth: {
+        0: "0rem",
+        1: "0.1rem",
+        2: "0.2rem",
+        3: "0.3rem",
+        4: "0.4rem",
+        8: "0.8rem"
+      },
+      ringWidth: {
+        DEFAULT: "0.3rem",
+        0: "0rem",
+        1: "0.1rem",
+        2: "0.2rem",
+        3: "0.3rem",
+        4: "0.4rem",
+        8: "0.8rem"
+      },
+      boxShadow: {
+        active: "0rem 0rem 0rem 0.25rem #BEDEFF",
+        success: "0rem 0rem 0rem 0.25rem #B0FFCB",
+        container: "0rem 0rem 1rem 0rem #B0B0B0"
+      },
+      transitionProperty: {
+        height: "height",
+        spacing: "margin, padding"
+      }
+    },
+    screens: {
+      xs: "480px",
+      sm: "640px",
+      md: "768px",
+      lg: "1024px",
+      xl: "1280px",
+      "2xl": "1536px"
+    }
+  },
+  plugins: []
+};
+export {
+  x as tailwindConfig
+};

package/dist/components/styles/tool-tip/styles.d.ts

@@ -0,0 +1,2 @@
+export declare const toolTipStyles = "data-[state=delayed-open]:data-[side=top]:animate-slideDownAndFade data-[state=instant-open]:data-[side=right]:animate-slideLeftAndFade data-[state=delayed-open]:data-[side=left]:animate-slideRightAndFade data-[state=delayed-open]:data-[side=bottom]:animate-slideUpAndFade bg-surface-subduedInverted rounded-[0.25rem] will-change-[transform,opacity]";
+export declare const tooltipArrowStyles = "fill-surface-subduedInverted";