@atlassian/atlassian-connect-js 5.3.201 → 5.3.203

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 (15) hide show
  1. package/dist/connect-host.js +6 -4
  2. package/dist/iframe-fedramp.js +340 -244
  3. package/dist/iframe.js +340 -244
  4. package/dist/themes/atlaskit-tokens_dark.css +293 -292
  5. package/dist/themes/atlaskit-tokens_legacy-dark.css +1 -0
  6. package/dist/themes/atlaskit-tokens_legacy-light.css +1 -0
  7. package/dist/themes/atlaskit-tokens_light.css +265 -264
  8. package/dist/themes/atlaskit-tokens_shape.css +9 -10
  9. package/dist/themes/atlaskit-tokens_typography-adg3.css +18 -15
  10. package/dist/themes/atlaskit-tokens_typography-modernized.css +18 -15
  11. package/dist/themes/atlaskit-tokens_typography-refreshed.css +18 -15
  12. package/dist/themes/atlaskit-tokens_typography.css +27 -0
  13. package/package.json +2 -2
  14. package/spec/tests/theming_spec.js +13 -11
  15. package/src/host/modules/_featureFlag.js +1 -4
package/dist/themes/atlaskit-tokens_shape.css CHANGED
@@ -1,14 +1,13 @@
1
1
 
2
2
  html[data-theme~="shape:shape"] {
3
- --ds-border-radius-050: 0.125rem;
4
- --ds-border-radius: 0.25rem;
5
- --ds-border-radius-100: 0.25rem;
6
- --ds-border-radius-200: 0.5rem;
7
- --ds-border-radius-300: 0.75rem;
8
- --ds-border-radius-400: 1rem;
9
- --ds-border-radius-circle: 2002rem;
3
+ --ds-radius-xsmall: 0.125rem;
4
+ --ds-radius-small: 0.25rem;
5
+ --ds-radius-medium: 0.375rem;
6
+ --ds-radius-large: 0.5rem;
7
+ --ds-radius-xlarge: 0.75rem;
8
+ --ds-radius-full: 624.9375rem;
9
+ --ds-radius-tile: 25%;
10
10
  --ds-border-width: 0.0625rem;
11
- --ds-border-width-0: 0rem;
12
- --ds-border-width-indicator: 0.1875rem;
13
- --ds-border-width-outline: 0.125rem;
11
+ --ds-border-width-selected: 0.125rem;
12
+ --ds-border-width-focused: 0.125rem;
14
13
  }
package/dist/themes/atlaskit-tokens_typography-adg3.css CHANGED
@@ -1,25 +1,28 @@
1
1
 
2
2
  html[data-theme~="typography:typography-adg3"] {
3
3
  --ds-UNSAFE-textTransformUppercase: uppercase;
4
- --ds-font-heading-xxlarge: normal 500 2.1875rem/2.5rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
5
- --ds-font-heading-xlarge: normal 600 1.8125rem/2rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
6
- --ds-font-heading-large: normal 500 1.5rem/1.75rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
7
- --ds-font-heading-medium: normal 500 1.25rem/1.5rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
8
- --ds-font-heading-small: normal 600 1rem/1.25rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
9
- --ds-font-heading-xsmall: normal 600 0.875rem/1rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
10
- --ds-font-heading-xxsmall: normal 600 0.75rem/1rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
11
- --ds-font-body-large: normal 400 1rem/1.5rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
12
- --ds-font-body: normal 400 0.875rem/1.25rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
13
- --ds-font-body-small: normal 400 0.6875rem/1rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
14
- --ds-font-body-UNSAFE_small: normal 400 0.75rem/1rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
4
+ --ds-font-heading-xxlarge: normal 500 2.1875rem/2.5rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
5
+ --ds-font-heading-xlarge: normal 600 1.8125rem/2rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
6
+ --ds-font-heading-large: normal 500 1.5rem/1.75rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
7
+ --ds-font-heading-medium: normal 500 1.25rem/1.5rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
8
+ --ds-font-heading-small: normal 600 1rem/1.25rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
9
+ --ds-font-heading-xsmall: normal 600 0.875rem/1rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
10
+ --ds-font-heading-xxsmall: normal 600 0.75rem/1rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
11
+ --ds-font-body-large: normal 400 1rem/1.5rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
12
+ --ds-font-body: normal 400 0.875rem/1.25rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
13
+ --ds-font-body-small: normal 400 0.6875rem/1rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
14
+ --ds-font-body-UNSAFE_small: normal 400 0.75rem/1rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
15
+ --ds-font-metric-large: normal 653 1.75rem/2rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
16
+ --ds-font-metric-medium: normal 653 1.5rem/1.75rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
17
+ --ds-font-metric-small: normal 653 1rem/1.25rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
15
18
  --ds-font-code: normal 400 0.875em/1 ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace;
16
19
  --ds-font-weight-regular: 400;
17
20
  --ds-font-weight-medium: 500;
18
21
  --ds-font-weight-semibold: 600;
19
22
  --ds-font-weight-bold: 700;
20
- --ds-font-family-heading: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
21
- --ds-font-family-body: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
23
+ --ds-font-family-heading: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
24
+ --ds-font-family-body: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
22
25
  --ds-font-family-code: ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace;
23
- --ds-font-family-brand-heading: "Charlie Display", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
24
- --ds-font-family-brand-body: "Charlie Text", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
26
+ --ds-font-family-brand-heading: "Charlie Display", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
27
+ --ds-font-family-brand-body: "Charlie Text", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
25
28
  }
