beth-clarity 1.0.4 → 1.0.5
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.
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
(function(t
|
|
2
|
-
/*$vite$:1*/`,document.head.appendChild(
|
|
1
|
+
(function(e,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("react/jsx-runtime")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime"],t):(e=typeof globalThis<"u"?globalThis:e||self,t(e.ClarityDesignSystem={},e.React))})(this,(function(e,t){"use strict";var n=document.createElement("style");n.textContent=`:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.clarity-design-system h1{font-size:3.2em;line-height:1.1}.elisa-design-system{max-width:1200px;margin:0 auto;padding:2rem}.elisa-design-system h1{text-align:center;margin-bottom:2rem;color:#213547}:root{--clarity-primary-500: #0ea5e9;--clarity-primary-600: #0284c7;--clarity-secondary-500: #64748b;--clarity-secondary-600: #475569;--clarity-danger-500: #ef4444;--clarity-danger-600: #dc2626;--clarity-success-500: #10b981;--clarity-success-600: #059669;--clarity-spacing-xs: 4px;--clarity-spacing-sm: 8px;--clarity-spacing-md: 16px;--clarity-spacing-lg: 24px;--clarity-spacing-xl: 32px;--clarity-font-family-sans: "Inter", system-ui, sans-serif;--clarity-font-size-base: 16px}*{box-sizing:border-box}.clarity-design-system{font-family:var(--clarity-font-family-sans);font-size:var(--clarity-font-size-base);line-height:1.5}.clarity-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;font-family:inherit;font-size:14px;line-height:1.5}.clarity-button--small{padding:4px 8px;font-size:12px;border-radius:4px}.clarity-button--medium{padding:8px 16px;font-size:14px}.clarity-button--large{padding:12px 24px;font-size:16px;border-radius:8px}.clarity-button--primary{background-color:var(--clarity-primary-500);color:#fff}.clarity-button--primary:hover:not(:disabled){background-color:var(--clarity-primary-600)}.clarity-button--secondary{background-color:var(--clarity-secondary-500);color:#fff}.clarity-button--secondary:hover:not(:disabled){background-color:var(--clarity-secondary-600)}.clarity-button--danger{background-color:var(--clarity-danger-500);color:#fff}.clarity-button--danger:hover:not(:disabled){background-color:var(--clarity-danger-600)}.clarity-button--success{background-color:var(--clarity-success-500);color:#fff}.clarity-button--success:hover:not(:disabled){background-color:var(--clarity-success-600)}.clarity-button--disabled{opacity:.5;cursor:not-allowed}.clarity-button--loading{cursor:wait}.clarity-button__spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
|
|
2
|
+
/*$vite$:1*/`,document.head.appendChild(n);const s=({variant:a="primary",size:p="medium",disabled:o=!1,loading:i=!1,children:m,onClick:b,type:u="button",className:g="",...x})=>{const r="clarity-button",h=[r,`${r}--${a}`,`${r}--${p}`,i&&`${r}--loading`,o&&`${r}--disabled`,g].filter(Boolean).join(" ");return t.jsx("button",{className:h,disabled:o||i,onClick:b,type:u,...x,children:i?t.jsx("span",{className:`${r}__spinner`,children:"⟳"}):m})},c={primary:{50:"#f0f9ff",100:"#e0f2fe",200:"#bae6fd",300:"#7dd3fc",400:"#38bdf8",500:"#0ea5e9",600:"#0284c7",700:"#0369a1",800:"#075985",900:"#0c4a6e"},secondary:{50:"#f8fafc",100:"#f1f5f9",200:"#e2e8f0",300:"#cbd5e1",400:"#94a3b8",500:"#64748b",600:"#475569",700:"#334155",800:"#1e293b",900:"#0f172a"},danger:{50:"#fef2f2",100:"#fee2e2",200:"#fecaca",300:"#fca5a5",400:"#f87171",500:"#ef4444",600:"#dc2626",700:"#b91c1c",800:"#991b1b",900:"#7f1d1d"},success:{50:"#ecfdf5",100:"#d1fae5",200:"#a7f3d0",300:"#6ee7b7",400:"#34d399",500:"#10b981",600:"#059669",700:"#047857",800:"#065f46",900:"#064e3b"}},l={xs:"4px",sm:"8px",md:"16px",lg:"24px",xl:"32px","2xl":"48px","3xl":"64px"},d={fontFamily:{sans:["Inter","system-ui","sans-serif"],mono:["Fira Code","monospace"]},fontSize:{xs:"12px",sm:"14px",base:"16px",lg:"18px",xl:"20px","2xl":"24px","3xl":"30px"},fontWeight:{normal:400,medium:500,semibold:600,bold:700}},f=(...a)=>a.filter(Boolean).join(" "),y=()=>Math.random().toString(36).substr(2,9);e.Button=s,e.cn=f,e.colors=c,e.generateId=y,e.spacing=l,e.typography=d,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})}));
|
package/dist/styles/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.clarity-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;font-family:inherit;font-size:14px;line-height:1.5}.clarity-button--small{padding:4px 8px;font-size:12px;border-radius:4px}.clarity-button--medium{padding:8px 16px;font-size:14px}.clarity-button--large{padding:12px 24px;font-size:16px;border-radius:8px}.clarity-button--primary{background-color:var(--clarity-primary-500);color:#fff}.clarity-button--primary:hover:not(:disabled){background-color:var(--clarity-primary-600)}.clarity-button--secondary{background-color:var(--clarity-secondary-500);color:#fff}.clarity-button--secondary:hover:not(:disabled){background-color:var(--clarity-secondary-600)}.clarity-button--danger{background-color:var(--clarity-danger-500);color:#fff}.clarity-button--danger:hover:not(:disabled){background-color:var(--clarity-danger-600)}.clarity-button--success{background-color:var(--clarity-success-500);color:#fff}.clarity-button--success:hover:not(:disabled){background-color:var(--clarity-success-600)}.clarity-button--disabled{opacity:.5;cursor:not-allowed}.clarity-button--loading{cursor:wait}.clarity-button__spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
|
|
1
|
+
:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.clarity-design-system h1{font-size:3.2em;line-height:1.1}.elisa-design-system{max-width:1200px;margin:0 auto;padding:2rem}.elisa-design-system h1{text-align:center;margin-bottom:2rem;color:#213547}:root{--clarity-primary-500: #0ea5e9;--clarity-primary-600: #0284c7;--clarity-secondary-500: #64748b;--clarity-secondary-600: #475569;--clarity-danger-500: #ef4444;--clarity-danger-600: #dc2626;--clarity-success-500: #10b981;--clarity-success-600: #059669;--clarity-spacing-xs: 4px;--clarity-spacing-sm: 8px;--clarity-spacing-md: 16px;--clarity-spacing-lg: 24px;--clarity-spacing-xl: 32px;--clarity-font-family-sans: "Inter", system-ui, sans-serif;--clarity-font-size-base: 16px}*{box-sizing:border-box}.clarity-design-system{font-family:var(--clarity-font-family-sans);font-size:var(--clarity-font-size-base);line-height:1.5}.clarity-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;font-family:inherit;font-size:14px;line-height:1.5}.clarity-button--small{padding:4px 8px;font-size:12px;border-radius:4px}.clarity-button--medium{padding:8px 16px;font-size:14px}.clarity-button--large{padding:12px 24px;font-size:16px;border-radius:8px}.clarity-button--primary{background-color:var(--clarity-primary-500);color:#fff}.clarity-button--primary:hover:not(:disabled){background-color:var(--clarity-primary-600)}.clarity-button--secondary{background-color:var(--clarity-secondary-500);color:#fff}.clarity-button--secondary:hover:not(:disabled){background-color:var(--clarity-secondary-600)}.clarity-button--danger{background-color:var(--clarity-danger-500);color:#fff}.clarity-button--danger:hover:not(:disabled){background-color:var(--clarity-danger-600)}.clarity-button--success{background-color:var(--clarity-success-500);color:#fff}.clarity-button--success:hover:not(:disabled){background-color:var(--clarity-success-600)}.clarity-button--disabled{opacity:.5;cursor:not-allowed}.clarity-button--loading{cursor:wait}.clarity-button__spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "beth-clarity",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.5",
|
|
4
4
|
"description": "Design System da Beth Health Tech com componentes React reutilizáveis",
|
|
5
5
|
"main": "dist/clarity-design-system.umd.js",
|
|
6
6
|
"module": "dist/clarity-design-system.es.js",
|
|
@@ -16,13 +16,17 @@
|
|
|
16
16
|
"files": [
|
|
17
17
|
"dist"
|
|
18
18
|
],
|
|
19
|
+
"sideEffects": [
|
|
20
|
+
"**/*.css",
|
|
21
|
+
"./src/auto-styles.css"
|
|
22
|
+
],
|
|
19
23
|
"exports": {
|
|
20
24
|
".": {
|
|
21
25
|
"types": "./dist/index.d.ts",
|
|
22
26
|
"import": "./dist/clarity-design-system.es.js",
|
|
23
|
-
"require": "./dist/clarity-design-system.umd.js"
|
|
24
|
-
|
|
25
|
-
|
|
27
|
+
"require": "./dist/clarity-design-system.umd.js"
|
|
28
|
+
},
|
|
29
|
+
"./styles": "./dist/styles/index.css"
|
|
26
30
|
},
|
|
27
31
|
"scripts": {
|
|
28
32
|
"dev": "vite",
|
|
@@ -53,7 +57,6 @@
|
|
|
53
57
|
"react-dom": ">=18.0.0"
|
|
54
58
|
},
|
|
55
59
|
"dependencies": {
|
|
56
|
-
"clarity": "npm:@beth_health_tech/clarity-design-system@^1.0.0",
|
|
57
60
|
"react": ">=18.0.0",
|
|
58
61
|
"react-dom": ">=18.0.0"
|
|
59
62
|
},
|