@bolio-ui/core 1.0.4 → 1.0.5

package/dist/Themes/Presets/Dark.d.ts

@@ -0,0 +1,8 @@
+import { BolioUIThemes, BolioUIThemesPalette, BolioUIThemesExpressiveness } from "./index";
+export declare const palette: BolioUIThemesPalette;
+export declare const expressiveness: BolioUIThemesExpressiveness;
+export declare const font: import("./index").BolioUIThemesFont;
+export declare const breakpoints: import("./index").BolioUIThemesBreakpoints;
+export declare const layout: import("./index").BolioUIThemesLayout;
+export declare const themes: BolioUIThemes;
+export default themes;

package/dist/Themes/Presets/Default.d.ts

@@ -0,0 +1,8 @@
+import { BolioUIThemes, BolioUIThemesPalette, BolioUIThemesExpressiveness } from "./index";
+export declare const palette: BolioUIThemesPalette;
+export declare const expressiveness: BolioUIThemesExpressiveness;
+export declare const font: import("./index").BolioUIThemesFont;
+export declare const breakpoints: import("./index").BolioUIThemesBreakpoints;
+export declare const layout: import("./index").BolioUIThemesLayout;
+export declare const themes: BolioUIThemes;
+export default themes;

package/dist/Themes/Presets/Shared.d.ts

@@ -0,0 +1,4 @@
+import { BolioUIThemesBreakpoints, BolioUIThemesFont, BolioUIThemesLayout } from "./index";
+export declare const defaultFont: BolioUIThemesFont;
+export declare const defaultBreakpoints: BolioUIThemesBreakpoints;
+export declare const defaultLayout: BolioUIThemesLayout;

package/dist/Themes/Presets/index.d.ts

@@ -0,0 +1,93 @@
+export interface BolioUIThemesPalette {
+    background: string;
+    foreground: string;
+    accents_1: string;
+    accents_2: string;
+    accents_3: string;
+    accents_4: string;
+    accents_5: string;
+    accents_6: string;
+    accents_7: string;
+    accents_8: string;
+    selection: string;
+    code: string;
+    border: string;
+    success: string;
+    successLighter: string;
+    successLight: string;
+    successDark: string;
+    primary: string;
+    primaryLighter: string;
+    primaryLight: string;
+    primaryDark: string;
+    secondary: string;
+    secondaryLighter: string;
+    secondaryLight: string;
+    secondaryDark: string;
+    error: string;
+    errorLighter: string;
+    errorLight: string;
+    errorDark: string;
+    warning: string;
+    warningLighter: string;
+    warningLight: string;
+    warningDark: string;
+    info: string;
+    infoLighter: string;
+    infoLight: string;
+    infoDark: string;
+    link: string;
+    purple: string;
+    alert: string;
+    pre: string;
+}
+export interface BolioUIThemesExpressiveness {
+    linkStyle: string;
+    linkHoverStyle: string;
+    dropdownBoxShadow: string;
+    scrollerStart: string;
+    scrollerEnd: string;
+    shadowSmall: string;
+    shadowMedium: string;
+    shadowLarge: string;
+    portalOpacity: number;
+}
+export interface BolioUIThemesLayout {
+    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 BolioUIThemesFont {
+    sans: string;
+    mono: string;
+    prism: string;
+}
+export interface BreakpointsItem {
+    min: string;
+    max: string;
+}
+export interface BolioUIThemesBreakpoints {
+    xs: BreakpointsItem;
+    sm: BreakpointsItem;
+    md: BreakpointsItem;
+    lg: BreakpointsItem;
+    xl: BreakpointsItem;
+}
+export interface BolioUIThemes {
+    type: string;
+    font: BolioUIThemesFont;
+    layout: BolioUIThemesLayout;
+    palette: BolioUIThemesPalette;
+    breakpoints: BolioUIThemesBreakpoints;
+    expressiveness: BolioUIThemesExpressiveness;
+}

package/dist/Themes/Themes.d.ts

@@ -0,0 +1,18 @@
+import { BolioUIThemes } from "./Presets/index";
+import type { DeepPartial } from "../utils/types";
+export declare type BolioUIUserTheme = DeepPartial<BolioUIThemes> & {
+    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?: string | BolioUIThemes | BolioUIUserTheme | undefined) => boolean;
+    isAvailableThemeType: (type?: string | undefined) => boolean;
+    hasUserCustomTheme: (themes?: Array<BolioUIThemes>) => boolean;
+    getPresets: () => Array<BolioUIThemes>;
+    getPresetStaticTheme: () => BolioUIThemes;
+    create: (base: BolioUIThemes, custom: BolioUIUserTheme) => BolioUIThemes;
+    createFromDark: (custom: BolioUIUserTheme) => BolioUIThemes;
+    createFromLight: (custom: BolioUIUserTheme) => BolioUIThemes;
+};
+export default Themes;

package/dist/Themes/index.d.ts

@@ -0,0 +1,4 @@
+import Themes from "./Themes";
+export type { BolioUIUserTheme } from "./Themes";
+export type { BolioUIThemes, BolioUIThemesBreakpoints, BreakpointsItem, BolioUIThemesExpressiveness, BolioUIThemesFont, BolioUIThemesLayout, BolioUIThemesPalette } from "./Presets";
+export default Themes;

package/dist/Themes/index.js

