@onereach/ui-components 8.9.1 → 8.10.0

package/dist/bundled/v3/components/OrExpansionPanelV3/OrExpansionPanel.js

@@ -1 +1 @@
-export { s as default } from '../OrExpansionPanelV3-685494dc.js';
+export { s as default } from '../OrExpansionPanelV3-6ed3c8e5.js';

package/dist/bundled/v3/components/OrExpansionPanelV3/OrExpansionPanel.vue.d.ts

@@ -30,6 +30,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     rootStyles: import("vue-demi").ComputedRef<string[]>;
     headerStyles: import("vue-demi").ComputedRef<string[]>;
     addonStyles: import("vue-demi").ComputedRef<string[]>;
+    contentStyles: import("vue-demi").ComputedRef<string[]>;
     state: import("vue-demi").Ref<"open" | "closed">;
     open: () => void;
     close: () => void;

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

@@ -1 +1 @@
-export { b as ExpansionPanelBackgroundColor, a as ExpansionPanelColor, E as ExpansionPanelVariant, s as OrExpansionPanelV3 } from '../OrExpansionPanelV3-685494dc.js';
+export { b as ExpansionPanelBackgroundColor, a as ExpansionPanelColor, E as ExpansionPanelVariant, s as OrExpansionPanelV3 } from '../OrExpansionPanelV3-6ed3c8e5.js';

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

@@ -1 +1 @@
-export { b as ExpansionPanelBackgroundColor, a as ExpansionPanelColor, E as ExpansionPanelVariant } from '../OrExpansionPanelV3-685494dc.js';
+export { b as ExpansionPanelBackgroundColor, a as ExpansionPanelColor, E as ExpansionPanelVariant } from '../OrExpansionPanelV3-6ed3c8e5.js';

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

