@atlaskit/primitives 5.3.0 → 5.5.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/primitives
 
+## 5.5.0
+
+### Minor Changes
+
+- [#86439](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/86439) [`43cd9551f332`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/43cd9551f332) - Removed deprecated `textAlign` prop from Text primitive component
+
+## 5.4.0
+
+### Minor Changes
+
+- [#85745](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/85745) [`0e9c8c15ef86`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/0e9c8c15ef86) - Extends XCSS selector types to allow up to two CSS psuedos to be used in combination. For example: `:visited:hover {}`.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 5.3.0
 
 ### Minor Changes

package/dist/cjs/components/anchor.js

@@ -76,7 +76,7 @@ var Anchor = function Anchor(_ref, ref) {
     action: 'clicked',
     componentName: componentName || 'Anchor',
     packageName: "@atlaskit/primitives",
-    packageVersion: "5.3.0",
+    packageVersion: "5.5.0",
     analyticsData: analyticsContext,
     actionSubject: 'link'
   });

package/dist/cjs/components/pressable.js

@@ -80,7 +80,7 @@ var UNSAFE_PRESSABLE = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref)
     action: 'clicked',
     componentName: componentName || 'Pressable',
     packageName: "@atlaskit/primitives",
-    packageVersion: "5.3.0",
+    packageVersion: "5.5.0",
     analyticsData: analyticsContext,
     actionSubject: 'button'
   });

package/dist/cjs/components/text.js

@@ -86,9 +86,7 @@ var Text = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var _ref$as = _ref.as,
     Component = _ref$as === void 0 ? 'span' : _ref$as,
     colorProp = _ref.color,
-    textAlign = _ref.textAlign,
-    _ref$align = _ref.align,
-    align = _ref$align === void 0 ? textAlign : _ref$align,
+    align = _ref.align,
     testId = _ref.testId,
     id = _ref.id,
     _ref$size = _ref.size,

package/dist/cjs/xcss/style-maps.partial.js

