@easyjur/design-system 1.0.0

package/README.md

@@ -0,0 +1,47 @@
+# Design System — EasyJur
+
+Sistema de design compartilhado da EasyJur, construído sobre Bootstrap 5, SCSS e Vite. Centraliza estilos, tokens, componentes e comportamentos reutilizáveis para os produtos SaaS e Legal Ops.
+
+## Sobre
+
+O Design System é a camada visual e de interação dos produtos EasyJur. Seu objetivo é garantir consistência entre as interfaces, distribuindo tokens de design, componentes estilizados e comportamentos interativos prontos para consumo — sem que cada produto precise reimplementar os mesmos padrões.
+
+Ele serve dois contextos distintos:
+
+- **SaaS** — consumido dentro do monolito legado, com escopo restrito a `#app .rebranding` para evitar conflitos com estilos existentes
+- **Legal Ops** — consumido em ambiente React, sem necessidade de escopo adicional
+
+## Distribuição
+
+O build gera os seguintes artefatos em `dist/`:
+
+| Arquivo | Uso |
+|---|---|
+| `dist/css/design-system.min.css` | Base — Legal Ops e documentação |
+| `dist/css/saas.min.css` | Escopo SaaS (`#app .rebranding`) |
+| `dist/js/design-system.js` | Bundle JS único com comportamentos interativos |
+
+## Desenvolvimento local
+
+```bash
+npm install
+npm run dev
+```
+
+O Vite compila o SCSS automaticamente e o HMR funciona sem processos adicionais.
+
+## Build e distribuição
+
+```bash
+npm run build
+```
+
+Gera os artefatos minificados em `dist/`. Os arquivos CSS são produzidos via `sass` e o bundle JS via Vite.
+
+## Documentação
+
+```bash
+npm run app
+```
+
+Compila e serve a documentação do Design System localmente.

package/dist/css/colors.min.css

