@helpdice/theme 1.0.0

package/dist/themes/index.d.ts

@@ -0,0 +1,4 @@
+import Themes from './themes';
+export type { HUserTheme } from './themes';
+export type { HUIThemes, HUIThemesBreakpoints, BreakpointsItem, HUIThemesExpressiveness, HUIThemesFont, HUIThemesLayout, HUIThemesPalette, } from './presets';
+export default Themes;

package/dist/themes/index.js

@@ -0,0 +1,299 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function _defineProperty(e, r, t) {
+  return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+    value: t,
+    enumerable: true,
+    configurable: true,
+    writable: true
+  }) : e[r] = t, e;
+}
+function ownKeys(e, r) {
+  var t = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function (r) {
+      return Object.getOwnPropertyDescriptor(e, r).enumerable;
+    })), t.push.apply(t, o);
+  }
+  return t;
+}
+function _objectSpread2(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), true).forEach(function (r) {
+      _defineProperty(e, r, t[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
+      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
+    });
+  }
+  return e;
+}
+function _toPrimitive(t, r) {
+  if ("object" != typeof t || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r);
+    if ("object" != typeof i) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
+function _toPropertyKey(t) {
+  var i = _toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : i + "";
+}
+function _typeof(o) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+    return typeof o;
+  } : function (o) {
+    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+  }, _typeof(o);
+}
+
+var defaultFont = {
+  sans: '"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif',
+  mono: 'Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace',
+  prism: 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,"Liberation Mono", "Courier New", monospace'
+};
+var defaultBreakpoints = {
+  xs: {
+    min: '0',
+    max: '650px'
+  },
+  sm: {
+    min: '650px',
+    max: '900px'
+  },
+  md: {
+    min: '900px',
+    max: '1280px'
+  },
+  lg: {
+    min: '1280px',
+    max: '1920px'
+  },
+  xl: {
+    min: '1920px',
+    max: '10000px'
+  }
+};
+var defaultLayout = {
+  gap: '16pt',
+  gapNegative: '-16pt',
+  gapHalf: '8pt',
+  gapHalfNegative: '-8pt',
+  gapQuarter: '4pt',
+  gapQuarterNegative: '-4pt',
+  pageMargin: '16pt',
+  pageWidth: '750pt',
+  pageWidthWithMargin: '782pt',
+  breakpointMobile: defaultBreakpoints.xs.max,
+  breakpointTablet: defaultBreakpoints.sm.max,
+  radius: '6px',
+  unit: '16px'
+};
+
+var palette$1 = {
+  accents_1: '#fafafa',
+  accents_2: '#eaeaea',
+  accents_3: '#999',
+  accents_4: '#888',
+  accents_5: '#666',
+  accents_6: '#444',
+  accents_7: '#333',
+  accents_8: '#111',
+  background: '#fff',
+  foreground: '#000',
+  selection: '#79ffe1',
+  secondary: '#666',
+  code: '#f81ce5',
+  border: '#eaeaea',
+  error: '#e00',
+  errorLight: '#ff1a1a',
+  errorLighter: '#f7d4d6',
+  errorDark: '#c50000',
+  success: '#0070f3',
+  successLight: '#3291ff',
+  successLighter: '#d3e5ff',
+  successDark: '#0761d1',
+  warning: '#f5a623',
+  warningLight: '#f7b955',
+  warningLighter: '#ffefcf',
+  warningDark: '#ab570a',
+  cyan: '#50e3c2',
+  cyanLighter: '#aaffec',
+  cyanLight: '#79ffe1',
+  cyanDark: '#29bc9b',
+  violet: '#7928ca',
+  violetLighter: '#e3d7fc',
+  violetLight: '#8a63d2',
+  violetDark: '#4c2889',
+  purple: '#f81ce5',
+  alert: '#ff0080',
+  magenta: '#eb367f',
+  link: '#0070f3'
+};
+var expressiveness$1 = {
+  linkStyle: 'none',
+  linkHoverStyle: 'none',
+  dropdownBoxShadow: '0 4px 4px 0 rgba(0, 0, 0, 0.02)',
+  scrollerStart: 'rgba(255, 255, 255, 1)',
+  scrollerEnd: 'rgba(255, 255, 255, 0)',
+  shadowSmall: '0 5px 10px rgba(0, 0, 0, 0.12)',
+  shadowMedium: '0 8px 30px rgba(0, 0, 0, 0.12)',
+  shadowLarge: '0 30px 60px rgba(0, 0, 0, 0.12)',
+  portalOpacity: 0.25
+};
+var font$1 = defaultFont;
+var breakpoints$1 = defaultBreakpoints;
+var layout$1 = defaultLayout;
+var themes$1 = {
+  type: 'light',
+  font: font$1,
+  layout: layout$1,
+  palette: palette$1,
+  breakpoints: breakpoints$1,
+  expressiveness: expressiveness$1
+};
+
+var palette = {
+  accents_1: '#111',
+  accents_2: '#333',
+  accents_3: '#444',
+  accents_4: '#666',
+  accents_5: '#888',
+  accents_6: '#999',
+  accents_7: '#eaeaea',
+  accents_8: '#fafafa',
+  background: '#000',
+  foreground: '#fff',
+  selection: '#f81ce5',
+  secondary: '#888',
+  code: '#79ffe1',
+  border: '#333',
+  error: '#e00',
+  errorLighter: '#f7d4d6',
+  errorLight: '#ff1a1a',
+  errorDark: '#c50000',
+  success: '#0070f3',
+  successLighter: '#d3e5ff',
+  successLight: '#3291ff',
+  successDark: '#0761d1',
+  warning: '#f5a623',
+  warningLighter: '#ffefcf',
+  warningLight: '#f7b955',
+  warningDark: '#ab570a',
+  cyan: '#50e3c2',
+  cyanLighter: '#aaffec',
+  cyanLight: '#79ffe1',
+  cyanDark: '#29bc9b',
+  violet: '#7928ca',
+  violetLighter: '#e3d7fc',
+  violetLight: '#8a63d2',
+  violetDark: '#4c2889',
+  purple: '#f81ce5',
+  alert: '#ff0080',
+  magenta: '#eb367f',
+  link: '#3291ff'
+};
+var expressiveness = {
+  linkStyle: 'none',
+  linkHoverStyle: 'none',
+  dropdownBoxShadow: '0 0 0 1px #333',
+  scrollerStart: 'rgba(255, 255, 255, 1)',
+  scrollerEnd: 'rgba(255, 255, 255, 0)',
+  shadowSmall: '0 0 0 1px #333',
+  shadowMedium: '0 0 0 1px #333',
+  shadowLarge: '0 0 0 1px #333',
+  portalOpacity: 0.75
+};
+var font = defaultFont;
+var breakpoints = defaultBreakpoints;
+var layout = defaultLayout;
+var themes = {
+  type: 'dark',
+  font: font,
+  layout: layout,
+  palette: palette,
+  breakpoints: breakpoints,
+  expressiveness: expressiveness
+};
+
+var isObject = function isObject(target) {
+  return target && _typeof(target) === 'object';
+};
+var _deepDuplicable = function deepDuplicable(source, target) {
+  if (!isObject(target) || !isObject(source)) return source;
+  var sourceKeys = Object.keys(source);
+  var result = {};
+  for (var _i = 0, _sourceKeys = sourceKeys; _i < _sourceKeys.length; _i++) {
+    var key = _sourceKeys[_i];
+    var sourceValue = source[key];
+    var targetValue = target[key];
+    if (Array.isArray(sourceValue) && Array.isArray(targetValue)) {
+      result[key] = targetValue.concat(sourceValue);
+    } else if (isObject(sourceValue) && isObject(targetValue)) {
+      result[key] = _deepDuplicable(sourceValue, _objectSpread2({}, targetValue));
+    } else if (targetValue) {
+      result[key] = targetValue;
+    } else {
+      result[key] = sourceValue;
+    }
+  }
+  return result;
+};
+var getPresets = function getPresets() {
+  return [themes$1, themes];
+};
+var getPresetStaticTheme = function getPresetStaticTheme() {
+  return themes$1;
+};
+var isAvailableThemeType = function isAvailableThemeType(type) {
+  if (!type) return false;
+  var presetThemes = getPresets();
+  var hasType = presetThemes.find(function (theme) {
+    return theme.type === type;
+  });
+  return !hasType;
+};
+var isPresetTheme = function isPresetTheme(themeOrType) {
+  if (!themeOrType) return false;
+  var isType = typeof themeOrType === 'string';
+  var type = isType ? themeOrType : themeOrType.type;
+  return !isAvailableThemeType(type);
+};
+var hasUserCustomTheme = function hasUserCustomTheme() {
+  var themes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  return !!themes.find(function (item) {
+    return isAvailableThemeType(item.type);
+  });
+};
+var create = function create(base, custom) {
+  if (!isAvailableThemeType(custom.type)) {
+    throw new Error('Duplicate or unavailable theme type');
+  }
+  return _deepDuplicable(base, custom);
+};
+var createFromDark = function createFromDark(custom) {
+  return create(themes, custom);
+};
+var createFromLight = function createFromLight(custom) {
+  return create(themes$1, custom);
+};
+var Themes = {
+  isPresetTheme: isPresetTheme,
+  isAvailableThemeType: isAvailableThemeType,
+  hasUserCustomTheme: hasUserCustomTheme,
+  getPresets: getPresets,
+  getPresetStaticTheme: getPresetStaticTheme,
+  create: create,
+  createFromDark: createFromDark,
+  createFromLight: createFromLight
+};
+
+exports.default = Themes;

