@iroco/ui 0.13.1 → 0.15.1

package/lib/constants.scss

@@ -0,0 +1 @@
+$border-radius: 0.3em

package/lib/index.js

@@ -509,19 +509,18 @@
     	let current;
     	let mounted;
     	let dispose;
-    	const default_slot_template = /*#slots*/ ctx[8].default;
-    	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[7], null);
+    	const default_slot_template = /*#slots*/ ctx[7].default;
+    	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[6], null);
 
     	return {
     		c() {
     			button = element("button");
     			if (default_slot) default_slot.c();
-    			attr(button, "id", /*id*/ ctx[6]);
-    			attr(button, "class", button_class_value = "" + (null_to_empty(`iroco-ui-button iroco-ui-button--${/*size*/ ctx[4]} iroco-ui-button--${/*kind*/ ctx[3]}`) + " svelte-cdmkz4"));
+    			attr(button, "id", /*id*/ ctx[5]);
+    			attr(button, "class", button_class_value = "" + (null_to_empty(`iroco-ui-button iroco-ui-button--${/*size*/ ctx[4]} iroco-ui-button--${/*kind*/ ctx[3]}`) + " svelte-5qkkwb"));
     			attr(button, "type", /*type*/ ctx[1]);
     			button.disabled = /*disabled*/ ctx[2];
     			toggle_class(button, "disabled", /*disabled*/ ctx[2]);
-    			toggle_class(button, "rounded", /*rounded*/ ctx[5]);
     		},
     		m(target, anchor) {
     			insert(target, button, anchor);
@@ -530,26 +529,26 @@
     				default_slot.m(button, null);
     			}
 
-    			/*button_binding*/ ctx[10](button);
+    			/*button_binding*/ ctx[9](button);
     			current = true;
 
     			if (!mounted) {
-    				dispose = listen(button, "click", /*click_handler*/ ctx[9]);
+    				dispose = listen(button, "click", /*click_handler*/ ctx[8]);
     				mounted = true;
     			}
     		},
     		p(ctx, [dirty]) {
     			if (default_slot) {
-    				if (default_slot.p && (!current || dirty & /*$$scope*/ 128)) {
-    					update_slot(default_slot, default_slot_template, ctx, /*$$scope*/ ctx[7], dirty, null, null);
+    				if (default_slot.p && (!current || dirty & /*$$scope*/ 64)) {
+    					update_slot(default_slot, default_slot_template, ctx, /*$$scope*/ ctx[6], dirty, null, null);
     				}
     			}
 
-    			if (!current || dirty & /*id*/ 64) {
-    				attr(button, "id", /*id*/ ctx[6]);
+    			if (!current || dirty & /*id*/ 32) {
+    				attr(button, "id", /*id*/ ctx[5]);
     			}
 
-    			if (!current || dirty & /*size, kind*/ 24 && button_class_value !== (button_class_value = "" + (null_to_empty(`iroco-ui-button iroco-ui-button--${/*size*/ ctx[4]} iroco-ui-button--${/*kind*/ ctx[3]}`) + " svelte-cdmkz4"))) {
+    			if (!current || dirty & /*size, kind*/ 24 && button_class_value !== (button_class_value = "" + (null_to_empty(`iroco-ui-button iroco-ui-button--${/*size*/ ctx[4]} iroco-ui-button--${/*kind*/ ctx[3]}`) + " svelte-5qkkwb"))) {
     				attr(button, "class", button_class_value);
     			}
 
@@ -564,10 +563,6 @@
     			if (dirty & /*size, kind, disabled*/ 28) {
     				toggle_class(button, "disabled", /*disabled*/ ctx[2]);
     			}
-
-    			if (dirty & /*size, kind, rounded*/ 56) {
-    				toggle_class(button, "rounded", /*rounded*/ ctx[5]);
-    			}
     		},
     		i(local) {
     			if (current) return;
@@ -581,7 +576,7 @@
     		d(detaching) {
     			if (detaching) detach(button);
     			if (default_slot) default_slot.d(detaching);
-    			/*button_binding*/ ctx[10](null);
+    			/*button_binding*/ ctx[9](null);
     			mounted = false;
     			dispose();
     		}
@@ -594,7 +589,6 @@
     	let { disabled = false } = $$props;
     	let { kind = "basic" } = $$props;
     	let { size = "regular" } = $$props;
-    	let { rounded = false } = $$props;
     	let { id } = $$props;
     	let { node } = $$props;
 
@@ -614,10 +608,9 @@
     		if ("disabled" in $$props) $$invalidate(2, disabled = $$props.disabled);
     		if ("kind" in $$props) $$invalidate(3, kind = $$props.kind);
     		if ("size" in $$props) $$invalidate(4, size = $$props.size);
-    		if ("rounded" in $$props) $$invalidate(5, rounded = $$props.rounded);
-    		if ("id" in $$props) $$invalidate(6, id = $$props.id);
+    		if ("id" in $$props) $$invalidate(5, id = $$props.id);
     		if ("node" in $$props) $$invalidate(0, node = $$props.node);
-    		if ("$$scope" in $$props) $$invalidate(7, $$scope = $$props.$$scope);
+    		if ("$$scope" in $$props) $$invalidate(6, $$scope = $$props.$$scope);
     	};
 
     	return [
@@ -626,7 +619,6 @@
     		disabled,
     		kind,
     		size,
-    		rounded,
     		id,
     		$$scope,
     		slots,
@@ -644,8 +636,7 @@
     			disabled: 2,
     			kind: 3,
     			size: 4,
-    			rounded: 5,
-    			id: 6,
+    			id: 5,
     			node: 0
     		});
     	}
@@ -661,7 +652,7 @@
     		c() {
     			label_1 = element("label");
     			t = text(/*label*/ ctx[2]);
-    			attr(label_1, "class", "iroco-ui-label svelte-11iawkb");
+    			attr(label_1, "class", "iroco-ui-label svelte-1y0402x");
     			attr(label_1, "for", /*id*/ ctx[1]);
     		},
     		m(target, anchor) {
@@ -698,7 +689,7 @@
     			p = element("p");
     			if_block.c();
     			attr(p, "data-testid", "error");
-    			attr(p, "class", "error svelte-11iawkb");
+    			attr(p, "class", "error svelte-1y0402x");
     		},
     		m(target, anchor) {
     			insert(target, p, anchor);
@@ -792,11 +783,11 @@
     			attr(input, "type", "text");
     			attr(input, "placeholder", /*placeholder*/ ctx[3]);
     			input.readOnly = /*readonly*/ ctx[8];
-    			attr(input, "class", "svelte-11iawkb");
+    			attr(input, "class", "svelte-1y0402x");
     			toggle_class(input, "border", /*border*/ ctx[9]);
     			toggle_class(input, "error", /*error*/ ctx[4] !== null);
     			toggle_class(input, "readonlyInput", /*readonly*/ ctx[8] == true);
-    			attr(div, "class", "iroco-ui-input svelte-11iawkb");
+    			attr(div, "class", "iroco-ui-input svelte-1y0402x");
     		},
     		m(target, anchor) {
     			insert(target, div, anchor);
@@ -4191,27 +4182,28 @@
     	}
     }
 
