@ahmetilhn/hanui 2.2.0 → 2.2.1
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 +10 -0
- package/build/index.cjs +1 -1
- package/build/index.cjs.map +1 -1
- package/build/index.d.ts +10 -10
- package/build/index.js +31 -19
- package/build/index.js.map +1 -1
- package/build/styles.css +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -485,6 +485,16 @@ başına saklanıyor (`e2e/__screenshots__/{platform}/`); CI'da açılacağı g
|
|
|
485
485
|
yol, Playwright'ın resmi konteynerinde koşup `linux` referanslarını orada
|
|
486
486
|
üretmek.
|
|
487
487
|
|
|
488
|
+
> ⚠ **Referansları yenilerken `--update-snapshots=all` yazın, çıplak
|
|
489
|
+
> `--update-snapshots` DEĞİL.** Ölçüldü (palet değişikliği turunda): çıplak
|
|
490
|
+
> bayrak yalnızca **eksik** referansı yazıyor; eşleşmeyeni ne yeniden üretiyor
|
|
491
|
+
> ne de kırıyor — koşu `40 passed` diyor, dosyalar eski renkte kalıyor ve
|
|
492
|
+
> ardından gelen doğrulama koşusu **eski referansı eski referansla**
|
|
493
|
+
> karşılaştırdığı için yeşil dönüyor. Yani sessizce yanlış bir "temiz" alınıyor.
|
|
494
|
+
> `=all` mod, pikseli değişen her dosyayı yazar (bayt bayt aynı olanlara
|
|
495
|
+
> dokunmaz, o yüzden dosya sayısı toplamdan az çıkabilir). Doğrulama:
|
|
496
|
+
> yenilemeden sonra bir referansın baskın renklerini örnekleyin.
|
|
497
|
+
|
|
488
498
|
`master`a her push `npm publish` çalıştırır — **`package.json` sürümünü
|
|
489
499
|
yükseltmeyi unutmayın**, aynı sürüm ikinci kez yayımlanamaz ve iş akışı kırmızı
|
|
490
500
|
döner.
|
package/build/index.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),s=require("react"),z=require("@ahmetilhn/handy-utils"),E=require("react-bootstrap-icons"),kt=require("react-dom"),Ce={pine:"#00322a",mint:"#43ff9c",ink:"#00120f"},St={paper:"#eff4f1",slate:"#38594f",mist:"#8fb3a7"},T={n0:"#ffffff",n25:"#f9fbfa",n50:"#f4f8f7",n100:St.paper,n150:"#e8efec",n200:"#e3eae7",n250:"#d6e1dc",n300:"#c5d3cc",n550:"#506d63",n600:St.slate,n700:"#26403a",n900:Ce.ink},ee={base:Ce.pine,two:"#004d40",three:"#0f574a",dark:Ce.pine,darkTwo:"#002922",darkLine:"#0a4a3e",darkLineStrong:"#126554"},U={page:Ce.ink,surface:"#08211d",surfaceTwo:"#112d27",surfaceThree:"#1d3a33",inset:"#031614",border:"#193831",borderStrong:"#34564c",text:St.paper,textTwo:St.mist,textThree:"#799a8f",actionSoft:"#3f5a53"},zt={base:Ce.mint,hover:"#70ffb3",active:"#2ce883"},de={base:"#f59e0b",hover:"#d98706",active:"#b87205",soft:"#f8cd80",dark:"#fbbf24",darkHover:"#f0af12",on:"#291500",darkSoft:"#6d5316"},W={base:"#
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),s=require("react"),z=require("@ahmetilhn/handy-utils"),E=require("react-bootstrap-icons"),kt=require("react-dom"),Ce={pine:"#00322a",mint:"#43ff9c",ink:"#00120f"},St={paper:"#eff4f1",slate:"#38594f",mist:"#8fb3a7"},T={n0:"#ffffff",n25:"#f9fbfa",n50:"#f4f8f7",n100:St.paper,n150:"#e8efec",n200:"#e3eae7",n250:"#d6e1dc",n300:"#c5d3cc",n550:"#506d63",n600:St.slate,n700:"#26403a",n900:Ce.ink},ee={base:Ce.pine,two:"#004d40",three:"#0f574a",dark:Ce.pine,darkTwo:"#002922",darkLine:"#0a4a3e",darkLineStrong:"#126554"},U={page:Ce.ink,surface:"#08211d",surfaceTwo:"#112d27",surfaceThree:"#1d3a33",inset:"#031614",border:"#193831",borderStrong:"#34564c",text:St.paper,textTwo:St.mist,textThree:"#799a8f",actionSoft:"#3f5a53"},zt={base:Ce.mint,hover:"#70ffb3",active:"#2ce883"},de={base:"#f59e0b",hover:"#d98706",active:"#b87205",soft:"#f8cd80",dark:"#fbbf24",darkHover:"#f0af12",on:"#291500",darkSoft:"#6d5316"},W={base:"#1a7c7f",hover:"#106265",active:"#0a4b4d",text:"#146e71",tint:"#e9f6f6",line:"#acd6d8",dark:"#51d2d6",darkHover:"#74e3e7",darkTint:"#113132",darkLine:"#285b5d"},Za={green:"#1d9a64"},F={okBg:"#e6f4ed",okFg:"#156f4e",okLine:"#a8dcc4",okBgDark:"#0b2d23",okFgDark:"#47d191",okLineDark:"#1e5742",warnBg:"#fdf0dd",warnFg:"#7a3e02",warnLine:"#ebc687",warnBgDark:"#2c2008",warnFgDark:"#f5c86b",warnLineDark:"#55401a",offBg:"#f0f4f3",offFg:T.n700,offLine:"#cddad4",offBgDark:"#192e29",offFgDark:"#a2b9b0",offLineDark:"#2a423b",badBg:"#f8ebeb",badFg:"#bb1e1e",badLine:"#e6a6a6",badBgDark:"#310f0f",badFgDark:"#e97575",badLineDark:"#621b1b",oemBg:"#edf7f8",oemFg:"#0d5659",oemLine:"#b5dcde",oemBgDark:"#0f2d2f",oemFgDark:"#7edadd",oemLineDark:"#296365",altBg:"#eeebfa",altFg:"#2e2661",altLine:"#c0b6ea",altBgDark:"#1d1a33",altFgDark:"#bfb3f5",altLineDark:"#332d56"},Xe={base:"#dc2626",hover:"#bb1e1e",dark:"#e45b5b",darkHover:"#ef7a72",onDark:"#1a0b0a"},Le={red:"#dc2626",redDark:"#e35252",green:Za.green,greenDark:"#43d08a",greenHover:"#17814f",greenHoverDark:"#63e3a3",onGreen:"#02180f"},Rt={bg:F.okBg,fg:F.okFg,bgDark:F.okBgDark,fgDark:F.okFgDark},ka={light:"#9a5f04",dark:"#f0b429"},A=(e,a)=>{const n=e.replace("#",""),r=n.length===3?n.split("").map(d=>d+d).join(""):n,o=parseInt(r.slice(0,2),16),i=parseInt(r.slice(2,4),16),c=parseInt(r.slice(4,6),16);return`rgba(${o}, ${i}, ${c}, ${a})`},se="#000000",ja={page:T.n50,surface:T.n0,"surface-2":T.n100,"surface-3":T.n150,"surface-inset":T.n25,border:T.n250,"border-strong":T.n300,text:T.n900,"text-2":T.n600,"text-3":T.n550,graphite:ee.base,"graphite-2":ee.two,"graphite-3":ee.three,action:ee.base,"action-hover":ee.two,"action-active":ee.three,"on-action":T.n0,"action-soft":T.n300,"on-action-soft":T.n700,amber:de.base,"amber-hover":de.hover,"amber-active":de.active,"amber-soft":de.soft,"on-amber":de.on,blue:W.base,"blue-hover":W.hover,"blue-active":W.active,"blue-text":W.text,"blue-tint":W.tint,"blue-line":W.line,"ok-bg":F.okBg,"ok-fg":F.okFg,"ok-line":F.okLine,"warn-bg":F.warnBg,"warn-fg":F.warnFg,"warn-line":F.warnLine,"off-bg":F.offBg,"off-fg":F.offFg,"off-line":F.offLine,"bad-bg":F.badBg,"bad-fg":F.badFg,"bad-line":F.badLine,"oem-bg":F.oemBg,"oem-fg":F.oemFg,"oem-line":F.oemLine,"alt-bg":F.altBg,"alt-fg":F.altFg,"alt-line":F.altLine,"sale-bg":Rt.bg,"sale-fg":Rt.fg,"red-accent":Le.red,"green-accent":Le.green,"green-accent-hover":Le.greenHover,"on-green":Le.onGreen,star:ka.light,"danger-solid":Xe.base,"danger-solid-hover":Xe.hover,"on-danger":T.n0,"nav-bg":T.n0,"nav-bg-2":T.n100,"nav-fg":T.n900,"nav-fg-2":T.n600,"nav-fg-3":T.n550,"nav-line":T.n200,"nav-line-strong":T.n300,"nav-hover":T.n100,"footer-bg":T.n100,"shadow-xs":`0 1px 2px ${A(T.n900,.05)}`,"shadow-sm":`0 1px 2px ${A(T.n900,.05)}, 0 1px 3px ${A(T.n900,.04)}`,"shadow-md":`0 2px 4px ${A(T.n900,.04)}, 0 6px 16px ${A(T.n900,.07)}`,"shadow-lg":`0 4px 8px ${A(T.n900,.05)}, 0 16px 32px ${A(T.n900,.1)}`,"shadow-xl":`0 8px 16px ${A(T.n900,.06)}, 0 28px 56px ${A(T.n900,.13)}`,"shadow-up":`0 -2px 4px ${A(T.n900,.03)}, 0 -8px 24px ${A(T.n900,.08)}`,ring:`0 0 0 3px ${A(W.base,.28)}`,"ring-color":W.base,"ring-danger":`0 0 0 3px ${A(Xe.base,.24)}`,"ring-ok":`0 0 0 4px ${A(F.okFg,.16)}`,scrim:A(T.n900,.6),"scrim-soft":A(T.n900,.32),glass:A(T.n0,.92),"glass-solid":T.n0,"on-scrim":T.n0,"skeleton-a":T.n100,"skeleton-b":T.n25,track:A(T.n900,.12),"media-bg":T.n100,"glow-1":A(Ce.mint,.1),"glow-2":A(Ce.pine,.06),"glow-amber":A(de.base,.09)},Na={page:U.page,surface:U.surface,"surface-2":U.surfaceTwo,"surface-3":U.surfaceThree,"surface-inset":U.inset,border:U.border,"border-strong":U.borderStrong,text:U.text,"text-2":U.textTwo,"text-3":U.textThree,graphite:ee.dark,"graphite-2":ee.darkTwo,"graphite-3":ee.two,action:zt.base,"action-hover":zt.hover,"action-active":zt.active,"on-action":T.n900,"action-soft":U.actionSoft,"on-action-soft":T.n300,amber:de.dark,"amber-hover":de.darkHover,"amber-active":de.base,"amber-soft":de.darkSoft,"on-amber":de.on,blue:W.dark,"blue-hover":W.darkHover,"blue-active":W.base,"blue-text":W.dark,"blue-tint":W.darkTint,"blue-line":W.darkLine,"ok-bg":F.okBgDark,"ok-fg":F.okFgDark,"ok-line":F.okLineDark,"warn-bg":F.warnBgDark,"warn-fg":F.warnFgDark,"warn-line":F.warnLineDark,"off-bg":F.offBgDark,"off-fg":F.offFgDark,"off-line":F.offLineDark,"bad-bg":F.badBgDark,"bad-fg":F.badFgDark,"bad-line":F.badLineDark,"oem-bg":F.oemBgDark,"oem-fg":F.oemFgDark,"oem-line":F.oemLineDark,"alt-bg":F.altBgDark,"alt-fg":F.altFgDark,"alt-line":F.altLineDark,"sale-bg":Rt.bgDark,"sale-fg":Rt.fgDark,"red-accent":Le.redDark,"green-accent":Le.greenDark,"green-accent-hover":Le.greenHoverDark,"on-green":Le.onGreen,star:ka.dark,"danger-solid":Xe.dark,"danger-solid-hover":Xe.darkHover,"on-danger":Xe.onDark,"nav-bg":ee.dark,"nav-bg-2":ee.darkTwo,"nav-fg":U.text,"nav-fg-2":U.textTwo,"nav-fg-3":U.textThree,"nav-line":ee.darkLine,"nav-line-strong":ee.darkLineStrong,"nav-hover":A(T.n0,.07),"footer-bg":ee.dark,"shadow-xs":`0 1px 2px ${A(se,.4)}`,"shadow-sm":`0 1px 2px ${A(se,.4)}, 0 1px 3px ${A(se,.3)}`,"shadow-md":`0 2px 4px ${A(se,.35)}, 0 6px 16px ${A(se,.45)}`,"shadow-lg":`0 4px 8px ${A(se,.4)}, 0 16px 32px ${A(se,.55)}`,"shadow-xl":`0 8px 16px ${A(se,.45)}, 0 28px 56px ${A(se,.6)}`,"shadow-up":`0 -2px 4px ${A(se,.3)}, 0 -8px 24px ${A(se,.45)}`,ring:`0 0 0 3px ${A(W.dark,.36)}`,"ring-color":W.dark,"ring-danger":`0 0 0 3px ${A(Xe.dark,.32)}`,"ring-ok":`0 0 0 4px ${A(F.okFgDark,.2)}`,scrim:A(se,.68),"scrim-soft":A(se,.45),glass:A(U.surfaceTwo,.92),"glass-solid":U.surfaceTwo,"on-scrim":T.n0,"skeleton-a":U.surfaceTwo,"skeleton-b":U.surfaceThree,track:A(T.n0,.14),"media-bg":U.surfaceTwo,"glow-1":A(Ce.mint,.2),"glow-2":A(Ce.pine,.12),"glow-amber":A(de.dark,.12)},en={"radius-xs":"4px","radius-sm":"6px","radius-md":"8px","radius-lg":"12px","radius-xl":"16px","radius-pill":"999px","space-0":"0","space-1":"4px","space-2":"8px","space-3":"12px","space-4":"16px","space-5":"24px","space-6":"32px","space-7":"48px","space-8":"64px","space-9":"96px","font-size-2xs":"12px","font-size-xs":"13px","font-size-sm":"15px","font-size-base":"16px","font-size-body":"17px","font-size-lg":"19px","font-size-xl":"23px","font-size-2xl":"29px","font-size-3xl":"37px","font-size-4xl":"47px","leading-none":"1","leading-tight":"1.16","leading-snug":"1.35","leading-normal":"1.62","leading-relaxed":"1.75","icon-xs":"14px","icon-sm":"16px","icon-md":"18px","icon-lg":"20px","icon-xl":"24px","duration-instant":"80ms","duration-fast":"140ms","duration-normal":"200ms","duration-slow":"320ms","ease-out":"cubic-bezier(0.22, 1, 0.36, 1)","ease-in-out":"cubic-bezier(0.4, 0, 0.2, 1)","ease-spring":"cubic-bezier(0.34, 1.4, 0.64, 1)","duration-spin":"700ms","duration-shimmer":"1400ms"},tn={"space-2":"6px","space-3":"8px","space-4":"12px","space-5":"16px","space-6":"24px","space-7":"32px","font-size-2xs":"11px","font-size-xs":"12px","font-size-sm":"13px","font-size-base":"15px","font-size-body":"16px","font-size-lg":"18px","font-size-xl":"21px","font-size-2xl":"25px","font-size-3xl":"31px","font-size-4xl":"39px","leading-normal":"1.5","leading-relaxed":"1.6"},an={heading:"system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif",body:"system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif",mono:"ui-monospace, 'SF Mono', Menlo, Consolas, monospace"},da="--hanui-",ua="hanui-theme-overrides",Ge="data-hanui-theme",$a="data-hanui-density",_a="hanui-theme-switching",nn=(e,a)=>{const n=e==="dark"?Na:ja,r=(e==="dark"?a==null?void 0:a.dark:a==null?void 0:a.light)??{};return{...n,...r}},Ea=e=>{const a=[],n=(c,d=" ")=>Object.entries(c).map(([p,_])=>`${d}${da}${p}: ${_};`).join(`
|
|
2
2
|
`),r=e.fonts??{},o=Object.entries(r).filter(([,c])=>!!c);o.length>0&&a.push(`:root {
|
|
3
3
|
${o.map(([c,d])=>` ${da}font-${c}: ${d};`).join(`
|
|
4
4
|
`)}
|