@bamboocss/preset-atlaskit 1.11.1

package/dist/index.js

@@ -0,0 +1,2903 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  default: () => index_default,
+  preset: () => preset
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/breakpoints.ts
+var breakpoints = {
+  sm: "30rem",
+  md: "48rem",
+  lg: "64rem",
+  xl: "90rem",
+  "2xl": "110.5rem"
+};
+
+// src/colors/core.ts
+var colors = {
+  background: {
+    neutral: {
+      subtle: {
+        DEFAULT: { value: "#00000000" }
+      }
+    },
+    warning: {
+      bold: {
+        DEFAULT: { value: "#F5CD47" },
+        hovered: { value: "#E2B203" },
+        pressed: { value: "#CF9F02" }
+      }
+    }
+  },
+  chart: {
+    categorical: {
+      "1": {
+        DEFAULT: { value: "#2898BD" }
+      },
+      "3": {
+        DEFAULT: { value: "#E56910" }
+      }
+    }
+  }
+};
+
+// src/colors/semantic.ts
+var semanticColors = {
+  text: {
+    DEFAULT: {
+      value: {
+        _light: "#172B4D",
+        _dark: "#B6C2CF"
+      }
+    },
+    accent: {
+      lime: {
+        DEFAULT: {
+          value: {
+            _light: "#4C6B1F",
+            _dark: "#B3DF72"
+          }
+        },
+        bolder: {
+          value: {
+            _light: "#37471F",
+            _dark: "#D3F1A7"
+          }
+        }
+      },
+      red: {
+        DEFAULT: {
+          value: {
+            _light: "#AE2E24",
+            _dark: "#FD9891"
+          }
+        },
+        bolder: {
+          value: {
+            _light: "#5D1F1A",
+            _dark: "#FFD5D2"
+          }
+        }
+      },
+      orange: {
+        DEFAULT: {
+          value: {
+            _light: "#A54800",
+            _dark: "#FEC195"
+          }
+        },
+        bolder: {
+          value: {
+            _light: "#702E00",
+            _dark: "#FEDEC8"
+          }
+        }
+      },
+      yellow: {
+        DEFAULT: {
+          value: {
+            _light: "#7F5F01",
+            _dark: "#F5CD47"
+          }
+        },
+        bolder: {
+          value: {
+            _light: "#533F04",
+            _dark: "#F8E6A0"
+          }
+        }
+      },
+      green: {
+        DEFAULT: {
+          value: {
+            _light: "#216E4E",
+            _dark: "#7EE2B8"
+          }
+        },
+        bolder: {
+          value: {
+            _light: "#164B35",
+            _dark: "#BAF3DB"
+          }
+        }
+      },
+      teal: {
+        DEFAULT: {
+          value: {
+            _light: "#206A83",
+            _dark: "#9DD9EE"
+          }
+        },
+        bolder: {
+          value: {
+            _light: "#164555",
+            _dark: "#C6EDFB"
+          }
+        }
+      },
+      blue: {
+        DEFAULT: {
+          value: {
+            _light: "#0055CC",
+            _dark: "#85B8FF"
+          }
+        },
+        bolder: {
+          value: {
+            _light: "#09326C",
+            _dark: "#CCE0FF"
+          }
+        }
+      },
+      purple: {
+        DEFAULT: {
+          value: {
+            _light: "#5E4DB2",
+            _dark: "#B8ACF6"
+          }
+        },
+        bolder: {
+          value: {
+            _light: "#352C63",
+            _dark: "#DFD8FD"
+          }
+        }
+      },
+      magenta: {
+        DEFAULT: {
+          value: {
+            _light: "#943D73",
+            _dark: "#F797D2"
+          }
+        },
+        bolder: {
+          value: {
+            _light: "#50253F",
+            _dark: "#FDD0EC"
+          }
+        }
+      },
+      gray: {
+        DEFAULT: {
+          value: {
+            _light: "#44546F",
+            _dark: "#9FADBC"
+          }
+        },
+        bolder: {
+          value: {
+            _light: "#091E42",
+            _dark: "#DEE4EA"
+          }
+        }
+      }
+    },
+    disabled: {
+      value: {
+        _light: "#091E424F",
+        _dark: "#BFDBF847"
+      }
+    },
+    inverse: {
+      value: {
+        _light: "#FFFFFF",
+        _dark: "#1D2125"
+      }
+    },
+    selected: {
+      value: {
+        _light: "#0C66E4",
+        _dark: "#579DFF"
+      }
+    },
+    brand: {
+      value: {
+        _light: "#0C66E4",
+        _dark: "#579DFF"
+      }
+    },
+    danger: {
+      value: {
+        _light: "#AE2E24",
+        _dark: "#FD9891"
+      }
+    },
+    warning: {
+      DEFAULT: {
+        value: {
+          _light: "#A54800",
+          _dark: "#F5CD47"
+        }
+      },
+      inverse: {
+        value: {
+          _light: "#172B4D",
+          _dark: "#1D2125"
+        }
+      }
+    },
+    success: {
+      value: {
+        _light: "#216E4E",
+        _dark: "#7EE2B8"
+      }
+    },
+    discovery: {
+      value: {
+        _light: "#5E4DB2",
+        _dark: "#B8ACF6"
+      }
+    },
+    information: {
+      value: {
+        _light: "#0055CC",
+        _dark: "#85B8FF"
+      }
+    },
+    subtlest: {
+      value: {
+        _light: "#626F86",
+        _dark: "#8C9BAB"
+      }
+    },
+    subtle: {
+      value: {
+        _light: "#44546F",
+        _dark: "#9FADBC"
+      }
+    }
+  },
+  link: {
+    DEFAULT: {
+      value: {
+        _light: "#0C66E4",
+        _dark: "#579DFF"
+      }
+    },
+    pressed: {
+      value: {
+        _light: "#0055CC",
+        _dark: "#85B8FF"
+      }
+    },
+    visited: {
+      DEFAULT: {
+        value: {
+          _light: "#5E4DB2",
+          _dark: "#B8ACF6"
+        }
+      },
+      pressed: {
+        value: {
+          _light: "#352C63",
+          _dark: "#DFD8FD"
+        }
+      }
+    }
+  },
+  icon: {
+    DEFAULT: {
+      value: {
+        _light: "#44546F",
+        _dark: "#9FADBC"
+      }
+    },
+    accent: {
+      lime: {
+        value: {
+          _light: "#6A9A23",
+          _dark: "#82B536"
+        }
+      },
+      red: {
+        value: {
+          _light: "#C9372C",
+          _dark: "#E2483D"
+        }
+      },
+      orange: {
+        value: {
+          _light: "#E56910",
+          _dark: "#F38A3F"
+        }
+      },
+      yellow: {
+        value: {
+          _light: "#B38600",
+          _dark: "#F5CD47"
+        }
+      },
+      green: {
+        value: {
+          _light: "#22A06B",
+          _dark: "#2ABB7F"
+        }
+      },
+      teal: {
+        value: {
+          _light: "#2898BD",
+          _dark: "#42B2D7"
+        }
+      },
+      blue: {
+        value: {
+          _light: "#1D7AFC",
+          _dark: "#388BFF"
+        }
+      },
+      purple: {
+        value: {
+          _light: "#8270DB",
+          _dark: "#8F7EE7"
+        }
+      },
+      magenta: {
+        value: {
+          _light: "#CD519D",
+          _dark: "#DA62AC"
+        }
+      },
+      gray: {
+        value: {
+          _light: "#758195",
+          _dark: "#738496"
+        }
+      }
+    },
+    disabled: {
+      value: {
+        _light: "#091E424F",
+        _dark: "#BFDBF847"
+      }
+    },
+    inverse: {
+      value: {
+        _light: "#FFFFFF",
+        _dark: "#1D2125"
+      }
+    },
+    selected: {
+      value: {
+        _light: "#0C66E4",
+        _dark: "#579DFF"
+      }
+    },
+    brand: {
+      value: {
+        _light: "#0C66E4",
+        _dark: "#579DFF"
+      }
+    },
+    danger: {
+      value: {
+        _light: "#C9372C",
+        _dark: "#F15B50"
+      }
+    },
+    warning: {
+      DEFAULT: {
+        value: {
+          _light: "#E56910",
+          _dark: "#F5CD47"
+        }
+      },
+      inverse: {
+        value: {
+          _light: "#172B4D",
+          _dark: "#1D2125"
+        }
+      }
+    },
+    success: {
+      value: {
+        _light: "#22A06B",
+        _dark: "#2ABB7F"
+      }
+    },
+    discovery: {
+      value: {
+        _light: "#8270DB",
+        _dark: "#8F7EE7"
+      }
+    },
+    information: {
+      value: {
+        _light: "#1D7AFC",
+        _dark: "#388BFF"
+      }
+    },
+    subtlest: {
+      value: {
+        _light: "#626F86",
+        _dark: "#8C9BAB"
+      }
+    },
+    subtle: {
+      value: {
+        _light: "#626F86",
+        _dark: "#8C9BAB"
+      }
+    }
+  },
+  border: {
+    DEFAULT: {
+      value: {
+        _light: "#091E4224",
+        _dark: "#A6C5E229"
+      }
+    },
+    accent: {
+      lime: {
+        value: {
+          _light: "#6A9A23",
+          _dark: "#82B536"
+        }
+      },
+      red: {
+        value: {
+          _light: "#E2483D",
+          _dark: "#F15B50"
+        }
+      },
+      orange: {
+        value: {
+          _light: "#E56910",
+          _dark: "#F38A3F"
+        }
+      },
+      yellow: {
+        value: {
+          _light: "#B38600",
+          _dark: "#CF9F02"
+        }
+      },
+      green: {
+        value: {
+          _light: "#22A06B",
+          _dark: "#2ABB7F"
+        }
+      },
+      teal: {
+        value: {
+          _light: "#2898BD",
+          _dark: "#42B2D7"
+        }
+      },
+      blue: {
+        value: {
+          _light: "#1D7AFC",
+          _dark: "#388BFF"
+        }
+      },
+      purple: {
+        value: {
+          _light: "#8270DB",
+          _dark: "#8F7EE7"
+        }
+      },
+      magenta: {
+        value: {
+          _light: "#CD519D",
+          _dark: "#DA62AC"
+        }
+      },
+      gray: {
+        value: {
+          _light: "#758195",
+          _dark: "#738496"
+        }
+      }
+    },
+    disabled: {
+      value: {
+        _light: "#091E420F",
+        _dark: "#A1BDD914"
+      }
+    },
+    focused: {
+      value: {
+        _light: "#388BFF",
+        _dark: "#85B8FF"
+      }
+    },
+    input: {
+      value: {
+        _light: "#8590A2",
+        _dark: "#738496"
+      }
+    },
+    inverse: {
+      value: {
+        _light: "#FFFFFF",
+        _dark: "#161A1D"
+      }
+    },
+    selected: {
+      value: {
+        _light: "#0C66E4",
+        _dark: "#579DFF"
+      }
+    },
+    brand: {
+      value: {
+        _light: "#0C66E4",
+        _dark: "#579DFF"
+      }
+    },
+    danger: {
+      value: {
+        _light: "#E2483D",
+        _dark: "#F15B50"
+      }
+    },
+    warning: {
+      value: {
+        _light: "#E56910",
+        _dark: "#CF9F02"
+      }
+    },
+    success: {
+      value: {
+        _light: "#22A06B",
+        _dark: "#2ABB7F"
+      }
+    },
+    discovery: {
+      value: {
+        _light: "#8270DB",
+        _dark: "#8F7EE7"
+      }
+    },
+    information: {
+      value: {
+        _light: "#1D7AFC",
+        _dark: "#388BFF"
+      }
+    },
+    bold: {
+      value: {
+        _light: "#758195",
+        _dark: "#738496"
+      }
+    }
+  },
+  background: {
+    accent: {
+      lime: {
+        subtlest: {
+          DEFAULT: {
+            value: {
+              _light: "#EFFFD6",
+              _dark: "#28311B"
+            }
+          },
+          hovered: {
+            value: {
+              _light: "#D3F1A7",
+              _dark: "#37471F"
+            }
+          },
+          pressed: {
+            value: {
+              _light: "#B3DF72",
+              _dark: "#4C6B1F"
+            }
+          }
+        },
+        subtler: {
+          DEFAULT: {
+            value: {
+              _light: "#D3F1A7",
+              _dark: "#37471F"
+            }
+          },
+          hovered: {
+            value: {
+              _light: "#B3DF72",
+              _dark: "#4C6B1F"
+            }
+          },
+          pressed: {
+            value: {
+              _light: "#94C748",
+              _dark: "#5B7F24"
+            }
+          }
+        },
+        subtle: {
+          DEFAULT: {
+            value: {
+              _light: "#94C748",
+              _dark: "#4C6B1F"
+            }
+          },
+          hovered: {
+            value: {
+              _light: "#B3DF72",
+              _dark: "#37471F"
+            }
+          },
+          pressed: {
+            value: {
+              _light: "#D3F1A7",
+              _dark: "#28311B"
+            }
+          }
+        },
+        bolder: {
+          DEFAULT: {
+            value: {
+              _light: "#5B7F24",
+              _dark: "#94C748"
+            }
+          },
+          hovered: {
+            value: {
+              _light: "#4C6B1F",
+              _dark: "#B3DF72"
+            }
+          },
+          pressed: {
+            value: {
+              _light: "#37471F",
+              _dark: "#D3F1A7"
+            }
+          }
+        }
+      },
+      red: {
+        subtlest: {
+          DEFAULT: {
+            value: {
+              _light: "#FFECEB",
+              _dark: "#42221F"
+            }
+          },
+          hovered: {
+            value: {
+              _light: "#FFD5D2",
+              _dark: "#5D1F1A"
+            }
+          },
+          pressed: {
+            value: {
+              _light: "#FD9891",
+              _dark: "#AE2E24"
+            }
+          }
+        },
+        subtler: {
+          DEFAULT: {
+            value: {
+              _light: "#FFD5D2",
+              _dark: "#5D1F1A"
+            }
+          },
+          hovered: {
+            value: {
+              _light: "#FD9891",
+              _dark: "#AE2E24"
+            }
+          },
+          pressed: {
+            value: {
+              _light: "#F87168",
+              _dark: "#C9372C"
+            }
+          }
+        },
+        subtle: {
+          DEFAULT: {
+            value: {
+              _light: "#F87168",
+              _dark: "#AE2E24"
+            }
+          },
+          hovered: {
+            value: {
+              _light: "#FD9891",
+              _dark: "#5D1F1A"
+            }
+          },
+          pressed: {
+            value: {
+              _light: "#FFD5D2",
+              _dark: "#42221F"
+            }
+          }
+        },
+        bolder: {
+          DEFAULT: {
+            value: {
+              _light: "#C9372C",
+              _dark: "#F87168"
+            }
+          },
+          hovered: {
+            value: {
+              _light: "#AE2E24",
+              _dark: "#FD9891"
+            }
+          },
+          pressed: {
+            value: {
+              _light: "#5D1F1A",
+              _dark: "#FFD5D2"
+            }
+          }
+        }
+      },
+      orange: {
+        subtlest: {
+          DEFAULT: {
+            value: {
+              _light: "#FFF3EB",
+              _dark: "#38291E"
+            }
+          },
+          hovered: {
+            value: {
+              _light: "#FEDEC8",
+              _dark: "#702E00"
+            }
+          },
+          pressed: {
+            value: {
+              _light: "#FEC195",
+              _dark: "#A54800"
+            }
+          }
+        },
+        subtler: {
+          DEFAULT: {
+            value: {
+              _light: "#FEDEC8",
+              _dark: "#702E00"
+            }
+          },
+          hovered: {
+            value: {
+              _light: "#FEC195",
+              _dark: "#A54800"
+            }
+          },
+          pressed: {
+            value: {
+              _light: "#FEA362",
+              _dark: "#C25100"
+            }
+          }
+        },
+        subtle: {
+          DEFAULT: {
+            value: {
+              _light: "#FEA362",
+              _dark: "#A54800"
+            }
+          },
+          hovered: {
+            value: {
+              _light: "#FEC195",
+              _dark: "#702E00"
+            }
+          },
+          pressed: {
+            value: {
+              _light: "#FEDEC8",
+              _dark: "#38291E"
+            }
+          }
+        },
+        bolder: {
+          DEFAULT: {
+            value: {
+              _light: "#C25100",
+              _dark: "#FEA362"
+            }
+          },
+          hovered: {
+            value: {
+              _light: "#A54800",
+              _dark: "#FEC195"
+            }
+          },
+          pressed: {
+            value: {
+              _light: "#702E00",
+              _dark: "#FEDEC8"
+            }
+          }
+        }
+      },
+      yellow: {
+        subtlest: {
+          DEFAULT: {
+            value: {
+              _light: "#FFF7D6",
+              _dark: "#332E1B"
+            }
+          },
+          hovered: {
+            value: {
+              _light: "#F8E6A0",
+              _dark: "#533F04"
+            }
+          },
+          pressed: {
+            value: {
+              _light: "#F5CD47",
+              _dark: "#7F5F01"
+            }
+          }
+        },
+        subtler: {
+          DEFAULT: {
+            value: {
+              _light: "#F8E6A0",
+              _dark: "#533F04"
+            }
+          },
+          hovered: {
+            value: {
+              _light: "#F5CD47",
+              _dark: "#7F5F01"
+            }
+          },
+          pressed: {
+            value: {
+              _light: "#E2B203",
+              _dark: "#946F00"
+            }
+          }
+        },
+        subtle: {
+          DEFAULT: {
+            value: {
+              _light: "#F5CD47",
+              _dark: "#7F5F01"
+            }
+          },
+          hovered: {
+            value: {
+              _light: "#E2B203",
+              _dark: "#533F04"
+            }
+          },
+          pressed: {
+            value: {
+              _light: "#CF9F02",
+              _dark: "#332E1B"
+            }
+          }
+        },
+        bolder: {
+          DEFAULT: {
+            value: {
+              _light: "#946F00",
+              _dark: "#E2B203"
+            }
+          },
+          hovered: {
+            value: {
+              _light: "#7F5F01",
+              _dark: "#F5CD47"
+            }
+          },
+          pressed: {
+            value: {
+              _light: "#533F04",
+              _dark: "#F8E6A0"
+            }
+          }
+        }
+      },
+      green: {
+        subtlest: {
+          DEFAULT: {
+            value: {
+              _light: "#DCFFF1",
+              _dark: "#1C3329"
+            }
+          },
+          hovered: {
+            value: {
+              _light: "#BAF3DB",
+              _dark: "#164B35"
+            }
+          },
+          pressed: {
+            value: {
+              _light: "#7EE2B8",
+              _dark: "#216E4E"
+            }
+          }
+        },
+        subtler: {
+          DEFAULT: {
+            value: {
+              _light: "#BAF3DB",
+              _dark: "#164B35"
+            }
+          },
+          hovered: {
+            value: {
+              _light: "#7EE2B8",
+              _dark: "#216E4E"
+            }
+          },
+          pressed: {
+            value: {
+              _light: "#4BCE97",
+              _dark: "#1F845A"
+            }
+          }
+        },
+        subtle: {
+          DEFAULT: {
+            value: {
+              _light: "#4BCE97",
+              _dark: "#216E4E"
+            }
+          },
+          hovered: {
+            value: {
+              _light: "#7EE2B8",
+              _dark: "#164B35"
+            }
+          },
+          pressed: {
+            value: {
+              _light: "#BAF3DB",
+              _dark: "#1C3329"
+            }
+          }
+        },
+        bolder: {
+          DEFAULT: {
+            value: {
+              _light: "#1F845A",
+              _dark: "#4BCE97"
+            }
+          },
+          hovered: {
+            value: {
+              _light: "#216E4E",
+              _dark: "#7EE2B8"
+            }
+          },
+          pressed: {
+            value: {
+              _light: "#164B35",
+              _dark: "#BAF3DB"
+            }
+          }
+        }
+      },
+      teal: {
+        subtlest: {
+          DEFAULT: {
+            value: {
+              _light: "#E7F9FF",
+              _dark: "#1E3137"
+            }
+          },
+          hovered: {
+            value: {
+              _light: "#C6EDFB",
+              _dark: "#164555"
+            }
+          },
+          pressed: {
+            value: {
+              _light: "#9DD9EE",
+              _dark: "#206A83"
+            }
+          }
+        },
+        subtler: {
+          DEFAULT: {
+            value: {
+              _light: "#C6EDFB",
+              _dark: "#164555"
+            }
+          },
+          hovered: {
+            value: {
+              _light: "#9DD9EE",
+              _dark: "#206A83"
+            }
+          },
+          pressed: {
+            value: {
+              _light: "#6CC3E0",
+              _dark: "#227D9B"
+            }
+          }
+        },
+        subtle: {
+          DEFAULT: {
+            value: {
+              _light: "#6CC3E0",
+              _dark: "#206A83"
+            }
+          },
+          hovered: {
+            value: {
+              _light: "#9DD9EE",
+              _dark: "#164555"
+            }
+          },
+          pressed: {
+            value: {
+              _light: "#C6EDFB",
+              _dark: "#1E3137"
+            }
+          }
+        },
+        bolder: {
+          DEFAULT: {
+            value: {
+              _light: "#227D9B",
+              _dark: "#6CC3E0"
+            }
+          },
+          hovered: {
+            value: {
+              _light: "#206A83",
+              _dark: "#9DD9EE"
+            }
+          },
+          pressed: {
+            value: {
+              _light: "#164555",
+              _dark: "#C6EDFB"
+            }
+          }
+        }
+      },
+      blue: {
+        subtlest: {
+          DEFAULT: {
+            value: {
+              _light: "#E9F2FF",
+              _dark: "#1C2B41"
+            }
+          },
+          hovered: {
+            value: {
+              _light: "#CCE0FF",
+              _dark: "#09326C"
+            }
+          },
+          pressed: {
+            value: {
+              _light: "#85B8FF",
+              _dark: "#0055CC"
+            }
+          }
+        },
+        subtler: {
+          DEFAULT: {
+            value: {
+              _light: "#CCE0FF",
+              _dark: "#09326C"
+            }
+          },
+          hovered: {
+            value: {
+              _light: "#85B8FF",
+              _dark: "#0055CC"
+            }
+          },
+          pressed: {
+            value: {
+              _light: "#579DFF",
+              _dark: "#0C66E4"
+            }
+          }
+        },
+        subtle: {
+          DEFAULT: {
+            value: {
+              _light: "#579DFF",
+              _dark: "#0055CC"
+            }
+          },
+          hovered: {
+            value: {
+              _light: "#85B8FF",
+              _dark: "#09326C"
+            }
+          },
+          pressed: {
+            value: {
+              _light: "#CCE0FF",
+              _dark: "#1C2B41"
+            }
+          }
+        },
+        bolder: {
+          DEFAULT: {
+            value: {
+              _light: "#0C66E4",
+              _dark: "#579DFF"
+            }
+          },
+          hovered: {
+            value: {
+              _light: "#0055CC",
+              _dark: "#85B8FF"
+            }
+          },
+          pressed: {
+            value: {
+              _light: "#09326C",
+              _dark: "#CCE0FF"
+            }
+          }
+        }
+      },
+      purple: {
+        subtlest: {
+          DEFAULT: {
+            value: {
+              _light: "#F3F0FF",
+              _dark: "#2B273F"
+            }
+          },
+          hovered: {
+            value: {
+              _light: "#DFD8FD",
+              _dark: "#352C63"
+            }
+          },
+          pressed: {
+            value: {
+              _light: "#B8ACF6",
+              _dark: "#5E4DB2"
+            }
+          }
+        },
+        subtler: {
+          DEFAULT: {
+            value: {
+              _light: "#DFD8FD",
+              _dark: "#352C63"
+            }
+          },
+          hovered: {
+            value: {
+              _light: "#B8ACF6",
+              _dark: "#5E4DB2"
+            }
+          },
+          pressed: {
+            value: {
+              _light: "#9F8FEF",
+              _dark: "#6E5DC6"
+            }
+          }
+        },
+        subtle: {
+          DEFAULT: {
+            value: {
+              _light: "#9F8FEF",
+              _dark: "#5E4DB2"
+            }
+          },
+          hovered: {
+            value: {
+              _light: "#B8ACF6",
+              _dark: "#352C63"
+            }
+          },
+          pressed: {
+            value: {
+              _light: "#DFD8FD",
+              _dark: "#2B273F"
+            }
+          }
+        },
+        bolder: {
+          DEFAULT: {
+            value: {
+              _light: "#6E5DC6",
+              _dark: "#9F8FEF"
+            }
+          },
+          hovered: {
+            value: {
+              _light: "#5E4DB2",
+              _dark: "#B8ACF6"
+            }
+          },
+          pressed: {
+            value: {
+              _light: "#352C63",
+              _dark: "#DFD8FD"
+            }
+          }
+        }
+      },
+      magenta: {
+        subtlest: {
+          DEFAULT: {
+            value: {
+              _light: "#FFECF8",
+              _dark: "#3D2232"
+            }
+          },
+          hovered: {
+            value: {
+              _light: "#FDD0EC",
+              _dark: "#50253F"
+            }
+          },
+          pressed: {
+            value: {
+              _light: "#F797D2",
+              _dark: "#943D73"
+            }
+          }
+        },
+        subtler: {
+          DEFAULT: {
+            value: {
+              _light: "#FDD0EC",
+              _dark: "#50253F"
+            }
+          },
+          hovered: {
+            value: {
+              _light: "#F797D2",
+              _dark: "#943D73"
+            }
+          },
+          pressed: {
+            value: {
+              _light: "#E774BB",
+              _dark: "#AE4787"
+            }
+          }
+        },
+        subtle: {
+          DEFAULT: {
+            value: {
+              _light: "#E774BB",
+              _dark: "#943D73"
+            }
+          },
+          hovered: {
+            value: {
+              _light: "#F797D2",
+              _dark: "#50253F"
+            }
+          },
+          pressed: {
+            value: {
+              _light: "#FDD0EC",
+              _dark: "#3D2232"
+            }
+          }
+        },
+        bolder: {
+          DEFAULT: {
+            value: {
+              _light: "#AE4787",
+              _dark: "#E774BB"
+            }
+          },
+          hovered: {
+            value: {
+              _light: "#943D73",
+              _dark: "#F797D2"
+            }
+          },
+          pressed: {
+            value: {
+              _light: "#50253F",
+              _dark: "#FDD0EC"
+            }
+          }
+        }
+      },
+      gray: {
+        subtlest: {
+          DEFAULT: {
+            value: {
+              _light: "#F1F2F4",
+              _dark: "#2C333A"
+            }
+          },
+          hovered: {
+            value: {
+              _light: "#DCDFE4",
+              _dark: "#38414A"
+            }
+          },
+          pressed: {
+            value: {
+              _light: "#B3B9C4",
+              _dark: "#454F59"
+            }
+          }
+        },
+        subtler: {
+          DEFAULT: {
+            value: {
+              _light: "#DCDFE4",
+              _dark: "#454F59"
+            }
+          },
+          hovered: {
+            value: {
+              _light: "#B3B9C4",
+              _dark: "#596773"
+            }
+          },
+          pressed: {
+            value: {
+              _light: "#8590A2",
+              _dark: "#738496"
+            }
+          }
+        },
+        subtle: {
+          DEFAULT: {
+            value: {
+              _light: "#8590A2",
+              _dark: "#596773"
+            }
+          },
+          hovered: {
+            value: {
+              _light: "#B3B9C4",
+              _dark: "#454F59"
+            }
+          },
+          pressed: {
+            value: {
+              _light: "#DCDFE4",
+              _dark: "#38414A"
+            }
+          }
+        },
+        bolder: {
+          DEFAULT: {
+            value: {
+              _light: "#626F86",
+              _dark: "#8C9BAB"
+            }
+          },
+          hovered: {
+            value: {
+              _light: "#44546F",
+              _dark: "#9FADBC"
+            }
+          },
+          pressed: {
+            value: {
+              _light: "#2C3E5D",
+              _dark: "#B6C2CF"
+            }
+          }
+        }
+      }
+    },
+    disabled: {
+      value: {
+        _light: "#091E4208",
+        _dark: "#BCD6F00A"
+      }
+    },
+    input: {
+      DEFAULT: {
+        value: {
+          _light: "#FFFFFF",
+          _dark: "#22272B"
+        }
+      },
+      hovered: {
+        value: {
+          _light: "#F7F8F9",
+          _dark: "#282E33"
+        }
+      },
+      pressed: {
+        value: {
+          _light: "#FFFFFF",
+          _dark: "#22272B"
+        }
+      }
+    },
+    inverse: {
+      subtle: {
+        DEFAULT: {
+          value: {
+            _light: "#00000029",
+            _dark: "#FFFFFF29"
+          }
+        },
+        hovered: {
+          value: {
+            _light: "#0000003D",
+            _dark: "#FFFFFF3D"
+          }
+        },
+        pressed: {
+          value: {
+            _light: "#00000052",
+            _dark: "#FFFFFF52"
+          }
+        }
+      }
+    },
+    neutral: {
+      DEFAULT: {
+        value: {
+          _light: "#091E420F",
+          _dark: "#A1BDD914"
+        }
+      },
+      hovered: {
+        value: {
+          _light: "#091E4224",
+          _dark: "#A6C5E229"
+        }
+      },
+      pressed: {
+        value: {
+          _light: "#091E424F",
+          _dark: "#BFDBF847"
+        }
+      },
+      subtle: {
+        hovered: {
+          value: {
+            _light: "#091E420F",
+            _dark: "#A1BDD914"
+          }
+        },
+        pressed: {
+          value: {
+            _light: "#091E4224",
+            _dark: "#A6C5E229"
+          }
+        }
+      },
+      bold: {
+        DEFAULT: {
+          value: {
+            _light: "#44546F",
+            _dark: "#9FADBC"
+          }
+        },
+        hovered: {
+          value: {
+            _light: "#2C3E5D",
+            _dark: "#B6C2CF"
+          }
+        },
+        pressed: {
+          value: {
+            _light: "#172B4D",
+            _dark: "#C7D1DB"
+          }
+        }
+      }
+    },
+    selected: {
+      DEFAULT: {
+        value: {
+          _light: "#E9F2FF",
+          _dark: "#1C2B41"
+        }
+      },
+      hovered: {
+        value: {
+          _light: "#CCE0FF",
+          _dark: "#09326C"
+        }
+      },
+      pressed: {
+        value: {
+          _light: "#85B8FF",
+          _dark: "#0055CC"
+        }
+      },
+      bold: {
+        DEFAULT: {
+          value: {
+            _light: "#0C66E4",
+            _dark: "#579DFF"
+          }
+        },
+        hovered: {
+          value: {
+            _light: "#0055CC",
+            _dark: "#85B8FF"
+          }
+        },
+        pressed: {
+          value: {
+            _light: "#09326C",
+            _dark: "#CCE0FF"
+          }
+        }
+      }
+    },
+    brand: {
+      subtlest: {
+        DEFAULT: {
+          value: {
+            _light: "#E9F2FF",
+            _dark: "#1C2B41"
+          }
+        },
+        hovered: {
+          value: {
+            _light: "#CCE0FF",
+            _dark: "#09326C"
+          }
+        },
+        pressed: {
+          value: {
+            _light: "#85B8FF",
+            _dark: "#0055CC"
+          }
+        }
+      },
+      bold: {
+        DEFAULT: {
+          value: {
+            _light: "#0C66E4",
+            _dark: "#579DFF"
+          }
+        },
+        hovered: {
+          value: {
+            _light: "#0055CC",
+            _dark: "#85B8FF"
+          }
+        },
+        pressed: {
+          value: {
+            _light: "#09326C",
+            _dark: "#CCE0FF"
+          }
+        }
+      },
+      boldest: {
+        DEFAULT: {
+          value: {
+            _light: "#1C2B41",
+            _dark: "#E9F2FF"
+          }
+        },
+        hovered: {
+          value: {
+            _light: "#09326C",
+            _dark: "#CCE0FF"
+          }
+        },
+        pressed: {
+          value: {
+            _light: "#0055CC",
+            _dark: "#85B8FF"
+          }
+        }
+      }
+    },
+    danger: {
+      DEFAULT: {
+        value: {
+          _light: "#FFECEB",
+          _dark: "#42221F"
+        }
+      },
+      hovered: {
+        value: {
+          _light: "#FFD5D2",
+          _dark: "#5D1F1A"
+        }
+      },
+      pressed: {
+        value: {
+          _light: "#FD9891",
+          _dark: "#AE2E24"
+        }
+      },
+      bold: {
+        DEFAULT: {
+          value: {
+            _light: "#C9372C",
+            _dark: "#F87168"
+          }
+        },
+        hovered: {
+          value: {
+            _light: "#AE2E24",
+            _dark: "#FD9891"
+          }
+        },
+        pressed: {
+          value: {
+            _light: "#5D1F1A",
+            _dark: "#FFD5D2"
+          }
+        }
+      }
+    },
+    warning: {
+      DEFAULT: {
+        value: {
+          _light: "#FFF7D6",
+          _dark: "#332E1B"
+        }
+      },
+      hovered: {
+        value: {
+          _light: "#F8E6A0",
+          _dark: "#533F04"
+        }
+      },
+      pressed: {
+        value: {
+          _light: "#F5CD47",
+          _dark: "#7F5F01"
+        }
+      }
+    },
+    success: {
+      DEFAULT: {
+        value: {
+          _light: "#DCFFF1",
+          _dark: "#1C3329"
+        }
+      },
+      hovered: {
+        value: {
+          _light: "#BAF3DB",
+          _dark: "#164B35"
+        }
+      },
+      pressed: {
+        value: {
+          _light: "#7EE2B8",
+          _dark: "#216E4E"
+        }
+      },
+      bold: {
+        DEFAULT: {
+          value: {
+            _light: "#1F845A",
+            _dark: "#4BCE97"
+          }
+        },
+        hovered: {
+          value: {
+            _light: "#216E4E",
+            _dark: "#7EE2B8"
+          }
+        },
+        pressed: {
+          value: {
+            _light: "#164B35",
+            _dark: "#BAF3DB"
+          }
+        }
+      }
+    },
+    discovery: {
+      DEFAULT: {
+        value: {
+          _light: "#F3F0FF",
+          _dark: "#2B273F"
+        }
+      },
+      hovered: {
+        value: {
+          _light: "#DFD8FD",
+          _dark: "#352C63"
+        }
+      },
+      pressed: {
+        value: {
+          _light: "#B8ACF6",
+          _dark: "#5E4DB2"
+        }
+      },
+      bold: {
+        DEFAULT: {
+          value: {
+            _light: "#6E5DC6",
+            _dark: "#9F8FEF"
+          }
+        },
+        hovered: {
+          value: {
+            _light: "#5E4DB2",
+            _dark: "#B8ACF6"
+          }
+        },
+        pressed: {
+          value: {
+            _light: "#352C63",
+            _dark: "#DFD8FD"
+          }
+        }
+      }
+    },
+    information: {
+      DEFAULT: {
+        value: {
+          _light: "#E9F2FF",
+          _dark: "#1C2B41"
+        }
+      },
+      hovered: {
+        value: {
+          _light: "#CCE0FF",
+          _dark: "#09326C"
+        }
+      },
+      pressed: {
+        value: {
+          _light: "#85B8FF",
+          _dark: "#0055CC"
+        }
+      },
+      bold: {
+        DEFAULT: {
+          value: {
+            _light: "#0C66E4",
+            _dark: "#579DFF"
+          }
+        },
+        hovered: {
+          value: {
+            _light: "#0055CC",
+            _dark: "#85B8FF"
+          }
+        },
+        pressed: {
+          value: {
+            _light: "#09326C",
+            _dark: "#CCE0FF"
+          }
+        }
+      }
+    }
+  },
+  blanket: {
+    DEFAULT: {
+      value: {
+        _light: "#091E427D",
+        _dark: "#10121499"
+      }
+    },
+    selected: {
+      value: {
+        _light: "#388BFF14",
+        _dark: "#1D7AFC14"
+      }
+    },
+    danger: {
+      value: {
+        _light: "#EF5C4814",
+        _dark: "#E3493514"
+      }
+    }
+  },
+  interaction: {
+    hovered: {
+      value: {
+        _light: "#00000029",
+        _dark: "#ffffff33"
+      }
+    },
+    pressed: {
+      value: {
+        _light: "#00000052",
+        _dark: "#ffffff5c"
+      }
+    }
+  },
+  skeleton: {
+    DEFAULT: {
+      value: {
+        _light: "#091E420F",
+        _dark: "#A1BDD914"
+      }
+    },
+    subtle: {
+      value: {
+        _light: "#091E4208",
+        _dark: "#BCD6F00A"
+      }
+    }
+  },
+  chart: {
+    categorical: {
+      "1": {
+        hovered: {
+          value: {
+            _light: "#227D9B",
+            _dark: "#42B2D7"
+          }
+        }
+      },
+      "2": {
+        DEFAULT: {
+          value: {
+            _light: "#5E4DB2",
+            _dark: "#B8ACF6"
+          }
+        },
+        hovered: {
+          value: {
+            _light: "#352C63",
+            _dark: "#DFD8FD"
+          }
+        }
+      },
+      "3": {
+        hovered: {
+          value: {
+            _light: "#C25100",
+            _dark: "#F38A3F"
+          }
+        }
+      },
+      "4": {
+        DEFAULT: {
+          value: {
+            _light: "#943D73",
+            _dark: "#F797D2"
+          }
+        },
+        hovered: {
+          value: {
+            _light: "#50253F",
+            _dark: "#FDD0EC"
+          }
+        }
+      },
+      "5": {
+        DEFAULT: {
+          value: {
+            _light: "#09326C",
+            _dark: "#CCE0FF"
+          }
+        },
+        hovered: {
+          value: {
+            _light: "#1C2B41",
+            _dark: "#E9F2FF"
+          }
+        }
+      },
+      "6": {
+        DEFAULT: {
+          value: {
+            _light: "#8F7EE7",
+            _dark: "#8270DB"
+          }
+        },
+        hovered: {
+          value: {
+            _light: "#8270DB",
+            _dark: "#8F7EE7"
+          }
+        }
+      },
+      "7": {
+        DEFAULT: {
+          value: {
+            _light: "#50253F",
+            _dark: "#FDD0EC"
+          }
+        },
+        hovered: {
+          value: {
+            _light: "#3D2232",
+            _dark: "#FFECF8"
+          }
+        }
+      },
+      "8": {
+        DEFAULT: {
+          value: {
+            _light: "#A54800",
+            _dark: "#FEC195"
+          }
+        },
+        hovered: {
+          value: {
+            _light: "#702E00",
+            _dark: "#FEDEC8"
+          }
+        }
+      }
+    },
+    lime: {
+      bold: {
+        DEFAULT: {
+          value: {
+            _light: "#6A9A23",
+            _dark: "#82B536"
+          }
+        },
+        hovered: {
+          value: {
+            _light: "#5B7F24",
+            _dark: "#94C748"
+          }
+        }
+      },
+      bolder: {
+        DEFAULT: {
+          value: {
+            _light: "#5B7F24",
+            _dark: "#94C748"
+          }
+        },
+        hovered: {
+          value: {
+            _light: "#4C6B1F",
+            _dark: "#B3DF72"
+          }
+        }
+      },
+      boldest: {
+        DEFAULT: {
+          value: {
+            _light: "#4C6B1F",
+            _dark: "#B3DF72"
+          }
+        },
+        hovered: {
+          value: {
+            _light: "#37471F",
+            _dark: "#D3F1A7"
+          }
+        }
+      }
+    },
+    neutral: {
+      DEFAULT: {
+        value: {
+          _light: "#8590A2",
+          _dark: "#738496"
+        }
+      },
+      hovered: {
+        value: {
+          _light: "#758195",
+          _dark: "#8C9BAB"
+        }
+      }
+    },
+    red: {
+      bold: {
+        DEFAULT: {
+          value: {
+            _light: "#F15B50",
+            _dark: "#E2483D"
+          }
+        },
+        hovered: {
+          value: {
+            _light: "#E2483D",
+            _dark: "#F15B50"
+          }
+        }
+      },
+      bolder: {
+        DEFAULT: {
+          value: {
+            _light: "#E2483D",
+            _dark: "#F15B50"
+          }
+        },
+        hovered: {
+          value: {
+            _light: "#C9372C",
+            _dark: "#F87168"
+          }
+        }
+      },
+      boldest: {
+        DEFAULT: {
+          value: {
+            _light: "#AE2E24",
+            _dark: "#FD9891"
+          }
+        },
+        hovered: {
+          value: {
+            _light: "#5D1F1A",
+            _dark: "#FFD5D2"
+          }
+        }
+      }
+    },
+    orange: {
+      bold: {
+        DEFAULT: {
+          value: {
+            _light: "#E56910",
+            _dark: "#F38A3F"
+          }
+        },
+        hovered: {
+          value: {
+            _light: "#C25100",
+            _dark: "#FEA362"
+          }
+        }
+      },
+      bolder: {
+        DEFAULT: {
+          value: {
+            _light: "#C25100",
+            _dark: "#FEA362"
+          }
+        },
+        hovered: {
+          value: {
+            _light: "#A54800",
+            _dark: "#FEC195"
+          }
+        }
+      },
+      boldest: {
+        DEFAULT: {
+          value: {
+            _light: "#A54800",
+            _dark: "#FEC195"
+          }
+        },
+        hovered: {
+          value: {
+            _light: "#702E00",
+            _dark: "#FEDEC8"
+          }
+        }
+      }
+    },
+    yellow: {
+      bold: {
+        DEFAULT: {
+          value: {
+            _light: "#B38600",
+            _dark: "#CF9F02"
+          }
+        },
+        hovered: {
+          value: {
+            _light: "#946F00",
+            _dark: "#E2B203"
+          }
+        }
+      },
+      bolder: {
+        DEFAULT: {
+          value: {
+            _light: "#946F00",
+            _dark: "#E2B203"
+          }
+        },
+        hovered: {
+          value: {
+            _light: "#7F5F01",
+            _dark: "#F5CD47"
+          }
+        }
+      },
+      boldest: {
+        DEFAULT: {
+          value: {
+            _light: "#7F5F01",
+            _dark: "#F5CD47"
+          }
+        },
+        hovered: {
+          value: {
+            _light: "#533F04",
+            _dark: "#F8E6A0"
+          }
+        }
+      }
+    },
+    green: {
+      bold: {
+        DEFAULT: {
+          value: {
+            _light: "#22A06B",
+            _dark: "#2ABB7F"
+          }
+        },
+        hovered: {
+          value: {
+            _light: "#1F845A",
+            _dark: "#4BCE97"
+          }
+        }
+      },
+      bolder: {
+        DEFAULT: {
+          value: {
+            _light: "#1F845A",
+            _dark: "#4BCE97"
+          }
+        },
+        hovered: {
+          value: {
+            _light: "#216E4E",
+            _dark: "#7EE2B8"
+          }
+        }
+      },
+      boldest: {
+        DEFAULT: {
+          value: {
+            _light: "#216E4E",
+            _dark: "#7EE2B8"
+          }
+        },
+        hovered: {
+          value: {
+            _light: "#164B35",
+            _dark: "#BAF3DB"
+          }
+        }
+      }
+    },
+    teal: {
+      bold: {
+        DEFAULT: {
+          value: {
+            _light: "#2898BD",
+            _dark: "#42B2D7"
+          }
+        },
+        hovered: {
+          value: {
+            _light: "#227D9B",
+            _dark: "#6CC3E0"
+          }
+        }
+      },
+      bolder: {
+        DEFAULT: {
+          value: {
+            _light: "#227D9B",
+            _dark: "#6CC3E0"
+          }
+        },
+        hovered: {
+          value: {
+            _light: "#206A83",
+            _dark: "#9DD9EE"
+          }
+        }
+      },
+      boldest: {
+        DEFAULT: {
+          value: {
+            _light: "#206A83",
+            _dark: "#9DD9EE"
+          }
+        },
+        hovered: {
+          value: {
+            _light: "#164555",
+            _dark: "#C6EDFB"
+          }
+        }
+      }
+    },
+    blue: {
+      bold: {
+        DEFAULT: {
+          value: {
+            _light: "#388BFF",
+            _dark: "#1D7AFC"
+          }
+        },
+        hovered: {
+          value: {
+            _light: "#1D7AFC",
+            _dark: "#388BFF"
+          }
+        }
+      },
+      bolder: {
+        DEFAULT: {
+          value: {
+            _light: "#1D7AFC",
+            _dark: "#388BFF"
+          }
+        },
+        hovered: {
+          value: {
+            _light: "#0C66E4",
+            _dark: "#579DFF"
+          }
+        }
+      },
+      boldest: {
+        DEFAULT: {
+          value: {
+            _light: "#0055CC",
+            _dark: "#85B8FF"
+          }
+        },
+        hovered: {
+          value: {
+            _light: "#09326C",
+            _dark: "#CCE0FF"
+          }
+        }
+      }
+    },
+    purple: {
+      bold: {
+        DEFAULT: {
+          value: {
+            _light: "#8F7EE7",
+            _dark: "#8270DB"
+          }
+        },
+        hovered: {
+          value: {
+            _light: "#8270DB",
+            _dark: "#8F7EE7"
+          }
+        }
+      },
+      bolder: {
+        DEFAULT: {
+          value: {
+            _light: "#8270DB",
+            _dark: "#8F7EE7"
+          }
+        },
+        hovered: {
+          value: {
+            _light: "#6E5DC6",
+            _dark: "#9F8FEF"
+          }
+        }
+      },
+      boldest: {
+        DEFAULT: {
+          value: {
+            _light: "#5E4DB2",
+            _dark: "#B8ACF6"
+          }
+        },
+        hovered: {
+          value: {
+            _light: "#352C63",
+            _dark: "#DFD8FD"
+          }
+        }
+      }
+    },
+    magenta: {
+      bold: {
+        DEFAULT: {
+          value: {
+            _light: "#DA62AC",
+            _dark: "#CD519D"
+          }
+        },
+        hovered: {
+          value: {
+            _light: "#CD519D",
+            _dark: "#DA62AC"
+          }
+        }
+      },
+      bolder: {
+        DEFAULT: {
+          value: {
+            _light: "#CD519D",
+            _dark: "#DA62AC"
+          }
+        },
+        hovered: {
+          value: {
+            _light: "#AE4787",
+            _dark: "#E774BB"
+          }
+        }
+      },
+      boldest: {
+        DEFAULT: {
+          value: {
+            _light: "#943D73",
+            _dark: "#F797D2"
+          }
+        },
+        hovered: {
+          value: {
+            _light: "#50253F",
+            _dark: "#FDD0EC"
+          }
+        }
+      }
+    },
+    gray: {
+      bold: {
+        DEFAULT: {
+          value: {
+            _light: "#8590A2",
+            _dark: "#738496"
+          }
+        },
+        hovered: {
+          value: {
+            _light: "#758195",
+            _dark: "#8C9BAB"
+          }
+        }
+      },
+      bolder: {
+        DEFAULT: {
+          value: {
+            _light: "#758195",
+            _dark: "#8C9BAB"
+          }
+        },
+        hovered: {
+          value: {
+            _light: "#626F86",
+            _dark: "#9FADBC"
+          }
+        }
+      },
+      boldest: {
+        DEFAULT: {
+          value: {
+            _light: "#44546F",
+            _dark: "#9FADBC"
+          }
+        },
+        hovered: {
+          value: {
+            _light: "#2C3E5D",
+            _dark: "#B6C2CF"
+          }
+        }
+      }
+    },
+    brand: {
+      DEFAULT: {
+        value: {
+          _light: "#1D7AFC",
+          _dark: "#388BFF"
+        }
+      },
+      hovered: {
+        value: {
+          _light: "#0C66E4",
+          _dark: "#579DFF"
+        }
+      }
+    },
+    danger: {
+      DEFAULT: {
+        value: {
+          _light: "#F15B50",
+          _dark: "#E2483D"
+        }
+      },
+      hovered: {
+        value: {
+          _light: "#E2483D",
+          _dark: "#F15B50"
+        }
+      },
+      bold: {
+        DEFAULT: {
+          value: {
+            _light: "#AE2E24",
+            _dark: "#FD9891"
+          }
+        },
+        hovered: {
+          value: {
+            _light: "#5D1F1A",
+            _dark: "#FFD5D2"
+          }
+        }
+      }
+    },
+    warning: {
+      DEFAULT: {
+        value: {
+          _light: "#B38600",
+          _dark: "#CF9F02"
+        }
+      },
+      hovered: {
+        value: {
+          _light: "#946F00",
+          _dark: "#E2B203"
+        }
+      },
+      bold: {
+        DEFAULT: {
+          value: {
+            _light: "#7F5F01",
+            _dark: "#F5CD47"
+          }
+        },
+        hovered: {
+          value: {
+            _light: "#533F04",
+            _dark: "#F8E6A0"
+          }
+        }
+      }
+    },
+    success: {
+      DEFAULT: {
+        value: {
+          _light: "#22A06B",
+          _dark: "#2ABB7F"
+        }
+      },
+      hovered: {
+        value: {
+          _light: "#1F845A",
+          _dark: "#4BCE97"
+        }
+      },
+      bold: {
+        DEFAULT: {
+          value: {
+            _light: "#216E4E",
+            _dark: "#7EE2B8"
+          }
+        },
+        hovered: {
+          value: {
+            _light: "#164B35",
+            _dark: "#BAF3DB"
+          }
+        }
+      }
+    },
+    discovery: {
+      DEFAULT: {
+        value: {
+          _light: "#8F7EE7",
+          _dark: "#8270DB"
+        }
+      },
+      hovered: {
+        value: {
+          _light: "#8270DB",
+          _dark: "#8F7EE7"
+        }
+      },
+      bold: {
+        DEFAULT: {
+          value: {
+            _light: "#5E4DB2",
+            _dark: "#B8ACF6"
+          }
+        },
+        hovered: {
+          value: {
+            _light: "#352C63",
+            _dark: "#DFD8FD"
+          }
+        }
+      }
+    },
+    information: {
+      DEFAULT: {
+        value: {
+          _light: "#388BFF",
+          _dark: "#1D7AFC"
+        }
+      },
+      hovered: {
+        value: {
+          _light: "#1D7AFC",
+          _dark: "#388BFF"
+        }
+      },
+      bold: {
+        DEFAULT: {
+          value: {
+            _light: "#0055CC",
+            _dark: "#85B8FF"
+          }
+        },
+        hovered: {
+          value: {
+            _light: "#09326C",
+            _dark: "#CCE0FF"
+          }
+        }
+      }
+    }
+  }
+};
+
+// src/opacity.ts
+var opacity = {
+  disabled: { value: "0.4" },
+  loading: { value: "0.2" }
+};
+
+// src/radii.ts
+var radii = {
+  xsmall: { value: "2px" },
+  small: { value: "4px" },
+  medium: { value: "6px" },
+  large: { value: "8px" },
+  xlarge: { value: "12px" },
+  full: { value: "9999px" },
+  tile: { value: "25%" }
+};
+
+// src/shadows.ts
+var semanticShadows = {
+  overflow: {
+    DEFAULT: {
+      value: {
+        _light: "0px 0px 8px rgba(9, 30, 66, 0.16),0px 0px 1px rgba(9, 30, 66, 0.12)",
+        _dark: "0px 0px 12px rgba(3, 4, 4, 0.56),0px 0px 1px rgba(3, 4, 4, 0.5)"
+      }
+    }
+  },
+  overlay: {
+    value: {
+      _light: "0px 8px 12px rgba(9, 30, 66, 0.15),0px 0px 1px rgba(9, 30, 66, 0.31)",
+      _dark: "0px 0px 0px rgba(57, 66, 74, 1),0px 8px 12px rgba(3, 4, 4, 0.36),0px 0px 1px rgba(3, 4, 4, 0.5)"
+    }
+  },
+  raised: {
+    value: {
+      _light: "0px 1px 1px rgba(9, 30, 66, 0.25),0px 0px 1px rgba(9, 30, 66, 0.31)",
+      _dark: "0px 0px 0px rgba(0, 0, 0, 0),0px 1px 1px rgba(3, 4, 4, 0.5),0px 0px 1px rgba(3, 4, 4, 0.5)"
+    }
+  }
+};
+
+// src/spacing.ts
+var spacing = {
+  "0": { value: "0px" },
+  "100": { value: "8px" },
+  "150": { value: "12px" },
+  "200": { value: "16px" },
+  "250": { value: "20px" },
+  "300": { value: "24px" },
+  "400": { value: "32px" },
+  "500": { value: "40px" },
+  "600": { value: "48px" },
+  "800": { value: "64px" },
+  "1000": { value: "80px" },
+  "025": { value: "2px" },
+  "050": { value: "4px" },
+  "075": { value: "6px" },
+  negative: {
+    "100": { value: "-8px" },
+    "150": { value: "-12px" },
+    "200": { value: "-16px" },
+    "250": { value: "-20px" },
+    "300": { value: "-24px" },
+    "400": { value: "-32px" },
+    "025": { value: "-2px" },
+    "050": { value: "-4px" },
+    "075": { value: "-6px" }
+  }
+};
+
+// src/typography/sizes.ts
+var fontSizes = {
+  heading: {
+    xxlarge: { value: "32px" },
+    xlarge: { value: "28px" },
+    large: { value: "24px" },
+    medium: { value: "20px" },
+    small: { value: "16px" },
+    xsmall: { value: "14px" },
+    xxsmall: { value: "12px" }
+  },
+  body: {
+    large: { value: "16px" },
+    DEFAULT: { value: "14px" },
+    small: { value: "12px" },
+    UNSAFE_small: { value: "12px" }
+  },
+  metric: {
+    large: { value: "28px" },
+    medium: { value: "24px" },
+    small: { value: "16px" }
+  },
+  code: {
+    DEFAULT: { value: "0.875em" }
+  }
+};
+
+// src/typography/fonts.ts
+var fonts = {
+  heading: { value: "Atlassian Sans" },
+  body: { value: "Atlassian Sans" },
+  metric: {
+    large: { value: "Atlassian Sans" },
+    medium: { value: "Atlassian Sans" },
+    small: { value: "Atlassian Sans" }
+  },
+  code: { value: "Atlassian Mono" },
+  brand: {
+    heading: { value: "Charlie Display" },
+    body: { value: "Charlie Text" }
+  }
+};
+
+// src/typography/weights.ts
+var fontWeights = {
+  regular: { value: "400" },
+  medium: { value: "500" },
+  semibold: { value: "600" },
+  bold: { value: "653" }
+};
+
+// src/typography/lineHeights.ts
+var lineHeights = {
+  heading: {
+    xxlarge: { value: "36px" },
+    xlarge: { value: "32px" },
+    large: { value: "28px" },
+    medium: { value: "24px" },
+    small: { value: "20px" },
+    xsmall: { value: "20px" },
+    xxsmall: { value: "16px" }
+  },
+  body: {
+    large: { value: "24px" },
+    DEFAULT: { value: "20px" },
+    small: { value: "16px" },
+    UNSAFE_small: { value: "16px" }
+  },
+  metric: {
+    large: { value: "32px" },
+    medium: { value: "28px" },
+    small: { value: "20px" }
+  },
+  code: {
+    DEFAULT: { value: "1" }
+  }
+};
+
+// src/textStyles.ts
+var textStyles = {
+  heading: {
+    xxlarge: {
+      value: {
+        fontFamily: "Atlassian Sans",
+        fontWeight: "653",
+        fontSize: "32px",
+        lineHeight: "36px"
+      }
+    },
+    xlarge: {
+      value: {
+        fontFamily: "Atlassian Sans",
+        fontWeight: "653",
+        fontSize: "28px",
+        lineHeight: "32px"
+      }
+    },
+    large: {
+      value: {
+        fontFamily: "Atlassian Sans",
+        fontWeight: "653",
+        fontSize: "24px",
+        lineHeight: "28px"
+      }
+    },
+    medium: {
+      value: {
+        fontFamily: "Atlassian Sans",
+        fontWeight: "653",
+        fontSize: "20px",
+        lineHeight: "24px"
+      }
+    },
+    small: {
+      value: {
+        fontFamily: "Atlassian Sans",
+        fontWeight: "653",
+        fontSize: "16px",
+        lineHeight: "20px"
+      }
+    },
+    xsmall: {
+      value: {
+        fontFamily: "Atlassian Sans",
+        fontWeight: "653",
+        fontSize: "14px",
+        lineHeight: "20px"
+      }
+    },
+    xxsmall: {
+      value: {
+        fontFamily: "Atlassian Sans",
+        fontWeight: "653",
+        fontSize: "12px",
+        lineHeight: "16px"
+      }
+    }
+  },
+  body: {
+    large: {
+      value: {
+        fontFamily: "Atlassian Sans",
+        fontWeight: "400",
+        fontSize: "16px",
+        lineHeight: "24px"
+      }
+    },
+    DEFAULT: {
+      value: {
+        fontFamily: "Atlassian Sans",
+        fontWeight: "400",
+        fontSize: "14px",
+        lineHeight: "20px"
+      }
+    },
+    small: {
+      value: {
+        fontFamily: "Atlassian Sans",
+        fontWeight: "400",
+        fontSize: "12px",
+        lineHeight: "16px"
+      }
+    },
+    UNSAFE_small: {
+      value: {
+        fontFamily: "Atlassian Sans",
+        fontWeight: "400",
+        fontSize: "12px",
+        lineHeight: "16px"
+      }
+    }
+  },
+  metric: {
+    large: {
+      value: {
+        fontFamily: "Atlassian Sans",
+        fontWeight: "653",
+        fontSize: "28px",
+        lineHeight: "32px"
+      }
+    },
+    medium: {
+      value: {
+        fontFamily: "Atlassian Sans",
+        fontWeight: "653",
+        fontSize: "24px",
+        lineHeight: "28px"
+      }
+    },
+    small: {
+      value: {
+        fontFamily: "Atlassian Sans",
+        fontWeight: "653",
+        fontSize: "16px",
+        lineHeight: "20px"
+      }
+    }
+  },
+  code: {
+    DEFAULT: {
+      value: {
+        fontFamily: "Atlassian Mono",
+        fontWeight: "400",
+        fontSize: "0.875em",
+        lineHeight: "1"
+      }
+    }
+  }
+};
+
+// src/durations.ts
+var durations = {
+  none: { value: "0ms" },
+  small: { value: "100ms" },
+  medium: { value: "350ms" },
+  large: { value: "700ms" }
+};
+
+// src/easings.ts
+var easings = {
+  easeIn: { value: "cubic-bezier(0.8,0,0,0.8)" },
+  easeIn40Out: { value: "cubic-bezier(0.4,0,0,1)" },
+  easeIn60Out: { value: "cubic-bezier(0.6,0,0,1)" },
+  easeIn80Out: { value: "cubic-bezier(0.8,0,0,1)" },
+  easeInOut: { value: "cubic-bezier(0.15,1,0.3,1)" },
+  easeOut: { value: "cubic-bezier(0.2,0,0,1)" },
+  linear: { value: "cubic-bezier(0,0,1,1)" }
+};
+
+// src/index.ts
+var definePreset = (config) => config;
+var preset = definePreset({
+  name: "@bamboocss/preset-atlaskit",
+  theme: {
+    breakpoints,
+    tokens: {
+      colors,
+      opacity,
+      radii,
+      fontSizes,
+      fontWeights,
+      lineHeights,
+      fonts,
+      spacing,
+      durations,
+      easings
+    },
+    semanticTokens: {
+      colors: semanticColors,
+      shadows: semanticShadows
+    },
+    textStyles
+  }
+});
+var index_default = preset;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  preset
+});