feat: Add Datasets component to home page #3221 (#3508)

### What problem does this PR solve?

feat: Add Datasets component to home page #3221
### Type of change


- [x] New Feature (non-breaking change which adds functionality)
This commit is contained in:
balibabu
2024-11-20 11:14:21 +08:00
committed by Yingfeng Zhang
parent 289034f36e
commit 8b4407a68c
12 changed files with 436 additions and 129 deletions

View File

@ -69,6 +69,75 @@ module.exports = {
DEFAULT: 'var(--background-core-weak)',
foreground: 'var(--background-core-weak-foreground)',
},
'color-background-brand-default': {
DEFAULT: 'var(--color-background-brand-default)',
foreground: 'var(--background-inverse-standard-foreground)',
},
'color-background-positive-default': {
DEFAULT: 'var(--color-background-positive-default)',
foreground: 'var(--background-inverse-standard-foreground)',
},
'colors-background-core-standard': {
DEFAULT: 'var(--colors-background-core-standard)',
foreground: 'var(--background-inverse-standard-foreground)',
},
'colors-background-core-strong': {
DEFAULT: 'var(--colors-background-core-strong)',
foreground: 'var(--background-inverse-standard-foreground)',
},
'colors-background-core-weak': {
DEFAULT: 'var(--colors-background-core-weak)',
foreground: 'var(--background-inverse-standard-foreground)',
},
'colors-background-functional-solid-danger': {
DEFAULT: 'var(--colors-background-functional-solid-danger)',
foreground: 'var(--background-inverse-standard-foreground)',
},
'colors-background-functional-solid-notice': {
DEFAULT: 'var(--colors-background-functional-solid-notice)',
foreground: 'var(--background-inverse-standard-foreground)',
},
'colors-background-functional-solid-positive': {
DEFAULT: 'var(--colors-background-functional-solid-positive)',
foreground: 'var(--background-inverse-standard-foreground)',
},
'colors-background-functional-transparent-danger': {
DEFAULT: 'var(--colors-background-functional-transparent-danger)',
foreground: 'var(--background-inverse-standard-foreground)',
},
'colors-background-functional-transparent-notice': {
DEFAULT: 'var(--colors-background-functional-transparent-notice)',
foreground: 'var(--background-inverse-standard-foreground)',
},
'colors-background-functional-transparent-positive': {
DEFAULT: 'var(--colors-background-functional-transparent-positive)',
foreground: 'var(--background-inverse-standard-foreground)',
},
'colors-background-inverse-standard': {
DEFAULT: 'var(--colors-background-inverse-standard)',
foreground: 'var(--background-inverse-standard-foreground)',
},
'colors-background-inverse-strong': {
DEFAULT: 'var(--colors-background-inverse-strong)',
foreground: 'var(--background-inverse-standard-foreground)',
},
'colors-background-inverse-weak': {
DEFAULT: 'var(--colors-background-inverse-weak)',
foreground: 'var(--background-inverse-standard-foreground)',
},
'colors-background-neutral-standard': {
DEFAULT: 'var(--colors-background-neutral-standard)',
foreground: 'var(--background-inverse-standard-foreground)',
},
'colors-background-neutral-strong': {
DEFAULT: 'var(--colors-background-neutral-strong)',
foreground: 'var(--background-inverse-standard-foreground)',
},
'colors-background-neutral-weak': {
DEFAULT: 'var(--colors-background-neutral-weak)',
foreground: 'var(--background-inverse-standard-foreground)',
},
},
borderRadius: {
lg: `var(--radius)`,