@ably/ui 14.7.0-dev.19c0991 → 14.7.1-dev.4cc0c0c

package/core/styles/colors/types.js

@@ -1 +1 @@
-export const variants=["","hover:","focus:","group-hover:","group-focus:"];export const prefixes=["text","bg","from","to","border"];export const neutralColors=["neutral-000","neutral-100","neutral-200","neutral-300","neutral-400","neutral-500","neutral-600","neutral-700","neutral-800","neutral-900","neutral-1000","neutral-1100","neutral-1200","neutral-1300"];export const orangeColors=["orange-100","orange-200","orange-300","orange-400","orange-500","orange-600","orange-700","orange-800","orange-900","orange-1000","orange-1100"];export const yellowColors=["yellow-100","yellow-200","yellow-300","yellow-400","yellow-500","yellow-600","yellow-700","yellow-800","yellow-900"];export const greenColors=["green-100","green-200","green-300","green-400","green-500","green-600","green-700","green-800","green-900"];export const blueColors=["blue-100","blue-200","blue-300","blue-400","blue-500","blue-600","blue-700","blue-800","blue-900"];export const violetColors=["violet-100","violet-200","violet-300","violet-400","violet-500","violet-600","violet-700","violet-800","violet-900"];export const pinkColors=["pink-100","pink-200","pink-300","pink-400","pink-500","pink-600","pink-700","pink-800","pink-900"];const secondaryColors=[...yellowColors,...greenColors,...blueColors,...violetColors,...pinkColors];const guiColors=["gui-blue-default-light","gui-blue-hover-light","gui-blue-active-light","gui-blue-default-dark","gui-blue-hover-dark","gui-blue-active-dark","gui-blue-focus","gui-unavailable","gui-success-green","gui-error-red","gui-focus","gui-focus-outline","gui-visited"];const aliasedColors=["white","extra-light-grey","light-grey","mid-grey","dark-grey","charcoal-grey","cool-black","active-orange","bright-red","red-orange","electric-cyan","zingy-green","jazzy-pink","gui-default","gui-hover","gui-active","gui-error","gui-success","gui-default-dark","gui-hover-dark","gui-active-dark","transparent"];export const colorNames={neutral:neutralColors,orange:orangeColors,secondary:secondaryColors,gui:guiColors};export const numericalColors=[neutralColors,orangeColors,yellowColors,greenColors,blueColors,violetColors,pinkColors];
+export const variants=["","hover:","focus:","group-hover:","group-focus:"];export const prefixes=["text","bg","from","to","border"];export const colors=["neutral","orange","blue","yellow","green","violet","pink"];export const neutralColors=["neutral-000","neutral-100","neutral-200","neutral-300","neutral-400","neutral-500","neutral-600","neutral-700","neutral-800","neutral-900","neutral-1000","neutral-1100","neutral-1200","neutral-1300"];export const orangeColors=["orange-100","orange-200","orange-300","orange-400","orange-500","orange-600","orange-700","orange-800","orange-900","orange-1000","orange-1100"];export const yellowColors=["yellow-100","yellow-200","yellow-300","yellow-400","yellow-500","yellow-600","yellow-700","yellow-800","yellow-900"];export const greenColors=["green-100","green-200","green-300","green-400","green-500","green-600","green-700","green-800","green-900"];export const blueColors=["blue-100","blue-200","blue-300","blue-400","blue-500","blue-600","blue-700","blue-800","blue-900"];export const violetColors=["violet-100","violet-200","violet-300","violet-400","violet-500","violet-600","violet-700","violet-800","violet-900"];export const pinkColors=["pink-100","pink-200","pink-300","pink-400","pink-500","pink-600","pink-700","pink-800","pink-900"];const secondaryColors=[...yellowColors,...greenColors,...blueColors,...violetColors,...pinkColors];const guiColors=["gui-blue-default-light","gui-blue-hover-light","gui-blue-active-light","gui-blue-default-dark","gui-blue-hover-dark","gui-blue-active-dark","gui-blue-focus","gui-unavailable","gui-success-green","gui-error-red","gui-focus","gui-focus-outline","gui-visited"];const aliasedColors=["white","extra-light-grey","light-grey","mid-grey","dark-grey","charcoal-grey","cool-black","active-orange","bright-red","red-orange","electric-cyan","zingy-green","jazzy-pink","gui-default","gui-hover","gui-active","gui-error","gui-success","gui-default-dark","gui-hover-dark","gui-active-dark","transparent"];export const colorRoles={neutral:neutralColors,orange:orangeColors,secondary:secondaryColors,gui:guiColors};export const colorGroupLengths={neutral:neutralColors.length,orange:orangeColors.length,blue:blueColors.length,yellow:yellowColors.length,green:greenColors.length,violet:violetColors.length,pink:pinkColors.length};

package/core/styles/colors/utils.js

@@ -1 +1 @@
-import{blueColors,greenColors,neutralColors,orangeColors,pinkColors,violetColors,yellowColors}from"./types";export const convertTailwindClassToVar=className=>className.replace(/(text|bg|from|to)-([a-z0-9-]+)/gi,"var(--color-$2)");const extents={neutral:neutralColors.length,orange:orangeColors.length,blue:blueColors.length,yellow:yellowColors.length,green:greenColors.length,violet:violetColors.length,pink:pinkColors.length};export const invertTailwindClassVariant=className=>{const splitMatch=className.split("-");const color=splitMatch[splitMatch.length-2];const variant=splitMatch[splitMatch.length-1];const property=splitMatch.slice(0,splitMatch.length-1).join("-");const numericalVariant=Number(variant.slice(0,-2))??0;const flippedVariant=extents[color]-numericalVariant-(color==="neutral"?1:-1);const flippedMatch=`${property}-${flippedVariant}00`;return flippedMatch};
+import{colorGroupLengths}from"./types";export const convertTailwindClassToVar=className=>className.replace(/(text|bg|from|to)-([a-z0-9-]+)/gi,"var(--color-$2)");export const invertTailwindClassVariant=className=>{const splitMatch=className.split("-");if(splitMatch.length<3){throw new Error("Invalid TW class format")}const color=splitMatch[splitMatch.length-2];const variant=splitMatch[splitMatch.length-1];const property=splitMatch.slice(0,splitMatch.length-1).join("-");const numericalVariant=Number(variant.slice(0,-2))??0;if(isNaN(numericalVariant)){throw new Error(`Invalid variant value in TW class: ${className}`)}const flippedVariant=colorGroupLengths[color]-numericalVariant-(color==="neutral"?1:-1);const flippedMatch=`${property}-${flippedVariant}00`;return flippedMatch};

package/index.d.ts

@@ -242,6 +242,18 @@ export default EncapsulatedIcon;
 //# sourceMappingURL=EncapsulatedIcon.d.ts.map
 }
 
