@abrasileirado/dsgovbr-bootstraped 0.1.2 → 0.2.0

package/THIRD_PARTY_NOTICES.md

@@ -0,0 +1,29 @@
+# Avisos de terceiros
+
+Este pacote redistribui código de terceiros. Os avisos de licença originais
+são preservados abaixo.
+
+## Bootstrap
+
+- Redistribuído: `vendor/bootstrap/scss/` (fonte Sass) e `vendor/bootstrap/LICENSE`.
+- Versão: v5.3.8 (submodule fixado por tag).
+- Origem: <https://github.com/twbs/bootstrap>
+- Licença: MIT — Copyright (c) 2011-2025 The Bootstrap Authors.
+  Texto completo em `vendor/bootstrap/LICENSE`.
+
+O CSS em `dist/` é a compilação do Bootstrap com os tokens do GOV.BR DS
+aplicados, portanto também é um trabalho derivado do Bootstrap, sob a mesma
+licença.
+
+## GOV.BR DS (`@govbr-ds/core`)
+
+- Não redistribuído como arquivo. Valores de tokens (cores, tipografia,
+  espaçamento, raios, sombras) foram copiados de `vendor/govbr-ds-core`
+  (v3.7.0) para `src/scss/_tokens.scss`, com a origem de cada valor indicada
+  em comentário.
+- Origem: <https://gitlab.com/govbr-ds/bibliotecas/javascript/govbr-ds-core>
+- Licença: MIT — Copyright (c) 2022 SERPRO.
+
+Este projeto é comunitário, independente e não oficial; não representa nem
+implica endosso pelo GOV.BR DS, pelo Governo Federal ou pelo projeto
+Bootstrap.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abrasileirado/dsgovbr-bootstraped",
-  "version": "0.1.2",
+  "version": "0.2.0",
   "description": "Camada de compatibilidade visual não oficial entre o Bootstrap 5 e o Design System GOV.BR (DSGovBR)",
   "license": "MIT",
   "author": "Kelson da Costa Medeiros",
@@ -12,8 +12,11 @@
   "files": [
     "dist/",
     "src/scss/",
+    "vendor/bootstrap/scss/",
+    "vendor/bootstrap/LICENSE",
     "README.md",
-    "LICENSE"
+    "LICENSE",
+    "THIRD_PARTY_NOTICES.md"
   ],
   "style": "./dist/dsgovbr-bootstraped.css",
   "sass": "./src/scss/index.scss",
@@ -22,7 +25,8 @@
     "build:css:min": "sass src/scss/index.scss:dist/dsgovbr-bootstraped.min.css --style=compressed --no-source-map",
     "build:docs-assets": "node -e \"require('fs').mkdirSync('docs/assets/css',{recursive:true});require('fs').copyFileSync('dist/dsgovbr-bootstraped.min.css','docs/assets/css/dsgovbr-bootstraped.css')\"",
     "build:site": "node scripts/build-site.js",
