@ably/ui - npm Package Compare versions

Comparing version 14.6.4 to 14.6.5-dev.c7862d7

core/styles/colors/utils.js

@@ -1,1 +0,1 @@
-import{colorNames}from"./types";export const convertTailwindClassToVar=className=>className.replace(/(text|bg|from|to)-([a-z0-9-]+)/gi,"var(--color-$2)");const calculatePaletteRange=(acc,color)=>{const splitColor=color.split("-");const numericalColor=Number(splitColor[splitColor.length-1]);return{min:acc.min===-1||numericalColor<acc.min?numericalColor:acc.min,max:acc.max===-1||numericalColor>acc.max?numericalColor:acc.max}};export const determineThemeColor=(baseTheme,currentTheme,color)=>{if(baseTheme===currentTheme){return color}else{const splitColor=color.split("-");if(splitColor.length>=3){const property=splitColor.slice(0,splitColor.length-2).join("-");const palette=splitColor[splitColor.length-2];const variant=splitColor[splitColor.length-1];const paletteColors=Object.keys(colorNames).includes(palette)?colorNames[palette]:colorNames.secondary;const{min,max}=paletteColors.reduce((acc,color)=>calculatePaletteRange(acc,color),{min:-1,max:-1});return`${property}-${palette}-${(max+min-Number(variant)).toString().padStart(3,"0")}`}else{return color}}};
+const colorMappings=[{dark:"text-neutral-000",light:"text-neutral-1300"},{dark:"text-neutral-100",light:"text-neutral-1200"},{dark:"text-neutral-200",light:"text-neutral-1100"},{dark:"text-neutral-300",light:"text-neutral-1000"},{dark:"text-neutral-400",light:"text-neutral-900"},{dark:"text-neutral-500",light:"text-neutral-800"},{dark:"text-neutral-600",light:"text-neutral-700"},{dark:"text-neutral-700",light:"text-neutral-600"},{dark:"text-neutral-800",light:"text-neutral-500"},{dark:"text-neutral-900",light:"text-neutral-400"},{dark:"text-neutral-1000",light:"text-neutral-300"},{dark:"text-neutral-1100",light:"text-neutral-200"},{dark:"text-neutral-1200",light:"text-neutral-100"},{dark:"text-neutral-1300",light:"text-neutral-000"},{dark:"text-orange-100",light:"text-orange-1100"},{dark:"text-orange-200",light:"text-orange-1000"},{dark:"text-orange-300",light:"text-orange-900"},{dark:"text-orange-400",light:"text-orange-800"},{dark:"text-orange-500",light:"text-orange-700"},{dark:"text-orange-600",light:"text-orange-600"},{dark:"text-orange-700",light:"text-orange-500"},{dark:"text-orange-800",light:"text-orange-400"},{dark:"text-orange-900",light:"text-orange-300"},{dark:"text-orange-1000",light:"text-orange-200"},{dark:"text-orange-1100",light:"text-orange-100"},{dark:"text-yellow-100",light:"text-yellow-900"},{dark:"text-yellow-200",light:"text-yellow-800"},{dark:"text-yellow-300",light:"text-yellow-700"},{dark:"text-yellow-400",light:"text-yellow-600"},{dark:"text-yellow-500",light:"text-yellow-500"},{dark:"text-yellow-600",light:"text-yellow-400"},{dark:"text-yellow-700",light:"text-yellow-300"},{dark:"text-yellow-800",light:"text-yellow-200"},{dark:"text-yellow-900",light:"text-yellow-100"},{dark:"text-green-100",light:"text-green-900"},{dark:"text-green-200",light:"text-green-800"},{dark:"text-green-300",light:"text-green-700"},{dark:"text-green-400",light:"text-green-600"},{dark:"text-green-500",light:"text-green-500"},{dark:"text-green-600",light:"text-green-400"},{dark:"text-green-700",light:"text-green-300"},{dark:"text-green-800",light:"text-green-200"},{dark:"text-green-900",light:"text-green-100"},{dark:"text-blue-100",light:"text-blue-900"},{dark:"text-blue-200",light:"text-blue-800"},{dark:"text-blue-300",light:"text-blue-700"},{dark:"text-blue-400",light:"text-blue-600"},{dark:"text-blue-500",light:"text-blue-500"},{dark:"text-blue-600",light:"text-blue-400"},{dark:"text-blue-700",light:"text-blue-300"},{dark:"text-blue-800",light:"text-blue-200"},{dark:"text-blue-900",light:"text-blue-100"},{dark:"text-violet-100",light:"text-violet-900"},{dark:"text-violet-200",light:"text-violet-800"},{dark:"text-violet-300",light:"text-violet-700"},{dark:"text-violet-400",light:"text-violet-600"},{dark:"text-violet-500",light:"text-violet-500"},{dark:"text-violet-600",light:"text-violet-400"},{dark:"text-violet-700",light:"text-violet-300"},{dark:"text-violet-800",light:"text-violet-200"},{dark:"text-violet-900",light:"text-violet-100"},{dark:"text-pink-100",light:"text-pink-900"},{dark:"text-pink-200",light:"text-pink-800"},{dark:"text-pink-300",light:"text-pink-700"},{dark:"text-pink-400",light:"text-pink-600"},{dark:"text-pink-500",light:"text-pink-500"},{dark:"text-pink-600",light:"text-pink-400"},{dark:"text-pink-700",light:"text-pink-300"},{dark:"text-pink-800",light:"text-pink-200"},{dark:"text-pink-900",light:"text-pink-100"},{dark:"bg-neutral-000",light:"bg-neutral-1300"},{dark:"bg-neutral-100",light:"bg-neutral-1200"},{dark:"bg-neutral-200",light:"bg-neutral-1100"},{dark:"bg-neutral-300",light:"bg-neutral-1000"},{dark:"bg-neutral-400",light:"bg-neutral-900"},{dark:"bg-neutral-500",light:"bg-neutral-800"},{dark:"bg-neutral-600",light:"bg-neutral-700"},{dark:"bg-neutral-700",light:"bg-neutral-600"},{dark:"bg-neutral-800",light:"bg-neutral-500"},{dark:"bg-neutral-900",light:"bg-neutral-400"},{dark:"bg-neutral-1000",light:"bg-neutral-300"},{dark:"bg-neutral-1100",light:"bg-neutral-200"},{dark:"bg-neutral-1200",light:"bg-neutral-100"},{dark:"bg-neutral-1300",light:"bg-neutral-000"},{dark:"bg-orange-100",light:"bg-orange-1100"},{dark:"bg-orange-200",light:"bg-orange-1000"},{dark:"bg-orange-300",light:"bg-orange-900"},{dark:"bg-orange-400",light:"bg-orange-800"},{dark:"bg-orange-500",light:"bg-orange-700"},{dark:"bg-orange-600",light:"bg-orange-600"},{dark:"bg-orange-700",light:"bg-orange-500"},{dark:"bg-orange-800",light:"bg-orange-400"},{dark:"bg-orange-900",light:"bg-orange-300"},{dark:"bg-orange-1000",light:"bg-orange-200"},{dark:"bg-orange-1100",light:"bg-orange-100"},{dark:"bg-yellow-100",light:"bg-yellow-900"},{dark:"bg-yellow-200",light:"bg-yellow-800"},{dark:"bg-yellow-300",light:"bg-yellow-700"},{dark:"bg-yellow-400",light:"bg-yellow-600"},{dark:"bg-yellow-500",light:"bg-yellow-500"},{dark:"bg-yellow-600",light:"bg-yellow-400"},{dark:"bg-yellow-700",light:"bg-yellow-300"},{dark:"bg-yellow-800",light:"bg-yellow-200"},{dark:"bg-yellow-900",light:"bg-yellow-100"},{dark:"bg-green-100",light:"bg-green-900"},{dark:"bg-green-200",light:"bg-green-800"},{dark:"bg-green-300",light:"bg-green-700"},{dark:"bg-green-400",light:"bg-green-600"},{dark:"bg-green-500",light:"bg-green-500"},{dark:"bg-green-600",light:"bg-green-400"},{dark:"bg-green-700",light:"bg-green-300"},{dark:"bg-green-800",light:"bg-green-200"},{dark:"bg-green-900",light:"bg-green-100"},{dark:"bg-blue-100",light:"bg-blue-900"},{dark:"bg-blue-200",light:"bg-blue-800"},{dark:"bg-blue-300",light:"bg-blue-700"},{dark:"bg-blue-400",light:"bg-blue-600"},{dark:"bg-blue-500",light:"bg-blue-500"},{dark:"bg-blue-600",light:"bg-blue-400"},{dark:"bg-blue-700",light:"bg-blue-300"},{dark:"bg-blue-800",light:"bg-blue-200"},{dark:"bg-blue-900",light:"bg-blue-100"},{dark:"bg-violet-100",light:"bg-violet-900"},{dark:"bg-violet-200",light:"bg-violet-800"},{dark:"bg-violet-300",light:"bg-violet-700"},{dark:"bg-violet-400",light:"bg-violet-600"},{dark:"bg-violet-500",light:"bg-violet-500"},{dark:"bg-violet-600",light:"bg-violet-400"},{dark:"bg-violet-700",light:"bg-violet-300"},{dark:"bg-violet-800",light:"bg-violet-200"},{dark:"bg-violet-900",light:"bg-violet-100"},{dark:"bg-pink-100",light:"bg-pink-900"},{dark:"bg-pink-200",light:"bg-pink-800"},{dark:"bg-pink-300",light:"bg-pink-700"},{dark:"bg-pink-400",light:"bg-pink-600"},{dark:"bg-pink-500",light:"bg-pink-500"},{dark:"bg-pink-600",light:"bg-pink-400"},{dark:"bg-pink-700",light:"bg-pink-300"},{dark:"bg-pink-800",light:"bg-pink-200"},{dark:"bg-pink-900",light:"bg-pink-100"},{dark:"from-neutral-000",light:"from-neutral-1300"},{dark:"from-neutral-100",light:"from-neutral-1200"},{dark:"from-neutral-200",light:"from-neutral-1100"},{dark:"from-neutral-300",light:"from-neutral-1000"},{dark:"from-neutral-400",light:"from-neutral-900"},{dark:"from-neutral-500",light:"from-neutral-800"},{dark:"from-neutral-600",light:"from-neutral-700"},{dark:"from-neutral-700",light:"from-neutral-600"},{dark:"from-neutral-800",light:"from-neutral-500"},{dark:"from-neutral-900",light:"from-neutral-400"},{dark:"from-neutral-1000",light:"from-neutral-300"},{dark:"from-neutral-1100",light:"from-neutral-200"},{dark:"from-neutral-1200",light:"from-neutral-100"},{dark:"from-neutral-1300",light:"from-neutral-000"},{dark:"from-orange-100",light:"from-orange-1100"},{dark:"from-orange-200",light:"from-orange-1000"},{dark:"from-orange-300",light:"from-orange-900"},{dark:"from-orange-400",light:"from-orange-800"},{dark:"from-orange-500",light:"from-orange-700"},{dark:"from-orange-600",light:"from-orange-600"},{dark:"from-orange-700",light:"from-orange-500"},{dark:"from-orange-800",light:"from-orange-400"},{dark:"from-orange-900",light:"from-orange-300"},{dark:"from-orange-1000",light:"from-orange-200"},{dark:"from-orange-1100",light:"from-orange-100"},{dark:"from-yellow-100",light:"from-yellow-900"},{dark:"from-yellow-200",light:"from-yellow-800"},{dark:"from-yellow-300",light:"from-yellow-700"},{dark:"from-yellow-400",light:"from-yellow-600"},{dark:"from-yellow-500",light:"from-yellow-500"},{dark:"from-yellow-600",light:"from-yellow-400"},{dark:"from-yellow-700",light:"from-yellow-300"},{dark:"from-yellow-800",light:"from-yellow-200"},{dark:"from-yellow-900",light:"from-yellow-100"},{dark:"from-green-100",light:"from-green-900"},{dark:"from-green-200",light:"from-green-800"},{dark:"from-green-300",light:"from-green-700"},{dark:"from-green-400",light:"from-green-600"},{dark:"from-green-500",light:"from-green-500"},{dark:"from-green-600",light:"from-green-400"},{dark:"from-green-700",light:"from-green-300"},{dark:"from-green-800",light:"from-green-200"},{dark:"from-green-900",light:"from-green-100"},{dark:"from-blue-100",light:"from-blue-900"},{dark:"from-blue-200",light:"from-blue-800"},{dark:"from-blue-300",light:"from-blue-700"},{dark:"from-blue-400",light:"from-blue-600"},{dark:"from-blue-500",light:"from-blue-500"},{dark:"from-blue-600",light:"from-blue-400"},{dark:"from-blue-700",light:"from-blue-300"},{dark:"from-blue-800",light:"from-blue-200"},{dark:"from-blue-900",light:"from-blue-100"},{dark:"from-violet-100",light:"from-violet-900"},{dark:"from-violet-200",light:"from-violet-800"},{dark:"from-violet-300",light:"from-violet-700"},{dark:"from-violet-400",light:"from-violet-600"},{dark:"from-violet-500",light:"from-violet-500"},{dark:"from-violet-600",light:"from-violet-400"},{dark:"from-violet-700",light:"from-violet-300"},{dark:"from-violet-800",light:"from-violet-200"},{dark:"from-violet-900",light:"from-violet-100"},{dark:"from-pink-100",light:"from-pink-900"},{dark:"from-pink-200",light:"from-pink-800"},{dark:"from-pink-300",light:"from-pink-700"},{dark:"from-pink-400",light:"from-pink-600"},{dark:"from-pink-500",light:"from-pink-500"},{dark:"from-pink-600",light:"from-pink-400"},{dark:"from-pink-700",light:"from-pink-300"},{dark:"from-pink-800",light:"from-pink-200"},{dark:"from-pink-900",light:"from-pink-100"},{dark:"to-neutral-000",light:"to-neutral-1300"},{dark:"to-neutral-100",light:"to-neutral-1200"},{dark:"to-neutral-200",light:"to-neutral-1100"},{dark:"to-neutral-300",light:"to-neutral-1000"},{dark:"to-neutral-400",light:"to-neutral-900"},{dark:"to-neutral-500",light:"to-neutral-800"},{dark:"to-neutral-600",light:"to-neutral-700"},{dark:"to-neutral-700",light:"to-neutral-600"},{dark:"to-neutral-800",light:"to-neutral-500"},{dark:"to-neutral-900",light:"to-neutral-400"},{dark:"to-neutral-1000",light:"to-neutral-300"},{dark:"to-neutral-1100",light:"to-neutral-200"},{dark:"to-neutral-1200",light:"to-neutral-100"},{dark:"to-neutral-1300",light:"to-neutral-000"},{dark:"to-orange-100",light:"to-orange-1100"},{dark:"to-orange-200",light:"to-orange-1000"},{dark:"to-orange-300",light:"to-orange-900"},{dark:"to-orange-400",light:"to-orange-800"},{dark:"to-orange-500",light:"to-orange-700"},{dark:"to-orange-600",light:"to-orange-600"},{dark:"to-orange-700",light:"to-orange-500"},{dark:"to-orange-800",light:"to-orange-400"},{dark:"to-orange-900",light:"to-orange-300"},{dark:"to-orange-1000",light:"to-orange-200"},{dark:"to-orange-1100",light:"to-orange-100"},{dark:"to-yellow-100",light:"to-yellow-900"},{dark:"to-yellow-200",light:"to-yellow-800"},{dark:"to-yellow-300",light:"to-yellow-700"},{dark:"to-yellow-400",light:"to-yellow-600"},{dark:"to-yellow-500",light:"to-yellow-500"},{dark:"to-yellow-600",light:"to-yellow-400"},{dark:"to-yellow-700",light:"to-yellow-300"},{dark:"to-yellow-800",light:"to-yellow-200"},{dark:"to-yellow-900",light:"to-yellow-100"},{dark:"to-green-100",light:"to-green-900"},{dark:"to-green-200",light:"to-green-800"},{dark:"to-green-300",light:"to-green-700"},{dark:"to-green-400",light:"to-green-600"},{dark:"to-green-500",light:"to-green-500"},{dark:"to-green-600",light:"to-green-400"},{dark:"to-green-700",light:"to-green-300"},{dark:"to-green-800",light:"to-green-200"},{dark:"to-green-900",light:"to-green-100"},{dark:"to-blue-100",light:"to-blue-900"},{dark:"to-blue-200",light:"to-blue-800"},{dark:"to-blue-300",light:"to-blue-700"},{dark:"to-blue-400",light:"to-blue-600"},{dark:"to-blue-500",light:"to-blue-500"},{dark:"to-blue-600",light:"to-blue-400"},{dark:"to-blue-700",light:"to-blue-300"},{dark:"to-blue-800",light:"to-blue-200"},{dark:"to-blue-900",light:"to-blue-100"},{dark:"to-violet-100",light:"to-violet-900"},{dark:"to-violet-200",light:"to-violet-800"},{dark:"to-violet-300",light:"to-violet-700"},{dark:"to-violet-400",light:"to-violet-600"},{dark:"to-violet-500",light:"to-violet-500"},{dark:"to-violet-600",light:"to-violet-400"},{dark:"to-violet-700",light:"to-violet-300"},{dark:"to-violet-800",light:"to-violet-200"},{dark:"to-violet-900",light:"to-violet-100"},{dark:"to-pink-100",light:"to-pink-900"},{dark:"to-pink-200",light:"to-pink-800"},{dark:"to-pink-300",light:"to-pink-700"},{dark:"to-pink-400",light:"to-pink-600"},{dark:"to-pink-500",light:"to-pink-500"},{dark:"to-pink-600",light:"to-pink-400"},{dark:"to-pink-700",light:"to-pink-300"},{dark:"to-pink-800",light:"to-pink-200"},{dark:"to-pink-900",light:"to-pink-100"},{dark:"hover:text-neutral-000",light:"hover:text-neutral-1300"},{dark:"hover:text-neutral-100",light:"hover:text-neutral-1200"},{dark:"hover:text-neutral-200",light:"hover:text-neutral-1100"},{dark:"hover:text-neutral-300",light:"hover:text-neutral-1000"},{dark:"hover:text-neutral-400",light:"hover:text-neutral-900"},{dark:"hover:text-neutral-500",light:"hover:text-neutral-800"},{dark:"hover:text-neutral-600",light:"hover:text-neutral-700"},{dark:"hover:text-neutral-700",light:"hover:text-neutral-600"},{dark:"hover:text-neutral-800",light:"hover:text-neutral-500"},{dark:"hover:text-neutral-900",light:"hover:text-neutral-400"},{dark:"hover:text-neutral-1000",light:"hover:text-neutral-300"},{dark:"hover:text-neutral-1100",light:"hover:text-neutral-200"},{dark:"hover:text-neutral-1200",light:"hover:text-neutral-100"},{dark:"hover:text-neutral-1300",light:"hover:text-neutral-000"},{dark:"hover:text-orange-100",light:"hover:text-orange-1100"},{dark:"hover:text-orange-200",light:"hover:text-orange-1000"},{dark:"hover:text-orange-300",light:"hover:text-orange-900"},{dark:"hover:text-orange-400",light:"hover:text-orange-800"},{dark:"hover:text-orange-500",light:"hover:text-orange-700"},{dark:"hover:text-orange-600",light:"hover:text-orange-600"},{dark:"hover:text-orange-700",light:"hover:text-orange-500"},{dark:"hover:text-orange-800",light:"hover:text-orange-400"},{dark:"hover:text-orange-900",light:"hover:text-orange-300"},{dark:"hover:text-orange-1000",light:"hover:text-orange-200"},{dark:"hover:text-orange-1100",light:"hover:text-orange-100"},{dark:"hover:text-yellow-100",light:"hover:text-yellow-900"},{dark:"hover:text-yellow-200",light:"hover:text-yellow-800"},{dark:"hover:text-yellow-300",light:"hover:text-yellow-700"},{dark:"hover:text-yellow-400",light:"hover:text-yellow-600"},{dark:"hover:text-yellow-500",light:"hover:text-yellow-500"},{dark:"hover:text-yellow-600",light:"hover:text-yellow-400"},{dark:"hover:text-yellow-700",light:"hover:text-yellow-300"},{dark:"hover:text-yellow-800",light:"hover:text-yellow-200"},{dark:"hover:text-yellow-900",light:"hover:text-yellow-100"},{dark:"hover:text-green-100",light:"hover:text-green-900"},{dark:"hover:text-green-200",light:"hover:text-green-800"},{dark:"hover:text-green-300",light:"hover:text-green-700"},{dark:"hover:text-green-400",light:"hover:text-green-600"},{dark:"hover:text-green-500",light:"hover:text-green-500"},{dark:"hover:text-green-600",light:"hover:text-green-400"},{dark:"hover:text-green-700",light:"hover:text-green-300"},{dark:"hover:text-green-800",light:"hover:text-green-200"},{dark:"hover:text-green-900",light:"hover:text-green-100"},{dark:"hover:text-blue-100",light:"hover:text-blue-900"},{dark:"hover:text-blue-200",light:"hover:text-blue-800"},{dark:"hover:text-blue-300",light:"hover:text-blue-700"},{dark:"hover:text-blue-400",light:"hover:text-blue-600"},{dark:"hover:text-blue-500",light:"hover:text-blue-500"},{dark:"hover:text-blue-600",light:"hover:text-blue-400"},{dark:"hover:text-blue-700",light:"hover:text-blue-300"},{dark:"hover:text-blue-800",light:"hover:text-blue-200"},{dark:"hover:text-blue-900",light:"hover:text-blue-100"},{dark:"hover:text-violet-100",light:"hover:text-violet-900"},{dark:"hover:text-violet-200",light:"hover:text-violet-800"},{dark:"hover:text-violet-300",light:"hover:text-violet-700"},{dark:"hover:text-violet-400",light:"hover:text-violet-600"},{dark:"hover:text-violet-500",light:"hover:text-violet-500"},{dark:"hover:text-violet-600",light:"hover:text-violet-400"},{dark:"hover:text-violet-700",light:"hover:text-violet-300"},{dark:"hover:text-violet-800",light:"hover:text-violet-200"},{dark:"hover:text-violet-900",light:"hover:text-violet-100"},{dark:"hover:text-pink-100",light:"hover:text-pink-900"},{dark:"hover:text-pink-200",light:"hover:text-pink-800"},{dark:"hover:text-pink-300",light:"hover:text-pink-700"},{dark:"hover:text-pink-400",light:"hover:text-pink-600"},{dark:"hover:text-pink-500",light:"hover:text-pink-500"},{dark:"hover:text-pink-600",light:"hover:text-pink-400"},{dark:"hover:text-pink-700",light:"hover:text-pink-300"},{dark:"hover:text-pink-800",light:"hover:text-pink-200"},{dark:"hover:text-pink-900",light:"hover:text-pink-100"},{dark:"focus:text-neutral-000",light:"focus:text-neutral-1300"},{dark:"focus:text-neutral-100",light:"focus:text-neutral-1200"},{dark:"focus:text-neutral-200",light:"focus:text-neutral-1100"},{dark:"focus:text-neutral-300",light:"focus:text-neutral-1000"},{dark:"focus:text-neutral-400",light:"focus:text-neutral-900"},{dark:"focus:text-neutral-500",light:"focus:text-neutral-800"},{dark:"focus:text-neutral-600",light:"focus:text-neutral-700"},{dark:"focus:text-neutral-700",light:"focus:text-neutral-600"},{dark:"focus:text-neutral-800",light:"focus:text-neutral-500"},{dark:"focus:text-neutral-900",light:"focus:text-neutral-400"},{dark:"focus:text-neutral-1000",light:"focus:text-neutral-300"},{dark:"focus:text-neutral-1100",light:"focus:text-neutral-200"},{dark:"focus:text-neutral-1200",light:"focus:text-neutral-100"},{dark:"focus:text-neutral-1300",light:"focus:text-neutral-000"},{dark:"focus:text-orange-100",light:"focus:text-orange-1100"},{dark:"focus:text-orange-200",light:"focus:text-orange-1000"},{dark:"focus:text-orange-300",light:"focus:text-orange-900"},{dark:"focus:text-orange-400",light:"focus:text-orange-800"},{dark:"focus:text-orange-500",light:"focus:text-orange-700"},{dark:"focus:text-orange-600",light:"focus:text-orange-600"},{dark:"focus:text-orange-700",light:"focus:text-orange-500"},{dark:"focus:text-orange-800",light:"focus:text-orange-400"},{dark:"focus:text-orange-900",light:"focus:text-orange-300"},{dark:"focus:text-orange-1000",light:"focus:text-orange-200"},{dark:"focus:text-orange-1100",light:"focus:text-orange-100"},{dark:"focus:text-yellow-100",light:"focus:text-yellow-900"},{dark:"focus:text-yellow-200",light:"focus:text-yellow-800"},{dark:"focus:text-yellow-300",light:"focus:text-yellow-700"},{dark:"focus:text-yellow-400",light:"focus:text-yellow-600"},{dark:"focus:text-yellow-500",light:"focus:text-yellow-500"},{dark:"focus:text-yellow-600",light:"focus:text-yellow-400"},{dark:"focus:text-yellow-700",light:"focus:text-yellow-300"},{dark:"focus:text-yellow-800",light:"focus:text-yellow-200"},{dark:"focus:text-yellow-900",light:"focus:text-yellow-100"},{dark:"focus:text-green-100",light:"focus:text-green-900"},{dark:"focus:text-green-200",light:"focus:text-green-800"},{dark:"focus:text-green-300",light:"focus:text-green-700"},{dark:"focus:text-green-400",light:"focus:text-green-600"},{dark:"focus:text-green-500",light:"focus:text-green-500"},{dark:"focus:text-green-600",light:"focus:text-green-400"},{dark:"focus:text-green-700",light:"focus:text-green-300"},{dark:"focus:text-green-800",light:"focus:text-green-200"},{dark:"focus:text-green-900",light:"focus:text-green-100"},{dark:"focus:text-blue-100",light:"focus:text-blue-900"},{dark:"focus:text-blue-200",light:"focus:text-blue-800"},{dark:"focus:text-blue-300",light:"focus:text-blue-700"},{dark:"focus:text-blue-400",light:"focus:text-blue-600"},{dark:"focus:text-blue-500",light:"focus:text-blue-500"},{dark:"focus:text-blue-600",light:"focus:text-blue-400"},{dark:"focus:text-blue-700",light:"focus:text-blue-300"},{dark:"focus:text-blue-800",light:"focus:text-blue-200"},{dark:"focus:text-blue-900",light:"focus:text-blue-100"},{dark:"focus:text-violet-100",light:"focus:text-violet-900"},{dark:"focus:text-violet-200",light:"focus:text-violet-800"},{dark:"focus:text-violet-300",light:"focus:text-violet-700"},{dark:"focus:text-violet-400",light:"focus:text-violet-600"},{dark:"focus:text-violet-500",light:"focus:text-violet-500"},{dark:"focus:text-violet-600",light:"focus:text-violet-400"},{dark:"focus:text-violet-700",light:"focus:text-violet-300"},{dark:"focus:text-violet-800",light:"focus:text-violet-200"},{dark:"focus:text-violet-900",light:"focus:text-violet-100"},{dark:"focus:text-pink-100",light:"focus:text-pink-900"},{dark:"focus:text-pink-200",light:"focus:text-pink-800"},{dark:"focus:text-pink-300",light:"focus:text-pink-700"},{dark:"focus:text-pink-400",light:"focus:text-pink-600"},{dark:"focus:text-pink-500",light:"focus:text-pink-500"},{dark:"focus:text-pink-600",light:"focus:text-pink-400"},{dark:"focus:text-pink-700",light:"focus:text-pink-300"},{dark:"focus:text-pink-800",light:"focus:text-pink-200"},{dark:"focus:text-pink-900",light:"focus:text-pink-100"},{dark:"group-hover:text-neutral-000",light:"group-hover:text-neutral-1300"},{dark:"group-hover:text-neutral-100",light:"group-hover:text-neutral-1200"},{dark:"group-hover:text-neutral-200",light:"group-hover:text-neutral-1100"},{dark:"group-hover:text-neutral-300",light:"group-hover:text-neutral-1000"},{dark:"group-hover:text-neutral-400",light:"group-hover:text-neutral-900"},{dark:"group-hover:text-neutral-500",light:"group-hover:text-neutral-800"},{dark:"group-hover:text-neutral-600",light:"group-hover:text-neutral-700"},{dark:"group-hover:text-neutral-700",light:"group-hover:text-neutral-600"},{dark:"group-hover:text-neutral-800",light:"group-hover:text-neutral-500"},{dark:"group-hover:text-neutral-900",light:"group-hover:text-neutral-400"},{dark:"group-hover:text-neutral-1000",light:"group-hover:text-neutral-300"},{dark:"group-hover:text-neutral-1100",light:"group-hover:text-neutral-200"},{dark:"group-hover:text-neutral-1200",light:"group-hover:text-neutral-100"},{dark:"group-hover:text-neutral-1300",light:"group-hover:text-neutral-000"},{dark:"group-hover:text-orange-100",light:"group-hover:text-orange-1100"},{dark:"group-hover:text-orange-200",light:"group-hover:text-orange-1000"},{dark:"group-hover:text-orange-300",light:"group-hover:text-orange-900"},{dark:"group-hover:text-orange-400",light:"group-hover:text-orange-800"},{dark:"group-hover:text-orange-500",light:"group-hover:text-orange-700"},{dark:"group-hover:text-orange-600",light:"group-hover:text-orange-600"},{dark:"group-hover:text-orange-700",light:"group-hover:text-orange-500"},{dark:"group-hover:text-orange-800",light:"group-hover:text-orange-400"},{dark:"group-hover:text-orange-900",light:"group-hover:text-orange-300"},{dark:"group-hover:text-orange-1000",light:"group-hover:text-orange-200"},{dark:"group-hover:text-orange-1100",light:"group-hover:text-orange-100"},{dark:"group-hover:text-yellow-100",light:"group-hover:text-yellow-900"},{dark:"group-hover:text-yellow-200",light:"group-hover:text-yellow-800"},{dark:"group-hover:text-yellow-300",light:"group-hover:text-yellow-700"},{dark:"group-hover:text-yellow-400",light:"group-hover:text-yellow-600"},{dark:"group-hover:text-yellow-500",light:"group-hover:text-yellow-500"},{dark:"group-hover:text-yellow-600",light:"group-hover:text-yellow-400"},{dark:"group-hover:text-yellow-700",light:"group-hover:text-yellow-300"},{dark:"group-hover:text-yellow-800",light:"group-hover:text-yellow-200"},{dark:"group-hover:text-yellow-900",light:"group-hover:text-yellow-100"},{dark:"group-hover:text-green-100",light:"group-hover:text-green-900"},{dark:"group-hover:text-green-200",light:"group-hover:text-green-800"},{dark:"group-hover:text-green-300",light:"group-hover:text-green-700"},{dark:"group-hover:text-green-400",light:"group-hover:text-green-600"},{dark:"group-hover:text-green-500",light:"group-hover:text-green-500"},{dark:"group-hover:text-green-600",light:"group-hover:text-green-400"},{dark:"group-hover:text-green-700",light:"group-hover:text-green-300"},{dark:"group-hover:text-green-800",light:"group-hover:text-green-200"},{dark:"group-hover:text-green-900",light:"group-hover:text-green-100"},{dark:"group-hover:text-blue-100",light:"group-hover:text-blue-900"},{dark:"group-hover:text-blue-200",light:"group-hover:text-blue-800"},{dark:"group-hover:text-blue-300",light:"group-hover:text-blue-700"},{dark:"group-hover:text-blue-400",light:"group-hover:text-blue-600"},{dark:"group-hover:text-blue-500",light:"group-hover:text-blue-500"},{dark:"group-hover:text-blue-600",light:"group-hover:text-blue-400"},{dark:"group-hover:text-blue-700",light:"group-hover:text-blue-300"},{dark:"group-hover:text-blue-800",light:"group-hover:text-blue-200"},{dark:"group-hover:text-blue-900",light:"group-hover:text-blue-100"},{dark:"group-hover:text-violet-100",light:"group-hover:text-violet-900"},{dark:"group-hover:text-violet-200",light:"group-hover:text-violet-800"},{dark:"group-hover:text-violet-300",light:"group-hover:text-violet-700"},{dark:"group-hover:text-violet-400",light:"group-hover:text-violet-600"},{dark:"group-hover:text-violet-500",light:"group-hover:text-violet-500"},{dark:"group-hover:text-violet-600",light:"group-hover:text-violet-400"},{dark:"group-hover:text-violet-700",light:"group-hover:text-violet-300"},{dark:"group-hover:text-violet-800",light:"group-hover:text-violet-200"},{dark:"group-hover:text-violet-900",light:"group-hover:text-violet-100"},{dark:"group-hover:text-pink-100",light:"group-hover:text-pink-900"},{dark:"group-hover:text-pink-200",light:"group-hover:text-pink-800"},{dark:"group-hover:text-pink-300",light:"group-hover:text-pink-700"},{dark:"group-hover:text-pink-400",light:"group-hover:text-pink-600"},{dark:"group-hover:text-pink-500",light:"group-hover:text-pink-500"},{dark:"group-hover:text-pink-600",light:"group-hover:text-pink-400"},{dark:"group-hover:text-pink-700",light:"group-hover:text-pink-300"},{dark:"group-hover:text-pink-800",light:"group-hover:text-pink-200"},{dark:"group-hover:text-pink-900",light:"group-hover:text-pink-100"}];export const convertTailwindClassToVar=className=>className.replace(/(text|bg|from|to)-([a-z0-9-]+)/gi,"var(--color-$2)");export const determineThemeColor=(baseTheme,currentTheme,color)=>baseTheme===currentTheme?color:colorMappings.find(set=>set[baseTheme]===color)?.[currentTheme]||color;

