@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.
Files changed (45) hide show
  1. package/dist/authoring/core/ThemeManagerPanelRoot.d.cts +7 -0
  2. package/dist/authoring/core/ThemeManagerPanelRoot.d.ts +7 -0
  3. package/dist/authoring/core/ThemeManagerPanelRoot.d.ts.map +1 -1
  4. package/dist/authoring/core/components/BordersSection.d.ts.map +1 -1
  5. package/dist/authoring/core/components/ButtonSection.d.cts +7 -0
  6. package/dist/authoring/core/components/ButtonSection.d.ts +7 -0
  7. package/dist/authoring/core/components/ButtonSection.d.ts.map +1 -1
  8. package/dist/authoring/core/components/ScaleValueRow.d.cts +43 -0
  9. package/dist/authoring/core/components/ScaleValueRow.d.ts +43 -0
  10. package/dist/authoring/core/components/ScaleValueRow.d.ts.map +1 -0
  11. package/dist/authoring/core/components/SectionTabs.d.cts +23 -0
  12. package/dist/authoring/core/components/SectionTabs.d.ts +23 -0
  13. package/dist/authoring/core/components/SectionTabs.d.ts.map +1 -0
  14. package/dist/authoring/core/components/TypographySection.d.ts.map +1 -1
  15. package/dist/authoring/core/labels.d.cts +22 -5
  16. package/dist/authoring/core/labels.d.ts +22 -5
  17. package/dist/authoring/core/labels.d.ts.map +1 -1
  18. package/dist/authoring/react/index.js +1 -1
  19. package/dist/authoring/react/styles.css +1 -1
  20. package/dist/authoring/web-component/index.d.cts +8 -0
  21. package/dist/authoring/web-component/index.d.ts +8 -0
  22. package/dist/authoring/web-component/index.d.ts.map +1 -1
  23. package/dist/authoring/web-component/index.js +180 -19
  24. package/dist/protocol/brandCss.cjs +38 -1
  25. package/dist/protocol/brandCss.d.cts +19 -0
  26. package/dist/protocol/brandCss.d.ts +19 -0
  27. package/dist/protocol/brandCss.d.ts.map +1 -1
  28. package/dist/protocol/brandCss.js +39 -2
  29. package/dist/protocol/brandSearch.cjs +24 -10
  30. package/dist/protocol/brandSearch.d.cts +24 -0
  31. package/dist/protocol/brandSearch.d.ts +24 -0
  32. package/dist/protocol/brandSearch.d.ts.map +1 -1
  33. package/dist/protocol/brandSearch.js +24 -10
  34. package/dist/protocol/index.cjs +6 -0
  35. package/dist/protocol/index.js +8 -2
  36. package/dist/runtime/previewContent.cjs +496 -217
  37. package/dist/runtime/previewContent.d.cts +31 -12
  38. package/dist/runtime/previewContent.d.ts +31 -12
  39. package/dist/runtime/previewContent.d.ts.map +1 -1
  40. package/dist/runtime/previewContent.js +498 -219
  41. package/dist/runtime/theme-preview-runtime.js +2526 -0
  42. package/package.json +1 -1
  43. package/dist/authoring/core/components/AssetsSection.d.cts +0 -12
  44. package/dist/authoring/core/components/AssetsSection.d.ts +0 -12
  45. 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;CAC1B;AAED;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,+FA2LjC,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;AAE7C,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;AA0DD,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,mBAAmB,2CAwE9E"}
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,2CA2F5E"}
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,EAAkB,MAAM,mBAAmB,CAAC;AAC/D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAE7C,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;AAiED,wBAAgB,iBAAiB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,sBAAsB,2CA2JpF"}
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,YAAY,EAAE,MAAM,CAAC;QACrB,UAAU,EAAE,MAAM,CAAC;QACnB,UAAU,EAAE,MAAM,CAAC;QACnB,YAAY,EAAE,MAAM,CAAC;QACrB,WAAW,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,OAAO,EAAE;QACR,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,CAAC;QAChB,SAAS,EAAE,MAAM,CAAC;QAClB,QAAQ,EAAE,MAAM,CAAC;QACjB,eAAe,EAAE,MAAM,CAAC;QACxB,SAAS,EAAE,MAAM,CAAC;QAClB,WAAW,EAAE,MAAM,CAAC;QACpB,OAAO,EAAE,MAAM,CAAC;QAChB,GAAG,EAAE,MAAM,CAAC;QACZ,WAAW,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,MAAM,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,CAAC;QAChB,MAAM,EAAE,MAAM,CAAC;KACf,CAAC;IACF,IAAI,EAAE;QACL,eAAe,EAAE,MAAM,CAAC;QACxB,UAAU,EAAE,MAAM,CAAC;KACnB,CAAC;CACF;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,WAqEvB,CAAC;AAEF;;GAEG;AACH,wBAAgB,WAAW,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,GAAG,WAAW,CAYvE"}
1
+ {"version":3,"file":"labels.d.ts","sourceRoot":"","sources":["../../../src/authoring/core/labels.ts"],"names":[],"mappings":"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"}