Skip to content

Commit 5a467b6

Browse files
pheralbpheralb
authored
Merge pull request #10 from pheralb/next
🚀 Update react-symbols 1.1.3 & add Supabase icon.
2 parents 28ff4ba + a3cf666 commit 5a467b6

File tree

8 files changed

+107
-96
lines changed

8 files changed

+107
-96
lines changed

‎library/package.json‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@react-symbols/icons",
3-
"version": "1.1.2",
3+
"version": "1.1.3",
44
"description": "File icons by Miguel Solorio for React",
55
"keywords": [
66
"react",
@@ -40,13 +40,13 @@
4040
},
4141
"devDependencies": {
4242
"@swc/cli": "0.1.57",
43-
"@swc/core": "1.3.4",
44-
"@types/node": "18.7.23",
45-
"@types/react": "18.0.21",
46-
"@types/react-dom": "18.0.6",
43+
"@swc/core": "1.3.15",
44+
"@types/node": "18.11.9",
45+
"@types/react": "18.0.25",
46+
"@types/react-dom": "18.0.8",
4747
"react": "18.2.0",
4848
"react-dom": "18.2.0",
49-
"tsup": "6.2.3",
49+
"tsup": "6.4.0",
5050
"typescript": "4.8.4"
5151
},
5252
"peerDependencies": {

‎library/src/index.ts‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -77,6 +77,7 @@ export { default as Storybook } from './library/storybook.js';
7777
export { default as Stylus } from './library/stylus.js';
7878
export { default as Svelte } from './library/svelte.js';
7979
export { default as SVG } from './library/svg.js';
80+
export { default as Supabase } from './library/supabase.js';
8081
export { default as Swift } from './library/swift.js';
8182
export { default as Tailwind } from './library/tailwind.js';
8283
export { default as Text } from './library/text.js';

‎library/src/library/supabase.tsx‎

Lines changed: 48 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,48 @@
1+
import { ComponentProps, FC } from 'react';
2+
3+
const Supabase: FC<ComponentProps<'svg'>> = (props) => (
4+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 26" {...props}>
5+
<defs>
6+
<linearGradient
7+
id="linear0"
8+
x1="53.974"
9+
x2="94.163"
10+
y1="54.974"
11+
y2="71.829"
12+
gradientTransform="scale(.22936 .22124)"
13+
gradientUnits="userSpaceOnUse"
14+
>
15+
<stop offset="0" stopColor="#249361"></stop>
16+
<stop offset="1" stopColor="#3ECF8E"></stop>
17+
</linearGradient>
18+
<linearGradient
19+
id="linear1"
20+
x1="36.156"
21+
x2="54.484"
22+
y1="30.578"
23+
y2="65.081"
24+
gradientTransform="scale(.22936 .22124)"
25+
gradientUnits="userSpaceOnUse"
26+
>
27+
<stop offset="0" stopOpacity="0.2"></stop>
28+
<stop offset="1" stopOpacity="0"></stop>
29+
</linearGradient>
30+
</defs>
31+
<g>
32+
<path
33+
fill="#249361"
34+
d="M14.613 24.398c-.656.797-1.988.36-2.004-.656l-.23-14.879H22.75c1.879 0 2.926 2.094 1.758 3.512zm0 0"
35+
></path>
36+
<path
37+
fill="#249361"
38+
d="M14.613 24.398c-.656.797-1.988.36-2.004-.656l-.23-14.879H22.75c1.879 0 2.926 2.094 1.758 3.512zm0 0"
39+
></path>
40+
<path
41+
fill="#3ECF8E"
42+
d="M10.395.457c.656-.797 1.984-.36 2 .66l.101 14.875H2.254c-1.879 0-2.926-2.09-1.758-3.512zm0 0"
43+
></path>
44+
</g>
45+
</svg>
46+
);
47+
48+
export default Supabase;

‎package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@
1919
},
2020
"devDependencies": {
2121
"prettier": "2.7.1",
22-
"turbo": "1.5.5"
22+
"turbo": "1.6.3"
2323
},
2424
"engines": {
2525
"node": ">=14.0.0",

‎website/package.json‎

Lines changed: 18 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -31,29 +31,29 @@
3131
},
3232
"dependencies": {
3333
"@react-symbols/icons": "*",
34-
"@remix-run/node": "1.7.2",
35-
"@remix-run/react": "1.7.2",
36-
"@remix-run/vercel": "1.7.2",
37-
"@vercel/node": "2.5.18",
38-
"framer-motion": "7.3.6",
34+
"@remix-run/node": "1.7.5",
35+
"@remix-run/react": "1.7.5",
36+
"@remix-run/vercel": "1.7.5",
37+
"@vercel/node": "2.6.2",
38+
"framer-motion": "7.6.6",
3939
"react": "18.2.0",
4040
"react-dom": "18.2.0",
4141
"react-hot-toast": "2.4.0",
42-
"rehype-highlight": "5.0.2"
42+
"rehype-highlight": "6.0.0"
4343
},
4444
"devDependencies": {
45-
"@remix-run/dev": "1.7.2",
46-
"@remix-run/eslint-config": "1.7.2",
47-
"@remix-run/serve": "1.7.2",
48-
"@tailwindcss/typography": "0.5.7",
49-
"@types/react": "18.0.21",
50-
"@types/react-dom": "18.0.6",
51-
"autoprefixer": "10.4.12",
52-
"concurrently": "7.4.0",
53-
"eslint": "8.24.0",
54-
"postcss": "8.4.16",
55-
"tailwindcss": "3.1.8",
56-
"typescript": "4.8.3"
45+
"@remix-run/dev": "1.7.5",
46+
"@remix-run/eslint-config": "1.7.5",
47+
"@remix-run/serve": "1.7.5",
48+
"@tailwindcss/typography": "0.5.8",
49+
"@types/react": "18.0.25",
50+
"@types/react-dom": "18.0.8",
51+
"autoprefixer": "10.4.13",
52+
"concurrently": "7.5.0",
53+
"eslint": "8.27.0",
54+
"postcss": "8.4.19",
55+
"tailwindcss": "3.2.4",
56+
"typescript": "4.8.4"
5757
},
5858
"engines": {
5959
"node": ">=14"

‎website/src/components/header/index.tsx‎

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -20,6 +20,16 @@ const Header = () => (
2020
>
2121
VSCode Theme
2222
</a>
23+
<a
24+
href="https://www.producthunt.com/posts/react-symbols?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-react&#0045;symbols"
25+
target="_blank"
26+
>
27+
<img
28+
src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=362706&theme=dark"
29+
alt="React&#0045;Symbols - ⭐&#0032;A&#0032;beautiful&#0032;icons&#0032;library&#0032;for&#0032;React&#0046; | Product Hunt"
30+
className="w-40 mr-5"
31+
/>
32+
</a>
2333
<a
2434
href="https://github.com/pheralb/react-symbols"
2535
target="_blank"

‎website/src/data/icons.ts‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -81,6 +81,7 @@ export const Icons = [
8181
{ name: "Svelte", icon: ReactSymbols.Svelte },
8282
{ name: "Svg", icon: ReactSymbols.SVG },
8383
{ name: "Swift", icon: ReactSymbols.Swift },
84+
{ name: "Supabase", icon: ReactSymbols.Supabase },
8485
{ name: "Tailwind", icon: ReactSymbols.Tailwind },
8586
{ name: "Text", icon: ReactSymbols.Text },
8687
{ name: "Ts", icon: ReactSymbols.TypeScript },

‎website/src/styles/tailwind.css‎

Lines changed: 22 additions & 71 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
/*
2-
! tailwindcss v3.1.8 | MIT License | https://tailwindcss.com
2+
! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com
33
*/
44

55
/*
@@ -30,6 +30,7 @@
3030
2. Prevent adjustments of font size after orientation changes in iOS.
3131
3. Use a more readable tab size.
3232
4. Use the user's configured `sans` font-family by default.
33+
5. Use the user's configured `sans` font-feature-settings by default.
3334
*/
3435

3536
html {
@@ -44,6 +45,8 @@ html {
4445
/* 3 */
4546
font-family: Inter, sans-serif;
4647
/* 4 */
48+
font-feature-settings: normal;
49+
/* 5 */
4750
}
4851

4952
/*
@@ -410,54 +413,13 @@ video {
410413
height: auto;
411414
}
412415

413-
*, ::before, ::after {
414-
--tw-border-spacing-x: 0;
415-
--tw-border-spacing-y: 0;
416-
--tw-translate-x: 0;
417-
--tw-translate-y: 0;
418-
--tw-rotate: 0;
419-
--tw-skew-x: 0;
420-
--tw-skew-y: 0;
421-
--tw-scale-x: 1;
422-
--tw-scale-y: 1;
423-
--tw-pan-x: ;
424-
--tw-pan-y: ;
425-
--tw-pinch-zoom: ;
426-
--tw-scroll-snap-strictness: proximity;
427-
--tw-ordinal: ;
428-
--tw-slashed-zero: ;
429-
--tw-numeric-figure: ;
430-
--tw-numeric-spacing: ;
431-
--tw-numeric-fraction: ;
432-
--tw-ring-inset: ;
433-
--tw-ring-offset-width: 0px;
434-
--tw-ring-offset-color: #fff;
435-
--tw-ring-color: rgb(59 130 246 / 0.5);
436-
--tw-ring-offset-shadow: 0 0 #0000;
437-
--tw-ring-shadow: 0 0 #0000;
438-
--tw-shadow: 0 0 #0000;
439-
--tw-shadow-colored: 0 0 #0000;
440-
--tw-blur: ;
441-
--tw-brightness: ;
442-
--tw-contrast: ;
443-
--tw-grayscale: ;
444-
--tw-hue-rotate: ;
445-
--tw-invert: ;
446-
--tw-saturate: ;
447-
--tw-sepia: ;
448-
--tw-drop-shadow: ;
449-
--tw-backdrop-blur: ;
450-
--tw-backdrop-brightness: ;
451-
--tw-backdrop-contrast: ;
452-
--tw-backdrop-grayscale: ;
453-
--tw-backdrop-hue-rotate: ;
454-
--tw-backdrop-invert: ;
455-
--tw-backdrop-opacity: ;
456-
--tw-backdrop-saturate: ;
457-
--tw-backdrop-sepia: ;
416+
/* Make elements with the HTML hidden attribute stay hidden by default */
417+
418+
[hidden] {
419+
display: none;
458420
}
459421

460-
::-webkit-backdrop {
422+
*, ::before, ::after {
461423
--tw-border-spacing-x: 0;
462424
--tw-border-spacing-y: 0;
463425
--tw-translate-x: 0;
@@ -692,22 +654,12 @@ video {
692654
width: 3rem;
693655
}
694656

695-
.transform {
696-
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
657+
.w-40 {
658+
width: 10rem;
697659
}
698660

699-
@-webkit-keyframes tilt {
700-
0%, 50%, 100% {
701-
transform: rotate(0deg);
702-
}
703-
704-
25% {
705-
transform: rotate(1deg);
706-
}
707-
708-
75% {
709-
transform: rotate(-1deg);
710-
}
661+
.transform {
662+
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
711663
}
712664

713665
@keyframes tilt {
@@ -725,8 +677,7 @@ video {
725677
}
726678

727679
.animate-tilt {
728-
-webkit-animation: tilt 5s infinite linear;
729-
animation: tilt 5s infinite linear;
680+
animation: tilt 5s infinite linear;
730681
}
731682

732683
.cursor-pointer {
@@ -847,14 +798,6 @@ video {
847798
padding-top: 1.25rem;
848799
}
849800

850-
.pr-3 {
851-
padding-right: 0.75rem;
852-
}
853-
854-
.pl-3 {
855-
padding-left: 0.75rem;
856-
}
857-
858801
.pl-5 {
859802
padding-left: 1.25rem;
860803
}
@@ -863,6 +806,14 @@ video {
863806
padding-right: 1.25rem;
864807
}
865808

809+
.pr-3 {
810+
padding-right: 0.75rem;
811+
}
812+
813+
.pl-3 {
814+
padding-left: 0.75rem;
815+
}
816+
866817
.pb-4 {
867818
padding-bottom: 1rem;
868819
}

0 commit comments

Comments
 (0)