@@ -0,0 +1 @@
+:root,[data-bs-theme=light]{--ds-blue: #0d6efd;--ds-indigo: #6610f2;--ds-purple: #6f42c1;--ds-pink: #d63384;--ds-red: #dc3545;--ds-orange: #fd7e14;--ds-yellow: #ffc107;--ds-green: #198754;--ds-teal: #20c997;--ds-cyan: #0dcaf0;--ds-black: #000;--ds-white: #fff;--ds-gray: #4B5563;--ds-gray-dark: #585B5E;--ds-gray-100: #F9F9F9;--ds-gray-200: #9CA3AF;--ds-gray-300: #7F919A;--ds-gray-400: #7A8188;--ds-gray-500: #6B7280;--ds-gray-600: #4B5563;--ds-gray-700: #606469;--ds-gray-800: #585B5E;--ds-gray-900: #191919;--ds-primary: #E5293F;--ds-secondary: #ACBAC2;--ds-success: #3EA64D;--ds-info: #19A2E6;--ds-warning: #CA8A04;--ds-danger: #EF4444;--ds-light: #F9F9F9;--ds-dark: #191919;--ds-gray-900: #191919;--ds-gray-800: #585B5E;--ds-gray-700: #606469;--ds-gray-600: #4B5563;--ds-gray-500: #6B7280;--ds-gray-400: #7A8188;--ds-gray-350: #909294;--ds-gray-300: #7F919A;--ds-gray-200: #9CA3AF;--ds-gray-150: #E7E8E9;--ds-gray-100: #F9F9F9;--ds-white: #FFFFFF;--ds-primary-rgb: 229, 41, 63;--ds-secondary-rgb: 172, 186, 194;--ds-success-rgb: 62, 166, 77;--ds-info-rgb: 25, 162, 230;--ds-warning-rgb: 202, 138, 4;--ds-danger-rgb: 239, 68, 68;--ds-light-rgb: 249, 249, 249;--ds-dark-rgb: 25, 25, 25;--ds-gray-900-rgb: 25, 25, 25;--ds-gray-800-rgb: 88, 91, 94;--ds-gray-700-rgb: 96, 100, 105;--ds-gray-600-rgb: 75, 85, 99;--ds-gray-500-rgb: 107, 114, 128;--ds-gray-400-rgb: 122, 129, 136;--ds-gray-350-rgb: 144, 146, 148;--ds-gray-300-rgb: 127, 145, 154;--ds-gray-200-rgb: 156, 163, 175;--ds-gray-150-rgb: 231, 232, 233;--ds-gray-100-rgb: 249, 249, 249;--ds-white-rgb: 255, 255, 255;--ds-primary-text-emphasis: rgb(91.6, 16.4, 25.2);--ds-secondary-text-emphasis: rgb(68.8, 74.4, 77.6);--ds-success-text-emphasis: rgb(24.8, 66.4, 30.8);--ds-info-text-emphasis: rgb(10, 64.8, 92);--ds-warning-text-emphasis: rgb(80.8, 55.2, 1.6);--ds-danger-text-emphasis: rgb(95.6, 27.2, 27.2);--ds-light-text-emphasis: #606469;--ds-dark-text-emphasis: #606469;--ds-primary-bg-subtle: rgb(249.8, 212.2, 216.6);--ds-secondary-bg-subtle: rgb(238.4, 241.2, 242.8);--ds-success-bg-subtle: rgb(216.4, 237.2, 219.4);--ds-info-bg-subtle: rgb(209, 236.4, 250);--ds-warning-bg-subtle: rgb(244.4, 231.6, 204.8);--ds-danger-bg-subtle: rgb(251.8, 217.6, 217.6);--ds-light-bg-subtle: #fcfcfc;--ds-dark-bg-subtle: #7A8188;--ds-primary-border-subtle: rgb(244.6, 169.4, 178.2);--ds-secondary-border-subtle: rgb(221.8, 227.4, 230.6);--ds-success-border-subtle: rgb(177.8, 219.4, 183.8);--ds-info-border-subtle: rgb(163, 217.8, 245);--ds-warning-border-subtle: rgb(233.8, 208.2, 154.6);--ds-danger-border-subtle: rgb(248.6, 180.2, 180.2);--ds-light-border-subtle: #9CA3AF;--ds-dark-border-subtle: #6B7280;--ds-white-rgb: 255, 255, 255;--ds-black-rgb: 0, 0, 0;--ds-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--ds-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--ds-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--ds-body-font-family: var(--ds-font-sans-serif);--ds-body-font-size:1rem;--ds-body-font-weight: 400;--ds-body-line-height: 1.5;--ds-body-color: #191919;--ds-body-color-rgb: 25, 25, 25;--ds-body-bg: #fff;--ds-body-bg-rgb: 255, 255, 255;--ds-emphasis-color: #000;--ds-emphasis-color-rgb: 0, 0, 0;--ds-secondary-color: rgba(25, 25, 25, 0.75);--ds-secondary-color-rgb: 25, 25, 25;--ds-secondary-bg: #9CA3AF;--ds-secondary-bg-rgb: 156, 163, 175;--ds-tertiary-color: rgba(25, 25, 25, 0.5);--ds-tertiary-color-rgb: 25, 25, 25;--ds-tertiary-bg: #F9F9F9;--ds-tertiary-bg-rgb: 249, 249, 249;--ds-heading-color: inherit;--ds-link-color: #E5293F;--ds-link-color-rgb: 229, 41, 63;--ds-link-decoration: underline;--ds-link-hover-color: rgb(183.2, 32.8, 50.4);--ds-link-hover-color-rgb: 183, 33, 50;--ds-code-color: #d63384;--ds-highlight-color: #191919;--ds-highlight-bg: rgb(255, 242.6, 205.4);--ds-border-width: 1px;--ds-border-style: solid;--ds-border-color: #7F919A;--ds-border-color-translucent: rgba(0, 0, 0, 0.175);--ds-border-radius: 0.375rem;--ds-border-radius-sm: 0.25rem;--ds-border-radius-lg: 0.5rem;--ds-border-radius-xl: 1rem;--ds-border-radius-xxl: 2rem;--ds-border-radius-2xl: var(--ds-border-radius-xxl);--ds-border-radius-pill: 50rem;--ds-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);--ds-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--ds-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);--ds-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);--ds-focus-ring-width: 0.25rem;--ds-focus-ring-opacity: 0.25;--ds-focus-ring-color: rgba(229, 41, 63, 0.25);--ds-form-valid-color: #3EA64D;--ds-form-valid-border-color: #3EA64D;--ds-form-invalid-color: #EF4444;--ds-form-invalid-border-color: #EF4444}[data-bs-theme=dark]{color-scheme:dark;--ds-body-color: #7F919A;--ds-body-color-rgb: 127, 145, 154;--ds-body-bg: #191919;--ds-body-bg-rgb: 25, 25, 25;--ds-emphasis-color: #fff;--ds-emphasis-color-rgb: 255, 255, 255;--ds-secondary-color: rgba(127, 145, 154, 0.75);--ds-secondary-color-rgb: 127, 145, 154;--ds-secondary-bg: #585B5E;--ds-secondary-bg-rgb: 88, 91, 94;--ds-tertiary-color: rgba(127, 145, 154, 0.5);--ds-tertiary-color-rgb: 127, 145, 154;--ds-tertiary-bg: rgb(56.5, 58, 59.5);--ds-tertiary-bg-rgb: 57, 58, 60;--ds-primary-text-emphasis: rgb(239.4, 126.6, 139.8);--ds-secondary-text-emphasis: rgb(205.2, 213.6, 218.4);--ds-success-text-emphasis: rgb(139.2, 201.6, 148.2);--ds-info-text-emphasis: rgb(117, 199.2, 240);--ds-warning-text-emphasis: rgb(223.2, 184.8, 104.4);--ds-danger-text-emphasis: rgb(245.4, 142.8, 142.8);--ds-light-text-emphasis: #F9F9F9;--ds-dark-text-emphasis: #7F919A;--ds-primary-bg-subtle: rgb(45.8, 8.2, 12.6);--ds-secondary-bg-subtle: rgb(34.4, 37.2, 38.8);--ds-success-bg-subtle: rgb(12.4, 33.2, 15.4);--ds-info-bg-subtle: rgb(5, 32.4, 46);--ds-warning-bg-subtle: rgb(40.4, 27.6, 0.8);--ds-danger-bg-subtle: rgb(47.8, 13.6, 13.6);--ds-light-bg-subtle: #585B5E;--ds-dark-bg-subtle: rgb(44, 45.5, 47);--ds-primary-border-subtle: rgb(137.4, 24.6, 37.8);--ds-secondary-border-subtle: rgb(103.2, 111.6, 116.4);--ds-success-border-subtle: rgb(37.2, 99.6, 46.2);--ds-info-border-subtle: rgb(15, 97.2, 138);--ds-warning-border-subtle: rgb(121.2, 82.8, 2.4);--ds-danger-border-subtle: rgb(143.4, 40.8, 40.8);--ds-light-border-subtle: #606469;--ds-dark-border-subtle: #585B5E;--ds-heading-color: inherit;--ds-link-color: rgb(239.4, 126.6, 139.8);--ds-link-hover-color: rgb(242.52, 152.28, 162.84);--ds-link-color-rgb: 239, 127, 140;--ds-link-hover-color-rgb: 243, 152, 163;--ds-code-color: rgb(230.4, 132.6, 181.2);--ds-highlight-color: #7F919A;--ds-highlight-bg: rgb(102, 77.2, 2.8);--ds-border-color: #606469;--ds-border-color-translucent: rgba(255, 255, 255, 0.15);--ds-form-valid-color: rgb(117, 183, 152.4);--ds-form-valid-border-color: rgb(117, 183, 152.4);--ds-form-invalid-color: rgb(234, 133.8, 143.4);--ds-form-invalid-border-color: rgb(234, 133.8, 143.4)}:root{--ds-palette-primary: #E5293F;--ds-palette-secondary: #ACBAC2;--ds-palette-core-ice-white: #F9F9F9;--ds-palette-core-beige: #F8E3B7;--ds-palette-core-dark-red: #A82130;--ds-palette-core-slate: #7F919A;--ds-palette-tint-gray-text: #59676E;--ds-palette-tint-gray-border: #D3DBDE;--ds-palette-tint-gray-bg: #F3F5F6;--ds-palette-tint-green-text: #28AF60;--ds-palette-tint-green-border: #AFE0C4;--ds-palette-tint-green-bg: #E9F6EF;--ds-palette-tint-red-text: #E4253F;--ds-palette-tint-red-border: #F4AEB7;--ds-palette-tint-red-bg: #FCE9EB;--ds-palette-tint-yellow-text: #F59F0A;--ds-palette-tint-yellow-border:#FADBA4;--ds-palette-tint-yellow-bg: #FDF5E6;--ds-palette-tint-purple-text: #8033CC;--ds-palette-tint-purple-border:#CFB2EB;--ds-palette-tint-purple-bg: #F2EAF9;--ds-palette-tint-blue-text: #19A2E6;--ds-palette-tint-blue-border: #AADBF5;--ds-palette-tint-blue-bg: #E8F5FC;--ds-palette-tint-orange-text: #E68019;--ds-palette-tint-orange-border:#F5CFAA;--ds-palette-tint-orange-bg: #FCF2E8;--ds-palette-tint-pink-text: #D92680;--ds-palette-tint-pink-border: #F0AECF;--ds-palette-tint-pink-bg: #FBE9F2;--ds-palette-tint-teal-text: #29A3A3;--ds-palette-tint-teal-border: #AFDCDC;--ds-palette-tint-teal-bg: #E9F5F5}