rizzo-css 0.0.1 → 0.0.3
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/README.md +13 -7
- package/bin/rizzo-css.js +303 -0
- package/dist/rizzo.min.css +1 -1
- package/package.json +13 -4
- package/scaffold/astro/Accordion.astro +178 -0
- package/scaffold/astro/Alert.astro +131 -0
- package/scaffold/astro/Avatar.astro +59 -0
- package/scaffold/astro/Badge.astro +24 -0
- package/scaffold/astro/Breadcrumb.astro +61 -0
- package/scaffold/astro/Button.astro +3 -0
- package/scaffold/astro/Card.astro +18 -0
- package/scaffold/astro/Checkbox.astro +38 -0
- package/scaffold/astro/CopyToClipboard.astro +199 -0
- package/scaffold/astro/Divider.astro +37 -0
- package/scaffold/astro/Dropdown.astro +807 -0
- package/scaffold/astro/FormGroup.astro +51 -0
- package/scaffold/astro/Input.astro +59 -0
- package/scaffold/astro/Modal.astro +212 -0
- package/scaffold/astro/Pagination.astro +240 -0
- package/scaffold/astro/ProgressBar.astro +65 -0
- package/scaffold/astro/Radio.astro +38 -0
- package/scaffold/astro/Select.astro +49 -0
- package/scaffold/astro/Spinner.astro +30 -0
- package/scaffold/astro/Table.astro +181 -0
- package/scaffold/astro/Tabs.astro +223 -0
- package/scaffold/astro/Textarea.astro +58 -0
- package/scaffold/astro/Toast.astro +30 -0
- package/scaffold/astro/Tooltip.astro +32 -0
- package/scaffold/astro/icons/Brush.astro +11 -0
- package/scaffold/astro/icons/Cake.astro +12 -0
- package/scaffold/astro/icons/Check.astro +30 -0
- package/scaffold/astro/icons/Cherry.astro +12 -0
- package/scaffold/astro/icons/ChevronDown.astro +30 -0
- package/scaffold/astro/icons/Circle.astro +30 -0
- package/scaffold/astro/icons/Close.astro +31 -0
- package/scaffold/astro/icons/Copy.astro +31 -0
- package/scaffold/astro/icons/Eye.astro +31 -0
- package/scaffold/astro/icons/Filter.astro +30 -0
- package/scaffold/astro/icons/Flame.astro +29 -0
- package/scaffold/astro/icons/Flower.astro +12 -0
- package/scaffold/astro/icons/Gear.astro +31 -0
- package/scaffold/astro/icons/Heart.astro +29 -0
- package/scaffold/astro/icons/IceCream.astro +32 -0
- package/scaffold/astro/icons/Leaf.astro +30 -0
- package/scaffold/astro/icons/Lemon.astro +12 -0
- package/scaffold/astro/icons/Moon.astro +30 -0
- package/scaffold/astro/icons/Owl.astro +35 -0
- package/scaffold/astro/icons/Palette.astro +34 -0
- package/scaffold/astro/icons/Rainbow.astro +32 -0
- package/scaffold/astro/icons/Search.astro +31 -0
- package/scaffold/astro/icons/Shield.astro +29 -0
- package/scaffold/astro/icons/Snowflake.astro +35 -0
- package/scaffold/astro/icons/Sort.astro +31 -0
- package/scaffold/astro/icons/Sun.astro +30 -0
- package/scaffold/astro/icons/Sunset.astro +11 -0
- package/scaffold/astro/icons/Zap.astro +10 -0
- package/scaffold/astro/icons/devicons/Astro.astro +54 -0
- package/scaffold/astro/icons/devicons/Bash.astro +35 -0
- package/scaffold/astro/icons/devicons/Css3.astro +30 -0
- package/scaffold/astro/icons/devicons/Git.astro +25 -0
- package/scaffold/astro/icons/devicons/Html5.astro +28 -0
- package/scaffold/astro/icons/devicons/Javascript.astro +26 -0
- package/scaffold/astro/icons/devicons/Nodejs.astro +48 -0
- package/scaffold/astro/icons/devicons/Plaintext.astro +34 -0
- package/scaffold/astro/icons/devicons/React.astro +28 -0
- package/scaffold/astro/icons/devicons/Svelte.astro +26 -0
- package/scaffold/astro/icons/devicons/Vue.astro +27 -0
- package/scaffold/svelte/.gitkeep +0 -0
- package/scaffold/svelte/Accordion.svelte +128 -0
- package/scaffold/svelte/Alert.svelte +79 -0
- package/scaffold/svelte/Avatar.svelte +39 -0
- package/scaffold/svelte/Badge.svelte +31 -0
- package/scaffold/svelte/Breadcrumb.svelte +46 -0
- package/scaffold/svelte/Button.svelte +23 -0
- package/scaffold/svelte/Card.svelte +14 -0
- package/scaffold/svelte/Checkbox.svelte +37 -0
- package/scaffold/svelte/CopyToClipboard.svelte +76 -0
- package/scaffold/svelte/Divider.svelte +28 -0
- package/scaffold/svelte/Dropdown.svelte +237 -0
- package/scaffold/svelte/FormGroup.svelte +41 -0
- package/scaffold/svelte/Input.svelte +57 -0
- package/scaffold/svelte/Modal.svelte +152 -0
- package/scaffold/svelte/Pagination.svelte +93 -0
- package/scaffold/svelte/ProgressBar.svelte +56 -0
- package/scaffold/svelte/Radio.svelte +38 -0
- package/scaffold/svelte/Select.svelte +47 -0
- package/scaffold/svelte/Spinner.svelte +14 -0
- package/scaffold/svelte/Table.svelte +155 -0
- package/scaffold/svelte/Tabs.svelte +109 -0
- package/scaffold/svelte/Textarea.svelte +57 -0
- package/scaffold/svelte/Toast.svelte +30 -0
- package/scaffold/svelte/Tooltip.svelte +19 -0
- package/scaffold/svelte/index.ts +33 -0
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
---
|
|
2
|
+
// Tabler Icons - Chevron Down
|
|
3
|
+
// Source: https://tabler.io/icons/icon/chevron-down
|
|
4
|
+
// License: MIT
|
|
5
|
+
|
|
6
|
+
interface Props {
|
|
7
|
+
width?: number;
|
|
8
|
+
height?: number;
|
|
9
|
+
class?: string;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
const { width = 16, height = 16, class: className = '' } = Astro.props;
|
|
13
|
+
---
|
|
14
|
+
|
|
15
|
+
<svg
|
|
16
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
17
|
+
width={width}
|
|
18
|
+
height={height}
|
|
19
|
+
viewBox="0 0 24 24"
|
|
20
|
+
fill="none"
|
|
21
|
+
stroke="currentColor"
|
|
22
|
+
stroke-width="2"
|
|
23
|
+
stroke-linecap="round"
|
|
24
|
+
stroke-linejoin="round"
|
|
25
|
+
class={className}
|
|
26
|
+
aria-hidden="true"
|
|
27
|
+
>
|
|
28
|
+
<title>Chevron Down</title>
|
|
29
|
+
<path d="m6 9 6 6 6-6" />
|
|
30
|
+
</svg>
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
---
|
|
2
|
+
// Tabler Icons - Circle (minimal icon for Grey Light Pro)
|
|
3
|
+
// Source: https://tabler.io/icons/icon/circle
|
|
4
|
+
// License: MIT
|
|
5
|
+
|
|
6
|
+
interface Props {
|
|
7
|
+
width?: number;
|
|
8
|
+
height?: number;
|
|
9
|
+
class?: string;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
const { width = 16, height = 16, class: className = '' } = Astro.props;
|
|
13
|
+
---
|
|
14
|
+
|
|
15
|
+
<svg
|
|
16
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
17
|
+
width={width}
|
|
18
|
+
height={height}
|
|
19
|
+
viewBox="0 0 24 24"
|
|
20
|
+
fill="none"
|
|
21
|
+
stroke="currentColor"
|
|
22
|
+
stroke-width="2"
|
|
23
|
+
stroke-linecap="round"
|
|
24
|
+
stroke-linejoin="round"
|
|
25
|
+
class={className}
|
|
26
|
+
aria-hidden="true"
|
|
27
|
+
>
|
|
28
|
+
<title>Circle</title>
|
|
29
|
+
<circle cx="12" cy="12" r="10" />
|
|
30
|
+
</svg>
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
---
|
|
2
|
+
// Tabler Icons - X (close icon)
|
|
3
|
+
// Source: https://tabler.io/icons/icon/x
|
|
4
|
+
// License: MIT
|
|
5
|
+
|
|
6
|
+
interface Props {
|
|
7
|
+
width?: number;
|
|
8
|
+
height?: number;
|
|
9
|
+
class?: string;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
const { width = 20, height = 20, class: className = '' } = Astro.props;
|
|
13
|
+
---
|
|
14
|
+
|
|
15
|
+
<svg
|
|
16
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
17
|
+
width={width}
|
|
18
|
+
height={height}
|
|
19
|
+
viewBox="0 0 24 24"
|
|
20
|
+
fill="none"
|
|
21
|
+
stroke="currentColor"
|
|
22
|
+
stroke-width="2"
|
|
23
|
+
stroke-linecap="round"
|
|
24
|
+
stroke-linejoin="round"
|
|
25
|
+
class={className}
|
|
26
|
+
aria-hidden="true"
|
|
27
|
+
>
|
|
28
|
+
<title>Close</title>
|
|
29
|
+
<path d="M18 6L6 18" />
|
|
30
|
+
<path d="M6 6l12 12" />
|
|
31
|
+
</svg>
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
---
|
|
2
|
+
// Tabler Icons - Copy
|
|
3
|
+
// Source: https://tabler.io/icons/icon/copy
|
|
4
|
+
// License: MIT
|
|
5
|
+
|
|
6
|
+
interface Props {
|
|
7
|
+
width?: number;
|
|
8
|
+
height?: number;
|
|
9
|
+
class?: string;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
const { width = 16, height = 16, class: className = '' } = Astro.props;
|
|
13
|
+
---
|
|
14
|
+
|
|
15
|
+
<svg
|
|
16
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
17
|
+
width={width}
|
|
18
|
+
height={height}
|
|
19
|
+
viewBox="0 0 24 24"
|
|
20
|
+
fill="none"
|
|
21
|
+
stroke="currentColor"
|
|
22
|
+
stroke-width="2"
|
|
23
|
+
stroke-linecap="round"
|
|
24
|
+
stroke-linejoin="round"
|
|
25
|
+
class={className}
|
|
26
|
+
aria-hidden="true"
|
|
27
|
+
>
|
|
28
|
+
<title>Copy</title>
|
|
29
|
+
<rect width="14" height="14" x="8" y="8" rx="2" ry="2" />
|
|
30
|
+
<path d="M4 16c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2h8c1.1 0 2 .9 2 2" />
|
|
31
|
+
</svg>
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
---
|
|
2
|
+
// Tabler Icons - Eye (for Tiny Light)
|
|
3
|
+
// Source: https://tabler.io/icons/icon/eye
|
|
4
|
+
// License: MIT
|
|
5
|
+
|
|
6
|
+
interface Props {
|
|
7
|
+
width?: number;
|
|
8
|
+
height?: number;
|
|
9
|
+
class?: string;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
const { width = 16, height = 16, class: className = '' } = Astro.props;
|
|
13
|
+
---
|
|
14
|
+
|
|
15
|
+
<svg
|
|
16
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
17
|
+
width={width}
|
|
18
|
+
height={height}
|
|
19
|
+
viewBox="0 0 24 24"
|
|
20
|
+
fill="none"
|
|
21
|
+
stroke="currentColor"
|
|
22
|
+
stroke-width="2"
|
|
23
|
+
stroke-linecap="round"
|
|
24
|
+
stroke-linejoin="round"
|
|
25
|
+
class={className}
|
|
26
|
+
aria-hidden="true"
|
|
27
|
+
>
|
|
28
|
+
<title>Eye</title>
|
|
29
|
+
<path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" />
|
|
30
|
+
<circle cx="12" cy="12" r="3" />
|
|
31
|
+
</svg>
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
---
|
|
2
|
+
// Tabler Icons - Filter
|
|
3
|
+
// Source: https://tabler.io/icons/icon/filter
|
|
4
|
+
// License: MIT
|
|
5
|
+
|
|
6
|
+
interface Props {
|
|
7
|
+
width?: number;
|
|
8
|
+
height?: number;
|
|
9
|
+
class?: string;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
const { width = 20, height = 20, class: className = '' } = Astro.props;
|
|
13
|
+
---
|
|
14
|
+
|
|
15
|
+
<svg
|
|
16
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
17
|
+
width={width}
|
|
18
|
+
height={height}
|
|
19
|
+
viewBox="0 0 24 24"
|
|
20
|
+
fill="none"
|
|
21
|
+
stroke="currentColor"
|
|
22
|
+
stroke-width="2"
|
|
23
|
+
stroke-linecap="round"
|
|
24
|
+
stroke-linejoin="round"
|
|
25
|
+
class={className}
|
|
26
|
+
aria-hidden="true"
|
|
27
|
+
>
|
|
28
|
+
<title>Filter</title>
|
|
29
|
+
<path d="M22 3H2l8 9.46V19l4 2v-8.54L22 3z" />
|
|
30
|
+
</svg>
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
---
|
|
2
|
+
// Tabler Icons - Flame (for red / orange themes)
|
|
3
|
+
// License: MIT
|
|
4
|
+
|
|
5
|
+
interface Props {
|
|
6
|
+
width?: number;
|
|
7
|
+
height?: number;
|
|
8
|
+
class?: string;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
const { width = 16, height = 16, class: className = '' } = Astro.props;
|
|
12
|
+
---
|
|
13
|
+
|
|
14
|
+
<svg
|
|
15
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
16
|
+
width={width}
|
|
17
|
+
height={height}
|
|
18
|
+
viewBox="0 0 24 24"
|
|
19
|
+
fill="none"
|
|
20
|
+
stroke="currentColor"
|
|
21
|
+
stroke-width="2"
|
|
22
|
+
stroke-linecap="round"
|
|
23
|
+
stroke-linejoin="round"
|
|
24
|
+
class={className}
|
|
25
|
+
aria-hidden="true"
|
|
26
|
+
>
|
|
27
|
+
<title>Flame</title>
|
|
28
|
+
<path d="M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z" />
|
|
29
|
+
</svg>
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
---
|
|
2
|
+
// Flower icon (for Sunflower theme)
|
|
3
|
+
interface Props { width?: number; height?: number; class?: string; }
|
|
4
|
+
const { width = 16, height = 16, class: className = '' } = Astro.props;
|
|
5
|
+
---
|
|
6
|
+
|
|
7
|
+
<svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class={className} aria-hidden="true">
|
|
8
|
+
<title>Flower</title>
|
|
9
|
+
<circle cx="12" cy="12" r="3" />
|
|
10
|
+
<path d="M12 2v2M12 20v2M2 12h2M20 12h2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M4.93 19.07l1.41-1.41M17.66 6.34l1.41-1.41" />
|
|
11
|
+
<path d="M12 5v2M12 17v2M5 12h2M17 12h2" />
|
|
12
|
+
</svg>
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
---
|
|
2
|
+
// Tabler Icons - Settings (gear/cog icon)
|
|
3
|
+
// Source: https://tabler.io/icons/icon/settings
|
|
4
|
+
// License: MIT
|
|
5
|
+
|
|
6
|
+
interface Props {
|
|
7
|
+
width?: number;
|
|
8
|
+
height?: number;
|
|
9
|
+
class?: string;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
const { width = 20, height = 20, class: className = '' } = Astro.props;
|
|
13
|
+
---
|
|
14
|
+
|
|
15
|
+
<svg
|
|
16
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
17
|
+
width={width}
|
|
18
|
+
height={height}
|
|
19
|
+
viewBox="0 0 24 24"
|
|
20
|
+
fill="none"
|
|
21
|
+
stroke="currentColor"
|
|
22
|
+
stroke-width="2"
|
|
23
|
+
stroke-linecap="round"
|
|
24
|
+
stroke-linejoin="round"
|
|
25
|
+
class={className}
|
|
26
|
+
aria-hidden="true"
|
|
27
|
+
>
|
|
28
|
+
<title>Settings</title>
|
|
29
|
+
<path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z" />
|
|
30
|
+
<circle cx="12" cy="12" r="3" />
|
|
31
|
+
</svg>
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
---
|
|
2
|
+
// Tabler Icons - Heart (for pink / red / cute themes)
|
|
3
|
+
// License: MIT
|
|
4
|
+
|
|
5
|
+
interface Props {
|
|
6
|
+
width?: number;
|
|
7
|
+
height?: number;
|
|
8
|
+
class?: string;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
const { width = 16, height = 16, class: className = '' } = Astro.props;
|
|
12
|
+
---
|
|
13
|
+
|
|
14
|
+
<svg
|
|
15
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
16
|
+
width={width}
|
|
17
|
+
height={height}
|
|
18
|
+
viewBox="0 0 24 24"
|
|
19
|
+
fill="none"
|
|
20
|
+
stroke="currentColor"
|
|
21
|
+
stroke-width="2"
|
|
22
|
+
stroke-linecap="round"
|
|
23
|
+
stroke-linejoin="round"
|
|
24
|
+
class={className}
|
|
25
|
+
aria-hidden="true"
|
|
26
|
+
>
|
|
27
|
+
<title>Heart</title>
|
|
28
|
+
<path d="M19.5 12.572l-7.5 7.428l-7.5 -7.428a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" />
|
|
29
|
+
</svg>
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
---
|
|
2
|
+
// Tabler Icons - Ice Cream (for Nord theme)
|
|
3
|
+
// Source: https://tabler.io/icons
|
|
4
|
+
// License: MIT
|
|
5
|
+
|
|
6
|
+
interface Props {
|
|
7
|
+
width?: number;
|
|
8
|
+
height?: number;
|
|
9
|
+
class?: string;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
const { width = 16, height = 16, class: className = '' } = Astro.props;
|
|
13
|
+
---
|
|
14
|
+
|
|
15
|
+
<svg
|
|
16
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
17
|
+
width={width}
|
|
18
|
+
height={height}
|
|
19
|
+
viewBox="0 0 24 24"
|
|
20
|
+
fill="none"
|
|
21
|
+
stroke="currentColor"
|
|
22
|
+
stroke-width="2"
|
|
23
|
+
stroke-linecap="round"
|
|
24
|
+
stroke-linejoin="round"
|
|
25
|
+
class={className}
|
|
26
|
+
aria-hidden="true"
|
|
27
|
+
>
|
|
28
|
+
<title>Ice Cream</title>
|
|
29
|
+
<path d="m7 11 4.08 10.35a1 1 0 0 0 1.84 0L17 11" />
|
|
30
|
+
<path d="M17 7A5 5 0 0 0 7 7" />
|
|
31
|
+
<path d="M17 7a2 2 0 0 1 0 4H7a2 2 0 0 1 0-4" />
|
|
32
|
+
</svg>
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
---
|
|
2
|
+
// Tabler Icons - Leaf (for green themes)
|
|
3
|
+
// License: MIT
|
|
4
|
+
|
|
5
|
+
interface Props {
|
|
6
|
+
width?: number;
|
|
7
|
+
height?: number;
|
|
8
|
+
class?: string;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
const { width = 16, height = 16, class: className = '' } = Astro.props;
|
|
12
|
+
---
|
|
13
|
+
|
|
14
|
+
<svg
|
|
15
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
16
|
+
width={width}
|
|
17
|
+
height={height}
|
|
18
|
+
viewBox="0 0 24 24"
|
|
19
|
+
fill="none"
|
|
20
|
+
stroke="currentColor"
|
|
21
|
+
stroke-width="2"
|
|
22
|
+
stroke-linecap="round"
|
|
23
|
+
stroke-linejoin="round"
|
|
24
|
+
class={className}
|
|
25
|
+
aria-hidden="true"
|
|
26
|
+
>
|
|
27
|
+
<title>Leaf</title>
|
|
28
|
+
<path d="M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.78 10-10 10Z" />
|
|
29
|
+
<path d="M2 21c0-3 1.85-5.36 5.08-6C9.5 14.52 12 13 13 12" />
|
|
30
|
+
</svg>
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
---
|
|
2
|
+
// Lemon/citrus icon (for Orangy One Light theme)
|
|
3
|
+
interface Props { width?: number; height?: number; class?: string; }
|
|
4
|
+
const { width = 16, height = 16, class: className = '' } = Astro.props;
|
|
5
|
+
---
|
|
6
|
+
|
|
7
|
+
<svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class={className} aria-hidden="true">
|
|
8
|
+
<title>Lemon</title>
|
|
9
|
+
<path d="M15.5 6.5c.5-2.5 2.5-4 5-4 1.5 0 2.5.5 3 1" />
|
|
10
|
+
<path d="M12 12c-2 2-3 4-3 6 0 3 2 5 5 5 2 0 4-1 6-3" />
|
|
11
|
+
<path d="M18 12c2 2 3 4 3 6 0 3-2 5-5 5-2 0-4-1-6-3" />
|
|
12
|
+
</svg>
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
---
|
|
2
|
+
// Tabler Icons - Moon
|
|
3
|
+
// Source: https://tabler.io/icons/icon/moon
|
|
4
|
+
// License: MIT
|
|
5
|
+
|
|
6
|
+
interface Props {
|
|
7
|
+
width?: number;
|
|
8
|
+
height?: number;
|
|
9
|
+
class?: string;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
const { width = 16, height = 16, class: className = '' } = Astro.props;
|
|
13
|
+
---
|
|
14
|
+
|
|
15
|
+
<svg
|
|
16
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
17
|
+
width={width}
|
|
18
|
+
height={height}
|
|
19
|
+
viewBox="0 0 24 24"
|
|
20
|
+
fill="none"
|
|
21
|
+
stroke="currentColor"
|
|
22
|
+
stroke-width="2"
|
|
23
|
+
stroke-linecap="round"
|
|
24
|
+
stroke-linejoin="round"
|
|
25
|
+
class={className}
|
|
26
|
+
aria-hidden="true"
|
|
27
|
+
>
|
|
28
|
+
<title>Moon</title>
|
|
29
|
+
<path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z" />
|
|
30
|
+
</svg>
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
---
|
|
2
|
+
// Tabler Icons - Bird (for Night Owl theme)
|
|
3
|
+
// Source: https://tabler.io/icons/icon/bird
|
|
4
|
+
// License: MIT
|
|
5
|
+
|
|
6
|
+
interface Props {
|
|
7
|
+
width?: number;
|
|
8
|
+
height?: number;
|
|
9
|
+
class?: string;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
const { width = 16, height = 16, class: className = '' } = Astro.props;
|
|
13
|
+
---
|
|
14
|
+
|
|
15
|
+
<svg
|
|
16
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
17
|
+
width={width}
|
|
18
|
+
height={height}
|
|
19
|
+
viewBox="0 0 24 24"
|
|
20
|
+
fill="none"
|
|
21
|
+
stroke="currentColor"
|
|
22
|
+
stroke-width="2"
|
|
23
|
+
stroke-linecap="round"
|
|
24
|
+
stroke-linejoin="round"
|
|
25
|
+
class={className}
|
|
26
|
+
aria-hidden="true"
|
|
27
|
+
>
|
|
28
|
+
<title>Owl</title>
|
|
29
|
+
<path d="M16 7h.01" />
|
|
30
|
+
<path d="M3.4 18H12a8 8 0 0 0 8-8V7a4 4 0 0 0-7.28-2.3L2 20" />
|
|
31
|
+
<path d="m20 7 2 .5-2 .5" />
|
|
32
|
+
<path d="M10 18v3" />
|
|
33
|
+
<path d="M14 17.75V21" />
|
|
34
|
+
<path d="M7 18a6 6 0 0 0 3.84-10.61" />
|
|
35
|
+
</svg>
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
---
|
|
2
|
+
// Tabler Icons - Palette
|
|
3
|
+
// Source: https://tabler.io/icons/icon/palette
|
|
4
|
+
// License: MIT
|
|
5
|
+
|
|
6
|
+
interface Props {
|
|
7
|
+
width?: number;
|
|
8
|
+
height?: number;
|
|
9
|
+
class?: string;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
const { width = 16, height = 16, class: className = '' } = Astro.props;
|
|
13
|
+
---
|
|
14
|
+
|
|
15
|
+
<svg
|
|
16
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
17
|
+
width={width}
|
|
18
|
+
height={height}
|
|
19
|
+
viewBox="0 0 24 24"
|
|
20
|
+
fill="none"
|
|
21
|
+
stroke="currentColor"
|
|
22
|
+
stroke-width="2"
|
|
23
|
+
stroke-linecap="round"
|
|
24
|
+
stroke-linejoin="round"
|
|
25
|
+
class={className}
|
|
26
|
+
aria-hidden="true"
|
|
27
|
+
>
|
|
28
|
+
<title>Palette</title>
|
|
29
|
+
<path stroke="none" d="M0 0h24v24H0z" fill="none"/>
|
|
30
|
+
<path d="M12 21a9 9 0 0 1 0 -18c4.97 0 9 3.582 9 8c0 1.06 -.474 2.078 -1.318 2.828c-.844 .75 -1.989 1.172 -3.182 1.172h-2.5a2 2 0 0 0 -1 3.75a1.3 1.3 0 0 1 -1 2.25"/>
|
|
31
|
+
<path d="M7.5 10.5a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"/>
|
|
32
|
+
<path d="M11.5 7.5a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"/>
|
|
33
|
+
<path d="M15.5 10.5a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"/>
|
|
34
|
+
</svg>
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
---
|
|
2
|
+
// Tabler Icons - Rainbow (for Snazzy Light)
|
|
3
|
+
// Source: https://tabler.io/icons/icon/rainbow
|
|
4
|
+
// License: MIT
|
|
5
|
+
|
|
6
|
+
interface Props {
|
|
7
|
+
width?: number;
|
|
8
|
+
height?: number;
|
|
9
|
+
class?: string;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
const { width = 16, height = 16, class: className = '' } = Astro.props;
|
|
13
|
+
---
|
|
14
|
+
|
|
15
|
+
<svg
|
|
16
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
17
|
+
width={width}
|
|
18
|
+
height={height}
|
|
19
|
+
viewBox="0 0 24 24"
|
|
20
|
+
fill="none"
|
|
21
|
+
stroke="currentColor"
|
|
22
|
+
stroke-width="2"
|
|
23
|
+
stroke-linecap="round"
|
|
24
|
+
stroke-linejoin="round"
|
|
25
|
+
class={className}
|
|
26
|
+
aria-hidden="true"
|
|
27
|
+
>
|
|
28
|
+
<title>Rainbow</title>
|
|
29
|
+
<path d="M22 17a10 10 0 0 0-20 0" />
|
|
30
|
+
<path d="M6 17a6 6 0 0 1 12 0" />
|
|
31
|
+
<path d="M10 17a2 2 0 0 1 4 0" />
|
|
32
|
+
</svg>
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
---
|
|
2
|
+
// Tabler Icons - Search
|
|
3
|
+
// Source: https://tabler.io/icons/icon/search
|
|
4
|
+
// License: MIT
|
|
5
|
+
|
|
6
|
+
interface Props {
|
|
7
|
+
width?: number;
|
|
8
|
+
height?: number;
|
|
9
|
+
class?: string;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
const { width = 20, height = 20, class: className = '' } = Astro.props;
|
|
13
|
+
---
|
|
14
|
+
|
|
15
|
+
<svg
|
|
16
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
17
|
+
width={width}
|
|
18
|
+
height={height}
|
|
19
|
+
viewBox="0 0 24 24"
|
|
20
|
+
fill="none"
|
|
21
|
+
stroke="currentColor"
|
|
22
|
+
stroke-width="2"
|
|
23
|
+
stroke-linecap="round"
|
|
24
|
+
stroke-linejoin="round"
|
|
25
|
+
class={className}
|
|
26
|
+
aria-hidden="true"
|
|
27
|
+
>
|
|
28
|
+
<title>Search</title>
|
|
29
|
+
<circle cx="11" cy="11" r="8" />
|
|
30
|
+
<path d="m21 21-4.3-4.3" />
|
|
31
|
+
</svg>
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
---
|
|
2
|
+
// Tabler Icons - Shield (for Hack The Box theme)
|
|
3
|
+
// License: MIT
|
|
4
|
+
|
|
5
|
+
interface Props {
|
|
6
|
+
width?: number;
|
|
7
|
+
height?: number;
|
|
8
|
+
class?: string;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
const { width = 16, height = 16, class: className = '' } = Astro.props;
|
|
12
|
+
---
|
|
13
|
+
|
|
14
|
+
<svg
|
|
15
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
16
|
+
width={width}
|
|
17
|
+
height={height}
|
|
18
|
+
viewBox="0 0 24 24"
|
|
19
|
+
fill="none"
|
|
20
|
+
stroke="currentColor"
|
|
21
|
+
stroke-width="2"
|
|
22
|
+
stroke-linecap="round"
|
|
23
|
+
stroke-linejoin="round"
|
|
24
|
+
class={className}
|
|
25
|
+
aria-hidden="true"
|
|
26
|
+
>
|
|
27
|
+
<title>Shield</title>
|
|
28
|
+
<path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" />
|
|
29
|
+
</svg>
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
---
|
|
2
|
+
// Tabler Icons - Snowflake
|
|
3
|
+
// Source: https://tabler.io/icons/icon/snowflake
|
|
4
|
+
// License: MIT
|
|
5
|
+
|
|
6
|
+
interface Props {
|
|
7
|
+
width?: number;
|
|
8
|
+
height?: number;
|
|
9
|
+
class?: string;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
const { width = 16, height = 16, class: className = '' } = Astro.props;
|
|
13
|
+
---
|
|
14
|
+
|
|
15
|
+
<svg
|
|
16
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
17
|
+
width={width}
|
|
18
|
+
height={height}
|
|
19
|
+
viewBox="0 0 24 24"
|
|
20
|
+
fill="none"
|
|
21
|
+
stroke="currentColor"
|
|
22
|
+
stroke-width="2"
|
|
23
|
+
stroke-linecap="round"
|
|
24
|
+
stroke-linejoin="round"
|
|
25
|
+
class={className}
|
|
26
|
+
aria-hidden="true"
|
|
27
|
+
>
|
|
28
|
+
<title>Snowflake</title>
|
|
29
|
+
<path d="M12 2v20" />
|
|
30
|
+
<path d="m17 5-5 5-5-5" />
|
|
31
|
+
<path d="m17 19-5-5-5 5" />
|
|
32
|
+
<path d="M2 12h20" />
|
|
33
|
+
<path d="m5 17 5-5 5 5" />
|
|
34
|
+
<path d="m5 7 5 5 5-5" />
|
|
35
|
+
</svg>
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
---
|
|
2
|
+
// Tabler Icons - Arrows Sort (sortable column indicator)
|
|
3
|
+
// Source: https://tabler.io/icons/icon/arrows-sort
|
|
4
|
+
// License: MIT
|
|
5
|
+
|
|
6
|
+
interface Props {
|
|
7
|
+
width?: number;
|
|
8
|
+
height?: number;
|
|
9
|
+
class?: string;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
const { width = 20, height = 20, class: className = '' } = Astro.props;
|
|
13
|
+
---
|
|
14
|
+
|
|
15
|
+
<svg
|
|
16
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
17
|
+
width={width}
|
|
18
|
+
height={height}
|
|
19
|
+
viewBox="0 0 24 24"
|
|
20
|
+
fill="none"
|
|
21
|
+
stroke="currentColor"
|
|
22
|
+
stroke-width="2"
|
|
23
|
+
stroke-linecap="round"
|
|
24
|
+
stroke-linejoin="round"
|
|
25
|
+
class={className}
|
|
26
|
+
aria-hidden="true"
|
|
27
|
+
>
|
|
28
|
+
<title>Sort</title>
|
|
29
|
+
<path d="m7 15 5 5 5-5" />
|
|
30
|
+
<path d="m7 9 5-5 5 5" />
|
|
31
|
+
</svg>
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
---
|
|
2
|
+
// Tabler Icons - Sun (for light / yellow / orange themes)
|
|
3
|
+
// License: MIT
|
|
4
|
+
|
|
5
|
+
interface Props {
|
|
6
|
+
width?: number;
|
|
7
|
+
height?: number;
|
|
8
|
+
class?: string;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
const { width = 16, height = 16, class: className = '' } = Astro.props;
|
|
12
|
+
---
|
|
13
|
+
|
|
14
|
+
<svg
|
|
15
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
16
|
+
width={width}
|
|
17
|
+
height={height}
|
|
18
|
+
viewBox="0 0 24 24"
|
|
19
|
+
fill="none"
|
|
20
|
+
stroke="currentColor"
|
|
21
|
+
stroke-width="2"
|
|
22
|
+
stroke-linecap="round"
|
|
23
|
+
stroke-linejoin="round"
|
|
24
|
+
class={className}
|
|
25
|
+
aria-hidden="true"
|
|
26
|
+
>
|
|
27
|
+
<title>Sun</title>
|
|
28
|
+
<circle cx="12" cy="12" r="4" />
|
|
29
|
+
<path d="M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41" />
|
|
30
|
+
</svg>
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
---
|
|
2
|
+
// Sunset icon (for Rocky Blood Orange theme)
|
|
3
|
+
interface Props { width?: number; height?: number; class?: string; }
|
|
4
|
+
const { width = 16, height = 16, class: className = '' } = Astro.props;
|
|
5
|
+
---
|
|
6
|
+
|
|
7
|
+
<svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class={className} aria-hidden="true">
|
|
8
|
+
<title>Sunset</title>
|
|
9
|
+
<path d="M12 10V2M4.93 10.93l1.41 1.41M2 18h2M20 18h2M17.66 10.93l1.41-1.41M22 22H2M8 6l4-4 4 4M16 18a4 4 0 0 0-8 0" />
|
|
10
|
+
<path d="M12 22v-4" />
|
|
11
|
+
</svg>
|