@onereach/ui-components 17.3.0 → 17.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (53) hide show
  1. package/dist/bundled/v2/components/OrDataGridV3/OrDataGrid.js +1 -1
  2. package/dist/bundled/v2/components/OrDataGridV3/index.js +1 -1
  3. package/dist/bundled/v2/components/OrExpansionPanelV3/OrExpansionPanel.js +7 -7
  4. package/dist/bundled/v2/components/OrExpansionPanelV3/OrExpansionPanel.vue.d.ts +1 -1
  5. package/dist/bundled/v2/components/OrExpansionPanelV3/styles.d.ts +1 -0
  6. package/dist/bundled/v2/components/OrExpansionPanelV3/styles.js +4 -1
  7. package/dist/bundled/v2/components/index.js +1 -1
  8. package/dist/bundled/v2/index.js +1 -1
  9. package/dist/bundled/v3/components/OrDataGridV3/OrDataGrid.js +1 -1
  10. package/dist/bundled/v3/components/OrDataGridV3/index.js +1 -1
  11. package/dist/bundled/v3/components/OrDataGridV3/styles.js +1 -1
  12. package/dist/bundled/v3/components/{OrDataGridV3-f3c5df29.js → OrDataGridV3-f54cf12c.js} +1 -1
  13. package/dist/bundled/v3/components/OrExpansionPanelV3/OrExpansionPanel.js +1 -1
  14. package/dist/bundled/v3/components/OrExpansionPanelV3/OrExpansionPanel.vue.d.ts +1 -1
  15. package/dist/bundled/v3/components/OrExpansionPanelV3/index.js +1 -1
  16. package/dist/bundled/v3/components/OrExpansionPanelV3/props.js +1 -1
  17. package/dist/bundled/v3/components/OrExpansionPanelV3/styles.d.ts +1 -0
  18. package/dist/bundled/v3/components/OrExpansionPanelV3/styles.js +1 -1
  19. package/dist/bundled/v3/components/{OrExpansionPanelV3-8711a407.js → OrExpansionPanelV3-c606c433.js} +9 -8
  20. package/dist/bundled/v3/components/OrSelectV3/OrSelect.js +1 -1
  21. package/dist/bundled/v3/components/OrSelectV3/index.js +1 -1
  22. package/dist/bundled/v3/components/OrSelectV3/styles.js +1 -1
  23. package/dist/bundled/v3/components/{OrSelectV3-5927c73a.js → OrSelectV3-48dce24c.js} +1 -1
  24. package/dist/bundled/v3/components/index.js +3 -3
  25. package/dist/bundled/v3/index.js +3 -3
  26. package/dist/esm/v2/{OrDataGrid-6098bc0c.js → OrDataGrid-55789382.js} +1 -1
  27. package/dist/esm/v2/{OrDataGridToolbar-37870dc3.js → OrDataGridToolbar-8271c6fb.js} +1 -1
  28. package/dist/esm/v2/{OrExpansionPanel-c10defa5.js → OrExpansionPanel-366d938e.js} +9 -6
  29. package/dist/esm/v2/{OrSelect-0ed3a792.js → OrSelect-81f4fb75.js} +1 -1
  30. package/dist/esm/v2/components/index.js +4 -4
  31. package/dist/esm/v2/components/or-data-grid-v3/index.js +4 -4
  32. package/dist/esm/v2/components/or-data-grid-v3/partials/index.js +3 -3
  33. package/dist/esm/v2/components/or-expansion-panel-v3/OrExpansionPanel.vue.d.ts +1 -1
  34. package/dist/esm/v2/components/or-expansion-panel-v3/index.js +1 -1
  35. package/dist/esm/v2/components/or-expansion-panel-v3/styles.d.ts +1 -0
  36. package/dist/esm/v2/components/or-select-v3/index.js +2 -2
  37. package/dist/esm/v2/index.js +4 -4
  38. package/dist/esm/v3/{OrDataGrid-6e847d85.js → OrDataGrid-5d3f0dfa.js} +1 -1
  39. package/dist/esm/v3/{OrDataGridToolbar-5155432d.js → OrDataGridToolbar-8fc59032.js} +1 -1
  40. package/dist/esm/v3/{OrExpansionPanel-99c697c1.js → OrExpansionPanel-669fdd31.js} +8 -7
  41. package/dist/esm/v3/{OrSelect-00b02909.js → OrSelect-0a253861.js} +1 -1
  42. package/dist/esm/v3/components/index.js +4 -4
  43. package/dist/esm/v3/components/or-data-grid-v3/index.js +4 -4
  44. package/dist/esm/v3/components/or-data-grid-v3/partials/index.js +3 -3
  45. package/dist/esm/v3/components/or-expansion-panel-v3/OrExpansionPanel.vue.d.ts +1 -1
  46. package/dist/esm/v3/components/or-expansion-panel-v3/index.js +1 -1
  47. package/dist/esm/v3/components/or-expansion-panel-v3/styles.d.ts +1 -0
  48. package/dist/esm/v3/components/or-select-v3/index.js +2 -2
  49. package/dist/esm/v3/index.js +4 -4
  50. package/package.json +3 -3
  51. package/src/components/or-expansion-panel-v3/OrExpansionPanel.vue +8 -9
  52. package/src/components/or-expansion-panel-v3/styles.ts +6 -0
  53. /package/dist/bundled/v2/{OrDataGrid-d764606f.js → OrDataGrid-b0fea41a.js} +0 -0
@@ -1,2 +1,2 @@
1
- export { _ as default } from '../../OrDataGrid-d764606f.js';
1
+ export { _ as default } from '../../OrDataGrid-b0fea41a.js';
2
2
  import '../../normalize-component-6e8e3d80.js';
@@ -1 +1 @@
1
- export { D as DataGridVariant, _ as OrDataGridV3 } from '../../OrDataGrid-d764606f.js';
1
+ export { D as DataGridVariant, _ as OrDataGridV3 } from '../../OrDataGrid-b0fea41a.js';
@@ -1,6 +1,6 @@
1
1
  import { defineComponent, ref, computed, toRef } from 'vue-demi';
2
2
  import { ExpansionPanelVariant, ExpansionPanelColor, ExpansionPanelBackgroundColor } from './props.js';
3
- import { ExpansionPanel, ExpansionPanelVariants, ExpansionPanelBackgroundColors, ExpansionPanelHeader, ExpansionPanelHeaderColors, ExpansionPanelAddon, ExpansionPanelContentLeftIndent, ExpansionPanelDescription } from './styles.js';
3
+ import { ExpansionPanel, ExpansionPanelVariants, ExpansionPanelBackgroundColors, ExpansionPanelHeader, ExpansionPanelHeaderColors, ExpansionPanelAddon, ExpansionPanelContentLeftIndent, ExpansionPanelDescription, ExpansionPanelDescriptionDisabled } from './styles.js';
4
4
  import __vue_component__$1 from '../OrIconV3/OrIcon.js';
5
5
  import { usePopoverState } from '../../hooks/usePopoverState.js';
6
6
  import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
@@ -58,7 +58,7 @@ var script = defineComponent({
58
58
  const headerStyles = computed(() => [...ExpansionPanelHeader, ...ExpansionPanelHeaderColors[props.color]]);
59
59
  const addonStyles = computed(() => [...ExpansionPanelAddon]);
60
60
  const contentStyles = computed(() => [props.leftIndent ? ExpansionPanelContentLeftIndent : '']);
61
- const descriptionStyles = computed(() => [...ExpansionPanelDescription]);
61
+ const descriptionStyles = computed(() => [...ExpansionPanelDescription, props.disabled ? ExpansionPanelDescriptionDisabled : '']);
62
62
  // State
63
63
  const {
64
64
  state,
@@ -133,11 +133,11 @@ var __vue_render__ = function () {
133
133
  class: _vm.contentStyles
134
134
  }, [_vm._t("default")], 2)] : [_vm.state === 'open' ? _c('div', {
135
135
  class: _vm.contentStyles
136
- }, [_vm._t("default")], 2) : _vm._e()], _vm._v(" "), _vm.state != 'open' ? _vm._t("description", function () {
137
- return [_vm.description ? _c('div', {
138
- class: _vm.descriptionStyles
139
- }, [_vm._v("\n " + _vm._s(_vm.description) + "\n ")]) : _vm._e()];
140
- }) : _vm._e()], 2);
136
+ }, [_vm._t("default")], 2) : _vm._e()], _vm._v(" "), (_vm.description || _vm.$slots.description) && _vm.state != 'open' ? _c('div', {
137
+ class: _vm.descriptionStyles
138
+ }, [_vm._t("description", function () {
139
+ return [_vm._v("\n " + _vm._s(_vm.description) + "\n ")];
140
+ })], 2) : _vm._e()], 2);
141
141
  };
142
142
  var __vue_staticRenderFns__ = [];
143
143
 
