@pantheon-systems/pds-design-tokens 1.0.0-dev.13 → 1.0.0-dev.15

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 (9) hide show
  1. package/build/css/pds-design-tokens-dark-mode.css +7 -6
  2. package/build/css/pds-design-tokens-light-mode.css +5 -4
  3. package/build/figma/pds-design-tokens-figma.json +182 -232
  4. package/build/json/pds-design-tokens-dark-mode.json +89 -114
  5. package/build/json/pds-design-tokens-light-mode.json +75 -100
  6. package/build/json/pds-design-tokens.json +16 -16
  7. package/build/scss/_pds-design-tokens-dark-mode.scss +7 -6
  8. package/build/scss/_pds-design-tokens-light-mode.scss +5 -4
  9. package/package.json +1 -1
package/build/json/pds-design-tokens.json CHANGED
@@ -1,27 +1,27 @@
1
1
  {
2
2
  "animation": {
3
- "button": {
3
+ "focus": {
4
4
  "transition": {
5
- "value": "background-color: 200ms ease-in-out 0s, border-color: 200ms ease-in-out 0s",
5
+ "value": "outline: 200ms ease-in-out 0s",
6
6
  "filePath": "tokens/animation/alias.json",
7
7
  "isSource": true,
8
8
  "original": {
9
- "value": "background-color: {animation.transition.default.duration.value} {animation.transition.default.timing-function.value} {animation.transition.default.delay.value}, border-color: {animation.transition.default.duration.value} {animation.transition.default.timing-function.value} {animation.transition.default.delay.value}"
9
+ "value": "outline: {animation.transition.default.duration.value} {animation.transition.default.timing-function.value} {animation.transition.default.delay.value}"
10
10
  },
11
- "name": "animation-button-transition",
11
+ "name": "animation-focus-transition",
12
12
  "attributes": {
13
13
  "category": "animation",
14
- "type": "button",
14
+ "type": "focus",
15
15
  "item": "transition"
16
16
  },
17
17
  "path": [
18
18
  "animation",
19
- "button",
19
+ "focus",
20
20
  "transition"
21
21
  ]
22
22
  }
23
23
  },
24
- "input": {
24
+ "button": {
25
25
  "transition": {
26
26
  "value": "background-color: 200ms ease-in-out 0s, border-color: 200ms ease-in-out 0s",
27
27
  "filePath": "tokens/animation/alias.json",
@@ -29,36 +29,36 @@
29
29
  "original": {
30
30
  "value": "background-color: {animation.transition.default.duration.value} {animation.transition.default.timing-function.value} {animation.transition.default.delay.value}, border-color: {animation.transition.default.duration.value} {animation.transition.default.timing-function.value} {animation.transition.default.delay.value}"
31
31
  },
32
- "name": "animation-input-transition",
32
+ "name": "animation-button-transition",
33
33
  "attributes": {
34
34
  "category": "animation",
35
- "type": "input",
35
+ "type": "button",
36
36
  "item": "transition"
37
37
  },
38
38
  "path": [
39
39
  "animation",
40
- "input",
40
+ "button",
41
41
  "transition"
42
42
  ]
43
43
  }
44
44
  },
45
- "input-label": {
45
+ "input": {
46
46
  "transition": {
47
- "value": "color: 200ms ease-in-out 0s",
47
+ "value": "background-color: 200ms ease-in-out 0s, border-color: 200ms ease-in-out 0s",
48
48
  "filePath": "tokens/animation/alias.json",
49
49
  "isSource": true,
50
50
  "original": {
51
- "value": "color: {animation.transition.default.duration.value} {animation.transition.default.timing-function.value} {animation.transition.default.delay.value}"
51
+ "value": "background-color: {animation.transition.default.duration.value} {animation.transition.default.timing-function.value} {animation.transition.default.delay.value}, border-color: {animation.transition.default.duration.value} {animation.transition.default.timing-function.value} {animation.transition.default.delay.value}"
52
52
  },
53
- "name": "animation-input-label-transition",
53
+ "name": "animation-input-transition",
54
54
  "attributes": {
55
55
  "category": "animation",
56
- "type": "input-label",
56
+ "type": "input",
57
57
  "item": "transition"
58
58
  },
59
59
  "path": [
60
60
  "animation",
61
- "input-label",
61
+ "input",
62
62
  "transition"
63
63
  ]
64
64
  }
package/build/scss/_pds-design-tokens-dark-mode.scss CHANGED
@@ -63,21 +63,22 @@ $pds-color-gradient-sunrise: linear-gradient(227.79deg, #300068 38.28%, #E65F35
63
63
  $pds-color-gradient-sunset: linear-gradient(48.24deg, #EF13AD 0%, #300068 66.25%);
64
64
  $pds-color-input-background-critical: #1d1d29;
65
65
  $pds-color-input-background-default: #1d1d29;
66
+ $pds-color-input-background-hover: #282839;
66
67
  $pds-color-input-border-critical: #e05757;
67
68
  $pds-color-input-border-default: #a6a3b4;
68
- $pds-color-input-border-hover: $pds-color-interactive-focus;
69
- $pds-color-input-border-success: #22a06b;
69
+ $pds-color-input-border-hover: #5f41e5;
70
+ $pds-color-input-border-success: #3cb683;
70
71
  $pds-color-input-checked-background: $pds-color-interactive-focus;
71
72
  $pds-color-input-checked-foreground: #ffffff;
72
73
  $pds-color-input-foreground-critical: #e05757;
73
74
  $pds-color-input-foreground-default: #ffffff;
74
- $pds-color-input-foreground-success: #22a06b;
75
+ $pds-color-input-foreground-success: #3cb683;
75
76
  $pds-color-input-placeholder-text: #a6a3b4;
76
77
  $pds-color-interactive-focus: #36a3ff;
77
- $pds-color-link-active: #2776b9;
78
+ $pds-color-link-active: #5f41e5;
78
79
  $pds-color-link-default: #36a3ff;
79
- $pds-color-link-hover: #2776b9;
80
- $pds-color-link-visited: #967fff;
80
+ $pds-color-link-hover: #5f41e5;
81
+ $pds-color-link-visited: #5f41e5;
81
82
  $pds-color-menu-background: #282839;
82
83
  $pds-color-menu-item-background-active: #858299;
83
84
  $pds-color-menu-item-background-default: #282839;
package/build/scss/_pds-design-tokens-light-mode.scss CHANGED
@@ -63,9 +63,10 @@ $pds-color-gradient-sunrise: linear-gradient(227.79deg, #300068 38.28%, #E65F35
63
63
  $pds-color-gradient-sunset: linear-gradient(48.24deg, #EF13AD 0%, #300068 66.25%);
64
64
  $pds-color-input-background-critical: #ffebeb;
65
65
  $pds-color-input-background-default: #ffffff;
66
+ $pds-color-input-background-hover: #f0ecff;
66
67
  $pds-color-input-border-critical: #d61f1f;
67
68
  $pds-color-input-border-default: #8f8f99;
68
- $pds-color-input-border-hover: $pds-color-interactive-focus;
69
+ $pds-color-input-border-hover: #5f41e5;
69
70
  $pds-color-input-border-success: #1f845a;
70
71
  $pds-color-input-checked-background: $pds-color-interactive-focus;
71
72
  $pds-color-input-checked-foreground: #ffffff;
@@ -74,10 +75,10 @@ $pds-color-input-foreground-default: #23232d;
74
75
  $pds-color-input-foreground-success: #1f845a;
75
76
  $pds-color-input-placeholder-text: #71717c;
76
77
  $pds-color-interactive-focus: #0f62fe;
77
- $pds-color-link-active: #003cac;
78
+ $pds-color-link-active: #5f41e5;
78
79
  $pds-color-link-default: #0f62fe;
79
- $pds-color-link-hover: #003cac;
80
- $pds-color-link-visited: #967fff;
80
+ $pds-color-link-hover: #5f41e5;
81
+ $pds-color-link-visited: #5f41e5;
81
82
  $pds-color-menu-background: #ffffff;
82
83
  $pds-color-menu-item-background-active: #cfcfd3;
83
84
  $pds-color-menu-item-background-default: #ffffff;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pantheon-systems/pds-design-tokens",
3
- "version": "1.0.0-dev.13",
3
+ "version": "1.0.0-dev.15",
4
4
  "description": "Design Tokens for the Pantheon Design System",
5
5
  "homepage": "https://pantheon.io",
6
6
  "keywords": [