@carbon/themes/es/index.js

Themes for applying color in the Carbon Design System

import { white as white$2, gray80, blue60, gray80Hover, gray10, gray30, gray10Hover, gray20, gray20Hover, whiteHover, gray100, gray50, gray40, gray70, gray60, red60, blue70, blue40, purple60, purple40, blue30, green50, yellow30, red50, green40, blue50, orange40, blue20, rgba, blue10, black, blue100, gray90, gray70Hover, gray60Hover, gray50Hover, red30, red40, purple50, gray90Hover, blue80, blue90, green60, red80, red70, red20, red70Hover, red20Hover, magenta70, magenta20, magenta70Hover, magenta20Hover, purple70, purple20, purple70Hover, purple20Hover, blue70Hover, blue20Hover, cyan70, cyan20, cyan70Hover, cyan20Hover, teal70, teal20, teal70Hover, teal20Hover, green70, green20, green70Hover, green20Hover, coolGray70, coolGray20, coolGray10, coolGray100, coolGray70Hover, coolGray20Hover, warmGray70, warmGray20, warmGray10, warmGray100, warmGray70Hover, warmGray20Hover, cyan50, cyan40, teal50, teal40, magenta50, magenta40, coolGray50, coolGray40, warmGray50, warmGray40, red10, green10, yellow10, white0, orange60, yellow60 } from '@carbon/colors';
import Color from 'color';
import { bodyLong01, bodyLong02, bodyShort01, bodyShort02, caption01, caption02, code01, code02, display01, display02, display03, display04, expressiveHeading01, expressiveHeading02, expressiveHeading03, expressiveHeading04, expressiveHeading05, expressiveHeading06, expressiveParagraph01, heading01, heading02, helperText01, helperText02, label01, label02, productiveHeading01, productiveHeading02, productiveHeading03, productiveHeading04, productiveHeading05, productiveHeading06, productiveHeading07, quotation01, quotation02, body01, body02, bodyCompact01, bodyCompact02, fluidDisplay01, fluidDisplay02, fluidDisplay03, fluidDisplay04, fluidHeading03, fluidHeading04, fluidHeading05, fluidHeading06, fluidParagraph01, fluidQuotation01, fluidQuotation02, heading03, heading04, heading05, heading06, heading07, headingCompact01, headingCompact02, legal01, legal02, unstable_tokens as unstable_tokens$1 } from '@carbon/type';
export { bodyLong01, bodyLong02, bodyShort01, bodyShort02, caption01, caption02, code01, code02, display01, display02, display03, display04, expressiveHeading01, expressiveHeading02, expressiveHeading03, expressiveHeading04, expressiveHeading05, expressiveHeading06, expressiveParagraph01, heading01, heading02, helperText01, helperText02, label01, label02, productiveHeading01, productiveHeading02, productiveHeading03, productiveHeading04, productiveHeading05, productiveHeading06, productiveHeading07, quotation01, quotation02 } from '@carbon/type';
import { container01, container02, container03, container04, container05, fluidSpacing01, fluidSpacing02, fluidSpacing03, fluidSpacing04, iconSize01, iconSize02, layout01, layout02, layout03, layout04, layout05, layout06, layout07, size2XLarge, sizeLarge, sizeMedium, sizeSmall, sizeXLarge, sizeXSmall, spacing01, spacing02, spacing03, spacing04, spacing05, spacing06, spacing07, spacing08, spacing09, spacing10, spacing11, spacing12, spacing13, unstable_tokens } from '@carbon/layout';
export { container01, container02, container03, container04, container05, fluidSpacing01, fluidSpacing02, fluidSpacing03, fluidSpacing04, iconSize01, iconSize02, layout01, layout02, layout03, layout04, layout05, layout06, layout07, size2XLarge, sizeLarge, sizeMedium, sizeSmall, sizeXLarge, sizeXSmall, spacing01, spacing02, spacing03, spacing04, spacing05, spacing06, spacing07, spacing08, spacing09, spacing10, spacing11, spacing12, spacing13 } from '@carbon/layout';

