@onereach/ui-components 2.69.7-beta.2172.0 → 2.69.7-beta.2176.0

package/src/components/or-switch-v3/OrSwitch.vue

@@ -1,12 +1,11 @@
 <template>
   <div
     ref="root"
-    :style="inlineStyles"
     :class="rootStyles"
   >
     <template v-if="!loading">
       <input
-        v-bind="attrs"
+        v-bind="$attrs"
         :id="controlId"
         v-model="proxyModelValue"
         :class="controlStyles"
@@ -51,7 +50,7 @@
 
 <script lang="ts">
 import { computed, defineComponent, getCurrentInstance, PropType, ref } from 'vue-demi';
-import { useSlicedAttrs } from '../../hooks';
+import { useClassAttribute } from '../../hooks';
 import { LabelVariant, OrLabelV3 as OrLabel } from '../or-label-v3';
 import { OrLoaderV3 as OrLoader } from '../or-loader-v3';
 import { SwitchControl, SwitchControlHandle, SwitchLoader, SwitchLoaderHandle, SwitchRoot } from './styles';
@@ -126,19 +125,13 @@ export default defineComponent({
     // Refs
     const root = ref<HTMLElement>();
 
-    // Attrs
-    const {
-      attrs,
-      classes,
-      styles: inlineStyles,
-    } = useSlicedAttrs();
-
     // Styles
+    const classAttribute = useClassAttribute();
 
     const rootStyles = computed(() => [
       'or-switch',
       ...SwitchRoot,
-      classes.value,
+      classAttribute.value,
     ]);
 
     const controlStyles = computed(() => [
@@ -170,8 +163,6 @@ export default defineComponent({
       rootStyles,
       controlStyles,
       loaderStyles,
-      inlineStyles,
-      attrs,
       controlId,
       proxyModelValue,
     };

package/src/components/or-toast-v3/OrToast.vue

@@ -44,13 +44,11 @@
       </template>
 
       <template v-if="dismissible">
-        <div :class="actionButtonStyle">
-          <OrIconButton
-            icon="close"
-            class="dark:theme-foreground-inherit"
-            @click.stop="onClose()"
-          />
-        </div>
+        <OrIconButton
+          :icon="'close'"
+          :size="'m'"
+          @click.stop="onClose()"
+        />
       </template>
     </div>
   </div>
@@ -63,7 +61,7 @@ import successPng from '../../assets/success.png';
 import { OrIconButtonV3 as OrIconButton } from '../or-icon-button-v3';
 import { OrLoaderV3 as OrLoader } from '../or-loader-v3';
 import { ToastType } from './props';
-import { messageStyleVariant, ToastActionButton, ToastRoot } from './styles';
+import { messageStyleVariant, ToastRoot } from './styles';
 import { ToastLink } from './types';
 
 export default defineComponent({
@@ -134,10 +132,6 @@ export default defineComponent({
       'dark:text-inverse-primary-dark',
     ]);
 
-    const actionButtonStyle = computed(() => [
-      ...ToastActionButton,
-    ]);
-
     // State
     const emojiSrc = computed(() => {
       switch (props.toastType) {
@@ -168,7 +162,6 @@ export default defineComponent({
 
     return {
       root,
-      actionButtonStyle,
       toastIconStyle,
       rootStyles,
       loaderStyle,

package/src/components/or-toast-v3/styles.ts

@@ -35,15 +35,6 @@ export const ToastRoot: string[] = [
   'dark:shadow-card-dark',
 ];
 
-export const ToastActionButton: string[] = [
-  // Layout
-  'contents',
-
-  // Theme
-  'theme-foreground-outline',
-  'dark:theme-foreground-outline-dark',
-];
-
 export const ToastContainer: string[] = [
   // Position
   'absolute',

package/src/hooks/index.ts

@@ -2,5 +2,4 @@ export { useClassAttribute } from './useClassAttribute';
 export { useElevation } from './useElevation';
 export { useOverflow } from './useOverflow';
 export { useResponsive } from './useResponsive';
-export { useSlicedAttrs } from './useSlicedAttrs';
 export { default as useToggle } from './useToggle';

package/dist/bundled/v2/hooks/useSlicedAttrs.d.ts

@@ -1,5 +0,0 @@
-export declare function useSlicedAttrs(): {
-    classes: import("@vue/composition-api").ComputedRef<unknown>;
-    styles: import("@vue/composition-api").ComputedRef<unknown>;
-    attrs: import("@vue/composition-api").ComputedRef<Pick<import("@vue/composition-api").Data, string | number>>;
-};

package/dist/bundled/v2/useSlicedAttrs-8d836c02.js

@@ -1,30 +0,0 @@
-import './index-fa6eb4ca.js';
-import ommit from 'lodash/omit';
-import { u as useClassAttribute } from './useClassAttribute-9bf33346.js';
-import { getCurrentInstance, computed } from '@vue/composition-api/dist/vue-composition-api.mjs';
-
-function useSlicedAttrs() {
-  const classAttribute = useClassAttribute();
-  const currentInstance = getCurrentInstance();
-  const classes = computed(() => {
-    {
-      return classAttribute.value;
-    }
-  });
-  const styles = computed(() => {
-    var _a, _b;
-    {
-      return (_b = (_a = currentInstance === null || currentInstance === void 0 ? void 0 : currentInstance.vnode) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.staticStyle;
-    }
-  });
-  const attrs = computed(() => {
-    return ommit(currentInstance === null || currentInstance === void 0 ? void 0 : currentInstance.attrs, 'style', 'class');
-  });
-  return {
-    classes,
-    styles,
-    attrs
-  };
-}
-
-export { useSlicedAttrs as u };

package/dist/bundled/v3/hooks/useSlicedAttrs.d.ts

@@ -1,5 +0,0 @@
-export declare function useSlicedAttrs(): {
-    classes: import("@vue/composition-api").ComputedRef<unknown>;
-    styles: import("@vue/composition-api").ComputedRef<unknown>;
-    attrs: import("@vue/composition-api").ComputedRef<Pick<import("@vue/composition-api").Data, string | number>>;
-};

package/dist/bundled/v3/useSlicedAttrs-81ac6537.js

@@ -1,24 +0,0 @@
-import { getCurrentInstance, computed } from 'vue';
-import ommit from 'lodash/omit';
-import { u as useClassAttribute } from './useClassAttribute-00888f78.js';
-
-function useSlicedAttrs() {
-  useClassAttribute();
-  const currentInstance = getCurrentInstance();
-  const classes = computed(() => {
-    return currentInstance === null || currentInstance === void 0 ? void 0 : currentInstance.attrs.class;
-  });
-  const styles = computed(() => {
-    return currentInstance === null || currentInstance === void 0 ? void 0 : currentInstance.attrs.style;
-  });
-  const attrs = computed(() => {
-    return ommit(currentInstance === null || currentInstance === void 0 ? void 0 : currentInstance.attrs, 'style', 'class');
-  });
-  return {
-    classes,
-    styles,
-    attrs
-  };
-}
-
-export { useSlicedAttrs as u };

package/dist/esm/v2/hooks/useSlicedAttrs.d.ts

@@ -1,5 +0,0 @@
-export declare function useSlicedAttrs(): {
-    classes: import("@vue/composition-api").ComputedRef<unknown>;
-    styles: import("@vue/composition-api").ComputedRef<unknown>;
-    attrs: import("@vue/composition-api").ComputedRef<Pick<import("@vue/composition-api").Data, string | number>>;
-};

package/dist/esm/v2/useSlicedAttrs-91deb3b7.js

@@ -1,31 +0,0 @@
-import { getCurrentInstance, computed, isVue2 } from 'vue-demi';
-import ommit from 'lodash/omit';
-import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
-
-function useSlicedAttrs() {
-  const classAttribute = useClassAttribute();
-  const currentInstance = getCurrentInstance();
-  const classes = computed(() => {
-    if (isVue2) {
-      return classAttribute.value;
-    }
-    return currentInstance === null || currentInstance === void 0 ? void 0 : currentInstance.attrs.class;
-  });
-  const styles = computed(() => {
-    var _a, _b;
-    if (isVue2) {
-      return (_b = (_a = currentInstance === null || currentInstance === void 0 ? void 0 : currentInstance.vnode) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.staticStyle;
-    }
-    return currentInstance === null || currentInstance === void 0 ? void 0 : currentInstance.attrs.style;
-  });
-  const attrs = computed(() => {
-    return ommit(currentInstance === null || currentInstance === void 0 ? void 0 : currentInstance.attrs, 'style', 'class');
-  });
-  return {
-    classes,
-    styles,
-    attrs
-  };
-}
-
-export { useSlicedAttrs as u };

package/dist/esm/v3/hooks/useSlicedAttrs.d.ts

@@ -1,5 +0,0 @@
-export declare function useSlicedAttrs(): {
-    classes: import("@vue/composition-api").ComputedRef<unknown>;
-    styles: import("@vue/composition-api").ComputedRef<unknown>;
-    attrs: import("@vue/composition-api").ComputedRef<Pick<import("@vue/composition-api").Data, string | number>>;
-};

package/dist/esm/v3/useSlicedAttrs-91deb3b7.js

@@ -1,31 +0,0 @@
-import { getCurrentInstance, computed, isVue2 } from 'vue-demi';
-import ommit from 'lodash/omit';
-import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
-
-function useSlicedAttrs() {
-  const classAttribute = useClassAttribute();
-  const currentInstance = getCurrentInstance();
-  const classes = computed(() => {
-    if (isVue2) {
-      return classAttribute.value;
-    }
-    return currentInstance === null || currentInstance === void 0 ? void 0 : currentInstance.attrs.class;
-  });
-  const styles = computed(() => {
-    var _a, _b;
-    if (isVue2) {
-      return (_b = (_a = currentInstance === null || currentInstance === void 0 ? void 0 : currentInstance.vnode) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.staticStyle;
-    }
-    return currentInstance === null || currentInstance === void 0 ? void 0 : currentInstance.attrs.style;
-  });
-  const attrs = computed(() => {
-    return ommit(currentInstance === null || currentInstance === void 0 ? void 0 : currentInstance.attrs, 'style', 'class');
-  });
-  return {
-    classes,
-    styles,
-    attrs
-  };
-}
-
-export { useSlicedAttrs as u };

package/src/hooks/useSlicedAttrs.ts

@@ -1,31 +0,0 @@
-import { computed, isVue2, getCurrentInstance } from 'vue-demi';
-import ommit from 'lodash/omit';
-import { useClassAttribute } from './useClassAttribute';
-export function useSlicedAttrs() {
-  const classAttribute = useClassAttribute();
-  const currentInstance = getCurrentInstance();
-
-  const classes = computed(() => {
-    if (isVue2) {
-      return classAttribute.value;
-    }
-    return currentInstance?.attrs.class;
-  });
-
-  const styles = computed(() => {
-    if (isVue2) {
-      return currentInstance?.vnode?.data?.staticStyle;
-    }
-    return currentInstance?.attrs.style;
-  });
-
-  const attrs = computed(() => {
-    return ommit(currentInstance?.attrs, 'style', 'class');
-  });
-
-  return {
-    classes,
-    styles,
-    attrs,
-  };
-}