@onereach/ui-components 2.70.0-beta.2185.0 → 2.70.0-beta.2206.0

package/dist/bundled/v3/components/OrChips/index.js

@@ -1,20 +1,23 @@
 export { default as OrChip } from '../OrChip/OrChip.js';
-export { s as OrChips } from '../../OrChips.vue_vue_type_script_lang-fc2bd126.js';
+export { s as OrChips } from '../../OrChips.vue_vue_type_script_lang-20f25092.js';
 import 'vue-demi';
 import '../OrIcon/OrIcon.js';
-import '../../OrIcon.vue_vue_type_script_lang-d4254862.js';
+import '../../OrIcon.vue_vue_type_script_lang-aadbcbe3.js';
 import 'lodash';
-import '../../px-to-rem-0b26b83e.js';
+import '../OrIcon/constants.js';
+import '../../utils/functions/px-to-rem.js';
 import '../OrTooltipContent/OrTooltipContent.js';
 import 'vue';
 import '../../style-inject.es-4c6f2515.js';
 import '../OrFloating/OrFloating.js';
-import '../../OrFloating.vue_vue_type_script_lang-d29049e5.js';
+import '../../OrFloating.vue_vue_type_script_lang-66ce28ae.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrTeleportVue3/OrTeleportVue3.js';
-import '../../constants-b4c183aa.js';
-import '../../dom-a98e78cb.js';
-import '../../OrChipsInput-949fd28b.js';
+import '../OrTeleport/constants.js';
+import '../OrFloating/constants.js';
+import '../../utils/functions/dom.js';
+import '../OrChipsInput/OrChipsInput.js';
+import './constants.js';
 import '../OrLabel/OrLabel.js';
 import '../../OrLabel.vue_vue_type_script_lang-95601b40.js';
 import '../OrError/OrError.js';

package/dist/bundled/v3/components/OrChipsInput/OrChipsInput.js

@@ -1,16 +1,111 @@
-export { s as default } from '../../OrChipsInput-949fd28b.js';
-import 'vue-demi';
-import '../OrChip/OrChip.js';
+import { defineComponent } from 'vue-demi';
+import script$1 from '../OrChip/OrChip.js';
+import { OR_CHIPS_VALUE_PROP, PLACEHOLDER_PROP } from '../OrChips/constants.js';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, withModifiers, Fragment, renderList, createBlock, createElementVNode } from 'vue';
+import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import '../OrIcon/OrIcon.js';
-import '../../OrIcon.vue_vue_type_script_lang-d4254862.js';
+import '../../OrIcon.vue_vue_type_script_lang-aadbcbe3.js';
 import 'lodash';
-import '../../px-to-rem-0b26b83e.js';
+import '../OrIcon/constants.js';
+import '../../utils/functions/px-to-rem.js';
 import '../OrTooltipContent/OrTooltipContent.js';
-import 'vue';
-import '../../style-inject.es-4c6f2515.js';
 import '../OrFloating/OrFloating.js';
