@onereach/ui-components 2.67.9-beta.2045.0 → 2.67.9-beta.2048.0

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

@@ -1,4 +1,4 @@
-export { C as CardCollectionView, s as OrCardCollectionV3 } from '../../OrCardCollection-5a4a4061.js';
+export { C as CardCollectionView, s as OrCardCollectionV3 } from '../../OrCardCollection-5924d035.js';
 import 'vue-demi';
 import '../../useClassAttribute-47fdb016.js';
 import '@vueuse/core';
@@ -14,10 +14,10 @@ import '../../useResponsive-a02e95b7.js';
 import '../../OrBottomSheet-62817aec.js';
 import '../../OrOverlay-738a44d5.js';
 import '../../OrTeleport.vue3-8099178c.js';
-import '../../OrInput-65d09445.js';
-import '../../OrError-626aa5b0.js';
-import '../../OrHint-34b1be02.js';
+import '../../OrInput-e2ac1182.js';
+import '../../OrError-ec8c709d.js';
+import '../../OrHint-74bb732d.js';
 import '../../OrInputBox-5247ab25.js';
-import '../../OrLabel-7c8c99ad.js';
+import '../../OrLabel-bdaec602.js';
 import '../../style-inject.es-4c6f2515.js';
 import '../../OrSortHeader-fe1a9cf8.js';

package/dist/esm/v3/components/or-checkbox-v3/index.js

@@ -1,7 +1,7 @@
-export { s as OrCheckboxV3 } from '../../OrCheckbox-e7df1dc1.js';
+export { s as OrCheckboxV3 } from '../../OrCheckbox-3e139eac.js';
 import 'vue-demi';
 import '../../useClassAttribute-47fdb016.js';
 import '@vueuse/core';
-import '../../OrLabel-7c8c99ad.js';
+import '../../OrLabel-bdaec602.js';
 import 'vue';
 import '../../style-inject.es-4c6f2515.js';

package/dist/esm/v3/components/or-confirm-v3/index.js

@@ -1,4 +1,4 @@
-export { C as ConfirmType, s as OrConfirmV3 } from '../../OrConfirm-06caf8fe.js';
+export { C as ConfirmType, s as OrConfirmV3 } from '../../OrConfirm-e4a0155f.js';
 import 'vue-demi';
 import '../../OrButton-a6db36d5.js';
 import '../../useClassAttribute-47fdb016.js';
@@ -8,9 +8,9 @@ import 'vue';
 import '../../OrOverlay-738a44d5.js';
 import '../../useElevation-31bfe1f6.js';
 import '../../OrTeleport.vue3-8099178c.js';
-import '../../OrInput-65d09445.js';
-import '../../OrError-626aa5b0.js';
-import '../../OrHint-34b1be02.js';
+import '../../OrInput-e2ac1182.js';
+import '../../OrError-ec8c709d.js';
+import '../../OrHint-74bb732d.js';
 import '../../OrIconButton-1eebcafc.js';
 import '../../OrIcon-b195169c.js';
 import '../../OrTooltip-50d27b4f.js';
@@ -19,6 +19,6 @@ import '@floating-ui/dom';
 import '../../useResponsive-a02e95b7.js';
 import '../../OrBottomSheet-62817aec.js';
 import '../../OrInputBox-5247ab25.js';
-import '../../OrLabel-7c8c99ad.js';
+import '../../OrLabel-bdaec602.js';
 import '../../style-inject.es-4c6f2515.js';
 import '@vueuse/math';

package/dist/esm/v3/components/or-error-tag-v3/index.js

@@ -1,4 +1,4 @@
-export { s as OrErrorTagV3 } from '../../OrErrorTag-295800b1.js';
+export { s as OrErrorTagV3 } from '../../OrErrorTag-98252eef.js';
 import 'vue-demi';
 import '../../useClassAttribute-47fdb016.js';
 import '@vueuse/core';

package/dist/esm/v3/components/or-error-v3/index.js

@@ -1,4 +1,4 @@
-export { s as OrErrorV3 } from '../../OrError-626aa5b0.js';
+export { s as OrErrorV3 } from '../../OrError-ec8c709d.js';
 import 'vue-demi';
 import '../../useClassAttribute-47fdb016.js';
 import '@vueuse/core';

