@esri/calcite-design-tokens 4.0.0-next.2 → 4.0.0-next.4

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/css/dark.css CHANGED
@@ -4,11 +4,11 @@
4
4
  */
5
5
 
6
6
  :root {
7
- --calcite-color-background: #363636;
7
+ --calcite-color-background: #212121;
8
8
  --calcite-color-background-none: rgba(255, 255, 255, 0);
9
9
  --calcite-color-foreground-1: #2b2b2b;
10
- --calcite-color-foreground-2: #212121;
11
- --calcite-color-foreground-3: #141414;
10
+ --calcite-color-foreground-2: #363636;
11
+ --calcite-color-foreground-3: #404040;
12
12
  --calcite-color-foreground-current: #2b465f; /** deprecated, use --calcite-color-surface-highlight instead */
13
13
  --calcite-color-surface-highlight: #2b465f;
14
14
  --calcite-color-transparent: rgba(255, 255, 255, 0);
@@ -35,8 +35,8 @@
35
35
  --calcite-color-status-danger-hover: #ff0015;
36
36
  --calcite-color-status-danger-press: #d90012;
37
37
  --calcite-color-inverse: #f7f7f7;
38
- --calcite-color-inverse-hover: #ffffff;
39
- --calcite-color-inverse-press: #f2f2f2;
38
+ --calcite-color-inverse-hover: #f2f2f2;
39
+ --calcite-color-inverse-press: #ebebeb;
40
40
  --calcite-color-text-1: #ffffff;
41
41
  --calcite-color-text-2: #bfbfbf;
42
42
  --calcite-color-text-3: #9e9e9e;
@@ -9,9 +9,9 @@
9
9
  --calcite-color-border-white: #ffffff;
10
10
  --calcite-color-border-ghost: rgba(0, 0, 0, 0.3);
11
11
  --calcite-color-border-input: #949494;
12
- --calcite-color-border-3: #dedede;
13
- --calcite-color-border-2: #d4d4d4;
14
- --calcite-color-border-1: #c9c9c9;
12
+ --calcite-color-border-3: #ebebeb;
13
+ --calcite-color-border-2: #dedede;
14
+ --calcite-color-border-1: #d4d4d4;
15
15
  --calcite-color-text-link: #00619b;
16
16
  --calcite-color-text-inverse: #ffffff;
17
17
  --calcite-color-text-highlight: #004874;
@@ -57,9 +57,9 @@
57
57
  --calcite-color-border-white: #ffffff;
58
58
  --calcite-color-border-ghost: rgba(0, 0, 0, 0.3);
59
59
  --calcite-color-border-input: #949494;
60
- --calcite-color-border-3: #dedede;
61
- --calcite-color-border-2: #d4d4d4;
62
- --calcite-color-border-1: #c9c9c9;
60
+ --calcite-color-border-3: #ebebeb;
61
+ --calcite-color-border-2: #dedede;
62
+ --calcite-color-border-1: #d4d4d4;
63
63
  --calcite-color-text-link: #00619b;
64
64
  --calcite-color-text-inverse: #ffffff;
65
65
  --calcite-color-text-highlight: #004874;
@@ -115,8 +115,8 @@
115
115
  --calcite-color-text-3: #9e9e9e;
116
116
  --calcite-color-text-2: #bfbfbf;
117
117
  --calcite-color-text-1: #ffffff;
118
- --calcite-color-inverse-press: #f2f2f2;
119
- --calcite-color-inverse-hover: #ffffff;
118
+ --calcite-color-inverse-press: #ebebeb;
119
+ --calcite-color-inverse-hover: #f2f2f2;
120
120
  --calcite-color-inverse: #f7f7f7;
121
121
  --calcite-color-status-danger-press: #d90012;
122
122
  --calcite-color-status-danger-hover: #ff0015;
@@ -143,20 +143,20 @@
143
143
  --calcite-color-transparent: rgba(255, 255, 255, 0);
144
144
  --calcite-color-surface-highlight: #2b465f;
145
145
  --calcite-color-foreground-current: #2b465f; /** deprecated, use --calcite-color-surface-highlight instead */
146
- --calcite-color-foreground-3: #141414;
147
- --calcite-color-foreground-2: #212121;
146
+ --calcite-color-foreground-3: #404040;
147
+ --calcite-color-foreground-2: #363636;
148
148
  --calcite-color-foreground-1: #2b2b2b;
149
149
  --calcite-color-background-none: rgba(255, 255, 255, 0);
150
- --calcite-color-background: #363636;
150
+ --calcite-color-background: #212121;
151
151
  }