@@ -0,0 +1,319 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    enumerableOnly && (symbols = symbols.filter(function (sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
+  }
+
+  return keys;
+}
+
+function _objectSpread2(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
+      _defineProperty(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+  }
+
+  return target;
+}
+
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
+}
+
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
+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: '900pt',
+  pageWidthWithMargin: '930pt',
+  breakpointMobile: defaultBreakpoints.xs.max,
+  breakpointTablet: defaultBreakpoints.sm.max,
+  radius: '6px',
+  unit: '16px'
+};
+
+var palette$1 = {
+  background: '#fff',
+  foreground: '#000',
+  accents_1: '#fafafa',
+  accents_2: '#eaeaea',
+  accents_3: '#999',
+  accents_4: '#888',
+  accents_5: '#666',
+  accents_6: '#444',
+  accents_7: '#333',
+  accents_8: '#111',
+  selection: '#cee4fe',
+  code: '#C25FFF',
+  border: '#999',
+  primary: '#0072F6',
+  primaryLight: '#96C1F3',
+  primaryLighter: '#CEE4FF',
+  primaryDark: '#00254E',
+  secondary: '#7828C9',
+  secondaryLighter: '#D1B1F1',
+  secondaryLight: '#EADCF9',
+  secondaryDark: '#290E45',
+  error: '#F31261',
+  errorLight: '#FAA8C6',
+  errorLighter: '#FDD8E6',
+  errorDark: '#4E041F',
+  success: '#17C965',
+  successLight: '#ADF5CD',
+  successLighter: '#DAFBE9',
+  successDark: '#06371C',
+  warning: '#F5A525',
+  warningLight: '#FBDBA8',
+  warningLighter: '#FDEFD9',
+  warningDark: '#4E3105',
+  info: '#06B7DC',
+  infoLighter: '#A5EEFE',
+  infoLight: '#D7F8FF',
+  infoDark: '#053B49',
+  purple: '#f81ce5',
+  alert: '#ff0080',
+  link: '#0070f3',
+  pre: '#363450'
+};
+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 lightTheme = themes$1;
+
+var palette = {
+  background: '#000',
+  foreground: '#fff',
+  accents_1: '#111',
+  accents_2: '#333',
+  accents_3: '#444',
+  accents_4: '#666',
+  accents_5: '#888',
+  accents_6: '#999',
+  accents_7: '#eaeaea',
+  accents_8: '#fafafa',
+  selection: '#f81ce5',
+  code: '#C25FFF',
+  border: '#444',
+  primary: '#0072F6',
+  primaryLight: '#96C1F3',
+  primaryLighter: '#CEE4FF',
+  primaryDark: '#00254E',
+  secondary: '#7828C9',
+  secondaryLighter: '#D1B1F1',
+  secondaryLight: '#EADCF9',
+  secondaryDark: '#290E45',
+  error: '#F31261',
+  errorLight: '#FAA8C6',
+  errorLighter: '#FDD8E6',
+  errorDark: '#4E041F',
+  success: '#17C965',
+  successLight: '#ADF5CD',
+  successLighter: '#DAFBE9',
+  successDark: '#06371C',
+  warning: '#F5A525',
+  warningLight: '#FBDBA8',
+  warningLighter: '#FDEFD9',
+  warningDark: '#4E3105',
+  info: '#06B7DC',
+  infoLighter: '#A5EEFE',
+  infoLight: '#D7F8FF',
+  infoDark: '#053B49',
+  purple: '#f81ce5',
+  alert: '#ff0080',
+  link: '#3291ff',
+  pre: '#363450'
+};
+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 darkTheme = themes;
+
+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 [lightTheme, darkTheme];
+};
+
+var getPresetStaticTheme = function getPresetStaticTheme() {
+  return lightTheme;
+};
+
+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(darkTheme, custom);
+};
+
+var createFromLight = function createFromLight(custom) {
+  return create(lightTheme, custom);
+};
+
+var Themes = {
+  isPresetTheme: isPresetTheme,
+  isAvailableThemeType: isAvailableThemeType,
+  hasUserCustomTheme: hasUserCustomTheme,
+  getPresets: getPresets,
+  getPresetStaticTheme: getPresetStaticTheme,
+  create: create,
+  createFromDark: createFromDark,
+  createFromLight: createFromLight
+};
+var Themes$1 = Themes;
+
+exports["default"] = Themes$1;

package/dist/Toggle/Toggle.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import { NormalTypes } from "../utils/prop-types";
+export declare type ToggleTypes = NormalTypes;
+export interface ToggleEventTarget {
+    checked: boolean;
+}
+export interface ToggleEvent {
+    target: ToggleEventTarget;
+    stopPropagation: () => void;
+    preventDefault: () => void;
+    nativeEvent: React.ChangeEvent;
+}
+interface Props {
+    checked?: boolean;
+    initialChecked?: boolean;
+    onChange?: (ev: ToggleEvent) => void;
+    disabled?: boolean;
+    type?: ToggleTypes;
+    className?: string;
+}
+declare type NativeAttrs = Omit<React.LabelHTMLAttributes<any>, keyof Props>;
+export declare type ToggleProps = Props & NativeAttrs;
+export declare type ToggleSize = {
+    width: string;
+    height: string;
+};
+declare const Toggle: React.ForwardRefExoticComponent<Pick<Props & NativeAttrs & import("../use-scale").ScaleProps, string | number> & React.RefAttributes<unknown>>;
+export default Toggle;

package/dist/Toggle/index.d.ts

@@ -0,0 +1,3 @@
+import Toggle from "./Toggle";
+export type { ToggleProps, ToggleSize, ToggleEvent, ToggleEventTarget, ToggleTypes } from "./Toggle";
+export default Toggle;