function _OverloadYield(e, d) {
  this.v = e, this.k = d;
}
function _arrayLikeToArray(r, a) {
  (null == a || a > r.length) && (a = r.length);
  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
  return n;
}
function _arrayWithoutHoles(r) {
  if (Array.isArray(r)) return _arrayLikeToArray(r);
}
function _classCallCheck(a, n) {
  if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function");
}
function _defineProperties(e, r) {
  for (var t = 0; t < r.length; t++) {
    var o = r[t];
    o.enumerable = o.enumerable || false, o.configurable = true, "value" in o && (o.writable = true), Object.defineProperty(e, _toPropertyKey(o.key), o);
  }
}
function _createClass(e, r, t) {
  return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", {
    writable: false
  }), e;
}
function _createForOfIteratorHelper(r, e) {
  var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
  if (!t) {
    if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e) {
      t && (r = t);
      var n = 0,
        F = function () {};
      return {
        s: F,
        n: function () {
          return n >= r.length ? {
            done: true
          } : {
            done: false,
            value: r[n++]
          };
        },
        e: function (r) {
          throw r;
        },
        f: F
      };
    }
    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
  }
  var o,
    a = true,
    u = false;
  return {
    s: function () {
      t = t.call(r);
    },
    n: function () {
      var r = t.next();
      return a = r.done, r;
    },
    e: function (r) {
      u = true, o = r;
    },
    f: function () {
      try {
        a || null == t.return || t.return();
      } finally {
        if (u) throw o;
      }
    }
  };
}
function _defineProperty(e, r, t) {
  return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
    value: t,
    enumerable: true,
    configurable: true,
    writable: true
  }) : e[r] = t, e;
}
function _iterableToArray(r) {
  if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
}
function _nonIterableSpread() {
  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
}
function ownKeys(e, r) {
  var t = Object.keys(e);
  if (Object.getOwnPropertySymbols) {
    var o = Object.getOwnPropertySymbols(e);
    r && (o = o.filter(function (r) {
      return Object.getOwnPropertyDescriptor(e, r).enumerable;
    })), t.push.apply(t, o);
  }
  return t;
}
function _objectSpread2(e) {
  for (var r = 1; r < arguments.length; r++) {
    var t = null != arguments[r] ? arguments[r] : {};
    r % 2 ? ownKeys(Object(t), true).forEach(function (r) {
      _defineProperty(e, r, t[r]);
    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
    });
  }
  return e;
}
function _regenerator() {
  /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */
  var e,
    t,
    r = "function" == typeof Symbol ? Symbol : {},
    n = r.iterator || "@@iterator",
    o = r.toStringTag || "@@toStringTag";
  function i(r, n, o, i) {
    var c = n && n.prototype instanceof Generator ? n : Generator,
      u = Object.create(c.prototype);
    return _regeneratorDefine(u, "_invoke", function (r, n, o) {
      var i,
        c,
        u,
        f = 0,
        p = o || [],
        y = false,
        G = {
          p: 0,
          n: 0,
          v: e,
          a: d,
          f: d.bind(e, 4),
          d: function (t, r) {
            return i = t, c = 0, u = e, G.n = r, a;
          }
        };
      function d(r, n) {
        for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) {
          var o,
            i = p[t],
            d = G.p,
            l = i[2];
          r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0));
        }
        if (o || r > 1) return a;
        throw y = true, n;
      }
      return function (o, p, l) {
        if (f > 1) throw TypeError("Generator is already running");
        for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) {
          i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u);
          try {
            if (f = 2, i) {
              if (c || (o = "next"), t = i[o]) {
                if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object");
                if (!t.done) return t;
                u = t.value, c < 2 && (c = 0);
              } else 1 === c && (t = i.return) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1);
              i = e;
            } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break;
          } catch (t) {
            i = e, c = 1, u = t;
          } finally {
            f = 1;
          }
        }
        return {
          value: t,
          done: y
        };
      };
    }(r, o, i), true), u;
  }
  var a = {};
  function Generator() {}
  function GeneratorFunction() {}
  function GeneratorFunctionPrototype() {}
  t = Object.getPrototypeOf;
  var c = [][n] ? t(t([][n]())) : (_regeneratorDefine(t = {}, n, function () {
      return this;
    }), t),
    u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c);
  function f(e) {
    return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e;
  }
  return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine(u), _regeneratorDefine(u, o, "Generator"), _regeneratorDefine(u, n, function () {
    return this;
  }), _regeneratorDefine(u, "toString", function () {
    return "[object Generator]";
  }), (_regenerator = function () {
    return {
      w: i,
      m: f
    };
  })();
}
function _regeneratorAsync(n, e, r, t, o) {
  var a = _regeneratorAsyncGen(n, e, r, t, o);
  return a.next().then(function (n) {
    return n.done ? n.value : a.next();
  });
}
function _regeneratorAsyncGen(r, e, t, o, n) {
  return new _regeneratorAsyncIterator(_regenerator().w(r, e, t, o), n || Promise);
}
function _regeneratorAsyncIterator(t, e) {
  function n(r, o, i, f) {
    try {
      var c = t[r](o),
        u = c.value;
      return u instanceof _OverloadYield ? e.resolve(u.v).then(function (t) {
        n("next", t, i, f);
      }, function (t) {
        n("throw", t, i, f);
      }) : e.resolve(u).then(function (t) {
        c.value = t, i(c);
      }, function (t) {
        return n("throw", t, i, f);
      });
    } catch (t) {
      f(t);
    }
  }
  var r;
  this.next || (_regeneratorDefine(_regeneratorAsyncIterator.prototype), _regeneratorDefine(_regeneratorAsyncIterator.prototype, "function" == typeof Symbol && Symbol.asyncIterator || "@asyncIterator", function () {
    return this;
  })), _regeneratorDefine(this, "_invoke", function (t, o, i) {
    function f() {
      return new e(function (e, r) {
        n(t, i, e, r);
      });
    }
    return r = r ? r.then(f, f) : f();
  }, true);
}
function _regeneratorDefine(e, r, n, t) {
  var i = Object.defineProperty;
  try {
    i({}, "", {});
  } catch (e) {
    i = 0;
  }
  _regeneratorDefine = function (e, r, n, t) {
    function o(r, n) {
      _regeneratorDefine(e, r, function (e) {
        return this._invoke(r, n, e);
      });
    }
    r ? i ? i(e, r, {
      value: n,
      enumerable: !t,
      configurable: !t,
      writable: !t
    }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2));
  }, _regeneratorDefine(e, r, n, t);
}
function _regeneratorKeys(e) {
  var n = Object(e),
    r = [];
  for (var t in n) r.unshift(t);
  return function e() {
    for (; r.length;) if ((t = r.pop()) in n) return e.value = t, e.done = false, e;
    return e.done = true, e;
  };
}
function _regeneratorValues(e) {
  if (null != e) {
    var t = e["function" == typeof Symbol && Symbol.iterator || "@@iterator"],
      r = 0;
    if (t) return t.call(e);
    if ("function" == typeof e.next) return e;
    if (!isNaN(e.length)) return {
      next: function () {
        return e && r >= e.length && (e = void 0), {
          value: e && e[r++],
          done: !e
        };
      }
    };
  }
  throw new TypeError(typeof e + " is not iterable");
}
function _toConsumableArray(r) {
  return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();
}
function _toPrimitive(t, r) {
  if ("object" != typeof t || !t) return t;
  var e = t[Symbol.toPrimitive];
  if (void 0 !== e) {
    var i = e.call(t, r);
    if ("object" != typeof i) return i;
    throw new TypeError("@@toPrimitive must return a primitive value.");
  }
  return ("string" === r ? String : Number)(t);
}
function _toPropertyKey(t) {
  var i = _toPrimitive(t, "string");
  return "symbol" == typeof i ? i : i + "";
}
function _unsupportedIterableToArray(r, a) {
  if (r) {
    if ("string" == typeof r) return _arrayLikeToArray(r, a);
    var t = {}.toString.call(r).slice(8, -1);
    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
  }
}
function _regeneratorRuntime() {

  var r = _regenerator(),
    e = r.m(_regeneratorRuntime),
    t = (Object.getPrototypeOf ? Object.getPrototypeOf(e) : e.__proto__).constructor;
  function n(r) {
    var e = "function" == typeof r && r.constructor;
    return !!e && (e === t || "GeneratorFunction" === (e.displayName || e.name));
  }
  var o = {
    throw: 1,
    return: 2,
    break: 3,
    continue: 3
  };
  function a(r) {
    var e, t;
    return function (n) {
      e || (e = {
        stop: function () {
          return t(n.a, 2);
        },
        catch: function () {
          return n.v;
        },
        abrupt: function (r, e) {
          return t(n.a, o[r], e);
        },
        delegateYield: function (r, o, a) {
          return e.resultName = o, t(n.d, _regeneratorValues(r), a);
        },
        finish: function (r) {
          return t(n.f, r);
        }
      }, t = function (r, t, o) {
        n.p = e.prev, n.n = e.next;
        try {
          return r(t, o);
        } finally {
          e.next = n.n;
        }
      }), e.resultName && (e[e.resultName] = n.v, e.resultName = void 0), e.sent = n.v, e.next = n.n;
      try {
        return r.call(this, e);
      } finally {
        n.p = e.prev, n.n = e.next;
      }
    };
  }
  return (_regeneratorRuntime = function () {
    return {
      wrap: function (e, t, n, o) {
        return r.w(a(e), t, n, o && o.reverse());
      },
      isGeneratorFunction: n,
      mark: r.m,
      awrap: function (r, e) {
        return new _OverloadYield(r, e);
      },
      AsyncIterator: _regeneratorAsyncIterator,
      async: function (r, e, t, o, u) {
        return (n(e) ? _regeneratorAsyncGen : _regeneratorAsync)(a(r), e, t, o, u);
      },
      keys: _regeneratorKeys,
      values: _regeneratorValues
    };
  })();
}

/**
 * Adjust a given token's lightness by a specified percentage
 * Example: token = hsl(10, 10, 10);
 * adjustLightness(token, 5) === hsl(10, 10, 15);
 * adjustLightness(token, -5) === hsl(10, 10, 5);
 * @param {string} token
 * @param {integer} shift The number of percentage points (positive or negative) by which to shift the lightness of a token.
 * @returns {string}
 */
