do-ui-design-system 1.0.14 → 1.0.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (22) hide show
  1. package/dist/atoms/Button/Button.svelte +5 -3
  2. package/dist/atoms/Button/Button.svelte.d.ts.map +1 -1
  3. package/dist/atoms/Chip/Chip.svelte +17 -9
  4. package/dist/atoms/Chip/Chip.svelte.d.ts +5 -1
  5. package/dist/atoms/Chip/Chip.svelte.d.ts.map +1 -1
  6. package/dist/atoms/Chip/iProps.d.ts +3 -1
  7. package/dist/atoms/Chip/iProps.d.ts.map +1 -1
  8. package/dist/do-theme/button.css +0 -12
  9. package/dist/do-theme/chip.css +30 -23
  10. package/dist/molecules/ActionChip/ActionChip.svelte.d.ts +1 -1
  11. package/dist/molecules/IconButton/IconButton.svelte +1 -6
  12. package/dist/molecules/IconButton/IconButton.svelte.d.ts +2 -3
  13. package/dist/molecules/IconButton/IconButton.svelte.d.ts.map +1 -1
  14. package/dist/molecules/IconButton/iProps.d.ts +0 -3
  15. package/dist/molecules/IconButton/iProps.d.ts.map +1 -1
  16. package/package.json +1 -1
  17. package/dist/molecules/CounterBadge/CounterBadge.svelte +0 -27
  18. package/dist/molecules/CounterBadge/CounterBadge.svelte.d.ts +0 -38
  19. package/dist/molecules/CounterBadge/CounterBadge.svelte.d.ts.map +0 -1
  20. package/dist/molecules/CounterBadge/iProps.d.ts +0 -9
  21. package/dist/molecules/CounterBadge/iProps.d.ts.map +0 -1
  22. package/dist/molecules/CounterBadge/iProps.js +0 -1
package/dist/atoms/Button/Button.svelte CHANGED
@@ -3,7 +3,7 @@
3
3
  import type { iProps } from './iProps.ts';
4
4
 
5
5
  let {
6
- label,
6
+ label = 'Label',
7
7
  type = 'button',
8
8
  ariaLabel,
9
9
  onClick,
@@ -56,7 +56,9 @@
56
56
  ? 'border-radius:3rem;'
57
57
  : square
58
58
  ? 'border-radius:4px; padding: 8px;'
59
- : ''
59
+ : noBorder
60
+ ? 'border:none; padding: 8px;'
61
+ : '';
60
62
  });
61
63
 
