@arcanejs/toolkit-frontend 0.8.0 → 0.10.0

package/dist/chunk-6XOE7F7U.mjs

@@ -1,216 +0,0 @@
-import {
-  usePreferredColorScheme
-} from "./chunk-PTANIWKR.mjs";
-
-// src/styling.tsx
-import {
-  createGlobalStyle,
-  css,
-  ThemeProvider
-} from "styled-components";
-import { jsx } from "react/jsx-runtime";
-var GlobalStyle = createGlobalStyle`
-body {
-  &.touch-mode * {
-    cursor: none !important;
-  }
-}
-`;
-var DARK_THEME = {
-  pageBg: "#333",
-  colorGreen: "#98c379",
-  colorRed: "#e06c75",
-  colorAmber: "#d19a66",
-  bgDark1: "#252524",
-  bg: "#2a2a2b",
-  bgLight1: "#353638",
-  borderDark: "#151516",
-  borderLight: "#1c1d1d",
-  borderLighter: "#252524",
-  borderLighterer: "#6b6b67",
-  hint: "#4286f4",
-  hintRGB: "66, 134, 244",
-  hintDark1: "#2a77f3",
-  textNormal: "#F3F3F5",
-  textActive: "#ffffff",
-  textMuted: "#777777",
-  shadows: {
-    boxShadowInset: "inset 0px 0px 8px 0px rgba(0, 0, 0, 0.3)",
-    textShadow: "0 -1px rgba(0, 0, 0, 0.7)",
-    textShadowActive: "0 -1px rgba(0, 0, 0, 0.4)"
-  },
-  gradients: {
-    button: "linear-gradient(to bottom, #4f5053, #343436)",
-    buttonHover: "linear-gradient(to bottom, #5e6064, #393a3b)",
-    buttonActive: "linear-gradient(to bottom, #242525, #37383a)",
-    buttonPressedHover: "linear-gradient(to bottom, #282929, #414243)",
-    hintPressed: "linear-gradient(to bottom,#2a77f3,#4286f4)"
-  },
-  sizingPx: {
-    spacing: 15,
-    unitHeight: 40
-  }
-};
-var LIGHT_THEME = {
-  pageBg: "#f8f9fa",
-  colorGreen: "#22863a",
-  colorRed: "#d73a49",
-  colorAmber: "#b08800",
-  bgDark1: "#e9ecef",
-  bg: "#ffffff",
-  bgLight1: "#f5f5f5",
-  borderDark: "#c7c7c7",
-  borderLight: "#d7d7d7",
-  borderLighter: "#eaecef",
-  borderLighterer: "#f6f8fa",
-  hint: "#4286f4",
-  hintRGB: "0, 92, 197",
-  hintDark1: "#2a77f3",
-  textNormal: "#24292e",
-  textActive: "#202020",
-  textMuted: "#6a737d",
-  shadows: {
-    boxShadowInset: "inset 0px 0px 8px 0px rgba(0, 0, 0, 0.05)",
-    textShadow: "0 1px rgba(255, 255, 255, 0.7)",
-    textShadowActive: "0 1px rgba(255, 255, 255, 0.4)"
-  },
-  gradients: {
-    button: "linear-gradient(to bottom, #e1e4e8, #d1d5da)",
-    buttonHover: "linear-gradient(to bottom, #d1d5da, #c1c6cc)",
-    buttonActive: "linear-gradient(to bottom, #b1b6bc, #d2d6da)",
-    buttonPressedHover: "linear-gradient(to bottom, #a1a6ac, #91969c)",
-    hintPressed: "linear-gradient(to bottom, #438bff, #85b3ff)"
-  },
-  sizingPx: DARK_THEME.sizingPx
-};
-var BaseStyle = createGlobalStyle`
-* {
-  box-sizing: border-box;
-}
-
-body {
-  background: ${(p) => p.theme.pageBg};
-  margin: 0;
-  padding: 0;
-  font-size: 14px;
-  font-family: sans-serif;
-}
-`;
-var buttonStateNormal = css`
-  color: ${(p) => p.theme.textNormal};
-  background: ${(p) => p.theme.gradients.button};
-  text-shadow: ${(p) => p.theme.shadows.textShadow};
-  box-shadow:
-    inset 0 1px 0 rgba(255, 255, 255, 0.15),
-    0 1px 0 0 rgba(0, 0, 0, 0.25);
-`;
-var buttonStateNormalHover = css`
-  color: ${(p) => p.theme.textNormal};
-  outline-color: rgba(243, 243, 245, 0.3);
-  background: ${(p) => p.theme.gradients.buttonHover};
-  text-shadow: ${(p) => p.theme.shadows.textShadow};
-`;
-var buttonStateNormalActive = css`
-  color: ${(p) => p.theme.textNormal};
-  outline-color: rgba(255, 255, 255, 0.3);
-  background: ${(p) => p.theme.gradients.buttonActive};
-  text-shadow: ${(p) => p.theme.shadows.textShadowActive};
-  box-shadow:
-    inset 0 1px 2px rgba(0, 0, 0, 0.2),
-    0 1px 0 0 rgba(255, 255, 255, 0.15);
-  transition-duration: 50ms;
-`;
-var buttonStatePressed = css`
-  ${buttonStateNormalActive}
-  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(255,255,255,0.15);
-`;
-var buttonStatePressedHover = css`
-  ${buttonStateNormalActive}
-  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(255,255,255,0.15);
-  background: ${(p) => p.theme.gradients.buttonPressedHover};
-`;
-var buttonStatePressedActive = buttonStateNormalActive;
-var buttonStateDisabled = css`
-  ${buttonStateNormal}
-
-  cursor: default;
-  background: ${(p) => p.theme.bg} !important;
-  color: rgba(${(p) => p.theme.textNormal}, 0.4);
-`;
-var button = css`
-  position: relative;
-  box-sizing: border-box;
-  cursor: pointer;
-  transition: all 200ms;
-  border-radius: 3px;
-  border: 1px solid ${(p) => p.theme.borderDark};
-  overflow: hidden;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  outline-color: transparent;
-  ${buttonStateNormal}
-
-  &:hover {
-    ${buttonStateNormalHover}
-  }
-
-  &:active {
-    ${buttonStateNormalActive}
-  }
-`;
-var buttonPressed = css`
-  ${buttonStatePressed}
-
-  &:hover {
-    ${buttonStatePressedHover}
-  }
-
-  &:active {
-    ${buttonStatePressedActive}
-  }
-`;
-var buttonDisabled = css`
-  ${buttonStateDisabled}
-
-  &:hover, &:active {
-    ${buttonStateDisabled}
-  }
-`;
-var rectButton = button;
-var touchIndicatorNormal = css`
-  position: absolute;
-  top: -6px;
-  right: -6px;
-  left: -6px;
-  bottom: -6px;
-  border-radius: 6px;
-  border: 2px solid rgba(0, 0, 0, 0);
-  background-color: none;
-  transition: border-color 300ms;
-`;
-var touchIndicatorTouching = css`
-  border-color: ${(p) => p.theme.hint};
-  background-color: rgba(${(p) => p.theme.hintRGB}, 0.2);
-  transition: border-color 0s;
-`;
-var PreferredThemeProvider = ({ dark, light, children }) => {
-  const theme = usePreferredColorScheme();
-  return /* @__PURE__ */ jsx(ThemeProvider, { theme: theme === "dark" ? dark : light, children });
-};
-
-export {
-  GlobalStyle,
-  DARK_THEME,
-  LIGHT_THEME,
-  BaseStyle,
-  buttonStateNormal,
-  buttonStateNormalHover,
-  buttonStateNormalActive,
-  buttonPressed,
-  buttonDisabled,
-  rectButton,
-  touchIndicatorNormal,
-  touchIndicatorTouching,
-  PreferredThemeProvider
-};

