@onereach/ui-components 6.4.3 → 6.4.4

package/dist/bundled/v3/OrCard.vue_vue_type_script_lang-5f887a5a.js

@@ -0,0 +1,33 @@
+import { defineComponent, ref, computed } from 'vue-demi';
+import { CardPadding } from './components/OrCardV3/props.js';
+import { CardRoot, CardPaddings, CardInteractive } from './components/OrCardV3/styles.js';
+
+var script = defineComponent({
+  props: {
+    selected: {
+      type: Boolean,
+      default: false
+    },
+    padding: {
+      type: String,
+      default: CardPadding.M
+    },
+    interactive: {
+      type: Boolean,
+      default: false
+    }
+  },
+  expose: ['root'],
+  setup(props) {
+    // Refs
+    const root = ref();
+    // Styles
+    const rootStyles = computed(() => ['or-card-v3', ...CardRoot, ...CardPaddings[props.padding], ...(props.interactive ? CardInteractive : [])]);
+    return {
+      root,
+      rootStyles
+    };
+  }
+});
+
+export { script as s };

package/dist/bundled/v3/components/OrCardV3/OrCard.js

@@ -1,12 +1,14 @@
-import { s as script } from '../../OrCard.vue_vue_type_script_lang-b204e541.js';
-export { s as default } from '../../OrCard.vue_vue_type_script_lang-b204e541.js';
+import { s as script } from '../../OrCard.vue_vue_type_script_lang-5f887a5a.js';
+export { s as default } from '../../OrCard.vue_vue_type_script_lang-5f887a5a.js';
 import { openBlock, createElementBlock, normalizeClass, renderSlot } from 'vue';
 
+const _hoisted_1 = ["selected"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     ref: "root",
-    class: normalizeClass(_ctx.rootStyles)
-  }, [renderSlot(_ctx.$slots, "default")], 2 /* CLASS */);
+    class: normalizeClass(_ctx.rootStyles),
+    selected: _ctx.selected ? '' : null
+  }, [renderSlot(_ctx.$slots, "default")], 10 /* CLASS, PROPS */, _hoisted_1);
 }
 
 script.render = render;

package/dist/bundled/v3/components/OrCardV3/OrCard.vue.d.ts

@@ -1,5 +1,37 @@
-declare const _default: import("vue-demi").DefineComponent<{}, {
+import { PropType } from 'vue-demi';
+import { CardPadding } from './props';
+declare const _default: import("vue-demi").DefineComponent<{
+    selected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    padding: {
+        type: PropType<"none" | "m" | "l">;
+        default: CardPadding;
+    };
+    interactive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
     root: import("vue-demi").Ref<HTMLElement | undefined>;
     rootStyles: import("vue-demi").ComputedRef<string[]>;
-}, {}, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{}>>, {}>;
+}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+    selected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    padding: {
+        type: PropType<"none" | "m" | "l">;
+        default: CardPadding;
+    };
+    interactive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    selected: boolean;
+    padding: "none" | "m" | "l";
+    interactive: boolean;
+}>;
 export default _default;

package/dist/bundled/v3/components/OrCardV3/index.d.ts

@@ -1 +1,2 @@
 export { default as OrCardV3 } from './OrCard.vue';
+export * from './props';

package/dist/bundled/v3/components/OrCardV3/index.js

@@ -1 +1,2 @@
-export { s as OrCardV3 } from '../../OrCard.vue_vue_type_script_lang-b204e541.js';
+export { CardPadding } from './props.js';
+export { s as OrCardV3 } from '../../OrCard.vue_vue_type_script_lang-5f887a5a.js';

package/dist/bundled/v3/components/OrCardV3/props.d.ts

@@ -0,0 +1,5 @@
+export declare enum CardPadding {
+    None = "none",
+    M = "m",
+    L = "l"
+}

package/dist/bundled/v3/components/OrCardV3/props.js

@@ -0,0 +1,8 @@
+var CardPadding;
+(function (CardPadding) {
+  CardPadding["None"] = "none";
+  CardPadding["M"] = "m";
+  CardPadding["L"] = "l";
+})(CardPadding || (CardPadding = {}));
+
+export { CardPadding };

package/dist/bundled/v3/components/OrCardV3/styles.d.ts

@@ -1 +1,4 @@
+import { CardPadding } from './props';
 export declare const CardRoot: string[];
+export declare const CardPaddings: Record<CardPadding, string[]>;
+export declare const CardInteractive: string[];

package/dist/bundled/v3/components/OrCardV3/styles.js

@@ -1,15 +1,27 @@
+import { CardPadding } from './props.js';
+
 const CardRoot = [
 // Layout
 'layout-column',
 // Shape
 'rounded-md',
 // Spacing
-'px-md', 'py-md', 'gap-[10px]',
+'gap-[10px]',
 // Typography
 'typography-body-2-regular',
 // Theme
-'theme-background-default', 'dark:theme-background-default-dark', 'theme-foreground-default', 'dark:theme-foreground-default-dark',
-// Elevation
-'shadow-card', 'dark:shadow-card-dark'];
+'theme-background-default dark:theme-background-default-dark', 'shadow-card dark:shadow-card-dark'];
+const CardPaddings = {
+  [CardPadding.None]: [],
+  [CardPadding.L]: ['p-lg'],
+  [CardPadding.M]: ['p-md']
+};
+const CardInteractive = [
+// Hover
+'hover:shadow-contextual hover:dark:shadow-contextual-dark',
+// Selected
+'selected:bg-surface-1 dark:selected:bg-surface-1-dark', 'selected:shadow-card selected:dark:shadow-card-dark',
+// Active
+'active:bg-surface-1 dark:active:bg-surface-1-dark', 'active:shadow-card active:dark:shadow-card-dark'];
 
-export { CardRoot };
+export { CardInteractive, CardPaddings, CardRoot };

package/dist/bundled/v3/components/index.js

@@ -16,7 +16,8 @@ export { CARD_COLLECTION_LAYOUT } from './OrCardCollection/constants.js';
 export { s as OrCardCollection } from '../OrCardCollection.vue_vue_type_script_lang-77bcd3a8.js';
 export { s as OrCardCollectionV3 } from '../OrCardCollection.vue_vue_type_script_lang-97ce4f39.js';
 export { CardCollectionView, defaultViewModes, gridView, listView } from './OrCardCollectionV3/props.js';
-export { s as OrCardV3 } from '../OrCard.vue_vue_type_script_lang-b204e541.js';
+export { s as OrCardV3 } from '../OrCard.vue_vue_type_script_lang-5f887a5a.js';
+export { CardPadding } from './OrCardV3/props.js';
 export { s as OrCheckbox } from '../OrCheckbox.vue_vue_type_script_lang-de28fcaf.js';
 export { s as OrCheckboxGroupV3 } from '../OrCheckboxGroup.vue_vue_type_script_lang-53b76d2d.js';
 export { s as OrCheckboxTreeV3 } from '../OrCheckboxTree.vue_vue_type_script_lang-c675ea9d.js';