@onereach/ui-components 8.1.0-beta.3618.0 → 8.1.0

package/dist/esm/v3/components/or-sidebar-v3/partials/index.js

@@ -1,108 +0,0 @@
-import { defineComponent, ref, computed } from 'vue-demi';
-import { s as script$1 } from '../../../OrIconButton-a55f5ac0.js';
-import { S as SidebarPlacement } from '../../../props-aedf339b.js';
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withModifiers } from 'vue';
-import '../../../OrIcon-8f6c9c29.js';
-import '../../../OrTooltip-bdd46da2.js';
-import '@vueuse/core';
-import '../../../dom-aecadd9a.js';
-import 'lodash/isElement';
-import 'lodash/get';
-import '../../../usePopoverState-b92c698b.js';
-import '@onereach/styles/tailwind/plugins/core';
-import '@onereach/styles/tailwind.config.json';
-import '../../../OrPopover-3b07d49e.js';
-import '@floating-ui/dom';
-import '../../../useElevation-a50ec347.js';
-import '../../../useResponsive-5c8291da.js';
-import '../../../OrBottomSheet-375aa75c.js';
-import '../../../OrOverlay-6269c33a.js';
-import '../../../OrTeleport.vue3-8099178c.js';
-import '../../../useTheme-0ef25778.js';
-import '../../../OrResizeablePanel-81a57c7a.js';
-
-const CollapseButton = [
-// Box
-'w-[24px]', 'h-[24px]', 'rounded-full',
-// Theme
-'text-primary dark:text-primary-dark', 'bg-background dark:bg-background-dark'];
-const CollapseButtonButton = [
-// Box
-'w-[24px]', 'h-[24px]', 'rounded-full',
-// Typography
-'!text-[16px]',
-// Borders
-'!border-[1px]', '!border-solid',
-// Theme
-'!text-primary dark:!text-primary-dark', '!bg-background dark:!bg-background-dark', '!border-outline-variant dark:!border-outline-variant-dark', '!outline-none',
-// Theme (hover)
-'hover:!text-primary hover:dark:!text-primary-dark', 'hover:!bg-primary-opacity-0-08 dark:hover:!bg-primary-opacity-0-08-dark', 'hover:!border-outline dark:hover:!border-outline-dark',
-// Theme (active)
-'active:!text-primary active:dark:!text-primary-dark', 'active:!bg-primary-opacity-0-12 dark:active:!bg-primary-opacity-0-12-dark', 'active:!border-primary dark:active:!border-primary-dark',
-// Theme (focus)
-'focus-visible:!text-primary focus-visible:dark:!text-primary-dark', 'focus-visible:!bg-primary-opacity-0-12 dark:focus-visible:!bg-primary-opacity-0-12-dark', 'focus-visible:!border-outline dark:focus-visible:!border-outline-dark',
-// Theme (disabled)
-'disabled:!text-on-disabled disabled:dark:!text-on-disabled-dark', 'disabled:!bg-background disabled:dark:!bg-background-dark', 'disabled:!border-outline-variant disabled:dark:!border-outline-variant-dark'];
-
-var script = defineComponent({
-  name: 'OrSidebarCollapseButton',
-  components: {
-    OrIconButton: script$1
-  },
-  model: {
-    prop: 'modelValue',
-    event: 'update:modelValue'
-  },
-  props: {
-    /**
-     * Must be `true` if sidebar is collapsed.
-     */
-    modelValue: {
-      type: Boolean,
-      default: false
-    },
-    side: {
-      type: String,
-      default: SidebarPlacement.Right
-    }
-  },
-  emits: ['update:modelValue'],
-  expose: ['root'],
-  setup(props) {
-    // Refs
-    const root = ref();
-    const rootStyles = computed(() => ['or-sidebar-collapse-button-v3', ...CollapseButton]);
-    const buttonStyles = computed(() => [...CollapseButtonButton]);
-    // State
-    const icon = computed(() => {
-      return props.side === SidebarPlacement.Left !== props.modelValue ? 'keyboard_arrow_left' : 'keyboard_arrow_right';
-    });
-    return {
-      root,
-      rootStyles,
-      buttonStyles,
-      icon
-    };
-  }
-});
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_OrIconButton = resolveComponent("OrIconButton");
-  return openBlock(), createElementBlock("div", {
-    ref: "root",
-    class: normalizeClass(_ctx.rootStyles)
-  }, [createVNode(_component_OrIconButton, {
-    "additional-styles": _ctx.buttonStyles,
-    icon: {
-      icon: _ctx.icon,
-      size: 'inherit'
-    },
-    color: 'inherit',
-    onClick: _cache[0] || (_cache[0] = withModifiers($event => _ctx.$emit('update:modelValue', !_ctx.modelValue), ["stop"]))
-  }, null, 8 /* PROPS */, ["additional-styles", "icon"])], 2 /* CLASS */);
-}
-
-script.render = render;
-script.__file = "src/components/or-sidebar-v3/partials/or-sidebar-collapse-button/OrSidebarCollapseButton.vue";
-
-export { script as OrSidebarCollapseButton };

package/dist/esm/v3/components/or-sidebar-v3/partials/or-sidebar-collapse-button/OrSidebarCollapseButton.vue.d.ts

