120 lines
4.0 KiB
JavaScript
120 lines
4.0 KiB
JavaScript
// eslint-disable-next-line import/no-anonymous-default-export
|
|
export default {
|
|
pill: `
|
|
rgba(0, 0, 0, 0) 0px 0px 0px 0px,
|
|
rgba(0, 0, 0, 0) 0px 0px 0px 0px,
|
|
rgba(0, 0, 0, 0.12) 0px 1px 1px 0px,
|
|
rgba(60, 66, 87, 0.16) 0px 0px 0px 1px,
|
|
rgba(0, 0, 0, 0) 0px 0px 0px 0px,
|
|
rgba(0, 0, 0, 0) 0px 0px 0px 0px,
|
|
rgba(60, 66, 87, 0.08) 0px 0px 5px 0px;
|
|
`,
|
|
pillActive: `
|
|
rgba(0, 0, 0, 0) 0px 0px 0px 0px,
|
|
rgba(83, 114, 93, 0.8) 0px 0px 0px 2px,
|
|
rgba(0, 0, 0, 0) 0px 0px 0px 0px,
|
|
rgba(60, 66, 87, 0.16) 0px 0px 0px 1px,
|
|
rgba(0, 0, 0, 0) 0px 0px 0px 0px,
|
|
rgba(0, 0, 0, 0) 0px 0px 0px 0px,
|
|
rgba(0, 0, 0, 0) 0px 0px 0px 0px
|
|
`,
|
|
pillActiveFocus: `
|
|
rgba(0, 0, 0, 0) 0px 0px 0px 0px,
|
|
rgba(206, 208, 190, 0.36) 0px 0px 0px 4px,
|
|
rgba(83, 114, 93, 0.8) 0px 0px 0px 2px,
|
|
rgba(0, 0, 0, 0) 0px 0px 0px 0px,
|
|
rgba(60, 66, 87, 0.16) 0px 0px 0px 1px,
|
|
rgba(0, 0, 0, 0) 0px 0px 0px 0px,
|
|
rgba(0, 0, 0, 0) 0px 0px 0px 0px,
|
|
rgba(0, 0, 0, 0) 0px 0px 0px 0px
|
|
`,
|
|
invalidBoxShadow: `
|
|
rgba(0, 0, 0, 0) 0px 0px 0px 0px,
|
|
rgba(0, 0, 0, 0) 0px 0px 0px 0px,
|
|
rgba(0, 0, 0, 0) 0px 0px 0px 0px,
|
|
rgba(255, 66, 87, 0.8) 0px 0px 0px 1px,
|
|
rgba(0, 0, 0, 0) 0px 0px 0px 0px,
|
|
rgba(0, 0, 0, 0) 0px 0px 0px 0px,
|
|
rgba(0, 0, 0, 0) 0px 0px 0px 0px;
|
|
`,
|
|
inputBoxShadow: `
|
|
rgba(0, 0, 0, 0) 0px 0px 0px 0px,
|
|
rgba(0, 0, 0, 0) 0px 0px 0px 0px,
|
|
rgba(0, 0, 0, 0) 0px 0px 0px 0px,
|
|
rgba(60, 66, 87, 0.16) 0px 0px 0px 1px,
|
|
rgba(0, 0, 0, 0) 0px 0px 0px 0px,
|
|
rgba(0, 0, 0, 0) 0px 0px 0px 0px,
|
|
rgba(0, 0, 0, 0) 0px 0px 0px 0px;
|
|
`,
|
|
inputBoxShadowHover: `
|
|
rgba(0, 0, 0, 0) 0px 0px 0px 0px,
|
|
rgba(206, 208, 190, 0.36) 0px 0px 0px 4px,
|
|
rgba(0, 0, 0, 0) 0px 0px 0px 0px,
|
|
rgba(60, 66, 87, 0.16) 0px 0px 0px 1px,
|
|
rgba(0, 0, 0, 0) 0px 0px 0px 0px,
|
|
rgba(0, 0, 0, 0) 0px 0px 0px 0px,
|
|
rgba(0, 0, 0, 0) 0px 0px 0px 0px;
|
|
`,
|
|
buttonBoxShadow: `
|
|
rgba(0, 0, 0, 0) 0px 0px 0px 0px,
|
|
rgba(0, 0, 0, 0) 0px 0px 0px 0px,
|
|
rgba(0, 0, 0, 0.12) 0px 1px 1px 0px,
|
|
rgba(60, 66, 87, 0.16) 0px 0px 0px 1px,
|
|
rgba(0, 0, 0, 0) 0px 0px 0px 0px,
|
|
rgba(0, 0, 0, 0) 0px 0px 0px 0px,
|
|
rgba(60, 66, 87, 0.08) 0px 2px 5px 0px;
|
|
`,
|
|
buttonBoxShadowHover: `
|
|
rgba(0, 0, 0, 0) 0px 0px 0px 0px,
|
|
rgba(0, 0, 0, 0) 0px 0px 0px 0px,
|
|
rgba(0, 0, 0, 0.12) 0px 1px 1px 0px,
|
|
rgba(60, 66, 87, 0.16) 0px 0px 0px 1px,
|
|
rgba(0, 0, 0, 0) 0px 0px 0px 0px,
|
|
rgba(60, 66, 87, 0.08) 0px 3px 9px 0px,
|
|
rgba(60, 66, 87, 0.08) 0px 2px 5px 0px;
|
|
`,
|
|
buttonBoxShadowActive: `
|
|
rgba(0, 0, 0, 0) 0px 0px 0px 0px,
|
|
rgba(206, 208, 190, 0.36) 0px 0px 0px 4px,
|
|
rgba(0, 0, 0, 0.12) 0px 1px 1px 0px,
|
|
rgba(60, 66, 87, 0.16) 0px 0px 0px 1px,
|
|
rgba(0, 0, 0, 0) 0px 0px 0px 0px,
|
|
rgba(60, 66, 87, 0.08) 0px 3px 9px 0px;
|
|
rgba(60, 66, 87, 0.08) 0px 2px 5px 0px;
|
|
`,
|
|
tagBoxShadow: `
|
|
rgba(0,0,0,0) 0px 0px 0px 0px,
|
|
rgb(190, 191, 208) 0px 0px 0px 2px,
|
|
rgba(0, 0, 0, 0) 0px 0px 0px 0px,
|
|
rgba(60, 62, 87, 0.22) 0px 0px 0px 2px,
|
|
rgba(0,0,0,0) 0px 0px 0px 0px,
|
|
rgba(0,0,0,0) 0px 0px 0px 0px,
|
|
rgba(0,0,0,0) 0px 0px 0px 0px;
|
|
`,
|
|
ctaBoxShadow: `
|
|
rgba(0,0,0,0) 0px 0px 0px 0px,
|
|
rgba(0,0,0,0) 0px 0px 0px 0px,
|
|
rgba(0,0,0,0.12) 0px 1px 1px 0px,
|
|
rgba(62, 207, 142, 0) 0px 0px 0px 1px,
|
|
rgba(0,0,0,0) 0px 0px 0px 0px,
|
|
rgba(0,0,0,0) 0px 0px 0px 0px,
|
|
rgba(60,66,87,0.08) 0px 2px 5px 0px;
|
|
`,
|
|
ctaBoxShadowHover: `
|
|
rgba(0,0,0,0) 0px 0px 0px 0px,
|
|
rgba(0,0,0,0) 0px 0px 0px 0px,
|
|
rgba(0,0,0,0.12) 0px 1px 1px 0px,
|
|
rgba(62, 207, 142, 0) 0px 0px 0px 1px,
|
|
rgba(0,0,0,0) 0px 0px 0px 0px,
|
|
rgba(62, 207, 142, 0.25) 0px 3px 9px 0px;
|
|
rgba(62, 207, 142, 0.25) 0px 2px 5px 0px;
|
|
`,
|
|
|
|
sidebarShadow: `
|
|
inset -1px 0 0 0 var(--theme-ui-colors-separator)
|
|
`,
|
|
topbarShadow: `
|
|
0 2px 5px 0 rgb(59 65 94 / 10%), 0 1px 1px 0 rgb(0 0 0 / 7%)
|
|
`,
|
|
}
|