-import '../../OrFloating.vue_vue_type_script_lang-d29049e5.js';
+import '../../OrFloating.vue_vue_type_script_lang-66ce28ae.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrTeleportVue3/OrTeleportVue3.js';
-import '../../constants-b4c183aa.js';
-import '../../dom-a98e78cb.js';
+import '../OrTeleport/constants.js';
+import '../OrFloating/constants.js';
+import '../../utils/functions/dom.js';
+
+var script = defineComponent({
+  name: 'OrChipsInput',
+  components: {
+    OrChip: script$1
+  },
+  props: {
+    chips: OR_CHIPS_VALUE_PROP,
+    placeholder: PLACEHOLDER_PROP,
+    input: {
+      type: String,
+      default: ''
+    },
+    duplicateAtIndex: {
+      type: Number,
+      default: -1
+    },
+    isFocused: Boolean,
+    isDisabled: Boolean,
+    isInvalid: Boolean
+  },
+  emits: ['add-chip', 'delete-chip', 'input-change', 'focus', 'blur'],
+  computed: {
+    placeholderText() {
+      return this.chips && this.chips.length ? '' : this.placeholder;
+    },
+    states() {
+      return {
+        error: this.isInvalid,
+        disabled: this.isDisabled
+      };
+    }
+  },
+  watch: {
+    isFocused: {
+      handler(isFocused) {
+        const ref = this.$refs['or-chips-input'];
+        if (ref) {
+          isFocused ? ref.focus() : ref.blur();
+        }
+      },
+      immediate: true
+    }
+  },
+  methods: {
+    getOrChipColor(index) {
+      return this.duplicateAtIndex === index ? 'error' : '';
+    },
+    /* Help user to put input in focus by clicking on empty space  */
+    handleContentClick(event) {
+      const CONTENT_CLASS = 'or-chips-input';
+      const target = event.target;
+      if (target.classList.contains(CONTENT_CLASS)) {
+        this.$emit('focus');
+      }
+    }
+  }
+});
+
+const _hoisted_1 = ["value", "placeholder", "disabled"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_or_chip = resolveComponent("or-chip");
+  return openBlock(), createElementBlock("form", {
+    class: normalizeClass(["or-chips-input", _ctx.states]),
+    onClick: _cache[2] || (_cache[2] = (...args) => _ctx.handleContentClick && _ctx.handleContentClick(...args)),
+    onSubmit: _cache[3] || (_cache[3] = withModifiers($event => _ctx.$emit('add-chip'), ["prevent"]))
+  }, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.chips, (item, index) => {
+    return openBlock(), createBlock(_component_or_chip, {
+      key: index,
+      content: item,
+      color: _ctx.getOrChipColor(index),
+      "is-disabled": _ctx.isDisabled,
+      onDelete: $event => _ctx.$emit('delete-chip', index)
+    }, null, 8 /* PROPS */, ["content", "color", "is-disabled", "onDelete"]);
+  }), 128 /* KEYED_FRAGMENT */)), createElementVNode("input", {
+    ref: "or-chips-input",
+    value: _ctx.input,
+    placeholder: _ctx.placeholderText,
+    disabled: _ctx.isDisabled,
+    class: "or-chips-input-element",
+    onInput: _cache[0] || (_cache[0] = $event => _ctx.$emit('input-change', $event.target.value)),
+    onBlur: _cache[1] || (_cache[1] = $event => _ctx.$emit('blur'))
+  }, null, 40 /* PROPS, HYDRATE_EVENTS */, _hoisted_1)], 34 /* CLASS, HYDRATE_EVENTS */);
+}
+
+var css_248z = "/**\n * A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.\n * Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/\n */\n@keyframes spinAround-519ba710 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-519ba710 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n.or-chips-input[data-v-519ba710] {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  padding: 0.125rem 0.5rem;\n  background-color: var(--c-neutral-1);\n  border: 1px solid var(--c-neutral-2);\n  border-radius: 0.25rem;\n}\n.or-chips-input.error[data-v-519ba710] {\n  border-color: var(--c-error);\n}\n.or-chips-input.disabled[data-v-519ba710] {\n  cursor: not-allowed;\n}\n.or-chips-input.disabled .or-chips-input-element[data-v-519ba710] {\n  cursor: not-allowed;\n}\n.or-chips-input-element[data-v-519ba710] {\n  flex: 1 1 auto;\n  min-width: 0;\n  height: 1.875rem;\n  margin: 0 0.125rem;\n  font-size: var(--fs-1);\n  background: transparent;\n  border: none;\n  outline: none;\n}\n.or-chips-input .or-chip[data-v-519ba710] {\n  margin: 0.125rem;\n}";
+styleInject(css_248z);
+
+script.render = render;
+script.__scopeId = "data-v-519ba710";
+script.__file = "src/components/or-chips/OrChipsInput.vue";
+
+export { script as default };

package/dist/bundled/v3/components/OrCode/OrCode.js

