@atlaskit/tokens 1.4.1 → 1.4.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.
Files changed (172) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/cjs/artifacts/themes/atlassian-dark-iteration.js +2 -2
  3. package/dist/cjs/get-token-value.js +1 -1
  4. package/dist/cjs/get-token.js +1 -1
  5. package/dist/cjs/tokens/atlassian-dark-iteration/color/accent.js +12 -12
  6. package/dist/cjs/tokens/atlassian-dark-iteration/color/background.js +8 -32
  7. package/dist/cjs/tokens/atlassian-dark-iteration/color/icon.js +0 -4
  8. package/dist/cjs/tokens/atlassian-dark-iteration/color/text.js +0 -14
  9. package/dist/cjs/version.json +1 -1
  10. package/dist/es2019/artifacts/themes/atlassian-dark-iteration.js +7 -17
  11. package/dist/es2019/get-token-value.js +1 -1
  12. package/dist/es2019/get-token.js +1 -1
  13. package/dist/es2019/tokens/atlassian-dark-iteration/color/accent.js +12 -12
  14. package/dist/es2019/tokens/atlassian-dark-iteration/color/background.js +8 -32
  15. package/dist/es2019/tokens/atlassian-dark-iteration/color/icon.js +0 -4
  16. package/dist/es2019/tokens/atlassian-dark-iteration/color/text.js +0 -14
  17. package/dist/es2019/version.json +1 -1
  18. package/dist/esm/artifacts/themes/atlassian-dark-iteration.js +2 -2
  19. package/dist/esm/get-token-value.js +1 -1
  20. package/dist/esm/get-token.js +1 -1
  21. package/dist/esm/tokens/atlassian-dark-iteration/color/accent.js +12 -12
  22. package/dist/esm/tokens/atlassian-dark-iteration/color/background.js +8 -32
  23. package/dist/esm/tokens/atlassian-dark-iteration/color/icon.js +0 -4
  24. package/dist/esm/tokens/atlassian-dark-iteration/color/text.js +0 -14
  25. package/dist/esm/version.json +1 -1
  26. package/dist/types/artifacts/themes/atlassian-dark-iteration.d.ts +2 -2
  27. package/dist/types-ts4.5/artifacts/generated-pairs.d.ts +15 -0
  28. package/dist/types-ts4.5/artifacts/palettes-raw/legacy-palette.d.ts +41 -0
  29. package/dist/types-ts4.5/artifacts/palettes-raw/palette.d.ts +41 -0
  30. package/dist/types-ts4.5/artifacts/palettes-raw/shape-palette.d.ts +22 -0
  31. package/dist/types-ts4.5/artifacts/palettes-raw/spacing-scale.d.ts +41 -0
  32. package/dist/types-ts4.5/artifacts/palettes-raw/typography-palette.d.ts +22 -0
  33. package/dist/types-ts4.5/artifacts/replacement-mapping.d.ts +26 -0
  34. package/dist/types-ts4.5/artifacts/theme-import-map.d.ts +16 -0
  35. package/dist/types-ts4.5/artifacts/themes/atlassian-dark-iteration.d.ts +7 -0
  36. package/dist/types-ts4.5/artifacts/themes/atlassian-dark-new-input-border.d.ts +7 -0
  37. package/dist/types-ts4.5/artifacts/themes/atlassian-dark.d.ts +7 -0
  38. package/dist/types-ts4.5/artifacts/themes/atlassian-legacy-dark.d.ts +7 -0
  39. package/dist/types-ts4.5/artifacts/themes/atlassian-legacy-light.d.ts +7 -0
  40. package/dist/types-ts4.5/artifacts/themes/atlassian-light-new-input-border.d.ts +7 -0
  41. package/dist/types-ts4.5/artifacts/themes/atlassian-light.d.ts +7 -0
  42. package/dist/types-ts4.5/artifacts/themes/atlassian-shape.d.ts +7 -0
  43. package/dist/types-ts4.5/artifacts/themes/atlassian-spacing.d.ts +7 -0
  44. package/dist/types-ts4.5/artifacts/themes/atlassian-typography.d.ts +7 -0
  45. package/dist/types-ts4.5/artifacts/token-default-values.d.ts +341 -0
  46. package/dist/types-ts4.5/artifacts/token-names.d.ts +669 -0
  47. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark.d.ts +113 -0
  48. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-legacy-dark.d.ts +113 -0
  49. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-legacy-light.d.ts +89 -0
  50. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-light.d.ts +89 -0
  51. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-shape.d.ts +29 -0
  52. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-spacing.d.ts +59 -0
  53. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography.d.ts +29 -0
  54. package/dist/types-ts4.5/artifacts/types-internal.d.ts +6 -0
  55. package/dist/types-ts4.5/artifacts/types.d.ts +6 -0
  56. package/dist/types-ts4.5/artifacts/typescript/atlassian-dark-token-names.d.ts +784 -0
  57. package/dist/types-ts4.5/artifacts/typescript/atlassian-dark-types-internal.d.ts +6 -0
  58. package/dist/types-ts4.5/artifacts/typescript/atlassian-dark-types.d.ts +6 -0
  59. package/dist/types-ts4.5/artifacts/typescript/atlassian-light-token-names.d.ts +784 -0
  60. package/dist/types-ts4.5/artifacts/typescript/atlassian-light-types-internal.d.ts +6 -0
  61. package/dist/types-ts4.5/artifacts/typescript/atlassian-light-types.d.ts +6 -0
  62. package/dist/types-ts4.5/babel-plugin/index.d.ts +1 -0
  63. package/dist/types-ts4.5/babel-plugin/plugin.d.ts +14 -0
  64. package/dist/types-ts4.5/constants.d.ts +6 -0
  65. package/dist/types-ts4.5/entry-points/babel-plugin.d.ts +1 -0
  66. package/dist/types-ts4.5/entry-points/palettes-raw.d.ts +1 -0
  67. package/dist/types-ts4.5/entry-points/rename-mapping.d.ts +1 -0
  68. package/dist/types-ts4.5/entry-points/token-ids.d.ts +1 -0
  69. package/dist/types-ts4.5/entry-points/token-names.d.ts +2 -0
  70. package/dist/types-ts4.5/entry-points/token-order.d.ts +1 -0
  71. package/dist/types-ts4.5/entry-points/tokens-raw.d.ts +5 -0
  72. package/dist/types-ts4.5/get-global-theme.d.ts +2 -0
  73. package/dist/types-ts4.5/get-token-value.d.ts +25 -0
  74. package/dist/types-ts4.5/get-token.d.ts +26 -0
  75. package/dist/types-ts4.5/index.d.ts +13 -0
  76. package/dist/types-ts4.5/palettes/legacy-palette.d.ts +10 -0
  77. package/dist/types-ts4.5/palettes/palette.d.ts +5 -0
  78. package/dist/types-ts4.5/palettes/shape-palette.d.ts +67 -0
  79. package/dist/types-ts4.5/palettes/spacing-scale.d.ts +95 -0
  80. package/dist/types-ts4.5/palettes/typography-palette.d.ts +14 -0
  81. package/dist/types-ts4.5/set-global-theme.d.ts +74 -0
  82. package/dist/types-ts4.5/theme-config.d.ts +110 -0
  83. package/dist/types-ts4.5/theme-mutation-observer.d.ts +22 -0
  84. package/dist/types-ts4.5/tokens/atlassian-dark/color/accent.d.ts +4 -0
  85. package/dist/types-ts4.5/tokens/atlassian-dark/color/background.d.ts +4 -0
  86. package/dist/types-ts4.5/tokens/atlassian-dark/color/border.d.ts +4 -0
  87. package/dist/types-ts4.5/tokens/atlassian-dark/color/chart.d.ts +4 -0
  88. package/dist/types-ts4.5/tokens/atlassian-dark/color/icon.d.ts +4 -0
  89. package/dist/types-ts4.5/tokens/atlassian-dark/color/interaction.d.ts +4 -0
  90. package/dist/types-ts4.5/tokens/atlassian-dark/color/skeleton.d.ts +4 -0
  91. package/dist/types-ts4.5/tokens/atlassian-dark/color/text.d.ts +4 -0
  92. package/dist/types-ts4.5/tokens/atlassian-dark/elevation/shadow.d.ts +4 -0
  93. package/dist/types-ts4.5/tokens/atlassian-dark/elevation/surface.d.ts +4 -0
  94. package/dist/types-ts4.5/tokens/atlassian-dark/opacity/opacity.d.ts +3 -0
  95. package/dist/types-ts4.5/tokens/atlassian-dark/utility/utility.d.ts +5 -0
  96. package/dist/types-ts4.5/tokens/atlassian-dark-iteration/color/accent.d.ts +4 -0
  97. package/dist/types-ts4.5/tokens/atlassian-dark-iteration/color/background.d.ts +4 -0
  98. package/dist/types-ts4.5/tokens/atlassian-dark-iteration/color/chart.d.ts +4 -0
  99. package/dist/types-ts4.5/tokens/atlassian-dark-iteration/color/icon.d.ts +4 -0
  100. package/dist/types-ts4.5/tokens/atlassian-dark-iteration/color/text.d.ts +4 -0
  101. package/dist/types-ts4.5/tokens/atlassian-dark-iteration/elevation/shadow.d.ts +4 -0
  102. package/dist/types-ts4.5/tokens/atlassian-dark-iteration/elevation/surface.d.ts +4 -0
  103. package/dist/types-ts4.5/tokens/atlassian-dark-new-input-border/color/border.d.ts +4 -0
  104. package/dist/types-ts4.5/tokens/atlassian-legacy-dark/color/accent.d.ts +4 -0
  105. package/dist/types-ts4.5/tokens/atlassian-legacy-dark/color/background.d.ts +4 -0
  106. package/dist/types-ts4.5/tokens/atlassian-legacy-dark/color/border.d.ts +4 -0
  107. package/dist/types-ts4.5/tokens/atlassian-legacy-dark/color/chart.d.ts +4 -0
  108. package/dist/types-ts4.5/tokens/atlassian-legacy-dark/color/icon.d.ts +4 -0
  109. package/dist/types-ts4.5/tokens/atlassian-legacy-dark/color/interaction.d.ts +4 -0
  110. package/dist/types-ts4.5/tokens/atlassian-legacy-dark/color/skeleton.d.ts +4 -0
  111. package/dist/types-ts4.5/tokens/atlassian-legacy-dark/color/text.d.ts +4 -0
  112. package/dist/types-ts4.5/tokens/atlassian-legacy-dark/elevation/shadow.d.ts +4 -0
  113. package/dist/types-ts4.5/tokens/atlassian-legacy-dark/elevation/surface.d.ts +4 -0
  114. package/dist/types-ts4.5/tokens/atlassian-legacy-dark/opacity/opacity.d.ts +3 -0
  115. package/dist/types-ts4.5/tokens/atlassian-legacy-dark/utility/utility.d.ts +5 -0
  116. package/dist/types-ts4.5/tokens/atlassian-legacy-light/color/accent.d.ts +4 -0
  117. package/dist/types-ts4.5/tokens/atlassian-legacy-light/color/background.d.ts +4 -0
  118. package/dist/types-ts4.5/tokens/atlassian-legacy-light/color/border.d.ts +4 -0
  119. package/dist/types-ts4.5/tokens/atlassian-legacy-light/color/chart.d.ts +4 -0
  120. package/dist/types-ts4.5/tokens/atlassian-legacy-light/color/icon.d.ts +4 -0
  121. package/dist/types-ts4.5/tokens/atlassian-legacy-light/color/interaction.d.ts +4 -0
  122. package/dist/types-ts4.5/tokens/atlassian-legacy-light/color/skeleton.d.ts +4 -0
  123. package/dist/types-ts4.5/tokens/atlassian-legacy-light/color/text.d.ts +4 -0
  124. package/dist/types-ts4.5/tokens/atlassian-legacy-light/elevation/shadow.d.ts +4 -0
  125. package/dist/types-ts4.5/tokens/atlassian-legacy-light/elevation/surface.d.ts +4 -0
  126. package/dist/types-ts4.5/tokens/atlassian-legacy-light/opacity/opacity.d.ts +3 -0
  127. package/dist/types-ts4.5/tokens/atlassian-legacy-light/utility/utility.d.ts +5 -0
  128. package/dist/types-ts4.5/tokens/atlassian-light/color/accent.d.ts +4 -0
  129. package/dist/types-ts4.5/tokens/atlassian-light/color/background.d.ts +4 -0
  130. package/dist/types-ts4.5/tokens/atlassian-light/color/border.d.ts +4 -0
  131. package/dist/types-ts4.5/tokens/atlassian-light/color/chart.d.ts +4 -0
  132. package/dist/types-ts4.5/tokens/atlassian-light/color/icon.d.ts +4 -0
  133. package/dist/types-ts4.5/tokens/atlassian-light/color/interaction.d.ts +4 -0
  134. package/dist/types-ts4.5/tokens/atlassian-light/color/skeleton.d.ts +4 -0
  135. package/dist/types-ts4.5/tokens/atlassian-light/color/text.d.ts +4 -0
  136. package/dist/types-ts4.5/tokens/atlassian-light/elevation/shadow.d.ts +4 -0
  137. package/dist/types-ts4.5/tokens/atlassian-light/elevation/surface.d.ts +4 -0
  138. package/dist/types-ts4.5/tokens/atlassian-light/opacity/opacity.d.ts +3 -0
  139. package/dist/types-ts4.5/tokens/atlassian-light/utility/utility.d.ts +5 -0
  140. package/dist/types-ts4.5/tokens/atlassian-light-new-input-border/color/border.d.ts +4 -0
  141. package/dist/types-ts4.5/tokens/atlassian-shape/shape.d.ts +7 -0
  142. package/dist/types-ts4.5/tokens/atlassian-spacing/spacing.d.ts +10 -0
  143. package/dist/types-ts4.5/tokens/atlassian-typography/font-family.d.ts +4 -0
  144. package/dist/types-ts4.5/tokens/atlassian-typography/font-size.d.ts +4 -0
  145. package/dist/types-ts4.5/tokens/atlassian-typography/font-weight.d.ts +4 -0
  146. package/dist/types-ts4.5/tokens/atlassian-typography/line-height.d.ts +4 -0
  147. package/dist/types-ts4.5/tokens/default/color/accent.d.ts +4 -0
  148. package/dist/types-ts4.5/tokens/default/color/background.d.ts +4 -0
  149. package/dist/types-ts4.5/tokens/default/color/border.d.ts +4 -0
  150. package/dist/types-ts4.5/tokens/default/color/chart.d.ts +4 -0
  151. package/dist/types-ts4.5/tokens/default/color/icon.d.ts +4 -0
  152. package/dist/types-ts4.5/tokens/default/color/interaction.d.ts +4 -0
  153. package/dist/types-ts4.5/tokens/default/color/skeleton.d.ts +4 -0
  154. package/dist/types-ts4.5/tokens/default/color/text.d.ts +4 -0
  155. package/dist/types-ts4.5/tokens/default/elevation/shadow.d.ts +4 -0
  156. package/dist/types-ts4.5/tokens/default/elevation/surface.d.ts +4 -0
  157. package/dist/types-ts4.5/tokens/default/opacity/opacity.d.ts +3 -0
  158. package/dist/types-ts4.5/tokens/default/shape/shape.d.ts +3 -0
  159. package/dist/types-ts4.5/tokens/default/spacing/spacing.d.ts +8 -0
  160. package/dist/types-ts4.5/tokens/default/typography/font-family.d.ts +4 -0
  161. package/dist/types-ts4.5/tokens/default/typography/font-size.d.ts +4 -0
  162. package/dist/types-ts4.5/tokens/default/typography/font-weight.d.ts +4 -0
  163. package/dist/types-ts4.5/tokens/default/typography/line-height.d.ts +4 -0
  164. package/dist/types-ts4.5/tokens/default/utility/utility.d.ts +5 -0
  165. package/dist/types-ts4.5/types.d.ts +829 -0
  166. package/dist/types-ts4.5/use-theme-observer.d.ts +15 -0
  167. package/dist/types-ts4.5/utils/color-detection.d.ts +13 -0
  168. package/dist/types-ts4.5/utils/theme-loading.d.ts +3 -0
  169. package/dist/types-ts4.5/utils/theme-state-transformer.d.ts +26 -0
  170. package/dist/types-ts4.5/utils/token-ids.d.ts +41 -0
  171. package/dist/types-ts4.5/utils/token-order.d.ts +7 -0
  172. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @atlaskit/tokens