-    "build": "npm run build:css && npm run build:css:min && npm run build:docs-assets && npm run build:site"
+    "build": "npm run build:css && npm run build:css:min && npm run build:docs-assets && npm run build:site",
+    "test": "node scripts/test-package.js"
   },
   "devDependencies": {
     "sass": "^1.80.0"

package/src/scss/_bootstrap-settings.scss

@@ -7,24 +7,24 @@
 @import "tokens";
 
 // --- Cores de tema ---
-$primary: $govbr-interactive;
-$success: $govbr-success;
-$info: $govbr-info;
-$warning: $govbr-warning;
-$danger: $govbr-danger;
-$light: $govbr-gray-5;
-$dark: $govbr-gray-90;
-
-$body-color: $govbr-gray-80;
-$body-bg: $govbr-background;
-$border-color: $govbr-gray-20;
+$primary: $govbr-interactive !default;
+$success: $govbr-success !default;
+$info: $govbr-info !default;
+$warning: $govbr-warning !default;
+$danger: $govbr-danger !default;
+$light: $govbr-gray-5 !default;
+$dark: $govbr-gray-90 !default;
+
+$body-color: $govbr-gray-80 !default;
+$body-bg: $govbr-background !default;
+$border-color: $govbr-gray-20 !default;
 
 // --- Tipografia ---
 // $govbr-font-family já é a lista completa ("Rawline", "Raleway", sans-serif)
 // terminando num fallback genérico — não concatenar com mais fontes aqui:
 // isso aninharia a lista (viraria `("Rawline", ...), Arial, ...` no CSS
 // final) em vez de uma pilha de fontes plana.
-$font-family-base: $govbr-font-family;
+$font-family-base: $govbr-font-family !default;
 
 // DP-10: o font-size base do GOV.BR DS (14px) é aplicado apenas à
 // tipografia ($font-size-base), não ao elemento raiz ($font-size-root
@@ -36,7 +36,7 @@ $font-family-base: $govbr-font-family;
 // (que derivam de $font-size-base) diminuem proporcionalmente.
 //
 // 0.875rem = 14px, assumindo a raiz do navegador em 16px (não alterada).
-$font-size-base: 0.875rem;
+$font-size-base: 0.875rem !default;
 
 // --- Botão (RF-04) ---
 // Forma de pílula via variáveis (sem CSS adicional): GOV.BR DS usa
@@ -46,26 +46,26 @@ $font-size-base: 0.875rem;
 // rodam ANTES do Bootstrap definir suas próprias variáveis — $border-radius-pill
 // ainda não existe neste ponto do build. `50rem` é o próprio valor padrão do
 // Bootstrap para $border-radius-pill (vendor/bootstrap/scss/_variables.scss).
-$btn-border-radius: 50rem;
-$btn-border-radius-sm: 50rem;
-$btn-border-radius-lg: 50rem;
+$btn-border-radius: 50rem !default;
+$btn-border-radius-sm: 50rem !default;
+$btn-border-radius-lg: 50rem !default;
 
-$btn-font-weight: $govbr-font-weight-semibold;
+$btn-font-weight: $govbr-font-weight-semibold !default;
 
 // Padding horizontal alinhado ao spacing-scale-3x do GOV.BR DS (24px) no
 // tamanho padrão; sm/lg escalam proporcionalmente pela própria convenção do
 // Bootstrap (o GOV.BR DS não varia o padding horizontal por tamanho).
-$btn-padding-x: 1.5rem; // 24px
-$btn-padding-x-sm: 1rem; // 16px
-$btn-padding-x-lg: 2rem; // 32px
+$btn-padding-x: 1.5rem !default; // 24px
+$btn-padding-x-sm: 1rem !default; // 16px
+$btn-padding-x-lg: 2rem !default; // 32px
 
 // Padding vertical ajustado para aproximar as alturas de referência do
 // GOV.BR DS (32/40/48px — ver _tokens.scss). É uma aproximação deliberada,
 // não paridade de pixel: a matriz de compatibilidade (docs/requisitos.md §6)
 // não exige identidade exata, só declarar a aproximação.
-$btn-padding-y: 0.5rem;     // ~40px de altura total (padrão)
-$btn-padding-y-sm: 0.375rem; // ~32px de altura total
-$btn-padding-y-lg: 0.625rem; // ~48px de altura total
+$btn-padding-y: 0.5rem !default;     // ~40px de altura total (padrão)
+$btn-padding-y-sm: 0.375rem !default; // ~32px de altura total
+$btn-padding-y-lg: 0.625rem !default; // ~48px de altura total
 
 // Diferença conhecida e documentada (não replicada nesta issue): o GOV.BR DS
 // usa border: 0 por padrão e cor de foco dourada (--focus-color-light,
@@ -79,20 +79,20 @@ $btn-padding-y-lg: 0.625rem; // ~48px de altura total
 // mesmas do botão (issue #3); por isso reaproveitamos o mesmo padding-y
 // calibrado ali, e o resultado é coerente (o próprio GOV.BR DS usa a mesma
 // escala de altura para os dois componentes).
-$input-color: $govbr-gray-80;             // --color-light
-$input-border-color: $govbr-gray-40;      // --border-color-alternative
-$input-font-weight: $govbr-font-weight-medium;
+$input-color: $govbr-gray-80 !default;             // --color-light
+$input-border-color: $govbr-gray-40 !default;      // --border-color-alternative
+$input-font-weight: $govbr-font-weight-medium !default;
 
-$input-border-radius: $govbr-radius-sm;      // --surface-rounder-sm (4px)
-$input-border-radius-sm: $govbr-radius-sm;
-$input-border-radius-lg: $govbr-radius-sm;   // GOV.BR DS não varia o raio por tamanho
+$input-border-radius: $govbr-radius-sm !default;      // --surface-rounder-sm (4px)
+$input-border-radius-sm: $govbr-radius-sm !default;
+$input-border-radius-lg: $govbr-radius-sm !default;   // GOV.BR DS não varia o raio por tamanho
 
-$input-padding-x: 1rem;      // 16px = spacing-scale-2x
-$input-padding-y: 0.5rem;    // ~40px de altura total (padrão) — igual ao botão
-$input-padding-y-sm: 0.375rem; // ~32px
-$input-padding-y-lg: 0.625rem; // ~48px
+$input-padding-x: 1rem !default;      // 16px = spacing-scale-2x
+$input-padding-y: 0.5rem !default;    // ~40px de altura total (padrão) — igual ao botão
+$input-padding-y-sm: 0.375rem !default; // ~32px
+$input-padding-y-lg: 0.625rem !default; // ~48px
 
-$form-label-font-weight: $govbr-font-weight-medium;
+$form-label-font-weight: $govbr-font-weight-medium !default;
 
 // Diferença conhecida: o GOV.BR DS engrossa a borda (2px) nos estados de
 // validação (.success/.danger/.warning/.info); o Bootstrap só troca a cor
@@ -104,14 +104,14 @@ $form-label-font-weight: $govbr-font-weight-medium;
 // .../radio/_mixins.scss (checkbox-tokens, radio-tokens): ambos usam uma
 // caixa de 24px. $form-check-radio-border-radius (50%) já bate com o radio
 // do GOV.BR DS por padrão do Bootstrap — não precisa de override.
-$form-check-input-width: 24px;
+$form-check-input-width: 24px !default;
 // $form-check-padding-start soma $form-check-input-width + .5em por padrão;
 // como .5em não é compatível em Sass com um $form-check-input-width em px,
 // sobrescrevemos o resultado final também: 24px (caixa) + 8px (espaçamento,
 // spacing-scale-base do GOV.BR DS) = 32px.
-$form-check-padding-start: 2rem;
-$form-check-input-border-radius: $govbr-radius-sm; // 4px (só a caixa do checkbox)
-$form-check-label-cursor: pointer;
+$form-check-padding-start: 2rem !default;
+$form-check-input-border-radius: $govbr-radius-sm !default; // 4px (só a caixa do checkbox)
+$form-check-label-cursor: pointer !default;
 
 // Diferença conhecida: o GOV.BR DS desenha o "check" com bordas rotacionadas
 // via pseudo-elemento; mantemos o ícone SVG nativo do Bootstrap
@@ -124,19 +124,19 @@ $form-check-label-cursor: pointer;
 // Bootstrap 5.3 já gera automaticamente fundo/texto/borda "subtle" por cor
 // de tema a partir de $success/$info/$warning/$danger (mapeados na issue
 // #3) — não precisamos redefinir cores aqui, só remover borda e raio.
-$alert-border-width: 0;
-$alert-border-radius: 0;
+$alert-border-width: 0 !default;
+$alert-border-radius: 0 !default;
 
 // --- Cards (RF-06) ---
 // vendor/govbr-ds-core/src/components/card/_mixins.scss: sem borda, sombra
 // em vez de borda, cabeçalho/rodapé com o MESMO fundo do corpo (sem
 // "cap" diferenciado), padding = spacing-scale-2x (16px) = já é o padrão
 // do Bootstrap ($card-spacer-y/x = $spacer = 1rem), por isso não overamos.
-$card-border-width: 0;
-$card-border-radius: 0;
-$card-box-shadow: $govbr-shadow-sm;
-$card-cap-bg: transparent;
+$card-border-width: 0 !default;
+$card-border-radius: 0 !default;
+$card-box-shadow: $govbr-shadow-sm !default;
+$card-cap-bg: transparent !default;
 // Valor literal (não $spacer): estas sobrescritas rodam antes do Bootstrap
 // definir suas variáveis (mesmo motivo do $btn-border-radius acima). 1rem é
 // o próprio valor padrão de $spacer no Bootstrap.
-$card-cap-padding-y: 1rem; // GOV.BR DS usa o spacer inteiro (16px), não a metade
+$card-cap-padding-y: 1rem !default; // GOV.BR DS usa o spacer inteiro (16px), não a metade

package/src/scss/_tokens.scss

@@ -13,66 +13,66 @@
 
 // --interactive: var(--blue-warm-vivid-70)
 // vendor/govbr-ds-core/.../configs/colors/_blue-warm-vivid.scss
-$govbr-interactive: #1351b4;
+$govbr-interactive: #1351b4 !default;
 
 // --info: var(--blue-warm-vivid-60)
-$govbr-info: #155bcb;
+$govbr-info: #155bcb !default;
 
 // --success: var(--green-cool-vivid-50)
 // vendor/govbr-ds-core/.../configs/colors/_green-cool-vivid.scss
-$govbr-success: #168821;
+$govbr-success: #168821 !default;
 
 // --warning: var(--yellow-vivid-20)
 // vendor/govbr-ds-core/.../configs/colors/_yellow-vivid.scss
-$govbr-warning: #ffcd07;
+$govbr-warning: #ffcd07 !default;
 
 // --danger: var(--red-vivid-50)
 // vendor/govbr-ds-core/.../configs/colors/_red-vivid.scss
-$govbr-danger: #e52207;
+$govbr-danger: #e52207 !default;
 
 // --- Neutros ---
 // vendor/govbr-ds-core/.../configs/colors/_gray.scss
-$govbr-gray-90: #1b1b1b; // tom mais escuro (usado como $dark)
-$govbr-gray-80: #333;    // --color-light (texto padrão)
-$govbr-gray-20: #ccc;    // --border-color
-$govbr-gray-5: #f0f0f0;  // fundo alternativo (usado como $light)
+$govbr-gray-90: #1b1b1b !default; // tom mais escuro (usado como $dark)
+$govbr-gray-80: #333 !default;    // --color-light (texto padrão)
+$govbr-gray-20: #ccc !default;    // --border-color
+$govbr-gray-5: #f0f0f0 !default;  // fundo alternativo (usado como $light)
 
 // --background-light: var(--pure-0)
 // vendor/govbr-ds-core/.../configs/colors/_pure.scss
-$govbr-background: #fff;
+$govbr-background: #fff !default;
 
 // --- Tipografia ---
 // vendor/govbr-ds-core/src/partial/scss/configs/_typography.scss
-$govbr-font-family: "Rawline", "Raleway", sans-serif;
-$govbr-font-size-base: 14px;    // DP-10 — ver nota em _bootstrap-settings.scss
-$govbr-font-weight-medium: 500;
-$govbr-font-weight-semibold: 600;
+$govbr-font-family: "Rawline", "Raleway", sans-serif !default;
+$govbr-font-size-base: 14px !default;    // DP-10 — ver nota em _bootstrap-settings.scss
+$govbr-font-weight-medium: 500 !default;
+$govbr-font-weight-semibold: 600 !default;
 
 // --- Neutro adicional (issue #4) ---
 // --border-color-alternative: var(--gray-40)
 // vendor/govbr-ds-core/.../configs/colors/_gray.scss
-$govbr-gray-40: #888;
+$govbr-gray-40: #888 !default;
 
 // --- Superfície (raio de borda) ---
 // vendor/govbr-ds-core/src/partial/scss/configs/_surface.scss ($rounder-sm)
-$govbr-radius-sm: 4px;
+$govbr-radius-sm: 4px !default;
 
 // --- Sombra (issue #5: card) ---
 // vendor/govbr-ds-core/src/partial/scss/configs/_elevation.scss ($shadow-sm)
 // = offset-none(0) offset-sm(1px) blur-lg(6px), cor secondary-09 (#000) a 16%
-$govbr-shadow-sm: 0 1px 6px rgba(0, 0, 0, 0.16);
+$govbr-shadow-sm: 0 1px 6px rgba(0, 0, 0, 0.16) !default;
 
 // --- Espaçamento ---
 // vendor/govbr-ds-core/src/partial/scss/configs/_spacing.scss ($spacer)
 // Não é remapeado nesta issue (ver matriz em docs/requisitos.md §6: Layout
 // mantém o Bootstrap); registrado aqui apenas para referência futura.
-$govbr-spacer: 8px;
+$govbr-spacer: 8px !default;
 
 // --- Botão ---
 // vendor/govbr-ds-core/src/components/button/_mixins.scss
 // (button-tokens, button-default)
-$govbr-button-radius: 100em;         // --button-radius: pílula
-$govbr-button-height-small: 32px;    // --button-small
-$govbr-button-height-medium: 40px;   // --button-medium (padrão)
-$govbr-button-height-large: 48px;    // --button-large
-$govbr-button-padding-x: 24px;       // padding: 0 var(--spacing-scale-3x)
+$govbr-button-radius: 100em !default;         // --button-radius: pílula
+$govbr-button-height-small: 32px !default;    // --button-small
+$govbr-button-height-medium: 40px !default;   // --button-medium (padrão)
+$govbr-button-height-large: 48px !default;    // --button-large
+$govbr-button-padding-x: 24px !default;       // padding: 0 var(--spacing-scale-3x)

package/src/scss/index.scss

@@ -6,9 +6,10 @@
 // customização oficialmente documentado pelo próprio Bootstrap.
 //
 // O caminho de import usa @import (não @use/@forward) porque o próprio
-// Bootstrap 5.3.8 ainda importa seus parciais dessa forma internamente;
-// o contrato de Sass definitivo deste pacote é a decisão DP-04, ainda
-// pendente em docs/requisitos.md §12.2.
+// Bootstrap 5.3.8 ainda importa seus parciais dessa forma internamente.
+// Contrato de Sass: DP-04 em docs/requisitos.md §12.1 — o pacote inclui o
+// SCSS do Bootstrap e as variáveis deste projeto são !default, então o
+// consumidor sobrescreve tokens definindo-os antes de importar este arquivo.
 
 @import "bootstrap-settings";
 @import "../../vendor/bootstrap/scss/bootstrap";

package/vendor/bootstrap/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2011-2025 The Bootstrap Authors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

package/vendor/bootstrap/README.md

@@ -0,0 +1,246 @@
+<p align="center">
+  <a href="https://getbootstrap.com/">
+    <img src="https://getbootstrap.com/docs/5.3/assets/brand/bootstrap-logo-shadow.png" alt="Bootstrap logo" width="200" height="165">
+  </a>
+</p>
+
+<h3 align="center">Bootstrap</h3>
+
+<p align="center">
+  Sleek, intuitive, and powerful front-end framework for faster and easier web development.
+  <br>
+  <a href="https://getbootstrap.com/docs/5.3/"><strong>Explore Bootstrap docs »</strong></a>
+  <br>
+  <br>
+  <a href="https://github.com/twbs/bootstrap/issues/new?assignees=-&labels=bug&template=bug_report.yml">Report bug</a>
+  ·
+  <a href="https://github.com/twbs/bootstrap/issues/new?assignees=&labels=feature&template=feature_request.yml">Request feature</a>
+  ·
+  <a href="https://blog.getbootstrap.com/">Blog</a>
+</p>
+
+
+## Bootstrap 5
+
+Our default branch is for development of our Bootstrap 5 release. Head to the [`v4-dev` branch](https://github.com/twbs/bootstrap/tree/v4-dev) to view the readme, documentation, and source code for Bootstrap 4.
+
+
+## Table of contents
+
+- [Quick start](#quick-start)
+- [Status](#status)
+- [What’s included](#whats-included)
+- [Bugs and feature requests](#bugs-and-feature-requests)
+- [Documentation](#documentation)
+- [Contributing](#contributing)
+- [Community](#community)
+- [Versioning](#versioning)
+- [Creators](#creators)
+- [Thanks](#thanks)
+- [Copyright and license](#copyright-and-license)
+
+
+## Quick start
+
+Several quick start options are available:
+
+- [Download the latest release](https://github.com/twbs/bootstrap/archive/v5.3.8.zip)
+- Clone the repo: `git clone https://github.com/twbs/bootstrap.git`
+- Install with [npm](https://www.npmjs.com/): `npm install bootstrap@v5.3.8`
+- Install with [yarn](https://yarnpkg.com/): `yarn add bootstrap@v5.3.8`
+- Install with [Bun](https://bun.sh/): `bun add bootstrap@v5.3.8`
+- Install with [Composer](https://getcomposer.org/): `composer require twbs/bootstrap:5.3.8`
+- Install with [NuGet](https://www.nuget.org/): CSS: `Install-Package bootstrap` Sass: `Install-Package bootstrap.sass`
+
+Read the [Getting started page](https://getbootstrap.com/docs/5.3/getting-started/introduction/) for information on the framework contents, templates, examples, and more.
+
+
+## Status
+
+[![Build Status](https://img.shields.io/github/actions/workflow/status/twbs/bootstrap/js.yml?branch=main&label=JS%20Tests&logo=github)](https://github.com/twbs/bootstrap/actions/workflows/js.yml?query=workflow%3AJS+branch%3Amain)
+[![npm version](https://img.shields.io/npm/v/bootstrap?logo=npm&logoColor=fff)](https://www.npmjs.com/package/bootstrap)
+[![Gem version](https://img.shields.io/gem/v/bootstrap?logo=rubygems&logoColor=fff)](https://rubygems.org/gems/bootstrap)
+[![Meteor Atmosphere](https://img.shields.io/badge/meteor-twbs%3Abootstrap-blue?logo=meteor&logoColor=fff)](https://atmospherejs.com/twbs/bootstrap)
+[![Packagist Prerelease](https://img.shields.io/packagist/vpre/twbs/bootstrap?logo=packagist&logoColor=fff)](https://packagist.org/packages/twbs/bootstrap)
+[![NuGet](https://img.shields.io/nuget/vpre/bootstrap?logo=nuget&logoColor=fff)](https://www.nuget.org/packages/bootstrap/absoluteLatest)
+[![Coverage Status](https://img.shields.io/coveralls/github/twbs/bootstrap/main?logo=coveralls&logoColor=fff)](https://coveralls.io/github/twbs/bootstrap?branch=main)
+[![CSS gzip size](https://img.badgesize.io/twbs/bootstrap/main/dist/css/bootstrap.min.css?compression=gzip&label=CSS%20gzip%20size)](https://github.com/twbs/bootstrap/blob/main/dist/css/bootstrap.min.css)
+[![CSS Brotli size](https://img.badgesize.io/twbs/bootstrap/main/dist/css/bootstrap.min.css?compression=brotli&label=CSS%20Brotli%20size)](https://github.com/twbs/bootstrap/blob/main/dist/css/bootstrap.min.css)
+[![JS gzip size](https://img.badgesize.io/twbs/bootstrap/main/dist/js/bootstrap.min.js?compression=gzip&label=JS%20gzip%20size)](https://github.com/twbs/bootstrap/blob/main/dist/js/bootstrap.min.js)
+[![JS Brotli size](https://img.badgesize.io/twbs/bootstrap/main/dist/js/bootstrap.min.js?compression=brotli&label=JS%20Brotli%20size)](https://github.com/twbs/bootstrap/blob/main/dist/js/bootstrap.min.js)
+![Open Source Security Foundation Scorecard](https://img.shields.io/ossf-scorecard/github.com/twbs/bootstrap)
+[![Backers on Open Collective](https://img.shields.io/opencollective/backers/bootstrap?logo=opencollective&logoColor=fff)](#backers)
+[![Sponsors on Open Collective](https://img.shields.io/opencollective/sponsors/bootstrap?logo=opencollective&logoColor=fff)](#sponsors)
+
+
+## What’s included
+
+Within the download you’ll find the following directories and files, logically grouping common assets and providing both compiled and minified variations.
+
+<details>
+  <summary>Download contents</summary>
+
+  ```text
+  bootstrap/
+  ├── css/
+  │   ├── bootstrap-grid.css
+  │   ├── bootstrap-grid.css.map
+  │   ├── bootstrap-grid.min.css
+  │   ├── bootstrap-grid.min.css.map
+  │   ├── bootstrap-grid.rtl.css
+  │   ├── bootstrap-grid.rtl.css.map
+  │   ├── bootstrap-grid.rtl.min.css
+  │   ├── bootstrap-grid.rtl.min.css.map
+  │   ├── bootstrap-reboot.css
+  │   ├── bootstrap-reboot.css.map
+  │   ├── bootstrap-reboot.min.css
+  │   ├── bootstrap-reboot.min.css.map
+  │   ├── bootstrap-reboot.rtl.css
+  │   ├── bootstrap-reboot.rtl.css.map
+  │   ├── bootstrap-reboot.rtl.min.css
+  │   ├── bootstrap-reboot.rtl.min.css.map
+  │   ├── bootstrap-utilities.css
+  │   ├── bootstrap-utilities.css.map
+  │   ├── bootstrap-utilities.min.css
+  │   ├── bootstrap-utilities.min.css.map
+  │   ├── bootstrap-utilities.rtl.css
+  │   ├── bootstrap-utilities.rtl.css.map
+  │   ├── bootstrap-utilities.rtl.min.css
+  │   ├── bootstrap-utilities.rtl.min.css.map
+  │   ├── bootstrap.css
+  │   ├── bootstrap.css.map
+  │   ├── bootstrap.min.css
+  │   ├── bootstrap.min.css.map
+  │   ├── bootstrap.rtl.css
+  │   ├── bootstrap.rtl.css.map
+  │   ├── bootstrap.rtl.min.css
+  │   └── bootstrap.rtl.min.css.map
+  └── js/
+      ├── bootstrap.bundle.js
+      ├── bootstrap.bundle.js.map
+      ├── bootstrap.bundle.min.js
+      ├── bootstrap.bundle.min.js.map
+      ├── bootstrap.esm.js
+      ├── bootstrap.esm.js.map
+      ├── bootstrap.esm.min.js
+      ├── bootstrap.esm.min.js.map
+      ├── bootstrap.js
+      ├── bootstrap.js.map
+      ├── bootstrap.min.js
+      └── bootstrap.min.js.map
+  ```
+</details>
+
+We provide compiled CSS and JS (`bootstrap.*`), as well as compiled and minified CSS and JS (`bootstrap.min.*`). [Source maps](https://web.dev/articles/source-maps) (`bootstrap.*.map`) are available for use with certain browsers’ developer tools. Bundled JS files (`bootstrap.bundle.js` and minified `bootstrap.bundle.min.js`) include [Popper](https://popper.js.org/docs/v2/).
+
+
+## Bugs and feature requests
+
+Have a bug or a feature request? Please first read the [issue guidelines](https://github.com/twbs/bootstrap/blob/main/.github/CONTRIBUTING.md#using-the-issue-tracker) and search for existing and closed issues. If your problem or idea is not addressed yet, [please open a new issue](https://github.com/twbs/bootstrap/issues/new/choose).
+
+
+## Documentation
+
+Bootstrap’s documentation, included in this repo in the root directory, is built with [Astro](https://astro.build/) and publicly hosted on GitHub Pages at <https://getbootstrap.com/>. The docs may also be run locally.
+
+Documentation search is powered by [Algolia's DocSearch](https://docsearch.algolia.com/).
+
+### Running documentation locally
+
+1. Run `npm install` to install the Node.js dependencies, including Astro (the site builder).
+2. Run `npm run test` (or a specific npm script) to rebuild distributed CSS and JavaScript files, as well as our docs assets.
+3. From the root `/bootstrap` directory, run `npm run docs-serve` in the command line.
+4. Open <http://localhost:9001> in your browser, and voilà.
+
+Learn more about using Astro by reading its [documentation](https://docs.astro.build/en/getting-started/).
+
+### Documentation for previous releases
+
+You can find all our previous releases docs on <https://getbootstrap.com/docs/versions/>.
+
+[Previous releases](https://github.com/twbs/bootstrap/releases) and their documentation are also available for download.
+
+
+## Contributing
+
+Please read through our [contributing guidelines](https://github.com/twbs/bootstrap/blob/main/.github/CONTRIBUTING.md). Included are directions for opening issues, coding standards, and notes on development.
+
+Moreover, if your pull request contains JavaScript patches or features, you must include [relevant unit tests](https://github.com/twbs/bootstrap/tree/main/js/tests). All HTML and CSS should conform to the [Code Guide](https://github.com/mdo/code-guide), maintained by [Mark Otto](https://github.com/mdo).
+
+Editor preferences are available in the [editor config](https://github.com/twbs/bootstrap/blob/main/.editorconfig) for easy use in common text editors. Read more and download plugins at <https://editorconfig.org/>.
+
+
+## Community
+
+Get updates on Bootstrap’s development and chat with the project maintainers and community members.
+
+- Follow [@getbootstrap on X](https://x.com/getbootstrap).
+- Read and subscribe to [The Official Bootstrap Blog](https://blog.getbootstrap.com/).
+- Ask questions and explore [our GitHub Discussions](https://github.com/twbs/bootstrap/discussions).
+- Discuss, ask questions, and more on [the community Discord](https://discord.gg/bZUvakRU3M) or [Bootstrap subreddit](https://www.reddit.com/r/bootstrap/).
+- Chat with fellow Bootstrappers in IRC. On the `irc.libera.chat` server, in the `#bootstrap` channel.
+- Implementation help may be found at Stack Overflow (tagged [`bootstrap-5`](https://stackoverflow.com/questions/tagged/bootstrap-5)).
+- Developers should use the keyword `bootstrap` on packages which modify or add to the functionality of Bootstrap when distributing through [npm](https://www.npmjs.com/browse/keyword/bootstrap) or similar delivery mechanisms for maximum discoverability.
+
+
+## Versioning
+
+For transparency into our release cycle and in striving to maintain backward compatibility, Bootstrap is maintained under [the Semantic Versioning guidelines](https://semver.org/). Sometimes we screw up, but we adhere to those rules whenever possible.
+
+See [the Releases section of our GitHub project](https://github.com/twbs/bootstrap/releases) for changelogs for each release version of Bootstrap. Release announcement posts on [the official Bootstrap blog](https://blog.getbootstrap.com/) contain summaries of the most noteworthy changes made in each release.
+
+
+## Creators
+
+**Mark Otto**
+
+- <https://x.com/mdo>
+- <https://github.com/mdo>
+
+**Jacob Thornton**
+
+- <https://x.com/fat>
+- <https://github.com/fat>
+
+
+## Thanks
+
+<a href="https://www.browserstack.com/">
+  <img src="https://live.browserstack.com/images/opensource/browserstack-logo.svg" alt="BrowserStack" width="192" height="42">
+</a>
+
+Thanks to [BrowserStack](https://www.browserstack.com/) for providing the infrastructure that allows us to test in real browsers!
+
+<a href="https://www.netlify.com/">
+  <img src="https://www.netlify.com/v3/img/components/full-logo-light.svg" alt="Netlify" width="147" height="40">
+</a>
+
+Thanks to [Netlify](https://www.netlify.com/) for providing us with Deploy Previews!
+
+
+## Sponsors
+
+Support this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/bootstrap#sponsor)]
+
+[![OC sponsor 0](https://opencollective.com/bootstrap/sponsor/0/avatar.svg)](https://opencollective.com/bootstrap/sponsor/0/website)
+[![OC sponsor 1](https://opencollective.com/bootstrap/sponsor/1/avatar.svg)](https://opencollective.com/bootstrap/sponsor/1/website)
+[![OC sponsor 2](https://opencollective.com/bootstrap/sponsor/2/avatar.svg)](https://opencollective.com/bootstrap/sponsor/2/website)
+[![OC sponsor 3](https://opencollective.com/bootstrap/sponsor/3/avatar.svg)](https://opencollective.com/bootstrap/sponsor/3/website)
+[![OC sponsor 4](https://opencollective.com/bootstrap/sponsor/4/avatar.svg)](https://opencollective.com/bootstrap/sponsor/4/website)
+[![OC sponsor 5](https://opencollective.com/bootstrap/sponsor/5/avatar.svg)](https://opencollective.com/bootstrap/sponsor/5/website)
+[![OC sponsor 6](https://opencollective.com/bootstrap/sponsor/6/avatar.svg)](https://opencollective.com/bootstrap/sponsor/6/website)
+[![OC sponsor 7](https://opencollective.com/bootstrap/sponsor/7/avatar.svg)](https://opencollective.com/bootstrap/sponsor/7/website)
+[![OC sponsor 8](https://opencollective.com/bootstrap/sponsor/8/avatar.svg)](https://opencollective.com/bootstrap/sponsor/8/website)
+[![OC sponsor 9](https://opencollective.com/bootstrap/sponsor/9/avatar.svg)](https://opencollective.com/bootstrap/sponsor/9/website)
+
+
+## Backers
+
+Thank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/bootstrap#backer)]
+
+[![Backers](https://opencollective.com/bootstrap/backers.svg?width=890)](https://opencollective.com/bootstrap#backers)
+
+
+## Copyright and license
+
+Code and documentation copyright 2011-2025 the [Bootstrap Authors](https://github.com/twbs/bootstrap/graphs/contributors). Code released under the [MIT License](https://github.com/twbs/bootstrap/blob/main/LICENSE). Docs released under [Creative Commons](https://creativecommons.org/licenses/by/3.0/).