@@ -73,10 +73,10 @@ var allSpaceMap = exports.allSpaceMap = _objectSpread(_objectSpread({}, positive
 
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::fcf1cfc01cda3c278e69b0b564c7746d>>
+ * @codegen <<SignedSource::7e2103695ffbc3573276b7ef3408c91b>>
  * @codegenId inverse-colors
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f1021f8d47ab63374e371ce18db72a1c>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::eface03157c2df5c1b3b305911d3ed4d>>
  */
 var inverseColorMap = exports.inverseColorMap = {
   'color.background.neutral.bold': 'color.text.inverse',
@@ -114,11 +114,11 @@ var inverseColorMap = exports.inverseColorMap = {
 
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::8c10abde8168de6260b5aa120dd948bc>>
+ * @codegen <<SignedSource::b219b05d38339a7cd427cbf5de4ad327>>
  * @codegenId elevation
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenParams ["opacity", "shadow", "surface"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f1021f8d47ab63374e371ce18db72a1c>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::eface03157c2df5c1b3b305911d3ed4d>>
  */
 var opacityMap = exports.opacityMap = {
   'opacity.disabled': "var(--ds-opacity-disabled, 0.4)",
@@ -149,11 +149,11 @@ var surfaceColorMap = exports.surfaceColorMap = {
 
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::0f7982208166d5dae0e25517d29aeaef>>
+ * @codegen <<SignedSource::75cecbb153ddd5bdd2cb0c5e9a07107d>>
  * @codegenId colors
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenParams ["border", "background", "text", "fill"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f1021f8d47ab63374e371ce18db72a1c>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::eface03157c2df5c1b3b305911d3ed4d>>
  */
 var borderColorMap = exports.borderColorMap = {
   'color.border': "var(--ds-border, #091e4221)",
@@ -413,7 +413,8 @@ var textColorMap = exports.textColorMap = {
   'color.text.subtle': "var(--ds-text-subtle, #42526E)",
   'color.link': "var(--ds-link, #0052CC)",
   'color.link.pressed': "var(--ds-link-pressed, #0747A6)",
-  'color.link.visited': "var(--ds-link-visited, #403294)"
+  'color.link.visited': "var(--ds-link-visited, #403294)",
+  'color.link.visited.pressed': "var(--ds-link-visited-pressed, #403294)"
 };
 var fillMap = exports.fillMap = {
   'color.icon': "var(--ds-icon, #505F79)",

package/dist/cjs/xcss/xcss.js

@@ -212,6 +212,8 @@ var parseXcss = exports.parseXcss = function parseXcss(args) {
 
 // Media queries should not contain nested media queries
 
+// Allow chained pseudos, e.g. `:visited:hover`
+
 // Pseudos should not contain nested pseudos, or media queries
 
 /**

package/dist/es2019/components/anchor.js

@@ -62,7 +62,7 @@ const Anchor = ({
     action: 'clicked',
     componentName: componentName || 'Anchor',
     packageName: "@atlaskit/primitives",
-    packageVersion: "5.3.0",
+    packageVersion: "5.5.0",
     analyticsData: analyticsContext,
     actionSubject: 'link'
   });

package/dist/es2019/components/pressable.js

@@ -66,7 +66,7 @@ const UNSAFE_PRESSABLE = /*#__PURE__*/forwardRef(({
     action: 'clicked',
     componentName: componentName || 'Pressable',
     packageName: "@atlaskit/primitives",
-    packageVersion: "5.3.0",
+    packageVersion: "5.5.0",
     analyticsData: analyticsContext,
     actionSubject: 'button'
   });

package/dist/es2019/components/text.js

@@ -75,8 +75,7 @@ const useColor = (colorProp, hasTextAncestor) => {
 const Text = /*#__PURE__*/forwardRef(({
   as: Component = 'span',
   color: colorProp,
-  textAlign,
-  align = textAlign,
+  align,
   testId,
   id,
   size = 'medium',

package/dist/es2019/xcss/style-maps.partial.js

@@ -67,10 +67,10 @@ export const allSpaceMap = {
 
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::fcf1cfc01cda3c278e69b0b564c7746d>>
+ * @codegen <<SignedSource::7e2103695ffbc3573276b7ef3408c91b>>
  * @codegenId inverse-colors
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f1021f8d47ab63374e371ce18db72a1c>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::eface03157c2df5c1b3b305911d3ed4d>>
  */
 export const inverseColorMap = {
   'color.background.neutral.bold': 'color.text.inverse',
@@ -108,11 +108,11 @@ export const inverseColorMap = {
 
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::8c10abde8168de6260b5aa120dd948bc>>
+ * @codegen <<SignedSource::b219b05d38339a7cd427cbf5de4ad327>>
  * @codegenId elevation
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenParams ["opacity", "shadow", "surface"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f1021f8d47ab63374e371ce18db72a1c>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::eface03157c2df5c1b3b305911d3ed4d>>
  */
 export const opacityMap = {
   'opacity.disabled': "var(--ds-opacity-disabled, 0.4)",
@@ -143,11 +143,11 @@ export const surfaceColorMap = {
 
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::0f7982208166d5dae0e25517d29aeaef>>
+ * @codegen <<SignedSource::75cecbb153ddd5bdd2cb0c5e9a07107d>>
  * @codegenId colors
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenParams ["border", "background", "text", "fill"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f1021f8d47ab63374e371ce18db72a1c>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::eface03157c2df5c1b3b305911d3ed4d>>
  */
 export const borderColorMap = {
   'color.border': "var(--ds-border, #091e4221)",
@@ -407,7 +407,8 @@ export const textColorMap = {
   'color.text.subtle': "var(--ds-text-subtle, #42526E)",
   'color.link': "var(--ds-link, #0052CC)",
   'color.link.pressed': "var(--ds-link-pressed, #0747A6)",
-  'color.link.visited': "var(--ds-link-visited, #403294)"
+  'color.link.visited': "var(--ds-link-visited, #403294)",
+  'color.link.visited.pressed': "var(--ds-link-visited-pressed, #403294)"
 };
 export const fillMap = {
   'color.icon': "var(--ds-icon, #505F79)",

package/dist/es2019/xcss/xcss.js

@@ -190,6 +190,8 @@ export const parseXcss = args => {
 
 // Media queries should not contain nested media queries
 
+// Allow chained pseudos, e.g. `:visited:hover`
+
 // Pseudos should not contain nested pseudos, or media queries
 
 /**

package/dist/esm/components/anchor.js

@@ -66,7 +66,7 @@ var Anchor = function Anchor(_ref, ref) {
     action: 'clicked',
     componentName: componentName || 'Anchor',
     packageName: "@atlaskit/primitives",
-    packageVersion: "5.3.0",
+    packageVersion: "5.5.0",
     analyticsData: analyticsContext,
     actionSubject: 'link'
   });

package/dist/esm/components/pressable.js

@@ -70,7 +70,7 @@ var UNSAFE_PRESSABLE = /*#__PURE__*/forwardRef(function (_ref, ref) {
     action: 'clicked',
     componentName: componentName || 'Pressable',
     packageName: "@atlaskit/primitives",
-    packageVersion: "5.3.0",
+    packageVersion: "5.5.0",
     analyticsData: analyticsContext,
     actionSubject: 'button'
   });

package/dist/esm/components/text.js

@@ -78,9 +78,7 @@ var Text = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _ref$as = _ref.as,
     Component = _ref$as === void 0 ? 'span' : _ref$as,
     colorProp = _ref.color,
-    textAlign = _ref.textAlign,
-    _ref$align = _ref.align,
-    align = _ref$align === void 0 ? textAlign : _ref$align,
+    align = _ref.align,
     testId = _ref.testId,
     id = _ref.id,
     _ref$size = _ref.size,

package/dist/esm/xcss/style-maps.partial.js

@@ -67,10 +67,10 @@ export var allSpaceMap = _objectSpread(_objectSpread({}, positiveSpaceMap), nega
 
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::fcf1cfc01cda3c278e69b0b564c7746d>>
+ * @codegen <<SignedSource::7e2103695ffbc3573276b7ef3408c91b>>
  * @codegenId inverse-colors
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f1021f8d47ab63374e371ce18db72a1c>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::eface03157c2df5c1b3b305911d3ed4d>>
  */
 export var inverseColorMap = {
   'color.background.neutral.bold': 'color.text.inverse',
@@ -108,11 +108,11 @@ export var inverseColorMap = {
 
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::8c10abde8168de6260b5aa120dd948bc>>
+ * @codegen <<SignedSource::b219b05d38339a7cd427cbf5de4ad327>>
  * @codegenId elevation
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenParams ["opacity", "shadow", "surface"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f1021f8d47ab63374e371ce18db72a1c>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::eface03157c2df5c1b3b305911d3ed4d>>
  */
 export var opacityMap = {
   'opacity.disabled': "var(--ds-opacity-disabled, 0.4)",
@@ -143,11 +143,11 @@ export var surfaceColorMap = {
 
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::0f7982208166d5dae0e25517d29aeaef>>
+ * @codegen <<SignedSource::75cecbb153ddd5bdd2cb0c5e9a07107d>>
  * @codegenId colors
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenParams ["border", "background", "text", "fill"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f1021f8d47ab63374e371ce18db72a1c>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::eface03157c2df5c1b3b305911d3ed4d>>
  */
 export var borderColorMap = {
   'color.border': "var(--ds-border, #091e4221)",
@@ -407,7 +407,8 @@ export var textColorMap = {
   'color.text.subtle': "var(--ds-text-subtle, #42526E)",
   'color.link': "var(--ds-link, #0052CC)",
   'color.link.pressed': "var(--ds-link-pressed, #0747A6)",
-  'color.link.visited': "var(--ds-link-visited, #403294)"
+  'color.link.visited': "var(--ds-link-visited, #403294)",
+  'color.link.visited.pressed': "var(--ds-link-visited-pressed, #403294)"
 };
 export var fillMap = {
   'color.icon': "var(--ds-icon, #505F79)",

package/dist/esm/xcss/xcss.js

@@ -208,6 +208,8 @@ export var parseXcss = function parseXcss(args) {
 
 // Media queries should not contain nested media queries
 
+// Allow chained pseudos, e.g. `:visited:hover`
+
 // Pseudos should not contain nested pseudos, or media queries
 
 /**

package/dist/types/components/text.d.ts

@@ -29,10 +29,6 @@ type TextPropsBase<T extends ElementType = 'span'> = {
      * When `maxLines={1}`, `wordBreak` defaults to `break-all` to match the behaviour of `text-overflow: ellipsis`.
      */
     maxLines?: number;
-    /**
-     * @deprecated The [HTML `text-align` attribute](https://developer.mozilla.org/en-US/docs/Web/CSS/text-align).
-     */
-    textAlign?: TextAlign;
     /**
      * Text alignment.
      */
@@ -66,5 +62,5 @@ declare const textAlignMap: {
  *
  * @internal
  */
-declare const Text: import("react").ForwardRefExoticComponent<Pick<TextPropsBase<ElementType> & Omit<BasePrimitiveProps, "xcss">, "color" | "maxLines" | "textAlign" | "size" | "weight" | "children" | "as" | "id" | "role" | "align" | "testId" | "data-testid"> & import("react").RefAttributes<any>>;
+declare const Text: import("react").ForwardRefExoticComponent<Pick<TextPropsBase<ElementType> & Omit<BasePrimitiveProps, "xcss">, "color" | "maxLines" | "size" | "weight" | "children" | "as" | "id" | "role" | "align" | "testId" | "data-testid"> & import("react").RefAttributes<any>>;
 export default Text;

package/dist/types/xcss/style-maps.partial.d.ts

@@ -88,10 +88,10 @@ export type AllSpace = keyof typeof allSpaceMap;
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::fcf1cfc01cda3c278e69b0b564c7746d>>
+ * @codegen <<SignedSource::7e2103695ffbc3573276b7ef3408c91b>>
  * @codegenId inverse-colors
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f1021f8d47ab63374e371ce18db72a1c>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::eface03157c2df5c1b3b305911d3ed4d>>
  */
 export declare const inverseColorMap: {
     readonly 'color.background.neutral.bold': "color.text.inverse";
@@ -127,11 +127,11 @@ export declare const inverseColorMap: {
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::8c10abde8168de6260b5aa120dd948bc>>
+ * @codegen <<SignedSource::b219b05d38339a7cd427cbf5de4ad327>>
  * @codegenId elevation
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenParams ["opacity", "shadow", "surface"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f1021f8d47ab63374e371ce18db72a1c>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::eface03157c2df5c1b3b305911d3ed4d>>
  */
 export declare const opacityMap: {
     readonly 'opacity.disabled': "var(--ds-opacity-disabled)";
@@ -164,11 +164,11 @@ export type SurfaceColor = keyof typeof surfaceColorMap;
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::0f7982208166d5dae0e25517d29aeaef>>
+ * @codegen <<SignedSource::75cecbb153ddd5bdd2cb0c5e9a07107d>>
  * @codegenId colors
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenParams ["border", "background", "text", "fill"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f1021f8d47ab63374e371ce18db72a1c>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::eface03157c2df5c1b3b305911d3ed4d>>
  */
 export declare const borderColorMap: {
     readonly 'color.border': "var(--ds-border)";
@@ -431,6 +431,7 @@ export declare const textColorMap: {
     readonly 'color.link': "var(--ds-link)";
     readonly 'color.link.pressed': "var(--ds-link-pressed)";
     readonly 'color.link.visited': "var(--ds-link-visited)";
+    readonly 'color.link.visited.pressed': "var(--ds-link-visited-pressed)";
 };
 export type TextColor = keyof typeof textColorMap;
 export declare const fillMap: {

package/dist/types/xcss/xcss.d.ts

@@ -702,6 +702,7 @@ export declare const tokensMap: {
         readonly 'color.link': "var(--ds-link)";
         readonly 'color.link.pressed': "var(--ds-link-pressed)";
         readonly 'color.link.visited': "var(--ds-link-visited)";
+        readonly 'color.link.visited.pressed': "var(--ds-link-visited-pressed)";
     };
     readonly columnGap: {
         'space.0': "var(--ds-space-0)";
@@ -1642,8 +1643,9 @@ type AllMedia = MediaQuery | '@media screen and (forced-colors: active), screen
 type CSSMediaQueries = {
     [MQ in AllMedia]?: Omit<SafeCSSObject, AllMedia>;
 };
+type ChainedCSSPseudos = `${CSS.Pseudos}${CSS.Pseudos}`;
 type CSSPseudos = {
-    [Pseudo in CSS.Pseudos]?: Omit<SafeCSSObject, CSS.Pseudos | AllMedia>;
+    [Pseudo in CSS.Pseudos | ChainedCSSPseudos]?: Omit<SafeCSSObject, CSS.Pseudos | AllMedia>;
 };
 type AtRulesWithoutMedia = Exclude<CSS.AtRules, '@media'>;
 type CSSAtRules = {

package/dist/types-ts4.5/components/text.d.ts

@@ -34,10 +34,6 @@ type TextPropsBase<T extends ElementType = 'span'> = {
      * When `maxLines={1}`, `wordBreak` defaults to `break-all` to match the behaviour of `text-overflow: ellipsis`.
      */
     maxLines?: number;
-    /**
-     * @deprecated The [HTML `text-align` attribute](https://developer.mozilla.org/en-US/docs/Web/CSS/text-align).
-     */
-    textAlign?: TextAlign;
     /**
      * Text alignment.
      */
@@ -71,5 +67,5 @@ declare const textAlignMap: {
  *
  * @internal
  */
-declare const Text: import("react").ForwardRefExoticComponent<Pick<TextPropsBase<ElementType> & Omit<BasePrimitiveProps, "xcss">, "color" | "maxLines" | "textAlign" | "size" | "weight" | "children" | "as" | "id" | "role" | "align" | "testId" | "data-testid"> & import("react").RefAttributes<any>>;
+declare const Text: import("react").ForwardRefExoticComponent<Pick<TextPropsBase<ElementType> & Omit<BasePrimitiveProps, "xcss">, "color" | "maxLines" | "size" | "weight" | "children" | "as" | "id" | "role" | "align" | "testId" | "data-testid"> & import("react").RefAttributes<any>>;
 export default Text;

package/dist/types-ts4.5/xcss/style-maps.partial.d.ts

@@ -88,10 +88,10 @@ export type AllSpace = keyof typeof allSpaceMap;
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::fcf1cfc01cda3c278e69b0b564c7746d>>
+ * @codegen <<SignedSource::7e2103695ffbc3573276b7ef3408c91b>>
  * @codegenId inverse-colors
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f1021f8d47ab63374e371ce18db72a1c>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::eface03157c2df5c1b3b305911d3ed4d>>
  */
 export declare const inverseColorMap: {
     readonly 'color.background.neutral.bold': "color.text.inverse";
@@ -127,11 +127,11 @@ export declare const inverseColorMap: {
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::8c10abde8168de6260b5aa120dd948bc>>
+ * @codegen <<SignedSource::b219b05d38339a7cd427cbf5de4ad327>>
  * @codegenId elevation
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenParams ["opacity", "shadow", "surface"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f1021f8d47ab63374e371ce18db72a1c>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::eface03157c2df5c1b3b305911d3ed4d>>
  */
 export declare const opacityMap: {
     readonly 'opacity.disabled': "var(--ds-opacity-disabled)";
@@ -164,11 +164,11 @@ export type SurfaceColor = keyof typeof surfaceColorMap;
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::0f7982208166d5dae0e25517d29aeaef>>
+ * @codegen <<SignedSource::75cecbb153ddd5bdd2cb0c5e9a07107d>>
  * @codegenId colors
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenParams ["border", "background", "text", "fill"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f1021f8d47ab63374e371ce18db72a1c>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::eface03157c2df5c1b3b305911d3ed4d>>
  */
 export declare const borderColorMap: {
     readonly 'color.border': "var(--ds-border)";
@@ -431,6 +431,7 @@ export declare const textColorMap: {
     readonly 'color.link': "var(--ds-link)";
     readonly 'color.link.pressed': "var(--ds-link-pressed)";
     readonly 'color.link.visited': "var(--ds-link-visited)";
+    readonly 'color.link.visited.pressed': "var(--ds-link-visited-pressed)";
 };
 export type TextColor = keyof typeof textColorMap;
 export declare const fillMap: {

package/dist/types-ts4.5/xcss/xcss.d.ts

@@ -702,6 +702,7 @@ export declare const tokensMap: {
         readonly 'color.link': "var(--ds-link)";
         readonly 'color.link.pressed': "var(--ds-link-pressed)";
         readonly 'color.link.visited': "var(--ds-link-visited)";
+        readonly 'color.link.visited.pressed': "var(--ds-link-visited-pressed)";
     };
     readonly columnGap: {
         'space.0': "var(--ds-space-0)";
@@ -1642,8 +1643,9 @@ type AllMedia = MediaQuery | '@media screen and (forced-colors: active), screen
 type CSSMediaQueries = {
     [MQ in AllMedia]?: Omit<SafeCSSObject, AllMedia>;
 };
+type ChainedCSSPseudos = `${CSS.Pseudos}${CSS.Pseudos}`;
 type CSSPseudos = {
-    [Pseudo in CSS.Pseudos]?: Omit<SafeCSSObject, CSS.Pseudos | AllMedia>;
+    [Pseudo in CSS.Pseudos | ChainedCSSPseudos]?: Omit<SafeCSSObject, CSS.Pseudos | AllMedia>;
 };
 type AtRulesWithoutMedia = Exclude<CSS.AtRules, '@media'>;
 type CSSAtRules = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/primitives",
-  "version": "5.3.0",
+  "version": "5.5.0",
   "description": "Primitives are token-backed low-level building blocks.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -123,11 +123,11 @@
   },
   "dependencies": {
     "@atlaskit/analytics-next": "^9.2.0",
-    "@atlaskit/app-provider": "^1.0.0",
+    "@atlaskit/app-provider": "^1.1.0",
     "@atlaskit/css": "^0.0.5",
     "@atlaskit/ds-lib": "^2.2.0",
     "@atlaskit/interaction-context": "^2.1.0",
-    "@atlaskit/tokens": "^1.42.0",
+    "@atlaskit/tokens": "^1.43.0",
     "@atlaskit/visually-hidden": "^1.2.4",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",

package/scripts/__tests__/__snapshots__/codegen.test.tsx.snap

@@ -945,6 +945,7 @@ exports[`@atlaskit/primitives text styles are generated correctly 1`] = `
   'color.link': token('color.link', '#0052CC'),
   'color.link.pressed': token('color.link.pressed', '#0747A6'),
   'color.link.visited': token('color.link.visited', '#403294'),
+  'color.link.visited.pressed': token('color.link.visited.pressed', '#403294'),
 } as const;
 
 export type TextColor = keyof typeof textColorMap;