@pleodigital/design-system-votey 1.0.50 → 1.0.52
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.
- package/dist/assets/angular/svg-raw/icons/ui/icon_ui_plain_close.svg +3 -0
- package/dist/assets/react/icons/ui/IconUiPlainClose.tsx +16 -0
- package/dist/assets/react/icons/ui/index.ts +1 -0
- package/dist/css/tokens.css +1 -1
- package/dist/css/tokens.dark.css +3 -0
- package/dist/css/tokens.light.css +3 -0
- package/dist/css/tokens.tailwind.css +3 -0
- package/dist/scss/_variables_dark.scss +4 -1
- package/dist/scss/_variables_light.scss +4 -1
- package/package.json +1 -1
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M8.3933 0.182088C8.33682 0.124438 8.2694 0.078638 8.19499 0.0473714C8.12058 0.0161047 8.04068 0 7.95997 0C7.87926 0 7.79936 0.0161047 7.72495 0.0473714C7.65054 0.078638 7.58312 0.124438 7.52664 0.182088L4.28704 3.43036L1.03877 0.182088C0.982432 0.125751 0.915551 0.0810623 0.841943 0.0505729C0.768335 0.0200835 0.689442 0.00439024 0.609769 0.00439024C0.530097 0.00439024 0.451204 0.0200835 0.377596 0.0505729C0.303989 0.0810623 0.237107 0.125751 0.18077 0.182088C0.124432 0.238425 0.0797434 0.305307 0.049254 0.378915C0.0187646 0.452523 0.00307186 0.531416 0.00307187 0.611088C0.00307187 0.690761 0.0187646 0.769654 0.049254 0.843262C0.0797434 0.91687 0.124432 0.983751 0.18077 1.04009L3.42904 4.28836L0.18077 7.53662C0.0658424 7.6504 0.000820367 7.80517 7.70954e-06 7.96689C-0.000804948 8.12861 0.0626581 8.28403 0.176436 8.39895C0.290214 8.51388 0.444986 8.57891 0.606705 8.57972C0.768424 8.58053 0.923842 8.51707 1.03877 8.40329L4.28704 5.15502L7.5353 8.39462C7.59221 8.45153 7.65977 8.49667 7.73412 8.52747C7.80847 8.55826 7.88816 8.57411 7.96864 8.57411C8.04911 8.57411 8.1288 8.55826 8.20315 8.52747C8.2775 8.49667 8.34506 8.45153 8.40197 8.39462C8.45887 8.33772 8.50402 8.27016 8.53481 8.19581C8.56561 8.12146 8.58146 8.04177 8.58146 7.96129C8.58146 7.88081 8.56561 7.80112 8.53481 7.72677C8.50402 7.65242 8.45887 7.58486 8.40197 7.52796L5.1537 4.28836L8.3933 1.04009C8.50667 0.92609 8.5703 0.771857 8.5703 0.611088C8.5703 0.45032 8.50667 0.296086 8.3933 0.182088Z" fill="white"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import type { SVGProps } from "react";
|
|
3
|
+
const SvgIconUiPlainClose = (props: SVGProps<SVGSVGElement>) => (
|
|
4
|
+
<svg
|
|
5
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
6
|
+
fill="none"
|
|
7
|
+
viewBox="0 0 9 9"
|
|
8
|
+
{...props}
|
|
9
|
+
>
|
|
10
|
+
<path
|
|
11
|
+
fill="currentColor"
|
|
12
|
+
d="M8.393.182a.607.607 0 0 0-.866 0L4.287 3.43 1.039.182a.607.607 0 0 0-.858.858l3.248 3.248L.181 7.537a.61.61 0 0 0 .858.866l3.248-3.248 3.248 3.24a.613.613 0 0 0 .867-.867l-3.248-3.24 3.24-3.248a.61.61 0 0 0 0-.858"
|
|
13
|
+
/>
|
|
14
|
+
</svg>
|
|
15
|
+
);
|
|
16
|
+
export default SvgIconUiPlainClose;
|
|
@@ -25,6 +25,7 @@ export { default as IconUiNoLimit } from "./IconUiNoLimit";
|
|
|
25
25
|
export { default as IconUiObserver } from "./IconUiObserver";
|
|
26
26
|
export { default as IconUiParticipant } from "./IconUiParticipant";
|
|
27
27
|
export { default as IconUiPin } from "./IconUiPin";
|
|
28
|
+
export { default as IconUiPlainClose } from "./IconUiPlainClose";
|
|
28
29
|
export { default as IconUiPoland } from "./IconUiPoland";
|
|
29
30
|
export { default as IconUiPreview } from "./IconUiPreview";
|
|
30
31
|
export { default as IconUiProxy } from "./IconUiProxy";
|
package/dist/css/tokens.css
CHANGED
package/dist/css/tokens.dark.css
CHANGED
|
@@ -8,6 +8,8 @@
|
|
|
8
8
|
--color-surface-subtle: var(--color-navy-blue-400);
|
|
9
9
|
--color-surface-brand: var(--color-mint-green-500);
|
|
10
10
|
--color-surface-highlight: var(--color-navy-blue-400);
|
|
11
|
+
--color-surface-notification: var(--color-navy-blue-50);
|
|
12
|
+
--color-surface-notification-indicator: var(--color-navy-blue-400);
|
|
11
13
|
--color-alert-weak: var(--color-orange-500);
|
|
12
14
|
--color-alert-strong: var(--color-orange-400);
|
|
13
15
|
--color-text-dark: var(--color-navy-blue-50);
|
|
@@ -37,6 +39,7 @@
|
|
|
37
39
|
--color-button-text-dark: var(--color-navy-blue-800);
|
|
38
40
|
--color-button-text-inactive: var(--color-navy-blue-100);
|
|
39
41
|
--color-button-text-edit: var(--color-orange-800);
|
|
42
|
+
--color-button-text-notification-indicator: var(--color-white);
|
|
40
43
|
--color-button-border-hover-active: var(--color-mint-green-300);
|
|
41
44
|
--color-button-border-hover-dark: var(--color-navy-blue-400);
|
|
42
45
|
--color-button-border-hover-edit: var(--color-orange-70);
|
|
@@ -8,6 +8,8 @@
|
|
|
8
8
|
--color-surface-subtle: var(--color-gray-100);
|
|
9
9
|
--color-surface-brand: var(--color-mint-green-400);
|
|
10
10
|
--color-surface-highlight: var(--color-mint-green-100);
|
|
11
|
+
--color-surface-notification: var(--color-navy-blue-25);
|
|
12
|
+
--color-surface-notification-indicator: var(--color-navy-blue-100);
|
|
11
13
|
--color-alert-weak: var(--color-orange-100);
|
|
12
14
|
--color-alert-strong: var(--color-orange-500);
|
|
13
15
|
--color-text-dark: var(--color-navy-blue-800);
|
|
@@ -37,6 +39,7 @@
|
|
|
37
39
|
--color-button-text-dark: var(--color-navy-blue-800);
|
|
38
40
|
--color-button-text-inactive: var(--color-gray-700);
|
|
39
41
|
--color-button-text-edit: var(--color-orange-500);
|
|
42
|
+
--color-button-text-notification-indicator: var(--color-navy-blue-800);
|
|
40
43
|
--color-button-border-hover-active: var(--color-mint-green-100);
|
|
41
44
|
--color-button-border-hover-dark: var(--color-navy-blue-400);
|
|
42
45
|
--color-button-border-hover-edit: var(--color-orange-50);
|
|
@@ -41,6 +41,8 @@
|
|
|
41
41
|
--color-surface-subtle: var(--color-surface-subtle);
|
|
42
42
|
--color-surface-brand: var(--color-surface-brand);
|
|
43
43
|
--color-surface-highlight: var(--color-surface-highlight);
|
|
44
|
+
--color-surface-notification: var(--color-surface-notification);
|
|
45
|
+
--color-surface-notification-indicator: var(--color-surface-notification-indicator);
|
|
44
46
|
--color-alert-weak: var(--color-alert-weak);
|
|
45
47
|
--color-alert-strong: var(--color-alert-strong);
|
|
46
48
|
--color-text-dark: var(--color-text-dark);
|
|
@@ -70,6 +72,7 @@
|
|
|
70
72
|
--color-button-text-dark: var(--color-button-text-dark);
|
|
71
73
|
--color-button-text-inactive: var(--color-button-text-inactive);
|
|
72
74
|
--color-button-text-edit: var(--color-button-text-edit);
|
|
75
|
+
--color-button-text-notification-indicator: var(--color-button-text-notification-indicator);
|
|
73
76
|
--color-button-border-hover-active: var(--color-button-border-hover-active);
|
|
74
77
|
--color-button-border-hover-dark: var(--color-button-border-hover-dark);
|
|
75
78
|
--color-button-border-hover-edit: var(--color-button-border-hover-edit);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Mon, 22 Dec 2025 12:34:45 GMT
|
|
4
4
|
|
|
5
5
|
$color-gray-100: #f6f6f6;
|
|
6
6
|
$color-mint-green-100: #cafdee;
|
|
@@ -44,6 +44,8 @@ $color-surface-dynamic: #07064e;
|
|
|
44
44
|
$color-surface-subtle: #3b3a76;
|
|
45
45
|
$color-surface-brand: #0ad69c;
|
|
46
46
|
$color-surface-highlight: #3b3a76;
|
|
47
|
+
$color-surface-notification: #cdd0fd;
|
|
48
|
+
$color-surface-notification-indicator: #3b3a76;
|
|
47
49
|
$color-alert-weak: #df6705;
|
|
48
50
|
$color-alert-strong: #ea7b20;
|
|
49
51
|
$color-text-dark: #cdd0fd;
|
|
@@ -73,6 +75,7 @@ $color-button-text-active: #2af5ba;
|
|
|
73
75
|
$color-button-text-dark: #07064e;
|
|
74
76
|
$color-button-text-inactive: #7d81bf;
|
|
75
77
|
$color-button-text-edit: #9a4601;
|
|
78
|
+
$color-button-text-notification-indicator: #ffffff;
|
|
76
79
|
$color-button-border-hover-active: #62ffd1;
|
|
77
80
|
$color-button-border-hover-dark: #3b3a76;
|
|
78
81
|
$color-button-border-hover-edit: #ffe7d4;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Mon, 22 Dec 2025 12:34:45 GMT
|
|
4
4
|
|
|
5
5
|
$color-gray-100: #f6f6f6;
|
|
6
6
|
$color-mint-green-100: #cafdee;
|
|
@@ -44,6 +44,8 @@ $color-surface-dynamic: #f6f6f6;
|
|
|
44
44
|
$color-surface-subtle: #f6f6f6;
|
|
45
45
|
$color-surface-brand: #2af5ba;
|
|
46
46
|
$color-surface-highlight: #cafdee;
|
|
47
|
+
$color-surface-notification: #e9eaff;
|
|
48
|
+
$color-surface-notification-indicator: #7d81bf;
|
|
47
49
|
$color-alert-weak: #fcd5b5;
|
|
48
50
|
$color-alert-strong: #df6705;
|
|
49
51
|
$color-text-dark: #07064e;
|
|
@@ -73,6 +75,7 @@ $color-button-text-active: #2af5ba;
|
|
|
73
75
|
$color-button-text-dark: #07064e;
|
|
74
76
|
$color-button-text-inactive: #939393;
|
|
75
77
|
$color-button-text-edit: #df6705;
|
|
78
|
+
$color-button-text-notification-indicator: #07064e;
|
|
76
79
|
$color-button-border-hover-active: #cafdee;
|
|
77
80
|
$color-button-border-hover-dark: #3b3a76;
|
|
78
81
|
$color-button-border-hover-edit: #fff3e8;
|
package/package.json
CHANGED