package/dist/esm/v3/components/or-fab-v3/index.js

@@ -1,4 +1,4 @@
-export { F as FabColor, s as OrFabV3 } from '../../OrFab-554d3479.js';
+export { F as FabColor, s as OrFabV3 } from '../../OrFab-c8ae6e01.js';
 import 'vue-demi';
 import '../../OrIcon-b195169c.js';
 import '../../useClassAttribute-47fdb016.js';

package/dist/esm/v3/components/or-hint-v3/index.js

@@ -1,4 +1,4 @@
-export { s as OrHintV3 } from '../../OrHint-34b1be02.js';
+export { s as OrHintV3 } from '../../OrHint-74bb732d.js';
 import 'vue-demi';
 import '../../useClassAttribute-47fdb016.js';
 import '@vueuse/core';

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

@@ -1,11 +1,11 @@
-export { I as InlineInputType, s as OrInlineInputV3 } from '../../OrInlineInput-11dba82a.js';
+export { I as InlineInputType, s as OrInlineInputV3 } from '../../OrInlineInput-4a9789c4.js';
 export { I as InlineInputSize } from '../../OrInlineInputBox-8049f95a.js';
 import 'vue-demi';
 import '../../useClassAttribute-47fdb016.js';
 import '@vueuse/core';
-import '../../OrError-626aa5b0.js';
+import '../../OrError-ec8c709d.js';
 import 'vue';
-import '../../OrHint-34b1be02.js';
+import '../../OrHint-74bb732d.js';
 import '../../OrIconButton-1eebcafc.js';
 import '../../OrIcon-b195169c.js';
 import '../../OrTooltip-50d27b4f.js';

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

@@ -1,10 +1,10 @@
-export { s as OrInlineTextareaV3 } from '../../OrInlineTextarea-58c6c685.js';
+export { s as OrInlineTextareaV3 } from '../../OrInlineTextarea-e28e4d0a.js';
 import 'vue-demi';
 import '../../useClassAttribute-47fdb016.js';
 import '@vueuse/core';
-import '../../OrError-626aa5b0.js';
+import '../../OrError-ec8c709d.js';
 import 'vue';
-import '../../OrHint-34b1be02.js';
+import '../../OrHint-74bb732d.js';
 import '../../OrIconButton-1eebcafc.js';
 import '../../OrIcon-b195169c.js';
 import '../../OrTooltip-50d27b4f.js';

package/dist/esm/v3/components/or-input-v3/index.js

@@ -1,11 +1,11 @@
-export { I as InputType, s as OrInputV3 } from '../../OrInput-65d09445.js';
+export { I as InputType, s as OrInputV3 } from '../../OrInput-e2ac1182.js';
 export { a as InputSize } from '../../OrInputBox-5247ab25.js';
 import 'vue-demi';
 import '../../useClassAttribute-47fdb016.js';
 import '@vueuse/core';
-import '../../OrError-626aa5b0.js';
+import '../../OrError-ec8c709d.js';
 import 'vue';
-import '../../OrHint-34b1be02.js';
+import '../../OrHint-74bb732d.js';
 import '../../OrIconButton-1eebcafc.js';
 import '../../OrIcon-b195169c.js';
 import '../../OrTooltip-50d27b4f.js';
@@ -16,5 +16,5 @@ import '../../useResponsive-a02e95b7.js';
 import '../../OrBottomSheet-62817aec.js';
 import '../../OrOverlay-738a44d5.js';
 import '../../OrTeleport.vue3-8099178c.js';
-import '../../OrLabel-7c8c99ad.js';
+import '../../OrLabel-bdaec602.js';
 import '../../style-inject.es-4c6f2515.js';

package/dist/esm/v3/components/or-label-v3/index.js

@@ -1,4 +1,4 @@
-export { L as LabelVariant, s as OrLabelV3 } from '../../OrLabel-7c8c99ad.js';
+export { L as LabelVariant, s as OrLabelV3 } from '../../OrLabel-bdaec602.js';
 import 'vue-demi';
 import '../../useClassAttribute-47fdb016.js';
 import '@vueuse/core';

