@trebired/frontend 1.19.5 → 4.0.0

package/dist/steps/dom.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../../../src/steps/dom.ts"],"names":[],"mappings":"AAAA,KAAK,mBAAmB,GAAG;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,KAAK,eAAe,GAAG;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,mBAAmB,EAAE,CAAC;CAC9B,CAAC;AAqDF,iBAAS,gBAAgB,CAAC,UAAU,EAAE,OAAO,qBAoC5C;AAED,iBAAS,oBAAoB,CAAC,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,mBAAmB,kBAoCtE;AA0CD,iBAAS,iBAAiB,CACxB,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,WAAW,EACtB,UAAU,EAAE,OAAO,QAkCpB;AAED,YAAY,EAAE,mBAAmB,EAAE,CAAC;AACpC,OAAO,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../../../src/steps/dom.ts"],"names":[],"mappings":"AAOA,KAAK,mBAAmB,GAAG;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,KAAK,eAAe,GAAG;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,mBAAmB,EAAE,CAAC;CAC9B,CAAC;AAqDF,iBAAS,gBAAgB,CAAC,UAAU,EAAE,OAAO,qBAoC5C;AAED,iBAAS,oBAAoB,CAAC,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,mBAAmB,kBAkDtE;AA0CD,iBAAS,iBAAiB,CACxB,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,WAAW,EACtB,UAAU,EAAE,OAAO,QAkCpB;AAED,YAAY,EAAE,mBAAmB,EAAE,CAAC;AACpC,OAAO,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/steps/dom.js