function adjustLightness(token, shift) {
  var original = Color(token).hsl().object();
  return Color(_objectSpread2(_objectSpread2({}, original), {}, {
    l: original.l += shift
  })).round().hex().toLowerCase();
}

/**
 * Adjust a given token's alpha by a specified amount
 * Example: token = rgba(10, 10, 10, 1.0);
 * adjustAlpha(token, 0.3) === rgba(10, 10, 10, 0.3);
 * @param {string} token
 * @param {float} alpha
 * @returns {string}
 */
function adjustAlpha(token, alpha) {
  return Color(token).rgb().alpha(alpha).string();
}
var numbers = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9'];

/**
 * Format a given token into the format expected in CSS/SCSS-based projects.
 * @param {string} token
 * @returns {string}
 */
function formatTokenName(token) {
  var string = '';
  for (var i = 0; i < token.length; i++) {
    // If we run into a number, we hit the scale step at the end of a token name
    // and can safely truncate the rest of the token
    if (numbers.indexOf(token[i]) !== -1) {
      string += '-' + token.slice(i);
      break;
    }

    // When encountering an uppercase name, we will want to start adding `-`
    // between words
    if (token[i] === token[i].toUpperCase()) {
      // Check backwards to see if previous letter was also capitalized, if so
      // we are in a special case like UI where each piece should be connected
      if (token[i - 1] && token[i - 1] === token[i - 1].toUpperCase()) {
        string += token[i].toLowerCase();
        continue;
      }

      // Otherwise, just concatenate this new part on to the existing string
      string += '-' + token[i].toLowerCase();
      continue;
    }

    // By default, we add the current character to the output string
    string += token[i];
  }
  return string;
}

/**
 * Copyright IBM Corp. 2018, 2023
 *
 * This source code is licensed under the Apache-2.0 license found in the
 * LICENSE file in the root directory of this source tree.
 */


// Background
var background$8 = white$2;
var backgroundInverse$7 = gray80;
var backgroundBrand$7 = blue60;
var backgroundActive$7 = adjustAlpha(gray50, 0.5);
var backgroundHover$7 = adjustAlpha(gray50, 0.12);
var backgroundInverseHover$7 = gray80Hover;
var backgroundSelected$7 = adjustAlpha(gray50, 0.2);
var backgroundSelectedHover$7 = adjustAlpha(gray50, 0.32);

// Layer
// layer-01
var layer01$3 = gray10;
var layerActive01$3 = gray30;
var layerBackground01$3 = white$2;
var layerHover01$3 = gray10Hover;
var layerSelected01$3 = gray20;
var layerSelectedHover01$3 = gray20Hover;

// layer-02
var layer02$3 = white$2;
var layerActive02$3 = gray30;
var layerBackground02$3 = gray10;
var layerHover02$3 = whiteHover;
var layerSelected02$3 = gray20;
var layerSelectedHover02$3 = gray20Hover;

// layer-03
var layer03$3 = gray10;
var layerActive03$3 = gray30;
var layerBackground03$3 = white$2;
var layerHover03$3 = gray10Hover;
var layerSelected03$3 = gray20;
var layerSelectedHover03$3 = gray20Hover;

// layer
var layerSelectedInverse$7 = gray100;
var layerSelectedDisabled$7 = gray50;

// layer-accent-01
var layerAccent01$3 = gray20;
var layerAccentActive01$3 = gray40;
var layerAccentHover01$3 = gray20Hover;

// layer-accent-02
var layerAccent02$3 = gray20;
var layerAccentActive02$3 = gray40;
var layerAccentHover02$3 = gray20Hover;

// layer-accent-03
var layerAccent03$3 = gray20;
var layerAccentActive03$3 = gray40;
var layerAccentHover03$3 = gray20Hover;

// Field
// field-01
var field01$7 = gray10;
var fieldHover01$3 = gray10Hover;

// field-02
var field02$7 = white$2;
var fieldHover02$3 = whiteHover;

// field-03
var field03$3 = gray10;
var fieldHover03$3 = gray10Hover;

// Border
// border-subtle-00
var borderSubtle00$3 = gray20;

// border-subtle-01
var borderSubtle01$3 = gray30;
var borderSubtleSelected01$3 = gray30;

// border-subtle-02
var borderSubtle02$3 = gray20;
var borderSubtleSelected02$3 = gray30;

// border-subtle-03
var borderSubtle03$3 = gray30;
var borderSubtleSelected03$3 = gray30;

// border-strong
var borderStrong01$3 = gray50;
var borderStrong02$3 = gray50;
var borderStrong03$3 = gray50;

// border-tile
var borderTile01$3 = gray30;
var borderTile02$3 = gray40;
var borderTile03$3 = gray30;

// border-inverse
var borderInverse$7 = gray100;

// border-interactive
var borderInteractive$7 = blue60;

// border
var borderDisabled$7 = gray30;

// Text
var textPrimary$7 = gray100;
var textSecondary$7 = gray70;
var textPlaceholder$7 = adjustAlpha(textPrimary$7, 0.4);
var textHelper$7 = gray60;
var textError$7 = red60;
var textInverse$7 = white$2;
var textOnColor$7 = white$2;
var textOnColorDisabled$7 = gray50;
var textDisabled$7 = adjustAlpha(textPrimary$7, 0.25);

// Link
var linkPrimary$7 = blue60;
var linkPrimaryHover$7 = blue70;
var linkSecondary$7 = blue70;
var linkInverse$7 = blue40;
var linkVisited$7 = purple60;
var linkInverseVisited$3 = purple40;
var linkInverseActive$3 = gray10;
var linkInverseHover$3 = blue30;

// Icon
var iconPrimary$7 = gray100;
var iconSecondary$7 = gray70;
var iconInverse$7 = white$2;
var iconOnColor$7 = white$2;
var iconOnColorDisabled$7 = gray50;
var iconDisabled$7 = adjustAlpha(iconPrimary$7, 0.25);
var iconInteractive$3 = blue60;

// Support
var supportError$7 = red60;
var supportSuccess$7 = green50;
var supportWarning$7 = yellow30;
var supportInfo$7 = blue70;
var supportErrorInverse$7 = red50;
var supportSuccessInverse$7 = green40;
var supportWarningInverse$7 = yellow30;
var supportInfoInverse$7 = blue50;
var supportCautionMinor$3 = yellow30;
var supportCautionMajor$3 = orange40;
var supportCautionUndefined$3 = purple60;

// Focus
var focus$8 = blue60;
var focusInset$7 = white$2;
var focusInverse$7 = white$2;

// Skeleton
var skeletonBackground$7 = whiteHover;
var skeletonElement$7 = gray30;

// Misc
var interactive$7 = blue60;
var highlight$7 = blue20;
var overlay$7 = 'rgba(22, 22, 22, 0.5)';
var toggleOff$7 = gray50;
var shadow$7 = 'rgba(0, 0, 0, 0.3)';