package/dist/esm/v3/components/or-notification-v3/index.js

@@ -1,4 +1,4 @@
-export { N as NotificationVariant, s as OrNotificationV3 } from '../../OrNotification-94a0a441.js';
+export { N as NotificationVariant, s as OrNotificationV3 } from '../../OrNotification-34d9c99b.js';
 import 'vue-demi';
 import '../../useClassAttribute-47fdb016.js';
 import '@vueuse/core';

package/dist/esm/v3/components/or-radio-v3/index.js

@@ -1,7 +1,7 @@
-export { s as OrRadioV3 } from '../../OrRadio-9407dbc7.js';
+export { s as OrRadioV3 } from '../../OrRadio-54b6d0de.js';
 import 'vue-demi';
 import '../../useClassAttribute-47fdb016.js';
 import '@vueuse/core';
-import '../../OrLabel-7c8c99ad.js';
+import '../../OrLabel-bdaec602.js';
 import 'vue';
 import '../../style-inject.es-4c6f2515.js';

package/dist/esm/v3/components/or-search-v3/index.js

@@ -1,12 +1,12 @@
-export { s as OrSearchV3 } from '../../OrSearch-fee118a9.js';
+export { s as OrSearchV3 } from '../../OrSearch-29354f5a.js';
 export { a as SearchSize } from '../../OrInputBox-5247ab25.js';
 import 'vue-demi';
 import '@vueuse/core';
 import '../../useClassAttribute-47fdb016.js';
-import '../../OrInput-65d09445.js';
-import '../../OrError-626aa5b0.js';
+import '../../OrInput-e2ac1182.js';
+import '../../OrError-ec8c709d.js';
 import 'vue';
-import '../../OrHint-34b1be02.js';
+import '../../OrHint-74bb732d.js';
 import '../../OrIconButton-1eebcafc.js';
 import '../../OrIcon-b195169c.js';
 import '../../OrTooltip-50d27b4f.js';
@@ -17,5 +17,5 @@ import '../../useResponsive-a02e95b7.js';
 import '../../OrBottomSheet-62817aec.js';
 import '../../OrOverlay-738a44d5.js';
 import '../../OrTeleport.vue3-8099178c.js';
-import '../../OrLabel-7c8c99ad.js';
+import '../../OrLabel-bdaec602.js';
 import '../../style-inject.es-4c6f2515.js';

package/dist/esm/v3/components/or-select-v3/index.js

@@ -1,19 +1,19 @@
-export { s as OrSelectV3 } from '../../OrSelect-e25829de.js';
+export { s as OrSelectV3 } from '../../OrSelect-2e00d4c8.js';
 export { a as SelectSize } from '../../OrInputBox-5247ab25.js';
 import 'vue-demi';
 import '../../dropdown-open-0d314aa4.js';
 import '../../useClassAttribute-47fdb016.js';
 import '../../useOverflow-ac506c65.js';
 import '@vueuse/core';
-import '../../OrCheckbox-e7df1dc1.js';
-import '../../OrLabel-7c8c99ad.js';
+import '../../OrCheckbox-3e139eac.js';
+import '../../OrLabel-bdaec602.js';
 import 'vue';
 import '../../style-inject.es-4c6f2515.js';
-import '../../OrError-626aa5b0.js';
+import '../../OrError-ec8c709d.js';
 import '../../OrExpansionPanel-311e64cf.js';
 import '../../OrIcon-b195169c.js';
-import '../../OrHint-34b1be02.js';
-import '../../OrInput-65d09445.js';
+import '../../OrHint-74bb732d.js';
+import '../../OrInput-e2ac1182.js';
 import '../../OrIconButton-1eebcafc.js';
 import '../../OrTooltip-50d27b4f.js';
 import '../../OrPopover-1075dd38.js';
@@ -24,4 +24,4 @@ import '../../OrBottomSheet-62817aec.js';
 import '../../OrOverlay-738a44d5.js';
 import '../../OrTeleport.vue3-8099178c.js';
 import '../../OrMenuItem-9da279f6.js';