@@ -43,7 +43,7 @@ declare const _default: import("vue-demi").DefineComponent<{
43
43
  headerStyles: import("vue-demi").ComputedRef<string[]>;
44
44
  addonStyles: import("vue-demi").ComputedRef<string[]>;
45
45
  contentStyles: import("vue-demi").ComputedRef<(string | string[])[]>;
46
- descriptionStyles: import("vue-demi").ComputedRef<string[]>;
46
+ descriptionStyles: import("vue-demi").ComputedRef<(string | string[])[]>;
47
47
  state: Readonly<import("vue-demi").Ref<"open" | "closed">>;
48
48
  open: () => void;
49
49
  close: () => void;
@@ -1,6 +1,7 @@
1
1
  import { ExpansionPanelBackgroundColor, ExpansionPanelColor, ExpansionPanelVariant } from './props';
2
2
  export declare const ExpansionPanel: string[];
3
3
  export declare const ExpansionPanelDescription: string[];
4
+ export declare const ExpansionPanelDescriptionDisabled: string[];
4
5
  export declare const ExpansionPanelVariants: Record<ExpansionPanelVariant, string[]>;
5
6
  export declare const ExpansionPanelBackgroundColors: Record<`${ExpansionPanelBackgroundColor}-${ExpansionPanelVariant}`, string[]>;
6
7
  export declare const ExpansionPanelHeader: string[];
@@ -6,6 +6,9 @@ const ExpansionPanel = [
6
6
  const ExpansionPanelDescription = [
7
7
  // Typography
8
8
  'typography-caption-regular'];
9
+ const ExpansionPanelDescriptionDisabled = [
10
+ // Theme
11
+ 'theme-foreground-disabled', 'dark:theme-foreground-disabled-dark'];
9
12
  const ExpansionPanelVariants = {
10
13
  [ExpansionPanelVariant.Default]: [
11
14
  // Spacing
@@ -74,4 +77,4 @@ const ExpansionPanelContentLeftIndent = [
74
77
  // Spacing
75
78
  'ml-[28px] md:ml-[24px]'];
76
79
 
77
- export { ExpansionPanel, ExpansionPanelAddon, ExpansionPanelBackgroundColors, ExpansionPanelContentLeftIndent, ExpansionPanelDescription, ExpansionPanelHeader, ExpansionPanelHeaderColors, ExpansionPanelVariants };
80
+ export { ExpansionPanel, ExpansionPanelAddon, ExpansionPanelBackgroundColors, ExpansionPanelContentLeftIndent, ExpansionPanelDescription, ExpansionPanelDescriptionDisabled, ExpansionPanelHeader, ExpansionPanelHeaderColors, ExpansionPanelVariants };
@@ -44,7 +44,7 @@ export { default as OrConfirm } from './OrConfirm/OrConfirm.js';
44
44
  export { default as OrConfirmV3 } from './OrConfirmV3/OrConfirm.js';
45
45
  export { ConfirmType } from './OrConfirmV3/props.js';
46
46
  export { default as OrContextMenuV3 } from './OrContextMenuV3/OrContextMenu.js';
47
- export { D as DataGridVariant, _ as OrDataGridV3 } from '../OrDataGrid-d764606f.js';
47
+ export { D as DataGridVariant, _ as OrDataGridV3 } from '../OrDataGrid-b0fea41a.js';
48
48
  export { default as OrDateFormatV3 } from './OrDateFormatV3/OrDateFormat.js';
49
49
  export { default as OrDatePickerV3 } from './OrDatePickerV3/OrDatePicker.js';
50
50
  export { default as OrDateRangePickerV3 } from './OrDateRangePickerV3/OrDateRangePicker.js';
@@ -18,7 +18,7 @@ export { default as OrCombinedInputV3 } from './components/OrCombinedInputV3/OrC
18
18
  export { default as OrConfirm } from './components/OrConfirm/OrConfirm.js';
19
19
  export { default as OrConfirmV3 } from './components/OrConfirmV3/OrConfirm.js';
20
20
  export { default as OrContextMenuV3 } from './components/OrContextMenuV3/OrContextMenu.js';
21
- export { D as DataGridVariant, _ as OrDataGridV3 } from './OrDataGrid-d764606f.js';
21
+ export { D as DataGridVariant, _ as OrDataGridV3 } from './OrDataGrid-b0fea41a.js';
22
22
  export { default as OrDateFormatV3 } from './components/OrDateFormatV3/OrDateFormat.js';
23
23
  export { default as OrDatePickerV3 } from './components/OrDatePickerV3/OrDatePicker.js';
24
24
  export { default as OrDateRangePickerV3 } from './components/OrDateRangePickerV3/OrDateRangePicker.js';
@@ -1 +1 @@
1
- export { s as default } from '../OrDataGridV3-f3c5df29.js';
1
+ export { s as default } from '../OrDataGridV3-f54cf12c.js';
@@ -1 +1 @@
1
- export { D as DataGridVariant, s as OrDataGridV3 } from '../OrDataGridV3-f3c5df29.js';
1
+ export { D as DataGridVariant, s as OrDataGridV3 } from '../OrDataGridV3-f54cf12c.js';
@@ -1 +1 @@
1
- export { a as DataGrid } from '../OrDataGridV3-f3c5df29.js';
1
+ export { a as DataGrid } from '../OrDataGridV3-f54cf12c.js';
@@ -5,7 +5,7 @@ import { s as script$g } from './OrDatePickerV3-6b401a40.js';
5
5
  import { s as script$h } from './OrDateTimePickerV3-4836519c.js';
6
6
  import { s as script$i } from './OrInputV3-4948ce20.js';
7
7
  import { s as script$j } from './OrRatingV3-e3260da7.js';
8
- import { s as script$k } from './OrSelectV3-5927c73a.js';
8
+ import { s as script$k } from './OrSelectV3-48dce24c.js';
9
9
  import { s as script$l } from './OrSwitchV3-5c3d773f.js';
10
10
  import { s as script$m } from './OrTagInputV3-430ddaa0.js';
11
11
  import { s as script$n } from './OrTimePickerV3-90b57473.js';
@@ -1 +1 @@
1
- export { s as default } from '../OrExpansionPanelV3-8711a407.js';
1
+ export { s as default } from '../OrExpansionPanelV3-c606c433.js';
@@ -43,7 +43,7 @@ declare const _default: import("vue-demi").DefineComponent<{
43
43
  headerStyles: import("vue-demi").ComputedRef<string[]>;
44
44
  addonStyles: import("vue-demi").ComputedRef<string[]>;
45
45
  contentStyles: import("vue-demi").ComputedRef<(string | string[])[]>;
46
- descriptionStyles: import("vue-demi").ComputedRef<string[]>;
46
+ descriptionStyles: import("vue-demi").ComputedRef<(string | string[])[]>;
47
47
  state: Readonly<import("vue-demi").Ref<"open" | "closed">>;
48
48
  open: () => void;
49
49
  close: () => void;
@@ -1 +1 @@
1
- export { b as ExpansionPanelBackgroundColor, a as ExpansionPanelColor, E as ExpansionPanelVariant, s as OrExpansionPanelV3 } from '../OrExpansionPanelV3-8711a407.js';
1
+ export { b as ExpansionPanelBackgroundColor, a as ExpansionPanelColor, E as ExpansionPanelVariant, s as OrExpansionPanelV3 } from '../OrExpansionPanelV3-c606c433.js';
@@ -1 +1 @@
1
- export { b as ExpansionPanelBackgroundColor, a as ExpansionPanelColor, E as ExpansionPanelVariant } from '../OrExpansionPanelV3-8711a407.js';
1
+ export { b as ExpansionPanelBackgroundColor, a as ExpansionPanelColor, E as ExpansionPanelVariant } from '../OrExpansionPanelV3-c606c433.js';
@@ -1,6 +1,7 @@
1
1
  import { ExpansionPanelBackgroundColor, ExpansionPanelColor, ExpansionPanelVariant } from './props';
2
2
  export declare const ExpansionPanel: string[];
3
3
  export declare const ExpansionPanelDescription: string[];
4
+ export declare const ExpansionPanelDescriptionDisabled: string[];
4
5
  export declare const ExpansionPanelVariants: Record<ExpansionPanelVariant, string[]>;
5
6
  export declare const ExpansionPanelBackgroundColors: Record<`${ExpansionPanelBackgroundColor}-${ExpansionPanelVariant}`, string[]>;
6
7
  export declare const ExpansionPanelHeader: string[];
@@ -1 +1 @@
1
- export { c as ExpansionPanel, i as ExpansionPanelAddon, f as ExpansionPanelBackgroundColors, j as ExpansionPanelContentLeftIndent, d as ExpansionPanelDescription, g as ExpansionPanelHeader, h as ExpansionPanelHeaderColors, e as ExpansionPanelVariants } from '../OrExpansionPanelV3-8711a407.js';
1
+ export { c as ExpansionPanel, j as ExpansionPanelAddon, g as ExpansionPanelBackgroundColors, k as ExpansionPanelContentLeftIndent, d as ExpansionPanelDescription, e as ExpansionPanelDescriptionDisabled, h as ExpansionPanelHeader, i as ExpansionPanelHeaderColors, f as ExpansionPanelVariants } from '../OrExpansionPanelV3-c606c433.js';
@@ -1,4 +1,4 @@
1
- import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, withModifiers, createVNode, renderSlot, toDisplayString, withDirectives, vShow, Fragment, createCommentVNode } from 'vue';
1
+ import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, withModifiers, createVNode, renderSlot, toDisplayString, withDirectives, vShow, Fragment, createCommentVNode, createTextVNode } from 'vue';
2
2
  import { defineComponent, ref, computed, toRef } from 'vue-demi';
3
3
  import { s as script$1 } from './OrIconV3-b5c97ea7.js';
4
4
  import { usePopoverState } from '../hooks/usePopoverState.js';
@@ -26,6 +26,9 @@ const ExpansionPanel = [
26
26
  const ExpansionPanelDescription = [
27
27
  // Typography
28
28
  'typography-caption-regular'];
29
+ const ExpansionPanelDescriptionDisabled = [
30
+ // Theme
31
+ 'theme-foreground-disabled', 'dark:theme-foreground-disabled-dark'];
29
32
  const ExpansionPanelVariants = {
30
33
  [ExpansionPanelVariant.Default]: [
31
34
  // Spacing
@@ -147,7 +150,7 @@ var script = defineComponent({
147
150
  const headerStyles = computed(() => [...ExpansionPanelHeader, ...ExpansionPanelHeaderColors[props.color]]);
148
151
  const addonStyles = computed(() => [...ExpansionPanelAddon]);
149
152
  const contentStyles = computed(() => [props.leftIndent ? ExpansionPanelContentLeftIndent : '']);
150
- const descriptionStyles = computed(() => [...ExpansionPanelDescription]);
153
+ const descriptionStyles = computed(() => [...ExpansionPanelDescription, props.disabled ? ExpansionPanelDescriptionDisabled : '']);
151
154
  // State
152
155
  const {
153
156
  state,
@@ -205,15 +208,13 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
205
208
  }, [_ctx.state === 'open' ? (openBlock(), createElementBlock("div", {
206
209
  key: 0,
207
210
  class: normalizeClass(_ctx.contentStyles)
208
- }, [renderSlot(_ctx.$slots, "default")], 2 /* CLASS */)) : createCommentVNode("v-if", true)], 64 /* STABLE_FRAGMENT */)), _ctx.state != 'open' ? renderSlot(_ctx.$slots, "description", {
209
- key: 2
210
- }, () => [_ctx.description ? (openBlock(), createElementBlock("div", {
211
- key: 0,
211
+ }, [renderSlot(_ctx.$slots, "default")], 2 /* CLASS */)) : createCommentVNode("v-if", true)], 64 /* STABLE_FRAGMENT */)), (_ctx.description || _ctx.$slots.description) && _ctx.state != 'open' ? (openBlock(), createElementBlock("div", {
212
+ key: 2,
212
213
  class: normalizeClass(_ctx.descriptionStyles)
213
- }, toDisplayString(_ctx.description), 3 /* TEXT, CLASS */)) : createCommentVNode("v-if", true)]) : createCommentVNode("v-if", true)], 10 /* CLASS, PROPS */, _hoisted_1);
214
+ }, [renderSlot(_ctx.$slots, "description", {}, () => [createTextVNode(toDisplayString(_ctx.description), 1 /* TEXT */)])], 2 /* CLASS */)) : createCommentVNode("v-if", true)], 10 /* CLASS, PROPS */, _hoisted_1);
214
215
  }
