@cloudscape-design/code-view 3.0.131 → 3.0.133
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/code-view/highlight/index.js +1 -1
- package/code-view/highlight/index.js.map +1 -1
- package/code-view/internal.js +1 -1
- package/code-view/internal.js.map +1 -1
- package/internal/environment.js +1 -1
- package/internal/environment.json +1 -1
- package/internal/generated/styles/tokens.d.ts +3 -0
- package/internal/generated/styles/tokens.js +3 -0
- package/internal/generated/theming/index.cjs +99 -0
- package/internal/generated/theming/index.cjs.d.ts +153 -0
- package/internal/generated/theming/index.d.ts +153 -0
- package/internal/generated/theming/index.js +99 -0
- package/internal/manifest.json +1 -1
- package/package.json +1 -1
|
@@ -10,7 +10,7 @@ export function createHighlight(rules) {
|
|
|
10
10
|
const tokens = tokenize(code, rules);
|
|
11
11
|
return (_jsx("span", { children: tokens.map((lineTokens, lineIndex) => (_jsxs(Fragment, { children: [lineTokens.map((token, tokenIndex) => {
|
|
12
12
|
return token.className ? (_jsx("span", { className: token.className, children: token.value }, tokenIndex)) : (token.value);
|
|
13
|
-
}), "\n"] }, lineIndex))) }));
|
|
13
|
+
}), lineIndex < tokens.length - 1 ? "\n" : ""] }, lineIndex))) }));
|
|
14
14
|
};
|
|
15
15
|
}
|
|
16
16
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/code-view/highlight/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAE7D,OAAO,wCAAwC,CAAC;AAChD,OAAO,6CAA6C,CAAC;AAIrD,MAAM,UAAU,eAAe,CAAC,KAAyB;IACvD,OAAO,CAAC,IAAY,EAAE,EAAE;QACtB,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QACrC,OAAO,CACL,yBACG,MAAM,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,SAAS,EAAE,EAAE,CAAC,CACrC,MAAC,QAAQ,eACN,UAAU,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,UAAU,EAAE,EAAE;wBACpC,OAAO,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CACvB,eAAM,SAAS,EAAE,KAAK,CAAC,SAAS,YAC7B,KAAK,CAAC,KAAK,IADyB,UAAU,CAE1C,CACR,CAAC,CAAC,CAAC,CACF,KAAK,CAAC,KAAK,CACZ,CAAC;oBACJ,CAAC,CAAC,EACD,IAAI,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/code-view/highlight/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAE7D,OAAO,wCAAwC,CAAC;AAChD,OAAO,6CAA6C,CAAC;AAIrD,MAAM,UAAU,eAAe,CAAC,KAAyB;IACvD,OAAO,CAAC,IAAY,EAAE,EAAE;QACtB,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QACrC,OAAO,CACL,yBACG,MAAM,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,SAAS,EAAE,EAAE,CAAC,CACrC,MAAC,QAAQ,eACN,UAAU,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,UAAU,EAAE,EAAE;wBACpC,OAAO,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CACvB,eAAM,SAAS,EAAE,KAAK,CAAC,SAAS,YAC7B,KAAK,CAAC,KAAK,IADyB,UAAU,CAE1C,CACR,CAAC,CAAC,CAAC,CACF,KAAK,CAAC,KAAK,CACZ,CAAC;oBACJ,CAAC,CAAC,EACD,SAAS,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,KAV7B,SAAS,CAWb,CACZ,CAAC,GACG,CACR,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { Fragment } from \"react\";\nimport type { Ace } from \"ace-code\";\nimport { tokenize } from \"ace-code/src/ext/simple_tokenizer\";\n\nimport \"ace-code/styles/theme/cloud_editor.css\";\nimport \"ace-code/styles/theme/cloud_editor_dark.css\";\n\ntype CreateHighlightType = (code: string) => React.ReactNode;\n\nexport function createHighlight(rules: Ace.HighlightRules): CreateHighlightType {\n return (code: string) => {\n const tokens = tokenize(code, rules);\n return (\n <span>\n {tokens.map((lineTokens, lineIndex) => (\n <Fragment key={lineIndex}>\n {lineTokens.map((token, tokenIndex) => {\n return token.className ? (\n <span className={token.className} key={tokenIndex}>\n {token.value}\n </span>\n ) : (\n token.value\n );\n })}\n {lineIndex < tokens.length - 1 ? \"\\n\" : \"\"}\n </Fragment>\n ))}\n </span>\n );\n };\n}\n"]}
|
package/code-view/internal.js
CHANGED
|
@@ -15,7 +15,7 @@ const NO_REGION_PROPS = {};
|
|
|
15
15
|
// Elements similar to how a highlight function would do.
|
|
16
16
|
const textHighlight = (code) => {
|
|
17
17
|
const lines = code.split("\n");
|
|
18
|
-
return (_jsx("span", { children: lines.map((line, lineIndex) => (_jsxs("span", { children: [line, "\n"] }, lineIndex))) }));
|
|
18
|
+
return (_jsx("span", { children: lines.map((line, lineIndex) => (_jsxs("span", { children: [line, lineIndex < lines.length - 1 ? "\n" : ""] }, lineIndex))) }));
|
|
19
19
|
};
|
|
20
20
|
export function InternalCodeView({ content, actions, lineNumbers, wrapLines, highlight, ariaLabel, ariaLabelledby, i18nStrings, __internalRootRef = null, ...props }) {
|
|
21
21
|
const baseProps = getBaseProps(props);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/code-view/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,QAAQ,EAAgB,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACzF,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,cAAc,EAAE,MAAM,+CAA+C,CAAC;AAC/E,OAAO,GAAG,MAAM,mCAAmC,CAAC;AAEpD,OAAO,EAAE,YAAY,EAA8B,MAAM,+CAA+C,CAAC;AAGzG,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,MAAM,WAAW,GAAG,EAAE,KAAK,EAAE,kBAAkB,EAAE,IAAI,EAAE,uBAAuB,EAAE,CAAC;AAEjF,4DAA4D;AAC5D,MAAM,YAAY,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAW,CAAC;AACjD,MAAM,eAAe,GAAG,EAAW,CAAC;AAIpC,sEAAsE;AACtE,yDAAyD;AACzD,MAAM,aAAa,GAAG,CAAC,IAAY,EAAE,EAAE;IACrC,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAC/B,OAAO,CACL,yBACG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC,CAC9B,2BACG,IAAI,EACJ,IAAI,
|
|
1
|
+
{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/code-view/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { Children, createElement, Fragment, ReactElement, useMemo, useRef } from \"react\";\nimport clsx from \"clsx\";\n\nimport { useCurrentMode } from \"@cloudscape-design/component-toolkit/internal\";\nimport Box from \"@cloudscape-design/components/box\";\n\nimport { getBaseProps, InternalBaseComponentProps } from \"../internal/base-component/use-base-component\";\nimport { CodeViewProps } from \"./interfaces\";\n\nimport styles from \"./styles.css.js\";\n\nconst ACE_CLASSES = { light: \"ace-cloud_editor\", dark: \"ace-cloud_editor_dark\" };\n\n// Static props objects to avoid recreation on every render.\nconst REGION_PROPS = { role: \"region\" } as const;\nconst NO_REGION_PROPS = {} as const;\n\ntype InternalCodeViewProps = CodeViewProps & InternalBaseComponentProps;\n\n// Breaks down the input code for non-highlighted code-view into React\n// Elements similar to how a highlight function would do.\nconst textHighlight = (code: string) => {\n const lines = code.split(\"\\n\");\n return (\n <span>\n {lines.map((line, lineIndex) => (\n <span key={lineIndex}>\n {line}\n {lineIndex < lines.length - 1 ? \"\\n\" : \"\"}\n </span>\n ))}\n </span>\n );\n};\n\nexport function InternalCodeView({\n content,\n actions,\n lineNumbers,\n wrapLines,\n highlight,\n ariaLabel,\n ariaLabelledby,\n i18nStrings,\n __internalRootRef = null,\n ...props\n}: InternalCodeViewProps) {\n const baseProps = getBaseProps(props);\n const containerRef = useRef<HTMLDivElement>(null);\n const darkMode = useCurrentMode(containerRef) === \"dark\";\n\n const regionProps = ariaLabel || ariaLabelledby ? REGION_PROPS : NO_REGION_PROPS;\n const accessibleLineNumbers = lineNumbers && i18nStrings?.lineNumberLabel && i18nStrings?.codeLabel;\n\n // Memoize tokenized React nodes to avoid re-running highlight on every render.\n const code = useMemo(() => (highlight ? highlight(content) : textHighlight(content)), [content, highlight]);\n // Create elements from the nodes.\n const codeElementWrapper: ReactElement = createElement(Fragment, null, code);\n const codeElement = Children.only(codeElementWrapper.props.children);\n\n return (\n <div\n className={clsx(darkMode ? ACE_CLASSES.dark : ACE_CLASSES.light, styles.root)}\n {...regionProps}\n {...baseProps}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledby}\n dir=\"ltr\"\n ref={__internalRootRef}\n >\n <div className={styles[\"scroll-container\"]} ref={containerRef}>\n <table\n role={!accessibleLineNumbers ? \"presentation\" : undefined}\n className={clsx(\n styles[\"code-table\"],\n actions && styles[\"code-table-with-actions\"],\n wrapLines && styles[\"code-table-with-line-wrapping\"],\n )}\n >\n <colgroup>\n <col style={{ width: 1 } /* shrink to fit content */} />\n <col style={{ width: \"auto\" }} />\n </colgroup>\n {accessibleLineNumbers && (\n <thead className={styles[\"screenreader-only\"]}>\n <tr>\n {lineNumbers && <th>{i18nStrings.lineNumberLabel}</th>}\n <th>{i18nStrings.codeLabel}</th>\n </tr>\n </thead>\n )}\n <tbody>\n {Children.map(codeElement.props.children, (child, index) => {\n return (\n <tr key={index}>\n {lineNumbers && (\n <td\n className={clsx(styles[\"line-number\"], styles.unselectable)}\n aria-hidden={!accessibleLineNumbers}\n >\n <Box variant=\"code\" color=\"text-status-inactive\" fontSize=\"body-m\">\n {index + 1}\n </Box>\n </td>\n )}\n <td className={styles[\"code-line\"]}>\n <Box variant=\"code\" fontSize=\"body-m\">\n <span\n className={clsx(\n codeElement.props.className,\n wrapLines ? styles[\"code-line-wrap\"] : styles[\"code-line-nowrap\"],\n )}\n >\n {child}\n </span>\n </Box>\n </td>\n </tr>\n );\n })}\n </tbody>\n </table>\n </div>\n {actions && <div className={styles.actions}>{actions}</div>}\n </div>\n );\n}\n"]}
|
package/internal/environment.js
CHANGED
|
@@ -588,6 +588,8 @@ export const colorIconActionCardDefault: string;
|
|
|
588
588
|
export const colorIconActionCardHover: string;
|
|
589
589
|
export const colorIconActionCardActive: string;
|
|
590
590
|
export const colorIconActionCardDisabled: string;
|
|
591
|
+
export const colorBackgroundSkeleton: string;
|
|
592
|
+
export const colorBackgroundSkeletonWave: string;
|
|
591
593
|
export const fontBoxValueLargeWeight: string;
|
|
592
594
|
export const fontButtonLetterSpacing: string;
|
|
593
595
|
export const fontChartDetailSize: string;
|
|
@@ -714,6 +716,7 @@ export const borderWidthActionCardDefault: string;
|
|
|
714
716
|
export const borderWidthActionCardHover: string;
|
|
715
717
|
export const borderWidthActionCardActive: string;
|
|
716
718
|
export const borderWidthActionCardDisabled: string;
|
|
719
|
+
export const borderRadiusSkeleton: string;
|
|
717
720
|
export const motionDurationExtraFast: string;
|
|
718
721
|
export const motionDurationExtraSlow: string;
|
|
719
722
|
export const motionDurationFast: string;
|
|
@@ -588,6 +588,8 @@ export var colorIconActionCardDefault = "var(--color-icon-action-card-default-an
|
|
|
588
588
|
export var colorIconActionCardHover = "var(--color-icon-action-card-hover-qxq4pp, #002b66)";
|
|
589
589
|
export var colorIconActionCardActive = "var(--color-icon-action-card-active-rhp94s, #002b66)";
|
|
590
590
|
export var colorIconActionCardDisabled = "var(--color-icon-action-card-disabled-wm3kyf, #b4b4bb)";
|
|
591
|
+
export var colorBackgroundSkeleton = "var(--color-background-skeleton-sjxg4n, #ebebf0)";
|
|
592
|
+
export var colorBackgroundSkeletonWave = "var(--color-background-skeleton-wave-1dy97d, #f6f6f9)";
|
|
591
593
|
export var fontBoxValueLargeWeight = "var(--font-box-value-large-weight-wr00sw, 700)";
|
|
592
594
|
export var fontButtonLetterSpacing = "var(--font-button-letter-spacing-ufowe3, 0.005em)";
|
|
593
595
|
export var fontChartDetailSize = "var(--font-chart-detail-size-9qr25q, 12px)";
|
|
@@ -714,6 +716,7 @@ export var borderWidthActionCardDefault = "var(--border-width-action-card-defaul
|
|
|
714
716
|
export var borderWidthActionCardHover = "var(--border-width-action-card-hover-02l6fg, 1px)";
|
|
715
717
|
export var borderWidthActionCardActive = "var(--border-width-action-card-active-pwtgzu, 1px)";
|
|
716
718
|
export var borderWidthActionCardDisabled = "var(--border-width-action-card-disabled-rdvlbc, 1px)";
|
|
719
|
+
export var borderRadiusSkeleton = "var(--border-radius-skeleton-9lkvfi, 8px)";
|
|
717
720
|
export var motionDurationExtraFast = "var(--motion-duration-extra-fast-l4w48j, 45ms)";
|
|
718
721
|
export var motionDurationExtraSlow = "var(--motion-duration-extra-slow-29bqym, 270ms)";
|
|
719
722
|
export var motionDurationFast = "var(--motion-duration-fast-unntf6, 90ms)";
|
|
@@ -2399,6 +2399,14 @@ module.exports.preset = {
|
|
|
2399
2399
|
"light": "{colorNeutral400}",
|
|
2400
2400
|
"dark": "{colorNeutral600}"
|
|
2401
2401
|
},
|
|
2402
|
+
"colorBackgroundSkeleton": {
|
|
2403
|
+
"light": "{colorNeutral250}",
|
|
2404
|
+
"dark": "{colorNeutral750}"
|
|
2405
|
+
},
|
|
2406
|
+
"colorBackgroundSkeletonWave": {
|
|
2407
|
+
"light": "{colorNeutral150}",
|
|
2408
|
+
"dark": "{colorNeutral700}"
|
|
2409
|
+
},
|
|
2402
2410
|
"fontBoxValueLargeWeight": "700",
|
|
2403
2411
|
"fontButtonLetterSpacing": "0.005em",
|
|
2404
2412
|
"fontChartDetailSize": "{fontSizeBodyS}",
|
|
@@ -2525,6 +2533,7 @@ module.exports.preset = {
|
|
|
2525
2533
|
"borderWidthActionCardHover": "{borderWidthCard}",
|
|
2526
2534
|
"borderWidthActionCardActive": "{borderWidthCard}",
|
|
2527
2535
|
"borderWidthActionCardDisabled": "{borderWidthCard}",
|
|
2536
|
+
"borderRadiusSkeleton": "8px",
|
|
2528
2537
|
"motionDurationExtraFast": {
|
|
2529
2538
|
"default": "45ms",
|
|
2530
2539
|
"disabled": "0ms"
|
|
@@ -5033,6 +5042,14 @@ module.exports.preset = {
|
|
|
5033
5042
|
"light": "{colorNeutral600}",
|
|
5034
5043
|
"dark": "{colorNeutral600}"
|
|
5035
5044
|
},
|
|
5045
|
+
"colorBackgroundSkeleton": {
|
|
5046
|
+
"light": "{colorNeutral750}",
|
|
5047
|
+
"dark": "{colorNeutral750}"
|
|
5048
|
+
},
|
|
5049
|
+
"colorBackgroundSkeletonWave": {
|
|
5050
|
+
"light": "{colorNeutral700}",
|
|
5051
|
+
"dark": "{colorNeutral700}"
|
|
5052
|
+
},
|
|
5036
5053
|
"colorPrimary50": "#f0fbff",
|
|
5037
5054
|
"colorPrimary100": "#d1f1ff",
|
|
5038
5055
|
"colorPrimary200": "#b8e7ff",
|
|
@@ -6502,6 +6519,14 @@ module.exports.preset = {
|
|
|
6502
6519
|
"light": "{colorNeutral600}",
|
|
6503
6520
|
"dark": "{colorNeutral600}"
|
|
6504
6521
|
},
|
|
6522
|
+
"colorBackgroundSkeleton": {
|
|
6523
|
+
"light": "{colorNeutral750}",
|
|
6524
|
+
"dark": "{colorNeutral750}"
|
|
6525
|
+
},
|
|
6526
|
+
"colorBackgroundSkeletonWave": {
|
|
6527
|
+
"light": "{colorNeutral700}",
|
|
6528
|
+
"dark": "{colorNeutral700}"
|
|
6529
|
+
},
|
|
6505
6530
|
"colorPrimary50": "#f0fbff",
|
|
6506
6531
|
"colorPrimary100": "#d1f1ff",
|
|
6507
6532
|
"colorPrimary200": "#b8e7ff",
|
|
@@ -7898,6 +7923,14 @@ module.exports.preset = {
|
|
|
7898
7923
|
"colorIconActionCardDisabled": {
|
|
7899
7924
|
"light": "{colorNeutral400}",
|
|
7900
7925
|
"dark": "{colorNeutral600}"
|
|
7926
|
+
},
|
|
7927
|
+
"colorBackgroundSkeleton": {
|
|
7928
|
+
"light": "{colorNeutral250}",
|
|
7929
|
+
"dark": "{colorNeutral750}"
|
|
7930
|
+
},
|
|
7931
|
+
"colorBackgroundSkeletonWave": {
|
|
7932
|
+
"light": "{colorNeutral150}",
|
|
7933
|
+
"dark": "{colorNeutral700}"
|
|
7901
7934
|
}
|
|
7902
7935
|
}
|
|
7903
7936
|
},
|
|
@@ -9180,6 +9213,14 @@ module.exports.preset = {
|
|
|
9180
9213
|
"colorIconActionCardDisabled": {
|
|
9181
9214
|
"light": "{colorNeutral400}",
|
|
9182
9215
|
"dark": "{colorNeutral600}"
|
|
9216
|
+
},
|
|
9217
|
+
"colorBackgroundSkeleton": {
|
|
9218
|
+
"light": "{colorNeutral250}",
|
|
9219
|
+
"dark": "{colorNeutral750}"
|
|
9220
|
+
},
|
|
9221
|
+
"colorBackgroundSkeletonWave": {
|
|
9222
|
+
"light": "{colorNeutral150}",
|
|
9223
|
+
"dark": "{colorNeutral700}"
|
|
9183
9224
|
}
|
|
9184
9225
|
}
|
|
9185
9226
|
},
|
|
@@ -10463,6 +10504,14 @@ module.exports.preset = {
|
|
|
10463
10504
|
"light": "{colorNeutral400}",
|
|
10464
10505
|
"dark": "{colorNeutral600}"
|
|
10465
10506
|
},
|
|
10507
|
+
"colorBackgroundSkeleton": {
|
|
10508
|
+
"light": "{colorNeutral250}",
|
|
10509
|
+
"dark": "{colorNeutral750}"
|
|
10510
|
+
},
|
|
10511
|
+
"colorBackgroundSkeletonWave": {
|
|
10512
|
+
"light": "{colorNeutral150}",
|
|
10513
|
+
"dark": "{colorNeutral700}"
|
|
10514
|
+
},
|
|
10466
10515
|
"fontExpandableHeadingSize": "14px",
|
|
10467
10516
|
"borderDividerSectionWidth": "1px"
|
|
10468
10517
|
}
|
|
@@ -11746,6 +11795,14 @@ module.exports.preset = {
|
|
|
11746
11795
|
"colorIconActionCardDisabled": {
|
|
11747
11796
|
"light": "{colorNeutral600}",
|
|
11748
11797
|
"dark": "{colorNeutral600}"
|
|
11798
|
+
},
|
|
11799
|
+
"colorBackgroundSkeleton": {
|
|
11800
|
+
"light": "{colorNeutral750}",
|
|
11801
|
+
"dark": "{colorNeutral750}"
|
|
11802
|
+
},
|
|
11803
|
+
"colorBackgroundSkeletonWave": {
|
|
11804
|
+
"light": "{colorNeutral700}",
|
|
11805
|
+
"dark": "{colorNeutral700}"
|
|
11749
11806
|
}
|
|
11750
11807
|
}
|
|
11751
11808
|
},
|
|
@@ -12351,6 +12408,8 @@ module.exports.preset = {
|
|
|
12351
12408
|
"colorIconActionCardHover": "color",
|
|
12352
12409
|
"colorIconActionCardActive": "color",
|
|
12353
12410
|
"colorIconActionCardDisabled": "color",
|
|
12411
|
+
"colorBackgroundSkeleton": "color",
|
|
12412
|
+
"colorBackgroundSkeletonWave": "color",
|
|
12354
12413
|
"motionDurationExtraFast": "motion",
|
|
12355
12414
|
"motionDurationExtraSlow": "motion",
|
|
12356
12415
|
"motionDurationFast": "motion",
|
|
@@ -13006,6 +13065,15 @@ module.exports.preset = {
|
|
|
13006
13065
|
"colorDropzoneBorderDefault",
|
|
13007
13066
|
"colorDropzoneBorderHover",
|
|
13008
13067
|
"colorTreeViewConnectorLine",
|
|
13068
|
+
"colorBackgroundActionCardDefault",
|
|
13069
|
+
"colorBackgroundActionCardHover",
|
|
13070
|
+
"colorBackgroundActionCardActive",
|
|
13071
|
+
"colorBorderActionCardDefault",
|
|
13072
|
+
"colorBorderActionCardHover",
|
|
13073
|
+
"colorBorderActionCardActive",
|
|
13074
|
+
"colorBorderActionCardDisabled",
|
|
13075
|
+
"colorBackgroundActionCardDisabled",
|
|
13076
|
+
"colorTextActionCardDisabled",
|
|
13009
13077
|
"fontFamilyBase",
|
|
13010
13078
|
"fontFamilyDisplay",
|
|
13011
13079
|
"fontFamilyHeading",
|
|
@@ -13088,6 +13156,10 @@ module.exports.preset = {
|
|
|
13088
13156
|
"borderWidthIconLarge",
|
|
13089
13157
|
"borderRadiusActionCardDefault",
|
|
13090
13158
|
"borderRadiusActionCardEmbedded",
|
|
13159
|
+
"borderWidthActionCardDefault",
|
|
13160
|
+
"borderWidthActionCardHover",
|
|
13161
|
+
"borderWidthActionCardActive",
|
|
13162
|
+
"borderWidthActionCardDisabled",
|
|
13091
13163
|
"sizeVerticalInput",
|
|
13092
13164
|
"spaceAlertVertical",
|
|
13093
13165
|
"spaceButtonHorizontal",
|
|
@@ -13099,6 +13171,10 @@ module.exports.preset = {
|
|
|
13099
13171
|
"spaceCardVerticalDefault",
|
|
13100
13172
|
"spaceCardVerticalEmbedded",
|
|
13101
13173
|
"spaceTabsVertical",
|
|
13174
|
+
"spaceActionCardHorizontalDefault",
|
|
13175
|
+
"spaceActionCardHorizontalEmbedded",
|
|
13176
|
+
"spaceActionCardVerticalDefault",
|
|
13177
|
+
"spaceActionCardVerticalEmbedded",
|
|
13102
13178
|
"shadowCard"
|
|
13103
13179
|
],
|
|
13104
13180
|
"exposed": [
|
|
@@ -13450,6 +13526,15 @@ module.exports.preset = {
|
|
|
13450
13526
|
"colorDropzoneBorderDefault",
|
|
13451
13527
|
"colorDropzoneBorderHover",
|
|
13452
13528
|
"colorTreeViewConnectorLine",
|
|
13529
|
+
"colorBackgroundActionCardDefault",
|
|
13530
|
+
"colorBackgroundActionCardHover",
|
|
13531
|
+
"colorBackgroundActionCardActive",
|
|
13532
|
+
"colorBorderActionCardDefault",
|
|
13533
|
+
"colorBorderActionCardHover",
|
|
13534
|
+
"colorBorderActionCardActive",
|
|
13535
|
+
"colorBorderActionCardDisabled",
|
|
13536
|
+
"colorBackgroundActionCardDisabled",
|
|
13537
|
+
"colorTextActionCardDisabled",
|
|
13453
13538
|
"fontFamilyBase",
|
|
13454
13539
|
"fontFamilyDisplay",
|
|
13455
13540
|
"fontFamilyHeading",
|
|
@@ -13533,6 +13618,10 @@ module.exports.preset = {
|
|
|
13533
13618
|
"borderWidthIconLarge",
|
|
13534
13619
|
"borderRadiusActionCardDefault",
|
|
13535
13620
|
"borderRadiusActionCardEmbedded",
|
|
13621
|
+
"borderWidthActionCardDefault",
|
|
13622
|
+
"borderWidthActionCardHover",
|
|
13623
|
+
"borderWidthActionCardActive",
|
|
13624
|
+
"borderWidthActionCardDisabled",
|
|
13536
13625
|
"motionDurationAvatarGenAiGradient",
|
|
13537
13626
|
"motionDurationAvatarLoadingDots",
|
|
13538
13627
|
"motionEasingAvatarGenAiGradient",
|
|
@@ -13560,6 +13649,10 @@ module.exports.preset = {
|
|
|
13560
13649
|
"spaceFieldHorizontal",
|
|
13561
13650
|
"spaceTabsVertical",
|
|
13562
13651
|
"spaceTreeViewIndentation",
|
|
13652
|
+
"spaceActionCardHorizontalDefault",
|
|
13653
|
+
"spaceActionCardHorizontalEmbedded",
|
|
13654
|
+
"spaceActionCardVerticalDefault",
|
|
13655
|
+
"spaceActionCardVerticalEmbedded",
|
|
13563
13656
|
"spaceOptionPaddingVertical",
|
|
13564
13657
|
"spaceOptionPaddingHorizontal",
|
|
13565
13658
|
"spaceScaledXxxs",
|
|
@@ -14174,6 +14267,8 @@ module.exports.preset = {
|
|
|
14174
14267
|
"colorIconActionCardHover": "color-icon-action-card-hover",
|
|
14175
14268
|
"colorIconActionCardActive": "color-icon-action-card-active",
|
|
14176
14269
|
"colorIconActionCardDisabled": "color-icon-action-card-disabled",
|
|
14270
|
+
"colorBackgroundSkeleton": "color-background-skeleton",
|
|
14271
|
+
"colorBackgroundSkeletonWave": "color-background-skeleton-wave",
|
|
14177
14272
|
"fontBoxValueLargeWeight": "font-box-value-large-weight",
|
|
14178
14273
|
"fontButtonLetterSpacing": "font-button-letter-spacing",
|
|
14179
14274
|
"fontChartDetailSize": "font-chart-detail-size",
|
|
@@ -14300,6 +14395,7 @@ module.exports.preset = {
|
|
|
14300
14395
|
"borderWidthActionCardHover": "border-width-action-card-hover",
|
|
14301
14396
|
"borderWidthActionCardActive": "border-width-action-card-active",
|
|
14302
14397
|
"borderWidthActionCardDisabled": "border-width-action-card-disabled",
|
|
14398
|
+
"borderRadiusSkeleton": "border-radius-skeleton",
|
|
14303
14399
|
"motionDurationExtraFast": "motion-duration-extra-fast",
|
|
14304
14400
|
"motionDurationExtraSlow": "motion-duration-extra-slow",
|
|
14305
14401
|
"motionDurationFast": "motion-duration-fast",
|
|
@@ -15078,6 +15174,8 @@ module.exports.preset = {
|
|
|
15078
15174
|
"colorIconActionCardHover": "--color-icon-action-card-hover-qxq4pp",
|
|
15079
15175
|
"colorIconActionCardActive": "--color-icon-action-card-active-rhp94s",
|
|
15080
15176
|
"colorIconActionCardDisabled": "--color-icon-action-card-disabled-wm3kyf",
|
|
15177
|
+
"colorBackgroundSkeleton": "--color-background-skeleton-sjxg4n",
|
|
15178
|
+
"colorBackgroundSkeletonWave": "--color-background-skeleton-wave-1dy97d",
|
|
15081
15179
|
"fontBoxValueLargeWeight": "--font-box-value-large-weight-wr00sw",
|
|
15082
15180
|
"fontButtonLetterSpacing": "--font-button-letter-spacing-ufowe3",
|
|
15083
15181
|
"fontChartDetailSize": "--font-chart-detail-size-9qr25q",
|
|
@@ -15204,6 +15302,7 @@ module.exports.preset = {
|
|
|
15204
15302
|
"borderWidthActionCardHover": "--border-width-action-card-hover-02l6fg",
|
|
15205
15303
|
"borderWidthActionCardActive": "--border-width-action-card-active-pwtgzu",
|
|
15206
15304
|
"borderWidthActionCardDisabled": "--border-width-action-card-disabled-rdvlbc",
|
|
15305
|
+
"borderRadiusSkeleton": "--border-radius-skeleton-9lkvfi",
|
|
15207
15306
|
"motionDurationExtraFast": "--motion-duration-extra-fast-l4w48j",
|
|
15208
15307
|
"motionDurationExtraSlow": "--motion-duration-extra-slow-29bqym",
|
|
15209
15308
|
"motionDurationFast": "--motion-duration-fast-unntf6",
|