@ntbjs/react-components 1.3.0-rc.9 → 2.0.0-rc.3

package/esm/node_modules/stylis/src/Utility.js

@@ -0,0 +1,117 @@
+/**
+ * @param {number}
+ * @return {number}
+ */
+var abs = Math.abs;
+
+/**
+ * @param {number}
+ * @return {string}
+ */
+var from = String.fromCharCode;
+
+/**
+ * @param {object}
+ * @return {object}
+ */
+var assign = Object.assign;
+
+/**
+ * @param {string} value
+ * @param {number} length
+ * @return {number}
+ */
+function hash (value, length) {
+	return charat(value, 0) ^ 45 ? (((((((length << 2) ^ charat(value, 0)) << 2) ^ charat(value, 1)) << 2) ^ charat(value, 2)) << 2) ^ charat(value, 3) : 0
+}
+
+/**
+ * @param {string} value
+ * @return {string}
+ */
+function trim (value) {
+	return value.trim()
+}
+
+/**
+ * @param {string} value
+ * @param {RegExp} pattern
+ * @return {string?}
+ */
+function match (value, pattern) {
+	return (value = pattern.exec(value)) ? value[0] : value
+}
+
+/**
+ * @param {string} value
+ * @param {(string|RegExp)} pattern
+ * @param {string} replacement
+ * @return {string}
+ */
+function replace (value, pattern, replacement) {
+	return value.replace(pattern, replacement)
+}
+
+/**
+ * @param {string} value
+ * @param {string} search
+ * @return {number}
+ */
+function indexof (value, search) {
+	return value.indexOf(search)
+}
+
+/**
+ * @param {string} value
+ * @param {number} index
+ * @return {number}
+ */
+function charat (value, index) {
+	return value.charCodeAt(index) | 0
+}
+
+/**
+ * @param {string} value
+ * @param {number} begin
+ * @param {number} end
+ * @return {string}
+ */
+function substr (value, begin, end) {
+	return value.slice(begin, end)
+}
+
+/**
+ * @param {string} value
+ * @return {number}
+ */
+function strlen (value) {
+	return value.length
+}
+
+/**
+ * @param {any[]} value
+ * @return {number}
+ */
+function sizeof (value) {
+	return value.length
+}
+
+/**
+ * @param {any} value
+ * @param {any[]} array
+ * @return {any}
+ */
+function append (value, array) {
+	return array.push(value), value
+}
+
+/**
+ * @param {string[]} array
+ * @param {function} callback
+ * @return {string}
+ */
+function combine (array, callback) {
+	return array.map(callback).join('')
+}
+
+export { abs, append, assign, charat, combine, from, hash, indexof, match, replace, sizeof, strlen, substr, trim };

package/esm/node_modules/tippy.js/animations/shift-away-subtle.css.js

@@ -0,0 +1,4 @@
+import styleInject from '../../style-inject/dist/style-inject.es.js';
+
+var css_248z = ".tippy-box[data-animation=shift-away-subtle][data-state=hidden]{opacity:0}.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=top]{transform:translateY(5px)}.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=bottom]{transform:translateY(-5px)}.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=left]{transform:translateX(5px)}.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=right]{transform:translateX(-5px)}";
+styleInject(css_248z);

package/esm/node_modules/tippy.js/dist/tippy.css.js

@@ -0,0 +1,4 @@
+import styleInject from '../../style-inject/dist/style-inject.es.js';
+
+var css_248z = ".tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:\"\";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}";
+styleInject(css_248z);

package/esm/node_modules/use-isomorphic-layout-effect/dist/use-isomorphic-layout-effect.esm.js

@@ -0,0 +1,8 @@
+import '../../react/index.js';
+import { r as react } from '../../../_virtual/index.js';
+
+var isClient = typeof document !== 'undefined';
+
+var index = isClient ? react.exports.useLayoutEffect : react.exports.useEffect;
+
+export { index as default };

package/esm/ssr/ssr/index.js

@@ -0,0 +1 @@
+export { ServerStyleSheet } from 'styled-components';

package/esm/styles/utils/colors.scss.js