215
216
 
216
217
  script.render = render;
217
218
  script.__file = "src/components/or-expansion-panel-v3/OrExpansionPanel.vue";
218
219
 
219
- export { ExpansionPanelVariant as E, ExpansionPanelColor as a, ExpansionPanelBackgroundColor as b, ExpansionPanel as c, ExpansionPanelDescription as d, ExpansionPanelVariants as e, ExpansionPanelBackgroundColors as f, ExpansionPanelHeader as g, ExpansionPanelHeaderColors as h, ExpansionPanelAddon as i, ExpansionPanelContentLeftIndent as j, script as s };
220
+ export { ExpansionPanelVariant as E, ExpansionPanelColor as a, ExpansionPanelBackgroundColor as b, ExpansionPanel as c, ExpansionPanelDescription as d, ExpansionPanelDescriptionDisabled as e, ExpansionPanelVariants as f, ExpansionPanelBackgroundColors as g, ExpansionPanelHeader as h, ExpansionPanelHeaderColors as i, ExpansionPanelAddon as j, ExpansionPanelContentLeftIndent as k, script as s };
@@ -1 +1 @@
1
- export { s as default } from '../OrSelectV3-5927c73a.js';
1
+ export { s as default } from '../OrSelectV3-48dce24c.js';
@@ -1 +1 @@
1
- export { s as OrSelectV3 } from '../OrSelectV3-5927c73a.js';
1
+ export { s as OrSelectV3 } from '../OrSelectV3-48dce24c.js';
@@ -1 +1 @@
1
- export { S as Select, a as SelectControl, c as SelectDropdown, d as SelectDropdownDefault, e as SelectDropdownFlipped, f as SelectDropdownItem, h as SelectLoader, g as SelectNoSearchResults, b as SelectSearchControl } from '../OrSelectV3-5927c73a.js';
1
+ export { S as Select, a as SelectControl, c as SelectDropdown, d as SelectDropdownDefault, e as SelectDropdownFlipped, f as SelectDropdownItem, h as SelectLoader, g as SelectNoSearchResults, b as SelectSearchControl } from '../OrSelectV3-48dce24c.js';
@@ -10,7 +10,7 @@ import { s as script$6 } from './OrTooltipV3-39318e8a.js';
10
10
  import { isEmpty } from '../utils/isEmpty.js';
11
11
  import { s as script$7 } from './OrCheckboxV3-3facd890.js';
12
12
  import { s as script$8 } from './OrErrorV3-b04d76aa.js';
13
- import { s as script$9 } from './OrExpansionPanelV3-8711a407.js';
13
+ import { s as script$9 } from './OrExpansionPanelV3-c606c433.js';
14
14
  import { s as script$a } from './OrHintV3-c8ac5975.js';
15
15
  import { s as script$b } from './OrIconV3-b5c97ea7.js';
16
16
  import { s as script$c } from './OrIconButtonV3-8792db31.js';
@@ -24,7 +24,7 @@ export { s as OrCombinedInputV3 } from './OrCombinedInputV3-e05e3023.js';
24
24
  export { s as OrConfirm } from './OrConfirm-59ba1ebd.js';
25
25
  export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirmV3-82e72e73.js';
26
26
  export { default as OrContextMenuV3 } from './OrContextMenuV3/OrContextMenu.js';
27
- export { D as DataGridVariant, s as OrDataGridV3 } from './OrDataGridV3-f3c5df29.js';
27
+ export { D as DataGridVariant, s as OrDataGridV3 } from './OrDataGridV3-f54cf12c.js';
28
28
  export { s as OrDateFormatV3 } from './OrDateFormatV3-5bda3944.js';
29
29
  export { s as OrDatePickerV3 } from './OrDatePickerV3-6b401a40.js';
30
30
  export { s as OrDateRangePickerV3 } from './OrDateRangePickerV3-a846c161.js';
@@ -38,7 +38,7 @@ export { E as EmptyStateSize, s as OrEmptyStateV3 } from './OrEmptyStateV3-af47a
38
38
  export { default as OrError } from './OrError/OrError.js';
39
39
  export { s as OrErrorTagV3 } from './OrErrorTagV3-1b00b9d5.js';
40
40
  export { s as OrErrorV3 } from './OrErrorV3-b04d76aa.js';
41
- export { b as ExpansionPanelBackgroundColor, a as ExpansionPanelColor, E as ExpansionPanelVariant, s as OrExpansionPanelV3 } from './OrExpansionPanelV3-8711a407.js';
41
+ export { b as ExpansionPanelBackgroundColor, a as ExpansionPanelColor, E as ExpansionPanelVariant, s as OrExpansionPanelV3 } from './OrExpansionPanelV3-c606c433.js';
42
42
  export { F as FabColor, s as OrFabV3 } from './OrFabV3-86cf1da1.js';
43
43
  export { s as OrFilterPopoverV3 } from './OrFilterPopoverV3-9dae3616.js';
44
44
  export { s as OrFilterTriggerV3 } from './OrFilterTriggerV3-2d84c0ae.js';
@@ -93,7 +93,7 @@ export { default as OrSearch } from './OrSearch/OrSearch.js';
93
93
  export { default as OrSearchV3 } from './OrSearchV3/OrSearch.js';
94
94
  export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControlV3-99c7f6ed.js';
