hiver-ui-kit-extended 1.0.0-beta.10

package/dist/themes.prime.js

@@ -0,0 +1,879 @@
+const PrimeReactTheme = {
+  primitive: {
+    borderRadius: {
+      none: "0",
+      xs: "2px",
+      sm: "4px",
+      md: "6px",
+      lg: "8px",
+      xl: "12px"
+    },
+    blue: {
+      "50": "#E6EFFD",
+      "100": "#D4E2FC",
+      "200": "#A9C5F9",
+      "300": "#7EA8F6",
+      "400": "#538BF3",
+      "500": "#276CF0",
+      "600": "#0F53D2",
+      "700": "#0C3E9D",
+      "800": "#072969",
+      "900": "#041534",
+      "950": "#020918"
+    },
+    orange: {
+      "50": "#FDEDE7",
+      "100": "#FBE2D5",
+      "200": "#F6C3A7",
+      "300": "#F2A67D",
+      "400": "#EC8A54",
+      "500": "#E96C28",
+      "600": "#C75314",
+      "700": "#933E0F",
+      "800": "#61280B",
+      "900": "#331505",
+      "950": "#170A02"
+    },
+    red: {
+      "50": "#FCE4E4",
+      "100": "#F9C9C9",
+      "200": "#F19192",
+      "300": "#EB5C5C",
+      "400": "#E42525",
+      "500": "#B81717",
+      "600": "#911212",
+      "700": "#6D0D0E",
+      "800": "#480909",
+      "900": "#230505",
+      "950": "#120202"
+    },
+    green: {
+      "50": "#EAF9F2",
+      "100": "#D3F4E1",
+      "200": "#A6E9C3",
+      "300": "#77DEA6",
+      "400": "#4AD387",
+      "500": "#2DBB6C",
+      "600": "#239456",
+      "700": "#1B6F41",
+      "800": "#114A2B",
+      "900": "#0A2516",
+      "950": "#05150C"
+    },
+    slate: {
+      "25": "#F8FAFC7F",
+      "50": "#F8FAFC",
+      "100": "#F1F5F9",
+      "150": "#EDF1F6",
+      "200": "#E2E8F0",
+      "300": "#CBD5E1",
+      "400": "#94A3B8",
+      "500": "#64758B",
+      "600": "#475569",
+      "700": "#334155",
+      "800": "#1E293B",
+      "900": "#0F172A",
+      "950": "#020617"
+    },
+    indigo: {
+      "50": "#F5F7FF",
+      "100": "#E5EAFF",
+      "200": "#CCD5FE",
+      "300": "#ADBBFF",
+      "400": "#8B9DFF",
+      "500": "#506DFF",
+      "600": "#3D5DFF",
+      "700": "#0129F5",
+      "800": "#0129F5",
+      "900": "#001DAD",
+      "950": "#00147A"
+    },
+    violet: {
+      "50": "#F6F2F9",
+      "100": "#EEE5F0",
+      "200": "#DBC8DF",
+      "300": "#CAAED1",
+      "400": "#B691C0",
+      "500": "#A577B1",
+      "600": "#885695",
+      "700": "#674171",
+      "800": "#442B4B",
+      "900": "#241627",
+      "950": "#120B12"
+    },
+    pastelyellow: {
+      "50": "#FBF9E8",
+      "100": "#FAF5D6",
+      "200": "#F4EAA9",
+      "300": "#EFDF80",
+      "400": "#E9D659",
+      "500": "#E3CB2D",
+      "600": "#C2AB1A",
+      "700": "#907F13",
+      "800": "#5F540E",
+      "900": "#322C07",
+      "950": "#241D00"
+    },
+    pastelorange: {
+      "50": "#FCEFE8",
+      "100": "#FAE2D6",
+      "200": "#F4C2A9",
+      "300": "#EEA581",
+      "400": "#E98959",
+      "500": "#E3692C",
+      "600": "#C2521B",
+      "700": "#903D14",
+      "800": "#5F280D",
+      "900": "#321607",
+      "950": "#170903"
+    },
+    pastelpurple: {
+      "50": "#F5F5FA",
+      "100": "#E7E7F3",
+      "200": "#CFD0E8",
+      "300": "#B7B8DC",
+      "400": "#9FA0D0",
+      "500": "#8789C5",
+      "600": "#5B5DAF",
+      "700": "#414386",
+      "800": "#2B2D59",
+      "900": "#16162D",
+      "950": "#0C0C18"
+    },
+    pastelred: {
+      "50": "#FBEFEF",
+      "100": "#F5DBDA",
+      "200": "#ECB6B8",
+      "300": "#E29294",
+      "400": "#D96D71",
+      "500": "#D04B4F",
+      "600": "#B22E33",
+      "700": "#852326",
+      "800": "#591719",
+      "900": "#2C0C0D",
+      "950": "#180607"
+    },
+    pastellightblue: {
+      "50": "#EFF5FB",
+      "100": "#DBE9F5",
+      "200": "#BBD6EC",
+      "300": "#97C0E2",
+      "400": "#77ADD9",
+      "500": "#5398CF",
+      "600": "#337CB7",
+      "700": "#255C87",
+      "800": "#1A3E5D",
+      "900": "#0B1E2C",
+      "950": "#071018"
+    },
+    pastelviolet: {
+      "50": "#FAF8FB",
+      "100": "#F6F2F9",
+      "200": "#ECE2EE",
+      "300": "#E1D1E5",
+      "400": "#D7C1DC",
+      "500": "#CAAED1",
+      "600": "#BD9AC6",
+      "700": "#AC80B7",
+      "800": "#9B66A8",
+      "900": "#6E4478",
+      "950": "#54345B"
+    },
+    pastelgreen: {
+      "50": "#EDF7F5",
+      "100": "#DDEFEB",
+      "200": "#B8E0D7",
+      "300": "#98D2C5",
+      "400": "#75C2B2",
+      "500": "#52B39E",
+      "600": "#419180",
+      "700": "#2F6E61",
+      "800": "#1F473E",
+      "900": "#11231F",
+      "950": "#081210"
+    }
+  },
+  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": "{blue.50}",
+      "100": "{blue.100}",
+      "200": "{blue.200}",
+      "300": "{blue.300}",
+      "400": "{blue.400}",
+      "500": "{blue.500}",
+      "600": "{blue.600}",
+      "700": "{blue.700}",
+      "800": "{blue.800}",
+      "900": "{blue.900}",
+      "950": "{blue.950}",
+      surface: {
+        subtle: "{blue.50}",
+        lighter: "{blue.300}",
+        default: "{blue.500}",
+        darker: "{blue.700}"
+      },
+      border: {
+        subtle: "{blue.100}",
+        lighter: "{blue.300}",
+        default: "{blue.500}",
+        darker: "{blue.700}"
+      },
+      text: {
+        label: "{blue.700}"
+      }
+    },
+    slate: {
+      surface: {
+        white: "#FFFFFF",
+        subtle: "{slate.50}",
+        subtle_100: "{slate.100}",
+        subtle_200: "{slate.200}",
+        subtle_300: "{slate.300}",
+        default: "{slate.400}",
+        dark_500: "{slate.500}",
+        dark_600: "{slate.600}",
+        darkest: "{slate.700}",
+        disabled: "{slate.100}"
+      },
+      border: {
+        default: "{slate.400}",
+        darker: "{slate.500}",
+        lighter: "{slate.200}",
+        mild: "{slate.150}"
+      },
+      text: {
+        title: "{slate.900}",
+        body: "{slate.700}",
+        subtle: "{slate.500}",
+        caption: "{slate.300}",
+        disabled: "{slate.400}"
+      },
+      icons: {
+        white: "{slate.surface.white}",
+        blue: "{primary.surface.default}",
+        active: "{slate.700}",
+        subtle: "{slate.500}",
+        darker: "{slate.500}",
+        disabled: "{slate.400}",
+        darkest: "{slate.700}",
+        title: "{slate.800}",
+        status: {
+          open: "{slate.surface.default}",
+          snoozed: "{warning.surface.darker}",
+          resolved: "{success.surface.darker}"
+        }
+      }
+    },
+    success: {
+      surface: {
+        default: "{green.300}",
+        subtle: "{green.100}",
+        darker: "{green.400}"
+      },
+      border: {
+        default: "{green.400}",
+        darker: "{green.500}",
+        lighter: "{green.200}"
+      },
+      text: {
+        title: "{green.800}",
+        body: "{green.700}",
+        subtle: "{green.500}",
+        caption: "{green.300}",
+        disabled: "{green.500}"
+      }
+    },
+    warning: {
+      surface: {
+        default: "{orange.300}",
+        subtle: "{orange.100}",
+        darker: "{orange.400}"
+      },
+      border: {
+        default: "{orange.400}",
+        darker: "{orange.500}",
+        lighter: "{orange.200}"
+      },
+      text: {
+        title: "{orange.800}",
+        body: "{orange.700}",
+        subtle: "{orange.500}",
+        caption: "{orange.300}",
+        disabled: "{orange.500}"
+      }
+    },
+    error: {
+      surface: {
+        default: "{red.500}",
+        subtle: "{red.50}",
+        darker: "{red.200}",
+        disabled: "{red.300}"
+      },
+      border: {
+        default: "{red.400}",
+        darker: "{red.500}",
+        lighter: "{red.200}"
+      },
+      text: {
+        title: "{red.800}",
+        body: "{red.700}",
+        subtle: "{red.500}",
+        caption: "{red.300}",
+        disabled: "{red.500}"
+      }
+    },
+    blue: {
+      surface: {
+        default: "{blue.100}",
+        subtle: "{blue.50}",
+        darker: "{blue.200}",
+        disabled: "{blue.300}"
+      },
+      border: {
+        default: "{blue.400}",
+        darker: "{blue.500}",
+        lighter: "{blue.200}"
+      },
+      text: {
+        title: "{blue.800}",
+        body: "{blue.700}",
+        subtle: "{blue.500}",
+        caption: "{blue.300}",
+        disabled: "{blue.500}"
+      }
+    },
+    indigo: {
+      surface: {
+        default: "{indigo.100}",
+        subtle: "{indigo.50}",
+        darker: "{indigo.200}",
+        disabled: "{indigo.300}"
+      },
+      border: {
+        default: "{indigo.400}",
+        darker: "{indigo.500}",
+        lighter: "{indigo.200}"
+      },
+      text: {
+        title: "{indigo.800}",
+        body: "{indigo.700}",
+        subtle: "{indigo.500}",
+        caption: "{indigo.300}",
+        disabled: "{indigo.500}"
+      }
+    },
+    pastelviolet: {
+      surface: {
+        default: "{pastelviolet.500}",
+        subtle: "{pastelviolet.200}",
+        darker: "{pastelviolet.700}"
+      },
+      border: {
+        default: "{pastelviolet.500}",
+        darker: "{pastelviolet.800}",
+        lighter: "{pastelviolet.300}"
+      },
+      text: {
+        title: "{pastelviolet.900}",
+        body: "{pastelviolet.800}",
+        subtle: "{pastelviolet.600}",
+        caption: "{pastelviolet.300}",
+        disabled: "{pastelviolet.500}"
+      }
+    },
+    pastellightblue: {
+      surface: {
+        default: "{pastellightblue.400}",
+        subtle: "{pastellightblue.100}",
+        darker: "{pastellightblue.700}"
+      },
+      border: {
+        default: "{pastellightblue.500}",
+        darker: "{pastellightblue.800}",
+        lighter: "{pastellightblue.300}"
+      },
+      text: {
+        title: "{pastellightblue.700}",
+        body: "{pastellightblue.700}",
+        subtle: "{pastellightblue.500}",
+        caption: "{pastellightblue.300}",
+        disabled: "{pastellightblue.500}"
+      }
+    },
+    pastelred: {
+      surface: {
+        default: "{pastelred.400}",
+        subtle: "{pastelred.100}",
+        darker: "{pastelred.700}"
+      },
+      border: {
+        default: "{pastelred.500}",
+        darker: "{pastelred.800}",
+        lighter: "{pastelred.300}"
+      },
+      text: {
+        title: "{pastelred.700}",
+        body: "{pastelred.600}",
+        subtle: "{pastelred.500}",
+        caption: "{pastelred.300}",
+        disabled: "{pastelred.500}"
+      }
+    },
+    pastelpurple: {
+      surface: {
+        default: "{pastelpurple.300}",
+        subtle: "{pastelpurple.100}",
+        darker: "{pastelpurple.500}"
+      },
+      border: {
+        default: "{pastelpurple.500}",
+        darker: "{pastelpurple.800}",
+        lighter: "{pastelpurple.300}"
+      },
+      text: {
+        title: "{pastelpurple.700}",
+        body: "{pastelpurple.600}",
+        subtle: "{pastelpurple.500}",
+        caption: "{pastelpurple.300}",
+        disabled: "{pastelpurple.500}"
+      }
+    },
+    pastelorange: {
+      surface: {
+        default: "{pastelorange.400}",
+        subtle: "{pastelorange.100}",
+        darker: "{pastelorange.700}"
+      },
+      border: {
+        default: "{pastelorange.500}",
+        darker: "{pastelorange.800}",
+        lighter: "{pastelorange.300}"
+      },
+      text: {
+        title: "{pastelorange.700}",
+        body: "{pastelorange.600}",
+        subtle: "{pastelorange.500}",
+        caption: "{pastelorange.300}",
+        disabled: "{pastelorange.500}"
+      }
+    },
+    pastelyellow: {
+      surface: {
+        default: "{pastelyellow.300}",
+        subtle: "{pastelyellow.100}",
+        darker: "{pastelyellow.700}"
+      },
+      border: {
+        default: "{pastelyellow.500}",
+        darker: "{pastelyellow.800}",
+        lighter: "{pastelyellow.300}"
+      },
+      text: {
+        title: "{pastelyellow.800}",
+        body: "{pastelyellow.700}",
+        subtle: "{pastelyellow.500}",
+        caption: "{pastelyellow.300}",
+        disabled: "{pastelyellow.500}"
+      }
+    },
+    pastelgreen: {
+      surface: {
+        default: "{pastelgreen.400}",
+        subtle: "{pastelgreen.100}",
+        darker: "{pastelgreen.700}"
+      },
+      border: {
+        default: "{pastelgreen.500}",
+        darker: "{pastelgreen.800}",
+        lighter: "{pastelgreen.300}"
+      },
+      text: {
+        title: "{pastelgreen.800}",
+        body: "{pastelgreen.700}",
+        subtle: "{pastelgreen.500}",
+        caption: "{pastelgreen.300}",
+        disabled: "{pastelgreen.500}"
+      }
+    },
+    formField: {
+      fontSize: "0.875rem",
+      lineHeight: "1.25rem",
+      paddingX: "0.41rem",
+      paddingY: "0.2969rem",
+      sm: {
+        fontSize: "0.875rem",
+        lineHeight: "1.25rem",
+        paddingX: "0.41rem",
+        paddingY: "0.2969rem"
+      },
+      lg: {
+        fontSize: "0.875rem",
+        lineHeight: "1.25rem",
+        paddingX: "0.41rem",
+        paddingY: "0.5469rem"
+      },
+      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 1rem 0.25rem 1rem"
+      },
+      option: {
+        padding: "0.5rem 0.75rem",
+        borderRadius: "{border.radius.sm}"
+      },
+      optionGroup: {
+        padding: "0.5rem 0.75rem",
+        fontWeight: "600"
+      }
+    },
+    content: {
+      borderRadius: "{border.radius.lg}"
+    },
+    mask: {
+      transitionDuration: "0.15s"
+    },
+    navigation: {
+      list: {
+        padding: "0.25rem 0.25rem",
+        gap: "2px"
+      },
+      item: {
+        padding: "0.5rem 0.75rem",
+        borderRadius: "{border.radius.lg}",
+        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 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px 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.100}",
+          filledBackground: "{surface.50}",
+          filledHoverBackground: "{surface.50}",
+          filledFocusBackground: "{surface.50}",
+          borderColor: "{surface.200}",
+          hoverBorderColor: "{surface.400}",
+          focusBorderColor: "{primary.200}",
+          invalidBorderColor: "{red.400}",
+          color: "{surface.700}",
+          disabledColor: "{surface.500}",
+          placeholderColor: "{surface.300}",
+          invalidPlaceholderColor: "{surface.300}",
+          floatLabelColor: "{surface.500}",
+          floatLabelFocusColor: "{primary.600}",
+          floatLabelActiveColor: "{surface.500}",
+          floatLabelInvalidColor: "{form.field.invalid.placeholder.color}",
+          iconColor: "{surface.500}",
+          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": "{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.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}",
+          filledHoverBackground: "{surface.800}",
+          filledFocusBackground: "{surface.800}",
+          borderColor: "{surface.600}",
+          hoverBorderColor: "{surface.500}",
+          focusBorderColor: "{primary.color}",
+          invalidBorderColor: "{red.300}",
+          color: "{surface.0}",
+          disabledColor: "{surface.400}",
+          placeholderColor: "{surface.300}",
+          invalidPlaceholderColor: "{surface.300}",
+          floatLabelColor: "{surface.400}",
+          floatLabelFocusColor: "{primary.color}",
+          floatLabelActiveColor: "{surface.400}",
+          floatLabelInvalidColor: "{form.field.invalid.placeholder.color}",
+          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: {
+    datatable: {
+      headerCell: { background: "{slate.surface.subtle}" },
+      paginatorBottom: { borderColor: "transparent" }
+    },
+    tooltip: {
+      root: {
+        maxWidth: "12.5rem",
+        gutter: "0.25rem",
+        shadow: "{slate.surface.subtle.200}",
+        padding: "4px 8px",
+        borderRadius: "{borderRadius.md}"
+      },
+      colorScheme: {
+        light: {
+          root: {
+            background: "{slate.surface.dark_600}",
+            // #475569 - dark grey background
+            color: "{slate.surface.white}"
+            // #ffffff - white text
+          }
+        }
+      }
+    },
+    radiobutton: {
+      width: "0.875rem",
+      height: "0.875rem"
+    }
+  }
+};
+
+export { PrimeReactTheme };
+//# sourceMappingURL=themes.prime.js.map