62
64
  $effect(() => {
@@ -96,7 +98,7 @@
96
98
  aria-disabled={ariaDisabled}
97
99
  {name}
98
100
  {id}
99
- class={['do-btn', `${variant}`, `${size}`, `${customClass}`, noBorder ? 'no-border' : ''].join(' ')}
101
+ class={['do-btn', `${variant}`, `${size}`, `${customClass}`].join(' ')}
100
102
  style={mergedStyles}
101
103
  data-testid={dataTestId}
102
104
  >
package/dist/atoms/Button/Button.svelte.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Button.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/atoms/Button/Button.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAEzC,KAAK,gBAAgB,GAAI;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC;IAC/B,OAAO,EAAE,MAAM,CAAC,SAAS,CAAC,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC,UAAU,CAAC,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC,cAAc,CAAC,CAAC;IACtC,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;IACtB,EAAE,CAAC,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC,SAAS,CAAC,CAAC;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC,SAAS,CAAC,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC,SAAS,CAAC,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC,cAAc,CAAC,CAAC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC,aAAa,CAAC,CAAC;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC,UAAU,CAAC,CAAC;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAC,YAAY,CAAC,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AA0DH;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,QAAA,MAAM,MAAM,sDAAwC,CAAC;AACrD,KAAK,MAAM,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC;AACxC,eAAe,MAAM,CAAC"}
1
+ {"version":3,"file":"Button.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/atoms/Button/Button.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAEzC,KAAK,gBAAgB,GAAI;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC;IAC/B,OAAO,EAAE,MAAM,CAAC,SAAS,CAAC,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC,UAAU,CAAC,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC,cAAc,CAAC,CAAC;IACtC,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;IACtB,EAAE,CAAC,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC,SAAS,CAAC,CAAC;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC,SAAS,CAAC,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC,SAAS,CAAC,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC,cAAc,CAAC,CAAC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC,aAAa,CAAC,CAAC;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC,UAAU,CAAC,CAAC;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAC,YAAY,CAAC,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AA4DH;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,QAAA,MAAM,MAAM,sDAAwC,CAAC;AACrD,KAAK,MAAM,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC;AACxC,eAAe,MAAM,CAAC"}
package/dist/atoms/Chip/Chip.svelte CHANGED
@@ -12,6 +12,8 @@
12
12
  variant = 'do-chip-primary',
13
13
  customClass = '',
14
14
  dataTestId,
15
+ tooltip,
16
+ tooltipContent,
15
17
  children
16
18
  }: {
17
19
  label?: iProps['label'];
@@ -23,6 +25,8 @@
23
25
  variant?: iProps['variant'];
24
26
  customClass?: iProps['customClass'];
25
27
  dataTestId?: iProps['dataTestId'];
28
+ tooltip?: iProps['tooltip'];
29
+ tooltipContent?: iProps['tooltipContent'];
26
30
  children?: Snippet;
27
31
  } = $props();
28
32
 
@@ -30,22 +34,17 @@
30
34
  let isTruncated: boolean = $state(false);
31
35
 
32
36
  $effect(() => {
33
- displayedText =
34
- typeof label === 'string'
35
- ? maxLength && label.length > maxLength
36
- ? label.slice(0, maxLength) + '…'
37
- : label
38
- : '';
37
+ displayedText = maxLength && label.length > maxLength ? label.slice(0, maxLength) + '…' : label;
39
38
  });
40
39
 
41
40
  $effect(() => {
42
- isTruncated = typeof label === 'string' && maxLength ? label.length > maxLength : false;
41
+ isTruncated = (maxLength && label.length > maxLength) || false;
43
42
  });
44
43
  </script>
45
44
 
46
45
  <!-- @component Chip
47
46
  ```Svelte
48
- <Chip label={label} aria-label={ariaLabel} role={role} tabindex={tabIndex} id={id} maxLength={maxLength} variant={variant} customClass={customClass} data-testid={dataTestId}>
47
+ <Chip label={label} aria-label={ariaLabel} role={role} tabindex={tabIndex} id={id} maxLength={maxLength} variant={variant} customClass={customClass} data-testid={dataTestId} tooltip={tooltip} tooltipContent={tooltipContent}>
49
48
  {@render children()} // render custom content inside Chip tags
50
49
  </Chip>
51
50
  ```
@@ -58,10 +57,13 @@
58
57
  - `variant?`: 'do-chip-primary' | 'do-chip-secondary' | 'do-chip-accent'
59
58
  - `customClass?`: string - additional custom class for styling
60
59
  - `dataTestId?`: string
60
+ - `tooltip?`: boolean
61
+ - `tooltipContent?`: HTML content
61
62
 
62
63
  -->
64
+
63
65
  <div
64
- class={`do-chip ${variant} ${customClass}`}
66
+ class={`do-chip ${variant} ${customClass} tooltip`}
65
67
  {...isTruncated ? { title: label } : {}}
66
68
  aria-label={ariaLabel}
67
69
  {role}
@@ -72,5 +74,11 @@
72
74
  <span>
73
75
  {displayedText}
74
76
  </span>
77
+
75
78
  {@render children?.()}
79
+ {#if tooltip}
80
+ <div class="do-chip__tooltip tooltip-visible">
81
+ {@html tooltipContent}
82
+ </div>
83
+ {/if}
76
84
  </div>
package/dist/atoms/Chip/Chip.svelte.d.ts CHANGED
@@ -10,12 +10,14 @@ type $$ComponentProps = {
10
10
  variant?: iProps['variant'];
11
11
  customClass?: iProps['customClass'];
12
12
  dataTestId?: iProps['dataTestId'];
13
+ tooltip?: iProps['tooltip'];
14
+ tooltipContent?: iProps['tooltipContent'];
13
15
  children?: Snippet;
14
16
  };
15
17
  /**
16
18
  * Chip
17
19
  * ```Svelte
18
- * <Chip label={label} aria-label={ariaLabel} role={role} tabindex={tabIndex} id={id} maxLength={maxLength} variant={variant} customClass={customClass} data-testid={dataTestId}>
20
+ * <Chip label={label} aria-label={ariaLabel} role={role} tabindex={tabIndex} id={id} maxLength={maxLength} variant={variant} customClass={customClass} data-testid={dataTestId} tooltip={tooltip} tooltipContent={tooltipContent}>
19
21
  * {@render children()} // render custom content inside Chip tags
20
22
  * </Chip>
21
23
  * ```
@@ -28,6 +30,8 @@ type $$ComponentProps = {
28
30
  * - `variant?`: 'do-chip-primary' | 'do-chip-secondary' | 'do-chip-accent'
29
31
  * - `customClass?`: string - additional custom class for styling
30
32
  * - `dataTestId?`: string
33
+ * - `tooltip?`: boolean
34
+ * - `tooltipContent?`: HTML content
31
35
  */
32
36
  declare const Chip: import("svelte").Component<$$ComponentProps, {}, "">;
33
37
  type Chip = ReturnType<typeof Chip>;
package/dist/atoms/Chip/Chip.svelte.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Chip.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/atoms/Chip/Chip.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAEzC,KAAK,gBAAgB,GAAI;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC,UAAU,CAAC,CAAC;IAC9B,EAAE,CAAC,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC;IAChC,OAAO,CAAC,EAAE,MAAM,CAAC,SAAS,CAAC,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC,aAAa,CAAC,CAAC;IACpC,UAAU,CAAC,EAAE,MAAM,CAAC,YAAY,CAAC,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AA6CH;;;;;;;;;;;;;;;;GAgBG;AACH,QAAA,MAAM,IAAI,sDAAwC,CAAC;AACnD,KAAK,IAAI,GAAG,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC;AACpC,eAAe,IAAI,CAAC"}
1
+ {"version":3,"file":"Chip.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/atoms/Chip/Chip.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAEzC,KAAK,gBAAgB,GAAI;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC,UAAU,CAAC,CAAC;IAC9B,EAAE,CAAC,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC;IAChC,OAAO,CAAC,EAAE,MAAM,CAAC,SAAS,CAAC,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC,aAAa,CAAC,CAAC;IACpC,UAAU,CAAC,EAAE,MAAM,CAAC,YAAY,CAAC,CAAC;IAClC,OAAO,CAAC,EAAE,MAAM,CAAC,SAAS,CAAC,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC,gBAAgB,CAAC,CAAC;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAiDH;;;;;;;;;;;;;;;;;;GAkBG;AACH,QAAA,MAAM,IAAI,sDAAwC,CAAC;AACnD,KAAK,IAAI,GAAG,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC;AACpC,eAAe,IAAI,CAAC"}
package/dist/atoms/Chip/iProps.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  export interface iProps {
2
- label?: string | undefined | null;
2
+ label?: string;
3
3
  ariaLabel?: string;
4
4
  role?: 'status' | 'note' | 'button';
5
5
  tabIndex?: -1 | 0 | number;
@@ -8,5 +8,7 @@ export interface iProps {
8
8
  variant?: 'do-chip-primary' | 'do-chip-secondary' | 'do-chip-accent';
9
9
  customClass?: string;
10
10
  dataTestId?: string;
11
+ tooltip?: boolean;
12
+ tooltipContent?: string | null;
11
13
  }
12
14
  //# sourceMappingURL=iProps.d.ts.map
package/dist/atoms/Chip/iProps.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"iProps.d.ts","sourceRoot":"","sources":["../../../src/lib/atoms/Chip/iProps.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,MAAM;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAC;IACpC,QAAQ,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACtC,OAAO,CAAC,EAAE,iBAAiB,GAAG,mBAAmB,GAAG,gBAAgB,CAAC;IACrE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACpB"}
1
+ {"version":3,"file":"iProps.d.ts","sourceRoot":"","sources":["../../../src/lib/atoms/Chip/iProps.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,MAAM;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAC;IACpC,QAAQ,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACtC,OAAO,CAAC,EAAE,iBAAiB,GAAG,mBAAmB,GAAG,gBAAgB,CAAC;IACrE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC/B"}
package/dist/do-theme/button.css CHANGED
@@ -45,18 +45,6 @@
45
45
  pointer-events: none;
46
46
  }
47
47
 
48
- .no-border {
49
- border: none;
50
- box-shadow: none;
51
- }
52
-
53
- .no-border:hover,
54
- .no-border:focus,
55
- .no-border:active {
56
- border: none;
57
- box-shadow: none;
58
- }
59
-
60
48
  .do-btn-primary {
61
49
  background-color: var(--do-color-primary);
62
50
  border-color: var(--do-color-primary-border);
package/dist/do-theme/chip.css CHANGED
@@ -1,8 +1,3 @@
1
- .do-chip--wrapper {
2
- position: relative;
3
- display: inline-flex;
4
- }
5
-
6
1
  .do-chip {
7
2
  display: inline-flex;
8
3
  padding: 6px 10px;
@@ -15,29 +10,41 @@
15
10
  font-style: normal;
16
11
  font-weight: 500;
17
12
  line-height: normal;
18
- white-space: nowrap;
13
+ white-space: nowrap;
14
+ position: relative;
15
+ cursor: pointer;
19
16
  }
20
17
 
21
18
  .do-chip__tooltip {
22
- position: absolute;
23
- top: 100%;
24
- left: 0;
25
- background: var(--do-chip-tooltip-bg);
26
- color: var(--do-chip-tooltip-content);
27
- font-size: 12px;
28
- padding: 4px 8px;
29
- border-radius: 4px;
30
- white-space: nowrap;
31
- margin-top: 4px;
32
- opacity: 0;
33
- pointer-events: none;
34
- transition: opacity 0.2s ease-in-out;
35
- z-index: 10;
19
+ position: absolute;
20
+ display: inline-flex;
21
+ flex-direction: column;
22
+ align-items: flex-start;
23
+ top: 100%;
24
+ left: -0%;
25
+ background: var(--do-color-secondary-content);
26
+ color: var(--do-color-primary-content);
27
+ border: 1px solid var(--Blue-500, #3b82f6);
28
+ font-size: 12px;
29
+ padding: 8px;
30
+ border-radius: 8px;
31
+
32
+ white-space: normal;
33
+ word-break: break-word;
34
+ overflow-wrap: anywhere;
35
+ width: max-content;
36
+ min-width: 100px;
37
+ max-width: 150px;
38
+ margin-top: 4px;
39
+ opacity: 0;
40
+ pointer-events: none;
41
+ transition: opacity 0.2s ease-in-out;
42
+ z-index: 10;
36
43
  }
37
44
 
38
- .do-chip--wrapper:hover .do-chip__tooltip {
39
- opacity: 1;
40
- pointer-events: auto;
45
+ .do-chip:hover .do-chip__tooltip {
46
+ opacity: 1;
47
+ pointer-events: auto;
41
48
  }
42
49
 
43
50
  .do-chip-primary {
package/dist/molecules/ActionChip/ActionChip.svelte.d.ts CHANGED
@@ -40,7 +40,7 @@ declare const ActionChip: $$__sveltets_2_IsomorphicComponent<{
40
40
  labelStyles?: string | undefined;
41
41
  labelClass?: string | undefined;
42
42
  }, {
43
- click: CustomEvent<any>;
43
+ click: any;
44
44
  } & {
45
45
  [evt: string]: CustomEvent<any>;
46
46
  }, {}, {}, string>;
package/dist/molecules/IconButton/IconButton.svelte CHANGED
@@ -18,9 +18,6 @@
18
18
  export let iCustomClass: iProps['iCustomClass'] = '';
19
19
  export let btnCustomStyles: iProps['btnCustomStyles'] = '';
20
20
  export let iCustomStyles: iProps['iCustomStyles'] = '';
21
- export let noBorder: iProps['noBorder'] = false;
22
- export let onClick: iProps['onClick'] = () => {};
23
- export let ariaLabel: iProps['ariaLabel'];
24
21
  </script>
25
22
 
26
23
  <!-- @component
@@ -48,7 +45,6 @@
48
45
 
49
46
  <Button
50
47
  {...$$restProps}
51
- {ariaLabel}
52
48
  {variant}
53
49
  {size}
54
50
  {disabled}
@@ -57,8 +53,7 @@
57
53
  {square}
58
54
  customClass={btnCustomClass}
59
55
  customStyles={btnCustomStyles}
60
- onClick={onClick}
61
- {noBorder}
56
+ on:click
62
57
  >
63
58
  {#if loading}
64
59
  <i class="icon-loading do-loader" style={iconPosition === 'start' ? 'order:1;' : 'order:2;'}
package/dist/molecules/IconButton/IconButton.svelte.d.ts CHANGED
@@ -52,10 +52,9 @@ declare const IconButton: $$__sveltets_2_IsomorphicComponent<{
52
52
  iCustomClass?: string | undefined;
53
53
  btnCustomStyles?: string | undefined;
54
54
  iCustomStyles?: string | undefined;
55
- noBorder?: boolean | undefined;
56
- onClick?: iProps["onClick"] | undefined;
57
- ariaLabel: iProps["ariaLabel"];
58
55
  }, {
56
+ click: any;
57
+ } & {
59
58
  [evt: string]: CustomEvent<any>;
60
59
  }, {}, {}, string>;
61
60
  type IconButton = InstanceType<typeof IconButton>;
package/dist/molecules/IconButton/IconButton.svelte.d.ts.map CHANGED
@@ -1 +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;AA4C1C,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,QAAA,MAAM,UAAU;;;;;;;eAhCikB,MAAM,CAAC,UAAU,CAAC;;;;;;;;;;;;cAA6Y,MAAM,CAAC,SAAS,CAAC;eAAa,MAAM,CAAC,WAAW,CAAC;;;kBAgC36B,CAAC;AACrG,KAAK,UAAU,GAAG,YAAY,CAAC,OAAO,UAAU,CAAC,CAAC;AACpD,eAAe,UAAU,CAAC"}
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;AAyC1C,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,QAAA,MAAM,UAAU;;;;;;;eAhCkgB,MAAM,CAAC,UAAU,CAAC;;;;;;;;;;;;;;;kBAgC9a,CAAC;AACrG,KAAK,UAAU,GAAG,YAAY,CAAC,OAAO,UAAU,CAAC,CAAC;AACpD,eAAe,UAAU,CAAC"}
package/dist/molecules/IconButton/iProps.d.ts CHANGED
@@ -18,8 +18,5 @@ export interface iProps extends HTMLButtonAttributes {
18
18
  iCustomClass?: string;
19
19
  btnCustomStyles?: string;
20
20
  iCustomStyles?: string;
21
- noBorder?: boolean;
22
- onClick: () => void;
23
- ariaLabel: string;
24
21
  }
25
22
  //# sourceMappingURL=iProps.d.ts.map
package/dist/molecules/IconButton/iProps.d.ts.map CHANGED
@@ -1 +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,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,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;CAClB"}
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,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,aAAa,CAAC,EAAE,MAAM,CAAC;CACvB"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "do-ui-design-system",
3
- "version": "1.0.14",
3
+ "version": "1.0.15",
4
4
  "description": "Design system en Svelte + CSS + Storybook",
5
5
  "author": "Data Observatory",
6
6
  "license": "MIT",
package/dist/molecules/CounterBadge/CounterBadge.svelte DELETED
@@ -1,27 +0,0 @@
1
- <script lang="ts">
2
- import Badge from '../../atoms/Badge/Badge.svelte';
3
- import Counter from '../../atoms/Counter/Counter.svelte';
4
-
5
- export let badgeLabel: string = 'Texto';
6
- export let badgeCustomClass: string = '';
7
- export let counterLabel: string = '10';
8
- export let enableTooltip: boolean = false;
9
- export let maxLength: number | null = null;
10
- export let tooltipContent: string = '';
11
- </script>
12
-
13
- <!-- @component CounterBadge
14
- ```Svelte
15
- <CounterBadge badgeLabel={badgeLabel} counterLabel={counterLabel} badgeCustomClass={badgeCustomClass} enableTooltip={enableTooltip} maxLength={maxLength} tooltipContent={tooltipContent} />
16
- ```
17
- - `badgeLabel?`: string
18
- - `counterLabel?`: string
19
- - `badgeCustomClass?`: string - additional custom class for styling
20
- - `maxLength?`: number | null - max length of the text, if exceeded it will be truncated and "…" will be added
21
- - `enableTooltip?`: boolean - if true, the tooltipContent content will be displayed
22
- - `tooltipContent?`: any HTML content related to the counted elements to display while hovering
23
- -->
24
-
25
- <Badge label={badgeLabel} customClass={badgeCustomClass} {maxLength} {enableTooltip} {tooltipContent}>
26
- <Counter label={counterLabel} />
27
- </Badge>
package/dist/molecules/CounterBadge/CounterBadge.svelte.d.ts DELETED
@@ -1,38 +0,0 @@
1
- interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
2
- new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
3
- $$bindings?: Bindings;
4
- } & Exports;
5
- (internal: unknown, props: Props & {
6
- $$events?: Events;
7
- $$slots?: Slots;
8
- }): Exports & {
9
- $set?: any;
10
- $on?: any;
11
- };
12
- z_$$bindings?: Bindings;
13
- }
14
- /**
15
- * CounterBadge
16
- * ```Svelte
17
- * <CounterBadge badgeLabel={badgeLabel} counterLabel={counterLabel} badgeCustomClass={badgeCustomClass} enableTooltip={enableTooltip} maxLength={maxLength} tooltipContent={tooltipContent} />
18
- * ```
19
- * - `badgeLabel?`: string
20
- * - `counterLabel?`: string
21
- * - `badgeCustomClass?`: string - additional custom class for styling
22
- * - `maxLength?`: number | null - max length of the text, if exceeded it will be truncated and "…" will be added
23
- * - `enableTooltip?`: boolean - if true, the tooltipContent content will be displayed
24
- * - `tooltipContent?`: any HTML content related to the counted elements to display while hovering
25
- */
26
- declare const CounterBadge: $$__sveltets_2_IsomorphicComponent<{
27
- badgeLabel?: string;
28
- badgeCustomClass?: string;
29
- counterLabel?: string;
30
- enableTooltip?: boolean;
31
- maxLength?: number | null;
32
- tooltipContent?: string;
33
- }, {
34
- [evt: string]: CustomEvent<any>;
35
- }, {}, {}, string>;
36
- type CounterBadge = InstanceType<typeof CounterBadge>;
37
- export default CounterBadge;
38
- //# sourceMappingURL=CounterBadge.svelte.d.ts.map
package/dist/molecules/CounterBadge/CounterBadge.svelte.d.ts.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"CounterBadge.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/molecules/CounterBadge/CounterBadge.svelte.ts"],"names":[],"mappings":"AA0BA,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD;;;;;;;;;;;GAWG;AACH,QAAA,MAAM,YAAY;iBAtBiM,MAAM;uBAAqB,MAAM;mBAAiB,MAAM;oBAAkB,OAAO;gBAAc,MAAM,GAAG,IAAI;qBAAmB,MAAM;;;kBAsBvP,CAAC;AAChF,KAAK,YAAY,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC;AACxD,eAAe,YAAY,CAAC"}
package/dist/molecules/CounterBadge/iProps.d.ts DELETED
@@ -1,9 +0,0 @@
1
- export interface iProps {
2
- badgeLabel: string;
3
- badgeCustomClass: string;
4
- counterLabel: string;
5
- enableTooltip: boolean;
6
- maxLength: number | null | undefined;
7
- tooltipContent?: string;
8
- }
9
- //# sourceMappingURL=iProps.d.ts.map
package/dist/molecules/CounterBadge/iProps.d.ts.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"iProps.d.ts","sourceRoot":"","sources":["../../../src/lib/molecules/CounterBadge/iProps.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,MAAM;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB,EAAE,MAAM,CAAC;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,OAAO,CAAC;IACvB,SAAS,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACrC,cAAc,CAAC,EAAE,MAAM,CAAC;CACxB"}
package/dist/molecules/CounterBadge/iProps.js DELETED
@@ -1 +0,0 @@
1
- export {};