@onereach/ui-components 3.1.0-beta.2483.0 → 3.1.0-beta.2496.0

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

@@ -1,11 +0,0 @@
-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/v2/components/OrCode/index.js

@@ -1,32 +0,0 @@
-export { default as OrCode } from './OrCode.js';
-export { OrCodeLanguages } from './constants.js';
-import '../../index-6976c52a.js';
-import '../../lang-02d2bb2d.js';
-import '@vueuse/core';
-import 'vue-demi';
-import '../OrTeleport/OrTeleport.js';
-import 'portal-vue/dist/portal-vue.esm.js';
-import '../OrTeleport/constants.js';
-import '../../normalize-component-6e8e3d80.js';
-import './theme.js';
-import '../OrIconButtonV2/OrIconButton.js';
-import '../OrTooltip/OrTooltip.js';
-import 'lodash';
-import '../OrTooltipContent/OrTooltipContent.js';
-import '../../style-inject.es-4c6f2515.js';
-import '../OrFloating/OrFloating.js';
-import '../../floating-ui.dom.esm-83eba816.js';
-import '../OrFloating/constants.js';
-import '../../utils/functions/dom.js';
-import '../OrButtonV2/constants.js';
-import '../OrIcon/OrIcon.js';
-import '../OrIcon/constants.js';
-import '../../utils/functions/px-to-rem.js';
-import '../OrLoader/OrLoader.js';
-import '../OrLoader/constants.js';
-import '../OrModal/OrModal.js';
-import '../OrModal/constants.js';
-import '../OrOverlay/OrOverlay.js';
-import '../OrError/OrError.js';
-import '../OrHint/OrHint.js';
-import '../OrLabel/OrLabel.js';

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

@@ -1,3 +0,0 @@
-export { C as CSS, H as HTML, J as JS, e as JSON, M as MD, T as TS, l as default } from '../../lang-02d2bb2d.js';
-import './constants.js';
-import '../../index-6976c52a.js';

package/dist/bundled/v2/components/OrCode/theme.js