-import '../../OrTag-f5619503.js';
+import '../../OrTag-c0bbaa58.js';

package/dist/esm/v3/components/or-switch-v3/index.js

@@ -1,8 +1,8 @@
-export { s as OrSwitchV3 } from '../../OrSwitch-60733e80.js';
+export { s as OrSwitchV3 } from '../../OrSwitch-f0a30713.js';
 import 'vue-demi';
 import '../../useClassAttribute-47fdb016.js';
 import '@vueuse/core';
-import '../../OrLabel-7c8c99ad.js';
+import '../../OrLabel-bdaec602.js';
 import 'vue';
 import '../../OrLoader-60943812.js';
 import '../../style-inject.es-4c6f2515.js';

package/dist/esm/v3/components/or-tag-v3/index.js

@@ -1,4 +1,4 @@
-export { s as OrTagV3, a as TagColor, T as TagVariant } from '../../OrTag-f5619503.js';
+export { s as OrTagV3, a as TagColor, T as TagVariant } from '../../OrTag-c0bbaa58.js';
 import 'vue-demi';
 import '../../useClassAttribute-47fdb016.js';
 import '@vueuse/core';

package/dist/esm/v3/components/or-textarea-v3/index.js

@@ -1,10 +1,10 @@
-export { s as OrTextareaV3 } from '../../OrTextarea-db2fd523.js';
+export { s as OrTextareaV3 } from '../../OrTextarea-bb9ef3f2.js';
 export { a as TextareaSize } from '../../OrInputBox-5247ab25.js';
 import 'vue-demi';
 import '../../useClassAttribute-47fdb016.js';
 import '@vueuse/core';
-import '../../OrError-626aa5b0.js';
+import '../../OrError-ec8c709d.js';
 import 'vue';
-import '../../OrHint-34b1be02.js';
-import '../../OrLabel-7c8c99ad.js';
+import '../../OrHint-74bb732d.js';
+import '../../OrLabel-bdaec602.js';
 import '../../style-inject.es-4c6f2515.js';

package/dist/esm/v3/index.js

@@ -6,38 +6,38 @@ export { b as BUTTON_COLOR, d as BUTTON_LOADER_TYPE, c as BUTTON_SIZE, B as BUTT
 export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3 } from './OrButton-a6db36d5.js';
 export { s as OrCard } from './OrCard-e3a5aea4.js';
 export { C as CARD_COLLECTION_LAYOUT, s as OrCardCollection } from './OrCardCollection-a5e326ef.js';
-export { C as CardCollectionView, s as OrCardCollectionV3 } from './OrCardCollection-5a4a4061.js';
+export { C as CardCollectionView, s as OrCardCollectionV3 } from './OrCardCollection-5924d035.js';
 export { s as OrCardV3 } from './OrCard-fd92f7c8.js';
 export { a as OrCarousel, s as OrCarouselItem } from './OrCarouselItem-636d99a1.js';
 export { s as OrCheckbox } from './OrCheckbox-a0b957e7.js';