//// AI - Experimental (Use at your own risk)
//// Phase 2 - new \\\\
// Shared
var aiInnerShadow$3 = rgba(blue50, 0.1);
var aiAuraStartSm$3 = rgba(blue50, 0.16);
var aiAuraStart$3 = rgba(blue50, 0.1);
var aiAuraEnd$3 = rgba(white$2, 0);
var aiBorderStrong$3 = blue50;
var aiBorderStart$3 = rgba(blue30, 0.64);
var aiBorderEnd$3 = blue40;
var aiDropShadow$3 = rgba(blue60, 0.1);
var aiAuraHoverBackground$3 = blue10;
var aiAuraHoverStart$3 = rgba(blue50, 0.32);
var aiAuraHoverEnd$3 = rgba(white$2, 0);

// AI Popover
var aiPopoverBackground$3 = white$2;
var aiPopoverShadowOuter01$3 = rgba(blue70, 0.06);
var aiPopoverShadowOuter02$3 = rgba(black, 0.04);

// AI skeleton
var aiSkeletonBackground$3 = blue20;
var aiSkeletonElementBackground$3 = blue50;

// AI Modal tokens
var aiOverlay$3 = rgba(blue100, 0.5);

// One off tokens for caret
var aiPopoverCaretCenter$3 = '#A0C3FF';
var aiPopoverCaretBottom$3 = blue40;
var aiPopoverCaretBottomBackgroundActions$3 = '#E9EFFA';
var aiPopoverCaretBottomBackground$3 = '#EAF1FF';

// Chat tokens
var chatPromptBackground$3 = white$2;
var chatPromptBorderStart$3 = gray10;
var chatPromptBorderEnd$3 = rgba(gray10, 0);
var chatBubbleUser$3 = gray20;
var chatBubbleAgent$3 = white$2;
var chatBubbleBorder$3 = gray20;
var chatAvatarBot$3 = gray60;
var chatAvatarAgent$3 = gray80;
var chatAvatarUser$3 = blue60;
var chatShellBackground$3 = white$2;
var chatHeaderBackground$3 = white$2;

// Chat button tokens
var chatButton$3 = linkPrimary$7;
var chatButtonHover$3 = backgroundHover$7;
var chatButtonTextHover$3 = linkPrimaryHover$7;
var chatButtonActive$3 = backgroundActive$7;
var chatButtonSelected$3 = backgroundSelected$7;
var chatButtonTextSelected$3 = textSecondary$7;

var white$1 = /*#__PURE__*/Object.freeze({
  __proto__: null,
  aiAuraEnd: aiAuraEnd$3,
  aiAuraHoverBackground: aiAuraHoverBackground$3,
  aiAuraHoverEnd: aiAuraHoverEnd$3,
  aiAuraHoverStart: aiAuraHoverStart$3,
  aiAuraStart: aiAuraStart$3,
  aiAuraStartSm: aiAuraStartSm$3,
  aiBorderEnd: aiBorderEnd$3,
  aiBorderStart: aiBorderStart$3,
  aiBorderStrong: aiBorderStrong$3,
  aiDropShadow: aiDropShadow$3,
  aiInnerShadow: aiInnerShadow$3,
  aiOverlay: aiOverlay$3,
  aiPopoverBackground: aiPopoverBackground$3,
  aiPopoverCaretBottom: aiPopoverCaretBottom$3,
  aiPopoverCaretBottomBackground: aiPopoverCaretBottomBackground$3,
  aiPopoverCaretBottomBackgroundActions: aiPopoverCaretBottomBackgroundActions$3,
  aiPopoverCaretCenter: aiPopoverCaretCenter$3,
  aiPopoverShadowOuter01: aiPopoverShadowOuter01$3,
  aiPopoverShadowOuter02: aiPopoverShadowOuter02$3,
  aiSkeletonBackground: aiSkeletonBackground$3,
  aiSkeletonElementBackground: aiSkeletonElementBackground$3,
  background: background$8,
  backgroundActive: backgroundActive$7,
  backgroundBrand: backgroundBrand$7,
  backgroundHover: backgroundHover$7,
  backgroundInverse: backgroundInverse$7,
  backgroundInverseHover: backgroundInverseHover$7,
  backgroundSelected: backgroundSelected$7,
  backgroundSelectedHover: backgroundSelectedHover$7,
  bodyLong01: bodyLong01,
  bodyLong02: bodyLong02,
  bodyShort01: bodyShort01,
  bodyShort02: bodyShort02,
  borderDisabled: borderDisabled$7,
  borderInteractive: borderInteractive$7,
  borderInverse: borderInverse$7,
  borderStrong01: borderStrong01$3,
  borderStrong02: borderStrong02$3,
  borderStrong03: borderStrong03$3,
  borderSubtle00: borderSubtle00$3,
  borderSubtle01: borderSubtle01$3,
  borderSubtle02: borderSubtle02$3,
  borderSubtle03: borderSubtle03$3,
  borderSubtleSelected01: borderSubtleSelected01$3,
  borderSubtleSelected02: borderSubtleSelected02$3,
  borderSubtleSelected03: borderSubtleSelected03$3,
  borderTile01: borderTile01$3,
  borderTile02: borderTile02$3,
  borderTile03: borderTile03$3,
  caption01: caption01,
  caption02: caption02,
  chatAvatarAgent: chatAvatarAgent$3,
  chatAvatarBot: chatAvatarBot$3,
  chatAvatarUser: chatAvatarUser$3,
  chatBubbleAgent: chatBubbleAgent$3,
  chatBubbleBorder: chatBubbleBorder$3,
  chatBubbleUser: chatBubbleUser$3,
  chatButton: chatButton$3,
  chatButtonActive: chatButtonActive$3,
  chatButtonHover: chatButtonHover$3,
  chatButtonSelected: chatButtonSelected$3,
  chatButtonTextHover: chatButtonTextHover$3,
  chatButtonTextSelected: chatButtonTextSelected$3,
  chatHeaderBackground: chatHeaderBackground$3,
  chatPromptBackground: chatPromptBackground$3,
  chatPromptBorderEnd: chatPromptBorderEnd$3,
  chatPromptBorderStart: chatPromptBorderStart$3,
  chatShellBackground: chatShellBackground$3,
  code01: code01,
  code02: code02,
  container01: container01,
  container02: container02,
  container03: container03,
  container04: container04,
  container05: container05,
  display01: display01,
  display02: display02,
  display03: display03,
  display04: display04,
  expressiveHeading01: expressiveHeading01,
  expressiveHeading02: expressiveHeading02,
  expressiveHeading03: expressiveHeading03,
  expressiveHeading04: expressiveHeading04,
  expressiveHeading05: expressiveHeading05,
  expressiveHeading06: expressiveHeading06,
  expressiveParagraph01: expressiveParagraph01,
  field01: field01$7,
  field02: field02$7,
  field03: field03$3,
  fieldHover01: fieldHover01$3,
  fieldHover02: fieldHover02$3,
  fieldHover03: fieldHover03$3,
  fluidSpacing01: fluidSpacing01,
  fluidSpacing02: fluidSpacing02,
  fluidSpacing03: fluidSpacing03,
  fluidSpacing04: fluidSpacing04,
  focus: focus$8,
  focusInset: focusInset$7,
  focusInverse: focusInverse$7,
  heading01: heading01,
  heading02: heading02,
  helperText01: helperText01,
  helperText02: helperText02,
  highlight: highlight$7,
  iconDisabled: iconDisabled$7,
  iconInteractive: iconInteractive$3,
  iconInverse: iconInverse$7,
  iconOnColor: iconOnColor$7,
  iconOnColorDisabled: iconOnColorDisabled$7,
  iconPrimary: iconPrimary$7,
  iconSecondary: iconSecondary$7,
  iconSize01: iconSize01,
  iconSize02: iconSize02,
  interactive: interactive$7,
  label01: label01,
  label02: label02,
  layer01: layer01$3,
  layer02: layer02$3,
  layer03: layer03$3,
  layerAccent01: layerAccent01$3,
  layerAccent02: layerAccent02$3,
  layerAccent03: layerAccent03$3,
  layerAccentActive01: layerAccentActive01$3,
  layerAccentActive02: layerAccentActive02$3,
  layerAccentActive03: layerAccentActive03$3,
  layerAccentHover01: layerAccentHover01$3,
  layerAccentHover02: layerAccentHover02$3,
  layerAccentHover03: layerAccentHover03$3,
  layerActive01: layerActive01$3,
  layerActive02: layerActive02$3,
  layerActive03: layerActive03$3,
  layerBackground01: layerBackground01$3,
  layerBackground02: layerBackground02$3,
  layerBackground03: layerBackground03$3,
  layerHover01: layerHover01$3,
  layerHover02: layerHover02$3,
  layerHover03: layerHover03$3,
  layerSelected01: layerSelected01$3,
  layerSelected02: layerSelected02$3,
  layerSelected03: layerSelected03$3,
  layerSelectedDisabled: layerSelectedDisabled$7,
  layerSelectedHover01: layerSelectedHover01$3,
  layerSelectedHover02: layerSelectedHover02$3,
  layerSelectedHover03: layerSelectedHover03$3,
  layerSelectedInverse: layerSelectedInverse$7,
  layout01: layout01,
  layout02: layout02,
  layout03: layout03,
  layout04: layout04,
  layout05: layout05,
  layout06: layout06,
  layout07: layout07,
  linkInverse: linkInverse$7,
  linkInverseActive: linkInverseActive$3,
  linkInverseHover: linkInverseHover$3,
  linkInverseVisited: linkInverseVisited$3,
  linkPrimary: linkPrimary$7,
  linkPrimaryHover: linkPrimaryHover$7,
  linkSecondary: linkSecondary$7,
  linkVisited: linkVisited$7,
  overlay: overlay$7,
  productiveHeading01: productiveHeading01,
  productiveHeading02: productiveHeading02,
  productiveHeading03: productiveHeading03,
  productiveHeading04: productiveHeading04,
  productiveHeading05: productiveHeading05,
  productiveHeading06: productiveHeading06,
  productiveHeading07: productiveHeading07,
  quotation01: quotation01,
  quotation02: quotation02,
  shadow: shadow$7,
  size2XLarge: size2XLarge,
  sizeLarge: sizeLarge,
  sizeMedium: sizeMedium,
  sizeSmall: sizeSmall,
  sizeXLarge: sizeXLarge,
  sizeXSmall: sizeXSmall,
  skeletonBackground: skeletonBackground$7,
  skeletonElement: skeletonElement$7,
  spacing01: spacing01,
  spacing02: spacing02,
  spacing03: spacing03,
  spacing04: spacing04,
  spacing05: spacing05,
  spacing06: spacing06,
  spacing07: spacing07,
  spacing08: spacing08,
  spacing09: spacing09,
  spacing10: spacing10,
  spacing11: spacing11,
  spacing12: spacing12,
  spacing13: spacing13,
  supportCautionMajor: supportCautionMajor$3,
  supportCautionMinor: supportCautionMinor$3,
  supportCautionUndefined: supportCautionUndefined$3,
  supportError: supportError$7,
  supportErrorInverse: supportErrorInverse$7,
  supportInfo: supportInfo$7,
  supportInfoInverse: supportInfoInverse$7,
  supportSuccess: supportSuccess$7,
  supportSuccessInverse: supportSuccessInverse$7,
  supportWarning: supportWarning$7,
  supportWarningInverse: supportWarningInverse$7,
  textDisabled: textDisabled$7,
  textError: textError$7,
  textHelper: textHelper$7,
  textInverse: textInverse$7,
  textOnColor: textOnColor$7,
  textOnColorDisabled: textOnColorDisabled$7,
  textPlaceholder: textPlaceholder$7,
  textPrimary: textPrimary$7,
  textSecondary: textSecondary$7,
  toggleOff: toggleOff$7
});

