@atlaskit/editor-shared-styles 3.10.71 → 3.10.72

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 (8) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/cjs/overflow-shadow/overflow-shadow-for-compiled.js +22 -0
  3. package/dist/es2019/overflow-shadow/overflow-shadow-for-compiled.js +57 -0
  4. package/dist/esm/overflow-shadow/overflow-shadow-for-compiled.js +16 -0
  5. package/dist/types/overflow-shadow/overflow-shadow-for-compiled.d.ts +12 -0
  6. package/dist/types-ts4.5/overflow-shadow/overflow-shadow-for-compiled.d.ts +12 -0
  7. package/overflow-shadow-for-compiled/package.json +17 -0
  8. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/editor-shared-styles
2
2
 
3
+ ## 3.10.72
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
3
9
  ## 3.10.71
4
10
 
5
11
  ### Patch Changes
package/dist/cjs/overflow-shadow/overflow-shadow-for-compiled.js ADDED
@@ -0,0 +1,22 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.overflowShadowForCompiled = void 0;
7
+ /**
8
+ * Compiled CSS-compatible variant of {@link overflowShadow}. Returns a plain
9
+ * CSS string (stack of `linear-gradient` layers) suitable for assignment to a
10
+ * `background-image` property in a `cssMap`/`css` declaration.
11
+ *
12
+ * @param options.leftCoverWidth - Width of the left cover layer. Defaults to `token('space.100')`.
13
+ * @param options.rightCoverWidth - Width of the right cover layer. Defaults to `token('space.100')`.
14
+ */
15
+ var overflowShadowForCompiled = exports.overflowShadowForCompiled = function overflowShadowForCompiled(_ref) {
16
+ var leftCoverWidth = _ref.leftCoverWidth,
17
+ rightCoverWidth = _ref.rightCoverWidth;
18
+ var width = "var(--ds-space-100, 8px)";
19
+ var leftCoverWidthResolved = leftCoverWidth || width;
20
+ var rightCoverWidthResolved = rightCoverWidth || width;
21
+ return [/* shadow cover left */"linear-gradient(\n\t\t\tto right,\n\t\t\t".concat("var(--ds-background-neutral, #0515240F)", " ", leftCoverWidthResolved, ",\n\t\t\ttransparent ").concat(leftCoverWidthResolved, "\n\t\t)"), /* shadow cover background left */"linear-gradient(\n\t\t\tto right,\n\t\t\t".concat("var(--ds-surface-raised, #FFFFFF)", " ", leftCoverWidthResolved, ",\n\t\t\ttransparent ").concat(leftCoverWidthResolved, "\n\t\t)"), /* shadow cover right */"linear-gradient(\n\t\t\tto left,\n\t\t\t".concat("var(--ds-background-neutral, #0515240F)", " ", rightCoverWidthResolved, ",\n\t\t\ttransparent ").concat(rightCoverWidthResolved, "\n\t\t)"), /* shadow cover background right */"linear-gradient(\n\t\t\tto left,\n\t\t\t".concat("var(--ds-surface-raised, #FFFFFF)", " ", rightCoverWidthResolved, ",\n\t\t\ttransparent ").concat(rightCoverWidthResolved, "\n\t\t)"), /* overflow shadow right spread */"linear-gradient(\n\t\t\tto left,\n\t\t\t".concat("var(--ds-shadow-overflow-spread, #1E1F2129)", " 0,\n\t\t\t", "var(--ds-UNSAFE-transparent, transparent)", " ", width, "\n\t\t)"), /* overflow shadow right perimeter */"linear-gradient(\n\t\t\tto left,\n\t\t\t".concat("var(--ds-shadow-overflow-perimeter, #1E1F211f)", " 0,\n\t\t\t", "var(--ds-UNSAFE-transparent, transparent)", " ", width, "\n\t\t)"), /* overflow shadow left spread */"linear-gradient(\n\t\t\tto right,\n\t\t\t".concat("var(--ds-shadow-overflow-spread, #1E1F2129)", " 0,\n\t\t\t", "var(--ds-UNSAFE-transparent, transparent)", " ", width, "\n\t\t)"), /* overflow shadow left perimeter */"linear-gradient(\n\t\t\tto right,\n\t\t\t".concat("var(--ds-shadow-overflow-perimeter, #1E1F211f)", " 0,\n\t\t\t", "var(--ds-UNSAFE-transparent, transparent)", " ", width, "\n\t\t)")].join(',');
22
+ };
package/dist/es2019/overflow-shadow/overflow-shadow-for-compiled.js ADDED
@@ -0,0 +1,57 @@
1
+ /**
2
+ * Compiled CSS-compatible variant of {@link overflowShadow}. Returns a plain
3
+ * CSS string (stack of `linear-gradient` layers) suitable for assignment to a
4
+ * `background-image` property in a `cssMap`/`css` declaration.
5
+ *
6
+ * @param options.leftCoverWidth - Width of the left cover layer. Defaults to `token('space.100')`.
7
+ * @param options.rightCoverWidth - Width of the right cover layer. Defaults to `token('space.100')`.
8
+ */
9
+ export const overflowShadowForCompiled = ({
10
+ leftCoverWidth,
11
+ rightCoverWidth
12
+ }) => {
13
+ const width = "var(--ds-space-100, 8px)";
14
+ const leftCoverWidthResolved = leftCoverWidth || width;
15
+ const rightCoverWidthResolved = rightCoverWidth || width;
16
+ return [/* shadow cover left */
17
+ `linear-gradient(
18
+ to right,
19
+ ${"var(--ds-background-neutral, #0515240F)"} ${leftCoverWidthResolved},
20
+ transparent ${leftCoverWidthResolved}
21
+ )`, /* shadow cover background left */
22
+ `linear-gradient(
23
+ to right,
24
+ ${"var(--ds-surface-raised, #FFFFFF)"} ${leftCoverWidthResolved},
25
+ transparent ${leftCoverWidthResolved}
26
+ )`, /* shadow cover right */
27
+ `linear-gradient(
28
+ to left,
29
+ ${"var(--ds-background-neutral, #0515240F)"} ${rightCoverWidthResolved},
30
+ transparent ${rightCoverWidthResolved}
31
+ )`, /* shadow cover background right */
32
+ `linear-gradient(
33
+ to left,
34
+ ${"var(--ds-surface-raised, #FFFFFF)"} ${rightCoverWidthResolved},
35
+ transparent ${rightCoverWidthResolved}
36
+ )`, /* overflow shadow right spread */
37
+ `linear-gradient(
38
+ to left,
39
+ ${"var(--ds-shadow-overflow-spread, #1E1F2129)"} 0,
40
+ ${"var(--ds-UNSAFE-transparent, transparent)"} ${width}
41
+ )`, /* overflow shadow right perimeter */
42
+ `linear-gradient(
43
+ to left,
44
+ ${"var(--ds-shadow-overflow-perimeter, #1E1F211f)"} 0,
45
+ ${"var(--ds-UNSAFE-transparent, transparent)"} ${width}
46
+ )`, /* overflow shadow left spread */
47
+ `linear-gradient(
48
+ to right,
49
+ ${"var(--ds-shadow-overflow-spread, #1E1F2129)"} 0,
50
+ ${"var(--ds-UNSAFE-transparent, transparent)"} ${width}
51
+ )`, /* overflow shadow left perimeter */
52
+ `linear-gradient(
53
+ to right,
54
+ ${"var(--ds-shadow-overflow-perimeter, #1E1F211f)"} 0,
55
+ ${"var(--ds-UNSAFE-transparent, transparent)"} ${width}
56
+ )`].join(',');
57
+ };
package/dist/esm/overflow-shadow/overflow-shadow-for-compiled.js ADDED
@@ -0,0 +1,16 @@
1
+ /**
2
+ * Compiled CSS-compatible variant of {@link overflowShadow}. Returns a plain
3
+ * CSS string (stack of `linear-gradient` layers) suitable for assignment to a
4
+ * `background-image` property in a `cssMap`/`css` declaration.
5
+ *
6
+ * @param options.leftCoverWidth - Width of the left cover layer. Defaults to `token('space.100')`.
7
+ * @param options.rightCoverWidth - Width of the right cover layer. Defaults to `token('space.100')`.
8
+ */
9
+ export var overflowShadowForCompiled = function overflowShadowForCompiled(_ref) {
10
+ var leftCoverWidth = _ref.leftCoverWidth,
11
+ rightCoverWidth = _ref.rightCoverWidth;
12
+ var width = "var(--ds-space-100, 8px)";
13
+ var leftCoverWidthResolved = leftCoverWidth || width;
14
+ var rightCoverWidthResolved = rightCoverWidth || width;
15
+ return [/* shadow cover left */"linear-gradient(\n\t\t\tto right,\n\t\t\t".concat("var(--ds-background-neutral, #0515240F)", " ", leftCoverWidthResolved, ",\n\t\t\ttransparent ").concat(leftCoverWidthResolved, "\n\t\t)"), /* shadow cover background left */"linear-gradient(\n\t\t\tto right,\n\t\t\t".concat("var(--ds-surface-raised, #FFFFFF)", " ", leftCoverWidthResolved, ",\n\t\t\ttransparent ").concat(leftCoverWidthResolved, "\n\t\t)"), /* shadow cover right */"linear-gradient(\n\t\t\tto left,\n\t\t\t".concat("var(--ds-background-neutral, #0515240F)", " ", rightCoverWidthResolved, ",\n\t\t\ttransparent ").concat(rightCoverWidthResolved, "\n\t\t)"), /* shadow cover background right */"linear-gradient(\n\t\t\tto left,\n\t\t\t".concat("var(--ds-surface-raised, #FFFFFF)", " ", rightCoverWidthResolved, ",\n\t\t\ttransparent ").concat(rightCoverWidthResolved, "\n\t\t)"), /* overflow shadow right spread */"linear-gradient(\n\t\t\tto left,\n\t\t\t".concat("var(--ds-shadow-overflow-spread, #1E1F2129)", " 0,\n\t\t\t", "var(--ds-UNSAFE-transparent, transparent)", " ", width, "\n\t\t)"), /* overflow shadow right perimeter */"linear-gradient(\n\t\t\tto left,\n\t\t\t".concat("var(--ds-shadow-overflow-perimeter, #1E1F211f)", " 0,\n\t\t\t", "var(--ds-UNSAFE-transparent, transparent)", " ", width, "\n\t\t)"), /* overflow shadow left spread */"linear-gradient(\n\t\t\tto right,\n\t\t\t".concat("var(--ds-shadow-overflow-spread, #1E1F2129)", " 0,\n\t\t\t", "var(--ds-UNSAFE-transparent, transparent)", " ", width, "\n\t\t)"), /* overflow shadow left perimeter */"linear-gradient(\n\t\t\tto right,\n\t\t\t".concat("var(--ds-shadow-overflow-perimeter, #1E1F211f)", " 0,\n\t\t\t", "var(--ds-UNSAFE-transparent, transparent)", " ", width, "\n\t\t)")].join(',');
16
+ };
package/dist/types/overflow-shadow/overflow-shadow-for-compiled.d.ts ADDED
@@ -0,0 +1,12 @@
1
+ /**
2
+ * Compiled CSS-compatible variant of {@link overflowShadow}. Returns a plain
3
+ * CSS string (stack of `linear-gradient` layers) suitable for assignment to a
4
+ * `background-image` property in a `cssMap`/`css` declaration.
5
+ *
6
+ * @param options.leftCoverWidth - Width of the left cover layer. Defaults to `token('space.100')`.
7
+ * @param options.rightCoverWidth - Width of the right cover layer. Defaults to `token('space.100')`.
8
+ */
9
+ export declare const overflowShadowForCompiled: ({ leftCoverWidth, rightCoverWidth, }: {
10
+ leftCoverWidth?: string;
11
+ rightCoverWidth?: string;
12
+ }) => string;
package/dist/types-ts4.5/overflow-shadow/overflow-shadow-for-compiled.d.ts ADDED
@@ -0,0 +1,12 @@
1
+ /**
2
+ * Compiled CSS-compatible variant of {@link overflowShadow}. Returns a plain
3
+ * CSS string (stack of `linear-gradient` layers) suitable for assignment to a
4
+ * `background-image` property in a `cssMap`/`css` declaration.
5
+ *
6
+ * @param options.leftCoverWidth - Width of the left cover layer. Defaults to `token('space.100')`.
7
+ * @param options.rightCoverWidth - Width of the right cover layer. Defaults to `token('space.100')`.
8
+ */
9
+ export declare const overflowShadowForCompiled: ({ leftCoverWidth, rightCoverWidth, }: {
10
+ leftCoverWidth?: string;
11
+ rightCoverWidth?: string;
12
+ }) => string;
package/overflow-shadow-for-compiled/package.json ADDED
@@ -0,0 +1,17 @@
1
+ {
2
+ "name": "@atlaskit/editor-shared-styles/overflow-shadow-for-compiled",
3
+ "main": "../dist/cjs/overflow-shadow/overflow-shadow-for-compiled.js",
4
+ "module": "../dist/esm/overflow-shadow/overflow-shadow-for-compiled.js",
5
+ "module:es2019": "../dist/es2019/overflow-shadow/overflow-shadow-for-compiled.js",
6
+ "sideEffects": [
7
+ "*.compiled.css"
8
+ ],
9
+ "types": "../dist/types/overflow-shadow/overflow-shadow-for-compiled.d.ts",
10
+ "typesVersions": {
11
+ ">=4.5 <5.9": {
12
+ "*": [
13
+ "../dist/types-ts4.5/overflow-shadow/overflow-shadow-for-compiled.d.ts"
14
+ ]
15
+ }
16
+ }
17
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-shared-styles",
3
- "version": "3.10.71",
3
+ "version": "3.10.72",
4
4
  "description": "Style values used in the editor/renderer",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -37,7 +37,7 @@
37
37
  },
38
38
  "dependencies": {
39
39
  "@atlaskit/platform-feature-flags": "^1.1.0",
40
- "@atlaskit/tmp-editor-statsig": "^77.0.0",
40
+ "@atlaskit/tmp-editor-statsig": "^78.0.0",
41
41
  "@atlaskit/tokens": "^13.0.0",
42
42
  "@babel/runtime": "^7.0.0",
43
43
  "@emotion/react": "^11.7.1"