@ironsource/shared-ui 1.4.0-rc.7 → 1.4.0

package/Banner.vue_vue_type_style_index_0_scoped_true_lang.css

@@ -0,0 +1 @@
+.label[data-v-168d9678]{color:#41454d}.banner[data-v-168d9678]{display:flex;align-items:center;min-height:3rem;border-radius:.5rem;border:1px solid #DDDFE1;overflow:hidden;margin:1rem 0rem;position:relative}.banner .left-border[data-v-168d9678]{position:absolute;top:0;left:0;width:5px;height:100%;background-color:#2b76e6}.banner .content-wrapper[data-v-168d9678]{padding:1rem;display:flex;align-items:center;flex:1}.banner .content-wrapper .icon-container[data-v-168d9678]{margin-right:1rem}.banner .content-wrapper .content[data-v-168d9678]{flex:1}.banner.banner-type-info .left-border[data-v-168d9678]{background-color:#3083ff}.banner.banner-type-info .icon-container[data-v-168d9678]{color:#3083ff}.banner.banner-type-success .left-border[data-v-168d9678]{background-color:#22c891}.banner.banner-type-success .icon-container[data-v-168d9678]{color:#22c891}.banner.banner-type-error .left-border[data-v-168d9678]{background-color:#ff6a63}.banner.banner-type-error .icon-container[data-v-168d9678]{color:#ff6a63}

package/README.md

@@ -1,4 +1,6 @@
-## Usage
+Shared UI - VUE3 components library 
+
+## Usage 
 ```
 npm i @ironsource/shared-ui
 ```

package/components/banner/Banner.vue.d.ts

@@ -0,0 +1,14 @@
+declare const _default: import("vue").DefineComponent<{
+    type: {
+        type: () => 'success' | 'error' | 'info';
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    type: {
+        type: () => 'success' | 'error' | 'info';
+        default: string;
+    };
+}>>, {
+    type: "error" | "info" | "success";
+}>;
+export default _default;

package/components/banner/Banner.vue.js

@@ -0,0 +1,49 @@
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, unref, withCtx, renderSlot, createBlock, pushScopeId, popScopeId } from 'vue';
+import Icon from '../icon/Icon.vue.js';
+import Info from '../icon/icons/Info.vue.js';
+/* empty css                                                        */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
+
+import "../../Banner.vue_vue_type_style_index_0_scoped_true_lang.css";
+const _withScopeId = (n) => (pushScopeId("data-v-168d9678"), n = n(), popScopeId(), n);
+const _hoisted_1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "left-border" }, null, -1));
+const _hoisted_2 = { class: "content-wrapper" };
+const _hoisted_3 = { class: "icon-container" };
+const _hoisted_4 = { class: "content" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Banner",
+  props: {
+    type: {
+      type: String,
+      default: "info"
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const iconClass = computed(() => `${props.type}`);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["banner", `banner-type-${__props.type}`])
+      }, [
+        _hoisted_1,
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_3, [
+            createVNode(unref(Icon), {
+              class: normalizeClass(unref(iconClass))
+            }, {
+              default: withCtx(() => [
+                _ctx.$slots.icon ? renderSlot(_ctx.$slots, "icon", { key: 0 }, void 0, true) : (openBlock(), createBlock(Info, { key: 1 }))
+              ]),
+              _: 3
+            }, 8, ["class"])
+          ]),
+          createElementVNode("div", _hoisted_4, [
+            renderSlot(_ctx.$slots, "default", {}, void 0, true)
+          ])
+        ])
+      ], 2);
+    };
+  }
+});
+var Banner = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-168d9678"]]);
+
+export { Banner as default };

package/components/banner/index.d.ts

@@ -0,0 +1,15 @@
+declare const BannerTypes: () => import("vue").DefineComponent<{
+    type: {
+        type: () => "error" | "info" | "success";
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    type: {
+        type: () => "error" | "info" | "success";
+        default: string;
+    };
+}>>, {
+    type: "error" | "info" | "success";
+}>[];
+export { default as Banner } from './Banner.vue';
+export { BannerTypes };

package/components/banner/index.vue.js

@@ -0,0 +1,6 @@
+import Banner from './Banner.vue.js';
+export { default as Banner } from './Banner.vue.js';
+
+const BannerTypes = () => [Banner];
+
+export { BannerTypes };

package/index.d.ts

@@ -34,3 +34,4 @@ export * from '@/composables/useToggle';
 export * from '@/composables/useSearch';
 export * from '@/components/dateRange';
 export * from '@/components/datePicker';
+export * from '@/components/banner';

package/index.vue.js

@@ -1,4 +1,4 @@
-import './DollarInput.vue_vue_type_style_index_0_scoped_true_lang.css';
+import './TextArea.vue_vue_type_style_index_0_scoped_true_lang.css';
 export { AppTriggerTypes } from './components/appTrigger/index.vue.js';
 export { AutocompleteDropdownTypes } from './components/autocompleteDropdown/index.vue.js';
 export { MenuItemTypes } from './components/menuItem/index.vue.js';
@@ -35,6 +35,7 @@ export { useToggle } from './composables/useToggle.vue.js';
 export { useSearch } from './composables/useSearch.vue.js';
 export { DateRangeTypes } from './components/dateRange/index.vue.js';
 export { DatePickerTypes } from './components/datePicker/index.vue.js';
+export { BannerTypes } from './components/banner/index.vue.js';
 export { default as Popover } from './components/popover/Popover.vue.js';
 export { default as Tooltip } from './components/tooltip/Tooltip.vue.js';
 export { default as AppTrigger } from './components/appTrigger/AppTrigger.vue.js';
@@ -89,3 +90,4 @@ export { default as Editable } from './components/table-cells/Editable.vue.js';
 export { EditableContext, useEditableContext } from './components/table-cells/EditableContext.vue.js';
 export { default as DateRange } from './components/dateRange/DateRange.vue.js';
 export { default as DatePicker } from './components/datePicker/DatePicker.vue.js';
+export { default as Banner } from './components/banner/Banner.vue.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ironsource/shared-ui",
-  "version": "1.4.0-rc.7",
+  "version": "1.4.0",
   "engines": {
     "npm": ">=7.0.0",
     "node": ">=16.0.0"
@@ -174,7 +174,8 @@
     "./passwordInput": "./components/input/PasswordInput.vue.js",
     "./percentageInput": "./components/input/PercentageInput.vue.js",
     "./textArea": "./components/textArea/TextArea.vue.js",
-    "./styleguide": "./styleguide.scss"
+    "./styleguide": "./styleguide.scss",
+    "./banner": "./components/banner/Banner.vue.js"
   },
   "typesVersions": {
     "*": {