@helpdice/ui 1.7.4 → 1.7.5

package/dist/PhoneInput/index.js

@@ -3,8 +3,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var useTheme = require('components/use-theme');
-var styles = require('components/input/styles');
 
 function _arrayLikeToArray(r, a) {
   (null == a || a > r.length) && (a = r.length);
@@ -14,6 +12,14 @@ function _arrayLikeToArray(r, a) {
 function _arrayWithHoles(r) {
   if (Array.isArray(r)) return r;
 }
+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 _iterableToArrayLimit(r, l) {
   var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
   if (null != t) {
@@ -41,9 +47,53 @@ function _iterableToArrayLimit(r, l) {
 function _nonIterableRest() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
+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 _slicedToArray(r, e) {
   return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
 }
+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);
+}
 function _unsupportedIterableToArray(r, a) {
   if (r) {
     if ("string" == typeof r) return _arrayLikeToArray(r, a);
@@ -1844,6 +1894,287 @@ var countries = [
 	}
 ];
 
+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
+};
+
+/* "use client" */
+
+var defaultTheme = Themes.getPresetStaticTheme();
+var ThemeContext = /*#__PURE__*/React.createContext(defaultTheme);
+var useTheme = function useTheme() {
+  return React.useContext(ThemeContext);
+};
+
+var getColors = function getColors(palette, status) {
+  var colors = {
+    "default": {
+      color: palette.foreground,
+      borderColor: palette.border,
+      hoverBorder: palette.accents_5
+    },
+    secondary: {
+      color: palette.foreground,
+      borderColor: palette.secondary,
+      hoverBorder: palette.secondary
+    },
+    success: {
+      color: palette.foreground,
+      borderColor: palette.successLight,
+      hoverBorder: palette.success
+    },
+    warning: {
+      color: palette.foreground,
+      borderColor: palette.warningLight,
+      hoverBorder: palette.warning
+    },
+    error: {
+      color: palette.error,
+      borderColor: palette.error,
+      hoverBorder: palette.errorDark
+    }
+  };
+  if (!status) return colors["default"];
+  return colors[status];
+};
+
 var PhoneInput = function PhoneInput(_ref) {
   var onChange = _ref.onChange,
     _ref$value = _ref.value,
@@ -1879,7 +2210,7 @@ var PhoneInput = function PhoneInput(_ref) {
     setSearchTerm = _useState0[1];
   var dropdownRef = React.useRef(null);
   var _useMemo = React.useMemo(function () {
-      return styles.getColors(theme.palette, _color);
+      return getColors(theme.palette, _color);
     }, [theme.palette]),
     borderColor = _useMemo.borderColor,
     hoverBorder = _useMemo.hoverBorder;

package/dist/PhoneInput/phone.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { InputTypes } from 'components/input';
+import { InputTypes } from '../input';
 type PhoneInputProps = {
     onChange: (data: string) => void;
     value?: string;

package/dist/index.js

@@ -4,8 +4,6 @@ var React = require('react');
 var reactDom = require('react-dom');
 var reactDom$1 = require('@floating-ui/react-dom');
 var jsxRuntime = require('react/jsx-runtime');
-var useTheme$1 = require('components/use-theme');
-var styles = require('components/input/styles');
 var reactSyntaxHighlighter = require('react-syntax-highlighter');
 var prism = require('react-syntax-highlighter/dist/cjs/styles/prism');
 var require$$0 = require('react-is');
@@ -36362,7 +36360,7 @@ var PhoneInput = function PhoneInput(_ref) {
     placeholder = _ref$placeholder === void 0 ? 'Enter phone number' : _ref$placeholder,
     _ref$color = _ref.color,
     _color = _ref$color === void 0 ? 'default' : _ref$color;
-  var theme = useTheme$1();
+  var theme = useTheme();
   var defaultValue = country ? countries.findIndex(function (cn) {
     return cn.code == country;
   }) : 103;
@@ -36388,7 +36386,7 @@ var PhoneInput = function PhoneInput(_ref) {
     setSearchTerm = _useState0[1];
   var dropdownRef = React.useRef(null);
   var _useMemo = React.useMemo(function () {
-      return styles.getColors(theme.palette, _color);
+      return getColors$8(theme.palette, _color);
     }, [theme.palette]),
     borderColor = _useMemo.borderColor,
     hoverBorder = _useMemo.hoverBorder;

package/esm/PhoneInput/phone.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { InputTypes } from 'components/input';
+import { InputTypes } from '../input';
 type PhoneInputProps = {
     onChange: (data: string) => void;
     value?: string;

package/esm/PhoneInput/phone.js

@@ -2,8 +2,8 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _JSXStyle from "../styled-jsx.es.js";
 import React, { useState, useRef, useEffect, useMemo } from 'react';
 import countries from './countries.json';
-import useTheme from 'components/use-theme';
-import { getColors } from 'components/input/styles';
+import useTheme from '../use-theme';
+import { getColors } from '../input/styles';
 var PhoneInput = function PhoneInput(_ref) {
   var onChange = _ref.onChange,
     _ref$value = _ref.value,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@helpdice/ui",
-  "version": "1.7.4",
+  "version": "1.7.5",
   "main": "dist/index.js",
   "types": "esm/index.d.ts",
   "unpkg": "dist/index.min.js",
@@ -57,7 +57,6 @@
     "@babel/preset-env": "^7.14.7",
     "@babel/preset-react": "^7.14.5",
     "@babel/preset-typescript": "^7.14.5",
-    "@helpdice/pro": "D:\\Github\\pro\\build",
     "@mapbox/rehype-prism": "^0.9.0",
     "@mdx-js/loader": "^3.1.0",
     "@mdx-js/react": "^3.1.0",
@@ -101,6 +100,7 @@
   "dependencies": {
     "@floating-ui/react-dom": "^2.1.3",
     "@helpdice/icons": "^1.1.2",
+    "@helpdice/pro": "D:\\Github\\build",
     "@mapbox/rehype-prism": "^0.9.0",
     "@types/hoist-non-react-statics": "^3.3.6",
     "@types/styled-components": "^5.1.34",