-export { s as OrCheckboxV3 } from './OrCheckbox-e7df1dc1.js';
+export { s as OrCheckboxV3 } from './OrCheckbox-3e139eac.js';
 export { s as OrChip, a as OrChips } from './OrChips-9afba42f.js';
 export { s as OrCode, O as OrCodeLanguages } from './OrCode-ee19a5e6.js';
 export { s as OrCollapse } from './OrCollapse-445141ab.js';
 export { s 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-189cb097.js';
 export { s as OrConfirm } from './OrConfirm-f39bd784.js';
-export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirm-06caf8fe.js';
+export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirm-e4a0155f.js';
 export { D as DEFAULT_TEXT, s as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './OrDateTimePicker-f2e08564.js';
 export { s as OrError } from './OrError-f90296db.js';
-export { s as OrErrorTagV3 } from './OrErrorTag-295800b1.js';
-export { s as OrErrorV3 } from './OrError-626aa5b0.js';
+export { s as OrErrorTagV3 } from './OrErrorTag-98252eef.js';
+export { s as OrErrorV3 } from './OrError-ec8c709d.js';
 export { a as ExpansionPanelColor, E as ExpansionPanelVariant, s as OrExpansionPanelV3 } from './OrExpansionPanel-311e64cf.js';
-export { F as FabColor, s as OrFabV3 } from './OrFab-554d3479.js';
+export { F as FabColor, s as OrFabV3 } from './OrFab-c8ae6e01.js';
 export { s as OrFloating, a as OrFloatingHideStrategy, O as OrFloatingPlacements } from './OrFloating-5240e758.js';
 export { s as OrHint } from './OrHint-1414c530.js';
-export { s as OrHintV3 } from './OrHint-34b1be02.js';
+export { s as OrHintV3 } from './OrHint-74bb732d.js';
 export { s as OrIcon, O as OrIconColors, a as OrIconType } from './OrIcon-669503c3.js';
 export { I as IconButtonColor, s as OrIconButtonV3 } from './OrIconButton-1eebcafc.js';
 export { I as IconButtonSize, I as IconSize, a as IconVariant, s as OrIconV3 } from './OrIcon-b195169c.js';
 export { I as InlineInputBoxSize, I as InlineInputSize, s as OrInlineInputBoxV3 } from './OrInlineInputBox-8049f95a.js';
-export { I as InlineInputType, s as OrInlineInputV3 } from './OrInlineInput-11dba82a.js';
+export { I as InlineInputType, s as OrInlineInputV3 } from './OrInlineInput-4a9789c4.js';
 export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, s as OrInlineTextEdit } from './OrInlineTextEdit-1aa477b5.js';
-export { s as OrInlineTextareaV3 } from './OrInlineTextarea-58c6c685.js';
+export { s as OrInlineTextareaV3 } from './OrInlineTextarea-e28e4d0a.js';
 export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, s as OrInputBoxV3, a as SearchSize, a as SelectSize, a as TextareaSize } from './OrInputBox-5247ab25.js';
-export { I as InputType, s as OrInputV3 } from './OrInput-65d09445.js';
+export { I as InputType, s as OrInputV3 } from './OrInput-e2ac1182.js';
 export { a as OrInput, b as OrNumberInput, c as OrPassword, d as OrSearch, s as OrTextarea } from './OrSearch-7cb2c91c.js';
 export { s as OrLabel } from './OrLabel-876f8729.js';
-export { L as LabelVariant, s as OrLabelV3 } from './OrLabel-7c8c99ad.js';
+export { L as LabelVariant, s as OrLabelV3 } from './OrLabel-bdaec602.js';
 export { L as LinkColor, s as OrLinkV3 } from './OrLink-338db3ca.js';
 export { s as OrList } from './OrList-b740d13e.js';
 export { s as OrListOfInputs } from './OrListOfInputs-7a67440f.js';
@@ -49,7 +49,7 @@ export { P as MenuPlacement, s as OrPopoverV3, P as PopoverPlacement, a as Popov
 export { s as OrModal, O as OrModalSizes } from './OrModal-8b074b0c.js';
 export { M as ModalSize, s as OrModalV3 } from './OrModal-381554a6.js';
 export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, s as OrNotification } from './OrNotification-e85a4956.js';
-export { N as NotificationVariant, s as OrNotificationV3 } from './OrNotification-94a0a441.js';
+export { N as NotificationVariant, s as OrNotificationV3 } from './OrNotification-34d9c99b.js';
 export { s as OrOverflowMenu } from './OrOverflowMenu-e82cbcbe.js';
 export { s as OrOverlay } from './OrOverlay-451dce49.js';
 export { s as OrOverlayV3 } from './OrOverlay-738a44d5.js';
@@ -57,11 +57,11 @@ export { s as OrProgress, O as OrProgressColors, a as OrProgressTypes } from './
 export { s as OrProgressV3, P as ProgressColor, a as ProgressType } from './OrProgress-407002e0.js';
 export { s as OrRadio } from './OrRadio-c3ab11f2.js';
 export { s as OrRadioGroup } from './OrRadioGroup-00785e41.js';
