quirk-ui 0.1.117 → 0.1.119

package/dist/core/components/Announcement/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index44.css');const n=require("react/jsx-runtime"),a=require("react"),l=require("../../../x-Dft9NVe_.cjs"),u="_announcement_1t134_1",m="_inner_1t134_9",d="_content_1t134_22",_="_close_1t134_48",e={announcement:u,inner:m,content:d,close:_};function j({blocks:t,renderRichText:s,className:i}){const[r,o]=a.useState(!1);if(r||!(t!=null&&t.length))return null;const c=s?s({blocks:t,className:e.content}):null;return c?n.jsx("div",{role:"region","aria-label":"Announcement",className:`${e.announcement} ${i??""}`.trim(),children:n.jsxs("div",{className:e.inner,children:[n.jsx("div",{className:e.content,children:c}),n.jsx("button",{className:e.close,onClick:()=>o(!0),"aria-label":"Dismiss announcement",children:n.jsx(l.X,{size:16,"aria-hidden":"true"})})]})}):null}exports.Announcement=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index44.css');const n=require("react/jsx-runtime"),a=require("react"),l=require("../../../x-Dft9NVe_.cjs"),u="_announcement_33ndx_1",d="_inner_33ndx_12",m="_content_33ndx_25",_="_close_33ndx_52",e={announcement:u,inner:d,content:m,close:_};function x({blocks:t,renderRichText:s,className:i}){const[r,o]=a.useState(!1);if(r||!(t!=null&&t.length))return null;const c=s?s({blocks:t,className:e.content}):null;return c?n.jsx("div",{role:"region","aria-label":"Announcement",className:`${e.announcement} ${i??""}`.trim(),children:n.jsxs("div",{className:e.inner,children:[n.jsx("div",{className:e.content,children:c}),n.jsx("button",{className:e.close,onClick:()=>o(!0),"aria-label":"Dismiss announcement",children:n.jsx(l.X,{size:16,"aria-hidden":"true"})})]})}):null}exports.Announcement=x;

package/dist/core/components/Announcement/index.mjs

@@ -1,13 +1,13 @@
 import { jsx as t, jsxs as a } from "react/jsx-runtime";
 import { useState as l } from "react";
 import { X as m } from "../../../x-CnsEH4Ox.js";