-    /* src/SideBar.svelte generated by Svelte v3.38.2 */
+    /* src/NavBar.svelte generated by Svelte v3.38.2 */
 
     function get_each_context$1(ctx, list, i) {
     	const child_ctx = ctx.slice();
-    	child_ctx[6] = list[i];
+    	child_ctx[7] = list[i];
     	return child_ctx;
     }
 
-    // (23:2) {#each navigationItems as item}
+    // (24:2) {#each navigationItems as item}
     function create_each_block$1(ctx) {
     	let li;
     	let a;
-    	let t0_value = /*item*/ ctx[6].name + "";
+    	let t0_value = /*item*/ ctx[7].name + "";
     	let t0;
     	let a_href_value;
     	let t1;
+    	let li_class_value;
     	let mounted;
     	let dispose;
 
     	function click_handler_1() {
-    		return /*click_handler_1*/ ctx[4](/*item*/ ctx[6]);
+    		return /*click_handler_1*/ ctx[5](/*item*/ ctx[7]);
     	}
 
     	return {
@@ -4221,13 +4213,13 @@
     			t0 = text(t0_value);
     			t1 = space();
 
-    			attr(a, "href", a_href_value = typeof /*item*/ ctx[6].hrefOrCallback === "string"
-    			? /*item*/ ctx[6].hrefOrCallback
+    			attr(a, "href", a_href_value = typeof /*item*/ ctx[7].hrefOrCallback === "string"
+    			? /*item*/ ctx[7].hrefOrCallback
     			: "#");
 
-    			attr(a, "class", "svelte-12quws1");
-    			attr(li, "class", "account__sidebar__item svelte-12quws1");
-    			toggle_class(li, "active", /*active*/ ctx[1] === /*item*/ ctx[6].name);
+    			attr(a, "class", "svelte-1c8sozl");
+    			attr(li, "class", li_class_value = "nav__" + /*type*/ ctx[1] + "__item" + " svelte-1c8sozl");
+    			toggle_class(li, "active", /*active*/ ctx[2] === /*item*/ ctx[7].name);
     		},
     		m(target, anchor) {
     			insert(target, li, anchor);
@@ -4242,16 +4234,20 @@
     		},
     		p(new_ctx, dirty) {
     			ctx = new_ctx;
-    			if (dirty & /*navigationItems*/ 1 && t0_value !== (t0_value = /*item*/ ctx[6].name + "")) set_data(t0, t0_value);
+    			if (dirty & /*navigationItems*/ 1 && t0_value !== (t0_value = /*item*/ ctx[7].name + "")) set_data(t0, t0_value);
 
-    			if (dirty & /*navigationItems*/ 1 && a_href_value !== (a_href_value = typeof /*item*/ ctx[6].hrefOrCallback === "string"
-    			? /*item*/ ctx[6].hrefOrCallback
+    			if (dirty & /*navigationItems*/ 1 && a_href_value !== (a_href_value = typeof /*item*/ ctx[7].hrefOrCallback === "string"
+    			? /*item*/ ctx[7].hrefOrCallback
     			: "#")) {
     				attr(a, "href", a_href_value);
     			}
 
-    			if (dirty & /*active, navigationItems*/ 3) {
-    				toggle_class(li, "active", /*active*/ ctx[1] === /*item*/ ctx[6].name);
+    			if (dirty & /*type*/ 2 && li_class_value !== (li_class_value = "nav__" + /*type*/ ctx[1] + "__item" + " svelte-1c8sozl")) {
+    				attr(li, "class", li_class_value);
+    			}
+
+    			if (dirty & /*type, active, navigationItems*/ 7) {
+    				toggle_class(li, "active", /*active*/ ctx[2] === /*item*/ ctx[7].name);
     			}
     		},
     		d(detaching) {
@@ -4266,8 +4262,11 @@
     	let nav;
     	let button;
     	let iconclose;
+    	let button_class_value;
     	let t;
     	let ul;
+    	let ul_class_value;
+    	let nav_class_value;
     	let current;
     	let mounted;
     	let dispose;
@@ -4291,10 +4290,10 @@
     				each_blocks[i].c();
     			}
 
-    			attr(button, "class", "account__sidebar__close svelte-12quws1");
-    			attr(ul, "class", "account__sidebar__item_container svelte-12quws1");
-    			attr(nav, "data-testid", "sidebar");
-    			attr(nav, "class", "account__sidebar svelte-12quws1");
+    			attr(button, "class", button_class_value = "nav__" + /*type*/ ctx[1] + "__close" + " svelte-1c8sozl");
+    			attr(ul, "class", ul_class_value = "nav__" + /*type*/ ctx[1] + "__item-container" + " svelte-1c8sozl");
+    			attr(nav, "data-testid", /*type*/ ctx[1]);
+    			attr(nav, "class", nav_class_value = "nav__" + /*type*/ ctx[1] + " svelte-1c8sozl");
     		},
     		m(target, anchor) {
     			insert(target, nav, anchor);
@@ -4310,12 +4309,16 @@
     			current = true;
 
     			if (!mounted) {
-    				dispose = listen(button, "click", /*click_handler*/ ctx[3]);
+    				dispose = listen(button, "click", /*click_handler*/ ctx[4]);
     				mounted = true;
     			}
     		},
     		p(ctx, [dirty]) {
-    			if (dirty & /*active, navigationItems, handleClickLink*/ 7) {
+    			if (!current || dirty & /*type*/ 2 && button_class_value !== (button_class_value = "nav__" + /*type*/ ctx[1] + "__close" + " svelte-1c8sozl")) {
+    				attr(button, "class", button_class_value);
+    			}
+
+    			if (dirty & /*type, active, navigationItems, handleClickLink*/ 15) {
     				each_value = /*navigationItems*/ ctx[0];
     				let i;
 
@@ -4337,6 +4340,18 @@
 
     				each_blocks.length = each_value.length;
     			}
+
+    			if (!current || dirty & /*type*/ 2 && ul_class_value !== (ul_class_value = "nav__" + /*type*/ ctx[1] + "__item-container" + " svelte-1c8sozl")) {
+    				attr(ul, "class", ul_class_value);
+    			}
+
+    			if (!current || dirty & /*type*/ 2) {
+    				attr(nav, "data-testid", /*type*/ ctx[1]);
+    			}
+
+    			if (!current || dirty & /*type*/ 2 && nav_class_value !== (nav_class_value = "nav__" + /*type*/ ctx[1] + " svelte-1c8sozl")) {
+    				attr(nav, "class", nav_class_value);
+    			}
     		},
     		i(local) {
     			if (current) return;
@@ -4360,11 +4375,12 @@
     function instance$7($$self, $$props, $$invalidate) {
     	
     	let { navigationItems } = $$props;
+    	let { type } = $$props;
     	let active;
     	const dispatch = createEventDispatcher();
 
     	const handleClickLink = menuItem => {
-    		$$invalidate(1, active = menuItem.name);
+    		$$invalidate(2, active = menuItem.name);
 
     		if (typeof menuItem.hrefOrCallback === "function") {
     			menuItem.hrefOrCallback();
@@ -4382,15 +4398,16 @@
 
     	$$self.$$set = $$props => {
     		if ("navigationItems" in $$props) $$invalidate(0, navigationItems = $$props.navigationItems);
+    		if ("type" in $$props) $$invalidate(1, type = $$props.type);
     	};
 
-    	return [navigationItems, active, handleClickLink, click_handler, click_handler_1];
+    	return [navigationItems, type, active, handleClickLink, click_handler, click_handler_1];
     }
 
-    class SideBar extends SvelteComponent {
+    class NavBar extends SvelteComponent {
     	constructor(options) {
     		super();
-    		init(this, options, instance$7, create_fragment$7, safe_not_equal, { navigationItems: 0 });
+    		init(this, options, instance$7, create_fragment$7, safe_not_equal, { navigationItems: 0, type: 1 });
     	}
     }
 
@@ -4458,42 +4475,44 @@
     /* src/Navigation.svelte generated by Svelte v3.38.2 */
 
     function create_if_block$1(ctx) {
-    	let sidebar;
+    	let navbar;
     	let current;
 
-    	sidebar = new SideBar({
+    	navbar = new NavBar({
     			props: {
+    				type: /*type*/ ctx[1],
     				navigationItems: /*navigationItems*/ ctx[0]
     			}
     		});
 
-    	sidebar.$on("click_link", /*click_link_handler*/ ctx[4]);
-    	sidebar.$on("click", /*click_handler_1*/ ctx[5]);
+    	navbar.$on("click_link", /*click_link_handler*/ ctx[5]);
+    	navbar.$on("click", /*click_handler_1*/ ctx[6]);
 
     	return {
     		c() {
-    			create_component(sidebar.$$.fragment);
+    			create_component(navbar.$$.fragment);
     		},
     		m(target, anchor) {
-    			mount_component(sidebar, target, anchor);
+    			mount_component(navbar, target, anchor);
     			current = true;
     		},
     		p(ctx, dirty) {
-    			const sidebar_changes = {};
-    			if (dirty & /*navigationItems*/ 1) sidebar_changes.navigationItems = /*navigationItems*/ ctx[0];
-    			sidebar.$set(sidebar_changes);
+    			const navbar_changes = {};
+    			if (dirty & /*type*/ 2) navbar_changes.type = /*type*/ ctx[1];
+    			if (dirty & /*navigationItems*/ 1) navbar_changes.navigationItems = /*navigationItems*/ ctx[0];
+    			navbar.$set(navbar_changes);
     		},
     		i(local) {
     			if (current) return;
-    			transition_in(sidebar.$$.fragment, local);
+    			transition_in(navbar.$$.fragment, local);
     			current = true;
     		},
     		o(local) {
-    			transition_out(sidebar.$$.fragment, local);
+    			transition_out(navbar.$$.fragment, local);
     			current = false;
     		},
     		d(detaching) {
-    			destroy_component(sidebar, detaching);
+    			destroy_component(navbar, detaching);
     		}
     	};
     }
@@ -4517,18 +4536,19 @@
     	let h11;
     	let t6;
     	let t7;
-    	let sidebar;
+    	let navbar;
     	let current;
     	let mounted;
     	let dispose;
     	iconirocologo0 = new IconIrocoLogo({ props: { width: "3em", height: "3em" } });
     	iconburger = new IconBurger({ props: { width: "3em", height: "3em" } });
-    	let if_block = /*showMenu*/ ctx[2] && create_if_block$1(ctx);
+    	let if_block = /*showMenu*/ ctx[3] && create_if_block$1(ctx);
     	iconirocologo1 = new IconIrocoLogo({ props: { width: "3em", height: "3em" } });
 
-    	sidebar = new SideBar({
+    	navbar = new NavBar({
     			props: {
-    				navigationItems: /*navigationItems*/ ctx[0]
+    				navigationItems: /*navigationItems*/ ctx[0],
+    				type: /*type*/ ctx[1]
     			}
     		});
 
@@ -4539,7 +4559,7 @@
     			create_component(iconirocologo0.$$.fragment);
     			t0 = space();
     			h10 = element("h1");
-    			t1 = text(/*title*/ ctx[1]);
+    			t1 = text(/*title*/ ctx[2]);
     			t2 = space();
     			button = element("button");
     			create_component(iconburger.$$.fragment);
@@ -4551,16 +4571,16 @@
     			create_component(iconirocologo1.$$.fragment);
     			t5 = space();
     			h11 = element("h1");
-    			t6 = text(/*title*/ ctx[1]);
+    			t6 = text(/*title*/ ctx[2]);
     			t7 = space();
-    			create_component(sidebar.$$.fragment);
-    			attr(h10, "class", "svelte-1uu9ytm");
-    			attr(div0, "class", "account__navigation--mobile__title-container svelte-1uu9ytm");
-    			attr(button, "class", "account__navigation--mobile__button svelte-1uu9ytm");
-    			attr(div1, "class", "account__navigation--mobile svelte-1uu9ytm");
-    			attr(h11, "class", "svelte-1uu9ytm");
-    			attr(div2, "class", "account__navigation__title-container svelte-1uu9ytm");
-    			attr(div3, "class", "account__navigation svelte-1uu9ytm");
+    			create_component(navbar.$$.fragment);
+    			attr(h10, "class", "svelte-lqwgm1");
+    			attr(div0, "class", "navigation--mobile__title-container svelte-lqwgm1");
+    			attr(button, "class", "navigation--mobile__button svelte-lqwgm1");
+    			attr(div1, "class", "navigation--mobile svelte-lqwgm1");
+    			attr(h11, "class", "svelte-lqwgm1");
+    			attr(div2, "class", "navigation__title-container svelte-lqwgm1");
+    			attr(div3, "class", "navigation svelte-lqwgm1");
     		},
     		m(target, anchor) {
     			insert(target, div1, anchor);
@@ -4582,22 +4602,22 @@
     			append(div2, h11);
     			append(h11, t6);
     			append(div3, t7);
-    			mount_component(sidebar, div3, null);
+    			mount_component(navbar, div3, null);
     			current = true;
 
     			if (!mounted) {
-    				dispose = listen(button, "click", /*click_handler*/ ctx[3]);
+    				dispose = listen(button, "click", /*click_handler*/ ctx[4]);
     				mounted = true;
     			}
     		},
     		p(ctx, [dirty]) {
-    			if (!current || dirty & /*title*/ 2) set_data(t1, /*title*/ ctx[1]);
+    			if (!current || dirty & /*title*/ 4) set_data(t1, /*title*/ ctx[2]);
 
-    			if (/*showMenu*/ ctx[2]) {
+    			if (/*showMenu*/ ctx[3]) {
     				if (if_block) {
     					if_block.p(ctx, dirty);
 
-    					if (dirty & /*showMenu*/ 4) {
+    					if (dirty & /*showMenu*/ 8) {
     						transition_in(if_block, 1);
     					}
     				} else {
@@ -4616,10 +4636,11 @@
     				check_outros();
     			}
 
-    			if (!current || dirty & /*title*/ 2) set_data(t6, /*title*/ ctx[1]);
-    			const sidebar_changes = {};
-    			if (dirty & /*navigationItems*/ 1) sidebar_changes.navigationItems = /*navigationItems*/ ctx[0];
-    			sidebar.$set(sidebar_changes);
+    			if (!current || dirty & /*title*/ 4) set_data(t6, /*title*/ ctx[2]);
+    			const navbar_changes = {};
+    			if (dirty & /*navigationItems*/ 1) navbar_changes.navigationItems = /*navigationItems*/ ctx[0];
+    			if (dirty & /*type*/ 2) navbar_changes.type = /*type*/ ctx[1];
+    			navbar.$set(navbar_changes);
     		},
     		i(local) {
     			if (current) return;
@@ -4627,7 +4648,7 @@
     			transition_in(iconburger.$$.fragment, local);
     			transition_in(if_block);
     			transition_in(iconirocologo1.$$.fragment, local);
-    			transition_in(sidebar.$$.fragment, local);
+    			transition_in(navbar.$$.fragment, local);
     			current = true;
     		},
     		o(local) {
@@ -4635,7 +4656,7 @@
     			transition_out(iconburger.$$.fragment, local);
     			transition_out(if_block);
     			transition_out(iconirocologo1.$$.fragment, local);
-    			transition_out(sidebar.$$.fragment, local);
+    			transition_out(navbar.$$.fragment, local);
     			current = false;
     		},
     		d(detaching) {
@@ -4646,7 +4667,7 @@
     			if (detaching) detach(t4);
     			if (detaching) detach(div3);
     			destroy_component(iconirocologo1);
-    			destroy_component(sidebar);
+    			destroy_component(navbar);
     			mounted = false;
     			dispose();
     		}
@@ -4656,19 +4677,22 @@
     function instance$5($$self, $$props, $$invalidate) {
     	
     	let { navigationItems } = $$props;
+    	let { type = "topbar" } = $$props;
     	let { title } = $$props;
     	let showMenu = false;
-    	const click_handler = () => $$invalidate(2, showMenu = true);
-    	const click_link_handler = () => $$invalidate(2, showMenu = false);
-    	const click_handler_1 = () => $$invalidate(2, showMenu = false);
+    	const click_handler = () => $$invalidate(3, showMenu = true);
+    	const click_link_handler = () => $$invalidate(3, showMenu = false);
+    	const click_handler_1 = () => $$invalidate(3, showMenu = false);
 
     	$$self.$$set = $$props => {
     		if ("navigationItems" in $$props) $$invalidate(0, navigationItems = $$props.navigationItems);
-    		if ("title" in $$props) $$invalidate(1, title = $$props.title);
+    		if ("type" in $$props) $$invalidate(1, type = $$props.type);
+    		if ("title" in $$props) $$invalidate(2, title = $$props.title);
     	};
 
     	return [
     		navigationItems,
+    		type,
     		title,
     		showMenu,
     		click_handler,
@@ -4680,7 +4704,7 @@
     class Navigation extends SvelteComponent {
     	constructor(options) {
     		super();
-    		init(this, options, instance$5, create_fragment$5, safe_not_equal, { navigationItems: 0, title: 1 });
+    		init(this, options, instance$5, create_fragment$5, safe_not_equal, { navigationItems: 0, type: 1, title: 2 });
     	}
     }
 
@@ -5360,7 +5384,7 @@
     		c() {
     			div = element("div");
     			t = text(/*content*/ ctx[1]);
-    			attr(div, "class", div_class_value = "" + (null_to_empty(`alert alert--${/*type*/ ctx[0]}`) + " svelte-1oun6o6"));
+    			attr(div, "class", div_class_value = "" + (null_to_empty(`alert alert--${/*type*/ ctx[0]}`) + " svelte-itln7g"));
     		},
     		m(target, anchor) {
     			insert(target, div, anchor);
@@ -5378,7 +5402,7 @@
     			ctx = new_ctx;
     			if (dirty & /*content*/ 2) set_data(t, /*content*/ ctx[1]);
 
-    			if (dirty & /*type*/ 1 && div_class_value !== (div_class_value = "" + (null_to_empty(`alert alert--${/*type*/ ctx[0]}`) + " svelte-1oun6o6"))) {
+    			if (dirty & /*type*/ 1 && div_class_value !== (div_class_value = "" + (null_to_empty(`alert alert--${/*type*/ ctx[0]}`) + " svelte-itln7g"))) {
     				attr(div, "class", div_class_value);
     			}
     		},
@@ -5423,10 +5447,10 @@
     exports.IconMore = IconMoreSign;
     exports.IconTrashCan = IconTrashCan;
     exports.Loader = Loader;
+    exports.NavBar = NavBar;
     exports.Navigation = Navigation;
     exports.NumberInput = NumberInput;
     exports.RadioButton = RadioButton;
-    exports.SideBar = SideBar;
     exports.TextInput = TextInput;
 
     Object.defineProperty(exports, '__esModule', { value: true });