@atlaskit/profilecard 19.14.0 → 19.14.1

package/dist/es2019/styled/Card.js

@@ -8,23 +8,23 @@ import { borderRadius, fontSize, fontSizeSmall, gridSize } from '@atlaskit/theme
 import { appLabelBgColor, appLabelTextColor, bgColor, headerBgColor, headerBgColorDisabledUser, headerTextColor, headerTextColorInactive, labelIconColor, labelTextColor } from './constants';
 const getFullNameMargin = props => props.noMeta ? `${"var(--ds-space-400, 32px)"} 0 ${"var(--ds-space-150, 12px)"} 0` : `${"var(--ds-space-150, 12px)"} 0 0 0`;
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const CardWrapper = styled.div`
-  background-color: ${bgColor};
-  border-radius: ${"var(--ds-border-radius, 3px)"};
-  width: ${gridSize() * 45}px;
+	background-color: ${bgColor};
+	border-radius: ${"var(--ds-border-radius, 3px)"};
+	width: ${gridSize() * 45}px;
 `;
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const ProfileImage = styled.div`
-  position: absolute;
-  top: ${"var(--ds-space-300, 24px)"};
-  left: ${"var(--ds-space-300, 24px)"};
+	position: absolute;
+	top: ${"var(--ds-space-300, 24px)"};
+	left: ${"var(--ds-space-300, 24px)"};
 `;
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const ActionsFlexSpacer = styled.div`
-  flex: 1 0 auto;
+	flex: 1 0 auto;
 `;
 
 // eslint-disable-next-line @atlaskit/design-system/no-keyframes-tagged-template-expression -- needs manual remediation
@@ -33,24 +33,24 @@ const kudosButtonAnimationTransformation = keyframes`
   100% { transform: translate(90px, -70px); }
 `;
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-keyframes -- Ignored via go/DSP-18766
 export const KudosBlobAnimationStyle = styled.div`
-  display: none;
-  height: 150px;
-  width: 150px;
-  z-index: -1;
-  position: absolute;
-  top: ${gridSize() * 4 / fontSize()}em;
-  animation-name: ${kudosButtonAnimationTransformation};
-  animation-iteration-count: 1;
-  animation-duration: 3s;
-  background-image: radial-gradient(
-    circle,
-    ${"var(--ds-background-information-pressed, #85B8FF)"} 0%,
-    ${"var(--ds-background-discovery-pressed, #B8ACF6)"} 25%,
-    transparent 50%
-  );
-  overflow: hidden;
+	display: none;
+	height: 150px;
+	width: 150px;
+	z-index: -1;
+	position: absolute;
+	top: ${gridSize() * 4 / fontSize()}em;
+	animation-name: ${kudosButtonAnimationTransformation};
+	animation-iteration-count: 1;
+	animation-duration: 3s;
+	background-image: radial-gradient(
+		circle,
+		${"var(--ds-background-information-pressed, #85B8FF)"} 0%,
+		${"var(--ds-background-discovery-pressed, #B8ACF6)"} 25%,
+		transparent 50%
+	);
+	overflow: hidden;
 `;
 export const KudosBlobAnimation = props =>
 /*#__PURE__*/
