@bethinkpl/design-system 34.1.3 → 34.2.0

package/dist/node_modules/@primevue/themes/aura/index.js

@@ -0,0 +1,817 @@
+import r from "./accordion/index.js";
+import o from "./autocomplete/index.js";
+import e from "./avatar/index.js";
+import a from "./badge/index.js";
+import f from "./blockui/index.js";
+import i from "./breadcrumb/index.js";
+import d from "./button/index.js";
+import c from "./card/index.js";
+import t from "./carousel/index.js";
+import l from "./cascadeselect/index.js";
+import m from "./checkbox/index.js";
+import n from "./chip/index.js";
+import s from "./colorpicker/index.js";
+import u from "./confirmdialog/index.js";
+import p from "./confirmpopup/index.js";
+import b from "./contextmenu/index.js";
+import x from "./datatable/index.js";
+import g from "./dataview/index.js";
+import $ from "./datepicker/index.js";
+import h from "./dialog/index.js";
+import C from "./divider/index.js";
+import k from "./dock/index.js";
+import v from "./drawer/index.js";
+import y from "./editor/index.js";
+import B from "./fieldset/index.js";
+import w from "./fileupload/index.js";
+import z from "./floatlabel/index.js";
+import F from "./galleria/index.js";
+import R from "./iconfield/index.js";
+import L from "./image/index.js";
+import I from "./inlinemessage/index.js";
+import G from "./inplace/index.js";
+import D from "./inputchips/index.js";
+import M from "./inputgroup/index.js";
+import S from "./inputnumber/index.js";
+import W from "./inputtext/index.js";
+import j from "./knob/index.js";
+import O from "./listbox/index.js";
+import X from "./megamenu/index.js";
+import Y from "./menu/index.js";
+import q from "./menubar/index.js";
+import A from "./message/index.js";
+import E from "./metergroup/index.js";
+import H from "./multiselect/index.js";
+import J from "./orderlist/index.js";
+import K from "./organizationchart/index.js";
+import N from "./overlaybadge/index.js";
+import P from "./paginator/index.js";
+import Q from "./panel/index.js";
+import T from "./panelmenu/index.js";
+import U from "./password/index.js";
+import V from "./picklist/index.js";
+import Z from "./popover/index.js";
+import _ from "./progressbar/index.js";
+import r0 from "./progressspinner/index.js";
+import o0 from "./radiobutton/index.js";
+import e0 from "./rating/index.js";
+import a0 from "./ripple/index.js";
+import f0 from "./scrollpanel/index.js";
+import i0 from "./select/index.js";
+import d0 from "./selectbutton/index.js";
+import c0 from "./skeleton/index.js";
+import t0 from "./slider/index.js";
+import l0 from "./speeddial/index.js";
+import m0 from "./splitbutton/index.js";
+import n0 from "./splitter/index.js";
+import s0 from "./stepper/index.js";
+import u0 from "./steps/index.js";
+import p0 from "./tabmenu/index.js";
+import b0 from "./tabs/index.js";
+import x0 from "./tabview/index.js";
+import g0 from "./tag/index.js";
+import $0 from "./terminal/index.js";
+import h0 from "./textarea/index.js";
+import C0 from "./tieredmenu/index.js";
+import k0 from "./timeline/index.js";
+import v0 from "./toast/index.js";
+import y0 from "./togglebutton/index.js";
+import B0 from "./toggleswitch/index.js";
+import w0 from "./toolbar/index.js";
+import z0 from "./tooltip/index.js";
+import F0 from "./tree/index.js";
+import R0 from "./treeselect/index.js";
+import L0 from "./treetable/index.js";
+var co = {
+  primitive: {
+    borderRadius: {
+      none: "0",
+      xs: "2px",
+      sm: "4px",
+      md: "6px",
+      lg: "8px",
+      xl: "12px"
+    },
+    emerald: {
+      50: "#ecfdf5",
+      100: "#d1fae5",
+      200: "#a7f3d0",
+      300: "#6ee7b7",
+      400: "#34d399",
+      500: "#10b981",
+      600: "#059669",
+      700: "#047857",
+      800: "#065f46",
+      900: "#064e3b",
+      950: "#022c22"
+    },
+    green: {
+      50: "#f0fdf4",
+      100: "#dcfce7",
+      200: "#bbf7d0",
+      300: "#86efac",
+      400: "#4ade80",
+      500: "#22c55e",
+      600: "#16a34a",
+      700: "#15803d",
+      800: "#166534",
+      900: "#14532d",
+      950: "#052e16"
+    },
+    lime: {
+      50: "#f7fee7",
+      100: "#ecfccb",
+      200: "#d9f99d",
+      300: "#bef264",
+      400: "#a3e635",
+      500: "#84cc16",
+      600: "#65a30d",
+      700: "#4d7c0f",
+      800: "#3f6212",
+      900: "#365314",
+      950: "#1a2e05"
+    },
+    red: {
+      50: "#fef2f2",
+      100: "#fee2e2",
+      200: "#fecaca",
+      300: "#fca5a5",
+      400: "#f87171",
+      500: "#ef4444",
+      600: "#dc2626",
+      700: "#b91c1c",
+      800: "#991b1b",
+      900: "#7f1d1d",
+      950: "#450a0a"
+    },
+    orange: {
+      50: "#fff7ed",
+      100: "#ffedd5",
+      200: "#fed7aa",
+      300: "#fdba74",
+      400: "#fb923c",
+      500: "#f97316",
+      600: "#ea580c",
+      700: "#c2410c",
+      800: "#9a3412",
+      900: "#7c2d12",
+      950: "#431407"
+    },
+    amber: {
+      50: "#fffbeb",
+      100: "#fef3c7",
+      200: "#fde68a",
+      300: "#fcd34d",
+      400: "#fbbf24",
+      500: "#f59e0b",
+      600: "#d97706",
+      700: "#b45309",
+      800: "#92400e",
+      900: "#78350f",
+      950: "#451a03"
+    },
+    yellow: {
+      50: "#fefce8",
+      100: "#fef9c3",
+      200: "#fef08a",
+      300: "#fde047",
+      400: "#facc15",
+      500: "#eab308",
+      600: "#ca8a04",
+      700: "#a16207",
+      800: "#854d0e",
+      900: "#713f12",
+      950: "#422006"
+    },
+    teal: {
+      50: "#f0fdfa",
+      100: "#ccfbf1",
+      200: "#99f6e4",
+      300: "#5eead4",
+      400: "#2dd4bf",
+      500: "#14b8a6",
+      600: "#0d9488",
+      700: "#0f766e",
+      800: "#115e59",
+      900: "#134e4a",
+      950: "#042f2e"
+    },
+    cyan: {
+      50: "#ecfeff",
+      100: "#cffafe",
+      200: "#a5f3fc",
+      300: "#67e8f9",
+      400: "#22d3ee",
+      500: "#06b6d4",
+      600: "#0891b2",
+      700: "#0e7490",
+      800: "#155e75",
+      900: "#164e63",
+      950: "#083344"
+    },
+    sky: {
+      50: "#f0f9ff",
+      100: "#e0f2fe",
+      200: "#bae6fd",
+      300: "#7dd3fc",
+      400: "#38bdf8",
+      500: "#0ea5e9",
+      600: "#0284c7",
+      700: "#0369a1",
+      800: "#075985",
+      900: "#0c4a6e",
+      950: "#082f49"
+    },
+    blue: {
+      50: "#eff6ff",
+      100: "#dbeafe",
+      200: "#bfdbfe",
+      300: "#93c5fd",
+      400: "#60a5fa",
+      500: "#3b82f6",
+      600: "#2563eb",
+      700: "#1d4ed8",
+      800: "#1e40af",
+      900: "#1e3a8a",
+      950: "#172554"
+    },
+    indigo: {
+      50: "#eef2ff",
+      100: "#e0e7ff",
+      200: "#c7d2fe",
+      300: "#a5b4fc",
+      400: "#818cf8",
+      500: "#6366f1",
+      600: "#4f46e5",
+      700: "#4338ca",
+      800: "#3730a3",
+      900: "#312e81",
+      950: "#1e1b4b"
+    },
+    violet: {
+      50: "#f5f3ff",
+      100: "#ede9fe",
+      200: "#ddd6fe",
+      300: "#c4b5fd",
+      400: "#a78bfa",
+      500: "#8b5cf6",
+      600: "#7c3aed",
+      700: "#6d28d9",
+      800: "#5b21b6",
+      900: "#4c1d95",
+      950: "#2e1065"
+    },
+    purple: {
+      50: "#faf5ff",
+      100: "#f3e8ff",
+      200: "#e9d5ff",
+      300: "#d8b4fe",
+      400: "#c084fc",
+      500: "#a855f7",
+      600: "#9333ea",
+      700: "#7e22ce",
+      800: "#6b21a8",
+      900: "#581c87",
+      950: "#3b0764"
+    },
+    fuchsia: {
+      50: "#fdf4ff",
+      100: "#fae8ff",
+      200: "#f5d0fe",
+      300: "#f0abfc",
+      400: "#e879f9",
+      500: "#d946ef",
+      600: "#c026d3",
+      700: "#a21caf",
+      800: "#86198f",
+      900: "#701a75",
+      950: "#4a044e"
+    },
+    pink: {
+      50: "#fdf2f8",
+      100: "#fce7f3",
+      200: "#fbcfe8",
+      300: "#f9a8d4",
+      400: "#f472b6",
+      500: "#ec4899",
+      600: "#db2777",
+      700: "#be185d",
+      800: "#9d174d",
+      900: "#831843",
+      950: "#500724"
+    },
+    rose: {
+      50: "#fff1f2",
+      100: "#ffe4e6",
+      200: "#fecdd3",
+      300: "#fda4af",
+      400: "#fb7185",
+      500: "#f43f5e",
+      600: "#e11d48",
+      700: "#be123c",
+      800: "#9f1239",
+      900: "#881337",
+      950: "#4c0519"
+    },
+    slate: {
+      50: "#f8fafc",
+      100: "#f1f5f9",
+      200: "#e2e8f0",
+      300: "#cbd5e1",
+      400: "#94a3b8",
+      500: "#64748b",
+      600: "#475569",
+      700: "#334155",
+      800: "#1e293b",
+      900: "#0f172a",
+      950: "#020617"
+    },
+    gray: {
+      50: "#f9fafb",
+      100: "#f3f4f6",
+      200: "#e5e7eb",
+      300: "#d1d5db",
+      400: "#9ca3af",
+      500: "#6b7280",
+      600: "#4b5563",
+      700: "#374151",
+      800: "#1f2937",
+      900: "#111827",
+      950: "#030712"
+    },
+    zinc: {
+      50: "#fafafa",
+      100: "#f4f4f5",
+      200: "#e4e4e7",
+      300: "#d4d4d8",
+      400: "#a1a1aa",
+      500: "#71717a",
+      600: "#52525b",
+      700: "#3f3f46",
+      800: "#27272a",
+      900: "#18181b",
+      950: "#09090b"
+    },
+    neutral: {
+      50: "#fafafa",
+      100: "#f5f5f5",
+      200: "#e5e5e5",
+      300: "#d4d4d4",
+      400: "#a3a3a3",
+      500: "#737373",
+      600: "#525252",
+      700: "#404040",
+      800: "#262626",
+      900: "#171717",
+      950: "#0a0a0a"
+    },
+    stone: {
+      50: "#fafaf9",
+      100: "#f5f5f4",
+      200: "#e7e5e4",
+      300: "#d6d3d1",
+      400: "#a8a29e",
+      500: "#78716c",
+      600: "#57534e",
+      700: "#44403c",
+      800: "#292524",
+      900: "#1c1917",
+      950: "#0c0a09"
+    }
+  },
+  semantic: {
+    transitionDuration: "0.2s",
+    focusRing: {
+      width: "1px",
+      style: "solid",
+      color: "{primary.color}",
+      offset: "2px",
+      shadow: "none"
+    },
+    disabledOpacity: "0.6",
+    iconSize: "1rem",
+    anchorGutter: "2px",
+    primary: {
+      50: "{emerald.50}",
+      100: "{emerald.100}",
+      200: "{emerald.200}",
+      300: "{emerald.300}",
+      400: "{emerald.400}",
+      500: "{emerald.500}",
+      600: "{emerald.600}",
+      700: "{emerald.700}",
+      800: "{emerald.800}",
+      900: "{emerald.900}",
+      950: "{emerald.950}"
+    },
+    formField: {
+      paddingX: "0.75rem",
+      paddingY: "0.5rem",
+      borderRadius: "{border.radius.md}",
+      focusRing: {
+        width: "0",
+        style: "none",
+        color: "transparent",
+        offset: "0",
+        shadow: "none"
+      },
+      transitionDuration: "{transition.duration}"
+    },
+    list: {
+      padding: "0.25rem 0.25rem",
+      gap: "2px",
+      header: {
+        padding: "0.5rem 0.75rem 0.25rem 0.75rem"
+      },
+      option: {
+        padding: "0.5rem 0.75rem",
+        borderRadius: "{border.radius.sm}"
+      },
+      optionGroup: {
+        padding: "0.5rem 0.75rem",
+        fontWeight: "600"
+      }
+    },
+    content: {
+      borderRadius: "{border.radius.md}"
+    },
+    mask: {
+      transitionDuration: "0.15s"
+    },
+    navigation: {
+      list: {
+        padding: "0.25rem 0.25rem",
+        gap: "2px"
+      },
+      item: {
+        padding: "0.5rem 0.75rem",
+        borderRadius: "{border.radius.sm}",
+        gap: "0.5rem"
+      },
+      submenuLabel: {
+        padding: "0.5rem 0.75rem",
+        fontWeight: "600"
+      },
+      submenuIcon: {
+        size: "0.875rem"
+      }
+    },
+    overlay: {
+      select: {
+        borderRadius: "{border.radius.md}",
+        shadow: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)"
+      },
+      popover: {
+        borderRadius: "{border.radius.md}",
+        padding: "0.75rem",
+        shadow: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)"
+      },
+      modal: {
+        borderRadius: "{border.radius.xl}",
+        padding: "1.25rem",
+        shadow: "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1)"
+      },
+      navigation: {
+        shadow: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)"
+      }
+    },
+    colorScheme: {
+      light: {
+        surface: {
+          0: "#ffffff",
+          50: "{slate.50}",
+          100: "{slate.100}",
+          200: "{slate.200}",
+          300: "{slate.300}",
+          400: "{slate.400}",
+          500: "{slate.500}",
+          600: "{slate.600}",
+          700: "{slate.700}",
+          800: "{slate.800}",
+          900: "{slate.900}",
+          950: "{slate.950}"
+        },
+        primary: {
+          color: "{primary.500}",
+          contrastColor: "#ffffff",
+          hoverColor: "{primary.600}",
+          activeColor: "{primary.700}"
+        },
+        highlight: {
+          background: "{primary.50}",
+          focusBackground: "{primary.100}",
+          color: "{primary.700}",
+          focusColor: "{primary.800}"
+        },
+        mask: {
+          background: "rgba(0,0,0,0.4)",
+          color: "{surface.200}"
+        },
+        formField: {
+          background: "{surface.0}",
+          disabledBackground: "{surface.200}",
+          filledBackground: "{surface.50}",
+          filledFocusBackground: "{surface.50}",
+          borderColor: "{surface.300}",
+          hoverBorderColor: "{surface.400}",
+          focusBorderColor: "{primary.color}",
+          invalidBorderColor: "{red.400}",
+          color: "{surface.700}",
+          disabledColor: "{surface.500}",
+          placeholderColor: "{surface.500}",
+          floatLabelColor: "{surface.500}",
+          floatLabelFocusColor: "{surface.500}",
+          floatLabelInvalidColor: "{red.400}",
+          iconColor: "{surface.400}",
+          shadow: "0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05)"
+        },
+        text: {
+          color: "{surface.700}",
+          hoverColor: "{surface.800}",
+          mutedColor: "{surface.500}",
+          hoverMutedColor: "{surface.600}"
+        },
+        content: {
+          background: "{surface.0}",
+          hoverBackground: "{surface.100}",
+          borderColor: "{surface.200}",
+          color: "{text.color}",
+          hoverColor: "{text.hover.color}"
+        },
+        overlay: {
+          select: {
+            background: "{surface.0}",
+            borderColor: "{surface.200}",
+            color: "{text.color}"
+          },
+          popover: {
+            background: "{surface.0}",
+            borderColor: "{surface.200}",
+            color: "{text.color}"
+          },
+          modal: {
+            background: "{surface.0}",
+            borderColor: "{surface.200}",
+            color: "{text.color}"
+          }
+        },
+        list: {
+          option: {
+            focusBackground: "{surface.100}",
+            selectedBackground: "{highlight.background}",
+            selectedFocusBackground: "{highlight.focus.background}",
+            color: "{text.color}",
+            focusColor: "{text.hover.color}",
+            selectedColor: "{highlight.color}",
+            selectedFocusColor: "{highlight.focus.color}",
+            icon: {
+              color: "{surface.400}",
+              focusColor: "{surface.500}"
+            }
+          },
+          optionGroup: {
+            background: "transparent",
+            color: "{text.muted.color}"
+          }
+        },
+        navigation: {
+          item: {
+            focusBackground: "{surface.100}",
+            activeBackground: "{surface.100}",
+            color: "{text.color}",
+            focusColor: "{text.hover.color}",
+            activeColor: "{text.hover.color}",
+            icon: {
+              color: "{surface.400}",
+              focusColor: "{surface.500}",
+              activeColor: "{surface.500}"
+            }
+          },
+          submenuLabel: {
+            background: "transparent",
+            color: "{text.muted.color}"
+          },
+          submenuIcon: {
+            color: "{surface.400}",
+            focusColor: "{surface.500}",
+            activeColor: "{surface.500}"
+          }
+        }
+      },
+      dark: {
+        surface: {
+          0: "#ffffff",
+          50: "{zinc.50}",
+          100: "{zinc.100}",
+          200: "{zinc.200}",
+          300: "{zinc.300}",
+          400: "{zinc.400}",
+          500: "{zinc.500}",
+          600: "{zinc.600}",
+          700: "{zinc.700}",
+          800: "{zinc.800}",
+          900: "{zinc.900}",
+          950: "{zinc.950}"
+        },
+        primary: {
+          color: "{primary.400}",
+          contrastColor: "{surface.900}",
+          hoverColor: "{primary.300}",
+          activeColor: "{primary.200}"
+        },
+        highlight: {
+          background: "color-mix(in srgb, {primary.400}, transparent 84%)",
+          focusBackground: "color-mix(in srgb, {primary.400}, transparent 76%)",
+          color: "rgba(255,255,255,.87)",
+          focusColor: "rgba(255,255,255,.87)"
+        },
+        mask: {
+          background: "rgba(0,0,0,0.6)",
+          color: "{surface.200}"
+        },
+        formField: {
+          background: "{surface.950}",
+          disabledBackground: "{surface.700}",
+          filledBackground: "{surface.800}",
+          filledFocusBackground: "{surface.800}",
+          borderColor: "{surface.700}",
+          hoverBorderColor: "{surface.600}",
+          focusBorderColor: "{primary.color}",
+          invalidBorderColor: "{red.300}",
+          color: "{surface.0}",
+          disabledColor: "{surface.400}",
+          placeholderColor: "{surface.400}",
+          floatLabelColor: "{surface.400}",
+          floatLabelFocusColor: "{surface.400}",
+          floatLabelInvalidColor: "{red.300}",
+          iconColor: "{surface.400}",
+          shadow: "0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05)"
+        },
+        text: {
+          color: "{surface.0}",
+          hoverColor: "{surface.0}",
+          mutedColor: "{surface.400}",
+          hoverMutedColor: "{surface.300}"
+        },
+        content: {
+          background: "{surface.900}",
+          hoverBackground: "{surface.800}",
+          borderColor: "{surface.700}",
+          color: "{text.color}",
+          hoverColor: "{text.hover.color}"
+        },
+        overlay: {
+          select: {
+            background: "{surface.900}",
+            borderColor: "{surface.700}",
+            color: "{text.color}"
+          },
+          popover: {
+            background: "{surface.900}",
+            borderColor: "{surface.700}",
+            color: "{text.color}"
+          },
+          modal: {
+            background: "{surface.900}",
+            borderColor: "{surface.700}",
+            color: "{text.color}"
+          }
+        },
+        list: {
+          option: {
+            focusBackground: "{surface.800}",
+            selectedBackground: "{highlight.background}",
+            selectedFocusBackground: "{highlight.focus.background}",
+            color: "{text.color}",
+            focusColor: "{text.hover.color}",
+            selectedColor: "{highlight.color}",
+            selectedFocusColor: "{highlight.focus.color}",
+            icon: {
+              color: "{surface.500}",
+              focusColor: "{surface.400}"
+            }
+          },
+          optionGroup: {
+            background: "transparent",
+            color: "{text.muted.color}"
+          }
+        },
+        navigation: {
+          item: {
+            focusBackground: "{surface.800}",
+            activeBackground: "{surface.800}",
+            color: "{text.color}",
+            focusColor: "{text.hover.color}",
+            activeColor: "{text.hover.color}",
+            icon: {
+              color: "{surface.500}",
+              focusColor: "{surface.400}",
+              activeColor: "{surface.400}"
+            }
+          },
+          submenuLabel: {
+            background: "transparent",
+            color: "{text.muted.color}"
+          },
+          submenuIcon: {
+            color: "{surface.500}",
+            focusColor: "{surface.400}",
+            activeColor: "{surface.400}"
+          }
+        }
+      }
+    }
+  },
+  components: {
+    accordion: r,
+    autocomplete: o,
+    avatar: e,
+    badge: a,
+    blockui: f,
+    breadcrumb: i,
+    button: d,
+    datepicker: $,
+    card: c,
+    carousel: t,
+    cascadeselect: l,
+    checkbox: m,
+    chip: n,
+    colorpicker: s,
+    confirmdialog: u,
+    confirmpopup: p,
+    contextmenu: b,
+    dataview: g,
+    datatable: x,
+    dialog: h,
+    divider: C,
+    dock: k,
+    drawer: v,
+    editor: y,
+    fieldset: B,
+    fileupload: w,
+    floatlabel: z,
+    galleria: F,
+    iconfield: R,
+    image: L,
+    inlinemessage: I,
+    inplace: G,
+    inputchips: D,
+    inputgroup: M,
+    inputnumber: S,
+    inputtext: W,
+    knob: j,
+    listbox: O,
+    megamenu: X,
+    menu: Y,
+    menubar: q,
+    message: A,
+    metergroup: E,
+    multiselect: H,
+    orderlist: J,
+    organizationchart: K,
+    overlaybadge: N,
+    popover: Z,
+    paginator: P,
+    password: U,
+    panel: Q,
+    panelmenu: T,
+    picklist: V,
+    progressbar: _,
+    progressspinner: r0,
+    radiobutton: o0,
+    rating: e0,
+    scrollpanel: f0,
+    select: i0,
+    selectbutton: d0,
+    skeleton: c0,
+    slider: t0,
+    speeddial: l0,
+    splitter: n0,
+    splitbutton: m0,
+    stepper: s0,
+    steps: u0,
+    tabmenu: p0,
+    tabs: b0,
+    tabview: x0,
+    textarea: h0,
+    tieredmenu: C0,
+    tag: g0,
+    terminal: $0,
+    timeline: k0,
+    togglebutton: y0,
+    toggleswitch: B0,
+    tree: F0,
+    treeselect: R0,
+    treetable: L0,
+    toast: v0,
+    toolbar: w0
+  },
+  directives: {
+    tooltip: z0,
+    ripple: a0
+  }
+};
+export {
+  co as default
+};
+//# sourceMappingURL=index.js.map