@markee_team/sdk 0.1.0-beta.4 → 0.1.0-beta.6
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/README.md +13 -1
- package/dist/index.js +5 -3
- package/dist/modal.d.ts +1 -0
- package/dist/react.js +5 -3
- package/dist/styles.d.ts +1 -1
- package/dist/types.d.ts +4 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -152,7 +152,19 @@ Theme changes update styles in place: drafts, focus, scroll, wallet sessions, an
|
|
|
152
152
|
| `sign.hoverLogo` | Show the theme-matched MARKEE logo on hover/focus (default `true`) |
|
|
153
153
|
| `sign.hoverBackground` | Optional sign hover surface color; defaults to the normal surface |
|
|
154
154
|
|
|
155
|
-
Color tokens: `background`, `surface`, `text`, `muted`, `border`, `inputBackground`, `inputText`, `primary`, `primaryText`, `accent`, `accentText`, `accentSurface`, `accentSurfaceText`, `accentBorder`, `selected`, `selectedText`, `info`, `infoText`, `error`, `errorText`, `success`, `successText`, `link`, `focusRing`, and `overlay`. Set foreground/background pairs together and check your brand's contrast in both modes. Overrides apply over either selected palette; omitted values use that palette's defaults. Invalid CSS color/font values fall back to defaults.
|
|
155
|
+
Color tokens: `background`, `surface`, `text`, `muted`, `border`, `inputBackground`, `inputText`, `primary`, `primaryText`, `accent`, `accentText`, `accentSurface`, `accentSurfaceText`, `accentBorder`, `selected`, `selectedText`, `info`, `infoText`, `error`, `errorText`, `warning`, `warningText`, `warningBorder`, `success`, `successText`, `link`, `focusRing`, and `overlay`. Set foreground/background pairs together and check your brand's contrast in both modes. Overrides apply over either selected palette; omitted values use that palette's defaults. Invalid CSS color/font values fall back to defaults.
|
|
156
|
+
|
|
157
|
+
The optional warning colors style moderation notices in the form, confirmation, and payment review:
|
|
158
|
+
|
|
159
|
+
```ts
|
|
160
|
+
const theme: MarkeeTheme = {
|
|
161
|
+
colors: {
|
|
162
|
+
warning: '#fff8e6',
|
|
163
|
+
warningText: '#754b08',
|
|
164
|
+
warningBorder: '#d49a26',
|
|
165
|
+
},
|
|
166
|
+
};
|
|
167
|
+
```
|
|
156
168
|
|
|
157
169
|
To match an app completely, override `link`, `focusRing`, `border`, `selected`/`selectedText`, and the accent colors as well as the primary button colors. Otherwise those elements retain the SDK palette. Use the typed theme options; arbitrary custom CSS is not currently supported. The sign’s price badge appears on hover or keyboard focus, and stays visible on touch devices.
|
|
158
170
|
|