@@ -1,30 +1,36 @@
-import { s as script } from '../../OrCode.vue_vue_type_script_lang-fe4c9a58.js';
-export { s as default } from '../../OrCode.vue_vue_type_script_lang-fe4c9a58.js';
+import { s as script } from '../../OrCode.vue_vue_type_script_lang-ec35d27e.js';
+export { s as default } from '../../OrCode.vue_vue_type_script_lang-ec35d27e.js';
 import { resolveComponent, openBlock, createElementBlock, createVNode, withCtx, renderSlot, createElementVNode, normalizeClass, createBlock, createCommentVNode, withDirectives, vShow } from 'vue';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
+import '../../lang-d640563a.js';
+import './constants.js';
 import '@vueuse/core';
 import 'lodash';
 import 'vue-demi';
 import '../OrTeleportVue3/OrTeleportVue3.js';
-import '../../constants-b4c183aa.js';
+import '../OrTeleport/constants.js';
 import '../OrIconButtonV2/OrIconButtonV2.js';
-import '../../OrIconButton.vue_vue_type_script_lang-71dd403b.js';
+import '../../OrIconButton.vue_vue_type_script_lang-721e0c2f.js';
 import '../OrTooltipWrapperV2/OrTooltipWrapperV2.js';
 import '../OrTooltip/OrTooltip.js';
-import '../../OrTooltip.vue_vue_type_script_lang-42773e6f.js';
+import '../../OrTooltip.vue_vue_type_script_lang-f8b8a2c1.js';
 import '../OrTooltipContent/OrTooltipContent.js';
 import '../OrFloating/OrFloating.js';
-import '../../OrFloating.vue_vue_type_script_lang-d29049e5.js';
+import '../../OrFloating.vue_vue_type_script_lang-66ce28ae.js';
 import '../../floating-ui.dom.esm-83eba816.js';
-import '../../dom-a98e78cb.js';
-import '../../constants-c5d1139f.js';
+import '../OrFloating/constants.js';
+import '../../utils/functions/dom.js';
+import '../OrButtonV2/constants.js';
 import '../OrIcon/OrIcon.js';
-import '../../OrIcon.vue_vue_type_script_lang-d4254862.js';
-import '../../px-to-rem-0b26b83e.js';
+import '../../OrIcon.vue_vue_type_script_lang-aadbcbe3.js';
+import '../OrIcon/constants.js';
+import '../../utils/functions/px-to-rem.js';
 import '../OrLoader/OrLoader.js';
-import '../../OrLoader.vue_vue_type_script_lang-352f1432.js';
+import '../../OrLoader.vue_vue_type_script_lang-b48715a3.js';
+import '../OrLoader/constants.js';
 import '../OrModal/OrModal.js';
-import '../../OrModal.vue_vue_type_script_lang-a988003c.js';
+import '../../OrModal.vue_vue_type_script_lang-ee130ace.js';
+import '../OrModal/constants.js';
 import '../OrOverlay/OrOverlay.js';
 import '../../OrOverlay.vue_vue_type_script_lang-2f5d626d.js';
 import '../OrError/OrError.js';

package/dist/bundled/v3/components/OrCode/constants.js

@@ -0,0 +1,11 @@
+var OrCodeLanguages;
+(function (OrCodeLanguages) {
+  OrCodeLanguages["JS"] = "javascript";
+  OrCodeLanguages["TS"] = "typescript";
+  OrCodeLanguages["CSS"] = "css";
+  OrCodeLanguages["HTML"] = "html";
+  OrCodeLanguages["JSON"] = "json";
+  OrCodeLanguages["MD"] = "markdown";
+})(OrCodeLanguages || (OrCodeLanguages = {}));
+
+export { OrCodeLanguages };

package/dist/bundled/v3/components/OrCode/index.js

@@ -1,29 +1,35 @@
-export { s as OrCode, O as OrCodeLanguages } from '../../OrCode.vue_vue_type_script_lang-fe4c9a58.js';
+export { OrCodeLanguages } from './constants.js';
+export { s as OrCode } from '../../OrCode.vue_vue_type_script_lang-ec35d27e.js';
+import '../../lang-d640563a.js';
 import '@vueuse/core';
 import 'lodash';
 import 'vue-demi';
 import '../OrTeleportVue3/OrTeleportVue3.js';
