ranjan/new-omis
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
Ranjan
2024-04-03 10:16:39 +05:45
commit 3e3eac1db4
545 changed files with 841810 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

266
resources/css/presets/aura/orderlist/index.js Normal file
View File

@ -0,0 +1,266 @@
export default {
root: {
class: [
// Flexbox
'flex'
]
},
controls: {
class: [
// Flexbox & Alignment
'flex flex-col justify-center gap-2',
// Spacing
'p-3'
]
},
moveupbutton: {
root: ({ context }) => ({
class: [
// Flexbox & Alignment
'relative inline-flex items-center justify-center',
// Shape
'rounded-md',
// Color
'text-white dark:text-surface-900',
'bg-primary-500 dark:bg-primary-400',
'border border-primary-500 dark:border-primary-400',
// Spacing & Size
'text-sm',
'w-8',
'm-0',
'px-2.5 py-1.5 min-w-[2rem]',
'shadow-sm',
// Transitions
'transition duration-200 ease-in-out',
// State
'hover:bg-primary-600 dark:hover:bg-primary-300 hover:border-primary-600 dark:hover:border-primary-300',
'focus:outline-none focus:outline-offset-0 focus:ring-2',
'focus:ring-primary-500 dark:focus:ring-primary-400',
{ 'cursor-default pointer-events-none opacity-60': context.disabled },
// Interactivity
'cursor-pointer user-select-none'
]
}),
label: {
class: [
// Flexbox
'flex-initial',
// Size
'w-0'
]
}
},
movedownbutton: {
root: ({ context }) => ({
class: [
// Flexbox & Alignment
'relative inline-flex items-center justify-center',
// Shape
'rounded-md',
// Color
'text-white dark:text-surface-900',
'bg-primary-500 dark:bg-primary-400',
'border border-primary-500 dark:border-primary-400',
// Spacing & Size
'text-sm',
'w-8',
'm-0',
'px-2.5 py-1.5 min-w-[2rem]',
'shadow-sm',
// Transitions
'transition duration-200 ease-in-out',
// State
'hover:bg-primary-600 dark:hover:bg-primary-300 hover:border-primary-600 dark:hover:border-primary-300',
'focus:outline-none focus:outline-offset-0 focus:ring-2',
'focus:ring-primary-500 dark:focus:ring-primary-400',
{ 'cursor-default pointer-events-none opacity-60': context.disabled },
// Interactivity
'cursor-pointer user-select-none'
]
}),
label: {
class: [
// Flexbox
'flex-initial',
// Size
'w-0'
]
}
},
movetopbutton: {
root: ({ context }) => ({
class: [
// Flexbox & Alignment
'relative inline-flex items-center justify-center',
// Shape
'rounded-md',
// Color
'text-white dark:text-surface-900',
'bg-primary-500 dark:bg-primary-400',
'border border-primary-500 dark:border-primary-400',
// Spacing & Size
'text-sm',
'w-8',
'm-0',
'px-2.5 py-1.5 min-w-[2rem]',
'shadow-sm',
// Transitions
'transition duration-200 ease-in-out',
// State
'hover:bg-primary-600 dark:hover:bg-primary-300 hover:border-primary-600 dark:hover:border-primary-300',
'focus:outline-none focus:outline-offset-0 focus:ring-2',
'focus:ring-primary-500 dark:focus:ring-primary-400',
{ 'cursor-default pointer-events-none opacity-60': context.disabled },
// Interactivity
'cursor-pointer user-select-none'
]
}),
label: {
class: [
// Flexbox
'flex-initial',
// Size
'w-0'
]
}
},
movebottombutton: {
root: ({ context }) => ({
class: [
// Flexbox & Alignment
'relative inline-flex items-center justify-center',
// Shape
'rounded-md',
// Color
'text-white dark:text-surface-900',
'bg-primary-500 dark:bg-primary-400',
'border border-primary-500 dark:border-primary-400',
// Spacing & Size
'text-sm',
'w-8',
'm-0',
'px-2.5 py-1.5 min-w-[2rem]',
'shadow-sm',
// Transitions
'transition duration-200 ease-in-out',
// State
'hover:bg-primary-600 dark:hover:bg-primary-300 hover:border-primary-600 dark:hover:border-primary-300',
'focus:outline-none focus:outline-offset-0 focus:ring-2',
'focus:ring-primary-500 dark:focus:ring-primary-400',
{ 'cursor-default pointer-events-none opacity-60': context.disabled },
// Interactivity
'cursor-pointer user-select-none'
]
}),
label: {
class: [
// Flexbox
'flex-initial',
// Size
'w-0'
]
}
},
container: {
class: ['flex-auto']
},
header: {
class: [
'font-semibold',
// Shape
'border-b rounded-t-md',
// Spacing
'py-3.5 px-3',
// Color
'text-surface-800 dark:text-white/80',
'bg-surface-0 dark:bg-surface-800',
'border-surface-200 dark:border-surface-700 border-b'
]
},
list: {
class: [
// Spacing
'list-none m-0 p-0',
// Size
'min-h-[12rem] max-h-[24rem]',
// Shape
'rounded-b-md border-0',
// Color
'text-surface-600 dark:text-white/80',
'bg-surface-0 dark:bg-surface-800',
'border border-surface-200 dark:border-surface-700',
// Spacing
'py-3 px-0',
// Focus & Outline
'outline-none',
// Misc
'overflow-auto'
]
},
item: ({ context }) => ({
class: [
// Position
'relative',
// Spacing
'py-3.5 px-3 m-0',
// Shape
'border-b last:border-b-0',
// Transition
'transition duration-200',
// Color
'text-surface-700 dark:text-white/80',
'border-surface-200 dark:border-surface-700',
{ 'bg-surface-100 dark:bg-surface-600/30': context.active && !context.focused },
{ 'bg-surface-200 dark:bg-surface-500/30': context.active && context.focused },
{ 'bg-surface-50 dark:bg-surface-700/70': !context.active && context.focused },
// State
'hover:bg-surface-100 dark:hover:bg-surface-700',
// Misc
'cursor-pointer overflow-hidden'
]
})
};