@onereach/ui-components 2.76.7-beta.2436.0 → 2.76.7-beta.2437.0

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 (23) hide show
  1. package/dist/bundled/v2/{OrDateTimePicker-aad4f2d4.js → OrDateTimePicker-50333b2a.js} +10 -8
  2. package/dist/bundled/v2/components/index.js +1 -1
  3. package/dist/bundled/v2/components/or-date-time-picker-v3/OrDateTimePicker.vue.d.ts +0 -11
  4. package/dist/bundled/v2/components/or-date-time-picker-v3/index.js +1 -1
  5. package/dist/bundled/v2/index.js +1 -1
  6. package/dist/bundled/v3/{OrDateTimePicker.vue_vue_type_script_lang-d86b26c2.js → OrDateTimePicker.vue_vue_type_script_lang-ead330d0.js} +0 -4
  7. package/dist/bundled/v3/components/index.js +1 -1
  8. package/dist/bundled/v3/components/or-date-time-picker-v3/OrDateTimePicker.vue.d.ts +0 -11
  9. package/dist/bundled/v3/components/or-date-time-picker-v3/index.js +1 -1
  10. package/dist/bundled/v3/index.js +34 -26
  11. package/dist/esm/v2/{OrDateTimePicker-c3be041e.js → OrDateTimePicker-f68ad985.js} +10 -8
  12. package/dist/esm/v2/components/index.js +1 -1
  13. package/dist/esm/v2/components/or-date-time-picker-v3/OrDateTimePicker.vue.d.ts +0 -11
  14. package/dist/esm/v2/components/or-date-time-picker-v3/index.js +1 -1
  15. package/dist/esm/v2/index.js +1 -1
  16. package/dist/esm/v3/{OrDateTimePicker-44ef0c0c.js → OrDateTimePicker-2d71e737.js} +15 -11
  17. package/dist/esm/v3/components/index.js +1 -1
  18. package/dist/esm/v3/components/or-date-time-picker-v3/OrDateTimePicker.vue.d.ts +0 -11
  19. package/dist/esm/v3/components/or-date-time-picker-v3/index.js +1 -1
  20. package/dist/esm/v3/index.js +1 -1
  21. package/package.json +2 -2
  22. package/src/components/or-date-time-picker-v3/OrDateTimePicker.stories3.ts +0 -4
  23. package/src/components/or-date-time-picker-v3/OrDateTimePicker.vue +6 -5
package/dist/bundled/v2/{OrDateTimePicker-aad4f2d4.js → OrDateTimePicker-50333b2a.js} RENAMED
@@ -766,10 +766,6 @@ var script = defineComponent({
766
766
  type: String,
767
767
  default: undefined
768
768
  },
769
- placeholder: {
770
- type: String,
771
- default: undefined
772
- },
773
769
  hint: {
774
770
  type: String,
775
771
  default: undefined
@@ -884,7 +880,7 @@ var script = defineComponent({
884
880
  }
885
881
  });
886
882
 
887
- var css_248z = "input[data-v-399c3686]{min-width:0;background:0 0;outline:0}input[type=date][data-v-399c3686]::-webkit-datetime-edit-day-field,input[type=date][data-v-399c3686]::-webkit-datetime-edit-month-field,input[type=date][data-v-399c3686]::-webkit-datetime-edit-year-field{display:none}input[type=time][data-v-399c3686]::-webkit-datetime-edit-ampm-field,input[type=time][data-v-399c3686]::-webkit-datetime-edit-hour-field,input[type=time][data-v-399c3686]::-webkit-datetime-edit-minute-field{display:none}input[type=date][data-v-399c3686]::-webkit-datetime-edit-text,input[type=time][data-v-399c3686]::-webkit-datetime-edit-text{display:none}input[type=date][data-v-399c3686]::-webkit-calendar-picker-indicator,input[type=time][data-v-399c3686]::-webkit-calendar-picker-indicator{display:none}";
883
+ var css_248z = "input[data-v-84c46328]{min-width:0;background:0 0;outline:0}input[type=date][data-v-84c46328]::-webkit-datetime-edit-day-field,input[type=date][data-v-84c46328]::-webkit-datetime-edit-month-field,input[type=date][data-v-84c46328]::-webkit-datetime-edit-year-field{display:none}input[type=time][data-v-84c46328]::-webkit-datetime-edit-ampm-field,input[type=time][data-v-84c46328]::-webkit-datetime-edit-hour-field,input[type=time][data-v-84c46328]::-webkit-datetime-edit-minute-field{display:none}input[type=date][data-v-84c46328]::-webkit-datetime-edit-text,input[type=time][data-v-84c46328]::-webkit-datetime-edit-text{display:none}input[type=date][data-v-84c46328]::-webkit-calendar-picker-indicator,input[type=time][data-v-84c46328]::-webkit-calendar-picker-indicator{display:none}";
888
884
  styleInject(css_248z);
889
885
 
890
886
  /* script */
@@ -945,7 +941,10 @@ var __vue_render__ = function () {
945
941
  ref: "dateControl",
946
942
  class: _vm.controlStyles,
947
943
  attrs: {
948
- "type": 'date'
944
+ "type": 'date',
945
+ "required": _vm.required,
946
+ "readonly": _vm.readonly,
947
+ "disabled": _vm.disabled
949
948
  }
950
949
  }, 'input', _vm.controlAttributes, false)), _vm._v(" "), _c('input', _vm._b({
951
950
  directives: [{
@@ -962,7 +961,10 @@ var __vue_render__ = function () {
962
961
  ref: "timeControl",
963
962
  class: _vm.controlStyles,
964
963
  attrs: {
965
- "type": 'time'
964
+ "type": 'time',
965
+ "required": _vm.required,
966
+ "readonly": _vm.readonly,
967
+ "disabled": _vm.disabled
966
968
  }
967
969
  }, 'input', _vm.controlAttributes, false)), _vm._v(" "), _c('OrPopover', {
968
970
  ref: "datePopover",
@@ -1061,7 +1063,7 @@ var __vue_staticRenderFns__ = [];
1061
1063
  /* style */
1062
1064
  const __vue_inject_styles__ = undefined;
1063
1065
  /* scoped */
1064
- const __vue_scope_id__ = "data-v-399c3686";
1066
+ const __vue_scope_id__ = "data-v-84c46328";
1065
1067
  /* module identifier */
1066
1068
  const __vue_module_identifier__ = undefined;
1067
1069
  /* functional template */
package/dist/bundled/v2/components/index.js CHANGED
@@ -21,7 +21,7 @@ export { _ as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k
21
21
  export { _ as OrConfirm } from '../OrConfirm-5f6fdc4d.js';
22
22
  export { C as ConfirmType, _ as OrConfirmV3 } from '../OrConfirm-d9869784.js';
23
23
  export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../OrDateTimePicker-bf88911e.js';
24
- export { _ as OrDateTimePickerV3 } from '../OrDateTimePicker-aad4f2d4.js';
24
+ export { _ as OrDateTimePickerV3 } from '../OrDateTimePicker-50333b2a.js';
25
25
  export { I as DateTimePickerSize, I as InputBoxSize, a as InputBoxVariant, I as InputSize, I as SearchSize, I as SelectSize, I as TextareaSize } from '../props-c966ae5f.js';
26
26
  export { E as EmptyStateSize, _ as OrEmptyStateV3 } from '../OrEmptyState-8a7feb99.js';
27
27
  export { O as OrError } from '../OrError-29f0ce95.js';
package/dist/bundled/v2/components/or-date-time-picker-v3/OrDateTimePicker.vue.d.ts CHANGED
@@ -49,10 +49,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
49
49
  type: StringConstructor;
50
50
  default: undefined;
51
51
  };
52
- placeholder: {
53
- type: StringConstructor;
54
- default: undefined;
55
- };
56
52
  hint: {
57
53
  type: StringConstructor;
58
54
  default: undefined;
@@ -90,10 +86,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
90
86
  type: StringConstructor;
91
87
  default: undefined;
92
88
  };
93
- placeholder: {
94
- type: StringConstructor;
95
- default: undefined;
96
- };
97
89
  hint: {
98
90
  type: StringConstructor;
99
91
  default: undefined;
@@ -122,7 +114,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
122
114
  modelValue: Date;
123
115
  size: DateTimePickerSize;
124
116
  label: string;
125
- placeholder: string;
126
117
  hint: string;
127
118
  error: string | boolean;
128
119
  required: boolean;
@@ -171,7 +162,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
171
162
  modelValue: Date;
172
163
  size: DateTimePickerSize;
173
164
  label: string;
174
- placeholder: string;
175
165
  hint: string;
176
166
  error: string | boolean;
177
167
  required: boolean;
@@ -184,7 +174,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
184
174
  modelValue: Date;
185
175
  size: DateTimePickerSize;
186
176
  label: string;
187
- placeholder: string;
188
177
  hint: string;
189
178
  error: string | boolean;
190
179
  required: boolean;
package/dist/bundled/v2/components/or-date-time-picker-v3/index.js CHANGED
@@ -1,4 +1,4 @@
1
- export { _ as OrDateTimePickerV3 } from '../../OrDateTimePicker-aad4f2d4.js';
1
+ export { _ as OrDateTimePickerV3 } from '../../OrDateTimePicker-50333b2a.js';
2
2
  export { I as DateTimePickerSize } from '../../props-c966ae5f.js';
3
3
  import '../../index-fa6eb4ca.js';
4
4
  import 'vue';
package/dist/bundled/v2/index.js CHANGED
@@ -27,7 +27,7 @@ export { _ as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k
27
27
  export { _ as OrConfirm } from './OrConfirm-5f6fdc4d.js';
28
28
  export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-d9869784.js';
29
29
  export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './OrDateTimePicker-bf88911e.js';
30
- export { _ as OrDateTimePickerV3 } from './OrDateTimePicker-aad4f2d4.js';
30
+ export { _ as OrDateTimePickerV3 } from './OrDateTimePicker-50333b2a.js';
31
31
  export { I as DateTimePickerSize, I as InputBoxSize, a as InputBoxVariant, I as InputSize, I as SearchSize, I as SelectSize, I as TextareaSize } from './props-c966ae5f.js';
32
32
  export { E as EmptyStateSize, _ as OrEmptyStateV3 } from './OrEmptyState-8a7feb99.js';
33
33
  export { O as OrError } from './OrError-29f0ce95.js';
package/dist/bundled/v3/{OrDateTimePicker.vue_vue_type_script_lang-d86b26c2.js → OrDateTimePicker.vue_vue_type_script_lang-ead330d0.js} RENAMED
@@ -601,10 +601,6 @@ var script = defineComponent({
601
601
  type: String,
602
602
  default: undefined
603
603
  },
604
- placeholder: {
605
- type: String,
606
- default: undefined
607
- },
608
604
  hint: {
609
605
  type: String,
610
606
  default: undefined
package/dist/bundled/v3/components/index.js CHANGED
@@ -21,7 +21,7 @@ export { s as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k
21
21
  export { s as OrConfirm } from '../OrConfirm.vue_vue_type_script_lang-47b85aed.js';
22
22
  export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirm.vue_vue_type_script_lang-6ad3a25b.js';
23
23
  export { D as DEFAULT_TEXT, s as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../OrDateTimePicker.vue_vue_type_script_lang-5cc608df.js';
24
- export { s as OrDateTimePickerV3 } from '../OrDateTimePicker.vue_vue_type_script_lang-d86b26c2.js';
24
+ export { s as OrDateTimePickerV3 } from '../OrDateTimePicker.vue_vue_type_script_lang-ead330d0.js';
25
25
  export { I as DateTimePickerSize, I as InputBoxSize, a as InputBoxVariant, I as InputSize, I as SearchSize, I as SelectSize, I as TextareaSize } from '../props-c966ae5f.js';
26
26
  export { E as EmptyStateSize, s as OrEmptyStateV3 } from '../OrEmptyState.vue_vue_type_script_lang-8e58c67c.js';
27
27
  export { s as OrError } from '../OrError.vue_vue_type_script_lang-7c39e012.js';
package/dist/bundled/v3/components/or-date-time-picker-v3/OrDateTimePicker.vue.d.ts CHANGED
@@ -49,10 +49,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
49
49
  type: StringConstructor;
50
50
  default: undefined;
51
51
  };
52
- placeholder: {
53
- type: StringConstructor;
54
- default: undefined;
55
- };
56
52
  hint: {
57
53
  type: StringConstructor;
58
54
  default: undefined;
@@ -90,10 +86,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
90
86
  type: StringConstructor;
91
87
  default: undefined;
92
88
  };
93
- placeholder: {
94
- type: StringConstructor;
95
- default: undefined;
96
- };
97
89
  hint: {
98
90
  type: StringConstructor;
99
91
  default: undefined;
@@ -122,7 +114,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
122
114
  modelValue: Date;
123
115
  size: DateTimePickerSize;
124
116
  label: string;
125
- placeholder: string;
126
117
  hint: string;
127
118
  error: string | boolean;
128
119
  required: boolean;
@@ -171,7 +162,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
171
162
  modelValue: Date;
172
163
  size: DateTimePickerSize;
173
164
  label: string;
174
- placeholder: string;
175
165
  hint: string;
176
166
  error: string | boolean;
177
167
  required: boolean;
@@ -184,7 +174,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
184
174
  modelValue: Date;
185
175
  size: DateTimePickerSize;
186
176
  label: string;
187
- placeholder: string;
188
177
  hint: string;
189
178
  error: string | boolean;
190
179
  required: boolean;
package/dist/bundled/v3/components/or-date-time-picker-v3/index.js CHANGED
@@ -1,4 +1,4 @@
1
- export { s as OrDateTimePickerV3 } from '../../OrDateTimePicker.vue_vue_type_script_lang-d86b26c2.js';
1
+ export { s as OrDateTimePickerV3 } from '../../OrDateTimePicker.vue_vue_type_script_lang-ead330d0.js';
2
2
  export { I as DateTimePickerSize } from '../../props-c966ae5f.js';
3
3
  import 'vue';
4
4
  import '../../OrLabel-66e5b331.js';
package/dist/bundled/v3/index.js CHANGED
@@ -43,8 +43,8 @@ import { s as script$a } from './OrConfirm.vue_vue_type_script_lang-6ad3a25b.js'
43
43
  export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirm.vue_vue_type_script_lang-6ad3a25b.js';
44
44
  import { s as script$b } from './OrDateTimePicker.vue_vue_type_script_lang-5cc608df.js';
45
45
  export { D as DEFAULT_TEXT, s as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './OrDateTimePicker.vue_vue_type_script_lang-5cc608df.js';
46
- import { s as script$c } from './OrDateTimePicker.vue_vue_type_script_lang-d86b26c2.js';
47
- export { s as OrDateTimePickerV3 } from './OrDateTimePicker.vue_vue_type_script_lang-d86b26c2.js';
46
+ import { s as script$c } from './OrDateTimePicker.vue_vue_type_script_lang-ead330d0.js';
47
+ export { s as OrDateTimePickerV3 } from './OrDateTimePicker.vue_vue_type_script_lang-ead330d0.js';
48
48
  import { s as script$d } from './OrEmptyState.vue_vue_type_script_lang-8e58c67c.js';
49
49
  export { E as EmptyStateSize, s as OrEmptyStateV3 } from './OrEmptyState.vue_vue_type_script_lang-8e58c67c.js';
50
50
  import { s as script$e } from './OrErrorTag.vue_vue_type_script_lang-e052a480.js';
@@ -251,11 +251,11 @@ const _hoisted_1$B = ["disabled"];
251
251
  const _hoisted_2$m = {
252
252
  class: "or-button--content"
253
253
  };
254
- const _hoisted_3$h = {
254
+ const _hoisted_3$i = {
255
255
  key: 0,
256
256
  class: "or-button--content-prepend"
257
257
  };
258
- const _hoisted_4$f = {
258
+ const _hoisted_4$g = {
259
259
  key: 1,
260
260
  class: "or-button--content-append"
261
261
  };
@@ -276,7 +276,7 @@ function render$R(_ctx, _cache, $props, $setup, $data, $options) {
276
276
  "text-type-label": _ctx.loadingText
277
277
  }, null, 8 /* PROPS */, ["type", "text-type-label"]), [[vShow, _ctx.isLoading]])]),
278
278
  _: 1 /* STABLE */
279
- }), createElementVNode("span", _hoisted_2$m, [_ctx.$slots.prepend ? (openBlock(), createElementBlock("span", _hoisted_3$h, [renderSlot(_ctx.$slots, "prepend")])) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(_ctx.label), 1 /* TEXT */)]), _ctx.$slots.append ? (openBlock(), createElementBlock("span", _hoisted_4$f, [renderSlot(_ctx.$slots, "append")])) : createCommentVNode("v-if", true)])], 16 /* FULL_PROPS */, _hoisted_1$B);
279
+ }), createElementVNode("span", _hoisted_2$m, [_ctx.$slots.prepend ? (openBlock(), createElementBlock("span", _hoisted_3$i, [renderSlot(_ctx.$slots, "prepend")])) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(_ctx.label), 1 /* TEXT */)]), _ctx.$slots.append ? (openBlock(), createElementBlock("span", _hoisted_4$g, [renderSlot(_ctx.$slots, "append")])) : createCommentVNode("v-if", true)])], 16 /* FULL_PROPS */, _hoisted_1$B);
280
280
  }