+declare module '@ably/ui/core/Icon/computed-icons' {
+export const computedIcons: {
+    display: readonly ["icon-display-48hrs", "icon-display-ably-channels", "icon-display-about-ably-col", "icon-display-api-keys", "icon-display-api", "icon-display-architectural-guidance", "icon-display-asset-tracking-col", "icon-display-authentication", "icon-display-avatar-stack", "icon-display-browser", "icon-display-calendar", "icon-display-call-mobile", "icon-display-careers-col", "icon-display-case-studies-col", "icon-display-chat-col", "icon-display-chat-stack-col", "icon-display-chat-stack", "icon-display-cloud-servers", "icon-display-compare-tech-col", "icon-display-connection-state-&-recovery", "icon-display-consumer-groups", "icon-display-custom-cname", "icon-display-custom", "icon-display-customers-col", "icon-display-data-broadcast-col", "icon-display-data-synchronization-col", "icon-display-dedicated-cluster", "icon-display-deltas", "icon-display-docs-col", "icon-display-documentation", "icon-display-dynamic-channel-groups", "icon-display-edge-network", "icon-display-elasticity", "icon-display-events-col", "icon-display-exactly-once-delivery", "icon-display-examples-col", "icon-display-fan-out", "icon-display-firehose", "icon-display-gdpr", "icon-display-general-comms", "icon-display-granular-permissions", "icon-display-hipaa-mono", "icon-display-hipaa", "icon-display-history", "icon-display-integrations-col", "icon-display-integrations", "icon-display-it-support-access", "icon-display-it-support-helpdesk", "icon-display-kafka-at-the-edge-col", "icon-display-laptop", "icon-display-lightbulb-col", "icon-display-live-chat", "icon-display-live-updates-results-metrics-col", "icon-display-map-pin", "icon-display-message-batching", "icon-display-message-persistence", "icon-display-message-queues", "icon-display-message", "icon-display-multi-user-spaces-col", "icon-display-observe-analytics", "icon-display-padlock-closed", "icon-display-platform", "icon-display-play", "icon-display-premium-support", "icon-display-privacy-shield-framework", "icon-display-private-link", "icon-display-push-notifications-col", "icon-display-push-notifications", "icon-display-quickstart-guides-col", "icon-display-resources-col", "icon-display-rewind", "icon-display-sdks-col", "icon-display-send-received-messages", "icon-display-servers", "icon-display-shopping-cart", "icon-display-sla", "icon-display-soc2-type2-mono", "icon-display-soc2-type2", "icon-display-subscription-filters", "icon-display-system-metadata", "icon-display-tech-account-comms", "icon-display-tutorials-demos-col", "icon-display-virtual-events-col", "icon-display-virtual-events"];
+    gui: readonly ["icon-gui-ably-badge", "icon-gui-arrow-bidirectional-horizontal", "icon-gui-arrow-bidirectional-vertical", "icon-gui-arrow-down", "icon-gui-arrow-left", "icon-gui-arrow-right", "icon-gui-arrow-up", "icon-gui-burger-menu", "icon-gui-check-circled-fill-black", "icon-gui-check-circled-fill", "icon-gui-check-circled", "icon-gui-checklist-checked", "icon-gui-clock", "icon-gui-close", "icon-gui-copy", "icon-gui-cross-circled-fill", "icon-gui-cross-circled", "icon-gui-dash-circled", "icon-gui-disclosure-arrow", "icon-gui-document-generic", "icon-gui-enlarge", "icon-gui-external-link", "icon-gui-filter-flow-step-1", "icon-gui-filter-flow-step-2", "icon-gui-filter-flow-step-3", "icon-gui-history", "icon-gui-info", "icon-gui-link-arrow", "icon-gui-link", "icon-gui-live-chat", "icon-gui-minus", "icon-gui-partial", "icon-gui-plus", "icon-gui-quote-marks-solid", "icon-gui-refresh", "icon-gui-resources", "icon-gui-search", "icon-gui-tick", "icon-gui-warning"];
+    other: readonly ["icon-other-quote"];
+    product: readonly ["icon-product-asset-tracking", "icon-product-chat", "icon-product-liveobjects", "icon-product-livesync", "icon-product-pubsub", "icon-product-spaces"];
+    social: readonly ["icon-social-discord", "icon-social-facebook", "icon-social-github", "icon-social-glassdoor", "icon-social-google", "icon-social-linkedin", "icon-social-stackoverflow", "icon-social-twitter", "icon-social-x", "icon-social-youtube"];
+    tech: readonly ["icon-tech-amqp10", "icon-tech-apache-kafka", "icon-tech-apachepulsar", "icon-tech-awskinesis", "icon-tech-awslambda", "icon-tech-awssqs", "icon-tech-azureservicebus", "icon-tech-cloudflareworkers", "icon-tech-csharp", "icon-tech-flutter", "icon-tech-gcloudfunctions", "icon-tech-go", "icon-tech-ifttt", "icon-tech-java", "icon-tech-javascript", "icon-tech-net", "icon-tech-objectivec", "icon-tech-php", "icon-tech-python", "icon-tech-react", "icon-tech-ruby", "icon-tech-swift", "icon-tech-terraform", "icon-tech-zapier"];
+};
+//# sourceMappingURL=computed-icons.d.ts.map
+}
+
 declare module '@ably/ui/core/Icon/secondary-colors' {
 import { IconName } from "@ably/ui/core/types";
 export const defaultIconSecondaryColor: (name: IconName) => "text-neutral-000" | "text-neutral-100" | "text-neutral-200" | "text-neutral-300" | "text-neutral-400" | "text-neutral-500" | "text-neutral-600" | "text-neutral-700" | "text-neutral-800" | "text-neutral-900" | "text-neutral-1000" | "text-neutral-1100" | "text-neutral-1200" | "text-neutral-1300" | "text-orange-100" | "text-orange-200" | "text-orange-300" | "text-orange-400" | "text-orange-500" | "text-orange-600" | "text-orange-700" | "text-orange-800" | "text-orange-900" | "text-orange-1000" | "text-orange-1100" | "text-yellow-100" | "text-yellow-200" | "text-yellow-300" | "text-yellow-400" | "text-yellow-500" | "text-yellow-600" | "text-yellow-700" | "text-yellow-800" | "text-yellow-900" | "text-green-100" | "text-green-200" | "text-green-300" | "text-green-400" | "text-green-500" | "text-green-600" | "text-green-700" | "text-green-800" | "text-green-900" | "text-blue-100" | "text-blue-200" | "text-blue-300" | "text-blue-400" | "text-blue-500" | "text-blue-600" | "text-blue-700" | "text-blue-800" | "text-blue-900" | "text-violet-100" | "text-violet-200" | "text-violet-300" | "text-violet-400" | "text-violet-500" | "text-violet-600" | "text-violet-700" | "text-violet-800" | "text-violet-900" | "text-pink-100" | "text-pink-200" | "text-pink-300" | "text-pink-400" | "text-pink-500" | "text-pink-600" | "text-pink-700" | "text-pink-800" | "text-pink-900" | "text-gui-blue-default-light" | "text-gui-blue-hover-light" | "text-gui-blue-active-light" | "text-gui-blue-default-dark" | "text-gui-blue-hover-dark" | "text-gui-blue-active-dark" | "text-gui-blue-focus" | "text-gui-unavailable" | "text-gui-success-green" | "text-gui-error-red" | "text-gui-focus" | "text-gui-focus-outline" | "text-gui-visited" | "text-white" | "text-extra-light-grey" | "text-light-grey" | "text-mid-grey" | "text-dark-grey" | "text-charcoal-grey" | "text-cool-black" | "text-active-orange" | "text-bright-red" | "text-red-orange" | "text-electric-cyan" | "text-zingy-green" | "text-jazzy-pink" | "text-gui-default" | "text-gui-hover" | "text-gui-active" | "text-gui-error" | "text-gui-success" | "text-gui-default-dark" | "text-gui-hover-dark" | "text-gui-active-dark" | "text-transparent" | "bg-neutral-000" | "bg-neutral-100" | "bg-neutral-200" | "bg-neutral-300" | "bg-neutral-400" | "bg-neutral-500" | "bg-neutral-600" | "bg-neutral-700" | "bg-neutral-800" | "bg-neutral-900" | "bg-neutral-1000" | "bg-neutral-1100" | "bg-neutral-1200" | "bg-neutral-1300" | "bg-orange-100" | "bg-orange-200" | "bg-orange-300" | "bg-orange-400" | "bg-orange-500" | "bg-orange-600" | "bg-orange-700" | "bg-orange-800" | "bg-orange-900" | "bg-orange-1000" | "bg-orange-1100" | "bg-yellow-100" | "bg-yellow-200" | "bg-yellow-300" | "bg-yellow-400" | "bg-yellow-500" | "bg-yellow-600" | "bg-yellow-700" | "bg-yellow-800" | "bg-yellow-900" | "bg-green-100" | "bg-green-200" | "bg-green-300" | "bg-green-400" | "bg-green-500" | "bg-green-600" | "bg-green-700" | "bg-green-800" | "bg-green-900" | "bg-blue-100" | "bg-blue-200" | "bg-blue-300" | "bg-blue-400" | "bg-blue-500" | "bg-blue-600" | "bg-blue-700" | "bg-blue-800" | "bg-blue-900" | "bg-violet-100" | "bg-violet-200" | "bg-violet-300" | "bg-violet-400" | "bg-violet-500" | "bg-violet-600" | "bg-violet-700" | "bg-violet-800" | "bg-violet-900" | "bg-pink-100" | "bg-pink-200" | "bg-pink-300" | "bg-pink-400" | "bg-pink-500" | "bg-pink-600" | "bg-pink-700" | "bg-pink-800" | "bg-pink-900" | "bg-gui-blue-default-light" | "bg-gui-blue-hover-light" | "bg-gui-blue-active-light" | "bg-gui-blue-default-dark" | "bg-gui-blue-hover-dark" | "bg-gui-blue-active-dark" | "bg-gui-blue-focus" | "bg-gui-unavailable" | "bg-gui-success-green" | "bg-gui-error-red" | "bg-gui-focus" | "bg-gui-focus-outline" | "bg-gui-visited" | "bg-white" | "bg-extra-light-grey" | "bg-light-grey" | "bg-mid-grey" | "bg-dark-grey" | "bg-charcoal-grey" | "bg-cool-black" | "bg-active-orange" | "bg-bright-red" | "bg-red-orange" | "bg-electric-cyan" | "bg-zingy-green" | "bg-jazzy-pink" | "bg-gui-default" | "bg-gui-hover" | "bg-gui-active" | "bg-gui-error" | "bg-gui-success" | "bg-gui-default-dark" | "bg-gui-hover-dark" | "bg-gui-active-dark" | "bg-transparent" | "from-neutral-000" | "from-neutral-100" | "from-neutral-200" | "from-neutral-300" | "from-neutral-400" | "from-neutral-500" | "from-neutral-600" | "from-neutral-700" | "from-neutral-800" | "from-neutral-900" | "from-neutral-1000" | "from-neutral-1100" | "from-neutral-1200" | "from-neutral-1300" | "from-orange-100" | "from-orange-200" | "from-orange-300" | "from-orange-400" | "from-orange-500" | "from-orange-600" | "from-orange-700" | "from-orange-800" | "from-orange-900" | "from-orange-1000" | "from-orange-1100" | "from-yellow-100" | "from-yellow-200" | "from-yellow-300" | "from-yellow-400" | "from-yellow-500" | "from-yellow-600" | "from-yellow-700" | "from-yellow-800" | "from-yellow-900" | "from-green-100" | "from-green-200" | "from-green-300" | "from-green-400" | "from-green-500" | "from-green-600" | "from-green-700" | "from-green-800" | "from-green-900" | "from-blue-100" | "from-blue-200" | "from-blue-300" | "from-blue-400" | "from-blue-500" | "from-blue-600" | "from-blue-700" | "from-blue-800" | "from-blue-900" | "from-violet-100" | "from-violet-200" | "from-violet-300" | "from-violet-400" | "from-violet-500" | "from-violet-600" | "from-violet-700" | "from-violet-800" | "from-violet-900" | "from-pink-100" | "from-pink-200" | "from-pink-300" | "from-pink-400" | "from-pink-500" | "from-pink-600" | "from-pink-700" | "from-pink-800" | "from-pink-900" | "from-gui-blue-default-light" | "from-gui-blue-hover-light" | "from-gui-blue-active-light" | "from-gui-blue-default-dark" | "from-gui-blue-hover-dark" | "from-gui-blue-active-dark" | "from-gui-blue-focus" | "from-gui-unavailable" | "from-gui-success-green" | "from-gui-error-red" | "from-gui-focus" | "from-gui-focus-outline" | "from-gui-visited" | "from-white" | "from-extra-light-grey" | "from-light-grey" | "from-mid-grey" | "from-dark-grey" | "from-charcoal-grey" | "from-cool-black" | "from-active-orange" | "from-bright-red" | "from-red-orange" | "from-electric-cyan" | "from-zingy-green" | "from-jazzy-pink" | "from-gui-default" | "from-gui-hover" | "from-gui-active" | "from-gui-error" | "from-gui-success" | "from-gui-default-dark" | "from-gui-hover-dark" | "from-gui-active-dark" | "from-transparent" | "to-neutral-000" | "to-neutral-100" | "to-neutral-200" | "to-neutral-300" | "to-neutral-400" | "to-neutral-500" | "to-neutral-600" | "to-neutral-700" | "to-neutral-800" | "to-neutral-900" | "to-neutral-1000" | "to-neutral-1100" | "to-neutral-1200" | "to-neutral-1300" | "to-orange-100" | "to-orange-200" | "to-orange-300" | "to-orange-400" | "to-orange-500" | "to-orange-600" | "to-orange-700" | "to-orange-800" | "to-orange-900" | "to-orange-1000" | "to-orange-1100" | "to-yellow-100" | "to-yellow-200" | "to-yellow-300" | "to-yellow-400" | "to-yellow-500" | "to-yellow-600" | "to-yellow-700" | "to-yellow-800" | "to-yellow-900" | "to-green-100" | "to-green-200" | "to-green-300" | "to-green-400" | "to-green-500" | "to-green-600" | "to-green-700" | "to-green-800" | "to-green-900" | "to-blue-100" | "to-blue-200" | "to-blue-300" | "to-blue-400" | "to-blue-500" | "to-blue-600" | "to-blue-700" | "to-blue-800" | "to-blue-900" | "to-violet-100" | "to-violet-200" | "to-violet-300" | "to-violet-400" | "to-violet-500" | "to-violet-600" | "to-violet-700" | "to-violet-800" | "to-violet-900" | "to-pink-100" | "to-pink-200" | "to-pink-300" | "to-pink-400" | "to-pink-500" | "to-pink-600" | "to-pink-700" | "to-pink-800" | "to-pink-900" | "to-gui-blue-default-light" | "to-gui-blue-hover-light" | "to-gui-blue-active-light" | "to-gui-blue-default-dark" | "to-gui-blue-hover-dark" | "to-gui-blue-active-dark" | "to-gui-blue-focus" | "to-gui-unavailable" | "to-gui-success-green" | "to-gui-error-red" | "to-gui-focus" | "to-gui-focus-outline" | "to-gui-visited" | "to-white" | "to-extra-light-grey" | "to-light-grey" | "to-mid-grey" | "to-dark-grey" | "to-charcoal-grey" | "to-cool-black" | "to-active-orange" | "to-bright-red" | "to-red-orange" | "to-electric-cyan" | "to-zingy-green" | "to-jazzy-pink" | "to-gui-default" | "to-gui-hover" | "to-gui-active" | "to-gui-error" | "to-gui-success" | "to-gui-default-dark" | "to-gui-hover-dark" | "to-gui-active-dark" | "to-transparent" | "border-neutral-000" | "border-neutral-100" | "border-neutral-200" | "border-neutral-300" | "border-neutral-400" | "border-neutral-500" | "border-neutral-600" | "border-neutral-700" | "border-neutral-800" | "border-neutral-900" | "border-neutral-1000" | "border-neutral-1100" | "border-neutral-1200" | "border-neutral-1300" | "border-orange-100" | "border-orange-200" | "border-orange-300" | "border-orange-400" | "border-orange-500" | "border-orange-600" | "border-orange-700" | "border-orange-800" | "border-orange-900" | "border-orange-1000" | "border-orange-1100" | "border-yellow-100" | "border-yellow-200" | "border-yellow-300" | "border-yellow-400" | "border-yellow-500" | "border-yellow-600" | "border-yellow-700" | "border-yellow-800" | "border-yellow-900" | "border-green-100" | "border-green-200" | "border-green-300" | "border-green-400" | "border-green-500" | "border-green-600" | "border-green-700" | "border-green-800" | "border-green-900" | "border-blue-100" | "border-blue-200" | "border-blue-300" | "border-blue-400" | "border-blue-500" | "border-blue-600" | "border-blue-700" | "border-blue-800" | "border-blue-900" | "border-violet-100" | "border-violet-200" | "border-violet-300" | "border-violet-400" | "border-violet-500" | "border-violet-600" | "border-violet-700" | "border-violet-800" | "border-violet-900" | "border-pink-100" | "border-pink-200" | "border-pink-300" | "border-pink-400" | "border-pink-500" | "border-pink-600" | "border-pink-700" | "border-pink-800" | "border-pink-900" | "border-gui-blue-default-light" | "border-gui-blue-hover-light" | "border-gui-blue-active-light" | "border-gui-blue-default-dark" | "border-gui-blue-hover-dark" | "border-gui-blue-active-dark" | "border-gui-blue-focus" | "border-gui-unavailable" | "border-gui-success-green" | "border-gui-error-red" | "border-gui-focus" | "border-gui-focus-outline" | "border-gui-visited" | "border-white" | "border-extra-light-grey" | "border-light-grey" | "border-mid-grey" | "border-dark-grey" | "border-charcoal-grey" | "border-cool-black" | "border-active-orange" | "border-bright-red" | "border-red-orange" | "border-electric-cyan" | "border-zingy-green" | "border-jazzy-pink" | "border-gui-default" | "border-gui-hover" | "border-gui-active" | "border-gui-error" | "border-gui-success" | "border-gui-default-dark" | "border-gui-hover-dark" | "border-gui-active-dark" | "border-transparent" | "hover:text-neutral-000" | "hover:text-neutral-100" | "hover:text-neutral-200" | "hover:text-neutral-300" | "hover:text-neutral-400" | "hover:text-neutral-500" | "hover:text-neutral-600" | "hover:text-neutral-700" | "hover:text-neutral-800" | "hover:text-neutral-900" | "hover:text-neutral-1000" | "hover:text-neutral-1100" | "hover:text-neutral-1200" | "hover:text-neutral-1300" | "hover:text-orange-100" | "hover:text-orange-200" | "hover:text-orange-300" | "hover:text-orange-400" | "hover:text-orange-500" | "hover:text-orange-600" | "hover:text-orange-700" | "hover:text-orange-800" | "hover:text-orange-900" | "hover:text-orange-1000" | "hover:text-orange-1100" | "hover:text-yellow-100" | "hover:text-yellow-200" | "hover:text-yellow-300" | "hover:text-yellow-400" | "hover:text-yellow-500" | "hover:text-yellow-600" | "hover:text-yellow-700" | "hover:text-yellow-800" | "hover:text-yellow-900" | "hover:text-green-100" | "hover:text-green-200" | "hover:text-green-300" | "hover:text-green-400" | "hover:text-green-500" | "hover:text-green-600" | "hover:text-green-700" | "hover:text-green-800" | "hover:text-green-900" | "hover:text-blue-100" | "hover:text-blue-200" | "hover:text-blue-300" | "hover:text-blue-400" | "hover:text-blue-500" | "hover:text-blue-600" | "hover:text-blue-700" | "hover:text-blue-800" | "hover:text-blue-900" | "hover:text-violet-100" | "hover:text-violet-200" | "hover:text-violet-300" | "hover:text-violet-400" | "hover:text-violet-500" | "hover:text-violet-600" | "hover:text-violet-700" | "hover:text-violet-800" | "hover:text-violet-900" | "hover:text-pink-100" | "hover:text-pink-200" | "hover:text-pink-300" | "hover:text-pink-400" | "hover:text-pink-500" | "hover:text-pink-600" | "hover:text-pink-700" | "hover:text-pink-800" | "hover:text-pink-900" | "hover:text-gui-blue-default-light" | "hover:text-gui-blue-hover-light" | "hover:text-gui-blue-active-light" | "hover:text-gui-blue-default-dark" | "hover:text-gui-blue-hover-dark" | "hover:text-gui-blue-active-dark" | "hover:text-gui-blue-focus" | "hover:text-gui-unavailable" | "hover:text-gui-success-green" | "hover:text-gui-error-red" | "hover:text-gui-focus" | "hover:text-gui-focus-outline" | "hover:text-gui-visited" | "hover:text-white" | "hover:text-extra-light-grey" | "hover:text-light-grey" | "hover:text-mid-grey" | "hover:text-dark-grey" | "hover:text-charcoal-grey" | "hover:text-cool-black" | "hover:text-active-orange" | "hover:text-bright-red" | "hover:text-red-orange" | "hover:text-electric-cyan" | "hover:text-zingy-green" | "hover:text-jazzy-pink" | "hover:text-gui-default" | "hover:text-gui-hover" | "hover:text-gui-active" | "hover:text-gui-error" | "hover:text-gui-success" | "hover:text-gui-default-dark" | "hover:text-gui-hover-dark" | "hover:text-gui-active-dark" | "hover:text-transparent" | "hover:bg-neutral-000" | "hover:bg-neutral-100" | "hover:bg-neutral-200" | "hover:bg-neutral-300" | "hover:bg-neutral-400" | "hover:bg-neutral-500" | "hover:bg-neutral-600" | "hover:bg-neutral-700" | "hover:bg-neutral-800" | "hover:bg-neutral-900" | "hover:bg-neutral-1000" | "hover:bg-neutral-1100" | "hover:bg-neutral-1200" | "hover:bg-neutral-1300" | "hover:bg-orange-100" | "hover:bg-orange-200" | "hover:bg-orange-300" | "hover:bg-orange-400" | "hover:bg-orange-500" | "hover:bg-orange-600" | "hover:bg-orange-700" | "hover:bg-orange-800" | "hover:bg-orange-900" | "hover:bg-orange-1000" | "hover:bg-orange-1100" | "hover:bg-yellow-100" | "hover:bg-yellow-200" | "hover:bg-yellow-300" | "hover:bg-yellow-400" | "hover:bg-yellow-500" | "hover:bg-yellow-600" | "hover:bg-yellow-700" | "hover:bg-yellow-800" | "hover:bg-yellow-900" | "hover:bg-green-100" | "hover:bg-green-200" | "hover:bg-green-300" | "hover:bg-green-400" | "hover:bg-green-500" | "hover:bg-green-600" | "hover:bg-green-700" | "hover:bg-green-800" | "hover:bg-green-900" | "hover:bg-blue-100" | "hover:bg-blue-200" | "hover:bg-blue-300" | "hover:bg-blue-400" | "hover:bg-blue-500" | "hover:bg-blue-600" | "hover:bg-blue-700" | "hover:bg-blue-800" | "hover:bg-blue-900" | "hover:bg-violet-100" | "hover:bg-violet-200" | "hover:bg-violet-300" | "hover:bg-violet-400" | "hover:bg-violet-500" | "hover:bg-violet-600" | "hover:bg-violet-700" | "hover:bg-violet-800" | "hover:bg-violet-900" | "hover:bg-pink-100" | "hover:bg-pink-200" | "hover:bg-pink-300" | "hover:bg-pink-400" | "hover:bg-pink-500" | "hover:bg-pink-600" | "hover:bg-pink-700" | "hover:bg-pink-800" | "hover:bg-pink-900" | "hover:bg-gui-blue-default-light" | "hover:bg-gui-blue-hover-light" | "hover:bg-gui-blue-active-light" | "hover:bg-gui-blue-default-dark" | "hover:bg-gui-blue-hover-dark" | "hover:bg-gui-blue-active-dark" | "hover:bg-gui-blue-focus" | "hover:bg-gui-unavailable" | "hover:bg-gui-success-green" | "hover:bg-gui-error-red" | "hover:bg-gui-focus" | "hover:bg-gui-focus-outline" | "hover:bg-gui-visited" | "hover:bg-white" | "hover:bg-extra-light-grey" | "hover:bg-light-grey" | "hover:bg-mid-grey" | "hover:bg-dark-grey" | "hover:bg-charcoal-grey" | "hover:bg-cool-black" | "hover:bg-active-orange" | "hover:bg-bright-red" | "hover:bg-red-orange" | "hover:bg-electric-cyan" | "hover:bg-zingy-green" | "hover:bg-jazzy-pink" | "hover:bg-gui-default" | "hover:bg-gui-hover" | "hover:bg-gui-active" | "hover:bg-gui-error" | "hover:bg-gui-success" | "hover:bg-gui-default-dark" | "hover:bg-gui-hover-dark" | "hover:bg-gui-active-dark" | "hover:bg-transparent" | "hover:from-neutral-000" | "hover:from-neutral-100" | "hover:from-neutral-200" | "hover:from-neutral-300" | "hover:from-neutral-400" | "hover:from-neutral-500" | "hover:from-neutral-600" | "hover:from-neutral-700" | "hover:from-neutral-800" | "hover:from-neutral-900" | "hover:from-neutral-1000" | "hover:from-neutral-1100" | "hover:from-neutral-1200" | "hover:from-neutral-1300" | "hover:from-orange-100" | "hover:from-orange-200" | "hover:from-orange-300" | "hover:from-orange-400" | "hover:from-orange-500" | "hover:from-orange-600" | "hover:from-orange-700" | "hover:from-orange-800" | "hover:from-orange-900" | "hover:from-orange-1000" | "hover:from-orange-1100" | "hover:from-yellow-100" | "hover:from-yellow-200" | "hover:from-yellow-300" | "hover:from-yellow-400" | "hover:from-yellow-500" | "hover:from-yellow-600" | "hover:from-yellow-700" | "hover:from-yellow-800" | "hover:from-yellow-900" | "hover:from-green-100" | "hover:from-green-200" | "hover:from-green-300" | "hover:from-green-400" | "hover:from-green-500" | "hover:from-green-600" | "hover:from-green-700" | "hover:from-green-800" | "hover:from-green-900" | "hover:from-blue-100" | "hover:from-blue-200" | "hover:from-blue-300" | "hover:from-blue-400" | "hover:from-blue-500" | "hover:from-blue-600" | "hover:from-blue-700" | "hover:from-blue-800" | "hover:from-blue-900" | "hover:from-violet-100" | "hover:from-violet-200" | "hover:from-violet-300" | "hover:from-violet-400" | "hover:from-violet-500" | "hover:from-violet-600" | "hover:from-violet-700" | "hover:from-violet-800" | "hover:from-violet-900" | "hover:from-pink-100" | "hover:from-pink-200" | "hover:from-pink-300" | "hover:from-pink-400" | "hover:from-pink-500" | "hover:from-pink-600" | "hover:from-pink-700" | "hover:from-pink-800" | "hover:from-pink-900" | "hover:from-gui-blue-default-light" | "hover:from-gui-blue-hover-light" | "hover:from-gui-blue-active-light" | "hover:from-gui-blue-default-dark" | "hover:from-gui-blue-hover-dark" | "hover:from-gui-blue-active-dark" | "hover:from-gui-blue-focus" | "hover:from-gui-unavailable" | "hover:from-gui-success-green" | "hover:from-gui-error-red" | "hover:from-gui-focus" | "hover:from-gui-focus-outline" | "hover:from-gui-visited" | "hover:from-white" | "hover:from-extra-light-grey" | "hover:from-light-grey" | "hover:from-mid-grey" | "hover:from-dark-grey" | "hover:from-charcoal-grey" | "hover:from-cool-black" | "hover:from-active-orange" | "hover:from-bright-red" | "hover:from-red-orange" | "hover:from-electric-cyan" | "hover:from-zingy-green" | "hover:from-jazzy-pink" | "hover:from-gui-default" | "hover:from-gui-hover" | "hover:from-gui-active" | "hover:from-gui-error" | "hover:from-gui-success" | "hover:from-gui-default-dark" | "hover:from-gui-hover-dark" | "hover:from-gui-active-dark" | "hover:from-transparent" | "hover:to-neutral-000" | "hover:to-neutral-100" | "hover:to-neutral-200" | "hover:to-neutral-300" | "hover:to-neutral-400" | "hover:to-neutral-500" | "hover:to-neutral-600" | "hover:to-neutral-700" | "hover:to-neutral-800" | "hover:to-neutral-900" | "hover:to-neutral-1000" | "hover:to-neutral-1100" | "hover:to-neutral-1200" | "hover:to-neutral-1300" | "hover:to-orange-100" | "hover:to-orange-200" | "hover:to-orange-300" | "hover:to-orange-400" | "hover:to-orange-500" | "hover:to-orange-600" | "hover:to-orange-700" | "hover:to-orange-800" | "hover:to-orange-900" | "hover:to-orange-1000" | "hover:to-orange-1100" | "hover:to-yellow-100" | "hover:to-yellow-200" | "hover:to-yellow-300" | "hover:to-yellow-400" | "hover:to-yellow-500" | "hover:to-yellow-600" | "hover:to-yellow-700" | "hover:to-yellow-800" | "hover:to-yellow-900" | "hover:to-green-100" | "hover:to-green-200" | "hover:to-green-300" | "hover:to-green-400" | "hover:to-green-500" | "hover:to-green-600" | "hover:to-green-700" | "hover:to-green-800" | "hover:to-green-900" | "hover:to-blue-100" | "hover:to-blue-200" | "hover:to-blue-300" | "hover:to-blue-400" | "hover:to-blue-500" | "hover:to-blue-600" | "hover:to-blue-700" | "hover:to-blue-800" | "hover:to-blue-900" | "hover:to-violet-100" | "hover:to-violet-200" | "hover:to-violet-300" | "hover:to-violet-400" | "hover:to-violet-500" | "hover:to-violet-600" | "hover:to-violet-700" | "hover:to-violet-800" | "hover:to-violet-900" | "hover:to-pink-100" | "hover:to-pink-200" | "hover:to-pink-300" | "hover:to-pink-400" | "hover:to-pink-500" | "hover:to-pink-600" | "hover:to-pink-700" | "hover:to-pink-800" | "hover:to-pink-900" | "hover:to-gui-blue-default-light" | "hover:to-gui-blue-hover-light" | "hover:to-gui-blue-active-light" | "hover:to-gui-blue-default-dark" | "hover:to-gui-blue-hover-dark" | "hover:to-gui-blue-active-dark" | "hover:to-gui-blue-focus" | "hover:to-gui-unavailable" | "hover:to-gui-success-green" | "hover:to-gui-error-red" | "hover:to-gui-focus" | "hover:to-gui-focus-outline" | "hover:to-gui-visited" | "hover:to-white" | "hover:to-extra-light-grey" | "hover:to-light-grey" | "hover:to-mid-grey" | "hover:to-dark-grey" | "hover:to-charcoal-grey" | "hover:to-cool-black" | "hover:to-active-orange" | "hover:to-bright-red" | "hover:to-red-orange" | "hover:to-electric-cyan" | "hover:to-zingy-green" | "hover:to-jazzy-pink" | "hover:to-gui-default" | "hover:to-gui-hover" | "hover:to-gui-active" | "hover:to-gui-error" | "hover:to-gui-success" | "hover:to-gui-default-dark" | "hover:to-gui-hover-dark" | "hover:to-gui-active-dark" | "hover:to-transparent" | "hover:border-neutral-000" | "hover:border-neutral-100" | "hover:border-neutral-200" | "hover:border-neutral-300" | "hover:border-neutral-400" | "hover:border-neutral-500" | "hover:border-neutral-600" | "hover:border-neutral-700" | "hover:border-neutral-800" | "hover:border-neutral-900" | "hover:border-neutral-1000" | "hover:border-neutral-1100" | "hover:border-neutral-1200" | "hover:border-neutral-1300" | "hover:border-orange-100" | "hover:border-orange-200" | "hover:border-orange-300" | "hover:border-orange-400" | "hover:border-orange-500" | "hover:border-orange-600" | "hover:border-orange-700" | "hover:border-orange-800" | "hover:border-orange-900" | "hover:border-orange-1000" | "hover:border-orange-1100" | "hover:border-yellow-100" | "hover:border-yellow-200" | "hover:border-yellow-300" | "hover:border-yellow-400" | "hover:border-yellow-500" | "hover:border-yellow-600" | "hover:border-yellow-700" | "hover:border-yellow-800" | "hover:border-yellow-900" | "hover:border-green-100" | "hover:border-green-200" | "hover:border-green-300" | "hover:border-green-400" | "hover:border-green-500" | "hover:border-green-600" | "hover:border-green-700" | "hover:border-green-800" | "hover:border-green-900" | "hover:border-blue-100" | "hover:border-blue-200" | "hover:border-blue-300" | "hover:border-blue-400" | "hover:border-blue-500" | "hover:border-blue-600" | "hover:border-blue-700" | "hover:border-blue-800" | "hover:border-blue-900" | "hover:border-violet-100" | "hover:border-violet-200" | "hover:border-violet-300" | "hover:border-violet-400" | "hover:border-violet-500" | "hover:border-violet-600" | "hover:border-violet-700" | "hover:border-violet-800" | "hover:border-violet-900" | "hover:border-pink-100" | "hover:border-pink-200" | "hover:border-pink-300" | "hover:border-pink-400" | "hover:border-pink-500" | "hover:border-pink-600" | "hover:border-pink-700" | "hover:border-pink-800" | "hover:border-pink-900" | "hover:border-gui-blue-default-light" | "hover:border-gui-blue-hover-light" | "hover:border-gui-blue-active-light" | "hover:border-gui-blue-default-dark" | "hover:border-gui-blue-hover-dark" | "hover:border-gui-blue-active-dark" | "hover:border-gui-blue-focus" | "hover:border-gui-unavailable" | "hover:border-gui-success-green" | "hover:border-gui-error-red" | "hover:border-gui-focus" | "hover:border-gui-focus-outline" | "hover:border-gui-visited" | "hover:border-white" | "hover:border-extra-light-grey" | "hover:border-light-grey" | "hover:border-mid-grey" | "hover:border-dark-grey" | "hover:border-charcoal-grey" | "hover:border-cool-black" | "hover:border-active-orange" | "hover:border-bright-red" | "hover:border-red-orange" | "hover:border-electric-cyan" | "hover:border-zingy-green" | "hover:border-jazzy-pink" | "hover:border-gui-default" | "hover:border-gui-hover" | "hover:border-gui-active" | "hover:border-gui-error" | "hover:border-gui-success" | "hover:border-gui-default-dark" | "hover:border-gui-hover-dark" | "hover:border-gui-active-dark" | "hover:border-transparent" | "focus:text-neutral-000" | "focus:text-neutral-100" | "focus:text-neutral-200" | "focus:text-neutral-300" | "focus:text-neutral-400" | "focus:text-neutral-500" | "focus:text-neutral-600" | "focus:text-neutral-700" | "focus:text-neutral-800" | "focus:text-neutral-900" | "focus:text-neutral-1000" | "focus:text-neutral-1100" | "focus:text-neutral-1200" | "focus:text-neutral-1300" | "focus:text-orange-100" | "focus:text-orange-200" | "focus:text-orange-300" | "focus:text-orange-400" | "focus:text-orange-500" | "focus:text-orange-600" | "focus:text-orange-700" | "focus:text-orange-800" | "focus:text-orange-900" | "focus:text-orange-1000" | "focus:text-orange-1100" | "focus:text-yellow-100" | "focus:text-yellow-200" | "focus:text-yellow-300" | "focus:text-yellow-400" | "focus:text-yellow-500" | "focus:text-yellow-600" | "focus:text-yellow-700" | "focus:text-yellow-800" | "focus:text-yellow-900" | "focus:text-green-100" | "focus:text-green-200" | "focus:text-green-300" | "focus:text-green-400" | "focus:text-green-500" | "focus:text-green-600" | "focus:text-green-700" | "focus:text-green-800" | "focus:text-green-900" | "focus:text-blue-100" | "focus:text-blue-200" | "focus:text-blue-300" | "focus:text-blue-400" | "focus:text-blue-500" | "focus:text-blue-600" | "focus:text-blue-700" | "focus:text-blue-800" | "focus:text-blue-900" | "focus:text-violet-100" | "focus:text-violet-200" | "focus:text-violet-300" | "focus:text-violet-400" | "focus:text-violet-500" | "focus:text-violet-600" | "focus:text-violet-700" | "focus:text-violet-800" | "focus:text-violet-900" | "focus:text-pink-100" | "focus:text-pink-200" | "focus:text-pink-300" | "focus:text-pink-400" | "focus:text-pink-500" | "focus:text-pink-600" | "focus:text-pink-700" | "focus:text-pink-800" | "focus:text-pink-900" | "focus:text-gui-blue-default-light" | "focus:text-gui-blue-hover-light" | "focus:text-gui-blue-active-light" | "focus:text-gui-blue-default-dark" | "focus:text-gui-blue-hover-dark" | "focus:text-gui-blue-active-dark" | "focus:text-gui-blue-focus" | "focus:text-gui-unavailable" | "focus:text-gui-success-green" | "focus:text-gui-error-red" | "focus:text-gui-focus" | "focus:text-gui-focus-outline" | "focus:text-gui-visited" | "focus:text-white" | "focus:text-extra-light-grey" | "focus:text-light-grey" | "focus:text-mid-grey" | "focus:text-dark-grey" | "focus:text-charcoal-grey" | "focus:text-cool-black" | "focus:text-active-orange" | "focus:text-bright-red" | "focus:text-red-orange" | "focus:text-electric-cyan" | "focus:text-zingy-green" | "focus:text-jazzy-pink" | "focus:text-gui-default" | "focus:text-gui-hover" | "focus:text-gui-active" | "focus:text-gui-error" | "focus:text-gui-success" | "focus:text-gui-default-dark" | "focus:text-gui-hover-dark" | "focus:text-gui-active-dark" | "focus:text-transparent" | "focus:bg-neutral-000" | "focus:bg-neutral-100" | "focus:bg-neutral-200" | "focus:bg-neutral-300" | "focus:bg-neutral-400" | "focus:bg-neutral-500" | "focus:bg-neutral-600" | "focus:bg-neutral-700" | "focus:bg-neutral-800" | "focus:bg-neutral-900" | "focus:bg-neutral-1000" | "focus:bg-neutral-1100" | "focus:bg-neutral-1200" | "focus:bg-neutral-1300" | "focus:bg-orange-100" | "focus:bg-orange-200" | "focus:bg-orange-300" | "focus:bg-orange-400" | "focus:bg-orange-500" | "focus:bg-orange-600" | "focus:bg-orange-700" | "focus:bg-orange-800" | "focus:bg-orange-900" | "focus:bg-orange-1000" | "focus:bg-orange-1100" | "focus:bg-yellow-100" | "focus:bg-yellow-200" | "focus:bg-yellow-300" | "focus:bg-yellow-400" | "focus:bg-yellow-500" | "focus:bg-yellow-600" | "focus:bg-yellow-700" | "focus:bg-yellow-800" | "focus:bg-yellow-900" | "focus:bg-green-100" | "focus:bg-green-200" | "focus:bg-green-300" | "focus:bg-green-400" | "focus:bg-green-500" | "focus:bg-green-600" | "focus:bg-green-700" | "focus:bg-green-800" | "focus:bg-green-900" | "focus:bg-blue-100" | "focus:bg-blue-200" | "focus:bg-blue-300" | "focus:bg-blue-400" | "focus:bg-blue-500" | "focus:bg-blue-600" | "focus:bg-blue-700" | "focus:bg-blue-800" | "focus:bg-blue-900" | "focus:bg-violet-100" | "focus:bg-violet-200" | "focus:bg-violet-300" | "focus:bg-violet-400" | "focus:bg-violet-500" | "focus:bg-violet-600" | "focus:bg-violet-700" | "focus:bg-violet-800" | "focus:bg-violet-900" | "focus:bg-pink-100" | "focus:bg-pink-200" | "focus:bg-pink-300" | "focus:bg-pink-400" | "focus:bg-pink-500" | "focus:bg-pink-600" | "focus:bg-pink-700" | "focus:bg-pink-800" | "focus:bg-pink-900" | "focus:bg-gui-blue-default-light" | "focus:bg-gui-blue-hover-light" | "focus:bg-gui-blue-active-light" | "focus:bg-gui-blue-default-dark" | "focus:bg-gui-blue-hover-dark" | "focus:bg-gui-blue-active-dark" | "focus:bg-gui-blue-focus" | "focus:bg-gui-unavailable" | "focus:bg-gui-success-green" | "focus:bg-gui-error-red" | "focus:bg-gui-focus" | "focus:bg-gui-focus-outline" | "focus:bg-gui-visited" | "focus:bg-white" | "focus:bg-extra-light-grey" | "focus:bg-light-grey" | "focus:bg-mid-grey" | "focus:bg-dark-grey" | "focus:bg-charcoal-grey" | "focus:bg-cool-black" | "focus:bg-active-orange" | "focus:bg-bright-red" | "focus:bg-red-orange" | "focus:bg-electric-cyan" | "focus:bg-zingy-green" | "focus:bg-jazzy-pink" | "focus:bg-gui-default" | "focus:bg-gui-hover" | "focus:bg-gui-active" | "focus:bg-gui-error" | "focus:bg-gui-success" | "focus:bg-gui-default-dark" | "focus:bg-gui-hover-dark" | "focus:bg-gui-active-dark" | "focus:bg-transparent" | "focus:from-neutral-000" | "focus:from-neutral-100" | "focus:from-neutral-200" | "focus:from-neutral-300" | "focus:from-neutral-400" | "focus:from-neutral-500" | "focus:from-neutral-600" | "focus:from-neutral-700" | "focus:from-neutral-800" | "focus:from-neutral-900" | "focus:from-neutral-1000" | "focus:from-neutral-1100" | "focus:from-neutral-1200" | "focus:from-neutral-1300" | "focus:from-orange-100" | "focus:from-orange-200" | "focus:from-orange-300" | "focus:from-orange-400" | "focus:from-orange-500" | "focus:from-orange-600" | "focus:from-orange-700" | "focus:from-orange-800" | "focus:from-orange-900" | "focus:from-orange-1000" | "focus:from-orange-1100" | "focus:from-yellow-100" | "focus:from-yellow-200" | "focus:from-yellow-300" | "focus:from-yellow-400" | "focus:from-yellow-500" | "focus:from-yellow-600" | "focus:from-yellow-700" | "focus:from-yellow-800" | "focus:from-yellow-900" | "focus:from-green-100" | "focus:from-green-200" | "focus:from-green-300" | "focus:from-green-400" | "focus:from-green-500" | "focus:from-green-600" | "focus:from-green-700" | "focus:from-green-800" | "focus:from-green-900" | "focus:from-blue-100" | "focus:from-blue-200" | "focus:from-blue-300" | "focus:from-blue-400" | "focus:from-blue-500" | "focus:from-blue-600" | "focus:from-blue-700" | "focus:from-blue-800" | "focus:from-blue-900" | "focus:from-violet-100" | "focus:from-violet-200" | "focus:from-violet-300" | "focus:from-violet-400" | "focus:from-violet-500" | "focus:from-violet-600" | "focus:from-violet-700" | "focus:from-violet-800" | "focus:from-violet-900" | "focus:from-pink-100" | "focus:from-pink-200" | "focus:from-pink-300" | "focus:from-pink-400" | "focus:from-pink-500" | "focus:from-pink-600" | "focus:from-pink-700" | "focus:from-pink-800" | "focus:from-pink-900" | "focus:from-gui-blue-default-light" | "focus:from-gui-blue-hover-light" | "focus:from-gui-blue-active-light" | "focus:from-gui-blue-default-dark" | "focus:from-gui-blue-hover-dark" | "focus:from-gui-blue-active-dark" | "focus:from-gui-blue-focus" | "focus:from-gui-unavailable" | "focus:from-gui-success-green" | "focus:from-gui-error-red" | "focus:from-gui-focus" | "focus:from-gui-focus-outline" | "focus:from-gui-visited" | "focus:from-white" | "focus:from-extra-light-grey" | "focus:from-light-grey" | "focus:from-mid-grey" | "focus:from-dark-grey" | "focus:from-charcoal-grey" | "focus:from-cool-black" | "focus:from-active-orange" | "focus:from-bright-red" | "focus:from-red-orange" | "focus:from-electric-cyan" | "focus:from-zingy-green" | "focus:from-jazzy-pink" | "focus:from-gui-default" | "focus:from-gui-hover" | "focus:from-gui-active" | "focus:from-gui-error" | "focus:from-gui-success" | "focus:from-gui-default-dark" | "focus:from-gui-hover-dark" | "focus:from-gui-active-dark" | "focus:from-transparent" | "focus:to-neutral-000" | "focus:to-neutral-100" | "focus:to-neutral-200" | "focus:to-neutral-300" | "focus:to-neutral-400" | "focus:to-neutral-500" | "focus:to-neutral-600" | "focus:to-neutral-700" | "focus:to-neutral-800" | "focus:to-neutral-900" | "focus:to-neutral-1000" | "focus:to-neutral-1100" | "focus:to-neutral-1200" | "focus:to-neutral-1300" | "focus:to-orange-100" | "focus:to-orange-200" | "focus:to-orange-300" | "focus:to-orange-400" | "focus:to-orange-500" | "focus:to-orange-600" | "focus:to-orange-700" | "focus:to-orange-800" | "focus:to-orange-900" | "focus:to-orange-1000" | "focus:to-orange-1100" | "focus:to-yellow-100" | "focus:to-yellow-200" | "focus:to-yellow-300" | "focus:to-yellow-400" | "focus:to-yellow-500" | "focus:to-yellow-600" | "focus:to-yellow-700" | "focus:to-yellow-800" | "focus:to-yellow-900" | "focus:to-green-100" | "focus:to-green-200" | "focus:to-green-300" | "focus:to-green-400" | "focus:to-green-500" | "focus:to-green-600" | "focus:to-green-700" | "focus:to-green-800" | "focus:to-green-900" | "focus:to-blue-100" | "focus:to-blue-200" | "focus:to-blue-300" | "focus:to-blue-400" | "focus:to-blue-500" | "focus:to-blue-600" | "focus:to-blue-700" | "focus:to-blue-800" | "focus:to-blue-900" | "focus:to-violet-100" | "focus:to-violet-200" | "focus:to-violet-300" | "focus:to-violet-400" | "focus:to-violet-500" | "focus:to-violet-600" | "focus:to-violet-700" | "focus:to-violet-800" | "focus:to-violet-900" | "focus:to-pink-100" | "focus:to-pink-200" | "focus:to-pink-300" | "focus:to-pink-400" | "focus:to-pink-500" | "focus:to-pink-600" | "focus:to-pink-700" | "focus:to-pink-800" | "focus:to-pink-900" | "focus:to-gui-blue-default-light" | "focus:to-gui-blue-hover-light" | "focus:to-gui-blue-active-light" | "focus:to-gui-blue-default-dark" | "focus:to-gui-blue-hover-dark" | "focus:to-gui-blue-active-dark" | "focus:to-gui-blue-focus" | "focus:to-gui-unavailable" | "focus:to-gui-success-green" | "focus:to-gui-error-red" | "focus:to-gui-focus" | "focus:to-gui-focus-outline" | "focus:to-gui-visited" | "focus:to-white" | "focus:to-extra-light-grey" | "focus:to-light-grey" | "focus:to-mid-grey" | "focus:to-dark-grey" | "focus:to-charcoal-grey" | "focus:to-cool-black" | "focus:to-active-orange" | "focus:to-bright-red" | "focus:to-red-orange" | "focus:to-electric-cyan" | "focus:to-zingy-green" | "focus:to-jazzy-pink" | "focus:to-gui-default" | "focus:to-gui-hover" | "focus:to-gui-active" | "focus:to-gui-error" | "focus:to-gui-success" | "focus:to-gui-default-dark" | "focus:to-gui-hover-dark" | "focus:to-gui-active-dark" | "focus:to-transparent" | "focus:border-neutral-000" | "focus:border-neutral-100" | "focus:border-neutral-200" | "focus:border-neutral-300" | "focus:border-neutral-400" | "focus:border-neutral-500" | "focus:border-neutral-600" | "focus:border-neutral-700" | "focus:border-neutral-800" | "focus:border-neutral-900" | "focus:border-neutral-1000" | "focus:border-neutral-1100" | "focus:border-neutral-1200" | "focus:border-neutral-1300" | "focus:border-orange-100" | "focus:border-orange-200" | "focus:border-orange-300" | "focus:border-orange-400" | "focus:border-orange-500" | "focus:border-orange-600" | "focus:border-orange-700" | "focus:border-orange-800" | "focus:border-orange-900" | "focus:border-orange-1000" | "focus:border-orange-1100" | "focus:border-yellow-100" | "focus:border-yellow-200" | "focus:border-yellow-300" | "focus:border-yellow-400" | "focus:border-yellow-500" | "focus:border-yellow-600" | "focus:border-yellow-700" | "focus:border-yellow-800" | "focus:border-yellow-900" | "focus:border-green-100" | "focus:border-green-200" | "focus:border-green-300" | "focus:border-green-400" | "focus:border-green-500" | "focus:border-green-600" | "focus:border-green-700" | "focus:border-green-800" | "focus:border-green-900" | "focus:border-blue-100" | "focus:border-blue-200" | "focus:border-blue-300" | "focus:border-blue-400" | "focus:border-blue-500" | "focus:border-blue-600" | "focus:border-blue-700" | "focus:border-blue-800" | "focus:border-blue-900" | "focus:border-violet-100" | "focus:border-violet-200" | "focus:border-violet-300" | "focus:border-violet-400" | "focus:border-violet-500" | "focus:border-violet-600" | "focus:border-violet-700" | "focus:border-violet-800" | "focus:border-violet-900" | "focus:border-pink-100" | "focus:border-pink-200" | "focus:border-pink-300" | "focus:border-pink-400" | "focus:border-pink-500" | "focus:border-pink-600" | "focus:border-pink-700" | "focus:border-pink-800" | "focus:border-pink-900" | "focus:border-gui-blue-default-light" | "focus:border-gui-blue-hover-light" | "focus:border-gui-blue-active-light" | "focus:border-gui-blue-default-dark" | "focus:border-gui-blue-hover-dark" | "focus:border-gui-blue-active-dark" | "focus:border-gui-blue-focus" | "focus:border-gui-unavailable" | "focus:border-gui-success-green" | "focus:border-gui-error-red" | "focus:border-gui-focus" | "focus:border-gui-focus-outline" | "focus:border-gui-visited" | "focus:border-white" | "focus:border-extra-light-grey" | "focus:border-light-grey" | "focus:border-mid-grey" | "focus:border-dark-grey" | "focus:border-charcoal-grey" | "focus:border-cool-black" | "focus:border-active-orange" | "focus:border-bright-red" | "focus:border-red-orange" | "focus:border-electric-cyan" | "focus:border-zingy-green" | "focus:border-jazzy-pink" | "focus:border-gui-default" | "focus:border-gui-hover" | "focus:border-gui-active" | "focus:border-gui-error" | "focus:border-gui-success" | "focus:border-gui-default-dark" | "focus:border-gui-hover-dark" | "focus:border-gui-active-dark" | "focus:border-transparent" | "group-hover:text-neutral-000" | "group-hover:text-neutral-100" | "group-hover:text-neutral-200" | "group-hover:text-neutral-300" | "group-hover:text-neutral-400" | "group-hover:text-neutral-500" | "group-hover:text-neutral-600" | "group-hover:text-neutral-700" | "group-hover:text-neutral-800" | "group-hover:text-neutral-900" | "group-hover:text-neutral-1000" | "group-hover:text-neutral-1100" | "group-hover:text-neutral-1200" | "group-hover:text-neutral-1300" | "group-hover:text-orange-100" | "group-hover:text-orange-200" | "group-hover:text-orange-300" | "group-hover:text-orange-400" | "group-hover:text-orange-500" | "group-hover:text-orange-600" | "group-hover:text-orange-700" | "group-hover:text-orange-800" | "group-hover:text-orange-900" | "group-hover:text-orange-1000" | "group-hover:text-orange-1100" | "group-hover:text-yellow-100" | "group-hover:text-yellow-200" | "group-hover:text-yellow-300" | "group-hover:text-yellow-400" | "group-hover:text-yellow-500" | "group-hover:text-yellow-600" | "group-hover:text-yellow-700" | "group-hover:text-yellow-800" | "group-hover:text-yellow-900" | "group-hover:text-green-100" | "group-hover:text-green-200" | "group-hover:text-green-300" | "group-hover:text-green-400" | "group-hover:text-green-500" | "group-hover:text-green-600" | "group-hover:text-green-700" | "group-hover:text-green-800" | "group-hover:text-green-900" | "group-hover:text-blue-100" | "group-hover:text-blue-200" | "group-hover:text-blue-300" | "group-hover:text-blue-400" | "group-hover:text-blue-500" | "group-hover:text-blue-600" | "group-hover:text-blue-700" | "group-hover:text-blue-800" | "group-hover:text-blue-900" | "group-hover:text-violet-100" | "group-hover:text-violet-200" | "group-hover:text-violet-300" | "group-hover:text-violet-400" | "group-hover:text-violet-500" | "group-hover:text-violet-600" | "group-hover:text-violet-700" | "group-hover:text-violet-800" | "group-hover:text-violet-900" | "group-hover:text-pink-100" | "group-hover:text-pink-200" | "group-hover:text-pink-300" | "group-hover:text-pink-400" | "group-hover:text-pink-500" | "group-hover:text-pink-600" | "group-hover:text-pink-700" | "group-hover:text-pink-800" | "group-hover:text-pink-900" | "group-hover:text-gui-blue-default-light" | "group-hover:text-gui-blue-hover-light" | "group-hover:text-gui-blue-active-light" | "group-hover:text-gui-blue-default-dark" | "group-hover:text-gui-blue-hover-dark" | "group-hover:text-gui-blue-active-dark" | "group-hover:text-gui-blue-focus" | "group-hover:text-gui-unavailable" | "group-hover:text-gui-success-green" | "group-hover:text-gui-error-red" | "group-hover:text-gui-focus" | "group-hover:text-gui-focus-outline" | "group-hover:text-gui-visited" | "group-hover:text-white" | "group-hover:text-extra-light-grey" | "group-hover:text-light-grey" | "group-hover:text-mid-grey" | "group-hover:text-dark-grey" | "group-hover:text-charcoal-grey" | "group-hover:text-cool-black" | "group-hover:text-active-orange" | "group-hover:text-bright-red" | "group-hover:text-red-orange" | "group-hover:text-electric-cyan" | "group-hover:text-zingy-green" | "group-hover:text-jazzy-pink" | "group-hover:text-gui-default" | "group-hover:text-gui-hover" | "group-hover:text-gui-active" | "group-hover:text-gui-error" | "group-hover:text-gui-success" | "group-hover:text-gui-default-dark" | "group-hover:text-gui-hover-dark" | "group-hover:text-gui-active-dark" | "group-hover:text-transparent" | "group-hover:bg-neutral-000" | "group-hover:bg-neutral-100" | "group-hover:bg-neutral-200" | "group-hover:bg-neutral-300" | "group-hover:bg-neutral-400" | "group-hover:bg-neutral-500" | "group-hover:bg-neutral-600" | "group-hover:bg-neutral-700" | "group-hover:bg-neutral-800" | "group-hover:bg-neutral-900" | "group-hover:bg-neutral-1000" | "group-hover:bg-neutral-1100" | "group-hover:bg-neutral-1200" | "group-hover:bg-neutral-1300" | "group-hover:bg-orange-100" | "group-hover:bg-orange-200" | "group-hover:bg-orange-300" | "group-hover:bg-orange-400" | "group-hover:bg-orange-500" | "group-hover:bg-orange-600" | "group-hover:bg-orange-700" | "group-hover:bg-orange-800" | "group-hover:bg-orange-900" | "group-hover:bg-orange-1000" | "group-hover:bg-orange-1100" | "group-hover:bg-yellow-100" | "group-hover:bg-yellow-200" | "group-hover:bg-yellow-300" | "group-hover:bg-yellow-400" | "group-hover:bg-yellow-500" | "group-hover:bg-yellow-600" | "group-hover:bg-yellow-700" | "group-hover:bg-yellow-800" | "group-hover:bg-yellow-900" | "group-hover:bg-green-100" | "group-hover:bg-green-200" | "group-hover:bg-green-300" | "group-hover:bg-green-400" | "group-hover:bg-green-500" | "group-hover:bg-green-600" | "group-hover:bg-green-700" | "group-hover:bg-green-800" | "group-hover:bg-green-900" | "group-hover:bg-blue-100" | "group-hover:bg-blue-200" | "group-hover:bg-blue-300" | "group-hover:bg-blue-400" | "group-hover:bg-blue-500" | "group-hover:bg-blue-600" | "group-hover:bg-blue-700" | "group-hover:bg-blue-800" | "group-hover:bg-blue-900" | "group-hover:bg-violet-100" | "group-hover:bg-violet-200" | "group-hover:bg-violet-300" | "group-hover:bg-violet-400" | "group-hover:bg-violet-500" | "group-hover:bg-violet-600" | "group-hover:bg-violet-700" | "group-hover:bg-violet-800" | "group-hover:bg-violet-900" | "group-hover:bg-pink-100" | "group-hover:bg-pink-200" | "group-hover:bg-pink-300" | "group-hover:bg-pink-400" | "group-hover:bg-pink-500" | "group-hover:bg-pink-600" | "group-hover:bg-pink-700" | "group-hover:bg-pink-800" | "group-hover:bg-pink-900" | "group-hover:bg-gui-blue-default-light" | "group-hover:bg-gui-blue-hover-light" | "group-hover:bg-gui-blue-active-light" | "group-hover:bg-gui-blue-default-dark" | "group-hover:bg-gui-blue-hover-dark" | "group-hover:bg-gui-blue-active-dark" | "group-hover:bg-gui-blue-focus" | "group-hover:bg-gui-unavailable" | "group-hover:bg-gui-success-green" | "group-hover:bg-gui-error-red" | "group-hover:bg-gui-focus" | "group-hover:bg-gui-focus-outline" | "group-hover:bg-gui-visited" | "group-hover:bg-white" | "group-hover:bg-extra-light-grey" | "group-hover:bg-light-grey" | "group-hover:bg-mid-grey" | "group-hover:bg-dark-grey" | "group-hover:bg-charcoal-grey" | "group-hover:bg-cool-black" | "group-hover:bg-active-orange" | "group-hover:bg-bright-red" | "group-hover:bg-red-orange" | "group-hover:bg-electric-cyan" | "group-hover:bg-zingy-green" | "group-hover:bg-jazzy-pink" | "group-hover:bg-gui-default" | "group-hover:bg-gui-hover" | "group-hover:bg-gui-active" | "group-hover:bg-gui-error" | "group-hover:bg-gui-success" | "group-hover:bg-gui-default-dark" | "group-hover:bg-gui-hover-dark" | "group-hover:bg-gui-active-dark" | "group-hover:bg-transparent" | "group-hover:from-neutral-000" | "group-hover:from-neutral-100" | "group-hover:from-neutral-200" | "group-hover:from-neutral-300" | "group-hover:from-neutral-400" | "group-hover:from-neutral-500" | "group-hover:from-neutral-600" | "group-hover:from-neutral-700" | "group-hover:from-neutral-800" | "group-hover:from-neutral-900" | "group-hover:from-neutral-1000" | "group-hover:from-neutral-1100" | "group-hover:from-neutral-1200" | "group-hover:from-neutral-1300" | "group-hover:from-orange-100" | "group-hover:from-orange-200" | "group-hover:from-orange-300" | "group-hover:from-orange-400" | "group-hover:from-orange-500" | "group-hover:from-orange-600" | "group-hover:from-orange-700" | "group-hover:from-orange-800" | "group-hover:from-orange-900" | "group-hover:from-orange-1000" | "group-hover:from-orange-1100" | "group-hover:from-yellow-100" | "group-hover:from-yellow-200" | "group-hover:from-yellow-300" | "group-hover:from-yellow-400" | "group-hover:from-yellow-500" | "group-hover:from-yellow-600" | "group-hover:from-yellow-700" | "group-hover:from-yellow-800" | "group-hover:from-yellow-900" | "group-hover:from-green-100" | "group-hover:from-green-200" | "group-hover:from-green-300" | "group-hover:from-green-400" | "group-hover:from-green-500" | "group-hover:from-green-600" | "group-hover:from-green-700" | "group-hover:from-green-800" | "group-hover:from-green-900" | "group-hover:from-blue-100" | "group-hover:from-blue-200" | "group-hover:from-blue-300" | "group-hover:from-blue-400" | "group-hover:from-blue-500" | "group-hover:from-blue-600" | "group-hover:from-blue-700" | "group-hover:from-blue-800" | "group-hover:from-blue-900" | "group-hover:from-violet-100" | "group-hover:from-violet-200" | "group-hover:from-violet-300" | "group-hover:from-violet-400" | "group-hover:from-violet-500" | "group-hover:from-violet-600" | "group-hover:from-violet-700" | "group-hover:from-violet-800" | "group-hover:from-violet-900" | "group-hover:from-pink-100" | "group-hover:from-pink-200" | "group-hover:from-pink-300" | "group-hover:from-pink-400" | "group-hover:from-pink-500" | "group-hover:from-pink-600" | "group-hover:from-pink-700" | "group-hover:from-pink-800" | "group-hover:from-pink-900" | "group-hover:from-gui-blue-default-light" | "group-hover:from-gui-blue-hover-light" | "group-hover:from-gui-blue-active-light" | "group-hover:from-gui-blue-default-dark" | "group-hover:from-gui-blue-hover-dark" | "group-hover:from-gui-blue-active-dark" | "group-hover:from-gui-blue-focus" | "group-hover:from-gui-unavailable" | "group-hover:from-gui-success-green" | "group-hover:from-gui-error-red" | "group-hover:from-gui-focus" | "group-hover:from-gui-focus-outline" | "group-hover:from-gui-visited" | "group-hover:from-white" | "group-hover:from-extra-light-grey" | "group-hover:from-light-grey" | "group-hover:from-mid-grey" | "group-hover:from-dark-grey" | "group-hover:from-charcoal-grey" | "group-hover:from-cool-black" | "group-hover:from-active-orange" | "group-hover:from-bright-red" | "group-hover:from-red-orange" | "group-hover:from-electric-cyan" | "group-hover:from-zingy-green" | "group-hover:from-jazzy-pink" | "group-hover:from-gui-default" | "group-hover:from-gui-hover" | "group-hover:from-gui-active" | "group-hover:from-gui-error" | "group-hover:from-gui-success" | "group-hover:from-gui-default-dark" | "group-hover:from-gui-hover-dark" | "group-hover:from-gui-active-dark" | "group-hover:from-transparent" | "group-hover:to-neutral-000" | "group-hover:to-neutral-100" | "group-hover:to-neutral-200" | "group-hover:to-neutral-300" | "group-hover:to-neutral-400" | "group-hover:to-neutral-500" | "group-hover:to-neutral-600" | "group-hover:to-neutral-700" | "group-hover:to-neutral-800" | "group-hover:to-neutral-900" | "group-hover:to-neutral-1000" | "group-hover:to-neutral-1100" | "group-hover:to-neutral-1200" | "group-hover:to-neutral-1300" | "group-hover:to-orange-100" | "group-hover:to-orange-200" | "group-hover:to-orange-300" | "group-hover:to-orange-400" | "group-hover:to-orange-500" | "group-hover:to-orange-600" | "group-hover:to-orange-700" | "group-hover:to-orange-800" | "group-hover:to-orange-900" | "group-hover:to-orange-1000" | "group-hover:to-orange-1100" | "group-hover:to-yellow-100" | "group-hover:to-yellow-200" | "group-hover:to-yellow-300" | "group-hover:to-yellow-400" | "group-hover:to-yellow-500" | "group-hover:to-yellow-600" | "group-hover:to-yellow-700" | "group-hover:to-yellow-800" | "group-hover:to-yellow-900" | "group-hover:to-green-100" | "group-hover:to-green-200" | "group-hover:to-green-300" | "group-hover:to-green-400" | "group-hover:to-green-500" | "group-hover:to-green-600" | "group-hover:to-green-700" | "group-hover:to-green-800" | "group-hover:to-green-900" | "group-hover:to-blue-100" | "group-hover:to-blue-200" | "group-hover:to-blue-300" | "group-hover:to-blue-400" | "group-hover:to-blue-500" | "group-hover:to-blue-600" | "group-hover:to-blue-700" | "group-hover:to-blue-800" | "group-hover:to-blue-900" | "group-hover:to-violet-100" | "group-hover:to-violet-200" | "group-hover:to-violet-300" | "group-hover:to-violet-400" | "group-hover:to-violet-500" | "group-hover:to-violet-600" | "group-hover:to-violet-700" | "group-hover:to-violet-800" | "group-hover:to-violet-900" | "group-hover:to-pink-100" | "group-hover:to-pink-200" | "group-hover:to-pink-300" | "group-hover:to-pink-400" | "group-hover:to-pink-500" | "group-hover:to-pink-600" | "group-hover:to-pink-700" | "group-hover:to-pink-800" | "group-hover:to-pink-900" | "group-hover:to-gui-blue-default-light" | "group-hover:to-gui-blue-hover-light" | "group-hover:to-gui-blue-active-light" | "group-hover:to-gui-blue-default-dark" | "group-hover:to-gui-blue-hover-dark" | "group-hover:to-gui-blue-active-dark" | "group-hover:to-gui-blue-focus" | "group-hover:to-gui-unavailable" | "group-hover:to-gui-success-green" | "group-hover:to-gui-error-red" | "group-hover:to-gui-focus" | "group-hover:to-gui-focus-outline" | "group-hover:to-gui-visited" | "group-hover:to-white" | "group-hover:to-extra-light-grey" | "group-hover:to-light-grey" | "group-hover:to-mid-grey" | "group-hover:to-dark-grey" | "group-hover:to-charcoal-grey" | "group-hover:to-cool-black" | "group-hover:to-active-orange" | "group-hover:to-bright-red" | "group-hover:to-red-orange" | "group-hover:to-electric-cyan" | "group-hover:to-zingy-green" | "group-hover:to-jazzy-pink" | "group-hover:to-gui-default" | "group-hover:to-gui-hover" | "group-hover:to-gui-active" | "group-hover:to-gui-error" | "group-hover:to-gui-success" | "group-hover:to-gui-default-dark" | "group-hover:to-gui-hover-dark" | "group-hover:to-gui-active-dark" | "group-hover:to-transparent" | "group-hover:border-neutral-000" | "group-hover:border-neutral-100" | "group-hover:border-neutral-200" | "group-hover:border-neutral-300" | "group-hover:border-neutral-400" | "group-hover:border-neutral-500" | "group-hover:border-neutral-600" | "group-hover:border-neutral-700" | "group-hover:border-neutral-800" | "group-hover:border-neutral-900" | "group-hover:border-neutral-1000" | "group-hover:border-neutral-1100" | "group-hover:border-neutral-1200" | "group-hover:border-neutral-1300" | "group-hover:border-orange-100" | "group-hover:border-orange-200" | "group-hover:border-orange-300" | "group-hover:border-orange-400" | "group-hover:border-orange-500" | "group-hover:border-orange-600" | "group-hover:border-orange-700" | "group-hover:border-orange-800" | "group-hover:border-orange-900" | "group-hover:border-orange-1000" | "group-hover:border-orange-1100" | "group-hover:border-yellow-100" | "group-hover:border-yellow-200" | "group-hover:border-yellow-300" | "group-hover:border-yellow-400" | "group-hover:border-yellow-500" | "group-hover:border-yellow-600" | "group-hover:border-yellow-700" | "group-hover:border-yellow-800" | "group-hover:border-yellow-900" | "group-hover:border-green-100" | "group-hover:border-green-200" | "group-hover:border-green-300" | "group-hover:border-green-400" | "group-hover:border-green-500" | "group-hover:border-green-600" | "group-hover:border-green-700" | "group-hover:border-green-800" | "group-hover:border-green-900" | "group-hover:border-blue-100" | "group-hover:border-blue-200" | "group-hover:border-blue-300" | "group-hover:border-blue-400" | "group-hover:border-blue-500" | "group-hover:border-blue-600" | "group-hover:border-blue-700" | "group-hover:border-blue-800" | "group-hover:border-blue-900" | "group-hover:border-violet-100" | "group-hover:border-violet-200" | "group-hover:border-violet-300" | "group-hover:border-violet-400" | "group-hover:border-violet-500" | "group-hover:border-violet-600" | "group-hover:border-violet-700" | "group-hover:border-violet-800" | "group-hover:border-violet-900" | "group-hover:border-pink-100" | "group-hover:border-pink-200" | "group-hover:border-pink-300" | "group-hover:border-pink-400" | "group-hover:border-pink-500" | "group-hover:border-pink-600" | "group-hover:border-pink-700" | "group-hover:border-pink-800" | "group-hover:border-pink-900" | "group-hover:border-gui-blue-default-light" | "group-hover:border-gui-blue-hover-light" | "group-hover:border-gui-blue-active-light" | "group-hover:border-gui-blue-default-dark" | "group-hover:border-gui-blue-hover-dark" | "group-hover:border-gui-blue-active-dark" | "group-hover:border-gui-blue-focus" | "group-hover:border-gui-unavailable" | "group-hover:border-gui-success-green" | "group-hover:border-gui-error-red" | "group-hover:border-gui-focus" | "group-hover:border-gui-focus-outline" | "group-hover:border-gui-visited" | "group-hover:border-white" | "group-hover:border-extra-light-grey" | "group-hover:border-light-grey" | "group-hover:border-mid-grey" | "group-hover:border-dark-grey" | "group-hover:border-charcoal-grey" | "group-hover:border-cool-black" | "group-hover:border-active-orange" | "group-hover:border-bright-red" | "group-hover:border-red-orange" | "group-hover:border-electric-cyan" | "group-hover:border-zingy-green" | "group-hover:border-jazzy-pink" | "group-hover:border-gui-default" | "group-hover:border-gui-hover" | "group-hover:border-gui-active" | "group-hover:border-gui-error" | "group-hover:border-gui-success" | "group-hover:border-gui-default-dark" | "group-hover:border-gui-hover-dark" | "group-hover:border-gui-active-dark" | "group-hover:border-transparent" | "group-focus:text-neutral-000" | "group-focus:text-neutral-100" | "group-focus:text-neutral-200" | "group-focus:text-neutral-300" | "group-focus:text-neutral-400" | "group-focus:text-neutral-500" | "group-focus:text-neutral-600" | "group-focus:text-neutral-700" | "group-focus:text-neutral-800" | "group-focus:text-neutral-900" | "group-focus:text-neutral-1000" | "group-focus:text-neutral-1100" | "group-focus:text-neutral-1200" | "group-focus:text-neutral-1300" | "group-focus:text-orange-100" | "group-focus:text-orange-200" | "group-focus:text-orange-300" | "group-focus:text-orange-400" | "group-focus:text-orange-500" | "group-focus:text-orange-600" | "group-focus:text-orange-700" | "group-focus:text-orange-800" | "group-focus:text-orange-900" | "group-focus:text-orange-1000" | "group-focus:text-orange-1100" | "group-focus:text-yellow-100" | "group-focus:text-yellow-200" | "group-focus:text-yellow-300" | "group-focus:text-yellow-400" | "group-focus:text-yellow-500" | "group-focus:text-yellow-600" | "group-focus:text-yellow-700" | "group-focus:text-yellow-800" | "group-focus:text-yellow-900" | "group-focus:text-green-100" | "group-focus:text-green-200" | "group-focus:text-green-300" | "group-focus:text-green-400" | "group-focus:text-green-500" | "group-focus:text-green-600" | "group-focus:text-green-700" | "group-focus:text-green-800" | "group-focus:text-green-900" | "group-focus:text-blue-100" | "group-focus:text-blue-200" | "group-focus:text-blue-300" | "group-focus:text-blue-400" | "group-focus:text-blue-500" | "group-focus:text-blue-600" | "group-focus:text-blue-700" | "group-focus:text-blue-800" | "group-focus:text-blue-900" | "group-focus:text-violet-100" | "group-focus:text-violet-200" | "group-focus:text-violet-300" | "group-focus:text-violet-400" | "group-focus:text-violet-500" | "group-focus:text-violet-600" | "group-focus:text-violet-700" | "group-focus:text-violet-800" | "group-focus:text-violet-900" | "group-focus:text-pink-100" | "group-focus:text-pink-200" | "group-focus:text-pink-300" | "group-focus:text-pink-400" | "group-focus:text-pink-500" | "group-focus:text-pink-600" | "group-focus:text-pink-700" | "group-focus:text-pink-800" | "group-focus:text-pink-900" | "group-focus:text-gui-blue-default-light" | "group-focus:text-gui-blue-hover-light" | "group-focus:text-gui-blue-active-light" | "group-focus:text-gui-blue-default-dark" | "group-focus:text-gui-blue-hover-dark" | "group-focus:text-gui-blue-active-dark" | "group-focus:text-gui-blue-focus" | "group-focus:text-gui-unavailable" | "group-focus:text-gui-success-green" | "group-focus:text-gui-error-red" | "group-focus:text-gui-focus" | "group-focus:text-gui-focus-outline" | "group-focus:text-gui-visited" | "group-focus:text-white" | "group-focus:text-extra-light-grey" | "group-focus:text-light-grey" | "group-focus:text-mid-grey" | "group-focus:text-dark-grey" | "group-focus:text-charcoal-grey" | "group-focus:text-cool-black" | "group-focus:text-active-orange" | "group-focus:text-bright-red" | "group-focus:text-red-orange" | "group-focus:text-electric-cyan" | "group-focus:text-zingy-green" | "group-focus:text-jazzy-pink" | "group-focus:text-gui-default" | "group-focus:text-gui-hover" | "group-focus:text-gui-active" | "group-focus:text-gui-error" | "group-focus:text-gui-success" | "group-focus:text-gui-default-dark" | "group-focus:text-gui-hover-dark" | "group-focus:text-gui-active-dark" | "group-focus:text-transparent" | "group-focus:bg-neutral-000" | "group-focus:bg-neutral-100" | "group-focus:bg-neutral-200" | "group-focus:bg-neutral-300" | "group-focus:bg-neutral-400" | "group-focus:bg-neutral-500" | "group-focus:bg-neutral-600" | "group-focus:bg-neutral-700" | "group-focus:bg-neutral-800" | "group-focus:bg-neutral-900" | "group-focus:bg-neutral-1000" | "group-focus:bg-neutral-1100" | "group-focus:bg-neutral-1200" | "group-focus:bg-neutral-1300" | "group-focus:bg-orange-100" | "group-focus:bg-orange-200" | "group-focus:bg-orange-300" | "group-focus:bg-orange-400" | "group-focus:bg-orange-500" | "group-focus:bg-orange-600" | "group-focus:bg-orange-700" | "group-focus:bg-orange-800" | "group-focus:bg-orange-900" | "group-focus:bg-orange-1000" | "group-focus:bg-orange-1100" | "group-focus:bg-yellow-100" | "group-focus:bg-yellow-200" | "group-focus:bg-yellow-300" | "group-focus:bg-yellow-400" | "group-focus:bg-yellow-500" | "group-focus:bg-yellow-600" | "group-focus:bg-yellow-700" | "group-focus:bg-yellow-800" | "group-focus:bg-yellow-900" | "group-focus:bg-green-100" | "group-focus:bg-green-200" | "group-focus:bg-green-300" | "group-focus:bg-green-400" | "group-focus:bg-green-500" | "group-focus:bg-green-600" | "group-focus:bg-green-700" | "group-focus:bg-green-800" | "group-focus:bg-green-900" | "group-focus:bg-blue-100" | "group-focus:bg-blue-200" | "group-focus:bg-blue-300" | "group-focus:bg-blue-400" | "group-focus:bg-blue-500" | "group-focus:bg-blue-600" | "group-focus:bg-blue-700" | "group-focus:bg-blue-800" | "group-focus:bg-blue-900" | "group-focus:bg-violet-100" | "group-focus:bg-violet-200" | "group-focus:bg-violet-300" | "group-focus:bg-violet-400" | "group-focus:bg-violet-500" | "group-focus:bg-violet-600" | "group-focus:bg-violet-700" | "group-focus:bg-violet-800" | "group-focus:bg-violet-900" | "group-focus:bg-pink-100" | "group-focus:bg-pink-200" | "group-focus:bg-pink-300" | "group-focus:bg-pink-400" | "group-focus:bg-pink-500" | "group-focus:bg-pink-600" | "group-focus:bg-pink-700" | "group-focus:bg-pink-800" | "group-focus:bg-pink-900" | "group-focus:bg-gui-blue-default-light" | "group-focus:bg-gui-blue-hover-light" | "group-focus:bg-gui-blue-active-light" | "group-focus:bg-gui-blue-default-dark" | "group-focus:bg-gui-blue-hover-dark" | "group-focus:bg-gui-blue-active-dark" | "group-focus:bg-gui-blue-focus" | "group-focus:bg-gui-unavailable" | "group-focus:bg-gui-success-green" | "group-focus:bg-gui-error-red" | "group-focus:bg-gui-focus" | "group-focus:bg-gui-focus-outline" | "group-focus:bg-gui-visited" | "group-focus:bg-white" | "group-focus:bg-extra-light-grey" | "group-focus:bg-light-grey" | "group-focus:bg-mid-grey" | "group-focus:bg-dark-grey" | "group-focus:bg-charcoal-grey" | "group-focus:bg-cool-black" | "group-focus:bg-active-orange" | "group-focus:bg-bright-red" | "group-focus:bg-red-orange" | "group-focus:bg-electric-cyan" | "group-focus:bg-zingy-green" | "group-focus:bg-jazzy-pink" | "group-focus:bg-gui-default" | "group-focus:bg-gui-hover" | "group-focus:bg-gui-active" | "group-focus:bg-gui-error" | "group-focus:bg-gui-success" | "group-focus:bg-gui-default-dark" | "group-focus:bg-gui-hover-dark" | "group-focus:bg-gui-active-dark" | "group-focus:bg-transparent" | "group-focus:from-neutral-000" | "group-focus:from-neutral-100" | "group-focus:from-neutral-200" | "group-focus:from-neutral-300" | "group-focus:from-neutral-400" | "group-focus:from-neutral-500" | "group-focus:from-neutral-600" | "group-focus:from-neutral-700" | "group-focus:from-neutral-800" | "group-focus:from-neutral-900" | "group-focus:from-neutral-1000" | "group-focus:from-neutral-1100" | "group-focus:from-neutral-1200" | "group-focus:from-neutral-1300" | "group-focus:from-orange-100" | "group-focus:from-orange-200" | "group-focus:from-orange-300" | "group-focus:from-orange-400" | "group-focus:from-orange-500" | "group-focus:from-orange-600" | "group-focus:from-orange-700" | "group-focus:from-orange-800" | "group-focus:from-orange-900" | "group-focus:from-orange-1000" | "group-focus:from-orange-1100" | "group-focus:from-yellow-100" | "group-focus:from-yellow-200" | "group-focus:from-yellow-300" | "group-focus:from-yellow-400" | "group-focus:from-yellow-500" | "group-focus:from-yellow-600" | "group-focus:from-yellow-700" | "group-focus:from-yellow-800" | "group-focus:from-yellow-900" | "group-focus:from-green-100" | "group-focus:from-green-200" | "group-focus:from-green-300" | "group-focus:from-green-400" | "group-focus:from-green-500" | "group-focus:from-green-600" | "group-focus:from-green-700" | "group-focus:from-green-800" | "group-focus:from-green-900" | "group-focus:from-blue-100" | "group-focus:from-blue-200" | "group-focus:from-blue-300" | "group-focus:from-blue-400" | "group-focus:from-blue-500" | "group-focus:from-blue-600" | "group-focus:from-blue-700" | "group-focus:from-blue-800" | "group-focus:from-blue-900" | "group-focus:from-violet-100" | "group-focus:from-violet-200" | "group-focus:from-violet-300" | "group-focus:from-violet-400" | "group-focus:from-violet-500" | "group-focus:from-violet-600" | "group-focus:from-violet-700" | "group-focus:from-violet-800" | "group-focus:from-violet-900" | "group-focus:from-pink-100" | "group-focus:from-pink-200" | "group-focus:from-pink-300" | "group-focus:from-pink-400" | "group-focus:from-pink-500" | "group-focus:from-pink-600" | "group-focus:from-pink-700" | "group-focus:from-pink-800" | "group-focus:from-pink-900" | "group-focus:from-gui-blue-default-light" | "group-focus:from-gui-blue-hover-light" | "group-focus:from-gui-blue-active-light" | "group-focus:from-gui-blue-default-dark" | "group-focus:from-gui-blue-hover-dark" | "group-focus:from-gui-blue-active-dark" | "group-focus:from-gui-blue-focus" | "group-focus:from-gui-unavailable" | "group-focus:from-gui-success-green" | "group-focus:from-gui-error-red" | "group-focus:from-gui-focus" | "group-focus:from-gui-focus-outline" | "group-focus:from-gui-visited" | "group-focus:from-white" | "group-focus:from-extra-light-grey" | "group-focus:from-light-grey" | "group-focus:from-mid-grey" | "group-focus:from-dark-grey" | "group-focus:from-charcoal-grey" | "group-focus:from-cool-black" | "group-focus:from-active-orange" | "group-focus:from-bright-red" | "group-focus:from-red-orange" | "group-focus:from-electric-cyan" | "group-focus:from-zingy-green" | "group-focus:from-jazzy-pink" | "group-focus:from-gui-default" | "group-focus:from-gui-hover" | "group-focus:from-gui-active" | "group-focus:from-gui-error" | "group-focus:from-gui-success" | "group-focus:from-gui-default-dark" | "group-focus:from-gui-hover-dark" | "group-focus:from-gui-active-dark" | "group-focus:from-transparent" | "group-focus:to-neutral-000" | "group-focus:to-neutral-100" | "group-focus:to-neutral-200" | "group-focus:to-neutral-300" | "group-focus:to-neutral-400" | "group-focus:to-neutral-500" | "group-focus:to-neutral-600" | "group-focus:to-neutral-700" | "group-focus:to-neutral-800" | "group-focus:to-neutral-900" | "group-focus:to-neutral-1000" | "group-focus:to-neutral-1100" | "group-focus:to-neutral-1200" | "group-focus:to-neutral-1300" | "group-focus:to-orange-100" | "group-focus:to-orange-200" | "group-focus:to-orange-300" | "group-focus:to-orange-400" | "group-focus:to-orange-500" | "group-focus:to-orange-600" | "group-focus:to-orange-700" | "group-focus:to-orange-800" | "group-focus:to-orange-900" | "group-focus:to-orange-1000" | "group-focus:to-orange-1100" | "group-focus:to-yellow-100" | "group-focus:to-yellow-200" | "group-focus:to-yellow-300" | "group-focus:to-yellow-400" | "group-focus:to-yellow-500" | "group-focus:to-yellow-600" | "group-focus:to-yellow-700" | "group-focus:to-yellow-800" | "group-focus:to-yellow-900" | "group-focus:to-green-100" | "group-focus:to-green-200" | "group-focus:to-green-300" | "group-focus:to-green-400" | "group-focus:to-green-500" | "group-focus:to-green-600" | "group-focus:to-green-700" | "group-focus:to-green-800" | "group-focus:to-green-900" | "group-focus:to-blue-100" | "group-focus:to-blue-200" | "group-focus:to-blue-300" | "group-focus:to-blue-400" | "group-focus:to-blue-500" | "group-focus:to-blue-600" | "group-focus:to-blue-700" | "group-focus:to-blue-800" | "group-focus:to-blue-900" | "group-focus:to-violet-100" | "group-focus:to-violet-200" | "group-focus:to-violet-300" | "group-focus:to-violet-400" | "group-focus:to-violet-500" | "group-focus:to-violet-600" | "group-focus:to-violet-700" | "group-focus:to-violet-800" | "group-focus:to-violet-900" | "group-focus:to-pink-100" | "group-focus:to-pink-200" | "group-focus:to-pink-300" | "group-focus:to-pink-400" | "group-focus:to-pink-500" | "group-focus:to-pink-600" | "group-focus:to-pink-700" | "group-focus:to-pink-800" | "group-focus:to-pink-900" | "group-focus:to-gui-blue-default-light" | "group-focus:to-gui-blue-hover-light" | "group-focus:to-gui-blue-active-light" | "group-focus:to-gui-blue-default-dark" | "group-focus:to-gui-blue-hover-dark" | "group-focus:to-gui-blue-active-dark" | "group-focus:to-gui-blue-focus" | "group-focus:to-gui-unavailable" | "group-focus:to-gui-success-green" | "group-focus:to-gui-error-red" | "group-focus:to-gui-focus" | "group-focus:to-gui-focus-outline" | "group-focus:to-gui-visited" | "group-focus:to-white" | "group-focus:to-extra-light-grey" | "group-focus:to-light-grey" | "group-focus:to-mid-grey" | "group-focus:to-dark-grey" | "group-focus:to-charcoal-grey" | "group-focus:to-cool-black" | "group-focus:to-active-orange" | "group-focus:to-bright-red" | "group-focus:to-red-orange" | "group-focus:to-electric-cyan" | "group-focus:to-zingy-green" | "group-focus:to-jazzy-pink" | "group-focus:to-gui-default" | "group-focus:to-gui-hover" | "group-focus:to-gui-active" | "group-focus:to-gui-error" | "group-focus:to-gui-success" | "group-focus:to-gui-default-dark" | "group-focus:to-gui-hover-dark" | "group-focus:to-gui-active-dark" | "group-focus:to-transparent" | "group-focus:border-neutral-000" | "group-focus:border-neutral-100" | "group-focus:border-neutral-200" | "group-focus:border-neutral-300" | "group-focus:border-neutral-400" | "group-focus:border-neutral-500" | "group-focus:border-neutral-600" | "group-focus:border-neutral-700" | "group-focus:border-neutral-800" | "group-focus:border-neutral-900" | "group-focus:border-neutral-1000" | "group-focus:border-neutral-1100" | "group-focus:border-neutral-1200" | "group-focus:border-neutral-1300" | "group-focus:border-orange-100" | "group-focus:border-orange-200" | "group-focus:border-orange-300" | "group-focus:border-orange-400" | "group-focus:border-orange-500" | "group-focus:border-orange-600" | "group-focus:border-orange-700" | "group-focus:border-orange-800" | "group-focus:border-orange-900" | "group-focus:border-orange-1000" | "group-focus:border-orange-1100" | "group-focus:border-yellow-100" | "group-focus:border-yellow-200" | "group-focus:border-yellow-300" | "group-focus:border-yellow-400" | "group-focus:border-yellow-500" | "group-focus:border-yellow-600" | "group-focus:border-yellow-700" | "group-focus:border-yellow-800" | "group-focus:border-yellow-900" | "group-focus:border-green-100" | "group-focus:border-green-200" | "group-focus:border-green-300" | "group-focus:border-green-400" | "group-focus:border-green-500" | "group-focus:border-green-600" | "group-focus:border-green-700" | "group-focus:border-green-800" | "group-focus:border-green-900" | "group-focus:border-blue-100" | "group-focus:border-blue-200" | "group-focus:border-blue-300" | "group-focus:border-blue-400" | "group-focus:border-blue-500" | "group-focus:border-blue-600" | "group-focus:border-blue-700" | "group-focus:border-blue-800" | "group-focus:border-blue-900" | "group-focus:border-violet-100" | "group-focus:border-violet-200" | "group-focus:border-violet-300" | "group-focus:border-violet-400" | "group-focus:border-violet-500" | "group-focus:border-violet-600" | "group-focus:border-violet-700" | "group-focus:border-violet-800" | "group-focus:border-violet-900" | "group-focus:border-pink-100" | "group-focus:border-pink-200" | "group-focus:border-pink-300" | "group-focus:border-pink-400" | "group-focus:border-pink-500" | "group-focus:border-pink-600" | "group-focus:border-pink-700" | "group-focus:border-pink-800" | "group-focus:border-pink-900" | "group-focus:border-gui-blue-default-light" | "group-focus:border-gui-blue-hover-light" | "group-focus:border-gui-blue-active-light" | "group-focus:border-gui-blue-default-dark" | "group-focus:border-gui-blue-hover-dark" | "group-focus:border-gui-blue-active-dark" | "group-focus:border-gui-blue-focus" | "group-focus:border-gui-unavailable" | "group-focus:border-gui-success-green" | "group-focus:border-gui-error-red" | "group-focus:border-gui-focus" | "group-focus:border-gui-focus-outline" | "group-focus:border-gui-visited" | "group-focus:border-white" | "group-focus:border-extra-light-grey" | "group-focus:border-light-grey" | "group-focus:border-mid-grey" | "group-focus:border-dark-grey" | "group-focus:border-charcoal-grey" | "group-focus:border-cool-black" | "group-focus:border-active-orange" | "group-focus:border-bright-red" | "group-focus:border-red-orange" | "group-focus:border-electric-cyan" | "group-focus:border-zingy-green" | "group-focus:border-jazzy-pink" | "group-focus:border-gui-default" | "group-focus:border-gui-hover" | "group-focus:border-gui-active" | "group-focus:border-gui-error" | "group-focus:border-gui-success" | "group-focus:border-gui-default-dark" | "group-focus:border-gui-hover-dark" | "group-focus:border-gui-active-dark" | "group-focus:border-transparent";
@@ -249,22 +261,15 @@ export const defaultIconSecondaryColor: (name: IconName) => "text-neutral-000" |
 }
 
 declare module '@ably/ui/core/Icon/types' {
-export type IconName = (typeof coreIcons)[number] | (typeof displayIcons)[number] | (typeof socialIcons)[number] | (typeof otherIcons)[number] | (typeof techIcons)[number] | (typeof productIcons)[number];
-const coreIcons: readonly ["icon-gui-ably-badge", "icon-gui-arrow-bidirectional-horizontal", "icon-gui-arrow-bidirectional-vertical", "icon-gui-arrow-down", "icon-gui-arrow-left", "icon-gui-arrow-right", "icon-gui-arrow-up", "icon-gui-burger-menu", "icon-gui-check-circled-fill", "icon-gui-check-circled-fill-black", "icon-gui-check-circled", "icon-gui-checklist-checked", "icon-gui-clock", "icon-gui-close", "icon-gui-cross-circled-fill", "icon-gui-cross-circled", "icon-gui-copy", "icon-gui-dash-circled", "icon-gui-disclosure-arrow", "icon-gui-document-generic", "icon-gui-enlarge", "icon-gui-external-link", "icon-gui-history", "icon-gui-info", "icon-gui-link-arrow", "icon-gui-live-chat", "icon-gui-minus", "icon-gui-partial", "icon-gui-plus", "icon-gui-quote-marks-solid", "icon-gui-refresh", "icon-gui-search", "icon-gui-tick", "icon-gui-warning", "icon-gui-link", "icon-gui-filter-flow-step-1", "icon-gui-filter-flow-step-2", "icon-gui-filter-flow-step-3", "icon-gui-resources"];
-const displayIcons: readonly ["icon-display-48hrs", "icon-display-ably-channels", "icon-display-about-ably-col", "icon-display-api-keys", "icon-display-api", "icon-display-architectural-guidance", "icon-display-asset-tracking-col", "icon-display-authentication", "icon-display-avatar-stack", "icon-display-browser", "icon-display-calendar", "icon-display-call-mobile", "icon-display-careers-col", "icon-display-case-studies-col", "icon-display-chat-col", "icon-display-chat-stack-col", "icon-display-cloud-servers", "icon-display-compare-tech-col", "icon-display-connection-state-&-recovery", "icon-display-consumer-groups", "icon-display-custom", "icon-display-custom-cname", "icon-display-customers-col", "icon-display-dedicated-cluster", "icon-display-deltas", "icon-display-docs-col", "icon-display-documentation", "icon-display-dynamic-channel-groups", "icon-display-edge-network", "icon-display-elasticity", "icon-display-events-col", "icon-display-exactly-once-delivery", "icon-display-examples-col", "icon-display-fan-out", "icon-display-firehose", "icon-display-gdpr", "icon-display-push-notifications-col", "icon-display-data-broadcast-col", "icon-display-data-synchronization-col", "icon-display-general-comms", "icon-display-granular-permissions", "icon-display-hipaa-mono", "icon-display-hipaa", "icon-display-history", "icon-display-integrations", "icon-display-integrations-col", "icon-display-it-support-access", "icon-display-it-support-helpdesk", "icon-display-laptop", "icon-display-lightbulb-col", "icon-display-live-chat", "icon-display-map-pin", "icon-display-message-batching", "icon-display-message-persistence", "icon-display-message-queues", "icon-display-message", "icon-display-observe-analytics", "icon-display-padlock-closed", "icon-display-platform", "icon-display-play", "icon-display-premium-support", "icon-display-privacy-shield-framework", "icon-display-push-notifications", "icon-display-quickstart-guides-col", "icon-display-resources-col", "icon-display-rewind", "icon-display-sdks-col", "icon-display-send-received-messages", "icon-display-servers", "icon-display-shopping-cart", "icon-display-sla", "icon-display-soc2-type2-mono", "icon-display-soc2-type2", "icon-display-subscription-filters", "icon-display-system-metadata", "icon-display-tech-account-comms", "icon-display-tutorials-demos-col", "icon-display-virtual-events-col", "icon-live-updates-results-metrics-col", "icon-multi-user-spaces-col"];
-const socialIcons: readonly ["icon-social-discord", "icon-social-facebook", "icon-social-github", "icon-social-glassdoor", "icon-social-linkedin", "icon-social-twitter", "icon-social-google", "icon-social-stackoverflow", "icon-social-youtube", "icon-social-x"];
-const otherIcons: readonly ["quote"];
-const techIcons: readonly ["icon-tech-amqp10", "icon-tech-apache-kafka", "icon-tech-apachepulsar", "icon-tech-awskinesis", "icon-tech-awslambda", "icon-tech-awssqs", "icon-tech-azureservicebus", "icon-tech-cloudflareworkers", "icon-tech-csharp", "icon-tech-flutter", "icon-tech-gcloudfunctions", "icon-tech-go", "icon-tech-ifttt", "icon-tech-java", "icon-tech-javascript", "icon-tech-net", "icon-tech-objectivec", "icon-tech-php", "icon-tech-python", "icon-tech-react", "icon-tech-ruby", "icon-tech-swift", "icon-tech-terraform", "icon-tech-zapier"];
-const productIcons: readonly ["icon-product-asset-tracking", "icon-product-chat", "icon-product-liveobjects", "icon-product-livesync", "icon-product-pubsub", "icon-product-spaces"];
 export const iconNames: {
-    core: readonly ["icon-gui-ably-badge", "icon-gui-arrow-bidirectional-horizontal", "icon-gui-arrow-bidirectional-vertical", "icon-gui-arrow-down", "icon-gui-arrow-left", "icon-gui-arrow-right", "icon-gui-arrow-up", "icon-gui-burger-menu", "icon-gui-check-circled-fill", "icon-gui-check-circled-fill-black", "icon-gui-check-circled", "icon-gui-checklist-checked", "icon-gui-clock", "icon-gui-close", "icon-gui-cross-circled-fill", "icon-gui-cross-circled", "icon-gui-copy", "icon-gui-dash-circled", "icon-gui-disclosure-arrow", "icon-gui-document-generic", "icon-gui-enlarge", "icon-gui-external-link", "icon-gui-history", "icon-gui-info", "icon-gui-link-arrow", "icon-gui-live-chat", "icon-gui-minus", "icon-gui-partial", "icon-gui-plus", "icon-gui-quote-marks-solid", "icon-gui-refresh", "icon-gui-search", "icon-gui-tick", "icon-gui-warning", "icon-gui-link", "icon-gui-filter-flow-step-1", "icon-gui-filter-flow-step-2", "icon-gui-filter-flow-step-3", "icon-gui-resources"];
-    display: readonly ["icon-display-48hrs", "icon-display-ably-channels", "icon-display-about-ably-col", "icon-display-api-keys", "icon-display-api", "icon-display-architectural-guidance", "icon-display-asset-tracking-col", "icon-display-authentication", "icon-display-avatar-stack", "icon-display-browser", "icon-display-calendar", "icon-display-call-mobile", "icon-display-careers-col", "icon-display-case-studies-col", "icon-display-chat-col", "icon-display-chat-stack-col", "icon-display-cloud-servers", "icon-display-compare-tech-col", "icon-display-connection-state-&-recovery", "icon-display-consumer-groups", "icon-display-custom", "icon-display-custom-cname", "icon-display-customers-col", "icon-display-dedicated-cluster", "icon-display-deltas", "icon-display-docs-col", "icon-display-documentation", "icon-display-dynamic-channel-groups", "icon-display-edge-network", "icon-display-elasticity", "icon-display-events-col", "icon-display-exactly-once-delivery", "icon-display-examples-col", "icon-display-fan-out", "icon-display-firehose", "icon-display-gdpr", "icon-display-push-notifications-col", "icon-display-data-broadcast-col", "icon-display-data-synchronization-col", "icon-display-general-comms", "icon-display-granular-permissions", "icon-display-hipaa-mono", "icon-display-hipaa", "icon-display-history", "icon-display-integrations", "icon-display-integrations-col", "icon-display-it-support-access", "icon-display-it-support-helpdesk", "icon-display-laptop", "icon-display-lightbulb-col", "icon-display-live-chat", "icon-display-map-pin", "icon-display-message-batching", "icon-display-message-persistence", "icon-display-message-queues", "icon-display-message", "icon-display-observe-analytics", "icon-display-padlock-closed", "icon-display-platform", "icon-display-play", "icon-display-premium-support", "icon-display-privacy-shield-framework", "icon-display-push-notifications", "icon-display-quickstart-guides-col", "icon-display-resources-col", "icon-display-rewind", "icon-display-sdks-col", "icon-display-send-received-messages", "icon-display-servers", "icon-display-shopping-cart", "icon-display-sla", "icon-display-soc2-type2-mono", "icon-display-soc2-type2", "icon-display-subscription-filters", "icon-display-system-metadata", "icon-display-tech-account-comms", "icon-display-tutorials-demos-col", "icon-display-virtual-events-col", "icon-live-updates-results-metrics-col", "icon-multi-user-spaces-col"];
-    social: readonly ["icon-social-discord", "icon-social-facebook", "icon-social-github", "icon-social-glassdoor", "icon-social-linkedin", "icon-social-twitter", "icon-social-google", "icon-social-stackoverflow", "icon-social-youtube", "icon-social-x"];
-    other: readonly ["quote"];
+    gui: readonly ["icon-gui-ably-badge", "icon-gui-arrow-bidirectional-horizontal", "icon-gui-arrow-bidirectional-vertical", "icon-gui-arrow-down", "icon-gui-arrow-left", "icon-gui-arrow-right", "icon-gui-arrow-up", "icon-gui-burger-menu", "icon-gui-check-circled-fill-black", "icon-gui-check-circled-fill", "icon-gui-check-circled", "icon-gui-checklist-checked", "icon-gui-clock", "icon-gui-close", "icon-gui-copy", "icon-gui-cross-circled-fill", "icon-gui-cross-circled", "icon-gui-dash-circled", "icon-gui-disclosure-arrow", "icon-gui-document-generic", "icon-gui-enlarge", "icon-gui-external-link", "icon-gui-filter-flow-step-1", "icon-gui-filter-flow-step-2", "icon-gui-filter-flow-step-3", "icon-gui-history", "icon-gui-info", "icon-gui-link-arrow", "icon-gui-link", "icon-gui-live-chat", "icon-gui-minus", "icon-gui-partial", "icon-gui-plus", "icon-gui-quote-marks-solid", "icon-gui-refresh", "icon-gui-resources", "icon-gui-search", "icon-gui-tick", "icon-gui-warning"];
+    display: readonly ["icon-display-48hrs", "icon-display-ably-channels", "icon-display-about-ably-col", "icon-display-api-keys", "icon-display-api", "icon-display-architectural-guidance", "icon-display-asset-tracking-col", "icon-display-authentication", "icon-display-avatar-stack", "icon-display-browser", "icon-display-calendar", "icon-display-call-mobile", "icon-display-careers-col", "icon-display-case-studies-col", "icon-display-chat-col", "icon-display-chat-stack-col", "icon-display-chat-stack", "icon-display-cloud-servers", "icon-display-compare-tech-col", "icon-display-connection-state-&-recovery", "icon-display-consumer-groups", "icon-display-custom-cname", "icon-display-custom", "icon-display-customers-col", "icon-display-data-broadcast-col", "icon-display-data-synchronization-col", "icon-display-dedicated-cluster", "icon-display-deltas", "icon-display-docs-col", "icon-display-documentation", "icon-display-dynamic-channel-groups", "icon-display-edge-network", "icon-display-elasticity", "icon-display-events-col", "icon-display-exactly-once-delivery", "icon-display-examples-col", "icon-display-fan-out", "icon-display-firehose", "icon-display-gdpr", "icon-display-general-comms", "icon-display-granular-permissions", "icon-display-hipaa-mono", "icon-display-hipaa", "icon-display-history", "icon-display-integrations-col", "icon-display-integrations", "icon-display-it-support-access", "icon-display-it-support-helpdesk", "icon-display-kafka-at-the-edge-col", "icon-display-laptop", "icon-display-lightbulb-col", "icon-display-live-chat", "icon-display-live-updates-results-metrics-col", "icon-display-map-pin", "icon-display-message-batching", "icon-display-message-persistence", "icon-display-message-queues", "icon-display-message", "icon-display-multi-user-spaces-col", "icon-display-observe-analytics", "icon-display-padlock-closed", "icon-display-platform", "icon-display-play", "icon-display-premium-support", "icon-display-privacy-shield-framework", "icon-display-private-link", "icon-display-push-notifications-col", "icon-display-push-notifications", "icon-display-quickstart-guides-col", "icon-display-resources-col", "icon-display-rewind", "icon-display-sdks-col", "icon-display-send-received-messages", "icon-display-servers", "icon-display-shopping-cart", "icon-display-sla", "icon-display-soc2-type2-mono", "icon-display-soc2-type2", "icon-display-subscription-filters", "icon-display-system-metadata", "icon-display-tech-account-comms", "icon-display-tutorials-demos-col", "icon-display-virtual-events-col", "icon-display-virtual-events"];
+    social: readonly ["icon-social-discord", "icon-social-facebook", "icon-social-github", "icon-social-glassdoor", "icon-social-google", "icon-social-linkedin", "icon-social-stackoverflow", "icon-social-twitter", "icon-social-x", "icon-social-youtube"];
+    other: readonly ["icon-other-quote"];
     tech: readonly ["icon-tech-amqp10", "icon-tech-apache-kafka", "icon-tech-apachepulsar", "icon-tech-awskinesis", "icon-tech-awslambda", "icon-tech-awssqs", "icon-tech-azureservicebus", "icon-tech-cloudflareworkers", "icon-tech-csharp", "icon-tech-flutter", "icon-tech-gcloudfunctions", "icon-tech-go", "icon-tech-ifttt", "icon-tech-java", "icon-tech-javascript", "icon-tech-net", "icon-tech-objectivec", "icon-tech-php", "icon-tech-python", "icon-tech-react", "icon-tech-ruby", "icon-tech-swift", "icon-tech-terraform", "icon-tech-zapier"];
     product: readonly ["icon-product-asset-tracking", "icon-product-chat", "icon-product-liveobjects", "icon-product-livesync", "icon-product-pubsub", "icon-product-spaces"];
 };
-export {};
+export type IconName = (typeof iconNames.gui)[number] | (typeof iconNames.display)[number] | (typeof iconNames.social)[number] | (typeof iconNames.other)[number] | (typeof iconNames.tech)[number] | (typeof iconNames.product)[number];
 //# sourceMappingURL=types.d.ts.map
 }
 