package/dist/themes/presets/dark.d.ts

@@ -0,0 +1,8 @@
+import { HUIThemes, HUIThemesPalette, HUIThemesExpressiveness } from './index';
+export declare const palette: HUIThemesPalette;
+export declare const expressiveness: HUIThemesExpressiveness;
+export declare const font: import("./index").HUIThemesFont;
+export declare const breakpoints: import("./index").HUIThemesBreakpoints;
+export declare const layout: import("./index").HUIThemesLayout;
+export declare const themes: HUIThemes;
+export default themes;

package/dist/themes/presets/default.d.ts

@@ -0,0 +1,8 @@
+import { HUIThemes, HUIThemesPalette, HUIThemesExpressiveness } from './index';
+export declare const palette: HUIThemesPalette;
+export declare const expressiveness: HUIThemesExpressiveness;
+export declare const font: import("./index").HUIThemesFont;
+export declare const breakpoints: import("./index").HUIThemesBreakpoints;
+export declare const layout: import("./index").HUIThemesLayout;
+export declare const themes: HUIThemes;
+export default themes;

package/dist/themes/presets/index.d.ts

@@ -0,0 +1,90 @@
+export interface HUIThemesPalette {
+    accents_1: string;
+    accents_2: string;
+    accents_3: string;
+    accents_4: string;
+    accents_5: string;
+    accents_6: string;
+    accents_7: string;
+    accents_8: string;
+    background: string;
+    foreground: string;
+    selection: string;
+    secondary: string;
+    code: string;
+    border: string;
+    success: string;
+    successLighter: string;
+    successLight: string;
+    successDark: string;
+    error: string;
+    errorLighter: string;
+    errorLight: string;
+    errorDark: string;
+    warning: string;
+    warningLighter: string;
+    warningLight: string;
+    warningDark: string;
+    cyan: string;
+    cyanLighter: string;
+    cyanLight: string;
+    cyanDark: string;
+    violet: string;
+    violetLighter: string;
+    violetLight: string;
+    violetDark: string;
+    link: string;
+    purple: string;
+    magenta: string;
+    alert: string;
+}
+export interface HUIThemesExpressiveness {
+    linkStyle: string;
+    linkHoverStyle: string;
+    dropdownBoxShadow: string;
+    scrollerStart: string;
+    scrollerEnd: string;
+    shadowSmall: string;
+    shadowMedium: string;
+    shadowLarge: string;
+    portalOpacity: number;
+}
+export interface HUIThemesLayout {
+    gap: string;
+    gapNegative: string;
+    gapHalf: string;
+    gapHalfNegative: string;
+    gapQuarter: string;
+    gapQuarterNegative: string;
+    pageMargin: string;
+    pageWidth: string;
+    pageWidthWithMargin: string;
+    breakpointMobile: string;
+    breakpointTablet: string;
+    radius: string;
+    unit: string;
+}
+export interface HUIThemesFont {
+    sans: string;
+    mono: string;
+    prism: string;
+}
+export interface BreakpointsItem {
+    min: string;
+    max: string;
+}
+export interface HUIThemesBreakpoints {
+    xs: BreakpointsItem;
+    sm: BreakpointsItem;
+    md: BreakpointsItem;
+    lg: BreakpointsItem;
+    xl: BreakpointsItem;
+}
+export interface HUIThemes {
+    type: string;
+    font: HUIThemesFont;
+    layout: HUIThemesLayout;
+    palette: HUIThemesPalette;
+    breakpoints: HUIThemesBreakpoints;
+    expressiveness: HUIThemesExpressiveness;
+}

