@salesforce/ui-theme-manager 11.62.1 → 11.64.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/dist/authoring/core/ThemeManagerPanelRoot.d.cts +7 -0
- package/dist/authoring/core/ThemeManagerPanelRoot.d.ts +7 -0
- package/dist/authoring/core/ThemeManagerPanelRoot.d.ts.map +1 -1
- package/dist/authoring/core/components/BordersSection.d.ts.map +1 -1
- package/dist/authoring/core/components/ButtonSection.d.cts +7 -0
- package/dist/authoring/core/components/ButtonSection.d.ts +7 -0
- package/dist/authoring/core/components/ButtonSection.d.ts.map +1 -1
- package/dist/authoring/core/components/ScaleValueRow.d.cts +43 -0
- package/dist/authoring/core/components/ScaleValueRow.d.ts +43 -0
- package/dist/authoring/core/components/ScaleValueRow.d.ts.map +1 -0
- package/dist/authoring/core/components/SectionTabs.d.cts +23 -0
- package/dist/authoring/core/components/SectionTabs.d.ts +23 -0
- package/dist/authoring/core/components/SectionTabs.d.ts.map +1 -0
- package/dist/authoring/core/components/TypographySection.d.ts.map +1 -1
- package/dist/authoring/core/labels.d.cts +22 -5
- package/dist/authoring/core/labels.d.ts +22 -5
- package/dist/authoring/core/labels.d.ts.map +1 -1
- package/dist/authoring/react/index.js +1 -1
- package/dist/authoring/react/styles.css +1 -1
- package/dist/authoring/web-component/index.d.cts +8 -0
- package/dist/authoring/web-component/index.d.ts +8 -0
- package/dist/authoring/web-component/index.d.ts.map +1 -1
- package/dist/authoring/web-component/index.js +180 -19
- package/dist/protocol/brandCss.cjs +38 -1
- package/dist/protocol/brandCss.d.cts +19 -0
- package/dist/protocol/brandCss.d.ts +19 -0
- package/dist/protocol/brandCss.d.ts.map +1 -1
- package/dist/protocol/brandCss.js +39 -2
- package/dist/protocol/brandSearch.cjs +24 -10
- package/dist/protocol/brandSearch.d.cts +24 -0
- package/dist/protocol/brandSearch.d.ts +24 -0
- package/dist/protocol/brandSearch.d.ts.map +1 -1
- package/dist/protocol/brandSearch.js +24 -10
- package/dist/protocol/index.cjs +6 -0
- package/dist/protocol/index.js +8 -2
- package/dist/runtime/previewContent.cjs +496 -217
- package/dist/runtime/previewContent.d.cts +31 -12
- package/dist/runtime/previewContent.d.ts +31 -12
- package/dist/runtime/previewContent.d.ts.map +1 -1
- package/dist/runtime/previewContent.js +498 -219
- package/dist/runtime/theme-preview-runtime.js +2526 -0
- package/package.json +1 -1
- package/dist/authoring/core/components/AssetsSection.d.cts +0 -12
- package/dist/authoring/core/components/AssetsSection.d.ts +0 -12
- package/dist/authoring/core/components/AssetsSection.d.ts.map +0 -1
|
@@ -33,6 +33,13 @@ export interface ThemeManagerPanelProps {
|
|
|
33
33
|
onRefreshLocal: () => void;
|
|
34
34
|
/** User clicked "Apply theme via Agentforce Vibes". */
|
|
35
35
|
onApplyVibes?: () => void;
|
|
36
|
+
/**
|
|
37
|
+
* Whether to render the in-panel Save / Apply bar. Defaults to `true`.
|
|
38
|
+
* A host that provides its own Save/Apply chrome outside the panel (e.g. the
|
|
39
|
+
* VS Code extension renders them in a header above the preview) sets this to
|
|
40
|
+
* `false` to avoid a duplicate set of buttons.
|
|
41
|
+
*/
|
|
42
|
+
showSaveBar?: boolean;
|
|
36
43
|
}
|
|
37
44
|
/**
|
|
38
45
|
* Host-neutral React component for the Brand Manager control panel.
|
|
@@ -33,6 +33,13 @@ export interface ThemeManagerPanelProps {
|
|
|
33
33
|
onRefreshLocal: () => void;
|
|
34
34
|
/** User clicked "Apply theme via Agentforce Vibes". */
|
|
35
35
|
onApplyVibes?: () => void;
|
|
36
|
+
/**
|
|
37
|
+
* Whether to render the in-panel Save / Apply bar. Defaults to `true`.
|
|
38
|
+
* A host that provides its own Save/Apply chrome outside the panel (e.g. the
|
|
39
|
+
* VS Code extension renders them in a header above the preview) sets this to
|
|
40
|
+
* `false` to avoid a duplicate set of buttons.
|
|
41
|
+
*/
|
|
42
|
+
showSaveBar?: boolean;
|
|
36
43
|
}
|
|
37
44
|
/**
|
|
38
45
|
* Host-neutral React component for the Brand Manager control panel.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeManagerPanelRoot.d.ts","sourceRoot":"","sources":["../../../src/authoring/core/ThemeManagerPanelRoot.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,OAAO,EAAe,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AACzD,OAAO,EAAqB,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAE/D;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACtC,yCAAyC;IACzC,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,uCAAuC;IACvC,WAAW,EAAE,KAAK,EAAE,CAAC;IACrB,gFAAgF;IAChF,aAAa,EAAE,MAAM,CAAC;IACtB,oCAAoC;IACpC,SAAS,EAAE,OAAO,GAAG,KAAK,CAAC;IAC3B,iEAAiE;IACjE,MAAM,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IAC9B,4CAA4C;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8CAA8C;IAC9C,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,gEAAgE;IAChE,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,6FAA6F;IAC7F,qBAAqB,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/E,oCAAoC;IACpC,WAAW,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IACzC,0BAA0B;IAC1B,WAAW,EAAE,CAAC,GAAG,EAAE,OAAO,GAAG,KAAK,KAAK,IAAI,CAAC;IAC5C,yCAAyC;IACzC,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,uDAAuD;IACvD,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"ThemeManagerPanelRoot.d.ts","sourceRoot":"","sources":["../../../src/authoring/core/ThemeManagerPanelRoot.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,OAAO,EAAe,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AACzD,OAAO,EAAqB,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAE/D;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACtC,yCAAyC;IACzC,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,uCAAuC;IACvC,WAAW,EAAE,KAAK,EAAE,CAAC;IACrB,gFAAgF;IAChF,aAAa,EAAE,MAAM,CAAC;IACtB,oCAAoC;IACpC,SAAS,EAAE,OAAO,GAAG,KAAK,CAAC;IAC3B,iEAAiE;IACjE,MAAM,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IAC9B,4CAA4C;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8CAA8C;IAC9C,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,gEAAgE;IAChE,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,6FAA6F;IAC7F,qBAAqB,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/E,oCAAoC;IACpC,WAAW,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IACzC,0BAA0B;IAC1B,WAAW,EAAE,CAAC,GAAG,EAAE,OAAO,GAAG,KAAK,KAAK,IAAI,CAAC;IAC5C,yCAAyC;IACzC,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,uDAAuD;IACvD,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,+FA6NjC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BordersSection.d.ts","sourceRoot":"","sources":["../../../../src/authoring/core/components/BordersSection.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,KAAK,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"BordersSection.d.ts","sourceRoot":"","sources":["../../../../src/authoring/core/components/BordersSection.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,KAAK,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAG7C,MAAM,WAAW,mBAAmB;IACnC,KAAK,EAAE,KAAK,CAAC;IACb,MAAM,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAC/B,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;CACxD;AAuED,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,mBAAmB,2CA4E9E"}
|
|
@@ -5,5 +5,12 @@ export interface ButtonSectionProps {
|
|
|
5
5
|
labels: PanelLabels["buttons"];
|
|
6
6
|
onChange: (path: string, value: string) => void;
|
|
7
7
|
}
|
|
8
|
+
/**
|
|
9
|
+
* Button color editors, grouped by button type (Primary / Secondary / Tertiary)
|
|
10
|
+
* as a single-open accordion. Nine near-identical color cards shown at once read
|
|
11
|
+
* as clutter — especially now that the whole section already lives behind the
|
|
12
|
+
* Colors tab — so each type collapses to a one-line row with a swatch preview of
|
|
13
|
+
* its colors, and only the open group reveals its full pickers.
|
|
14
|
+
*/
|
|
8
15
|
export declare function ButtonSection({ brand, labels, onChange }: ButtonSectionProps): import("react/jsx-runtime").JSX.Element;
|
|
9
16
|
//# sourceMappingURL=ButtonSection.d.ts.map
|
|
@@ -5,5 +5,12 @@ export interface ButtonSectionProps {
|
|
|
5
5
|
labels: PanelLabels["buttons"];
|
|
6
6
|
onChange: (path: string, value: string) => void;
|
|
7
7
|
}
|
|
8
|
+
/**
|
|
9
|
+
* Button color editors, grouped by button type (Primary / Secondary / Tertiary)
|
|
10
|
+
* as a single-open accordion. Nine near-identical color cards shown at once read
|
|
11
|
+
* as clutter — especially now that the whole section already lives behind the
|
|
12
|
+
* Colors tab — so each type collapses to a one-line row with a swatch preview of
|
|
13
|
+
* its colors, and only the open group reveals its full pickers.
|
|
14
|
+
*/
|
|
8
15
|
export declare function ButtonSection({ brand, labels, onChange }: ButtonSectionProps): import("react/jsx-runtime").JSX.Element;
|
|
9
16
|
//# sourceMappingURL=ButtonSection.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonSection.d.ts","sourceRoot":"","sources":["../../../../src/authoring/core/components/ButtonSection.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE/C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAE7C,MAAM,WAAW,kBAAkB;IAClC,KAAK,EAAE,KAAK,CAAC;IACb,MAAM,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAC/B,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAChD;AAUD,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,kBAAkB,
|
|
1
|
+
{"version":3,"file":"ButtonSection.d.ts","sourceRoot":"","sources":["../../../../src/authoring/core/components/ButtonSection.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE/C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAE7C,MAAM,WAAW,kBAAkB;IAClC,KAAK,EAAE,KAAK,CAAC;IACb,MAAM,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAC/B,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAChD;AAUD;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,kBAAkB,2CAmH5E"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { BrandDimension } from '../../../protocol.cjs';
|
|
3
|
+
/**
|
|
4
|
+
* Rem values are relative to a 16px base (px = rem * 16). Shared by the Typography
|
|
5
|
+
* font-size table and the Borders weight/radius tables, which all edit a rem-stored
|
|
6
|
+
* scale entry but let the user type in either pixels or rem.
|
|
7
|
+
*/
|
|
8
|
+
export declare const REM_BASE_PX = 16;
|
|
9
|
+
export declare const remToPx: (rem: number) => number;
|
|
10
|
+
export declare const pxToRem: (px: number) => number;
|
|
11
|
+
/**
|
|
12
|
+
* Formats a number for display in an input: trims floating-point cruft while
|
|
13
|
+
* keeping meaningful decimals (e.g. 0.8125, 6.25, 13).
|
|
14
|
+
*/
|
|
15
|
+
export declare function formatScaleNum(n: number): string;
|
|
16
|
+
/**
|
|
17
|
+
* One row of a scale table (Typography size, Border weight/radius): the row name,
|
|
18
|
+
* an editable Pixel Value and Rem Value (two views of one stored rem value), and a
|
|
19
|
+
* caller-supplied Example cell rendered at the row's true pixel size.
|
|
20
|
+
*
|
|
21
|
+
* The model stores rem; px is the friendlier editing unit. Both inputs stay in
|
|
22
|
+
* sync and either one commits the same `{unit:"rem"}` edit. Keeps optimistic local
|
|
23
|
+
* text state because the host applies the edit and re-renders the preview without
|
|
24
|
+
* echoing the edited brand back into this panel — so the inputs must show what the
|
|
25
|
+
* user typed, not snap back to the prop.
|
|
26
|
+
*
|
|
27
|
+
* `editable={false}` renders the values as static text — for the definitionally-zero
|
|
28
|
+
* baseline rows (the "None" weight and "Square" radius), which aren't meant to change.
|
|
29
|
+
*/
|
|
30
|
+
export declare function ScaleValueRow({ label, dimension, path, editable, pixelInputLabel, remInputLabel, renderExample, onChange, }: {
|
|
31
|
+
label: string;
|
|
32
|
+
dimension: BrandDimension;
|
|
33
|
+
path: string;
|
|
34
|
+
editable?: boolean;
|
|
35
|
+
/** Accessible label for the pixel input (e.g. "Thin pixel value"). */
|
|
36
|
+
pixelInputLabel: string;
|
|
37
|
+
/** Accessible label for the rem input (e.g. "Thin rem value"). */
|
|
38
|
+
remInputLabel: string;
|
|
39
|
+
/** Renders the Example cell content at the given (live) pixel value. */
|
|
40
|
+
renderExample: (px: number) => React.ReactNode;
|
|
41
|
+
onChange: (path: string, value: BrandDimension) => void;
|
|
42
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
43
|
+
//# sourceMappingURL=ScaleValueRow.d.ts.map
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { BrandDimension } from '../../../protocol.js';
|
|
3
|
+
/**
|
|
4
|
+
* Rem values are relative to a 16px base (px = rem * 16). Shared by the Typography
|
|
5
|
+
* font-size table and the Borders weight/radius tables, which all edit a rem-stored
|
|
6
|
+
* scale entry but let the user type in either pixels or rem.
|
|
7
|
+
*/
|
|
8
|
+
export declare const REM_BASE_PX = 16;
|
|
9
|
+
export declare const remToPx: (rem: number) => number;
|
|
10
|
+
export declare const pxToRem: (px: number) => number;
|
|
11
|
+
/**
|
|
12
|
+
* Formats a number for display in an input: trims floating-point cruft while
|
|
13
|
+
* keeping meaningful decimals (e.g. 0.8125, 6.25, 13).
|
|
14
|
+
*/
|
|
15
|
+
export declare function formatScaleNum(n: number): string;
|
|
16
|
+
/**
|
|
17
|
+
* One row of a scale table (Typography size, Border weight/radius): the row name,
|
|
18
|
+
* an editable Pixel Value and Rem Value (two views of one stored rem value), and a
|
|
19
|
+
* caller-supplied Example cell rendered at the row's true pixel size.
|
|
20
|
+
*
|
|
21
|
+
* The model stores rem; px is the friendlier editing unit. Both inputs stay in
|
|
22
|
+
* sync and either one commits the same `{unit:"rem"}` edit. Keeps optimistic local
|
|
23
|
+
* text state because the host applies the edit and re-renders the preview without
|
|
24
|
+
* echoing the edited brand back into this panel — so the inputs must show what the
|
|
25
|
+
* user typed, not snap back to the prop.
|
|
26
|
+
*
|
|
27
|
+
* `editable={false}` renders the values as static text — for the definitionally-zero
|
|
28
|
+
* baseline rows (the "None" weight and "Square" radius), which aren't meant to change.
|
|
29
|
+
*/
|
|
30
|
+
export declare function ScaleValueRow({ label, dimension, path, editable, pixelInputLabel, remInputLabel, renderExample, onChange, }: {
|
|
31
|
+
label: string;
|
|
32
|
+
dimension: BrandDimension;
|
|
33
|
+
path: string;
|
|
34
|
+
editable?: boolean;
|
|
35
|
+
/** Accessible label for the pixel input (e.g. "Thin pixel value"). */
|
|
36
|
+
pixelInputLabel: string;
|
|
37
|
+
/** Accessible label for the rem input (e.g. "Thin rem value"). */
|
|
38
|
+
remInputLabel: string;
|
|
39
|
+
/** Renders the Example cell content at the given (live) pixel value. */
|
|
40
|
+
renderExample: (px: number) => React.ReactNode;
|
|
41
|
+
onChange: (path: string, value: BrandDimension) => void;
|
|
42
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
43
|
+
//# sourceMappingURL=ScaleValueRow.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ScaleValueRow.d.ts","sourceRoot":"","sources":["../../../../src/authoring/core/components/ScaleValueRow.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExD;;;;GAIG;AACH,eAAO,MAAM,WAAW,KAAK,CAAC;AAC9B,eAAO,MAAM,OAAO,GAAI,KAAK,MAAM,KAAG,MAA2B,CAAC;AAClE,eAAO,MAAM,OAAO,GAAI,IAAI,MAAM,KAAG,MAA0B,CAAC;AAEhE;;;GAGG;AACH,wBAAgB,cAAc,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAEhD;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,aAAa,CAAC,EAC7B,KAAK,EACL,SAAS,EACT,IAAI,EACJ,QAAe,EACf,eAAe,EACf,aAAa,EACb,aAAa,EACb,QAAQ,GACR,EAAE;IACF,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,cAAc,CAAC;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sEAAsE;IACtE,eAAe,EAAE,MAAM,CAAC;IACxB,kEAAkE;IAClE,aAAa,EAAE,MAAM,CAAC;IACtB,wEAAwE;IACxE,aAAa,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IAC/C,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;CACxD,2CAkFA"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright (c) 2026, Salesforce, Inc.,
|
|
3
|
+
* All rights reserved.
|
|
4
|
+
* For full license text, see the LICENSE.txt file
|
|
5
|
+
*/
|
|
6
|
+
/**
|
|
7
|
+
* Tab strip for the property editors (Colors / Typography / Borders). Groups the
|
|
8
|
+
* branding controls so the panel shows one category at a time instead of one
|
|
9
|
+
* long scroll. Reuses the same `.tm-tab` styling as the gallery's TabSwitcher.
|
|
10
|
+
*/
|
|
11
|
+
export interface SectionTab<T extends string> {
|
|
12
|
+
/** Stable id used for the tab's DOM id and to identify the active tab. */
|
|
13
|
+
id: T;
|
|
14
|
+
/** Visible, localized tab label. */
|
|
15
|
+
label: string;
|
|
16
|
+
}
|
|
17
|
+
export interface SectionTabsProps<T extends string> {
|
|
18
|
+
tabs: SectionTab<T>[];
|
|
19
|
+
activeTab: T;
|
|
20
|
+
onSelectTab: (tab: T) => void;
|
|
21
|
+
}
|
|
22
|
+
export declare function SectionTabs<T extends string>({ tabs, activeTab, onSelectTab, }: SectionTabsProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
//# sourceMappingURL=SectionTabs.d.ts.map
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright (c) 2026, Salesforce, Inc.,
|
|
3
|
+
* All rights reserved.
|
|
4
|
+
* For full license text, see the LICENSE.txt file
|
|
5
|
+
*/
|
|
6
|
+
/**
|
|
7
|
+
* Tab strip for the property editors (Colors / Typography / Borders). Groups the
|
|
8
|
+
* branding controls so the panel shows one category at a time instead of one
|
|
9
|
+
* long scroll. Reuses the same `.tm-tab` styling as the gallery's TabSwitcher.
|
|
10
|
+
*/
|
|
11
|
+
export interface SectionTab<T extends string> {
|
|
12
|
+
/** Stable id used for the tab's DOM id and to identify the active tab. */
|
|
13
|
+
id: T;
|
|
14
|
+
/** Visible, localized tab label. */
|
|
15
|
+
label: string;
|
|
16
|
+
}
|
|
17
|
+
export interface SectionTabsProps<T extends string> {
|
|
18
|
+
tabs: SectionTab<T>[];
|
|
19
|
+
activeTab: T;
|
|
20
|
+
onSelectTab: (tab: T) => void;
|
|
21
|
+
}
|
|
22
|
+
export declare function SectionTabs<T extends string>({ tabs, activeTab, onSelectTab, }: SectionTabsProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
//# sourceMappingURL=SectionTabs.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SectionTabs.d.ts","sourceRoot":"","sources":["../../../../src/authoring/core/components/SectionTabs.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;;;GAIG;AACH,MAAM,WAAW,UAAU,CAAC,CAAC,SAAS,MAAM;IAC3C,0EAA0E;IAC1E,EAAE,EAAE,CAAC,CAAC;IACN,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,gBAAgB,CAAC,CAAC,SAAS,MAAM;IACjD,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;IACtB,SAAS,EAAE,CAAC,CAAC;IACb,WAAW,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC;CAC9B;AAED,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,EAAE,EAC7C,IAAI,EACJ,SAAS,EACT,WAAW,GACX,EAAE,gBAAgB,CAAC,CAAC,CAAC,2CAyBrB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TypographySection.d.ts","sourceRoot":"","sources":["../../../../src/authoring/core/components/TypographySection.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAgBH,OAAO,KAAK,EAAE,KAAK,
|
|
1
|
+
{"version":3,"file":"TypographySection.d.ts","sourceRoot":"","sources":["../../../../src/authoring/core/components/TypographySection.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAgBH,OAAO,KAAK,EAAE,KAAK,EAAmC,MAAM,mBAAmB,CAAC;AAChF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAG7C,MAAM,WAAW,sBAAsB;IACtC,KAAK,EAAE,KAAK,CAAC;IACb,MAAM,EAAE,WAAW,CAAC,YAAY,CAAC,CAAC;IAClC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACjD;AAqCD,wBAAgB,iBAAiB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,sBAAsB,2CA+GpF"}
|
|
@@ -26,6 +26,12 @@ export interface PanelLabels {
|
|
|
26
26
|
error: string;
|
|
27
27
|
noLocalBrands: string;
|
|
28
28
|
};
|
|
29
|
+
/** Labels for the property-editor tabs (Colors / Typography / Borders). */
|
|
30
|
+
sectionTabs: {
|
|
31
|
+
colors: string;
|
|
32
|
+
typography: string;
|
|
33
|
+
borders: string;
|
|
34
|
+
};
|
|
29
35
|
colors: {
|
|
30
36
|
title: string;
|
|
31
37
|
root: string;
|
|
@@ -40,6 +46,11 @@ export interface PanelLabels {
|
|
|
40
46
|
title: string;
|
|
41
47
|
baseFontFamily: string;
|
|
42
48
|
baseFontSize: string;
|
|
49
|
+
/** Column headers for the font-size scale table. */
|
|
50
|
+
sizeColumnName: string;
|
|
51
|
+
sizeColumnPixel: string;
|
|
52
|
+
sizeColumnRem: string;
|
|
53
|
+
sizeColumnExample: string;
|
|
43
54
|
fontSizeXSmall: string;
|
|
44
55
|
fontSizeSmall: string;
|
|
45
56
|
fontSizeMedium: string;
|
|
@@ -49,6 +60,17 @@ export interface PanelLabels {
|
|
|
49
60
|
};
|
|
50
61
|
borders: {
|
|
51
62
|
title: string;
|
|
63
|
+
/** Border Weight sub-section heading. */
|
|
64
|
+
weightTitle: string;
|
|
65
|
+
/** Border Radius sub-section heading. */
|
|
66
|
+
radiusTitle: string;
|
|
67
|
+
/** Column headers for the weight/radius tables. */
|
|
68
|
+
weightColumnName: string;
|
|
69
|
+
radiusColumnName: string;
|
|
70
|
+
columnPixel: string;
|
|
71
|
+
columnRem: string;
|
|
72
|
+
columnExample: string;
|
|
73
|
+
/** Row names. */
|
|
52
74
|
radiusRound: string;
|
|
53
75
|
radiusSquare: string;
|
|
54
76
|
weightNone: string;
|
|
@@ -68,11 +90,6 @@ export interface PanelLabels {
|
|
|
68
90
|
hex: string;
|
|
69
91
|
linkToBrand: string;
|
|
70
92
|
};
|
|
71
|
-
assets: {
|
|
72
|
-
title: string;
|
|
73
|
-
logoUrl: string;
|
|
74
|
-
noLogo: string;
|
|
75
|
-
};
|
|
76
93
|
save: {
|
|
77
94
|
saveToWorkspace: string;
|
|
78
95
|
applyVibes: string;
|
|
@@ -26,6 +26,12 @@ export interface PanelLabels {
|
|
|
26
26
|
error: string;
|
|
27
27
|
noLocalBrands: string;
|
|
28
28
|
};
|
|
29
|
+
/** Labels for the property-editor tabs (Colors / Typography / Borders). */
|
|
30
|
+
sectionTabs: {
|
|
31
|
+
colors: string;
|
|
32
|
+
typography: string;
|
|
33
|
+
borders: string;
|
|
34
|
+
};
|
|
29
35
|
colors: {
|
|
30
36
|
title: string;
|
|
31
37
|
root: string;
|
|
@@ -40,6 +46,11 @@ export interface PanelLabels {
|
|
|
40
46
|
title: string;
|
|
41
47
|
baseFontFamily: string;
|
|
42
48
|
baseFontSize: string;
|
|
49
|
+
/** Column headers for the font-size scale table. */
|
|
50
|
+
sizeColumnName: string;
|
|
51
|
+
sizeColumnPixel: string;
|
|
52
|
+
sizeColumnRem: string;
|
|
53
|
+
sizeColumnExample: string;
|
|
43
54
|
fontSizeXSmall: string;
|
|
44
55
|
fontSizeSmall: string;
|
|
45
56
|
fontSizeMedium: string;
|
|
@@ -49,6 +60,17 @@ export interface PanelLabels {
|
|
|
49
60
|
};
|
|
50
61
|
borders: {
|
|
51
62
|
title: string;
|
|
63
|
+
/** Border Weight sub-section heading. */
|
|
64
|
+
weightTitle: string;
|
|
65
|
+
/** Border Radius sub-section heading. */
|
|
66
|
+
radiusTitle: string;
|
|
67
|
+
/** Column headers for the weight/radius tables. */
|
|
68
|
+
weightColumnName: string;
|
|
69
|
+
radiusColumnName: string;
|
|
70
|
+
columnPixel: string;
|
|
71
|
+
columnRem: string;
|
|
72
|
+
columnExample: string;
|
|
73
|
+
/** Row names. */
|
|
52
74
|
radiusRound: string;
|
|
53
75
|
radiusSquare: string;
|
|
54
76
|
weightNone: string;
|
|
@@ -68,11 +90,6 @@ export interface PanelLabels {
|
|
|
68
90
|
hex: string;
|
|
69
91
|
linkToBrand: string;
|
|
70
92
|
};
|
|
71
|
-
assets: {
|
|
72
|
-
title: string;
|
|
73
|
-
logoUrl: string;
|
|
74
|
-
noLogo: string;
|
|
75
|
-
};
|
|
76
93
|
save: {
|
|
77
94
|
saveToWorkspace: string;
|
|
78
95
|
applyVibes: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"labels.d.ts","sourceRoot":"","sources":["../../../src/authoring/core/labels.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;;;GAIG;AACH,MAAM,WAAW,WAAW;IAC3B,MAAM,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,iBAAiB,EAAE,MAAM,CAAC;QAC1B,YAAY,EAAE,MAAM,CAAC;QACrB,mBAAmB,EAAE,MAAM,CAAC;QAC5B,QAAQ,EAAE,MAAM,CAAC;QACjB,MAAM,EAAE,MAAM,CAAC;QACf,YAAY,EAAE,MAAM,CAAC;KACrB,CAAC;IACF,OAAO,EAAE;QACR,KAAK,EAAE,MAAM,CAAC;QACd,SAAS,EAAE,MAAM,CAAC;QAClB,WAAW,EAAE,MAAM,CAAC;QACpB,OAAO,EAAE,MAAM,CAAC;QAChB,KAAK,EAAE,MAAM,CAAC;QACd,aAAa,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,MAAM,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,QAAQ,EAAE,MAAM,CAAC;QACjB,OAAO,EAAE,MAAM,CAAC;QAChB,aAAa,EAAE,MAAM,CAAC;QACtB,qBAAqB,EAAE,MAAM,CAAC;QAC9B,OAAO,EAAE,MAAM,CAAC;QAChB,GAAG,EAAE,MAAM,CAAC;KACZ,CAAC;IACF,UAAU,EAAE;QACX,KAAK,EAAE,MAAM,CAAC;QACd,cAAc,EAAE,MAAM,CAAC;QACvB,YAAY,EAAE,MAAM,CAAC;QACrB,cAAc,EAAE,MAAM,CAAC;QACvB,aAAa,EAAE,MAAM,CAAC;QACtB,cAAc,EAAE,MAAM,CAAC;QACvB,aAAa,EAAE,MAAM,CAAC;QACtB,cAAc,EAAE,MAAM,CAAC;QACvB,eAAe,EAAE,MAAM,CAAC;KACxB,CAAC;IACF,OAAO,EAAE;QACR,KAAK,EAAE,MAAM,CAAC;QACd,WAAW,EAAE,MAAM,CAAC;QACpB,
|
|
1
|
+
{"version":3,"file":"labels.d.ts","sourceRoot":"","sources":["../../../src/authoring/core/labels.ts"],"names":[],"mappings":"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"}
|