@@ -59,233 +59,232 @@ React.createElement(KudosBlobAnimationStyle, _extends({
   className: "kudos-blob-animation"
 }, props));
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const AnimationWrapper = styled.div`
-  clip-path: inset(0px 0px 0px 0px round ${borderRadius()}px);
-  position: absolute;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  right: 0;
+	clip-path: inset(0px 0px 0px 0px round ${borderRadius()}px);
+	position: absolute;
+	top: 0;
+	left: 0;
+	bottom: 0;
+	right: 0;
 `;
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const AnimatedKudosButton = styled.div`
-  margin-left: ${"var(--ds-space-100, 8px)"};
-
-  /* Need babel-plugin-emotion to use component selector */
-  /* Previously with styled-components: &:hover {KudosBlobAnimation} { */
-  &:focus-within .kudos-blob-animation,
-  &:focus .kudos-blob-animation,
-  &:hover .kudos-blob-animation {
-    display: block;
-  }
+	margin-left: ${"var(--ds-space-100, 8px)"};
+
+	/* Need babel-plugin-emotion to use component selector */
+	/* Previously with styled-components: &:hover {KudosBlobAnimation} { */
+	&:focus-within .kudos-blob-animation,
+	&:focus .kudos-blob-animation,
+	&:hover .kudos-blob-animation {
+		display: block;
+	}
 `;
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const ActionButtonGroup = styled.div`
-  user-select: none;
-  margin: ${"var(--ds-space-200, 16px)"} 0 0 0;
-  text-align: right;
-  display: flex;
-  justify-content: flex-end;
-
-  button,
-  a {
-    position: relative;
-  }
-
-  button,
-  a,
-  span {
-    margin-left: ${"var(--ds-space-100, 8px)"};
-
-    &:first-child {
-      margin-left: ${"var(--ds-space-0, 0px)"};
-    }
-  }
-
-  a,
-  button {
-    &:focus {
-      outline-color: ${`var(--ds-border-focused, ${B200})`};
-      outline-offset: ${"var(--ds-border-width, 2px)"};
-      outline-style: solid;
-      outline-width: ${"var(--ds-border-width, 2px)"};
-    }
-  }
+	user-select: none;
+	margin: ${"var(--ds-space-200, 16px)"} 0 0 0;
+	text-align: right;
+	display: flex;
+	justify-content: flex-end;
+
+	button,
+	a {
+		position: relative;
+	}
+
+	button,
+	a,
+	span {
+		margin-left: ${"var(--ds-space-100, 8px)"};
+
+		&:first-child {
+			margin-left: ${"var(--ds-space-0, 0px)"};
+		}
+	}
+
+	a,
+	button {
+		&:focus {
+			outline-color: ${`var(--ds-border-focused, ${B200})`};
+			outline-offset: ${"var(--ds-border-width, 2px)"};
+			outline-style: solid;
+			outline-width: ${"var(--ds-border-width, 2px)"};
+		}
+	}
 `;
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const OverflowActionButtonsWrapper = styled.div`
-  display: inline-block;
-  width: ${"var(--ds-space-400, 32px)"};
-  height: ${"var(--ds-space-400, 32px)"};
-  margin-left: ${"var(--ds-space-100, 8px)"};
-
-  button {
-    &:focus {
-      outline-color: ${`var(--ds-border-focused, ${B200})`};
-      outline-offset: ${"var(--ds-border-width, 2px)"};
-      outline-style: solid;
-      outline-width: ${"var(--ds-border-width, 2px)"};
-    }
-  }
+	display: inline-block;
+	width: ${"var(--ds-space-400, 32px)"};
+	height: ${"var(--ds-space-400, 32px)"};
+	margin-left: ${"var(--ds-space-100, 8px)"};
+
+	button {
+		&:focus {
+			outline-color: ${`var(--ds-border-focused, ${B200})`};
+			outline-offset: ${"var(--ds-border-width, 2px)"};
+			outline-style: solid;
+			outline-width: ${"var(--ds-border-width, 2px)"};
+		}
+	}
 `;
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const CardContent = styled.div`
-  display: flex;
-  flex-direction: column;
-  min-height: ${gridSize() * 17}px;
+	display: flex;
+	flex-direction: column;
+	min-height: ${gridSize() * 17}px;
 `;
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const DetailsGroup = styled.div`
-  display: flex;
-  flex-direction: column;
-  margin-left: ${gridSize() * 14.5}px;
-  width: ${gridSize() * 24.5}px;
+	display: flex;
+	flex-direction: column;
+	margin-left: ${gridSize() * 14.5}px;
+	width: ${gridSize() * 24.5}px;
 `;
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const DisabledInfo = styled.div`
-  font-size: ${fontSizeSmall()}px;
-  color: ${labelTextColor};
-  margin: ${"var(--ds-space-150, 12px)"} 0 0 0;
-  line-height: 16px;
+	font-size: ${fontSizeSmall()}px;
+	color: ${labelTextColor};
+	margin: ${"var(--ds-space-150, 12px)"} 0 0 0;
+	line-height: 16px;
 `;
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const FullNameLabel = styled.h2`
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-
-  font-size: 18px;
-  font-weight: 400;
-  letter-spacing: normal;
-  color: ${props => props.isDisabledAccount ? headerTextColorInactive : headerTextColor};
-  margin: ${props => getFullNameMargin(props)};
-  line-height: ${24 / 18}em;
-  :first-child {
-    margin: ${props => getFullNameMargin(props)};
-  }
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+
+	font-size: 18px;
+	font-weight: 400;
+	letter-spacing: normal;
+	color: ${props => props.isDisabledAccount ? headerTextColorInactive : headerTextColor};
+	margin: ${props => getFullNameMargin(props)};
+	line-height: ${24 / 18}em;
+	:first-child {
+		margin: ${props => getFullNameMargin(props)};
+	}
 `;
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const LozengeWrapper = styled.div`
-  margin-top: ${"var(--ds-space-200, 16px)"};
-  text-transform: uppercase;
-  display: block;
+	margin-top: ${"var(--ds-space-200, 16px)"};
+	text-transform: uppercase;
+	display: block;
 `;
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const CustomLozengeContainer = styled(LozengeWrapper)`
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-  justify-content: flex-start;
-  margin-top: ${"var(--ds-space-150, 12px)"};
-  > * {
-    margin-top: ${"var(--ds-space-050, 4px)"};
-    &:not(:last-child) {
-      margin-right: ${"var(--ds-space-050, 4px)"};
-    }
-  }
+	display: flex;
+	flex-direction: row;
+	flex-wrap: wrap;
+	justify-content: flex-start;
+	margin-top: ${"var(--ds-space-150, 12px)"};
+	> * {
+		margin-top: ${"var(--ds-space-050, 4px)"};
+		&:not(:last-child) {
+			margin-right: ${"var(--ds-space-050, 4px)"};
+		}
+	}
 `;
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const JobTitleLabel = styled.span`
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-
-  font-size: 14px;
-  color: ${headerTextColor};
-  margin: 0 0 ${"var(--ds-space-150, 12px)"} 0;
-  line-height: ${24 / 14}em;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+
+	font-size: 14px;
+	color: ${headerTextColor};
+	margin: 0 0 ${"var(--ds-space-150, 12px)"} 0;
+	line-height: ${24 / 14}em;
 `;
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const AppTitleLabel = styled.span`
-  background: ${appLabelBgColor};
-  color: ${appLabelTextColor};
-  border-radius: ${borderRadius()};
-  padding: 0 ${"var(--ds-space-075, 6px)"};
-  width: fit-content;
-  font-weight: bold;
-  text-transform: uppercase;
-
-  font-size: 12px;
-  margin: ${"var(--ds-space-050, 4px)"} 0 ${"var(--ds-space-150, 12px)"} 0;
-  line-height: ${24 / 14}em;
+	background: ${appLabelBgColor};
+	color: ${appLabelTextColor};
+	border-radius: ${borderRadius()};
+	padding: 0 ${"var(--ds-space-075, 6px)"};
+	width: fit-content;
+	font-weight: bold;
+	text-transform: uppercase;
+
+	font-size: 12px;
+	margin: ${"var(--ds-space-050, 4px)"} 0 ${"var(--ds-space-150, 12px)"} 0;
+	line-height: ${24 / 14}em;
 `;
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const SpinnerContainer = styled.div`
-  align-items: center;
-  display: flex;
-  height: ${gridSize() * 12}px;
-  justify-content: center;
-  position: relative;
+	align-items: center;
+	display: flex;
+	height: ${gridSize() * 12}px;
+	justify-content: center;
+	position: relative;
 `;
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const CardContainer = styled.div`
-  position: relative;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  background-image: linear-gradient(
-    to bottom,
-    ${props => props.isDisabledUser ? headerBgColorDisabledUser : headerBgColor}
-      0%,
-    ${props => props.isDisabledUser ? headerBgColorDisabledUser : headerBgColor}
-      100%
-  );
-  background-repeat: no-repeat;
-  background-size: 100% ${gridSize() * 12}px;
-  box-sizing: content-box;
-  padding: ${"var(--ds-space-300, 24px)"};
-  box-shadow: ${props => props.withoutElevation ? '' : `${`var(--ds-shadow-overlay, ${`0 4px 8px -2px ${N50A}, 0 0 1px ${N60A}`})`}`};
-  border-radius: ${props => props.withoutElevation ? '' : `${borderRadius()}px`};
-
-  overflow: hidden;
+	position: relative;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	background-image: linear-gradient(
+		to bottom,
+		${props => props.isDisabledUser ? headerBgColorDisabledUser : headerBgColor}
+			0%,
+		${props => props.isDisabledUser ? headerBgColorDisabledUser : headerBgColor} 100%
+	);
+	background-repeat: no-repeat;
+	background-size: 100% ${gridSize() * 12}px;
+	box-sizing: content-box;
+	padding: ${"var(--ds-space-300, 24px)"};
+	box-shadow: ${props => props.withoutElevation ? '' : `${`var(--ds-shadow-overlay, ${`0 4px 8px -2px ${N50A}, 0 0 1px ${N60A}`})`}`};
+	border-radius: ${props => props.withoutElevation ? '' : `${borderRadius()}px`};
+
+	overflow: hidden;
 `;
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const DetailsLabel = styled.div`
-  display: flex;
-  align-items: center;
-  line-height: 24px;
-  font-size: ${gridSize() * 1.5}px;
-  margin: ${"var(--ds-space-200, 16px)"} 0 0 0;
-  white-space: nowrap;
-
-  & + & {
-    margin-top: ${"var(--ds-space-025, 2px)"};
-  }
+	display: flex;
+	align-items: center;
+	line-height: 24px;
+	font-size: ${gridSize() * 1.5}px;
+	margin: ${"var(--ds-space-200, 16px)"} 0 0 0;
+	white-space: nowrap;
+
+	& + & {
+		margin-top: ${"var(--ds-space-025, 2px)"};
+	}
 `;
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const DetailsLabelIcon = styled.div`
-  display: flex;
-  flex-shrink: 0;
-  color: ${labelIconColor};
-  width: ${"var(--ds-space-200, 16px)"};
-  height: ${"var(--ds-space-200, 16px)"};
-  padding: ${"var(--ds-space-050, 4px)"};
-  vertical-align: top;
-
-  svg {
-    width: 100%;
-    height: 100%;
-  }
+	display: flex;
+	flex-shrink: 0;
+	color: ${labelIconColor};
+	width: ${"var(--ds-space-200, 16px)"};
+	height: ${"var(--ds-space-200, 16px)"};
+	padding: ${"var(--ds-space-050, 4px)"};
+	vertical-align: top;
+
+	svg {
+		width: 100%;
+		height: 100%;
+	}
 `;
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const DetailsLabelText = styled.span`
-  overflow: hidden;
-  text-overflow: ellipsis;
-  color: ${labelTextColor};
-  padding-left: ${"var(--ds-space-050, 4px)"};
+	overflow: hidden;
+	text-overflow: ellipsis;
+	color: ${labelTextColor};
+	padding-left: ${"var(--ds-space-050, 4px)"};
 `;

