@onereach/ui-components 8.9.1 → 8.10.0

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

@@ -1,2 +1,2 @@
-export { _ as default } from '../OrExpansionPanelV3-31f3376b.js';
+export { _ as default } from '../OrExpansionPanelV3-3e7149d3.js';
 import '../OrAvatar-7bdb7c9d.js';

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

@@ -5,6 +5,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     headerStyles: import("@vue/composition-api").ComputedRef<string[]>;
     addonStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    contentStyles: import("@vue/composition-api").ComputedRef<string[]>;
     state: import("@vue/composition-api").Ref<"open" | "closed">;
     open: () => void;
     close: () => void;
@@ -73,6 +74,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     headerStyles: import("@vue/composition-api").ComputedRef<string[]>;
     addonStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    contentStyles: import("@vue/composition-api").ComputedRef<string[]>;
     state: import("@vue/composition-api").Ref<"open" | "closed">;
     open: () => void;
     close: () => void;

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

@@ -1 +1 @@
-export { b as ExpansionPanelBackgroundColor, a as ExpansionPanelColor, E as ExpansionPanelVariant, _ as OrExpansionPanelV3 } from '../OrExpansionPanelV3-31f3376b.js';
+export { b as ExpansionPanelBackgroundColor, a as ExpansionPanelColor, E as ExpansionPanelVariant, _ as OrExpansionPanelV3 } from '../OrExpansionPanelV3-3e7149d3.js';

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

@@ -1 +1 @@
-export { b as ExpansionPanelBackgroundColor, a as ExpansionPanelColor, E as ExpansionPanelVariant } from '../OrExpansionPanelV3-31f3376b.js';
+export { b as ExpansionPanelBackgroundColor, a as ExpansionPanelColor, E as ExpansionPanelVariant } from '../OrExpansionPanelV3-3e7149d3.js';

package/dist/bundled/v2/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/v2/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-31f3376b.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-3e7149d3.js';

package/dist/bundled/v2/components/{OrExpansionPanelV3-31f3376b.js → OrExpansionPanelV3-3e7149d3.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,
@@ -192,7 +197,8 @@ var __vue_render__ = function () {
       rawName: "v-show",
       value: _vm.state === 'open',
       expression: "state === 'open'"
-    }]
+    }],
+    class: _vm.contentStyles
   }, [_vm._t("default")], 2)]);
 };
 var __vue_staticRenderFns__ = [];
@@ -216,4 +222,4 @@ const __vue_component__ = /*#__PURE__*/normalizeComponent({
   staticRenderFns: __vue_staticRenderFns__
 }, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
 
-export { ExpansionPanelVariant as E, __vue_component__ as _, ExpansionPanelColor as a, ExpansionPanelBackgroundColor as b, ExpansionPanel as c, ExpansionPanelVariants as d, ExpansionPanelBackgroundColors as e, ExpansionPanelHeader as f, ExpansionPanelHeaderColors as g, ExpansionPanelAddon as h };
+export { ExpansionPanelVariant as E, __vue_component__ as _, 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 };

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

@@ -1,2 +1,2 @@
-export { _ as default } from '../OrSelectV3-fd80a145.js';
+export { _ as default } from '../OrSelectV3-6ef4292a.js';
 import '../OrAvatar-7bdb7c9d.js';

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

@@ -1,2 +1,2 @@
-export { _ as OrSelectV3 } from '../OrSelectV3-fd80a145.js';
+export { _ as OrSelectV3 } from '../OrSelectV3-6ef4292a.js';
 export { I as SelectSize } from '../OrInputBoxV3-35d1e3a6.js';

package/dist/bundled/v2/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-fd80a145.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-6ef4292a.js';

package/dist/bundled/v2/components/{OrSelectV3-fd80a145.js → OrSelectV3-6ef4292a.js}

@@ -5,7 +5,7 @@ import { i as isEmptyValue, u as useProxyModelValue, ac as useFocus, ad as isEqu
 import { _ as __vue_component__$5, T as TagsOverflow } from './OrTagsV3-2758e5e4.js';
 import { _ as __vue_component__$6 } from './OrCheckboxV3-01363dbc.js';
 import { _ as __vue_component__$7 } from './OrErrorV3-6fa1b69a.js';
-import { _ as __vue_component__$8 } from './OrExpansionPanelV3-31f3376b.js';
+import { _ as __vue_component__$8 } from './OrExpansionPanelV3-3e7149d3.js';
 import { _ as __vue_component__$9 } from './OrHintV3-467244f9.js';
 import { _ as __vue_component__$a } from './OrIconV3-98337f2d.js';
 import { _ as __vue_component__$b } from './OrIconButtonV3-d4d38cf6.js';

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

@@ -35,7 +35,7 @@ export { E as EmptyStateSize, _ as OrEmptyStateV3 } from './OrEmptyStateV3-1d3f9
 export { default as OrError } from './OrError/OrError.js';
 export { _ as OrErrorTagV3 } from './OrErrorTagV3-96425380.js';
 export { _ as OrErrorV3 } from './OrErrorV3-6fa1b69a.js';
-export { b as ExpansionPanelBackgroundColor, a as ExpansionPanelColor, E as ExpansionPanelVariant, _ as OrExpansionPanelV3 } from './OrExpansionPanelV3-31f3376b.js';
+export { b as ExpansionPanelBackgroundColor, a as ExpansionPanelColor, E as ExpansionPanelVariant, _ as OrExpansionPanelV3 } from './OrExpansionPanelV3-3e7149d3.js';
 export { F as FabColor, _ as OrFabV3 } from './OrFabV3-75aa899f.js';
 export { _ as OrFloating, d as OrFloatingHideStrategy, O as OrFloatingPlacements } from './OrFloating-867638ff.js';
 export { F as FormGroupDirection, _ as OrFormGroupV3 } from './OrFormGroupV3-a4d81c9b.js';
@@ -84,7 +84,7 @@ export { default as OrSearch } from './OrSearch/OrSearch.js';
 export { OrSearchV3 } from './OrSearchV3/index.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControlV3-e9f59954.js';
 export { _ as OrSelect } from './OrSelect-53700d8d.js';
-export { _ as OrSelectV3 } from './OrSelectV3-fd80a145.js';
+export { _ as OrSelectV3 } from './OrSelectV3-6ef4292a.js';
 export { OrSidebar, OrSidebarSide } from './OrSidebar/index.js';
 export { S as OrSidebarPlacement, _ as OrSidebarV3, S as SidebarPlacement } from './OrSidebarV3-214fa007.js';
 export { _ as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from './OrSkeleton-3b4eca6a.js';