@deframe-sdk/components 0.1.27 → 0.1.28

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/index.d.mts CHANGED
@@ -1425,6 +1425,7 @@ interface NetworkOption {
1425
1425
 
1426
1426
  interface ChooseNetworkAndAssetLabels {
1427
1427
  title: string;
1428
+ subtitle?: string;
1428
1429
  searchPlaceholder: string;
1429
1430
  searchingText: string;
1430
1431
  loadMoreButton: string;
package/dist/index.d.ts CHANGED
@@ -1425,6 +1425,7 @@ interface NetworkOption {
1425
1425
 
1426
1426
  interface ChooseNetworkAndAssetLabels {
1427
1427
  title: string;
1428
+ subtitle?: string;
1428
1429
  searchPlaceholder: string;
1429
1430
  searchingText: string;
1430
1431
  loadMoreButton: string;
package/dist/index.js CHANGED
@@ -7042,14 +7042,24 @@ function ChooseNetworkAndAssetViewSimple({
7042
7042
  "data-test-id": "sheet-header",
7043
7043
  className: "flex items-center justify-between pt-[var(--deframe-widget-size-padding-y-xs)].5 pr-[var(--deframe-widget-size-padding-x-md)] pb-[var(--deframe-widget-size-padding-y-sm)].5 pl-[var(--deframe-widget-size-padding-x-md)] flex-shrink-0",
7044
7044
  children: [
7045
- /* @__PURE__ */ jsxRuntime.jsx(
7046
- "span",
7047
- {
7048
- "data-test-id": "sheet-title",
7049
- className: "text-[16px] [font-weight:var(--deframe-widget-font-weight-semibold)] text-[color:var(--deframe-widget-color-text-primary)] font-[var(--deframe-widget-font-family)]",
7050
- children: labels.title
7051
- }
7052
- ),
7045
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
7046
+ /* @__PURE__ */ jsxRuntime.jsx(
7047
+ "span",
7048
+ {
7049
+ "data-test-id": "sheet-title",
7050
+ className: "text-[16px] [font-weight:var(--deframe-widget-font-weight-semibold)] text-[color:var(--deframe-widget-color-text-primary)] font-[var(--deframe-widget-font-family)]",
7051
+ children: labels.title
7052
+ }
7053
+ ),
7054
+ labels.subtitle && /* @__PURE__ */ jsxRuntime.jsx(
7055
+ "span",
7056
+ {
7057
+ "data-test-id": "sheet-subtitle",
7058
+ className: "text-[13px] text-[color:var(--deframe-widget-color-text-secondary)] font-[var(--deframe-widget-font-family)] mt-[2px]",
7059
+ children: labels.subtitle
7060
+ }
7061
+ )
7062
+ ] }),
7053
7063
  /* @__PURE__ */ jsxRuntime.jsx(CloseButtonInline, { onClick: onClose, ariaLabel: labels.closeAriaLabel })
7054
7064
  ]
7055
7065
  }
@@ -7150,14 +7160,24 @@ function ChooseNetworkAndAssetViewSimple({
7150
7160
  "data-test-id": "modal-header",
7151
7161
  className: "flex items-center justify-between pt-[var(--deframe-widget-size-padding-y-md)] pr-[var(--deframe-widget-size-padding-x-md)] pb-[14px] pl-[var(--deframe-widget-size-padding-x-md)] border-b border-[color:var(--deframe-widget-color-border-secondary)] flex-shrink-0",
7152
7162
  children: [
7153
- /* @__PURE__ */ jsxRuntime.jsx(
7154
- "span",
7155
- {
7156
- "data-test-id": "modal-title",
7157
- className: "text-[16px] [font-weight:var(--deframe-widget-font-weight-semibold)] text-[color:var(--deframe-widget-color-text-primary)] font-[var(--deframe-widget-font-family)]",
7158
- children: labels.title
7159
- }
7160
- ),
7163
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
7164
+ /* @__PURE__ */ jsxRuntime.jsx(
7165
+ "span",
7166
+ {
7167
+ "data-test-id": "modal-title",
7168
+ className: "text-[16px] [font-weight:var(--deframe-widget-font-weight-semibold)] text-[color:var(--deframe-widget-color-text-primary)] font-[var(--deframe-widget-font-family)]",
7169
+ children: labels.title
7170
+ }
7171
+ ),
7172
+ labels.subtitle && /* @__PURE__ */ jsxRuntime.jsx(
7173
+ "span",
7174
+ {
7175
+ "data-test-id": "modal-subtitle",
7176
+ className: "text-[13px] text-[color:var(--deframe-widget-color-text-secondary)] font-[var(--deframe-widget-font-family)] mt-[2px]",
7177
+ children: labels.subtitle
7178
+ }
7179
+ )
7180
+ ] }),
7161
7181
  /* @__PURE__ */ jsxRuntime.jsx(CloseButtonInline, { onClick: onClose, ariaLabel: labels.closeAriaLabel })
7162
7182
  ]
7163
7183
  }