/**
 * Copyright IBM Corp. 2018, 2023
 *
 * This source code is licensed under the Apache-2.0 license found in the
 * LICENSE file in the root directory of this source tree.
 */


// Background
var background$7 = gray10;
var backgroundInverse$6 = gray80;
var backgroundBrand$6 = blue60;
var backgroundActive$6 = adjustAlpha(gray50, 0.5);
var backgroundHover$6 = adjustAlpha(gray50, 0.12);
var backgroundInverseHover$6 = gray80Hover;
var backgroundSelected$6 = adjustAlpha(gray50, 0.2);
var backgroundSelectedHover$6 = adjustAlpha(gray50, 0.32);

// Layer
// layer-01
var layer01$2 = white$2;
var layerActive01$2 = gray30;
var layerBackground01$2 = gray10;
var layerHover01$2 = whiteHover;
var layerSelected01$2 = gray20;
var layerSelectedHover01$2 = gray20Hover;

// layer-02
var layer02$2 = gray10;
var layerActive02$2 = gray30;
var layerBackground02$2 = white$2;
var layerHover02$2 = gray10Hover;
var layerSelected02$2 = gray20;
var layerSelectedHover02$2 = gray20Hover;

// layer-03
var layer03$2 = white$2;
var layerActive03$2 = gray30;
var layerBackground03$2 = gray10;
var layerHover03$2 = whiteHover;
var layerSelected03$2 = gray20;
var layerSelectedHover03$2 = gray20Hover;

// layer
var layerSelectedInverse$6 = gray100;
var layerSelectedDisabled$6 = gray50;

// layer-accent-01
var layerAccent01$2 = gray20;
var layerAccentActive01$2 = gray40;
var layerAccentHover01$2 = gray20Hover;

// layer-accent-02
var layerAccent02$2 = gray20;
var layerAccentActive02$2 = gray40;
var layerAccentHover02$2 = gray20Hover;

// layer-accent-03
var layerAccent03$2 = gray20;
var layerAccentActive03$2 = gray40;
var layerAccentHover03$2 = gray20Hover;

// Field
// field-01
var field01$6 = white$2;
var fieldHover01$2 = whiteHover;

// field-02
var field02$6 = gray10;
var fieldHover02$2 = gray10Hover;

// field-03
var field03$2 = white$2;
var fieldHover03$2 = whiteHover;

// Border
// border-subtle-00
var borderSubtle00$2 = gray30;

// border-subtle-01
var borderSubtle01$2 = gray20;
var borderSubtleSelected01$2 = gray30;

// border-subtle-02
var borderSubtle02$2 = gray30;
var borderSubtleSelected02$2 = gray30;

// border-subtle-03
var borderSubtle03$2 = gray20;
var borderSubtleSelected03$2 = gray30;