@@ -962,6 +967,8 @@ export const variants: readonly ["", "hover:", "focus:", "group-hover:", "group-
 type ColorClassVariants = (typeof variants)[number];
 export const prefixes: readonly ["text", "bg", "from", "to", "border"];
 type ColorClassPrefixes = (typeof prefixes)[number];
+export const colors: readonly ["neutral", "orange", "blue", "yellow", "green", "violet", "pink"];
+export type ColorClassColorGroups = (typeof colors)[number];
 export type Theme = "light" | "dark";
 export type ColorClass = `${ColorClassVariants}${ColorClassPrefixes}-${ColorName}`;
 export const neutralColors: readonly ["neutral-000", "neutral-100", "neutral-200", "neutral-300", "neutral-400", "neutral-500", "neutral-600", "neutral-700", "neutral-800", "neutral-900", "neutral-1000", "neutral-1100", "neutral-1200", "neutral-1300"];
@@ -974,14 +981,21 @@ export const pinkColors: readonly ["pink-100", "pink-200", "pink-300", "pink-400
 const secondaryColors: readonly ["yellow-100", "yellow-200", "yellow-300", "yellow-400", "yellow-500", "yellow-600", "yellow-700", "yellow-800", "yellow-900", "green-100", "green-200", "green-300", "green-400", "green-500", "green-600", "green-700", "green-800", "green-900", "blue-100", "blue-200", "blue-300", "blue-400", "blue-500", "blue-600", "blue-700", "blue-800", "blue-900", "violet-100", "violet-200", "violet-300", "violet-400", "violet-500", "violet-600", "violet-700", "violet-800", "violet-900", "pink-100", "pink-200", "pink-300", "pink-400", "pink-500", "pink-600", "pink-700", "pink-800", "pink-900"];
 const guiColors: readonly ["gui-blue-default-light", "gui-blue-hover-light", "gui-blue-active-light", "gui-blue-default-dark", "gui-blue-hover-dark", "gui-blue-active-dark", "gui-blue-focus", "gui-unavailable", "gui-success-green", "gui-error-red", "gui-focus", "gui-focus-outline", "gui-visited"];
 const aliasedColors: readonly ["white", "extra-light-grey", "light-grey", "mid-grey", "dark-grey", "charcoal-grey", "cool-black", "active-orange", "bright-red", "red-orange", "electric-cyan", "zingy-green", "jazzy-pink", "gui-default", "gui-hover", "gui-active", "gui-error", "gui-success", "gui-default-dark", "gui-hover-dark", "gui-active-dark", "transparent"];
-export const colorNames: {
+export const colorRoles: {
     neutral: readonly ["neutral-000", "neutral-100", "neutral-200", "neutral-300", "neutral-400", "neutral-500", "neutral-600", "neutral-700", "neutral-800", "neutral-900", "neutral-1000", "neutral-1100", "neutral-1200", "neutral-1300"];
     orange: readonly ["orange-100", "orange-200", "orange-300", "orange-400", "orange-500", "orange-600", "orange-700", "orange-800", "orange-900", "orange-1000", "orange-1100"];
     secondary: readonly ["yellow-100", "yellow-200", "yellow-300", "yellow-400", "yellow-500", "yellow-600", "yellow-700", "yellow-800", "yellow-900", "green-100", "green-200", "green-300", "green-400", "green-500", "green-600", "green-700", "green-800", "green-900", "blue-100", "blue-200", "blue-300", "blue-400", "blue-500", "blue-600", "blue-700", "blue-800", "blue-900", "violet-100", "violet-200", "violet-300", "violet-400", "violet-500", "violet-600", "violet-700", "violet-800", "violet-900", "pink-100", "pink-200", "pink-300", "pink-400", "pink-500", "pink-600", "pink-700", "pink-800", "pink-900"];
     gui: readonly ["gui-blue-default-light", "gui-blue-hover-light", "gui-blue-active-light", "gui-blue-default-dark", "gui-blue-hover-dark", "gui-blue-active-dark", "gui-blue-focus", "gui-unavailable", "gui-success-green", "gui-error-red", "gui-focus", "gui-focus-outline", "gui-visited"];
 };
-export const numericalColors: (readonly ["neutral-000", "neutral-100", "neutral-200", "neutral-300", "neutral-400", "neutral-500", "neutral-600", "neutral-700", "neutral-800", "neutral-900", "neutral-1000", "neutral-1100", "neutral-1200", "neutral-1300"] | readonly ["orange-100", "orange-200", "orange-300", "orange-400", "orange-500", "orange-600", "orange-700", "orange-800", "orange-900", "orange-1000", "orange-1100"] | readonly ["yellow-100", "yellow-200", "yellow-300", "yellow-400", "yellow-500", "yellow-600", "yellow-700", "yellow-800", "yellow-900"] | readonly ["green-100", "green-200", "green-300", "green-400", "green-500", "green-600", "green-700", "green-800", "green-900"] | readonly ["blue-100", "blue-200", "blue-300", "blue-400", "blue-500", "blue-600", "blue-700", "blue-800", "blue-900"] | readonly ["violet-100", "violet-200", "violet-300", "violet-400", "violet-500", "violet-600", "violet-700", "violet-800", "violet-900"] | readonly ["pink-100", "pink-200", "pink-300", "pink-400", "pink-500", "pink-600", "pink-700", "pink-800", "pink-900"])[];
-export type ComputedColors = Record<ColorClass, Partial<Record<Theme, ColorClass>>>;
+export const colorGroupLengths: {
+    neutral: 14;
+    orange: 11;
+    blue: 9;
+    yellow: 9;
+    green: 9;
+    violet: 9;
+    pink: 9;
+};
 export {};
 //# sourceMappingURL=types.d.ts.map
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ably/ui",
-  "version": "14.7.0-dev.19c0991",
+  "version": "14.7.1-dev.4cc0c0c",
   "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.",
   "repository": {
     "type": "git",
@@ -31,6 +31,7 @@
     "@types/js-cookie": "^3.0.6",
     "@types/lodash.throttle": "^4.1.9",
     "@types/react-dom": "^18.3.0",
+    "@types/svg-sprite": "^0.0.39",
     "@typescript-eslint/eslint-plugin": "^7.0.0",
     "@typescript-eslint/parser": "^6.21.0",
     "@vitejs/plugin-react": "^4.2.1",
@@ -52,12 +53,13 @@
     "vite": "^5.2.12"
   },
   "scripts": {
-    "build:prebuild": "rm -rf core reset",
+    "build:prebuild": "rm -rf core reset && mkdir -p dist/core",
     "build:swc": "swc src/core src/reset -d dist --copy-files --include-dotfiles --strip-leading-paths --config-file .swc --ignore **/*.stories.tsx,**/*.snap",
     "build:tsc": "tsc && node tsc.js && rm -r types",
     "build:cleanup": "mv dist/* . && rm -r dist",
     "build:colors": "ts-node scripts/compute-colors.ts",
-    "build": "yarn build:prebuild && yarn build:colors && yarn build:swc && node sprites.js && yarn build:tsc && yarn build:cleanup",
+    "build:sprites": "ts-node scripts/generate-sprites.ts",
+    "build": "yarn build:prebuild && yarn build:colors && yarn build:sprites && yarn build:swc && yarn build:tsc && yarn build:cleanup",
     "watch": "yarn build:swc -w",
     "format:check": "prettier -c *.{js,ts} src/**/*.{js,ts,tsx}",
     "format:write": "prettier -w *.{js,ts} src/**/*.{js,ts,tsx}",