281
281
 
282
282
  var css_248z$x = "/**\n * A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.\n * Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/\n */\n@keyframes spinAround-1f08cb78 {\nfrom {\n transform: rotate(0);\n}\nto {\n transform: rotate(359deg);\n}\n}\n@keyframes fade-1f08cb78 {\nfrom {\n opacity: 1;\n}\nto {\n opacity: 0;\n}\n}\n.or-button[data-v-1f08cb78] {\n -moz-appearance: none;\n -webkit-appearance: none;\n position: relative;\n box-sizing: border-box;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-width: 6rem;\n padding: var(--s-2) var(--s-4);\n font-family: inherit;\n font-size: var(--fs-1);\n font-weight: var(--fw-1);\n line-height: 1.375rem;\n letter-spacing: -0.15px;\n cursor: pointer;\n border: 1px solid;\n border-radius: 4px;\n box-shadow: 0 1px 2px 0 hsla(0deg, 0%, 0%, 0.2);\n transition-timing-function: var(--t-func);\n transition-duration: var(--t-duration);\n transition-property: color, background-color, box-shadow, border-color;\n}\n.or-button[data-v-1f08cb78] .material-icons {\n font-size: calc(var(--fs-1) + 0.375rem);\n}\n.or-button .or-loader[data-v-1f08cb78] {\n position: absolute;\n top: 0;\n left: 0;\n z-index: 1;\n width: 100%;\n height: 100%;\n pointer-events: none;\n}\n.or-button--content[data-v-1f08cb78] {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n transition-timing-function: var(--t-func);\n transition-duration: var(--t-duration);\n transition-property: opacity;\n}\n.or-button--content-prepend[data-v-1f08cb78], .or-button--content-append[data-v-1f08cb78] {\n display: inline-flex;\n}\n.or-button--content-prepend[data-v-1f08cb78] {\n margin-right: 0.5rem;\n}\n.or-button--content-append[data-v-1f08cb78] {\n margin-left: 0.5rem;\n}\n.or-button.is-small[data-v-1f08cb78] {\n min-width: auto;\n font-size: calc(var(--fs-1) - 0.125rem);\n line-height: var(--lh-0);\n}\n.or-button.is-small[data-v-1f08cb78] .or-icon {\n font-size: calc(var(--fs-1) - 0.125rem + 0.25rem);\n}\n.or-button.is-small[data-v-1f08cb78] .material-icons {\n font-size: var(--fs-1);\n}\n.or-button.is-primary-color[data-v-1f08cb78] {\n color: var(--c-white);\n background-color: var(--c-primary);\n border-color: var(--c-primary);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.is-primary-color[data-v-1f08cb78]:not(.or-button.is-primary-color.is-loading):not(.or-button.is-primary-color.is-disabled):not(.or-button.is-primary-color.is-readonly):not(.or-button.is-primary-color:disabled):not(.or-button.is-primary-color.is-focused):not(.or-button.is-primary-color:active):hover {\n background-color: var(--c-primary-darken-3);\n border-color: var(--c-primary-darken-3);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.is-primary-color[data-v-1f08cb78]:not(.or-button.is-primary-color.is-loading):not(.or-button.is-primary-color.is-disabled):not(.or-button.is-primary-color.is-readonly):not(.or-button.is-primary-color:disabled):not(.or-button.is-primary-color.is-focused):not(.or-button.is-primary-color:active):hover {\n background-color: var(--c-primary-darken-3);\n border-color: var(--c-primary-darken-3);\n}\n}\n.or-button.is-primary-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n background-color: var(--c-primary-darken-5);\n border-color: var(--c-primary-darken-5);\n}\n.or-button.is-primary-color[data-v-1f08cb78]:disabled, .or-button.is-primary-color.is-disabled[data-v-1f08cb78] {\n cursor: not-allowed;\n background-color: var(--c-primary-lighten-20);\n border-color: var(--c-primary-lighten-20);\n}\n.or-button.is-primary-color.is-loading[data-v-1f08cb78] {\n cursor: progress;\n background-color: var(--c-primary-lighten-20);\n border-color: var(--c-primary-lighten-20);\n}\n.or-button.is-primary-color.is-loading .or-loader[data-v-1f08cb78]::after {\n color: var(--c-white);\n}\n.or-button.is-error-color[data-v-1f08cb78] {\n color: var(--c-white);\n background-color: var(--c-error);\n border-color: var(--c-error);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.is-error-color[data-v-1f08cb78]:not(.or-button.is-error-color.is-loading):not(.or-button.is-error-color.is-disabled):not(.or-button.is-error-color.is-readonly):not(.or-button.is-error-color:disabled):not(.or-button.is-error-color.is-focused):not(.or-button.is-error-color:active):hover {\n background-color: var(--c-error-darken-3);\n border-color: var(--c-error-darken-3);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.is-error-color[data-v-1f08cb78]:not(.or-button.is-error-color.is-loading):not(.or-button.is-error-color.is-disabled):not(.or-button.is-error-color.is-readonly):not(.or-button.is-error-color:disabled):not(.or-button.is-error-color.is-focused):not(.or-button.is-error-color:active):hover {\n background-color: var(--c-error-darken-3);\n border-color: var(--c-error-darken-3);\n}\n}\n.or-button.is-error-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n background-color: var(--c-error-darken-5);\n border-color: var(--c-error-darken-5);\n}\n.or-button.is-error-color[data-v-1f08cb78]:disabled, .or-button.is-error-color.is-disabled[data-v-1f08cb78] {\n cursor: not-allowed;\n background-color: var(--c-error-lighten-20);\n border-color: var(--c-error-lighten-20);\n}\n.or-button.is-error-color.is-loading[data-v-1f08cb78] {\n cursor: progress;\n background-color: var(--c-error-lighten-20);\n border-color: var(--c-error-lighten-20);\n}\n.or-button.is-error-color.is-loading .or-loader[data-v-1f08cb78]::after {\n color: var(--c-white);\n}\n.or-button.is-warning-color[data-v-1f08cb78] {\n color: var(--c-white);\n background-color: var(--c-warning);\n border-color: var(--c-warning);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.is-warning-color[data-v-1f08cb78]:not(.or-button.is-warning-color.is-loading):not(.or-button.is-warning-color.is-disabled):not(.or-button.is-warning-color.is-readonly):not(.or-button.is-warning-color:disabled):not(.or-button.is-warning-color.is-focused):not(.or-button.is-warning-color:active):hover {\n background-color: var(--c-warning-darken-3);\n border-color: var(--c-warning-darken-3);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.is-warning-color[data-v-1f08cb78]:not(.or-button.is-warning-color.is-loading):not(.or-button.is-warning-color.is-disabled):not(.or-button.is-warning-color.is-readonly):not(.or-button.is-warning-color:disabled):not(.or-button.is-warning-color.is-focused):not(.or-button.is-warning-color:active):hover {\n background-color: var(--c-warning-darken-3);\n border-color: var(--c-warning-darken-3);\n}\n}\n.or-button.is-warning-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n background-color: var(--c-warning-darken-5);\n border-color: var(--c-warning-darken-5);\n}\n.or-button.is-warning-color[data-v-1f08cb78]:disabled, .or-button.is-warning-color.is-disabled[data-v-1f08cb78] {\n cursor: not-allowed;\n background-color: var(--c-warning-lighten-20);\n border-color: var(--c-warning-lighten-20);\n}\n.or-button.is-warning-color.is-loading[data-v-1f08cb78] {\n cursor: progress;\n background-color: var(--c-warning-lighten-20);\n border-color: var(--c-warning-lighten-20);\n}\n.or-button.is-warning-color.is-loading .or-loader[data-v-1f08cb78]::after {\n color: var(--c-white);\n}\n.or-button.is-neutral-0-color[data-v-1f08cb78] {\n color: var(--c-white);\n background-color: var(--c-neutral-0);\n border-color: var(--c-neutral-0);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.is-neutral-0-color[data-v-1f08cb78]:not(.or-button.is-neutral-0-color.is-loading):not(.or-button.is-neutral-0-color.is-disabled):not(.or-button.is-neutral-0-color.is-readonly):not(.or-button.is-neutral-0-color:disabled):not(.or-button.is-neutral-0-color.is-focused):not(.or-button.is-neutral-0-color:active):hover {\n background-color: var(--c-neutral-0-darken-3);\n border-color: var(--c-neutral-0-darken-3);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.is-neutral-0-color[data-v-1f08cb78]:not(.or-button.is-neutral-0-color.is-loading):not(.or-button.is-neutral-0-color.is-disabled):not(.or-button.is-neutral-0-color.is-readonly):not(.or-button.is-neutral-0-color:disabled):not(.or-button.is-neutral-0-color.is-focused):not(.or-button.is-neutral-0-color:active):hover {\n background-color: var(--c-neutral-0-darken-3);\n border-color: var(--c-neutral-0-darken-3);\n}\n}\n.or-button.is-neutral-0-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n background-color: var(--c-neutral-0-darken-5);\n border-color: var(--c-neutral-0-darken-5);\n}\n.or-button.is-neutral-0-color[data-v-1f08cb78]:disabled, .or-button.is-neutral-0-color.is-disabled[data-v-1f08cb78] {\n cursor: not-allowed;\n background-color: var(--c-neutral-0-lighten-20);\n border-color: var(--c-neutral-0-lighten-20);\n}\n.or-button.is-neutral-0-color.is-loading[data-v-1f08cb78] {\n cursor: progress;\n background-color: var(--c-neutral-0-lighten-20);\n border-color: var(--c-neutral-0-lighten-20);\n}\n.or-button.is-neutral-0-color.is-loading .or-loader[data-v-1f08cb78]::after {\n color: var(--c-white);\n}\n.or-button.is-neutral-3-color[data-v-1f08cb78] {\n color: var(--c-white);\n background-color: var(--c-neutral-3);\n border-color: var(--c-neutral-3);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.is-neutral-3-color[data-v-1f08cb78]:not(.or-button.is-neutral-3-color.is-loading):not(.or-button.is-neutral-3-color.is-disabled):not(.or-button.is-neutral-3-color.is-readonly):not(.or-button.is-neutral-3-color:disabled):not(.or-button.is-neutral-3-color.is-focused):not(.or-button.is-neutral-3-color:active):hover {\n background-color: var(--c-neutral-3-darken-3);\n border-color: var(--c-neutral-3-darken-3);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.is-neutral-3-color[data-v-1f08cb78]:not(.or-button.is-neutral-3-color.is-loading):not(.or-button.is-neutral-3-color.is-disabled):not(.or-button.is-neutral-3-color.is-readonly):not(.or-button.is-neutral-3-color:disabled):not(.or-button.is-neutral-3-color.is-focused):not(.or-button.is-neutral-3-color:active):hover {\n background-color: var(--c-neutral-3-darken-3);\n border-color: var(--c-neutral-3-darken-3);\n}\n}\n.or-button.is-neutral-3-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n background-color: var(--c-neutral-3-darken-5);\n border-color: var(--c-neutral-3-darken-5);\n}\n.or-button.is-neutral-3-color[data-v-1f08cb78]:disabled, .or-button.is-neutral-3-color.is-disabled[data-v-1f08cb78] {\n cursor: not-allowed;\n background-color: var(--c-neutral-3-lighten-20);\n border-color: var(--c-neutral-3-lighten-20);\n}\n.or-button.is-neutral-3-color.is-loading[data-v-1f08cb78] {\n cursor: progress;\n background-color: var(--c-neutral-3-lighten-20);\n border-color: var(--c-neutral-3-lighten-20);\n}\n.or-button.is-neutral-3-color.is-loading .or-loader[data-v-1f08cb78]::after {\n color: var(--c-white);\n}\n.or-button.is-neutral-4-color[data-v-1f08cb78] {\n color: var(--c-white);\n background-color: var(--c-neutral-4);\n border-color: var(--c-neutral-4);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.is-neutral-4-color[data-v-1f08cb78]:not(.or-button.is-neutral-4-color.is-loading):not(.or-button.is-neutral-4-color.is-disabled):not(.or-button.is-neutral-4-color.is-readonly):not(.or-button.is-neutral-4-color:disabled):not(.or-button.is-neutral-4-color.is-focused):not(.or-button.is-neutral-4-color:active):hover {\n background-color: var(--c-neutral-4-darken-3);\n border-color: var(--c-neutral-4-darken-3);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.is-neutral-4-color[data-v-1f08cb78]:not(.or-button.is-neutral-4-color.is-loading):not(.or-button.is-neutral-4-color.is-disabled):not(.or-button.is-neutral-4-color.is-readonly):not(.or-button.is-neutral-4-color:disabled):not(.or-button.is-neutral-4-color.is-focused):not(.or-button.is-neutral-4-color:active):hover {\n background-color: var(--c-neutral-4-darken-3);\n border-color: var(--c-neutral-4-darken-3);\n}\n}\n.or-button.is-neutral-4-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n background-color: var(--c-neutral-4-darken-5);\n border-color: var(--c-neutral-4-darken-5);\n}\n.or-button.is-neutral-4-color[data-v-1f08cb78]:disabled, .or-button.is-neutral-4-color.is-disabled[data-v-1f08cb78] {\n cursor: not-allowed;\n background-color: var(--c-neutral-4-lighten-20);\n border-color: var(--c-neutral-4-lighten-20);\n}\n.or-button.is-neutral-4-color.is-loading[data-v-1f08cb78] {\n cursor: progress;\n background-color: var(--c-neutral-4-lighten-20);\n border-color: var(--c-neutral-4-lighten-20);\n}\n.or-button.is-neutral-4-color.is-loading .or-loader[data-v-1f08cb78]::after {\n color: var(--c-white);\n}\n.or-button.is-neutral-5-color[data-v-1f08cb78] {\n color: var(--c-white);\n background-color: var(--c-neutral-5);\n border-color: var(--c-neutral-5);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.is-neutral-5-color[data-v-1f08cb78]:not(.or-button.is-neutral-5-color.is-loading):not(.or-button.is-neutral-5-color.is-disabled):not(.or-button.is-neutral-5-color.is-readonly):not(.or-button.is-neutral-5-color:disabled):not(.or-button.is-neutral-5-color.is-focused):not(.or-button.is-neutral-5-color:active):hover {\n background-color: var(--c-neutral-5-darken-3);\n border-color: var(--c-neutral-5-darken-3);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.is-neutral-5-color[data-v-1f08cb78]:not(.or-button.is-neutral-5-color.is-loading):not(.or-button.is-neutral-5-color.is-disabled):not(.or-button.is-neutral-5-color.is-readonly):not(.or-button.is-neutral-5-color:disabled):not(.or-button.is-neutral-5-color.is-focused):not(.or-button.is-neutral-5-color:active):hover {\n background-color: var(--c-neutral-5-darken-3);\n border-color: var(--c-neutral-5-darken-3);\n}\n}\n.or-button.is-neutral-5-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n background-color: var(--c-neutral-5-darken-5);\n border-color: var(--c-neutral-5-darken-5);\n}\n.or-button.is-neutral-5-color[data-v-1f08cb78]:disabled, .or-button.is-neutral-5-color.is-disabled[data-v-1f08cb78] {\n cursor: not-allowed;\n background-color: var(--c-neutral-5-lighten-20);\n border-color: var(--c-neutral-5-lighten-20);\n}\n.or-button.is-neutral-5-color.is-loading[data-v-1f08cb78] {\n cursor: progress;\n background-color: var(--c-neutral-5-lighten-20);\n border-color: var(--c-neutral-5-lighten-20);\n}\n.or-button.is-neutral-5-color.is-loading .or-loader[data-v-1f08cb78]::after {\n color: var(--c-white);\n}\n.or-button.is-neutral-6-color[data-v-1f08cb78] {\n color: var(--c-white);\n background-color: var(--c-neutral-6);\n border-color: var(--c-neutral-6);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.is-neutral-6-color[data-v-1f08cb78]:not(.or-button.is-neutral-6-color.is-loading):not(.or-button.is-neutral-6-color.is-disabled):not(.or-button.is-neutral-6-color.is-readonly):not(.or-button.is-neutral-6-color:disabled):not(.or-button.is-neutral-6-color.is-focused):not(.or-button.is-neutral-6-color:active):hover {\n background-color: var(--c-neutral-6-darken-3);\n border-color: var(--c-neutral-6-darken-3);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.is-neutral-6-color[data-v-1f08cb78]:not(.or-button.is-neutral-6-color.is-loading):not(.or-button.is-neutral-6-color.is-disabled):not(.or-button.is-neutral-6-color.is-readonly):not(.or-button.is-neutral-6-color:disabled):not(.or-button.is-neutral-6-color.is-focused):not(.or-button.is-neutral-6-color:active):hover {\n background-color: var(--c-neutral-6-darken-3);\n border-color: var(--c-neutral-6-darken-3);\n}\n}\n.or-button.is-neutral-6-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n background-color: var(--c-neutral-6-darken-5);\n border-color: var(--c-neutral-6-darken-5);\n}\n.or-button.is-neutral-6-color[data-v-1f08cb78]:disabled, .or-button.is-neutral-6-color.is-disabled[data-v-1f08cb78] {\n cursor: not-allowed;\n background-color: var(--c-neutral-6-lighten-20);\n border-color: var(--c-neutral-6-lighten-20);\n}\n.or-button.is-neutral-6-color.is-loading[data-v-1f08cb78] {\n cursor: progress;\n background-color: var(--c-neutral-6-lighten-20);\n border-color: var(--c-neutral-6-lighten-20);\n}\n.or-button.is-neutral-6-color.is-loading .or-loader[data-v-1f08cb78]::after {\n color: var(--c-white);\n}\n.or-button.outline-type[data-v-1f08cb78] {\n background-color: transparent;\n box-shadow: none;\n}\n.or-button.outline-type.is-primary-color[data-v-1f08cb78] {\n color: var(--c-primary);\n border-color: var(--c-primary);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.outline-type.is-primary-color[data-v-1f08cb78]:not(.or-button.outline-type.is-primary-color.is-loading):not(.or-button.outline-type.is-primary-color.is-disabled):not(.or-button.outline-type.is-primary-color.is-readonly):not(.or-button.outline-type.is-primary-color:disabled):not(.or-button.outline-type.is-primary-color.is-focused):not(.or-button.outline-type.is-primary-color:active):hover {\n color: var(--c-white);\n background-color: var(--c-primary-darken-3);\n border-color: var(--c-primary-darken-3);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.outline-type.is-primary-color[data-v-1f08cb78]:not(.or-button.outline-type.is-primary-color.is-loading):not(.or-button.outline-type.is-primary-color.is-disabled):not(.or-button.outline-type.is-primary-color.is-readonly):not(.or-button.outline-type.is-primary-color:disabled):not(.or-button.outline-type.is-primary-color.is-focused):not(.or-button.outline-type.is-primary-color:active):hover {\n color: var(--c-white);\n background-color: var(--c-primary-darken-3);\n border-color: var(--c-primary-darken-3);\n}\n}\n.or-button.outline-type.is-primary-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n color: var(--c-white);\n background-color: var(--c-primary-darken-5);\n border-color: var(--c-primary-darken-5);\n}\n.or-button.outline-type.is-primary-color[data-v-1f08cb78]:disabled, .or-button.outline-type.is-primary-color.is-disabled[data-v-1f08cb78] {\n cursor: not-allowed;\n color: var(--c-primary-lighten-20);\n background-color: transparent;\n border-color: var(--c-primary-lighten-20);\n}\n.or-button.outline-type.is-primary-color.is-loading[data-v-1f08cb78] {\n cursor: progress;\n color: var(--c-primary-lighten-20);\n background-color: transparent;\n border-color: var(--c-primary-lighten-20);\n}\n.or-button.outline-type.is-primary-color.is-loading .or-loader[data-v-1f08cb78]::after {\n color: var(--c-primary-lighten-20);\n}\n.or-button.outline-type.is-error-color[data-v-1f08cb78] {\n color: var(--c-error);\n border-color: var(--c-error);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.outline-type.is-error-color[data-v-1f08cb78]:not(.or-button.outline-type.is-error-color.is-loading):not(.or-button.outline-type.is-error-color.is-disabled):not(.or-button.outline-type.is-error-color.is-readonly):not(.or-button.outline-type.is-error-color:disabled):not(.or-button.outline-type.is-error-color.is-focused):not(.or-button.outline-type.is-error-color:active):hover {\n color: var(--c-white);\n background-color: var(--c-error-darken-3);\n border-color: var(--c-error-darken-3);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.outline-type.is-error-color[data-v-1f08cb78]:not(.or-button.outline-type.is-error-color.is-loading):not(.or-button.outline-type.is-error-color.is-disabled):not(.or-button.outline-type.is-error-color.is-readonly):not(.or-button.outline-type.is-error-color:disabled):not(.or-button.outline-type.is-error-color.is-focused):not(.or-button.outline-type.is-error-color:active):hover {\n color: var(--c-white);\n background-color: var(--c-error-darken-3);\n border-color: var(--c-error-darken-3);\n}\n}\n.or-button.outline-type.is-error-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n color: var(--c-white);\n background-color: var(--c-error-darken-5);\n border-color: var(--c-error-darken-5);\n}\n.or-button.outline-type.is-error-color[data-v-1f08cb78]:disabled, .or-button.outline-type.is-error-color.is-disabled[data-v-1f08cb78] {\n cursor: not-allowed;\n color: var(--c-error-lighten-20);\n background-color: transparent;\n border-color: var(--c-error-lighten-20);\n}\n.or-button.outline-type.is-error-color.is-loading[data-v-1f08cb78] {\n cursor: progress;\n color: var(--c-error-lighten-20);\n background-color: transparent;\n border-color: var(--c-error-lighten-20);\n}\n.or-button.outline-type.is-error-color.is-loading .or-loader[data-v-1f08cb78]::after {\n color: var(--c-error-lighten-20);\n}\n.or-button.outline-type.is-warning-color[data-v-1f08cb78] {\n color: var(--c-warning);\n border-color: var(--c-warning);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.outline-type.is-warning-color[data-v-1f08cb78]:not(.or-button.outline-type.is-warning-color.is-loading):not(.or-button.outline-type.is-warning-color.is-disabled):not(.or-button.outline-type.is-warning-color.is-readonly):not(.or-button.outline-type.is-warning-color:disabled):not(.or-button.outline-type.is-warning-color.is-focused):not(.or-button.outline-type.is-warning-color:active):hover {\n color: var(--c-white);\n background-color: var(--c-warning-darken-3);\n border-color: var(--c-warning-darken-3);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.outline-type.is-warning-color[data-v-1f08cb78]:not(.or-button.outline-type.is-warning-color.is-loading):not(.or-button.outline-type.is-warning-color.is-disabled):not(.or-button.outline-type.is-warning-color.is-readonly):not(.or-button.outline-type.is-warning-color:disabled):not(.or-button.outline-type.is-warning-color.is-focused):not(.or-button.outline-type.is-warning-color:active):hover {\n color: var(--c-white);\n background-color: var(--c-warning-darken-3);\n border-color: var(--c-warning-darken-3);\n}\n}\n.or-button.outline-type.is-warning-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n color: var(--c-white);\n background-color: var(--c-warning-darken-5);\n border-color: var(--c-warning-darken-5);\n}\n.or-button.outline-type.is-warning-color[data-v-1f08cb78]:disabled, .or-button.outline-type.is-warning-color.is-disabled[data-v-1f08cb78] {\n cursor: not-allowed;\n color: var(--c-warning-lighten-20);\n background-color: transparent;\n border-color: var(--c-warning-lighten-20);\n}\n.or-button.outline-type.is-warning-color.is-loading[data-v-1f08cb78] {\n cursor: progress;\n color: var(--c-warning-lighten-20);\n background-color: transparent;\n border-color: var(--c-warning-lighten-20);\n}\n.or-button.outline-type.is-warning-color.is-loading .or-loader[data-v-1f08cb78]::after {\n color: var(--c-warning-lighten-20);\n}\n.or-button.outline-type.is-neutral-0-color[data-v-1f08cb78] {\n color: var(--c-neutral-0);\n border-color: var(--c-neutral-0);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.outline-type.is-neutral-0-color[data-v-1f08cb78]:not(.or-button.outline-type.is-neutral-0-color.is-loading):not(.or-button.outline-type.is-neutral-0-color.is-disabled):not(.or-button.outline-type.is-neutral-0-color.is-readonly):not(.or-button.outline-type.is-neutral-0-color:disabled):not(.or-button.outline-type.is-neutral-0-color.is-focused):not(.or-button.outline-type.is-neutral-0-color:active):hover {\n color: var(--c-white);\n background-color: var(--c-neutral-0-darken-3);\n border-color: var(--c-neutral-0-darken-3);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.outline-type.is-neutral-0-color[data-v-1f08cb78]:not(.or-button.outline-type.is-neutral-0-color.is-loading):not(.or-button.outline-type.is-neutral-0-color.is-disabled):not(.or-button.outline-type.is-neutral-0-color.is-readonly):not(.or-button.outline-type.is-neutral-0-color:disabled):not(.or-button.outline-type.is-neutral-0-color.is-focused):not(.or-button.outline-type.is-neutral-0-color:active):hover {\n color: var(--c-white);\n background-color: var(--c-neutral-0-darken-3);\n border-color: var(--c-neutral-0-darken-3);\n}\n}\n.or-button.outline-type.is-neutral-0-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n color: var(--c-white);\n background-color: var(--c-neutral-0-darken-5);\n border-color: var(--c-neutral-0-darken-5);\n}\n.or-button.outline-type.is-neutral-0-color[data-v-1f08cb78]:disabled, .or-button.outline-type.is-neutral-0-color.is-disabled[data-v-1f08cb78] {\n cursor: not-allowed;\n color: var(--c-neutral-0-lighten-20);\n background-color: transparent;\n border-color: var(--c-neutral-0-lighten-20);\n}\n.or-button.outline-type.is-neutral-0-color.is-loading[data-v-1f08cb78] {\n cursor: progress;\n color: var(--c-neutral-0-lighten-20);\n background-color: transparent;\n border-color: var(--c-neutral-0-lighten-20);\n}\n.or-button.outline-type.is-neutral-0-color.is-loading .or-loader[data-v-1f08cb78]::after {\n color: var(--c-neutral-0-lighten-20);\n}\n.or-button.outline-type.is-neutral-3-color[data-v-1f08cb78] {\n color: var(--c-neutral-3);\n border-color: var(--c-neutral-3);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.outline-type.is-neutral-3-color[data-v-1f08cb78]:not(.or-button.outline-type.is-neutral-3-color.is-loading):not(.or-button.outline-type.is-neutral-3-color.is-disabled):not(.or-button.outline-type.is-neutral-3-color.is-readonly):not(.or-button.outline-type.is-neutral-3-color:disabled):not(.or-button.outline-type.is-neutral-3-color.is-focused):not(.or-button.outline-type.is-neutral-3-color:active):hover {\n color: var(--c-white);\n background-color: var(--c-neutral-3-darken-3);\n border-color: var(--c-neutral-3-darken-3);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.outline-type.is-neutral-3-color[data-v-1f08cb78]:not(.or-button.outline-type.is-neutral-3-color.is-loading):not(.or-button.outline-type.is-neutral-3-color.is-disabled):not(.or-button.outline-type.is-neutral-3-color.is-readonly):not(.or-button.outline-type.is-neutral-3-color:disabled):not(.or-button.outline-type.is-neutral-3-color.is-focused):not(.or-button.outline-type.is-neutral-3-color:active):hover {\n color: var(--c-white);\n background-color: var(--c-neutral-3-darken-3);\n border-color: var(--c-neutral-3-darken-3);\n}\n}\n.or-button.outline-type.is-neutral-3-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n color: var(--c-white);\n background-color: var(--c-neutral-3-darken-5);\n border-color: var(--c-neutral-3-darken-5);\n}\n.or-button.outline-type.is-neutral-3-color[data-v-1f08cb78]:disabled, .or-button.outline-type.is-neutral-3-color.is-disabled[data-v-1f08cb78] {\n cursor: not-allowed;\n color: var(--c-neutral-3-lighten-20);\n background-color: transparent;\n border-color: var(--c-neutral-3-lighten-20);\n}\n.or-button.outline-type.is-neutral-3-color.is-loading[data-v-1f08cb78] {\n cursor: progress;\n color: var(--c-neutral-3-lighten-20);\n background-color: transparent;\n border-color: var(--c-neutral-3-lighten-20);\n}\n.or-button.outline-type.is-neutral-3-color.is-loading .or-loader[data-v-1f08cb78]::after {\n color: var(--c-neutral-3-lighten-20);\n}\n.or-button.outline-type.is-neutral-4-color[data-v-1f08cb78] {\n color: var(--c-neutral-4);\n border-color: var(--c-neutral-4);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.outline-type.is-neutral-4-color[data-v-1f08cb78]:not(.or-button.outline-type.is-neutral-4-color.is-loading):not(.or-button.outline-type.is-neutral-4-color.is-disabled):not(.or-button.outline-type.is-neutral-4-color.is-readonly):not(.or-button.outline-type.is-neutral-4-color:disabled):not(.or-button.outline-type.is-neutral-4-color.is-focused):not(.or-button.outline-type.is-neutral-4-color:active):hover {\n color: var(--c-white);\n background-color: var(--c-neutral-4-darken-3);\n border-color: var(--c-neutral-4-darken-3);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.outline-type.is-neutral-4-color[data-v-1f08cb78]:not(.or-button.outline-type.is-neutral-4-color.is-loading):not(.or-button.outline-type.is-neutral-4-color.is-disabled):not(.or-button.outline-type.is-neutral-4-color.is-readonly):not(.or-button.outline-type.is-neutral-4-color:disabled):not(.or-button.outline-type.is-neutral-4-color.is-focused):not(.or-button.outline-type.is-neutral-4-color:active):hover {\n color: var(--c-white);\n background-color: var(--c-neutral-4-darken-3);\n border-color: var(--c-neutral-4-darken-3);\n}\n}\n.or-button.outline-type.is-neutral-4-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n color: var(--c-white);\n background-color: var(--c-neutral-4-darken-5);\n border-color: var(--c-neutral-4-darken-5);\n}\n.or-button.outline-type.is-neutral-4-color[data-v-1f08cb78]:disabled, .or-button.outline-type.is-neutral-4-color.is-disabled[data-v-1f08cb78] {\n cursor: not-allowed;\n color: var(--c-neutral-4-lighten-20);\n background-color: transparent;\n border-color: var(--c-neutral-4-lighten-20);\n}\n.or-button.outline-type.is-neutral-4-color.is-loading[data-v-1f08cb78] {\n cursor: progress;\n color: var(--c-neutral-4-lighten-20);\n background-color: transparent;\n border-color: var(--c-neutral-4-lighten-20);\n}\n.or-button.outline-type.is-neutral-4-color.is-loading .or-loader[data-v-1f08cb78]::after {\n color: var(--c-neutral-4-lighten-20);\n}\n.or-button.outline-type.is-neutral-5-color[data-v-1f08cb78] {\n color: var(--c-neutral-5);\n border-color: var(--c-neutral-5);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.outline-type.is-neutral-5-color[data-v-1f08cb78]:not(.or-button.outline-type.is-neutral-5-color.is-loading):not(.or-button.outline-type.is-neutral-5-color.is-disabled):not(.or-button.outline-type.is-neutral-5-color.is-readonly):not(.or-button.outline-type.is-neutral-5-color:disabled):not(.or-button.outline-type.is-neutral-5-color.is-focused):not(.or-button.outline-type.is-neutral-5-color:active):hover {\n color: var(--c-white);\n background-color: var(--c-neutral-5-darken-3);\n border-color: var(--c-neutral-5-darken-3);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.outline-type.is-neutral-5-color[data-v-1f08cb78]:not(.or-button.outline-type.is-neutral-5-color.is-loading):not(.or-button.outline-type.is-neutral-5-color.is-disabled):not(.or-button.outline-type.is-neutral-5-color.is-readonly):not(.or-button.outline-type.is-neutral-5-color:disabled):not(.or-button.outline-type.is-neutral-5-color.is-focused):not(.or-button.outline-type.is-neutral-5-color:active):hover {\n color: var(--c-white);\n background-color: var(--c-neutral-5-darken-3);\n border-color: var(--c-neutral-5-darken-3);\n}\n}\n.or-button.outline-type.is-neutral-5-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n color: var(--c-white);\n background-color: var(--c-neutral-5-darken-5);\n border-color: var(--c-neutral-5-darken-5);\n}\n.or-button.outline-type.is-neutral-5-color[data-v-1f08cb78]:disabled, .or-button.outline-type.is-neutral-5-color.is-disabled[data-v-1f08cb78] {\n cursor: not-allowed;\n color: var(--c-neutral-5-lighten-20);\n background-color: transparent;\n border-color: var(--c-neutral-5-lighten-20);\n}\n.or-button.outline-type.is-neutral-5-color.is-loading[data-v-1f08cb78] {\n cursor: progress;\n color: var(--c-neutral-5-lighten-20);\n background-color: transparent;\n border-color: var(--c-neutral-5-lighten-20);\n}\n.or-button.outline-type.is-neutral-5-color.is-loading .or-loader[data-v-1f08cb78]::after {\n color: var(--c-neutral-5-lighten-20);\n}\n.or-button.outline-type.is-neutral-6-color[data-v-1f08cb78] {\n color: var(--c-neutral-6);\n border-color: var(--c-neutral-6);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.outline-type.is-neutral-6-color[data-v-1f08cb78]:not(.or-button.outline-type.is-neutral-6-color.is-loading):not(.or-button.outline-type.is-neutral-6-color.is-disabled):not(.or-button.outline-type.is-neutral-6-color.is-readonly):not(.or-button.outline-type.is-neutral-6-color:disabled):not(.or-button.outline-type.is-neutral-6-color.is-focused):not(.or-button.outline-type.is-neutral-6-color:active):hover {\n color: var(--c-white);\n background-color: var(--c-neutral-6-darken-3);\n border-color: var(--c-neutral-6-darken-3);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.outline-type.is-neutral-6-color[data-v-1f08cb78]:not(.or-button.outline-type.is-neutral-6-color.is-loading):not(.or-button.outline-type.is-neutral-6-color.is-disabled):not(.or-button.outline-type.is-neutral-6-color.is-readonly):not(.or-button.outline-type.is-neutral-6-color:disabled):not(.or-button.outline-type.is-neutral-6-color.is-focused):not(.or-button.outline-type.is-neutral-6-color:active):hover {\n color: var(--c-white);\n background-color: var(--c-neutral-6-darken-3);\n border-color: var(--c-neutral-6-darken-3);\n}\n}\n.or-button.outline-type.is-neutral-6-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n color: var(--c-white);\n background-color: var(--c-neutral-6-darken-5);\n border-color: var(--c-neutral-6-darken-5);\n}\n.or-button.outline-type.is-neutral-6-color[data-v-1f08cb78]:disabled, .or-button.outline-type.is-neutral-6-color.is-disabled[data-v-1f08cb78] {\n cursor: not-allowed;\n color: var(--c-neutral-6-lighten-20);\n background-color: transparent;\n border-color: var(--c-neutral-6-lighten-20);\n}\n.or-button.outline-type.is-neutral-6-color.is-loading[data-v-1f08cb78] {\n cursor: progress;\n color: var(--c-neutral-6-lighten-20);\n background-color: transparent;\n border-color: var(--c-neutral-6-lighten-20);\n}\n.or-button.outline-type.is-neutral-6-color.is-loading .or-loader[data-v-1f08cb78]::after {\n color: var(--c-neutral-6-lighten-20);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.outline-type[data-v-1f08cb78]:not(.or-button.outline-type.is-loading):not(.or-button.outline-type.is-disabled):not(.or-button.outline-type.is-readonly):not(.or-button.outline-type:disabled):not(.or-button.outline-type.is-focused):not(.or-button.outline-type:active):hover {\n box-shadow: 0 1px 2px 0 hsla(0deg, 0%, 0%, 0.2);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.outline-type[data-v-1f08cb78]:not(.or-button.outline-type.is-loading):not(.or-button.outline-type.is-disabled):not(.or-button.outline-type.is-readonly):not(.or-button.outline-type:disabled):not(.or-button.outline-type.is-focused):not(.or-button.outline-type:active):hover {\n box-shadow: 0 1px 2px 0 hsla(0deg, 0%, 0%, 0.2);\n}\n}\n.or-button.outline-type[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n box-shadow: 0 1px 2px 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-button.outline-type.is-loading[data-v-1f08cb78] {\n cursor: progress;\n box-shadow: 0 1px 2px 0 hsla(0deg, 0%, 0%, 0.1);\n}\n.or-button.text-type[data-v-1f08cb78] {\n min-width: auto;\n padding: 0;\n background-color: transparent;\n border: 1px solid transparent;\n box-shadow: none;\n}\n.or-button.text-type.is-primary-color[data-v-1f08cb78] {\n color: var(--c-primary);\n background-color: transparent;\n border-color: transparent;\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.text-type.is-primary-color[data-v-1f08cb78]:not(.or-button.text-type.is-primary-color.is-loading):not(.or-button.text-type.is-primary-color.is-disabled):not(.or-button.text-type.is-primary-color.is-readonly):not(.or-button.text-type.is-primary-color:disabled):not(.or-button.text-type.is-primary-color.is-focused):not(.or-button.text-type.is-primary-color:active):hover {\n color: var(--c-primary-darken-3);\n background-color: transparent;\n border-color: transparent;\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.text-type.is-primary-color[data-v-1f08cb78]:not(.or-button.text-type.is-primary-color.is-loading):not(.or-button.text-type.is-primary-color.is-disabled):not(.or-button.text-type.is-primary-color.is-readonly):not(.or-button.text-type.is-primary-color:disabled):not(.or-button.text-type.is-primary-color.is-focused):not(.or-button.text-type.is-primary-color:active):hover {\n color: var(--c-primary-darken-3);\n background-color: transparent;\n border-color: transparent;\n}\n}\n.or-button.text-type.is-primary-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n color: var(--c-primary-darken-5);\n background-color: transparent;\n border-color: transparent;\n}\n.or-button.text-type.is-primary-color[data-v-1f08cb78]:disabled, .or-button.text-type.is-primary-color.is-disabled[data-v-1f08cb78] {\n cursor: not-allowed;\n color: var(--c-primary-lighten-20);\n background-color: transparent;\n border-color: transparent;\n}\n.or-button.text-type.is-primary-color.is-loading[data-v-1f08cb78] {\n cursor: progress;\n color: var(--c-primary-lighten-20);\n background-color: transparent;\n border-color: transparent;\n}\n.or-button.text-type.is-error-color[data-v-1f08cb78] {\n color: var(--c-error);\n background-color: transparent;\n border-color: transparent;\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.text-type.is-error-color[data-v-1f08cb78]:not(.or-button.text-type.is-error-color.is-loading):not(.or-button.text-type.is-error-color.is-disabled):not(.or-button.text-type.is-error-color.is-readonly):not(.or-button.text-type.is-error-color:disabled):not(.or-button.text-type.is-error-color.is-focused):not(.or-button.text-type.is-error-color:active):hover {\n color: var(--c-error-darken-3);\n background-color: transparent;\n border-color: transparent;\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.text-type.is-error-color[data-v-1f08cb78]:not(.or-button.text-type.is-error-color.is-loading):not(.or-button.text-type.is-error-color.is-disabled):not(.or-button.text-type.is-error-color.is-readonly):not(.or-button.text-type.is-error-color:disabled):not(.or-button.text-type.is-error-color.is-focused):not(.or-button.text-type.is-error-color:active):hover {\n color: var(--c-error-darken-3);\n background-color: transparent;\n border-color: transparent;\n}\n}\n.or-button.text-type.is-error-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n color: var(--c-error-darken-5);\n background-color: transparent;\n border-color: transparent;\n}\n.or-button.text-type.is-error-color[data-v-1f08cb78]:disabled, .or-button.text-type.is-error-color.is-disabled[data-v-1f08cb78] {\n cursor: not-allowed;\n color: var(--c-error-lighten-20);\n background-color: transparent;\n border-color: transparent;\n}\n.or-button.text-type.is-error-color.is-loading[data-v-1f08cb78] {\n cursor: progress;\n color: var(--c-error-lighten-20);\n background-color: transparent;\n border-color: transparent;\n}\n.or-button.text-type.is-warning-color[data-v-1f08cb78] {\n color: var(--c-warning);\n background-color: transparent;\n border-color: transparent;\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.text-type.is-warning-color[data-v-1f08cb78]:not(.or-button.text-type.is-warning-color.is-loading):not(.or-button.text-type.is-warning-color.is-disabled):not(.or-button.text-type.is-warning-color.is-readonly):not(.or-button.text-type.is-warning-color:disabled):not(.or-button.text-type.is-warning-color.is-focused):not(.or-button.text-type.is-warning-color:active):hover {\n color: var(--c-warning-darken-3);\n background-color: transparent;\n border-color: transparent;\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.text-type.is-warning-color[data-v-1f08cb78]:not(.or-button.text-type.is-warning-color.is-loading):not(.or-button.text-type.is-warning-color.is-disabled):not(.or-button.text-type.is-warning-color.is-readonly):not(.or-button.text-type.is-warning-color:disabled):not(.or-button.text-type.is-warning-color.is-focused):not(.or-button.text-type.is-warning-color:active):hover {\n color: var(--c-warning-darken-3);\n background-color: transparent;\n border-color: transparent;\n}\n}\n.or-button.text-type.is-warning-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n color: var(--c-warning-darken-5);\n background-color: transparent;\n border-color: transparent;\n}\n.or-button.text-type.is-warning-color[data-v-1f08cb78]:disabled, .or-button.text-type.is-warning-color.is-disabled[data-v-1f08cb78] {\n cursor: not-allowed;\n color: var(--c-warning-lighten-20);\n background-color: transparent;\n border-color: transparent;\n}\n.or-button.text-type.is-warning-color.is-loading[data-v-1f08cb78] {\n cursor: progress;\n color: var(--c-warning-lighten-20);\n background-color: transparent;\n border-color: transparent;\n}\n.or-button.text-type.is-neutral-0-color[data-v-1f08cb78] {\n color: var(--c-neutral-0);\n background-color: transparent;\n border-color: transparent;\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.text-type.is-neutral-0-color[data-v-1f08cb78]:not(.or-button.text-type.is-neutral-0-color.is-loading):not(.or-button.text-type.is-neutral-0-color.is-disabled):not(.or-button.text-type.is-neutral-0-color.is-readonly):not(.or-button.text-type.is-neutral-0-color:disabled):not(.or-button.text-type.is-neutral-0-color.is-focused):not(.or-button.text-type.is-neutral-0-color:active):hover {\n color: var(--c-neutral-0-darken-3);\n background-color: transparent;\n border-color: transparent;\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.text-type.is-neutral-0-color[data-v-1f08cb78]:not(.or-button.text-type.is-neutral-0-color.is-loading):not(.or-button.text-type.is-neutral-0-color.is-disabled):not(.or-button.text-type.is-neutral-0-color.is-readonly):not(.or-button.text-type.is-neutral-0-color:disabled):not(.or-button.text-type.is-neutral-0-color.is-focused):not(.or-button.text-type.is-neutral-0-color:active):hover {\n color: var(--c-neutral-0-darken-3);\n background-color: transparent;\n border-color: transparent;\n}\n}\n.or-button.text-type.is-neutral-0-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n color: var(--c-neutral-0-darken-5);\n background-color: transparent;\n border-color: transparent;\n}\n.or-button.text-type.is-neutral-0-color[data-v-1f08cb78]:disabled, .or-button.text-type.is-neutral-0-color.is-disabled[data-v-1f08cb78] {\n cursor: not-allowed;\n color: var(--c-neutral-0-lighten-20);\n background-color: transparent;\n border-color: transparent;\n}\n.or-button.text-type.is-neutral-0-color.is-loading[data-v-1f08cb78] {\n cursor: progress;\n color: var(--c-neutral-0-lighten-20);\n background-color: transparent;\n border-color: transparent;\n}\n.or-button.text-type.is-neutral-3-color[data-v-1f08cb78] {\n color: var(--c-neutral-3);\n background-color: transparent;\n border-color: transparent;\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.text-type.is-neutral-3-color[data-v-1f08cb78]:not(.or-button.text-type.is-neutral-3-color.is-loading):not(.or-button.text-type.is-neutral-3-color.is-disabled):not(.or-button.text-type.is-neutral-3-color.is-readonly):not(.or-button.text-type.is-neutral-3-color:disabled):not(.or-button.text-type.is-neutral-3-color.is-focused):not(.or-button.text-type.is-neutral-3-color:active):hover {\n color: var(--c-neutral-3-darken-3);\n background-color: transparent;\n border-color: transparent;\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.text-type.is-neutral-3-color[data-v-1f08cb78]:not(.or-button.text-type.is-neutral-3-color.is-loading):not(.or-button.text-type.is-neutral-3-color.is-disabled):not(.or-button.text-type.is-neutral-3-color.is-readonly):not(.or-button.text-type.is-neutral-3-color:disabled):not(.or-button.text-type.is-neutral-3-color.is-focused):not(.or-button.text-type.is-neutral-3-color:active):hover {\n color: var(--c-neutral-3-darken-3);\n background-color: transparent;\n border-color: transparent;\n}\n}\n.or-button.text-type.is-neutral-3-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n color: var(--c-neutral-3-darken-5);\n background-color: transparent;\n border-color: transparent;\n}\n.or-button.text-type.is-neutral-3-color[data-v-1f08cb78]:disabled, .or-button.text-type.is-neutral-3-color.is-disabled[data-v-1f08cb78] {\n cursor: not-allowed;\n color: var(--c-neutral-3-lighten-20);\n background-color: transparent;\n border-color: transparent;\n}\n.or-button.text-type.is-neutral-3-color.is-loading[data-v-1f08cb78] {\n cursor: progress;\n color: var(--c-neutral-3-lighten-20);\n background-color: transparent;\n border-color: transparent;\n}\n.or-button.text-type.is-neutral-4-color[data-v-1f08cb78] {\n color: var(--c-neutral-4);\n background-color: transparent;\n border-color: transparent;\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.text-type.is-neutral-4-color[data-v-1f08cb78]:not(.or-button.text-type.is-neutral-4-color.is-loading):not(.or-button.text-type.is-neutral-4-color.is-disabled):not(.or-button.text-type.is-neutral-4-color.is-readonly):not(.or-button.text-type.is-neutral-4-color:disabled):not(.or-button.text-type.is-neutral-4-color.is-focused):not(.or-button.text-type.is-neutral-4-color:active):hover {\n color: var(--c-neutral-4-darken-3);\n background-color: transparent;\n border-color: transparent;\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.text-type.is-neutral-4-color[data-v-1f08cb78]:not(.or-button.text-type.is-neutral-4-color.is-loading):not(.or-button.text-type.is-neutral-4-color.is-disabled):not(.or-button.text-type.is-neutral-4-color.is-readonly):not(.or-button.text-type.is-neutral-4-color:disabled):not(.or-button.text-type.is-neutral-4-color.is-focused):not(.or-button.text-type.is-neutral-4-color:active):hover {\n color: var(--c-neutral-4-darken-3);\n background-color: transparent;\n border-color: transparent;\n}\n}\n.or-button.text-type.is-neutral-4-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n color: var(--c-neutral-4-darken-5);\n background-color: transparent;\n border-color: transparent;\n}\n.or-button.text-type.is-neutral-4-color[data-v-1f08cb78]:disabled, .or-button.text-type.is-neutral-4-color.is-disabled[data-v-1f08cb78] {\n cursor: not-allowed;\n color: var(--c-neutral-4-lighten-20);\n background-color: transparent;\n border-color: transparent;\n}\n.or-button.text-type.is-neutral-4-color.is-loading[data-v-1f08cb78] {\n cursor: progress;\n color: var(--c-neutral-4-lighten-20);\n background-color: transparent;\n border-color: transparent;\n}\n.or-button.text-type.is-neutral-5-color[data-v-1f08cb78] {\n color: var(--c-neutral-5);\n background-color: transparent;\n border-color: transparent;\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.text-type.is-neutral-5-color[data-v-1f08cb78]:not(.or-button.text-type.is-neutral-5-color.is-loading):not(.or-button.text-type.is-neutral-5-color.is-disabled):not(.or-button.text-type.is-neutral-5-color.is-readonly):not(.or-button.text-type.is-neutral-5-color:disabled):not(.or-button.text-type.is-neutral-5-color.is-focused):not(.or-button.text-type.is-neutral-5-color:active):hover {\n color: var(--c-neutral-5-darken-3);\n background-color: transparent;\n border-color: transparent;\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.text-type.is-neutral-5-color[data-v-1f08cb78]:not(.or-button.text-type.is-neutral-5-color.is-loading):not(.or-button.text-type.is-neutral-5-color.is-disabled):not(.or-button.text-type.is-neutral-5-color.is-readonly):not(.or-button.text-type.is-neutral-5-color:disabled):not(.or-button.text-type.is-neutral-5-color.is-focused):not(.or-button.text-type.is-neutral-5-color:active):hover {\n color: var(--c-neutral-5-darken-3);\n background-color: transparent;\n border-color: transparent;\n}\n}\n.or-button.text-type.is-neutral-5-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n color: var(--c-neutral-5-darken-5);\n background-color: transparent;\n border-color: transparent;\n}\n.or-button.text-type.is-neutral-5-color[data-v-1f08cb78]:disabled, .or-button.text-type.is-neutral-5-color.is-disabled[data-v-1f08cb78] {\n cursor: not-allowed;\n color: var(--c-neutral-5-lighten-20);\n background-color: transparent;\n border-color: transparent;\n}\n.or-button.text-type.is-neutral-5-color.is-loading[data-v-1f08cb78] {\n cursor: progress;\n color: var(--c-neutral-5-lighten-20);\n background-color: transparent;\n border-color: transparent;\n}\n.or-button.text-type.is-neutral-6-color[data-v-1f08cb78] {\n color: var(--c-neutral-6);\n background-color: transparent;\n border-color: transparent;\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.text-type.is-neutral-6-color[data-v-1f08cb78]:not(.or-button.text-type.is-neutral-6-color.is-loading):not(.or-button.text-type.is-neutral-6-color.is-disabled):not(.or-button.text-type.is-neutral-6-color.is-readonly):not(.or-button.text-type.is-neutral-6-color:disabled):not(.or-button.text-type.is-neutral-6-color.is-focused):not(.or-button.text-type.is-neutral-6-color:active):hover {\n color: var(--c-neutral-6-darken-3);\n background-color: transparent;\n border-color: transparent;\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.text-type.is-neutral-6-color[data-v-1f08cb78]:not(.or-button.text-type.is-neutral-6-color.is-loading):not(.or-button.text-type.is-neutral-6-color.is-disabled):not(.or-button.text-type.is-neutral-6-color.is-readonly):not(.or-button.text-type.is-neutral-6-color:disabled):not(.or-button.text-type.is-neutral-6-color.is-focused):not(.or-button.text-type.is-neutral-6-color:active):hover {\n color: var(--c-neutral-6-darken-3);\n background-color: transparent;\n border-color: transparent;\n}\n}\n.or-button.text-type.is-neutral-6-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n color: var(--c-neutral-6-darken-5);\n background-color: transparent;\n border-color: transparent;\n}\n.or-button.text-type.is-neutral-6-color[data-v-1f08cb78]:disabled, .or-button.text-type.is-neutral-6-color.is-disabled[data-v-1f08cb78] {\n cursor: not-allowed;\n color: var(--c-neutral-6-lighten-20);\n background-color: transparent;\n border-color: transparent;\n}\n.or-button.text-type.is-neutral-6-color.is-loading[data-v-1f08cb78] {\n cursor: progress;\n color: var(--c-neutral-6-lighten-20);\n background-color: transparent;\n border-color: transparent;\n}\n.or-button.text-type.is-small[data-v-1f08cb78] {\n font-size: calc(var(--fs-1) - 0.125rem);\n line-height: 1;\n}\n.or-button.text-type.is-small[data-v-1f08cb78] .material-icons {\n font-size: calc(var(--fs-1) - 0.125rem + 0.25rem);\n}\n.or-button.icon-type[data-v-1f08cb78] {\n min-width: auto;\n max-width: 3.375rem;\n padding: 0.875rem;\n border-radius: 9999px;\n}\n.or-button.icon-type[data-v-1f08cb78]:not(.icon-simple-type) .material-icons {\n font-size: 1.5rem;\n}\n.or-button.icon-type .or-button--content[data-v-1f08cb78] {\n min-width: 1.5rem;\n min-height: 1.5rem;\n}\n.or-button.icon-type .or-button--content[data-v-1f08cb78] .tooltip-container {\n display: inline-flex;\n flex-direction: row;\n}\n.or-button.icon-type .or-button--content[data-v-1f08cb78] .trigger {\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n.or-button.icon-type .or-button--content-append[data-v-1f08cb78], .or-button.icon-type .or-button--content-prepend[data-v-1f08cb78] {\n margin: 0;\n}\n.or-button.icon-simple-type[data-v-1f08cb78] {\n min-width: auto;\n max-width: 3.375rem;\n padding: 0;\n background-color: transparent;\n border-color: transparent;\n border-radius: 9999px;\n box-shadow: none;\n}\n.or-button.icon-simple-type .or-loader[data-v-1f08cb78]::after {\n width: 100%;\n height: 100%;\n}\n.or-button.icon-simple-type.is-primary-color[data-v-1f08cb78] {\n color: var(--c-primary);\n background-color: transparent;\n border-color: transparent;\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.icon-simple-type.is-primary-color[data-v-1f08cb78]:not(.or-button.icon-simple-type.is-primary-color.is-loading):not(.or-button.icon-simple-type.is-primary-color.is-disabled):not(.or-button.icon-simple-type.is-primary-color.is-readonly):not(.or-button.icon-simple-type.is-primary-color:disabled):not(.or-button.icon-simple-type.is-primary-color.is-focused):not(.or-button.icon-simple-type.is-primary-color:active):hover {\n color: var(--c-primary-darken-3);\n background-color: transparent;\n border-color: transparent;\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.icon-simple-type.is-primary-color[data-v-1f08cb78]:not(.or-button.icon-simple-type.is-primary-color.is-loading):not(.or-button.icon-simple-type.is-primary-color.is-disabled):not(.or-button.icon-simple-type.is-primary-color.is-readonly):not(.or-button.icon-simple-type.is-primary-color:disabled):not(.or-button.icon-simple-type.is-primary-color.is-focused):not(.or-button.icon-simple-type.is-primary-color:active):hover {\n color: var(--c-primary-darken-3);\n background-color: transparent;\n border-color: transparent;\n}\n}\n.or-button.icon-simple-type.is-primary-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n color: var(--c-primary-darken-5);\n background-color: transparent;\n border-color: transparent;\n}\n.or-button.icon-simple-type.is-primary-color[data-v-1f08cb78]:disabled, .or-button.icon-simple-type.is-primary-color.is-disabled[data-v-1f08cb78] {\n cursor: not-allowed;\n color: var(--c-primary-lighten-20);\n background-color: transparent;\n border-color: transparent;\n}\n.or-button.icon-simple-type.is-primary-color.is-loading[data-v-1f08cb78] {\n cursor: progress;\n color: var(--c-primary-lighten-20);\n background-color: transparent;\n border-color: transparent;\n}\n.or-button.icon-simple-type.is-primary-color.is-loading .or-loader[data-v-1f08cb78]::after {\n color: var(--c-primary-lighten-20);\n}\n.or-button.icon-simple-type.is-error-color[data-v-1f08cb78] {\n color: var(--c-error);\n background-color: transparent;\n border-color: transparent;\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.icon-simple-type.is-error-color[data-v-1f08cb78]:not(.or-button.icon-simple-type.is-error-color.is-loading):not(.or-button.icon-simple-type.is-error-color.is-disabled):not(.or-button.icon-simple-type.is-error-color.is-readonly):not(.or-button.icon-simple-type.is-error-color:disabled):not(.or-button.icon-simple-type.is-error-color.is-focused):not(.or-button.icon-simple-type.is-error-color:active):hover {\n color: var(--c-error-darken-3);\n background-color: transparent;\n border-color: transparent;\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.icon-simple-type.is-error-color[data-v-1f08cb78]:not(.or-button.icon-simple-type.is-error-color.is-loading):not(.or-button.icon-simple-type.is-error-color.is-disabled):not(.or-button.icon-simple-type.is-error-color.is-readonly):not(.or-button.icon-simple-type.is-error-color:disabled):not(.or-button.icon-simple-type.is-error-color.is-focused):not(.or-button.icon-simple-type.is-error-color:active):hover {\n color: var(--c-error-darken-3);\n background-color: transparent;\n border-color: transparent;\n}\n}\n.or-button.icon-simple-type.is-error-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n color: var(--c-error-darken-5);\n background-color: transparent;\n border-color: transparent;\n}\n.or-button.icon-simple-type.is-error-color[data-v-1f08cb78]:disabled, .or-button.icon-simple-type.is-error-color.is-disabled[data-v-1f08cb78] {\n cursor: not-allowed;\n color: var(--c-error-lighten-20);\n background-color: transparent;\n border-color: transparent;\n}\n.or-button.icon-simple-type.is-error-color.is-loading[data-v-1f08cb78] {\n cursor: progress;\n color: var(--c-error-lighten-20);\n background-color: transparent;\n border-color: transparent;\n}\n.or-button.icon-simple-type.is-error-color.is-loading .or-loader[data-v-1f08cb78]::after {\n color: var(--c-error-lighten-20);\n}\n.or-button.icon-simple-type.is-warning-color[data-v-1f08cb78] {\n color: var(--c-warning);\n background-color: transparent;\n border-color: transparent;\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.icon-simple-type.is-warning-color[data-v-1f08cb78]:not(.or-button.icon-simple-type.is-warning-color.is-loading):not(.or-button.icon-simple-type.is-warning-color.is-disabled):not(.or-button.icon-simple-type.is-warning-color.is-readonly):not(.or-button.icon-simple-type.is-warning-color:disabled):not(.or-button.icon-simple-type.is-warning-color.is-focused):not(.or-button.icon-simple-type.is-warning-color:active):hover {\n color: var(--c-warning-darken-3);\n background-color: transparent;\n border-color: transparent;\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.icon-simple-type.is-warning-color[data-v-1f08cb78]:not(.or-button.icon-simple-type.is-warning-color.is-loading):not(.or-button.icon-simple-type.is-warning-color.is-disabled):not(.or-button.icon-simple-type.is-warning-color.is-readonly):not(.or-button.icon-simple-type.is-warning-color:disabled):not(.or-button.icon-simple-type.is-warning-color.is-focused):not(.or-button.icon-simple-type.is-warning-color:active):hover {\n color: var(--c-warning-darken-3);\n background-color: transparent;\n border-color: transparent;\n}\n}\n.or-button.icon-simple-type.is-warning-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n color: var(--c-warning-darken-5);\n background-color: transparent;\n border-color: transparent;\n}\n.or-button.icon-simple-type.is-warning-color[data-v-1f08cb78]:disabled, .or-button.icon-simple-type.is-warning-color.is-disabled[data-v-1f08cb78] {\n cursor: not-allowed;\n color: var(--c-warning-lighten-20);\n background-color: transparent;\n border-color: transparent;\n}\n.or-button.icon-simple-type.is-warning-color.is-loading[data-v-1f08cb78] {\n cursor: progress;\n color: var(--c-warning-lighten-20);\n background-color: transparent;\n border-color: transparent;\n}\n.or-button.icon-simple-type.is-warning-color.is-loading .or-loader[data-v-1f08cb78]::after {\n color: var(--c-warning-lighten-20);\n}\n.or-button.icon-simple-type.is-neutral-0-color[data-v-1f08cb78] {\n color: var(--c-neutral-0);\n background-color: transparent;\n border-color: transparent;\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.icon-simple-type.is-neutral-0-color[data-v-1f08cb78]:not(.or-button.icon-simple-type.is-neutral-0-color.is-loading):not(.or-button.icon-simple-type.is-neutral-0-color.is-disabled):not(.or-button.icon-simple-type.is-neutral-0-color.is-readonly):not(.or-button.icon-simple-type.is-neutral-0-color:disabled):not(.or-button.icon-simple-type.is-neutral-0-color.is-focused):not(.or-button.icon-simple-type.is-neutral-0-color:active):hover {\n color: var(--c-neutral-0-darken-3);\n background-color: transparent;\n border-color: transparent;\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.icon-simple-type.is-neutral-0-color[data-v-1f08cb78]:not(.or-button.icon-simple-type.is-neutral-0-color.is-loading):not(.or-button.icon-simple-type.is-neutral-0-color.is-disabled):not(.or-button.icon-simple-type.is-neutral-0-color.is-readonly):not(.or-button.icon-simple-type.is-neutral-0-color:disabled):not(.or-button.icon-simple-type.is-neutral-0-color.is-focused):not(.or-button.icon-simple-type.is-neutral-0-color:active):hover {\n color: var(--c-neutral-0-darken-3);\n background-color: transparent;\n border-color: transparent;\n}\n}\n.or-button.icon-simple-type.is-neutral-0-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n color: var(--c-neutral-0-darken-5);\n background-color: transparent;\n border-color: transparent;\n}\n.or-button.icon-simple-type.is-neutral-0-color[data-v-1f08cb78]:disabled, .or-button.icon-simple-type.is-neutral-0-color.is-disabled[data-v-1f08cb78] {\n cursor: not-allowed;\n color: var(--c-neutral-0-lighten-20);\n background-color: transparent;\n border-color: transparent;\n}\n.or-button.icon-simple-type.is-neutral-0-color.is-loading[data-v-1f08cb78] {\n cursor: progress;\n color: var(--c-neutral-0-lighten-20);\n background-color: transparent;\n border-color: transparent;\n}\n.or-button.icon-simple-type.is-neutral-0-color.is-loading .or-loader[data-v-1f08cb78]::after {\n color: var(--c-neutral-0-lighten-20);\n}\n.or-button.icon-simple-type.is-neutral-3-color[data-v-1f08cb78] {\n color: var(--c-neutral-3);\n background-color: transparent;\n border-color: transparent;\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.icon-simple-type.is-neutral-3-color[data-v-1f08cb78]:not(.or-button.icon-simple-type.is-neutral-3-color.is-loading):not(.or-button.icon-simple-type.is-neutral-3-color.is-disabled):not(.or-button.icon-simple-type.is-neutral-3-color.is-readonly):not(.or-button.icon-simple-type.is-neutral-3-color:disabled):not(.or-button.icon-simple-type.is-neutral-3-color.is-focused):not(.or-button.icon-simple-type.is-neutral-3-color:active):hover {\n color: var(--c-neutral-3-darken-3);\n background-color: transparent;\n border-color: transparent;\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.icon-simple-type.is-neutral-3-color[data-v-1f08cb78]:not(.or-button.icon-simple-type.is-neutral-3-color.is-loading):not(.or-button.icon-simple-type.is-neutral-3-color.is-disabled):not(.or-button.icon-simple-type.is-neutral-3-color.is-readonly):not(.or-button.icon-simple-type.is-neutral-3-color:disabled):not(.or-button.icon-simple-type.is-neutral-3-color.is-focused):not(.or-button.icon-simple-type.is-neutral-3-color:active):hover {\n color: var(--c-neutral-3-darken-3);\n background-color: transparent;\n border-color: transparent;\n}\n}\n.or-button.icon-simple-type.is-neutral-3-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n color: var(--c-neutral-3-darken-5);\n background-color: transparent;\n border-color: transparent;\n}\n.or-button.icon-simple-type.is-neutral-3-color[data-v-1f08cb78]:disabled, .or-button.icon-simple-type.is-neutral-3-color.is-disabled[data-v-1f08cb78] {\n cursor: not-allowed;\n color: var(--c-neutral-3-lighten-20);\n background-color: transparent;\n border-color: transparent;\n}\n.or-button.icon-simple-type.is-neutral-3-color.is-loading[data-v-1f08cb78] {\n cursor: progress;\n color: var(--c-neutral-3-lighten-20);\n background-color: transparent;\n border-color: transparent;\n}\n.or-button.icon-simple-type.is-neutral-3-color.is-loading .or-loader[data-v-1f08cb78]::after {\n color: var(--c-neutral-3-lighten-20);\n}\n.or-button.icon-simple-type.is-neutral-4-color[data-v-1f08cb78] {\n color: var(--c-neutral-4);\n background-color: transparent;\n border-color: transparent;\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.icon-simple-type.is-neutral-4-color[data-v-1f08cb78]:not(.or-button.icon-simple-type.is-neutral-4-color.is-loading):not(.or-button.icon-simple-type.is-neutral-4-color.is-disabled):not(.or-button.icon-simple-type.is-neutral-4-color.is-readonly):not(.or-button.icon-simple-type.is-neutral-4-color:disabled):not(.or-button.icon-simple-type.is-neutral-4-color.is-focused):not(.or-button.icon-simple-type.is-neutral-4-color:active):hover {\n color: var(--c-neutral-4-darken-3);\n background-color: transparent;\n border-color: transparent;\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.icon-simple-type.is-neutral-4-color[data-v-1f08cb78]:not(.or-button.icon-simple-type.is-neutral-4-color.is-loading):not(.or-button.icon-simple-type.is-neutral-4-color.is-disabled):not(.or-button.icon-simple-type.is-neutral-4-color.is-readonly):not(.or-button.icon-simple-type.is-neutral-4-color:disabled):not(.or-button.icon-simple-type.is-neutral-4-color.is-focused):not(.or-button.icon-simple-type.is-neutral-4-color:active):hover {\n color: var(--c-neutral-4-darken-3);\n background-color: transparent;\n border-color: transparent;\n}\n}\n.or-button.icon-simple-type.is-neutral-4-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n color: var(--c-neutral-4-darken-5);\n background-color: transparent;\n border-color: transparent;\n}\n.or-button.icon-simple-type.is-neutral-4-color[data-v-1f08cb78]:disabled, .or-button.icon-simple-type.is-neutral-4-color.is-disabled[data-v-1f08cb78] {\n cursor: not-allowed;\n color: var(--c-neutral-4-lighten-20);\n background-color: transparent;\n border-color: transparent;\n}\n.or-button.icon-simple-type.is-neutral-4-color.is-loading[data-v-1f08cb78] {\n cursor: progress;\n color: var(--c-neutral-4-lighten-20);\n background-color: transparent;\n border-color: transparent;\n}\n.or-button.icon-simple-type.is-neutral-4-color.is-loading .or-loader[data-v-1f08cb78]::after {\n color: var(--c-neutral-4-lighten-20);\n}\n.or-button.icon-simple-type.is-neutral-5-color[data-v-1f08cb78] {\n color: var(--c-neutral-5);\n background-color: transparent;\n border-color: transparent;\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.icon-simple-type.is-neutral-5-color[data-v-1f08cb78]:not(.or-button.icon-simple-type.is-neutral-5-color.is-loading):not(.or-button.icon-simple-type.is-neutral-5-color.is-disabled):not(.or-button.icon-simple-type.is-neutral-5-color.is-readonly):not(.or-button.icon-simple-type.is-neutral-5-color:disabled):not(.or-button.icon-simple-type.is-neutral-5-color.is-focused):not(.or-button.icon-simple-type.is-neutral-5-color:active):hover {\n color: var(--c-neutral-5-darken-3);\n background-color: transparent;\n border-color: transparent;\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.icon-simple-type.is-neutral-5-color[data-v-1f08cb78]:not(.or-button.icon-simple-type.is-neutral-5-color.is-loading):not(.or-button.icon-simple-type.is-neutral-5-color.is-disabled):not(.or-button.icon-simple-type.is-neutral-5-color.is-readonly):not(.or-button.icon-simple-type.is-neutral-5-color:disabled):not(.or-button.icon-simple-type.is-neutral-5-color.is-focused):not(.or-button.icon-simple-type.is-neutral-5-color:active):hover {\n color: var(--c-neutral-5-darken-3);\n background-color: transparent;\n border-color: transparent;\n}\n}\n.or-button.icon-simple-type.is-neutral-5-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n color: var(--c-neutral-5-darken-5);\n background-color: transparent;\n border-color: transparent;\n}\n.or-button.icon-simple-type.is-neutral-5-color[data-v-1f08cb78]:disabled, .or-button.icon-simple-type.is-neutral-5-color.is-disabled[data-v-1f08cb78] {\n cursor: not-allowed;\n color: var(--c-neutral-5-lighten-20);\n background-color: transparent;\n border-color: transparent;\n}\n.or-button.icon-simple-type.is-neutral-5-color.is-loading[data-v-1f08cb78] {\n cursor: progress;\n color: var(--c-neutral-5-lighten-20);\n background-color: transparent;\n border-color: transparent;\n}\n.or-button.icon-simple-type.is-neutral-5-color.is-loading .or-loader[data-v-1f08cb78]::after {\n color: var(--c-neutral-5-lighten-20);\n}\n.or-button.icon-simple-type.is-neutral-6-color[data-v-1f08cb78] {\n color: var(--c-neutral-6);\n background-color: transparent;\n border-color: transparent;\n}\n@media (hover: hover) and (pointer: fine) {\n.or-button.icon-simple-type.is-neutral-6-color[data-v-1f08cb78]:not(.or-button.icon-simple-type.is-neutral-6-color.is-loading):not(.or-button.icon-simple-type.is-neutral-6-color.is-disabled):not(.or-button.icon-simple-type.is-neutral-6-color.is-readonly):not(.or-button.icon-simple-type.is-neutral-6-color:disabled):not(.or-button.icon-simple-type.is-neutral-6-color.is-focused):not(.or-button.icon-simple-type.is-neutral-6-color:active):hover {\n color: var(--c-neutral-6-darken-3);\n background-color: transparent;\n border-color: transparent;\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-button.icon-simple-type.is-neutral-6-color[data-v-1f08cb78]:not(.or-button.icon-simple-type.is-neutral-6-color.is-loading):not(.or-button.icon-simple-type.is-neutral-6-color.is-disabled):not(.or-button.icon-simple-type.is-neutral-6-color.is-readonly):not(.or-button.icon-simple-type.is-neutral-6-color:disabled):not(.or-button.icon-simple-type.is-neutral-6-color.is-focused):not(.or-button.icon-simple-type.is-neutral-6-color:active):hover {\n color: var(--c-neutral-6-darken-3);\n background-color: transparent;\n border-color: transparent;\n}\n}\n.or-button.icon-simple-type.is-neutral-6-color[data-v-1f08cb78]:not(:disabled):not(.is-loading):not(.is-disabled):not(.is-readonly):active {\n color: var(--c-neutral-6-darken-5);\n background-color: transparent;\n border-color: transparent;\n}\n.or-button.icon-simple-type.is-neutral-6-color[data-v-1f08cb78]:disabled, .or-button.icon-simple-type.is-neutral-6-color.is-disabled[data-v-1f08cb78] {\n cursor: not-allowed;\n color: var(--c-neutral-6-lighten-20);\n background-color: transparent;\n border-color: transparent;\n}\n.or-button.icon-simple-type.is-neutral-6-color.is-loading[data-v-1f08cb78] {\n cursor: progress;\n color: var(--c-neutral-6-lighten-20);\n background-color: transparent;\n border-color: transparent;\n}\n.or-button.icon-simple-type.is-neutral-6-color.is-loading .or-loader[data-v-1f08cb78]::after {\n color: var(--c-neutral-6-lighten-20);\n}\n.or-button.icon-simple-type.is-small[data-v-1f08cb78] .or-icon {\n font-size: var(--fs-1);\n}\n.or-button.icon-simple-type.is-small[data-v-1f08cb78] .material-icons {\n font-size: var(--fs-1);\n}\n.or-button.icon-simple-type .or-button--content-append[data-v-1f08cb78], .or-button.icon-simple-type .or-button--content-prepend[data-v-1f08cb78] {\n margin: 0;\n}\n.or-button.is-fullwidth[data-v-1f08cb78] {\n width: 100%;\n}\n.or-button.is-block[data-v-1f08cb78] {\n display: flex;\n}\n.or-button.is-loading[data-v-1f08cb78] {\n cursor: progress;\n}\n.or-button.is-loading .or-button--content[data-v-1f08cb78] {\n opacity: 0;\n}\n.or-button[data-v-1f08cb78]:disabled, .or-button.is-disabled[data-v-1f08cb78] {\n cursor: not-allowed;\n box-shadow: none;\n}";