package/dist/themes/atlaskit-tokens_typography-modernized.css CHANGED
@@ -1,25 +1,28 @@
1
1
 
2
2
  html[data-theme~="typography:typography-modernized"] {
3
3
  --ds-UNSAFE-textTransformUppercase: uppercase;
4
- --ds-font-heading-xxlarge: normal 653 2rem/2.25rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
5
- --ds-font-heading-xlarge: normal 653 1.75rem/2rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
6
- --ds-font-heading-large: normal 653 1.5rem/1.75rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
7
- --ds-font-heading-medium: normal 653 1.25rem/1.5rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
8
- --ds-font-heading-small: normal 653 1rem/1.25rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
9
- --ds-font-heading-xsmall: normal 653 0.875rem/1.25rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
10
- --ds-font-heading-xxsmall: normal 653 0.75rem/1rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
11
- --ds-font-body-large: normal 400 1rem/1.5rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
12
- --ds-font-body: normal 400 0.875rem/1.25rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
13
- --ds-font-body-small: normal 400 0.75rem/1rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
14
- --ds-font-body-UNSAFE_small: normal 400 0.75rem/1rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
4
+ --ds-font-heading-xxlarge: normal 653 2rem/2.25rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
5
+ --ds-font-heading-xlarge: normal 653 1.75rem/2rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
6
+ --ds-font-heading-large: normal 653 1.5rem/1.75rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
7
+ --ds-font-heading-medium: normal 653 1.25rem/1.5rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
8
+ --ds-font-heading-small: normal 653 1rem/1.25rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
9
+ --ds-font-heading-xsmall: normal 653 0.875rem/1.25rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
10
+ --ds-font-heading-xxsmall: normal 653 0.75rem/1rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
11
+ --ds-font-body-large: normal 400 1rem/1.5rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
12
+ --ds-font-body: normal 400 0.875rem/1.25rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
13
+ --ds-font-body-small: normal 400 0.75rem/1rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
14
+ --ds-font-body-UNSAFE_small: normal 400 0.75rem/1rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
15
+ --ds-font-metric-large: normal 653 1.75rem/2rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
16
+ --ds-font-metric-medium: normal 653 1.5rem/1.75rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
17
+ --ds-font-metric-small: normal 653 1rem/1.25rem ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
15
18
  --ds-font-code: normal 400 0.875em/1 ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace;
16
19
  --ds-font-weight-regular: 400;
17
20
  --ds-font-weight-medium: 500;
18
21
  --ds-font-weight-semibold: 600;
19
22
  --ds-font-weight-bold: 653;
20
- --ds-font-family-heading: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
21
- --ds-font-family-body: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
23
+ --ds-font-family-heading: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
24
+ --ds-font-family-body: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
22
25
  --ds-font-family-code: ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace;
23
- --ds-font-family-brand-heading: "Charlie Display", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
24
- --ds-font-family-brand-body: "Charlie Text", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
26
+ --ds-font-family-brand-heading: "Charlie Display", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
27
+ --ds-font-family-brand-body: "Charlie Text", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
25
28
  }