@@ -5,3 +5,4 @@ export declare const ExpansionPanelBackgroundColors: Record<`${ExpansionPanelBac
 export declare const ExpansionPanelHeader: string[];
 export declare const ExpansionPanelHeaderColors: Record<ExpansionPanelColor, string[]>;
 export declare const ExpansionPanelAddon: string[];
+export declare const ExpansionPanelContent: string[];

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

@@ -1 +1 @@
-export { c as ExpansionPanel, h as ExpansionPanelAddon, e as ExpansionPanelBackgroundColors, f as ExpansionPanelHeader, g as ExpansionPanelHeaderColors, d as ExpansionPanelVariants } from '../OrExpansionPanelV3-685494dc.js';
+export { c as ExpansionPanel, h as ExpansionPanelAddon, e as ExpansionPanelBackgroundColors, i as ExpansionPanelContent, f as ExpansionPanelHeader, g as ExpansionPanelHeaderColors, d as ExpansionPanelVariants } from '../OrExpansionPanelV3-6ed3c8e5.js';

package/dist/bundled/v3/components/{OrExpansionPanelV3-685494dc.js → OrExpansionPanelV3-6ed3c8e5.js}

@@ -24,10 +24,10 @@ const ExpansionPanel = [
 // Layout
 'layout-column'];
 const ExpansionPanelVariants = {
-  'default': [
+  [ExpansionPanelVariant.Default]: [
   // Spacing
   'gap-sm'],
-  'card': [
+  [ExpansionPanelVariant.Card]: [
   // Shape
   'rounded-md',
   // Spacing
@@ -50,12 +50,12 @@ const ExpansionPanelBackgroundColors = {
 const ExpansionPanelHeader = [
 // Layout
 'layout-row',
+// Interactivity
+'interactivity-click',
 // Box
 'min-w-[16px]',
 // Spacing
 'gap-sm',
-// Interactivity
-'interactivity-click',
 // Typography
 'typography-body-2-bold',
 // Theme
@@ -87,6 +87,9 @@ const ExpansionPanelAddon = [
 'typography-body-2-regular',
 // Theme
 'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];
+const ExpansionPanelContent = [
+// Spacing
+'ml-[28px] md:ml-[24px]'];
 
 var script = defineComponent({
   name: 'OrExpansionPanel',
@@ -128,6 +131,7 @@ var script = defineComponent({
     const rootStyles = computed(() => ['or-expansion-panel-v3', ...ExpansionPanel, ...ExpansionPanelVariants[props.variant], ...ExpansionPanelBackgroundColors[`${props.backgroundColor}-${props.variant}`]]);
     const headerStyles = computed(() => [...ExpansionPanelHeader, ...ExpansionPanelHeaderColors[props.color]]);
     const addonStyles = computed(() => [...ExpansionPanelAddon]);
+    const contentStyles = computed(() => [...ExpansionPanelContent]);
     // State
     const {
       state,
@@ -140,6 +144,7 @@ var script = defineComponent({
       rootStyles,
       headerStyles,
       addonStyles,
+      contentStyles,
       state,
       open,
       close,
@@ -173,10 +178,12 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     variant: 'filled-bold'
   }, null, 8 /* PROPS */, ["class"]), createElementVNode("span", _hoisted_4, toDisplayString(_ctx.label), 1 /* TEXT */)], 10 /* CLASS, PROPS */, _hoisted_3), createElementVNode("div", {
     class: normalizeClass(_ctx.addonStyles)
-  }, [renderSlot(_ctx.$slots, "addon")], 2 /* CLASS */)]), withDirectives(createElementVNode("div", null, [renderSlot(_ctx.$slots, "default")], 512 /* NEED_PATCH */), [[vShow, _ctx.state === 'open']])], 10 /* CLASS, PROPS */, _hoisted_1);
+  }, [renderSlot(_ctx.$slots, "addon")], 2 /* CLASS */)]), withDirectives(createElementVNode("div", {
+    class: normalizeClass(_ctx.contentStyles)
+  }, [renderSlot(_ctx.$slots, "default")], 2 /* CLASS */), [[vShow, _ctx.state === 'open']])], 10 /* CLASS, PROPS */, _hoisted_1);
 }
 
 script.render = render;
 script.__file = "src/components/or-expansion-panel-v3/OrExpansionPanel.vue";
 
-export { ExpansionPanelVariant as E, ExpansionPanelColor as a, ExpansionPanelBackgroundColor as b, ExpansionPanel as c, ExpansionPanelVariants as d, ExpansionPanelBackgroundColors as e, ExpansionPanelHeader as f, ExpansionPanelHeaderColors as g, ExpansionPanelAddon as h, script as s };
+export { ExpansionPanelVariant as E, ExpansionPanelColor as a, ExpansionPanelBackgroundColor as b, ExpansionPanel as c, ExpansionPanelVariants as d, ExpansionPanelBackgroundColors as e, ExpansionPanelHeader as f, ExpansionPanelHeaderColors as g, ExpansionPanelAddon as h, ExpansionPanelContent as i, script as s };

package/dist/bundled/v3/components/OrSelectV3/OrSelect.js

@@ -1 +1 @@
-export { s as default } from '../OrSelectV3-148bcd66.js';
+export { s as default } from '../OrSelectV3-bf0d3438.js';

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

@@ -1,2 +1,2 @@
-export { s as OrSelectV3 } from '../OrSelectV3-148bcd66.js';
+export { s as OrSelectV3 } from '../OrSelectV3-bf0d3438.js';
 export { I as SelectSize } from '../OrInputBoxV3-a079251d.js';

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

@@ -1 +1 @@
-export { S as Select, a as SelectControl, c as SelectDropdown, d as SelectDropdownDefault, e as SelectDropdownFlipped, f as SelectDropdownItem, g as SelectNoSearchResults, b as SelectSearchControl } from '../OrSelectV3-148bcd66.js';
+export { S as Select, a as SelectControl, c as SelectDropdown, d as SelectDropdownDefault, e as SelectDropdownFlipped, f as SelectDropdownItem, g as SelectNoSearchResults, b as SelectSearchControl } from '../OrSelectV3-bf0d3438.js';

package/dist/bundled/v3/components/{OrSelectV3-148bcd66.js → OrSelectV3-bf0d3438.js}

@@ -5,7 +5,7 @@ import { i as isEmptyValue, u as useProxyModelValue, ac as useFocus, ad as isEqu
 import { s as script$5, T as TagsOverflow } from './OrTagsV3-9625628a.js';
 import { s as script$6 } from './OrCheckboxV3-b22cada7.js';
 import { s as script$7 } from './OrErrorV3-f61387d6.js';
-import { s as script$8 } from './OrExpansionPanelV3-685494dc.js';
+import { s as script$8 } from './OrExpansionPanelV3-6ed3c8e5.js';
 import { s as script$9 } from './OrHintV3-1fcfaa19.js';
 import { s as script$a } from './OrIconV3-85d7d26b.js';
 import { s as script$b } from './OrIconButtonV3-48e98bc5.js';

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

@@ -35,7 +35,7 @@ export { E as EmptyStateSize, s as OrEmptyStateV3 } from './OrEmptyStateV3-964b6
 export { default as OrError } from './OrError/OrError.js';
 export { s as OrErrorTagV3 } from './OrErrorTagV3-c3da8496.js';
 export { s as OrErrorV3 } from './OrErrorV3-f61387d6.js';
-export { b as ExpansionPanelBackgroundColor, a as ExpansionPanelColor, E as ExpansionPanelVariant, s as OrExpansionPanelV3 } from './OrExpansionPanelV3-685494dc.js';
+export { b as ExpansionPanelBackgroundColor, a as ExpansionPanelColor, E as ExpansionPanelVariant, s as OrExpansionPanelV3 } from './OrExpansionPanelV3-6ed3c8e5.js';
 export { F as FabColor, s as OrFabV3 } from './OrFabV3-70d705c3.js';
 export { s as OrFloating, e as OrFloatingHideStrategy, O as OrFloatingPlacements } from './OrFloating-0d587434.js';
 export { F as FormGroupDirection, s as OrFormGroupV3 } from './OrFormGroupV3-53cf45ee.js';
@@ -84,7 +84,7 @@ export { default as OrSearch } from './OrSearch/OrSearch.js';
 export { OrSearchV3 } from './OrSearchV3/index.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControlV3-a23c975e.js';
 export { s as OrSelect } from './OrSelect-c8047252.js';
-export { s as OrSelectV3 } from './OrSelectV3-148bcd66.js';
+export { s as OrSelectV3 } from './OrSelectV3-bf0d3438.js';
 export { OrSidebar, OrSidebarSide } from './OrSidebar/index.js';
 export { S as OrSidebarPlacement, s as OrSidebarV3, S as SidebarPlacement } from './OrSidebarV3-7b217d46.js';
 export { s as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from './OrSkeleton-abe4522d.js';