// border-strong
var borderStrong01$2 = gray50;
var borderStrong02$2 = gray50;
var borderStrong03$2 = gray50;

// border-tile
var borderTile01$2 = gray40;
var borderTile02$2 = gray30;
var borderTile03$2 = gray40;

// border-inverse
var borderInverse$6 = gray100;

// border-interactive
var borderInteractive$6 = blue60;

// border
var borderDisabled$6 = gray30;

// Text
var textPrimary$6 = gray100;
var textSecondary$6 = gray70;
var textPlaceholder$6 = adjustAlpha(textPrimary$6, 0.4);
var textHelper$6 = gray60;
var textError$6 = red60;
var textInverse$6 = white$2;
var textOnColor$6 = white$2;
var textOnColorDisabled$6 = gray50;
var textDisabled$6 = adjustAlpha(textPrimary$6, 0.25);

// Link
var linkPrimary$6 = blue60;
var linkPrimaryHover$6 = blue70;
var linkSecondary$6 = blue70;
var linkInverse$6 = blue40;
var linkVisited$6 = purple60;
var linkInverseVisited$2 = purple40;
var linkInverseActive$2 = gray10;
var linkInverseHover$2 = blue30;

// Icon
var iconPrimary$6 = gray100;
var iconSecondary$6 = gray70;
var iconInverse$6 = white$2;
var iconOnColor$6 = white$2;
var iconOnColorDisabled$6 = gray50;
var iconDisabled$6 = adjustAlpha(iconPrimary$6, 0.25);
var iconInteractive$2 = blue60;

// Support
var supportError$6 = red60;
var supportSuccess$6 = green50;
var supportWarning$6 = yellow30;
var supportInfo$6 = blue70;
var supportErrorInverse$6 = red50;
var supportSuccessInverse$6 = green40;
var supportWarningInverse$6 = yellow30;
var supportInfoInverse$6 = blue50;
var supportCautionMinor$2 = yellow30;
var supportCautionMajor$2 = orange40;
var supportCautionUndefined$2 = purple60;

// Focus
var focus$7 = blue60;
var focusInset$6 = white$2;
var focusInverse$6 = white$2;

// Skeleton
var skeletonBackground$6 = gray10Hover;
var skeletonElement$6 = gray30;

// Misc
var interactive$6 = blue60;
var highlight$6 = blue20;
var overlay$6 = 'rgba(22, 22, 22, 0.5)';
var toggleOff$6 = gray50;
var shadow$6 = 'rgba(0, 0, 0, 0.3)';

//// AI - Experimental (Use at your own risk)
//// Phase 2 - new \\\\
// Shared
var aiInnerShadow$2 = rgba(blue50, 0.1);
var aiAuraStartSm$2 = rgba(blue50, 0.16);
var aiAuraStart$2 = rgba(blue50, 0.1);
var aiAuraEnd$2 = rgba(white$2, 0);
var aiBorderStrong$2 = blue50;
var aiBorderStart$2 = rgba(blue30, 0.64);
var aiBorderEnd$2 = blue40;
var aiDropShadow$2 = rgba(blue60, 0.1);
var aiAuraHoverBackground$2 = blue10;
var aiAuraHoverStart$2 = rgba(blue50, 0.32);
var aiAuraHoverEnd$2 = rgba(white$2, 0);

// AI Popover
var aiPopoverBackground$2 = white$2;
var aiPopoverShadowOuter01$2 = rgba(blue70, 0.06);
var aiPopoverShadowOuter02$2 = rgba(black, 0.04);

// AI skeleton
var aiSkeletonBackground$2 = blue20;
var aiSkeletonElementBackground$2 = blue50;

// AI Modal tokens
var aiOverlay$2 = rgba(blue100, 0.5);

// One off tokens for caret
var aiPopoverCaretCenter$2 = '#A0C3FF';
var aiPopoverCaretBottom$2 = blue40;
var aiPopoverCaretBottomBackgroundActions$2 = '#E9EFFA';
var aiPopoverCaretBottomBackground$2 = '#EAF1FF';

// Chat tokens
var chatPromptBackground$2 = white$2;
var chatPromptBorderStart$2 = gray10;
var chatPromptBorderEnd$2 = rgba(gray10, 0);
var chatBubbleUser$2 = gray20;
var chatBubbleAgent$2 = white$2;
var chatBubbleBorder$2 = gray20;
var chatAvatarBot$2 = gray60;
var chatAvatarAgent$2 = gray80;
var chatAvatarUser$2 = blue60;
var chatShellBackground$2 = white$2;
var chatHeaderBackground$2 = white$2;

// Chat button tokens
var chatButton$2 = linkPrimary$6;
var chatButtonHover$2 = backgroundHover$6;
var chatButtonTextHover$2 = linkPrimaryHover$6;
var chatButtonActive$2 = backgroundActive$6;
var chatButtonSelected$2 = backgroundSelected$6;
var chatButtonTextSelected$2 = textSecondary$6;

