it-data-nexus-ui-library 2.10.3 → 2.10.4
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 +1 @@
|
|
|
1
|
-
import{jsx as r}from"react/jsx-runtime";import{useTheme as
|
|
1
|
+
import{jsx as r}from"react/jsx-runtime";import{useTheme as e}from"@mui/material/styles";import{colours as o}from"./Theme/tokens.mjs";import{Chip as a}from"./_Primitives/Chip.mjs";const t=({variant:t="neutral",label:l})=>{const i=e(),n="dark"===i.palette.mode,b={success:{bg:n?"rgba(0, 166, 92, 0.18)":"rgba(0, 166, 92, 0.12)",color:n?o.brilliantGreen:o.jadeDark},warning:{bg:n?"rgba(233, 135, 91, 0.18)":"rgba(233, 135, 91, 0.12)",color:n?o.amber:o.amberDark},error:{bg:n?"rgba(204, 15, 75, 0.18)":"rgba(204, 15, 75, 0.10)",color:n?o.cherryLight:o.cherry},info:{bg:n?"rgba(0, 214, 222, 0.14)":"rgba(45, 96, 255, 0.10)",color:n?o.cyan:o.navy},neutral:{bg:i.palette.action.hover,color:i.palette.text.secondary}},{bg:m,color:g}=b[t];return r(a,{label:l,size:"small",sx:{backgroundColor:m,color:g,border:"none",boxShadow:"none",fontWeight:600,fontSize:"0.7rem",height:22,"& .MuiChip-label":{px:1.25}}})};export{t as StatusBadge};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e={brilliantGreen:"#00D639",primaryGreenHover:"#00BE32",primaryGreenActive:"#00AA2D",cyan:"#00D6DE",jade:"#00A65C",jadeLight:"#00AE5C",jadeDark:"#00623E",teal:"#006362",blue:"#2D60FF",navy:"#1531af",cherry:"#cc0f4b",terra:"#A13829",amber:"#E9875B",gold:"#F5C518",black:"#000000",white:"#FFFFFF",darkGrey:"#55616D",lightGrey:"#ffffffc2"},r={brand:`linear-gradient(135deg, ${e.brilliantGreen} 0%, ${e.jade} 42%, ${e.teal} 100%)`,nexus:`linear-gradient(135deg, ${e.brilliantGreen} 0%, ${e.cyan} 40%, ${e.blue} 100%)`,aiConic:`conic-gradient(from var(--ai-angle), ${e.brilliantGreen}, ${e.cyan}, ${e.blue}, ${e.cyan}, ${e.brilliantGreen})`},a="SageText, Inter, Segoe UI, sans-serif",i="SageUI, Inter, Segoe UI, sans-serif",n="Sage Headline, Inter, Segoe UI, sans-serif",t=r=>{const a="dark"===r;return{background:{default:a?e.black:e.white,paper:a?e.black:e.white,greys:a?e.lightGrey:e.darkGrey,jades:a?e.jadeLight:e.jadeDark},text:{primary:a?e.white:e.black,primaryReverse:a?e.black:e.white,secondary:a?e.lightGrey:e.darkGrey,blues:a?e.cyan:e.blue,greens:a?e.brilliantGreen:e.jade,greys:a?e.lightGrey:e.darkGrey,jades:a?e.jadeLight:e.jadeDark},border:a?"rgba(255, 255, 255, 0.10)":"rgba(0, 0, 0, 0.10)",shadow:a?"0 28px 80px rgba(0, 0, 0, 0.42)":"0 24px 64px rgba(0, 41, 63, 0.12)",outlinedPrimary:a?e.brilliantGreen:e.jade,outlinedPrimaryHover:a?e.primaryGreenHover:e.primaryGreenActive}};export{e as colours,n as fontSageHeadline,a as fontSageText,i as fontSageUI,t as getModeTokens,r as gradients};
|
|
1
|
+
const e={brilliantGreen:"#00D639",primaryGreenHover:"#00BE32",primaryGreenActive:"#00AA2D",cyan:"#00D6DE",jade:"#00A65C",jadeLight:"#00AE5C",jadeDark:"#00623E",teal:"#006362",blue:"#2D60FF",navy:"#1531af",cherry:"#cc0f4b",cherryLight:"#FF6B8F",terra:"#A13829",amber:"#E9875B",amberDark:"#9A4A1F",gold:"#F5C518",black:"#000000",white:"#FFFFFF",darkGrey:"#55616D",lightGrey:"#ffffffc2"},r={brand:`linear-gradient(135deg, ${e.brilliantGreen} 0%, ${e.jade} 42%, ${e.teal} 100%)`,nexus:`linear-gradient(135deg, ${e.brilliantGreen} 0%, ${e.cyan} 40%, ${e.blue} 100%)`,aiConic:`conic-gradient(from var(--ai-angle), ${e.brilliantGreen}, ${e.cyan}, ${e.blue}, ${e.cyan}, ${e.brilliantGreen})`},a="SageText, Inter, Segoe UI, sans-serif",i="SageUI, Inter, Segoe UI, sans-serif",n="Sage Headline, Inter, Segoe UI, sans-serif",t=r=>{const a="dark"===r;return{background:{default:a?e.black:e.white,paper:a?e.black:e.white,greys:a?e.lightGrey:e.darkGrey,jades:a?e.jadeLight:e.jadeDark},text:{primary:a?e.white:e.black,primaryReverse:a?e.black:e.white,secondary:a?e.lightGrey:e.darkGrey,blues:a?e.cyan:e.blue,greens:a?e.brilliantGreen:e.jade,greys:a?e.lightGrey:e.darkGrey,jades:a?e.jadeLight:e.jadeDark},border:a?"rgba(255, 255, 255, 0.10)":"rgba(0, 0, 0, 0.10)",shadow:a?"0 28px 80px rgba(0, 0, 0, 0.42)":"0 24px 64px rgba(0, 41, 63, 0.12)",outlinedPrimary:a?e.brilliantGreen:e.jade,outlinedPrimaryHover:a?e.primaryGreenHover:e.primaryGreenActive}};export{e as colours,n as fontSageHeadline,a as fontSageText,i as fontSageUI,t as getModeTokens,r as gradients};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const o="2.10.
|
|
1
|
+
const o="2.10.4";export{o as SAGE_NEXUS_UI_VERSION};
|
package/dist/index.d.ts
CHANGED
|
@@ -571,6 +571,9 @@ interface StatusBadgeProps {
|
|
|
571
571
|
* Inline semantic status pill.
|
|
572
572
|
* Use for conveying status at a glance: success / warning / error / info / neutral.
|
|
573
573
|
*
|
|
574
|
+
* Text colours are chosen to reach at least 4.5:1 (WCAG AA) against each variant's own tinted
|
|
575
|
+
* background in light and dark mode; the story asserts the ratios.
|
|
576
|
+
*
|
|
574
577
|
* For RAG-specific statuses (On Track / At Risk / Off Track) prefer `RagChip`.
|
|
575
578
|
* For domain-specific workflow statuses prefer `StatusChip`.
|
|
576
579
|
*/
|
|
@@ -1957,8 +1960,10 @@ declare const colours: {
|
|
|
1957
1960
|
readonly blue: "#2D60FF";
|
|
1958
1961
|
readonly navy: "#1531af";
|
|
1959
1962
|
readonly cherry: "#cc0f4b";
|
|
1963
|
+
readonly cherryLight: "#FF6B8F";
|
|
1960
1964
|
readonly terra: "#A13829";
|
|
1961
1965
|
readonly amber: "#E9875B";
|
|
1966
|
+
readonly amberDark: "#9A4A1F";
|
|
1962
1967
|
readonly gold: "#F5C518";
|
|
1963
1968
|
readonly black: "#000000";
|
|
1964
1969
|
readonly white: "#FFFFFF";
|