package.json

 {
   "name": "@ably/ui",
-  "version": "14.6.4",
+  "version": "14.6.5-dev.c7862d7",
   "description": "Home of the Ably design system library ([design.ably.com](https://design.ably.com)). It provides a showcase, development/test environment and a publishing pipeline for different distributables.",
@@ -5,0 +5,0 @@ "repository": {

tailwind.config.js

 module.exports = {
   content: ["./src/**/*.{js,ts,tsx,mdx,stories.tsx}"],
-  safelist: [
-    "w-1/2",
-    "w-1/3",
-    "w-1/4",
-    "w-1/5",
-    "w-1/6",
-    { pattern: /^hljs.*/ },
-    { pattern: /^ui-.*/ },
-    {
-      pattern:
-        /^(text|bg|from|to)-(neutral|orange|yellow|green|blue|violet|pink)-[\d]{1,2}00.*/,
-      variants: ["hover", "focus", "group-hover"],
-    },
-  ],
   theme: {
+    safelist: [],
     screens: {
@@ -19,0 +6,0 @@ // CSS custom properties can't be used in media queries

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Native code

Supply chain risk

Contains native code (e.g., compiled binaries or shared libraries). Including native code can obscure malicious behavior.

Found 26 instances in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

3660078

increased by5.46%

Number of package files

358

increased by7.83%

Worsened metrics

Lines of code

3422

decreased by-0.38%

Number of low quality alerts

1

increased byInfinity%

Number of medium supply chain risk alerts

46

increased by130%

No dependency changes