@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.
- package/dist/bundled/v2/components/OrDataGridV3/OrDataGrid.js +1 -1
- package/dist/bundled/v2/components/OrDataGridV3/index.js +1 -1
- package/dist/bundled/v2/components/OrExpansionPanelV3/OrExpansionPanel.js +7 -7
- package/dist/bundled/v2/components/OrExpansionPanelV3/OrExpansionPanel.vue.d.ts +1 -1
- package/dist/bundled/v2/components/OrExpansionPanelV3/styles.d.ts +1 -0
- package/dist/bundled/v2/components/OrExpansionPanelV3/styles.js +4 -1
- package/dist/bundled/v2/components/index.js +1 -1
- package/dist/bundled/v2/index.js +1 -1
- package/dist/bundled/v3/components/OrDataGridV3/OrDataGrid.js +1 -1
- package/dist/bundled/v3/components/OrDataGridV3/index.js +1 -1
- package/dist/bundled/v3/components/OrDataGridV3/styles.js +1 -1
- package/dist/bundled/v3/components/{OrDataGridV3-f3c5df29.js → OrDataGridV3-f54cf12c.js} +1 -1
- package/dist/bundled/v3/components/OrExpansionPanelV3/OrExpansionPanel.js +1 -1
- package/dist/bundled/v3/components/OrExpansionPanelV3/OrExpansionPanel.vue.d.ts +1 -1
- package/dist/bundled/v3/components/OrExpansionPanelV3/index.js +1 -1
- package/dist/bundled/v3/components/OrExpansionPanelV3/props.js +1 -1
- package/dist/bundled/v3/components/OrExpansionPanelV3/styles.d.ts +1 -0
- package/dist/bundled/v3/components/OrExpansionPanelV3/styles.js +1 -1
- package/dist/bundled/v3/components/{OrExpansionPanelV3-8711a407.js → OrExpansionPanelV3-c606c433.js} +9 -8
- package/dist/bundled/v3/components/OrSelectV3/OrSelect.js +1 -1
- package/dist/bundled/v3/components/OrSelectV3/index.js +1 -1
- package/dist/bundled/v3/components/OrSelectV3/styles.js +1 -1
- package/dist/bundled/v3/components/{OrSelectV3-5927c73a.js → OrSelectV3-48dce24c.js} +1 -1
- package/dist/bundled/v3/components/index.js +3 -3
- package/dist/bundled/v3/index.js +3 -3
- package/dist/esm/v2/{OrDataGrid-6098bc0c.js → OrDataGrid-55789382.js} +1 -1
- package/dist/esm/v2/{OrDataGridToolbar-37870dc3.js → OrDataGridToolbar-8271c6fb.js} +1 -1
- package/dist/esm/v2/{OrExpansionPanel-c10defa5.js → OrExpansionPanel-366d938e.js} +9 -6
- package/dist/esm/v2/{OrSelect-0ed3a792.js → OrSelect-81f4fb75.js} +1 -1
- package/dist/esm/v2/components/index.js +4 -4
- package/dist/esm/v2/components/or-data-grid-v3/index.js +4 -4
- package/dist/esm/v2/components/or-data-grid-v3/partials/index.js +3 -3
- package/dist/esm/v2/components/or-expansion-panel-v3/OrExpansionPanel.vue.d.ts +1 -1
- package/dist/esm/v2/components/or-expansion-panel-v3/index.js +1 -1
- package/dist/esm/v2/components/or-expansion-panel-v3/styles.d.ts +1 -0
- package/dist/esm/v2/components/or-select-v3/index.js +2 -2
- package/dist/esm/v2/index.js +4 -4
- package/dist/esm/v3/{OrDataGrid-6e847d85.js → OrDataGrid-5d3f0dfa.js} +1 -1
- package/dist/esm/v3/{OrDataGridToolbar-5155432d.js → OrDataGridToolbar-8fc59032.js} +1 -1
- package/dist/esm/v3/{OrExpansionPanel-99c697c1.js → OrExpansionPanel-669fdd31.js} +8 -7
- package/dist/esm/v3/{OrSelect-00b02909.js → OrSelect-0a253861.js} +1 -1
- package/dist/esm/v3/components/index.js +4 -4
- package/dist/esm/v3/components/or-data-grid-v3/index.js +4 -4
- package/dist/esm/v3/components/or-data-grid-v3/partials/index.js +3 -3
- package/dist/esm/v3/components/or-expansion-panel-v3/OrExpansionPanel.vue.d.ts +1 -1
- package/dist/esm/v3/components/or-expansion-panel-v3/index.js +1 -1
- package/dist/esm/v3/components/or-expansion-panel-v3/styles.d.ts +1 -0
- package/dist/esm/v3/components/or-select-v3/index.js +2 -2
- package/dist/esm/v3/index.js +4 -4
- package/package.json +3 -3
- package/src/components/or-expansion-panel-v3/OrExpansionPanel.vue +8 -9
- package/src/components/or-expansion-panel-v3/styles.ts +6 -0
- /package/dist/bundled/v2/{OrDataGrid-d764606f.js → OrDataGrid-b0fea41a.js} +0 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { _ as default } from '../../OrDataGrid-
|
|
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-
|
|
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' ?
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
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-
|
|
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';
|
package/dist/bundled/v2/index.js
CHANGED
|
@@ -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-
|
|
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-
|
|
1
|
+
export { s as default } from '../OrDataGridV3-f54cf12c.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { D as DataGridVariant, s as OrDataGridV3 } from '../OrDataGridV3-
|
|
1
|
+
export { D as DataGridVariant, s as OrDataGridV3 } from '../OrDataGridV3-f54cf12c.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { a as DataGrid } from '../OrDataGridV3-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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,
|
|
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';
|
package/dist/bundled/v3/components/{OrExpansionPanelV3-8711a407.js → OrExpansionPanelV3-c606c433.js}
RENAMED
|
@@ -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' ?
|
|
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),
|
|
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,
|
|
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-
|
|
1
|
+
export { s as default } from '../OrSelectV3-48dce24c.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { s as OrSelectV3 } from '../OrSelectV3-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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';
|
package/dist/bundled/v3/index.js
CHANGED
|
@@ -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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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' ?
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
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-
|
|
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-
|
|
38
|
-
export { D as DataGridVariant } from '../OrDataGridToolbar-
|
|
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-
|
|
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-
|
|
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-
|
|
2
|
-
export { D as DataGridVariant } from '../../OrDataGridToolbar-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
26
|
+
import '../../OrExpansionPanel-366d938e.js';
|
|
27
27
|
import '../../usePopoverState-7267fa91.js';
|
|
28
28
|
import '../../OrIcon-0a14dafc.js';
|
|
29
29
|
import '../../OrHint-2fe1157b.js';
|
package/dist/esm/v2/index.js
CHANGED
|
@@ -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-
|
|
38
|
-
export { D as DataGridVariant } from './OrDataGridToolbar-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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' ?
|
|
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),
|
|
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-
|
|
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-
|
|
36
|
-
export { D as DataGridVariant } from '../OrDataGridToolbar-
|
|
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-
|
|
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-
|
|
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-
|
|
2
|
-
export { D as DataGridVariant } from '../../OrDataGridToolbar-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
26
|
+
import '../../OrExpansionPanel-669fdd31.js';
|
|
27
27
|
import '../../usePopoverState-7267fa91.js';
|
|
28
28
|
import '../../OrIcon-9aff520e.js';
|
|
29
29
|
import '../../OrHint-262c8217.js';
|
package/dist/esm/v3/index.js
CHANGED
|
@@ -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-
|
|
36
|
-
export { D as DataGridVariant } from './OrDataGridToolbar-
|
|
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-
|
|
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-
|
|
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.
|
|
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.
|
|
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": "
|
|
183
|
+
"gitHead": "7164e0d983f15b73a723fb12ef960301c670b582"
|
|
184
184
|
}
|
|
@@ -49,18 +49,16 @@
|
|
|
49
49
|
<slot />
|
|
50
50
|
</div>
|
|
51
51
|
</template>
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
name="description"
|
|
52
|
+
<div
|
|
53
|
+
v-if="(description || $slots.description) && state != 'open'"
|
|
54
|
+
:class="descriptionStyles"
|
|
56
55
|
>
|
|
57
|
-
<
|
|
58
|
-
|
|
59
|
-
:class="descriptionStyles"
|
|
56
|
+
<slot
|
|
57
|
+
name="description"
|
|
60
58
|
>
|
|
61
59
|
{{ description }}
|
|
62
|
-
</
|
|
63
|
-
</
|
|
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
|
|
File without changes
|