Scipaper/Frontend
5
0
Fork 0
Code Issues 15 Pull Requests Packages Projects Releases Wiki Activity

Merge pull request 'Changed colors for button variants' (#109) from fix/button-component into develop

Browse Source 
Reviewed-on: http://85.143.176.51:3000/free-land/front-end/pulls/109
This commit is contained in:
Denis Gorbunov 2022-08-30 08:09:39 +00:00
commit 4c8cb61f77
2 changed files with 802 additions and 238 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1002
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

38
src/components/Button/_btnEmphasis.tsx
View File

@ -2,8 +2,8 @@
/* styles */ /* styles */
/* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */
export const EnableHigh = `bg-blue-500 export const EnableHigh = `bg-blue-600
hover:bg-blue-400 hover:bg-blue-500
active:bg-blue-700 active:bg-blue-700
focus:shadow-lg shadow-blue-500 focus:shadow-lg shadow-blue-500
focus:outline outline-blue-400/10 outline-8 focus:outline outline-blue-400/10 outline-8
@ -18,22 +18,22 @@ export const GeneralHigh = `
stroke-white stroke-white
`; `;
export const EnabledMedium = `text-blue-500 export const EnabledMedium = `text-blue-600
border-gray-500 border-gray-500
active:border-blue-600 active:border-blue-700
active:text-blue-600 active:text-blue-700
hover:border-blue-400 hover:border-blue-500
hover:text-blue-400 hover:text-blue-500
focus:outline outline-blue-400/10 outline-8 focus:outline outline-blue-400/10 outline-8
focus:border-blue-600/70 focus:border-blue-700/70
fill-blue-500 fill-blue-600
hover:fill-blue-400 hover:fill-blue-500
active:fill-blue-600 active:fill-blue-700
focus:fill-blue-600 focus:fill-blue-700
stroke-blue-500 stroke-blue-600
hover:stroke-blue-400 hover:stroke-blue-500
active:stroke-blue-600 active:stroke-blue-700
focus:stroke-blue-600 focus:stroke-blue-700
`; `;
export const DisabledMedium = `text-gray-200 export const DisabledMedium = `text-gray-200
@ -47,13 +47,13 @@ export const GeneralMedium = `bg-white
export const EnabledLow = ` text-gray-900 export const EnabledLow = ` text-gray-900
hover:bg-gray-100 hover:bg-gray-100
active:text-blue-600 active:text-blue-700
active:bg-blue-100 active:bg-blue-100
focus:bg-blue-100 focus:bg-blue-100
fill-gray-900 fill-gray-900
stroke-gray-900 stroke-gray-900
active:fill-blue-500 active:fill-blue-600
active:stroke-blue-500 active:stroke-blue-600
`; `;
export const DisabledLow = `text-gray-200 export const DisabledLow = `text-gray-200