@@ -0,0 +1,7 @@
+import styleInject from '../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = "/**\n * Colors\n */";
+var importedColors = {"orange-600":"#634e01","orange-500":"#ff9900","orange-400":"#ffcb7e","emerald-600":"#296c58","emerald-500":"#30826a","emerald-400":"#64b49d","emerald-300":"#bfe0d5","emerald-200":"#f3f9f7","gray-900":"#141313","gray-800":"#272727","gray-700":"#323232","gray-600":"#505050","gray-500":"#767676","gray-400":"#b0b6b9","gray-300":"#d9dce0","gray-200":"#eff1f4","gray-100":"#f7f8f9","cercise-500":"#5f1031","cercise-400":"#854962","cercise-300":"#d099b0","cercise-200":"#fecaca","cercise-100":"#f9f3f5","red-600":"#7f1b1b","red-500":"#d83000","red-200":"#fbeae6","brown-500":"#634e01","signal-yellow-500":"#f4e21e","signal-yellow-400":"#fff36c","signal-green-500":"#00bd98","signal-green-400":"#a3ffe0","black":"#202435","white":"#ffffff"};
+styleInject(css_248z);
+
+export { importedColors as default };

package/esm/utils/dateTime.js

@@ -0,0 +1,16 @@
+const convertMsToHMS = ms => {
+  const seconds = Math.floor(ms / 1000);
+  const minutes = Math.floor(seconds / 60);
+  const hours = Math.floor(minutes / 60);
+  const secondsLeft = seconds % 60;
+  const minutesLeft = minutes % 60;
+  let hmsString = '';
+  if (hours) {
+    hmsString += hours < 10 ? `0${hours}:` : `${hours}:`;
+  }
+  hmsString += `${minutesLeft < 10 ? `0${minutesLeft}` : `${minutesLeft}`}:`;
+  hmsString += secondsLeft < 10 ? `0${secondsLeft}` : `${secondsLeft}`;
+  return hmsString;
+};
+
+export { convertMsToHMS };

package/esm/utils/defaultTheme.js

@@ -0,0 +1,47 @@
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
+import importedColors from '../styles/utils/colors.scss.js';
+import { css } from 'styled-components';
+
+const _excluded = ["theme"];
+let _ = t => t,
+  _t;
+const defaultTheme = {
+  getColor: name => {
+    if (!importedColors[name]) throw Error(`The color "${name}" is not registered.`);
+    return importedColors[name];
+  },
+  primaryFontFamily: "'Roboto', sans-serif",
+  secondaryFontFamily: "'Overpass', sans-serif",
+  themeProp
+};
+function themeProp(property, darkMode, lightMode, specificity = 2) {
+  const specificityString = Array(specificity).fill("&").join("");
+  return css(_t || (_t = _`
+    body.dark-theme ${0} {
+      ${0}: ${0};
+    }
+
+    body.light-theme ${0} {
+      ${0}: ${0};
+    }
+
+    body:not(.light-theme):not(.dark-theme) ${0} {
+      ${0}: ${0};
+
+      @media (prefers-color-scheme: dark) {
+        ${0}: ${0};
+      }
+    }
+  `), specificityString, property, darkMode, specificityString, property, lightMode, specificityString, property, lightMode, property, darkMode);
+}
+function applyDefaultTheme(_ref) {
+  let {
+      theme = {}
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return _objectSpread2(_objectSpread2({}, props), {}, {
+    theme: Object.assign({}, defaultTheme, theme)
+  });
+}
+
+export { applyDefaultTheme, defaultTheme };

package/icons/arrow-forward.svg

@@ -0,0 +1,3 @@
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 16 16">
+  <path class="st0" d="M12.2,9H0v-2h12.2L6.6,1.4l1.4-1.4,8,8-8,8-1.4-1.4,5.6-5.6Z"/>
+</svg>

package/icons/index.js

@@ -2,6 +2,7 @@ import { ReactComponent as AddIcon } from './add.svg';
 import { ReactComponent as AddCircleIcon } from './add-circle.svg';
 import { ReactComponent as AlbumIcon } from './album.svg';
 import { ReactComponent as ArrowBackIcon } from './arrow-back.svg';
+import { ReactComponent as ArrowForwardIcon } from './arrow-forward.svg';
 import { ReactComponent as ArrowDropDownIcon } from './arrow-drop-down.svg';
 import { ReactComponent as AudioIcon } from './audio.svg';
 import { ReactComponent as BellIcon } from './bell.svg';
@@ -42,6 +43,7 @@ export {
   AlbumIcon,
   ArrowBackIcon,
   ArrowDropDownIcon,
+  ArrowForwardIcon,
   AudioIcon,
   BellIcon,
   CheckCircleIcon,