nikitapozd-projects/blog-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add Button design system and Storybook Solid setup
Some checks failed
CI TEST (Vault secrets) / build (push) Failing after 15s
Details

Browse Source
This commit is contained in:
Nikita Pozdniakov
2026-05-27 15:10:38 +03:00
parent 7d3d87b1e5
commit 8642a5bce1
50 changed files with 3084 additions and 695 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
src/shared/designSystem/styles/components/button/text.css Normal file
View File

@@ -0,0 +1,49 @@
:root {
/* BLUE */
--button-text-blue-default-background: transparent;
--button-text-blue-default-color: var(--ds-color-blue-primary);
--button-text-blue-hover-color: var(--ds-color-blue-primary-hover);
--button-text-blue-active-color: var(--ds-color-blue-primary-active);
--button-text-blue-disabled-color: color-mix(
in srgb,
var(--button-text-blue-default-color) 40%,
transparent
);
--button-text-blue-default-border: transparent;
/* DARK */
--button-text-dark-default-background: transparent;
--button-text-dark-default-color: var(--ds-theme-text-primary);
--button-text-dark-hover-color: var(--ds-theme-text-primary-hover);
--button-text-dark-active-color: var(--ds-theme-text-primary-active);
--button-text-dark-disabled-color: color-mix(
in srgb,
var(--button-text-dark-default-color) 40%,
transparent
);
--button-text-dark-default-border: transparent;
/* RED */
--button-text-red-default-background: transparent;
--button-text-red-default-color: var(--ds-color-red-primary);
--button-text-red-hover-color: var(--ds-color-red-primary-hover);
--button-text-red-active-color: var(--ds-color-red-primary-active);
--button-text-red-disabled-color: color-mix(
in srgb,
var(--button-text-red-default-color) 40%,
transparent
);
--button-text-red-default-border: transparent;
/* CYAN */
--button-text-cyan-default-background: transparent;
--button-text-cyan-default-color: var(--ds-color-cyan-primary);
--button-text-cyan-hover-color: var(--ds-color-cyan-primary-hover);
--button-text-cyan-active-color: var(--ds-color-cyan-primary-active);
--button-text-cyan-disabled-color: color-mix(
in srgb,
var(--button-text-cyan-default-color) 40%,
transparent
);
--button-text-cyan-default-border: transparent;
}