Skip to content

Commit 6bc588b

Browse files
reidbarberreidbarber
authored
docs: new Internationzlied logo (#9326)
* test new Internationalized logo * update all Internationalized logos
1 parent 299e241 commit 6bc588b

File tree

3 files changed

+16
-46
lines changed

3 files changed

+16
-46
lines changed

‎packages/dev/docs/pages/assets/component-illustrations/InternationalizedDefault.svg‎

Lines changed: 2 additions & 9 deletions
Loading

‎packages/dev/s2-docs/assets/internationalized.ico‎

-176 KB
Binary file not shown.

‎packages/dev/s2-docs/src/icons/InternationalizedLogo.tsx‎

Lines changed: 14 additions & 37 deletions
Original file line numberDiff line numberDiff line change
@@ -1,46 +1,23 @@
1-
import React, {useId} from 'react';
1+
import React from 'react';
2+
import {style} from '@react-spectrum/s2/style' with { type: 'macro' };
23

34
export const InternationalizedLogo = ({size = 32}) => {
4-
const clipPathId = `internationalized-logo-clip-${useId()}`;
55
return (
66
<svg
77
xmlns="http://www.w3.org/2000/svg"
88
aria-hidden
9-
viewBox="15 17 135 128"
10-
style={{display: 'block', width: size, height: size}}>
11-
<defs>
12-
<clipPath id={clipPathId}>
13-
<path
14-
d="M23.98 79.99c0-17.01 7.58-32.25 19.54-42.52.92 2.02 2.32 4.67 4 7.13 1.05 1.54 2.28 3.1 3.65 4.41 1.33 1.27 3.04 2.55 5.08 3.13 3.29.94 7.1.8 9.98.7l.88-.03c1.63-.05 2.94-.07 4.03.05 1.11.11 1.57.33 1.71.42.31.2.39.37.41.43.03.08.07.22.03.46-.09.52-.53 1.28-1.4 1.76-2.07 1.15-4.14 2.6-5.69 4.59-1.63 2.09-2.54 4.6-2.54 7.55 0 .86-.07 1.4-.15 1.72v.03c-.28.06-.81.1-1.7.03-.27-.02-.55-.05-.86-.07-2.32-.21-5.69-.5-8.87-.17-3.54.37-8.1 1.64-10.56 5.96-1.08 1.89-2.33 5.04-2.03 8.8.31 3.92 2.27 7.99 6.71 11.55 5.12 4.1 10.75 4.98 18.12 5.8 4.2.47 6.58 1.37 7.94 2.33 1.19.84 1.85 1.9 2.18 3.55.58 2.88-.4 7.19-2.43 12.45-.97 2.52-2.11 5.05-3.24 7.52-.25.54-.5 1.08-.74 1.61-.81 1.76-1.61 3.47-2.27 5.03C41.73 127.9 24 106.03 24 80.02Zm26.36-46.91c-.07-.17-.15-.33-.24-.49a55.64 55.64 0 0 1 12.37-5.84c.05.3.14.6.26.89 2.06 4.9 8.3 10.94 16.68 10.94 4.33 0 7.8-1.86 10.35-3.97 2.53-2.1 4.34-4.6 5.47-6.33.41-.63.62-1.34.65-2.04.69.2 1.37.42 2.05.65-.06.18-.1.37-.13.57-.67 4.46-1.44 10.7-.74 16.34.69 5.54 3.01 11.91 9.76 14.25 5.36 1.86 10.66.94 14.8-.9 2.74-1.22 5.23-2.96 7.07-4.9 2.11 3.7 3.81 7.65 5.04 11.81l-1.75-.36c-3.01-.59-7.06-1.26-11.28-1.54-4.16-.28-8.77-.19-12.78.91-4.02 1.1-8.1 3.44-9.84 8.13-4.86 13.11 1.7 21.06 3.39 22.75 2.55 2.55 5.17 3.75 7.1 4.62.23.11.46.21.67.31 1.86.87 3.19 1.63 4.54 3.58.47.67.94 1.89 1.3 3.74.34 1.8.52 3.89.58 6.11.07 2.2.02 4.41-.04 6.43l-.06 1.63c-.04 1.08-.07 2.1-.09 2.95a55.775 55.775 0 0 1-35.48 12.67c-2.09 0-4.15-.11-6.18-.34.44-.97.91-1.99 1.41-3.08.26-.55.52-1.12.79-1.71 1.15-2.49 2.37-5.21 3.44-7.97 2.05-5.28 3.89-11.54 2.82-16.9-.67-3.35-2.3-6.32-5.41-8.51-2.94-2.07-6.85-3.21-11.67-3.74-7.46-.83-10.89-1.6-14.01-4.09-2.9-2.32-3.62-4.43-3.74-5.93-.13-1.67.44-3.21 1-4.2.51-.9 1.72-1.68 4.44-1.97 2.35-.25 4.9-.03 7.3.18.31.03.62.05.93.08 2.86.24 5.98-.1 8.18-2.42 2.06-2.18 2.33-5.13 2.33-7.33 0-1.17.32-1.95.86-2.64.61-.79 1.63-1.6 3.26-2.51 2.83-1.57 4.87-4.32 5.4-7.4.56-3.26-.64-6.73-3.89-8.9-1.72-1.14-3.68-1.55-5.33-1.72-1.68-.17-3.48-.13-5.1-.08-.22 0-.44.01-.65.02-3.22.11-5.75.19-7.75-.38-.27-.08-.86-.38-1.74-1.22-.84-.8-1.72-1.89-2.58-3.15-1.73-2.53-3.12-5.37-3.79-7Zm73.36 81.97a55.79 55.79 0 0 0 12.32-35.06c0-2.49-.16-4.94-.48-7.34-.05 0-.09-.02-.12-.02-.14-.03-.29-.06-.42-.09-.2-.04-.45-.1-.74-.16l-.35-.08c-.87-.2-2.06-.46-3.47-.73-2.84-.56-6.52-1.16-10.27-1.41-3.81-.25-7.38-.11-10.13.64-2.73.75-3.97 1.89-4.45 3.2-3.38 9.13 1.14 13.91 1.55 14.32 1.49 1.49 2.84 2.11 4.77 3 .23.11.47.22.73.34 2.42 1.13 5.22 2.64 7.73 6.27 1.39 2 2.14 4.47 2.58 6.79.46 2.38.65 4.94.72 7.37.03 1 .04 1.99.03 2.96Zm.28-69.78a56.276 56.276 0 0 0-18.47-15.18c-.57 4.1-.99 8.75-.5 12.73.56 4.56 2.1 6.86 4.44 7.68 2.96 1.03 6.11.6 8.92-.65 2.91-1.3 4.85-3.21 5.46-4.32.05-.09.1-.18.16-.26ZM80 23.96c2.75 0 5.46.2 8.11.58-.9 1.31-2.06 2.75-3.46 3.91-1.61 1.33-3.33 2.13-5.24 2.13-4.39 0-7.99-3.27-9.19-5.78 3.17-.56 6.44-.85 9.78-.85Z"
15-
className="st0" />
16-
</clipPath>
17-
<clipPath id={`${clipPathId}-1`}>
18-
<path
19-
d="M23.98 80c0-17.01 7.58-32.25 19.54-42.52.92 2.02 2.32 4.67 4 7.13 1.05 1.54 2.28 3.1 3.65 4.41 1.33 1.27 3.04 2.55 5.08 3.13 3.29.94 7.1.8 9.98.7l.88-.03c1.63-.05 2.94-.07 4.03.05 1.11.11 1.57.33 1.71.42.31.2.39.37.41.43.03.08.07.22.03.46-.09.52-.53 1.28-1.4 1.76-2.07 1.15-4.14 2.6-5.69 4.59-1.63 2.09-2.54 4.6-2.54 7.55 0 .86-.07 1.4-.15 1.72v.03c-.28.06-.81.1-1.7.03-.27-.02-.55-.05-.86-.07-2.32-.21-5.69-.5-8.87-.17-3.54.37-8.1 1.64-10.56 5.96-1.08 1.89-2.33 5.04-2.03 8.8.31 3.92 2.27 7.99 6.71 11.55 5.12 4.1 10.75 4.98 18.12 5.8 4.2.47 6.58 1.37 7.94 2.33 1.19.84 1.85 1.9 2.18 3.55.58 2.88-.4 7.19-2.43 12.45-.97 2.52-2.11 5.05-3.24 7.52-.25.54-.5 1.08-.74 1.61-.81 1.76-1.61 3.47-2.27 5.03C41.73 127.91 24 106.04 24 80.03Zm99.72 35.06A55.79 55.79 0 0 0 136.02 80c0-2.49-.16-4.94-.48-7.34-.05 0-.09-.02-.12-.02-.14-.03-.29-.06-.42-.09-.2-.04-.45-.1-.74-.16l-.35-.08c-.87-.2-2.06-.46-3.47-.73-2.84-.56-6.52-1.16-10.27-1.41-3.81-.25-7.38-.11-10.13.64-2.73.75-3.97 1.89-4.45 3.2-3.38 9.13 1.14 13.91 1.55 14.32 1.49 1.49 2.84 2.11 4.77 3 .23.11.47.22.73.34 2.42 1.13 5.22 2.64 7.73 6.27 1.39 2 2.14 4.47 2.58 6.79.46 2.38.65 4.94.72 7.37.03 1 .04 1.99.03 2.96Zm.28-69.77a56.276 56.276 0 0 0-18.47-15.18c-.57 4.1-.99 8.75-.5 12.73.56 4.56 2.1 6.86 4.44 7.68 2.96 1.03 6.11.6 8.92-.65 2.91-1.3 4.85-3.21 5.46-4.32.05-.09.1-.18.16-.26ZM80 23.98c2.75 0 5.46.2 8.11.58-.9 1.31-2.06 2.75-3.46 3.91-1.61 1.33-3.33 2.13-5.24 2.13-4.39 0-7.99-3.27-9.19-5.78 3.17-.56 6.44-.85 9.78-.85Z"
20-
className="st0" />
21-
</clipPath>
22-
<style>{'.st0{fill:none}'}</style>
23-
</defs>
24-
<g
25-
style={{
26-
clipPath: `url(#${clipPathId})`
27-
}}>
28-
<path
29-
d="M15 17h135v128H15z"
30-
style={{
31-
fill: '#6995fe'
32-
}} />
33-
</g>
34-
<g
35-
style={{
36-
clipPath: `url(#${clipPathId}-1)`
37-
}}>
38-
<path
39-
d="M15 17.01h135v128H15z"
40-
style={{
41-
fill: '#099d59'
42-
}} />
43-
</g>
9+
viewBox="20 20 120 120"
10+
style={{display: 'block', width: size, height: size}}
11+
className={style({
12+
'--internationalized-logo-color': {
13+
type: 'backgroundColor',
14+
value: 'blue-900'
15+
}
16+
})}>
17+
<path
18+
fillRule="evenodd"
19+
d="M83.9472 25.207V48.286L98.4279 48.286C94.9758 40.2654 90.1568 32.509 83.9472 25.207ZM107.074 48.286C104.098 40.5943 99.9949 33.1051 94.7425 25.9617C107.679 29.4827 118.752 37.5249 126.16 48.286L107.074 48.286ZM101.393 56.286L83.9472 56.286V76.5985H104.946C104.658 69.7624 103.478 62.9571 101.393 56.286ZM112.953 76.5985C112.695 69.7753 111.63 62.9745 109.745 56.286L129.875 56.286C130.159 56.286 130.437 56.2563 130.705 56.1998C133.645 62.4535 135.463 69.3397 135.898 76.5985H112.953ZM104.876 84.5985H83.9472V104.911H101.036C103.187 98.2177 104.471 91.4129 104.876 84.5985ZM109.396 104.911C111.349 98.2124 112.517 91.4118 112.887 84.5985H135.814C135.224 91.8515 133.253 98.7137 130.163 104.921C130.068 104.914 129.972 104.911 129.875 104.911H109.396ZM98.0276 112.911H83.9472V135.864C83.9749 135.862 84.0027 135.86 84.0304 135.858C89.93 128.549 94.6032 120.84 98.0276 112.911ZM95.5219 133.822C100.146 127.09 103.868 120.082 106.67 112.911H125.314C118.076 122.859 107.643 130.332 95.5219 133.822ZM33.8398 48.286C41.2223 37.5615 52.2455 29.5375 65.1253 25.9978C59.8856 33.1303 55.7911 40.6073 52.8203 48.286L33.8398 48.286ZM30.6249 56.286L50.1498 56.286C48.2642 62.9745 47.1991 69.7753 46.9411 76.5985H24.1016C24.5394 69.293 26.3778 62.3649 29.3518 56.0792C29.7517 56.2133 30.1798 56.286 30.6249 56.286ZM58.5009 56.286C56.4159 62.9571 55.2361 69.7624 54.9488 76.5985H75.9472V56.286L58.5009 56.286ZM24.1859 84.5985H47.0074C47.377 91.4117 48.5451 98.2124 50.4982 104.911H30.6249C30.3658 104.911 30.1125 104.936 29.8672 104.983C26.7598 98.7589 24.7773 91.8754 24.1859 84.5985ZM55.0187 84.5985C55.4232 91.4129 56.7072 98.2177 58.8582 104.911H75.9472V84.5985H55.0187ZM34.6858 112.911H53.2242C56.0212 120.068 59.7343 127.064 64.3463 133.784C52.2814 130.278 41.8971 122.823 34.6858 112.911ZM61.8667 112.911C65.2899 120.838 69.9608 128.543 75.8574 135.85L75.9472 135.856V112.911H61.8667ZM75.9472 25.207C69.7375 32.509 64.9185 40.2654 61.4665 48.286L75.9472 48.286V25.207Z"
20+
fill="var(--internationalized-logo-color)" />
4421
</svg>
4522
);
4623
};

0 commit comments

Comments
 (0)