package/dist/themes/atlaskit-tokens_typography-refreshed.css CHANGED
@@ -1,25 +1,28 @@
1
1
 
2
2
  html[data-theme~="typography:typography-refreshed"] {
3
3
  --ds-UNSAFE-textTransformUppercase: uppercase;
4
- --ds-font-heading-xxlarge: normal 653 2rem/2.25rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
5
- --ds-font-heading-xlarge: normal 653 1.75rem/2rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
6
- --ds-font-heading-large: normal 653 1.5rem/1.75rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
7
- --ds-font-heading-medium: normal 653 1.25rem/1.5rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
8
- --ds-font-heading-small: normal 653 1rem/1.25rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
9
- --ds-font-heading-xsmall: normal 653 0.875rem/1.25rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
10
- --ds-font-heading-xxsmall: normal 653 0.75rem/1rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
11
- --ds-font-body-large: normal 400 1rem/1.5rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
12
- --ds-font-body: normal 400 0.875rem/1.25rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
13
- --ds-font-body-small: normal 400 0.75rem/1rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
14
- --ds-font-body-UNSAFE_small: normal 400 0.75rem/1rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
4
+ --ds-font-heading-xxlarge: normal 653 2rem/2.25rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
5
+ --ds-font-heading-xlarge: normal 653 1.75rem/2rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
6
+ --ds-font-heading-large: normal 653 1.5rem/1.75rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
7
+ --ds-font-heading-medium: normal 653 1.25rem/1.5rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
8
+ --ds-font-heading-small: normal 653 1rem/1.25rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
9
+ --ds-font-heading-xsmall: normal 653 0.875rem/1.25rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
10
+ --ds-font-heading-xxsmall: normal 653 0.75rem/1rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
11
+ --ds-font-body-large: normal 400 1rem/1.5rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
12
+ --ds-font-body: normal 400 0.875rem/1.25rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
13
+ --ds-font-body-small: normal 400 0.75rem/1rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
14
+ --ds-font-body-UNSAFE_small: normal 400 0.75rem/1rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
15
+ --ds-font-metric-large: normal 653 1.75rem/2rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
16
+ --ds-font-metric-medium: normal 653 1.5rem/1.75rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
17
+ --ds-font-metric-small: normal 653 1rem/1.25rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
15
18
  --ds-font-code: normal 400 0.875em/1 "Atlassian Mono", ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace;
16
19
  --ds-font-weight-regular: 400;
17
20
  --ds-font-weight-medium: 500;
18
21
  --ds-font-weight-semibold: 600;
19
22
  --ds-font-weight-bold: 653;
20
- --ds-font-family-heading: "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
21
- --ds-font-family-body: "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
23
+ --ds-font-family-heading: "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
24
+ --ds-font-family-body: "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
22
25
  --ds-font-family-code: "Atlassian Mono", ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace;
23
- --ds-font-family-brand-heading: "Charlie Display", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
24
- --ds-font-family-brand-body: "Charlie Text", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
26
+ --ds-font-family-brand-heading: "Charlie Display", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
27
+ --ds-font-family-brand-body: "Charlie Text", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
25
28
  }