95
95
  export { s as OrSelect } from './OrSelect-95c6d905.js';
96
- export { s as OrSelectV3 } from './OrSelectV3-5927c73a.js';
96
+ export { s as OrSelectV3 } from './OrSelectV3-48dce24c.js';
97
97
  export { OrSidebar, OrSidebarSide } from './OrSidebar/index.js';
98
98
  export { s as OrSidebarV3, S as SidebarPlacement } from './OrSidebarV3-58a975ec.js';
99
99
  export { s as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from './OrSkeleton-d6cc03ec.js';
@@ -16,7 +16,7 @@ export { s as OrCombinedInputV3 } from './components/OrCombinedInputV3-e05e3023.
16
16
  export { s as OrConfirm } from './components/OrConfirm-59ba1ebd.js';
17
17
  export { C as ConfirmType, s as OrConfirmV3 } from './components/OrConfirmV3-82e72e73.js';
18
18
  export { default as OrContextMenuV3 } from './components/OrContextMenuV3/OrContextMenu.js';
19
- export { D as DataGridVariant, s as OrDataGridV3 } from './components/OrDataGridV3-f3c5df29.js';
19
+ export { D as DataGridVariant, s as OrDataGridV3 } from './components/OrDataGridV3-f54cf12c.js';
20
20
  export { s as OrDateFormatV3 } from './components/OrDateFormatV3-5bda3944.js';
21
21
  export { s as OrDateRangePickerV3 } from './components/OrDateRangePickerV3-a846c161.js';
22
22
  export { s as OrDateTimeFormatV3 } from './components/OrDateTimeFormatV3-1d9d1118.js';
@@ -83,7 +83,7 @@ export { s as OrDatePickerV3 } from './components/OrDatePickerV3-6b401a40.js';
83
83
  export { a as OrDateTimePickerDateControl, b as OrDateTimePickerDateSelect, c as OrDateTimePickerMobileControl, d as OrDateTimePickerMonthSelect, e as OrDateTimePickerPopoverFooter, g as OrDateTimePickerPopoverHeader, l as OrDateTimePickerTimeControl, m as OrDateTimePickerTimeSelect, s as OrDateTimePickerV3, f as formatDate, i as formatMobileDate, n as formatMobileTime, k as formatTime, h as getCurrentDate, j as getNextMonthDate } from './components/OrDateTimePickerV3-4836519c.js';
84
84
  export { default as OrError } from './components/OrError/OrError.js';
85
85
  export { s as OrErrorV3 } from './components/OrErrorV3-b04d76aa.js';
86
- export { b as ExpansionPanelBackgroundColor, a as ExpansionPanelColor, E as ExpansionPanelVariant, s as OrExpansionPanelV3 } from './components/OrExpansionPanelV3-8711a407.js';
86
+ export { b as ExpansionPanelBackgroundColor, a as ExpansionPanelColor, E as ExpansionPanelVariant, s as OrExpansionPanelV3 } from './components/OrExpansionPanelV3-c606c433.js';
87
87
  export { s as OrFilterPopoverV3 } from './components/OrFilterPopoverV3-9dae3616.js';
88
88
  export { s as OrFilterTriggerV3 } from './components/OrFilterTriggerV3-2d84c0ae.js';
89
89
  export { s as OrFloating, e as OrFloatingHideStrategy, O as OrFloatingPlacements } from './components/OrFloating-1ff6fef4.js';
@@ -116,7 +116,7 @@ export { s as OrRatingV3, R as RatingVariant } from './components/OrRatingV3-e32
116
116
  export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement } from './components/OrResizeablePanelV3-55c475a1.js';
117
117
  export { default as OrSearch } from './components/OrSearch/OrSearch.js';
118
118
  export { default as OrSearchV3 } from './components/OrSearchV3/OrSearch.js';
119
- export { s as OrSelectV3 } from './components/OrSelectV3-5927c73a.js';
119
+ export { s as OrSelectV3 } from './components/OrSelectV3-48dce24c.js';
120
120
  export { s as OrSortingV3 } from './components/OrSortingV3-07280850.js';
121
121
  export { s as OrSwitchV3 } from './components/OrSwitchV3-5c3d773f.js';
122
122
  export { default as OrTabHeaderItem } from './components/OrTabHeaderItem/OrTabHeaderItem.js';
@@ -5,7 +5,7 @@ import { _ as __vue_component__$h } from './OrSearch-8ad7f224.js';
5
5
  import './OrSkeletonCircle.vue_rollup-plugin-vue_script-f572f02f.js';
6
6
  import './OrSkeletonRect.vue_rollup-plugin-vue_script-d2b78065.js';
7
7
  import { _ as __vue_component__$i } from './OrSkeletonText-b6e51e70.js';
8
- import { _ as __vue_component__$2, a as __vue_component__$3, b as __vue_component__$4, c as __vue_component__$5, d as __vue_component__$6, e as __vue_component__$7, f as __vue_component__$8, g as __vue_component__$9, h as __vue_component__$a, i as __vue_component__$b, j as __vue_component__$c, k as __vue_component__$d, l as __vue_component__$e, m as __vue_component__$f, D as DataGridVariant } from './OrDataGridToolbar-37870dc3.js';
8
+ import { _ as __vue_component__$2, a as __vue_component__$3, b as __vue_component__$4, c as __vue_component__$5, d as __vue_component__$6, e as __vue_component__$7, f as __vue_component__$8, g as __vue_component__$9, h as __vue_component__$a, i as __vue_component__$b, j as __vue_component__$c, k as __vue_component__$d, l as __vue_component__$e, m as __vue_component__$f, D as DataGridVariant } from './OrDataGridToolbar-8271c6fb.js';
9
9
  import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
10
10
 
11
11
  const DataGrid = [
@@ -12,7 +12,7 @@ import { _ as __vue_component__$g } from './OrDateTimePicker-1caf94f9.js';
12
12
  import './OrDateTimePickerTimeSelect-1a6165a4.js';
13
13
  import { _ as __vue_component__$h } from './OrInput-eb8b9e06.js';
14
14
  import { _ as __vue_component__$i } from './OrRating-7c968949.js';
15
- import { _ as __vue_component__$j } from './OrSelect-0ed3a792.js';
15
+ import { _ as __vue_component__$j } from './OrSelect-81f4fb75.js';
16
16
  import { _ as __vue_component__$k } from './OrSwitch-8644972a.js';
17
17
  import { _ as __vue_component__$l } from './OrTagInput-fae8694e.js';
18
18
  import { _ as __vue_component__$m } from './OrTimePicker-20871708.js';
@@ -31,6 +31,9 @@ const ExpansionPanel = [
31
31
  const ExpansionPanelDescription = [
32
32
  // Typography
33
33
  'typography-caption-regular'];
34
+ const ExpansionPanelDescriptionDisabled = [
35
+ // Theme
36
+ 'theme-foreground-disabled', 'dark:theme-foreground-disabled-dark'];
34
37
  const ExpansionPanelVariants = {
35
38
  [ExpansionPanelVariant.Default]: [
36
39
  // Spacing
@@ -152,7 +155,7 @@ var script = defineComponent({
152
155
  const headerStyles = computed(() => [...ExpansionPanelHeader, ...ExpansionPanelHeaderColors[props.color]]);
153
156
  const addonStyles = computed(() => [...ExpansionPanelAddon]);
154
157
  const contentStyles = computed(() => [props.leftIndent ? ExpansionPanelContentLeftIndent : '']);
155
- const descriptionStyles = computed(() => [...ExpansionPanelDescription]);
158
+ const descriptionStyles = computed(() => [...ExpansionPanelDescription, props.disabled ? ExpansionPanelDescriptionDisabled : '']);
156
159
  // State
157
160
  const {
158
161
  state,
@@ -227,11 +230,11 @@ var __vue_render__ = function () {
227
230
  class: _vm.contentStyles
228
231
  }, [_vm._t("default")], 2)] : [_vm.state === 'open' ? _c('div', {
229
232
  class: _vm.contentStyles
230
- }, [_vm._t("default")], 2) : _vm._e()], _vm._v(" "), _vm.state != 'open' ? _vm._t("description", function () {
231
- return [_vm.description ? _c('div', {
232
- class: _vm.descriptionStyles
233
- }, [_vm._v("\n " + _vm._s(_vm.description) + "\n ")]) : _vm._e()];
234
- }) : _vm._e()], 2);
233
+ }, [_vm._t("default")], 2) : _vm._e()], _vm._v(" "), (_vm.description || _vm.$slots.description) && _vm.state != 'open' ? _c('div', {
234
+ class: _vm.descriptionStyles
235
+ }, [_vm._t("description", function () {
236
+ return [_vm._v("\n " + _vm._s(_vm.description) + "\n ")];
237
+ })], 2) : _vm._e()], 2);
235
238
  };
236
239
  var __vue_staticRenderFns__ = [];
237
240
 
