@atlaskit/renderer 128.3.0 → 128.3.1

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/renderer
 
+## 128.3.1
+
+### Patch Changes
+
+- [`0f4a08b633f6e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0f4a08b633f6e) -
+  Internal changes to remove unnecessary token fallbacks and imports from `@atlaskit/theme`
+- Updated dependencies
+
 ## 128.3.0
 
 ### Minor Changes

package/dist/cjs/react/marks/link.js

@@ -9,7 +9,6 @@ exports.default = Link;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
-var _colors = require("@atlaskit/theme/colors");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _utils = require("../../utils");
 var _events = require("../../analytics/events");
@@ -25,13 +24,13 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var anchorStyles = (0, _react2.css)({
-  color: "var(--ds-link, ".concat(_colors.B400, ")"),
+  color: "var(--ds-link, #1868DB)",
   '&:hover': {
-    color: "var(--ds-link, ".concat(_colors.B300, ")"),
+    color: "var(--ds-link, #1868DB)",
     textDecoration: 'underline'
   },
   '&:active': {
-    color: "var(--ds-link-pressed, ".concat(_colors.B500, ")")
+    color: "var(--ds-link-pressed, #1558BC)"
   }
 });
 function Link(props) {

package/dist/cjs/react/nodes/blockCard.js

@@ -18,7 +18,6 @@ var _linkDatasource = require("@atlaskit/link-datasource");
 var _ssr = require("@atlaskit/smart-card/ssr");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
-var _colors = require("@atlaskit/theme/colors");
 var _utils = require("@atlaskit/editor-common/utils");
 var _PortalContext = require("../../ui/Renderer/PortalContext");
 var _consts = require("../../consts");
@@ -29,32 +28,32 @@ var _consts = require("../../consts");
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var datasourceCenterWrapperStyles = (0, _react.css)({
-  marginTop: "var(--ds-space-150, 0.75rem)",
-  marginBottom: "var(--ds-space-150, 0.75rem)"
+  marginTop: "var(--ds-space-150, 12px)",
+  marginBottom: "var(--ds-space-150, 12px)"
 });
 var datasourceContainerStyleWithMarginTop = (0, _react.css)({
   borderRadius: "var(--ds-radius-large, 8px)",
-  border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, ".concat(_colors.N40, ")")),
+  border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, #0B120E24)"),
   overflow: 'hidden',
-  marginTop: "var(--ds-space-150, 0.75rem)",
-  marginBottom: "var(--ds-space-150, 0.75rem)"
+  marginTop: "var(--ds-space-150, 12px)",
+  marginBottom: "var(--ds-space-150, 12px)"
 });
 
 // No vertical margin when inside center wrapper (wrapper has margin so it participates in collapse). Styles from datasourceContainerStyleLegacy
 var datasourceContainerStyleNoVerticalMargin = (0, _react.css)({
   borderRadius: "var(--ds-radius-large, 8px)",
-  border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, ".concat(_colors.N40, ")")),
+  border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, #0B120E24)"),
   overflow: 'hidden'
 });
 var datasourceContainerStyleLegacy = (0, _react.css)({
   borderRadius: "var(--ds-radius-large, 8px)",
-  border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, ".concat(_colors.N40, ")")),
+  border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, #0B120E24)"),
   overflow: 'hidden',
   // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
   marginLeft: '50%',
-  marginBottom: "var(--ds-space-150, 0.75rem)",
+  marginBottom: "var(--ds-space-150, 12px)",
   transform: 'translateX(-50%)',
-  marginTop: "var(--ds-space-150, 0.75rem)"
+  marginTop: "var(--ds-space-150, 12px)"
 });
 function BlockCard(props) {
   var url = props.url,

package/dist/cjs/react/nodes/codeBlock/components/codeBlockButtonContainer.js

@@ -8,7 +8,6 @@ exports.default = void 0;
 var _react = require("@emotion/react");
 var _codeBlockCopyButton = _interopRequireDefault(require("./codeBlockCopyButton"));
 var _codeBlockWrapButton = _interopRequireDefault(require("./codeBlockWrapButton"));
-var _colors = require("@atlaskit/theme/colors");
 /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -18,7 +17,7 @@ var _colors = require("@atlaskit/theme/colors");
 var codeBlockButtonsWrapper = (0, _react.css)({
   position: 'sticky',
   top: '0px',
-  background: "".concat("var(--ds-surface, ".concat(_colors.N20, ")"))
+  background: "var(--ds-surface, #FFFFFF)"
 });
 var codeBlockButtonsStyle = (0, _react.css)({
   display: 'flex',
@@ -33,24 +32,24 @@ var codeBlockButtonsStyle = (0, _react.css)({
   button: {
     height: '32px',
     width: '32px',
-    border: "var(--ds-border-width-selected, 2px)".concat(" solid ", "var(--ds-border, ".concat(_colors.N0, ")")),
+    border: "var(--ds-border-width-selected, 2px)".concat(" solid ", "var(--ds-border, #0B120E24)"),
     borderRadius: "var(--ds-radius-small, 4px)",
     marginLeft: "var(--ds-space-050, 4px)",
     padding: "var(--ds-space-025, 2px)",
-    background: "".concat("var(--ds-surface-overlay, ".concat(_colors.N20, ")")),
-    color: "var(--ds-icon, rgb(66, 82, 110))",
+    background: "var(--ds-surface-overlay, #FFFFFF)",
+    color: "var(--ds-icon, #292A2E)",
     '&:hover': {
       borderWidth: "var(--ds-border-width-selected, 2px)",
-      backgroundColor: "".concat("var(--ds-surface-overlay-hovered, ".concat(_colors.N30, ")")),
+      backgroundColor: "var(--ds-surface-overlay-hovered, #F0F1F2)",
       height: '32px',
       width: '32px'
     },
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '&.clicked': {
-      backgroundColor: "".concat("var(--ds-background-neutral-bold-pressed, ".concat(_colors.N700, ")")),
+      backgroundColor: "var(--ds-background-neutral-bold-pressed, #505258)",
       borderRadius: "var(--ds-radius-small, 4px)",
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
-      color: "".concat("var(--ds-icon-inverse, ".concat(_colors.N0, ")"), " !important")
+      color: "var(--ds-icon-inverse, #FFFFFF)".concat(" !important")
     }
   }
 });

package/dist/cjs/react/nodes/codeBlock/components/codeBlockContainer.js

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("@emotion/react");
-var _colors = require("@atlaskit/theme/colors");
 var _styles = require("@atlaskit/editor-common/styles");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
@@ -20,7 +19,7 @@ var _codeBlockButtonContainer = _interopRequireDefault(require("./codeBlockButto
 
 var codeBlockStyleOverrides = (0, _react.css)((0, _defineProperty2.default)({
   tabSize: 4,
-  backgroundColor: "var(--ds-surface-raised, ".concat(_colors.N20, ")"),
+  backgroundColor: "var(--ds-surface-raised, #FFFFFF)",
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   button: {
     opacity: 0,

package/dist/cjs/react/nodes/codeBlock/components/lightWeightCodeBlock.js

@@ -120,7 +120,7 @@ var codeBlockSharedStyles = (0, _react2.css)((0, _defineProperty2.default)((0, _
   // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
   lineHeight: '1.5rem',
   textAlign: 'right',
-  color: "var(--ds-text-subtlest, #505F79)",
+  color: "var(--ds-text-subtlest, #6B6E76)",
   boxSizing: 'content-box'
 })));
 var lightWeightCodeBlockStyles = (0, _react2.css)((0, _defineProperty2.default)({}, ".".concat(_styles.CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER), {

package/dist/cjs/react/nodes/panel.js

@@ -44,7 +44,7 @@ var panelBaseStyles = (0, _react2.css)({
     position: 'relative',
     alignItems: 'normal',
     wordBreak: 'break-word',
-    backgroundColor: "var(--ds-background-accent-blue-subtlest, #DEEBFF)",
+    backgroundColor: "var(--ds-background-accent-blue-subtlest, #E9F2FE)",
     color: 'inherit',
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
     '.ak-editor-panel__icon': {
@@ -97,7 +97,7 @@ var panelBaseStyles = (0, _react2.css)({
     },
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
     '&[data-panel-type="note"]': {
-      backgroundColor: "var(--ds-background-accent-purple-subtlest, #EAE6FF)",
+      backgroundColor: "var(--ds-background-accent-purple-subtlest, #F8EEFE)",
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
       '.ak-editor-panel__icon': {
         color: "var(--ds-icon-discovery, #AF59E1)"
@@ -105,7 +105,7 @@ var panelBaseStyles = (0, _react2.css)({
     },
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
     '&[data-panel-type="tip"]': {
-      backgroundColor: "var(--ds-background-accent-green-subtlest, #E3FCEF)",
+      backgroundColor: "var(--ds-background-accent-green-subtlest, #DCFFF1)",
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
       '.ak-editor-panel__icon': {
         color: "var(--ds-icon-success, #6A9A23)"
@@ -113,7 +113,7 @@ var panelBaseStyles = (0, _react2.css)({
     },
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
     '&[data-panel-type="warning"]': {
-      backgroundColor: "var(--ds-background-accent-yellow-subtlest, #FFFAE6)",
+      backgroundColor: "var(--ds-background-accent-yellow-subtlest, #FEF7C8)",
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
       '.ak-editor-panel__icon': {
         color: "var(--ds-icon-warning, #E06C00)"
@@ -121,7 +121,7 @@ var panelBaseStyles = (0, _react2.css)({
     },
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
     '&[data-panel-type="error"]': {
-      backgroundColor: "var(--ds-background-accent-red-subtlest, #FFEBE6)",
+      backgroundColor: "var(--ds-background-accent-red-subtlest, #FFECEB)",
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
       '.ak-editor-panel__icon': {
         color: "var(--ds-icon-danger, #C9372C)"
@@ -129,7 +129,7 @@ var panelBaseStyles = (0, _react2.css)({
     },
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
     '&[data-panel-type="success"]': {
-      backgroundColor: "var(--ds-background-accent-green-subtlest, #E3FCEF)",
+      backgroundColor: "var(--ds-background-accent-green-subtlest, #DCFFF1)",
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
       '.ak-editor-panel__icon': {
         color: "var(--ds-icon-success, #6A9A23)"
@@ -157,7 +157,7 @@ var panelNestedIconStyles = (0, _react2.css)({
 var nestedPanelStyles = (0, _react2.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.ak-editor-panel__content .ak-editor-panel': {
-    border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, #091E42)")
+    border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, #0B120E24)")
   }
 });
 var panelCustomBackground = (0, _react2.css)({

package/dist/cjs/react/nodes/table/sticky.js

@@ -13,7 +13,6 @@ var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _styles = require("@atlaskit/editor-common/styles");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _colors = require("@atlaskit/theme/colors");
 var _table = require("./table");
 var _injectProps = require("../../utils/inject-props");
 /**
@@ -47,9 +46,9 @@ var fixedTableDivStaticStyles = (0, _react2.css)((0, _defineProperty2.default)((
   marginBottom: 0,
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   tr: {
-    background: "var(--ds-surface, white)"
+    background: "var(--ds-surface, #FFFFFF)"
   }
-}), "borderTop", "".concat(tableStickyPadding, "px solid ", "var(--ds-surface, white)")), "background", "var(--ds-surface-overlay, white)"), "boxShadow", "0 6px 4px -4px ".concat("var(--ds-shadow-overflow-perimeter, ".concat(_colors.N40A, ")"))), "div[data-expanded='false'] &", {
+}), "borderTop", "".concat(tableStickyPadding, "px solid ", "var(--ds-surface, #FFFFFF)")), "background", "var(--ds-surface-overlay, #FFFFFF)"), "boxShadow", "0 6px 4px -4px ".concat("var(--ds-shadow-overflow-perimeter, #1E1F211f)")), "div[data-expanded='false'] &", {
   display: 'none'
 }), "& .".concat(_styles.TableSharedCssClassName.TABLE_CONTAINER, ".is-sticky.right-shadow::after, & .").concat(_styles.TableSharedCssClassName.TABLE_CONTAINER, ".is-sticky.left-shadow::before"), {
   top: '0px',

package/dist/cjs/ui/Expand.js

@@ -53,12 +53,12 @@ var containerStyles = (0, _react.css)({
   borderColor: 'transparent',
   borderRadius: "var(--ds-radius-small, 4px)",
   minHeight: '25px',
-  background: "var(--ds-background-neutral-subtle, transparent)",
+  background: "var(--ds-background-neutral-subtle, #00000000)",
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   transition: "background 0.3s ".concat(_editorSharedStyles.akEditorSwoopCubicBezier, ", border-color 0.3s ").concat(_editorSharedStyles.akEditorSwoopCubicBezier),
   padding: "var(--ds-space-0, 0px)",
   paddingBottom: "var(--ds-space-0, 0px)",
-  marginTop: "var(--ds-space-050, 0.25rem)",
+  marginTop: "var(--ds-space-050, 4px)",
   marginBottom: 0,
   marginLeft: 0,
   marginRight: 0,
@@ -68,7 +68,7 @@ var containerStyles = (0, _react.css)({
   }
 });
 var containerStylesExpanded = (0, _react.css)({
-  background: "var(--ds-surface, rgba(255, 255, 255, 0.6))",
+  background: "var(--ds-surface, #FFFFFF)",
   paddingBottom: "var(--ds-space-100, 8px)",
   borderColor: "var(--ds-border, #0B120E24)"
 });