2
2
 
3
+ ## 1.4.3
4
+
5
+ ### Patch Changes
6
+
7
+ - [`32e364bed0b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/32e364bed0b) - We are testing color tweaks to the dark theme behind a feature flag.
8
+
9
+ ## 1.4.2
10
+
11
+ ### Patch Changes
12
+
13
+ - [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure legacy types are published for TS 4.5-4.8
14
+
3
15
  ## 1.4.1
4
16
 
5
17
  ### Patch Changes
@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.default = void 0;
7
7
  /**
8
8
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
9
- * @codegen <<SignedSource::a20e68096a0eef4d5a08c6e0481d36f0>>
9
+ * @codegen <<SignedSource::a498573f615e2204226c395c985e600f>>
10
10
  * @codegenCommand yarn build tokens
11
11
  */
12
- var _default = "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:dark\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:dark\"] {\n color-scheme: dark;\n --ds-text: #B6C2CF;\n --ds-text-inverse: #1D2125;\n --ds-text-selected: #6EAAFF;\n --ds-text-warning-inverse: #1D2125;\n --ds-text-subtlest: #8C9BAB;\n --ds-link: #6EAAFF;\n --ds-link-pressed: #A8CCFF;\n --ds-icon-inverse: #1D2125;\n --ds-icon-selected: #6EAAFF;\n --ds-icon-warning-inverse: #1D2125;\n --ds-icon-subtle: #8C9BAB;\n --ds-background-accent-red-subtlest: #4F1C16;\n --ds-background-accent-orange-subtlest: #513010;\n --ds-background-accent-yellow-subtlest: #473602;\n --ds-background-accent-green-subtlest: #143E2C;\n --ds-background-accent-teal-subtlest: #193E42;\n --ds-background-accent-blue-subtlest: #092957;\n --ds-background-accent-purple-subtlest: #2B2451;\n --ds-background-accent-magenta-subtlest: #421F34;\n --ds-background-accent-gray-bolder: #8C9BAB;\n --ds-background-input: #22272B;\n --ds-background-input-hovered: #282E33;\n --ds-background-input-pressed: #22272B;\n --ds-background-selected: #092957;\n --ds-background-selected-pressed: #073A83;\n --ds-background-danger: #4F1C16;\n --ds-background-danger-pressed: #872518;\n --ds-background-warning: #473602;\n --ds-background-warning-pressed: #6B5103;\n --ds-background-success: #143E2C;\n --ds-background-success-pressed: #1B5A40;\n --ds-background-discovery: #2B2451;\n --ds-background-discovery-pressed: #4A3D8A;\n --ds-background-information: #092957;\n --ds-background-information-pressed: #073A83;\n --ds-blanket: #10121499;\n --ds-chart-neutral-hovered: #8C9BAB;\n --ds-chart-gray-bold-hovered: #8C9BAB;\n --ds-chart-gray-bolder: #8C9BAB;\n --ds-surface: #1D2125;\n --ds-surface-hovered: #22272B;\n --ds-surface-pressed: #282E33;\n --ds-surface-overlay: #282E33;\n --ds-surface-overlay-pressed: #38414A;\n --ds-surface-raised: #22272B;\n --ds-surface-raised-hovered: #282E33;\n --ds-surface-sunken: #161A1D;\n --ds-shadow-overlay: inset 0px 0px 0px 1px #BCD6F01F, 0px 8px 12px #0304045C, 0px 0px 1px #03040480;\n}\n";
12
+ var _default = "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:dark\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:dark\"] {\n color-scheme: dark;\n --ds-text: #B6C2CF;\n --ds-text-inverse: #1D2125;\n --ds-text-warning-inverse: #1D2125;\n --ds-text-subtlest: #8C9BAB;\n --ds-icon-inverse: #1D2125;\n --ds-icon-warning-inverse: #1D2125;\n --ds-icon-subtle: #8C9BAB;\n --ds-background-accent-red-subtlest: #4F1C16;\n --ds-background-accent-orange-subtlest: #4A2B0F;\n --ds-background-accent-yellow-subtlest: #3F3102;\n --ds-background-accent-green-subtlest: #143C2B;\n --ds-background-accent-teal-subtlest: #15373B;\n --ds-background-accent-blue-subtlest: #092957;\n --ds-background-accent-purple-subtlest: #2B2451;\n --ds-background-accent-magenta-subtlest: #421F34;\n --ds-background-accent-gray-bolder: #8C9BAB;\n --ds-background-input: #22272B;\n --ds-background-input-hovered: #282E33;\n --ds-background-input-pressed: #22272B;\n --ds-background-selected: #092957;\n --ds-background-danger: #4F1C16;\n --ds-background-warning: #3F3102;\n --ds-background-success: #143C2B;\n --ds-background-discovery: #2B2451;\n --ds-background-information: #092957;\n --ds-blanket: #10121499;\n --ds-chart-neutral-hovered: #8C9BAB;\n --ds-chart-gray-bold-hovered: #8C9BAB;\n --ds-chart-gray-bolder: #8C9BAB;\n --ds-surface: #1D2125;\n --ds-surface-hovered: #22272B;\n --ds-surface-pressed: #282E33;\n --ds-surface-overlay: #282E33;\n --ds-surface-overlay-pressed: #38414A;\n --ds-surface-raised: #22272B;\n --ds-surface-raised-hovered: #282E33;\n --ds-surface-sunken: #161A1D;\n --ds-shadow-overlay: inset 0px 0px 0px 1px #BCD6F01F, 0px 8px 12px #0304045C, 0px 0px 1px #03040480;\n}\n";
13
13
  exports.default = _default;
@@ -8,7 +8,7 @@ exports.default = void 0;
8
8
  var _warnOnce = _interopRequireDefault(require("@atlaskit/ds-lib/warn-once"));
9
9
  var _tokenNames = _interopRequireDefault(require("./artifacts/token-names"));
10
10
  var name = "@atlaskit/tokens";
11
- var version = "1.4.1";
11
+ var version = "1.4.3";
12
12
  /**
13
13
  * Takes a dot-separated token name and and an optional fallback, and returns the current computed CSS value for the
14
14
  * resulting CSS Custom Property.
@@ -9,7 +9,7 @@ var _warnOnce = _interopRequireDefault(require("@atlaskit/ds-lib/warn-once"));
9
9
  var _tokenNames = _interopRequireDefault(require("./artifacts/token-names"));
10
10
  var _constants = require("./constants");
11
11
  var name = "@atlaskit/tokens";
12
- var version = "1.4.1";
12
+ var version = "1.4.3";
13
13
  /**
14
14
  * Takes a dot-separated token name and an optional fallback, and returns the CSS custom property for the corresponding token.
15
15
  * This should be used to implement design decisions throughout your application.
@@ -10,49 +10,49 @@ var color = {
10
10
  accent: {
11
11
  blue: {
12
12
  subtlest: {
13
- // @ts-ignore Blue950 not currently available
13
+ // @ts-ignore new value for Blue1000
14
14
  value: '#092957'
15
15
  }
16
16
  },
17
17
  red: {
18
18
  subtlest: {
19
- // @ts-ignore Red950 not currently available
19
+ // @ts-ignore new value for Red1000
20
20
  value: '#4F1C16'
21
21
  }
22
22
  },
23
23
  orange: {
24
24
  subtlest: {
25
- // @ts-ignore Orange950 not currently available
26
- value: '#513010'
25
+ // @ts-ignore new value for Orange1000
26
+ value: '#4A2B0F'
27
27
  }
28
28
  },
29
29
  yellow: {
30
30
  subtlest: {
31
- // @ts-ignore Yellow950 not currently available
32
- value: '#473602'
31
+ // @ts-ignore new value for Yellow1000
32
+ value: '#3F3102'
33
33
  }
34
34
  },
35
35
  green: {
36
36
  subtlest: {
37
- // @ts-ignore Green950 not currently available
38
- value: '#143E2C'
37
+ // @ts-ignore new value for Green1000
38
+ value: '#143C2B'
39
39
  }
40
40
  },
41
41
  purple: {
42
42
  subtlest: {
43
- // @ts-ignore Purple950 not currently available
43
+ // @ts-ignore new value for Purple1000
44
44
  value: '#2B2451'
45
45
  }
46
46
  },
47
47
  teal: {
48
48
  subtlest: {
49
- // @ts-ignore Teal950 not currently available
50
- value: '#193E42'
49
+ // @ts-ignore new value for Teal1000
50
+ value: '#15373B'
51
51
  }
52
52
  },
53
53
  magenta: {
54
54
  subtlest: {
55
- // @ts-ignore Magenta950 not currently available
55
+ // @ts-ignore new value for Magenta1000
56
56
  value: '#421F34'
57
57
  }
58
58
  },
@@ -28,72 +28,48 @@ var color = {
28
28
  selected: {
29
29
  '[default]': {
30
30
  '[default]': {
31
- // @ts-ignore Blue950 not currently available
31
+ // @ts-ignore new value for Blue1000
32
32
  value: '#092957'
33
- },
34
- pressed: {
35
- // @ts-ignore Blue850 not currently available
36
- value: '#073A83'
37
33
  }
38
34
  }
39
35
  },
40
36
  danger: {
41
37
  '[default]': {
42
38
  '[default]': {
43
- // @ts-ignore Red950 not currently available
39
+ // @ts-ignore new value for Red1000
44
40
  value: '#4F1C16'
45
- },
46
- pressed: {
47
- // @ts-ignore Red850 not currently available
48
- value: '#872518'
49
41
  }
50
42
  }
51
43
  },
52
44
  warning: {
53
45
  '[default]': {
54
46
  '[default]': {
55
- // @ts-ignore Yellow950 not currently available
56
- value: '#473602'
57
- },
58
- pressed: {
59
- // @ts-ignore Yellow850 not currently available
60
- value: '#6B5103'
47
+ // @ts-ignore new value for Yellow1000
48
+ value: '#3F3102'
61
49
  }
62
50
  }
63
51
  },
64
52
  success: {
65
53
  '[default]': {
66
54
  '[default]': {
67
- // @ts-ignore Green950 not currently available
68
- value: '#143E2C'
69
- },
70
- pressed: {
71
- // @ts-ignore Green850 not currently available
72
- value: '#1B5A40'
55
+ // @ts-ignore new value for Green1000
56
+ value: '#143C2B'
73
57
  }
74
58
  }
75
59
  },
76
60
  discovery: {
77
61
  '[default]': {
78
62
  '[default]': {
79
- // @ts-ignore Purple950 not currently available
63
+ // @ts-ignore new value for Purple1000
80
64
  value: '#2B2451'
81
- },
82
- pressed: {
83
- // @ts-ignore Purple850 not currently available
84
- value: '#4A3D8A'
85
65
  }
86
66
  }
87
67
  },
88
68
  information: {
89
69
  '[default]': {
90
70
  '[default]': {
91
- // @ts-ignore Blue950 not currently available
71
+ // @ts-ignore new value for Blue1000
92
72
  value: '#092957'
93
- },
94
- pressed: {
95
- // @ts-ignore Blue850 not currently available
96
- value: '#073A83'
97
73
  }
98
74
  }
99
75
  }
@@ -14,10 +14,6 @@ var color = {
14
14
  inverse: {
15
15
  value: 'DarkNeutral100'
16
16
  },
17
- selected: {
18
- // @ts-ignore Blue350 not currently available
19
- value: '#6EAAFF'
20
- },
21
17
  warning: {
22
18
  inverse: {
23
19
  value: 'DarkNeutral100'
@@ -17,25 +17,11 @@ var color = {
17
17
  inverse: {
18
18
  value: 'DarkNeutral100'
19
19
  },
20
- selected: {
21
- // @ts-ignore Blue350 not currently available
22
- value: '#6EAAFF'
23
- },
24
20
  warning: {
25
21
  inverse: {
26
22
  value: 'DarkNeutral100'
27
23
  }
28
24
  }
29
- },
30
- link: {
31
- '[default]': {
32
- // @ts-ignore Blue350 not currently available
33
- value: '#6EAAFF'
34
- },
35
- pressed: {
36
- // @ts-ignore Blue250 not currently available
37
- value: '#A8CCFF'
38
- }
39
25
  }
40
26
  }
41
27
  };
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/tokens",
3
- "version": "1.4.1",
3
+ "version": "1.4.3",
4
4
  "sideEffects": [
5
5
  "**/*.css"
6
6
  ]
@@ -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::a20e68096a0eef4d5a08c6e0481d36f0>>
3
+ * @codegen <<SignedSource::a498573f615e2204226c395c985e600f>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  export default `
@@ -9,20 +9,16 @@ html[data-color-mode="dark"][data-theme~="dark:dark"] {
9
9
  color-scheme: dark;
10
10
  --ds-text: #B6C2CF;
11
11
  --ds-text-inverse: #1D2125;
12
- --ds-text-selected: #6EAAFF;
13
12
  --ds-text-warning-inverse: #1D2125;
14
13
  --ds-text-subtlest: #8C9BAB;
15
- --ds-link: #6EAAFF;
16
- --ds-link-pressed: #A8CCFF;
17
14
  --ds-icon-inverse: #1D2125;
18
- --ds-icon-selected: #6EAAFF;
19
15
  --ds-icon-warning-inverse: #1D2125;
20
16
  --ds-icon-subtle: #8C9BAB;
21
17
  --ds-background-accent-red-subtlest: #4F1C16;
22
- --ds-background-accent-orange-subtlest: #513010;
23
- --ds-background-accent-yellow-subtlest: #473602;
24
- --ds-background-accent-green-subtlest: #143E2C;
25
- --ds-background-accent-teal-subtlest: #193E42;
18
+ --ds-background-accent-orange-subtlest: #4A2B0F;
19
+ --ds-background-accent-yellow-subtlest: #3F3102;
20
+ --ds-background-accent-green-subtlest: #143C2B;
21
+ --ds-background-accent-teal-subtlest: #15373B;
26
22
  --ds-background-accent-blue-subtlest: #092957;
27
23
  --ds-background-accent-purple-subtlest: #2B2451;
28
24
  --ds-background-accent-magenta-subtlest: #421F34;
@@ -31,17 +27,11 @@ html[data-color-mode="dark"][data-theme~="dark:dark"] {
31
27
  --ds-background-input-hovered: #282E33;
32
28
  --ds-background-input-pressed: #22272B;
33
29
  --ds-background-selected: #092957;
34
- --ds-background-selected-pressed: #073A83;
35
30
  --ds-background-danger: #4F1C16;
36
- --ds-background-danger-pressed: #872518;
37
- --ds-background-warning: #473602;
38
- --ds-background-warning-pressed: #6B5103;
39
- --ds-background-success: #143E2C;
40
- --ds-background-success-pressed: #1B5A40;
31
+ --ds-background-warning: #3F3102;
32
+ --ds-background-success: #143C2B;
41
33
  --ds-background-discovery: #2B2451;
42
- --ds-background-discovery-pressed: #4A3D8A;
43
34
  --ds-background-information: #092957;
44
- --ds-background-information-pressed: #073A83;
45
35
  --ds-blanket: #10121499;
46
36
  --ds-chart-neutral-hovered: #8C9BAB;
47
37
  --ds-chart-gray-bold-hovered: #8C9BAB;
@@ -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.4.1";
4
+ const version = "1.4.3";
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.4.1";
5
+ const version = "1.4.3";
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.
@@ -4,49 +4,49 @@ const color = {
4
4
  accent: {
5
5
  blue: {
6
6
  subtlest: {
7
- // @ts-ignore Blue950 not currently available
7
+ // @ts-ignore new value for Blue1000
8
8
  value: '#092957'
9
9
  }
10
10
  },
11
11
  red: {
12
12
  subtlest: {
13
- // @ts-ignore Red950 not currently available
13
+ // @ts-ignore new value for Red1000
14
14
  value: '#4F1C16'
15
15
  }
16
16
  },
17
17
  orange: {
18
18
  subtlest: {
19
- // @ts-ignore Orange950 not currently available
20
- value: '#513010'
19
+ // @ts-ignore new value for Orange1000
20
+ value: '#4A2B0F'
21
21
  }
22
22
  },
23
23
  yellow: {
24
24
  subtlest: {
25
- // @ts-ignore Yellow950 not currently available
26
- value: '#473602'
25
+ // @ts-ignore new value for Yellow1000
26
+ value: '#3F3102'
27
27
  }
28
28
  },
29
29
  green: {
30
30
  subtlest: {
31
- // @ts-ignore Green950 not currently available
32
- value: '#143E2C'
31
+ // @ts-ignore new value for Green1000
32
+ value: '#143C2B'
33
33
  }
34
34
  },
35
35
  purple: {
36
36
  subtlest: {
37
- // @ts-ignore Purple950 not currently available
37
+ // @ts-ignore new value for Purple1000
38
38
  value: '#2B2451'
39
39
  }
40
40
  },
41
41
  teal: {
42
42
  subtlest: {
43
- // @ts-ignore Teal950 not currently available
44
- value: '#193E42'
43
+ // @ts-ignore new value for Teal1000
44
+ value: '#15373B'
45
45
  }
46
46
  },
47
47
  magenta: {
48
48
  subtlest: {
49
- // @ts-ignore Magenta950 not currently available
49
+ // @ts-ignore new value for Magenta1000
50
50
  value: '#421F34'
51
51
  }
52
52
  },
@@ -22,72 +22,48 @@ const color = {
22
22
  selected: {
23
23
  '[default]': {
24
24
  '[default]': {
25
- // @ts-ignore Blue950 not currently available
25
+ // @ts-ignore new value for Blue1000
26
26
  value: '#092957'
27
- },
28
- pressed: {
29
- // @ts-ignore Blue850 not currently available
30
- value: '#073A83'
31
27
  }
32
28
  }
33
29
  },
34
30
  danger: {
35
31
  '[default]': {
36
32
  '[default]': {
37
- // @ts-ignore Red950 not currently available
33
+ // @ts-ignore new value for Red1000
38
34
  value: '#4F1C16'
39
- },
40
- pressed: {
41
- // @ts-ignore Red850 not currently available
42
- value: '#872518'
43
35
  }
44
36
  }
45
37
  },
46
38
  warning: {
47
39
  '[default]': {
48
40
  '[default]': {
49
- // @ts-ignore Yellow950 not currently available
50
- value: '#473602'
51
- },
52
- pressed: {
53
- // @ts-ignore Yellow850 not currently available
54
- value: '#6B5103'
41
+ // @ts-ignore new value for Yellow1000
42
+ value: '#3F3102'
55
43
  }
56
44
  }
57
45
  },
58
46
  success: {
59
47
  '[default]': {
60
48
  '[default]': {
61
- // @ts-ignore Green950 not currently available
62
- value: '#143E2C'
63
- },
64
- pressed: {
65
- // @ts-ignore Green850 not currently available
66
- value: '#1B5A40'
49
+ // @ts-ignore new value for Green1000
50
+ value: '#143C2B'
67
51
  }
68
52
  }
69
53
  },
70
54
  discovery: {
71
55
  '[default]': {
72
56
  '[default]': {
73
- // @ts-ignore Purple950 not currently available
57
+ // @ts-ignore new value for Purple1000
74
58
  value: '#2B2451'
75
- },
76
- pressed: {
77
- // @ts-ignore Purple850 not currently available
78
- value: '#4A3D8A'
79
59
  }
80
60
  }
81
61
  },
82
62
  information: {
83
63
  '[default]': {
84
64
  '[default]': {
85
- // @ts-ignore Blue950 not currently available
65
+ // @ts-ignore new value for Blue1000
86
66
  value: '#092957'
87
- },
88
- pressed: {
89
- // @ts-ignore Blue850 not currently available
90
- value: '#073A83'
91
67
  }
92
68
  }
93
69
  }
@@ -8,10 +8,6 @@ const color = {
8
8
  inverse: {
9
9
  value: 'DarkNeutral100'
10
10
  },
11
- selected: {
12
- // @ts-ignore Blue350 not currently available
13
- value: '#6EAAFF'
14
- },
15
11
  warning: {
16
12
  inverse: {
17
13
  value: 'DarkNeutral100'
@@ -11,25 +11,11 @@ const color = {
11
11
  inverse: {
12
12
  value: 'DarkNeutral100'
13
13
  },
14
- selected: {
15
- // @ts-ignore Blue350 not currently available
16
- value: '#6EAAFF'
17
- },
18
14
  warning: {
19
15
  inverse: {
20
16
  value: 'DarkNeutral100'
21
17
  }
22
18
  }
23
- },
24
- link: {
25
- '[default]': {
26
- // @ts-ignore Blue350 not currently available
27
- value: '#6EAAFF'
28
- },
29
- pressed: {
30
- // @ts-ignore Blue250 not currently available
31
- value: '#A8CCFF'
32
- }
33
19
  }
34
20
  }
35
21
  };
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/tokens",
3
- "version": "1.4.1",
3
+ "version": "1.4.3",
4
4
  "sideEffects": [
5
5
  "**/*.css"
6
6
  ]
@@ -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::a20e68096a0eef4d5a08c6e0481d36f0>>
3
+ * @codegen <<SignedSource::a498573f615e2204226c395c985e600f>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
- export default "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:dark\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:dark\"] {\n color-scheme: dark;\n --ds-text: #B6C2CF;\n --ds-text-inverse: #1D2125;\n --ds-text-selected: #6EAAFF;\n --ds-text-warning-inverse: #1D2125;\n --ds-text-subtlest: #8C9BAB;\n --ds-link: #6EAAFF;\n --ds-link-pressed: #A8CCFF;\n --ds-icon-inverse: #1D2125;\n --ds-icon-selected: #6EAAFF;\n --ds-icon-warning-inverse: #1D2125;\n --ds-icon-subtle: #8C9BAB;\n --ds-background-accent-red-subtlest: #4F1C16;\n --ds-background-accent-orange-subtlest: #513010;\n --ds-background-accent-yellow-subtlest: #473602;\n --ds-background-accent-green-subtlest: #143E2C;\n --ds-background-accent-teal-subtlest: #193E42;\n --ds-background-accent-blue-subtlest: #092957;\n --ds-background-accent-purple-subtlest: #2B2451;\n --ds-background-accent-magenta-subtlest: #421F34;\n --ds-background-accent-gray-bolder: #8C9BAB;\n --ds-background-input: #22272B;\n --ds-background-input-hovered: #282E33;\n --ds-background-input-pressed: #22272B;\n --ds-background-selected: #092957;\n --ds-background-selected-pressed: #073A83;\n --ds-background-danger: #4F1C16;\n --ds-background-danger-pressed: #872518;\n --ds-background-warning: #473602;\n --ds-background-warning-pressed: #6B5103;\n --ds-background-success: #143E2C;\n --ds-background-success-pressed: #1B5A40;\n --ds-background-discovery: #2B2451;\n --ds-background-discovery-pressed: #4A3D8A;\n --ds-background-information: #092957;\n --ds-background-information-pressed: #073A83;\n --ds-blanket: #10121499;\n --ds-chart-neutral-hovered: #8C9BAB;\n --ds-chart-gray-bold-hovered: #8C9BAB;\n --ds-chart-gray-bolder: #8C9BAB;\n --ds-surface: #1D2125;\n --ds-surface-hovered: #22272B;\n --ds-surface-pressed: #282E33;\n --ds-surface-overlay: #282E33;\n --ds-surface-overlay-pressed: #38414A;\n --ds-surface-raised: #22272B;\n --ds-surface-raised-hovered: #282E33;\n --ds-surface-sunken: #161A1D;\n --ds-shadow-overlay: inset 0px 0px 0px 1px #BCD6F01F, 0px 8px 12px #0304045C, 0px 0px 1px #03040480;\n}\n";
6
+ export default "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:dark\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:dark\"] {\n color-scheme: dark;\n --ds-text: #B6C2CF;\n --ds-text-inverse: #1D2125;\n --ds-text-warning-inverse: #1D2125;\n --ds-text-subtlest: #8C9BAB;\n --ds-icon-inverse: #1D2125;\n --ds-icon-warning-inverse: #1D2125;\n --ds-icon-subtle: #8C9BAB;\n --ds-background-accent-red-subtlest: #4F1C16;\n --ds-background-accent-orange-subtlest: #4A2B0F;\n --ds-background-accent-yellow-subtlest: #3F3102;\n --ds-background-accent-green-subtlest: #143C2B;\n --ds-background-accent-teal-subtlest: #15373B;\n --ds-background-accent-blue-subtlest: #092957;\n --ds-background-accent-purple-subtlest: #2B2451;\n --ds-background-accent-magenta-subtlest: #421F34;\n --ds-background-accent-gray-bolder: #8C9BAB;\n --ds-background-input: #22272B;\n --ds-background-input-hovered: #282E33;\n --ds-background-input-pressed: #22272B;\n --ds-background-selected: #092957;\n --ds-background-danger: #4F1C16;\n --ds-background-warning: #3F3102;\n --ds-background-success: #143C2B;\n --ds-background-discovery: #2B2451;\n --ds-background-information: #092957;\n --ds-blanket: #10121499;\n --ds-chart-neutral-hovered: #8C9BAB;\n --ds-chart-gray-bold-hovered: #8C9BAB;\n --ds-chart-gray-bolder: #8C9BAB;\n --ds-surface: #1D2125;\n --ds-surface-hovered: #22272B;\n --ds-surface-pressed: #282E33;\n --ds-surface-overlay: #282E33;\n --ds-surface-overlay-pressed: #38414A;\n --ds-surface-raised: #22272B;\n --ds-surface-raised-hovered: #282E33;\n --ds-surface-sunken: #161A1D;\n --ds-shadow-overlay: inset 0px 0px 0px 1px #BCD6F01F, 0px 8px 12px #0304045C, 0px 0px 1px #03040480;\n}\n";
@@ -1,7 +1,7 @@
1
1
  import warnOnce from '@atlaskit/ds-lib/warn-once';
2
2
  import tokens from './artifacts/token-names';
3
3
  var name = "@atlaskit/tokens";
4
- var version = "1.4.1";
4
+ var version = "1.4.3";
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
  var name = "@atlaskit/tokens";
5
- var version = "1.4.1";
5
+ var version = "1.4.3";
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.
@@ -4,49 +4,49 @@ var color = {
4
4
  accent: {
5
5
  blue: {
6
6
  subtlest: {
7
- // @ts-ignore Blue950 not currently available
7
+ // @ts-ignore new value for Blue1000
8
8
  value: '#092957'
9
9
  }
10
10
  },
11
11
  red: {
12
12
  subtlest: {
13
- // @ts-ignore Red950 not currently available
13
+ // @ts-ignore new value for Red1000
14
14
  value: '#4F1C16'
15
15
  }
16
16
  },
17
17
  orange: {
18
18
  subtlest: {
19
- // @ts-ignore Orange950 not currently available
20
- value: '#513010'
19
+ // @ts-ignore new value for Orange1000
20
+ value: '#4A2B0F'
21
21
  }
22
22
  },
23
23
  yellow: {
24
24
  subtlest: {
25
- // @ts-ignore Yellow950 not currently available
26
- value: '#473602'
25
+ // @ts-ignore new value for Yellow1000
26
+ value: '#3F3102'
27
27
  }
28
28
  },
29
29
  green: {
30
30
  subtlest: {
31
- // @ts-ignore Green950 not currently available
32
- value: '#143E2C'
31
+ // @ts-ignore new value for Green1000
32
+ value: '#143C2B'
33
33
  }
34
34
  },
35
35
  purple: {
36
36
  subtlest: {
37
- // @ts-ignore Purple950 not currently available
37
+ // @ts-ignore new value for Purple1000
38
38
  value: '#2B2451'
39
39
  }
40
40
  },
41
41
  teal: {
42
42
  subtlest: {
43
- // @ts-ignore Teal950 not currently available
44
- value: '#193E42'
43
+ // @ts-ignore new value for Teal1000
44
+ value: '#15373B'
45
45
  }
46
46
  },
47
47
  magenta: {
48
48
  subtlest: {
49
- // @ts-ignore Magenta950 not currently available
49
+ // @ts-ignore new value for Magenta1000
50
50
  value: '#421F34'
51
51
  }
52
52
  },