@onereach/ui-components 2.69.7-beta.2177.0 → 2.69.7-beta.2181.0

package/dist/bundled/v2/{OrCardCollection-43c04eb1.js → OrCardCollection-c4209a92.js}

@@ -1,12 +1,12 @@
 import './index-fa6eb4ca.js';
 import { defineComponent, computed, ref, watch } from '@vue/composition-api/dist/vue-composition-api.mjs';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
-import { O as OrIconButton } from './OrIconButton-d7f24f8c.js';
+import { O as OrIconButton } from './OrIconButton-a215104c.js';
 import { O as OrButton } from './OrButton-4b99c680.js';
 import { O as OrMenu } from './OrMenu-fa47c888.js';
 import { O as OrMenuItem } from './OrMenuItem-26420908.js';
 import { O as OrIcon } from './OrIcon-8625385f.js';
-import { O as OrSearch } from './OrSearch-d1ab9324.js';
+import { O as OrSearch } from './OrSearch-76b002cf.js';
 import { u as useClassAttribute } from './useClassAttribute-9bf33346.js';
 
 const CardCollectionRoot = [

package/dist/bundled/v2/{OrConfirm-38bf5592.js → OrConfirm-cab6535b.js}

@@ -3,7 +3,7 @@ import { useMagicKeys, whenever } from '@vueuse/core';
 import { l as logicAnd } from './index-17f264f9.js';
 import { O as OrOverlay } from './OrOverlay-3c89d622.js';
 import { O as OrButton, a as ButtonColor } from './OrButton-4b99c680.js';
-import { O as OrInput } from './OrInput-930e823a.js';
+import { O as OrInput } from './OrInput-8b90e08f.js';
 import { defineComponent, ref, computed, watch } from '@vue/composition-api/dist/vue-composition-api.mjs';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/bundled/v2/{OrIconButton-d7f24f8c.js → OrIconButton-a215104c.js}

@@ -32,7 +32,7 @@ const IconButtonRoot = [
 const IconButtonRootColors = {
   'primary': [
   // Theme
-  'theme-preset-3-primary', 'dark:theme-preset-3-primary-dark', 'theme-foreground-outline', 'dark:theme-foreground-outline-dark',
+  'theme-preset-3-primary', 'dark:theme-preset-3-primary-dark',
   // Theme (hover)
   'hover:outline-primary-opacity-0-08', 'dark:hover:outline-primary-opacity-0-08-dark',
   // Theme (focus)
@@ -73,7 +73,7 @@ var script = defineComponent({
     },
     color: {
       type: String,
-      default: IconButtonColor.Primary
+      default: IconButtonColor.Inherit
     },
     size: {
       type: String,

package/dist/bundled/v2/{OrInlineInput-cac9b9a9.js → OrInlineInput-9add2e1e.js}

@@ -1,7 +1,7 @@
 import './index-fa6eb4ca.js';
 import { O as OrError } from './OrError-aad17598.js';
 import { O as OrHint } from './OrHint-f38a1940.js';
-import { O as OrIconButton } from './OrIconButton-d7f24f8c.js';
+import { O as OrIconButton } from './OrIconButton-a215104c.js';
 import { O as OrInlineInputBox, I as InlineInputBoxSize } from './OrInlineInputBox-f457210f.js';
 import { u as useClassAttribute } from './useClassAttribute-9bf33346.js';
 import { defineComponent, getCurrentInstance, ref, computed, watch } from '@vue/composition-api/dist/vue-composition-api.mjs';

package/dist/bundled/v2/{OrInlineTextarea-860f6c37.js → OrInlineTextarea-9c6f9044.js}

@@ -1,7 +1,7 @@
 import './index-fa6eb4ca.js';
 import { O as OrError } from './OrError-aad17598.js';
 import { O as OrHint } from './OrHint-f38a1940.js';
-import { O as OrIconButton } from './OrIconButton-d7f24f8c.js';
+import { O as OrIconButton } from './OrIconButton-a215104c.js';
 import { O as OrInlineInputBox } from './OrInlineInputBox-f457210f.js';
 import { u as useClassAttribute } from './useClassAttribute-9bf33346.js';
 import { defineComponent, getCurrentInstance, ref, computed, watch } from '@vue/composition-api/dist/vue-composition-api.mjs';

package/dist/bundled/v2/{OrInput-930e823a.js → OrInput-8b90e08f.js}

@@ -2,7 +2,7 @@ import './index-fa6eb4ca.js';
 import { O as OrError } from './OrError-aad17598.js';
 import { O as OrHint } from './OrHint-f38a1940.js';
 import { O as OrIcon } from './OrIcon-8625385f.js';
-import { O as OrIconButton } from './OrIconButton-d7f24f8c.js';
+import { O as OrIconButton } from './OrIconButton-a215104c.js';
 import { O as OrInputBox, a as InputBoxSize } from './OrInputBox-79ec54ad.js';
 import { O as OrLabel } from './OrLabel-172c4b89.js';
 import { u as useClassAttribute } from './useClassAttribute-9bf33346.js';

package/dist/bundled/v2/{OrModal-b875854b.js → OrModal-f89de11f.js}

@@ -1,6 +1,6 @@
 import './index-fa6eb4ca.js';
 import { O as OrOverlay } from './OrOverlay-3c89d622.js';
-import { O as OrIconButton } from './OrIconButton-d7f24f8c.js';
+import { O as OrIconButton } from './OrIconButton-a215104c.js';
 import { u as useClassAttribute } from './useClassAttribute-9bf33346.js';
 import { defineComponent, ref, computed, watch } from '@vue/composition-api/dist/vue-composition-api.mjs';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
@@ -43,6 +43,11 @@ const ModalHeader = [
 'layout-row',
 // Typography
 'typography-headline-2'];
+const ModalCloseButton = [
+// Layout
+'contents',
+// Theme
+'text-outline', 'dark:text-outline-dark'];
 
 var script = defineComponent({
   name: 'OrModal',
@@ -70,6 +75,7 @@ var script = defineComponent({
     const classAttribute = useClassAttribute();
     const rootStyles = computed(() => ['or-modal', ...ModalRoot, ...ModalRootSizes[props.size], classAttribute.value]);
     const headerStyles = computed(() => [...ModalHeader]);
+    const closeButtonStyles = computed(() => [...ModalCloseButton]);
     // State
     const isActive = ref(false);
     // Events
@@ -96,6 +102,7 @@ var script = defineComponent({
       root,
       rootStyles,
       headerStyles,
+      closeButtonStyles,
       isActive,
       open,
       close
@@ -122,7 +129,9 @@ var __vue_render__ = function () {
     class: _vm.headerStyles
   }, [_c('div', {
     class: ['grow']
-  }, [_vm._t("header")], 2), _vm._v(" "), _c('OrIconButton', {
+  }, [_vm._t("header")], 2), _vm._v(" "), _c('div', {
+    class: _vm.closeButtonStyles
+  }, [_c('OrIconButton', {
     attrs: {
       "icon": 'close',
       "size": 'l'
@@ -133,7 +142,7 @@ var __vue_render__ = function () {
         return _vm.close.apply(null, arguments);
       }
     }
-  })], 1), _vm._v(" "), _c('div', {
+  })], 1)]), _vm._v(" "), _c('div', {
     class: ['grow', 'overflow-y-auto']
   }, [_vm._t("default")], 2), _vm._v(" "), _vm._t("footer")], 2)]) : _vm._e();
 };

package/dist/bundled/v2/{OrNotification-773b5eff.js → OrNotification-d76a062d.js}

@@ -1,6 +1,6 @@
 import './index-fa6eb4ca.js';
 import { O as OrIcon } from './OrIcon-8625385f.js';
-import { O as OrIconButton } from './OrIconButton-d7f24f8c.js';
+import { O as OrIconButton } from './OrIconButton-a215104c.js';
 import { u as useClassAttribute } from './useClassAttribute-9bf33346.js';
 import { defineComponent, ref, computed } from '@vue/composition-api/dist/vue-composition-api.mjs';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
@@ -65,6 +65,11 @@ const NotificationIconVariants = {
   // Theme
   'theme-foreground-primary', 'dark:theme-foreground-primary-dark']
 };
+const NotificationAction = [
+// Layout
+'contents',
+// Theme
+'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];
 
 var script = defineComponent({
   name: 'OrNotification',
@@ -87,6 +92,7 @@ var script = defineComponent({
     const classAttribute = useClassAttribute();
     const rootStyles = computed(() => ['or-notification', ...NotificationRoot, ...NotificationRootVariants[props.variant], classAttribute.value]);
     const iconStyles = computed(() => [...NotificationIcon, ...NotificationIconVariants[props.variant]]);
+    const actionStyles = computed(() => [...NotificationAction]);
     // State
     const icon = computed(() => {
       switch (props.variant) {
@@ -104,6 +110,7 @@ var script = defineComponent({
       root,
       rootStyles,
       iconStyles,
+      actionStyles,
       icon
     };
   }
@@ -129,10 +136,11 @@ var __vue_render__ = function () {
     }
   })], 1), _vm._v(" "), _c('div', {
     class: ['grow', 'my-[-2px] md:my-[-3px]']
-  }, [_vm._t("default")], 2), _vm._v(" "), _c('OrIconButton', {
+  }, [_vm._t("default")], 2), _vm._v(" "), _c('div', {
+    class: _vm.actionStyles
+  }, [_c('OrIconButton', {
     attrs: {
-      "icon": 'close',
-      "size": 'm'
+      "icon": 'close'
     },
     on: {
       "click": function ($event) {
@@ -140,7 +148,7 @@ var __vue_render__ = function () {
         return _vm.$emit('close');
       }
     }
-  })], 1);
+  })], 1)]);
 };
 var __vue_staticRenderFns__ = [];
 

package/dist/bundled/v2/{OrSearch-d1ab9324.js → OrSearch-76b002cf.js}

@@ -1,6 +1,6 @@
 import './index-fa6eb4ca.js';
 import { debouncedWatch } from '@vueuse/core';
-import { O as OrInput } from './OrInput-930e823a.js';
+import { O as OrInput } from './OrInput-8b90e08f.js';
 import { u as useClassAttribute } from './useClassAttribute-9bf33346.js';
 import { defineComponent, ref, computed, watch } from '@vue/composition-api/dist/vue-composition-api.mjs';
 import { a as InputBoxSize } from './OrInputBox-79ec54ad.js';

package/dist/bundled/v2/{OrSelect-71e2c47f.js → OrSelect-b7d93d4e.js}

@@ -4,12 +4,12 @@ import { O as OrError } from './OrError-aad17598.js';
 import { O as OrExpansionPanel } from './OrExpansionPanel-995caa85.js';
 import { O as OrHint } from './OrHint-f38a1940.js';
 import { O as OrIcon } from './OrIcon-8625385f.js';
-import { O as OrInput } from './OrInput-930e823a.js';
+import { O as OrInput } from './OrInput-8b90e08f.js';
 import { O as OrInputBox, a as InputBoxSize } from './OrInputBox-79ec54ad.js';
 import { O as OrLabel } from './OrLabel-172c4b89.js';
 import { O as OrMenuItem } from './OrMenuItem-26420908.js';
 import { O as OrPopover } from './OrPopover-5dc240f1.js';
-import { O as OrTag } from './OrTag-242e44d4.js';
+import { O as OrTag } from './OrTag-20db902b.js';
 import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-e2a93aaf.js';
 import { u as useClassAttribute } from './useClassAttribute-9bf33346.js';
 import { u as useOverflow } from './useOverflow-bae6342f.js';

package/dist/bundled/v2/{OrTag-242e44d4.js → OrTag-20db902b.js}

@@ -1,5 +1,5 @@
 import './index-fa6eb4ca.js';
-import { O as OrIconButton } from './OrIconButton-d7f24f8c.js';
+import { O as OrIconButton } from './OrIconButton-a215104c.js';
 import { u as useClassAttribute } from './useClassAttribute-9bf33346.js';
 import { defineComponent, ref, computed, watchPostEffect, unref } from '@vue/composition-api/dist/vue-composition-api.mjs';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
@@ -12,7 +12,7 @@ var TagVariant;
 })(TagVariant || (TagVariant = {}));
 var TagColor;
 (function (TagColor) {
-  TagColor["Primary"] = "primary";
+  TagColor["Default"] = "default";
   TagColor["Danger"] = "danger";
 })(TagColor || (TagColor = {}));
 