@@ -1,3 +1,4 @@
+import { primitiveCardRowClassName, primitiveInlineRowClassName, primitiveStackClassName, primitiveTextClassName, } from "../primitives/components/index.js";
 function normalizeSharedSteps(stepsInput) {
     return Array.isArray(stepsInput)
         ? stepsInput
@@ -87,16 +88,25 @@ function createSharedStepCard(doc, input) {
     if (!message)
         return null;
     const row = doc.createElement("div");
-    row.className = "card-row column gap-xs min-height-fit";
+    row.className = primitiveCardRowClassName({
+        className: primitiveStackClassName({
+            className: "min-height-fit",
+            gap: "xs",
+        }),
+    });
     const header = doc.createElement("div");
-    header.className = "inline-row gap-xs";
+    header.className = primitiveInlineRowClassName({ gap: "xs" });
     header.style.alignItems = "flex-start";
     const tone = stepTone(input && input.level);
     const badge = doc.createElement("span");
     badge.className = `pill no-shrink ${tone.className}`.trim();
     badge.textContent = tone.label;
     const messageEl = doc.createElement("span");
-    messageEl.className = "text-sm text-break display-block";
+    messageEl.className = primitiveTextClassName({
+        breakWord: true,
+        className: "display-block",
+        size: "sm",
+    });
     messageEl.textContent = message;
     messageEl.style.flex = "1 1 auto";
     messageEl.style.lineHeight = "1.4";
@@ -106,7 +116,12 @@ function createSharedStepCard(doc, input) {
     row.appendChild(header);
     if (recordedAtLabel) {
         const timeEl = doc.createElement("span");
-        timeEl.className = "text-muted text-xs text-break display-block";
+        timeEl.className = primitiveTextClassName({
+            breakWord: true,
+            className: "display-block",
+            muted: true,
+            size: "xs",
+        });
         timeEl.textContent = recordedAtLabel;
         timeEl.style.lineHeight = "1.35";
         row.appendChild(timeEl);
@@ -115,27 +130,27 @@ function createSharedStepCard(doc, input) {
 }
 function createSharedStepGroup(doc, group) {
     const wrapper = doc.createElement("section");
-    wrapper.className = "column gap-xs";
+    wrapper.className = primitiveStackClassName({ gap: "xs" });
     wrapper.setAttribute("data-steps-group", group.key);
     const separator = doc.createElement("hr");
     separator.setAttribute("aria-hidden", "true");
     wrapper.appendChild(separator);
     const header = doc.createElement("div");
-    header.className = "column gap-2xs";
+    header.className = primitiveStackClassName({ gap: "2xs" });
     const title = doc.createElement("h5");
     title.textContent = group.label;
     header.appendChild(title);
     const actionLabel = onlyString(group.actionLabel);
     if (actionLabel) {
         const actionEl = doc.createElement("span");
-        actionEl.className = "text-xs text-muted";
+        actionEl.className = primitiveTextClassName({ muted: true, size: "xs" });
         actionEl.textContent =
             actionLabel.charAt(0).toUpperCase() + actionLabel.slice(1);
         header.appendChild(actionEl);
     }
     wrapper.appendChild(header);
     const list = doc.createElement("div");
-    list.className = "column gap-xs";
+    list.className = primitiveStackClassName({ gap: "xs" });
     list.setAttribute("data-steps-group-list", group.key);
     group.steps.forEach((entry) => {
         const card = createSharedStepCard(doc, entry);

package/dist/steps/dom.js.map

@@ -1 +1 @@
-{"version":3,"file":"dom.js","sourceRoot":"","sources":["../../../src/steps/dom.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"dom.js","sourceRoot":"","sources":["../../../src/steps/dom.ts"],"names":[],"mappings":"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"}

package/dist/steps/panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../../src/steps/panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,KAAK,qBAAqB,GAAG;IAC3B,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,GAAG,YAAY,CAAC;CAC/B,CAAC;AA2BF,iBAAS,kBAAkB,CAAC,KAAK,EAAE,qBAAqB,+BAoCvD;AAED,YAAY,EAAE,qBAAqB,EAAE,CAAC;AACtC,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../../src/steps/panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASvC,KAAK,qBAAqB,GAAG;IAC3B,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,GAAG,YAAY,CAAC;CAC/B,CAAC;AA2BF,iBAAS,kBAAkB,CAAC,KAAK,EAAE,qBAAqB,+BAwCvD;AAED,YAAY,EAAE,qBAAqB,EAAE,CAAC;AACtC,eAAe,kBAAkB,CAAC"}

package/dist/steps/panel.js

@@ -2,6 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { default as disclosure } from "../inputs/advanced/disclosure/index.js";
 import { bar as loader_bar } from "../primitives/components/controls.js";
 import { joinClassNames } from "../primitives/components/shared.js";
+import { primitiveStackClassName, primitiveTextClassName, } from "../primitives/components/index.js";
 function stepsPanelModel(props) {
     const isDisclosure = props.type === "disclosure";
     const title = stepsLabel(props.lang);
@@ -27,12 +28,18 @@ function stepsPanelModel(props) {
 function shared_steps_panel(props) {
     const model = stepsPanelModel(props);
     return disclosure({
-        content: (_jsxs("section", { className: joinClassNames("column", "gap-sm", props.className), "data-steps-panel": "", "data-steps-type": model.isDisclosure ? "disclosure" : "steps", "data-steps-default-copy": model.emptyCopy, "data-steps-default-title": model.title, ...model.attrs, children: [_jsx("p", { className: "text-muted", "data-steps-copy": "", children: model.emptyCopy }), model.beforeList, _jsx("div", { className: joinClassNames("column", "gap-xs", "max-height-xl", "scroll", "scroll-min", props.listClassName), "data-steps-list": "" })] })),
+        content: (_jsxs("section", { className: primitiveStackClassName({
+                className: props.className,
+                gap: "sm",
+            }), "data-steps-panel": "", "data-steps-type": model.isDisclosure ? "disclosure" : "steps", "data-steps-default-copy": model.emptyCopy, "data-steps-default-title": model.title, ...model.attrs, children: [_jsx("p", { className: primitiveTextClassName({ muted: true }), "data-steps-copy": "", children: model.emptyCopy }), model.beforeList, _jsx("div", { className: primitiveStackClassName({
+                        className: joinClassNames("max-height-xl", "scroll", "scroll-min", props.listClassName),
+                        gap: "xs",
+                    }), "data-steps-list": "" })] })),
         hidden: props.hidden === true,
         label: _jsx("h4", { "data-steps-title": "", children: model.title }),
-        panelClassName: "column gap-sm",
+        panelClassName: primitiveStackClassName({ gap: "sm" }),
         panelId: `${model.title.toLowerCase().replace(/[^a-z0-9]+/g, "-") || "steps"}_panel`,
-        rootClassName: "column gap-sm",
+        rootClassName: primitiveStackClassName({ gap: "sm" }),
         triggerClassName: "text-left",
     });
 }

package/dist/steps/panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"panel.js","sourceRoot":"","sources":["../../../src/steps/panel.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,GAAG,IAAI,UAAU,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAe/C,SAAS,eAAe,CAAC,KAA4B;IACnD,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,KAAK,YAAY,CAAC;IACjD,MAAM,KAAK,GAAG,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACrC,OAAO;QACL,KAAK,EACL,KAAK,CAAC,SAAS,IAAI,OAAO,KAAK,CAAC,SAAS,KAAK,QAAQ;YACtD,CAAC,CAAC,KAAK,CAAC,SAAS;YACjB,CAAC,CAAC,EAAE;QACJ,UAAU,EAAE,YAAY;YACxB,CAAC,CAAC,UAAU,CAAC;gBACT,KAAK,EAAE,EAAE;gBACT,IAAI,EAAE,EAAE;gBACR,OAAO,EAAE,CAAC;gBACV,iBAAiB,EAAE,MAAM,CAAC,KAAK,CAAC,eAAe,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE;aAChE,CAAC;YACF,CAAC,CAAC,KAAK,CAAC,UAAU;QAClB,SAAS,EACT,MAAM,CAAC,KAAK,CAAC,SAAS,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,IAAI,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC;QAChE,YAAY;QACZ,KAAK,EAAE,YAAY;YACnB,CAAC,CAAC,KAAK;YACP,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK;KAC5C,CAAC;AACJ,CAAC;AAED,SAAS,kBAAkB,CAAC,KAA4B;IACtD,MAAM,KAAK,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;IACrC,OAAO,UAAU,CAAC;QACd,OAAO,EAAE,CACP,mBACA,SAAS,EAAE,cAAc,CAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,sBAC7C,EAAE,qBACF,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,6BACnC,KAAK,CAAC,SAAS,8BACd,KAAK,CAAC,KAAK,KACjC,KAAK,CAAC,KAAK,aAEf,YAAG,SAAS,EAAC,YAAY,qBAAiB,EAAE,YAC3C,KAAK,CAAC,SAAS,GACZ,EACH,KAAK,CAAC,UAAU,EACjB,cACA,SAAS,EAAE,cAAc,CACrB,QAAQ,EACR,QAAQ,EACR,eAAe,EACf,QAAQ,EACR,YAAY,EACZ,KAAK,CAAC,aAAa,CACtB,qBACe,EAAE,GAChB,IACQ,CACX;QACD,MAAM,EAAE,KAAK,CAAC,MAAM,KAAK,IAAI;QAC7B,KAAK,EAAE,iCAAqB,EAAE,YAAE,KAAK,CAAC,KAAK,GAAM;QACjD,cAAc,EAAE,eAAe;QAC/B,OAAO,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,aAAa,EAAE,GAAG,CAAC,IAAI,OAAO,QAAQ;QACpF,aAAa,EAAE,eAAe;QAC9B,gBAAgB,EAAE,WAAW;KAChC,CAAC,CAAC;AACL,CAAC;AAGD,eAAe,kBAAkB,CAAC;AAElC,SAAS,UAAU,CAAC,KAAyB;IAC3C,OAAO,OAAO,CAAC;AACjB,CAAC;AAED,SAAS,YAAY,CAAC,KAAyB;IAC7C,OAAO,eAAe,CAAC;AACzB,CAAC"}
+{"version":3,"file":"panel.js","sourceRoot":"","sources":["../../../src/steps/panel.tsx"],"names":[],"mappings":"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"}

package/dist/styles/tokens.scss

@@ -22,9 +22,11 @@
   --shadow-overlay-sm:
     0 6px 18px rgba(0, 0, 0, 0.18),
     0 2px 4px rgba(0, 0, 0, 0.08);
+  --dot-grid-base: var(--background-page, #fff);
+  --dot-grid-dot: var(--border-surface-1, currentColor);
   --dot-grid:
-    var(--gray-950, #1a1a1b)
-    radial-gradient(var(--gray-700, #303031) 2px, transparent 0) -5px -5px / 30px 30px;
+    var(--dot-grid-base)
+    radial-gradient(var(--dot-grid-dot) 2px, transparent 0) -5px -5px / 30px 30px;
   --z-bottom-bar: var(--z-index-xs, 900);
   --z-header-secondary: 910;
   --z-header-primary: 920;
@@ -37,12 +39,12 @@
   --tbf-radius: var(--radius-md, 0);
   --tbf-radius-sm: var(--radius-sm, 0);
   --tbf-border-width: var(--border-width, 1px);
-  --tbf-border: var(--border-surface-1, var(--gray-750, #000));
+  --tbf-border: var(--border-surface-1, #000);
   --tbf-page: var(--background-page, var(--tbf-surface, #fff));
   --tbf-surface: var(--surface-1, var(--background-surface-1, #fff));
   --tbf-surface-muted: var(--surface-2, var(--background-surface-2, #fff));
-  --tbf-text: var(--text-color, var(--gray-100, #000));
-  --tbf-text-muted: var(--text-color-muted, var(--gray-300, #000));
+  --tbf-text: var(--text-color, #000);
+  --tbf-text-muted: var(--text-color-muted, var(--tbf-text, #000));
   --tbf-focus: var(--focus-color, #000);
   --tbf-shadow: var(--shadow-overlay-lg, 0 0 0 1px #000);
   --tbf-overlay: color-mix(in srgb, var(--tbf-text) 48%, transparent);
@@ -70,6 +72,6 @@
 :root[data-tbf-theme="light"],
 body[data-tbf-theme="light"] {
   --dot-grid:
-    var(--gray-950, #f8f8f9)
-    radial-gradient(var(--gray-700, #dbdbdc) 2px, transparent 0) -5px -5px / 30px 30px;
+    var(--dot-grid-base)
+    radial-gradient(var(--dot-grid-dot) 2px, transparent 0) -5px -5px / 30px 30px;
 }

package/dist/styles/utils.scss

@@ -81,8 +81,8 @@ body[data-tbf-sidebar-open="true"] {
 }
 
 ::selection {
-  color: var(--tbf-selection-text, var(--gray-200, #fff));
-  background-color: var(--tbf-selection-bg, color-mix(in srgb, var(--gray-500, #888) 50%, transparent)) !important;
+  color: var(--tbf-selection-text, var(--text-color, #fff));
+  background-color: var(--tbf-selection-bg, color-mix(in srgb, var(--tbf-focus, currentColor) 50%, transparent)) !important;
 }
 
 h1,

package/dist/surface/styles/index.scss

@@ -1,47 +1,133 @@
 .tbf-button {
-  min-height: 32px;
+  --tbf-surface-button-current-icon-color: var(
+    --tbf-surface-button-icon-color,
+    var(--tbf-button-icon-color, currentColor)
+  );
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--tbf-surface-button-gap, var(--tbf-button-gap, 8px));
+  min-height: var(--tbf-surface-button-min-height, var(--tbf-surface-button-height, var(--tbf-button-height, 28px)));
   box-sizing: border-box;
-  padding: 0 12px;
-  border: var(--tbf-border-width, 1px) solid var(--tbf-border, #000);
-  border-radius: var(--tbf-radius-sm, 0);
-  color: var(--tbf-text, #000);
-  background: var(--tbf-surface-muted, #fff);
+  padding: var(--tbf-surface-button-padding, var(--tbf-button-padding, 0 12px));
+  padding-block: var(--tbf-surface-button-padding-block, var(--tbf-button-padding-block, 0));
+  border: var(
+    --tbf-surface-button-border,
+    var(--tbf-button-border, var(--border-width) solid var(--border-surface-2))
+  );
+  border-radius: var(
+    --tbf-surface-button-radius,
+    var(--tbf-button-radius, var(--radius-md, var(--tbf-radius, 0)))
+  );
+  color: var(--tbf-surface-button-color, var(--tbf-button-color, var(--text-color)));
+  background: var(--tbf-surface-button-background, var(--tbf-button-background, transparent));
   cursor: pointer;
+  appearance: none;
+  -webkit-appearance: none;
+  font-family: var(--tbf-surface-button-font-family, var(--tbf-font-sans, "Inter", sans-serif));
+  font-size: var(--tbf-surface-button-font-size, var(--tbf-button-font-size, 12px));
+  font-weight: var(--tbf-surface-button-font-weight, var(--tbf-button-font-weight, 600));
+  line-height: 1.15;
+  text-decoration: none;
+  white-space: nowrap;
+}
+
+.tbf-button:hover,
+.tbf-button.active {
+  --tbf-surface-button-current-icon-color: var(
+    --tbf-surface-button-hover-icon-color,
+    var(--tbf-button-hover-icon-color, currentColor)
+  );
+  border-color: var(--tbf-surface-button-hover-border-color, var(--tbf-button-hover-border-color, currentColor));
+  color: var(--tbf-surface-button-hover-color, var(--tbf-button-hover-color, currentColor));
+  background: var(--tbf-surface-button-hover-background, var(--tbf-button-hover-background, var(--tbf-button-background, transparent)));
+}
+
+.tbf-button:disabled,
+.tbf-button[disabled],
+.tbf-button.disabled {
+  opacity: var(--tbf-surface-button-disabled-opacity, var(--tbf-button-disabled-opacity, 0.55));
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.tbf-button > i,
+.tbf-button > svg,
+.tbf-button > i svg,
+.tbf-button > [data-icon],
+.tbf-button > [data-icon] svg {
+  color: var(--tbf-surface-button-current-icon-color);
+  flex: 0 0 auto;
 }
 
 .tbf-button--strong {
-  border-color: var(--tbf-focus, #000);
-  color: var(--tbf-surface, #fff);
-  background: var(--tbf-focus, #000);
+  --tbf-surface-button-current-icon-color: var(
+    --tbf-surface-button-strong-icon-color,
+    var(--tbf-button-tones-highlight-icon-color, currentColor)
+  );
+  border-color: var(
+    --tbf-surface-button-strong-border-color,
+    var(--tbf-button-tones-highlight-border-color, currentColor)
+  );
+  color: var(
+    --tbf-surface-button-strong-color,
+    var(--tbf-button-tones-highlight-color, currentColor)
+  );
+  background: var(
+    --tbf-surface-button-strong-background,
+    var(--tbf-button-tones-highlight-background, var(--tbf-button-background, transparent))
+  );
+}
+
+.tbf-button--strong:hover,
+.tbf-button--strong.active {
+  --tbf-surface-button-current-icon-color: var(
+    --tbf-surface-button-strong-hover-icon-color,
+    var(--tbf-button-tones-highlight-hover-icon-color, currentColor)
+  );
+  border-color: var(
+    --tbf-surface-button-strong-hover-border-color,
+    var(--tbf-button-tones-highlight-hover-border-color, currentColor)
+  );
+  color: var(
+    --tbf-surface-button-strong-hover-color,
+    var(--tbf-button-tones-highlight-hover-color, currentColor)
+  );
+  background: var(
+    --tbf-surface-button-strong-hover-background,
+    var(--tbf-button-tones-highlight-hover-background, var(--tbf-button-hover-background, var(--tbf-button-background, transparent)))
+  );
 }
 
 .tbf-button--sm {
-  min-height: 28px;
-  padding-inline: 9px;
+  min-height: var(--tbf-surface-button-sizes-sm-height, var(--tbf-button-sizes-sm-height, 24px));
+  padding-inline: var(--tbf-surface-button-sizes-sm-padding-inline, var(--tbf-button-sizes-sm-padding-inline, 9px));
+  font-size: var(--tbf-surface-button-sizes-sm-font-size, var(--tbf-button-sizes-sm-font-size, 11px));
 }
 
 .tbf-button--lg {
-  min-height: 40px;
-  padding-inline: 16px;
+  min-height: var(--tbf-surface-button-sizes-lg-height, var(--tbf-button-sizes-lg-height, 34px));
+  padding-inline: var(--tbf-surface-button-sizes-lg-padding-inline, var(--tbf-button-sizes-lg-padding-inline, 14px));
+  font-size: var(--tbf-surface-button-sizes-lg-font-size, var(--tbf-button-sizes-lg-font-size, 13px));
 }
 
 .tbf-card,
 [data-tbf-card] {
   min-width: 0;
   box-sizing: border-box;
-  border: var(--tbf-border-width, 1px) solid var(--tbf-border, #000);
-  border-radius: var(--tbf-radius, 0);
-  color: var(--tbf-text, #000);
-  background: var(--tbf-surface, #fff);
+  border: var(--tbf-surface-card-border, var(--tbf-card-border, var(--border-width) solid var(--border-surface-1)));
+  border-radius: var(--tbf-surface-card-radius, var(--tbf-card-radius, var(--radius-lg, var(--tbf-radius, 0))));
+  color: var(--tbf-surface-card-color, var(--tbf-card-color, var(--tbf-text, #000)));
+  background: var(--tbf-surface-card-background, var(--tbf-card-background, var(--background-page, var(--tbf-page, #fff))));
 }
 
 .tbf-card.card,
 .card[data-tbf-card] {
-  background: var(--background-page, var(--tbf-page, #fff));
+  background: var(--tbf-card-background, var(--background-page, var(--tbf-page, #fff)));
 }
 
 .tbf-card[data-tbf-interactive="true"]:hover {
-  border-color: var(--tbf-focus, #000);
+  border-color: var(--tbf-surface-card-hover-border-color, var(--tbf-focus, #000));
 }
 
 .tbf-card__header,
@@ -49,7 +135,7 @@
 .tbf-card__footer {
   min-width: 0;
   box-sizing: border-box;
-  padding: 12px;
+  padding: var(--tbf-surface-card-section-padding, var(--tbf-card-padding, 12px));
 }
 
 .tbf-card__header,