var g10$1 = /*#__PURE__*/Object.freeze({
  __proto__: null,
  aiAuraEnd: aiAuraEnd$2,
  aiAuraHoverBackground: aiAuraHoverBackground$2,
  aiAuraHoverEnd: aiAuraHoverEnd$2,
  aiAuraHoverStart: aiAuraHoverStart$2,
  aiAuraStart: aiAuraStart$2,
  aiAuraStartSm: aiAuraStartSm$2,
  aiBorderEnd: aiBorderEnd$2,
  aiBorderStart: aiBorderStart$2,
  aiBorderStrong: aiBorderStrong$2,
  aiDropShadow: aiDropShadow$2,
  aiInnerShadow: aiInnerShadow$2,
  aiOverlay: aiOverlay$2,
  aiPopoverBackground: aiPopoverBackground$2,
  aiPopoverCaretBottom: aiPopoverCaretBottom$2,
  aiPopoverCaretBottomBackground: aiPopoverCaretBottomBackground$2,
  aiPopoverCaretBottomBackgroundActions: aiPopoverCaretBottomBackgroundActions$2,
  aiPopoverCaretCenter: aiPopoverCaretCenter$2,
  aiPopoverShadowOuter01: aiPopoverShadowOuter01$2,
  aiPopoverShadowOuter02: aiPopoverShadowOuter02$2,
  aiSkeletonBackground: aiSkeletonBackground$2,
  aiSkeletonElementBackground: aiSkeletonElementBackground$2,
  background: background$7,
  backgroundActive: backgroundActive$6,
  backgroundBrand: backgroundBrand$6,
  backgroundHover: backgroundHover$6,
  backgroundInverse: backgroundInverse$6,
  backgroundInverseHover: backgroundInverseHover$6,
  backgroundSelected: backgroundSelected$6,
  backgroundSelectedHover: backgroundSelectedHover$6,
  bodyLong01: bodyLong01,
  bodyLong02: bodyLong02,
  bodyShort01: bodyShort01,
  bodyShort02: bodyShort02,
  borderDisabled: borderDisabled$6,
  borderInteractive: borderInteractive$6,
  borderInverse: borderInverse$6,
  borderStrong01: borderStrong01$2,
  borderStrong02: borderStrong02$2,
  borderStrong03: borderStrong03$2,
  borderSubtle00: borderSubtle00$2,
  borderSubtle01: borderSubtle01$2,
  borderSubtle02: borderSubtle02$2,
  borderSubtle03: borderSubtle03$2,
  borderSubtleSelected01: borderSubtleSelected01$2,
  borderSubtleSelected02: borderSubtleSelected02$2,
  borderSubtleSelected03: borderSubtleSelected03$2,
  borderTile01: borderTile01$2,
  borderTile02: borderTile02$2,
  borderTile03: borderTile03$2,
  caption01: caption01,
  caption02: caption02,
  chatAvatarAgent: chatAvatarAgent$2,
  chatAvatarBot: chatAvatarBot$2,
  chatAvatarUser: chatAvatarUser$2,
  chatBubbleAgent: chatBubbleAgent$2,
  chatBubbleBorder: chatBubbleBorder$2,
  chatBubbleUser: chatBubbleUser$2,
  chatButton: chatButton$2,
  chatButtonActive: chatButtonActive$2,
  chatButtonHover: chatButtonHover$2,
  chatButtonSelected: chatButtonSelected$2,
  chatButtonTextHover: chatButtonTextHover$2,
  chatButtonTextSelected: chatButtonTextSelected$2,
  chatHeaderBackground: chatHeaderBackground$2,
  chatPromptBackground: chatPromptBackground$2,
  chatPromptBorderEnd: chatPromptBorderEnd$2,
  chatPromptBorderStart: chatPromptBorderStart$2,
  chatShellBackground: chatShellBackground$2,
  code01: code01,
  code02: code02,
  container01: container01,
  container02: container02,
  container03: container03,
  container04: container04,
  container05: container05,
  display01: display01,
  display02: display02,
  display03: display03,
  display04: display04,
  expressiveHeading01: expressiveHeading01,
  expressiveHeading02: expressiveHeading02,
  expressiveHeading03: expressiveHeading03,
  expressiveHeading04: expressiveHeading04,
  expressiveHeading05: expressiveHeading05,
  expressiveHeading06: expressiveHeading06,
  expressiveParagraph01: expressiveParagraph01,
  field01: field01$6,
  field02: field02$6,
  field03: field03$2,
  fieldHover01: fieldHover01$2,
  fieldHover02: fieldHover02$2,
  fieldHover03: fieldHover03$2,
  fluidSpacing01: fluidSpacing01,
  fluidSpacing02: fluidSpacing02,
  fluidSpacing03: fluidSpacing03,
  fluidSpacing04: fluidSpacing04,
  focus: focus$7,
  focusInset: focusInset$6,
  focusInverse: focusInverse$6,
  heading01: heading01,
  heading02: heading02,
  helperText01: helperText01,
  helperText02: helperText02,
  highlight: highlight$6,
  iconDisabled: iconDisabled$6,
  iconInteractive: iconInteractive$2,
  iconInverse: iconInverse$6,
  iconOnColor: iconOnColor$6,
  iconOnColorDisabled: iconOnColorDisabled$6,
  iconPrimary: iconPrimary$6,
  iconSecondary: iconSecondary$6,
  iconSize01: iconSize01,
  iconSize02: iconSize02,
  interactive: interactive$6,
  label01: label01,
  label02: label02,
  layer01: layer01$2,
  layer02: layer02$2,
  layer03: layer03$2,
  layerAccent01: layerAccent01$2,
  layerAccent02: layerAccent02$2,
  layerAccent03: layerAccent03$2,
  layerAccentActive01: layerAccentActive01$2,
  layerAccentActive02: layerAccentActive02$2,
  layerAccentActive03: layerAccentActive03$2,
  layerAccentHover01: layerAccentHover01$2,
  layerAccentHover02: layerAccentHover02$2,
  layerAccentHover03: layerAccentHover03$2,
  layerActive01: layerActive01$2,
  layerActive02: layerActive02$2,
  layerActive03: layerActive03$2,
  layerBackground01: layerBackground01$2,
  layerBackground02: layerBackground02$2,
  layerBackground03: layerBackground03$2,
  layerHover01: layerHover01$2,
  layerHover02: layerHover02$2,
  layerHover03: layerHover03$2,
  layerSelected01: layerSelected01$2,
  layerSelected02: layerSelected02$2,
  layerSelected03: layerSelected03$2,
  layerSelectedDisabled: layerSelectedDisabled$6,
  layerSelectedHover01: layerSelectedHover01$2,
  layerSelectedHover02: layerSelectedHover02$2,
  layerSelectedHover03: layerSelectedHover03$2,
  layerSelectedInverse: layerSelectedInverse$6,
  layout01: layout01,
  layout02: layout02,
  layout03: layout03,
  layout04: layout04,
  layout05: layout05,
  layout06: layout06,
  layout07: layout07,
  linkInverse: linkInverse$6,
  linkInverseActive: linkInverseActive$2,
  linkInverseHover: linkInverseHover$2,
  linkInverseVisited: linkInverseVisited$2,
  linkPrimary: linkPrimary$6,
  linkPrimaryHover: linkPrimaryHover$6,
  linkSecondary: linkSecondary$6,
  linkVisited: linkVisited$6,
  overlay: overlay$6,
  productiveHeading01: productiveHeading01,
  productiveHeading02: productiveHeading02,
  productiveHeading03: productiveHeading03,
  productiveHeading04: productiveHeading04,
  productiveHeading05: productiveHeading05,
  productiveHeading06: productiveHeading06,
  productiveHeading07: productiveHeading07,
  quotation01: quotation01,
  quotation02: quotation02,
  shadow: shadow$6,
  size2XLarge: size2XLarge,
  sizeLarge: sizeLarge,
  sizeMedium: sizeMedium,
  sizeSmall: sizeSmall,
  sizeXLarge: sizeXLarge,
  sizeXSmall: sizeXSmall,
  skeletonBackground: skeletonBackground$6,
  skeletonElement: skeletonElement$6,
  spacing01: spacing01,
  spacing02: spacing02,
  spacing03: spacing03,
  spacing04: spacing04,
  spacing05: spacing05,
  spacing06: spacing06,
  spacing07: spacing07,
  spacing08: spacing08,
  spacing09: spacing09,
  spacing10: spacing10,
  spacing11: spacing11,
  spacing12: spacing12,
  spacing13: spacing13,
  supportCautionMajor: supportCautionMajor$2,
  supportCautionMinor: supportCautionMinor$2,
  supportCautionUndefined: supportCautionUndefined$2,
  supportError: supportError$6,
  supportErrorInverse: supportErrorInverse$6,
  supportInfo: supportInfo$6,
  supportInfoInverse: supportInfoInverse$6,
  supportSuccess: supportSuccess$6,
  supportSuccessInverse: supportSuccessInverse$6,
  supportWarning: supportWarning$6,
  supportWarningInverse: supportWarningInverse$6,
  textDisabled: textDisabled$6,
  textError: textError$6,
  textHelper: textHelper$6,
  textInverse: textInverse$6,
  textOnColor: textOnColor$6,
  textOnColorDisabled: textOnColorDisabled$6,
  textPlaceholder: textPlaceholder$6,
  textPrimary: textPrimary$6,
  textSecondary: textSecondary$6,
  toggleOff: toggleOff$6
});