@@ -12,7 +12,7 @@ import { u as useResponsive } from './useResponsive-491da8c6.js';
12
12
  import '@onereach/styles/tailwind.config.json';
13
13
  import { _ as __vue_component__$1 } from './OrCheckbox-51c1d5a7.js';
14
14
  import { _ as __vue_component__$2 } from './OrError-b25d782d.js';
15
- import { _ as __vue_component__$3 } from './OrExpansionPanel-c10defa5.js';
15
+ import { _ as __vue_component__$3 } from './OrExpansionPanel-366d938e.js';
16
16
  import { _ as __vue_component__$4 } from './OrHint-2fe1157b.js';
17
17
  import { _ as __vue_component__$6 } from './OrIconButton-786f390f.js';
18
18
  import { _ as __vue_component__$5 } from './OrIcon-0a14dafc.js';
@@ -34,8 +34,8 @@ export { _ as OrCombinedInputV3 } from '../OrCombinedInput-6371ef7d.js';
34
34
  export { _ as OrConfirm } from '../OrConfirm-8f6d47e1.js';
35
35
  export { C as ConfirmType, _ as OrConfirmV3 } from '../OrConfirm-4b682c72.js';
36
36
  export { _ as OrContextMenuV3 } from '../OrContextMenu-a6fee3eb.js';
37
- export { _ as OrDataGridV3 } from '../OrDataGrid-6098bc0c.js';
38
- export { D as DataGridVariant } from '../OrDataGridToolbar-37870dc3.js';
37
+ export { _ as OrDataGridV3 } from '../OrDataGrid-55789382.js';
38
+ export { D as DataGridVariant } from '../OrDataGridToolbar-8271c6fb.js';
39
39
  export { _ as OrDateFormatV3 } from '../OrDateFormat-5ef6be46.js';
40
40
  export { _ as OrDatePickerV3 } from '../OrDatePicker-63d166e7.js';
41
41
  export { _ as OrDateRangePickerV3 } from '../OrDateRangePicker-fcec546a.js';
@@ -54,7 +54,7 @@ export { E as EmptyStateSize, _ as OrEmptyStateV3 } from '../OrEmptyState-186f7a
54
54
  export { _ as OrError } from '../OrError-efc74907.js';
55
55
  export { _ as OrErrorTagV3 } from '../OrErrorTag-fb59988e.js';
56
56
  export { _ as OrErrorV3 } from '../OrError-b25d782d.js';
57
- export { b as ExpansionPanelBackgroundColor, a as ExpansionPanelColor, E as ExpansionPanelVariant, _ as OrExpansionPanelV3 } from '../OrExpansionPanel-c10defa5.js';
57
+ export { b as ExpansionPanelBackgroundColor, a as ExpansionPanelColor, E as ExpansionPanelVariant, _ as OrExpansionPanelV3 } from '../OrExpansionPanel-366d938e.js';
58
58
  export { F as FabColor, _ as OrFabV3 } from '../OrFab-26e22be7.js';
59
59
  export { _ as OrFilterPopoverV3 } from '../OrFilterPopover-41818cf7.js';
60
60
  export { _ as OrFilterTriggerV3 } from '../OrFilterTrigger-1e4aa34c.js';
@@ -112,7 +112,7 @@ export { _ as OrSearch } from '../OrSearch-9c4cd6ca.js';
112
112
  export { _ as OrSearchV3 } from '../OrSearch-8ad7f224.js';
113
113
  export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-047e2414.js';
114
114
  export { _ as OrSelect } from '../OrSelect-1df35160.js';
115
- export { _ as OrSelectV3 } from '../OrSelect-0ed3a792.js';
115
+ export { _ as OrSelectV3 } from '../OrSelect-81f4fb75.js';
116
116
  export { _ as OrSidebar, O as OrSidebarSide } from '../OrSidebar-054b26c6.js';
117
117
  export { _ as OrSidebarV3, S as SidebarPlacement } from '../props-dc3db737.js';
118
118
  export { _ as OrSkeletonCircle } from '../OrSkeletonCircle-c4bf0e34.js';
@@ -1,5 +1,5 @@
1
- export { _ as OrDataGridV3 } from '../../OrDataGrid-6098bc0c.js';
2
- export { D as DataGridVariant } from '../../OrDataGridToolbar-37870dc3.js';
1
+ export { _ as OrDataGridV3 } from '../../OrDataGrid-55789382.js';
2
+ export { D as DataGridVariant } from '../../OrDataGridToolbar-8271c6fb.js';
3
3
  import 'vue-demi';
4
4
  import '../../OrCheckbox-51c1d5a7.js';
5
5
  import '../../useIdAttribute-3a339b79.js';
@@ -63,13 +63,13 @@ import '../../formatTime-3f37a00f.js';
63
63
  import '../../getCurrentDate-e5a478c3.js';
64
64
  import '../../OrDateTimePicker-1caf94f9.js';
65
65
  import '../../OrRating-7c968949.js';
66
- import '../../OrSelect-0ed3a792.js';
66
+ import '../../OrSelect-81f4fb75.js';
67
67
  import '../../isString-cf957a95.js';
68
68
  import '../../isNull-7ae26d1d.js';
69
69
  import '../../isObject-4d5300e9.js';
70
70
  import '../../toArray-93b84b21.js';
71
71
  import '../../searchItemsByLabel-c778a1e4.js';
72
- import '../../OrExpansionPanel-c10defa5.js';
72
+ import '../../OrExpansionPanel-366d938e.js';
73
73
  import '../../OrTags-4b35fccf.js';
74
74
  import '../../useOverflow-5a08887e.js';
75
75
  import '../../OrTag-4f64164e.js';
@@ -1,4 +1,4 @@
1
- export { _ as OrDataGridFooter, a as OrDataGridHeader, b as OrDataGridTable, c as OrDataGridTableContent, d as OrDataGridTableContentCell, e as OrDataGridTableContentRow, f as OrDataGridTableFooter, g as OrDataGridTableFooterCell, h as OrDataGridTableFooterRow, i as OrDataGridTableHeader, j as OrDataGridTableHeaderCell, k as OrDataGridTableHeaderRow, l as OrDataGridTablePlaceholder, m as OrDataGridToolbar } from '../../../OrDataGridToolbar-37870dc3.js';
1
+ export { _ as OrDataGridFooter, a as OrDataGridHeader, b as OrDataGridTable, c as OrDataGridTableContent, d as OrDataGridTableContentCell, e as OrDataGridTableContentRow, f as OrDataGridTableFooter, g as OrDataGridTableFooterCell, h as OrDataGridTableFooterRow, i as OrDataGridTableHeader, j as OrDataGridTableHeaderCell, k as OrDataGridTableHeaderRow, l as OrDataGridTablePlaceholder, m as OrDataGridToolbar } from '../../../OrDataGridToolbar-8271c6fb.js';
2
2
  import 'vue-demi';
3
3
  import '../../../normalize-component-6e8e3d80.js';
4
4
  import '../../../TimeFormat-a7f5565b.js';
@@ -54,13 +54,13 @@ import '../../../OrInput-eb8b9e06.js';
54
54
  import '../../../useValidationAttributes-257954f3.js';
55
55
  import '../../../style-inject.es-4c6f2515.js';
56
56
  import '../../../OrRating-7c968949.js';
57
- import '../../../OrSelect-0ed3a792.js';
57
+ import '../../../OrSelect-81f4fb75.js';
58
58
  import '../../../isString-cf957a95.js';
59
59
  import '../../../isNull-7ae26d1d.js';
60
60
  import '../../../isObject-4d5300e9.js';
61
61
  import '../../../toArray-93b84b21.js';
62
62
  import '../../../searchItemsByLabel-c778a1e4.js';
63
- import '../../../OrExpansionPanel-c10defa5.js';
63
+ import '../../../OrExpansionPanel-366d938e.js';
64
64
  import '../../../OrTags-4b35fccf.js';
65
65
  import '../../../useOverflow-5a08887e.js';
66
66
  import '../../../OrTag-4f64164e.js';