@@ -1,189 +0,0 @@
-import { E as EditorView, ar as HighlightStyle, aa as tags, L as syntaxHighlighting } from '../../index-6976c52a.js';
-
-// Using https://github.com/one-dark/vscode-one-dark-theme/ as reference for the colors
-const chalky = 'var(--c-warning-darken-20)',
-  coral = 'var(--c-error)',
-  cyan = '#56b6c2',
-  invalid = 'var(--c-white)',
-  ivory = 'var(--c-neutral-6)',
-  stone = 'var(--c-neutral-5)',
-  // Brightened compared to original to increase contrast
-  malibu = '#61afef',
-  sage = 'var(--c-success)',
-  whiskey = 'var(--c-warning-darken-5)',
-  violet = '#c678dd',
-  darkBackground = 'var(--c-neutral-1)',
-  highlightBackground = 'var(--c-neutral-2)',
-  background = 'var(--c-neutral-1)',
-  tooltipBackground = 'var(--c-neutral-2)',
-  selection = 'var(--c-neutral-3)',
-  cursor = 'var(--c-primary)';
-/// The colors used in the theme, as CSS color strings.
-const color = {
-  chalky,
-  coral,
-  cyan,
-  invalid,
-  ivory,
-  stone,
-  malibu,
-  sage,
-  whiskey,
-  violet,
-  darkBackground,
-  highlightBackground,
-  background,
-  tooltipBackground,
-  selection,
-  cursor
-};
-/// The editor theme styles for One Dark.
-const orCodeTheme = EditorView.theme({
-  '&': {
-    color: ivory,
-    backgroundColor: background
-  },
-  '.cm-content': {
-    caretColor: cursor
-  },
-  '.cm-button': {
-    background: highlightBackground,
-    color: 'var(--c-neutral-6)',
-    border: 0,
-    borderRadius: 'var(--s-2)'
-  },
-  '.cm-panel.cm-search input[type=checkbox]': {
-    display: 'inline-block',
-    verticalAlign: 'middle'
-  },
-  '.cm-cursor, .cm-dropCursor': {
-    borderLeftColor: cursor
-  },
-  '&.cm-focused .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection': {
-    backgroundColor: selection
-  },
-  '.cm-panels': {
-    backgroundColor: darkBackground,
-    color: ivory
-  },
-  '.cm-panels.cm-panels-top': {
-    borderBottom: '2px solid var(--c-neutral-2)'
-  },
-  '.cm-panels.cm-panels-bottom': {
-    borderTop: '2px solid var(--c-neutral-2)'
-  },
-  '.cm-searchMatch': {
-    backgroundColor: 'var(--c-neutral-1)',
-    outline: '1px solid var(--c-neutral-2)'
-  },
-  '.cm-searchMatch.cm-searchMatch-selected': {
-    backgroundColor: '#6199ff2f'
-  },
-  '.cm-activeLine': {
-    backgroundColor: '#6699ff0b'
-  },
-  '.cm-selectionMatch': {
-    backgroundColor: '#aafe661a'
-  },
-  '&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket': {
-    backgroundColor: '#bad0f847'
-  },
-  '.cm-gutters': {
-    backgroundColor: background,
-    color: stone,
-    border: 'none'
-  },
-  '.cm-activeLineGutter': {
-    backgroundColor: highlightBackground
-  },
-  '.cm-foldPlaceholder': {
-    backgroundColor: 'transparent',
-    border: 'none',
-    color: '#ddd'
-  },
-  '.cm-tooltip': {
-    border: 'none',
-    backgroundColor: tooltipBackground
-  },
-  '.cm-tooltip .cm-tooltip-arrow:before': {
-    borderTopColor: 'transparent',
-    borderBottomColor: 'transparent'
-  },
-  '.cm-tooltip .cm-tooltip-arrow:after': {
-    borderTopColor: tooltipBackground,
-    borderBottomColor: tooltipBackground
-  },
-  '.cm-tooltip-autocomplete': {
-    '& > ul > li[aria-selected]': {
-      backgroundColor: highlightBackground,
-      color: ivory
-    }
-  },
-  '.cm-textfield': {
-    outline: 'none',
-    background: background,
-    color: 'var(--c-neutral-6)',
-    backgroundColor: 'var(--c-neutral-1)',
-    border: '1px solid var(--c-neutral-2)',
-    borderRadius: 'var(--s-2)'
-  }
-}, {
-  dark: true
-});
-/// The highlighting style for code in the One Dark theme.
-const orCodeHighlightStyle = HighlightStyle.define([{
-  tag: tags.keyword,
-  color: violet
-}, {
-  tag: [tags.name, tags.deleted, tags.character, tags.propertyName, tags.macroName],
-  color: coral
-}, {
-  tag: [tags.function(tags.variableName), tags.labelName],
-  color: malibu
-}, {
-  tag: [tags.color, tags.constant(tags.name), tags.standard(tags.name)],
-  color: whiskey
-}, {
-  tag: [tags.definition(tags.name), tags.separator],
-  color: ivory
-}, {
-  tag: [tags.typeName, tags.className, tags.number, tags.changed, tags.annotation, tags.modifier, tags.self, tags.namespace],
-  color: chalky
-}, {
-  tag: [tags.operator, tags.operatorKeyword, tags.url, tags.escape, tags.regexp, tags.link, tags.special(tags.string)],
-  color: cyan
-}, {
-  tag: [tags.meta, tags.comment],
-  color: stone
-}, {
-  tag: tags.strong,
-  fontWeight: 'bold'
-}, {
-  tag: tags.emphasis,
-  fontStyle: 'italic'
-}, {
-  tag: tags.strikethrough,
-  textDecoration: 'line-through'
-}, {
-  tag: tags.link,
-  color: stone,
-  textDecoration: 'underline'
-}, {
-  tag: tags.heading,
-  fontWeight: 'bold',
-  color: coral
-}, {
-  tag: [tags.atom, tags.bool, tags.special(tags.variableName)],
-  color: whiskey
-}, {
-  tag: [tags.processingInstruction, tags.string, tags.inserted],
-  color: sage
-}, {
-  tag: tags.invalid,
-  color: invalid
-}]);
-/// Extension to enable the One Dark theme (both the editor theme and
-/// the highlight style).
-const theme = [orCodeTheme, syntaxHighlighting(orCodeHighlightStyle)];
-
-export { color, theme as default, orCodeHighlightStyle, orCodeTheme };

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

