@carbon/themes 11.52.0 → 11.54.0-rc.0

package/lib/index.js

@@ -118,47 +118,77 @@ function _objectSpread2(e) {
 }
 function _regeneratorRuntime() {
   _regeneratorRuntime = function () {
-    return e;
+    return r;
   };
   var t,
-    e = {},
-    r = Object.prototype,
-    n = r.hasOwnProperty,
-    o = Object.defineProperty || function (t, e, r) {
-      t[e] = r.value;
-    },
-    i = "function" == typeof Symbol ? Symbol : {},
-    a = i.iterator || "@@iterator",
-    c = i.asyncIterator || "@@asyncIterator",
-    u = i.toStringTag || "@@toStringTag";
-  function define(t, e, r) {
-    return Object.defineProperty(t, e, {
-      value: r,
-      enumerable: !0,
-      configurable: !0,
-      writable: !0
-    }), t[e];
+    r = {},
+    e = Object.prototype,
+    n = e.hasOwnProperty,
+    o = "function" == typeof Symbol ? Symbol : {},
+    i = o.iterator || "@@iterator",
+    a = o.asyncIterator || "@@asyncIterator",
+    u = o.toStringTag || "@@toStringTag";
+  function c(t, r, e, n) {
+    Object.defineProperty(t, r, {
+      value: e,
+      enumerable: !n,
+      configurable: !n,
+      writable: !n
+    });
   }
   try {
-    define({}, "");
+    c({}, "");
   } catch (t) {
-    define = function (t, e, r) {
-      return t[e] = r;
+    c = function (t, r, e) {
+      return t[r] = e;
     };
   }
-  function wrap(t, e, r, n) {
+  function h(r, e, n, o) {
     var i = e && e.prototype instanceof Generator ? e : Generator,
-      a = Object.create(i.prototype),
-      c = new Context(n || []);
-    return o(a, "_invoke", {
-      value: makeInvokeMethod(t, r, c)
-    }), a;
+      a = Object.create(i.prototype);
+    return c(a, "_invoke", function (r, e, n) {
+      var o = 1;
+      return function (i, a) {
+        if (3 === o) throw Error("Generator is already running");
+        if (4 === o) {
+          if ("throw" === i) throw a;
+          return {
+            value: t,
+            done: !0
+          };
+        }
+        for (n.method = i, n.arg = a;;) {
+          var u = n.delegate;
+          if (u) {
+            var c = d(u, n);
+            if (c) {
+              if (c === f) continue;
+              return c;
+            }
+          }
+          if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) {
+            if (1 === o) throw o = 4, n.arg;
+            n.dispatchException(n.arg);
+          } else "return" === n.method && n.abrupt("return", n.arg);
+          o = 3;
+          var h = s(r, e, n);
+          if ("normal" === h.type) {
+            if (o = n.done ? 4 : 2, h.arg === f) continue;
+            return {
+              value: h.arg,
+              done: n.done
+            };
+          }
+          "throw" === h.type && (o = 4, n.method = "throw", n.arg = h.arg);
+        }
+      };
+    }(r, n, new Context(o || [])), !0), a;
   }
-  function tryCatch(t, e, r) {
+  function s(t, r, e) {
     try {
       return {
         type: "normal",
-        arg: t.call(e, r)
+        arg: t.call(r, e)
       };
     } catch (t) {
       return {
@@ -167,255 +197,193 @@ function _regeneratorRuntime() {
       };
     }
   }
-  e.wrap = wrap;
-  var h = "suspendedStart",
-    l = "suspendedYield",
-    f = "executing",
-    s = "completed",
-    y = {};
+  r.wrap = h;
+  var f = {};
   function Generator() {}
   function GeneratorFunction() {}
   function GeneratorFunctionPrototype() {}
-  var p = {};
-  define(p, a, function () {
+  var l = {};
+  c(l, i, function () {
     return this;
   });
-  var d = Object.getPrototypeOf,
-    v = d && d(d(values([])));
-  v && v !== r && n.call(v, a) && (p = v);
-  var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p);
-  function defineIteratorMethods(t) {
-    ["next", "throw", "return"].forEach(function (e) {
-      define(t, e, function (t) {
-        return this._invoke(e, t);
+  var p = Object.getPrototypeOf,
+    y = p && p(p(x([])));
+  y && y !== e && n.call(y, i) && (l = y);
+  var v = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(l);
+  function g(t) {
+    ["next", "throw", "return"].forEach(function (r) {
+      c(t, r, function (t) {
+        return this._invoke(r, t);
       });
     });
   }
-  function AsyncIterator(t, e) {
-    function invoke(r, o, i, a) {
-      var c = tryCatch(t[r], t, o);
+  function AsyncIterator(t, r) {
+    function e(o, i, a, u) {
+      var c = s(t[o], t, i);
       if ("throw" !== c.type) {
-        var u = c.arg,
-          h = u.value;
-        return h && "object" == typeof h && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) {
-          invoke("next", t, i, a);
+        var h = c.arg,
+          f = h.value;
+        return f && "object" == typeof f && n.call(f, "__await") ? r.resolve(f.__await).then(function (t) {
+          e("next", t, a, u);
         }, function (t) {
-          invoke("throw", t, i, a);
-        }) : e.resolve(h).then(function (t) {
-          u.value = t, i(u);
+          e("throw", t, a, u);
+        }) : r.resolve(f).then(function (t) {
+          h.value = t, a(h);
         }, function (t) {
-          return invoke("throw", t, i, a);
+          return e("throw", t, a, u);
         });
       }
-      a(c.arg);
+      u(c.arg);
     }
-    var r;
-    o(this, "_invoke", {
-      value: function (t, n) {
-        function callInvokeWithMethodAndArg() {
-          return new e(function (e, r) {
-            invoke(t, n, e, r);
-          });
-        }
-        return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
-      }
-    });
-  }
-  function makeInvokeMethod(e, r, n) {
-    var o = h;
-    return function (i, a) {
-      if (o === f) throw Error("Generator is already running");
-      if (o === s) {
-        if ("throw" === i) throw a;
-        return {
-          value: t,
-          done: !0
-        };
-      }
-      for (n.method = i, n.arg = a;;) {
-        var c = n.delegate;
-        if (c) {
-          var u = maybeInvokeDelegate(c, n);
-          if (u) {
-            if (u === y) continue;
-            return u;
-          }
-        }
-        if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) {
-          if (o === h) throw o = s, n.arg;
-          n.dispatchException(n.arg);
-        } else "return" === n.method && n.abrupt("return", n.arg);
-        o = f;
-        var p = tryCatch(e, r, n);
-        if ("normal" === p.type) {
-          if (o = n.done ? s : l, p.arg === y) continue;
-          return {
-            value: p.arg,
-            done: n.done
-          };
-        }
-        "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg);
+    var o;
+    c(this, "_invoke", function (t, n) {
+      function i() {
+        return new r(function (r, o) {
+          e(t, n, r, o);
+        });
       }
-    };
+      return o = o ? o.then(i, i) : i();
+    }, !0);
   }
-  function maybeInvokeDelegate(e, r) {
-    var n = r.method,
-      o = e.iterator[n];
-    if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y;
-    var i = tryCatch(o, e.iterator, r.arg);
-    if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y;
+  function d(r, e) {
+    var n = e.method,
+      o = r.i[n];
+    if (o === t) return e.delegate = null, "throw" === n && r.i.return && (e.method = "return", e.arg = t, d(r, e), "throw" === e.method) || "return" !== n && (e.method = "throw", e.arg = new TypeError("The iterator does not provide a '" + n + "' method")), f;
+    var i = s(o, r.i, e.arg);
+    if ("throw" === i.type) return e.method = "throw", e.arg = i.arg, e.delegate = null, f;
     var a = i.arg;
-    return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y);
+    return a ? a.done ? (e[r.r] = a.value, e.next = r.n, "return" !== e.method && (e.method = "next", e.arg = t), e.delegate = null, f) : a : (e.method = "throw", e.arg = new TypeError("iterator result is not an object"), e.delegate = null, f);
   }
-  function pushTryEntry(t) {
-    var e = {
-      tryLoc: t[0]
-    };
-    1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e);
+  function w(t) {
+    this.tryEntries.push(t);
   }
-  function resetTryEntry(t) {
-    var e = t.completion || {};
-    e.type = "normal", delete e.arg, t.completion = e;
+  function m(r) {
+    var e = r[4] || {};
+    e.type = "normal", e.arg = t, r[4] = e;
   }
   function Context(t) {
-    this.tryEntries = [{
-      tryLoc: "root"
-    }], t.forEach(pushTryEntry, this), this.reset(!0);
+    this.tryEntries = [[-1]], t.forEach(w, this), this.reset(!0);
   }
-  function values(e) {
-    if (e || "" === e) {
-      var r = e[a];
-      if (r) return r.call(e);
-      if ("function" == typeof e.next) return e;
-      if (!isNaN(e.length)) {
+  function x(r) {
+    if (null != r) {
+      var e = r[i];
+      if (e) return e.call(r);
+      if ("function" == typeof r.next) return r;
+      if (!isNaN(r.length)) {
         var o = -1,
-          i = function next() {
-            for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next;
-            return next.value = t, next.done = !0, next;
+          a = function e() {
+            for (; ++o < r.length;) if (n.call(r, o)) return e.value = r[o], e.done = !1, e;
+            return e.value = t, e.done = !0, e;
           };
-        return i.next = i;
+        return a.next = a;
       }
     }
-    throw new TypeError(typeof e + " is not iterable");
+    throw new TypeError(typeof r + " is not iterable");
   }
-  return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", {
-    value: GeneratorFunctionPrototype,
-    configurable: !0
-  }), o(GeneratorFunctionPrototype, "constructor", {
-    value: GeneratorFunction,
-    configurable: !0
-  }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) {
-    var e = "function" == typeof t && t.constructor;
-    return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name));
-  }, e.mark = function (t) {
-    return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t;
-  }, e.awrap = function (t) {
+  return GeneratorFunction.prototype = GeneratorFunctionPrototype, c(v, "constructor", GeneratorFunctionPrototype), c(GeneratorFunctionPrototype, "constructor", GeneratorFunction), c(GeneratorFunctionPrototype, u, GeneratorFunction.displayName = "GeneratorFunction"), r.isGeneratorFunction = function (t) {
+    var r = "function" == typeof t && t.constructor;
+    return !!r && (r === GeneratorFunction || "GeneratorFunction" === (r.displayName || r.name));
+  }, r.mark = function (t) {
+    return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, c(t, u, "GeneratorFunction")), t.prototype = Object.create(v), t;
+  }, r.awrap = function (t) {
     return {
       __await: t
     };
-  }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () {
+  }, g(AsyncIterator.prototype), c(AsyncIterator.prototype, a, function () {
     return this;
-  }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) {
+  }), r.AsyncIterator = AsyncIterator, r.async = function (t, e, n, o, i) {
     void 0 === i && (i = Promise);
-    var a = new AsyncIterator(wrap(t, r, n, o), i);
-    return e.isGeneratorFunction(r) ? a : a.next().then(function (t) {
+    var a = new AsyncIterator(h(t, e, n, o), i);
+    return r.isGeneratorFunction(e) ? a : a.next().then(function (t) {
       return t.done ? t.value : a.next();
     });
-  }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () {
+  }, g(v), c(v, u, "Generator"), c(v, i, function () {
     return this;
-  }), define(g, "toString", function () {
+  }), c(v, "toString", function () {
     return "[object Generator]";
-  }), e.keys = function (t) {
-    var e = Object(t),
-      r = [];
-    for (var n in e) r.push(n);
-    return r.reverse(), function next() {
-      for (; r.length;) {
-        var t = r.pop();
-        if (t in e) return next.value = t, next.done = !1, next;
-      }
-      return next.done = !0, next;
+  }), r.keys = function (t) {
+    var r = Object(t),
+      e = [];
+    for (var n in r) e.unshift(n);
+    return function t() {
+      for (; e.length;) if ((n = e.pop()) in r) return t.value = n, t.done = !1, t;
+      return t.done = !0, t;
     };
-  }, e.values = values, Context.prototype = {
+  }, r.values = x, Context.prototype = {
     constructor: Context,
-    reset: function (e) {
-      if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t);
+    reset: function (r) {
+      if (this.prev = this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(m), !r) for (var e in this) "t" === e.charAt(0) && n.call(this, e) && !isNaN(+e.slice(1)) && (this[e] = t);
     },
     stop: function () {
       this.done = !0;
-      var t = this.tryEntries[0].completion;
+      var t = this.tryEntries[0][4];
       if ("throw" === t.type) throw t.arg;
       return this.rval;
     },
-    dispatchException: function (e) {
-      if (this.done) throw e;
-      var r = this;
-      function handle(n, o) {
-        return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o;
+    dispatchException: function (r) {
+      if (this.done) throw r;
+      var e = this;
+      function n(t) {
+        a.type = "throw", a.arg = r, e.next = t;
       }
-      for (var o = this.tryEntries.length - 1; o >= 0; --o) {
+      for (var o = e.tryEntries.length - 1; o >= 0; --o) {
         var i = this.tryEntries[o],
-          a = i.completion;
-        if ("root" === i.tryLoc) return handle("end");
-        if (i.tryLoc <= this.prev) {
-          var c = n.call(i, "catchLoc"),
-            u = n.call(i, "finallyLoc");
-          if (c && u) {
-            if (this.prev < i.catchLoc) return handle(i.catchLoc, !0);
-            if (this.prev < i.finallyLoc) return handle(i.finallyLoc);
-          } else if (c) {
-            if (this.prev < i.catchLoc) return handle(i.catchLoc, !0);
-          } else {
-            if (!u) throw Error("try statement without catch or finally");
-            if (this.prev < i.finallyLoc) return handle(i.finallyLoc);
-          }
+          a = i[4],
+          u = this.prev,
+          c = i[1],
+          h = i[2];
+        if (-1 === i[0]) return n("end"), !1;
+        if (!c && !h) throw Error("try statement without catch or finally");
+        if (null != i[0] && i[0] <= u) {
+          if (u < c) return this.method = "next", this.arg = t, n(c), !0;
+          if (u < h) return n(h), !1;
         }
       }
     },
-    abrupt: function (t, e) {
-      for (var r = this.tryEntries.length - 1; r >= 0; --r) {
-        var o = this.tryEntries[r];
-        if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) {
-          var i = o;
+    abrupt: function (t, r) {
+      for (var e = this.tryEntries.length - 1; e >= 0; --e) {
+        var n = this.tryEntries[e];
+        if (n[0] > -1 && n[0] <= this.prev && this.prev < n[2]) {
+          var o = n;
           break;
         }
       }
-      i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null);
-      var a = i ? i.completion : {};
-      return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a);
+      o && ("break" === t || "continue" === t) && o[0] <= r && r <= o[2] && (o = null);
+      var i = o ? o[4] : {};
+      return i.type = t, i.arg = r, o ? (this.method = "next", this.next = o[2], f) : this.complete(i);
     },
-    complete: function (t, e) {
+    complete: function (t, r) {
       if ("throw" === t.type) throw t.arg;
-      return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y;
+      return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && r && (this.next = r), f;
     },
     finish: function (t) {
-      for (var e = this.tryEntries.length - 1; e >= 0; --e) {
-        var r = this.tryEntries[e];
-        if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y;
+      for (var r = this.tryEntries.length - 1; r >= 0; --r) {
+        var e = this.tryEntries[r];
+        if (e[2] === t) return this.complete(e[4], e[3]), m(e), f;
       }
     },
     catch: function (t) {
-      for (var e = this.tryEntries.length - 1; e >= 0; --e) {
-        var r = this.tryEntries[e];
-        if (r.tryLoc === t) {
-          var n = r.completion;
+      for (var r = this.tryEntries.length - 1; r >= 0; --r) {
+        var e = this.tryEntries[r];
+        if (e[0] === t) {
+          var n = e[4];
           if ("throw" === n.type) {
             var o = n.arg;
-            resetTryEntry(r);
+            m(e);
           }
           return o;
         }
       }
       throw Error("illegal catch attempt");
     },
-    delegateYield: function (e, r, n) {
+    delegateYield: function (r, e, n) {
       return this.delegate = {
-        iterator: values(e),
-        resultName: r,
-        nextLoc: n
-      }, "next" === this.method && (this.arg = t), y;
+        i: x(r),
+        r: e,
+        n: n
+      }, "next" === this.method && (this.arg = t), f;
     }
-  }, e;
+  }, r;
 }
 function _toConsumableArray(r) {
   return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();
@@ -528,6 +496,7 @@ var backgroundSelectedHover$7 = adjustAlpha(colors$1.gray50, 0.32);
 // layer-01
 var layer01$3 = colors$1.gray10;
 var layerActive01$3 = colors$1.gray30;
+var layerBackground01$3 = colors$1.white;
 var layerHover01$3 = colors$1.gray10Hover;
 var layerSelected01$3 = colors$1.gray20;
 var layerSelectedHover01$3 = colors$1.gray20Hover;
@@ -535,6 +504,7 @@ var layerSelectedHover01$3 = colors$1.gray20Hover;
 // layer-02
 var layer02$3 = colors$1.white;
 var layerActive02$3 = colors$1.gray30;
+var layerBackground02$3 = colors$1.gray10;
 var layerHover02$3 = colors$1.whiteHover;
 var layerSelected02$3 = colors$1.gray20;
 var layerSelectedHover02$3 = colors$1.gray20Hover;
@@ -542,6 +512,7 @@ var layerSelectedHover02$3 = colors$1.gray20Hover;
 // layer-03
 var layer03$3 = colors$1.gray10;
 var layerActive03$3 = colors$1.gray30;
+var layerBackground03$3 = colors$1.white;
 var layerHover03$3 = colors$1.gray10Hover;
 var layerSelected03$3 = colors$1.gray20;
 var layerSelectedHover03$3 = colors$1.gray20Hover;
@@ -738,16 +709,19 @@ var white$1 = /*#__PURE__*/Object.freeze({
   backgroundSelectedHover: backgroundSelectedHover$7,
   layer01: layer01$3,
   layerActive01: layerActive01$3,
+  layerBackground01: layerBackground01$3,
   layerHover01: layerHover01$3,
   layerSelected01: layerSelected01$3,
   layerSelectedHover01: layerSelectedHover01$3,
   layer02: layer02$3,
   layerActive02: layerActive02$3,
+  layerBackground02: layerBackground02$3,
   layerHover02: layerHover02$3,
   layerSelected02: layerSelected02$3,
   layerSelectedHover02: layerSelectedHover02$3,
   layer03: layer03$3,
   layerActive03: layerActive03$3,
+  layerBackground03: layerBackground03$3,
   layerHover03: layerHover03$3,
   layerSelected03: layerSelected03$3,
   layerSelectedHover03: layerSelectedHover03$3,
@@ -961,6 +935,7 @@ var backgroundSelectedHover$6 = adjustAlpha(colors$1.gray50, 0.32);
 // layer-01
 var layer01$2 = colors$1.white;
 var layerActive01$2 = colors$1.gray30;
+var layerBackground01$2 = colors$1.gray10;
 var layerHover01$2 = colors$1.whiteHover;
 var layerSelected01$2 = colors$1.gray20;
 var layerSelectedHover01$2 = colors$1.gray20Hover;
@@ -968,6 +943,7 @@ var layerSelectedHover01$2 = colors$1.gray20Hover;
 // layer-02
 var layer02$2 = colors$1.gray10;
 var layerActive02$2 = colors$1.gray30;
+var layerBackground02$2 = colors$1.white;
 var layerHover02$2 = colors$1.gray10Hover;
 var layerSelected02$2 = colors$1.gray20;
 var layerSelectedHover02$2 = colors$1.gray20Hover;
@@ -975,6 +951,7 @@ var layerSelectedHover02$2 = colors$1.gray20Hover;
 // layer-03
 var layer03$2 = colors$1.white;
 var layerActive03$2 = colors$1.gray30;
+var layerBackground03$2 = colors$1.gray10;
 var layerHover03$2 = colors$1.whiteHover;
 var layerSelected03$2 = colors$1.gray20;
 var layerSelectedHover03$2 = colors$1.gray20Hover;
@@ -1171,16 +1148,19 @@ var g10$1 = /*#__PURE__*/Object.freeze({
   backgroundSelectedHover: backgroundSelectedHover$6,
   layer01: layer01$2,
   layerActive01: layerActive01$2,
+  layerBackground01: layerBackground01$2,
   layerHover01: layerHover01$2,
   layerSelected01: layerSelected01$2,
   layerSelectedHover01: layerSelectedHover01$2,
   layer02: layer02$2,
   layerActive02: layerActive02$2,
+  layerBackground02: layerBackground02$2,
   layerHover02: layerHover02$2,
   layerSelected02: layerSelected02$2,
   layerSelectedHover02: layerSelectedHover02$2,
   layer03: layer03$2,
   layerActive03: layerActive03$2,
+  layerBackground03: layerBackground03$2,
   layerHover03: layerHover03$2,
   layerSelected03: layerSelected03$2,
   layerSelectedHover03: layerSelectedHover03$2,
@@ -1394,6 +1374,7 @@ var backgroundSelectedHover$5 = adjustAlpha(colors$1.gray50, 0.32);
 // layer-01
 var layer01$1 = colors$1.gray80;
 var layerActive01$1 = colors$1.gray60;
+var layerBackground01$1 = colors$1.gray90;
 var layerHover01$1 = colors$1.gray80Hover;
 var layerSelected01$1 = colors$1.gray70;
 var layerSelectedHover01$1 = colors$1.gray70Hover;
@@ -1401,6 +1382,7 @@ var layerSelectedHover01$1 = colors$1.gray70Hover;
 // layer-02
 var layer02$1 = colors$1.gray70;
 var layerActive02$1 = colors$1.gray50;
+var layerBackground02$1 = colors$1.gray80;
 var layerHover02$1 = colors$1.gray70Hover;
 var layerSelected02$1 = colors$1.gray60;
 var layerSelectedHover02$1 = colors$1.gray60Hover;
@@ -1408,6 +1390,7 @@ var layerSelectedHover02$1 = colors$1.gray60Hover;
 // layer-03
 var layer03$1 = colors$1.gray60;
 var layerActive03$1 = colors$1.gray80;
+var layerBackground03$1 = colors$1.gray70;
 var layerHover03$1 = colors$1.gray60Hover;
 var layerSelected03$1 = colors$1.gray70;
 var layerSelectedHover03$1 = colors$1.gray70Hover;
@@ -1604,16 +1587,19 @@ var g90$1 = /*#__PURE__*/Object.freeze({
   backgroundSelectedHover: backgroundSelectedHover$5,
   layer01: layer01$1,
   layerActive01: layerActive01$1,
+  layerBackground01: layerBackground01$1,
   layerHover01: layerHover01$1,
   layerSelected01: layerSelected01$1,
   layerSelectedHover01: layerSelectedHover01$1,
   layer02: layer02$1,
   layerActive02: layerActive02$1,
+  layerBackground02: layerBackground02$1,
   layerHover02: layerHover02$1,
   layerSelected02: layerSelected02$1,
   layerSelectedHover02: layerSelectedHover02$1,
   layer03: layer03$1,
   layerActive03: layerActive03$1,
+  layerBackground03: layerBackground03$1,
   layerHover03: layerHover03$1,
   layerSelected03: layerSelected03$1,
   layerSelectedHover03: layerSelectedHover03$1,
@@ -1827,6 +1813,7 @@ var backgroundSelectedHover$4 = adjustAlpha(colors$1.gray50, 0.32);
 // layer-01
 var layer01 = colors$1.gray90;
 var layerActive01 = colors$1.gray70;
+var layerBackground01 = colors$1.gray100;
 var layerHover01 = colors$1.gray90Hover;
 var layerSelected01 = colors$1.gray80;
 var layerSelectedHover01 = colors$1.gray80Hover;
@@ -1834,6 +1821,7 @@ var layerSelectedHover01 = colors$1.gray80Hover;
 // layer-02
 var layer02 = colors$1.gray80;
 var layerActive02 = colors$1.gray60;
+var layerBackground02 = colors$1.gray90;
 var layerHover02 = colors$1.gray80Hover;
 var layerSelected02 = colors$1.gray70;
 var layerSelectedHover02 = colors$1.gray70Hover;
@@ -1841,6 +1829,7 @@ var layerSelectedHover02 = colors$1.gray70Hover;
 // layer-03
 var layer03 = colors$1.gray70;
 var layerActive03 = colors$1.gray50;
+var layerBackground03 = colors$1.gray80;
 var layerHover03 = colors$1.gray70Hover;
 var layerSelected03 = colors$1.gray60;
 var layerSelectedHover03 = colors$1.gray60Hover;
@@ -2037,16 +2026,19 @@ var g100$1 = /*#__PURE__*/Object.freeze({
   backgroundSelectedHover: backgroundSelectedHover$4,
   layer01: layer01,
   layerActive01: layerActive01,
+  layerBackground01: layerBackground01,
   layerHover01: layerHover01,
   layerSelected01: layerSelected01,
   layerSelectedHover01: layerSelectedHover01,
   layer02: layer02,
   layerActive02: layerActive02,
+  layerBackground02: layerBackground02,
   layerHover02: layerHover02,
   layerSelected02: layerSelected02,
   layerSelectedHover02: layerSelectedHover02,
   layer03: layer03,
   layerActive03: layerActive03,
+  layerBackground03: layerBackground03,
   layerHover03: layerHover03,
   layerSelected03: layerSelected03,
   layerSelectedHover03: layerSelectedHover03,
@@ -3886,7 +3878,7 @@ var colors = [
 'background', 'layer', 'layerAccent', 'layerAccentHover', 'layerAccentActive', 'field', 'backgroundInverse', 'backgroundBrand', 'interactive', 'borderSubtle', 'borderStrong', 'borderInverse', 'borderInteractive', 'textPrimary', 'textSecondary', 'textPlaceholder', 'textHelper', 'textOnColor', 'textInverse', 'linkPrimary', 'linkSecondary', 'linkVisited', 'linkInverse', 'iconPrimary', 'iconSecondary', 'iconOnColor', 'iconInverse', 'supportError', 'supportSuccess', 'supportWarning', 'supportInfo', 'supportErrorInverse', 'supportSuccessInverse', 'supportWarningInverse', 'supportInfoInverse', 'overlay', 'toggleOff', 'shadow', 'buttonPrimary', 'buttonSecondary', 'buttonTertiary', 'buttonDangerPrimary', 'buttonDangerSecondary', 'backgroundActive', 'layerActive', 'buttonDangerActive', 'buttonPrimaryActive', 'buttonSecondaryActive', 'buttonTertiaryActive', 'focusInset', 'focusInverse', 'backgroundHover', 'layerHover', 'fieldHover', 'backgroundInverseHover', 'linkPrimaryHover', 'buttonDangerHover', 'buttonPrimaryHover', 'buttonSecondaryHover', 'buttonTertiaryHover', 'backgroundSelected', 'backgroundSelectedHover', 'layerSelected', 'layerSelectedHover', 'layerSelectedInverse', 'borderSubtleSelected', 'borderDisabled', 'textDisabled', 'buttonDisabled', 'iconDisabled', 'textOnColorDisabled', 'iconOnColorDisabled', 'layerSelectedDisabled', 'skeletonBackground', 'skeletonElement',
 // Deprecated
 'brand01', 'brand02', 'brand03', 'active01', 'hoverField', 'danger'];
-var tokens$4 = {
+var tokens$5 = {
   colors: colors,
   type: type$2.unstable_tokens,
   layout: layout$2.unstable_tokens
@@ -3905,14 +3897,14 @@ var themes$1 = {
   g100: g100
 };
 
-var index$4 = /*#__PURE__*/Object.freeze({
+var index$5 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   white: white,
   g10: g10,
   g90: g90,
   g100: g100,
   themes: themes$1,
-  tokens: tokens$4,
+  tokens: tokens$5,
   caption01: type$2.caption01,
   caption02: type$2.caption02,
   label01: type$2.label01,
@@ -4256,7 +4248,7 @@ var buttonDisabled = {
   g100: 'rgb(141 141 141 / 30%)'
 };
 
-var tokens$3 = /*#__PURE__*/Object.freeze({
+var tokens$4 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   buttonSeparator: buttonSeparator,
   buttonPrimary: buttonPrimary,
@@ -4282,9 +4274,9 @@ var tokens$3 = /*#__PURE__*/Object.freeze({
  * LICENSE file in the root directory of this source tree.
  */
 
-var index$3 = /*#__PURE__*/Object.freeze({
+var index$4 = /*#__PURE__*/Object.freeze({
   __proto__: null,
-  buttonTokens: tokens$3
+  buttonTokens: tokens$4
 });
 
 /**
@@ -4534,7 +4526,7 @@ var tagBorderWarmGray = {
   g100: colors$1.warmGray50
 };
 
-var tokens$2 = /*#__PURE__*/Object.freeze({
+var tokens$3 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   tagBackgroundRed: tagBackgroundRed,
   tagColorRed: tagColorRed,
@@ -4585,9 +4577,9 @@ var tokens$2 = /*#__PURE__*/Object.freeze({
  * LICENSE file in the root directory of this source tree.
  */
 
-var index$2 = /*#__PURE__*/Object.freeze({
+var index$3 = /*#__PURE__*/Object.freeze({
   __proto__: null,
-  tagTokens: tokens$2
+  tagTokens: tokens$3
 });
 
 /**
@@ -4655,7 +4647,7 @@ var notificationActionTertiaryInverseTextOnColorDisabled = {
   g100: textOnColorDisabled$7
 };
 
-var tokens$1 = /*#__PURE__*/Object.freeze({
+var tokens$2 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   notificationBackgroundError: notificationBackgroundError,
   notificationBackgroundSuccess: notificationBackgroundSuccess,
@@ -4676,9 +4668,9 @@ var tokens$1 = /*#__PURE__*/Object.freeze({
  * LICENSE file in the root directory of this source tree.
  */
 
-var index$1 = /*#__PURE__*/Object.freeze({
+var index$2 = /*#__PURE__*/Object.freeze({
   __proto__: null,
-  notificationTokens: tokens$1
+  notificationTokens: tokens$2
 });
 
 /**
@@ -4744,7 +4736,7 @@ var statusAccessibilityBackground = {
   g100: colors$1.gray100
 };
 
-var tokens = /*#__PURE__*/Object.freeze({
+var tokens$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   statusRed: statusRed,
   statusOrange: statusOrange,
@@ -4758,6 +4750,51 @@ var tokens = /*#__PURE__*/Object.freeze({
   statusAccessibilityBackground: statusAccessibilityBackground
 });
 
+/**
+ * Copyright IBM Corp. 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+var index$1 = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  statusTokens: tokens$1
+});
+
+/**
+ * Copyright IBM Corp. 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var transparent = 'rgba(0, 0, 0, 0)';
+var contentSwitcherSelected = {
+  whiteTheme: colors$1.white,
+  g10: colors$1.white,
+  g90: colors$1.rgba(colors$1.gray50, 0.24),
+  g100: colors$1.rgba(colors$1.gray50, 0.24)
+};
+var contentSwitcherBackground = {
+  whiteTheme: colors$1.gray20,
+  g10: colors$1.gray20,
+  g90: transparent,
+  g100: transparent
+};
+var contentSwitcherBackgroundHover = {
+  whiteTheme: colors$1.gray20Hover,
+  g10: colors$1.gray20Hover,
+  g90: colors$1.rgba(colors$1.gray50, 0.12),
+  g100: colors$1.rgba(colors$1.gray50, 0.12)
+};
+
+var tokens = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  contentSwitcherSelected: contentSwitcherSelected,
+  contentSwitcherBackground: contentSwitcherBackground,
+  contentSwitcherBackgroundHover: contentSwitcherBackgroundHover
+});
+
 /**
  * Copyright IBM Corp. 2025
  *
@@ -4767,7 +4804,7 @@ var tokens = /*#__PURE__*/Object.freeze({
 
 var index = /*#__PURE__*/Object.freeze({
   __proto__: null,
-  statusTokens: tokens
+  contentSwitcherTokens: tokens
 });
 
 /**
@@ -5071,6 +5108,8 @@ var layer = TokenGroup.create({
   }, {
     state: 'active',
     name: 'layer-active-01'
+  }, {
+    name: 'layer-background-01'
   }, {
     state: 'hover',
     name: 'layer-hover-01'
@@ -5085,6 +5124,8 @@ var layer = TokenGroup.create({
   }, {
     state: 'active',
     name: 'layer-active-02'
+  }, {
+    name: 'layer-background-02'
   }, {
     state: 'hover',
     name: 'layer-hover-02'
@@ -5099,6 +5140,8 @@ var layer = TokenGroup.create({
   }, {
     state: 'active',
     name: 'layer-active-03'
+  }, {
+    name: 'layer-background-03'
   }, {
     state: 'hover',
     name: 'layer-hover-03'
@@ -5313,13 +5356,19 @@ var status = TokenGroup.create({
   properties: [],
   tokens: ['status-red', 'status-orange', 'status-orange-outline', 'status-yellow', 'status-yellow-outline', 'status-purple', 'status-green', 'status-blue', 'status-gray']
 });
+var contentSwitcher = TokenGroup.create({
+  name: 'Content Switcher',
+  properties: [],
+  tokens: ['content-switcher-selected', 'content-switcher-background', 'content-switcher-background-hover']
+});
 
 var components = /*#__PURE__*/Object.freeze({
   __proto__: null,
   button: button,
   notification: notification,
   tag: tag,
-  status: status
+  status: status,
+  contentSwitcher: contentSwitcher
 });
 
 /**
@@ -5755,7 +5804,7 @@ exports.borderSubtleSelected03 = borderSubtleSelected03$3;
 exports.borderTile01 = borderTile01$3;
 exports.borderTile02 = borderTile02$3;
 exports.borderTile03 = borderTile03$3;
-exports.buttonTokens = index$3;
+exports.buttonTokens = index$4;
 exports.chatAvatarAgent = chatAvatarAgent$3;
 exports.chatAvatarBot = chatAvatarBot$3;
 exports.chatAvatarUser = chatAvatarUser$3;
@@ -5773,6 +5822,7 @@ exports.chatPromptBackground = chatPromptBackground$3;
 exports.chatPromptBorderEnd = chatPromptBorderEnd$3;
 exports.chatPromptBorderStart = chatPromptBorderStart$3;
 exports.chatShellBackground = chatShellBackground$3;
+exports.contentSwitcherTokens = index;
 exports.field01 = field01$7;
 exports.field02 = field02$7;
 exports.field03 = field03$3;
@@ -5810,6 +5860,9 @@ exports.layerAccentHover03 = layerAccentHover03$3;
 exports.layerActive01 = layerActive01$3;
 exports.layerActive02 = layerActive02$3;
 exports.layerActive03 = layerActive03$3;
+exports.layerBackground01 = layerBackground01$3;
+exports.layerBackground02 = layerBackground02$3;
+exports.layerBackground03 = layerBackground03$3;
 exports.layerHover01 = layerHover01$3;
 exports.layerHover02 = layerHover02$3;
 exports.layerHover03 = layerHover03$3;
@@ -5829,12 +5882,12 @@ exports.linkPrimary = linkPrimary$7;
 exports.linkPrimaryHover = linkPrimaryHover$7;
 exports.linkSecondary = linkSecondary$7;
 exports.linkVisited = linkVisited$7;
-exports.notificationTokens = index$1;
+exports.notificationTokens = index$2;
 exports.overlay = overlay$7;
 exports.shadow = shadow$7;
 exports.skeletonBackground = skeletonBackground$7;
 exports.skeletonElement = skeletonElement$7;
-exports.statusTokens = index;
+exports.statusTokens = index$1;
 exports.supportCautionMajor = supportCautionMajor$3;
 exports.supportCautionMinor = supportCautionMinor$3;
 exports.supportCautionUndefined = supportCautionUndefined$3;
@@ -5846,7 +5899,7 @@ exports.supportSuccess = supportSuccess$7;
 exports.supportSuccessInverse = supportSuccessInverse$7;
 exports.supportWarning = supportWarning$7;
 exports.supportWarningInverse = supportWarningInverse$7;
-exports.tagTokens = index$2;
+exports.tagTokens = index$3;
 exports.textDisabled = textDisabled$7;
 exports.textError = textError$7;
 exports.textHelper = textHelper$7;
@@ -5859,5 +5912,5 @@ exports.textSecondary = textSecondary$7;
 exports.themes = themes;
 exports.toggleOff = toggleOff$7;
 exports.unstable_metadata = unstable_metadata;
-exports.v10 = index$4;
+exports.v10 = index$5;
 exports.white = white$1;