@@ -43,7 +43,7 @@ declare const _default: import("vue-demi").DefineComponent<{
43
43
  headerStyles: import("vue-demi").ComputedRef<string[]>;
44
44
  addonStyles: import("vue-demi").ComputedRef<string[]>;
45
45
  contentStyles: import("vue-demi").ComputedRef<(string | string[])[]>;
46
- descriptionStyles: import("vue-demi").ComputedRef<string[]>;
46
+ descriptionStyles: import("vue-demi").ComputedRef<(string | string[])[]>;
47
47
  state: Readonly<import("vue-demi").Ref<"open" | "closed">>;
48
48
  open: () => void;
49
49
  close: () => void;
@@ -1,4 +1,4 @@
1
- export { b as ExpansionPanelBackgroundColor, a as ExpansionPanelColor, E as ExpansionPanelVariant, _ as OrExpansionPanelV3 } from '../../OrExpansionPanel-c10defa5.js';
1
+ export { b as ExpansionPanelBackgroundColor, a as ExpansionPanelColor, E as ExpansionPanelVariant, _ as OrExpansionPanelV3 } from '../../OrExpansionPanel-366d938e.js';
2
2
  import 'vue-demi';
3
3
  import '../../TimeFormat-a7f5565b.js';
4
4
  import '../../dom-53c9635b.js';
@@ -1,6 +1,7 @@
1
1
  import { ExpansionPanelBackgroundColor, ExpansionPanelColor, ExpansionPanelVariant } from './props';
2
2
  export declare const ExpansionPanel: string[];
3
3
  export declare const ExpansionPanelDescription: string[];
4
+ export declare const ExpansionPanelDescriptionDisabled: string[];
4
5
  export declare const ExpansionPanelVariants: Record<ExpansionPanelVariant, string[]>;
5
6
  export declare const ExpansionPanelBackgroundColors: Record<`${ExpansionPanelBackgroundColor}-${ExpansionPanelVariant}`, string[]>;
6
7
  export declare const ExpansionPanelHeader: string[];
@@ -1,4 +1,4 @@
1
- export { _ as OrSelectV3 } from '../../OrSelect-0ed3a792.js';
1
+ export { _ as OrSelectV3 } from '../../OrSelect-81f4fb75.js';
2
2
  import 'vue-demi';
3
3
  import '../../dropdown-open-06d651cf.js';
4
4
  import '../../include-2a81e823.js';
@@ -23,7 +23,7 @@ import '../../useIdAttribute-3a339b79.js';
23
23
  import '../../OrLabel-09ebbd65.js';
24
24
  import '../../normalize-component-6e8e3d80.js';
25
25
  import '../../OrError-b25d782d.js';
26
- import '../../OrExpansionPanel-c10defa5.js';
26
+ import '../../OrExpansionPanel-366d938e.js';
27
27
  import '../../usePopoverState-7267fa91.js';
28
28
  import '../../OrIcon-0a14dafc.js';
29
29
  import '../../OrHint-2fe1157b.js';
@@ -34,8 +34,8 @@ export { _ as OrCombinedInputV3 } from './OrCombinedInput-6371ef7d.js';
34
34
  export { _ as OrConfirm } from './OrConfirm-8f6d47e1.js';
35
35
  export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-4b682c72.js';
36
36
  export { _ as OrContextMenuV3 } from './OrContextMenu-a6fee3eb.js';
37
- export { _ as OrDataGridV3 } from './OrDataGrid-6098bc0c.js';
38
- export { D as DataGridVariant } from './OrDataGridToolbar-37870dc3.js';
37
+ export { _ as OrDataGridV3 } from './OrDataGrid-55789382.js';
38
+ export { D as DataGridVariant } from './OrDataGridToolbar-8271c6fb.js';
39
39
  export { _ as OrDateFormatV3 } from './OrDateFormat-5ef6be46.js';
40
40
  export { _ as OrDatePickerV3 } from './OrDatePicker-63d166e7.js';
41
41
  export { _ as OrDateRangePickerV3 } from './OrDateRangePicker-fcec546a.js';
@@ -54,7 +54,7 @@ export { E as EmptyStateSize, _ as OrEmptyStateV3 } from './OrEmptyState-186f7ab
54
54
  export { _ as OrError } from './OrError-efc74907.js';
55
55
  export { _ as OrErrorTagV3 } from './OrErrorTag-fb59988e.js';
56
56
  export { _ as OrErrorV3 } from './OrError-b25d782d.js';
57
- export { b as ExpansionPanelBackgroundColor, a as ExpansionPanelColor, E as ExpansionPanelVariant, _ as OrExpansionPanelV3 } from './OrExpansionPanel-c10defa5.js';
57
+ export { b as ExpansionPanelBackgroundColor, a as ExpansionPanelColor, E as ExpansionPanelVariant, _ as OrExpansionPanelV3 } from './OrExpansionPanel-366d938e.js';
58
58
  export { F as FabColor, _ as OrFabV3 } from './OrFab-26e22be7.js';
59
59
  export { _ as OrFilterPopoverV3 } from './OrFilterPopover-41818cf7.js';
60
60
  export { _ as OrFilterTriggerV3 } from './OrFilterTrigger-1e4aa34c.js';
@@ -112,7 +112,7 @@ export { _ as OrSearch } from './OrSearch-9c4cd6ca.js';
112
112
  export { _ as OrSearchV3 } from './OrSearch-8ad7f224.js';
113
113
  export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-047e2414.js';
114
114
  export { _ as OrSelect } from './OrSelect-1df35160.js';
115
- export { _ as OrSelectV3 } from './OrSelect-0ed3a792.js';
115
+ export { _ as OrSelectV3 } from './OrSelect-81f4fb75.js';
116
116
  export { _ as OrSidebar, O as OrSidebarSide } from './OrSidebar-054b26c6.js';
117
117
  export { _ as OrSidebarV3, S as SidebarPlacement } from './props-dc3db737.js';
118
118
  export { _ as OrSkeletonCircle } from './OrSkeletonCircle-c4bf0e34.js';
@@ -5,7 +5,7 @@ import { s as script$h } from './OrSearch-3e8eb378.js';
5
5
  import './OrSkeletonCircle-a3eb5f53.js';
6
6
  import './OrSkeletonRect-d0b8b2cf.js';
7
7
  import { s as script$i } from './OrSkeletonText-5e9579c1.js';
8
- import { s as script$2, a as script$3, b as script$4, c as script$5, d as script$6, e as script$7, f as script$8, g as script$9, h as script$a, i as script$b, j as script$c, k as script$d, l as script$e, m as script$f, D as DataGridVariant } from './OrDataGridToolbar-5155432d.js';
8
+ import { s as script$2, a as script$3, b as script$4, c as script$5, d as script$6, e as script$7, f as script$8, g as script$9, h as script$a, i as script$b, j as script$c, k as script$d, l as script$e, m as script$f, D as DataGridVariant } from './OrDataGridToolbar-8fc59032.js';
9
9
  import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, createSlots, withCtx, renderSlot, createVNode, createCommentVNode, normalizeStyle, Fragment, renderList, createTextVNode, toDisplayString } from 'vue';
10
10
 
11
11
  const DataGrid = [
@@ -12,7 +12,7 @@ import { s as script$g } from './OrDateTimePicker-5b9d4645.js';
12
12
  import './OrDateTimePickerTimeSelect-8ab8c7aa.js';
13
13
  import { s as script$h } from './OrInput-917e7af9.js';
14
14
  import { s as script$i } from './OrRating-7c2f8e4d.js';
15
- import { s as script$j } from './OrSelect-00b02909.js';
15
+ import { s as script$j } from './OrSelect-0a253861.js';
16
16
  import { s as script$k } from './OrSwitch-e2072b54.js';
17
17
  import { s as script$l } from './OrTagInput-97d09eb7.js';
18
18
  import { s as script$m } from './OrTimePicker-abbbc28d.js';
@@ -6,7 +6,7 @@ import { u as usePopoverState } from './usePopoverState-7267fa91.js';
6
6
  import '@onereach/styles/screens.json';
7
7
  import '@onereach/styles/tailwind.config.json';
8
8
  import { s as script$1 } from './OrIcon-9aff520e.js';
9
- import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, withModifiers, createVNode, renderSlot, toDisplayString, withDirectives, vShow, Fragment, createCommentVNode } from 'vue';
9
+ import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, withModifiers, createVNode, renderSlot, toDisplayString, withDirectives, vShow, Fragment, createCommentVNode, createTextVNode } from 'vue';
10
10
 
11
11
  var ExpansionPanelVariant;
