@onereach/ui-components 2.74.13 → 2.74.14

package/dist/esm/v2/{OrNotification-687b4999.js → OrNotification-76498693.js}

@@ -74,6 +74,10 @@ var script = defineComponent({
     variant: {
       type: String,
       default: NotificationVariant.Info
+    },
+    disableClose: {
+      type: Boolean,
+      default: false
     }
   },
   expose: ['root'],
@@ -125,7 +129,7 @@ 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(" "), !_vm.disableClose ? _c('OrIconButton', {
     attrs: {
       "icon": 'close',
       "size": 'm'
@@ -136,7 +140,7 @@ var __vue_render__ = function () {
         return _vm.$emit('close');
       }
     }
-  })], 1);
+  }) : _vm._e()], 1);
 };
 var __vue_staticRenderFns__ = [];
 

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

@@ -53,7 +53,7 @@ export { P as MenuPlacement, _ as OrPopoverV3, P as PopoverPlacement, a as Popov
 export { _ as OrModal, O as OrModalSizes } from '../OrModal-a02dcd2a.js';
 export { M as ModalSize, _ as OrModalV3 } from '../OrModal-370cfc3b.js';
 export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, _ as OrNotification } from '../OrNotification-f905da81.js';
-export { N as NotificationVariant, _ as OrNotificationV3 } from '../OrNotification-687b4999.js';
+export { N as NotificationVariant, _ as OrNotificationV3 } from '../OrNotification-76498693.js';
 export { _ as OrNumberInput } from '../OrNumberInput-eb0e7087.js';
 export { _ as OrOverflowMenu } from '../OrOverflowMenu-0f356aca.js';
 export { _ as OrOverlay } from '../OrOverlay-ccec2218.js';

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

@@ -10,13 +10,22 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: PropType<NotificationVariant>;
         default: NotificationVariant;
     };
+    disableClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, import("@vue/composition-api").ExtractPropTypes<{
     variant: {
         type: PropType<NotificationVariant>;
         default: NotificationVariant;
     };
+    disableClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     variant: NotificationVariant;
+    disableClose: boolean;
 } & {}, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
@@ -24,7 +33,9 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     icon: import("@vue/composition-api").ComputedRef<"warning" | "error" | "info" | "check_circle" | undefined>;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
     variant: NotificationVariant;
+    disableClose: boolean;
 } & {}, {
     variant: NotificationVariant;
+    disableClose: boolean;
 }, true>);
 export default _default;

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

@@ -1,4 +1,4 @@
-export { N as NotificationVariant, _ as OrNotificationV3 } from '../../OrNotification-687b4999.js';
+export { N as NotificationVariant, _ as OrNotificationV3 } from '../../OrNotification-76498693.js';
 import 'vue-demi';
 import '../../OrIconButton-fa9bff07.js';
 import '../../OrIcon-c434985a.js';

package/dist/esm/v2/index.js

@@ -53,7 +53,7 @@ export { P as MenuPlacement, _ as OrPopoverV3, P as PopoverPlacement, a as Popov
 export { _ as OrModal, O as OrModalSizes } from './OrModal-a02dcd2a.js';
 export { M as ModalSize, _ as OrModalV3 } from './OrModal-370cfc3b.js';
 export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, _ as OrNotification } from './OrNotification-f905da81.js';
-export { N as NotificationVariant, _ as OrNotificationV3 } from './OrNotification-687b4999.js';
+export { N as NotificationVariant, _ as OrNotificationV3 } from './OrNotification-76498693.js';
 export { _ as OrNumberInput } from './OrNumberInput-eb0e7087.js';
 export { _ as OrOverflowMenu } from './OrOverflowMenu-0f356aca.js';
 export { _ as OrOverlay } from './OrOverlay-ccec2218.js';

package/dist/esm/v3/{OrNotification-03a7426c.js → OrNotification-aab2e22a.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed } from 'vue-demi';
 import { s as script$2 } from './OrIconButton-385e997c.js';
 import { s as script$1 } from './OrIcon-ea40e58c.js';
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, renderSlot, withModifiers } from 'vue';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, renderSlot, createBlock, withModifiers, createCommentVNode } from 'vue';
 
 var NotificationVariant;
 (function (NotificationVariant) {
@@ -74,6 +74,10 @@ var script = defineComponent({
     variant: {
       type: String,
       default: NotificationVariant.Info
+    },
+    disableClose: {
+      type: Boolean,
+      default: false
     }
   },
   expose: ['root'],
@@ -119,11 +123,12 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }, [createVNode(_component_OrIcon, {
     icon: _ctx.icon,
     variant: 'filled-bold'
-  }, null, 8 /* PROPS */, ["icon"])], 2 /* CLASS */), createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "default")]), createVNode(_component_OrIconButton, {
+  }, null, 8 /* PROPS */, ["icon"])], 2 /* CLASS */), createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "default")]), !_ctx.disableClose ? (openBlock(), createBlock(_component_OrIconButton, {
+    key: 0,
     icon: 'close',
     size: 'm',
     onClick: _cache[0] || (_cache[0] = withModifiers($event => _ctx.$emit('close'), ["stop"]))
-  })], 2 /* CLASS */);
+  })) : createCommentVNode("v-if", true)], 2 /* CLASS */);
 }
 
 script.render = render;

package/dist/esm/v3/components/index.js

@@ -50,7 +50,7 @@ export { P as MenuPlacement, s as OrPopoverV3, P as PopoverPlacement, a as Popov
 export { s as OrModal, O as OrModalSizes } from '../OrModal-153310f7.js';
 export { M as ModalSize, s as OrModalV3 } from '../OrModal-f9f2279b.js';
 export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, s as OrNotification } from '../OrNotification-b90cf406.js';
