@razorpay/blade 10.23.5 → 11.0.0

package/build/lib/web/development/tokens/theme/bladeTheme.js

@@ -0,0 +1,925 @@
+import '../global/index.js';
+import { colors as colors$1 } from '../global/colors.js';
+import { opacity } from '../global/opacity.js';
+import { border } from '../global/border.js';
+import { breakpoints } from '../global/breakpoints.js';
+import { motion } from '../global/motion.js';
+import { spacing } from '../global/spacing.js';
+import { elevation } from '../global/elevation/elevation.web.js';
+import { typography } from '../global/typography.js';
+
+var colors = {
+  onLight: {
+    surface: {
+      background: {
+        gray: {
+          subtle: colors$1.neutral.blueGrayLight[100],
+          moderate: colors$1.neutral.blueGrayLight[50],
+          intense: colors$1.neutral.blueGrayLight[0]
+        },
+        primary: {
+          subtle: colors$1.chromatic.azure.a50,
+          intense: colors$1.chromatic.azure[500]
+        },
+        sea: {
+          subtle: colors$1.chromatic.sea[50],
+          intense: colors$1.chromatic.sea[800]
+        },
+        cloud: {
+          subtle: colors$1.chromatic.cloud[50],
+          intense: colors$1.chromatic.cloud[800]
+        }
+      },
+      border: {
+        gray: {
+          normal: colors$1.neutral.blueGrayLight[500],
+          subtle: colors$1.neutral.blueGrayLight[300],
+          muted: colors$1.neutral.blueGrayLight.a100
+        },
+        primary: {
+          normal: colors$1.chromatic.azure[500],
+          muted: colors$1.chromatic.azure.a100
+        }
+      },
+      text: {
+        gray: {
+          normal: colors$1.neutral.blueGrayLight[1200],
+          subtle: colors$1.neutral.blueGrayLight[900],
+          muted: colors$1.neutral.blueGrayLight[600],
+          disabled: colors$1.neutral.blueGrayLight.a200
+        },
+        primary: {
+          normal: colors$1.chromatic.azure[500]
+        },
+        onSea: {
+          onSubtle: colors$1.chromatic.forest[800],
+          onIntense: colors$1.chromatic.forest[200]
+        },
+        onCloud: {
+          onSubtle: colors$1.chromatic.azure[600],
+          onIntense: colors$1.chromatic.azure[200]
+        },
+        staticWhite: {
+          normal: colors$1.neutral.white[500],
+          subtle: colors$1.neutral.white[450],
+          muted: colors$1.neutral.white[200],
+          disabled: colors$1.neutral.white[100]
+        },
+        staticBlack: {
+          normal: colors$1.neutral.black[500],
+          subtle: colors$1.neutral.black[300],
+          muted: colors$1.neutral.black[200],
+          disabled: colors$1.neutral.black[100]
+        }
+      },
+      icon: {
+        gray: {
+          normal: colors$1.neutral.blueGrayLight[1200],
+          subtle: colors$1.neutral.blueGrayLight[900],
+          muted: colors$1.neutral.blueGrayLight[600],
+          disabled: colors$1.neutral.blueGrayLight.a200
+        },
+        primary: {
+          normal: colors$1.chromatic.azure[500]
+        },
+        onSea: {
+          onSubtle: colors$1.chromatic.forest[600],
+          onIntense: colors$1.chromatic.forest[400]
+        },
+        onCloud: {
+          onSubtle: colors$1.chromatic.azure[400],
+          onIntense: colors$1.chromatic.azure[300]
+        },
+        staticWhite: {
+          normal: colors$1.neutral.white[500],
+          subtle: colors$1.neutral.white[450],
+          muted: colors$1.neutral.white[200],
+          disabled: colors$1.neutral.white[100]
+        },
+        staticBlack: {
+          normal: colors$1.neutral.black[500],
+          subtle: colors$1.neutral.black[300],
+          muted: colors$1.neutral.black[200],
+          disabled: colors$1.neutral.black[100]
+        }
+      }
+    },
+    feedback: {
+      background: {
+        positive: {
+          subtle: colors$1.chromatic.emerald.a50,
+          intense: colors$1.chromatic.emerald[600]
+        },
+        negative: {
+          subtle: colors$1.chromatic.crimson.a50,
+          intense: colors$1.chromatic.crimson[600]
+        },
+        notice: {
+          subtle: colors$1.chromatic.cider.a50,
+          intense: colors$1.chromatic.cider[600]
+        },
+        information: {
+          subtle: colors$1.chromatic.sapphire.a50,
+          intense: colors$1.chromatic.sapphire[600]
+        },
+        neutral: {
+          subtle: colors$1.neutral.blueGrayLight.a50,
+          intense: colors$1.neutral.blueGrayLight[1000]
+        }
+      },
+      border: {
+        positive: {
+          subtle: colors$1.chromatic.emerald.a100,
+          intense: colors$1.chromatic.emerald[700]
+        },
+        negative: {
+          subtle: colors$1.chromatic.crimson.a100,
+          intense: colors$1.chromatic.crimson[700]
+        },
+        notice: {
+          subtle: colors$1.chromatic.cider.a100,
+          intense: colors$1.chromatic.cider[700]
+        },
+        information: {
+          subtle: colors$1.chromatic.sapphire.a100,
+          intense: colors$1.chromatic.sapphire[700]
+        },
+        neutral: {
+          subtle: colors$1.neutral.blueGrayLight.a100,
+          intense: colors$1.neutral.blueGrayLight[1100]
+        }
+      },
+      text: {
+        positive: {
+          subtle: colors$1.chromatic.emerald[100],
+          intense: colors$1.chromatic.emerald[700]
+        },
+        negative: {
+          subtle: colors$1.chromatic.crimson[100],
+          intense: colors$1.chromatic.crimson[600]
+        },
+        notice: {
+          subtle: colors$1.chromatic.cider[100],
+          intense: colors$1.chromatic.cider[700]
+        },
+        information: {
+          subtle: colors$1.chromatic.sapphire[100],
+          intense: colors$1.chromatic.sapphire[700]
+        },
+        neutral: {
+          subtle: colors$1.neutral.blueGrayLight[500],
+          intense: colors$1.neutral.blueGrayLight[1100]
+        }
+      },
+      icon: {
+        positive: {
+          subtle: colors$1.chromatic.emerald[100],
+          intense: colors$1.chromatic.emerald[700]
+        },
+        negative: {
+          subtle: colors$1.chromatic.crimson[100],
+          intense: colors$1.chromatic.crimson[600]
+        },
+        notice: {
+          subtle: colors$1.chromatic.cider[100],
+          intense: colors$1.chromatic.cider[700]
+        },
+        information: {
+          subtle: colors$1.chromatic.sapphire[100],
+          intense: colors$1.chromatic.sapphire[700]
+        },
+        neutral: {
+          subtle: colors$1.neutral.blueGrayLight[500],
+          intense: colors$1.neutral.blueGrayLight[1100]
+        }
+      }
+    },
+    interactive: {
+      background: {
+        positive: {
+          "default": colors$1.chromatic.emerald[600],
+          highlighted: colors$1.chromatic.emerald[700],
+          disabled: colors$1.chromatic.emerald.a50,
+          faded: colors$1.chromatic.emerald.a50,
+          fadedHighlighted: colors$1.chromatic.emerald.a100
+        },
+        negative: {
+          "default": colors$1.chromatic.crimson[600],
+          highlighted: colors$1.chromatic.crimson[700],
+          disabled: colors$1.chromatic.crimson.a50,
+          faded: colors$1.chromatic.crimson.a50,
+          fadedHighlighted: colors$1.chromatic.crimson.a100
+        },
+        notice: {
+          "default": colors$1.chromatic.cider[600],
+          highlighted: colors$1.chromatic.cider[700],
+          disabled: colors$1.chromatic.cider.a50,
+          faded: colors$1.chromatic.cider.a50,
+          fadedHighlighted: colors$1.chromatic.cider.a100
+        },
+        information: {
+          "default": colors$1.chromatic.sapphire[600],
+          highlighted: colors$1.chromatic.sapphire[700],
+          disabled: colors$1.chromatic.sapphire.a50,
+          faded: colors$1.chromatic.sapphire.a50,
+          fadedHighlighted: colors$1.chromatic.sapphire.a100
+        },
+        neutral: {
+          "default": colors$1.neutral.blueGrayLight[1000],
+          highlighted: colors$1.neutral.blueGrayLight[1100],
+          disabled: colors$1.neutral.blueGrayLight.a100,
+          faded: colors$1.neutral.blueGrayLight.a100,
+          fadedHighlighted: colors$1.neutral.blueGrayLight.a200
+        },
+        gray: {
+          "default": colors$1.neutral.blueGrayLight.a50,
+          highlighted: colors$1.neutral.blueGrayLight.a100,
+          disabled: colors$1.neutral.blueGrayLight.a50,
+          faded: colors$1.neutral.blueGrayLight.a75,
+          fadedHighlighted: colors$1.neutral.blueGrayLight.a100
+        },
+        primary: {
+          "default": colors$1.chromatic.azure[500],
+          highlighted: colors$1.chromatic.azure[600],
+          disabled: colors$1.chromatic.azure.a50,
+          faded: colors$1.chromatic.azure.a50,
+          fadedHighlighted: colors$1.chromatic.azure.a100
+        },
+        staticBlack: {
+          "default": colors$1.neutral.black[500],
+          highlighted: colors$1.neutral.black[500],
+          disabled: colors$1.neutral.black[200],
+          faded: colors$1.neutral.black[50],
+          fadedHighlighted: colors$1.neutral.black[100]
+        },
+        staticWhite: {
+          "default": colors$1.neutral.white[500],
+          highlighted: colors$1.neutral.white[400],
+          disabled: colors$1.neutral.white[50],
+          faded: colors$1.neutral.white[50],
+          fadedHighlighted: colors$1.neutral.white[100]
+        }
+      },
+      border: {
+        positive: {
+          "default": colors$1.chromatic.emerald[600],
+          highlighted: colors$1.chromatic.emerald[700],
+          disabled: colors$1.chromatic.emerald.a100,
+          faded: colors$1.chromatic.emerald.a100
+        },
+        negative: {
+          "default": colors$1.chromatic.crimson[600],
+          highlighted: colors$1.chromatic.crimson[700],
+          disabled: colors$1.chromatic.crimson.a100,
+          faded: colors$1.chromatic.crimson.a100
+        },
+        notice: {
+          "default": colors$1.chromatic.cider[600],
+          highlighted: colors$1.chromatic.cider[700],
+          disabled: colors$1.chromatic.cider.a100,
+          faded: colors$1.chromatic.cider.a100
+        },
+        information: {
+          "default": colors$1.chromatic.sapphire[600],
+          highlighted: colors$1.chromatic.sapphire[700],
+          disabled: colors$1.chromatic.sapphire.a100,
+          faded: colors$1.chromatic.sapphire.a100
+        },
+        neutral: {
+          "default": colors$1.neutral.blueGrayLight[700],
+          highlighted: colors$1.neutral.blueGrayLight[700],
+          disabled: colors$1.neutral.blueGrayLight[300],
+          faded: colors$1.neutral.blueGrayLight.a100
+        },
+        gray: {
+          "default": colors$1.neutral.blueGrayLight[400],
+          highlighted: colors$1.neutral.blueGrayLight[400],
+          disabled: colors$1.neutral.blueGrayLight[200],
+          faded: colors$1.neutral.blueGrayLight.a100
+        },
+        primary: {
+          "default": colors$1.chromatic.azure[500],
+          highlighted: colors$1.chromatic.azure[500],
+          disabled: colors$1.chromatic.azure.a100,
+          faded: colors$1.chromatic.azure.a100
+        },
+        staticWhite: {
+          "default": colors$1.neutral.white[500],
+          highlighted: colors$1.neutral.white[400],
+          disabled: colors$1.neutral.white[100],
+          faded: colors$1.neutral.white[50]
+        },
+        staticBlack: {
+          "default": colors$1.neutral.black[500],
+          highlighted: colors$1.neutral.black[500],
+          disabled: colors$1.neutral.black[100],
+          faded: colors$1.neutral.black[100]
+        }
+      },
+      text: {
+        positive: {
+          normal: colors$1.chromatic.emerald[700],
+          subtle: colors$1.chromatic.emerald[600],
+          muted: colors$1.chromatic.emerald[400],
+          disabled: colors$1.chromatic.emerald.a200
+        },
+        negative: {
+          normal: colors$1.chromatic.crimson[600],
+          subtle: colors$1.chromatic.crimson[500],
+          muted: colors$1.chromatic.crimson[400],
+          disabled: colors$1.chromatic.crimson.a200
+        },
+        notice: {
+          normal: colors$1.chromatic.cider[700],
+          subtle: colors$1.chromatic.cider[600],
+          muted: colors$1.chromatic.cider[400],
+          disabled: colors$1.chromatic.cider.a200
+        },
+        information: {
+          normal: colors$1.chromatic.sapphire[700],
+          subtle: colors$1.chromatic.sapphire[600],
+          muted: colors$1.chromatic.sapphire[400],
+          disabled: colors$1.chromatic.sapphire.a200
+        },
+        neutral: {
+          normal: colors$1.neutral.blueGrayLight[1100],
+          subtle: colors$1.neutral.blueGrayLight[900],
+          muted: colors$1.neutral.blueGrayLight[600],
+          disabled: colors$1.neutral.blueGrayLight.a200
+        },
+        gray: {
+          normal: colors$1.neutral.blueGrayLight[1200],
+          subtle: colors$1.neutral.blueGrayLight[900],
+          muted: colors$1.neutral.blueGrayLight[600],
+          disabled: colors$1.neutral.blueGrayLight.a200
+        },
+        primary: {
+          normal: colors$1.chromatic.azure[600],
+          subtle: colors$1.chromatic.azure[500],
+          muted: colors$1.chromatic.azure[400],
+          disabled: colors$1.chromatic.azure.a100
+        },
+        onPrimary: {
+          normal: colors$1.neutral.white[500],
+          subtle: colors$1.neutral.white[400],
+          muted: colors$1.neutral.white[300],
+          disabled: colors$1.neutral.white[100]
+        },
+        staticWhite: {
+          normal: colors$1.neutral.white[500],
+          subtle: colors$1.neutral.white[400],
+          muted: colors$1.neutral.white[300],
+          disabled: colors$1.neutral.white[100]
+        },
+        staticBlack: {
+          normal: colors$1.neutral.black[500],
+          subtle: colors$1.neutral.black[400],
+          muted: colors$1.neutral.black[300],
+          disabled: colors$1.neutral.black[100]
+        }
+      },
+      icon: {
+        positive: {
+          normal: colors$1.chromatic.emerald[700],
+          subtle: colors$1.chromatic.emerald[600],
+          muted: colors$1.chromatic.emerald[400],
+          disabled: colors$1.chromatic.emerald.a200
+        },
+        negative: {
+          normal: colors$1.chromatic.crimson[600],
+          subtle: colors$1.chromatic.crimson[500],
+          muted: colors$1.chromatic.crimson[400],
+          disabled: colors$1.chromatic.crimson.a200
+        },
+        notice: {
+          normal: colors$1.chromatic.cider[700],
+          subtle: colors$1.chromatic.cider[600],
+          muted: colors$1.chromatic.cider[400],
+          disabled: colors$1.chromatic.cider.a200
+        },
+        information: {
+          normal: colors$1.chromatic.sapphire[700],
+          subtle: colors$1.chromatic.sapphire[600],
+          muted: colors$1.chromatic.sapphire[400],
+          disabled: colors$1.chromatic.sapphire.a200
+        },
+        neutral: {
+          normal: colors$1.neutral.blueGrayLight[1100],
+          subtle: colors$1.neutral.blueGrayLight[900],
+          muted: colors$1.neutral.blueGrayLight[600],
+          disabled: colors$1.neutral.blueGrayLight.a200
+        },
+        gray: {
+          normal: colors$1.neutral.blueGrayLight[1200],
+          subtle: colors$1.neutral.blueGrayLight[900],
+          muted: colors$1.neutral.blueGrayLight[600],
+          disabled: colors$1.neutral.blueGrayLight.a200
+        },
+        primary: {
+          normal: colors$1.chromatic.azure[600],
+          subtle: colors$1.chromatic.azure[500],
+          muted: colors$1.chromatic.azure[400],
+          disabled: colors$1.chromatic.azure.a100
+        },
+        onPrimary: {
+          normal: colors$1.neutral.white[500],
+          subtle: colors$1.neutral.white[400],
+          muted: colors$1.neutral.white[300],
+          disabled: colors$1.neutral.white[100]
+        },
+        staticWhite: {
+          normal: colors$1.neutral.white[500],
+          subtle: colors$1.neutral.white[400],
+          muted: colors$1.neutral.white[300],
+          disabled: colors$1.neutral.white[100]
+        },
+        staticBlack: {
+          normal: colors$1.neutral.black[500],
+          subtle: colors$1.neutral.black[400],
+          muted: colors$1.neutral.black[300],
+          disabled: colors$1.neutral.black[100]
+        }
+      }
+    },
+    overlay: {
+      background: {
+        moderate: colors$1.neutral.blueGrayLight.a200,
+        subtle: colors$1.neutral.black[200]
+      }
+    },
+    popup: {
+      background: {
+        subtle: colors$1.neutral.blueGrayLight[0],
+        intense: colors$1.neutral.blueGrayLight[1000]
+      },
+      border: {
+        subtle: colors$1.neutral.blueGrayLight.a100,
+        intense: colors$1.neutral.blueGrayLight[900]
+      }
+    },
+    transparent: "hsla(0, 0%, 100%, ".concat(opacity[0], ")")
+  },
+  onDark: {
+    surface: {
+      background: {
+        gray: {
+          subtle: colors$1.neutral.blueGrayDark[1300],
+          moderate: colors$1.neutral.blueGrayDark[1200],
+          intense: colors$1.neutral.blueGrayDark[1100]
+        },
+        primary: {
+          subtle: colors$1.chromatic.azure.a200,
+          intense: colors$1.chromatic.azure[500]
+        },
+        sea: {
+          subtle: colors$1.chromatic.sea[900],
+          intense: colors$1.chromatic.sea[100]
+        },
+        cloud: {
+          subtle: colors$1.chromatic.cloud[900],
+          intense: colors$1.chromatic.cloud[100]
+        }
+      },
+      border: {
+        gray: {
+          normal: colors$1.neutral.blueGrayDark[700],
+          subtle: colors$1.neutral.blueGrayDark[900],
+          muted: colors$1.neutral.blueGrayDark.a100
+        },
+        primary: {
+          normal: colors$1.chromatic.azure[500],
+          muted: colors$1.chromatic.azure.a200
+        }
+      },
+      text: {
+        gray: {
+          normal: colors$1.neutral.blueGrayDark[50],
+          subtle: colors$1.neutral.blueGrayDark[300],
+          muted: colors$1.neutral.blueGrayDark[600],
+          disabled: colors$1.neutral.blueGrayDark.a200
+        },
+        primary: {
+          normal: colors$1.chromatic.azure[300]
+        },
+        onSea: {
+          onSubtle: colors$1.chromatic.forest[200],
+          onIntense: colors$1.chromatic.forest[800]
+        },
+        onCloud: {
+          onSubtle: colors$1.chromatic.azure[200],
+          onIntense: colors$1.chromatic.azure[600]
+        },
+        staticWhite: {
+          normal: colors$1.neutral.white[500],
+          subtle: colors$1.neutral.white[450],
+          muted: colors$1.neutral.white[200],
+          disabled: colors$1.neutral.white[100]
+        },
+        staticBlack: {
+          normal: colors$1.neutral.black[500],
+          subtle: colors$1.neutral.black[300],
+          muted: colors$1.neutral.black[200],
+          disabled: colors$1.neutral.black[100]
+        }
+      },
+      icon: {
+        gray: {
+          normal: colors$1.neutral.blueGrayDark[50],
+          subtle: colors$1.neutral.blueGrayDark[300],
+          muted: colors$1.neutral.blueGrayDark[600],
+          disabled: colors$1.neutral.blueGrayDark.a200
+        },
+        primary: {
+          normal: colors$1.chromatic.azure[300]
+        },
+        onSea: {
+          onSubtle: colors$1.chromatic.forest[400],
+          onIntense: colors$1.chromatic.forest[600]
+        },
+        onCloud: {
+          onSubtle: colors$1.chromatic.azure[300],
+          onIntense: colors$1.chromatic.azure[400]
+        },
+        staticWhite: {
+          normal: colors$1.neutral.white[500],
+          subtle: colors$1.neutral.white[450],
+          muted: colors$1.neutral.white[200],
+          disabled: colors$1.neutral.white[100]
+        },
+        staticBlack: {
+          normal: colors$1.neutral.black[500],
+          subtle: colors$1.neutral.black[300],
+          muted: colors$1.neutral.black[200],
+          disabled: colors$1.neutral.black[100]
+        }
+      }
+    },
+    feedback: {
+      background: {
+        positive: {
+          subtle: colors$1.chromatic.emerald.a100,
+          intense: colors$1.chromatic.emerald[700]
+        },
+        negative: {
+          subtle: colors$1.chromatic.crimson.a100,
+          intense: colors$1.chromatic.crimson[700]
+        },
+        notice: {
+          subtle: colors$1.chromatic.cider.a100,
+          intense: colors$1.chromatic.cider[700]
+        },
+        information: {
+          subtle: colors$1.chromatic.sapphire.a100,
+          intense: colors$1.chromatic.sapphire[700]
+        },
+        neutral: {
+          subtle: colors$1.neutral.blueGrayDark[900],
+          intense: colors$1.neutral.blueGrayDark[200]
+        }
+      },
+      border: {
+        positive: {
+          subtle: colors$1.chromatic.emerald.a200,
+          intense: colors$1.chromatic.emerald[800]
+        },
+        negative: {
+          subtle: colors$1.chromatic.crimson.a200,
+          intense: colors$1.chromatic.crimson[800]
+        },
+        notice: {
+          subtle: colors$1.chromatic.cider.a200,
+          intense: colors$1.chromatic.cider[800]
+        },
+        information: {
+          subtle: colors$1.chromatic.sapphire.a200,
+          intense: colors$1.chromatic.sapphire[800]
+        },
+        neutral: {
+          subtle: colors$1.neutral.blueGrayLight[900],
+          intense: colors$1.neutral.blueGrayLight[300]
+        }
+      },
+      text: {
+        positive: {
+          subtle: colors$1.chromatic.emerald[50],
+          intense: colors$1.chromatic.emerald[400]
+        },
+        negative: {
+          subtle: colors$1.chromatic.crimson[50],
+          intense: colors$1.chromatic.crimson[400]
+        },
+        notice: {
+          subtle: colors$1.chromatic.cider[50],
+          intense: colors$1.chromatic.cider[400]
+        },
+        information: {
+          subtle: colors$1.chromatic.sapphire[50],
+          intense: colors$1.chromatic.sapphire[400]
+        },
+        neutral: {
+          subtle: colors$1.neutral.blueGrayDark[700],
+          intense: colors$1.neutral.blueGrayDark[50]
+        }
+      },
+      icon: {
+        positive: {
+          subtle: colors$1.chromatic.emerald[50],
+          intense: colors$1.chromatic.emerald[400]
+        },
+        negative: {
+          subtle: colors$1.chromatic.crimson[50],
+          intense: colors$1.chromatic.crimson[400]
+        },
+        notice: {
+          subtle: colors$1.chromatic.cider[50],
+          intense: colors$1.chromatic.cider[400]
+        },
+        information: {
+          subtle: colors$1.chromatic.sapphire[50],
+          intense: colors$1.chromatic.sapphire[400]
+        },
+        neutral: {
+          subtle: colors$1.neutral.blueGrayDark[700],
+          intense: colors$1.neutral.blueGrayDark[50]
+        }
+      }
+    },
+    interactive: {
+      background: {
+        positive: {
+          "default": colors$1.chromatic.emerald[600],
+          highlighted: colors$1.chromatic.emerald[700],
+          disabled: colors$1.chromatic.emerald.a100,
+          faded: colors$1.chromatic.emerald.a150,
+          fadedHighlighted: colors$1.chromatic.emerald.a200
+        },
+        negative: {
+          "default": colors$1.chromatic.crimson[600],
+          highlighted: colors$1.chromatic.crimson[700],
+          disabled: colors$1.chromatic.crimson.a100,
+          faded: colors$1.chromatic.crimson.a150,
+          fadedHighlighted: colors$1.chromatic.crimson.a200
+        },
+        notice: {
+          "default": colors$1.chromatic.cider[600],
+          highlighted: colors$1.chromatic.cider[700],
+          disabled: colors$1.chromatic.cider.a100,
+          faded: colors$1.chromatic.cider.a150,
+          fadedHighlighted: colors$1.chromatic.cider.a200
+        },
+        information: {
+          "default": colors$1.chromatic.sapphire[600],
+          highlighted: colors$1.chromatic.sapphire[700],
+          disabled: colors$1.chromatic.sapphire.a100,
+          faded: colors$1.chromatic.sapphire.a150,
+          fadedHighlighted: colors$1.chromatic.sapphire.a200
+        },
+        neutral: {
+          "default": colors$1.neutral.blueGrayDark[50],
+          highlighted: colors$1.neutral.blueGrayDark[200],
+          disabled: colors$1.neutral.blueGrayDark.a100,
+          faded: colors$1.neutral.blueGrayDark.a75,
+          fadedHighlighted: colors$1.neutral.blueGrayDark.a100
+        },
+        gray: {
+          "default": colors$1.neutral.blueGrayDark.a50,
+          highlighted: colors$1.neutral.blueGrayDark.a100,
+          disabled: colors$1.neutral.blueGrayDark.a50,
+          faded: colors$1.neutral.blueGrayDark.a75,
+          fadedHighlighted: colors$1.neutral.blueGrayDark.a100
+        },
+        primary: {
+          "default": colors$1.chromatic.azure[400],
+          highlighted: colors$1.chromatic.azure[500],
+          disabled: colors$1.chromatic.azure.a100,
+          faded: colors$1.chromatic.azure.a150,
+          fadedHighlighted: colors$1.chromatic.azure.a200
+        },
+        staticBlack: {
+          "default": colors$1.neutral.black[500],
+          highlighted: colors$1.neutral.black[500],
+          disabled: colors$1.neutral.black[200],
+          faded: colors$1.neutral.black[50],
+          fadedHighlighted: colors$1.neutral.black[100]
+        },
+        staticWhite: {
+          "default": colors$1.neutral.white[500],
+          highlighted: colors$1.neutral.white[400],
+          disabled: colors$1.neutral.white[50],
+          faded: colors$1.neutral.white[50],
+          fadedHighlighted: colors$1.neutral.white[100]
+        }
+      },
+      border: {
+        positive: {
+          "default": colors$1.chromatic.emerald[600],
+          highlighted: colors$1.chromatic.emerald[700],
+          disabled: colors$1.chromatic.emerald.a100,
+          faded: colors$1.chromatic.emerald.a100
+        },
+        negative: {
+          "default": colors$1.chromatic.crimson[600],
+          highlighted: colors$1.chromatic.crimson[700],
+          disabled: colors$1.chromatic.crimson.a100,
+          faded: colors$1.chromatic.crimson.a100
+        },
+        notice: {
+          "default": colors$1.chromatic.cider[600],
+          highlighted: colors$1.chromatic.cider[700],
+          disabled: colors$1.chromatic.cider.a100,
+          faded: colors$1.chromatic.cider.a100
+        },
+        information: {
+          "default": colors$1.chromatic.sapphire[600],
+          highlighted: colors$1.chromatic.sapphire[700],
+          disabled: colors$1.chromatic.sapphire.a100,
+          faded: colors$1.chromatic.sapphire.a100
+        },
+        neutral: {
+          "default": colors$1.neutral.blueGrayDark[200],
+          highlighted: colors$1.neutral.blueGrayDark[200],
+          disabled: colors$1.neutral.blueGrayDark[800],
+          faded: colors$1.neutral.blueGrayDark.a100
+        },
+        gray: {
+          "default": colors$1.neutral.blueGrayDark[800],
+          highlighted: colors$1.neutral.blueGrayDark[800],
+          disabled: colors$1.neutral.blueGrayDark[1000],
+          faded: colors$1.neutral.blueGrayDark.a100
+        },
+        primary: {
+          "default": colors$1.chromatic.azure[400],
+          highlighted: colors$1.chromatic.azure[500],
+          disabled: colors$1.chromatic.azure.a200,
+          faded: colors$1.chromatic.azure.a150
+        },
+        staticWhite: {
+          "default": colors$1.neutral.white[500],
+          highlighted: colors$1.neutral.white[400],
+          disabled: colors$1.neutral.white[100],
+          faded: colors$1.neutral.white[50]
+        },
+        staticBlack: {
+          "default": colors$1.neutral.black[500],
+          highlighted: colors$1.neutral.black[500],
+          disabled: colors$1.neutral.black[100],
+          faded: colors$1.neutral.black[100]
+        }
+      },
+      text: {
+        positive: {
+          normal: colors$1.chromatic.emerald[400],
+          subtle: colors$1.chromatic.emerald[500],
+          muted: colors$1.chromatic.emerald[700],
+          disabled: colors$1.chromatic.emerald.a200
+        },
+        negative: {
+          normal: colors$1.chromatic.crimson[400],
+          subtle: colors$1.chromatic.crimson[500],
+          muted: colors$1.chromatic.crimson[700],
+          disabled: colors$1.chromatic.crimson.a200
+        },
+        notice: {
+          normal: colors$1.chromatic.cider[400],
+          subtle: colors$1.chromatic.cider[500],
+          muted: colors$1.chromatic.cider[700],
+          disabled: colors$1.chromatic.cider.a200
+        },
+        information: {
+          normal: colors$1.chromatic.sapphire[400],
+          subtle: colors$1.chromatic.sapphire[500],
+          muted: colors$1.chromatic.sapphire[700],
+          disabled: colors$1.chromatic.sapphire.a200
+        },
+        neutral: {
+          normal: colors$1.neutral.blueGrayDark[50],
+          subtle: colors$1.neutral.blueGrayDark[300],
+          muted: colors$1.neutral.blueGrayDark[600],
+          disabled: colors$1.neutral.blueGrayDark.a200
+        },
+        gray: {
+          normal: colors$1.neutral.blueGrayDark[50],
+          subtle: colors$1.neutral.blueGrayDark[300],
+          muted: colors$1.neutral.blueGrayDark[600],
+          disabled: colors$1.neutral.blueGrayDark.a200
+        },
+        primary: {
+          normal: colors$1.chromatic.azure[300],
+          subtle: colors$1.chromatic.azure[400],
+          muted: colors$1.chromatic.azure[600],
+          disabled: colors$1.chromatic.azure.a200
+        },
+        onPrimary: {
+          normal: colors$1.neutral.white[500],
+          subtle: colors$1.neutral.white[400],
+          muted: colors$1.neutral.white[300],
+          disabled: colors$1.neutral.white[100]
+        },
+        staticWhite: {
+          normal: colors$1.neutral.white[500],
+          subtle: colors$1.neutral.white[400],
+          muted: colors$1.neutral.white[300],
+          disabled: colors$1.neutral.white[100]
+        },
+        staticBlack: {
+          normal: colors$1.neutral.black[500],
+          subtle: colors$1.neutral.black[400],
+          muted: colors$1.neutral.black[300],
+          disabled: colors$1.neutral.black[100]
+        }
+      },
+      icon: {
+        positive: {
+          normal: colors$1.chromatic.emerald[400],
+          subtle: colors$1.chromatic.emerald[500],
+          muted: colors$1.chromatic.emerald[700],
+          disabled: colors$1.chromatic.emerald.a200
+        },
+        negative: {
+          normal: colors$1.chromatic.crimson[400],
+          subtle: colors$1.chromatic.crimson[500],
+          muted: colors$1.chromatic.crimson[700],
+          disabled: colors$1.chromatic.crimson.a200
+        },
+        notice: {
+          normal: colors$1.chromatic.cider[400],
+          subtle: colors$1.chromatic.cider[500],
+          muted: colors$1.chromatic.cider[700],
+          disabled: colors$1.chromatic.cider.a200
+        },
+        information: {
+          normal: colors$1.chromatic.sapphire[400],
+          subtle: colors$1.chromatic.sapphire[500],
+          muted: colors$1.chromatic.sapphire[700],
+          disabled: colors$1.chromatic.sapphire.a200
+        },
+        neutral: {
+          normal: colors$1.neutral.blueGrayDark[50],
+          subtle: colors$1.neutral.blueGrayDark[300],
+          muted: colors$1.neutral.blueGrayDark[600],
+          disabled: colors$1.neutral.blueGrayDark.a200
+        },
+        gray: {
+          normal: colors$1.neutral.blueGrayDark[50],
+          subtle: colors$1.neutral.blueGrayDark[300],
+          muted: colors$1.neutral.blueGrayDark[600],
+          disabled: colors$1.neutral.blueGrayDark.a200
+        },
+        primary: {
+          normal: colors$1.chromatic.azure[300],
+          subtle: colors$1.chromatic.azure[400],
+          muted: colors$1.chromatic.azure[600],
+          disabled: colors$1.chromatic.azure.a200
+        },
+        onPrimary: {
+          normal: colors$1.neutral.white[500],
+          subtle: colors$1.neutral.white[400],
+          muted: colors$1.neutral.white[300],
+          disabled: colors$1.neutral.white[100]
+        },
+        staticWhite: {
+          normal: colors$1.neutral.white[500],
+          subtle: colors$1.neutral.white[400],
+          muted: colors$1.neutral.white[300],
+          disabled: colors$1.neutral.white[100]
+        },
+        staticBlack: {
+          normal: colors$1.neutral.black[500],
+          subtle: colors$1.neutral.black[400],
+          muted: colors$1.neutral.black[300],
+          disabled: colors$1.neutral.black[100]
+        }
+      }
+    },
+    overlay: {
+      background: {
+        moderate: colors$1.neutral.blueGrayDark.a200,
+        subtle: colors$1.neutral.black[400]
+      }
+    },
+    popup: {
+      background: {
+        subtle: colors$1.neutral.blueGrayDark[1000],
+        intense: colors$1.neutral.blueGrayDark[1000]
+      },
+      border: {
+        subtle: colors$1.neutral.blueGrayDark.a100,
+        intense: colors$1.neutral.blueGrayDark.a100
+      }
+    },
+    transparent: "hsla(0, 0%, 100%, ".concat(opacity[0], ")")
+  }
+};
+var bladeTheme = {
+  name: 'bladeTheme',
+  border: border,
+  breakpoints: breakpoints,
+  colors: colors,
+  motion: motion,
+  spacing: spacing,
+  elevation: elevation,
+  typography: typography
+};
+
+export { bladeTheme as default };
+//# sourceMappingURL=bladeTheme.js.map