152
152
  }
153
153
  .calcite-mode-light {
154
154
  --calcite-color-border-white: #ffffff;
155
155
  --calcite-color-border-ghost: rgba(0, 0, 0, 0.3);
156
156
  --calcite-color-border-input: #949494;
157
- --calcite-color-border-3: #dedede;
158
- --calcite-color-border-2: #d4d4d4;
159
- --calcite-color-border-1: #c9c9c9;
157
+ --calcite-color-border-3: #ebebeb;
158
+ --calcite-color-border-2: #dedede;
159
+ --calcite-color-border-1: #d4d4d4;
160
160
  --calcite-color-text-link: #00619b;
161
161
  --calcite-color-text-inverse: #ffffff;
162
162
  --calcite-color-text-highlight: #004874;
@@ -210,8 +210,8 @@
210
210
  --calcite-color-text-3: #9e9e9e;
211
211
  --calcite-color-text-2: #bfbfbf;
212
212
  --calcite-color-text-1: #ffffff;
213
- --calcite-color-inverse-press: #f2f2f2;
214
- --calcite-color-inverse-hover: #ffffff;
213
+ --calcite-color-inverse-press: #ebebeb;
214
+ --calcite-color-inverse-hover: #f2f2f2;
215
215
  --calcite-color-inverse: #f7f7f7;
216
216
  --calcite-color-status-danger-press: #d90012;
217
217
  --calcite-color-status-danger-hover: #ff0015;
@@ -238,9 +238,9 @@
238
238
  --calcite-color-transparent: rgba(255, 255, 255, 0);
239
239
  --calcite-color-surface-highlight: #2b465f;
240
240
  --calcite-color-foreground-current: #2b465f; /** deprecated, use --calcite-color-surface-highlight instead */
241
- --calcite-color-foreground-3: #141414;
242
- --calcite-color-foreground-2: #212121;
241
+ --calcite-color-foreground-3: #404040;
242
+ --calcite-color-foreground-2: #363636;
243
243
  --calcite-color-foreground-1: #2b2b2b;
244
244
  --calcite-color-background-none: rgba(255, 255, 255, 0);
245
- --calcite-color-background: #363636;
245
+ --calcite-color-background: #212121;
246
246
  }
@@ -43,9 +43,9 @@
43
43
  --calcite-color-text-highlight: #004874;
44
44
  --calcite-color-text-inverse: #ffffff;
45
45
  --calcite-color-text-link: #00619b;
46
- --calcite-color-border-1: #c9c9c9;
47
- --calcite-color-border-2: #d4d4d4;
48
- --calcite-color-border-3: #dedede;
46
+ --calcite-color-border-1: #d4d4d4;
47
+ --calcite-color-border-2: #dedede;
48
+ --calcite-color-border-3: #ebebeb;
49
49
  --calcite-color-border-input: #949494;
50
50
  --calcite-color-border-ghost: rgba(0, 0, 0, 0.3);
