arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-22 07:50:36 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat(theme)!: migrate from heroicons to lucide (#2540)

Browse Source 
Co-authored-by: Benjamin Canac <canacb1@gmail.com>
This commit is contained in:
Alex
2024-11-06 16:59:19 +05:00
committed by GitHub
parent e3092b6b40
commit a6c1a6c587
177 changed files with 2245 additions and 2245 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/devtools/runtime/examples/CommandPaletteExample.vue
View File

@@ -4,21 +4,21 @@ const groups = [{
items: [{
label: 'Add new file',
suffix: 'Create a new file in the current directory or workspace.',
icon: 'i-heroicons-document-plus'
icon: 'i-lucide-file-plus'
}, {
label: 'Add new folder',
suffix: 'Create a new folder in the current directory or workspace.',
icon: 'i-heroicons-folder-plus',
icon: 'i-lucide-folder-plus',
kbds: ['meta', 'F']
}, {
label: 'Add hashtag',
suffix: 'Add a hashtag to the current item.',
icon: 'i-heroicons-hashtag',
icon: 'i-lucide-hash',
kbds: ['meta', 'H']
}, {
label: 'Add label',
suffix: 'Add a label to the current item.',
icon: 'i-heroicons-tag',
icon: 'i-lucide-tag',
kbds: ['meta', 'L']
}]
}]

12
src/runtime/components/Accordion.vue
View File

@@ -59,28 +59,28 @@ extendDevtoolsMeta({
defaultProps: {
items: [{
label: 'Getting Started',
icon: 'i-heroicons-information-circle',
icon: 'i-lucide-info',
content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed neque elit, tristique placerat feugiat ac, facilisis vitae arcu. Proin eget egestas augue. Praesent ut sem nec arcu pellentesque aliquet. Duis dapibus diam vel metus tempus vulputate.'
}, {
label: 'Installation',
icon: 'i-heroicons-arrow-down-tray',
icon: 'i-lucide-download',
disabled: true,
content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed neque elit, tristique placerat feugiat ac, facilisis vitae arcu. Proin eget egestas augue. Praesent ut sem nec arcu pellentesque aliquet. Duis dapibus diam vel metus tempus vulputate.'
}, {
label: 'Theming',
icon: 'i-heroicons-eye-dropper',
icon: 'i-lucide-pipette',
content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed neque elit, tristique placerat feugiat ac, facilisis vitae arcu. Proin eget egestas augue. Praesent ut sem nec arcu pellentesque aliquet. Duis dapibus diam vel metus tempus vulputate.'
}, {
label: 'Layouts',
icon: 'i-heroicons-rectangle-group',
icon: 'i-lucide-layout-dashboard',
content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed neque elit, tristique placerat feugiat ac, facilisis vitae arcu. Proin eget egestas augue. Praesent ut sem nec arcu pellentesque aliquet. Duis dapibus diam vel metus tempus vulputate.'
}, {
label: 'Components',
icon: 'i-heroicons-square-3-stack-3d',
icon: 'i-lucide-layers-3',
content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed neque elit, tristique placerat feugiat ac, facilisis vitae arcu. Proin eget egestas augue. Praesent ut sem nec arcu pellentesque aliquet. Duis dapibus diam vel metus tempus vulputate.'
}, {
label: 'Utilities',
icon: 'i-heroicons-wrench-screwdriver',
icon: 'i-lucide-wrench',
content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed neque elit, tristique placerat feugiat ac, facilisis vitae arcu. Proin eget egestas augue. Praesent ut sem nec arcu pellentesque aliquet. Duis dapibus diam vel metus tempus vulputate.'
}]
}

2
src/runtime/components/Breadcrumb.vue
View File

@@ -55,7 +55,7 @@ extendDevtoolsMeta({
{ label: 'Home', to: '/' },
{
slot: 'dropdown',
icon: 'i-heroicons-ellipsis-horizontal',
icon: 'i-lucide-ellipsis',
children: [{
label: 'Documentation'
}, {

6
src/runtime/components/ContextMenu.vue
View File

@@ -94,13 +94,13 @@ extendDevtoolsMeta({
label: 'Appearance',
children: [{
label: 'System',
icon: 'i-heroicons-computer-desktop'
icon: 'i-lucide-monitor'
}, {
label: 'Light',
icon: 'i-heroicons-sun'
icon: 'i-lucide-sun'
}, {
label: 'Dark',
icon: 'i-heroicons-moon'
icon: 'i-lucide-moon'
}]
}],
[{

14
src/runtime/components/DropdownMenu.vue
View File

@@ -100,25 +100,25 @@ extendDevtoolsMeta({
type: 'label'
}], [{
label: 'Profile',
icon: 'i-heroicons-user',
icon: 'i-lucide-user',
slot: 'custom'
}, {
label: 'Billing',
icon: 'i-heroicons-credit-card',
icon: 'i-lucide-credit-card',
kbds: ['meta', 'b']
}, {
label: 'Settings',
icon: 'i-heroicons-cog',
icon: 'i-lucide-cog',
kbds: ['?']
}], [{
label: 'Invite users',
icon: 'i-heroicons-user-plus',
icon: 'i-lucide-user-plus',
children: [[{
label: 'Invite by email',
icon: 'i-heroicons-paper-airplane'
icon: 'i-lucide-send-horizontal'
}, {
label: 'Invite by link',
icon: 'i-heroicons-link',
icon: 'i-lucide-link',
kbds: ['meta', 'i']
}]]
}],
@@ -129,7 +129,7 @@ extendDevtoolsMeta({
target: '_blank'
}, {
label: 'Support',
icon: 'i-heroicons-lifebuoy',
icon: 'i-lucide-life-buoy',
to: '/components/dropdown-menu'
}]
]

12
src/runtime/components/NavigationMenu.vue
View File

@@ -87,24 +87,24 @@ extendDevtoolsMeta({
items: [
[{
label: 'Documentation',
icon: 'i-heroicons-book-open',
icon: 'i-lucide-book-open',
badge: 10,
children: [{
label: 'Introduction',
description: 'Fully styled and customizable components for Nuxt.',
icon: 'i-heroicons-home'
icon: 'i-lucide-house'
}, {
label: 'Installation',
description: 'Learn how to install and configure Nuxt UI in your application.',
icon: 'i-heroicons-cloud-arrow-down'
icon: 'i-lucide-cloud-download'
}, {
label: 'Theming',
description: 'Learn how to customize the look and feel of the components.',
icon: 'i-heroicons-swatch'
icon: 'i-lucide-swatch-book'
}, {
label: 'Shortcuts',
description: 'Learn how to display and define keyboard shortcuts in your app.',
icon: 'i-heroicons-computer-desktop'
icon: 'i-lucide-monitor'
}]
}, {
label: 'GitHub',
@@ -113,7 +113,7 @@ extendDevtoolsMeta({
target: '_blank'
}, {
label: 'Help',
icon: 'i-heroicons-question-mark-circle',
icon: 'i-lucide-circle-help',
disabled: true
}]
]

4
src/runtime/components/Tabs.vue
View File

@@ -73,11 +73,11 @@ extendDevtoolsMeta({
content: 'This is the content shown for Tab1'
}, {
label: 'Tab2',
icon: 'i-heroicons-user',
icon: 'i-lucide-user',
content: 'And, this is the content for Tab2'
}, {
label: 'Tab3',
icon: 'i-heroicons-bell',
icon: 'i-lucide-bell',
content: 'Finally, this is the content for Tab3'
}]
}

28
src/theme/icons.ts
View File

@@ -1,16 +1,16 @@
export default {
chevronDoubleLeft: 'i-heroicons-chevron-double-left-20-solid',
chevronDoubleRight: 'i-heroicons-chevron-double-right-20-solid',
chevronDown: 'i-heroicons-chevron-down-20-solid',
chevronLeft: 'i-heroicons-chevron-left-20-solid',
chevronRight: 'i-heroicons-chevron-right-20-solid',
arrowLeft: 'i-heroicons-arrow-left-20-solid',
arrowRight: 'i-heroicons-arrow-right-20-solid',
check: 'i-heroicons-check-20-solid',
close: 'i-heroicons-x-mark-20-solid',
ellipsis: 'i-heroicons-ellipsis-horizontal-20-solid',
external: 'i-heroicons-arrow-up-right-20-solid',
loading: 'i-heroicons-arrow-path-20-solid',
minus: 'i-heroicons-minus-20-solid',
search: 'i-heroicons-magnifying-glass-20-solid'
chevronDoubleLeft: 'i-lucide-chevrons-left',
chevronDoubleRight: 'i-lucide-chevrons-right',
chevronDown: 'i-lucide-chevron-down',
chevronLeft: 'i-lucide-chevron-left',
chevronRight: 'i-lucide-chevron-right',
arrowLeft: 'i-lucide-arrow-left',
arrowRight: 'i-lucide-arrow-right',
check: 'i-lucide-check',
close: 'i-lucide-x',
ellipsis: 'i-lucide-ellipsis',
external: 'i-lucide-arrow-up-right',
loading: 'i-lucide-refresh-ccw',
minus: 'i-lucide-minus',
search: 'i-lucide-search'
}