@nebula-demo/ui 0.1.3 → 0.2.0
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/CHANGELOG.md +7 -0
- package/README.md +1 -1
- package/dist/components/Badge/Badge.variants.cjs +1 -1
- package/dist/components/Badge/Badge.variants.d.ts.map +1 -1
- package/dist/components/Badge/Badge.variants.js +7 -7
- package/dist/components/Button/Button.variants.cjs +1 -1
- package/dist/components/Button/Button.variants.js +5 -5
- package/dist/components/ButtonIcon/ButtonIcon.variants.cjs +1 -1
- package/dist/components/ButtonIcon/ButtonIcon.variants.js +3 -3
- package/dist/components/Calendar/Calendar.cjs +1 -1
- package/dist/components/Calendar/Calendar.js +2 -2
- package/dist/components/Card/Card.cjs +1 -1
- package/dist/components/Card/Card.js +11 -11
- package/dist/components/DropdownSelect/DropdownSelect.cjs +1 -1
- package/dist/components/DropdownSelect/DropdownSelect.d.ts.map +1 -1
- package/dist/components/DropdownSelect/DropdownSelect.js +3 -3
- package/dist/utils/focusRing.d.ts +1 -1
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,12 @@
|
|
|
1
1
|
# @nebula-demo/ui
|
|
2
2
|
|
|
3
|
+
## 0.2.0
|
|
4
|
+
|
|
5
|
+
- Updated component variants and focus styling to consume canonical Nebula
|
|
6
|
+
semantic tokens directly instead of `--bdg-*`, `--comp-*`, or
|
|
7
|
+
`--accent-focus` aliases.
|
|
8
|
+
- Requires `@nebula-demo/tokens` 0.2.0 or newer.
|
|
9
|
+
|
|
3
10
|
## 0.1.3
|
|
4
11
|
|
|
5
12
|
First public release under the `@nebula-demo` package scope.
|
package/README.md
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("class-variance-authority"),i=a.cva("cai-inline-flex cai-items-center cai-font-semibold cai-leading-none cai-whitespace-nowrap",{variants:{variant:{default:"cai-bg-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("class-variance-authority"),i=a.cva("cai-inline-flex cai-items-center cai-font-semibold cai-leading-none cai-whitespace-nowrap",{variants:{variant:{default:"cai-bg-primary-invert cai-text-secondary cai-border cai-border-tertiary",strong:"cai-bg-quaternary cai-text-primary-invert",brand:"cai-bg-brand-primary cai-text-primary-invert","brand-alt":"cai-bg-brand-secondary cai-text-primary",success:"cai-bg-success cai-text-primary-alt [&_svg]:cai-text-icon-success-alt",warning:"cai-bg-warning cai-text-primary-alt [&_svg]:cai-text-icon-warning-alt",error:"cai-bg-error cai-text-primary-alt [&_svg]:cai-text-icon-error-alt"},size:{sm:"cai-text-[12px] cai-rounded",md:"cai-text-[14px] cai-rounded-md",lg:"cai-text-[16px] cai-rounded-md"},leading:{none:"",avatar:"",icon:""}},compoundVariants:[{size:"sm",leading:"none",class:"cai-pt-1.5 cai-pb-1 cai-px-2"},{size:"sm",leading:"avatar",class:"cai-pt-1.5 cai-pb-1 cai-px-2 cai-gap-x-1.5"},{size:"sm",leading:"icon",class:"cai-pt-1.5 cai-pb-1 cai-pl-1.5 cai-pr-2 cai-gap-x-0.5"},{size:"md",leading:"none",class:"cai-pt-1.5 cai-pb-1 cai-px-2"},{size:"md",leading:"avatar",class:"cai-pt-1.5 cai-pb-1 cai-px-2 cai-gap-x-1.5"},{size:"md",leading:"icon",class:"cai-pt-1.5 cai-pb-1 cai-pl-1.5 cai-pr-3 cai-gap-x-1"},{size:"lg",leading:"none",class:"cai-pt-2 cai-pb-1.5 cai-px-2"},{size:"lg",leading:"avatar",class:"cai-pt-2 cai-pb-1.5 cai-px-2 cai-gap-x-1.5"},{size:"lg",leading:"icon",class:"cai-pt-2 cai-pb-1.5 cai-pl-1.5 cai-pr-3 cai-gap-x-1"}],defaultVariants:{variant:"default",size:"md",leading:"none"}});exports.badgeVariants=i;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Badge.variants.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEjE,eAAO,MAAM,aAAa;;;;
|
|
1
|
+
{"version":3,"file":"Badge.variants.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEjE,eAAO,MAAM,aAAa;;;;8EAyCzB,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAA"}
|
|
@@ -4,13 +4,13 @@ const c = a(
|
|
|
4
4
|
{
|
|
5
5
|
variants: {
|
|
6
6
|
variant: {
|
|
7
|
-
default: "cai-bg-
|
|
8
|
-
strong: "cai-bg-
|
|
9
|
-
brand: "cai-bg-
|
|
10
|
-
"brand-alt": "cai-bg-
|
|
11
|
-
success: "cai-bg-
|
|
12
|
-
warning: "cai-bg-
|
|
13
|
-
error: "cai-bg-
|
|
7
|
+
default: "cai-bg-primary-invert cai-text-secondary cai-border cai-border-tertiary",
|
|
8
|
+
strong: "cai-bg-quaternary cai-text-primary-invert",
|
|
9
|
+
brand: "cai-bg-brand-primary cai-text-primary-invert",
|
|
10
|
+
"brand-alt": "cai-bg-brand-secondary cai-text-primary",
|
|
11
|
+
success: "cai-bg-success cai-text-primary-alt [&_svg]:cai-text-icon-success-alt",
|
|
12
|
+
warning: "cai-bg-warning cai-text-primary-alt [&_svg]:cai-text-icon-warning-alt",
|
|
13
|
+
error: "cai-bg-error cai-text-primary-alt [&_svg]:cai-text-icon-error-alt"
|
|
14
14
|
},
|
|
15
15
|
size: {
|
|
16
16
|
sm: "cai-text-[12px] cai-rounded",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("class-variance-authority"),i=require("../../utils/focusRing.cjs"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("class-variance-authority"),i=require("../../utils/focusRing.cjs"),r=a.cva(["cai-inline-flex cai-items-center cai-justify-center cai-whitespace-nowrap","cai-font-semibold cai-transition-colors","disabled:cai-opacity-40 disabled:cai-pointer-events-none","aria-disabled:cai-opacity-40 aria-disabled:cai-pointer-events-none",i.FOCUS_RING].join(" "),{variants:{variant:{primary:"cai-bg-primary cai-text-primary-invert hover:cai-opacity-90",secondary:"cai-bg-transparent cai-text-primary cai-border cai-border-senary hover:cai-bg-secondary",tertiary:"cai-bg-transparent cai-text-primary hover:cai-bg-secondary",brand:"cai-bg-brand-primary cai-text-primary-invert hover:cai-opacity-90","brand-alt":"cai-bg-brand-tertiary cai-text-primary-invert hover:cai-opacity-90"},size:{sm:"cai-px-3 cai-py-1 cai-gap-x-1.5 cai-text-micro1 cai-rounded-full",md:"cai-px-4 cai-py-1.5 cai-gap-x-1.5 cai-text-subbody cai-rounded-full",lg:"cai-px-6 cai-py-2 cai-gap-x-2 cai-text-body2 cai-rounded-full"}},compoundVariants:[{variant:"tertiary",class:"cai-text-subbody"}],defaultVariants:{variant:"primary",size:"lg"}});exports.buttonVariants=r;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { cva as a } from "class-variance-authority";
|
|
2
2
|
import { FOCUS_RING as i } from "../../utils/focusRing.js";
|
|
3
|
-
const
|
|
3
|
+
const c = a(
|
|
4
4
|
[
|
|
5
5
|
"cai-inline-flex cai-items-center cai-justify-center cai-whitespace-nowrap",
|
|
6
6
|
"cai-font-semibold cai-transition-colors",
|
|
@@ -11,11 +11,11 @@ const r = a(
|
|
|
11
11
|
{
|
|
12
12
|
variants: {
|
|
13
13
|
variant: {
|
|
14
|
-
primary: "cai-bg-
|
|
14
|
+
primary: "cai-bg-primary cai-text-primary-invert hover:cai-opacity-90",
|
|
15
15
|
secondary: "cai-bg-transparent cai-text-primary cai-border cai-border-senary hover:cai-bg-secondary",
|
|
16
16
|
tertiary: "cai-bg-transparent cai-text-primary hover:cai-bg-secondary",
|
|
17
|
-
brand: "cai-bg-
|
|
18
|
-
"brand-alt": "cai-bg-
|
|
17
|
+
brand: "cai-bg-brand-primary cai-text-primary-invert hover:cai-opacity-90",
|
|
18
|
+
"brand-alt": "cai-bg-brand-tertiary cai-text-primary-invert hover:cai-opacity-90"
|
|
19
19
|
},
|
|
20
20
|
size: {
|
|
21
21
|
sm: "cai-px-3 cai-py-1 cai-gap-x-1.5 cai-text-micro1 cai-rounded-full",
|
|
@@ -36,5 +36,5 @@ const r = a(
|
|
|
36
36
|
}
|
|
37
37
|
);
|
|
38
38
|
export {
|
|
39
|
-
|
|
39
|
+
c as buttonVariants
|
|
40
40
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("class-variance-authority"),i=require("../../utils/focusRing.cjs"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("class-variance-authority"),i=require("../../utils/focusRing.cjs"),r=a.cva(["cai-inline-flex cai-items-center cai-justify-center","cai-rounded-full cai-shrink-0 cai-cursor-pointer","cai-transition-colors","disabled:cai-opacity-40 disabled:cai-pointer-events-none","aria-disabled:cai-opacity-40 aria-disabled:cai-pointer-events-none",i.FOCUS_RING],{variants:{variant:{primary:"cai-bg-primary cai-text-primary-invert cai-border-none hover:cai-opacity-90",secondary:"cai-bg-transparent cai-text-primary cai-border-none hover:cai-bg-secondary",tertiary:"cai-bg-transparent cai-text-primary cai-border-2 cai-border-secondary hover:cai-bg-secondary",brand:"cai-bg-brand-primary cai-text-primary-invert cai-border-none hover:cai-opacity-90","brand-alt":"cai-bg-brand-tertiary cai-text-primary-invert cai-border-none hover:cai-opacity-90"},size:{xxs:"cai-h-6 cai-w-6 cai-p-sm",xs:"cai-h-8 cai-w-8 cai-p-md",sm:"cai-h-11 cai-w-11 cai-p-lg",md:"cai-h-12 cai-w-12 cai-p-lg",lg:"cai-h-16 cai-w-16 cai-p-xl"}},defaultVariants:{variant:"primary",size:"sm"}});exports.buttonIconVariants=r;
|
|
@@ -12,11 +12,11 @@ const e = a(
|
|
|
12
12
|
{
|
|
13
13
|
variants: {
|
|
14
14
|
variant: {
|
|
15
|
-
primary: "cai-bg-
|
|
15
|
+
primary: "cai-bg-primary cai-text-primary-invert cai-border-none hover:cai-opacity-90",
|
|
16
16
|
secondary: "cai-bg-transparent cai-text-primary cai-border-none hover:cai-bg-secondary",
|
|
17
17
|
tertiary: "cai-bg-transparent cai-text-primary cai-border-2 cai-border-secondary hover:cai-bg-secondary",
|
|
18
|
-
brand: "cai-bg-
|
|
19
|
-
"brand-alt": "cai-bg-
|
|
18
|
+
brand: "cai-bg-brand-primary cai-text-primary-invert cai-border-none hover:cai-opacity-90",
|
|
19
|
+
"brand-alt": "cai-bg-brand-tertiary cai-text-primary-invert cai-border-none hover:cai-opacity-90"
|
|
20
20
|
},
|
|
21
21
|
size: {
|
|
22
22
|
xxs: "cai-h-6 cai-w-6 cai-p-sm",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),de=require("react"),g=require("../../utils/cn.cjs");function ue(i){const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),de=require("react"),g=require("../../utils/cn.cjs");function ue(i){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(i){for(const c in i)if(c!=="default"){const o=Object.getOwnPropertyDescriptor(i,c);Object.defineProperty(n,c,o.get?o:{enumerable:!0,get:()=>i[c]})}}return n.default=i,Object.freeze(n)}const m=ue(de),V=["January","February","March","April","May","June","July","August","September","October","November","December"],me=["Su","Mo","Tu","We","Th","Fr","Sa"];function j(i,n){return!i||!n?!1:i.getFullYear()===n.getFullYear()&&i.getMonth()===n.getMonth()&&i.getDate()===n.getDate()}function xe(i,n,c){if(!n||!c)return!1;const o=i.getTime();return o>=n.getTime()&&o<=c.getTime()}function E(i){if(!i)return"";const n=String(i.getDate()).padStart(2,"0"),c=String(i.getMonth()+1).padStart(2,"0");return`${n}/${c}/${i.getFullYear()}`}function fe(i){const n=i.split("/");if(n.length!==3)return null;const c=parseInt(n[0],10),o=parseInt(n[1],10)-1,x=parseInt(n[2],10);if(Number.isNaN(c)||Number.isNaN(o)||Number.isNaN(x))return null;const l=new Date(x,o,c);return l.getDate()!==c||l.getMonth()!==o||l.getFullYear()!==x?null:l}function M(i){return typeof i=="object"&&i!==null&&!(i instanceof Date)}const he=()=>e.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:[e.jsx("rect",{x:"3",y:"4",width:"18",height:"18",rx:"2",ry:"2"}),e.jsx("line",{x1:"16",y1:"2",x2:"16",y2:"6"}),e.jsx("line",{x1:"8",y1:"2",x2:"8",y2:"6"}),e.jsx("line",{x1:"3",y1:"10",x2:"21",y2:"10"})]}),pe=()=>e.jsx("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:e.jsx("path",{d:"M15 18l-6-6 6-6"})}),ge=()=>e.jsx("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:e.jsx("path",{d:"M9 18l6-6-6-6"})}),ye=()=>e.jsx("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",className:"cai-pointer-events-none cai-ml-xs cai-flex-shrink-0","aria-hidden":"true",children:e.jsx("path",{d:"M6 9l6 6 6-6"})}),be=()=>e.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:[e.jsx("circle",{cx:"12",cy:"12",r:"10"}),e.jsx("line",{x1:"12",y1:"8",x2:"12",y2:"12"}),e.jsx("line",{x1:"12",y1:"16",x2:"12.01",y2:"16"})]});function _({value:i,onChange:n,options:c,display:o,ariaLabel:x}){return e.jsxs("div",{className:"cai-relative cai-inline-flex cai-items-center cai-cursor-pointer",children:[e.jsx("span",{className:"cai-pointer-events-none cai-text-body2 cai-font-semibold cai-text-primary cai-whitespace-nowrap",children:o}),e.jsx(ye,{}),e.jsx("select",{"aria-label":x,value:i,onChange:l=>n(parseInt(l.target.value,10)),className:"cai-absolute cai-inset-0 cai-h-full cai-w-full cai-cursor-pointer cai-appearance-none cai-border-none cai-bg-transparent cai-opacity-0",children:c.map(l=>e.jsx("option",{value:l.value,children:l.label},l.value))})]})}const q=m.forwardRef(({mode:i="single",selected:n,onSelect:c,fromYear:o,toYear:x,showOutsideDays:l=!0,withInput:S=!1,error:y=!1,errorMessage:k,className:J,...$},H)=>{const C=n!==void 0,[z,K]=m.useState(void 0),s=C?n:z,Y=m.useMemo(()=>new Date,[]),L=m.useMemo(()=>i==="single"&&s instanceof Date?s:i==="range"&&M(s)&&s.from?s.from:Y,[]),[d,b]=m.useState(L.getFullYear()),[u,f]=m.useState(L.getMonth()),[w,G]=m.useState(!0),[Q,O]=m.useState(()=>i==="single"&&s instanceof Date?E(s):"");m.useEffect(()=>{i==="single"&&s instanceof Date&&O(E(s))},[i,s]);const R=o??d-10,T=x??d+10,N=t=>{C||K(t),c?.(t)},U=t=>{if(i==="single"){const a=j(s,t)?void 0:t;N(a),a&&(f(a.getMonth()),b(a.getFullYear()))}else{const r=M(s)?s:{};let a;!r.from||r.from&&r.to?a={from:t,to:void 0}:t.getTime()<r.from.getTime()?a={from:t,to:r.from}:a={from:r.from,to:t},N(a)}},X=t=>{const r=t.target.value;O(r);const a=fe(r);a&&i==="single"&&(f(a.getMonth()),b(a.getFullYear()),N(a))},Z=()=>{u===0?(f(11),b(t=>t-1)):f(t=>t-1)},ee=()=>{u===11?(f(0),b(t=>t+1)):f(t=>t+1)},ie=new Date(d,u,1),v=new Date(d,u+1,0).getDate(),F=new Date(d,u,0).getDate(),te=ie.getDay(),ae=42,ne=i==="single"&&s instanceof Date?s:void 0,h=i==="range"&&M(s)?s:void 0,re=m.useMemo(()=>{const t=[];for(let r=R;r<=T;r++)t.push({value:r,label:String(r)});return t},[R,T]),ce=V.map((t,r)=>({value:r,label:t}));return e.jsxs("div",{ref:H,className:g.cn("cai-flex cai-w-fit cai-flex-col cai-gap-y-md",J),...$,children:[S&&e.jsxs("div",{className:"cai-flex cai-flex-col cai-gap-y-xs",children:[e.jsx("label",{htmlFor:"nebula-calendar-input",className:"cai-text-right cai-text-micro1 cai-font-medium cai-text-primary",children:"Date (DD/MM/YYYY)"}),e.jsxs("div",{className:g.cn("cai-flex cai-items-center cai-gap-x-md cai-rounded-md cai-border cai-p-sm",y?"cai-border-error-alt cai-bg-error focus-within:cai-outline-2 focus-within:cai-outline-offset-2 focus-within:cai-outline-[var(--bg-brand-primary)]":"cai-border-primary cai-bg-primary-invert focus-within:cai-border-brand-primary"),children:[e.jsx("button",{type:"button","aria-label":w?"Hide calendar":"Show calendar","aria-expanded":w,onClick:()=>G(t=>!t),className:g.cn("cai-flex cai-h-9 cai-w-9 cai-flex-shrink-0 cai-items-center cai-justify-center cai-rounded-full cai-border cai-border-transparent cai-transition-colors focus-visible:cai-outline-2 focus-visible:cai-outline-brand-primary",y?"cai-bg-transparent cai-text-primary-alt":"cai-bg-transparent cai-text-primary hover:cai-bg-secondary hover:cai-border-primary"),children:e.jsx(he,{})}),e.jsx("input",{id:"nebula-calendar-input",type:"text",value:Q,onChange:X,placeholder:"DD/MM/YYYY",inputMode:"numeric","aria-invalid":y||void 0,className:g.cn("cai-flex-1 cai-border-none cai-bg-transparent cai-text-body2 cai-font-medium cai-outline-none",y?"cai-text-primary-alt placeholder:cai-text-primary-alt":"cai-text-primary placeholder:cai-text-tertiary")})]}),y&&k&&e.jsxs("div",{className:"cai-mt-xs cai-flex cai-items-center cai-gap-x-xs",children:[e.jsx("span",{className:"cai-inline-flex cai-items-center",style:{color:"var(--icon-error)"},children:e.jsx(be,{})}),e.jsx("span",{className:"cai-text-micro1 cai-font-medium",style:{color:"var(--text-error)"},children:k})]})]}),(!S||w)&&e.jsxs("div",{className:"cai-w-80 cai-select-none cai-rounded-xl cai-border cai-border-septenary cai-bg-primary-invert cai-p-md focus-within:cai-border-2 focus-within:cai-border-brand-primary",children:[e.jsxs("div",{className:"cai-mb-md cai-flex cai-items-center cai-justify-between",children:[e.jsxs("div",{className:"cai-flex cai-items-center cai-gap-x-md",children:[e.jsx(_,{ariaLabel:"Month",value:u,onChange:f,options:ce,display:V[u]}),e.jsx(_,{ariaLabel:"Year",value:d,onChange:b,options:re,display:String(d)})]}),e.jsxs("div",{className:"cai-flex cai-gap-x-[12px]",children:[e.jsx("button",{type:"button",onClick:Z,"aria-label":"Previous month",className:"cai-flex cai-h-8 cai-w-8 cai-items-center cai-justify-center cai-rounded-md cai-border cai-border-septenary cai-bg-primary-invert cai-text-secondary hover:cai-bg-tertiary focus-visible:cai-outline-2 focus-visible:cai-outline-brand-primary",children:e.jsx(pe,{})}),e.jsx("button",{type:"button",onClick:ee,"aria-label":"Next month",className:"cai-flex cai-h-8 cai-w-8 cai-items-center cai-justify-center cai-rounded-md cai-border cai-border-septenary cai-bg-primary-invert cai-text-secondary hover:cai-bg-tertiary focus-visible:cai-outline-2 focus-visible:cai-outline-brand-primary",children:e.jsx(ge,{})})]})]}),e.jsx("div",{className:"cai-mb-xs cai-grid cai-grid-cols-7",children:me.map(t=>e.jsx("div",{className:"cai-py-xs cai-text-center cai-text-micro1 cai-font-semibold cai-text-tertiary",children:t},t))}),e.jsx("div",{role:"grid",className:"cai-grid cai-grid-cols-7",children:Array.from({length:ae}).map((t,r)=>{const a=r-te+1,I=a<1||a>v;if(I&&!l)return e.jsx("div",{role:"gridcell"},r);const p=a<1?new Date(d,u-1,F+a):a>v?new Date(d,u+1,a-v):new Date(d,u,a),se=a<1?F+a:a>v?a-v:a,W=j(p,Y),oe=j(p,ne),P=!!h&&j(p,h.from),A=!!h&&j(p,h.to),B=!!h&&xe(p,h.from,h.to)&&!P&&!A,D=oe||P||A,le=p.toLocaleDateString(void 0,{day:"numeric",month:"long",year:"numeric"});return e.jsx("div",{role:"gridcell",className:g.cn("cai-flex cai-items-center cai-justify-center cai-py-xs",B&&"cai-bg-brand-secondary"),children:e.jsx("button",{type:"button","aria-label":le,"aria-selected":D||B||void 0,"aria-current":W?"date":void 0,onClick:()=>U(p),className:g.cn("cai-h-8 cai-w-8 cai-rounded-full cai-text-subbody cai-font-semibold cai-text-primary cai-transition-colors hover:cai-bg-tertiary focus-visible:cai-outline-2 focus-visible:cai-outline-brand-primary",I&&"cai-opacity-50",D&&"cai-bg-brand-primary cai-text-primary-invert hover:cai-bg-brand-primary",W&&!D&&"cai-border cai-border-primary"),children:se})},r)})})]})]})});q.displayName="Calendar";exports.Calendar=q;
|
|
@@ -195,7 +195,7 @@ const be = h.forwardRef(
|
|
|
195
195
|
/* @__PURE__ */ e(
|
|
196
196
|
"label",
|
|
197
197
|
{
|
|
198
|
-
htmlFor: "
|
|
198
|
+
htmlFor: "nebula-calendar-input",
|
|
199
199
|
className: "cai-text-right cai-text-micro1 cai-font-medium cai-text-primary",
|
|
200
200
|
children: "Date (DD/MM/YYYY)"
|
|
201
201
|
}
|
|
@@ -225,7 +225,7 @@ const be = h.forwardRef(
|
|
|
225
225
|
/* @__PURE__ */ e(
|
|
226
226
|
"input",
|
|
227
227
|
{
|
|
228
|
-
id: "
|
|
228
|
+
id: "nebula-calendar-input",
|
|
229
229
|
type: "text",
|
|
230
230
|
value: Q,
|
|
231
231
|
onChange: X,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),v=require("react"),i=require("../../utils/cn.cjs");function R(a){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const e in a)if(e!=="default"){const s=Object.getOwnPropertyDescriptor(a,e);Object.defineProperty(c,e,s.get?s:{enumerable:!0,get:()=>a[e]})}}return c.default=a,Object.freeze(c)}const r=R(v),d={xs:"cai-p-3",sm:"cai-p-4",md:"cai-p-6",lg:"cai-p-8"},D={custom:"","1/1":"cai-aspect-square","3/4":"cai-aspect-[3/4]","4/3":"cai-aspect-[4/3]","16/9":"cai-aspect-video"},l=r.forwardRef(({className:a,padding:c="sm",aspectRatio:e="custom",dropShadow:s=!1,disabled:o=!1,cardHeading:n,cardHeadingAs:C="h2",cardHeadingClassName:y,surface:N="default",children:b,...j},w)=>{const g=d[c]??d.sm,h=D[e]??`cai-aspect-[${e}]`;return t.jsxs("div",{className:"cai-flex cai-flex-col",children:[n&&t.jsx("div",{className:i.cn("cai-mb-1.5",o&&"cai-opacity-40"),children:t.jsx(C,{className:i.cn("cai-text-micro1 cai-font-semibold cai-text-secondary",y),children:n})}),t.jsx("div",{ref:w,tabIndex:o?-1:0,"aria-disabled":o||void 0,className:i.cn("cai-rounded-xl cai-transition-all",N==="default"&&"cai-card-surface",g,h,s&&"cai-shadow-shallow",o&&"cai-pointer-events-none cai-opacity-40","focus-within:cai-outline-2 focus-within:cai-outline-offset-2 focus-within:cai-outline-brand-primary",a),...j,children:b})]})});l.displayName="Card";const f=r.forwardRef(({className:a,...c},e)=>t.jsx("div",{ref:e,className:i.cn("cai-flex cai-flex-col cai-gap-y-1.5",a),...c}));f.displayName="CardHeader";const p=r.forwardRef(({className:a,children:c,...e},s)=>t.jsx("h3",{ref:s,className:i.cn("cai-text-subbody cai-font-semibold cai-tracking-tight cai-text-primary",a),...e,children:c}));p.displayName="CardTitle";const m=r.forwardRef(({className:a,...c},e)=>t.jsx("p",{ref:e,className:i.cn("cai-text-subbody cai-text-secondary",a),...c}));m.displayName="CardDescription";const u=r.forwardRef(({className:a,...c},e)=>t.jsx("div",{ref:e,className:i.cn("cai-pt-4",a),...c}));u.displayName="CardContent";const x=r.forwardRef(({className:a,...c},e)=>t.jsx("div",{ref:e,className:i.cn("cai-flex cai-items-center cai-pt-4",a),...c}));x.displayName="CardFooter";exports.Card=l;exports.CardContent=u;exports.CardDescription=m;exports.CardFooter=x;exports.CardHeader=f;exports.CardTitle=p;
|
|
@@ -21,19 +21,19 @@ const l = {
|
|
|
21
21
|
disabled: o = !1,
|
|
22
22
|
cardHeading: d,
|
|
23
23
|
cardHeadingAs: n = "h2",
|
|
24
|
-
cardHeadingClassName:
|
|
25
|
-
surface:
|
|
24
|
+
cardHeadingClassName: m,
|
|
25
|
+
surface: f = "default",
|
|
26
26
|
children: p,
|
|
27
|
-
...
|
|
28
|
-
},
|
|
29
|
-
const
|
|
27
|
+
...x
|
|
28
|
+
}, C) => {
|
|
29
|
+
const u = l[i] ?? l.sm, N = h[a] ?? `cai-aspect-[${a}]`;
|
|
30
30
|
return /* @__PURE__ */ y("div", { className: "cai-flex cai-flex-col", children: [
|
|
31
31
|
d && /* @__PURE__ */ e("div", { className: s("cai-mb-1.5", o && "cai-opacity-40"), children: /* @__PURE__ */ e(
|
|
32
32
|
n,
|
|
33
33
|
{
|
|
34
34
|
className: s(
|
|
35
35
|
"cai-text-micro1 cai-font-semibold cai-text-secondary",
|
|
36
|
-
|
|
36
|
+
m
|
|
37
37
|
),
|
|
38
38
|
children: d
|
|
39
39
|
}
|
|
@@ -41,20 +41,20 @@ const l = {
|
|
|
41
41
|
/* @__PURE__ */ e(
|
|
42
42
|
"div",
|
|
43
43
|
{
|
|
44
|
-
ref:
|
|
44
|
+
ref: C,
|
|
45
45
|
tabIndex: o ? -1 : 0,
|
|
46
46
|
"aria-disabled": o || void 0,
|
|
47
47
|
className: s(
|
|
48
48
|
"cai-rounded-xl cai-transition-all",
|
|
49
|
-
|
|
50
|
-
|
|
49
|
+
f === "default" && "cai-card-surface",
|
|
50
|
+
u,
|
|
51
51
|
N,
|
|
52
52
|
r && "cai-shadow-shallow",
|
|
53
53
|
o && "cai-pointer-events-none cai-opacity-40",
|
|
54
|
-
"focus-within:cai-outline-2 focus-within:cai-outline-offset-2 focus-within:cai-outline-
|
|
54
|
+
"focus-within:cai-outline-2 focus-within:cai-outline-offset-2 focus-within:cai-outline-brand-primary",
|
|
55
55
|
c
|
|
56
56
|
),
|
|
57
|
-
...
|
|
57
|
+
...x,
|
|
58
58
|
children: p
|
|
59
59
|
}
|
|
60
60
|
)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),J=require("react"),M=require("../_shared/SelectionIndicators.cjs"),Q=require("../../utils/focusRing.cjs"),f=require("../../utils/cn.cjs"),O=require("../Popover/Popover.cjs"),V=require("../Avatar/Avatar.cjs");function X(r){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const c in r)if(c!=="default"){const o=Object.getOwnPropertyDescriptor(r,c);Object.defineProperty(t,c,o.get?o:{enumerable:!0,get:()=>r[c]})}}return t.default=r,Object.freeze(t)}const n=X(J),Y=()=>a.jsx("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:a.jsx("path",{d:"M6 9l6 6 6-6"})}),Z=()=>a.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:[a.jsx("circle",{cx:"12",cy:"12",r:"10"}),a.jsx("line",{x1:"12",y1:"8",x2:"12",y2:"12"}),a.jsx("line",{x1:"12",y1:"16",x2:"12.01",y2:"16"})]}),ee={online:"cai-bg-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),J=require("react"),M=require("../_shared/SelectionIndicators.cjs"),Q=require("../../utils/focusRing.cjs"),f=require("../../utils/cn.cjs"),O=require("../Popover/Popover.cjs"),V=require("../Avatar/Avatar.cjs");function X(r){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const c in r)if(c!=="default"){const o=Object.getOwnPropertyDescriptor(r,c);Object.defineProperty(t,c,o.get?o:{enumerable:!0,get:()=>r[c]})}}return t.default=r,Object.freeze(t)}const n=X(J),Y=()=>a.jsx("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:a.jsx("path",{d:"M6 9l6 6 6-6"})}),Z=()=>a.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:[a.jsx("circle",{cx:"12",cy:"12",r:"10"}),a.jsx("line",{x1:"12",y1:"8",x2:"12",y2:"12"}),a.jsx("line",{x1:"12",y1:"16",x2:"12.01",y2:"16"})]}),ee={online:"cai-bg-border-success-alt",busy:"cai-bg-error-alt",offline:"cai-bg-icon-tertiary"};function R(r){return r==null?[]:Array.isArray(r)?r:[r]}const ae=({status:r})=>a.jsx("span",{className:f.cn("cai-h-2 cai-w-2 cai-shrink-0 cai-rounded-full",r?ee[r]:"cai-bg-[var(--icon-tertiary)]"),"aria-hidden":"true"}),te=({id:r,item:t,variant:c,selected:o,active:p,onToggle:m,onHover:b})=>{const y=n.useCallback(()=>{m(t.value)},[t.value,m]);return a.jsxs("div",{id:r,role:"option","aria-selected":o,onClick:y,onMouseEnter:b,className:f.cn("cai-flex cai-cursor-pointer cai-select-none cai-items-center cai-gap-md cai-rounded-md cai-border cai-border-transparent cai-p-lg","cai-text-subbody cai-font-medium cai-text-primary","cai-outline-none cai-transition-colors",c==="avatar"&&o?"cai-bg-secondary":p&&"cai-bg-tertiary"),children:[c==="single"&&a.jsx(M.RadioIndicator,{checked:o}),c==="multi"&&a.jsx(M.CheckboxIndicator,{checked:o}),c==="avatar"&&a.jsx(ae,{status:t.status}),c==="avatar"&&t.avatar?a.jsx("span",{className:"cai-flex cai-shrink-0 cai-items-center",children:t.avatar}):c==="avatar"?a.jsx(V.Avatar,{variant:"initials",size:"sm",initials:t.label.slice(0,2)}):null,c==="avatar"?a.jsxs(a.Fragment,{children:[a.jsx("span",{className:"cai-truncate cai-font-semibold cai-text-primary",children:t.label}),t.supportText&&a.jsx("span",{className:"cai-ml-auto cai-text-subbody cai-text-secondary",children:t.supportText})]}):a.jsxs("span",{className:"cai-flex cai-flex-col cai-gap-y-xxs",children:[a.jsx("span",{className:"cai-font-semibold cai-text-primary",children:t.label}),t.supportText&&a.jsx("span",{className:"cai-text-subbody cai-text-secondary",children:t.supportText})]})]})},$=n.forwardRef(({variant:r="single",items:t=[],selectedValue:c,onSelect:o,placeholder:p="Select an option",label:m,labelRight:b,errorText:y,required:A=!1,disabled:T=!1,id:_,className:B},F)=>{const W=n.useId(),h=_??W,q=`${h}-listbox`,E=y?`${h}-message`:void 0,k=n.useCallback(e=>`${h}-opt-${e}`,[h]),u=r==="multi"||r==="avatar",g=!!y,[j,N]=n.useState(!1),[d,x]=n.useState(-1),C=n.useRef(null),z=n.useRef({text:"",timer:null}),v=c!==void 0,[H,P]=n.useState(()=>R(c));n.useEffect(()=>{v&&P(R(c))},[v,c]);const s=v?R(c):H,I=n.useCallback(e=>{v||P(e),o&&o(u?e:e[0])},[v,u,o]),D=n.useCallback(e=>{if(u){const l=s.includes(e)?s.filter(w=>w!==e):[...s,e];I(l)}else{const i=s[0]===e?[]:[e];I(i),N(!1)}},[I,s,u]);n.useEffect(()=>{if(!j)return;const e=t.findIndex(l=>s.includes(l.value));x(e>=0?e:0);const i=setTimeout(()=>C.current?.focus(),0);return()=>clearTimeout(i)},[j,t,s]),n.useEffect(()=>{if(!j||d<0)return;C.current?.querySelector(`#${CSS.escape(k(d))}`)?.scrollIntoView({block:"nearest"})},[d,j,k]);const K=n.useCallback(e=>{if(t.length){if(e.key==="ArrowDown")e.preventDefault(),x(i=>(i+1)%t.length);else if(e.key==="ArrowUp")e.preventDefault(),x(i=>i<=0?t.length-1:i-1);else if(e.key==="Home")e.preventDefault(),x(0);else if(e.key==="End")e.preventDefault(),x(t.length-1);else if(e.key==="Enter"||e.key===" ")e.preventDefault(),d>=0&&D(t[d].value);else if(e.key==="Escape")e.preventDefault(),N(!1);else if(e.key.length===1&&/\S/.test(e.key)){const i=z.current;i.timer&&clearTimeout(i.timer),i.text=(i.text+e.key).toLowerCase();const l=d>=0?d+1:0,w=t.length;for(let S=0;S<w;S+=1){const L=(l+S)%w;if(t[L].label.toLowerCase().startsWith(i.text)){x(L);break}}i.timer=setTimeout(()=>{i.text=""},600)}}},[t,d,D]),U=n.useMemo(()=>{if(u){const l=s.length;return l>0?`${l} Selected`:p}const e=s[0];return e?t.find(l=>l.value===e)?.label??p:p},[s,u,t,p]),G=n.useMemo(()=>u?s.length===0:!s[0],[s,u]);return a.jsxs("div",{className:f.cn("cai-flex cai-w-full cai-flex-col cai-gap-y-xs cai-font-sans",T&&"cai-pointer-events-none cai-opacity-40",B),children:[(m||b)&&a.jsxs("div",{className:"cai-flex cai-items-center cai-justify-between",children:[m?a.jsxs("label",{htmlFor:h,className:"cai-text-[13px] cai-font-medium cai-text-primary",children:[m,A&&a.jsx("span",{className:"cai-ml-0.5 cai-text-icon-error","aria-hidden":"true",children:"*"})]}):a.jsx("span",{}),b&&a.jsx("span",{className:"cai-ml-auto cai-text-eyebrow1 cai-font-medium cai-text-primary",children:b})]}),a.jsxs(O.Popover,{open:j,onOpenChange:N,children:[a.jsx(O.PopoverTrigger,{asChild:!0,children:a.jsxs("button",{ref:F,id:h,type:"button",disabled:T,"aria-required":A||void 0,"aria-invalid":g||void 0,"aria-describedby":E,"aria-controls":q,className:f.cn("cai-group cai-flex cai-w-full cai-items-center cai-justify-between cai-gap-md cai-rounded-md cai-border cai-px-[14px] cai-py-[10px]","cai-text-[12px] cai-font-medium","cai-outline-none cai-transition-colors",Q.FOCUS_RING,g?"cai-border-error cai-bg-error cai-text-primary-alt focus-visible:cai-border-error":["cai-border-septenary cai-bg-primary-invert cai-text-primary","data-[state=closed]:hover:cai-border-nonary data-[state=closed]:hover:cai-bg-secondary","focus-visible:cai-border-brand-primary","data-[state=open]:cai-border-nonary"]),children:[a.jsx("span",{className:f.cn("cai-flex-1 cai-truncate cai-text-left",G&&!g&&"cai-text-primary",g&&"cai-text-primary-alt"),children:U}),a.jsx("span",{className:f.cn("cai-flex cai-shrink-0 cai-items-center cai-transition-transform cai-duration-200","group-data-[state=open]:cai-rotate-180",g?"cai-text-icon-primary-alt":"cai-text-tertiary"),children:a.jsx(Y,{})})]})}),a.jsx(O.PopoverContent,{align:"start",sideOffset:4,className:f.cn("cai-w-[var(--radix-popover-trigger-width)] cai-max-w-none","cai-rounded-md cai-border cai-border-tertiary cai-bg-primary-invert cai-p-lg cai-shadow-shallow"),children:a.jsx("div",{ref:C,id:q,role:"listbox",tabIndex:-1,"aria-multiselectable":u||void 0,"aria-activedescendant":d>=0?k(d):void 0,onKeyDown:K,className:"cai-flex cai-max-h-[280px] cai-flex-col cai-gap-y-xxs cai-overflow-y-auto cai-outline-none",children:t.map((e,i)=>{const l=s.includes(e.value);return a.jsx(te,{id:k(i),item:e,variant:r,selected:l,active:i===d,onToggle:D,onHover:()=>x(i)},e.value)})})})]}),y&&a.jsxs("div",{id:E,role:"alert",className:"cai-mt-xs cai-flex cai-items-center cai-gap-1",children:[a.jsx("span",{className:"cai-flex cai-items-center cai-text-icon-error",children:a.jsx(Z,{})}),a.jsx("span",{className:"cai-font-sans cai-text-xs cai-font-medium cai-pt-[3px] cai-text-error",children:y})]})]})});$.displayName="DropdownSelect";exports.DropdownSelect=$;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownSelect.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownSelect/DropdownSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,WAAW,CAAA;AA2CpD,MAAM,MAAM,qBAAqB,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAA;AACjE,MAAM,MAAM,oBAAoB,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAA;AAEhE,MAAM,WAAW,uBAAuB;IACtC,wCAAwC;IACxC,KAAK,EAAE,MAAM,CAAA;IACb,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,6DAA6D;IAC7D,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gDAAgD;IAChD,MAAM,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,CAAA;IACxC,yCAAyC;IACzC,MAAM,CAAC,EAAE,oBAAoB,CAAA;CAC9B;AAED,MAAM,WAAW,mBAAmB;IAClC,sBAAsB;IACtB,OAAO,CAAC,EAAE,qBAAqB,CAAA;IAC/B,0BAA0B;IAC1B,KAAK,CAAC,EAAE,uBAAuB,EAAE,CAAA;IACjC,2EAA2E;IAC3E,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IACjC,wDAAwD;IACxD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,KAAK,IAAI,CAAA;IACzD,gCAAgC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,8DAA8D;IAC9D,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,mEAAmE;IACnE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,yCAAyC;IACzC,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;
|
|
1
|
+
{"version":3,"file":"DropdownSelect.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownSelect/DropdownSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,WAAW,CAAA;AA2CpD,MAAM,MAAM,qBAAqB,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAA;AACjE,MAAM,MAAM,oBAAoB,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAA;AAEhE,MAAM,WAAW,uBAAuB;IACtC,wCAAwC;IACxC,KAAK,EAAE,MAAM,CAAA;IACb,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,6DAA6D;IAC7D,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gDAAgD;IAChD,MAAM,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,CAAA;IACxC,yCAAyC;IACzC,MAAM,CAAC,EAAE,oBAAoB,CAAA;CAC9B;AAED,MAAM,WAAW,mBAAmB;IAClC,sBAAsB;IACtB,OAAO,CAAC,EAAE,qBAAqB,CAAA;IAC/B,0BAA0B;IAC1B,KAAK,CAAC,EAAE,uBAAuB,EAAE,CAAA;IACjC,2EAA2E;IAC3E,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IACjC,wDAAwD;IACxD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,KAAK,IAAI,CAAA;IACzD,gCAAgC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,8DAA8D;IAC9D,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,mEAAmE;IACnE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,yCAAyC;IACzC,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AA8HD,QAAA,MAAM,cAAc,+FA0SnB,CAAA;AAID,OAAO,EAAE,cAAc,EAAE,CAAA"}
|
|
@@ -38,9 +38,9 @@ const ee = () => /* @__PURE__ */ a(
|
|
|
38
38
|
]
|
|
39
39
|
}
|
|
40
40
|
), te = {
|
|
41
|
-
online: "cai-bg-
|
|
42
|
-
busy: "cai-bg-
|
|
43
|
-
offline: "cai-bg-
|
|
41
|
+
online: "cai-bg-border-success-alt",
|
|
42
|
+
busy: "cai-bg-error-alt",
|
|
43
|
+
offline: "cai-bg-icon-tertiary"
|
|
44
44
|
};
|
|
45
45
|
function L(n) {
|
|
46
46
|
return n == null ? [] : Array.isArray(n) ? n : [n];
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* System-wide focus-ring utility.
|
|
3
3
|
*
|
|
4
4
|
* Standard:
|
|
5
|
-
* - Color:
|
|
5
|
+
* - Color: border-brand-primary token (cai-outline-brand-primary)
|
|
6
6
|
* - Weight: 2px
|
|
7
7
|
* - Offset: equals weight (2px). 4px (2x weight) is the only sanctioned
|
|
8
8
|
* override, reserved for high-density or accessibility-driven contexts.
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nebula-demo/ui",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.2.0",
|
|
4
4
|
"description": "React component library for the Nebula design system — buttons, inputs, badges, tooltips, and more",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react",
|
|
@@ -67,10 +67,10 @@
|
|
|
67
67
|
"react": "^18.3.0",
|
|
68
68
|
"vite": "^7.2.4",
|
|
69
69
|
"vite-plugin-dts": "^5.0.0",
|
|
70
|
-
"@nebula-demo/tokens": "0.
|
|
70
|
+
"@nebula-demo/tokens": "0.2.0"
|
|
71
71
|
},
|
|
72
72
|
"peerDependencies": {
|
|
73
|
-
"@nebula-demo/tokens": "^0.
|
|
73
|
+
"@nebula-demo/tokens": "^0.2.0",
|
|
74
74
|
"react": "^18.0.0 || ^19.0.0",
|
|
75
75
|
"react-dom": "^18.0.0 || ^19.0.0"
|
|
76
76
|
},
|