Skip to content
Snippets Groups Projects
Commit 9aab8a08 authored by Jose Manuel Serrano Amaut's avatar Jose Manuel Serrano Amaut
Browse files

[REF]: replace multiple validations for olor with complete assure Color

parent bc85d49f
No related branches found
No related tags found
No related merge requests found
import * as React from "react";
import { asureColor, colourNameToHex, hexColorToRGB } from "../../../core/color";
import { completeAsureColor } from "../../../core";
import "./DefaultLoader.scss";
interface DefaultLoaderNeoProps {
color?: string;
label?: string;
}
const makeDefaultLoaderNeoColor = (color?: string): string => {
return hexColorToRGB(asureColor(colourNameToHex(color)), 0.5);
return completeAsureColor(color, 0.5);
};
const DefaultLoader: React.FC<DefaultLoaderNeoProps> = (
props: DefaultLoaderNeoProps
) => {
const { color = "#8b6b10",label } = props;
const { color = "#8b6b10", label } = props;
//console.log("color label loader", color,label);
return (
<svg
......@@ -130,7 +128,7 @@ const DefaultLoader: React.FC<DefaultLoaderNeoProps> = (
y={`90`}
fill={`${color}`}
>
{label ||`loading`}
{label || `loading`}
</text>
</svg>
);
......
import { asureColor, colourNameToHex, darkerColor, hexColorToRGB } from "../../../core";
import { asureColor, colourNameToHex, completeAsureColor, darkerColor } from "../../../core";
import { DynamicSheet, DynamicSheetRule } from "@dynamicss/dynamicss";
export default class MaterialButtonStyleManager {
......@@ -55,58 +55,40 @@ export default class MaterialButtonStyleManager {
case "contained":
sheetRules[0].rules = {
color: asureColor(colourNameToHex(textColor)),
backgroundColor: hexColorToRGB(
asureColor(colourNameToHex(color)),
1
),
backgroundColor: completeAsureColor(color),
textDecoration: textDecoration
};
sheetRules[1].rules = {
":hover": {
backgroundColor: darkerColor(
hexColorToRGB(
asureColor(colourNameToHex(color)),
1
)
completeAsureColor(color)
),
},
};
break;
case "outlined":
sheetRules[0].rules = {
border: `1px solid ${hexColorToRGB(
asureColor(colourNameToHex(color)),
0.5
)}`,
color: asureColor(colourNameToHex(color)),
border: `1px solid ${completeAsureColor(color, 0.5)}`,
color: completeAsureColor(color),
backgroundColor: "transparent",
textDecoration: textDecoration
};
sheetRules[1].rules = {
":hover": {
border: `1px solid ${hexColorToRGB(
asureColor(colourNameToHex(color)),
1
)}`,
backgroundColor: hexColorToRGB(
asureColor(colourNameToHex(color)),
0.085
),
border: `1px solid ${completeAsureColor(color, 1)}`,
backgroundColor: completeAsureColor(color, 0.085),
},
};
break;
case "text":
sheetRules[0].rules = {
color: asureColor(colourNameToHex(color)),
color: completeAsureColor(color),
backgroundColor: "transparent",
textDecoration: textDecoration
};
sheetRules[1].rules = {
":hover": {
backgroundColor: hexColorToRGB(
asureColor(colourNameToHex(color)),
0.085
),
backgroundColor: completeAsureColor(color, 0.085),
},
};
break;
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment