@atlaskit/code 16.3.0 → 17.0.0
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.
- package/CHANGELOG.md +24 -0
- package/dist/cjs/bidi-warning/ui/styled.compiled.css +19 -0
- package/dist/cjs/bidi-warning/ui/styled.js +16 -49
- package/dist/cjs/code-block.compiled.css +105 -0
- package/dist/cjs/code-block.js +26 -22
- package/dist/cjs/code.compiled.css +16 -0
- package/dist/cjs/code.js +16 -35
- package/dist/cjs/internal/theme/constants.js +1 -12
- package/dist/cjs/internal/theme/styles.js +12 -305
- package/dist/cjs/syntax-highlighter/types.js +0 -1
- package/dist/es2019/bidi-warning/ui/styled.compiled.css +19 -0
- package/dist/es2019/bidi-warning/ui/styled.js +12 -47
- package/dist/es2019/code-block.compiled.css +105 -0
- package/dist/es2019/code-block.js +23 -16
- package/dist/es2019/code.compiled.css +16 -0
- package/dist/es2019/code.js +16 -36
- package/dist/es2019/internal/theme/constants.js +0 -10
- package/dist/es2019/internal/theme/styles.js +9 -295
- package/dist/es2019/syntax-highlighter/types.js +0 -3
- package/dist/esm/bidi-warning/ui/styled.compiled.css +19 -0
- package/dist/esm/bidi-warning/ui/styled.js +12 -47
- package/dist/esm/code-block.compiled.css +105 -0
- package/dist/esm/code-block.js +23 -22
- package/dist/esm/code.compiled.css +16 -0
- package/dist/esm/code.js +16 -36
- package/dist/esm/internal/theme/constants.js +0 -10
- package/dist/esm/internal/theme/styles.js +11 -305
- package/dist/esm/syntax-highlighter/types.js +0 -3
- package/dist/types/bidi-warning/ui/styled.d.ts +1 -2
- package/dist/types/internal/theme/constants.d.ts +0 -7
- package/dist/types/internal/theme/styles.d.ts +16 -9
- package/dist/types/syntax-highlighter/types.d.ts +3 -3
- package/dist/types-ts4.5/bidi-warning/ui/styled.d.ts +1 -2
- package/dist/types-ts4.5/internal/theme/constants.d.ts +0 -7
- package/dist/types-ts4.5/internal/theme/styles.d.ts +16 -9
- package/dist/types-ts4.5/syntax-highlighter/types.d.ts +3 -3
- package/package.json +4 -4
- package/report.api.md +1 -2
- package/dist/cjs/internal/theme/get-theme.js +0 -83
- package/dist/es2019/internal/theme/get-theme.js +0 -69
- package/dist/esm/internal/theme/get-theme.js +0 -73
- package/dist/types/internal/theme/get-theme.d.ts +0 -5
- package/dist/types-ts4.5/internal/theme/get-theme.d.ts +0 -5
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import type { XCSSAllProperties, XCSSAllPseudos, XCSSProp } from '@compiled/react';
|
|
3
3
|
import { type AST, type RefractorNode } from 'refractor';
|
|
4
4
|
export type { AST, RefractorNode } from 'refractor';
|
|
5
5
|
export declare class SyntaxHighlighter extends React.PureComponent<SyntaxHighlighterProps> {
|
|
@@ -68,9 +68,9 @@ export interface SyntaxHighlighterProps {
|
|
|
68
68
|
*/
|
|
69
69
|
shouldWrapLongLines?: boolean;
|
|
70
70
|
/**
|
|
71
|
-
* Serialized styles returned from
|
|
71
|
+
* Serialized styles returned from Compiled's `css()` function.
|
|
72
72
|
*/
|
|
73
|
-
styles?:
|
|
73
|
+
styles?: XCSSProp<XCSSAllProperties, XCSSAllPseudos>;
|
|
74
74
|
/**
|
|
75
75
|
* `codeBidiWarnings` is set via a prop on @atlaskit/code/CodeBlock.
|
|
76
76
|
*
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/code",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "17.0.0",
|
|
4
4
|
"description": "Code highlights short strings of code snippets inline with body text.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -29,12 +29,12 @@
|
|
|
29
29
|
},
|
|
30
30
|
"dependencies": {
|
|
31
31
|
"@atlaskit/codemod-utils": "^4.2.0",
|
|
32
|
-
"@atlaskit/
|
|
32
|
+
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
33
33
|
"@atlaskit/tokens": "^4.6.0",
|
|
34
34
|
"@atlaskit/tooltip": "^20.0.0",
|
|
35
35
|
"@atlaskit/visually-hidden": "^3.0.0",
|
|
36
36
|
"@babel/runtime": "^7.0.0",
|
|
37
|
-
"@
|
|
37
|
+
"@compiled/react": "^0.18.3",
|
|
38
38
|
"memoize-one": "^6.0.0",
|
|
39
39
|
"refractor": "^3.6.0"
|
|
40
40
|
},
|
|
@@ -53,9 +53,9 @@
|
|
|
53
53
|
"@atlaskit/primitives": "^14.3.0",
|
|
54
54
|
"@atlaskit/section-message": "^8.2.0",
|
|
55
55
|
"@atlaskit/ssr": "^0.4.0",
|
|
56
|
+
"@atlaskit/theme": "^18.0.0",
|
|
56
57
|
"@atlaskit/toggle": "^15.0.0",
|
|
57
58
|
"@atlassian/ssr-tests": "^0.2.0",
|
|
58
|
-
"@compiled/react": "^0.18.3",
|
|
59
59
|
"@testing-library/react": "^13.4.0",
|
|
60
60
|
"@types/jscodeshift": "^0.11.0",
|
|
61
61
|
"@types/refractor": "^3.0.2",
|
package/report.api.md
CHANGED
|
@@ -18,7 +18,6 @@
|
|
|
18
18
|
```ts
|
|
19
19
|
/// <reference types="react" />
|
|
20
20
|
|
|
21
|
-
import type { CSSObject } from '@emotion/react';
|
|
22
21
|
import type { HTMLProps } from 'react';
|
|
23
22
|
import { NamedExoticComponent } from 'react';
|
|
24
23
|
import { default as React_2 } from 'react';
|
|
@@ -425,7 +424,7 @@ export interface CodeProps extends HTMLProps<HTMLElement> {
|
|
|
425
424
|
testId?: string;
|
|
426
425
|
}
|
|
427
426
|
|
|
428
|
-
// @public (undocumented)
|
|
427
|
+
// @public @deprecated (undocumented)
|
|
429
428
|
export const getCodeStyles: () => CSSObject;
|
|
430
429
|
|
|
431
430
|
// @public (undocumented)
|
|
@@ -1,83 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.getColorPalette = exports.getBaseTheme = exports.default = void 0;
|
|
9
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
10
|
-
var _memoizeOne = _interopRequireDefault(require("memoize-one"));
|
|
11
|
-
var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
|
|
12
|
-
var _tokens = require("@atlaskit/tokens");
|
|
13
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
14
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
15
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
16
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
17
|
-
// Hardcoded values have been used due to the current color palette not having any
|
|
18
|
-
// accessible color options for Teal and Yellow and +20A
|
|
19
|
-
var T800 = '#067384';
|
|
20
|
-
var Y1100 = '#7A5D1A';
|
|
21
|
-
var getBaseTheme = exports.getBaseTheme = function getBaseTheme() {
|
|
22
|
-
return {
|
|
23
|
-
fontFamily: "var(--ds-font-family-code, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)",
|
|
24
|
-
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
25
|
-
fontFamilyItalic: "SFMono-MediumItalic, ".concat((0, _tokens.getTokenValue)('font.family.code')),
|
|
26
|
-
backgroundColor: "var(--ds-background-neutral, ".concat(colors.N20, ")"),
|
|
27
|
-
textColor: "var(--ds-text, ".concat(colors.N800, ")"),
|
|
28
|
-
lineNumberColor: "var(--ds-text-subtlest, ".concat(colors.N400, ")"),
|
|
29
|
-
lineNumberBgColor: "var(--ds-background-neutral, ".concat(colors.N30, ")")
|
|
30
|
-
};
|
|
31
|
-
};
|
|
32
|
-
var getColorPalette = exports.getColorPalette = (0, _memoizeOne.default)(function () {
|
|
33
|
-
return {
|
|
34
|
-
highlightedLineBgColor: "var(--ds-background-neutral, ".concat(colors.N30, ")"),
|
|
35
|
-
highlightedLineBorderColor: "var(--ds-border-focused, ".concat(colors.B200, ")"),
|
|
36
|
-
substringColor: "var(--ds-text-subtlest, ".concat(colors.N400, ")"),
|
|
37
|
-
keywordColor: "var(--ds-text-accent-blue, ".concat(colors.B400, ")"),
|
|
38
|
-
attributeColor: "var(--ds-text-accent-teal, ".concat(T800, ")"),
|
|
39
|
-
selectorTagColor: "var(--ds-text-accent-blue, ".concat(colors.B400, ")"),
|
|
40
|
-
docTagColor: "var(--ds-text-accent-yellow, ".concat(Y1100, ")"),
|
|
41
|
-
nameColor: "var(--ds-text-accent-blue, ".concat(colors.B400, ")"),
|
|
42
|
-
builtInColor: "var(--ds-text-accent-blue, ".concat(colors.B400, ")"),
|
|
43
|
-
literalColor: "var(--ds-text-accent-blue, ".concat(colors.B400, ")"),
|
|
44
|
-
bulletColor: "var(--ds-text-accent-blue, ".concat(colors.B400, ")"),
|
|
45
|
-
codeColor: "var(--ds-text-accent-blue, ".concat(colors.B400, ")"),
|
|
46
|
-
regexpColor: "var(--ds-text-accent-teal, ".concat(T800, ")"),
|
|
47
|
-
symbolColor: "var(--ds-text-accent-teal, ".concat(T800, ")"),
|
|
48
|
-
variableColor: "var(--ds-text-accent-teal, ".concat(T800, ")"),
|
|
49
|
-
templateVariableColor: "var(--ds-text-accent-teal, ".concat(T800, ")"),
|
|
50
|
-
linkColor: "var(--ds-text-accent-purple, ".concat(colors.P300, ")"),
|
|
51
|
-
selectorAttributeColor: "var(--ds-text-accent-teal, ".concat(T800, ")"),
|
|
52
|
-
selectorPseudoColor: "var(--ds-text-accent-teal, ".concat(T800, ")"),
|
|
53
|
-
typeColor: "var(--ds-text-accent-teal, ".concat(T800, ")"),
|
|
54
|
-
stringColor: "var(--ds-text-accent-green, ".concat(colors.G500, ")"),
|
|
55
|
-
selectorIdColor: "var(--ds-text-accent-teal, ".concat(T800, ")"),
|
|
56
|
-
selectorClassColor: "var(--ds-text-accent-teal, ".concat(T800, ")"),
|
|
57
|
-
quoteColor: "var(--ds-text-accent-teal, ".concat(T800, ")"),
|
|
58
|
-
templateTagColor: "var(--ds-text-accent-teal, ".concat(T800, ")"),
|
|
59
|
-
titleColor: "var(--ds-text-accent-purple, ".concat(colors.P300, ")"),
|
|
60
|
-
sectionColor: "var(--ds-text-accent-purple, ".concat(colors.P300, ")"),
|
|
61
|
-
commentColor: "var(--ds-text-subtlest, ".concat(colors.N400, ")"),
|
|
62
|
-
metaKeywordColor: "var(--ds-text-accent-green, ".concat(colors.G500, ")"),
|
|
63
|
-
metaColor: "var(--ds-text-subtlest, ".concat(colors.N400, ")"),
|
|
64
|
-
functionColor: "var(--ds-text, ".concat(colors.N800, ")"),
|
|
65
|
-
numberColor: "var(--ds-text-accent-blue, ".concat(colors.B400, ")"),
|
|
66
|
-
prologColor: "var(--ds-text-accent-blue, ".concat(colors.B400, ")"),
|
|
67
|
-
cdataColor: "var(--ds-text-subtlest, ".concat(colors.N400, ")"),
|
|
68
|
-
punctuationColor: "var(--ds-text, ".concat(colors.N800, ")"),
|
|
69
|
-
propertyColor: "var(--ds-text-accent-purple, ".concat(colors.P300, ")"),
|
|
70
|
-
constantColor: "var(--ds-text-accent-teal, ".concat(T800, ")"),
|
|
71
|
-
booleanColor: "var(--ds-text-accent-blue, ".concat(colors.B400, ")"),
|
|
72
|
-
charColor: "var(--ds-text, ".concat(colors.N800, ")"),
|
|
73
|
-
insertedColor: "var(--ds-text-accent-green, ".concat(colors.G500, ")"),
|
|
74
|
-
deletedColor: "var(--ds-text-accent-red, ".concat(colors.R500, ")"),
|
|
75
|
-
operatorColor: "var(--ds-text, ".concat(colors.N800, ")"),
|
|
76
|
-
atruleColor: "var(--ds-text-accent-green, ".concat(colors.G500, ")"),
|
|
77
|
-
importantColor: "var(--ds-text-accent-yellow, ".concat(Y1100, ")")
|
|
78
|
-
};
|
|
79
|
-
});
|
|
80
|
-
var getTheme = function getTheme() {
|
|
81
|
-
return _objectSpread(_objectSpread({}, getBaseTheme()), getColorPalette());
|
|
82
|
-
};
|
|
83
|
-
var _default = exports.default = getTheme;
|
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
import memoizeOne from 'memoize-one';
|
|
2
|
-
import * as colors from '@atlaskit/theme/colors';
|
|
3
|
-
import { getTokenValue } from '@atlaskit/tokens';
|
|
4
|
-
// Hardcoded values have been used due to the current color palette not having any
|
|
5
|
-
// accessible color options for Teal and Yellow and +20A
|
|
6
|
-
const T800 = '#067384';
|
|
7
|
-
const Y1100 = '#7A5D1A';
|
|
8
|
-
export const getBaseTheme = () => ({
|
|
9
|
-
fontFamily: "var(--ds-font-family-code, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)",
|
|
10
|
-
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
11
|
-
fontFamilyItalic: `SFMono-MediumItalic, ${getTokenValue('font.family.code')}`,
|
|
12
|
-
backgroundColor: `var(--ds-background-neutral, ${colors.N20})`,
|
|
13
|
-
textColor: `var(--ds-text, ${colors.N800})`,
|
|
14
|
-
lineNumberColor: `var(--ds-text-subtlest, ${colors.N400})`,
|
|
15
|
-
lineNumberBgColor: `var(--ds-background-neutral, ${colors.N30})`
|
|
16
|
-
});
|
|
17
|
-
export const getColorPalette = memoizeOne(() => {
|
|
18
|
-
return {
|
|
19
|
-
highlightedLineBgColor: `var(--ds-background-neutral, ${colors.N30})`,
|
|
20
|
-
highlightedLineBorderColor: `var(--ds-border-focused, ${colors.B200})`,
|
|
21
|
-
substringColor: `var(--ds-text-subtlest, ${colors.N400})`,
|
|
22
|
-
keywordColor: `var(--ds-text-accent-blue, ${colors.B400})`,
|
|
23
|
-
attributeColor: `var(--ds-text-accent-teal, ${T800})`,
|
|
24
|
-
selectorTagColor: `var(--ds-text-accent-blue, ${colors.B400})`,
|
|
25
|
-
docTagColor: `var(--ds-text-accent-yellow, ${Y1100})`,
|
|
26
|
-
nameColor: `var(--ds-text-accent-blue, ${colors.B400})`,
|
|
27
|
-
builtInColor: `var(--ds-text-accent-blue, ${colors.B400})`,
|
|
28
|
-
literalColor: `var(--ds-text-accent-blue, ${colors.B400})`,
|
|
29
|
-
bulletColor: `var(--ds-text-accent-blue, ${colors.B400})`,
|
|
30
|
-
codeColor: `var(--ds-text-accent-blue, ${colors.B400})`,
|
|
31
|
-
regexpColor: `var(--ds-text-accent-teal, ${T800})`,
|
|
32
|
-
symbolColor: `var(--ds-text-accent-teal, ${T800})`,
|
|
33
|
-
variableColor: `var(--ds-text-accent-teal, ${T800})`,
|
|
34
|
-
templateVariableColor: `var(--ds-text-accent-teal, ${T800})`,
|
|
35
|
-
linkColor: `var(--ds-text-accent-purple, ${colors.P300})`,
|
|
36
|
-
selectorAttributeColor: `var(--ds-text-accent-teal, ${T800})`,
|
|
37
|
-
selectorPseudoColor: `var(--ds-text-accent-teal, ${T800})`,
|
|
38
|
-
typeColor: `var(--ds-text-accent-teal, ${T800})`,
|
|
39
|
-
stringColor: `var(--ds-text-accent-green, ${colors.G500})`,
|
|
40
|
-
selectorIdColor: `var(--ds-text-accent-teal, ${T800})`,
|
|
41
|
-
selectorClassColor: `var(--ds-text-accent-teal, ${T800})`,
|
|
42
|
-
quoteColor: `var(--ds-text-accent-teal, ${T800})`,
|
|
43
|
-
templateTagColor: `var(--ds-text-accent-teal, ${T800})`,
|
|
44
|
-
titleColor: `var(--ds-text-accent-purple, ${colors.P300})`,
|
|
45
|
-
sectionColor: `var(--ds-text-accent-purple, ${colors.P300})`,
|
|
46
|
-
commentColor: `var(--ds-text-subtlest, ${colors.N400})`,
|
|
47
|
-
metaKeywordColor: `var(--ds-text-accent-green, ${colors.G500})`,
|
|
48
|
-
metaColor: `var(--ds-text-subtlest, ${colors.N400})`,
|
|
49
|
-
functionColor: `var(--ds-text, ${colors.N800})`,
|
|
50
|
-
numberColor: `var(--ds-text-accent-blue, ${colors.B400})`,
|
|
51
|
-
prologColor: `var(--ds-text-accent-blue, ${colors.B400})`,
|
|
52
|
-
cdataColor: `var(--ds-text-subtlest, ${colors.N400})`,
|
|
53
|
-
punctuationColor: `var(--ds-text, ${colors.N800})`,
|
|
54
|
-
propertyColor: `var(--ds-text-accent-purple, ${colors.P300})`,
|
|
55
|
-
constantColor: `var(--ds-text-accent-teal, ${T800})`,
|
|
56
|
-
booleanColor: `var(--ds-text-accent-blue, ${colors.B400})`,
|
|
57
|
-
charColor: `var(--ds-text, ${colors.N800})`,
|
|
58
|
-
insertedColor: `var(--ds-text-accent-green, ${colors.G500})`,
|
|
59
|
-
deletedColor: `var(--ds-text-accent-red, ${colors.R500})`,
|
|
60
|
-
operatorColor: `var(--ds-text, ${colors.N800})`,
|
|
61
|
-
atruleColor: `var(--ds-text-accent-green, ${colors.G500})`,
|
|
62
|
-
importantColor: `var(--ds-text-accent-yellow, ${Y1100})`
|
|
63
|
-
};
|
|
64
|
-
});
|
|
65
|
-
const getTheme = () => ({
|
|
66
|
-
...getBaseTheme(),
|
|
67
|
-
...getColorPalette()
|
|
68
|
-
});
|
|
69
|
-
export default getTheme;
|
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
4
|
-
import memoizeOne from 'memoize-one';
|
|
5
|
-
import * as colors from '@atlaskit/theme/colors';
|
|
6
|
-
import { getTokenValue } from '@atlaskit/tokens';
|
|
7
|
-
// Hardcoded values have been used due to the current color palette not having any
|
|
8
|
-
// accessible color options for Teal and Yellow and +20A
|
|
9
|
-
var T800 = '#067384';
|
|
10
|
-
var Y1100 = '#7A5D1A';
|
|
11
|
-
export var getBaseTheme = function getBaseTheme() {
|
|
12
|
-
return {
|
|
13
|
-
fontFamily: "var(--ds-font-family-code, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)",
|
|
14
|
-
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
15
|
-
fontFamilyItalic: "SFMono-MediumItalic, ".concat(getTokenValue('font.family.code')),
|
|
16
|
-
backgroundColor: "var(--ds-background-neutral, ".concat(colors.N20, ")"),
|
|
17
|
-
textColor: "var(--ds-text, ".concat(colors.N800, ")"),
|
|
18
|
-
lineNumberColor: "var(--ds-text-subtlest, ".concat(colors.N400, ")"),
|
|
19
|
-
lineNumberBgColor: "var(--ds-background-neutral, ".concat(colors.N30, ")")
|
|
20
|
-
};
|
|
21
|
-
};
|
|
22
|
-
export var getColorPalette = memoizeOne(function () {
|
|
23
|
-
return {
|
|
24
|
-
highlightedLineBgColor: "var(--ds-background-neutral, ".concat(colors.N30, ")"),
|
|
25
|
-
highlightedLineBorderColor: "var(--ds-border-focused, ".concat(colors.B200, ")"),
|
|
26
|
-
substringColor: "var(--ds-text-subtlest, ".concat(colors.N400, ")"),
|
|
27
|
-
keywordColor: "var(--ds-text-accent-blue, ".concat(colors.B400, ")"),
|
|
28
|
-
attributeColor: "var(--ds-text-accent-teal, ".concat(T800, ")"),
|
|
29
|
-
selectorTagColor: "var(--ds-text-accent-blue, ".concat(colors.B400, ")"),
|
|
30
|
-
docTagColor: "var(--ds-text-accent-yellow, ".concat(Y1100, ")"),
|
|
31
|
-
nameColor: "var(--ds-text-accent-blue, ".concat(colors.B400, ")"),
|
|
32
|
-
builtInColor: "var(--ds-text-accent-blue, ".concat(colors.B400, ")"),
|
|
33
|
-
literalColor: "var(--ds-text-accent-blue, ".concat(colors.B400, ")"),
|
|
34
|
-
bulletColor: "var(--ds-text-accent-blue, ".concat(colors.B400, ")"),
|
|
35
|
-
codeColor: "var(--ds-text-accent-blue, ".concat(colors.B400, ")"),
|
|
36
|
-
regexpColor: "var(--ds-text-accent-teal, ".concat(T800, ")"),
|
|
37
|
-
symbolColor: "var(--ds-text-accent-teal, ".concat(T800, ")"),
|
|
38
|
-
variableColor: "var(--ds-text-accent-teal, ".concat(T800, ")"),
|
|
39
|
-
templateVariableColor: "var(--ds-text-accent-teal, ".concat(T800, ")"),
|
|
40
|
-
linkColor: "var(--ds-text-accent-purple, ".concat(colors.P300, ")"),
|
|
41
|
-
selectorAttributeColor: "var(--ds-text-accent-teal, ".concat(T800, ")"),
|
|
42
|
-
selectorPseudoColor: "var(--ds-text-accent-teal, ".concat(T800, ")"),
|
|
43
|
-
typeColor: "var(--ds-text-accent-teal, ".concat(T800, ")"),
|
|
44
|
-
stringColor: "var(--ds-text-accent-green, ".concat(colors.G500, ")"),
|
|
45
|
-
selectorIdColor: "var(--ds-text-accent-teal, ".concat(T800, ")"),
|
|
46
|
-
selectorClassColor: "var(--ds-text-accent-teal, ".concat(T800, ")"),
|
|
47
|
-
quoteColor: "var(--ds-text-accent-teal, ".concat(T800, ")"),
|
|
48
|
-
templateTagColor: "var(--ds-text-accent-teal, ".concat(T800, ")"),
|
|
49
|
-
titleColor: "var(--ds-text-accent-purple, ".concat(colors.P300, ")"),
|
|
50
|
-
sectionColor: "var(--ds-text-accent-purple, ".concat(colors.P300, ")"),
|
|
51
|
-
commentColor: "var(--ds-text-subtlest, ".concat(colors.N400, ")"),
|
|
52
|
-
metaKeywordColor: "var(--ds-text-accent-green, ".concat(colors.G500, ")"),
|
|
53
|
-
metaColor: "var(--ds-text-subtlest, ".concat(colors.N400, ")"),
|
|
54
|
-
functionColor: "var(--ds-text, ".concat(colors.N800, ")"),
|
|
55
|
-
numberColor: "var(--ds-text-accent-blue, ".concat(colors.B400, ")"),
|
|
56
|
-
prologColor: "var(--ds-text-accent-blue, ".concat(colors.B400, ")"),
|
|
57
|
-
cdataColor: "var(--ds-text-subtlest, ".concat(colors.N400, ")"),
|
|
58
|
-
punctuationColor: "var(--ds-text, ".concat(colors.N800, ")"),
|
|
59
|
-
propertyColor: "var(--ds-text-accent-purple, ".concat(colors.P300, ")"),
|
|
60
|
-
constantColor: "var(--ds-text-accent-teal, ".concat(T800, ")"),
|
|
61
|
-
booleanColor: "var(--ds-text-accent-blue, ".concat(colors.B400, ")"),
|
|
62
|
-
charColor: "var(--ds-text, ".concat(colors.N800, ")"),
|
|
63
|
-
insertedColor: "var(--ds-text-accent-green, ".concat(colors.G500, ")"),
|
|
64
|
-
deletedColor: "var(--ds-text-accent-red, ".concat(colors.R500, ")"),
|
|
65
|
-
operatorColor: "var(--ds-text, ".concat(colors.N800, ")"),
|
|
66
|
-
atruleColor: "var(--ds-text-accent-green, ".concat(colors.G500, ")"),
|
|
67
|
-
importantColor: "var(--ds-text-accent-yellow, ".concat(Y1100, ")")
|
|
68
|
-
};
|
|
69
|
-
});
|
|
70
|
-
var getTheme = function getTheme() {
|
|
71
|
-
return _objectSpread(_objectSpread({}, getBaseTheme()), getColorPalette());
|
|
72
|
-
};
|
|
73
|
-
export default getTheme;
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import type { CodeBlockTheme, CodeTheme } from './types';
|
|
2
|
-
export declare const getBaseTheme: () => CodeTheme;
|
|
3
|
-
export declare const getColorPalette: import("memoize-one").MemoizedFn<() => CodeBlockTheme>;
|
|
4
|
-
declare const getTheme: () => CodeBlockTheme;
|
|
5
|
-
export default getTheme;
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import type { CodeBlockTheme, CodeTheme } from './types';
|
|
2
|
-
export declare const getBaseTheme: () => CodeTheme;
|
|
3
|
-
export declare const getColorPalette: import("memoize-one").MemoizedFn<() => CodeBlockTheme>;
|
|
4
|
-
declare const getTheme: () => CodeBlockTheme;
|
|
5
|
-
export default getTheme;
|