12
12
  (function (ExpansionPanelVariant) {
@@ -31,6 +31,9 @@ const ExpansionPanel = [
31
31
  const ExpansionPanelDescription = [
32
32
  // Typography
33
33
  'typography-caption-regular'];
34
+ const ExpansionPanelDescriptionDisabled = [
35
+ // Theme
36
+ 'theme-foreground-disabled', 'dark:theme-foreground-disabled-dark'];
34
37
  const ExpansionPanelVariants = {
35
38
  [ExpansionPanelVariant.Default]: [
36
39
  // Spacing
@@ -152,7 +155,7 @@ var script = defineComponent({
152
155
  const headerStyles = computed(() => [...ExpansionPanelHeader, ...ExpansionPanelHeaderColors[props.color]]);
153
156
  const addonStyles = computed(() => [...ExpansionPanelAddon]);
154
157
  const contentStyles = computed(() => [props.leftIndent ? ExpansionPanelContentLeftIndent : '']);
155
- const descriptionStyles = computed(() => [...ExpansionPanelDescription]);
158
+ const descriptionStyles = computed(() => [...ExpansionPanelDescription, props.disabled ? ExpansionPanelDescriptionDisabled : '']);
156
159
  // State
157
160
  const {
158
161
  state,
@@ -210,12 +213,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
210
213
  }, [_ctx.state === 'open' ? (openBlock(), createElementBlock("div", {
211
214
  key: 0,
212
215
  class: normalizeClass(_ctx.contentStyles)
213
- }, [renderSlot(_ctx.$slots, "default")], 2 /* CLASS */)) : createCommentVNode("v-if", true)], 64 /* STABLE_FRAGMENT */)), _ctx.state != 'open' ? renderSlot(_ctx.$slots, "description", {
214
- key: 2
215
- }, () => [_ctx.description ? (openBlock(), createElementBlock("div", {
216
- key: 0,
216
+ }, [renderSlot(_ctx.$slots, "default")], 2 /* CLASS */)) : createCommentVNode("v-if", true)], 64 /* STABLE_FRAGMENT */)), (_ctx.description || _ctx.$slots.description) && _ctx.state != 'open' ? (openBlock(), createElementBlock("div", {
217
+ key: 2,
217
218
  class: normalizeClass(_ctx.descriptionStyles)
218
- }, toDisplayString(_ctx.description), 3 /* TEXT, CLASS */)) : createCommentVNode("v-if", true)]) : createCommentVNode("v-if", true)], 10 /* CLASS, PROPS */, _hoisted_1);
219
+ }, [renderSlot(_ctx.$slots, "description", {}, () => [createTextVNode(toDisplayString(_ctx.description), 1 /* TEXT */)])], 2 /* CLASS */)) : createCommentVNode("v-if", true)], 10 /* CLASS, PROPS */, _hoisted_1);
219
220
  }
220
221
 
221
222
  script.render = render;
@@ -12,7 +12,7 @@ import { u as useResponsive } from './useResponsive-491da8c6.js';
12
12
  import '@onereach/styles/tailwind.config.json';
13
13
  import { s as script$1 } from './OrCheckbox-0b03520e.js';
14
14
  import { s as script$2 } from './OrError-331220bc.js';
15
- import { s as script$3 } from './OrExpansionPanel-99c697c1.js';
15
+ import { s as script$3 } from './OrExpansionPanel-669fdd31.js';
16
16
  import { s as script$4 } from './OrHint-262c8217.js';
17
17
  import { s as script$6 } from './OrIconButton-7b74089e.js';
18
18
  import { s as script$5 } from './OrIcon-9aff520e.js';
@@ -32,8 +32,8 @@ export { s as OrCombinedInputV3 } from '../OrCombinedInput-e0f61846.js';
32
32
  export { s as OrConfirm } from '../OrConfirm-05a78778.js';
33
33
  export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirm-b8f62363.js';
34
34
  export { s as OrContextMenuV3 } from '../OrContextMenu-d8c71891.js';
35
- export { s as OrDataGridV3 } from '../OrDataGrid-6e847d85.js';
36
- export { D as DataGridVariant } from '../OrDataGridToolbar-5155432d.js';
35
+ export { s as OrDataGridV3 } from '../OrDataGrid-5d3f0dfa.js';
36
+ export { D as DataGridVariant } from '../OrDataGridToolbar-8fc59032.js';
37
37
  export { s as OrDateFormatV3 } from '../OrDateFormat-0093434d.js';
38
38
  export { s as OrDatePickerV3 } from '../OrDatePicker-ea8cd3dc.js';
39
39
  export { s as OrDateRangePickerV3 } from '../OrDateRangePicker-97f0fbc8.js';
@@ -52,7 +52,7 @@ export { E as EmptyStateSize, s as OrEmptyStateV3 } from '../OrEmptyState-47f9d9
52
52
  export { s as OrError } from '../OrError-f90296db.js';
53
53
  export { s as OrErrorTagV3 } from '../OrErrorTag-94f074a2.js';
54
54
  export { s as OrErrorV3 } from '../OrError-331220bc.js';
55
- export { b as ExpansionPanelBackgroundColor, a as ExpansionPanelColor, E as ExpansionPanelVariant, s as OrExpansionPanelV3 } from '../OrExpansionPanel-99c697c1.js';
55
+ export { b as ExpansionPanelBackgroundColor, a as ExpansionPanelColor, E as ExpansionPanelVariant, s as OrExpansionPanelV3 } from '../OrExpansionPanel-669fdd31.js';
56
56
  export { F as FabColor, s as OrFabV3 } from '../OrFab-f949bf4f.js';
57
57
  export { s as OrFilterPopoverV3 } from '../OrFilterPopover-fc029c8b.js';
58
58
  export { s as OrFilterTriggerV3 } from '../OrFilterTrigger-7fe3a2dc.js';
@@ -109,7 +109,7 @@ export { s as OrSearch } from '../OrSearch-4192737e.js';
109
109
  export { s as OrSearchV3 } from '../OrSearch-3e8eb378.js';