package/dist/themes/presets/shared.d.ts

@@ -0,0 +1,4 @@
+import { HUIThemesBreakpoints, HUIThemesFont, HUIThemesLayout } from './index';
+export declare const defaultFont: HUIThemesFont;
+export declare const defaultBreakpoints: HUIThemesBreakpoints;
+export declare const defaultLayout: HUIThemesLayout;

package/dist/themes/themes.d.ts

@@ -0,0 +1,18 @@
+import { HUIThemes } from './presets/index';
+import type { DeepPartial } from '../utils/types';
+export type HUserTheme = DeepPartial<HUIThemes> & {
+    type: string;
+};
+export declare const isObject: (target: unknown) => unknown;
+export declare const deepDuplicable: <T extends Record<string, unknown>>(source: T, target: T) => T;
+declare const Themes: {
+    isPresetTheme: (themeOrType?: HUserTheme | HUIThemes | string) => boolean;
+    isAvailableThemeType: (type?: string) => boolean;
+    hasUserCustomTheme: (themes?: Array<HUIThemes>) => boolean;
+    getPresets: () => Array<HUIThemes>;
+    getPresetStaticTheme: () => HUIThemes;
+    create: (base: HUIThemes, custom: HUserTheme) => HUIThemes;
+    createFromDark: (custom: HUserTheme) => HUIThemes;
+    createFromLight: (custom: HUserTheme) => HUIThemes;
+};
+export default Themes;

package/dist/ui-provider/index.d.ts

@@ -0,0 +1,3 @@
+import HuiProvider from './ui-provider';
+export type { UiProviderProps } from './ui-provider';
+export default HuiProvider;