do-ui-design-system 1.0.21 → 1.1.0

package/dist/do-theme/icomoon/iconList.js

@@ -1,11 +1,9 @@
 // Auto-generated from $lib/do-theme/icomoon/icons.css by generate-icon-list.cjs
 // run [ node generate-icon-list.cjs ]
 const iconList = [
-    "icon-download-outline",
-    "icon-warning",
-    "icon-not-repeat",
-    "icon-repeat",
-    "icon-navigate",
+    "icon-moon-o",
+    "icon-sun-o",
+    "icon-edit-o",
     "icon-search",
     "icon-map-outline",
     "icon-analytics-outline",

package/dist/do-theme/icomoon/icons.css

@@ -1,16 +1,17 @@
 @font-face {
   font-family: 'icomoon';
-  src:  url('./fonts/icomoon.eot?uto40f');
-  src:  url('./fonts/icomoon.eot?uto40f#iefix') format('embedded-opentype'),
-    url('./fonts/icomoon.ttf?uto40f') format('truetype'),
-    url('./fonts/icomoon.woff?uto40f') format('woff'),
-    url('./fonts/icomoon.svg?uto40f#icomoon') format('svg');
+  src: url('./fonts/icomoon.eot?f1vabk');
+  src: url('./fonts/icomoon.eot?f1vabk#iefix') format('embedded-opentype'),
+    url('./fonts/icomoon.ttf?f1vabk') format('truetype'),
+    url('./fonts/icomoon.woff?f1vabk') format('woff'),
+    url('./fonts/icomoon.svg?f1vabk#icomoon') format('svg');
   font-weight: normal;
   font-style: normal;
   font-display: block;
 }
 
-[class^="icon-"], [class*=" icon-"] {
+[class^="icon-"],
+[class*=" icon-"] {
   /* use !important to prevent issues with browser extensions that change fonts */
   font-family: 'icomoon' !important;
   speak: never;
@@ -25,99 +26,122 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
-.icon-download-outline:before {
+.icon-moon-o:before {
   content: "\e91b";
 }
-.icon-warning:before {
+
+.icon-sun-o:before {
   content: "\e91c";
 }
-.icon-not-repeat:before {
+
+.icon-edit-o:before {
   content: "\e91d";
 }
-.icon-repeat:before {
-  content: "\e91e";
-}
-.icon-navigate:before {
-  content: "\e91f";
-}
+
 .icon-search:before {
   content: "\e918";
 }
+
 .icon-map-outline:before {
   content: "\e919";
 }
+
 .icon-analytics-outline:before {
   content: "\e91a";
 }
+
 .icon-chart:before {
   content: "\e917";
 }
+
 .icon-loading:before {
   content: "\e916";
 }
+
 .icon-close:before {
   content: "\e915";
 }
+
 .icon-copy:before {
   content: "\e914";
 }
+
 .icon-alert:before {
   content: "\e90d";
 }
+
 .icon-eye:before {
   content: "\e90e";
 }
+
 .icon-eye-closed:before {
   content: "\e90f";
 }
+
 .icon-info:before {
   content: "\e910";
 }
+
 .icon-layers:before {
   content: "\e911";
 }
+
 .icon-marker:before {
   content: "\e912";
 }
+
 .icon-move:before {
   content: "\e913";
 }
+
 .icon-contrast:before {
   content: "\e906";
 }
+
 .icon-arrow:before {
   content: "\e907";
 }
+
 .icon-chevron-up-down:before {
   content: "\e908";
 }
+
 .icon-chevron-down:before {
   content: "\e909";
 }
+
 .icon-download:before {
   content: "\e90a";
 }
+
 .icon-plus:before {
   content: "\e90b";
 }
+
 .icon-trash:before {
   content: "\e90c";
 }
+
 .icon-chain:before {
   content: "\e900";
 }
+
 .icon-check:before {
   content: "\e901";
 }
+
 .icon-frame:before {
   content: "\e902";
 }
+
 .icon-database:before {
   content: "\e903";
 }
+
 .icon-menu:before {
   content: "\e904";
 }
+
 .icon-refresh:before {
   content: "\e905";
-}
+}

package/dist/do-theme/index.css

@@ -1,6 +1,4 @@
-@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
-@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap');
-
+@import "./var-base.css";
 @import "./var-light.css";
 @import "./var-dark.css";
 @import "./font.css";

package/dist/do-theme/var-base.css

@@ -0,0 +1,21 @@
+:root {
+    /*color variables*/
+    --do-color-black-1: #000;
+    --do-color-black-2: #27272a;
+    --do-color-black-3: #18181B;
+    --do-color-white-1: #fff;
+    --do-color-white-2: #F4F4F5;
+    --do-color-white-3: #E4E4E7;
+    --do-color-white-4: #e8e8e8;
+    --do-color-white-5: #FAFAFA;
+    --do-color-white-6: #eff6ff;
+    --do-color-white-7: #d4d4d8;
+    --do-color-grey-1: #3F3F46;
+    --do-color-grey-2: #52525B;
+    --do-color-grey-3: #303030;
+    --do-color-grey-4: #71717A;
+    --do-color-blue-1: #1e40af;
+    --do-color-blue-2: #1d4ed8;
+    --do-color-blue-3: #2563eb;
+    --do-color-blue-4: #dbeafe;
+}

package/dist/do-theme/var-dark.css

@@ -1,63 +1,67 @@
-[data-do-theme='dark'] {	
-	/*color variables*/
-	--do-color-primary: #27272a;
-	--do-color-primary-content: #fafafa;
-	--do-color-secondary: #fafafa;
-	--do-color-secondary-content: var(--do-color-primary);
-	--do-color-tertiary: #eff6ff;
-	--do-color-tertiary-content: #1d4ed8;
-	--do-color-accent: #1d4ed8;
-	--do-color-accent-content: #eff6ff;
-	--do-color-white: #fff;
-	--do-color-black: #000;
-	--do-color-grey-border: #303030;
-	--do-color-grey: #3F3F46;
-	--color-dark-grey: #18181B;
-	--color-dark-grey-border: #303030;
-	
+[data-do-theme='dark'] {
+	/*background*/
+	--do-bg-primary: var(--do-color-black-2);
+	--do-bg-secondary: var(--do-color-black-3);
 
-	/*buttons variables*/
-	--do-color-primary-hover: #F4F4F5;
-	--do-color-primary-content-hover: var(--do-color-primary);
-	--do-color-primary-border: #52525b;
-	--do-color-primary-border-hover: #e4e4e7;
+	/*box*/
+	--do-box-primary-bg: var(--do-color-black-1);
+	--do-box-primary-border: var(--do-color-grey-2);
+	--do-box-secondary-bg: var(--do-color-grey-1);
+	--do-box-secondary-border: var(--do-color-grey-2);
 
-	--do-color-secondary-hover: #71717A;
-	--do-color-secondary-border: #f4f4f5;
-	--do-color-secondary-border-hover: #71717a;
+	/*buttons*/
+	--do-btn-primary: var(--do-color-black-2);
+	--do-btn-primary-hover: var(--do-color-white-2);
+	--do-btn-primary-content: var(--do-color-white-5);
+	--do-btn-primary-content-hover: var(--do-color-black-2);
+	--do-btn-primary-border: #52525b;
+	--do-btn-primary-border-hover: #e4e4e7;
 
-	--do-color-tertiary-border: #dbeafe;
-	--do-color-tertiary-hover: #1D4ED8;
-	--do-color-tertiary-hover-content: #FAFAFA;
-	--do-color-tertiary-hover-border: #1D4ED8;
+	--do-btn-secondary-bg: var(--do-color-white-5);
+	--do-btn-secondary-bg-hover: var(--do-color-grey-4);
+	--do-btn-secondary-content: var(--do-color-black-2);
+	--do-btn-secondary-content-hover: var(--do-color-white-5);
+	--do-btn-secondary-hover: var(--do-color-grey-4);
+	--do-btn-secondary-border: var(--do-color-white-2);
+	--do-btn-secondary-border-hover: var(--do-color-white-5);
 
-	--do-color-accent-border: #2563eb;
-	--do-color-accent-hover-border: #3b82f6;
-	--do-color-accent-hover-content: #1D4ED8;
+	--do-btn-tertiary-bg: var(--do-color-white-6);
+	--do-btn-tertiary-content: var(--do-color-blue-2);
+	--do-btn-tertiary-border: #dbeafe;
+	--do-btn-tertiary-hover: #1D4ED8;
+	--do-btn-tertiary-hover-content: #FAFAFA;
+	--do-btn-tertiary-hover-border: #1D4ED8;
 
-	--do-color-link: #fafafa;
-	--do-color-link-content: none;
-	--do-color-link-hover-content: #fafafa;
-	--do-color-link-hover-border: #52525B;
+	--do-btn-accent-bg: var(--do-color-blue-3);
+	--do-btn-accent-content: var(--do-color-white-6);
+	--do-btn-accent-border: var(--do-color-blue-3);
+	--do-btn-accent-hover-bg: var(--do-color-blue-4);
+	--do-btn-accent-hover-border: #3b82f6;
+	--do-btn-accent-hover-content: #1D4ED8;
 
-	--do-color-link-secondary: #1d4ed8;
-	--do-color-link-secondary-content: none;
-	--do-color-link-secondary-hover: #1D4ED8;
+	--do-btn-link: var(--do-color-white-5);
+	--do-btn-link-content: none;
+	--do-btn-link-hover-content: var(--do-color-white-5);
+	--do-btn-link-hover-border: var(--do-color-grey-2);
+
+	--do-btn-link-secondary: #1d4ed8;
+	--do-btn-link-secondary-content: none;
+	--do-btn-link-secondary-hover: #1D4ED8;
 
 	/*chip colors*/
 	--do-chip-content: #FAFAFA;
 	--do-chip-bg: #71717A;
 	--do-chip-content-hover: #FAFAFA;
 	--do-chip-bg-hover: #27272A;
-	
+
 	/*chip colors*/
 	--do-chip-primary-content: #FAFAFA;
 	--do-chip-primary-bg: #52525B;
 	--do-chip-primary-hover-content: #FAFAFA;
 	--do-chip-primary-hover-bg: #27272A;
 	--do-chip-primary-border: #71717A;
-	--do-chip-tooltip-content:#FAFAFA;
-	--do-chip-tooltip-bg:#71717A;
+	--do-chip-tooltip-content: #FAFAFA;
+	--do-chip-tooltip-bg: #71717A;
 	--do-chip-accent-content: #FAFAFA;
 	--do-chip-accent-bg: #3B82F6;
 	--do-chip-accent-hover-content: #FAFAFA;
@@ -66,10 +70,10 @@
 	--do-chip-accent-hover-border: #1E40AF;
 
 	/*badge colors*/
-	--do-badge-primary-content:#FAFAFA;
-	--do-badge-primary-bg:#71717A;
-	--do-badge-accent-content:#2563EB;
-	--do-badge-accent-bg:#FAFAFA;
+	--do-badge-primary-content: #FAFAFA;
+	--do-badge-primary-bg: #71717A;
+	--do-badge-accent-content: #2563EB;
+	--do-badge-accent-bg: #FAFAFA;
 
 	/* base sizes */
 	--size-selector: 0.25rem;
@@ -97,4 +101,4 @@
 	--color-secondary: #fafafa;
 	--color-tertiary: #eff6ff;
 	--color-accent: #1d4ed8;
-}
+}

package/dist/do-theme/var-light.css

@@ -1,50 +1,53 @@
 :root,
 [data-do-theme='light'] {
-	/*color variables*/
-	--do-color-primary: #fafafa;
-	--do-color-primary-content: #18181b;
-	--do-color-secondary: #27272a;
-	--do-color-secondary-content: #fafafa;
-	--do-color-tertiary: #1e40af;
-	--do-color-tertiary-content: #eff6ff;
-	--do-color-accent: #eff6ff;
-	--do-color-accent-content: #1d4ed8;
-	--do-color-white: #fff;
-	--do-color-black: #000;
-	--do-color-grey-border: #e4e4e7;
-	--do-color-grey: #f4f4f5;
-	--color-dark-grey: #18181b;
-	--color-dark-grey-border: #303030;
+	/*background*/
+	--do-bg--primary: var(--do-color-white-1);
+	--do-bg--secondary: var(--do-color-white-2);
 
-	/*buttons variables*/
-	--do-color-primary-border: var(--do-color-grey);
-	--do-color-primary-hover: #d4d4d8;
-	--do-color-primary-content-hover: #27272a;
-	--do-color-primary-border-hover: var(--do-color-grey-border);
+	/*box*/
+	--do-box--primary-bg: var(--do-color-white-6);
+	--do-box--primary-border: var(--do-color-white-3);
+	--do-box--secondary-bg: var(--do-color-white-4);
+	--do-box--secondary-border: var(----do-color-white-3);
 
-	--do-color-secondary-border: #52525b;
-	--do-color-secondary-hover: #52525b;
-	--do-color-secondary-content-hover: #fafafa;
-	--do-color-secondary-border-hover: #71717a;
+	/*buttons*/
+	--do-btn-primary: var(--do-color-white-5);
+	--do-btn-primary-hover: var(--do-color-white-7);
+	--do-btn-primary-content: var(--do-color-black-2);
+	--do-btn-primary-content-hover: var(--do-color-black-2);
+	--do-btn-primary-border: var(--do-color-white-2);
+	--do-btn-primary-border-hover: var(--do-color-white-3);
 
-	--do-color-tertiary-border: #1d4ed8;
-	--do-color-tertiary-hover: #eff6ff;
-	--do-color-tertiary-hover-content: #1e40af;
-	--do-color-tertiary-hover-border: #dbeafe;
+	--do-btn-secondary-bg: var(--do-color-black-2);
+	--do-btn-secondary-bg-hover: var(--do-color-grey-4);
+	--do-btn-secondary-content: var(--do-color-white-5);
+	--do-btn-secondary-content-hover: var(--do-color-white-5);
+	--do-btn-secondary-hover: var(--do-color-grey-4);
+	--do-btn-secondary-border: var(--do-color-grey-2);
+	--do-btn-secondary-border-hover: transparent;
 
-	--do-color-accent-border: #dbeafe;
-	--do-color-accent-hover: #dbeafe;
-	--do-color-accent-hover-content: #1e40af;
-	--do-color-accent-hover-border: #dbeafe;
+	--do-btn-tertiary-bg: var(--do-color-blue-1);
+	--do-btn-tertiary-content: var(--do-color-white-6);
+	--do-btn-tertiary-border: #dbeafe;
+	--do-btn-tertiary-hover: #1D4ED8;
+	--do-btn-tertiary-hover-content: var(--do-color-blue-1);
+	--do-btn-tertiary-hover-border: var(--do-color-white-6);
 
-	--do-color-link: #27272a;
-	--do-color-link-content: none;
-	--do-color-link-hover-content: #18181b;
-	--do-color-link-hover-border: rgba(0, 0, 0, 0.2);
+	--do-btn-accent-bg: var(--do-color-white-6);
+	--do-btn-accent-content: var(--do-color-blue-2);
+	--do-btn-accent-border: var(--do-color-blue-4);
+	--do-btn-accent-hover-bg: var(--do-color-blue-4);
+	--do-btn-accent-hover-border: var(--do-color-blue-4);
+	--do-btn-accent-hover-content: #1D4ED8;
 
-	--do-color-link-secondary: #1d4ed8;
-	--do-color-link-secondary-content: none;
-	--do-color-link-secondary-hover: #eff6ff;
+	--do-btn-link: var(--do-color-black-2);
+	--do-btn-link-content: none;
+	--do-btn-link-hover-content: var(--do-color-black-2);
+	--do-btn-link-hover-border: var(--do-color-grey-2);
+
+	--do-btn-link-secondary: #1d4ed8;
+	--do-btn-link-secondary-content: none;
+	--do-btn-link-secondary-hover: var(--do-color-white-6);
 
 	/*chip variables*/
 	--do-chip-content: #3f3f46;
@@ -95,8 +98,8 @@
 	--do-transparent: transparent;
 
 	/*daisy color variables*/
-	--color-primary: var(--do-color-primary);
+	--color-primary: var(--do-color-white-5);
 	--color-secondary: var(--do-color-secondary);
 	--color-accent: var(--do-color-accent);
 	--color-tertiary: var(--do-color-tertiary);
-}
+}

package/dist/molecules/IconButton/IconButton.svelte

@@ -8,6 +8,7 @@
 		label,
 		disabled,
 		loading,
+		title,
 		onClick,
 		ariaLabel,
 		ariaDisabled,
@@ -18,7 +19,6 @@
 		rounded,
 		circle,
 		square,
-		noBorder,
 		btnCustomClass,
 		iCustomClass,
 		btnCustomStyles,
@@ -30,6 +30,7 @@
 		label?: iProps['label'];
 		disabled?: iProps['disabled'];
 		loading?: iProps['loading'];
+		title?: iProps['title'];
 		onClick: iProps['onClick'];
 		ariaLabel: iProps['ariaLabel'];
 		ariaDisabled?: iProps['ariaDisabled'];
@@ -40,7 +41,6 @@
 		rounded?: iProps['rounded'];
 		circle?: iProps['circle'];
 		square?: iProps['square'];
-		noBorder?: iProps['noBorder'];
 		btnCustomClass?: iProps['btnCustomClass'];
 		iCustomClass?: iProps['iCustomClass'];
 		btnCustomStyles?: iProps['btnCustomStyles'];
@@ -61,6 +61,7 @@
 		- `loading?`: boolean
 		- `onClick`: () => void
 		- `ariaLabel`: string
+		- `title`: string
 		- `ariaDisabled`?: boolean
 		- `iconName?`: any icon name from the Icon component
 		- `iconSize?`: rem units
@@ -81,14 +82,14 @@
 	{disabled}
 	{rounded}
 	{circle}
+	{title}
 	{square}
-	{noBorder}
 	{ariaLabel}
 	{ariaDisabled}
 	customClass={btnCustomClass}
 	customStyles={btnCustomStyles}
-	onClick={onClick}
-	data={{...data}}
+	{onClick}
+	data={{ ...data }}
 >
 	{#if loading}
 		<i class="icon-loading do-loader" style={iconPosition === 'start' ? 'order:1;' : 'order:2;'}

package/dist/molecules/IconButton/IconButton.svelte.d.ts

@@ -5,6 +5,7 @@ type $$ComponentProps = {
     label?: iProps['label'];
     disabled?: iProps['disabled'];
     loading?: iProps['loading'];
+    title?: iProps['title'];
     onClick: iProps['onClick'];
     ariaLabel: iProps['ariaLabel'];
     ariaDisabled?: iProps['ariaDisabled'];
@@ -15,7 +16,6 @@ type $$ComponentProps = {
     rounded?: iProps['rounded'];
     circle?: iProps['circle'];
     square?: iProps['square'];
-    noBorder?: iProps['noBorder'];
     btnCustomClass?: iProps['btnCustomClass'];
     iCustomClass?: iProps['iCustomClass'];
     btnCustomStyles?: iProps['btnCustomStyles'];
@@ -34,6 +34,7 @@ type $$ComponentProps = {
  * - `loading?`: boolean
  * - `onClick`: () => void
  * - `ariaLabel`: string
+ * - `title`: string
  * - `ariaDisabled`?: boolean
  * - `iconName?`: any icon name from the Icon component
  * - `iconSize?`: rem units

package/dist/molecules/IconButton/IconButton.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/molecules/IconButton/IconButton.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAEzC,KAAK,gBAAgB,GAAI;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC,SAAS,CAAC,CAAC;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC,UAAU,CAAC,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAC,SAAS,CAAC,CAAC;IAC5B,OAAO,EAAE,MAAM,CAAC,SAAS,CAAC,CAAC;IAC3B,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC,cAAc,CAAC,CAAC;IACtC,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC,UAAU,CAAC,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC;IAChC,YAAY,CAAC,EAAE,MAAM,CAAC,cAAc,CAAC,CAAC;IACtC,OAAO,CAAC,EAAE,MAAM,CAAC,SAAS,CAAC,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC,UAAU,CAAC,CAAC;IAC9B,cAAc,CAAC,EAAE,MAAM,CAAC,gBAAgB,CAAC,CAAC;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAC,cAAc,CAAC,CAAC;IACtC,eAAe,CAAC,EAAE,MAAM,CAAC,iBAAiB,CAAC,CAAC;IAC5C,aAAa,CAAC,EAAE,MAAM,CAAC,eAAe,CAAC,CAAC;IACxC,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;CACtB,CAAC;AA+CH;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,QAAA,MAAM,UAAU,sDAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}
+{"version":3,"file":"IconButton.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/molecules/IconButton/IconButton.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAEzC,KAAK,gBAAgB,GAAI;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC,SAAS,CAAC,CAAC;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC,UAAU,CAAC,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAC,SAAS,CAAC,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IACxB,OAAO,EAAE,MAAM,CAAC,SAAS,CAAC,CAAC;IAC3B,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC,cAAc,CAAC,CAAC;IACtC,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC,UAAU,CAAC,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC;IAChC,YAAY,CAAC,EAAE,MAAM,CAAC,cAAc,CAAC,CAAC;IACtC,OAAO,CAAC,EAAE,MAAM,CAAC,SAAS,CAAC,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC,gBAAgB,CAAC,CAAC;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAC,cAAc,CAAC,CAAC;IACtC,eAAe,CAAC,EAAE,MAAM,CAAC,iBAAiB,CAAC,CAAC;IAC5C,aAAa,CAAC,EAAE,MAAM,CAAC,eAAe,CAAC,CAAC;IACxC,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;CACtB,CAAC;AA+CH;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,QAAA,MAAM,UAAU,sDAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}

package/dist/molecules/IconButton/iProps.d.ts

@@ -16,11 +16,11 @@ export interface iProps extends HTMLButtonAttributes {
     rounded?: boolean;
     circle?: boolean;
     square?: boolean;
-    noBorder?: boolean;
     customClass?: string;
     btnCustomClass?: string;
     iCustomClass?: string;
     btnCustomStyles?: string;
+    title?: string | undefined;
     iCustomStyles?: string;
     data?: {
         [key: string]: string;

package/dist/molecules/IconButton/iProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"iProps.d.ts","sourceRoot":"","sources":["../../../src/lib/molecules/IconButton/iProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAE5D,MAAM,WAAW,MAAO,SAAQ,oBAAoB;IACnD,OAAO,CAAC,EAAE,gBAAgB,GAAG,kBAAkB,GAAG,iBAAiB,GAAG,aAAa,GAAG,eAAe,CAAC;IACtG,IAAI,CAAC,EAAE,WAAW,GAAG,WAAW,GAAG,WAAW,CAAC;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACnC,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE;QAAC,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAC,CAAC;CAC/B"}
+{"version":3,"file":"iProps.d.ts","sourceRoot":"","sources":["../../../src/lib/molecules/IconButton/iProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAE5D,MAAM,WAAW,MAAO,SAAQ,oBAAoB;IACnD,OAAO,CAAC,EAAE,gBAAgB,GAAG,kBAAkB,GAAG,iBAAiB,GAAG,aAAa,GAAG,eAAe,CAAC;IACtG,IAAI,CAAC,EAAE,WAAW,GAAG,WAAW,GAAG,WAAW,CAAC;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACnC,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;CACjC"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "do-ui-design-system",
-	"version": "1.0.21",
+	"version": "1.1.0",
 	"description": "Design system en Svelte + CSS + Storybook",
 	"author": "Data Observatory",
 	"license": "MIT",