110
110
  export { s as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-5dd163fb.js';
111
111
  export { s as OrSelect } from '../OrSelect-2c033afb.js';
112
- export { s as OrSelectV3 } from '../OrSelect-00b02909.js';
112
+ export { s as OrSelectV3 } from '../OrSelect-0a253861.js';
113
113
  export { s as OrSidebar, O as OrSidebarSide } from '../OrSidebar-4ab42b93.js';
114
114
  export { s as OrSidebarV3, S as SidebarPlacement } from '../props-413bed7b.js';
115
115
  export { s as OrSkeletonCircle } from '../OrSkeletonCircle-66e175a0.js';
@@ -1,5 +1,5 @@
1
- export { s as OrDataGridV3 } from '../../OrDataGrid-6e847d85.js';
2
- export { D as DataGridVariant } from '../../OrDataGridToolbar-5155432d.js';
1
+ export { s as OrDataGridV3 } from '../../OrDataGrid-5d3f0dfa.js';
2
+ export { D as DataGridVariant } from '../../OrDataGridToolbar-8fc59032.js';
3
3
  import 'vue-demi';
4
4
  import '../../OrCheckbox-0b03520e.js';
5
5
  import '../../useIdAttribute-3a339b79.js';
@@ -59,13 +59,13 @@ import '../../useTimeMask-a1c090c1.js';
59
59
  import '../../formatTime-3f37a00f.js';
60
60
  import '../../getCurrentDate-e5a478c3.js';
61
61
  import '../../OrRating-7c2f8e4d.js';
62
- import '../../OrSelect-00b02909.js';
62
+ import '../../OrSelect-0a253861.js';
63
63
  import '../../isString-cf957a95.js';
64
64
  import '../../isNull-7ae26d1d.js';
65
65
  import '../../isObject-4d5300e9.js';
66
66
  import '../../toArray-93b84b21.js';
67
67
  import '../../searchItemsByLabel-c778a1e4.js';
68
- import '../../OrExpansionPanel-99c697c1.js';
68
+ import '../../OrExpansionPanel-669fdd31.js';
69
69
  import '../../OrTags-660ca32e.js';
70
70
  import '../../useOverflow-5a08887e.js';
71
71
  import '../../OrTag-6eea8803.js';
@@ -1,4 +1,4 @@
1
- export { s as OrDataGridFooter, a as OrDataGridHeader, b as OrDataGridTable, c as OrDataGridTableContent, d as OrDataGridTableContentCell, e as OrDataGridTableContentRow, f as OrDataGridTableFooter, g as OrDataGridTableFooterCell, h as OrDataGridTableFooterRow, i as OrDataGridTableHeader, j as OrDataGridTableHeaderCell, k as OrDataGridTableHeaderRow, l as OrDataGridTablePlaceholder, m as OrDataGridToolbar } from '../../../OrDataGridToolbar-5155432d.js';
1
+ export { s as OrDataGridFooter, a as OrDataGridHeader, b as OrDataGridTable, c as OrDataGridTableContent, d as OrDataGridTableContentCell, e as OrDataGridTableContentRow, f as OrDataGridTableFooter, g as OrDataGridTableFooterCell, h as OrDataGridTableFooterRow, i as OrDataGridTableHeader, j as OrDataGridTableHeaderCell, k as OrDataGridTableHeaderRow, l as OrDataGridTablePlaceholder, m as OrDataGridToolbar } from '../../../OrDataGridToolbar-8fc59032.js';
2
2
  import 'vue-demi';
3
3
  import 'vue';
4
4
  import '../../../TimeFormat-a7f5565b.js';
@@ -50,13 +50,13 @@ import '../../../OrInput-917e7af9.js';
50
50
  import '../../../useValidationAttributes-257954f3.js';
51
51
  import '../../../style-inject.es-4c6f2515.js';
52
52
  import '../../../OrRating-7c2f8e4d.js';
53
- import '../../../OrSelect-00b02909.js';
53
+ import '../../../OrSelect-0a253861.js';
54
54
  import '../../../isString-cf957a95.js';
55
55
  import '../../../isNull-7ae26d1d.js';
56
56
  import '../../../isObject-4d5300e9.js';
57
57
  import '../../../toArray-93b84b21.js';
58
58
  import '../../../searchItemsByLabel-c778a1e4.js';
59
- import '../../../OrExpansionPanel-99c697c1.js';
59
+ import '../../../OrExpansionPanel-669fdd31.js';
60
60
  import '../../../OrTags-660ca32e.js';
61
61
  import '../../../useOverflow-5a08887e.js';
62
62
  import '../../../OrTag-6eea8803.js';
@@ -43,7 +43,7 @@ declare const _default: import("vue-demi").DefineComponent<{
43
43
  headerStyles: import("vue-demi").ComputedRef<string[]>;
44
44
  addonStyles: import("vue-demi").ComputedRef<string[]>;
45
45
  contentStyles: import("vue-demi").ComputedRef<(string | string[])[]>;
46
- descriptionStyles: import("vue-demi").ComputedRef<string[]>;
46
+ descriptionStyles: import("vue-demi").ComputedRef<(string | string[])[]>;
47
47
  state: Readonly<import("vue-demi").Ref<"open" | "closed">>;
48
48
  open: () => void;
49
49
  close: () => void;
@@ -1,4 +1,4 @@
1
- export { b as ExpansionPanelBackgroundColor, a as ExpansionPanelColor, E as ExpansionPanelVariant, s as OrExpansionPanelV3 } from '../../OrExpansionPanel-99c697c1.js';
1
+ export { b as ExpansionPanelBackgroundColor, a as ExpansionPanelColor, E as ExpansionPanelVariant, s as OrExpansionPanelV3 } from '../../OrExpansionPanel-669fdd31.js';
2
2
  import 'vue-demi';
3
3
  import '../../TimeFormat-a7f5565b.js';
4
4
  import '../../dom-53c9635b.js';
@@ -1,6 +1,7 @@
1
1
  import { ExpansionPanelBackgroundColor, ExpansionPanelColor, ExpansionPanelVariant } from './props';
2
2
  export declare const ExpansionPanel: string[];
3
3
  export declare const ExpansionPanelDescription: string[];
4
+ export declare const ExpansionPanelDescriptionDisabled: string[];
4
5
  export declare const ExpansionPanelVariants: Record<ExpansionPanelVariant, string[]>;
5
6
  export declare const ExpansionPanelBackgroundColors: Record<`${ExpansionPanelBackgroundColor}-${ExpansionPanelVariant}`, string[]>;
6
7
  export declare const ExpansionPanelHeader: string[];
@@ -1,4 +1,4 @@
1
- export { s as OrSelectV3 } from '../../OrSelect-00b02909.js';
1
+ export { s as OrSelectV3 } from '../../OrSelect-0a253861.js';
2
2
  import 'vue-demi';
3
3
  import '../../dropdown-open-06d651cf.js';
4
4
  import '../../include-2a81e823.js';
@@ -23,7 +23,7 @@ import '../../useIdAttribute-3a339b79.js';
23
23
  import '../../OrLabel-197d2f69.js';
24
24
  import 'vue';
25
25
  import '../../OrError-331220bc.js';
26
- import '../../OrExpansionPanel-99c697c1.js';
26
+ import '../../OrExpansionPanel-669fdd31.js';
27
27
  import '../../usePopoverState-7267fa91.js';
28
28
  import '../../OrIcon-9aff520e.js';
29
29
  import '../../OrHint-262c8217.js';
@@ -32,8 +32,8 @@ export { s as OrCombinedInputV3 } from './OrCombinedInput-e0f61846.js';
32
32
  export { s as OrConfirm } from './OrConfirm-05a78778.js';
33
33
  export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirm-b8f62363.js';
34
34
  export { s as OrContextMenuV3 } from './OrContextMenu-d8c71891.js';
35
- export { s as OrDataGridV3 } from './OrDataGrid-6e847d85.js';
36
- export { D as DataGridVariant } from './OrDataGridToolbar-5155432d.js';
35
+ export { s as OrDataGridV3 } from './OrDataGrid-5d3f0dfa.js';
36
+ export { D as DataGridVariant } from './OrDataGridToolbar-8fc59032.js';
37
37
  export { s as OrDateFormatV3 } from './OrDateFormat-0093434d.js';
38
38
  export { s as OrDatePickerV3 } from './OrDatePicker-ea8cd3dc.js';
39
39
  export { s as OrDateRangePickerV3 } from './OrDateRangePicker-97f0fbc8.js';
@@ -52,7 +52,7 @@ export { E as EmptyStateSize, s as OrEmptyStateV3 } from './OrEmptyState-47f9d91
52
52
  export { s as OrError } from './OrError-f90296db.js';
53
53
  export { s as OrErrorTagV3 } from './OrErrorTag-94f074a2.js';
54
54
  export { s as OrErrorV3 } from './OrError-331220bc.js';
55
- export { b as ExpansionPanelBackgroundColor, a as ExpansionPanelColor, E as ExpansionPanelVariant, s as OrExpansionPanelV3 } from './OrExpansionPanel-99c697c1.js';
55
+ export { b as ExpansionPanelBackgroundColor, a as ExpansionPanelColor, E as ExpansionPanelVariant, s as OrExpansionPanelV3 } from './OrExpansionPanel-669fdd31.js';
56
56
  export { F as FabColor, s as OrFabV3 } from './OrFab-f949bf4f.js';
57
57
  export { s as OrFilterPopoverV3 } from './OrFilterPopover-fc029c8b.js';
58
58
  export { s as OrFilterTriggerV3 } from './OrFilterTrigger-7fe3a2dc.js';
@@ -109,7 +109,7 @@ export { s as OrSearch } from './OrSearch-4192737e.js';
109
109
  export { s as OrSearchV3 } from './OrSearch-3e8eb378.js';
110
110
  export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-5dd163fb.js';
111
111
  export { s as OrSelect } from './OrSelect-2c033afb.js';
112
- export { s as OrSelectV3 } from './OrSelect-00b02909.js';
112
+ export { s as OrSelectV3 } from './OrSelect-0a253861.js';
113
113
  export { s as OrSidebar, O as OrSidebarSide } from './OrSidebar-4ab42b93.js';
114
114
  export { s as OrSidebarV3, S as SidebarPlacement } from './props-413bed7b.js';
115
115
  export { s as OrSkeletonCircle } from './OrSkeletonCircle-66e175a0.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@onereach/ui-components",
3
- "version": "17.3.0",
3
+ "version": "17.3.1",
4
4
  "npmUnpacked": "4.15.2",
5
5
  "description": "Vue components library for v2/3",
6
6
  "sideEffects": false,
@@ -40,7 +40,7 @@
40
40
  "@codemirror/lang-json": "6.0.1",
41
41
  "@codemirror/lang-markdown": "6.1.1",
42
42
  "@floating-ui/dom": "1.5.3",
43
- "@onereach/styles": "^17.3.0",
43
+ "@onereach/styles": "^17.3.1",
44
44
  "@splidejs/splide": "4.0.6",
45
45
  "@tiptap/core": "2.0.3",
46
46
  "@tiptap/extension-blockquote": "2.0.3",
@@ -180,5 +180,5 @@
180
180
  },
181
181
  "./package.json": "./package.json"
182
182
  },
183
- "gitHead": "b350e5176b8e5d04166d46d6828be229292e64ee"
183
+ "gitHead": "7164e0d983f15b73a723fb12ef960301c670b582"
184
184
  }
@@ -49,18 +49,16 @@
49
49
  <slot />
50
50
  </div>
51
51
  </template>
52
-
53
- <slot
54
- v-if="state != 'open'"
55
- name="description"
52
+ <div
53
+ v-if="(description || $slots.description) && state != 'open'"
54
+ :class="descriptionStyles"
56
55
  >
57
- <div
58
- v-if="description"
59
- :class="descriptionStyles"
56
+ <slot
57
+ name="description"
60
58
  >
61
59
  {{ description }}
62
- </div>
63
- </slot>
60
+ </slot>
61
+ </div>
64
62
  </div>
65
63
  </template>
66
64
 
@@ -169,6 +167,7 @@ export default defineComponent({
169
167
 
170
168
  const descriptionStyles = computed(() => [
171
169
  ...Styles.ExpansionPanelDescription,
170
+ props.disabled ? Styles.ExpansionPanelDescriptionDisabled : '',
172
171
  ]);
173
172
 
174
173
  // State
@@ -10,6 +10,12 @@ export const ExpansionPanelDescription: string[] = [
10
10
  'typography-caption-regular',
11
11
  ];
12
12
 
13
+ export const ExpansionPanelDescriptionDisabled: string[] = [
14
+ // Theme
15
+ 'theme-foreground-disabled',
16
+ 'dark:theme-foreground-disabled-dark',
17
+ ];
18
+
13
19
  export const ExpansionPanelVariants: Record<ExpansionPanelVariant, string[]> = {
14
20
  [ExpansionPanelVariant.Default]: [
15
21
  // Spacing