@@ -1,38 +0,0 @@
-import { PropType } from 'vue-demi';
-import { SidebarPlacement } from '../../props';
-declare const _default: import("vue-demi").DefineComponent<{
-    /**
-     * Must be `true` if sidebar is collapsed.
-     */
-    modelValue: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    side: {
-        type: PropType<"left" | "right">;
-        default: SidebarPlacement;
-    };
-}, {
-    root: import("vue-demi").Ref<HTMLDivElement | undefined>;
-    rootStyles: import("vue-demi").ComputedRef<string[]>;
-    buttonStyles: import("vue-demi").ComputedRef<string[]>;
-    icon: import("vue-demi").ComputedRef<"keyboard_arrow_left" | "keyboard_arrow_right">;
-}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
-    /**
-     * Must be `true` if sidebar is collapsed.
-     */
-    modelValue: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    side: {
-        type: PropType<"left" | "right">;
-        default: SidebarPlacement;
-    };
-}>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}, {
-    modelValue: boolean;
-    side: "left" | "right";
-}>;
-export default _default;

package/dist/esm/v3/components/or-sidebar-v3/partials/or-sidebar-collapse-button/styles.d.ts

@@ -1,2 +0,0 @@
-export declare const CollapseButton: string[];
-export declare const CollapseButtonButton: string[];

package/dist/esm/v3/props-aedf339b.js

@@ -1,9 +0,0 @@
-import './OrResizeablePanel-81a57c7a.js';
-
-var SidebarPlacement;
-(function (SidebarPlacement) {
-  SidebarPlacement["Left"] = "left";
-  SidebarPlacement["Right"] = "right";
-})(SidebarPlacement || (SidebarPlacement = {}));
-
-export { SidebarPlacement as S };

package/src/components/or-sidebar-v3/partials/index.ts

@@ -1 +0,0 @@
-export { default as OrSidebarCollapseButton } from './or-sidebar-collapse-button/OrSidebarCollapseButton.vue';

package/src/components/or-sidebar-v3/partials/or-sidebar-collapse-button/OrSidebarCollapseButton.vue

@@ -1,84 +0,0 @@
-<template>
-  <div
-    ref="root"
-    :class="rootStyles"
-  >
-    <OrIconButton
-      :additional-styles="buttonStyles"
-      :icon="{ icon, size: 'inherit' }"
-      :color="'inherit'"
-      @click.stop="$emit('update:modelValue', !modelValue)"
-    />
-  </div>
-</template>
-
-<script lang="ts">
-import { computed, defineComponent, PropType, ref } from 'vue-demi';
-import { OrIconButtonV3 as OrIconButton } from '../../../or-icon-button-v3';
-import { SidebarPlacement } from '../../props';
-import { CollapseButton, CollapseButtonButton } from './styles';
-
-export default defineComponent({
-  name: 'OrSidebarCollapseButton',
-
-  components: {
-    OrIconButton,
-  },
-
-  model: {
-    prop: 'modelValue',
-    event: 'update:modelValue',
-  },
-
-  props: {
-    /**
-     * Must be `true` if sidebar is collapsed.
-     */
-    modelValue: {
-      type: Boolean,
-      default: false,
-    },
-
-    side: {
-      type: String as PropType<`${SidebarPlacement}`>,
-      default: SidebarPlacement.Right,
-    },
-  },
-
-  emits: [
-    'update:modelValue',
-  ],
-
-  expose: [
-    'root',
-  ],
-
-  setup(props) {
-    // Refs
-    const root = ref<InstanceType<typeof HTMLDivElement>>();
-
-    const rootStyles = computed(() => [
-      'or-sidebar-collapse-button-v3',
-      ...CollapseButton,
-    ]);
-
-    const buttonStyles = computed(() => [
-      ...CollapseButtonButton,
-    ]);
-
-    // State
-    const icon = computed(() => {
-      return props.side === SidebarPlacement.Left !== props.modelValue
-        ? 'keyboard_arrow_left'
-        : 'keyboard_arrow_right';
-    });
-
-    return {
-      root,
-      rootStyles,
-      buttonStyles,
-      icon,
-    };
-  },
-});
-</script>

package/src/components/or-sidebar-v3/partials/or-sidebar-collapse-button/styles.ts

@@ -1,50 +0,0 @@
-export const CollapseButton: string[] = [
-  // Box
-  'w-[24px]',
-  'h-[24px]',
-  'rounded-full',
-
-  // Theme
-  'text-primary dark:text-primary-dark',
-  'bg-background dark:bg-background-dark',
-];
-
-export const CollapseButtonButton: string[] = [
-  // Box
-  'w-[24px]',
-  'h-[24px]',
-  'rounded-full',
-
-  // Typography
-  '!text-[16px]',
-
-  // Borders
-  '!border-[1px]',
-  '!border-solid',
-
-  // Theme
-  '!text-primary dark:!text-primary-dark',
-  '!bg-background dark:!bg-background-dark',
-  '!border-outline-variant dark:!border-outline-variant-dark',
-  '!outline-none',
-
-  // Theme (hover)
-  'hover:!text-primary hover:dark:!text-primary-dark',
-  'hover:!bg-primary-opacity-0-08 dark:hover:!bg-primary-opacity-0-08-dark',
-  'hover:!border-outline dark:hover:!border-outline-dark',
-
-  // Theme (active)
-  'active:!text-primary active:dark:!text-primary-dark',
-  'active:!bg-primary-opacity-0-12 dark:active:!bg-primary-opacity-0-12-dark',
-  'active:!border-primary dark:active:!border-primary-dark',
-
-  // Theme (focus)
-  'focus-visible:!text-primary focus-visible:dark:!text-primary-dark',
-  'focus-visible:!bg-primary-opacity-0-12 dark:focus-visible:!bg-primary-opacity-0-12-dark',
-  'focus-visible:!border-outline dark:focus-visible:!border-outline-dark',
-
-  // Theme (disabled)
-  'disabled:!text-on-disabled disabled:dark:!text-on-disabled-dark',
-  'disabled:!bg-background disabled:dark:!bg-background-dark',
-  'disabled:!border-outline-variant disabled:dark:!border-outline-variant-dark',
-];