File size: 4,715 Bytes
db5855f
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
/**

 * Copyright (C) 2023 Intel Corporation

 * SPDX-License-Identifier: MIT

*/

/* Do not edit this file manually! This file is generated automatically from the @spark-design/tokens package.*/

:root,
[data-theme='light'] {
    --spark-button-monochrome-transparent: var(--spark-color-monochrome-transparent);
    --spark-button-monochrome-disabled-color: var(--spark-color-monochrome-theme-light-gray500);
    --spark-button-monochrome-disabled-bg-color: var(--spark-color-monochrome-theme-light-gray200);
    --spark-button-monochrome-disabled-border-color: var(
        --spark-color-monochrome-theme-light-gray200
    );
    --spark-button-monochrome-action-color: var(--spark-color-monochrome-theme-light-gray50);
    --spark-button-monochrome-action-bg-color: var(--spark-color-monochrome-theme-light-gray900);
    --spark-button-monochrome-action-bg-color-hover: var(
        --spark-color-monochrome-theme-light-gray800
    );
    --spark-button-monochrome-action-bg-color-active: var(
        --spark-color-monochrome-theme-light-gray700
    );
    --spark-button-monochrome-action-border-color: var(--spark-color-monochrome-transparent);
    --spark-button-monochrome-primary-color: var(--spark-color-monochrome-theme-light-gray900);
    --spark-button-monochrome-primary-bg-color: var(--spark-color-monochrome-transparent);
    --spark-button-monochrome-primary-bg-color-hover: var(
        --spark-color-monochrome-theme-light-gray200
    );
    --spark-button-monochrome-primary-bg-color-active: var(
        --spark-color-monochrome-theme-light-gray400
    );
    --spark-button-monochrome-primary-border-color: var(
        --spark-color-monochrome-theme-light-gray900
    );
    --spark-button-monochrome-secondary-color: var(--spark-color-monochrome-theme-light-gray900);
    --spark-button-monochrome-secondary-bg-color: var(--spark-color-monochrome-transparent);
    --spark-button-monochrome-secondary-bg-color-hover: var(
        --spark-color-monochrome-theme-light-gray200
    );
    --spark-button-monochrome-secondary-bg-color-active: var(
        --spark-color-monochrome-theme-light-gray400
    );
    --spark-button-monochrome-secondary-border-color: var(
        --spark-color-monochrome-theme-light-gray400
    );
    --spark-button-monochrome-ghost-color: var(--spark-color-monochrome-theme-light-gray900);
    --spark-button-monochrome-ghost-bg-color: var(--spark-color-monochrome-transparent);
    --spark-button-monochrome-ghost-bg-color-hover: var(
        --spark-color-monochrome-theme-light-gray200
    );
    --spark-button-monochrome-ghost-bg-color-active: var(
        --spark-color-monochrome-theme-light-gray400
    );
    --spark-button-monochrome-ghost-border-color: var(--spark-color-monochrome-transparent);
    --spark-button-monochrome-alert-color: var(--spark-color-monochrome-coral-shade1);
    --spark-button-monochrome-alert-bg-color: var(--spark-color-monochrome-transparent);
    --spark-button-monochrome-alert-bg-color-active: var(--spark-color-monochrome-coral-tint2);
    --spark-button-monochrome-alert-bg-color-hover: #fee9e9;
    --spark-button-monochrome-alert-border-color: var(--spark-color-monochrome-coral-shade1);
    --spark-button-monochrome-alert-ghost-color: var(--spark-color-monochrome-coral-shade1);
    --spark-button-monochrome-alert-ghost-bg-color: var(--spark-color-monochrome-transparent);
    --spark-button-monochrome-alert-ghost-bg-color-hover: #fee9e9;
    --spark-button-monochrome-alert-ghost-bg-color-active: var(
        --spark-color-monochrome-coral-tint2
    );
    --spark-button-monochrome-alert-ghost-border-color: var(--spark-color-monochrome-transparent);
    --spark-button-monochrome-unstyled-color: var(--spark-color-monochrome-theme-light-gray900);
    --spark-button-monochrome-unstyled-bg-color: var(--spark-color-monochrome-transparent);
    --spark-button-monochrome-unstyled-bg-color-hover: var(
        --spark-color-monochrome-theme-light-gray800
    );
    --spark-button-monochrome-unstyled-bg-color-active: var(
        --spark-color-monochrome-theme-light-gray700
    );
    --spark-button-monochrome-unstyled-border-color: var(--spark-color-monochrome-transparent);
    --spark-button-monochrome-unstyled-alert-color: var(--spark-color-monochrome-coral-shade1);
    --spark-button-monochrome-unstyled-alert-bg-color: var(--spark-color-monochrome-transparent);
    --spark-button-monochrome-unstyled-alert-bg-color-hover: #950000;
    --spark-button-monochrome-unstyled-alert-bg-color-active: #620000;
    --spark-button-monochrome-unstyled-alert-border-color: var(
        --spark-color-monochrome-transparent
    );
}