package/dist/chunk-ZHJBPEPY.js

@@ -1,216 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-var _chunkTMN35K5Yjs = require('./chunk-TMN35K5Y.js');
-
-// src/styling.tsx
-
-
-
-
-var _styledcomponents = require('styled-components');
-var _jsxruntime = require('react/jsx-runtime');
-var GlobalStyle = _styledcomponents.createGlobalStyle`
-body {
-  &.touch-mode * {
-    cursor: none !important;
-  }
-}
-`;
-var DARK_THEME = {
-  pageBg: "#333",
-  colorGreen: "#98c379",
-  colorRed: "#e06c75",
-  colorAmber: "#d19a66",
-  bgDark1: "#252524",
-  bg: "#2a2a2b",
-  bgLight1: "#353638",
-  borderDark: "#151516",
-  borderLight: "#1c1d1d",
-  borderLighter: "#252524",
-  borderLighterer: "#6b6b67",
-  hint: "#4286f4",
-  hintRGB: "66, 134, 244",
-  hintDark1: "#2a77f3",
-  textNormal: "#F3F3F5",
-  textActive: "#ffffff",
-  textMuted: "#777777",
-  shadows: {
-    boxShadowInset: "inset 0px 0px 8px 0px rgba(0, 0, 0, 0.3)",
-    textShadow: "0 -1px rgba(0, 0, 0, 0.7)",
-    textShadowActive: "0 -1px rgba(0, 0, 0, 0.4)"
-  },
-  gradients: {
-    button: "linear-gradient(to bottom, #4f5053, #343436)",
-    buttonHover: "linear-gradient(to bottom, #5e6064, #393a3b)",
-    buttonActive: "linear-gradient(to bottom, #242525, #37383a)",
-    buttonPressedHover: "linear-gradient(to bottom, #282929, #414243)",
-    hintPressed: "linear-gradient(to bottom,#2a77f3,#4286f4)"
-  },
-  sizingPx: {
-    spacing: 15,
-    unitHeight: 40
-  }
-};
-var LIGHT_THEME = {
-  pageBg: "#f8f9fa",
-  colorGreen: "#22863a",
-  colorRed: "#d73a49",
-  colorAmber: "#b08800",
-  bgDark1: "#e9ecef",
-  bg: "#ffffff",
-  bgLight1: "#f5f5f5",
-  borderDark: "#c7c7c7",
-  borderLight: "#d7d7d7",
-  borderLighter: "#eaecef",
-  borderLighterer: "#f6f8fa",
-  hint: "#4286f4",
-  hintRGB: "0, 92, 197",
-  hintDark1: "#2a77f3",
-  textNormal: "#24292e",
-  textActive: "#202020",
-  textMuted: "#6a737d",
-  shadows: {
-    boxShadowInset: "inset 0px 0px 8px 0px rgba(0, 0, 0, 0.05)",
-    textShadow: "0 1px rgba(255, 255, 255, 0.7)",
-    textShadowActive: "0 1px rgba(255, 255, 255, 0.4)"
-  },
-  gradients: {
-    button: "linear-gradient(to bottom, #e1e4e8, #d1d5da)",
-    buttonHover: "linear-gradient(to bottom, #d1d5da, #c1c6cc)",
-    buttonActive: "linear-gradient(to bottom, #b1b6bc, #d2d6da)",
-    buttonPressedHover: "linear-gradient(to bottom, #a1a6ac, #91969c)",
-    hintPressed: "linear-gradient(to bottom, #438bff, #85b3ff)"
-  },
-  sizingPx: DARK_THEME.sizingPx
-};
-var BaseStyle = _styledcomponents.createGlobalStyle`
-* {
-  box-sizing: border-box;
-}
-
-body {
-  background: ${(p) => p.theme.pageBg};
-  margin: 0;
-  padding: 0;
-  font-size: 14px;
-  font-family: sans-serif;
-}
-`;
-var buttonStateNormal = _styledcomponents.css`
-  color: ${(p) => p.theme.textNormal};
-  background: ${(p) => p.theme.gradients.button};
-  text-shadow: ${(p) => p.theme.shadows.textShadow};
-  box-shadow:
-    inset 0 1px 0 rgba(255, 255, 255, 0.15),
-    0 1px 0 0 rgba(0, 0, 0, 0.25);
-`;
-var buttonStateNormalHover = _styledcomponents.css`
-  color: ${(p) => p.theme.textNormal};
-  outline-color: rgba(243, 243, 245, 0.3);
-  background: ${(p) => p.theme.gradients.buttonHover};
-  text-shadow: ${(p) => p.theme.shadows.textShadow};
-`;
-var buttonStateNormalActive = _styledcomponents.css`
-  color: ${(p) => p.theme.textNormal};
-  outline-color: rgba(255, 255, 255, 0.3);
-  background: ${(p) => p.theme.gradients.buttonActive};
-  text-shadow: ${(p) => p.theme.shadows.textShadowActive};
-  box-shadow:
-    inset 0 1px 2px rgba(0, 0, 0, 0.2),
-    0 1px 0 0 rgba(255, 255, 255, 0.15);
-  transition-duration: 50ms;
-`;
-var buttonStatePressed = _styledcomponents.css`
-  ${buttonStateNormalActive}
-  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(255,255,255,0.15);
-`;
-var buttonStatePressedHover = _styledcomponents.css`
-  ${buttonStateNormalActive}
-  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(255,255,255,0.15);
-  background: ${(p) => p.theme.gradients.buttonPressedHover};
-`;
-var buttonStatePressedActive = buttonStateNormalActive;
-var buttonStateDisabled = _styledcomponents.css`
-  ${buttonStateNormal}
-
-  cursor: default;
-  background: ${(p) => p.theme.bg} !important;
-  color: rgba(${(p) => p.theme.textNormal}, 0.4);
-`;
-var button = _styledcomponents.css`
-  position: relative;
-  box-sizing: border-box;
-  cursor: pointer;
-  transition: all 200ms;
-  border-radius: 3px;
-  border: 1px solid ${(p) => p.theme.borderDark};
-  overflow: hidden;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  outline-color: transparent;
-  ${buttonStateNormal}
-
-  &:hover {
-    ${buttonStateNormalHover}
-  }
-
-  &:active {
-    ${buttonStateNormalActive}
-  }
-`;
-var buttonPressed = _styledcomponents.css`
-  ${buttonStatePressed}
-
-  &:hover {
-    ${buttonStatePressedHover}
-  }
-
-  &:active {
-    ${buttonStatePressedActive}
-  }
-`;
-var buttonDisabled = _styledcomponents.css`
-  ${buttonStateDisabled}
-
-  &:hover, &:active {
-    ${buttonStateDisabled}
-  }
-`;
-var rectButton = button;
-var touchIndicatorNormal = _styledcomponents.css`
-  position: absolute;
-  top: -6px;
-  right: -6px;
-  left: -6px;
-  bottom: -6px;
-  border-radius: 6px;
-  border: 2px solid rgba(0, 0, 0, 0);
-  background-color: none;
-  transition: border-color 300ms;
-`;
-var touchIndicatorTouching = _styledcomponents.css`
-  border-color: ${(p) => p.theme.hint};
-  background-color: rgba(${(p) => p.theme.hintRGB}, 0.2);
-  transition: border-color 0s;
-`;
-var PreferredThemeProvider = ({ dark, light, children }) => {
-  const theme = _chunkTMN35K5Yjs.usePreferredColorScheme.call(void 0, );
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _styledcomponents.ThemeProvider, { theme: theme === "dark" ? dark : light, children });
-};
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-exports.GlobalStyle = GlobalStyle; exports.DARK_THEME = DARK_THEME; exports.LIGHT_THEME = LIGHT_THEME; exports.BaseStyle = BaseStyle; exports.buttonStateNormal = buttonStateNormal; exports.buttonStateNormalHover = buttonStateNormalHover; exports.buttonStateNormalActive = buttonStateNormalActive; exports.buttonPressed = buttonPressed; exports.buttonDisabled = buttonDisabled; exports.rectButton = rectButton; exports.touchIndicatorNormal = touchIndicatorNormal; exports.touchIndicatorTouching = touchIndicatorTouching; exports.PreferredThemeProvider = PreferredThemeProvider;