@@ -1,168 +0,0 @@
-import { defineComponent, ref, computed, onBeforeUnmount, watch } from 'vue-demi';
-import { pxToRem } from '../../utils/functions/px-to-rem.js';
-import { setStyle, requestAF, reflow, removeStyle, cancelAF, getBCR } from '../../utils/functions/dom.js';
-import _ from 'lodash';
-import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
-import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
-
-var script = defineComponent({
-  name: 'OrCollapse',
-  model: {
-    prop: 'modelValue',
-    event: 'update:modelValue'
-  },
-  props: {
-    modelValue: {
-      type: Boolean,
-      default: false,
-      required: false,
-      validator: _.isBoolean
-    },
-    isVisible: {
-      type: Boolean,
-      default: false,
-      required: false,
-      validator: _.isBoolean
-    },
-    keepState: {
-      type: Boolean,
-      default: false,
-      required: false,
-      validator: _.isBoolean
-    }
-  },
-  emits: ['update:modelValue'],
-  setup(props, {
-    emit
-  }) {
-    // data
-    const isActive = ref(props.modelValue || props.isVisible);
-    const reqAF = ref(null);
-    const slotScope = computed(() => ({
-      isVisible: isActive,
-      hide
-    }));
-    // methods
-    function hide() {
-      isActive.value = false;
-    }
-    function beforeEnter(el) {
-      setStyle(el, 'height', 0);
-      setStyle(el, 'overflow', 'hidden');
-    }
-    function enter(el) {
-      const {
-        scrollHeight
-      } = el;
-      reqAF.value = requestAF(() => {
-        reflow(el);
-        setStyle(el, 'height', pxToRem(scrollHeight));
-      });
-    }
-    function afterEnter(el) {
-      removeStyle(el, 'height');
-      removeStyle(el, 'overflow');
-      cancelAF(reqAF.value);
-    }
-    function beforeLeave(el) {
-      setStyle(el, 'overflow', 'hidden');
-    }
-    function leave(el) {
-      setStyle(el, 'height', 'auto');
-      setStyle(el, 'display', 'block');
-      reqAF.value = requestAF(() => {
-        var _a;
-        setStyle(el, 'height', pxToRem((_a = getBCR(el)) === null || _a === void 0 ? void 0 : _a.height));
-        reflow(el);
-        setStyle(el, 'height', 0);
-      });
-    }
-    function afterLeave(el) {
-      removeStyle(el, 'height');
-      removeStyle(el, 'overflow');
-      cancelAF(reqAF.value);
-    }
-    // hooks
-    onBeforeUnmount(() => {
-      isActive.value = false;
-      reqAF.value = null;
-    });
-    // watchers
-    watch([() => props.modelValue, () => props.isVisible], ([newValue, newIsVisible]) => {
-      if (newValue !== isActive.value || newIsVisible !== isActive.value) {
-        isActive.value = newValue || newIsVisible;
-      }
-    });
-    watch(isActive, (nv, ov) => {
-      if (nv !== ov) {
-        emit('update:modelValue', nv);
-      }
-    });
-    return {
-      // data
-      isActive,
-      slotScope,
-      // methods
-      beforeEnter,
-      enter,
-      afterEnter,
-      beforeLeave,
-      leave,
-      afterLeave
-    };
-  }
-});
-
-var css_248z = ".or-collapse[data-v-55ba4cbb]{padding:0;transition-timing-function:var(--t-func);transition-duration:var(--t-duration);transition-property:height}";
-styleInject(css_248z);
-
-/* script */
-const __vue_script__ = script;
-/* template */
-var __vue_render__ = function () {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c('transition', {
-    on: {
-      "before-enter": _vm.beforeEnter,
-      "enter": _vm.enter,
-      "after-enter": _vm.afterEnter,
-      "before-leave": _vm.beforeLeave,
-      "leave": _vm.leave,
-      "after-leave": _vm.afterLeave
-    }
-  }, [_vm.keepState ? [_c('div', {
-    directives: [{
-      name: "show",
-      rawName: "v-show",
-      value: _vm.isActive,
-      expression: "isActive"
-    }],
-    staticClass: "or-collapse"
-  }, [_vm._t("default", null, null, _vm.slotScope)], 2)] : [_vm.isActive ? _c('div', {
-    staticClass: "or-collapse"
-  }, [_vm._t("default", null, null, _vm.slotScope)], 2) : _vm._e()]], 2);
-};
-var __vue_staticRenderFns__ = [];
-
-/* style */
-const __vue_inject_styles__ = undefined;
-/* scoped */
-const __vue_scope_id__ = "data-v-55ba4cbb";
-/* module identifier */
-const __vue_module_identifier__ = undefined;
-/* functional template */
-const __vue_is_functional_template__ = false;
-/* style inject */
-
-/* style inject SSR */
-
-/* style inject shadow dom */
-
-const __vue_component__ = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__,
-  staticRenderFns: __vue_staticRenderFns__
-}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
-
-export { __vue_component__ as default };

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

