@tesouro/embedded-components-react 0.9.29 → 0.9.30
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 +9 -0
- package/dist/index.css +788 -24
- package/dist/index.d.ts +15 -0
- package/dist/libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/build-info.js +1 -1
- package/dist/libs/tesouro-embedded-components-react/shared/util/dist/index.js +1 -0
- package/dist/libs/tesouro-embedded-components-react/shared/util/dist/lib/theme/color.js +104 -59
- package/dist/libs/tesouro-embedded-components-react/shared/util/dist/lib/theme/createTheme.js +61 -48
- package/dist/libs/tesouro-embedded-components-react/shared/util/dist/lib/theme/index.js +1 -0
- package/dist/libs/tesouro-embedded-components-react/shared/util/dist/lib/theme/themeTokens.js +43 -1
- package/dist/libs/tesouro-embedded-components-react/shared/util/dist/lib/theme/toneColors.js +70 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -236,6 +236,15 @@ own CI; a variable you leave out is judged at its default, so
|
|
|
236
236
|
`themeIssues(createTheme({ primary }))` checks `primary` against the default
|
|
237
237
|
`primaryForeground`.
|
|
238
238
|
|
|
239
|
+
A status colour you set (`info`, `success`, `warning`, `destructive`,
|
|
240
|
+
`violet`, `cyan`) gets its pale fill and its text derived from it. Browsers
|
|
241
|
+
without CSS relative colours derive them a different way, so `themeIssues`
|
|
242
|
+
checks each one both ways: a `contrast` issue means it fails in current
|
|
243
|
+
browsers, and a `fallback-contrast` issue means it only fails in those older
|
|
244
|
+
ones. Setting its text colour explicitly (`warningForeground`, or
|
|
245
|
+
`destructiveSubtleForeground` for `destructive`) fixes both. If your CI
|
|
246
|
+
switches on `issue.kind`, handle `fallback-contrast` too.
|
|
247
|
+
|
|
239
248
|
Only the variables above are supported. Tailwind's own variables share the
|
|
240
249
|
`--ttw-` prefix (`--ttw-spacing`, `--ttw-text-sm`, `--ttw-color-*` …) because
|
|
241
250
|
the utilities are prefixed `ttw`; they are pinned inside the widgets, so
|