@atlaskit/tokens 1.16.0 → 1.17.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 (23) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/cjs/artifacts/themes/atlassian-dark.js +2 -2
  3. package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +9 -11
  4. package/dist/cjs/get-token-value.js +1 -1
  5. package/dist/cjs/get-token.js +1 -1
  6. package/dist/cjs/tokens/atlassian-dark/elevation/shadow.js +6 -6
  7. package/dist/es2019/artifacts/themes/atlassian-dark.js +3 -3
  8. package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +9 -11
  9. package/dist/es2019/get-token-value.js +1 -1
  10. package/dist/es2019/get-token.js +1 -1
  11. package/dist/es2019/tokens/atlassian-dark/elevation/shadow.js +6 -6
  12. package/dist/esm/artifacts/themes/atlassian-dark.js +2 -2
  13. package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +9 -11
  14. package/dist/esm/get-token-value.js +1 -1
  15. package/dist/esm/get-token.js +1 -1
  16. package/dist/esm/tokens/atlassian-dark/elevation/shadow.js +6 -6
  17. package/dist/types/artifacts/themes/atlassian-dark.d.ts +2 -2
  18. package/dist/types/artifacts/tokens-raw/atlassian-dark.d.ts +1 -5
  19. package/dist/types-ts4.5/artifacts/themes/atlassian-dark.d.ts +2 -2
  20. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark.d.ts +1 -5
  21. package/figma/atlassian-dark.json +4 -5
  22. package/package.json +1 -1
  23. package/tmp/api-report-tmp.d.ts +1221 -0
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/tokens
2
2
 
3
+ ## 1.17.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`e6d73d0e019`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e6d73d0e019) - Removes inset from elevation shadow borders.
8
+
3
9
  ## 1.16.0
4
10
 
5
11
  ### Minor Changes