-import '../../constants-b4c183aa.js';
+import '../OrTeleport/constants.js';
 import 'vue';
 import '../OrIconButtonV2/OrIconButtonV2.js';
-import '../../OrIconButton.vue_vue_type_script_lang-71dd403b.js';
+import '../../OrIconButton.vue_vue_type_script_lang-721e0c2f.js';
 import '../OrTooltipWrapperV2/OrTooltipWrapperV2.js';
 import '../OrTooltip/OrTooltip.js';
-import '../../OrTooltip.vue_vue_type_script_lang-42773e6f.js';
+import '../../OrTooltip.vue_vue_type_script_lang-f8b8a2c1.js';
 import '../OrTooltipContent/OrTooltipContent.js';
 import '../../style-inject.es-4c6f2515.js';
 import '../OrFloating/OrFloating.js';
-import '../../OrFloating.vue_vue_type_script_lang-d29049e5.js';
+import '../../OrFloating.vue_vue_type_script_lang-66ce28ae.js';
 import '../../floating-ui.dom.esm-83eba816.js';
-import '../../dom-a98e78cb.js';
-import '../../constants-c5d1139f.js';
+import '../OrFloating/constants.js';
+import '../../utils/functions/dom.js';
+import '../OrButtonV2/constants.js';
 import '../OrIcon/OrIcon.js';
-import '../../OrIcon.vue_vue_type_script_lang-d4254862.js';
-import '../../px-to-rem-0b26b83e.js';
+import '../../OrIcon.vue_vue_type_script_lang-aadbcbe3.js';
+import '../OrIcon/constants.js';
+import '../../utils/functions/px-to-rem.js';
 import '../OrLoader/OrLoader.js';
-import '../../OrLoader.vue_vue_type_script_lang-352f1432.js';
+import '../../OrLoader.vue_vue_type_script_lang-b48715a3.js';
+import '../OrLoader/constants.js';
 import '../OrModal/OrModal.js';
-import '../../OrModal.vue_vue_type_script_lang-a988003c.js';
+import '../../OrModal.vue_vue_type_script_lang-ee130ace.js';
+import '../OrModal/constants.js';
 import '../OrOverlay/OrOverlay.js';
 import '../../OrOverlay.vue_vue_type_script_lang-2f5d626d.js';
 import '../OrError/OrError.js';

package/dist/bundled/v3/components/OrCode/lang.js

@@ -0,0 +1,2 @@
+export { a5 as CSS, a6 as HTML, a3 as JS, a7 as JSON, a8 as MD, a4 as TS, a2 as default } from '../../lang-d640563a.js';
+import './constants.js';

package/dist/bundled/v3/components/OrCollapse/OrCollapse.js

@@ -1,10 +1,10 @@
-import { s as script } from '../../OrCollapse.vue_vue_type_script_lang-76b28b03.js';
-export { s as default } from '../../OrCollapse.vue_vue_type_script_lang-76b28b03.js';
+import { s as script } from '../../OrCollapse.vue_vue_type_script_lang-e22b5a76.js';
+export { s as default } from '../../OrCollapse.vue_vue_type_script_lang-e22b5a76.js';
 import { openBlock, createBlock, Transition, withCtx, withDirectives, createElementBlock, renderSlot, normalizeProps, guardReactiveProps, vShow, Fragment, createCommentVNode } from 'vue';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import 'vue-demi';