-import '../../../index44.css';const u = "_announcement_1t134_1", d = "_inner_1t134_9", _ = "_content_1t134_22", f = "_close_1t134_48", n = {
+import '../../../index44.css';const u = "_announcement_33ndx_1", d = "_inner_33ndx_12", _ = "_content_33ndx_25", f = "_close_33ndx_52", n = {
   announcement: u,
   inner: d,
   content: _,
   close: f
 };
-function v({
+function p({
   blocks: e,
   renderRichText: s,
   className: o
@@ -37,5 +37,5 @@ function v({
   ) : null;
 }
 export {
-  v as Announcement
+  p as Announcement
 };

package/dist/core/tokens/theme.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f={mode:"light",primary:{10:"#e6f0ff",25:"#b3d1ff",50:"#4da3ff",75:"#0066cc",100:"#004a99",foreground:"#ffffff",rgb:"0, 74, 153"},secondary:{10:"#f2f4f7",25:"#d0d5db",50:"#6b7280",75:"#374151",100:"#111827",foreground:"#ffffff",rgb:"17, 24, 39"},text:{primary:"#111111"},button:{primary:{base:{bg:"primary.100",text:"#ffffff",hover:{bg:"primary.75",text:"#ffffff"}},inverted:{bg:"#ffffff",text:"primary.100",hover:{bg:"primary.75",text:"#ffffff"}},disabled:{bg:"primary.25",text:"secondary.25",hover:{bg:"primary.75",text:"secondary.100"}}},secondary:{base:{bg:"primary.100",text:"primary.100",hover:{bg:"primary.75",text:"#ffffff"}},inverted:{bg:"#ffffff",text:"#ffffff",hover:{bg:"primary.75",text:"#ffffff"}},disabled:{bg:"primary.25",text:"secondary.25",hover:{bg:"primary.75",text:"secondary.100"}}},blurred:{base:{bg:"rgba(0, 74, 153, 0.75)",text:"#ffffff",hover:{bg:"primary.75",text:"#ffffff"}},inverted:{bg:"rgba(255, 255, 255, 0.75)",text:"primary.100",hover:{bg:"primary.100",text:"#ffffff"}},disabled:{bg:"primary.25",text:"secondary.25",hover:{bg:"primary.75",text:"secondary.100"}}}},navigation:{transparent:{links:"#111827",linksHover:"#004a99"}},carousel:{button:{background:"#d1d5db",text:"secondary.100"}},background:"#ffffff",backgroundRgb:"255, 255, 255",foreground:"#ffffff",foregroundRgb:"255, 255, 255",border:"#d1d5db",heading:"#111111",link:{base:"#004a99",hover:"#004a99",inverted:"#ffffff"},error:"#b91c1c",success:"#1e7e34",warning:"#d97706",status:{online:"#1e7e34",offline:"#6b7280",busy:"#b91c1c"},states:{muted:{bg:"#d1d5db",text:"#292A2B",hover:"#BCBFC5"},info:{bg:"#004a99",text:"#ffffff",hover:"#4da3ff"},success:{bg:"#1e7e34",text:"#ffffff",hover:"#4ade80"},error:{bg:"#b91c1c",text:"#ffffff",hover:"#f87171"},warning:{bg:"#b97706",text:"#ffffff",hover:"#facc15"}},tab:{background:"#1f2937",text:"#ffffff"}},r={...f,mode:"light"},e={mode:"dark",primary:{10:"#1a2b47",25:"#274572",50:"#336199",75:"#3d7ad1",100:"#4da3ff",foreground:"#ffffff",rgb:"77, 163, 255"},secondary:{10:"#1f2937",25:"#374151",50:"#6b7280",75:"#9ca3af",100:"#d1d5db",foreground:"#111111",rgb:"209, 213, 219"},text:{primary:"#f9fafb"},button:{primary:{base:{bg:"primary.100",text:"#ffffff",hover:{bg:"primary.75",text:"#ffffff"}},inverted:{bg:"#ffffff",text:"secondary.10",hover:{bg:"primary.75",text:"#ffffff"}},disabled:{bg:"primary.25",text:"secondary.25",hover:{bg:"primary.75",text:"secondary.100"}}},secondary:{base:{bg:"primary.100",text:"primary.100",hover:{bg:"primary.75",text:"#ffffff"}},inverted:{bg:"#ffffff",text:"#ffffff",hover:{bg:"primary.75",text:"#ffffff"}},disabled:{bg:"primary.25",text:"secondary.25",hover:{bg:"primary.75",text:"secondary.100"}}},blurred:{base:{bg:"primary.100",text:"#ffffff",hover:{bg:"primary.75",text:"#ffffff"}},inverted:{bg:"#ffffff",text:"secondary.10",hover:{bg:"primary.100",text:"#ffffff"}},disabled:{bg:"primary.25",text:"secondary.25",hover:{bg:"primary.75",text:"secondary.100"}}}},navigation:{transparent:{links:"#f9fafb",linksHover:"#4da3ff"}},carousel:{button:{background:"#d1d5db",text:"secondary.10"}},background:"#111827",backgroundRgb:"17, 24, 39",foreground:"#1f2937",foregroundRgb:"12, 26, 22",border:"#374151",heading:"#f9fafb",link:{base:"#4da3ff",hover:"#4da3ff",inverted:"secondary.100"},error:"#f87171",success:"#4ade80",warning:"#facc15",status:{online:"#1e7e34",offline:"#6b7280",busy:"#b91c1c"},states:{info:{bg:"#4da3ff",text:"#111111",hover:"#004a99"},success:{bg:"#4ade80",text:"#111111",hover:"#1e7e34"},error:{bg:"#f87171",text:"#111111",hover:"#b91c1c"},warning:{bg:"#facc15",text:"#111111",hover:"#b97706"}},tab:{background:"#f2f4f7",text:"#111111"}};exports.darkTheme=e;exports.defaultTheme=f;exports.lightTheme=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f={mode:"light",primary:{10:"#e6f0ff",25:"#b3d1ff",50:"#4da3ff",75:"#0066cc",100:"#004a99",foreground:"#ffffff",rgb:"0, 74, 153"},secondary:{10:"#f2f4f7",25:"#d0d5db",50:"#6b7280",75:"#374151",100:"#111827",foreground:"#ffffff",rgb:"17, 24, 39"},text:{primary:"#111111"},button:{primary:{base:{bg:"primary.100",text:"#ffffff",hover:{bg:"primary.75",text:"#ffffff"}},inverted:{bg:"#ffffff",text:"primary.100",hover:{bg:"primary.75",text:"#ffffff"}},disabled:{bg:"primary.25",text:"secondary.25",hover:{bg:"primary.75",text:"secondary.100"}}},secondary:{base:{bg:"primary.100",text:"primary.100",hover:{bg:"primary.75",text:"#ffffff"}},inverted:{bg:"#ffffff",text:"#ffffff",hover:{bg:"primary.75",text:"#ffffff"}},disabled:{bg:"primary.25",text:"secondary.25",hover:{bg:"primary.75",text:"secondary.100"}}},blurred:{base:{bg:"rgba(0, 74, 153, 0.75)",text:"#ffffff",hover:{bg:"primary.75",text:"#ffffff"}},inverted:{bg:"rgba(255, 255, 255, 0.75)",text:"primary.100",hover:{bg:"primary.100",text:"#ffffff"}},disabled:{bg:"primary.25",text:"secondary.25",hover:{bg:"primary.75",text:"secondary.100"}}}},announcement:{background:"primary.100",text:"#ffffff",link:"primary.10"},navigation:{transparent:{links:"#111827",linksHover:"#004a99"}},carousel:{button:{background:"#d1d5db",text:"secondary.100"}},background:"#ffffff",backgroundRgb:"255, 255, 255",foreground:"#ffffff",foregroundRgb:"255, 255, 255",border:"#d1d5db",heading:"#111111",link:{base:"#004a99",hover:"#004a99",inverted:"#ffffff"},error:"#b91c1c",success:"#1e7e34",warning:"#d97706",status:{online:"#1e7e34",offline:"#6b7280",busy:"#b91c1c"},states:{muted:{bg:"#d1d5db",text:"#292A2B",hover:"#BCBFC5"},info:{bg:"#004a99",text:"#ffffff",hover:"#4da3ff"},success:{bg:"#1e7e34",text:"#ffffff",hover:"#4ade80"},error:{bg:"#b91c1c",text:"#ffffff",hover:"#f87171"},warning:{bg:"#b97706",text:"#ffffff",hover:"#facc15"}},tab:{background:"#1f2937",text:"#ffffff"}},r={...f,mode:"light"},e={mode:"dark",primary:{10:"#1a2b47",25:"#274572",50:"#336199",75:"#3d7ad1",100:"#4da3ff",foreground:"#ffffff",rgb:"77, 163, 255"},secondary:{10:"#1f2937",25:"#374151",50:"#6b7280",75:"#9ca3af",100:"#d1d5db",foreground:"#111111",rgb:"209, 213, 219"},text:{primary:"#f9fafb"},button:{primary:{base:{bg:"primary.100",text:"#ffffff",hover:{bg:"primary.75",text:"#ffffff"}},inverted:{bg:"#ffffff",text:"secondary.10",hover:{bg:"primary.75",text:"#ffffff"}},disabled:{bg:"primary.25",text:"secondary.25",hover:{bg:"primary.75",text:"secondary.100"}}},secondary:{base:{bg:"primary.100",text:"primary.100",hover:{bg:"primary.75",text:"#ffffff"}},inverted:{bg:"#ffffff",text:"#ffffff",hover:{bg:"primary.75",text:"#ffffff"}},disabled:{bg:"primary.25",text:"secondary.25",hover:{bg:"primary.75",text:"secondary.100"}}},blurred:{base:{bg:"primary.100",text:"#ffffff",hover:{bg:"primary.75",text:"#ffffff"}},inverted:{bg:"#ffffff",text:"secondary.10",hover:{bg:"primary.100",text:"#ffffff"}},disabled:{bg:"primary.25",text:"secondary.25",hover:{bg:"primary.75",text:"secondary.100"}}}},announcement:{background:"secondary.100",text:"text.primary",link:"primary.100"},navigation:{transparent:{links:"#f9fafb",linksHover:"#4da3ff"}},carousel:{button:{background:"#d1d5db",text:"secondary.10"}},background:"#111827",backgroundRgb:"17, 24, 39",foreground:"#1f2937",foregroundRgb:"12, 26, 22",border:"#374151",heading:"#f9fafb",link:{base:"#4da3ff",hover:"#4da3ff",inverted:"secondary.100"},error:"#f87171",success:"#4ade80",warning:"#facc15",status:{online:"#1e7e34",offline:"#6b7280",busy:"#b91c1c"},states:{info:{bg:"#4da3ff",text:"#111111",hover:"#004a99"},success:{bg:"#4ade80",text:"#111111",hover:"#1e7e34"},error:{bg:"#f87171",text:"#111111",hover:"#b91c1c"},warning:{bg:"#facc15",text:"#111111",hover:"#b97706"}},tab:{background:"#f2f4f7",text:"#111111"}};exports.darkTheme=e;exports.defaultTheme=f;exports.lightTheme=r;

package/dist/core/tokens/theme.mjs

@@ -101,6 +101,11 @@ const f = {
       }
     }
   },
+  announcement: {
+    background: "primary.100",
+    text: "#ffffff",
+    link: "primary.10"
+  },
   navigation: {
     transparent: {
       links: "#111827",
@@ -269,6 +274,11 @@ const f = {
       }
     }
   },
+  announcement: {
+    background: "secondary.100",
+    text: "text.primary",
+    link: "primary.100"
+  },
   navigation: {
     transparent: {
       links: "#f9fafb",

package/dist/index44.css

@@ -1 +1 @@
-._announcement_1t134_1{width:100%;background-color:var(--color-primary-100);color:var(--color-text-inverted, #fff);position:relative;z-index:1000}._inner_1t134_9{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);max-width:var(--layout-width, 1250px);margin:0 auto;padding-right:calc(var(--spacing-md) + 32px);position:relative}._content_1t134_22{text-align:center;font-size:var(--font-size-sm);line-height:1.5}._content_1t134_22 p{margin:0;display:inline}._content_1t134_22 a{color:inherit;text-decoration:underline;text-underline-offset:2px}._content_1t134_22 a:hover{opacity:.8}._content_1t134_22 strong{font-weight:var(--font-weight-semibold)}._close_1t134_48{position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-full);background:transparent;border:none;color:inherit;cursor:pointer;opacity:.7;transition:opacity .15s ease,background-color .15s ease;flex-shrink:0}._close_1t134_48:hover{opacity:1;background-color:#ffffff26}._close_1t134_48:focus-visible{outline:2px solid currentColor;outline-offset:2px}
+._announcement_33ndx_1{width:100%;background-color:var( --color-announcement-background, var(--color-primary-100) );color:var(--color-announcement-text, #ffffff);position:relative;z-index:1000}._inner_33ndx_12{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);max-width:var(--layout-width, 1250px);margin:0 auto;padding-right:calc(var(--spacing-md) + 32px);position:relative}._content_33ndx_25{text-align:center;font-size:var(--font-size-sm);line-height:1.5}._content_33ndx_25 p{margin:0;display:inline;color:var(--color-announcement-text)}._content_33ndx_25 a{color:var(--color-announcement-link, inherit);text-decoration:underline;text-underline-offset:2px}._content_33ndx_25 a:hover{opacity:.8}._content_33ndx_25 strong{font-weight:var(--font-weight-semibold)}._close_33ndx_52{position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-full);background:transparent;border:none;color:inherit;cursor:pointer;opacity:.7;transition:opacity .15s ease,background-color .15s ease;flex-shrink:0}._close_33ndx_52:hover{opacity:1;background-color:#ffffff26}._close_33ndx_52:focus-visible{outline:2px solid currentColor;outline-offset:2px}

package/dist/index44.css.d.ts

@@ -1,8 +1,8 @@
 declare const styles: {
-  readonly "_announcement_1t134_1": string;
-  readonly "_close_1t134_48": string;
-  readonly "_content_1t134_22": string;
-  readonly "_inner_1t134_9": string;
+  readonly "_announcement_33ndx_1": string;
+  readonly "_close_33ndx_52": string;
+  readonly "_content_33ndx_25": string;
+  readonly "_inner_33ndx_12": string;
 };
 export = styles;
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "quirk-ui",
   "private": false,
-  "version": "0.1.117",
+  "version": "0.1.119",
   "type": "module",
   "exports": {
     ".": {