@onereach/ui-components 2.72.2-beta.2274.0 → 2.72.2-beta.2276.0

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

@@ -1,79 +0,0 @@
-<template>
-  <div
-    ref="root"
-    :class="rootStyles"
-  >
-    <or-icon-button
-      :class="buttonStyles"
-      :icon="{ icon, size: 'inherit' }"
-      color="inherit"
-      @click="$emit('update:modelValue', !modelValue)"
-    />
-  </div>
-</template>
-
-<script lang="ts">
-import _ from 'lodash';
-import { computed, defineComponent, PropType, ref } from 'vue-demi';
-import { OrSidebarPlacement } from '../../props';
-import { OrIconButtonV3 as OrIconButton } from '../../../or-icon-button-v3';
-import { CollapseButton, CollapseButtonContainer } 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<OrSidebarPlacement>,
-      default: OrSidebarPlacement.right,
-      validator: (value?: any) => _.includes(_.values(OrSidebarPlacement), value),
-    },
-  },
-
-  emits: ['update:modelValue'],
-
-  expose: ['root'],
-
-  setup(props) {
-    // Refs
-    const root = ref<InstanceType<typeof HTMLDivElement>>();
-
-    const rootStyles = computed(() => [
-      'or-sidebar-collapse-button',
-      ...CollapseButtonContainer,
-    ]);
-
-    const buttonStyles = computed(() => [
-      ...CollapseButton,
-    ]);
-
-    const icon = computed(() => (props.side === OrSidebarPlacement.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/index.ts

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

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

@@ -1,50 +0,0 @@
-export const CollapseButtonContainer: string[] = [
-  // Box
-  'w-[24px]',
-  'h-[24px]',
-  'rounded-full',
-
-  // Theme
-  'text-primary dark:text-primary-dark',
-  'bg-background dark:bg-background-dark',
-];
-
-export const CollapseButton: 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:!text-primary focus:dark:!text-primary-dark',
-  'focus:!bg-primary-opacity-0-12 dark:focus:!bg-primary-opacity-0-12-dark',
-  'focus:!border-outline dark:focus:!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',
-];