package/dist/cjs/artifacts/themes/atlassian-dark.js CHANGED
@@ -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::d04e1cd7cbfd3765787905dcbce55240>>
9
+ * @codegen <<SignedSource::ee1744fd5bb4236aa11d6b04264c3f36>>
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-accent-lime: #B3DF72;\n --ds-text-accent-lime-bolder: #D3F1A7;\n --ds-text-accent-red: #FF9C8F;\n --ds-text-accent-red-bolder: #FFD2CC;\n --ds-text-accent-orange: #FEC57B;\n --ds-text-accent-orange-bolder: #FFE2BD;\n --ds-text-accent-yellow: #F5CD47;\n --ds-text-accent-yellow-bolder: #F8E6A0;\n --ds-text-accent-green: #7EE2B8;\n --ds-text-accent-green-bolder: #BAF3DB;\n --ds-text-accent-teal: #8BDBE5;\n --ds-text-accent-teal-bolder: #C1F0F5;\n --ds-text-accent-blue: #85B8FF;\n --ds-text-accent-blue-bolder: #CCE0FF;\n --ds-text-accent-purple: #B8ACF6;\n --ds-text-accent-purple-bolder: #DFD8FD;\n --ds-text-accent-magenta: #F797D2;\n --ds-text-accent-magenta-bolder: #FDD0EC;\n --ds-text-accent-gray: #9FADBC;\n --ds-text-accent-gray-bolder: #DEE4EA;\n --ds-text-disabled: #BFDBF847;\n --ds-text-inverse: #1D2125;\n --ds-text-selected: #579DFF;\n --ds-text-brand: #579DFF;\n --ds-text-danger: #FF9C8F;\n --ds-text-warning: #F5CD47;\n --ds-text-warning-inverse: #1D2125;\n --ds-text-success: #7EE2B8;\n --ds-text-discovery: #B8ACF6;\n --ds-text-information: #85B8FF;\n --ds-text-subtlest: #8C9BAB;\n --ds-text-subtle: #9FADBC;\n --ds-link: #579DFF;\n --ds-link-pressed: #85B8FF;\n --ds-icon: #9FADBC;\n --ds-icon-accent-lime: #82B536;\n --ds-icon-accent-red: #EF5C48;\n --ds-icon-accent-orange: #F18D13;\n --ds-icon-accent-yellow: #CF9F02;\n --ds-icon-accent-green: #2ABB7F;\n --ds-icon-accent-teal: #37B4C3;\n --ds-icon-accent-blue: #388BFF;\n --ds-icon-accent-purple: #8F7EE7;\n --ds-icon-accent-magenta: #DA62AC;\n --ds-icon-accent-gray: #738496;\n --ds-icon-disabled: #BFDBF847;\n --ds-icon-inverse: #1D2125;\n --ds-icon-selected: #579DFF;\n --ds-icon-brand: #579DFF;\n --ds-icon-danger: #EF5C48;\n --ds-icon-warning: #CF9F02;\n --ds-icon-warning-inverse: #1D2125;\n --ds-icon-success: #2ABB7F;\n --ds-icon-discovery: #8F7EE7;\n --ds-icon-information: #388BFF;\n --ds-icon-subtle: #8C9BAB;\n --ds-border: #A6C5E229;\n --ds-border-accent-lime: #82B536;\n --ds-border-accent-red: #EF5C48;\n --ds-border-accent-orange: #F18D13;\n --ds-border-accent-yellow: #CF9F02;\n --ds-border-accent-green: #2ABB7F;\n --ds-border-accent-teal: #37B4C3;\n --ds-border-accent-blue: #388BFF;\n --ds-border-accent-purple: #8F7EE7;\n --ds-border-accent-magenta: #DA62AC;\n --ds-border-accent-gray: #738496;\n --ds-border-disabled: #A1BDD914;\n --ds-border-focused: #85B8FF;\n --ds-border-input: #A6C5E229;\n --ds-border-inverse: #161A1D;\n --ds-border-selected: #579DFF;\n --ds-border-brand: #579DFF;\n --ds-border-danger: #EF5C48;\n --ds-border-warning: #CF9F02;\n --ds-border-success: #2ABB7F;\n --ds-border-discovery: #8F7EE7;\n --ds-border-information: #388BFF;\n --ds-border-bold: #738496;\n --ds-background-accent-lime-subtlest: #2A3818;\n --ds-background-accent-lime-subtler: #37471F;\n --ds-background-accent-lime-subtle: #4C6B1F;\n --ds-background-accent-lime-bolder: #94C748;\n --ds-background-accent-red-subtlest: #4F1C16;\n --ds-background-accent-red-subtler: #601E16;\n --ds-background-accent-red-subtle: #AE2A19;\n --ds-background-accent-red-bolder: #F87462;\n --ds-background-accent-orange-subtlest: #4A2B0F;\n --ds-background-accent-orange-subtler: #5F3811;\n --ds-background-accent-orange-subtle: #974F0C;\n --ds-background-accent-orange-bolder: #FAA53D;\n --ds-background-accent-yellow-subtlest: #3F3102;\n --ds-background-accent-yellow-subtler: #533F04;\n --ds-background-accent-yellow-subtle: #7F5F01;\n --ds-background-accent-yellow-bolder: #E2B203;\n --ds-background-accent-green-subtlest: #143C2B;\n --ds-background-accent-green-subtler: #164B35;\n --ds-background-accent-green-subtle: #216E4E;\n --ds-background-accent-green-bolder: #4BCE97;\n --ds-background-accent-teal-subtlest: #15373B;\n --ds-background-accent-teal-subtler: #1D474C;\n --ds-background-accent-teal-subtle: #206B74;\n --ds-background-accent-teal-bolder: #60C6D2;\n --ds-background-accent-blue-subtlest: #092957;\n --ds-background-accent-blue-subtler: #09326C;\n --ds-background-accent-blue-subtle: #0055CC;\n --ds-background-accent-blue-bolder: #579DFF;\n --ds-background-accent-purple-subtlest: #2B2451;\n --ds-background-accent-purple-subtler: #352C63;\n --ds-background-accent-purple-subtle: #5E4DB2;\n --ds-background-accent-purple-bolder: #9F8FEF;\n --ds-background-accent-magenta-subtlest: #421F34;\n --ds-background-accent-magenta-subtler: #50253F;\n --ds-background-accent-magenta-subtle: #943D73;\n --ds-background-accent-magenta-bolder: #E774BB;\n --ds-background-accent-gray-subtlest: #2C333A;\n --ds-background-accent-gray-subtler: #454F59;\n --ds-background-accent-gray-subtle: #596773;\n --ds-background-accent-gray-bolder: #8C9BAB;\n --ds-background-disabled: #BCD6F00A;\n --ds-background-input: #22272B;\n --ds-background-input-hovered: #282E33;\n --ds-background-input-pressed: #22272B;\n --ds-background-inverse-subtle: #FFFFFF29;\n --ds-background-inverse-subtle-hovered: #FFFFFF3D;\n --ds-background-inverse-subtle-pressed: #FFFFFF52;\n --ds-background-neutral: #A1BDD914;\n --ds-background-neutral-hovered: #A6C5E229;\n --ds-background-neutral-pressed: #BFDBF847;\n --ds-background-neutral-subtle: #00000000;\n --ds-background-neutral-subtle-hovered: #A1BDD914;\n --ds-background-neutral-subtle-pressed: #A6C5E229;\n --ds-background-neutral-bold: #9FADBC;\n --ds-background-neutral-bold-hovered: #B6C2CF;\n --ds-background-neutral-bold-pressed: #C7D1DB;\n --ds-background-selected: #092957;\n --ds-background-selected-hovered: #09326C;\n --ds-background-selected-pressed: #0055CC;\n --ds-background-selected-bold: #579DFF;\n --ds-background-selected-bold-hovered: #85B8FF;\n --ds-background-selected-bold-pressed: #CCE0FF;\n --ds-background-brand-subtlest: #092957;\n --ds-background-brand-subtlest-hovered: #09326C;\n --ds-background-brand-subtlest-pressed: #0055CC;\n --ds-background-brand-bold: #579DFF;\n --ds-background-brand-bold-hovered: #85B8FF;\n --ds-background-brand-bold-pressed: #CCE0FF;\n --ds-background-brand-boldest: #E9F2FF;\n --ds-background-brand-boldest-hovered: #CCE0FF;\n --ds-background-brand-boldest-pressed: #85B8FF;\n --ds-background-danger: #4F1C16;\n --ds-background-danger-hovered: #601E16;\n --ds-background-danger-pressed: #AE2A19;\n --ds-background-danger-bold: #F87462;\n --ds-background-danger-bold-hovered: #FF9C8F;\n --ds-background-danger-bold-pressed: #FFD2CC;\n --ds-background-warning: #3F3102;\n --ds-background-warning-hovered: #533F04;\n --ds-background-warning-pressed: #7F5F01;\n --ds-background-warning-bold: #E2B203;\n --ds-background-warning-bold-hovered: #F5CD47;\n --ds-background-warning-bold-pressed: #F8E6A0;\n --ds-background-success: #143C2B;\n --ds-background-success-hovered: #164B35;\n --ds-background-success-pressed: #216E4E;\n --ds-background-success-bold: #4BCE97;\n --ds-background-success-bold-hovered: #7EE2B8;\n --ds-background-success-bold-pressed: #BAF3DB;\n --ds-background-discovery: #2B2451;\n --ds-background-discovery-hovered: #352C63;\n --ds-background-discovery-pressed: #5E4DB2;\n --ds-background-discovery-bold: #9F8FEF;\n --ds-background-discovery-bold-hovered: #B8ACF6;\n --ds-background-discovery-bold-pressed: #DFD8FD;\n --ds-background-information: #092957;\n --ds-background-information-hovered: #09326C;\n --ds-background-information-pressed: #0055CC;\n --ds-background-information-bold: #579DFF;\n --ds-background-information-bold-hovered: #85B8FF;\n --ds-background-information-bold-pressed: #CCE0FF;\n --ds-blanket: #10121499;\n --ds-blanket-selected: #1D7AFC14;\n --ds-blanket-danger: #E3493514;\n --ds-interaction-hovered: #ffffff33;\n --ds-interaction-pressed: #ffffff5c;\n --ds-skeleton: #A1BDD914;\n --ds-skeleton-subtle: #BCD6F00A;\n --ds-chart-categorical-1: #1D9AAA;\n --ds-chart-categorical-1-hovered: #37B4C3;\n --ds-chart-categorical-2: #B8ACF6;\n --ds-chart-categorical-2-hovered: #DFD8FD;\n --ds-chart-categorical-3: #D97008;\n --ds-chart-categorical-3-hovered: #F18D13;\n --ds-chart-categorical-4: #F797D2;\n --ds-chart-categorical-4-hovered: #FDD0EC;\n --ds-chart-categorical-5: #CCE0FF;\n --ds-chart-categorical-5-hovered: #E9F2FF;\n --ds-chart-categorical-6: #8270DB;\n --ds-chart-categorical-6-hovered: #8F7EE7;\n --ds-chart-categorical-7: #FDD0EC;\n --ds-chart-categorical-7-hovered: #FFECF8;\n --ds-chart-categorical-8: #FEC57B;\n --ds-chart-categorical-8-hovered: #FFE2BD;\n --ds-chart-lime-bold: #82B536;\n --ds-chart-lime-bold-hovered: #94C748;\n --ds-chart-lime-bolder: #94C748;\n --ds-chart-lime-bolder-hovered: #B3DF72;\n --ds-chart-lime-boldest: #B3DF72;\n --ds-chart-lime-boldest-hovered: #D3F1A7;\n --ds-chart-neutral: #738496;\n --ds-chart-neutral-hovered: #8C9BAB;\n --ds-chart-red-bold: #E34935;\n --ds-chart-red-bold-hovered: #EF5C48;\n --ds-chart-red-bolder: #EF5C48;\n --ds-chart-red-bolder-hovered: #F87462;\n --ds-chart-red-boldest: #FF9C8F;\n --ds-chart-red-boldest-hovered: #FFD2CC;\n --ds-chart-orange-bold: #F18D13;\n --ds-chart-orange-bold-hovered: #FAA53D;\n --ds-chart-orange-bolder: #FAA53D;\n --ds-chart-orange-bolder-hovered: #FEC57B;\n --ds-chart-orange-boldest: #FEC57B;\n --ds-chart-orange-boldest-hovered: #FFE2BD;\n --ds-chart-yellow-bold: #CF9F02;\n --ds-chart-yellow-bold-hovered: #E2B203;\n --ds-chart-yellow-bolder: #E2B203;\n --ds-chart-yellow-bolder-hovered: #F5CD47;\n --ds-chart-yellow-boldest: #F5CD47;\n --ds-chart-yellow-boldest-hovered: #F8E6A0;\n --ds-chart-green-bold: #2ABB7F;\n --ds-chart-green-bold-hovered: #4BCE97;\n --ds-chart-green-bolder: #4BCE97;\n --ds-chart-green-bolder-hovered: #7EE2B8;\n --ds-chart-green-boldest: #7EE2B8;\n --ds-chart-green-boldest-hovered: #BAF3DB;\n --ds-chart-teal-bold: #37B4C3;\n --ds-chart-teal-bold-hovered: #60C6D2;\n --ds-chart-teal-bolder: #60C6D2;\n --ds-chart-teal-bolder-hovered: #8BDBE5;\n --ds-chart-teal-boldest: #8BDBE5;\n --ds-chart-teal-boldest-hovered: #C1F0F5;\n --ds-chart-blue-bold: #1D7AFC;\n --ds-chart-blue-bold-hovered: #388BFF;\n --ds-chart-blue-bolder: #388BFF;\n --ds-chart-blue-bolder-hovered: #579DFF;\n --ds-chart-blue-boldest: #85B8FF;\n --ds-chart-blue-boldest-hovered: #CCE0FF;\n --ds-chart-purple-bold: #8270DB;\n --ds-chart-purple-bold-hovered: #8F7EE7;\n --ds-chart-purple-bolder: #8F7EE7;\n --ds-chart-purple-bolder-hovered: #9F8FEF;\n --ds-chart-purple-boldest: #B8ACF6;\n --ds-chart-purple-boldest-hovered: #DFD8FD;\n --ds-chart-magenta-bold: #CD519D;\n --ds-chart-magenta-bold-hovered: #DA62AC;\n --ds-chart-magenta-bolder: #DA62AC;\n --ds-chart-magenta-bolder-hovered: #E774BB;\n --ds-chart-magenta-boldest: #F797D2;\n --ds-chart-magenta-boldest-hovered: #FDD0EC;\n --ds-chart-gray-bold: #738496;\n --ds-chart-gray-bold-hovered: #8C9BAB;\n --ds-chart-gray-bolder: #8C9BAB;\n --ds-chart-gray-bolder-hovered: #9FADBC;\n --ds-chart-gray-boldest: #9FADBC;\n --ds-chart-gray-boldest-hovered: #B6C2CF;\n --ds-chart-brand: #388BFF;\n --ds-chart-brand-hovered: #579DFF;\n --ds-chart-danger: #E34935;\n --ds-chart-danger-hovered: #EF5C48;\n --ds-chart-danger-bold: #FF9C8F;\n --ds-chart-danger-bold-hovered: #FFD2CC;\n --ds-chart-warning: #CF9F02;\n --ds-chart-warning-hovered: #E2B203;\n --ds-chart-warning-bold: #F5CD47;\n --ds-chart-warning-bold-hovered: #F8E6A0;\n --ds-chart-success: #2ABB7F;\n --ds-chart-success-hovered: #4BCE97;\n --ds-chart-success-bold: #7EE2B8;\n --ds-chart-success-bold-hovered: #BAF3DB;\n --ds-chart-discovery: #8270DB;\n --ds-chart-discovery-hovered: #8F7EE7;\n --ds-chart-discovery-bold: #B8ACF6;\n --ds-chart-discovery-bold-hovered: #DFD8FD;\n --ds-chart-information: #1D7AFC;\n --ds-chart-information-hovered: #388BFF;\n --ds-chart-information-bold: #85B8FF;\n --ds-chart-information-bold-hovered: #CCE0FF;\n --ds-surface: #1D2125;\n --ds-surface-hovered: #22272B;\n --ds-surface-pressed: #282E33;\n --ds-surface-overlay: #282E33;\n --ds-surface-overlay-hovered: #2C333A;\n --ds-surface-overlay-pressed: #38414A;\n --ds-surface-raised: #22272B;\n --ds-surface-raised-hovered: #282E33;\n --ds-surface-raised-pressed: #2C333A;\n --ds-surface-sunken: #161A1D;\n --ds-shadow-overflow: 0px 0px 12px #0304048F, 0px 0px 1px #03040480;\n --ds-shadow-overflow-perimeter: #03040480;\n --ds-shadow-overflow-spread: #0304048f;\n --ds-shadow-overlay: inset 0px 0px 0px 1px #BCD6F01F, 0px 8px 12px #0304045C, 0px 0px 1px #03040480;\n --ds-shadow-raised: inset 0px 0px 0px 1px #00000000, 0px 1px 1px #03040480, 0px 0px 1px #03040480;\n --ds-opacity-disabled: 0.4;\n --ds-opacity-loading: 0.2;\n --ds-UNSAFE-transparent: transparent;\n --ds-elevation-surface-current: #1D2125;\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-accent-lime: #B3DF72;\n --ds-text-accent-lime-bolder: #D3F1A7;\n --ds-text-accent-red: #FF9C8F;\n --ds-text-accent-red-bolder: #FFD2CC;\n --ds-text-accent-orange: #FEC57B;\n --ds-text-accent-orange-bolder: #FFE2BD;\n --ds-text-accent-yellow: #F5CD47;\n --ds-text-accent-yellow-bolder: #F8E6A0;\n --ds-text-accent-green: #7EE2B8;\n --ds-text-accent-green-bolder: #BAF3DB;\n --ds-text-accent-teal: #8BDBE5;\n --ds-text-accent-teal-bolder: #C1F0F5;\n --ds-text-accent-blue: #85B8FF;\n --ds-text-accent-blue-bolder: #CCE0FF;\n --ds-text-accent-purple: #B8ACF6;\n --ds-text-accent-purple-bolder: #DFD8FD;\n --ds-text-accent-magenta: #F797D2;\n --ds-text-accent-magenta-bolder: #FDD0EC;\n --ds-text-accent-gray: #9FADBC;\n --ds-text-accent-gray-bolder: #DEE4EA;\n --ds-text-disabled: #BFDBF847;\n --ds-text-inverse: #1D2125;\n --ds-text-selected: #579DFF;\n --ds-text-brand: #579DFF;\n --ds-text-danger: #FF9C8F;\n --ds-text-warning: #F5CD47;\n --ds-text-warning-inverse: #1D2125;\n --ds-text-success: #7EE2B8;\n --ds-text-discovery: #B8ACF6;\n --ds-text-information: #85B8FF;\n --ds-text-subtlest: #8C9BAB;\n --ds-text-subtle: #9FADBC;\n --ds-link: #579DFF;\n --ds-link-pressed: #85B8FF;\n --ds-icon: #9FADBC;\n --ds-icon-accent-lime: #82B536;\n --ds-icon-accent-red: #EF5C48;\n --ds-icon-accent-orange: #F18D13;\n --ds-icon-accent-yellow: #CF9F02;\n --ds-icon-accent-green: #2ABB7F;\n --ds-icon-accent-teal: #37B4C3;\n --ds-icon-accent-blue: #388BFF;\n --ds-icon-accent-purple: #8F7EE7;\n --ds-icon-accent-magenta: #DA62AC;\n --ds-icon-accent-gray: #738496;\n --ds-icon-disabled: #BFDBF847;\n --ds-icon-inverse: #1D2125;\n --ds-icon-selected: #579DFF;\n --ds-icon-brand: #579DFF;\n --ds-icon-danger: #EF5C48;\n --ds-icon-warning: #CF9F02;\n --ds-icon-warning-inverse: #1D2125;\n --ds-icon-success: #2ABB7F;\n --ds-icon-discovery: #8F7EE7;\n --ds-icon-information: #388BFF;\n --ds-icon-subtle: #8C9BAB;\n --ds-border: #A6C5E229;\n --ds-border-accent-lime: #82B536;\n --ds-border-accent-red: #EF5C48;\n --ds-border-accent-orange: #F18D13;\n --ds-border-accent-yellow: #CF9F02;\n --ds-border-accent-green: #2ABB7F;\n --ds-border-accent-teal: #37B4C3;\n --ds-border-accent-blue: #388BFF;\n --ds-border-accent-purple: #8F7EE7;\n --ds-border-accent-magenta: #DA62AC;\n --ds-border-accent-gray: #738496;\n --ds-border-disabled: #A1BDD914;\n --ds-border-focused: #85B8FF;\n --ds-border-input: #A6C5E229;\n --ds-border-inverse: #161A1D;\n --ds-border-selected: #579DFF;\n --ds-border-brand: #579DFF;\n --ds-border-danger: #EF5C48;\n --ds-border-warning: #CF9F02;\n --ds-border-success: #2ABB7F;\n --ds-border-discovery: #8F7EE7;\n --ds-border-information: #388BFF;\n --ds-border-bold: #738496;\n --ds-background-accent-lime-subtlest: #2A3818;\n --ds-background-accent-lime-subtler: #37471F;\n --ds-background-accent-lime-subtle: #4C6B1F;\n --ds-background-accent-lime-bolder: #94C748;\n --ds-background-accent-red-subtlest: #4F1C16;\n --ds-background-accent-red-subtler: #601E16;\n --ds-background-accent-red-subtle: #AE2A19;\n --ds-background-accent-red-bolder: #F87462;\n --ds-background-accent-orange-subtlest: #4A2B0F;\n --ds-background-accent-orange-subtler: #5F3811;\n --ds-background-accent-orange-subtle: #974F0C;\n --ds-background-accent-orange-bolder: #FAA53D;\n --ds-background-accent-yellow-subtlest: #3F3102;\n --ds-background-accent-yellow-subtler: #533F04;\n --ds-background-accent-yellow-subtle: #7F5F01;\n --ds-background-accent-yellow-bolder: #E2B203;\n --ds-background-accent-green-subtlest: #143C2B;\n --ds-background-accent-green-subtler: #164B35;\n --ds-background-accent-green-subtle: #216E4E;\n --ds-background-accent-green-bolder: #4BCE97;\n --ds-background-accent-teal-subtlest: #15373B;\n --ds-background-accent-teal-subtler: #1D474C;\n --ds-background-accent-teal-subtle: #206B74;\n --ds-background-accent-teal-bolder: #60C6D2;\n --ds-background-accent-blue-subtlest: #092957;\n --ds-background-accent-blue-subtler: #09326C;\n --ds-background-accent-blue-subtle: #0055CC;\n --ds-background-accent-blue-bolder: #579DFF;\n --ds-background-accent-purple-subtlest: #2B2451;\n --ds-background-accent-purple-subtler: #352C63;\n --ds-background-accent-purple-subtle: #5E4DB2;\n --ds-background-accent-purple-bolder: #9F8FEF;\n --ds-background-accent-magenta-subtlest: #421F34;\n --ds-background-accent-magenta-subtler: #50253F;\n --ds-background-accent-magenta-subtle: #943D73;\n --ds-background-accent-magenta-bolder: #E774BB;\n --ds-background-accent-gray-subtlest: #2C333A;\n --ds-background-accent-gray-subtler: #454F59;\n --ds-background-accent-gray-subtle: #596773;\n --ds-background-accent-gray-bolder: #8C9BAB;\n --ds-background-disabled: #BCD6F00A;\n --ds-background-input: #22272B;\n --ds-background-input-hovered: #282E33;\n --ds-background-input-pressed: #22272B;\n --ds-background-inverse-subtle: #FFFFFF29;\n --ds-background-inverse-subtle-hovered: #FFFFFF3D;\n --ds-background-inverse-subtle-pressed: #FFFFFF52;\n --ds-background-neutral: #A1BDD914;\n --ds-background-neutral-hovered: #A6C5E229;\n --ds-background-neutral-pressed: #BFDBF847;\n --ds-background-neutral-subtle: #00000000;\n --ds-background-neutral-subtle-hovered: #A1BDD914;\n --ds-background-neutral-subtle-pressed: #A6C5E229;\n --ds-background-neutral-bold: #9FADBC;\n --ds-background-neutral-bold-hovered: #B6C2CF;\n --ds-background-neutral-bold-pressed: #C7D1DB;\n --ds-background-selected: #092957;\n --ds-background-selected-hovered: #09326C;\n --ds-background-selected-pressed: #0055CC;\n --ds-background-selected-bold: #579DFF;\n --ds-background-selected-bold-hovered: #85B8FF;\n --ds-background-selected-bold-pressed: #CCE0FF;\n --ds-background-brand-subtlest: #092957;\n --ds-background-brand-subtlest-hovered: #09326C;\n --ds-background-brand-subtlest-pressed: #0055CC;\n --ds-background-brand-bold: #579DFF;\n --ds-background-brand-bold-hovered: #85B8FF;\n --ds-background-brand-bold-pressed: #CCE0FF;\n --ds-background-brand-boldest: #E9F2FF;\n --ds-background-brand-boldest-hovered: #CCE0FF;\n --ds-background-brand-boldest-pressed: #85B8FF;\n --ds-background-danger: #4F1C16;\n --ds-background-danger-hovered: #601E16;\n --ds-background-danger-pressed: #AE2A19;\n --ds-background-danger-bold: #F87462;\n --ds-background-danger-bold-hovered: #FF9C8F;\n --ds-background-danger-bold-pressed: #FFD2CC;\n --ds-background-warning: #3F3102;\n --ds-background-warning-hovered: #533F04;\n --ds-background-warning-pressed: #7F5F01;\n --ds-background-warning-bold: #E2B203;\n --ds-background-warning-bold-hovered: #F5CD47;\n --ds-background-warning-bold-pressed: #F8E6A0;\n --ds-background-success: #143C2B;\n --ds-background-success-hovered: #164B35;\n --ds-background-success-pressed: #216E4E;\n --ds-background-success-bold: #4BCE97;\n --ds-background-success-bold-hovered: #7EE2B8;\n --ds-background-success-bold-pressed: #BAF3DB;\n --ds-background-discovery: #2B2451;\n --ds-background-discovery-hovered: #352C63;\n --ds-background-discovery-pressed: #5E4DB2;\n --ds-background-discovery-bold: #9F8FEF;\n --ds-background-discovery-bold-hovered: #B8ACF6;\n --ds-background-discovery-bold-pressed: #DFD8FD;\n --ds-background-information: #092957;\n --ds-background-information-hovered: #09326C;\n --ds-background-information-pressed: #0055CC;\n --ds-background-information-bold: #579DFF;\n --ds-background-information-bold-hovered: #85B8FF;\n --ds-background-information-bold-pressed: #CCE0FF;\n --ds-blanket: #10121499;\n --ds-blanket-selected: #1D7AFC14;\n --ds-blanket-danger: #E3493514;\n --ds-interaction-hovered: #ffffff33;\n --ds-interaction-pressed: #ffffff5c;\n --ds-skeleton: #A1BDD914;\n --ds-skeleton-subtle: #BCD6F00A;\n --ds-chart-categorical-1: #1D9AAA;\n --ds-chart-categorical-1-hovered: #37B4C3;\n --ds-chart-categorical-2: #B8ACF6;\n --ds-chart-categorical-2-hovered: #DFD8FD;\n --ds-chart-categorical-3: #D97008;\n --ds-chart-categorical-3-hovered: #F18D13;\n --ds-chart-categorical-4: #F797D2;\n --ds-chart-categorical-4-hovered: #FDD0EC;\n --ds-chart-categorical-5: #CCE0FF;\n --ds-chart-categorical-5-hovered: #E9F2FF;\n --ds-chart-categorical-6: #8270DB;\n --ds-chart-categorical-6-hovered: #8F7EE7;\n --ds-chart-categorical-7: #FDD0EC;\n --ds-chart-categorical-7-hovered: #FFECF8;\n --ds-chart-categorical-8: #FEC57B;\n --ds-chart-categorical-8-hovered: #FFE2BD;\n --ds-chart-lime-bold: #82B536;\n --ds-chart-lime-bold-hovered: #94C748;\n --ds-chart-lime-bolder: #94C748;\n --ds-chart-lime-bolder-hovered: #B3DF72;\n --ds-chart-lime-boldest: #B3DF72;\n --ds-chart-lime-boldest-hovered: #D3F1A7;\n --ds-chart-neutral: #738496;\n --ds-chart-neutral-hovered: #8C9BAB;\n --ds-chart-red-bold: #E34935;\n --ds-chart-red-bold-hovered: #EF5C48;\n --ds-chart-red-bolder: #EF5C48;\n --ds-chart-red-bolder-hovered: #F87462;\n --ds-chart-red-boldest: #FF9C8F;\n --ds-chart-red-boldest-hovered: #FFD2CC;\n --ds-chart-orange-bold: #F18D13;\n --ds-chart-orange-bold-hovered: #FAA53D;\n --ds-chart-orange-bolder: #FAA53D;\n --ds-chart-orange-bolder-hovered: #FEC57B;\n --ds-chart-orange-boldest: #FEC57B;\n --ds-chart-orange-boldest-hovered: #FFE2BD;\n --ds-chart-yellow-bold: #CF9F02;\n --ds-chart-yellow-bold-hovered: #E2B203;\n --ds-chart-yellow-bolder: #E2B203;\n --ds-chart-yellow-bolder-hovered: #F5CD47;\n --ds-chart-yellow-boldest: #F5CD47;\n --ds-chart-yellow-boldest-hovered: #F8E6A0;\n --ds-chart-green-bold: #2ABB7F;\n --ds-chart-green-bold-hovered: #4BCE97;\n --ds-chart-green-bolder: #4BCE97;\n --ds-chart-green-bolder-hovered: #7EE2B8;\n --ds-chart-green-boldest: #7EE2B8;\n --ds-chart-green-boldest-hovered: #BAF3DB;\n --ds-chart-teal-bold: #37B4C3;\n --ds-chart-teal-bold-hovered: #60C6D2;\n --ds-chart-teal-bolder: #60C6D2;\n --ds-chart-teal-bolder-hovered: #8BDBE5;\n --ds-chart-teal-boldest: #8BDBE5;\n --ds-chart-teal-boldest-hovered: #C1F0F5;\n --ds-chart-blue-bold: #1D7AFC;\n --ds-chart-blue-bold-hovered: #388BFF;\n --ds-chart-blue-bolder: #388BFF;\n --ds-chart-blue-bolder-hovered: #579DFF;\n --ds-chart-blue-boldest: #85B8FF;\n --ds-chart-blue-boldest-hovered: #CCE0FF;\n --ds-chart-purple-bold: #8270DB;\n --ds-chart-purple-bold-hovered: #8F7EE7;\n --ds-chart-purple-bolder: #8F7EE7;\n --ds-chart-purple-bolder-hovered: #9F8FEF;\n --ds-chart-purple-boldest: #B8ACF6;\n --ds-chart-purple-boldest-hovered: #DFD8FD;\n --ds-chart-magenta-bold: #CD519D;\n --ds-chart-magenta-bold-hovered: #DA62AC;\n --ds-chart-magenta-bolder: #DA62AC;\n --ds-chart-magenta-bolder-hovered: #E774BB;\n --ds-chart-magenta-boldest: #F797D2;\n --ds-chart-magenta-boldest-hovered: #FDD0EC;\n --ds-chart-gray-bold: #738496;\n --ds-chart-gray-bold-hovered: #8C9BAB;\n --ds-chart-gray-bolder: #8C9BAB;\n --ds-chart-gray-bolder-hovered: #9FADBC;\n --ds-chart-gray-boldest: #9FADBC;\n --ds-chart-gray-boldest-hovered: #B6C2CF;\n --ds-chart-brand: #388BFF;\n --ds-chart-brand-hovered: #579DFF;\n --ds-chart-danger: #E34935;\n --ds-chart-danger-hovered: #EF5C48;\n --ds-chart-danger-bold: #FF9C8F;\n --ds-chart-danger-bold-hovered: #FFD2CC;\n --ds-chart-warning: #CF9F02;\n --ds-chart-warning-hovered: #E2B203;\n --ds-chart-warning-bold: #F5CD47;\n --ds-chart-warning-bold-hovered: #F8E6A0;\n --ds-chart-success: #2ABB7F;\n --ds-chart-success-hovered: #4BCE97;\n --ds-chart-success-bold: #7EE2B8;\n --ds-chart-success-bold-hovered: #BAF3DB;\n --ds-chart-discovery: #8270DB;\n --ds-chart-discovery-hovered: #8F7EE7;\n --ds-chart-discovery-bold: #B8ACF6;\n --ds-chart-discovery-bold-hovered: #DFD8FD;\n --ds-chart-information: #1D7AFC;\n --ds-chart-information-hovered: #388BFF;\n --ds-chart-information-bold: #85B8FF;\n --ds-chart-information-bold-hovered: #CCE0FF;\n --ds-surface: #1D2125;\n --ds-surface-hovered: #22272B;\n --ds-surface-pressed: #282E33;\n --ds-surface-overlay: #282E33;\n --ds-surface-overlay-hovered: #2C333A;\n --ds-surface-overlay-pressed: #38414A;\n --ds-surface-raised: #22272B;\n --ds-surface-raised-hovered: #282E33;\n --ds-surface-raised-pressed: #2C333A;\n --ds-surface-sunken: #161A1D;\n --ds-shadow-overflow: 0px 0px 12px #0304048F, 0px 0px 1px #03040480;\n --ds-shadow-overflow-perimeter: #03040480;\n --ds-shadow-overflow-spread: #0304048f;\n --ds-shadow-overlay: 0px 0px 0px 1px #39424a, 0px 8px 12px #0304045C, 0px 0px 1px 1px #03040480;\n --ds-shadow-raised: 0px 0px 0px 1px #00000000, 0px 1px 1px #03040480, 0px 0px 1px #03040480;\n --ds-opacity-disabled: 0.4;\n --ds-opacity-loading: 0.2;\n --ds-UNSAFE-transparent: transparent;\n --ds-elevation-surface-current: #1D2125;\n}\n";
13
13
  exports.default = _default;