@@ -292,8 +292,8 @@ const _hoisted_1$A = {
292
292
  const _hoisted_2$l = {
293
293
  class: "or-card-collection-sorting"
294
294
  };
295
- const _hoisted_3$g = ["onClick"];
296
- const _hoisted_4$e = {
295
+ const _hoisted_3$h = ["onClick"];
296
+ const _hoisted_4$f = {
297
297
  key: 0,
298
298
  class: "or-card-collection-sort-direction"
299
299
  };
@@ -328,11 +328,11 @@ function render$Q(_ctx, _cache, $props, $setup, $data, $options) {
328
328
  }),
329
329
  "class.selected": "",
330
330
  onClick: $event => _ctx.selectSortable(column)
331
- }, [createElementVNode("span", null, toDisplayString(column.label), 1 /* TEXT */), _ctx.sortingColumn === column.name ? (openBlock(), createElementBlock("span", _hoisted_4$e, [createVNode(_component_or_icon, null, {
331
+ }, [createElementVNode("span", null, toDisplayString(column.label), 1 /* TEXT */), _ctx.sortingColumn === column.name ? (openBlock(), createElementBlock("span", _hoisted_4$f, [createVNode(_component_or_icon, null, {
332
332
  default: withCtx(() => [createTextVNode(toDisplayString(_ctx.sortingDirection === 'asc' ? 'arrow_upward' : 'arrow_downward'), 1 /* TEXT */)]),
333
333
 
334
334
  _: 1 /* STABLE */
335
- })])) : createCommentVNode("v-if", true)], 10 /* CLASS, PROPS */, _hoisted_3$g);
335
+ })])) : createCommentVNode("v-if", true)], 10 /* CLASS, PROPS */, _hoisted_3$h);
336
336
  }), 128 /* KEYED_FRAGMENT */)) : createCommentVNode("v-if", true)]), createElementVNode("div", _hoisted_5$a, [renderSlot(_ctx.$slots, "filters", {}, () => [createVNode(_component_or_search, {
337
337
  modelValue: _ctx.filterValue,
338
338
  "onUpdate:modelValue": [_cache[0] || (_cache[0] = $event => _ctx.filterValue = $event), _ctx.emitFilterChange],
@@ -523,10 +523,10 @@ const _hoisted_2$k = {
523
523
  key: 0,
524
524
  class: "header"
525
525
  };
526
- const _hoisted_3$f = {
526
+ const _hoisted_3$g = {
527
527
  class: "footer"
528
528
  };
529
- const _hoisted_4$d = {
529
+ const _hoisted_4$e = {
530
530
  key: 0,
531
531
  class: "header"
532
532
  };
@@ -563,7 +563,7 @@ function render$M(_ctx, _cache, $props, $setup, $data, $options) {
563
563
  class: normalizeClass(["or-code-editor", {
564
564
  'is-invalid': _ctx.isInvalid
565
565
  }])
566
- }, null, 2 /* CLASS */), createElementVNode("div", _hoisted_3$f, [_ctx.isShowingError ? (openBlock(), createBlock(_component_or_error, {
566
+ }, null, 2 /* CLASS */), createElementVNode("div", _hoisted_3$g, [_ctx.isShowingError ? (openBlock(), createBlock(_component_or_error, {
567
567
  key: 0,
568
568
  error: _ctx.error,
569
569
  class: "or-code-error"
@@ -579,7 +579,7 @@ function render$M(_ctx, _cache, $props, $setup, $data, $options) {
579
579
  "trap-focus": false,
580
580
  onClose: _cache[1] || (_cache[1] = $event => _ctx.toggleFullscreen(false))
581
581
  }, {
582
- default: withCtx(() => [_ctx.$slots['modal-actions'] ? (openBlock(), createElementBlock("div", _hoisted_4$d, [createElementVNode("div", _hoisted_5$9, [renderSlot(_ctx.$slots, "modal-actions")])])) : createCommentVNode("v-if", true), createElementVNode("div", {
582
+ default: withCtx(() => [_ctx.$slots['modal-actions'] ? (openBlock(), createElementBlock("div", _hoisted_4$e, [createElementVNode("div", _hoisted_5$9, [renderSlot(_ctx.$slots, "modal-actions")])])) : createCommentVNode("v-if", true), createElementVNode("div", {
583
583
  ref: "fullscreenTarget",
584
584
  class: normalizeClass(["or-code-editor", {
585
585
  'is-invalid': _ctx.isInvalid
@@ -609,8 +609,8 @@ const _hoisted_1$w = {
609
609
  const _hoisted_2$j = {
610
610
  class: "or-color-picker-box"
611
611
  };
612
- const _hoisted_3$e = ["aria-label", "aria-selected", "data-color", "onClick"];
613
- const _hoisted_4$c = {
612
+ const _hoisted_3$f = ["aria-label", "aria-selected", "data-color", "onClick"];
613
+ const _hoisted_4$d = {
614
614
  class: "or-color-picker-pick"
615
615
  };
616
616
  const _hoisted_5$8 = {
@@ -657,7 +657,7 @@ function render$L(_ctx, _cache, $props, $setup, $data, $options) {
657
657
  background: color
658
658
  }),
659
659
  onClick: withModifiers($event => _ctx.handlerClick(color), ["prevent"])
660
- }, [withDirectives(createElementVNode("div", _hoisted_4$c, [(openBlock(), createElementBlock("svg", _hoisted_5$8, _hoisted_7$6))], 512 /* NEED_PATCH */), [[vShow, color === _ctx.selected]])], 14 /* CLASS, STYLE, PROPS */, _hoisted_3$e);
660
+ }, [withDirectives(createElementVNode("div", _hoisted_4$d, [(openBlock(), createElementBlock("svg", _hoisted_5$8, _hoisted_7$6))], 512 /* NEED_PATCH */), [[vShow, color === _ctx.selected]])], 14 /* CLASS, STYLE, PROPS */, _hoisted_3$f);
661
661
  }), 128 /* KEYED_FRAGMENT */))]);
662
662
  }), 128 /* KEYED_FRAGMENT */))])]),
663
663
 
@@ -798,10 +798,10 @@ const _hoisted_2$i = {
798
798
  key: 0,
799
799
  class: "placeholder"
800
800
  };
801
- const _hoisted_3$d = {
801
+ const _hoisted_3$e = {
802
802
  key: 0
803
803
  };
804
- const _hoisted_4$b = {
804
+ const _hoisted_4$c = {
805
805
  key: 1
806
806
  };
807
807
  const _hoisted_5$7 = {
@@ -895,7 +895,7 @@ function render$I(_ctx, _cache, $props, $setup, $data, $options) {
895
895
  value: _ctx.modelValue,
896
896
  disabled: _ctx.isDisabled,
897
897
  readonly: _ctx.isReadonly
898
- }, null, 8 /* PROPS */, _hoisted_1$t), !_ctx.modelValue ? (openBlock(), createElementBlock("div", _hoisted_2$i, [_ctx.isShowDate ? (openBlock(), createElementBlock("div", _hoisted_3$d, " YYYY-MM-DD ")) : createCommentVNode("v-if", true), _ctx.isShowTime ? (openBlock(), createElementBlock("div", _hoisted_4$b, " HH:MM ")) : createCommentVNode("v-if", true)])) : (openBlock(), createElementBlock("div", _hoisted_5$7, [_ctx.isShowDate ? (openBlock(), createElementBlock("div", _hoisted_6$5, toDisplayString(_ctx.dateValue), 1 /* TEXT */)) : createCommentVNode("v-if", true), _ctx.isShowTime ? (openBlock(), createElementBlock("div", _hoisted_7$5, toDisplayString(_ctx.timeValue), 1 /* TEXT */)) : createCommentVNode("v-if", true)]))], 2 /* CLASS */), createVNode(_component_or_collapse, {
898
+ }, null, 8 /* PROPS */, _hoisted_1$t), !_ctx.modelValue ? (openBlock(), createElementBlock("div", _hoisted_2$i, [_ctx.isShowDate ? (openBlock(), createElementBlock("div", _hoisted_3$e, " YYYY-MM-DD ")) : createCommentVNode("v-if", true), _ctx.isShowTime ? (openBlock(), createElementBlock("div", _hoisted_4$c, " HH:MM ")) : createCommentVNode("v-if", true)])) : (openBlock(), createElementBlock("div", _hoisted_5$7, [_ctx.isShowDate ? (openBlock(), createElementBlock("div", _hoisted_6$5, toDisplayString(_ctx.dateValue), 1 /* TEXT */)) : createCommentVNode("v-if", true), _ctx.isShowTime ? (openBlock(), createElementBlock("div", _hoisted_7$5, toDisplayString(_ctx.timeValue), 1 /* TEXT */)) : createCommentVNode("v-if", true)]))], 2 /* CLASS */), createVNode(_component_or_collapse, {
899
899
  "is-visible": _ctx.isShowInfo
900
900
  }, {
901
901
  default: withCtx(() => [createElementVNode("div", _hoisted_8$3, [createVNode(Transition, {
@@ -1015,10 +1015,12 @@ script$b.__scopeId = "data-v-733cf0b2";
1015
1015
  script$b.__file = "src/components/or-date-time-picker/OrDateTimePicker.vue";
1016
1016
 
1017
1017
  const _withScopeId$3 = n => (pushScopeId("data-v-4ab76bac"), n = n(), popScopeId(), n);
1018
- const _hoisted_1$s = /*#__PURE__*/_withScopeId$3(() => /*#__PURE__*/createElementVNode("div", {
1018
+ const _hoisted_1$s = ["required", "readonly", "disabled"];
1019
+ const _hoisted_2$h = ["required", "readonly", "disabled"];
1020
+ const _hoisted_3$d = /*#__PURE__*/_withScopeId$3(() => /*#__PURE__*/createElementVNode("div", {
1019
1021
  class: /*#__PURE__*/normalizeClass(['grow'])
1020
1022
  }, null, -1 /* HOISTED */));
1021
- const _hoisted_2$h = {
1023
+ const _hoisted_4$b = {
1022
1024
  class: /*#__PURE__*/normalizeClass(['layout-inline-row'])
1023
1025
  };
1024
1026
  function render$H(_ctx, _cache, $props, $setup, $data, $options) {
@@ -1061,13 +1063,19 @@ function render$H(_ctx, _cache, $props, $setup, $data, $options) {
1061
1063
  ref: "dateControl"
1062
1064
  }, _ctx.controlAttributes, {
1063
1065
  class: _ctx.controlStyles,
1064
- type: 'date'
1065
- }), null, 16 /* FULL_PROPS */), [[_directive_dropdown_open, _ctx.toggleDatePopover], [_directive_dropdown_close, _ctx.closeDatePopover]]), withDirectives(createElementVNode("input", mergeProps({
1066
+ type: 'date',
1067
+ required: _ctx.required,
1068
+ readonly: _ctx.readonly,
1069
+ disabled: _ctx.disabled
1070
+ }), null, 16 /* FULL_PROPS */, _hoisted_1$s), [[_directive_dropdown_open, _ctx.toggleDatePopover], [_directive_dropdown_close, _ctx.closeDatePopover]]), withDirectives(createElementVNode("input", mergeProps({
1066
1071
  ref: "timeControl"
1067
1072
  }, _ctx.controlAttributes, {
1068
1073
  class: _ctx.controlStyles,
1069
- type: 'time'
1070
- }), null, 16 /* FULL_PROPS */), [[_directive_dropdown_open, _ctx.toggleTimePopover], [_directive_dropdown_close, _ctx.closeTimePopover]]), createVNode(_component_OrPopover, {
1074
+ type: 'time',
1075
+ required: _ctx.required,
1076
+ readonly: _ctx.readonly,
1077
+ disabled: _ctx.disabled
1078
+ }), null, 16 /* FULL_PROPS */, _hoisted_2$h), [[_directive_dropdown_open, _ctx.toggleTimePopover], [_directive_dropdown_close, _ctx.closeTimePopover]]), createVNode(_component_OrPopover, {
1071
1079
  ref: "datePopover",
1072
1080
  variant: 'auto',
1073
1081
  trigger: _ctx.dateControl,
@@ -1124,7 +1132,7 @@ function render$H(_ctx, _cache, $props, $setup, $data, $options) {
1124
1132
  onReject: _cache[4] || (_cache[4] = $event => _ctx.closeTimePopover())
1125
1133
  })]),
1126
1134
  _: 1 /* STABLE */
1127
- }, 8 /* PROPS */, ["trigger"]), _hoisted_1$s, createElementVNode("div", _hoisted_2$h, [_ctx.modelValue ? (openBlock(), createBlock(_component_OrIconButton, {
1135
+ }, 8 /* PROPS */, ["trigger"]), _hoisted_3$d, createElementVNode("div", _hoisted_4$b, [_ctx.modelValue ? (openBlock(), createBlock(_component_OrIconButton, {
1128
1136
  key: 0,
1129
1137
  icon: 'close',
1130
1138
  color: 'inherit',
package/dist/esm/v2/{OrDateTimePicker-c3be041e.js → OrDateTimePicker-f68ad985.js} RENAMED
@@ -760,10 +760,6 @@ var script = defineComponent({
760
760
  type: String,
761
761
  default: undefined
762
762
  },
763
- placeholder: {
764
- type: String,
765
- default: undefined
766
- },
767
763
  hint: {
768
764
  type: String,
769
765
  default: undefined
@@ -878,7 +874,7 @@ var script = defineComponent({
878
874
  }
879
875
  });
880
876
 
881
- var css_248z = "input[data-v-399c3686]{min-width:0;background:0 0;outline:0}input[type=date][data-v-399c3686]::-webkit-datetime-edit-day-field,input[type=date][data-v-399c3686]::-webkit-datetime-edit-month-field,input[type=date][data-v-399c3686]::-webkit-datetime-edit-year-field{display:none}input[type=time][data-v-399c3686]::-webkit-datetime-edit-ampm-field,input[type=time][data-v-399c3686]::-webkit-datetime-edit-hour-field,input[type=time][data-v-399c3686]::-webkit-datetime-edit-minute-field{display:none}input[type=date][data-v-399c3686]::-webkit-datetime-edit-text,input[type=time][data-v-399c3686]::-webkit-datetime-edit-text{display:none}input[type=date][data-v-399c3686]::-webkit-calendar-picker-indicator,input[type=time][data-v-399c3686]::-webkit-calendar-picker-indicator{display:none}";
877
+ var css_248z = "input[data-v-84c46328]{min-width:0;background:0 0;outline:0}input[type=date][data-v-84c46328]::-webkit-datetime-edit-day-field,input[type=date][data-v-84c46328]::-webkit-datetime-edit-month-field,input[type=date][data-v-84c46328]::-webkit-datetime-edit-year-field{display:none}input[type=time][data-v-84c46328]::-webkit-datetime-edit-ampm-field,input[type=time][data-v-84c46328]::-webkit-datetime-edit-hour-field,input[type=time][data-v-84c46328]::-webkit-datetime-edit-minute-field{display:none}input[type=date][data-v-84c46328]::-webkit-datetime-edit-text,input[type=time][data-v-84c46328]::-webkit-datetime-edit-text{display:none}input[type=date][data-v-84c46328]::-webkit-calendar-picker-indicator,input[type=time][data-v-84c46328]::-webkit-calendar-picker-indicator{display:none}";
882
878
  styleInject(css_248z);
883
879
 
884
880
  /* script */
@@ -939,7 +935,10 @@ var __vue_render__ = function () {
939
935
  ref: "dateControl",
940
936
  class: _vm.controlStyles,
941
937
  attrs: {
942
- "type": 'date'
938
+ "type": 'date',
939
+ "required": _vm.required,
940
+ "readonly": _vm.readonly,
941
+ "disabled": _vm.disabled
943
942
  }
944
943
  }, 'input', _vm.controlAttributes, false)), _vm._v(" "), _c('input', _vm._b({
945
944
  directives: [{
@@ -956,7 +955,10 @@ var __vue_render__ = function () {
956
955
  ref: "timeControl",
957
956
  class: _vm.controlStyles,
958
957
  attrs: {
959
- "type": 'time'
958
+ "type": 'time',
959
+ "required": _vm.required,
960
+ "readonly": _vm.readonly,
961
+ "disabled": _vm.disabled
960
962
  }
961
963
  }, 'input', _vm.controlAttributes, false)), _vm._v(" "), _c('OrPopover', {
962
964
  ref: "datePopover",
@@ -1055,7 +1057,7 @@ var __vue_staticRenderFns__ = [];
1055
1057
  /* style */
1056
1058
  const __vue_inject_styles__ = undefined;
1057
1059
  /* scoped */
1058
- const __vue_scope_id__ = "data-v-399c3686";
1060
+ const __vue_scope_id__ = "data-v-84c46328";
1059
1061
  /* module identifier */
1060
1062
  const __vue_module_identifier__ = undefined;
1061
1063
  /* functional template */
package/dist/esm/v2/components/index.js CHANGED
@@ -21,7 +21,7 @@ export { _ as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k
21
21
  export { _ as OrConfirm } from '../OrConfirm-d4bcccae.js';
22
22
  export { C as ConfirmType, _ as OrConfirmV3 } from '../OrConfirm-6fa5b7af.js';
23
23
  export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../OrDateTimePicker-cafe599c.js';
24
- export { _ as OrDateTimePickerV3 } from '../OrDateTimePicker-c3be041e.js';
24
+ export { _ as OrDateTimePickerV3 } from '../OrDateTimePicker-f68ad985.js';
25
25
  export { _ as OrInputBoxV3 } from '../OrInputBox-be814696.js';
26
26
  export { I as DateTimePickerSize, I as InputBoxSize, a as InputBoxVariant, I as InputSize, I as SearchSize, I as SelectSize, I as TextareaSize } from '../OrInputBox.vue_rollup-plugin-vue_script-cc0bf870.js';
27
27
  export { E as EmptyStateSize, _ as OrEmptyStateV3 } from '../OrEmptyState-ab1a044d.js';
package/dist/esm/v2/components/or-date-time-picker-v3/OrDateTimePicker.vue.d.ts CHANGED
@@ -49,10 +49,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
49
49
  type: StringConstructor;
50
50
  default: undefined;
51
51
  };
52
- placeholder: {
53
- type: StringConstructor;
54
- default: undefined;
55
- };
56
52
  hint: {
57
53
  type: StringConstructor;
58
54
  default: undefined;
@@ -90,10 +86,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
90
86
  type: StringConstructor;
91
87
  default: undefined;
92
88
  };
93
- placeholder: {
94
- type: StringConstructor;
95
- default: undefined;
96
- };
97
89
  hint: {
98
90
  type: StringConstructor;
99
91
  default: undefined;
@@ -122,7 +114,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
122
114
  modelValue: Date;
123
115
  size: DateTimePickerSize;
124
116
  label: string;
125
- placeholder: string;
126
117
  hint: string;
127
118
  error: string | boolean;
128
119
  required: boolean;
@@ -171,7 +162,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
171
162
  modelValue: Date;
172
163
  size: DateTimePickerSize;
173
164
  label: string;
174
- placeholder: string;
175
165
  hint: string;
176
166
  error: string | boolean;
177
167
  required: boolean;
@@ -184,7 +174,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
184
174
  modelValue: Date;
185
175
  size: DateTimePickerSize;
186
176
  label: string;
187
- placeholder: string;
188
177
  hint: string;
189
178
  error: string | boolean;
190
179
  required: boolean;
package/dist/esm/v2/components/or-date-time-picker-v3/index.js CHANGED
@@ -1,4 +1,4 @@
1
- export { _ as OrDateTimePickerV3 } from '../../OrDateTimePicker-c3be041e.js';
1
+ export { _ as OrDateTimePickerV3 } from '../../OrDateTimePicker-f68ad985.js';
2
2
  export { I as DateTimePickerSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-cc0bf870.js';
3
3
  import 'vue-demi';
4
4
  import '../../style-inject.es-4c6f2515.js';
package/dist/esm/v2/index.js CHANGED
@@ -21,7 +21,7 @@ export { _ as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k
21
21
  export { _ as OrConfirm } from './OrConfirm-d4bcccae.js';
22
22
  export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-6fa5b7af.js';
23
23
  export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './OrDateTimePicker-cafe599c.js';
24
- export { _ as OrDateTimePickerV3 } from './OrDateTimePicker-c3be041e.js';
24
+ export { _ as OrDateTimePickerV3 } from './OrDateTimePicker-f68ad985.js';
25
25
  export { _ as OrInputBoxV3 } from './OrInputBox-be814696.js';
26
26
  export { I as DateTimePickerSize, I as InputBoxSize, a as InputBoxVariant, I as InputSize, I as SearchSize, I as SelectSize, I as TextareaSize } from './OrInputBox.vue_rollup-plugin-vue_script-cc0bf870.js';
27
27
  export { E as EmptyStateSize, _ as OrEmptyStateV3 } from './OrEmptyState-ab1a044d.js';
package/dist/esm/v3/{OrDateTimePicker-44ef0c0c.js → OrDateTimePicker-2d71e737.js} RENAMED
@@ -594,10 +594,6 @@ var script = defineComponent({
594
594
  type: String,
595
595
  default: undefined
596
596
  },
597
- placeholder: {
598
- type: String,
599
- default: undefined
600
- },
601
597
  hint: {
602
598
  type: String,
603
599
  default: undefined
@@ -713,10 +709,12 @@ var script = defineComponent({
713
709
  });
714
710
 
715
711
  const _withScopeId = n => (pushScopeId("data-v-4ab76bac"), n = n(), popScopeId(), n);
716
- const _hoisted_1 = /*#__PURE__*/_withScopeId(() => /*#__PURE__*/createElementVNode("div", {
712
+ const _hoisted_1 = ["required", "readonly", "disabled"];
713
+ const _hoisted_2 = ["required", "readonly", "disabled"];
714
+ const _hoisted_3 = /*#__PURE__*/_withScopeId(() => /*#__PURE__*/createElementVNode("div", {
717
715
  class: /*#__PURE__*/normalizeClass(['grow'])
718
716
  }, null, -1 /* HOISTED */));
719
- const _hoisted_2 = {
717
+ const _hoisted_4 = {
720
718
  class: /*#__PURE__*/normalizeClass(['layout-inline-row'])
721
719
  };
722
720
  function render(_ctx, _cache, $props, $setup, $data, $options) {
@@ -759,13 +757,19 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
759
757
  ref: "dateControl"
760
758
  }, _ctx.controlAttributes, {
761
759
  class: _ctx.controlStyles,
762
- type: 'date'
763
- }), null, 16 /* FULL_PROPS */), [[_directive_dropdown_open, _ctx.toggleDatePopover], [_directive_dropdown_close, _ctx.closeDatePopover]]), withDirectives(createElementVNode("input", mergeProps({
760
+ type: 'date',
761
+ required: _ctx.required,
762
+ readonly: _ctx.readonly,
763
+ disabled: _ctx.disabled
764
+ }), null, 16 /* FULL_PROPS */, _hoisted_1), [[_directive_dropdown_open, _ctx.toggleDatePopover], [_directive_dropdown_close, _ctx.closeDatePopover]]), withDirectives(createElementVNode("input", mergeProps({
764
765
  ref: "timeControl"
765
766
  }, _ctx.controlAttributes, {
766
767
  class: _ctx.controlStyles,
767
- type: 'time'
768
- }), null, 16 /* FULL_PROPS */), [[_directive_dropdown_open, _ctx.toggleTimePopover], [_directive_dropdown_close, _ctx.closeTimePopover]]), createVNode(_component_OrPopover, {
768
+ type: 'time',
769
+ required: _ctx.required,
770
+ readonly: _ctx.readonly,
771
+ disabled: _ctx.disabled
772
+ }), null, 16 /* FULL_PROPS */, _hoisted_2), [[_directive_dropdown_open, _ctx.toggleTimePopover], [_directive_dropdown_close, _ctx.closeTimePopover]]), createVNode(_component_OrPopover, {
769
773
  ref: "datePopover",
770
774
  variant: 'auto',
771
775
  trigger: _ctx.dateControl,
@@ -822,7 +826,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
822
826
  onReject: _cache[4] || (_cache[4] = $event => _ctx.closeTimePopover())
823
827
  })]),
824
828
  _: 1 /* STABLE */
825
- }, 8 /* PROPS */, ["trigger"]), _hoisted_1, createElementVNode("div", _hoisted_2, [_ctx.modelValue ? (openBlock(), createBlock(_component_OrIconButton, {
829
+ }, 8 /* PROPS */, ["trigger"]), _hoisted_3, createElementVNode("div", _hoisted_4, [_ctx.modelValue ? (openBlock(), createBlock(_component_OrIconButton, {
826
830
  key: 0,
827
831
  icon: 'close',
828
832
  color: 'inherit',
package/dist/esm/v3/components/index.js CHANGED
@@ -18,7 +18,7 @@ export { s as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k
18
18
  export { s as OrConfirm } from '../OrConfirm-db6872cf.js';
19
19
  export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirm-b52b8135.js';
20
20
  export { D as DEFAULT_TEXT, s as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../OrDateTimePicker-6e87bc5e.js';
21
- export { s as OrDateTimePickerV3 } from '../OrDateTimePicker-44ef0c0c.js';
21
+ export { s as OrDateTimePickerV3 } from '../OrDateTimePicker-2d71e737.js';
22
22
  export { I as DateTimePickerSize, I as InputBoxSize, a as InputBoxVariant, I as InputSize, s as OrInputBoxV3, I as SearchSize, I as SelectSize, I as TextareaSize } from '../OrInputBox-e1ee2130.js';
23
23
  export { E as EmptyStateSize, s as OrEmptyStateV3 } from '../OrEmptyState-cd3a4026.js';
24
24
  export { s as OrError } from '../OrError-f90296db.js';
package/dist/esm/v3/components/or-date-time-picker-v3/OrDateTimePicker.vue.d.ts CHANGED
@@ -49,10 +49,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
49
49
  type: StringConstructor;
50
50
  default: undefined;
51
51
  };
52
- placeholder: {
53
- type: StringConstructor;
54
- default: undefined;
55
- };
56
52
  hint: {
57
53
  type: StringConstructor;
58
54
  default: undefined;
@@ -90,10 +86,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
90
86
  type: StringConstructor;
91
87
  default: undefined;
92
88
  };
93
- placeholder: {
94
- type: StringConstructor;
95
- default: undefined;
96
- };
97
89
  hint: {
98
90
  type: StringConstructor;
99
91
  default: undefined;
@@ -122,7 +114,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
122
114
  modelValue: Date;
123
115
  size: DateTimePickerSize;
124
116
  label: string;
125
- placeholder: string;
126
117
  hint: string;
127
118
  error: string | boolean;
128
119
  required: boolean;
@@ -171,7 +162,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
171
162
  modelValue: Date;
172
163
  size: DateTimePickerSize;
173
164
  label: string;
174
- placeholder: string;
175
165
  hint: string;
176
166
  error: string | boolean;
177
167
  required: boolean;
@@ -184,7 +174,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
184
174
  modelValue: Date;
185
175
  size: DateTimePickerSize;
186
176
  label: string;
187
- placeholder: string;
188
177
  hint: string;
189
178
  error: string | boolean;
190
179
  required: boolean;
package/dist/esm/v3/components/or-date-time-picker-v3/index.js CHANGED
@@ -1,4 +1,4 @@
1
- export { s as OrDateTimePickerV3 } from '../../OrDateTimePicker-44ef0c0c.js';
1
+ export { s as OrDateTimePickerV3 } from '../../OrDateTimePicker-2d71e737.js';
2
2
  export { I as DateTimePickerSize } from '../../OrInputBox-e1ee2130.js';
3
3
  import 'vue-demi';
4
4
  import 'vue';
package/dist/esm/v3/index.js CHANGED
@@ -18,7 +18,7 @@ export { s as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k
18
18
  export { s as OrConfirm } from './OrConfirm-db6872cf.js';
19
19
  export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirm-b52b8135.js';
20
20
  export { D as DEFAULT_TEXT, s as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './OrDateTimePicker-6e87bc5e.js';
21
- export { s as OrDateTimePickerV3 } from './OrDateTimePicker-44ef0c0c.js';
21
+ export { s as OrDateTimePickerV3 } from './OrDateTimePicker-2d71e737.js';
22
22
  export { I as DateTimePickerSize, I as InputBoxSize, a as InputBoxVariant, I as InputSize, s as OrInputBoxV3, I as SearchSize, I as SelectSize, I as TextareaSize } from './OrInputBox-e1ee2130.js';
23
23
  export { E as EmptyStateSize, s as OrEmptyStateV3 } from './OrEmptyState-cd3a4026.js';
24
24
  export { s as OrError } from './OrError-f90296db.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@onereach/ui-components",
3
- "version": "2.76.7-beta.2436.0",
3
+ "version": "2.76.7-beta.2437.0",
4
4
  "description": "Vue components library for v2/3",
5
5
  "sideEffects": false,
6
6
  "main": "./dist/auto/index.js",
@@ -38,7 +38,7 @@
38
38
  "@codemirror/lang-json": "6.0.0",
39
39
  "@codemirror/lang-markdown": "6.0.1",
40
40
  "@floating-ui/dom": "0.3.1",
41
- "@onereach/styles": "^2.37.3-beta.2436.0",
41
+ "@onereach/styles": "^2.37.3-beta.2437.0",
42
42
  "@splidejs/splide": "4.0.6",
43
43
  "@types/lodash": "4.14.173",
44
44
  "@types/sortablejs": "1.10.7",
package/src/components/or-date-time-picker-v3/OrDateTimePicker.stories3.ts CHANGED
@@ -36,10 +36,6 @@ export default {
36
36
  control: { type: 'text' },
37
37
  },
38
38
 
39
- placeholder: {
40
- control: { type: 'text' },
41
- },
42
-
43
39
  hint: {
44
40
  control: { type: 'text' },
45
41
  },
package/src/components/or-date-time-picker-v3/OrDateTimePicker.vue CHANGED
@@ -34,6 +34,9 @@
34
34
  v-bind="controlAttributes"
35
35
  :class="controlStyles"
36
36
  :type="'date'"
37
+ :required="required"
38
+ :readonly="readonly"
39
+ :disabled="disabled"
37
40
  >
38
41
 
39
42
  <input
@@ -43,6 +46,9 @@
43
46
  v-bind="controlAttributes"
44
47
  :class="controlStyles"
45
48
  :type="'time'"
49
+ :required="required"
50
+ :readonly="readonly"
51
+ :disabled="disabled"
46
52
  >
47
53
 
48
54
  <OrPopover
@@ -185,11 +191,6 @@ export default defineComponent({
185
191
  default: undefined,
186
192
  },
187
193
 
188
- placeholder: {
189
- type: String,
190
- default: undefined,
191
- },
192
-
193
194
  hint: {
194
195
  type: String,
195
196
  default: undefined,