package/dist/es2019/styled/Error.js

@@ -4,29 +4,33 @@ import { gridSize } from '@atlaskit/theme/constants';
 import { h400 } from '@atlaskit/theme/typography';
 import { errorIconColor, errorTextColor, errorTitleColor } from './constants';
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const ErrorWrapper = styled.div({
   textAlign: 'center',
   padding: "var(--ds-space-300, 24px)",
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   color: errorIconColor
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const ErrorTitle = styled.p({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   color: errorTitleColor,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   lineHeight: `${gridSize() * 3}px`,
   margin: `${"var(--ds-space-100, 8px)"} 0`
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const ErrorText = styled.span({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   color: errorTextColor
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
 export const TeamErrorTitle = styled.p(h400);
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const TeamErrorText = styled.p({
   color: `var(--ds-text-subtlest, ${N200})`,
   marginTop: "var(--ds-space-100, 8px)"

package/dist/es2019/styled/ReportingLines.js

@@ -2,35 +2,38 @@ import styled from '@emotion/styled';
 import { gridSize } from '@atlaskit/theme/constants';
 import { appLabelTextColor } from './constants';
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const ReportingLinesSection = styled.div({
   // Minor left margin to align better with existing icon fields
   marginLeft: "var(--ds-space-050, 4px)",
   marginTop: "var(--ds-space-100, 8px)"
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const ReportingLinesHeading = styled.h3({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   color: appLabelTextColor,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   fontSize: `${gridSize() * 1.5}px`,
   fontWeight: 600,
   marginBottom: "var(--ds-space-100, 8px)"
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const ManagerSection = styled.div({
   display: 'flex',
   alignItems: 'center',
   margin: `${"var(--ds-space-050, 4px)"} ${"var(--ds-space-050, 4px)"}`
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const ManagerName = styled.span({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   fontSize: `${gridSize() * 1.5}px`,
   marginLeft: "var(--ds-space-100, 8px)"
 });
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const OffsetWrapper = styled.div({
   marginTop: "var(--ds-space-050, 4px)",
   // Offset left margin so the avatar aligns with the heading