package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js CHANGED
@@ -6,7 +6,7 @@ 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::339a44f9ab6cef00dfe09a6ef970bd4f>>
9
+ * @codegen <<SignedSource::72b954bf07d3f88c91f182994cf842e8>>
10
10
  * @codegenCommand yarn build tokens
11
11
  */
12
12
  var tokens = [{
@@ -6673,13 +6673,12 @@ var tokens = [{
6673
6673
  "value": [{
6674
6674
  "radius": 0,
6675
6675
  "spread": 1,
6676
- "color": "#BCD6F00A",
6676
+ "color": "#39424a",
6677
6677
  "offset": {
6678
6678
  "x": 0,
6679
6679
  "y": 0
6680
6680
  },
6681
- "opacity": 0.12,
6682
- "inset": true
6681
+ "opacity": 1
6683
6682
  }, {
6684
6683
  "radius": 12,
6685
6684
  "offset": {
@@ -6690,6 +6689,7 @@ var tokens = [{
6690
6689
  "opacity": 0.36
6691
6690
  }, {
6692
6691
  "radius": 1,
6692
+ "spread": 1,
6693
6693
  "offset": {
6694
6694
  "x": 0,
6695
6695
  "y": 0
@@ -6709,13 +6709,12 @@ var tokens = [{
6709
6709
  "value": [{
6710
6710
  "radius": 0,
6711
6711
  "spread": 1,
6712
- "color": "DarkNeutral100A",
6712
+ "color": "#39424a",
6713
6713
  "offset": {
6714
6714
  "x": 0,
6715
6715
  "y": 0
6716
6716
  },
6717
- "opacity": 0.12,
6718
- "inset": true
6717
+ "opacity": 1
6719
6718
  }, {
6720
6719
  "radius": 12,
6721
6720
  "offset": {
@@ -6726,6 +6725,7 @@ var tokens = [{
6726
6725
  "opacity": 0.36
6727
6726
  }, {
6728
6727
  "radius": 1,
6728
+ "spread": 1,
6729
6729
  "offset": {
6730
6730
  "x": 0,
6731
6731
  "y": 0
@@ -6752,8 +6752,7 @@ var tokens = [{
6752
6752
  "x": 0,
6753
6753
  "y": 0
6754
6754
  },
6755
- "opacity": 0,
6756
- "inset": true
6755
+ "opacity": 0
6757
6756
  }, {
6758
6757
  "radius": 1,
6759
6758
  "offset": {
@@ -6788,8 +6787,7 @@ var tokens = [{
6788
6787
  "x": 0,
6789
6788
  "y": 0
6790
6789
  },
6791
- "opacity": 0,
6792
- "inset": true
6790
+ "opacity": 0
6793
6791
  }, {
6794
6792
  "radius": 1,
6795
6793
  "offset": {
package/dist/cjs/get-token-value.js CHANGED
@@ -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.16.0";
11
+ var version = "1.17.0";
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.
package/dist/cjs/get-token.js CHANGED
@@ -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.16.0";
12
+ var version = "1.17.0";
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.
package/dist/cjs/tokens/atlassian-dark/elevation/shadow.js CHANGED
@@ -9,7 +9,7 @@ var shadow = {
9
9
  shadow: {
10
10
  raised: {
11
11
  value: [{
12
- // This inset shadow is just to allow animations between shadow types
12
+ // This shadow is just to allow animations between shadow types
13
13
  radius: 0,
14
14
  spread: 1,
15
15
  // @ts-ignore no current palette colour for this yet
@@ -18,8 +18,7 @@ var shadow = {
18
18
  x: 0,
19
19
  y: 0
20
20
  },
21
- opacity: 0,
22
- inset: true
21
+ opacity: 0
23
22
  }, {
24
23
  radius: 1,
25
24
  offset: {
@@ -77,13 +76,13 @@ var shadow = {
77
76
  value: [{
78
77
  radius: 0,
79
78
  spread: 1,
80
- color: 'DarkNeutral100A',
79
+ // @ts-ignore no current palette colour for this yet
80
+ color: '#39424a',
81
81
  offset: {
82
82
  x: 0,
83
83
  y: 0
84
84
  },
85
- opacity: 0.12,
86
- inset: true
85
+ opacity: 1
87
86
  }, {
88
87
  radius: 12,
89
88
  offset: {
@@ -95,6 +94,7 @@ var shadow = {
95
94
  opacity: 0.36
96
95
  }, {
97
96
  radius: 1,
97
+ spread: 1,
98
98
  offset: {
99
99
  x: 0,
100
100
  y: 0
package/dist/es2019/artifacts/themes/atlassian-dark.js CHANGED
@@ -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::d04e1cd7cbfd3765787905dcbce55240>>
3
+ * @codegen <<SignedSource::ee1744fd5bb4236aa11d6b04264c3f36>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  export default `
@@ -308,8 +308,8 @@ html[data-color-mode="dark"][data-theme~="dark:dark"] {
308
308
  --ds-shadow-overflow: 0px 0px 12px #0304048F, 0px 0px 1px #03040480;
309
309
  --ds-shadow-overflow-perimeter: #03040480;
310
310
  --ds-shadow-overflow-spread: #0304048f;
311
- --ds-shadow-overlay: inset 0px 0px 0px 1px #BCD6F01F, 0px 8px 12px #0304045C, 0px 0px 1px #03040480;
312
- --ds-shadow-raised: inset 0px 0px 0px 1px #00000000, 0px 1px 1px #03040480, 0px 0px 1px #03040480;
311
+ --ds-shadow-overlay: 0px 0px 0px 1px #39424a, 0px 8px 12px #0304045C, 0px 0px 1px 1px #03040480;
312
+ --ds-shadow-raised: 0px 0px 0px 1px #00000000, 0px 1px 1px #03040480, 0px 0px 1px #03040480;
313
313
  --ds-opacity-disabled: 0.4;
314
314
  --ds-opacity-loading: 0.2;
315
315
  --ds-UNSAFE-transparent: transparent;
package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js CHANGED
@@ -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::339a44f9ab6cef00dfe09a6ef970bd4f>>
3
+ * @codegen <<SignedSource::72b954bf07d3f88c91f182994cf842e8>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  const tokens = [{
@@ -6667,13 +6667,12 @@ const tokens = [{
6667
6667
  "value": [{
6668
6668
  "radius": 0,
6669
6669
  "spread": 1,
6670
- "color": "#BCD6F00A",
6670
+ "color": "#39424a",
6671
6671
  "offset": {
6672
6672
  "x": 0,
6673
6673
  "y": 0
6674
6674
  },
6675
- "opacity": 0.12,
6676
- "inset": true
6675
+ "opacity": 1
6677
6676
  }, {
6678
6677
  "radius": 12,
6679
6678
  "offset": {
@@ -6684,6 +6683,7 @@ const tokens = [{
6684
6683
  "opacity": 0.36
6685
6684
  }, {
6686
6685
  "radius": 1,
6686
+ "spread": 1,
6687
6687
  "offset": {
6688
6688
  "x": 0,
6689
6689
  "y": 0
@@ -6703,13 +6703,12 @@ const tokens = [{
6703
6703
  "value": [{
6704
6704
  "radius": 0,
6705
6705
  "spread": 1,
6706
- "color": "DarkNeutral100A",
6706
+ "color": "#39424a",
6707
6707
  "offset": {
6708
6708
  "x": 0,
6709
6709
  "y": 0
6710
6710
  },
6711
- "opacity": 0.12,
6712
- "inset": true
6711
+ "opacity": 1
6713
6712
  }, {
6714
6713
  "radius": 12,
6715
6714
  "offset": {
@@ -6720,6 +6719,7 @@ const tokens = [{
6720
6719
  "opacity": 0.36
6721
6720
  }, {
6722
6721
  "radius": 1,
6722
+ "spread": 1,
6723
6723
  "offset": {
6724
6724
  "x": 0,
6725
6725
  "y": 0
@@ -6746,8 +6746,7 @@ const tokens = [{
6746
6746
  "x": 0,
6747
6747
  "y": 0
6748
6748
  },
6749
- "opacity": 0,
6750
- "inset": true
6749
+ "opacity": 0
6751
6750
  }, {
6752
6751
  "radius": 1,
6753
6752
  "offset": {
@@ -6782,8 +6781,7 @@ const tokens = [{
6782
6781
  "x": 0,
6783
6782
  "y": 0
6784
6783
  },
6785
- "opacity": 0,
6786
- "inset": true
6784
+ "opacity": 0
6787
6785
  }, {
6788
6786
  "radius": 1,
6789
6787
  "offset": {
package/dist/es2019/get-token-value.js CHANGED
@@ -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.16.0";
4
+ const version = "1.17.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.
package/dist/es2019/get-token.js CHANGED
@@ -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.16.0";
5
+ const version = "1.17.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.
package/dist/es2019/tokens/atlassian-dark/elevation/shadow.js CHANGED
@@ -3,7 +3,7 @@ const shadow = {
3
3
  shadow: {
4
4
  raised: {
5
5
  value: [{
6
- // This inset shadow is just to allow animations between shadow types
6
+ // This shadow is just to allow animations between shadow types
7
7
  radius: 0,
8
8
  spread: 1,
9
9
  // @ts-ignore no current palette colour for this yet
@@ -12,8 +12,7 @@ const shadow = {
12
12
  x: 0,
13
13
  y: 0
14
14
  },
15
- opacity: 0,
16
- inset: true
15
+ opacity: 0
17
16
  }, {
18
17
  radius: 1,
19
18
  offset: {
@@ -71,13 +70,13 @@ const shadow = {
71
70
  value: [{
72
71
  radius: 0,
73
72
  spread: 1,
74
- color: 'DarkNeutral100A',
73
+ // @ts-ignore no current palette colour for this yet
74
+ color: '#39424a',
75
75
  offset: {
76
76
  x: 0,
77
77
  y: 0
78
78
  },
79
- opacity: 0.12,
80
- inset: true
79
+ opacity: 1
81
80
  }, {
82
81
  radius: 12,
83
82
  offset: {
@@ -89,6 +88,7 @@ const shadow = {
89
88
  opacity: 0.36
90
89
  }, {
91
90
  radius: 1,
91
+ spread: 1,
92
92
  offset: {
93
93
  x: 0,
94
94
  y: 0
package/dist/esm/artifacts/themes/atlassian-dark.js CHANGED
@@ -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::d04e1cd7cbfd3765787905dcbce55240>>
3
+ * @codegen <<SignedSource::ee1744fd5bb4236aa11d6b04264c3f36>>
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-accent-lime: #B3DF72;\n --ds-text-accent-lime-bolder: #D3F1A7;\n --ds-text-accent-red: #FF9C8F;\n --ds-text-accent-red-bolder: #FFD2CC;\n --ds-text-accent-orange: #FEC57B;\n --ds-text-accent-orange-bolder: #FFE2BD;\n --ds-text-accent-yellow: #F5CD47;\n --ds-text-accent-yellow-bolder: #F8E6A0;\n --ds-text-accent-green: #7EE2B8;\n --ds-text-accent-green-bolder: #BAF3DB;\n --ds-text-accent-teal: #8BDBE5;\n --ds-text-accent-teal-bolder: #C1F0F5;\n --ds-text-accent-blue: #85B8FF;\n --ds-text-accent-blue-bolder: #CCE0FF;\n --ds-text-accent-purple: #B8ACF6;\n --ds-text-accent-purple-bolder: #DFD8FD;\n --ds-text-accent-magenta: #F797D2;\n --ds-text-accent-magenta-bolder: #FDD0EC;\n --ds-text-accent-gray: #9FADBC;\n --ds-text-accent-gray-bolder: #DEE4EA;\n --ds-text-disabled: #BFDBF847;\n --ds-text-inverse: #1D2125;\n --ds-text-selected: #579DFF;\n --ds-text-brand: #579DFF;\n --ds-text-danger: #FF9C8F;\n --ds-text-warning: #F5CD47;\n --ds-text-warning-inverse: #1D2125;\n --ds-text-success: #7EE2B8;\n --ds-text-discovery: #B8ACF6;\n --ds-text-information: #85B8FF;\n --ds-text-subtlest: #8C9BAB;\n --ds-text-subtle: #9FADBC;\n --ds-link: #579DFF;\n --ds-link-pressed: #85B8FF;\n --ds-icon: #9FADBC;\n --ds-icon-accent-lime: #82B536;\n --ds-icon-accent-red: #EF5C48;\n --ds-icon-accent-orange: #F18D13;\n --ds-icon-accent-yellow: #CF9F02;\n --ds-icon-accent-green: #2ABB7F;\n --ds-icon-accent-teal: #37B4C3;\n --ds-icon-accent-blue: #388BFF;\n --ds-icon-accent-purple: #8F7EE7;\n --ds-icon-accent-magenta: #DA62AC;\n --ds-icon-accent-gray: #738496;\n --ds-icon-disabled: #BFDBF847;\n --ds-icon-inverse: #1D2125;\n --ds-icon-selected: #579DFF;\n --ds-icon-brand: #579DFF;\n --ds-icon-danger: #EF5C48;\n --ds-icon-warning: #CF9F02;\n --ds-icon-warning-inverse: #1D2125;\n --ds-icon-success: #2ABB7F;\n --ds-icon-discovery: #8F7EE7;\n --ds-icon-information: #388BFF;\n --ds-icon-subtle: #8C9BAB;\n --ds-border: #A6C5E229;\n --ds-border-accent-lime: #82B536;\n --ds-border-accent-red: #EF5C48;\n --ds-border-accent-orange: #F18D13;\n --ds-border-accent-yellow: #CF9F02;\n --ds-border-accent-green: #2ABB7F;\n --ds-border-accent-teal: #37B4C3;\n --ds-border-accent-blue: #388BFF;\n --ds-border-accent-purple: #8F7EE7;\n --ds-border-accent-magenta: #DA62AC;\n --ds-border-accent-gray: #738496;\n --ds-border-disabled: #A1BDD914;\n --ds-border-focused: #85B8FF;\n --ds-border-input: #A6C5E229;\n --ds-border-inverse: #161A1D;\n --ds-border-selected: #579DFF;\n --ds-border-brand: #579DFF;\n --ds-border-danger: #EF5C48;\n --ds-border-warning: #CF9F02;\n --ds-border-success: #2ABB7F;\n --ds-border-discovery: #8F7EE7;\n --ds-border-information: #388BFF;\n --ds-border-bold: #738496;\n --ds-background-accent-lime-subtlest: #2A3818;\n --ds-background-accent-lime-subtler: #37471F;\n --ds-background-accent-lime-subtle: #4C6B1F;\n --ds-background-accent-lime-bolder: #94C748;\n --ds-background-accent-red-subtlest: #4F1C16;\n --ds-background-accent-red-subtler: #601E16;\n --ds-background-accent-red-subtle: #AE2A19;\n --ds-background-accent-red-bolder: #F87462;\n --ds-background-accent-orange-subtlest: #4A2B0F;\n --ds-background-accent-orange-subtler: #5F3811;\n --ds-background-accent-orange-subtle: #974F0C;\n --ds-background-accent-orange-bolder: #FAA53D;\n --ds-background-accent-yellow-subtlest: #3F3102;\n --ds-background-accent-yellow-subtler: #533F04;\n --ds-background-accent-yellow-subtle: #7F5F01;\n --ds-background-accent-yellow-bolder: #E2B203;\n --ds-background-accent-green-subtlest: #143C2B;\n --ds-background-accent-green-subtler: #164B35;\n --ds-background-accent-green-subtle: #216E4E;\n --ds-background-accent-green-bolder: #4BCE97;\n --ds-background-accent-teal-subtlest: #15373B;\n --ds-background-accent-teal-subtler: #1D474C;\n --ds-background-accent-teal-subtle: #206B74;\n --ds-background-accent-teal-bolder: #60C6D2;\n --ds-background-accent-blue-subtlest: #092957;\n --ds-background-accent-blue-subtler: #09326C;\n --ds-background-accent-blue-subtle: #0055CC;\n --ds-background-accent-blue-bolder: #579DFF;\n --ds-background-accent-purple-subtlest: #2B2451;\n --ds-background-accent-purple-subtler: #352C63;\n --ds-background-accent-purple-subtle: #5E4DB2;\n --ds-background-accent-purple-bolder: #9F8FEF;\n --ds-background-accent-magenta-subtlest: #421F34;\n --ds-background-accent-magenta-subtler: #50253F;\n --ds-background-accent-magenta-subtle: #943D73;\n --ds-background-accent-magenta-bolder: #E774BB;\n --ds-background-accent-gray-subtlest: #2C333A;\n --ds-background-accent-gray-subtler: #454F59;\n --ds-background-accent-gray-subtle: #596773;\n --ds-background-accent-gray-bolder: #8C9BAB;\n --ds-background-disabled: #BCD6F00A;\n --ds-background-input: #22272B;\n --ds-background-input-hovered: #282E33;\n --ds-background-input-pressed: #22272B;\n --ds-background-inverse-subtle: #FFFFFF29;\n --ds-background-inverse-subtle-hovered: #FFFFFF3D;\n --ds-background-inverse-subtle-pressed: #FFFFFF52;\n --ds-background-neutral: #A1BDD914;\n --ds-background-neutral-hovered: #A6C5E229;\n --ds-background-neutral-pressed: #BFDBF847;\n --ds-background-neutral-subtle: #00000000;\n --ds-background-neutral-subtle-hovered: #A1BDD914;\n --ds-background-neutral-subtle-pressed: #A6C5E229;\n --ds-background-neutral-bold: #9FADBC;\n --ds-background-neutral-bold-hovered: #B6C2CF;\n --ds-background-neutral-bold-pressed: #C7D1DB;\n --ds-background-selected: #092957;\n --ds-background-selected-hovered: #09326C;\n --ds-background-selected-pressed: #0055CC;\n --ds-background-selected-bold: #579DFF;\n --ds-background-selected-bold-hovered: #85B8FF;\n --ds-background-selected-bold-pressed: #CCE0FF;\n --ds-background-brand-subtlest: #092957;\n --ds-background-brand-subtlest-hovered: #09326C;\n --ds-background-brand-subtlest-pressed: #0055CC;\n --ds-background-brand-bold: #579DFF;\n --ds-background-brand-bold-hovered: #85B8FF;\n --ds-background-brand-bold-pressed: #CCE0FF;\n --ds-background-brand-boldest: #E9F2FF;\n --ds-background-brand-boldest-hovered: #CCE0FF;\n --ds-background-brand-boldest-pressed: #85B8FF;\n --ds-background-danger: #4F1C16;\n --ds-background-danger-hovered: #601E16;\n --ds-background-danger-pressed: #AE2A19;\n --ds-background-danger-bold: #F87462;\n --ds-background-danger-bold-hovered: #FF9C8F;\n --ds-background-danger-bold-pressed: #FFD2CC;\n --ds-background-warning: #3F3102;\n --ds-background-warning-hovered: #533F04;\n --ds-background-warning-pressed: #7F5F01;\n --ds-background-warning-bold: #E2B203;\n --ds-background-warning-bold-hovered: #F5CD47;\n --ds-background-warning-bold-pressed: #F8E6A0;\n --ds-background-success: #143C2B;\n --ds-background-success-hovered: #164B35;\n --ds-background-success-pressed: #216E4E;\n --ds-background-success-bold: #4BCE97;\n --ds-background-success-bold-hovered: #7EE2B8;\n --ds-background-success-bold-pressed: #BAF3DB;\n --ds-background-discovery: #2B2451;\n --ds-background-discovery-hovered: #352C63;\n --ds-background-discovery-pressed: #5E4DB2;\n --ds-background-discovery-bold: #9F8FEF;\n --ds-background-discovery-bold-hovered: #B8ACF6;\n --ds-background-discovery-bold-pressed: #DFD8FD;\n --ds-background-information: #092957;\n --ds-background-information-hovered: #09326C;\n --ds-background-information-pressed: #0055CC;\n --ds-background-information-bold: #579DFF;\n --ds-background-information-bold-hovered: #85B8FF;\n --ds-background-information-bold-pressed: #CCE0FF;\n --ds-blanket: #10121499;\n --ds-blanket-selected: #1D7AFC14;\n --ds-blanket-danger: #E3493514;\n --ds-interaction-hovered: #ffffff33;\n --ds-interaction-pressed: #ffffff5c;\n --ds-skeleton: #A1BDD914;\n --ds-skeleton-subtle: #BCD6F00A;\n --ds-chart-categorical-1: #1D9AAA;\n --ds-chart-categorical-1-hovered: #37B4C3;\n --ds-chart-categorical-2: #B8ACF6;\n --ds-chart-categorical-2-hovered: #DFD8FD;\n --ds-chart-categorical-3: #D97008;\n --ds-chart-categorical-3-hovered: #F18D13;\n --ds-chart-categorical-4: #F797D2;\n --ds-chart-categorical-4-hovered: #FDD0EC;\n --ds-chart-categorical-5: #CCE0FF;\n --ds-chart-categorical-5-hovered: #E9F2FF;\n --ds-chart-categorical-6: #8270DB;\n --ds-chart-categorical-6-hovered: #8F7EE7;\n --ds-chart-categorical-7: #FDD0EC;\n --ds-chart-categorical-7-hovered: #FFECF8;\n --ds-chart-categorical-8: #FEC57B;\n --ds-chart-categorical-8-hovered: #FFE2BD;\n --ds-chart-lime-bold: #82B536;\n --ds-chart-lime-bold-hovered: #94C748;\n --ds-chart-lime-bolder: #94C748;\n --ds-chart-lime-bolder-hovered: #B3DF72;\n --ds-chart-lime-boldest: #B3DF72;\n --ds-chart-lime-boldest-hovered: #D3F1A7;\n --ds-chart-neutral: #738496;\n --ds-chart-neutral-hovered: #8C9BAB;\n --ds-chart-red-bold: #E34935;\n --ds-chart-red-bold-hovered: #EF5C48;\n --ds-chart-red-bolder: #EF5C48;\n --ds-chart-red-bolder-hovered: #F87462;\n --ds-chart-red-boldest: #FF9C8F;\n --ds-chart-red-boldest-hovered: #FFD2CC;\n --ds-chart-orange-bold: #F18D13;\n --ds-chart-orange-bold-hovered: #FAA53D;\n --ds-chart-orange-bolder: #FAA53D;\n --ds-chart-orange-bolder-hovered: #FEC57B;\n --ds-chart-orange-boldest: #FEC57B;\n --ds-chart-orange-boldest-hovered: #FFE2BD;\n --ds-chart-yellow-bold: #CF9F02;\n --ds-chart-yellow-bold-hovered: #E2B203;\n --ds-chart-yellow-bolder: #E2B203;\n --ds-chart-yellow-bolder-hovered: #F5CD47;\n --ds-chart-yellow-boldest: #F5CD47;\n --ds-chart-yellow-boldest-hovered: #F8E6A0;\n --ds-chart-green-bold: #2ABB7F;\n --ds-chart-green-bold-hovered: #4BCE97;\n --ds-chart-green-bolder: #4BCE97;\n --ds-chart-green-bolder-hovered: #7EE2B8;\n --ds-chart-green-boldest: #7EE2B8;\n --ds-chart-green-boldest-hovered: #BAF3DB;\n --ds-chart-teal-bold: #37B4C3;\n --ds-chart-teal-bold-hovered: #60C6D2;\n --ds-chart-teal-bolder: #60C6D2;\n --ds-chart-teal-bolder-hovered: #8BDBE5;\n --ds-chart-teal-boldest: #8BDBE5;\n --ds-chart-teal-boldest-hovered: #C1F0F5;\n --ds-chart-blue-bold: #1D7AFC;\n --ds-chart-blue-bold-hovered: #388BFF;\n --ds-chart-blue-bolder: #388BFF;\n --ds-chart-blue-bolder-hovered: #579DFF;\n --ds-chart-blue-boldest: #85B8FF;\n --ds-chart-blue-boldest-hovered: #CCE0FF;\n --ds-chart-purple-bold: #8270DB;\n --ds-chart-purple-bold-hovered: #8F7EE7;\n --ds-chart-purple-bolder: #8F7EE7;\n --ds-chart-purple-bolder-hovered: #9F8FEF;\n --ds-chart-purple-boldest: #B8ACF6;\n --ds-chart-purple-boldest-hovered: #DFD8FD;\n --ds-chart-magenta-bold: #CD519D;\n --ds-chart-magenta-bold-hovered: #DA62AC;\n --ds-chart-magenta-bolder: #DA62AC;\n --ds-chart-magenta-bolder-hovered: #E774BB;\n --ds-chart-magenta-boldest: #F797D2;\n --ds-chart-magenta-boldest-hovered: #FDD0EC;\n --ds-chart-gray-bold: #738496;\n --ds-chart-gray-bold-hovered: #8C9BAB;\n --ds-chart-gray-bolder: #8C9BAB;\n --ds-chart-gray-bolder-hovered: #9FADBC;\n --ds-chart-gray-boldest: #9FADBC;\n --ds-chart-gray-boldest-hovered: #B6C2CF;\n --ds-chart-brand: #388BFF;\n --ds-chart-brand-hovered: #579DFF;\n --ds-chart-danger: #E34935;\n --ds-chart-danger-hovered: #EF5C48;\n --ds-chart-danger-bold: #FF9C8F;\n --ds-chart-danger-bold-hovered: #FFD2CC;\n --ds-chart-warning: #CF9F02;\n --ds-chart-warning-hovered: #E2B203;\n --ds-chart-warning-bold: #F5CD47;\n --ds-chart-warning-bold-hovered: #F8E6A0;\n --ds-chart-success: #2ABB7F;\n --ds-chart-success-hovered: #4BCE97;\n --ds-chart-success-bold: #7EE2B8;\n --ds-chart-success-bold-hovered: #BAF3DB;\n --ds-chart-discovery: #8270DB;\n --ds-chart-discovery-hovered: #8F7EE7;\n --ds-chart-discovery-bold: #B8ACF6;\n --ds-chart-discovery-bold-hovered: #DFD8FD;\n --ds-chart-information: #1D7AFC;\n --ds-chart-information-hovered: #388BFF;\n --ds-chart-information-bold: #85B8FF;\n --ds-chart-information-bold-hovered: #CCE0FF;\n --ds-surface: #1D2125;\n --ds-surface-hovered: #22272B;\n --ds-surface-pressed: #282E33;\n --ds-surface-overlay: #282E33;\n --ds-surface-overlay-hovered: #2C333A;\n --ds-surface-overlay-pressed: #38414A;\n --ds-surface-raised: #22272B;\n --ds-surface-raised-hovered: #282E33;\n --ds-surface-raised-pressed: #2C333A;\n --ds-surface-sunken: #161A1D;\n --ds-shadow-overflow: 0px 0px 12px #0304048F, 0px 0px 1px #03040480;\n --ds-shadow-overflow-perimeter: #03040480;\n --ds-shadow-overflow-spread: #0304048f;\n --ds-shadow-overlay: inset 0px 0px 0px 1px #BCD6F01F, 0px 8px 12px #0304045C, 0px 0px 1px #03040480;\n --ds-shadow-raised: inset 0px 0px 0px 1px #00000000, 0px 1px 1px #03040480, 0px 0px 1px #03040480;\n --ds-opacity-disabled: 0.4;\n --ds-opacity-loading: 0.2;\n --ds-UNSAFE-transparent: transparent;\n --ds-elevation-surface-current: #1D2125;\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-accent-lime: #B3DF72;\n --ds-text-accent-lime-bolder: #D3F1A7;\n --ds-text-accent-red: #FF9C8F;\n --ds-text-accent-red-bolder: #FFD2CC;\n --ds-text-accent-orange: #FEC57B;\n --ds-text-accent-orange-bolder: #FFE2BD;\n --ds-text-accent-yellow: #F5CD47;\n --ds-text-accent-yellow-bolder: #F8E6A0;\n --ds-text-accent-green: #7EE2B8;\n --ds-text-accent-green-bolder: #BAF3DB;\n --ds-text-accent-teal: #8BDBE5;\n --ds-text-accent-teal-bolder: #C1F0F5;\n --ds-text-accent-blue: #85B8FF;\n --ds-text-accent-blue-bolder: #CCE0FF;\n --ds-text-accent-purple: #B8ACF6;\n --ds-text-accent-purple-bolder: #DFD8FD;\n --ds-text-accent-magenta: #F797D2;\n --ds-text-accent-magenta-bolder: #FDD0EC;\n --ds-text-accent-gray: #9FADBC;\n --ds-text-accent-gray-bolder: #DEE4EA;\n --ds-text-disabled: #BFDBF847;\n --ds-text-inverse: #1D2125;\n --ds-text-selected: #579DFF;\n --ds-text-brand: #579DFF;\n --ds-text-danger: #FF9C8F;\n --ds-text-warning: #F5CD47;\n --ds-text-warning-inverse: #1D2125;\n --ds-text-success: #7EE2B8;\n --ds-text-discovery: #B8ACF6;\n --ds-text-information: #85B8FF;\n --ds-text-subtlest: #8C9BAB;\n --ds-text-subtle: #9FADBC;\n --ds-link: #579DFF;\n --ds-link-pressed: #85B8FF;\n --ds-icon: #9FADBC;\n --ds-icon-accent-lime: #82B536;\n --ds-icon-accent-red: #EF5C48;\n --ds-icon-accent-orange: #F18D13;\n --ds-icon-accent-yellow: #CF9F02;\n --ds-icon-accent-green: #2ABB7F;\n --ds-icon-accent-teal: #37B4C3;\n --ds-icon-accent-blue: #388BFF;\n --ds-icon-accent-purple: #8F7EE7;\n --ds-icon-accent-magenta: #DA62AC;\n --ds-icon-accent-gray: #738496;\n --ds-icon-disabled: #BFDBF847;\n --ds-icon-inverse: #1D2125;\n --ds-icon-selected: #579DFF;\n --ds-icon-brand: #579DFF;\n --ds-icon-danger: #EF5C48;\n --ds-icon-warning: #CF9F02;\n --ds-icon-warning-inverse: #1D2125;\n --ds-icon-success: #2ABB7F;\n --ds-icon-discovery: #8F7EE7;\n --ds-icon-information: #388BFF;\n --ds-icon-subtle: #8C9BAB;\n --ds-border: #A6C5E229;\n --ds-border-accent-lime: #82B536;\n --ds-border-accent-red: #EF5C48;\n --ds-border-accent-orange: #F18D13;\n --ds-border-accent-yellow: #CF9F02;\n --ds-border-accent-green: #2ABB7F;\n --ds-border-accent-teal: #37B4C3;\n --ds-border-accent-blue: #388BFF;\n --ds-border-accent-purple: #8F7EE7;\n --ds-border-accent-magenta: #DA62AC;\n --ds-border-accent-gray: #738496;\n --ds-border-disabled: #A1BDD914;\n --ds-border-focused: #85B8FF;\n --ds-border-input: #A6C5E229;\n --ds-border-inverse: #161A1D;\n --ds-border-selected: #579DFF;\n --ds-border-brand: #579DFF;\n --ds-border-danger: #EF5C48;\n --ds-border-warning: #CF9F02;\n --ds-border-success: #2ABB7F;\n --ds-border-discovery: #8F7EE7;\n --ds-border-information: #388BFF;\n --ds-border-bold: #738496;\n --ds-background-accent-lime-subtlest: #2A3818;\n --ds-background-accent-lime-subtler: #37471F;\n --ds-background-accent-lime-subtle: #4C6B1F;\n --ds-background-accent-lime-bolder: #94C748;\n --ds-background-accent-red-subtlest: #4F1C16;\n --ds-background-accent-red-subtler: #601E16;\n --ds-background-accent-red-subtle: #AE2A19;\n --ds-background-accent-red-bolder: #F87462;\n --ds-background-accent-orange-subtlest: #4A2B0F;\n --ds-background-accent-orange-subtler: #5F3811;\n --ds-background-accent-orange-subtle: #974F0C;\n --ds-background-accent-orange-bolder: #FAA53D;\n --ds-background-accent-yellow-subtlest: #3F3102;\n --ds-background-accent-yellow-subtler: #533F04;\n --ds-background-accent-yellow-subtle: #7F5F01;\n --ds-background-accent-yellow-bolder: #E2B203;\n --ds-background-accent-green-subtlest: #143C2B;\n --ds-background-accent-green-subtler: #164B35;\n --ds-background-accent-green-subtle: #216E4E;\n --ds-background-accent-green-bolder: #4BCE97;\n --ds-background-accent-teal-subtlest: #15373B;\n --ds-background-accent-teal-subtler: #1D474C;\n --ds-background-accent-teal-subtle: #206B74;\n --ds-background-accent-teal-bolder: #60C6D2;\n --ds-background-accent-blue-subtlest: #092957;\n --ds-background-accent-blue-subtler: #09326C;\n --ds-background-accent-blue-subtle: #0055CC;\n --ds-background-accent-blue-bolder: #579DFF;\n --ds-background-accent-purple-subtlest: #2B2451;\n --ds-background-accent-purple-subtler: #352C63;\n --ds-background-accent-purple-subtle: #5E4DB2;\n --ds-background-accent-purple-bolder: #9F8FEF;\n --ds-background-accent-magenta-subtlest: #421F34;\n --ds-background-accent-magenta-subtler: #50253F;\n --ds-background-accent-magenta-subtle: #943D73;\n --ds-background-accent-magenta-bolder: #E774BB;\n --ds-background-accent-gray-subtlest: #2C333A;\n --ds-background-accent-gray-subtler: #454F59;\n --ds-background-accent-gray-subtle: #596773;\n --ds-background-accent-gray-bolder: #8C9BAB;\n --ds-background-disabled: #BCD6F00A;\n --ds-background-input: #22272B;\n --ds-background-input-hovered: #282E33;\n --ds-background-input-pressed: #22272B;\n --ds-background-inverse-subtle: #FFFFFF29;\n --ds-background-inverse-subtle-hovered: #FFFFFF3D;\n --ds-background-inverse-subtle-pressed: #FFFFFF52;\n --ds-background-neutral: #A1BDD914;\n --ds-background-neutral-hovered: #A6C5E229;\n --ds-background-neutral-pressed: #BFDBF847;\n --ds-background-neutral-subtle: #00000000;\n --ds-background-neutral-subtle-hovered: #A1BDD914;\n --ds-background-neutral-subtle-pressed: #A6C5E229;\n --ds-background-neutral-bold: #9FADBC;\n --ds-background-neutral-bold-hovered: #B6C2CF;\n --ds-background-neutral-bold-pressed: #C7D1DB;\n --ds-background-selected: #092957;\n --ds-background-selected-hovered: #09326C;\n --ds-background-selected-pressed: #0055CC;\n --ds-background-selected-bold: #579DFF;\n --ds-background-selected-bold-hovered: #85B8FF;\n --ds-background-selected-bold-pressed: #CCE0FF;\n --ds-background-brand-subtlest: #092957;\n --ds-background-brand-subtlest-hovered: #09326C;\n --ds-background-brand-subtlest-pressed: #0055CC;\n --ds-background-brand-bold: #579DFF;\n --ds-background-brand-bold-hovered: #85B8FF;\n --ds-background-brand-bold-pressed: #CCE0FF;\n --ds-background-brand-boldest: #E9F2FF;\n --ds-background-brand-boldest-hovered: #CCE0FF;\n --ds-background-brand-boldest-pressed: #85B8FF;\n --ds-background-danger: #4F1C16;\n --ds-background-danger-hovered: #601E16;\n --ds-background-danger-pressed: #AE2A19;\n --ds-background-danger-bold: #F87462;\n --ds-background-danger-bold-hovered: #FF9C8F;\n --ds-background-danger-bold-pressed: #FFD2CC;\n --ds-background-warning: #3F3102;\n --ds-background-warning-hovered: #533F04;\n --ds-background-warning-pressed: #7F5F01;\n --ds-background-warning-bold: #E2B203;\n --ds-background-warning-bold-hovered: #F5CD47;\n --ds-background-warning-bold-pressed: #F8E6A0;\n --ds-background-success: #143C2B;\n --ds-background-success-hovered: #164B35;\n --ds-background-success-pressed: #216E4E;\n --ds-background-success-bold: #4BCE97;\n --ds-background-success-bold-hovered: #7EE2B8;\n --ds-background-success-bold-pressed: #BAF3DB;\n --ds-background-discovery: #2B2451;\n --ds-background-discovery-hovered: #352C63;\n --ds-background-discovery-pressed: #5E4DB2;\n --ds-background-discovery-bold: #9F8FEF;\n --ds-background-discovery-bold-hovered: #B8ACF6;\n --ds-background-discovery-bold-pressed: #DFD8FD;\n --ds-background-information: #092957;\n --ds-background-information-hovered: #09326C;\n --ds-background-information-pressed: #0055CC;\n --ds-background-information-bold: #579DFF;\n --ds-background-information-bold-hovered: #85B8FF;\n --ds-background-information-bold-pressed: #CCE0FF;\n --ds-blanket: #10121499;\n --ds-blanket-selected: #1D7AFC14;\n --ds-blanket-danger: #E3493514;\n --ds-interaction-hovered: #ffffff33;\n --ds-interaction-pressed: #ffffff5c;\n --ds-skeleton: #A1BDD914;\n --ds-skeleton-subtle: #BCD6F00A;\n --ds-chart-categorical-1: #1D9AAA;\n --ds-chart-categorical-1-hovered: #37B4C3;\n --ds-chart-categorical-2: #B8ACF6;\n --ds-chart-categorical-2-hovered: #DFD8FD;\n --ds-chart-categorical-3: #D97008;\n --ds-chart-categorical-3-hovered: #F18D13;\n --ds-chart-categorical-4: #F797D2;\n --ds-chart-categorical-4-hovered: #FDD0EC;\n --ds-chart-categorical-5: #CCE0FF;\n --ds-chart-categorical-5-hovered: #E9F2FF;\n --ds-chart-categorical-6: #8270DB;\n --ds-chart-categorical-6-hovered: #8F7EE7;\n --ds-chart-categorical-7: #FDD0EC;\n --ds-chart-categorical-7-hovered: #FFECF8;\n --ds-chart-categorical-8: #FEC57B;\n --ds-chart-categorical-8-hovered: #FFE2BD;\n --ds-chart-lime-bold: #82B536;\n --ds-chart-lime-bold-hovered: #94C748;\n --ds-chart-lime-bolder: #94C748;\n --ds-chart-lime-bolder-hovered: #B3DF72;\n --ds-chart-lime-boldest: #B3DF72;\n --ds-chart-lime-boldest-hovered: #D3F1A7;\n --ds-chart-neutral: #738496;\n --ds-chart-neutral-hovered: #8C9BAB;\n --ds-chart-red-bold: #E34935;\n --ds-chart-red-bold-hovered: #EF5C48;\n --ds-chart-red-bolder: #EF5C48;\n --ds-chart-red-bolder-hovered: #F87462;\n --ds-chart-red-boldest: #FF9C8F;\n --ds-chart-red-boldest-hovered: #FFD2CC;\n --ds-chart-orange-bold: #F18D13;\n --ds-chart-orange-bold-hovered: #FAA53D;\n --ds-chart-orange-bolder: #FAA53D;\n --ds-chart-orange-bolder-hovered: #FEC57B;\n --ds-chart-orange-boldest: #FEC57B;\n --ds-chart-orange-boldest-hovered: #FFE2BD;\n --ds-chart-yellow-bold: #CF9F02;\n --ds-chart-yellow-bold-hovered: #E2B203;\n --ds-chart-yellow-bolder: #E2B203;\n --ds-chart-yellow-bolder-hovered: #F5CD47;\n --ds-chart-yellow-boldest: #F5CD47;\n --ds-chart-yellow-boldest-hovered: #F8E6A0;\n --ds-chart-green-bold: #2ABB7F;\n --ds-chart-green-bold-hovered: #4BCE97;\n --ds-chart-green-bolder: #4BCE97;\n --ds-chart-green-bolder-hovered: #7EE2B8;\n --ds-chart-green-boldest: #7EE2B8;\n --ds-chart-green-boldest-hovered: #BAF3DB;\n --ds-chart-teal-bold: #37B4C3;\n --ds-chart-teal-bold-hovered: #60C6D2;\n --ds-chart-teal-bolder: #60C6D2;\n --ds-chart-teal-bolder-hovered: #8BDBE5;\n --ds-chart-teal-boldest: #8BDBE5;\n --ds-chart-teal-boldest-hovered: #C1F0F5;\n --ds-chart-blue-bold: #1D7AFC;\n --ds-chart-blue-bold-hovered: #388BFF;\n --ds-chart-blue-bolder: #388BFF;\n --ds-chart-blue-bolder-hovered: #579DFF;\n --ds-chart-blue-boldest: #85B8FF;\n --ds-chart-blue-boldest-hovered: #CCE0FF;\n --ds-chart-purple-bold: #8270DB;\n --ds-chart-purple-bold-hovered: #8F7EE7;\n --ds-chart-purple-bolder: #8F7EE7;\n --ds-chart-purple-bolder-hovered: #9F8FEF;\n --ds-chart-purple-boldest: #B8ACF6;\n --ds-chart-purple-boldest-hovered: #DFD8FD;\n --ds-chart-magenta-bold: #CD519D;\n --ds-chart-magenta-bold-hovered: #DA62AC;\n --ds-chart-magenta-bolder: #DA62AC;\n --ds-chart-magenta-bolder-hovered: #E774BB;\n --ds-chart-magenta-boldest: #F797D2;\n --ds-chart-magenta-boldest-hovered: #FDD0EC;\n --ds-chart-gray-bold: #738496;\n --ds-chart-gray-bold-hovered: #8C9BAB;\n --ds-chart-gray-bolder: #8C9BAB;\n --ds-chart-gray-bolder-hovered: #9FADBC;\n --ds-chart-gray-boldest: #9FADBC;\n --ds-chart-gray-boldest-hovered: #B6C2CF;\n --ds-chart-brand: #388BFF;\n --ds-chart-brand-hovered: #579DFF;\n --ds-chart-danger: #E34935;\n --ds-chart-danger-hovered: #EF5C48;\n --ds-chart-danger-bold: #FF9C8F;\n --ds-chart-danger-bold-hovered: #FFD2CC;\n --ds-chart-warning: #CF9F02;\n --ds-chart-warning-hovered: #E2B203;\n --ds-chart-warning-bold: #F5CD47;\n --ds-chart-warning-bold-hovered: #F8E6A0;\n --ds-chart-success: #2ABB7F;\n --ds-chart-success-hovered: #4BCE97;\n --ds-chart-success-bold: #7EE2B8;\n --ds-chart-success-bold-hovered: #BAF3DB;\n --ds-chart-discovery: #8270DB;\n --ds-chart-discovery-hovered: #8F7EE7;\n --ds-chart-discovery-bold: #B8ACF6;\n --ds-chart-discovery-bold-hovered: #DFD8FD;\n --ds-chart-information: #1D7AFC;\n --ds-chart-information-hovered: #388BFF;\n --ds-chart-information-bold: #85B8FF;\n --ds-chart-information-bold-hovered: #CCE0FF;\n --ds-surface: #1D2125;\n --ds-surface-hovered: #22272B;\n --ds-surface-pressed: #282E33;\n --ds-surface-overlay: #282E33;\n --ds-surface-overlay-hovered: #2C333A;\n --ds-surface-overlay-pressed: #38414A;\n --ds-surface-raised: #22272B;\n --ds-surface-raised-hovered: #282E33;\n --ds-surface-raised-pressed: #2C333A;\n --ds-surface-sunken: #161A1D;\n --ds-shadow-overflow: 0px 0px 12px #0304048F, 0px 0px 1px #03040480;\n --ds-shadow-overflow-perimeter: #03040480;\n --ds-shadow-overflow-spread: #0304048f;\n --ds-shadow-overlay: 0px 0px 0px 1px #39424a, 0px 8px 12px #0304045C, 0px 0px 1px 1px #03040480;\n --ds-shadow-raised: 0px 0px 0px 1px #00000000, 0px 1px 1px #03040480, 0px 0px 1px #03040480;\n --ds-opacity-disabled: 0.4;\n --ds-opacity-loading: 0.2;\n --ds-UNSAFE-transparent: transparent;\n --ds-elevation-surface-current: #1D2125;\n}\n";
package/dist/esm/artifacts/tokens-raw/atlassian-dark.js CHANGED
@@ -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::339a44f9ab6cef00dfe09a6ef970bd4f>>
3
+ * @codegen <<SignedSource::72b954bf07d3f88c91f182994cf842e8>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  var tokens = [{
@@ -6667,13 +6667,12 @@ var tokens = [{
6667
6667
  "value": [{
6668
6668
  "radius": 0,
6669
6669
  "spread": 1,
6670
- "color": "#BCD6F00A",
6670
+ "color": "#39424a",
6671
6671
  "offset": {
6672
6672
  "x": 0,
6673
6673
  "y": 0
6674
6674
  },
6675
- "opacity": 0.12,
6676
- "inset": true
6675
+ "opacity": 1
6677
6676
  }, {
6678
6677
  "radius": 12,
6679
6678
  "offset": {
@@ -6684,6 +6683,7 @@ var tokens = [{
6684
6683
  "opacity": 0.36
6685
6684
  }, {
6686
6685
  "radius": 1,
6686
+ "spread": 1,
6687
6687
  "offset": {
6688
6688
  "x": 0,
6689
6689
  "y": 0
@@ -6703,13 +6703,12 @@ var tokens = [{
6703
6703
  "value": [{
6704
6704
  "radius": 0,
6705
6705
  "spread": 1,
6706
- "color": "DarkNeutral100A",
6706
+ "color": "#39424a",
6707
6707
  "offset": {
6708
6708
  "x": 0,
6709
6709
  "y": 0
6710
6710
  },
6711
- "opacity": 0.12,
6712
- "inset": true
6711
+ "opacity": 1
6713
6712
  }, {
6714
6713
  "radius": 12,
6715
6714
  "offset": {
@@ -6720,6 +6719,7 @@ var tokens = [{
6720
6719
  "opacity": 0.36
6721
6720
  }, {
6722
6721
  "radius": 1,
6722
+ "spread": 1,
6723
6723
  "offset": {
6724
6724
  "x": 0,
6725
6725
  "y": 0
@@ -6746,8 +6746,7 @@ var tokens = [{
6746
6746
  "x": 0,
6747
6747
  "y": 0
6748
6748
  },
6749
- "opacity": 0,
6750
- "inset": true
6749
+ "opacity": 0
6751
6750
  }, {
6752
6751
  "radius": 1,
6753
6752
  "offset": {
@@ -6782,8 +6781,7 @@ var tokens = [{
6782
6781
  "x": 0,
6783
6782
  "y": 0
6784
6783
  },
6785
- "opacity": 0,
6786
- "inset": true
6784
+ "opacity": 0
6787
6785
  }, {
6788
6786
  "radius": 1,
6789
6787
  "offset": {
package/dist/esm/get-token-value.js CHANGED
@@ -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.16.0";
4
+ var version = "1.17.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.
package/dist/esm/get-token.js CHANGED
@@ -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.16.0";
5
+ var version = "1.17.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.
package/dist/esm/tokens/atlassian-dark/elevation/shadow.js CHANGED
@@ -3,7 +3,7 @@ var shadow = {
3
3
  shadow: {
4
4
  raised: {
5
5
  value: [{
6
- // This inset shadow is just to allow animations between shadow types
6
+ // This shadow is just to allow animations between shadow types
7
7
  radius: 0,
8
8
  spread: 1,
9
9
  // @ts-ignore no current palette colour for this yet
@@ -12,8 +12,7 @@ var shadow = {
12
12
  x: 0,
13
13
  y: 0
14
14
  },
15
- opacity: 0,
16
- inset: true
15
+ opacity: 0
17
16
  }, {
18
17
  radius: 1,
19
18
  offset: {
@@ -71,13 +70,13 @@ var shadow = {
71
70
  value: [{
72
71
  radius: 0,
73
72
  spread: 1,
74
- color: 'DarkNeutral100A',
73
+ // @ts-ignore no current palette colour for this yet
74
+ color: '#39424a',
75
75
  offset: {
76
76
  x: 0,
77
77
  y: 0
78
78
  },
79
- opacity: 0.12,
80
- inset: true
79
+ opacity: 1
81
80
  }, {
82
81
  radius: 12,
83
82
  offset: {
@@ -89,6 +88,7 @@ var shadow = {
89
88
  opacity: 0.36
90
89
  }, {
91
90
  radius: 1,
91
+ spread: 1,
92
92
  offset: {
93
93
  x: 0,
94
94
  y: 0