@pantheon-systems/pds-design-tokens 0.6.0-dev.1 → 0.6.0-dev.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/css/pds-design-tokens-dark-mode.css +16 -16
- package/build/css/pds-design-tokens-light-mode.css +12 -12
- package/build/figma/pds-design-tokens-figma.json +86 -86
- package/build/json/pds-design-tokens-dark-mode.json +45 -45
- package/build/json/pds-design-tokens-light-mode.json +41 -41
- package/build/scss/_pds-design-tokens-dark-mode.scss +16 -16
- package/build/scss/_pds-design-tokens-light-mode.scss +12 -12
- package/package.json +1 -1
|
@@ -13,18 +13,18 @@ $pds-color-border-default: #504e62;
|
|
|
13
13
|
$pds-color-brand-accent-default: #de0093;
|
|
14
14
|
$pds-color-brand-primary-default: #ffdc28;
|
|
15
15
|
$pds-color-brand-secondary-default: #3017a1;
|
|
16
|
-
$pds-color-button-
|
|
17
|
-
$pds-color-button-
|
|
18
|
-
$pds-color-button-
|
|
19
|
-
$pds-color-button-
|
|
20
|
-
$pds-color-button-
|
|
21
|
-
$pds-color-button-
|
|
22
|
-
$pds-color-button-
|
|
23
|
-
$pds-color-button-
|
|
24
|
-
$pds-color-button-
|
|
25
|
-
$pds-color-button-
|
|
26
|
-
$pds-color-button-
|
|
27
|
-
$pds-color-button-
|
|
16
|
+
$pds-color-button-critical-background-active: rgba(0, 0, 0, 0);
|
|
17
|
+
$pds-color-button-critical-background-default: rgba(0, 0, 0, 0);
|
|
18
|
+
$pds-color-button-critical-background-focus: rgba(0, 0, 0, 0);
|
|
19
|
+
$pds-color-button-critical-background-hover: rgba(0, 0, 0, 0);
|
|
20
|
+
$pds-color-button-critical-border-active: #be4242;
|
|
21
|
+
$pds-color-button-critical-border-default: #be4242;
|
|
22
|
+
$pds-color-button-critical-border-focus: #be4242;
|
|
23
|
+
$pds-color-button-critical-border-hover: #ffafaf;
|
|
24
|
+
$pds-color-button-critical-foreground-active: #be4242;
|
|
25
|
+
$pds-color-button-critical-foreground-default: #e05757;
|
|
26
|
+
$pds-color-button-critical-foreground-focus: #e05757;
|
|
27
|
+
$pds-color-button-critical-foreground-hover: #ffafaf;
|
|
28
28
|
$pds-color-button-primary-background-active: #ddbd16;
|
|
29
29
|
$pds-color-button-primary-background-default: #ffdc28;
|
|
30
30
|
$pds-color-button-primary-background-focus: #ddbd16;
|
|
@@ -33,10 +33,10 @@ $pds-color-button-primary-border-active: #ddbd16;
|
|
|
33
33
|
$pds-color-button-primary-border-default: #ffdc28;
|
|
34
34
|
$pds-color-button-primary-border-focus: #ddbd16;
|
|
35
35
|
$pds-color-button-primary-border-hover: #ffe668;
|
|
36
|
-
$pds-color-button-primary-foreground-active: #
|
|
37
|
-
$pds-color-button-primary-foreground-default: #
|
|
38
|
-
$pds-color-button-primary-foreground-focus: #
|
|
39
|
-
$pds-color-button-primary-foreground-hover: #
|
|
36
|
+
$pds-color-button-primary-foreground-active: #121219;
|
|
37
|
+
$pds-color-button-primary-foreground-default: #121219;
|
|
38
|
+
$pds-color-button-primary-foreground-focus: #121219;
|
|
39
|
+
$pds-color-button-primary-foreground-hover: #121219;
|
|
40
40
|
$pds-color-button-secondary-background-active: #282839;
|
|
41
41
|
$pds-color-button-secondary-background-default: rgba(0, 0, 0, 0);
|
|
42
42
|
$pds-color-button-secondary-background-focus: rgba(0, 0, 0, 0);
|
|
@@ -13,18 +13,18 @@ $pds-color-border-default: #71717c;
|
|
|
13
13
|
$pds-color-brand-accent-default: #de0093;
|
|
14
14
|
$pds-color-brand-primary-default: #ffdc28;
|
|
15
15
|
$pds-color-brand-secondary-default: #3017a1;
|
|
16
|
-
$pds-color-button-
|
|
17
|
-
$pds-color-button-
|
|
18
|
-
$pds-color-button-
|
|
19
|
-
$pds-color-button-
|
|
20
|
-
$pds-color-button-
|
|
21
|
-
$pds-color-button-
|
|
22
|
-
$pds-color-button-
|
|
23
|
-
$pds-color-button-
|
|
24
|
-
$pds-color-button-
|
|
25
|
-
$pds-color-button-
|
|
26
|
-
$pds-color-button-
|
|
27
|
-
$pds-color-button-
|
|
16
|
+
$pds-color-button-critical-background-active: #920303;
|
|
17
|
+
$pds-color-button-critical-background-default: #d61f1f;
|
|
18
|
+
$pds-color-button-critical-background-focus: #ffebeb;
|
|
19
|
+
$pds-color-button-critical-background-hover: #f83333;
|
|
20
|
+
$pds-color-button-critical-border-active: #920303;
|
|
21
|
+
$pds-color-button-critical-border-default: #d61f1f;
|
|
22
|
+
$pds-color-button-critical-border-focus: #d61f1f;
|
|
23
|
+
$pds-color-button-critical-border-hover: #f83333;
|
|
24
|
+
$pds-color-button-critical-foreground-active: #ffffff;
|
|
25
|
+
$pds-color-button-critical-foreground-default: #ffffff;
|
|
26
|
+
$pds-color-button-critical-foreground-focus: #f83333;
|
|
27
|
+
$pds-color-button-critical-foreground-hover: #ffffff;
|
|
28
28
|
$pds-color-button-primary-background-active: #ddbd16;
|
|
29
29
|
$pds-color-button-primary-background-default: #ffdc28;
|
|
30
30
|
$pds-color-button-primary-background-focus: #ffe668;
|