@pantheon-systems/pds-design-tokens 0.7.0-dev.7 → 1.0.0-dev.0

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.
Files changed (11) hide show
  1. package/build/css/pds-design-tokens-dark-mode.css +19 -10
  2. package/build/css/pds-design-tokens-light-mode.css +20 -11
  3. package/build/css/pds-design-tokens.css +3 -0
  4. package/build/figma/pds-design-tokens-figma.json +901 -400
  5. package/build/json/pds-design-tokens-dark-mode.json +291 -31
  6. package/build/json/pds-design-tokens-light-mode.json +302 -134
  7. package/build/json/pds-design-tokens.json +67 -0
  8. package/build/scss/_pds-design-tokens-dark-mode.scss +19 -10
  9. package/build/scss/_pds-design-tokens-light-mode.scss +20 -11
  10. package/build/scss/_pds-design-tokens.scss +3 -0
  11. package/package.json +1 -1
package/build/json/pds-design-tokens.json CHANGED
@@ -1,4 +1,71 @@
1
1
  {
2
+ "animation": {
3
+ "transition": {
4
+ "delay": {
5
+ "value": "0s",
6
+ "public": true,
7
+ "filePath": "tokens/animation/base.json",
8
+ "isSource": true,
9
+ "original": {
10
+ "value": "0s",
11
+ "public": true
12
+ },
13
+ "name": "animation-transition-delay",
14
+ "attributes": {
15
+ "category": "animation",
16
+ "type": "transition",
17
+ "item": "delay"
18
+ },
19
+ "path": [
20
+ "animation",
21
+ "transition",
22
+ "delay"
23
+ ]
24
+ },
25
+ "duration": {
26
+ "value": "200ms",
27
+ "public": true,
28
+ "filePath": "tokens/animation/base.json",
29
+ "isSource": true,
30
+ "original": {
31
+ "value": "200ms",
32
+ "public": true
33
+ },
34
+ "name": "animation-transition-duration",
35
+ "attributes": {
36
+ "category": "animation",
37
+ "type": "transition",
38
+ "item": "duration"
39
+ },
40
+ "path": [
41
+ "animation",
42
+ "transition",
43
+ "duration"
44
+ ]
45
+ },
46
+ "timing-function": {
47
+ "value": "ease-in-out",
48
+ "public": true,
49
+ "filePath": "tokens/animation/base.json",
50
+ "isSource": true,
51
+ "original": {
52
+ "value": "ease-in-out",
53
+ "public": true
54
+ },
55
+ "name": "animation-transition-timing-function",
56
+ "attributes": {
57
+ "category": "animation",
58
+ "type": "transition",
59
+ "item": "timing-function"
60
+ },
61
+ "path": [
62
+ "animation",
63
+ "transition",
64
+ "timing-function"
65
+ ]
66
+ }
67
+ }
68
+ },
2
69
  "border": {
3
70
  "radius": {
4
71
  "default": {
package/build/scss/_pds-design-tokens-dark-mode.scss CHANGED
@@ -12,7 +12,16 @@ $pds-color-background-default: #1d1d29;
12
12
  $pds-color-border-default: #504e62;
13
13
  $pds-color-brand-accent-default: #de0093;
14
14
  $pds-color-brand-primary-default: #ffdc28;
15
- $pds-color-brand-secondary-default: #3017a1;
15
+ $pds-color-brand-secondary-default: #785aff;
16
+ $pds-color-button-brand-background-active: #ddbd16;
17
+ $pds-color-button-brand-background-default: #ffdc28;
18
+ $pds-color-button-brand-background-hover: #ffe668;
19
+ $pds-color-button-brand-border-active: #ddbd16;
20
+ $pds-color-button-brand-border-default: #ffdc28;
21
+ $pds-color-button-brand-border-hover: #ffe668;
22
+ $pds-color-button-brand-foreground-active: #121219;
23
+ $pds-color-button-brand-foreground-default: #121219;
24
+ $pds-color-button-brand-foreground-hover: #121219;
16
25
  $pds-color-button-critical-background-active: #9c2f2f;
17
26
  $pds-color-button-critical-background-default: #e05757;
18
27
  $pds-color-button-critical-background-hover: #be4242;
@@ -22,15 +31,15 @@ $pds-color-button-critical-border-hover: #be4242;
22
31
  $pds-color-button-critical-foreground-active: #ffffff;
23
32
  $pds-color-button-critical-foreground-default: #ffffff;
24
33
  $pds-color-button-critical-foreground-hover: #ffffff;
25
- $pds-color-button-primary-background-active: #ddbd16;
26
- $pds-color-button-primary-background-default: #ffdc28;
27
- $pds-color-button-primary-background-hover: #ffe668;
28
- $pds-color-button-primary-border-active: #ddbd16;
29
- $pds-color-button-primary-border-default: #ffdc28;
30
- $pds-color-button-primary-border-hover: #ffe668;
31
- $pds-color-button-primary-foreground-active: #121219;
32
- $pds-color-button-primary-foreground-default: #121219;
33
- $pds-color-button-primary-foreground-hover: #121219;
34
+ $pds-color-button-primary-background-active: #785aff;
35
+ $pds-color-button-primary-background-default: #967fff;
36
+ $pds-color-button-primary-background-hover: #b5a4ff;
37
+ $pds-color-button-primary-border-active: #785aff;
38
+ $pds-color-button-primary-border-default: #967fff;
39
+ $pds-color-button-primary-border-hover: #b5a4ff;
40
+ $pds-color-button-primary-foreground-active: #ffffff;
41
+ $pds-color-button-primary-foreground-default: #ffffff;
42
+ $pds-color-button-primary-foreground-hover: #ffffff;
34
43
  $pds-color-button-secondary-background-active: #282839;
35
44
  $pds-color-button-secondary-background-default: rgba(0, 0, 0, 0);
36
45
  $pds-color-button-secondary-background-hover: #504e62;
package/build/scss/_pds-design-tokens-light-mode.scss CHANGED
@@ -13,24 +13,33 @@ $pds-color-border-default: #cfcfd3;
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-critical-background-active: #920303;
16
+ $pds-color-button-brand-background-active: #ddbd16;
17
+ $pds-color-button-brand-background-default: #ffdc28;
18
+ $pds-color-button-brand-background-hover: #ffe668;
19
+ $pds-color-button-brand-border-active: #ddbd16;
20
+ $pds-color-button-brand-border-default: #ffdc28;
21
+ $pds-color-button-brand-border-hover: #ffe668;
22
+ $pds-color-button-brand-foreground-active: #23232d;
23
+ $pds-color-button-brand-foreground-default: #23232d;
24
+ $pds-color-button-brand-foreground-hover: #23232d;
25
+ $pds-color-button-critical-background-active: #700000;
17
26
  $pds-color-button-critical-background-default: #d61f1f;
18
27
  $pds-color-button-critical-background-hover: #f83333;
19
- $pds-color-button-critical-border-active: #920303;
28
+ $pds-color-button-critical-border-active: #700000;
20
29
  $pds-color-button-critical-border-default: #d61f1f;
21
30
  $pds-color-button-critical-border-hover: #f83333;
22
31
  $pds-color-button-critical-foreground-active: #ffffff;
23
32
  $pds-color-button-critical-foreground-default: #ffffff;
24
33
  $pds-color-button-critical-foreground-hover: #ffffff;
25
- $pds-color-button-primary-background-active: #ddbd16;
26
- $pds-color-button-primary-background-default: #ffdc28;
27
- $pds-color-button-primary-background-hover: #ffe668;
28
- $pds-color-button-primary-border-active: #ddbd16;
29
- $pds-color-button-primary-border-default: #ffdc28;
30
- $pds-color-button-primary-border-hover: #ffe668;
31
- $pds-color-button-primary-foreground-active: #23232d;
32
- $pds-color-button-primary-foreground-default: #23232d;
33
- $pds-color-button-primary-foreground-hover: #23232d;
34
+ $pds-color-button-primary-background-active: #11005d;
35
+ $pds-color-button-primary-background-default: #3017a1;
36
+ $pds-color-button-primary-background-hover: #785aff;
37
+ $pds-color-button-primary-border-active: #11005d;
38
+ $pds-color-button-primary-border-default: #3017a1;
39
+ $pds-color-button-primary-border-hover: #785aff;
40
+ $pds-color-button-primary-foreground-active: #ffffff;
41
+ $pds-color-button-primary-foreground-default: #ffffff;
42
+ $pds-color-button-primary-foreground-hover: #ffffff;
34
43
  $pds-color-button-secondary-background-active: #cfcfd3;
35
44
  $pds-color-button-secondary-background-default: rgba(0, 0, 0, 0);
36
45
  $pds-color-button-secondary-background-hover: #f0ecff;
package/build/scss/_pds-design-tokens.scss CHANGED
@@ -8,6 +8,9 @@
8
8
  //
9
9
  // This file has been generated automatically.
10
10
 
11
+ $pds-animation-transition-delay: 0s;
12
+ $pds-animation-transition-duration: 200ms;
13
+ $pds-animation-transition-timing-function: ease-in-out;
11
14
  $pds-border-radius-default: 0.1875rem;
12
15
  $pds-border-width-default: 1px;
13
16
  $pds-typography-font-default: 'Poppins', sans-serif;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pantheon-systems/pds-design-tokens",
3
- "version": "0.7.0-dev.7",
3
+ "version": "1.0.0-dev.0",
4
4
  "description": "Design Tokens for the Pantheon Design System",
5
5
  "homepage": "https://pantheon.io",
6
6
  "keywords": [