@onereach/ui-components 8.0.8 → 8.0.9-beta.3621.0

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',
-];