-export { s as OrRadioV3 } from './OrRadio-9407dbc7.js';
-export { s as OrSearchV3 } from './OrSearch-fee118a9.js';
+export { s as OrRadioV3 } from './OrRadio-54b6d0de.js';
+export { s as OrSearchV3 } from './OrSearch-29354f5a.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-171cad78.js';
 export { s as OrSelect } from './OrSelect-73690828.js';
-export { s as OrSelectV3 } from './OrSelect-e25829de.js';
+export { s as OrSelectV3 } from './OrSelect-2e00d4c8.js';
 export { s as OrSidebar, O as OrSidebarSide } from './OrSidebar-375c85a3.js';
 export { O as OrSidebarPlacement, s as OrSidebarV3 } from './OrSidebar-a62972f5.js';
 export { s as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from './OrSkeletonText-2b1610ce.js';
@@ -70,18 +70,18 @@ export { s as OrSlider } from './OrSlider-87e2da8c.js';
 export { s as OrSortHeaderV3 } from './OrSortHeader-fe1a9cf8.js';
 export { s as OrStepper } from './OrStepper-f19b4eac.js';
 export { s as OrSwitch } from './OrSwitch-c333ee32.js';
-export { s as OrSwitchV3 } from './OrSwitch-60733e80.js';
+export { s as OrSwitchV3 } from './OrSwitch-f0a30713.js';
 export { s as OrTab } from './OrTab-bc98be02.js';
 export { s as OrTabHeaderItem } from './OrTabHeaderItem-d668cc59.js';
 export { s as OrTabV3 } from './OrTab-c131cf60.js';
 export { s as OrTabs } from './OrTabs-d3812c11.js';
 export { s as OrTabsV3, T as TabsVariant } from './OrTabs-d0ee6cef.js';
 export { s as OrTag } from './OrTag-1b5e43fa.js';
-export { s as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-f5619503.js';
+export { s as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-c0bbaa58.js';
 export { s as OrTeleport } from './OrTeleportVue3-ad639f12.js';
 export { s as OrTeleportV3 } from './OrTeleport.vue3-8099178c.js';
 export { s as OrTextV3 } from './OrText-ecb46923.js';
-export { s as OrTextareaV3 } from './OrTextarea-db2fd523.js';
+export { s as OrTextareaV3 } from './OrTextarea-bb9ef3f2.js';
 export { s as OrTextbox, T as TextboxTypes } from './OrTextbox-2f33e9c3.js';
 export { s as OrToast, a as OrToastContainer } from './OrToastContainer-40c4c1c8.js';
 export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from './useToast-4fbe0e5a.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "2.67.9-beta.2045.0",
+  "version": "2.67.9-beta.2048.0",
   "description": "Vue components library for v2/3",
   "sideEffects": false,
   "main": "./dist/auto/index.js",
@@ -37,7 +37,7 @@
     "@codemirror/lang-json": "6.0.0",
     "@codemirror/lang-markdown": "6.0.1",
     "@floating-ui/dom": "0.3.1",
-    "@onereach/styles": "^2.32.3-beta.2045.0",
+    "@onereach/styles": "^2.32.3-beta.2048.0",
     "@splidejs/splide": "4.0.6",
     "@types/lodash": "4.14.173",
     "@types/sortablejs": "1.10.7",

package/src/components/or-card-collection-v3/styles.ts

@@ -25,7 +25,7 @@ export const CardCollectionToolbarPanel: string[] = [
   'layout-row',
 
   // Spacing
-  'gap-sm',
+  'gap-sm+',
 ];
 
 export const CardCollectionContent: string[] = [

package/src/components/or-error-tag-v3/styles.ts

@@ -3,7 +3,7 @@ export const ErrorTagRoot: string[] = [
   'layout-inline-row',
 
   // Box
-  'w-min',
+  'max-w-fit',
 
   // Shape
   'rounded-full',
@@ -18,7 +18,7 @@ export const ErrorTagRoot: string[] = [
   'interactivity-none',
 
   // Typography
-  'typography-caption-regular',
+  'typography-caption-regular whitespace-nowrap',
 
   // Theme
   'theme-preset-1-error',

package/src/components/or-error-v3/styles.ts

@@ -23,8 +23,8 @@ export const ErrorText: string[] = [
 
 export const ErrorAddon: string[] = [
   // Layout
-  'empty:hidden',
+  'layout-row empty:hidden',
 
-  // Box
-  'min-w-fit',
+  // Typography
+  'whitespace-nowrap',
 ];

package/src/components/or-fab-v3/styles.ts

@@ -7,11 +7,11 @@ export const FabRoot: string[] = [
   // Shape
   'rounded-full',
 
-  // Spacing
-  'px-md+',
-  'py-md+',
+  // Box
+  'w-[56px]',
+  'h-[56px]',
 
-  // Theme
+  // Elevation
   'enabled:shadow-button',
   'dark:enabled:shadow-button-dark',
 ];

package/src/components/or-hint-v3/styles.ts

@@ -23,8 +23,8 @@ export const HintText: string[] = [
 
 export const HintAddon: string[] = [
   // Layout
-  'empty:hidden',
+  'layout-row empty:hidden',
 
-  // Box
-  'min-w-fit',
+  // Typography
+  'whitespace-nowrap',
 ];

package/src/components/or-inline-input-v3/OrInlineInput.vue

@@ -3,7 +3,7 @@
     ref="root"
     :class="rootStyles"
   >
-    <div :class="['layout-row', 'gap-md']">
+    <div :class="['layout-row', 'gap-sm+']">
       <OrInlineInputBox
         :size="size"
         :invalid="invalid"

package/src/components/or-inline-input-v3/styles.ts

@@ -23,7 +23,7 @@ export const InlineInputAction: string[] = [
   'layout-row',
 
   // Spacing
-  'gap-md',
+  'gap-sm+',
 
   // Theme
   'theme-foreground-outline',

package/src/components/or-inline-textarea-v3/OrInlineTextarea.vue

@@ -3,7 +3,7 @@
     ref="root"
     :class="rootStyles"
   >
-    <div :class="['layout-row', 'gap-md']">
+    <div :class="['layout-row', 'gap-sm+']">
       <OrInlineInputBox
         :size="'s'"
         :invalid="invalid"

package/src/components/or-inline-textarea-v3/styles.ts

@@ -23,7 +23,7 @@ export const InlineTextareaAction: string[] = [
   'layout-row',
 
   // Spacing
-  'gap-md',
+  'gap-sm+',
 
   // Theme
   'theme-foreground-outline',

package/src/components/or-label-v3/styles.ts

@@ -38,8 +38,8 @@ export const LabelText: string[] = [
 
 export const LabelAddon: string[] = [
   // Layout
-  'empty:hidden',
+  'layout-row empty:hidden',
 
-  // Box
-  'min-w-fit',
+  // Typography
+  'whitespace-nowrap',
 ];

package/src/components/or-notification-v3/OrNotification.vue

@@ -11,7 +11,7 @@
       />
     </div>
 
-    <div :class="['grow']">
+    <div :class="['grow', 'my-[-2px] md:my-[-3px]']">
       <slot />
     </div>
 

package/src/components/or-select-v3/styles.ts

@@ -8,9 +8,9 @@ export const SelectRoot: string[] = [
 
 export const SelectControl: string[] = [
   // Layout
-  'flex grow',
-  'items-center',
+  'layout-row grow',
 
+  // Overflow
   'overflow-hidden',
 
   // Spacing
@@ -27,7 +27,7 @@ export const SelectPlaceholder: string[] = [
 ];
 
 export const SelectDropdown: string[] = [
-  // Layout
+  // Overflow
   'overflow-y-auto',
 
   // Box

package/src/components/or-tag-v3/styles.ts

@@ -5,7 +5,7 @@ export const TagRoot: string[] = [
   'layout-inline-row',
 
   // Box
-  'w-min',
+  'max-w-fit',
 
   // Shape
   'rounded-full',
@@ -17,7 +17,7 @@ export const TagRoot: string[] = [
   'gap-sm+ md:gap-sm',
 
   // Typography
-  'typography-caption-regular',
+  'typography-caption-regular whitespace-nowrap',
 
   // Theme
   'disabled:!bg-disabled',