@@ -41,9 +41,9 @@ const TagRootVariants = {
   'interactivity-none']
 };
 const TagRootColors = {
-  'primary': [
+  'default': [
   // Theme
-  'theme-preset-2-primary', 'dark:theme-preset-2-primary-dark'],
+  'theme-preset-2-primary', 'dark:theme-preset-2-primary-dark', 'theme-foreground-default', 'dark:theme-foreground-default-dark'],
   'danger': [
   // Theme
   'theme-preset-2-error', 'dark:theme-preset-2-error-dark']
@@ -62,7 +62,7 @@ var script = defineComponent({
     },
     color: {
       type: String,
-      default: TagColor.Primary
+      default: TagColor.Default
     },
     disabled: {
       type: Boolean,

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

@@ -8,7 +8,7 @@ export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTT
 export { a as ButtonColor, b as ButtonType, B as ButtonVariant, O as OrButtonV3 } from '../OrButton-4b99c680.js';
 export { O as OrCard } from '../OrCard-a6b30f8f.js';
 export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from '../OrCardCollection-89428bbf.js';
-export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-43c04eb1.js';
+export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-c4209a92.js';
 export { _ as OrCardV3 } from '../OrCard-29116e1f.js';
 export { a as OrCarousel, _ as OrCarouselItem } from '../OrCarouselItem-6da755c0.js';
 export { O as OrCheckbox } from '../OrCheckbox-4cbddd67.js';
@@ -19,7 +19,7 @@ export { _ as OrCode, O as OrCodeLanguages } from '../OrCode-fc6876ec.js';
 export { O as OrCollapse } from '../OrCollapse-3aa9a9b7.js';
 export { _ as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k as brown, c as cyan, j as deepOrange, d as deepPurple, g as green, i as indigo, l as lightBlue, e as lightGreen, f as lime, o as orange, p as pink, a as purple, r as red, t as teal, w as white, y as yellow } from '../OrColorPicker-a1a37e83.js';
 export { _ as OrConfirm } from '../OrConfirm-56d01cff.js';
-export { C as ConfirmType, _ as OrConfirmV3 } from '../OrConfirm-38bf5592.js';
+export { C as ConfirmType, _ as OrConfirmV3 } from '../OrConfirm-cab6535b.js';
 export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../OrDateTimePicker-e212f892.js';
 export { O as OrError } from '../OrError-31503e4c.js';
 export { _ as OrErrorTagV3 } from '../OrErrorTag-d0c5bcf4.js';
@@ -31,14 +31,14 @@ export { O as OrFloating, b as OrFloatingHideStrategy, a as OrFloatingPlacements
 export { O as OrHint } from '../OrHint-fabea4cf.js';
 export { O as OrHintV3 } from '../OrHint-f38a1940.js';
 export { O as OrIcon, a as OrIconColors, b as OrIconType } from '../OrIcon-10ec459c.js';
-export { I as IconButtonColor, O as OrIconButtonV3 } from '../OrIconButton-d7f24f8c.js';
+export { I as IconButtonColor, O as OrIconButtonV3 } from '../OrIconButton-a215104c.js';
 export { I as IconButtonSize, I as IconSize, a as IconVariant, O as OrIconV3 } from '../OrIcon-8625385f.js';
 export { I as InlineInputBoxSize, I as InlineInputSize, O as OrInlineInputBoxV3 } from '../OrInlineInputBox-f457210f.js';
-export { I as InlineInputType, _ as OrInlineInputV3 } from '../OrInlineInput-cac9b9a9.js';
+export { I as InlineInputType, _ as OrInlineInputV3 } from '../OrInlineInput-9add2e1e.js';
 export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, _ as OrInlineTextEdit } from '../OrInlineTextEdit-7262efdf.js';
-export { _ as OrInlineTextareaV3 } from '../OrInlineTextarea-860f6c37.js';
+export { _ as OrInlineTextareaV3 } from '../OrInlineTextarea-9c6f9044.js';
 export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, O as OrInputBoxV3, a as SearchSize, a as SelectSize, a as TextareaSize } from '../OrInputBox-79ec54ad.js';
-export { I as InputType, O as OrInputV3 } from '../OrInput-930e823a.js';
+export { I as InputType, O as OrInputV3 } from '../OrInput-8b90e08f.js';
 export { a as OrNumberInput, b as OrPassword, _ as OrTextarea } from '../OrPassword-7da938aa.js';
 export { O as OrInput } from '../OrInput-08f2f666.js';
 export { O as OrSearch } from '../OrSearch-f7cfa52f.js';
@@ -53,9 +53,9 @@ export { O as OrMenuItemV3 } from '../OrMenuItem-26420908.js';
 export { O as OrMenuV3 } from '../OrMenu-fa47c888.js';
 export { P as MenuPlacement, O as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from '../OrPopover-5dc240f1.js';
 export { O as OrModal, a as OrModalSizes } from '../OrModal-a5411b0d.js';
-export { M as ModalSize, _ as OrModalV3 } from '../OrModal-b875854b.js';
+export { M as ModalSize, _ as OrModalV3 } from '../OrModal-f89de11f.js';
 export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, _ as OrNotification } from '../OrNotification-3909aaf2.js';
-export { N as NotificationVariant, _ as OrNotificationV3 } from '../OrNotification-773b5eff.js';
+export { N as NotificationVariant, _ as OrNotificationV3 } from '../OrNotification-d76a062d.js';
 export { _ as OrOverflowMenu } from '../OrOverflowMenu-711e460e.js';
 export { O as OrOverlay } from '../OrOverlay-47967a8b.js';
 export { O as OrOverlayV3 } from '../OrOverlay-3c89d622.js';
@@ -64,10 +64,10 @@ export { _ as OrProgressV3, P as ProgressColor, a as ProgressType } from '../OrP
 export { _ as OrRadio } from '../OrRadio-187d6fc7.js';
 export { _ as OrRadioGroup } from '../OrRadioGroup-aa9f0757.js';
 export { _ as OrRadioV3 } from '../OrRadio-cd39b20b.js';
-export { O as OrSearchV3 } from '../OrSearch-d1ab9324.js';
+export { O as OrSearchV3 } from '../OrSearch-76b002cf.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-21cc914e.js';
 export { _ as OrSelect } from '../OrSelect-a23d4210.js';
-export { _ as OrSelectV3 } from '../OrSelect-71e2c47f.js';
+export { _ as OrSelectV3 } from '../OrSelect-b7d93d4e.js';
 export { _ as OrSidebar, O as OrSidebarSide } from '../OrSidebar-e2b2c9ec.js';
 export { O as OrSidebarPlacement, _ as OrSidebarV3 } from '../OrSidebar-c95ef614.js';
 export { _ as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from '../OrSkeletonText-242d22f3.js';
@@ -83,7 +83,7 @@ export { O as OrTabV3 } from '../OrTab-dd949240.js';
 export { _ as OrTabs } from '../OrTabs-4c8f6422.js';
 export { _ as OrTabsV3, T as TabsVariant } from '../OrTabs-42f7c52c.js';
 export { _ as OrTag } from '../OrTag-79e48fec.js';
-export { O as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-242e44d4.js';
+export { O as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-20db902b.js';
 export { O as OrTeleport } from '../OrTeleportVue2-3544f185.js';
 export { O as OrTeleportV3 } from '../OrTeleport.vue2-e9ba3054.js';
 export { _ as OrTextV3 } from '../OrText-eac4b9f5.js';
@@ -91,7 +91,7 @@ export { _ as OrTextareaV3 } from '../OrTextarea-5593fbe9.js';
 export { _ as OrTextbox, T as TextboxTypes } from '../OrTextbox-eacd9b19.js';
 export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from '../useToast-1faa828c.js';
 export { O as OrToast, _ as OrToastContainer } from '../OrToastContainer-b03adc37.js';
-export { _ as OrToastContainerV3, O as OrToastV3, t as TypesV3 } from '../types-b5083f9b.js';
+export { _ as OrToastContainerV3, O as OrToastV3, t as TypesV3 } from '../types-fdd34542.js';
 export { p as PropsV3, a as useQueueV3, u as useToastV3 } from '../useToast-3a3d4280.js';
 export { O as OrTooltip } from '../OrTooltip-dfea7af2.js';
 export { O as OrTooltipContent } from '../OrTooltipContent-f0fd5f75.js';

package/dist/bundled/v2/components/or-card-collection-v3/index.js

@@ -1,9 +1,9 @@
-export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-43c04eb1.js';
+export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-c4209a92.js';
 import '../../index-fa6eb4ca.js';
 import 'vue';
 import '@vue/composition-api/dist/vue-composition-api.mjs';
 import '../../normalize-component-6e8e3d80.js';
-import '../../OrIconButton-d7f24f8c.js';
+import '../../OrIconButton-a215104c.js';
 import '../../OrIcon-8625385f.js';
 import '../../useClassAttribute-9bf33346.js';
 import '../../OrTooltip-fbfa05fd.js';
@@ -20,8 +20,8 @@ import '../../OrButton-4b99c680.js';
 import '../../OrLoader-6a1f937b.js';
 import '../../OrMenu-fa47c888.js';
 import '../../OrMenuItem-26420908.js';
-import '../../OrSearch-d1ab9324.js';
-import '../../OrInput-930e823a.js';
+import '../../OrSearch-76b002cf.js';
+import '../../OrInput-8b90e08f.js';
 import '../../OrError-aad17598.js';
 import '../../OrHint-f38a1940.js';
 import '../../OrInputBox-79ec54ad.js';

package/dist/bundled/v2/components/or-confirm-v3/index.js

@@ -1,4 +1,4 @@
-export { C as ConfirmType, _ as OrConfirmV3 } from '../../OrConfirm-38bf5592.js';
+export { C as ConfirmType, _ as OrConfirmV3 } from '../../OrConfirm-cab6535b.js';
 import '../../index-fa6eb4ca.js';
 import 'vue';
 import '@vue/composition-api/dist/vue-composition-api.mjs';
@@ -12,11 +12,11 @@ import '../../useClassAttribute-9bf33346.js';
 import '../../useElevation-aac032f4.js';
 import '../../OrButton-4b99c680.js';
 import '../../OrLoader-6a1f937b.js';
-import '../../OrInput-930e823a.js';
+import '../../OrInput-8b90e08f.js';
 import '../../OrError-aad17598.js';
 import '../../OrHint-f38a1940.js';
 import '../../OrIcon-8625385f.js';
-import '../../OrIconButton-d7f24f8c.js';
+import '../../OrIconButton-a215104c.js';
 import '../../OrTooltip-fbfa05fd.js';
 import '../../OrPopover-5dc240f1.js';
 import '../../floating-ui.dom.esm-83eba816.js';

package/dist/bundled/v2/components/or-icon-button-v3/index.js

@@ -1,4 +1,4 @@
-export { I as IconButtonColor, O as OrIconButtonV3 } from '../../OrIconButton-d7f24f8c.js';
+export { I as IconButtonColor, O as OrIconButtonV3 } from '../../OrIconButton-a215104c.js';
 export { I as IconButtonSize } from '../../OrIcon-8625385f.js';
 import '../../index-fa6eb4ca.js';
 import 'vue';

package/dist/bundled/v2/components/or-inline-input-v3/index.js

@@ -1,4 +1,4 @@
-export { I as InlineInputType, _ as OrInlineInputV3 } from '../../OrInlineInput-cac9b9a9.js';
+export { I as InlineInputType, _ as OrInlineInputV3 } from '../../OrInlineInput-9add2e1e.js';
 export { I as InlineInputSize } from '../../OrInlineInputBox-f457210f.js';
 import '../../index-fa6eb4ca.js';
 import 'vue';
@@ -7,7 +7,7 @@ import '../../OrError-aad17598.js';
 import '../../useClassAttribute-9bf33346.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../../OrHint-f38a1940.js';
-import '../../OrIconButton-d7f24f8c.js';
+import '../../OrIconButton-a215104c.js';
 import '../../OrIcon-8625385f.js';
 import '../../OrTooltip-fbfa05fd.js';
 import '@vueuse/core';

package/dist/bundled/v2/components/or-inline-textarea-v3/index.js

@@ -1,4 +1,4 @@
-export { _ as OrInlineTextareaV3 } from '../../OrInlineTextarea-860f6c37.js';
+export { _ as OrInlineTextareaV3 } from '../../OrInlineTextarea-9c6f9044.js';
 import '../../index-fa6eb4ca.js';
 import 'vue';
 import '@vue/composition-api/dist/vue-composition-api.mjs';
@@ -6,7 +6,7 @@ import '../../OrError-aad17598.js';
 import '../../useClassAttribute-9bf33346.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../../OrHint-f38a1940.js';
-import '../../OrIconButton-d7f24f8c.js';
+import '../../OrIconButton-a215104c.js';
 import '../../OrIcon-8625385f.js';
 import '../../OrTooltip-fbfa05fd.js';
 import '@vueuse/core';

package/dist/bundled/v2/components/or-input-v3/index.js

@@ -1,4 +1,4 @@
-export { I as InputType, O as OrInputV3 } from '../../OrInput-930e823a.js';
+export { I as InputType, O as OrInputV3 } from '../../OrInput-8b90e08f.js';
 export { a as InputSize } from '../../OrInputBox-79ec54ad.js';
 import '../../index-fa6eb4ca.js';
 import 'vue';
@@ -8,7 +8,7 @@ import '../../useClassAttribute-9bf33346.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../../OrHint-f38a1940.js';
 import '../../OrIcon-8625385f.js';
-import '../../OrIconButton-d7f24f8c.js';
+import '../../OrIconButton-a215104c.js';
 import '../../OrTooltip-fbfa05fd.js';
 import '@vueuse/core';
 import '../../OrPopover-5dc240f1.js';

package/dist/bundled/v2/components/or-modal-v3/OrModal.vue.d.ts

@@ -4,6 +4,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
     headerStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    closeButtonStyles: import("@vue/composition-api").ComputedRef<string[]>;
     isActive: import("@vue/composition-api").Ref<boolean>;
     open: () => void;
     close: () => void;
@@ -34,6 +35,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
     headerStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    closeButtonStyles: import("@vue/composition-api").ComputedRef<string[]>;
     isActive: import("@vue/composition-api").Ref<boolean>;
     open: () => void;
     close: () => void;

package/dist/bundled/v2/components/or-modal-v3/index.js

@@ -1,4 +1,4 @@
-export { M as ModalSize, _ as OrModalV3 } from '../../OrModal-b875854b.js';
+export { M as ModalSize, _ as OrModalV3 } from '../../OrModal-f89de11f.js';
 import '../../index-fa6eb4ca.js';
 import 'vue';
 import '@vue/composition-api/dist/vue-composition-api.mjs';
@@ -9,7 +9,7 @@ import 'portal-vue';
 import '../../normalize-component-6e8e3d80.js';
 import '../../useClassAttribute-9bf33346.js';
 import '../../useElevation-aac032f4.js';
-import '../../OrIconButton-d7f24f8c.js';
+import '../../OrIconButton-a215104c.js';
 import '../../OrIcon-8625385f.js';
 import '../../OrTooltip-fbfa05fd.js';
 import '../../OrPopover-5dc240f1.js';

package/dist/bundled/v2/components/or-modal-v3/styles.d.ts

@@ -2,3 +2,4 @@ import { ModalSize } from './props';
 export declare const ModalRoot: string[];
 export declare const ModalRootSizes: Record<ModalSize, string[]>;
 export declare const ModalHeader: string[];
+export declare const ModalCloseButton: string[];

package/dist/bundled/v2/components/or-notification-v3/OrNotification.vue.d.ts

@@ -4,6 +4,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
     iconStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    actionStyles: import("@vue/composition-api").ComputedRef<string[]>;
     icon: import("@vue/composition-api").ComputedRef<"warning" | "error" | "info" | "check_circle" | undefined>;
 }> & import("@vue/composition-api").Data, {}, {}, {
     variant: {
@@ -21,6 +22,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
     iconStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    actionStyles: import("@vue/composition-api").ComputedRef<string[]>;
     icon: import("@vue/composition-api").ComputedRef<"warning" | "error" | "info" | "check_circle" | undefined>;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
     variant: NotificationVariant;

package/dist/bundled/v2/components/or-notification-v3/index.js

@@ -1,11 +1,11 @@
-export { N as NotificationVariant, _ as OrNotificationV3 } from '../../OrNotification-773b5eff.js';
+export { N as NotificationVariant, _ as OrNotificationV3 } from '../../OrNotification-d76a062d.js';
 import '../../index-fa6eb4ca.js';
 import 'vue';
 import '@vue/composition-api/dist/vue-composition-api.mjs';
 import '../../OrIcon-8625385f.js';
 import '../../useClassAttribute-9bf33346.js';
 import '../../normalize-component-6e8e3d80.js';
-import '../../OrIconButton-d7f24f8c.js';
+import '../../OrIconButton-a215104c.js';
 import '../../OrTooltip-fbfa05fd.js';
 import '@vueuse/core';
 import '../../OrPopover-5dc240f1.js';

package/dist/bundled/v2/components/or-notification-v3/styles.d.ts

@@ -3,3 +3,4 @@ export declare const NotificationRoot: string[];
 export declare const NotificationRootVariants: Record<NotificationVariant, string[]>;
 export declare const NotificationIcon: string[];
 export declare const NotificationIconVariants: Record<NotificationVariant, string[]>;
+export declare const NotificationAction: string[];

package/dist/bundled/v2/components/or-search-v3/index.js

@@ -1,16 +1,16 @@
-export { O as OrSearchV3 } from '../../OrSearch-d1ab9324.js';
+export { O as OrSearchV3 } from '../../OrSearch-76b002cf.js';
 export { a as SearchSize } from '../../OrInputBox-79ec54ad.js';
 import '../../index-fa6eb4ca.js';
 import 'vue';
 import '@vue/composition-api/dist/vue-composition-api.mjs';
 import '@vueuse/core';
-import '../../OrInput-930e823a.js';
+import '../../OrInput-8b90e08f.js';
 import '../../OrError-aad17598.js';
 import '../../useClassAttribute-9bf33346.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../../OrHint-f38a1940.js';
 import '../../OrIcon-8625385f.js';
-import '../../OrIconButton-d7f24f8c.js';
+import '../../OrIconButton-a215104c.js';
 import '../../OrTooltip-fbfa05fd.js';
 import '../../OrPopover-5dc240f1.js';
 import '../../floating-ui.dom.esm-83eba816.js';

package/dist/bundled/v2/components/or-select-v3/index.js

@@ -1,4 +1,4 @@
-export { _ as OrSelectV3 } from '../../OrSelect-71e2c47f.js';
+export { _ as OrSelectV3 } from '../../OrSelect-b7d93d4e.js';
 export { a as SelectSize } from '../../OrInputBox-79ec54ad.js';
 import '../../index-fa6eb4ca.js';
 import 'vue';
@@ -12,8 +12,8 @@ import '../../OrError-aad17598.js';
 import '../../OrExpansionPanel-995caa85.js';
 import '../../OrIcon-8625385f.js';
 import '../../OrHint-f38a1940.js';
-import '../../OrInput-930e823a.js';
-import '../../OrIconButton-d7f24f8c.js';
+import '../../OrInput-8b90e08f.js';
+import '../../OrIconButton-a215104c.js';
 import '../../OrTooltip-fbfa05fd.js';
 import '@vueuse/core';
 import '../../OrPopover-5dc240f1.js';
@@ -25,6 +25,6 @@ import 'portal-vue';
 import '../../useElevation-aac032f4.js';
 import '../../useResponsive-e13dfbb0.js';
 import '../../OrMenuItem-26420908.js';
-import '../../OrTag-242e44d4.js';
+import '../../OrTag-20db902b.js';
 import '../../dropdown-open-e2a93aaf.js';
 import '../../useOverflow-bae6342f.js';

package/dist/bundled/v2/components/or-tag-v3/index.js

@@ -1,8 +1,8 @@
-export { O as OrTagV3, a as TagColor, T as TagVariant } from '../../OrTag-242e44d4.js';
+export { O as OrTagV3, a as TagColor, T as TagVariant } from '../../OrTag-20db902b.js';
 import '../../index-fa6eb4ca.js';
 import 'vue';
 import '@vue/composition-api/dist/vue-composition-api.mjs';
-import '../../OrIconButton-d7f24f8c.js';
+import '../../OrIconButton-a215104c.js';
 import '../../OrIcon-8625385f.js';
 import '../../useClassAttribute-9bf33346.js';
 import '../../normalize-component-6e8e3d80.js';

package/dist/bundled/v2/components/or-tag-v3/props.d.ts

@@ -4,6 +4,6 @@ export declare enum TagVariant {
     Reset = "reset"
 }
 export declare enum TagColor {
-    Primary = "primary",
+    Default = "default",
     Danger = "danger"
 }

package/dist/bundled/v2/components/or-toast-v3/OrToast.vue.d.ts

@@ -3,6 +3,7 @@ import { ToastType } from './props';
 import { ToastLink } from './types';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    actionButtonStyle: import("@vue/composition-api").ComputedRef<string[]>;
     toastIconStyle: import("@vue/composition-api").ComputedRef<string[]>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     loaderStyle: import("@vue/composition-api").ComputedRef<string[]>;
@@ -54,6 +55,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
 }, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    actionButtonStyle: import("@vue/composition-api").ComputedRef<string[]>;
     toastIconStyle: import("@vue/composition-api").ComputedRef<string[]>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     loaderStyle: import("@vue/composition-api").ComputedRef<string[]>;

package/dist/bundled/v2/components/or-toast-v3/index.js

@@ -1,10 +1,10 @@
-export { _ as OrToastContainerV3, O as OrToastV3, t as TypesV3 } from '../../types-b5083f9b.js';
+export { _ as OrToastContainerV3, O as OrToastV3, t as TypesV3 } from '../../types-fdd34542.js';
 export { p as PropsV3, a as useQueueV3, u as useToastV3 } from '../../useToast-3a3d4280.js';
 import '@vueuse/core';
 import '../../index-fa6eb4ca.js';
 import 'vue';
 import '@vue/composition-api/dist/vue-composition-api.mjs';
-import '../../OrIconButton-d7f24f8c.js';
+import '../../OrIconButton-a215104c.js';
 import '../../OrIcon-8625385f.js';
 import '../../useClassAttribute-9bf33346.js';
 import '../../normalize-component-6e8e3d80.js';

package/dist/bundled/v2/components/or-toast-v3/styles.d.ts

@@ -1,5 +1,6 @@
 import { PositionsX, PositionsY, ToastType } from './props';
 export declare const ToastRoot: string[];
+export declare const ToastActionButton: string[];
 export declare const ToastContainer: string[];
 export declare const ToastContainerPositions: Record<`${PositionsX}-${PositionsY}`, string[]>;
 export declare const messageStyleVariant: Record<ToastType, string[]>;