@carbon/themes
Version:
Themes for applying color in the Carbon Design System
1,364 lines (1,283 loc) • 209 kB
JavaScript
(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@carbon/colors'), require('color'), require('@carbon/type'), require('@carbon/layout')) :
typeof define === 'function' && define.amd ? define(['exports', '@carbon/colors', 'color', '@carbon/type', '@carbon/layout'], factory) :
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.CarbonThemes = {}, global.CarbonColors, global.Color, global.CarbonType, global.CarbonLayout));
})(this, (function (exports, colors$1, Color, type$2, layout$2) { 'use strict';
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
var Color__default = /*#__PURE__*/_interopDefaultLegacy(Color);
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 || !1, o.configurable = !0, "value" in o && (o.writable = !0), 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: !1
}), 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 && r && "number" == typeof r.length) {
t && (r = t);
var n = 0,
F = function () {};
return {
s: F,
n: function () {
return n >= r.length ? {
done: !0
} : {
done: !1,
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 = !0,
u = !1;
return {
s: function () {
t = t.call(r);
},
n: function () {
var r = t.next();
return a = r.done, r;
},
e: function (r) {
u = !0, 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: !0,
configurable: !0,
writable: !0
}) : 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), !0).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 _regeneratorRuntime() {
_regeneratorRuntime = function () {
return e;
};
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];
}
try {
define({}, "");
} catch (t) {
define = function (t, e, r) {
return t[e] = r;
};
}
function wrap(t, e, r, n) {
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;
}
function tryCatch(t, e, r) {
try {
return {
type: "normal",
arg: t.call(e, r)
};
} catch (t) {
return {
type: "throw",
arg: t
};
}
}
e.wrap = wrap;
var h = "suspendedStart",
l = "suspendedYield",
f = "executing",
s = "completed",
y = {};
function Generator() {}
function GeneratorFunction() {}
function GeneratorFunctionPrototype() {}
var p = {};
define(p, a, 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);
});
});
}
function AsyncIterator(t, e) {
function invoke(r, o, i, a) {
var c = tryCatch(t[r], t, o);
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);
}, function (t) {
invoke("throw", t, i, a);
}) : e.resolve(h).then(function (t) {
u.value = t, i(u);
}, function (t) {
return invoke("throw", t, i, a);
});
}
a(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);
}
};
}
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;
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);
}
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 resetTryEntry(t) {
var e = t.completion || {};
e.type = "normal", delete e.arg, t.completion = e;
}
function Context(t) {
this.tryEntries = [{
tryLoc: "root"
}], t.forEach(pushTryEntry, 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)) {
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;
};
return i.next = i;
}
}
throw new TypeError(typeof e + " 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 {
__await: t
};
}, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () {
return this;
}), e.AsyncIterator = AsyncIterator, e.async = function (t, r, 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) {
return t.done ? t.value : a.next();
});
}, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () {
return this;
}), define(g, "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;
};
}, e.values = values, 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);
},
stop: function () {
this.done = !0;
var t = this.tryEntries[0].completion;
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;
}
for (var o = this.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);
}
}
}
},
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;
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);
},
complete: function (t, e) {
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;
},
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;
}
},
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;
if ("throw" === n.type) {
var o = n.arg;
resetTryEntry(r);
}
return o;
}
}
throw Error("illegal catch attempt");
},
delegateYield: function (e, r, n) {
return this.delegate = {
iterator: values(e),
resultName: r,
nextLoc: n
}, "next" === this.method && (this.arg = t), y;
}
}, e;
}
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 || "default");
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;
}
}
/**
* 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__default["default"](token).hsl().object();
return Color__default["default"](_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__default["default"](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 = colors$1.white;
var backgroundInverse$7 = colors$1.gray80;
var backgroundBrand$7 = colors$1.blue60;
var backgroundActive$7 = adjustAlpha(colors$1.gray50, 0.5);
var backgroundHover$7 = adjustAlpha(colors$1.gray50, 0.12);
var backgroundInverseHover$7 = colors$1.gray80Hover;
var backgroundSelected$7 = adjustAlpha(colors$1.gray50, 0.2);
var backgroundSelectedHover$7 = adjustAlpha(colors$1.gray50, 0.32);
// Layer
// layer-01
var layer01$3 = colors$1.gray10;
var layerActive01$3 = colors$1.gray30;
var layerHover01$3 = colors$1.gray10Hover;
var layerSelected01$3 = colors$1.gray20;
var layerSelectedHover01$3 = colors$1.gray20Hover;
// layer-02
var layer02$3 = colors$1.white;
var layerActive02$3 = colors$1.gray30;
var layerHover02$3 = colors$1.whiteHover;
var layerSelected02$3 = colors$1.gray20;
var layerSelectedHover02$3 = colors$1.gray20Hover;
// layer-03
var layer03$3 = colors$1.gray10;
var layerActive03$3 = colors$1.gray30;
var layerHover03$3 = colors$1.gray10Hover;
var layerSelected03$3 = colors$1.gray20;
var layerSelectedHover03$3 = colors$1.gray20Hover;
// layer
var layerSelectedInverse$7 = colors$1.gray100;
var layerSelectedDisabled$7 = colors$1.gray50;
// layer-accent-01
var layerAccent01$3 = colors$1.gray20;
var layerAccentActive01$3 = colors$1.gray40;
var layerAccentHover01$3 = colors$1.gray20Hover;
// layer-accent-02
var layerAccent02$3 = colors$1.gray20;
var layerAccentActive02$3 = colors$1.gray40;
var layerAccentHover02$3 = colors$1.gray20Hover;
// layer-accent-03
var layerAccent03$3 = colors$1.gray20;
var layerAccentActive03$3 = colors$1.gray40;
var layerAccentHover03$3 = colors$1.gray20Hover;
// Field
// field-01
var field01$7 = colors$1.gray10;
var fieldHover01$3 = colors$1.gray10Hover;
// field-02
var field02$7 = colors$1.white;
var fieldHover02$3 = colors$1.whiteHover;
// field-03
var field03$3 = colors$1.gray10;
var fieldHover03$3 = colors$1.gray10Hover;
// Border
// border-subtle-00
var borderSubtle00$3 = colors$1.gray20;
// border-subtle-01
var borderSubtle01$3 = colors$1.gray30;
var borderSubtleSelected01$3 = colors$1.gray30;
// border-subtle-02
var borderSubtle02$3 = colors$1.gray20;
var borderSubtleSelected02$3 = colors$1.gray30;
// border-subtle-03
var borderSubtle03$3 = colors$1.gray30;
var borderSubtleSelected03$3 = colors$1.gray30;
// border-strong
var borderStrong01$3 = colors$1.gray50;
var borderStrong02$3 = colors$1.gray50;
var borderStrong03$3 = colors$1.gray50;
// border-tile
var borderTile01$3 = colors$1.gray30;
var borderTile02$3 = colors$1.gray40;
var borderTile03$3 = colors$1.gray30;
// border-inverse
var borderInverse$7 = colors$1.gray100;
// border-interactive
var borderInteractive$7 = colors$1.blue60;
// border
var borderDisabled$7 = colors$1.gray30;
// Text
var textPrimary$7 = colors$1.gray100;
var textSecondary$7 = colors$1.gray70;
var textPlaceholder$7 = adjustAlpha(textPrimary$7, 0.4);
var textHelper$7 = colors$1.gray60;
var textError$7 = colors$1.red60;
var textInverse$7 = colors$1.white;
var textOnColor$7 = colors$1.white;
var textOnColorDisabled$7 = colors$1.gray50;
var textDisabled$7 = adjustAlpha(textPrimary$7, 0.25);
// Link
var linkPrimary$7 = colors$1.blue60;
var linkPrimaryHover$7 = colors$1.blue70;
var linkSecondary$7 = colors$1.blue70;
var linkInverse$7 = colors$1.blue40;
var linkVisited$7 = colors$1.purple60;
var linkInverseVisited$3 = colors$1.purple40;
var linkInverseActive$3 = colors$1.gray10;
var linkInverseHover$3 = colors$1.blue30;
// Icon
var iconPrimary$7 = colors$1.gray100;
var iconSecondary$7 = colors$1.gray70;
var iconInverse$7 = colors$1.white;
var iconOnColor$7 = colors$1.white;
var iconOnColorDisabled$7 = colors$1.gray50;
var iconDisabled$7 = adjustAlpha(iconPrimary$7, 0.25);
var iconInteractive$3 = colors$1.blue60;
// Support
var supportError$7 = colors$1.red60;
var supportSuccess$7 = colors$1.green50;
var supportWarning$7 = colors$1.yellow30;
var supportInfo$7 = colors$1.blue70;
var supportErrorInverse$7 = colors$1.red50;
var supportSuccessInverse$7 = colors$1.green40;
var supportWarningInverse$7 = colors$1.yellow30;
var supportInfoInverse$7 = colors$1.blue50;
var supportCautionMinor$3 = colors$1.yellow30;
var supportCautionMajor$3 = colors$1.orange40;
var supportCautionUndefined$3 = colors$1.purple60;
// Focus
var focus$8 = colors$1.blue60;
var focusInset$7 = colors$1.white;
var focusInverse$7 = colors$1.white;
// Skeleton
var skeletonBackground$7 = colors$1.whiteHover;
var skeletonElement$7 = colors$1.gray30;
// Misc
var interactive$7 = colors$1.blue60;
var highlight$7 = colors$1.blue20;
var overlay$7 = 'rgba(22, 22, 22, 0.5)';
var toggleOff$7 = colors$1.gray50;
var shadow$7 = 'rgba(0, 0, 0, 0.3)';
//// AI - Experimental (Use at your own risk)
//// Phase 2 - new \\\\
// Shared
var aiInnerShadow$3 = colors$1.rgba(colors$1.blue50, 0.1);
var aiAuraStartSm$3 = colors$1.rgba(colors$1.blue50, 0.16);
var aiAuraStart$3 = colors$1.rgba(colors$1.blue50, 0.1);
var aiAuraEnd$3 = colors$1.rgba(colors$1.white, 0);
var aiBorderStrong$3 = colors$1.blue50;
var aiBorderStart$3 = colors$1.rgba(colors$1.blue30, 0.64);
var aiBorderEnd$3 = colors$1.blue40;
var aiDropShadow$3 = colors$1.rgba(colors$1.blue60, 0.1);
var aiAuraHoverBackground$3 = colors$1.blue10;
var aiAuraHoverStart$3 = colors$1.rgba(colors$1.blue50, 0.32);
var aiAuraHoverEnd$3 = colors$1.rgba(colors$1.white, 0);
// AI Popover
var aiPopoverBackground$3 = colors$1.white;
var aiPopoverShadowOuter01$3 = colors$1.rgba(colors$1.blue70, 0.06);
var aiPopoverShadowOuter02$3 = colors$1.rgba(colors$1.black, 0.04);
// AI skeleton
var aiSkeletonBackground$3 = colors$1.blue20;
var aiSkeletonElementBackground$3 = colors$1.blue50;
// AI Modal tokens
var aiOverlay$3 = colors$1.rgba(colors$1.blue100, 0.5);
// One off tokens for caret
var aiPopoverCaretCenter$3 = '#A0C3FF';
var aiPopoverCaretBottom$3 = colors$1.blue40;
var aiPopoverCaretBottomBackgroundActions$3 = '#E9EFFA';
var aiPopoverCaretBottomBackground$3 = '#EAF1FF';
// Chat tokens
var chatPromptBackground$3 = colors$1.white;
var chatPromptBorderStart$3 = colors$1.gray10;
var chatPromptBorderEnd$3 = colors$1.rgba(colors$1.gray10, 0);
var chatBubbleUser$3 = colors$1.gray20;
var chatBubbleAgent$3 = colors$1.white;
var chatBubbleBorder$3 = colors$1.gray20;
var chatAvatarBot$3 = colors$1.gray60;
var chatAvatarAgent$3 = colors$1.gray80;
var chatAvatarUser$3 = colors$1.blue60;
var chatShellBackground$3 = colors$1.white;
var chatHeaderBackground$3 = colors$1.white;
// 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,
background: background$8,
backgroundInverse: backgroundInverse$7,
backgroundBrand: backgroundBrand$7,
backgroundActive: backgroundActive$7,
backgroundHover: backgroundHover$7,
backgroundInverseHover: backgroundInverseHover$7,
backgroundSelected: backgroundSelected$7,
backgroundSelectedHover: backgroundSelectedHover$7,
layer01: layer01$3,
layerActive01: layerActive01$3,
layerHover01: layerHover01$3,
layerSelected01: layerSelected01$3,
layerSelectedHover01: layerSelectedHover01$3,
layer02: layer02$3,
layerActive02: layerActive02$3,
layerHover02: layerHover02$3,
layerSelected02: layerSelected02$3,
layerSelectedHover02: layerSelectedHover02$3,
layer03: layer03$3,
layerActive03: layerActive03$3,
layerHover03: layerHover03$3,
layerSelected03: layerSelected03$3,
layerSelectedHover03: layerSelectedHover03$3,
layerSelectedInverse: layerSelectedInverse$7,
layerSelectedDisabled: layerSelectedDisabled$7,
layerAccent01: layerAccent01$3,
layerAccentActive01: layerAccentActive01$3,
layerAccentHover01: layerAccentHover01$3,
layerAccent02: layerAccent02$3,
layerAccentActive02: layerAccentActive02$3,
layerAccentHover02: layerAccentHover02$3,
layerAccent03: layerAccent03$3,
layerAccentActive03: layerAccentActive03$3,
layerAccentHover03: layerAccentHover03$3,
field01: field01$7,
fieldHover01: fieldHover01$3,
field02: field02$7,
fieldHover02: fieldHover02$3,
field03: field03$3,
fieldHover03: fieldHover03$3,
borderSubtle00: borderSubtle00$3,
borderSubtle01: borderSubtle01$3,
borderSubtleSelected01: borderSubtleSelected01$3,
borderSubtle02: borderSubtle02$3,
borderSubtleSelected02: borderSubtleSelected02$3,
borderSubtle03: borderSubtle03$3,
borderSubtleSelected03: borderSubtleSelected03$3,
borderStrong01: borderStrong01$3,
borderStrong02: borderStrong02$3,
borderStrong03: borderStrong03$3,
borderTile01: borderTile01$3,
borderTile02: borderTile02$3,
borderTile03: borderTile03$3,
borderInverse: borderInverse$7,
borderInteractive: borderInteractive$7,
borderDisabled: borderDisabled$7,
textPrimary: textPrimary$7,
textSecondary: textSecondary$7,
textPlaceholder: textPlaceholder$7,
textHelper: textHelper$7,
textError: textError$7,
textInverse: textInverse$7,
textOnColor: textOnColor$7,
textOnColorDisabled: textOnColorDisabled$7,
textDisabled: textDisabled$7,
linkPrimary: linkPrimary$7,
linkPrimaryHover: linkPrimaryHover$7,
linkSecondary: linkSecondary$7,
linkInverse: linkInverse$7,
linkVisited: linkVisited$7,
linkInverseVisited: linkInverseVisited$3,
linkInverseActive: linkInverseActive$3,
linkInverseHover: linkInverseHover$3,
iconPrimary: iconPrimary$7,
iconSecondary: iconSecondary$7,
iconInverse: iconInverse$7,
iconOnColor: iconOnColor$7,
iconOnColorDisabled: iconOnColorDisabled$7,
iconDisabled: iconDisabled$7,
iconInteractive: iconInteractive$3,
supportError: supportError$7,
supportSuccess: supportSuccess$7,
supportWarning: supportWarning$7,
supportInfo: supportInfo$7,
supportErrorInverse: supportErrorInverse$7,
supportSuccessInverse: supportSuccessInverse$7,
supportWarningInverse: supportWarningInverse$7,
supportInfoInverse: supportInfoInverse$7,
supportCautionMinor: supportCautionMinor$3,
supportCautionMajor: supportCautionMajor$3,
supportCautionUndefined: supportCautionUndefined$3,
focus: focus$8,
focusInset: focusInset$7,
focusInverse: focusInverse$7,
skeletonBackground: skeletonBackground$7,
skeletonElement: skeletonElement$7,
interactive: interactive$7,
highlight: highlight$7,
overlay: overlay$7,
toggleOff: toggleOff$7,
shadow: shadow$7,
aiInnerShadow: aiInnerShadow$3,
aiAuraStartSm: aiAuraStartSm$3,
aiAuraStart: aiAuraStart$3,
aiAuraEnd: aiAuraEnd$3,
aiBorderStrong: aiBorderStrong$3,
aiBorderStart: aiBorderStart$3,
aiBorderEnd: aiBorderEnd$3,
aiDropShadow: aiDropShadow$3,
aiAuraHoverBackground: aiAuraHoverBackground$3,
aiAuraHoverStart: aiAuraHoverStart$3,
aiAuraHoverEnd: aiAuraHoverEnd$3,
aiPopoverBackground: aiPopoverBackground$3,
aiPopoverShadowOuter01: aiPopoverShadowOuter01$3,
aiPopoverShadowOuter02: aiPopoverShadowOuter02$3,
aiSkeletonBackground: aiSkeletonBackground$3,
aiSkeletonElementBackground: aiSkeletonElementBackground$3,
aiOverlay: aiOverlay$3,
aiPopoverCaretCenter: aiPopoverCaretCenter$3,
aiPopoverCaretBottom: aiPopoverCaretBottom$3,
aiPopoverCaretBottomBackgroundActions: aiPopoverCaretBottomBackgroundActions$3,
aiPopoverCaretBottomBackground: aiPopoverCaretBottomBackground$3,
chatPromptBackground: chatPromptBackground$3,
chatPromptBorderStart: chatPromptBorderStart$3,
chatPromptBorderEnd: chatPromptBorderEnd$3,
chatBubbleUser: chatBubbleUser$3,
chatBubbleAgent: chatBubbleAgent$3,
chatBubbleBorder: chatBubbleBorder$3,
chatAvatarBot: chatAvatarBot$3,
chatAvatarAgent: chatAvatarAgent$3,
chatAvatarUser: chatAvatarUser$3,
chatShellBackground: chatShellBackground$3,
chatHeaderBackground: chatHeaderBackground$3,
chatButton: chatButton$3,
chatButtonHover: chatButtonHover$3,
chatButtonTextHover: chatButtonTextHover$3,
chatButtonActive: chatButtonActive$3,
chatButtonSelected: chatButtonSelected$3,
chatButtonTextSelected: chatButtonTextSelected$3,
caption01: type$2.caption01,
caption02: type$2.caption02,
label01: type$2.label01,
label02: type$2.label02,
helperText01: type$2.helperText01,
helperText02: type$2.helperText02,
bodyShort01: type$2.bodyShort01,
bodyLong01: type$2.bodyLong01,
bodyShort02: type$2.bodyShort02,
bodyLong02: type$2.bodyLong02,
code01: type$2.code01,
code02: type$2.code02,
heading01: type$2.heading01,
productiveHeading01: type$2.productiveHeading01,
heading02: type$2.heading02,
productiveHeading02: type$2.productiveHeading02,
productiveHeading03: type$2.productiveHeading03,
productiveHeading04: type$2.productiveHeading04,
productiveHeading05: type$2.productiveHeading05,
productiveHeading06: type$2.productiveHeading06,
productiveHeading07: type$2.productiveHeading07,
expressiveHeading01: type$2.expressiveHeading01,
expressiveHeading02: type$2.expressiveHeading02,
expressiveHeading03: type$2.expressiveHeading03,
expressiveHeading04: type$2.expressiveHeading04,
expressiveHeading05: type$2.expressiveHeading05,
expressiveHeading06: type$2.expressiveHeading06,
expressiveParagraph01: type$2.expressiveParagraph01,
quotation01: type$2.quotation01,
quotation02: type$2.quotation02,
display01: type$2.display01,
display02: type$2.display02,
display03: type$2.display03,
display04: type$2.display04,
spacing01: layout$2.spacing01,
spacing02: layout$2.spacing02,
spacing03: layout$2.spacing03,
spacing04: layout$2.spacing04,
spacing05: layout$2.spacing05,
spacing06: layout$2.spacing06,
spacing07: layout$2.spacing07,
spacing08: layout$2.spacing08,
spacing09: layout$2.spacing09,
spacing10: layout$2.spacing10,
spacing11: layout$2.spacing11,
spacing12: layout$2.spacing12,
spacing13: layout$2.spacing13,
fluidSpacing01: layout$2.fluidSpacing01,
fluidSpacing02: layout$2.fluidSpacing02,
fluidSpacing03: layout$2.fluidSpacing03,
fluidSpacing04: layout$2.fluidSpacing04,
container01: layout$2.container01,
container02: layout$2.container02,
container03: layout$2.container03,
container04: layout$2.container04,
container05: layout$2.container05,
sizeXSmall: layout$2.sizeXSmall,
sizeSmall: layout$2.sizeSmall,
sizeMedium: layout$2.sizeMedium,
sizeLarge: layout$2.sizeLarge,
sizeXLarge: layout$2.sizeXLarge,
size2XLarge: layout$2.size2XLarge,
iconSize01: layout$2.iconSize01,
iconSize02: layout$2.iconSize02,
layout01: layout$2.layout01,
layout02: layout$2.layout02,
layout03: layout$2.layout03,
layout04: layout$2.layout04,
layout05: layout$2.layout05,
layout06: layout$2.layout06,
layout07: layout$2.layout07
});
/**
* 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 = colors$1.gray10;
var backgroundInverse$6 = colors$1.gray80;
var backgroundBrand$6 = colors$1.blue60;
var backgroundActive$6 = adjustAlpha(colors$1.gray50, 0.5);
var backgroundHover$6 = adjustAlpha(colors$1.gray50, 0.12);
var backgroundInverseHover$6 = colors$1.gray80Hover;
var backgroundSelected$6 = adjustAlpha(colors$1.gray50, 0.2);
var backgroundSelectedHover$6 = adjustAlpha(colors$1.gray50, 0.32);
// Layer
// layer-01
var layer01$2 = colors$1.white;
var layerActive01$2 = colors$1.gray30;
var layerHover01$2 = colors$1.whiteHover;
var layerSelected01$2 = colors$1.gray20;
var layerSelectedHover01$2 = colors$1.gray20Hover;
// layer-02
var layer02$2 = colors$1.gray10;
var layerActive02$2 = colors$1.gray30;
var layerHover02$2 = colors$1.gray10Hover;
var layerSelected02$2 = colors$1.gray20;
var layerSelectedHover02$2 = colors$1.gray20Hover;
// layer-03
var layer03$2 = colors$1.white;
var layerActive03$2 = colors$1.gray30;
var layerHover03$2 = colors$1.whiteHover;
var layerSelected03$2 = colors$1.gray20;
var layerSelectedHover03$2 = colors$1.gray20Hover;
// layer
var layerSelectedInverse$6 = colors$1.gray100;
var layerSelectedDisabled$6 = colors$1.gray50;
// layer-accent-01
var layerAccent01$2 = colors$1.gray20;
var layerAccentActive01$2 = colors$1.gray40;
var layerAccentHover01$2 = colors$1.gray20Hover;
// layer-accent-02
var layerAccent02$2 = colors$1.gray20;
var layerAccentActive02$2 = colors$1.gray40;
var layerAccentHover02$2 = colors$1.gray20Hover;
// layer-accent-03
var layerAccent03$2 = colors$1.gray20;
var layerAccentActive03$2 = colors$1.gray40;
var layerAccentHover03$2 = colors$1.gray20Hover;
// Field
// field-01
var field01$6 = colors$1.white;
var fieldHover01$2 = colors$1.whiteHover;
// field-02
var field02$6 = colors$1.gray10;
var fieldHover02$2 = colors$1.gray10Hover;
// field-03
var field03$2 = colors$1.white;
var fieldHover03$2 = colors$1.whiteHover;
// Border
// border-subtle-00
var borderSubtle00$2 = colors$1.gray30;
// border-subtle-01
var borderSubtle01$2 = colors$1.gray20;
var borderSubtleSelected01$2 = colors$1.gray30;
// border-subtle-02
var borderSubtle02$2 = colors$1.gray30;
var borderSubtleSelected02$2 = colors$1.gray30;
// border-subtle-03
var borderSubtle03$2 = colors$1.gray20;
var borderSubtleSelected03$2 = colors$1.gray30;
// border-strong
var borderStrong01$2 = colors$1.gray50;
var borderStrong02$2 = colors$1.gray50;
var borderStrong03$2 = colors$1.gray50;
// border-tile
var borderTile01$2 = colors$1.gray40;
var borderTile02$2 = colors$1.gray30;
var borderTile03$2 = colors$1.gray40;
// border-inverse
var borderInverse$6 = colors$1.gray100;
// border-interactive
var borderInteractive$6 = colors$1.blue60;
// border
var borderDisabled$6 = colors$1.gray30;
// Text
var textPrimary$6 = colors$1.gray100;
var textSecondary$6 = colors$1.gray70;
var textPlaceholder$6 = adjustAlpha(textPrimary$6, 0.4);
var textHelper$6 = colors$1.gray60;
var textError$6 = colors$1.red60;
var textInverse$6 = colors$1.white;
var textOnColor$6 = colors$1.white;
var textOnColorDisabled$6 = colors$1.gray50;
var textDisabled$6 = adjustAlpha(textPrimary$6, 0.25);
// Link
var linkPrimary$6 = colors$1.blue60;
var linkPrimaryHover$6 = colors$1.blue70;
var linkSecondary$6 = colors$1.blue70;
var linkInverse$6 = colors$1.blue40;
var linkVisited$6 = colors$1.purple60;
var linkInverseVisited$2 = colors$1.purple40;
var linkInverseActive$2 = colors$1.gray10;
var linkInverseHover$2 = colors$1.blue30;
// Icon
var iconPrimary$6 = colors$1.gray100;
var iconSecondary$6 = colors$1.gray70;
var iconInverse$6 = colors$1.white;
var iconOnColor$6 = colors$1.white;
var iconOnColorDisabled$6 = colors$1.gray50;
var iconDisabled$6 = adjustAlpha(iconPrimary$6, 0.25);
var iconInteractive$2 = colors$1.blue60;
// Support
var supportError$6 = colors$1.red60;
var supportSuccess$6 = colors$1.green50;
var supportWarning$6 = colors$1.yellow30;
var supportInfo$6 = colors$1.blue70;
var supportErrorInverse$6 = colors$1.red50;
var supportSuccessInverse$6 = colors$1.green40;
var supportWarningInverse$6 = colors$1.yellow30;
var supportInfoInverse$6 = colors$1.blue50;
var supportCautionMinor$2 = colors$1.yellow30;
var supportCautionMajor$2 = colors$1.orange40;
var supportCautionUndefined$2 = colors$1.purple60;
// Focus
var focus$7 = colors$1.blue60;
var focusInset$6 = colors$1.white;
var focusInverse$6 = colors$1.white;
// Skeleton
var skeletonBackground$6 = colors$1.gray10Hover;
var skeletonElement$6 = colors$1.gray30;
// Misc
var interactive$6 = colors$1.blue60;
var highlight$6 = colors$1.blue20;
var overlay$6 = 'rgba(22, 22, 22, 0.5)';
var toggleOff$6 = colors$1.gray50;
var shadow$6 = 'rgba(0, 0, 0, 0.3)';
//// AI - Experimental (Use at your own risk)
//// Phase 2 - new \\\\
// Shared
var aiInnerShadow$2 = colors$1.rgba(colors$1.blue50, 0.1);
var aiAuraStartSm$2 = colors$1.rgba(colors$1.blue50, 0.16);
var aiAuraStart$2 = colors$1.rgba(colors$1.blue50, 0.1);
var aiAuraEnd$2 = colors$1.rgba(colors$1.white, 0);
var aiBorderStrong$2 = colors$1.blue50;
var aiBorderStart$2 = colors$1.rgba(colors$1.blue30, 0.64);
var aiBorderEnd$2 = colors$1.blue40;
var aiDropShadow$2 = colors$1.rgba(colors$1.blue60, 0.1);
var aiAuraHoverBackground$2 = colors$1.blue10;
var aiAuraHoverStart$2 = colors$1.rgba(colors$1.blue50, 0.32);
var aiAuraHoverEnd$2 = colors$1.rgba(colors$1.white, 0);
// AI Popover
var aiPopoverBackground$2 = colors$1.white;
var aiPopoverShadowOuter01$2 = colors$1.rgba(colors$1.blue70, 0.06);
var aiPopoverShadowOuter02$2 = colors$1.rgba(colors$1.black, 0.04);
// AI skeleton
var aiSkeletonBackground$2 = colors$1.blue20;
var aiSkeletonElementBackground$2 = colors$1.blue50;
// AI Modal tokens
var aiOverlay$2 = colors$1.rgba(colors$1.blue100, 0.5);
// One off tokens for caret
var aiPopoverCaretCenter$2 = '#A0C3FF';
var aiPopoverCaretBottom$2 = colors$1.blue40;
var aiPopoverCaretBottomBackgroundActions$2 = '#E9EFFA';
var aiPopoverCaretBottomBackground$2 = '#EAF1FF';
// Chat tokens
var chatPromptBackground$2 = colors$1.white;
var chatPromptBorderStart$2 = colors$1.gray10;
var chatPromptBorderEnd$2 = colors$1.rgba(colors$1.gray10, 0);
var chatBubbleUser$2 = colors$1.gray20;
var chatBubbleAgent$2 = colors$1.white;
var chatBubbleBorder$2 = colors$1.gray20;
var chatAvatarBot$2 = colors$1.gray60;
var chatAvatarAgent$2 = colors$1.gray80;
var chatAvatarUser$2 = colors$1.blue60;
var chatShellBackground$2 = colors$1.white;
var chatHeaderBackground$2 = colors$1.white;
// 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,
background: background$7,
backgroundInverse: backgroundInverse$6,
backgroundBrand: backgroundBrand$6,
backgroundActive: backgroundActive$6,
backgroundHover: backgroundHover$6,
backgroundInverseHover: backgroundInverseHover$6,
backgroundSelected: backgroundSelected$6,
backgroundSelectedHover: backgroundSelectedHover$6,
layer01: layer01$2,
layerActive01: layerActive01$2,
layerHover01: layerHover01$2,
layerSelected01: layerSelected01$2,
layerSelectedHover01: layerSelectedHover01$2,
layer02: layer02$2,
layerActive02: layerActive02$2,
layerHover02: layerHover02$2,
layerSelected02: layerSelected02$2,
layerSelectedHover02: layerSelectedHover02$2,
layer03: layer03$2,
layerActive03: layerActive03$2,
layerHover03: layerHover03$2,
layerSelected03: layerSelected03$2,
layerSelectedHover03: layerSelectedHover03$2,
layerSelectedInverse: layerSelectedInverse$6,
layerSelectedDisabled: layerSelectedDisabled$6,
layerAccent01: layerAccent01$2,
layerAccentActive01: layerAccentActive01$2,
layerAccentHover01: layerAccentHover01$2,
layerAccent02: layerAccent02$2,
layerAccentActive02: layerAccentActive02$2,
layerAccentHover02: layerAccentHover02$2,
layerAccent03: layerAccent03$2,
layerAccentActive03: layerAccentActive03$2,
layerAccentHover03: layerAccentHover03$2,
field01: field01$6,
fieldHover01: fieldHover01$2,
field02: field02$6,
fieldHover02: fieldHover02$2,
field03: field03$2,
fieldHover03: fieldHover03$2,
borderSubtle00: borderSubtle00$2,
borderSubtle01: borderSubtle01$2,
borderSubtleSelected01: borderSubtleSelected01$2,
borderSubtle02: borderSubtle02$2,
borderSubtleSelected02: borderSubtleSelected02$2,
borderSubtle03: borderSubtle03$2,
borderSubtleSelected03: borderSubtleSelected03$2,
borderStrong01: borderStrong01$2,
borderStrong02: borderStrong02$2,
borderStrong03: borderStrong03$2,
borderTile01: borderTile01$2,
borderTile02: borderTile02$2,
borderTile03: borderTile03$2,
borderInverse: borderInverse$6,
borderInteractive: borderInteractive$6,
borderDisabled: borderDisabled$6,
textPrimary: textPrimary$6,
textSecondary: textSecondary$6,
textPlaceholder: textPlaceholder$6,
textHelper: textHelper$6,
textError: textError$6,
textInverse: textInverse$6,
textOnColor: textOnColor$6,
textOnColorDisabled: textOnColorDisabled$6,
textDisabled: textDisabled$6,
linkPrimary: linkPrimary$6,
linkPrimaryHover: linkPrimaryHover$6,
linkSecondary: linkSecondary$6,
linkInverse: linkInverse$6,
linkVisited: linkVisited$6,
linkInverseVisited: linkInverseVisited$2,
linkInverseActive: linkInverseActive$2,
linkInverseHover: linkInverseHover$2,
iconPrimary: iconPrimary$6,
iconSecondary: iconSecondary$6,
iconInverse: iconInverse$6,
iconOnColor: iconOnColor$6,
iconOnColorDisabled: iconOnColorDisabled$6,
iconDisabled: iconDisabled$6,
iconInteractive: iconInteractive$2,
supportError: supportError$6,
supportSuccess: supportSuccess$6,
supportWarning: supportWarning$6,
supportInfo: supportInfo$6,
supportErrorInverse: supportErrorInverse$6,
supportSuccessInverse: supportSuccessInverse$6,
supportWarningInverse: supportWarningInverse$6,
supportInfoInverse: supportInfoInverse$6,
supportCautionMinor: supportCautionMinor$2,
supportCautionMajor: supportCautionMajor$2,
supportCautionUndefined: supportCautionUndefined$2,
focus: focus$7,
focusInset: focusInset$6,
focusInverse: focusInverse$6,
skeletonBackground: skeletonBackground$6,
skeletonElement: skeletonElement$6,
interactive: interactive$6,
highlight: highlight$6,
overlay: overlay$6,
toggleOff: toggleOff$6,
shadow: shadow$6,
aiInnerShadow: aiInnerShadow$2,
aiAuraStartSm: aiAuraStartSm$2,
aiAuraStart: aiAuraStart$2,
aiAuraEnd: aiAuraEnd$2,
aiBorderStrong: aiBorderStrong$2,
aiBorderStart: aiBorderStart$2,
aiBorderEnd: aiBorderEnd$2,
aiDropShadow: aiDropShadow$2,
aiAuraHoverBackground: aiAuraHoverBackground$2,
aiAuraHoverStart: aiAuraHoverStart$2,
aiAuraHoverEnd: aiAuraHoverEnd$2,
aiPopoverBackground: aiPopoverBackground$2,
aiPopoverShadowOuter01: aiPopoverShadowOuter01$2,
aiPopoverShadowOuter02: aiPopoverShadowOuter02$2,
aiSkeletonBackground: aiSkeletonBackground$2,
aiSkeletonElementBackground: aiSkeletonElementBackground$2,
aiOverlay: aiOverlay$2,
aiPopoverCaretCenter: aiPopoverCaretCenter$2,
aiPopoverCaretBottom: aiPopoverCaretBottom$2,
aiPopoverCaretBottomBackgroundActions: aiPopoverCaretBottomBackgroundActions$2,
aiPopoverCaretBottomBackground: aiPopoverCaretBottomBackground$2,
chatPromptBackground: chatPromptBackground$2,
chatPromptBorderStart: chatPromptBorderStart$2,
chatPromptBorderEnd: chatPromptBorderEnd$2,
chatBubbleUser: chatBubbleUser$2,
chatBubbleAgent: chatBubbleAgent$2,
chatBubbleBorder: chatBubbleBorder$2,
chatAvatarBot: chatAvatarBot$2,
chatAvatarAgent: chatAvatarAgent$2,
chatAvatarUser: chatAvatarUser$2,
chatShellBackground: chatShellBackground$2,
chatHeaderBackground: chatHeaderBackground$2,
chatButton: chatButton$2,
chatButtonHover: chatButtonHover$2,
chatButtonTextHover: chatButtonTextHover$2,
chatButtonActive: chatButtonActive$2,
chatButtonSelected: chatButtonSelected$2,
chatButtonTextSelected: chatButtonTextSelected$2,
caption01: type$2.caption01,
caption02: type$2.caption02,
label01: type$2.label01,
label02: type$2.label02,
helperText01: type$2.helperText01,
helperText02: type$2.helperText02,
bodyShort01: type$2.bodyShort01,
bodyLong01: type$2.bodyLong01,
bodyShort02: type$2.bodyShort02,
bodyLong02: type$2.bodyLong02,
code01: type$2.code01,
code02: type$2.code02,
heading01: type$2.heading01,
productiveHeading01: type$2.productiveHeading01,
heading02: type$2.heading02,
productiveHeading02: type$2.productiveHeading02,
productiveHeading03: type$2.productiveHeading03,
productiveHeading04: type$2.productiveHeading04,
productiveHeading05: type$2.productiveHeading05,
productiveHeading06: type$2.productiveHeading06,
productiveHeading07: type$2.productiveHeading07,
expressiveHeading01: type$2.expressiveHeading01,
expressiveHeading02: type$2.expressiveHeading02,
expressiveHeading03: type$2.expressiveHeading03,
expressiveHeading04: type$2.expressiveHeading04,
expressiveHeading05: type$2.expressiveHeading05,
expressiveHeading06: type$2.expressiveHeading06,
expressiveParagraph01: type$2.expressiveParagraph01,
quotation01: type$2.quotation01,
quotation02: type$2.quotation02,
display01: type$2.display01,
display02: type$2.display02,
display03: type$2.display03,
display04: type$2.display04,
spacing01: layout$2.spacing01,
spacing02: layout$2.spacing02,
spacing03: layout$2.spacing03,
spacing04: layout$2.spacing04,
spacing05: layout$2.spacing05,
spacing06: layout$2.spacing06,
spacing07: layout$2.spacing07,
spacing08: layout$2.spacing08,
spacing09: layout$2.spacing09,
spacing10: layout$2.spacing10,
spacing11: layout$2.spacing11,
spacing12: layout$2.spacing12,
spacing13: layout$2.spacing13,
fluidSpacing01: layout$2.fluidSpacing01,
fluidSpacing02: layout$2.fluidSpacing02,
fluidSpacing03: layout$2.fluidSpacing03,
fluidSpacing04: layout$2.fluidSpacing04,
container01: layout$2.container01,
container02: layout$2.container02,
container03: layout$2.container03,
container04: layout$2.container04,
container05: layout$2.container05,
sizeXSmall: layout$2.sizeXSmall,
sizeSmall: layout$2.sizeSmall,
sizeMedium: layout$2.sizeMedium,
sizeLarge: layout$2.sizeLarge,
sizeXLarge: layout$2.sizeXLarge,
size2XLarge: layout$2.size2XLarge,
iconSize01: layout$2.iconSize01,
iconSize02: layout$2.iconSize02,
layout01: layout$2.layout01,