package/dist/themes/atlaskit-tokens_typography.css ADDED
@@ -0,0 +1,27 @@
1
+
2
+ html[data-theme~="typography:typography"] {
3
+ --ds-font-heading-xxlarge: normal 653 2rem/2.25rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
4
+ --ds-font-heading-xlarge: normal 653 1.75rem/2rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
5
+ --ds-font-heading-large: normal 653 1.5rem/1.75rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
6
+ --ds-font-heading-medium: normal 653 1.25rem/1.5rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
7
+ --ds-font-heading-small: normal 653 1rem/1.25rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
8
+ --ds-font-heading-xsmall: normal 653 0.875rem/1.25rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
9
+ --ds-font-heading-xxsmall: normal 653 0.75rem/1rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
10
+ --ds-font-body-large: normal 400 1rem/1.5rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
11
+ --ds-font-body: normal 400 0.875rem/1.25rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
12
+ --ds-font-body-small: normal 400 0.75rem/1rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
13
+ --ds-font-body-UNSAFE_small: normal 400 0.75rem/1rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
14
+ --ds-font-metric-large: normal 653 1.75rem/2rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
15
+ --ds-font-metric-medium: normal 653 1.5rem/1.75rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
16
+ --ds-font-metric-small: normal 653 1rem/1.25rem "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
17
+ --ds-font-code: normal 400 0.875em/1 "Atlassian Mono", ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace;
18
+ --ds-font-weight-regular: 400;
19
+ --ds-font-weight-medium: 500;
20
+ --ds-font-weight-semibold: 600;
21
+ --ds-font-weight-bold: 653;
22
+ --ds-font-family-heading: "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
23
+ --ds-font-family-body: "Atlassian Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
24
+ --ds-font-family-code: "Atlassian Mono", ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace;
25
+ --ds-font-family-brand-heading: "Charlie Display", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
26
+ --ds-font-family-brand-body: "Charlie Text", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
27
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlassian/atlassian-connect-js",
3
- "version": "5.3.201",
3
+ "version": "5.3.203",
4
4
  "license": "Apache-2.0",
5
5
  "description": "Atlassian Connect JavaScript bridge",
6
6
  "main": "dist/connect-host.js",
@@ -85,7 +85,7 @@
85
85
  "@atlaskit/simple-xdm": "^1.0.4",
86
86
  "@atlaskit/feature-gate-js-client": "4.23.4",
87
87
  "@atlaskit/platform-feature-flags": "1.0.0",
88
- "@atlaskit/tokens": "4.2.0",
88
+ "@atlaskit/tokens": "8.0.0",
89
89
  "base64-js": "1.3.0",
90
90
  "query-string": "7.1.3",
91
91
  "web-vitals": "^4.2.4"
package/spec/tests/theming_spec.js CHANGED
@@ -13,6 +13,7 @@ const lightTheme = {
13
13
  light: 'light',
14
14
  spacing: 'spacing',
15
15
  colorMode: 'light',
16
+ typography: 'typography',
16
17
  };
17
18
 
18
19
  const darkTheme = {
@@ -20,6 +21,7 @@ const darkTheme = {
20
21
  light: 'light',
21
22
  spacing: 'spacing',
22
23
  colorMode: 'dark',
24
+ typography: 'typography',
23
25
  };
24
26
 
25
27
  function getFakeCallback(extensionId) {
@@ -241,7 +243,7 @@ describe('theming module', () => {
241
243
  await ThemingPlugin.onThemeInitialized({ initialTheme });
242
244
 
243
245
  expect(document.documentElement.dataset.theme).toBe(
244
- 'dark:dark light:light spacing:spacing'
246
+ 'dark:dark light:light spacing:spacing typography:typography'
245
247
  );
246
248
  expect(document.documentElement.getAttribute('data-color-mode')).toBe(
247
249
  'light'
@@ -255,7 +257,7 @@ describe('theming module', () => {
255
257
  await ThemingPlugin.onThemeInitialized({ initialTheme });
256
258
 
257
259
  expect(document.documentElement.dataset.theme).toBe(
258
- 'dark:dark light:light spacing:spacing'
260
+ 'dark:dark light:light spacing:spacing typography:typography'
259
261
  );
260
262
  expect(document.documentElement.getAttribute('data-color-mode')).toBe(
261
263
  'light'
@@ -266,7 +268,7 @@ describe('theming module', () => {
266
268
  await ThemingPlugin.onThemeChanged({ newTheme });
267
269
 
268
270
  expect(document.documentElement.dataset.theme).toBe(
269
- 'dark:dark light:light spacing:spacing'
271
+ 'dark:dark light:light spacing:spacing typography:typography'
270
272
  );
271
273
  expect(document.documentElement.getAttribute('data-color-mode')).toBe(
272
274
  'dark'
@@ -280,7 +282,7 @@ describe('theming module', () => {
280
282
  await ThemingPlugin.onThemeInitialized({ initialTheme });
281
283
 
282
284
  expect(document.documentElement.dataset.theme).toBe(
283
- 'dark:dark light:light spacing:spacing'
285
+ 'dark:dark light:light spacing:spacing typography:typography'
284
286
  );
285
287
  expect(document.documentElement.getAttribute('data-color-mode')).toBe(
286
288
  'light'
@@ -329,7 +331,7 @@ describe('theming module', () => {
329
331
  await ThemingPlugin.onThemeInitialized({ initialTheme, forceNoCleanup: true });
330
332
 
331
333
  expect(document.documentElement.dataset.theme).toBe(
332
- 'dark:dark light:light spacing:spacing'
334
+ 'dark:dark light:light spacing:spacing typography:typography'
333
335
  );
334
336
  expect(document.documentElement.getAttribute('data-color-mode')).toBe(
335
337
  'light'
@@ -347,7 +349,7 @@ describe('theming module', () => {
347
349
  });
348
350
 
349
351
  expect(document.documentElement.dataset.theme).toBe(
350
- 'dark:dark light:light spacing:spacing'
352
+ 'dark:dark light:light spacing:spacing typography:typography'
351
353
  );
352
354
  expect(document.documentElement.getAttribute('data-color-mode')).toBe(
353
355
  'light'
@@ -358,7 +360,7 @@ describe('theming module', () => {
358
360
  await ThemingPlugin.onThemeChanged({ newTheme });
359
361
 
360
362
  expect(document.documentElement.dataset.theme).toBe(
361
- 'dark:dark light:light spacing:spacing'
363
+ 'dark:dark light:light spacing:spacing typography:typography'
362
364
  );
363
365
  expect(document.documentElement.getAttribute('data-color-mode')).toBe(
364
366
  'light'
@@ -381,7 +383,7 @@ describe('theming module', () => {
381
383
  document.querySelectorAll('link[data-theme="light"]').length
382
384
  ).toEqual(1);
383
385
  expect(document.documentElement.dataset.theme).toBe(
384
- 'dark:dark light:light spacing:spacing'
386
+ 'dark:dark light:light spacing:spacing typography:typography'
385
387
  );
386
388
  expect(document.documentElement.getAttribute('data-color-mode')).toBe(
387
389
  'light'
@@ -402,7 +404,7 @@ describe('theming module', () => {
402
404
  document.querySelectorAll('link[data-theme="light"]').length
403
405
  ).toEqual(1);
404
406
  expect(document.documentElement.dataset.theme).toBe(
405
- 'dark:dark light:light spacing:spacing'
407
+ 'dark:dark light:light spacing:spacing typography:typography'
406
408
  );
407
409
  expect(document.documentElement.getAttribute('data-color-mode')).toBe(
408
410
  'light'
@@ -419,7 +421,7 @@ describe('theming module', () => {
419
421
  document.querySelectorAll('link[data-theme="dark"]').length
420
422
  ).toEqual(1);
421
423
  expect(document.documentElement.dataset.theme).toBe(
422
- 'dark:dark light:light spacing:spacing'
424
+ 'dark:dark light:light spacing:spacing typography:typography'
423
425
  );
424
426
  expect(document.documentElement.getAttribute('data-color-mode')).toBe(
425
427
  'dark'
@@ -440,7 +442,7 @@ describe('theming module', () => {
440
442
  document.querySelectorAll('link[data-theme="light"]').length
441
443
  ).toEqual(1);
442
444
  expect(document.documentElement.dataset.theme).toBe(
443
- 'dark:dark light:light spacing:spacing'
445
+ 'dark:dark light:light spacing:spacing typography:typography'
444
446
  );
445
447
  expect(document.documentElement.getAttribute('data-color-mode')).toBe(
446
448
  'light'
package/src/host/modules/_featureFlag.js CHANGED
@@ -2,10 +2,7 @@ import simpleXDM from '@atlaskit/simple-xdm/dist/es2019/host';
2
2
  import getBooleanFeatureFlag from '../utils/feature-flag';
3
3
  import { fg } from '@atlaskit/platform-feature-flags';
4
4
 
5
- const allowedPlatformFeatureFlags = [
6
- 'platform-visual-refresh-icons',
7
- 'acjs_new_font'
8
- ]
5
+ const allowedPlatformFeatureFlags = ['platform-visual-refresh-icons'];
9
6
 
10
7
  function isPlatformAllowedFeatureFlag(flagName) {
11
8
  return allowedPlatformFeatureFlags.includes(flagName);