@@ -1,7 +0,0 @@
-export { default as OrCollapse } from './OrCollapse.js';
-import 'vue-demi';
-import '../../utils/functions/px-to-rem.js';
-import '../../utils/functions/dom.js';
-import 'lodash';
-import '../../style-inject.es-4c6f2515.js';
-import '../../normalize-component-6e8e3d80.js';

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

@@ -1,167 +0,0 @@
-import Palette from './constants.js';
-import { defineComponent, ref } from 'vue-demi';
-import { useToggle, onClickOutside } from '@vueuse/core';
-import defaultPalette from './utils/defultPalette.js';
-import __vue_component__$1 from '../OrFloating/OrFloating.js';
-import { OrFloatingPlacements } from '../OrFloating/constants.js';
-import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
-import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
-import '../../floating-ui.dom.esm-83eba816.js';
-import '../OrTeleport/OrTeleport.js';
-import 'portal-vue/dist/portal-vue.esm.js';
-import '../OrTeleport/constants.js';
-import '../../utils/functions/dom.js';
-import 'lodash';
-
-var script = defineComponent({
-  name: 'OrColorPicker',
-  components: {
-    OrFloating: __vue_component__$1
-  },
-  props: {
-    palette: {
-      type: Object,
-      default: defaultPalette
-    },
-    defaultColor: {
-      type: String,
-      default: '#fff'
-    },
-    placement: {
-      type: String,
-      required: false,
-      default: OrFloatingPlacements.BOTTOM_START
-    }
-  },
-  emits: ['select'],
-  setup() {
-    const selected = ref(null);
-    const [isActive, toggle] = useToggle(false);
-    const trigger = ref(null);
-    onClickOutside(trigger, () => {
-      if (isActive.value) toggle();
-    });
-    return {
-      trigger,
-      toggle,
-      isActive,
-      selected
-    };
-  },
-  computed: {},
-  methods: {
-    getClass(tone) {
-      return ['or-color-picker-color-it', {
-        'or-color-picker-color--white': tone === Palette.white.default
-      }];
-    },
-    handlerClick(color) {
-      this.selected = color;
-      this.$emit('select', color);
-    }
-  }
-});
-
-var css_248z = "@keyframes spinAround-data-v-7932e202{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-7932e202{from{opacity:1}to{opacity:0}}.color-container[data-v-7932e202]{position:relative}.color-container .tag__color[data-v-7932e202]{width:20px;height:20px;margin-right:10px;border:var(--s-1) solid var(--c-neutral-0-darken-3);border-radius:50%;cursor:pointer}.or-color-picker-box[data-v-7932e202]{max-height:244px;max-width:312px;overflow-y:scroll;background-color:var(--c-neutral-0);box-shadow:0 2px 10px rgba(0,0,0,.12),0 2px 5px rgba(0,0,0,.16);padding:var(--s-4);display:flex;gap:var(--s-3);flex-wrap:wrap}.or-color-picker-box .or-color-picker-color-group[data-v-7932e202]{width:40px;float:left}.or-color-picker-box .or-color-picker-color-group .or-color-picker-color-it[data-v-7932e202]{box-sizing:border-box;width:40px;height:24px;cursor:pointer;margin-bottom:1px;overflow:hidden;border-radius:var(--s-1) var(--s-1) 0 0}.or-color-picker-box .or-color-picker-color-group .or-color-picker-color--white[data-v-7932e202]{border:1px solid #ddd}.or-color-picker-box .or-color-picker-color-group .or-color-picker-pick[data-v-7932e202]{fill:#fff;margin-left:8px;display:block}.or-color-picker-box .or-color-picker-color-group .or-color-picker-color--white .or-color-picker-pick[data-v-7932e202]{fill:#333}";
-styleInject(css_248z);
-
-/* script */
-const __vue_script__ = script;
-/* template */
-var __vue_render__ = function () {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c('div', {
-    staticClass: "color-container"
-  }, [_c('div', {
-    ref: "trigger",
-    staticClass: "tag__color",
-    style: {
-      backgroundColor: _vm.selected || _vm.defaultColor
-    },
-    on: {
-      "click": function ($event) {
-        $event.preventDefault();
-        return _vm.toggle.apply(null, arguments);
-      }
-    }
-  }), _vm._v(" "), _vm.isActive ? _c('or-floating', {
-    attrs: {
-      "trigger": _vm.trigger,
-      "offset": 8,
-      "placement": _vm.placement,
-      "is-using-shift": "",
-      "is-using-flip": ""
-    }
-  }, [_c('div', {
-    staticClass: "or-color-picker-box"
-  }, _vm._l(_vm.palette, function (group, idx) {
-    return _c('div', {
-      key: idx,
-      staticClass: "or-color-picker-color-group"
-    }, _vm._l(group, function (color) {
-      return _c('div', {
-        key: color,
-        class: _vm.getClass(color),
-        style: {
-          background: color
-        },
-        attrs: {
-          "role": "option",
-          "aria-label": 'Color:' + color,
-          "aria-selected": color === _vm.selected,
-          "data-color": color
-        },
-        on: {
-          "click": function ($event) {
-            $event.preventDefault();
-            return _vm.handlerClick(color);
-          }
-        }
-      }, [_c('div', {
-        directives: [{
-          name: "show",
-          rawName: "v-show",
-          value: color === _vm.selected,
-          expression: "color === selected"
-        }],
-        staticClass: "or-color-picker-pick"
-      }, [_c('svg', {
-        staticStyle: {
-          "width": "24px",
-          "height": "24px"
-        },
-        attrs: {
-          "viewBox": "0 0 24 24"
-        }
-      }, [_c('path', {
-        attrs: {
-          "d": "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"
-        }
-      })])])]);
-    }), 0);
-  }), 0)]) : _vm._e()], 1);
-};
-var __vue_staticRenderFns__ = [];
-
-/* style */
-const __vue_inject_styles__ = undefined;
-/* scoped */
-const __vue_scope_id__ = "data-v-7932e202";
-/* module identifier */
-const __vue_module_identifier__ = undefined;
-/* functional template */
-const __vue_is_functional_template__ = false;
-/* style inject */
-
-/* style inject SSR */
-
-/* style inject shadow dom */
-
-const __vue_component__ = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__,
-  staticRenderFns: __vue_staticRenderFns__
-}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
-
-export { __vue_component__ as default };