/**
 * Copyright IBM Corp. 2018, 2023
 *
 * This source code is licensed under the Apache-2.0 license found in the
 * LICENSE file in the root directory of this source tree.
 */


// Background
var background$6 = gray90;
var backgroundInverse$5 = gray10;
var backgroundBrand$5 = blue60;
var backgroundActive$5 = adjustAlpha(gray50, 0.4);
var backgroundHover$5 = adjustAlpha(gray50, 0.16);
var backgroundInverseHover$5 = gray10Hover;
var backgroundSelected$5 = adjustAlpha(gray50, 0.24);
var backgroundSelectedHover$5 = adjustAlpha(gray50, 0.32);

// Layer
// layer-01
var layer01$1 = gray80;
var layerActive01$1 = gray60;
var layerBackground01$1 = gray90;
var layerHover01$1 = gray80Hover;
var layerSelected01$1 = gray70;
var layerSelectedHover01$1 = gray70Hover;

// layer-02
var layer02$1 = gray70;
var layerActive02$1 = gray50;
var layerBackground02$1 = gray80;
var layerHover02$1 = gray70Hover;
var layerSelected02$1 = gray60;
var layerSelectedHover02$1 = gray60Hover;

// layer-03
var layer03$1 = gray60;
var layerActive03$1 = gray80;
var layerBackground03$1 = gray70;
var layerHover03$1 = gray60Hover;
var layerSelected03$1 = gray70;
var layerSelectedHover03$1 = gray70Hover;

// layer
var layerSelectedInverse$5 = gray10;
var layerSelectedDisabled$5 = gray40;

// layer-accent-01
var layerAccent01$1 = gray70;
var layerAccentActive01$1 = gray50;
var layerAccentHover01$1 = gray70Hover;

// layer-accent-02
var layerAccent02$1 = gray60;
var layerAccentActive02$1 = gray80;
var layerAccentHover02$1 = gray60Hover;

// layer-accent-03
var layerAccent03$1 = gray50;
var layerAccentActive03$1 = gray70;
var layerAccentHover03$1 = gray50Hover;

// Field
// field-01
var field01$5 = gray80;
var fieldHover01$1 = gray80Hover;

// field-02
var field02$5 = gray70;
var fieldHover02$1 = gray70Hover;

// field-03
var field03$1 = gray60;
var fieldHover03$1 = gray60Hover;

// Border
// border-subtle-00
var borderSubtle00$1 = gray70;

// border-subtle-01
var borderSubtle01$1 = gray60;
var borderSubtleSelected01$1 = gray50;

// border-subtle-02
var borderSubtle02$1 = gray50;
var borderSubtleSelected02$1 = gray40;

// border-subtle-03
var borderSubtle03$1 = gray50;
var borderSubtleSelected03$1 = gray40;

// border-strong
var borderStrong01$1 = gray50;
var borderStrong02$1 = gray40;
var borderStrong03$1 = gray30;

// border-tile
var borderTile01$1 = gray60;
var borderTile02$1 = gray50;
var borderTile03$1 = gray40;

// border-inverse
var borderInverse$5 = gray10;

// border-interactive
var borderInteractive$5 = blue50;

// border
var borderDisabled$5 = adjustAlpha(gray50, 0.5);

// Text
var textPrimary$5 = gray10;
var textSecondary$5 = gray30;
var textPlaceholder$5 = adjustAlpha(textPrimary$5, 0.4);
var textHelper$5 = gray30;
var textError$5 = red30;
var textInverse$5 = gray100;
var textOnColor$5 = white$2;
var textOnColorDisabled$5 = adjustAlpha(textOnColor$5, 0.25);
var textDisabled$5 = adjustAlpha(textPrimary$5, 0.25);

// Link
var linkPrimary$5 = blue40;
var linkPrimaryHover$5 = blue30;
var linkSecondary$5 = blue30;
var linkInverse$5 = blue60;
var linkVisited$5 = purple40;
var linkInverseVisited$1 = purple60;
var linkInverseActive$1 = gray100;
var linkInverseHover$1 = blue70;

// Icon
var iconPrimary$5 = gray10;
var iconSecondary$5 = gray30;
var iconInverse$5 = gray100;
var iconOnColor$5 = white$2;
var iconOnColorDisabled$5 = adjustAlpha(iconOnColor$5, 0.25);
var iconDisabled$5 = adjustAlpha(iconPrimary$5, 0.25);
var iconInteractive$1 = white$2;

// Support
var supportError$5 = red40;
var supportSuccess$5 = green40;
var supportWarning$5 = yellow30;
var supportInfo$5 = blue50;
var supportErrorInverse$5 = red60;
var supportSuccessInverse$5 = green50;
var supportWarningInverse$5 = yellow30;
var supportInfoInverse$5 = blue70;
var supportCautionMinor$1 = yellow30;
var supportCautionMajor$1 = orange40;
var supportCautionUndefined$1 = purple50;

// Focus
var focus$6 = white$2;
var focusInset$5 = gray100;
var focusInverse$5 = blue60;

// Skeleton
var skeletonBackground$5 = gray90Hover;
var skeletonElement$5 = gray70;

// Misc
var interactive$5 = blue50;
var highlight$5 = blue80;
var overlay$5 = rgba(black, 0.65);
var toggleOff$5 = gray50;
var shadow$5 = rgba(black, 0.8);

//// AI - Experimental (Use at your own risk)
//// Phase 2 - new \\\\
// Shared
var aiInnerShadow$1 = rgba(blue50, 0.16);
var aiAuraStartSm$1 = rgba(blue50, 0.16);
var aiAuraStart$1 = rgba(blue50, 0.1);
var aiAuraEnd$1 = rgba(black, 0);
var aiBorderStrong$1 = blue40;
var aiBorderStart$1 = rgba(blue30, 0.36);
var aiBorderEnd$1 = blue50;
var aiDropShadow$1 = rgba(black, 0.28);
var aiAuraHoverBackground$1 = layerHover01$1;
var aiAuraHoverStart$1 = rgba(blue50, 0.4);
var aiAuraHoverEnd$1 = rgba(black, 0);

// AI Popover
var aiPopoverBackground$1 = gray100;
var aiPopoverShadowOuter01$1 = rgba(black, 0.12);
var aiPopoverShadowOuter02$1 = rgba(black, 0.08);

// AI skeleton
var aiSkeletonBackground$1 = rgba(blue40, 0.5);
var aiSkeletonElementBackground$1 = rgba(blue40, 0.3);

// AI Modal tokens
var aiOverlay$1 = rgba(black, 0.5);

// One off tokens for caret
var aiPopoverCaretCenter$1 = '#4870B5';
var aiPopoverCaretBottom$1 = blue50;
var aiPopoverCaretBottomBackgroundActions$1 = '#1E283A';
var aiPopoverCaretBottomBackground$1 = '#202D45';

// Chat tokens
var chatPromptBackground$1 = gray100;
var chatPromptBorderStart$1 = gray90;
var chatPromptBorderEnd$1 = rgba(gray90, 0);
var chatBubbleUser$1 =