@atlaskit/tokens 1.23.0 → 1.24.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 (90) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/cjs/artifacts/generated-pairs.js +2 -2
  3. package/dist/cjs/artifacts/themes/atlassian-dark.js +2 -2
  4. package/dist/cjs/artifacts/themes/atlassian-legacy-dark.js +2 -2
  5. package/dist/cjs/artifacts/themes/atlassian-legacy-light.js +2 -2
  6. package/dist/cjs/artifacts/themes/atlassian-light.js +2 -2
  7. package/dist/cjs/artifacts/token-default-values.js +2 -1
  8. package/dist/cjs/artifacts/token-names.js +2 -1
  9. package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +23 -1
  10. package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-dark.js +23 -1
  11. package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-light.js +23 -1
  12. package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +23 -1
  13. package/dist/cjs/get-token-value.js +1 -1
  14. package/dist/cjs/get-token.js +1 -1
  15. package/dist/cjs/tokens/atlassian-dark/color/text.js +3 -0
  16. package/dist/cjs/tokens/atlassian-legacy-dark/color/text.js +3 -0
  17. package/dist/cjs/tokens/atlassian-legacy-light/color/text.js +3 -0
  18. package/dist/cjs/tokens/atlassian-light/color/text.js +3 -0
  19. package/dist/cjs/tokens/default/color/text.js +8 -0
  20. package/dist/es2019/artifacts/generated-pairs.js +2 -2
  21. package/dist/es2019/artifacts/themes/atlassian-dark.js +2 -1
  22. package/dist/es2019/artifacts/themes/atlassian-legacy-dark.js +2 -1
  23. package/dist/es2019/artifacts/themes/atlassian-legacy-light.js +2 -1
  24. package/dist/es2019/artifacts/themes/atlassian-light.js +2 -1
  25. package/dist/es2019/artifacts/token-default-values.js +2 -1
  26. package/dist/es2019/artifacts/token-names.js +2 -1
  27. package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +23 -1
  28. package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-dark.js +23 -1
  29. package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-light.js +23 -1
  30. package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +23 -1
  31. package/dist/es2019/get-token-value.js +1 -1
  32. package/dist/es2019/get-token.js +1 -1
  33. package/dist/es2019/tokens/atlassian-dark/color/text.js +3 -0
  34. package/dist/es2019/tokens/atlassian-legacy-dark/color/text.js +3 -0
  35. package/dist/es2019/tokens/atlassian-legacy-light/color/text.js +3 -0
  36. package/dist/es2019/tokens/atlassian-light/color/text.js +3 -0
  37. package/dist/es2019/tokens/default/color/text.js +8 -0
  38. package/dist/esm/artifacts/generated-pairs.js +2 -2
  39. package/dist/esm/artifacts/themes/atlassian-dark.js +2 -2
  40. package/dist/esm/artifacts/themes/atlassian-legacy-dark.js +2 -2
  41. package/dist/esm/artifacts/themes/atlassian-legacy-light.js +2 -2
  42. package/dist/esm/artifacts/themes/atlassian-light.js +2 -2
  43. package/dist/esm/artifacts/token-default-values.js +2 -1
  44. package/dist/esm/artifacts/token-names.js +2 -1
  45. package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +23 -1
  46. package/dist/esm/artifacts/tokens-raw/atlassian-legacy-dark.js +23 -1
  47. package/dist/esm/artifacts/tokens-raw/atlassian-legacy-light.js +23 -1
  48. package/dist/esm/artifacts/tokens-raw/atlassian-light.js +23 -1
  49. package/dist/esm/get-token-value.js +1 -1
  50. package/dist/esm/get-token.js +1 -1
  51. package/dist/esm/tokens/atlassian-dark/color/text.js +3 -0
  52. package/dist/esm/tokens/atlassian-legacy-dark/color/text.js +3 -0
  53. package/dist/esm/tokens/atlassian-legacy-light/color/text.js +3 -0
  54. package/dist/esm/tokens/atlassian-light/color/text.js +3 -0
  55. package/dist/esm/tokens/default/color/text.js +8 -0
  56. package/dist/types/artifacts/generated-pairs.d.ts +1 -1
  57. package/dist/types/artifacts/themes/atlassian-dark.d.ts +2 -2
  58. package/dist/types/artifacts/themes/atlassian-legacy-dark.d.ts +2 -2
  59. package/dist/types/artifacts/themes/atlassian-legacy-light.d.ts +2 -2
  60. package/dist/types/artifacts/themes/atlassian-light.d.ts +2 -2
  61. package/dist/types/artifacts/token-default-values.d.ts +2 -1
  62. package/dist/types/artifacts/token-names.d.ts +3 -1
  63. package/dist/types/artifacts/tokens-raw/atlassian-dark.d.ts +1 -1
  64. package/dist/types/artifacts/tokens-raw/atlassian-legacy-dark.d.ts +1 -1
  65. package/dist/types/artifacts/tokens-raw/atlassian-legacy-light.d.ts +1 -1
  66. package/dist/types/artifacts/tokens-raw/atlassian-light.d.ts +1 -1
  67. package/dist/types/artifacts/types-internal.d.ts +2 -2
  68. package/dist/types/artifacts/types.d.ts +2 -2
  69. package/dist/types/types.d.ts +1 -0
  70. package/dist/types-ts4.5/artifacts/generated-pairs.d.ts +1 -1
  71. package/dist/types-ts4.5/artifacts/themes/atlassian-dark.d.ts +2 -2
  72. package/dist/types-ts4.5/artifacts/themes/atlassian-legacy-dark.d.ts +2 -2
  73. package/dist/types-ts4.5/artifacts/themes/atlassian-legacy-light.d.ts +2 -2
  74. package/dist/types-ts4.5/artifacts/themes/atlassian-light.d.ts +2 -2
  75. package/dist/types-ts4.5/artifacts/token-default-values.d.ts +2 -1
  76. package/dist/types-ts4.5/artifacts/token-names.d.ts +3 -1
  77. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark.d.ts +1 -1
  78. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-legacy-dark.d.ts +1 -1
  79. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-legacy-light.d.ts +1 -1
  80. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-light.d.ts +1 -1
  81. package/dist/types-ts4.5/artifacts/types-internal.d.ts +2 -2
  82. package/dist/types-ts4.5/artifacts/types.d.ts +2 -2
  83. package/dist/types-ts4.5/types.d.ts +1 -0
  84. package/figma/atlassian-dark.json +9 -0
  85. package/figma/atlassian-legacy-dark.json +9 -0
  86. package/figma/atlassian-legacy-light.json +9 -0
  87. package/figma/atlassian-light.json +9 -0
  88. package/package.json +2 -2
  89. package/report.api.md +4 -0
  90. package/tmp/api-report-tmp.d.ts +4 -2
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
- * @codegen <<SignedSource::3d85ad6445c9e91ba4be74807676d20d>>
3
+ * @codegen <<SignedSource::e988c9f1dbc5f3401409a53e6b2d71e2>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  export default `
@@ -42,6 +42,7 @@ html[data-color-mode="dark"][data-theme~="dark:dark"] {
42
42
  --ds-text-subtle: #9FADBC;
43
43
  --ds-link: #579DFF;
44
44
  --ds-link-pressed: #85B8FF;
45
+ --ds-link-visited: #B8ACF6;
45
46
  --ds-icon: #9FADBC;
46
47
  --ds-icon-accent-lime: #82B536;
47
48
  --ds-icon-accent-red: #EF5C48;
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
- * @codegen <<SignedSource::0ca328e17457ed4f82d7463a4a3e8b82>>
3
+ * @codegen <<SignedSource::cbc95efad14e4b8f73c4b91d9c616f52>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  export default `
@@ -42,6 +42,7 @@ html[data-color-mode="dark"][data-theme~="dark:legacy-dark"] {
42
42
  --ds-text-subtle: #9FB0CC;
43
43
  --ds-link: #0052CC;
44
44
  --ds-link-pressed: #0065FF;
45
+ --ds-link-visited: #6554C0;
45
46
  --ds-icon: #DCE5F5;
46
47
  --ds-icon-accent-lime: #6A9A23;
47
48
  --ds-icon-accent-red: #BF2600;
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
- * @codegen <<SignedSource::8adee2e1e5e653298a65f7f29ffd0bda>>
3
+ * @codegen <<SignedSource::864da039f8f9b771294919957d8579f4>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  export default `
@@ -42,6 +42,7 @@ html[data-color-mode="dark"][data-theme~="dark:legacy-light"] {
42
42
  --ds-text-subtle: #42526E;
43
43
  --ds-link: #0052CC;
44
44
  --ds-link-pressed: #0747A6;
45
+ --ds-link-visited: #403294;
45
46
  --ds-icon: #505F79;
46
47
  --ds-icon-accent-lime: #6A9A23;
47
48
  --ds-icon-accent-red: #FF5630;
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
- * @codegen <<SignedSource::652f949fb680727e4cfebdb69b570a15>>
3
+ * @codegen <<SignedSource::8c2806dec8e3f2fc93f7bc93229db8b9>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  export default `
@@ -42,6 +42,7 @@ html[data-color-mode="dark"][data-theme~="dark:light"] {
42
42
  --ds-text-subtle: #44546F;
43
43
  --ds-link: #0C66E4;
44
44
  --ds-link-pressed: #0055CC;
45
+ --ds-link-visited: #5E4DB2;
45
46
  --ds-icon: #44546F;
46
47
  --ds-icon-accent-lime: #6A9A23;
47
48
  --ds-icon-accent-red: #E34935;
@@ -7,7 +7,7 @@
7
7
  * Token names mapped to their value in the default Atlassian themes ('light').
8
8
  * These default values are used by the Babel plugin to optionally provide automatic fallbacks.
9
9
  *
10
- * @codegen <<SignedSource::2ed9c3b5219514c1dd5c348fb4647ed3>>
10
+ * @codegen <<SignedSource::2055e9d3b964a68e35d40fda2189f30a>>
11
11
  * @codegenCommand yarn build tokens
12
12
  */
13
13
  const defaultTokenValues = {
@@ -46,6 +46,7 @@ const defaultTokenValues = {
46
46
  'color.text.subtle': '#44546F',
47
47
  'color.link': '#0C66E4',
48
48
  'color.link.pressed': '#0055CC',
49
+ 'color.link.visited': '#5E4DB2',
49
50
  'color.icon': '#44546F',
50
51
  'color.icon.accent.lime': '#6A9A23',
51
52
  'color.icon.accent.red': '#E34935',
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
- * @codegen <<SignedSource::9b8fdc7df9d7269fb27f22c5e06d7743>>
3
+ * @codegen <<SignedSource::85873830ffd9373b872fe41c841504eb>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  const tokens = {
@@ -39,6 +39,7 @@ const tokens = {
39
39
  'color.text.subtle': '--ds-text-subtle',
40
40
  'color.link': '--ds-link',
41
41
  'color.link.pressed': '--ds-link-pressed',
42
+ 'color.link.visited': '--ds-link-visited',
42
43
  'color.icon': '--ds-icon',
43
44
  'color.icon.accent.lime': '--ds-icon-accent-lime',
44
45
  'color.icon.accent.red': '--ds-icon-accent-red',
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
- * @codegen <<SignedSource::a80d8cbd5dd6567623aa21c92718805d>>
3
+ * @codegen <<SignedSource::53fe3ce214e188eaafa0c96c9d57e282>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  const tokens = [{
@@ -773,6 +773,28 @@ const tokens = [{
773
773
  "name": "color.link.pressed",
774
774
  "path": ["color", "link", "pressed"],
775
775
  "cleanName": "color.link.pressed"
776
+ }, {
777
+ "attributes": {
778
+ "group": "paint",
779
+ "state": "active",
780
+ "introduced": "1.23.0",
781
+ "description": "Use for links in a visited state."
782
+ },
783
+ "value": "#B8ACF6",
784
+ "filePath": "src/tokens/atlassian-dark/color/text.tsx",
785
+ "isSource": true,
786
+ "original": {
787
+ "attributes": {
788
+ "group": "paint",
789
+ "state": "active",
790
+ "introduced": "1.23.0",
791
+ "description": "Use for links in a visited state."
792
+ },
793
+ "value": "Purple300"
794
+ },
795
+ "name": "color.link.visited",
796
+ "path": ["color", "link", "visited"],
797
+ "cleanName": "color.link.visited"
776
798
  }, {
777
799
  "attributes": {
778
800
  "group": "paint",
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
- * @codegen <<SignedSource::d20511e24953b6338bedcac850c9ecf7>>
3
+ * @codegen <<SignedSource::bee85f1b04f33c290a4e90dad09a8602>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  const tokens = [{
@@ -773,6 +773,28 @@ const tokens = [{
773
773
  "name": "color.link.pressed",
774
774
  "path": ["color", "link", "pressed"],
775
775
  "cleanName": "color.link.pressed"
776
+ }, {
777
+ "attributes": {
778
+ "group": "paint",
779
+ "state": "active",
780
+ "introduced": "1.23.0",
781
+ "description": "Use for links in a visited state."
782
+ },
783
+ "value": "#6554C0",
784
+ "filePath": "src/tokens/atlassian-legacy-dark/color/text.tsx",
785
+ "isSource": true,
786
+ "original": {
787
+ "attributes": {
788
+ "group": "paint",
789
+ "state": "active",
790
+ "introduced": "1.23.0",
791
+ "description": "Use for links in a visited state."
792
+ },
793
+ "value": "P300"
794
+ },
795
+ "name": "color.link.visited",
796
+ "path": ["color", "link", "visited"],
797
+ "cleanName": "color.link.visited"
776
798
  }, {
777
799
  "attributes": {
778
800
  "group": "paint",
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
- * @codegen <<SignedSource::9faa03010b915213b0e7b73c8c9a4264>>
3
+ * @codegen <<SignedSource::3335668d6b974c0aae9b4e7246358fd2>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  const tokens = [{
@@ -773,6 +773,28 @@ const tokens = [{
773
773
  "name": "color.link.pressed",
774
774
  "path": ["color", "link", "pressed"],
775
775
  "cleanName": "color.link.pressed"
776
+ }, {
777
+ "attributes": {
778
+ "group": "paint",
779
+ "state": "active",
780
+ "introduced": "1.23.0",
781
+ "description": "Use for links in a visited state."
782
+ },
783
+ "value": "#403294",
784
+ "filePath": "src/tokens/atlassian-legacy-light/color/text.tsx",
785
+ "isSource": true,
786
+ "original": {
787
+ "attributes": {
788
+ "group": "paint",
789
+ "state": "active",
790
+ "introduced": "1.23.0",
791
+ "description": "Use for links in a visited state."
792
+ },
793
+ "value": "P500"
794
+ },
795
+ "name": "color.link.visited",
796
+ "path": ["color", "link", "visited"],
797
+ "cleanName": "color.link.visited"
776
798
  }, {
777
799
  "attributes": {
778
800
  "group": "paint",
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
- * @codegen <<SignedSource::656f1845b17c239ea0ba3e5d62dcba09>>
3
+ * @codegen <<SignedSource::6009ba9010fc2a039dc1080a936d9f80>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  const tokens = [{
@@ -773,6 +773,28 @@ const tokens = [{
773
773
  "name": "color.link.pressed",
774
774
  "path": ["color", "link", "pressed"],
775
775
  "cleanName": "color.link.pressed"
776
+ }, {
777
+ "attributes": {
778
+ "group": "paint",
779
+ "state": "active",
780
+ "introduced": "1.23.0",
781
+ "description": "Use for links in a visited state."
782
+ },
783
+ "value": "#5E4DB2",
784
+ "filePath": "src/tokens/atlassian-light/color/text.tsx",
785
+ "isSource": true,
786
+ "original": {
787
+ "attributes": {
788
+ "group": "paint",
789
+ "state": "active",
790
+ "introduced": "1.23.0",
791
+ "description": "Use for links in a visited state."
792
+ },
793
+ "value": "Purple800"
794
+ },
795
+ "name": "color.link.visited",
796
+ "path": ["color", "link", "visited"],
797
+ "cleanName": "color.link.visited"
776
798
  }, {
777
799
  "attributes": {
778
800
  "group": "paint",
@@ -1,7 +1,7 @@
1
1
  import warnOnce from '@atlaskit/ds-lib/warn-once';
2
2
  import tokens from './artifacts/token-names';
3
3
  const name = "@atlaskit/tokens";
4
- const version = "1.23.0";
4
+ const version = "1.24.0";
5
5
  /**
6
6
  * Takes a dot-separated token name and and an optional fallback, and returns the current computed CSS value for the
7
7
  * resulting CSS Custom Property.
@@ -2,7 +2,7 @@ import warnOnce from '@atlaskit/ds-lib/warn-once';
2
2
  import tokens from './artifacts/token-names';
3
3
  import { TOKEN_NOT_FOUND_CSS_VAR } from './constants';
4
4
  const name = "@atlaskit/tokens";
5
- const version = "1.23.0";
5
+ const version = "1.24.0";
6
6
  /**
7
7
  * Takes a dot-separated token name and an optional fallback, and returns the CSS custom property for the corresponding token.
8
8
  * This should be used to implement design decisions throughout your application.
@@ -49,6 +49,9 @@ const color = {
49
49
  },
50
50
  pressed: {
51
51
  value: 'Blue300'
52
+ },
53
+ visited: {
54
+ value: 'Purple300'
52
55
  }
53
56
  }
54
57
  }
@@ -49,6 +49,9 @@ const color = {
49
49
  },
50
50
  pressed: {
51
51
  value: 'B300'
52
+ },
53
+ visited: {
54
+ value: 'P300'
52
55
  }
53
56
  }
54
57
  }
@@ -49,6 +49,9 @@ const color = {
49
49
  },
50
50
  pressed: {
51
51
  value: 'B500'
52
+ },
53
+ visited: {
54
+ value: 'P500'
52
55
  }
53
56
  }
54
57
  }
@@ -49,6 +49,9 @@ const color = {
49
49
  },
50
50
  pressed: {
51
51
  value: 'Blue800'
52
+ },
53
+ visited: {
54
+ value: 'Purple800'
52
55
  }
53
56
  }
54
57
  }
@@ -124,6 +124,14 @@ const color = {
124
124
  introduced: '0.6.0',
125
125
  description: 'Use for links in a pressed state.'
126
126
  }
127
+ },
128
+ visited: {
129
+ attributes: {
130
+ group: 'paint',
131
+ state: 'active',
132
+ introduced: '1.23.0',
133
+ description: 'Use for links in a visited state.'
134
+ }
127
135
  }
128
136
  }
129
137
  }