@onereach/ui-components 2.74.12-beta.2355.0 → 2.74.12-beta.2361.0

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

@@ -24,10 +24,6 @@ export default {
       control: { type: 'select' },
       options: Object.values(NotificationVariant),
     },
-
-    disableClose: {
-      control: { type: 'boolean' },
-    },
   },
 
   parameters: {
@@ -60,7 +56,6 @@ const Template: StoryFn<typeof OrNotification> = (args) => ({
     <OrNotification
       v-bind="args"
       @close="handleClose"
-      class="shadow-none"
     >
       ${args.default}
     </OrNotification>
@@ -73,51 +68,3 @@ 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,7 +15,6 @@
     </div>
 
     <OrIconButton
-      v-if="!disableClose"
       :icon="'close'"
       :size="'m'"
       @click.stop="$emit('close')"
@@ -43,11 +42,6 @@ export default defineComponent({
       type: String as PropType<NotificationVariant>,
       default: NotificationVariant.Info,
     },
-
-    disableClose: {
-      type: Boolean,
-      default: false,
-    },
   },
 
   expose: [

package/src/components/or-progress-v3/OrProgress.vue

@@ -36,7 +36,7 @@
 
             x1="2"
             y1="50%"
-            x2="calc(100% - 2px)"
+            :x2="strokeWidth"
             y2="50%"
           />
 
@@ -45,7 +45,7 @@
 
             x1="2"
             y1="50%"
-            x2="calc(100% - 2px)"
+            :x2="strokeWidth"
             y2="50%"
             :stroke-dasharray="strokeDasharray"
             :stroke-dashoffset="strokeDashoffset"
@@ -240,6 +240,12 @@ export default defineComponent({
           0,
     );
 
+    const strokeWidth = computed(() => {
+      return width.value
+        ? width.value - 2
+        : '100%';
+    });
+
     const strokeDashoffset = computed(() => props.loading ?
       undefined :
       (1 - localProgress.value) * strokeDasharray.value,
@@ -256,6 +262,7 @@ export default defineComponent({
       progressBarMainPartStyles,
       strokeDasharray,
       strokeDashoffset,
+      strokeWidth,
       localProgress,
       localValue,
       percent,