@abrasileirado/dsgovbr-bootstraped 0.2.0 → 0.2.2
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/THIRD_PARTY_NOTICES.md +32 -0
- package/dist/dsgovbr-bootstraped.css +4 -0
- package/dist/dsgovbr-bootstraped.css.map +1 -1
- package/dist/dsgovbr-bootstraped.min.css +1 -1
- package/package.json +10 -3
- package/src/scss/_tokens.scss +6 -0
- package/src/scss/components/_button.scss +8 -0
- package/src/scss/index.scss +1 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@abrasileirado/dsgovbr-bootstraped",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.2",
|
|
4
4
|
"description": "Camada de compatibilidade visual não oficial entre o Bootstrap 5 e o Design System GOV.BR (DSGovBR)",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "Kelson da Costa Medeiros",
|
|
@@ -23,12 +23,19 @@
|
|
|
23
23
|
"scripts": {
|
|
24
24
|
"build:css": "sass src/scss/index.scss:dist/dsgovbr-bootstraped.css --style=expanded --source-map",
|
|
25
25
|
"build:css:min": "sass src/scss/index.scss:dist/dsgovbr-bootstraped.min.css --style=compressed --no-source-map",
|
|
26
|
-
"build:docs-assets": "node -
|
|
26
|
+
"build:docs-assets": "node scripts/build-docs-assets.js",
|
|
27
27
|
"build:site": "node scripts/build-site.js",
|
|
28
28
|
"build": "npm run build:css && npm run build:css:min && npm run build:docs-assets && npm run build:site",
|
|
29
|
-
"test": "
|
|
29
|
+
"test": "npm run test:unit && npm run test:package",
|
|
30
|
+
"test:unit": "node --test \"tests/**/*.test.js\"",
|
|
31
|
+
"test:package": "node scripts/test-package.js",
|
|
32
|
+
"test:browser": "playwright test",
|
|
33
|
+
"serve": "node scripts/serve.js",
|
|
34
|
+
"test:visual:update": "node scripts/test-visual-update.js"
|
|
30
35
|
},
|
|
31
36
|
"devDependencies": {
|
|
37
|
+
"@axe-core/playwright": "^4.14.0",
|
|
38
|
+
"@playwright/test": "1.64.1",
|
|
32
39
|
"sass": "^1.80.0"
|
|
33
40
|
}
|
|
34
41
|
}
|
package/src/scss/_tokens.scss
CHANGED
|
@@ -30,6 +30,12 @@ $govbr-warning: #ffcd07 !default;
|
|
|
30
30
|
// vendor/govbr-ds-core/.../configs/colors/_red-vivid.scss
|
|
31
31
|
$govbr-danger: #e52207 !default;
|
|
32
32
|
|
|
33
|
+
// Texto amarelo legível: o amarelo do tema (#ffcd07) como TEXTO sobre fundo
|
|
34
|
+
// claro dá contraste 1.5:1 (WCAG 1.4.3 exige 4.5:1). Usado só em
|
|
35
|
+
// .btn-outline-warning (components/_button.scss). yellow-vivid-60 dá ~6:1.
|
|
36
|
+
// vendor/govbr-ds-core/.../configs/colors/_yellow-vivid.scss
|
|
37
|
+
$govbr-warning-text: #776017 !default;
|
|
38
|
+
|
|
33
39
|
// --- Neutros ---
|
|
34
40
|
// vendor/govbr-ds-core/.../configs/colors/_gray.scss
|
|
35
41
|
$govbr-gray-90: #1b1b1b !default; // tom mais escuro (usado como $dark)
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
// Contraste (WCAG 1.4.3): o Bootstrap usa a cor do tema como texto do
|
|
2
|
+
// .btn-outline-warning; com o amarelo do GOV.BR DS (#ffcd07) sobre fundo claro
|
|
3
|
+
// são 1.5:1 (mínimo 4.5:1). Escurecemos só o texto; a borda e o estado hover
|
|
4
|
+
// (fundo amarelo com texto preto) continuam os do tema. Variante que não
|
|
5
|
+
// existe no GOV.BR DS (extensão — DP-06), mas não pode ficar ilegível.
|
|
6
|
+
.btn-outline-warning {
|
|
7
|
+
--bs-btn-color: #{$govbr-warning-text};
|
|
8
|
+
}
|