-import '../../px-to-rem-0b26b83e.js';
-import '../../dom-a98e78cb.js';
+import '../../utils/functions/px-to-rem.js';
+import '../../utils/functions/dom.js';
 import 'lodash';
 
 const _hoisted_1 = {

package/dist/bundled/v3/components/OrCollapse/index.js

@@ -1,5 +1,5 @@
-export { s as OrCollapse } from '../../OrCollapse.vue_vue_type_script_lang-76b28b03.js';
+export { s as OrCollapse } from '../../OrCollapse.vue_vue_type_script_lang-e22b5a76.js';
 import 'vue-demi';
-import '../../px-to-rem-0b26b83e.js';
-import '../../dom-a98e78cb.js';
+import '../../utils/functions/px-to-rem.js';
+import '../../utils/functions/dom.js';
 import 'lodash';

package/dist/bundled/v3/components/OrColorPicker/OrColorPicker.js

@@ -1,15 +1,18 @@
-import { s as script } from '../../OrColorPicker.vue_vue_type_script_lang-5e190fa5.js';
-export { s as default } from '../../OrColorPicker.vue_vue_type_script_lang-5e190fa5.js';
+import { s as script } from '../../OrColorPicker.vue_vue_type_script_lang-7987074d.js';
+export { s as default } from '../../OrColorPicker.vue_vue_type_script_lang-7987074d.js';
 import { resolveComponent, openBlock, createElementBlock, createElementVNode, normalizeStyle, withModifiers, createBlock, withCtx, Fragment, renderList, normalizeClass, withDirectives, vShow, createCommentVNode, pushScopeId, popScopeId } from 'vue';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
+import './constants.js';
 import 'vue-demi';
 import '@vueuse/core';
+import './defultPalette.js';
 import '../OrFloating/OrFloating.js';
-import '../../OrFloating.vue_vue_type_script_lang-d29049e5.js';
+import '../../OrFloating.vue_vue_type_script_lang-66ce28ae.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrTeleportVue3/OrTeleportVue3.js';
-import '../../constants-b4c183aa.js';
-import '../../dom-a98e78cb.js';
+import '../OrTeleport/constants.js';
+import '../OrFloating/constants.js';
+import '../../utils/functions/dom.js';
 import 'lodash';
 
 const _withScopeId = n => (pushScopeId("data-v-da42f3fe"), n = n(), popScopeId(), n);

package/dist/bundled/v3/components/OrColorPicker/constants.js

@@ -0,0 +1,323 @@
+const red = {
+  50: '#FFEBEE',
+  100: '#FFCDD2',
+  200: '#EF9A9A',
+  300: '#E57373',
+  400: '#EF5350',
+  500: '#F44336',
+  600: '#E53935',
+  700: '#D32F2F',
+  800: '#C62828',
+  900: '#B71C1C',
+  A100: '#FF8A80',
+  A200: '#FF5252',
+  A400: '#FF1744',
+  A700: '#D50000'
+};
+const pink = {
+  50: '#FCE4EC',
+  100: '#F8BBD0',
+  200: '#F48FB1',
+  300: '#F06292',
+  400: '#EC407A',
+  500: '#E91E63',
+  600: '#D81B60',
+  700: '#C2185B',
+  800: '#AD1457',
+  900: '#880E4F',
+  A100: '#FF80AB',
+  A200: '#FF4081',
+  A400: '#F50057',
+  A700: '#C51162'
+};
+const purple = {
+  50: '#F3E5F5',
+  100: '#E1BEE7',
+  200: '#CE93D8',
+  300: '#BA68C8',
+  400: '#AB47BC',
+  500: '#9C27B0',
+  600: '#8E24AA',
+  700: '#7B1FA2',
+  800: '#6A1B9A',
+  900: '#4A148C',
+  A100: '#EA80FC',
+  A200: '#E040FB',
+  A400: '#D500F9',
+  A700: '#AA00FF'
+};
+const deepPurple = {
+  50: '#EDE7F6',
+  100: '#D1C4E9',
+  200: '#B39DDB',
+  300: '#9575CD',
+  400: '#7E57C2',
+  500: '#673AB7',
+  600: '#5E35B1',
+  700: '#512DA8',
+  800: '#4527A0',
+  900: '#311B92',
+  A100: '#B388FF',
+  A200: '#7C4DFF',
+  A400: '#651FFF',
+  A700: '#6200EA'
+};
+const indigo = {
+  50: '#E8EAF6',
+  100: '#C5CAE9',
+  200: '#9FA8DA',
+  300: '#7986CB',
+  400: '#5C6BC0',
+  500: '#3F51B5',
+  600: '#3949AB',
+  700: '#303F9F',
+  800: '#283593',
+  900: '#1A237E',
+  A100: '#8C9EFF',
+  A200: '#536DFE',
+  A400: '#3D5AFE',
+  A700: '#304FFE'
+};
+const blue = {
+  50: '#E3F2FD',
+  100: '#BBDEFB',
+  200: '#90CAF9',
+  300: '#64B5F6',
+  400: '#42A5F5',
+  500: '#2196F3',
+  600: '#1E88E5',
+  700: '#1976D2',
+  800: '#1565C0',
+  900: '#0D47A1',
+  A100: '#82B1FF',
+  A200: '#448AFF',
+  A400: '#2979FF',
+  A700: '#2962FF'
+};
+const lightBlue = {
+  50: '#E1F5FE',
+  100: '#B3E5FC',
+  200: '#81D4FA',
+  300: '#4FC3F7',
+  400: '#29B6F6',
+  500: '#03A9F4',
+  600: '#039BE5',
+  700: '#0288D1',
+  800: '#0277BD',
+  900: '#01579B',
+  A100: '#80D8FF',
+  A200: '#40C4FF',
+  A400: '#00B0FF',
+  A700: '#0091EA'
+};
+const cyan = {
+  50: '#E0F7FA',
+  100: '#B2EBF2',
+  200: '#80DEEA',
+  300: '#4DD0E1',
+  400: '#26C6DA',
+  500: '#00BCD4',
+  600: '#00ACC1',
+  700: '#0097A7',
+  800: '#00838F',
+  900: '#006064',
+  A100: '#84FFFF',
+  A200: '#18FFFF',
+  A400: '#00E5FF',
+  A700: '#00B8D4'
+};
+const teal = {
+  50: '#E0F2F1',
+  100: '#B2DFDB',
+  200: '#80CBC4',
+  300: '#4DB6AC',
+  400: '#26A69A',
+  500: '#009688',
+  600: '#00897B',
+  700: '#00796B',
+  800: '#00695C',
+  900: '#004D40',
+  A100: '#A7FFEB',
+  A200: '#64FFDA',
+  A400: '#1DE9B6',
+  A700: '#00BFA5'
+};
+const green = {
+  50: '#E8F5E9',
+  100: '#C8E6C9',
+  200: '#A5D6A7',
+  300: '#81C784',
+  400: '#66BB6A',
+  500: '#4CAF50',
+  600: '#43A047',
+  700: '#388E3C',
+  800: '#2E7D32',
+  900: '#1B5E20',
+  A100: '#B9F6CA',
+  A200: '#69F0AE',
+  A400: '#00E676',
+  A700: '#00C853'
+};
+const lightGreen = {
+  50: '#F1F8E9',
+  100: '#DCEDC8',
+  200: '#C5E1A5',
+  300: '#AED581',
+  400: '#9CCC65',
+  500: '#8BC34A',
+  600: '#7CB342',
+  700: '#689F38',
+  800: '#558B2F',
+  900: '#33691E',
+  A100: '#CCFF90',
+  A200: '#B2FF59',
+  A400: '#76FF03',
+  A700: '#64DD17'
+};
+const lime = {
+  50: '#F9FBE7',
+  100: '#F0F4C3',
+  200: '#E6EE9C',
+  300: '#DCE775',
+  400: '#D4E157',
+  500: '#CDDC39',
+  600: '#C0CA33',
+  700: '#AFB42B',
+  800: '#9E9D24',
+  900: '#827717',
+  A100: '#F4FF81',
+  A200: '#EEFF41',
+  A400: '#C6FF00',
+  A700: '#AEEA00'
+};
+const yellow = {
+  50: '#FFFDE7',
+  100: '#FFF9C4',
+  200: '#FFF59D',
+  300: '#FFF176',
+  400: '#FFEE58',
+  500: '#FFEB3B',
+  600: '#FDD835',
+  700: '#FBC02D',
+  800: '#F9A825',
+  900: '#F57F17',
+  A100: '#FFFF8D',
+  A200: '#FFFF00',
+  A400: '#FFEA00',
+  A700: '#FFD600'
+};
+const amber = {
+  50: '#FFF8E1',
+  100: '#FFECB3',
+  200: '#FFE082',
+  300: '#FFD54F',
+  400: '#FFCA28',
+  500: '#FFC107',
+  600: '#FFB300',
+  700: '#FFA000',
+  800: '#FF8F00',
+  900: '#FF6F00',
+  A100: '#FFE57F',
+  A200: '#FFD740',
+  A400: '#FFC400',
+  A700: '#FFAB00'
+};
+const orange = {
+  50: '#FFF3E0',
+  100: '#FFE0B2',
+  200: '#FFCC80',
+  300: '#FFB74D',
+  400: '#FFA726',
+  500: '#FF9800',
+  600: '#FB8C00',
+  700: '#F57C00',
+  800: '#EF6C00',
+  900: '#E65100',
+  A100: '#FFD180',
+  A200: '#FFAB40',
+  A400: '#FF9100',
+  A700: '#FF6D00'
+};
+const deepOrange = {
+  50: '#FBE9E7',
+  100: '#FFCCBC',
+  200: '#FFAB91',
+  300: '#FF8A65',
+  400: '#FF7043',
+  500: '#FF5722',
+  600: '#F4511E',
+  700: '#E64A19',
+  800: '#D84315',
+  900: '#BF360C',
+  A100: '#FF9E80',
+  A200: '#FF6E40',
+  A400: '#FF3D00',
+  A700: '#DD2C00'
+};
+const brown = {
+  50: '#EFEBE9',
+  100: '#D7CCC8',
+  200: '#BCAAA4',
+  300: '#A1887F',
+  400: '#8D6E63',
+  500: '#795548',
+  600: '#6D4C41',
+  700: '#5D4037',
+  800: '#4E342E',
+  900: '#3E2723'
+};
+const blueGrey = {
+  50: '#ECEFF1',
+  100: '#CFD8DC',
+  200: '#B0BEC5',
+  300: '#90A4AE',
+  400: '#78909C',
+  500: '#607D8B',
+  600: '#546E7A',
+  700: '#455A64',
+  800: '#37474F',
+  900: '#263238'
+};
+// export const grey = {
+//   50: '#FAFAFA',
+//   100: '#F5F5F5',
+//   200: '#EEEEEE',
+//   300: '#E0E0E0',
+//   400: '#BDBDBD',
+//   500: '#9E9E9E',
+//   600: '#757575',
+//   700: '#616161',
+//   800: '#424242',
+//   900: '#212121',
+// };
+const black = {
+  default: '#000000'
+};
+const white = {
+  default: '#FFFFFF'
+};
+var Palette = {
+  red,
+  pink,
+  purple,
+  deepPurple,
+  indigo,
+  blue,
+  lightBlue,
+  cyan,
+  teal,
+  green,
+  lightGreen,
+  lime,
+  yellow,
+  amber,
+  orange,
+  deepOrange,
+  brown,
+  blueGrey,
+  // grey,
+  black,
+  white
+};
+
+export { amber, black, blue, blueGrey, brown, cyan, deepOrange, deepPurple, Palette as default, green, indigo, lightBlue, lightGreen, lime, orange, pink, purple, red, teal, white, yellow };

package/dist/bundled/v3/components/OrColorPicker/defultPalette.js

@@ -0,0 +1,15 @@
+import Palette from './constants.js';
+
+const defaultTones = ['900', '700', '500', '300', '100'];
+function defaultPalette() {
+  return Object.entries(Palette).reduce((acc, [color, schema]) => {
+    if (color === 'black' || color === 'white') {
+      acc.push([Palette[color].default]);
+    } else {
+      acc.push(defaultTones === null || defaultTones === void 0 ? void 0 : defaultTones.map(tone => schema[tone]));
+    }
+    return acc;
+  }, []);
+}
+
+export { defaultPalette as default };