-export { N as NotificationVariant, s as OrNotificationV3 } from '../OrNotification-03a7426c.js';
+export { N as NotificationVariant, s as OrNotificationV3 } from '../OrNotification-aab2e22a.js';
 export { s as OrNumberInput } from '../OrNumberInput-dca5e850.js';
 export { s as OrOverflowMenu } from '../OrOverflowMenu-775d380c.js';
 export { s as OrOverlay } from '../OrOverlay-451dce49.js';

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

@@ -10,13 +10,22 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: PropType<NotificationVariant>;
         default: NotificationVariant;
     };
+    disableClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, import("@vue/composition-api").ExtractPropTypes<{
     variant: {
         type: PropType<NotificationVariant>;
         default: NotificationVariant;
     };
+    disableClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     variant: NotificationVariant;
+    disableClose: boolean;
 } & {}, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
@@ -24,7 +33,9 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     icon: import("@vue/composition-api").ComputedRef<"warning" | "error" | "info" | "check_circle" | undefined>;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
     variant: NotificationVariant;
+    disableClose: boolean;
 } & {}, {
     variant: NotificationVariant;
+    disableClose: boolean;
 }, true>);
 export default _default;

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

@@ -1,4 +1,4 @@
-export { N as NotificationVariant, s as OrNotificationV3 } from '../../OrNotification-03a7426c.js';
+export { N as NotificationVariant, s as OrNotificationV3 } from '../../OrNotification-aab2e22a.js';
 import 'vue-demi';
 import '../../OrIconButton-385e997c.js';
 import '../../OrIcon-ea40e58c.js';

package/dist/esm/v3/index.js

@@ -50,7 +50,7 @@ export { P as MenuPlacement, s as OrPopoverV3, P as PopoverPlacement, a as Popov
 export { s as OrModal, O as OrModalSizes } from './OrModal-153310f7.js';
 export { M as ModalSize, s as OrModalV3 } from './OrModal-f9f2279b.js';
 export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, s as OrNotification } from './OrNotification-b90cf406.js';
-export { N as NotificationVariant, s as OrNotificationV3 } from './OrNotification-03a7426c.js';
+export { N as NotificationVariant, s as OrNotificationV3 } from './OrNotification-aab2e22a.js';
 export { s as OrNumberInput } from './OrNumberInput-dca5e850.js';
 export { s as OrOverflowMenu } from './OrOverflowMenu-775d380c.js';
 export { s as OrOverlay } from './OrOverlay-451dce49.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "2.74.13",
+  "version": "2.74.14",
   "description": "Vue components library for v2/3",
   "sideEffects": false,
   "main": "./dist/auto/index.js",
@@ -38,7 +38,7 @@
     "@codemirror/lang-json": "6.0.0",
     "@codemirror/lang-markdown": "6.0.1",
     "@floating-ui/dom": "0.3.1",
-    "@onereach/styles": "^2.35.1",
+    "@onereach/styles": "^2.35.2",
     "@splidejs/splide": "4.0.6",
     "@types/lodash": "4.14.173",
     "@types/sortablejs": "1.10.7",
@@ -125,5 +125,5 @@
     },
     "./package.json": "./package.json"
   },
-  "gitHead": "cfa25cc86fde585263be7e6e8562054b3cd084c5"
+  "gitHead": "c025d8a1e2f8a19ed406a832152e4474012e7ef6"
 }

package/src/components/or-notification-v3/OrNotification.stories3.ts

@@ -24,6 +24,10 @@ export default {
       control: { type: 'select' },
       options: Object.values(NotificationVariant),
     },
+
+    disableClose: {
+      control: { type: 'boolean' },
+    },
   },
 
   parameters: {
@@ -68,3 +72,51 @@ Notification.args = {
   // Slots
   default: '<a href="#">Lorem ipsum</a> dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
 };
+
+export const WithoutCloseButton = Template.bind({});
+
+WithoutCloseButton.args = {
+  disableClose: true,
+  // Slots
+  default: '<a href="#">Lorem ipsum</a> dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
+};
+
+export const WithShadowOverride: StoryFn<typeof OrNotification> = (args) => ({
+  components: {
+    OrNotification,
+  },
+
+  setup() {
+    return {
+      args,
+      handleClose: action('close'),
+    };
+  },
+
+  template: `
+    <div class="flex flex-col gap-3xl w-full">
+      <OrNotification
+        v-bind="args"
+        @close="handleClose"
+      >
+       Default shadow
+      </OrNotification>
+      <OrNotification
+        v-bind="args"
+        @close="handleClose"
+        class="shadow-none"
+      >
+       Without shadow
+      </OrNotification>
+      <OrNotification
+        v-bind="args"
+        @close="handleClose"
+        class="shadow-modal"
+      >
+        Shadow like in modal
+      </OrNotification>
+    </div>
+  `,
+});
+
+WithShadowOverride.args = {};

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

@@ -15,6 +15,7 @@
     </div>
 
     <OrIconButton
+      v-if="!disableClose"
       :icon="'close'"
       :size="'m'"
       @click.stop="$emit('close')"
@@ -42,6 +43,11 @@ export default defineComponent({
       type: String as PropType<NotificationVariant>,
       default: NotificationVariant.Info,
     },
+
+    disableClose: {
+      type: Boolean,
+      default: false,
+    },
   },
 
   expose: [