51
51
  --calcite-color-border-white: #ffffff;
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": 1760036294029,
2
+ "timestamp": 1760543353914,
3
3
  "tokens": [
4
4
  {
5
5
  "key": "{core.color.neutral.blk-000}",
@@ -1,9 +1,9 @@
1
1
  {
2
- "timestamp": 1760036292546,
2
+ "timestamp": 1760543352358,
3
3
  "tokens": [
4
4
  {
5
5
  "key": "{semantic.color.background.default}",
6
- "value": "#363636",
6
+ "value": "#212121",
7
7
  "type": "color",
8
8
  "attributes": {
9
9
  "category": "color",
@@ -84,7 +84,7 @@
84
84
  },
85
85
  {
86
86
  "key": "{semantic.color.foreground.2}",
87
- "value": "#212121",
87
+ "value": "#363636",
88
88
  "type": "color",
89
89
  "attributes": {
90
90
  "category": "color",
@@ -111,7 +111,7 @@
111
111
  },
112
112
  {
113
113
  "key": "{semantic.color.foreground.3}",
114
- "value": "#141414",
114
+ "value": "#404040",
115
115
  "type": "color",
116
116
  "attributes": {
117
117
  "category": "color",
@@ -884,7 +884,7 @@
884
884
  },
885
885
  {
886
886
  "key": "{semantic.color.inverse.hover}",
887
- "value": "#ffffff",
887
+ "value": "#f2f2f2",
888
888
  "type": "color",
889
889
  "attributes": {
890
890
  "category": "color",
@@ -911,7 +911,7 @@
911
911
  },
912
912
  {
913
913
  "key": "{semantic.color.inverse.press}",
914
- "value": "#f2f2f2",
914
+ "value": "#ebebeb",
915
915
  "type": "color",
916
916
  "attributes": {
917
917
  "category": "color",
@@ -1,9 +1,9 @@
1
1
  {
2
- "timestamp": 1760036293794,
2
+ "timestamp": 1760543353670,
3
3
  "tokens": [
4
4
  {
5
5
  "key": "{semantic.color.background.default}",
6
- "value": "{\"light\":\"#f7f7f7\",\"dark\":\"#363636\"}",
6
+ "value": "{\"light\":\"#f7f7f7\",\"dark\":\"#212121\"}",
7
7
  "type": "color",
8
8
  "attributes": {
9
9
  "category": "color",
@@ -84,7 +84,7 @@
84
84
  },
85
85
  {
86
86
  "key": "{semantic.color.foreground.2}",
87
- "value": "{\"light\":\"#f2f2f2\",\"dark\":\"#212121\"}",
87
+ "value": "{\"light\":\"#f2f2f2\",\"dark\":\"#363636\"}",
88
88
  "type": "color",
89
89
  "attributes": {
90
90
  "category": "color",
@@ -111,7 +111,7 @@
111
111
  },
112
112
  {
113
113
  "key": "{semantic.color.foreground.3}",
114
- "value": "{\"light\":\"#ebebeb\",\"dark\":\"#141414\"}",
114
+ "value": "{\"light\":\"#ebebeb\",\"dark\":\"#404040\"}",
115
115
  "type": "color",
116
116
  "attributes": {
117
117
  "category": "color",
@@ -884,7 +884,7 @@
884
884
  },
885
885
  {
886
886
  "key": "{semantic.color.inverse.hover}",
887
- "value": "{\"light\":\"#2b2b2b\",\"dark\":\"#ffffff\"}",
887
+ "value": "{\"light\":\"#2b2b2b\",\"dark\":\"#f2f2f2\"}",
888
888
  "type": "color",
889
889
  "attributes": {
890
890
  "category": "color",
@@ -911,7 +911,7 @@
911
911
  },
912
912
  {
913
913
  "key": "{semantic.color.inverse.press}",
914
- "value": "{\"light\":\"#212121\",\"dark\":\"#f2f2f2\"}",
914
+ "value": "{\"light\":\"#212121\",\"dark\":\"#ebebeb\"}",
915
915
  "type": "color",
916
916
  "attributes": {
917
917
  "category": "color",
@@ -1100,7 +1100,7 @@
1100
1100
  },
1101
1101
  {
1102
1102
  "key": "{semantic.color.border.1}",
1103
- "value": "{\"light\":\"#c9c9c9\",\"dark\":\"#545454\"}",
1103
+ "value": "{\"light\":\"#d4d4d4\",\"dark\":\"#545454\"}",
1104
1104
  "type": "color",
1105
1105
  "attributes": {
1106
1106
  "category": "color",
@@ -1127,7 +1127,7 @@
1127
1127
  },
1128
1128
  {
1129
1129
  "key": "{semantic.color.border.2}",
1130
- "value": "{\"light\":\"#d4d4d4\",\"dark\":\"#4a4a4a\"}",
1130
+ "value": "{\"light\":\"#dedede\",\"dark\":\"#4a4a4a\"}",
1131
1131
  "type": "color",
1132
1132
  "attributes": {
1133
1133
  "category": "color",
@@ -1154,7 +1154,7 @@
1154
1154
  },
1155
1155
  {
1156
1156
  "key": "{semantic.color.border.3}",
1157
- "value": "{\"light\":\"#dedede\",\"dark\":\"#404040\"}",
1157
+ "value": "{\"light\":\"#ebebeb\",\"dark\":\"#404040\"}",
1158
1158
  "type": "color",
1159
1159
  "attributes": {
1160
1160
  "category": "color",
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": 1760036293168,
2
+ "timestamp": 1760543353035,
3
3
  "tokens": [
4
4
  {
5
5
  "key": "{semantic.color.background.default}",
@@ -1100,7 +1100,7 @@
1100
1100
  },
1101
1101
  {
1102
1102
  "key": "{semantic.color.border.1}",
1103
- "value": "#c9c9c9",
1103
+ "value": "#d4d4d4",
1104
1104
  "type": "color",
1105
1105
  "attributes": {
1106
1106
  "category": "color",
@@ -1127,7 +1127,7 @@
1127
1127
  },
1128
1128
  {
1129
1129
  "key": "{semantic.color.border.2}",
1130
- "value": "#d4d4d4",
1130
+ "value": "#dedede",
1131
1131
  "type": "color",
1132
1132
  "attributes": {
1133
1133
  "category": "color",
@@ -1154,7 +1154,7 @@
1154
1154
  },
1155
1155
  {
1156
1156
  "key": "{semantic.color.border.3}",
1157
- "value": "#dedede",
1157
+ "value": "#ebebeb",
1158
1158
  "type": "color",
1159
1159
  "attributes": {
1160
1160
  "category": "color",
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": 1760036293983,
2
+ "timestamp": 1760543353868,
3
3
  "tokens": [
4
4
  {
5
5
  "key": "{semantic.border.width.none}",
package/dist/es6/dark.js CHANGED
@@ -3,11 +3,11 @@
3
3
  * Do not edit directly, this file was auto-generated.
4
4
  */
5
5
 
6
- export const calciteColorBackground = "#363636";
6
+ export const calciteColorBackground = "#212121";
7
7
  export const calciteColorBackgroundNone = "rgba(255, 255, 255, 0)";
8
8
  export const calciteColorForeground1 = "#2b2b2b";
9
- export const calciteColorForeground2 = "#212121";
10
- export const calciteColorForeground3 = "#141414";
9
+ export const calciteColorForeground2 = "#363636";
10
+ export const calciteColorForeground3 = "#404040";
11
11
  export const calciteColorForegroundCurrent = "#2b465f"; // deprecated, use --calcite-color-surface-highlight instead
12
12
  export const calciteColorSurfaceHighlight = "#2b465f";
13
13
  export const calciteColorTransparent = "rgba(255, 255, 255, 0)";
@@ -34,8 +34,8 @@ export const calciteColorStatusDanger = "#fe583e";
34
34
  export const calciteColorStatusDangerHover = "#ff0015";
35
35
  export const calciteColorStatusDangerPress = "#d90012";
36
36
  export const calciteColorInverse = "#f7f7f7";
37
- export const calciteColorInverseHover = "#ffffff";
38
- export const calciteColorInversePress = "#f2f2f2";
37
+ export const calciteColorInverseHover = "#f2f2f2";
38
+ export const calciteColorInversePress = "#ebebeb";
39
39
  export const calciteColorText1 = "#ffffff";
40
40
  export const calciteColorText2 = "#bfbfbf";
41
41
  export const calciteColorText3 = "#9e9e9e";
@@ -4,11 +4,11 @@
4
4
  * Do not edit directly, this file was auto-generated.
5
5
  */
6
6
 
7
- export const calciteColorBackground = { light: "#f7f7f7", dark: "#363636" };
7
+ export const calciteColorBackground = { light: "#f7f7f7", dark: "#212121" };
8
8
  export const calciteColorBackgroundNone = "rgba(255, 255, 255, 0)";
9
9
  export const calciteColorForeground1 = { light: "#ffffff", dark: "#2b2b2b" };
10
- export const calciteColorForeground2 = { light: "#f2f2f2", dark: "#212121" };
11
- export const calciteColorForeground3 = { light: "#ebebeb", dark: "#141414" };
10
+ export const calciteColorForeground2 = { light: "#f2f2f2", dark: "#363636" };
11
+ export const calciteColorForeground3 = { light: "#ebebeb", dark: "#404040" };
12
12
  export const calciteColorForegroundCurrent = {
13
13
  light: "#d6efff",
14
14
  dark: "#2b465f",
@@ -89,17 +89,17 @@ export const calciteColorStatusDangerPress = {
89
89
  dark: "#d90012",
90
90
  };
91
91
  export const calciteColorInverse = { light: "#363636", dark: "#f7f7f7" };
92
- export const calciteColorInverseHover = { light: "#2b2b2b", dark: "#ffffff" };
93
- export const calciteColorInversePress = { light: "#212121", dark: "#f2f2f2" };
92
+ export const calciteColorInverseHover = { light: "#2b2b2b", dark: "#f2f2f2" };
93
+ export const calciteColorInversePress = { light: "#212121", dark: "#ebebeb" };
94
94
  export const calciteColorText1 = { light: "#141414", dark: "#ffffff" };
95
95
  export const calciteColorText2 = { light: "#4a4a4a", dark: "#bfbfbf" };
96
96
  export const calciteColorText3 = { light: "#6b6b6b", dark: "#9e9e9e" };
97
97
  export const calciteColorTextHighlight = { light: "#004874", dark: "#d6efff" };
98
98
  export const calciteColorTextInverse = { light: "#ffffff", dark: "#141414" };
99
99
  export const calciteColorTextLink = { light: "#00619b", dark: "#00a0ff" };
100
- export const calciteColorBorder1 = { light: "#c9c9c9", dark: "#545454" };
101
- export const calciteColorBorder2 = { light: "#d4d4d4", dark: "#4a4a4a" };
102
- export const calciteColorBorder3 = { light: "#dedede", dark: "#404040" };
100
+ export const calciteColorBorder1 = { light: "#d4d4d4", dark: "#545454" };
101
+ export const calciteColorBorder2 = { light: "#dedede", dark: "#4a4a4a" };
102
+ export const calciteColorBorder3 = { light: "#ebebeb", dark: "#404040" };
103
103
  export const calciteColorBorderInput = { light: "#949494", dark: "#757575" };
104
104
  export const calciteColorBorderGhost = {
105
105
  light: "rgba(0, 0, 0, 0.3)",
package/dist/es6/light.js CHANGED
@@ -42,9 +42,9 @@ export const calciteColorText3 = "#6b6b6b";
42
42
  export const calciteColorTextHighlight = "#004874";
43
43
  export const calciteColorTextInverse = "#ffffff";
44
44
  export const calciteColorTextLink = "#00619b";
45
- export const calciteColorBorder1 = "#c9c9c9";
46
- export const calciteColorBorder2 = "#d4d4d4";
47
- export const calciteColorBorder3 = "#dedede";
45
+ export const calciteColorBorder1 = "#d4d4d4";
46
+ export const calciteColorBorder2 = "#dedede";
47
+ export const calciteColorBorder3 = "#ebebeb";
48
48
  export const calciteColorBorderInput = "#949494";
49
49
  export const calciteColorBorderGhost = "rgba(0, 0, 0, 0.3)";
50
50
  export const calciteColorBorderWhite = "#ffffff";
@@ -2,11 +2,11 @@
2
2
  // Calcite Design System
3
3
  // Do not edit directly, this file was auto-generated.
4
4
 
5
- $calcite-color-background: #363636;
5
+ $calcite-color-background: #212121;
6
6
  $calcite-color-background-none: rgba(255, 255, 255, 0);
7
7
  $calcite-color-foreground-1: #2b2b2b;
8
- $calcite-color-foreground-2: #212121;
9
- $calcite-color-foreground-3: #141414;
8
+ $calcite-color-foreground-2: #363636;
9
+ $calcite-color-foreground-3: #404040;
10
10
  $calcite-color-foreground-current: #2b465f; // deprecated, use --calcite-color-surface-highlight instead
11
11
  $calcite-color-surface-highlight: #2b465f;
12
12
  $calcite-color-transparent: rgba(255, 255, 255, 0);
@@ -33,8 +33,8 @@ $calcite-color-status-danger: #fe583e;
33
33
  $calcite-color-status-danger-hover: #ff0015;
34
34
  $calcite-color-status-danger-press: #d90012;
35
35
  $calcite-color-inverse: #f7f7f7;
36
- $calcite-color-inverse-hover: #ffffff;
37
- $calcite-color-inverse-press: #f2f2f2;
36
+ $calcite-color-inverse-hover: #f2f2f2;
37
+ $calcite-color-inverse-press: #ebebeb;
38
38
  $calcite-color-text-1: #ffffff;
39
39
  $calcite-color-text-2: #bfbfbf;
40
40
  $calcite-color-text-3: #9e9e9e;
@@ -10,9 +10,9 @@
10
10
  --calcite-color-border-white: #ffffff;
11
11
  --calcite-color-border-ghost: rgba(0, 0, 0, 0.3);
12
12
  --calcite-color-border-input: #949494;
13
- --calcite-color-border-3: #dedede;
14
- --calcite-color-border-2: #d4d4d4;
15
- --calcite-color-border-1: #c9c9c9;
13
+ --calcite-color-border-3: #ebebeb;
14
+ --calcite-color-border-2: #dedede;
15
+ --calcite-color-border-1: #d4d4d4;
16
16
  --calcite-color-text-link: #00619b;
17
17
  --calcite-color-text-inverse: #ffffff;
18
18
  --calcite-color-text-highlight: #004874;
@@ -66,8 +66,8 @@
66
66
  --calcite-color-text-3: #9e9e9e;
67
67
  --calcite-color-text-2: #bfbfbf;
68
68
  --calcite-color-text-1: #ffffff;
69
- --calcite-color-inverse-press: #f2f2f2;
70
- --calcite-color-inverse-hover: #ffffff;
69
+ --calcite-color-inverse-press: #ebebeb;
70
+ --calcite-color-inverse-hover: #f2f2f2;
71
71
  --calcite-color-inverse: #f7f7f7;
72
72
  --calcite-color-status-danger-press: #d90012;
73
73
  --calcite-color-status-danger-hover: #ff0015;
@@ -94,9 +94,9 @@
94
94
  --calcite-color-transparent: rgba(255, 255, 255, 0);
95
95
  --calcite-color-surface-highlight: #2b465f;
96
96
  --calcite-color-foreground-current: #2b465f; /** deprecated, use --calcite-color-surface-highlight instead */
97
- --calcite-color-foreground-3: #141414;
98
- --calcite-color-foreground-2: #212121;
97
+ --calcite-color-foreground-3: #404040;
98
+ --calcite-color-foreground-2: #363636;
99
99
  --calcite-color-foreground-1: #2b2b2b;
100
100
  --calcite-color-background-none: rgba(255, 255, 255, 0);
101
- --calcite-color-background: #363636;
101
+ --calcite-color-background: #212121;
102
102
  }
@@ -41,9 +41,9 @@ $calcite-color-text-3: #6b6b6b;
41
41
  $calcite-color-text-highlight: #004874;
42
42
  $calcite-color-text-inverse: #ffffff;
43
43
  $calcite-color-text-link: #00619b;
44
- $calcite-color-border-1: #c9c9c9;
45
- $calcite-color-border-2: #d4d4d4;
46
- $calcite-color-border-3: #dedede;
44
+ $calcite-color-border-1: #d4d4d4;
45
+ $calcite-color-border-2: #dedede;
46
+ $calcite-color-border-3: #ebebeb;
47
47
  $calcite-color-border-input: #949494;
48
48
  $calcite-color-border-ghost: rgba(0, 0, 0, 0.3);
49
49
  $calcite-color-border-white: #ffffff;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@esri/calcite-design-tokens",
3
- "version": "4.0.0-next.2",
3
+ "version": "4.0.0-next.4",
4
4
  "description": "Esri's Calcite Design System Tokens",
5
5
  "keywords": [
6
6
  "Calcite",
@@ -46,5 +46,5 @@
46
46
  "devDependencies": {
47
47
  "vitest": "3.2.4"
48
48
  },
49
- "gitHead": "75f17b620e72f183083e82a8a7a19c92b0872db9"
49
+ "gitHead": "2017e3db76223cfc9b6d1a624fbc1cd78c6e6c57"
50
50
  }