@carbon/themes 11.5.0-rc.0 → 11.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/umd/index.js CHANGED
@@ -2,7 +2,7 @@
2
2
  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@carbon/colors'), require('color'), require('@carbon/type'), require('@carbon/layout')) :
3
3
  typeof define === 'function' && define.amd ? define(['exports', '@carbon/colors', 'color', '@carbon/type', '@carbon/layout'], factory) :
4
4
  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.CarbonThemes = {}, global.CarbonColors, global.Color, global.CarbonType, global.CarbonLayout));
5
- })(this, (function (exports, colors$1, Color, type, layout) { 'use strict';
5
+ })(this, (function (exports, colors$1, Color, type$2, layout$2) { 'use strict';
6
6
 
7
7
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
8
8
 
@@ -34,6 +34,376 @@
34
34
  return target;
35
35
  }
36
36
 
37
+ function _regeneratorRuntime() {
38
+ /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
39
+
40
+ _regeneratorRuntime = function () {
41
+ return exports;
42
+ };
43
+
44
+ var exports = {},
45
+ Op = Object.prototype,
46
+ hasOwn = Op.hasOwnProperty,
47
+ $Symbol = "function" == typeof Symbol ? Symbol : {},
48
+ iteratorSymbol = $Symbol.iterator || "@@iterator",
49
+ asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator",
50
+ toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag";
51
+
52
+ function define(obj, key, value) {
53
+ return Object.defineProperty(obj, key, {
54
+ value: value,
55
+ enumerable: !0,
56
+ configurable: !0,
57
+ writable: !0
58
+ }), obj[key];
59
+ }
60
+
61
+ try {
62
+ define({}, "");
63
+ } catch (err) {
64
+ define = function (obj, key, value) {
65
+ return obj[key] = value;
66
+ };
67
+ }
68
+
69
+ function wrap(innerFn, outerFn, self, tryLocsList) {
70
+ var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator,
71
+ generator = Object.create(protoGenerator.prototype),
72
+ context = new Context(tryLocsList || []);
73
+ return generator._invoke = function (innerFn, self, context) {
74
+ var state = "suspendedStart";
75
+ return function (method, arg) {
76
+ if ("executing" === state) throw new Error("Generator is already running");
77
+
78
+ if ("completed" === state) {
79
+ if ("throw" === method) throw arg;
80
+ return doneResult();
81
+ }
82
+
83
+ for (context.method = method, context.arg = arg;;) {
84
+ var delegate = context.delegate;
85
+
86
+ if (delegate) {
87
+ var delegateResult = maybeInvokeDelegate(delegate, context);
88
+
89
+ if (delegateResult) {
90
+ if (delegateResult === ContinueSentinel) continue;
91
+ return delegateResult;
92
+ }
93
+ }
94
+
95
+ if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) {
96
+ if ("suspendedStart" === state) throw state = "completed", context.arg;
97
+ context.dispatchException(context.arg);
98
+ } else "return" === context.method && context.abrupt("return", context.arg);
99
+ state = "executing";
100
+ var record = tryCatch(innerFn, self, context);
101
+
102
+ if ("normal" === record.type) {
103
+ if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue;
104
+ return {
105
+ value: record.arg,
106
+ done: context.done
107
+ };
108
+ }
109
+
110
+ "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg);
111
+ }
112
+ };
113
+ }(innerFn, self, context), generator;
114
+ }
115
+
116
+ function tryCatch(fn, obj, arg) {
117
+ try {
118
+ return {
119
+ type: "normal",
120
+ arg: fn.call(obj, arg)
121
+ };
122
+ } catch (err) {
123
+ return {
124
+ type: "throw",
125
+ arg: err
126
+ };
127
+ }
128
+ }
129
+
130
+ exports.wrap = wrap;
131
+ var ContinueSentinel = {};
132
+
133
+ function Generator() {}
134
+
135
+ function GeneratorFunction() {}
136
+
137
+ function GeneratorFunctionPrototype() {}
138
+
139
+ var IteratorPrototype = {};
140
+ define(IteratorPrototype, iteratorSymbol, function () {
141
+ return this;
142
+ });
143
+ var getProto = Object.getPrototypeOf,
144
+ NativeIteratorPrototype = getProto && getProto(getProto(values([])));
145
+ NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype);
146
+ var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype);
147
+
148
+ function defineIteratorMethods(prototype) {
149
+ ["next", "throw", "return"].forEach(function (method) {
150
+ define(prototype, method, function (arg) {
151
+ return this._invoke(method, arg);
152
+ });
153
+ });
154
+ }
155
+
156
+ function AsyncIterator(generator, PromiseImpl) {
157
+ function invoke(method, arg, resolve, reject) {
158
+ var record = tryCatch(generator[method], generator, arg);
159
+
160
+ if ("throw" !== record.type) {
161
+ var result = record.arg,
162
+ value = result.value;
163
+ return value && "object" == typeof value && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) {
164
+ invoke("next", value, resolve, reject);
165
+ }, function (err) {
166
+ invoke("throw", err, resolve, reject);
167
+ }) : PromiseImpl.resolve(value).then(function (unwrapped) {
168
+ result.value = unwrapped, resolve(result);
169
+ }, function (error) {
170
+ return invoke("throw", error, resolve, reject);
171
+ });
172
+ }
173
+
174
+ reject(record.arg);
175
+ }
176
+
177
+ var previousPromise;
178
+
179
+ this._invoke = function (method, arg) {
180
+ function callInvokeWithMethodAndArg() {
181
+ return new PromiseImpl(function (resolve, reject) {
182
+ invoke(method, arg, resolve, reject);
183
+ });
184
+ }
185
+
186
+ return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
187
+ };
188
+ }
189
+
190
+ function maybeInvokeDelegate(delegate, context) {
191
+ var method = delegate.iterator[context.method];
192
+
193
+ if (undefined === method) {
194
+ if (context.delegate = null, "throw" === context.method) {
195
+ if (delegate.iterator.return && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method)) return ContinueSentinel;
196
+ context.method = "throw", context.arg = new TypeError("The iterator does not provide a 'throw' method");
197
+ }
198
+
199
+ return ContinueSentinel;
200
+ }
201
+
202
+ var record = tryCatch(method, delegate.iterator, context.arg);
203
+ if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel;
204
+ var info = record.arg;
205
+ return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel);
206
+ }
207
+
208
+ function pushTryEntry(locs) {
209
+ var entry = {
210
+ tryLoc: locs[0]
211
+ };
212
+ 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry);
213
+ }
214
+
215
+ function resetTryEntry(entry) {
216
+ var record = entry.completion || {};
217
+ record.type = "normal", delete record.arg, entry.completion = record;
218
+ }
219
+
220
+ function Context(tryLocsList) {
221
+ this.tryEntries = [{
222
+ tryLoc: "root"
223
+ }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0);
224
+ }
225
+
226
+ function values(iterable) {
227
+ if (iterable) {
228
+ var iteratorMethod = iterable[iteratorSymbol];
229
+ if (iteratorMethod) return iteratorMethod.call(iterable);
230
+ if ("function" == typeof iterable.next) return iterable;
231
+
232
+ if (!isNaN(iterable.length)) {
233
+ var i = -1,
234
+ next = function next() {
235
+ for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next;
236
+
237
+ return next.value = undefined, next.done = !0, next;
238
+ };
239
+
240
+ return next.next = next;
241
+ }
242
+ }
243
+
244
+ return {
245
+ next: doneResult
246
+ };
247
+ }
248
+
249
+ function doneResult() {
250
+ return {
251
+ value: undefined,
252
+ done: !0
253
+ };
254
+ }
255
+
256
+ return GeneratorFunction.prototype = GeneratorFunctionPrototype, define(Gp, "constructor", GeneratorFunctionPrototype), define(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) {
257
+ var ctor = "function" == typeof genFun && genFun.constructor;
258
+ return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name));
259
+ }, exports.mark = function (genFun) {
260
+ return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun;
261
+ }, exports.awrap = function (arg) {
262
+ return {
263
+ __await: arg
264
+ };
265
+ }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () {
266
+ return this;
267
+ }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) {
268
+ void 0 === PromiseImpl && (PromiseImpl = Promise);
269
+ var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl);
270
+ return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) {
271
+ return result.done ? result.value : iter.next();
272
+ });
273
+ }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () {
274
+ return this;
275
+ }), define(Gp, "toString", function () {
276
+ return "[object Generator]";
277
+ }), exports.keys = function (object) {
278
+ var keys = [];
279
+
280
+ for (var key in object) keys.push(key);
281
+
282
+ return keys.reverse(), function next() {
283
+ for (; keys.length;) {
284
+ var key = keys.pop();
285
+ if (key in object) return next.value = key, next.done = !1, next;
286
+ }
287
+
288
+ return next.done = !0, next;
289
+ };
290
+ }, exports.values = values, Context.prototype = {
291
+ constructor: Context,
292
+ reset: function (skipTempReset) {
293
+ if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined);
294
+ },
295
+ stop: function () {
296
+ this.done = !0;
297
+ var rootRecord = this.tryEntries[0].completion;
298
+ if ("throw" === rootRecord.type) throw rootRecord.arg;
299
+ return this.rval;
300
+ },
301
+ dispatchException: function (exception) {
302
+ if (this.done) throw exception;
303
+ var context = this;
304
+
305
+ function handle(loc, caught) {
306
+ return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught;
307
+ }
308
+
309
+ for (var i = this.tryEntries.length - 1; i >= 0; --i) {
310
+ var entry = this.tryEntries[i],
311
+ record = entry.completion;
312
+ if ("root" === entry.tryLoc) return handle("end");
313
+
314
+ if (entry.tryLoc <= this.prev) {
315
+ var hasCatch = hasOwn.call(entry, "catchLoc"),
316
+ hasFinally = hasOwn.call(entry, "finallyLoc");
317
+
318
+ if (hasCatch && hasFinally) {
319
+ if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0);
320
+ if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc);
321
+ } else if (hasCatch) {
322
+ if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0);
323
+ } else {
324
+ if (!hasFinally) throw new Error("try statement without catch or finally");
325
+ if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc);
326
+ }
327
+ }
328
+ }
329
+ },
330
+ abrupt: function (type, arg) {
331
+ for (var i = this.tryEntries.length - 1; i >= 0; --i) {
332
+ var entry = this.tryEntries[i];
333
+
334
+ if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) {
335
+ var finallyEntry = entry;
336
+ break;
337
+ }
338
+ }
339
+
340
+ finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null);
341
+ var record = finallyEntry ? finallyEntry.completion : {};
342
+ return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record);
343
+ },
344
+ complete: function (record, afterLoc) {
345
+ if ("throw" === record.type) throw record.arg;
346
+ return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel;
347
+ },
348
+ finish: function (finallyLoc) {
349
+ for (var i = this.tryEntries.length - 1; i >= 0; --i) {
350
+ var entry = this.tryEntries[i];
351
+ if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel;
352
+ }
353
+ },
354
+ catch: function (tryLoc) {
355
+ for (var i = this.tryEntries.length - 1; i >= 0; --i) {
356
+ var entry = this.tryEntries[i];
357
+
358
+ if (entry.tryLoc === tryLoc) {
359
+ var record = entry.completion;
360
+
361
+ if ("throw" === record.type) {
362
+ var thrown = record.arg;
363
+ resetTryEntry(entry);
364
+ }
365
+
366
+ return thrown;
367
+ }
368
+ }
369
+
370
+ throw new Error("illegal catch attempt");
371
+ },
372
+ delegateYield: function (iterable, resultName, nextLoc) {
373
+ return this.delegate = {
374
+ iterator: values(iterable),
375
+ resultName: resultName,
376
+ nextLoc: nextLoc
377
+ }, "next" === this.method && (this.arg = undefined), ContinueSentinel;
378
+ }
379
+ }, exports;
380
+ }
381
+
382
+ function _classCallCheck(instance, Constructor) {
383
+ if (!(instance instanceof Constructor)) {
384
+ throw new TypeError("Cannot call a class as a function");
385
+ }
386
+ }
387
+
388
+ function _defineProperties(target, props) {
389
+ for (var i = 0; i < props.length; i++) {
390
+ var descriptor = props[i];
391
+ descriptor.enumerable = descriptor.enumerable || false;
392
+ descriptor.configurable = true;
393
+ if ("value" in descriptor) descriptor.writable = true;
394
+ Object.defineProperty(target, descriptor.key, descriptor);
395
+ }
396
+ }
397
+
398
+ function _createClass(Constructor, protoProps, staticProps) {
399
+ if (protoProps) _defineProperties(Constructor.prototype, protoProps);
400
+ if (staticProps) _defineProperties(Constructor, staticProps);
401
+ Object.defineProperty(Constructor, "prototype", {
402
+ writable: false
403
+ });
404
+ return Constructor;
405
+ }
406
+
37
407
  function _defineProperty(obj, key, value) {
38
408
  if (key in obj) {
39
409
  Object.defineProperty(obj, key, {
@@ -49,6 +419,96 @@
49
419
  return obj;
50
420
  }
51
421
 
422
+ function _toConsumableArray(arr) {
423
+ return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
424
+ }
425
+
426
+ function _arrayWithoutHoles(arr) {
427
+ if (Array.isArray(arr)) return _arrayLikeToArray(arr);
428
+ }
429
+
430
+ function _iterableToArray(iter) {
431
+ if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
432
+ }
433
+
434
+ function _unsupportedIterableToArray(o, minLen) {
435
+ if (!o) return;
436
+ if (typeof o === "string") return _arrayLikeToArray(o, minLen);
437
+ var n = Object.prototype.toString.call(o).slice(8, -1);
438
+ if (n === "Object" && o.constructor) n = o.constructor.name;
439
+ if (n === "Map" || n === "Set") return Array.from(o);
440
+ if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
441
+ }
442
+
443
+ function _arrayLikeToArray(arr, len) {
444
+ if (len == null || len > arr.length) len = arr.length;
445
+
446
+ for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
447
+
448
+ return arr2;
449
+ }
450
+
451
+ function _nonIterableSpread() {
452
+ throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
453
+ }
454
+
455
+ function _createForOfIteratorHelper(o, allowArrayLike) {
456
+ var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
457
+
458
+ if (!it) {
459
+ if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
460
+ if (it) o = it;
461
+ var i = 0;
462
+
463
+ var F = function () {};
464
+
465
+ return {
466
+ s: F,
467
+ n: function () {
468
+ if (i >= o.length) return {
469
+ done: true
470
+ };
471
+ return {
472
+ done: false,
473
+ value: o[i++]
474
+ };
475
+ },
476
+ e: function (e) {
477
+ throw e;
478
+ },
479
+ f: F
480
+ };
481
+ }
482
+
483
+ throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
484
+ }
485
+
486
+ var normalCompletion = true,
487
+ didErr = false,
488
+ err;
489
+ return {
490
+ s: function () {
491
+ it = it.call(o);
492
+ },
493
+ n: function () {
494
+ var step = it.next();
495
+ normalCompletion = step.done;
496
+ return step;
497
+ },
498
+ e: function (e) {
499
+ didErr = true;
500
+ err = e;
501
+ },
502
+ f: function () {
503
+ try {
504
+ if (!normalCompletion && it.return != null) it.return();
505
+ } finally {
506
+ if (didErr) throw err;
507
+ }
508
+ }
509
+ };
510
+ }
511
+
52
512
  /**
53
513
  * Adjust a given token's lightness by a specified percentage
54
514
  * Example: token = hsl(10, 10, 10);
@@ -85,7 +545,7 @@
85
545
  * LICENSE file in the root directory of this source tree.
86
546
  */
87
547
 
88
- var background$7 = colors$1.white;
548
+ var background$8 = colors$1.white;
89
549
  var backgroundInverse$7 = colors$1.gray80;
90
550
  var backgroundBrand$7 = colors$1.blue60;
91
551
  var backgroundActive$7 = adjustAlpha(colors$1.gray50, 0.5);
@@ -197,7 +657,7 @@
197
657
  var supportCautionMajor$3 = colors$1.orange40;
198
658
  var supportCautionUndefined$3 = colors$1.purple60; // Focus
199
659
 
200
- var focus$7 = colors$1.blue60;
660
+ var focus$8 = colors$1.blue60;
201
661
  var focusInset$7 = colors$1.white;
202
662
  var focusInverse$7 = colors$1.white; // Skeleton
203
663
 
@@ -212,7 +672,7 @@
212
672
 
213
673
  var white$1 = /*#__PURE__*/Object.freeze({
214
674
  __proto__: null,
215
- background: background$7,
675
+ background: background$8,
216
676
  backgroundInverse: backgroundInverse$7,
217
677
  backgroundBrand: backgroundBrand$7,
218
678
  backgroundActive: backgroundActive$7,
@@ -298,7 +758,7 @@
298
758
  supportCautionMinor: supportCautionMinor$3,
299
759
  supportCautionMajor: supportCautionMajor$3,
300
760
  supportCautionUndefined: supportCautionUndefined$3,
301
- focus: focus$7,
761
+ focus: focus$8,
302
762
  focusInset: focusInset$7,
303
763
  focusInverse: focusInverse$7,
304
764
  skeletonBackground: skeletonBackground$7,
@@ -308,70 +768,70 @@
308
768
  overlay: overlay$7,
309
769
  toggleOff: toggleOff$7,
310
770
  shadow: shadow$7,
311
- caption01: type.caption01,
312
- caption02: type.caption02,
313
- label01: type.label01,
314
- label02: type.label02,
315
- helperText01: type.helperText01,
316
- helperText02: type.helperText02,
317
- bodyShort01: type.bodyShort01,
318
- bodyLong01: type.bodyLong01,
319
- bodyShort02: type.bodyShort02,
320
- bodyLong02: type.bodyLong02,
321
- code01: type.code01,
322
- code02: type.code02,
323
- heading01: type.heading01,
324
- productiveHeading01: type.productiveHeading01,
325
- heading02: type.heading02,
326
- productiveHeading02: type.productiveHeading02,
327
- productiveHeading03: type.productiveHeading03,
328
- productiveHeading04: type.productiveHeading04,
329
- productiveHeading05: type.productiveHeading05,
330
- productiveHeading06: type.productiveHeading06,
331
- productiveHeading07: type.productiveHeading07,
332
- expressiveHeading01: type.expressiveHeading01,
333
- expressiveHeading02: type.expressiveHeading02,
334
- expressiveHeading03: type.expressiveHeading03,
335
- expressiveHeading04: type.expressiveHeading04,
336
- expressiveHeading05: type.expressiveHeading05,
337
- expressiveHeading06: type.expressiveHeading06,
338
- expressiveParagraph01: type.expressiveParagraph01,
339
- quotation01: type.quotation01,
340
- quotation02: type.quotation02,
341
- display01: type.display01,
342
- display02: type.display02,
343
- display03: type.display03,
344
- display04: type.display04,
345
- spacing01: layout.spacing01,
346
- spacing02: layout.spacing02,
347
- spacing03: layout.spacing03,
348
- spacing04: layout.spacing04,
349
- spacing05: layout.spacing05,
350
- spacing06: layout.spacing06,
351
- spacing07: layout.spacing07,
352
- spacing08: layout.spacing08,
353
- spacing09: layout.spacing09,
354
- spacing10: layout.spacing10,
355
- spacing11: layout.spacing11,
356
- spacing12: layout.spacing12,
357
- spacing13: layout.spacing13,
358
- fluidSpacing01: layout.fluidSpacing01,
359
- fluidSpacing02: layout.fluidSpacing02,
360
- fluidSpacing03: layout.fluidSpacing03,
361
- fluidSpacing04: layout.fluidSpacing04,
362
- container01: layout.container01,
363
- container02: layout.container02,
364
- container03: layout.container03,
365
- container04: layout.container04,
366
- container05: layout.container05,
367
- sizeXSmall: layout.sizeXSmall,
368
- sizeSmall: layout.sizeSmall,
369
- sizeMedium: layout.sizeMedium,
370
- sizeLarge: layout.sizeLarge,
371
- sizeXLarge: layout.sizeXLarge,
372
- size2XLarge: layout.size2XLarge,
373
- iconSize01: layout.iconSize01,
374
- iconSize02: layout.iconSize02
771
+ caption01: type$2.caption01,
772
+ caption02: type$2.caption02,
773
+ label01: type$2.label01,
774
+ label02: type$2.label02,
775
+ helperText01: type$2.helperText01,
776
+ helperText02: type$2.helperText02,
777
+ bodyShort01: type$2.bodyShort01,
778
+ bodyLong01: type$2.bodyLong01,
779
+ bodyShort02: type$2.bodyShort02,
780
+ bodyLong02: type$2.bodyLong02,
781
+ code01: type$2.code01,
782
+ code02: type$2.code02,
783
+ heading01: type$2.heading01,
784
+ productiveHeading01: type$2.productiveHeading01,
785
+ heading02: type$2.heading02,
786
+ productiveHeading02: type$2.productiveHeading02,
787
+ productiveHeading03: type$2.productiveHeading03,
788
+ productiveHeading04: type$2.productiveHeading04,
789
+ productiveHeading05: type$2.productiveHeading05,
790
+ productiveHeading06: type$2.productiveHeading06,
791
+ productiveHeading07: type$2.productiveHeading07,
792
+ expressiveHeading01: type$2.expressiveHeading01,
793
+ expressiveHeading02: type$2.expressiveHeading02,
794
+ expressiveHeading03: type$2.expressiveHeading03,
795
+ expressiveHeading04: type$2.expressiveHeading04,
796
+ expressiveHeading05: type$2.expressiveHeading05,
797
+ expressiveHeading06: type$2.expressiveHeading06,
798
+ expressiveParagraph01: type$2.expressiveParagraph01,
799
+ quotation01: type$2.quotation01,
800
+ quotation02: type$2.quotation02,
801
+ display01: type$2.display01,
802
+ display02: type$2.display02,
803
+ display03: type$2.display03,
804
+ display04: type$2.display04,
805
+ spacing01: layout$2.spacing01,
806
+ spacing02: layout$2.spacing02,
807
+ spacing03: layout$2.spacing03,
808
+ spacing04: layout$2.spacing04,
809
+ spacing05: layout$2.spacing05,
810
+ spacing06: layout$2.spacing06,
811
+ spacing07: layout$2.spacing07,
812
+ spacing08: layout$2.spacing08,
813
+ spacing09: layout$2.spacing09,
814
+ spacing10: layout$2.spacing10,
815
+ spacing11: layout$2.spacing11,
816
+ spacing12: layout$2.spacing12,
817
+ spacing13: layout$2.spacing13,
818
+ fluidSpacing01: layout$2.fluidSpacing01,
819
+ fluidSpacing02: layout$2.fluidSpacing02,
820
+ fluidSpacing03: layout$2.fluidSpacing03,
821
+ fluidSpacing04: layout$2.fluidSpacing04,
822
+ container01: layout$2.container01,
823
+ container02: layout$2.container02,
824
+ container03: layout$2.container03,
825
+ container04: layout$2.container04,
826
+ container05: layout$2.container05,
827
+ sizeXSmall: layout$2.sizeXSmall,
828
+ sizeSmall: layout$2.sizeSmall,
829
+ sizeMedium: layout$2.sizeMedium,
830
+ sizeLarge: layout$2.sizeLarge,
831
+ sizeXLarge: layout$2.sizeXLarge,
832
+ size2XLarge: layout$2.size2XLarge,
833
+ iconSize01: layout$2.iconSize01,
834
+ iconSize02: layout$2.iconSize02
375
835
  });
376
836
 
377
837
  /**
@@ -381,7 +841,7 @@
381
841
  * LICENSE file in the root directory of this source tree.
382
842
  */
383
843
 
384
- var background$6 = colors$1.gray10;
844
+ var background$7 = colors$1.gray10;
385
845
  var backgroundInverse$6 = colors$1.gray80;
386
846
  var backgroundBrand$6 = colors$1.blue60;
387
847
  var backgroundActive$6 = adjustAlpha(colors$1.gray50, 0.5);
@@ -493,7 +953,7 @@
493
953
  var supportCautionMajor$2 = colors$1.orange40;
494
954
  var supportCautionUndefined$2 = colors$1.purple60; // Focus
495
955
 
496
- var focus$6 = colors$1.blue60;
956
+ var focus$7 = colors$1.blue60;
497
957
  var focusInset$6 = colors$1.white;
498
958
  var focusInverse$6 = colors$1.white; // Skeleton
499
959
 
@@ -508,7 +968,7 @@
508
968
 
509
969
  var g10$1 = /*#__PURE__*/Object.freeze({
510
970
  __proto__: null,
511
- background: background$6,
971
+ background: background$7,
512
972
  backgroundInverse: backgroundInverse$6,
513
973
  backgroundBrand: backgroundBrand$6,
514
974
  backgroundActive: backgroundActive$6,
@@ -594,7 +1054,7 @@
594
1054
  supportCautionMinor: supportCautionMinor$2,
595
1055
  supportCautionMajor: supportCautionMajor$2,
596
1056
  supportCautionUndefined: supportCautionUndefined$2,
597
- focus: focus$6,
1057
+ focus: focus$7,
598
1058
  focusInset: focusInset$6,
599
1059
  focusInverse: focusInverse$6,
600
1060
  skeletonBackground: skeletonBackground$6,
@@ -604,70 +1064,70 @@
604
1064
  overlay: overlay$6,
605
1065
  toggleOff: toggleOff$6,
606
1066
  shadow: shadow$6,
607
- caption01: type.caption01,
608
- caption02: type.caption02,
609
- label01: type.label01,
610
- label02: type.label02,
611
- helperText01: type.helperText01,
612
- helperText02: type.helperText02,
613
- bodyShort01: type.bodyShort01,
614
- bodyLong01: type.bodyLong01,
615
- bodyShort02: type.bodyShort02,
616
- bodyLong02: type.bodyLong02,
617
- code01: type.code01,
618
- code02: type.code02,
619
- heading01: type.heading01,
620
- productiveHeading01: type.productiveHeading01,
621
- heading02: type.heading02,
622
- productiveHeading02: type.productiveHeading02,
623
- productiveHeading03: type.productiveHeading03,
624
- productiveHeading04: type.productiveHeading04,
625
- productiveHeading05: type.productiveHeading05,
626
- productiveHeading06: type.productiveHeading06,
627
- productiveHeading07: type.productiveHeading07,
628
- expressiveHeading01: type.expressiveHeading01,
629
- expressiveHeading02: type.expressiveHeading02,
630
- expressiveHeading03: type.expressiveHeading03,
631
- expressiveHeading04: type.expressiveHeading04,
632
- expressiveHeading05: type.expressiveHeading05,
633
- expressiveHeading06: type.expressiveHeading06,
634
- expressiveParagraph01: type.expressiveParagraph01,
635
- quotation01: type.quotation01,
636
- quotation02: type.quotation02,
637
- display01: type.display01,
638
- display02: type.display02,
639
- display03: type.display03,
640
- display04: type.display04,
641
- spacing01: layout.spacing01,
642
- spacing02: layout.spacing02,
643
- spacing03: layout.spacing03,
644
- spacing04: layout.spacing04,
645
- spacing05: layout.spacing05,
646
- spacing06: layout.spacing06,
647
- spacing07: layout.spacing07,
648
- spacing08: layout.spacing08,
649
- spacing09: layout.spacing09,
650
- spacing10: layout.spacing10,
651
- spacing11: layout.spacing11,
652
- spacing12: layout.spacing12,
653
- spacing13: layout.spacing13,
654
- fluidSpacing01: layout.fluidSpacing01,
655
- fluidSpacing02: layout.fluidSpacing02,
656
- fluidSpacing03: layout.fluidSpacing03,
657
- fluidSpacing04: layout.fluidSpacing04,
658
- container01: layout.container01,
659
- container02: layout.container02,
660
- container03: layout.container03,
661
- container04: layout.container04,
662
- container05: layout.container05,
663
- sizeXSmall: layout.sizeXSmall,
664
- sizeSmall: layout.sizeSmall,
665
- sizeMedium: layout.sizeMedium,
666
- sizeLarge: layout.sizeLarge,
667
- sizeXLarge: layout.sizeXLarge,
668
- size2XLarge: layout.size2XLarge,
669
- iconSize01: layout.iconSize01,
670
- iconSize02: layout.iconSize02
1067
+ caption01: type$2.caption01,
1068
+ caption02: type$2.caption02,
1069
+ label01: type$2.label01,
1070
+ label02: type$2.label02,
1071
+ helperText01: type$2.helperText01,
1072
+ helperText02: type$2.helperText02,
1073
+ bodyShort01: type$2.bodyShort01,
1074
+ bodyLong01: type$2.bodyLong01,
1075
+ bodyShort02: type$2.bodyShort02,
1076
+ bodyLong02: type$2.bodyLong02,
1077
+ code01: type$2.code01,
1078
+ code02: type$2.code02,
1079
+ heading01: type$2.heading01,
1080
+ productiveHeading01: type$2.productiveHeading01,
1081
+ heading02: type$2.heading02,
1082
+ productiveHeading02: type$2.productiveHeading02,
1083
+ productiveHeading03: type$2.productiveHeading03,
1084
+ productiveHeading04: type$2.productiveHeading04,
1085
+ productiveHeading05: type$2.productiveHeading05,
1086
+ productiveHeading06: type$2.productiveHeading06,
1087
+ productiveHeading07: type$2.productiveHeading07,
1088
+ expressiveHeading01: type$2.expressiveHeading01,
1089
+ expressiveHeading02: type$2.expressiveHeading02,
1090
+ expressiveHeading03: type$2.expressiveHeading03,
1091
+ expressiveHeading04: type$2.expressiveHeading04,
1092
+ expressiveHeading05: type$2.expressiveHeading05,
1093
+ expressiveHeading06: type$2.expressiveHeading06,
1094
+ expressiveParagraph01: type$2.expressiveParagraph01,
1095
+ quotation01: type$2.quotation01,
1096
+ quotation02: type$2.quotation02,
1097
+ display01: type$2.display01,
1098
+ display02: type$2.display02,
1099
+ display03: type$2.display03,
1100
+ display04: type$2.display04,
1101
+ spacing01: layout$2.spacing01,
1102
+ spacing02: layout$2.spacing02,
1103
+ spacing03: layout$2.spacing03,
1104
+ spacing04: layout$2.spacing04,
1105
+ spacing05: layout$2.spacing05,
1106
+ spacing06: layout$2.spacing06,
1107
+ spacing07: layout$2.spacing07,
1108
+ spacing08: layout$2.spacing08,
1109
+ spacing09: layout$2.spacing09,
1110
+ spacing10: layout$2.spacing10,
1111
+ spacing11: layout$2.spacing11,
1112
+ spacing12: layout$2.spacing12,
1113
+ spacing13: layout$2.spacing13,
1114
+ fluidSpacing01: layout$2.fluidSpacing01,
1115
+ fluidSpacing02: layout$2.fluidSpacing02,
1116
+ fluidSpacing03: layout$2.fluidSpacing03,
1117
+ fluidSpacing04: layout$2.fluidSpacing04,
1118
+ container01: layout$2.container01,
1119
+ container02: layout$2.container02,
1120
+ container03: layout$2.container03,
1121
+ container04: layout$2.container04,
1122
+ container05: layout$2.container05,
1123
+ sizeXSmall: layout$2.sizeXSmall,
1124
+ sizeSmall: layout$2.sizeSmall,
1125
+ sizeMedium: layout$2.sizeMedium,
1126
+ sizeLarge: layout$2.sizeLarge,
1127
+ sizeXLarge: layout$2.sizeXLarge,
1128
+ size2XLarge: layout$2.size2XLarge,
1129
+ iconSize01: layout$2.iconSize01,
1130
+ iconSize02: layout$2.iconSize02
671
1131
  });
672
1132
 
673
1133
  /**
@@ -677,7 +1137,7 @@
677
1137
  * LICENSE file in the root directory of this source tree.
678
1138
  */
679
1139
 
680
- var background$5 = colors$1.gray90;
1140
+ var background$6 = colors$1.gray90;
681
1141
  var backgroundInverse$5 = colors$1.gray10;
682
1142
  var backgroundBrand$5 = colors$1.blue60;
683
1143
  var backgroundActive$5 = adjustAlpha(colors$1.gray50, 0.4);
@@ -789,7 +1249,7 @@
789
1249
  var supportCautionMajor$1 = colors$1.orange40;
790
1250
  var supportCautionUndefined$1 = colors$1.purple50; // Focus
791
1251
 
792
- var focus$5 = colors$1.white;
1252
+ var focus$6 = colors$1.white;
793
1253
  var focusInset$5 = colors$1.gray100;
794
1254
  var focusInverse$5 = colors$1.blue60; // Skeleton
795
1255
 
@@ -804,7 +1264,7 @@
804
1264
 
805
1265
  var g90$1 = /*#__PURE__*/Object.freeze({
806
1266
  __proto__: null,
807
- background: background$5,
1267
+ background: background$6,
808
1268
  backgroundInverse: backgroundInverse$5,
809
1269
  backgroundBrand: backgroundBrand$5,
810
1270
  backgroundActive: backgroundActive$5,
@@ -890,7 +1350,7 @@
890
1350
  supportCautionMinor: supportCautionMinor$1,
891
1351
  supportCautionMajor: supportCautionMajor$1,
892
1352
  supportCautionUndefined: supportCautionUndefined$1,
893
- focus: focus$5,
1353
+ focus: focus$6,
894
1354
  focusInset: focusInset$5,
895
1355
  focusInverse: focusInverse$5,
896
1356
  skeletonBackground: skeletonBackground$5,
@@ -900,70 +1360,70 @@
900
1360
  overlay: overlay$5,
901
1361
  toggleOff: toggleOff$5,
902
1362
  shadow: shadow$5,
903
- caption01: type.caption01,
904
- caption02: type.caption02,
905
- label01: type.label01,
906
- label02: type.label02,
907
- helperText01: type.helperText01,
908
- helperText02: type.helperText02,
909
- bodyShort01: type.bodyShort01,
910
- bodyLong01: type.bodyLong01,
911
- bodyShort02: type.bodyShort02,
912
- bodyLong02: type.bodyLong02,
913
- code01: type.code01,
914
- code02: type.code02,
915
- heading01: type.heading01,
916
- productiveHeading01: type.productiveHeading01,
917
- heading02: type.heading02,
918
- productiveHeading02: type.productiveHeading02,
919
- productiveHeading03: type.productiveHeading03,
920
- productiveHeading04: type.productiveHeading04,
921
- productiveHeading05: type.productiveHeading05,
922
- productiveHeading06: type.productiveHeading06,
923
- productiveHeading07: type.productiveHeading07,
924
- expressiveHeading01: type.expressiveHeading01,
925
- expressiveHeading02: type.expressiveHeading02,
926
- expressiveHeading03: type.expressiveHeading03,
927
- expressiveHeading04: type.expressiveHeading04,
928
- expressiveHeading05: type.expressiveHeading05,
929
- expressiveHeading06: type.expressiveHeading06,
930
- expressiveParagraph01: type.expressiveParagraph01,
931
- quotation01: type.quotation01,
932
- quotation02: type.quotation02,
933
- display01: type.display01,
934
- display02: type.display02,
935
- display03: type.display03,
936
- display04: type.display04,
937
- spacing01: layout.spacing01,
938
- spacing02: layout.spacing02,
939
- spacing03: layout.spacing03,
940
- spacing04: layout.spacing04,
941
- spacing05: layout.spacing05,
942
- spacing06: layout.spacing06,
943
- spacing07: layout.spacing07,
944
- spacing08: layout.spacing08,
945
- spacing09: layout.spacing09,
946
- spacing10: layout.spacing10,
947
- spacing11: layout.spacing11,
948
- spacing12: layout.spacing12,
949
- spacing13: layout.spacing13,
950
- fluidSpacing01: layout.fluidSpacing01,
951
- fluidSpacing02: layout.fluidSpacing02,
952
- fluidSpacing03: layout.fluidSpacing03,
953
- fluidSpacing04: layout.fluidSpacing04,
954
- container01: layout.container01,
955
- container02: layout.container02,
956
- container03: layout.container03,
957
- container04: layout.container04,
958
- container05: layout.container05,
959
- sizeXSmall: layout.sizeXSmall,
960
- sizeSmall: layout.sizeSmall,
961
- sizeMedium: layout.sizeMedium,
962
- sizeLarge: layout.sizeLarge,
963
- sizeXLarge: layout.sizeXLarge,
964
- size2XLarge: layout.size2XLarge,
965
- iconSize01: layout.iconSize01,
966
- iconSize02: layout.iconSize02
1363
+ caption01: type$2.caption01,
1364
+ caption02: type$2.caption02,
1365
+ label01: type$2.label01,
1366
+ label02: type$2.label02,
1367
+ helperText01: type$2.helperText01,
1368
+ helperText02: type$2.helperText02,
1369
+ bodyShort01: type$2.bodyShort01,
1370
+ bodyLong01: type$2.bodyLong01,
1371
+ bodyShort02: type$2.bodyShort02,
1372
+ bodyLong02: type$2.bodyLong02,
1373
+ code01: type$2.code01,
1374
+ code02: type$2.code02,
1375
+ heading01: type$2.heading01,
1376
+ productiveHeading01: type$2.productiveHeading01,
1377
+ heading02: type$2.heading02,
1378
+ productiveHeading02: type$2.productiveHeading02,
1379
+ productiveHeading03: type$2.productiveHeading03,
1380
+ productiveHeading04: type$2.productiveHeading04,
1381
+ productiveHeading05: type$2.productiveHeading05,
1382
+ productiveHeading06: type$2.productiveHeading06,
1383
+ productiveHeading07: type$2.productiveHeading07,
1384
+ expressiveHeading01: type$2.expressiveHeading01,
1385
+ expressiveHeading02: type$2.expressiveHeading02,
1386
+ expressiveHeading03: type$2.expressiveHeading03,
1387
+ expressiveHeading04: type$2.expressiveHeading04,
1388
+ expressiveHeading05: type$2.expressiveHeading05,
1389
+ expressiveHeading06: type$2.expressiveHeading06,
1390
+ expressiveParagraph01: type$2.expressiveParagraph01,
1391
+ quotation01: type$2.quotation01,
1392
+ quotation02: type$2.quotation02,
1393
+ display01: type$2.display01,
1394
+ display02: type$2.display02,
1395
+ display03: type$2.display03,
1396
+ display04: type$2.display04,
1397
+ spacing01: layout$2.spacing01,
1398
+ spacing02: layout$2.spacing02,
1399
+ spacing03: layout$2.spacing03,
1400
+ spacing04: layout$2.spacing04,
1401
+ spacing05: layout$2.spacing05,
1402
+ spacing06: layout$2.spacing06,
1403
+ spacing07: layout$2.spacing07,
1404
+ spacing08: layout$2.spacing08,
1405
+ spacing09: layout$2.spacing09,
1406
+ spacing10: layout$2.spacing10,
1407
+ spacing11: layout$2.spacing11,
1408
+ spacing12: layout$2.spacing12,
1409
+ spacing13: layout$2.spacing13,
1410
+ fluidSpacing01: layout$2.fluidSpacing01,
1411
+ fluidSpacing02: layout$2.fluidSpacing02,
1412
+ fluidSpacing03: layout$2.fluidSpacing03,
1413
+ fluidSpacing04: layout$2.fluidSpacing04,
1414
+ container01: layout$2.container01,
1415
+ container02: layout$2.container02,
1416
+ container03: layout$2.container03,
1417
+ container04: layout$2.container04,
1418
+ container05: layout$2.container05,
1419
+ sizeXSmall: layout$2.sizeXSmall,
1420
+ sizeSmall: layout$2.sizeSmall,
1421
+ sizeMedium: layout$2.sizeMedium,
1422
+ sizeLarge: layout$2.sizeLarge,
1423
+ sizeXLarge: layout$2.sizeXLarge,
1424
+ size2XLarge: layout$2.size2XLarge,
1425
+ iconSize01: layout$2.iconSize01,
1426
+ iconSize02: layout$2.iconSize02
967
1427
  });
968
1428
 
969
1429
  /**
@@ -973,7 +1433,7 @@
973
1433
  * LICENSE file in the root directory of this source tree.
974
1434
  */
975
1435
 
976
- var background$4 = colors$1.gray100;
1436
+ var background$5 = colors$1.gray100;
977
1437
  var backgroundInverse$4 = colors$1.gray10;
978
1438
  var backgroundBrand$4 = colors$1.blue60;
979
1439
  var backgroundActive$4 = adjustAlpha(colors$1.gray50, 0.4);
@@ -1085,11 +1545,11 @@
1085
1545
  var supportCautionMajor = colors$1.orange40;
1086
1546
  var supportCautionUndefined = colors$1.purple50; // Focus
1087
1547
 
1088
- var focus$4 = colors$1.white;
1548
+ var focus$5 = colors$1.white;
1089
1549
  var focusInset$4 = colors$1.gray100;
1090
1550
  var focusInverse$4 = colors$1.blue60; // Skeleton
1091
1551
 
1092
- var skeletonBackground$4 = adjustLightness(background$4, 7);
1552
+ var skeletonBackground$4 = adjustLightness(background$5, 7);
1093
1553
  var skeletonElement$4 = colors$1.gray80; // Misc
1094
1554
 
1095
1555
  var interactive$4 = colors$1.blue50;
@@ -1100,7 +1560,7 @@
1100
1560
 
1101
1561
  var g100$1 = /*#__PURE__*/Object.freeze({
1102
1562
  __proto__: null,
1103
- background: background$4,
1563
+ background: background$5,
1104
1564
  backgroundInverse: backgroundInverse$4,
1105
1565
  backgroundBrand: backgroundBrand$4,
1106
1566
  backgroundActive: backgroundActive$4,
@@ -1186,7 +1646,7 @@
1186
1646
  supportCautionMinor: supportCautionMinor,
1187
1647
  supportCautionMajor: supportCautionMajor,
1188
1648
  supportCautionUndefined: supportCautionUndefined,
1189
- focus: focus$4,
1649
+ focus: focus$5,
1190
1650
  focusInset: focusInset$4,
1191
1651
  focusInverse: focusInverse$4,
1192
1652
  skeletonBackground: skeletonBackground$4,
@@ -1196,70 +1656,70 @@
1196
1656
  overlay: overlay$4,
1197
1657
  toggleOff: toggleOff$4,
1198
1658
  shadow: shadow$4,
1199
- caption01: type.caption01,
1200
- caption02: type.caption02,
1201
- label01: type.label01,
1202
- label02: type.label02,
1203
- helperText01: type.helperText01,
1204
- helperText02: type.helperText02,
1205
- bodyShort01: type.bodyShort01,
1206
- bodyLong01: type.bodyLong01,
1207
- bodyShort02: type.bodyShort02,
1208
- bodyLong02: type.bodyLong02,
1209
- code01: type.code01,
1210
- code02: type.code02,
1211
- heading01: type.heading01,
1212
- productiveHeading01: type.productiveHeading01,
1213
- heading02: type.heading02,
1214
- productiveHeading02: type.productiveHeading02,
1215
- productiveHeading03: type.productiveHeading03,
1216
- productiveHeading04: type.productiveHeading04,
1217
- productiveHeading05: type.productiveHeading05,
1218
- productiveHeading06: type.productiveHeading06,
1219
- productiveHeading07: type.productiveHeading07,
1220
- expressiveHeading01: type.expressiveHeading01,
1221
- expressiveHeading02: type.expressiveHeading02,
1222
- expressiveHeading03: type.expressiveHeading03,
1223
- expressiveHeading04: type.expressiveHeading04,
1224
- expressiveHeading05: type.expressiveHeading05,
1225
- expressiveHeading06: type.expressiveHeading06,
1226
- expressiveParagraph01: type.expressiveParagraph01,
1227
- quotation01: type.quotation01,
1228
- quotation02: type.quotation02,
1229
- display01: type.display01,
1230
- display02: type.display02,
1231
- display03: type.display03,
1232
- display04: type.display04,
1233
- spacing01: layout.spacing01,
1234
- spacing02: layout.spacing02,
1235
- spacing03: layout.spacing03,
1236
- spacing04: layout.spacing04,
1237
- spacing05: layout.spacing05,
1238
- spacing06: layout.spacing06,
1239
- spacing07: layout.spacing07,
1240
- spacing08: layout.spacing08,
1241
- spacing09: layout.spacing09,
1242
- spacing10: layout.spacing10,
1243
- spacing11: layout.spacing11,
1244
- spacing12: layout.spacing12,
1245
- spacing13: layout.spacing13,
1246
- fluidSpacing01: layout.fluidSpacing01,
1247
- fluidSpacing02: layout.fluidSpacing02,
1248
- fluidSpacing03: layout.fluidSpacing03,
1249
- fluidSpacing04: layout.fluidSpacing04,
1250
- container01: layout.container01,
1251
- container02: layout.container02,
1252
- container03: layout.container03,
1253
- container04: layout.container04,
1254
- container05: layout.container05,
1255
- sizeXSmall: layout.sizeXSmall,
1256
- sizeSmall: layout.sizeSmall,
1257
- sizeMedium: layout.sizeMedium,
1258
- sizeLarge: layout.sizeLarge,
1259
- sizeXLarge: layout.sizeXLarge,
1260
- size2XLarge: layout.size2XLarge,
1261
- iconSize01: layout.iconSize01,
1262
- iconSize02: layout.iconSize02
1659
+ caption01: type$2.caption01,
1660
+ caption02: type$2.caption02,
1661
+ label01: type$2.label01,
1662
+ label02: type$2.label02,
1663
+ helperText01: type$2.helperText01,
1664
+ helperText02: type$2.helperText02,
1665
+ bodyShort01: type$2.bodyShort01,
1666
+ bodyLong01: type$2.bodyLong01,
1667
+ bodyShort02: type$2.bodyShort02,
1668
+ bodyLong02: type$2.bodyLong02,
1669
+ code01: type$2.code01,
1670
+ code02: type$2.code02,
1671
+ heading01: type$2.heading01,
1672
+ productiveHeading01: type$2.productiveHeading01,
1673
+ heading02: type$2.heading02,
1674
+ productiveHeading02: type$2.productiveHeading02,
1675
+ productiveHeading03: type$2.productiveHeading03,
1676
+ productiveHeading04: type$2.productiveHeading04,
1677
+ productiveHeading05: type$2.productiveHeading05,
1678
+ productiveHeading06: type$2.productiveHeading06,
1679
+ productiveHeading07: type$2.productiveHeading07,
1680
+ expressiveHeading01: type$2.expressiveHeading01,
1681
+ expressiveHeading02: type$2.expressiveHeading02,
1682
+ expressiveHeading03: type$2.expressiveHeading03,
1683
+ expressiveHeading04: type$2.expressiveHeading04,
1684
+ expressiveHeading05: type$2.expressiveHeading05,
1685
+ expressiveHeading06: type$2.expressiveHeading06,
1686
+ expressiveParagraph01: type$2.expressiveParagraph01,
1687
+ quotation01: type$2.quotation01,
1688
+ quotation02: type$2.quotation02,
1689
+ display01: type$2.display01,
1690
+ display02: type$2.display02,
1691
+ display03: type$2.display03,
1692
+ display04: type$2.display04,
1693
+ spacing01: layout$2.spacing01,
1694
+ spacing02: layout$2.spacing02,
1695
+ spacing03: layout$2.spacing03,
1696
+ spacing04: layout$2.spacing04,
1697
+ spacing05: layout$2.spacing05,
1698
+ spacing06: layout$2.spacing06,
1699
+ spacing07: layout$2.spacing07,
1700
+ spacing08: layout$2.spacing08,
1701
+ spacing09: layout$2.spacing09,
1702
+ spacing10: layout$2.spacing10,
1703
+ spacing11: layout$2.spacing11,
1704
+ spacing12: layout$2.spacing12,
1705
+ spacing13: layout$2.spacing13,
1706
+ fluidSpacing01: layout$2.fluidSpacing01,
1707
+ fluidSpacing02: layout$2.fluidSpacing02,
1708
+ fluidSpacing03: layout$2.fluidSpacing03,
1709
+ fluidSpacing04: layout$2.fluidSpacing04,
1710
+ container01: layout$2.container01,
1711
+ container02: layout$2.container02,
1712
+ container03: layout$2.container03,
1713
+ container04: layout$2.container04,
1714
+ container05: layout$2.container05,
1715
+ sizeXSmall: layout$2.sizeXSmall,
1716
+ sizeSmall: layout$2.sizeSmall,
1717
+ sizeMedium: layout$2.sizeMedium,
1718
+ sizeLarge: layout$2.sizeLarge,
1719
+ sizeXLarge: layout$2.sizeXLarge,
1720
+ size2XLarge: layout$2.size2XLarge,
1721
+ iconSize01: layout$2.iconSize01,
1722
+ iconSize02: layout$2.iconSize02
1263
1723
  });
1264
1724
 
1265
1725
  /**
@@ -1306,7 +1766,7 @@
1306
1766
  var danger01$3 = colors$1.red60;
1307
1767
  var danger02$3 = colors$1.red60; // Interaction states
1308
1768
 
1309
- var focus$3 = colors$1.blue60;
1769
+ var focus$4 = colors$1.blue60;
1310
1770
  var inverseFocusUi$3 = colors$1.white;
1311
1771
  var hoverPrimary$3 = '#0353e9';
1312
1772
  var activePrimary$3 = colors$1.blue80;
@@ -1337,12 +1797,12 @@
1337
1797
  var skeleton02$3 = colors$1.gray30; // New color tokens
1338
1798
  // TO-DO: remove fallback color when v11 is released and assign carbon colors to new tokens
1339
1799
 
1340
- var background$3 = uiBackground$3;
1341
- var layer$3 = ui01$3;
1800
+ var background$4 = uiBackground$3;
1801
+ var layer$4 = ui01$3;
1342
1802
  var layerAccent$3 = ui03$3;
1343
1803
  var layerAccentActive$3 = colors$1.gray40;
1344
1804
  var layerAccentHover$3 = adjustLightness(layerAccent$3, -6);
1345
- var field$3 = field01$3;
1805
+ var field$4 = field01$3;
1346
1806
  var backgroundInverse$3 = inverse02$3;
1347
1807
  var backgroundBrand$3 = interactive01$3;
1348
1808
  var interactive$3 = interactive04$3;
@@ -1459,7 +1919,7 @@
1459
1919
  overlay01: overlay01$3,
1460
1920
  danger01: danger01$3,
1461
1921
  danger02: danger02$3,
1462
- focus: focus$3,
1922
+ focus: focus$4,
1463
1923
  inverseFocusUi: inverseFocusUi$3,
1464
1924
  hoverPrimary: hoverPrimary$3,
1465
1925
  activePrimary: activePrimary$3,
@@ -1488,12 +1948,12 @@
1488
1948
  buttonSeparator: buttonSeparator$3,
1489
1949
  skeleton01: skeleton01$3,
1490
1950
  skeleton02: skeleton02$3,
1491
- background: background$3,
1492
- layer: layer$3,
1951
+ background: background$4,
1952
+ layer: layer$4,
1493
1953
  layerAccent: layerAccent$3,
1494
1954
  layerAccentActive: layerAccentActive$3,
1495
1955
  layerAccentHover: layerAccentHover$3,
1496
- field: field$3,
1956
+ field: field$4,
1497
1957
  backgroundInverse: backgroundInverse$3,
1498
1958
  backgroundBrand: backgroundBrand$3,
1499
1959
  interactive: interactive$3,
@@ -1569,94 +2029,94 @@
1569
2029
  active01: active01$3,
1570
2030
  hoverField: hoverField$3,
1571
2031
  danger: danger$3,
1572
- caption01: type.caption01,
1573
- caption02: type.caption02,
1574
- label01: type.label01,
1575
- label02: type.label02,
1576
- helperText01: type.helperText01,
1577
- helperText02: type.helperText02,
1578
- bodyShort01: type.bodyShort01,
1579
- bodyLong01: type.bodyLong01,
1580
- bodyShort02: type.bodyShort02,
1581
- bodyLong02: type.bodyLong02,
1582
- code01: type.code01,
1583
- code02: type.code02,
1584
- heading01: type.heading01,
1585
- productiveHeading01: type.productiveHeading01,
1586
- heading02: type.heading02,
1587
- productiveHeading02: type.productiveHeading02,
1588
- productiveHeading03: type.productiveHeading03,
1589
- productiveHeading04: type.productiveHeading04,
1590
- productiveHeading05: type.productiveHeading05,
1591
- productiveHeading06: type.productiveHeading06,
1592
- productiveHeading07: type.productiveHeading07,
1593
- expressiveHeading01: type.expressiveHeading01,
1594
- expressiveHeading02: type.expressiveHeading02,
1595
- expressiveHeading03: type.expressiveHeading03,
1596
- expressiveHeading04: type.expressiveHeading04,
1597
- expressiveHeading05: type.expressiveHeading05,
1598
- expressiveHeading06: type.expressiveHeading06,
1599
- expressiveParagraph01: type.expressiveParagraph01,
1600
- quotation01: type.quotation01,
1601
- quotation02: type.quotation02,
1602
- display01: type.display01,
1603
- display02: type.display02,
1604
- display03: type.display03,
1605
- display04: type.display04,
1606
- legal01: type.legal01,
1607
- legal02: type.legal02,
1608
- bodyCompact01: type.bodyCompact01,
1609
- bodyCompact02: type.bodyCompact02,
1610
- body01: type.body01,
1611
- body02: type.body02,
1612
- headingCompact01: type.headingCompact01,
1613
- headingCompact02: type.headingCompact02,
1614
- heading03: type.heading03,
1615
- heading04: type.heading04,
1616
- heading05: type.heading05,
1617
- heading06: type.heading06,
1618
- heading07: type.heading07,
1619
- fluidHeading03: type.fluidHeading03,
1620
- fluidHeading04: type.fluidHeading04,
1621
- fluidHeading05: type.fluidHeading05,
1622
- fluidHeading06: type.fluidHeading06,
1623
- fluidParagraph01: type.fluidParagraph01,
1624
- fluidQuotation01: type.fluidQuotation01,
1625
- fluidQuotation02: type.fluidQuotation02,
1626
- fluidDisplay01: type.fluidDisplay01,
1627
- fluidDisplay02: type.fluidDisplay02,
1628
- fluidDisplay03: type.fluidDisplay03,
1629
- fluidDisplay04: type.fluidDisplay04,
1630
- spacing01: layout.spacing01,
1631
- spacing02: layout.spacing02,
1632
- spacing03: layout.spacing03,
1633
- spacing04: layout.spacing04,
1634
- spacing05: layout.spacing05,
1635
- spacing06: layout.spacing06,
1636
- spacing07: layout.spacing07,
1637
- spacing08: layout.spacing08,
1638
- spacing09: layout.spacing09,
1639
- spacing10: layout.spacing10,
1640
- spacing11: layout.spacing11,
1641
- spacing12: layout.spacing12,
1642
- spacing13: layout.spacing13,
1643
- fluidSpacing01: layout.fluidSpacing01,
1644
- fluidSpacing02: layout.fluidSpacing02,
1645
- fluidSpacing03: layout.fluidSpacing03,
1646
- fluidSpacing04: layout.fluidSpacing04,
1647
- container01: layout.container01,
1648
- container02: layout.container02,
1649
- container03: layout.container03,
1650
- container04: layout.container04,
1651
- container05: layout.container05,
1652
- sizeXSmall: layout.sizeXSmall,
1653
- sizeSmall: layout.sizeSmall,
1654
- sizeMedium: layout.sizeMedium,
1655
- sizeLarge: layout.sizeLarge,
1656
- sizeXLarge: layout.sizeXLarge,
1657
- size2XLarge: layout.size2XLarge,
1658
- iconSize01: layout.iconSize01,
1659
- iconSize02: layout.iconSize02
2032
+ caption01: type$2.caption01,
2033
+ caption02: type$2.caption02,
2034
+ label01: type$2.label01,
2035
+ label02: type$2.label02,
2036
+ helperText01: type$2.helperText01,
2037
+ helperText02: type$2.helperText02,
2038
+ bodyShort01: type$2.bodyShort01,
2039
+ bodyLong01: type$2.bodyLong01,
2040
+ bodyShort02: type$2.bodyShort02,
2041
+ bodyLong02: type$2.bodyLong02,
2042
+ code01: type$2.code01,
2043
+ code02: type$2.code02,
2044
+ heading01: type$2.heading01,
2045
+ productiveHeading01: type$2.productiveHeading01,
2046
+ heading02: type$2.heading02,
2047
+ productiveHeading02: type$2.productiveHeading02,
2048
+ productiveHeading03: type$2.productiveHeading03,
2049
+ productiveHeading04: type$2.productiveHeading04,
2050
+ productiveHeading05: type$2.productiveHeading05,
2051
+ productiveHeading06: type$2.productiveHeading06,
2052
+ productiveHeading07: type$2.productiveHeading07,
2053
+ expressiveHeading01: type$2.expressiveHeading01,
2054
+ expressiveHeading02: type$2.expressiveHeading02,
2055
+ expressiveHeading03: type$2.expressiveHeading03,
2056
+ expressiveHeading04: type$2.expressiveHeading04,
2057
+ expressiveHeading05: type$2.expressiveHeading05,
2058
+ expressiveHeading06: type$2.expressiveHeading06,
2059
+ expressiveParagraph01: type$2.expressiveParagraph01,
2060
+ quotation01: type$2.quotation01,
2061
+ quotation02: type$2.quotation02,
2062
+ display01: type$2.display01,
2063
+ display02: type$2.display02,
2064
+ display03: type$2.display03,
2065
+ display04: type$2.display04,
2066
+ legal01: type$2.legal01,
2067
+ legal02: type$2.legal02,
2068
+ bodyCompact01: type$2.bodyCompact01,
2069
+ bodyCompact02: type$2.bodyCompact02,
2070
+ body01: type$2.body01,
2071
+ body02: type$2.body02,
2072
+ headingCompact01: type$2.headingCompact01,
2073
+ headingCompact02: type$2.headingCompact02,
2074
+ heading03: type$2.heading03,
2075
+ heading04: type$2.heading04,
2076
+ heading05: type$2.heading05,
2077
+ heading06: type$2.heading06,
2078
+ heading07: type$2.heading07,
2079
+ fluidHeading03: type$2.fluidHeading03,
2080
+ fluidHeading04: type$2.fluidHeading04,
2081
+ fluidHeading05: type$2.fluidHeading05,
2082
+ fluidHeading06: type$2.fluidHeading06,
2083
+ fluidParagraph01: type$2.fluidParagraph01,
2084
+ fluidQuotation01: type$2.fluidQuotation01,
2085
+ fluidQuotation02: type$2.fluidQuotation02,
2086
+ fluidDisplay01: type$2.fluidDisplay01,
2087
+ fluidDisplay02: type$2.fluidDisplay02,
2088
+ fluidDisplay03: type$2.fluidDisplay03,
2089
+ fluidDisplay04: type$2.fluidDisplay04,
2090
+ spacing01: layout$2.spacing01,
2091
+ spacing02: layout$2.spacing02,
2092
+ spacing03: layout$2.spacing03,
2093
+ spacing04: layout$2.spacing04,
2094
+ spacing05: layout$2.spacing05,
2095
+ spacing06: layout$2.spacing06,
2096
+ spacing07: layout$2.spacing07,
2097
+ spacing08: layout$2.spacing08,
2098
+ spacing09: layout$2.spacing09,
2099
+ spacing10: layout$2.spacing10,
2100
+ spacing11: layout$2.spacing11,
2101
+ spacing12: layout$2.spacing12,
2102
+ spacing13: layout$2.spacing13,
2103
+ fluidSpacing01: layout$2.fluidSpacing01,
2104
+ fluidSpacing02: layout$2.fluidSpacing02,
2105
+ fluidSpacing03: layout$2.fluidSpacing03,
2106
+ fluidSpacing04: layout$2.fluidSpacing04,
2107
+ container01: layout$2.container01,
2108
+ container02: layout$2.container02,
2109
+ container03: layout$2.container03,
2110
+ container04: layout$2.container04,
2111
+ container05: layout$2.container05,
2112
+ sizeXSmall: layout$2.sizeXSmall,
2113
+ sizeSmall: layout$2.sizeSmall,
2114
+ sizeMedium: layout$2.sizeMedium,
2115
+ sizeLarge: layout$2.sizeLarge,
2116
+ sizeXLarge: layout$2.sizeXLarge,
2117
+ size2XLarge: layout$2.size2XLarge,
2118
+ iconSize01: layout$2.iconSize01,
2119
+ iconSize02: layout$2.iconSize02
1660
2120
  });
1661
2121
 
1662
2122
  /**
@@ -1703,7 +2163,7 @@
1703
2163
  var danger01$2 = colors$1.red60;
1704
2164
  var danger02$2 = colors$1.red60; // Interaction states
1705
2165
 
1706
- var focus$2 = colors$1.blue60;
2166
+ var focus$3 = colors$1.blue60;
1707
2167
  var inverseFocusUi$2 = colors$1.white;
1708
2168
  var hoverPrimary$2 = '#0353e9';
1709
2169
  var activePrimary$2 = colors$1.blue80;
@@ -1734,12 +2194,12 @@
1734
2194
  var skeleton02$2 = colors$1.gray30; // New color tokens
1735
2195
  // TO-DO: remove fallback color when v11 is released and assign carbon colors to new tokens
1736
2196
 
1737
- var background$2 = uiBackground$2;
1738
- var layer$2 = ui01$2;
2197
+ var background$3 = uiBackground$2;
2198
+ var layer$3 = ui01$2;
1739
2199
  var layerAccent$2 = ui03$2;
1740
2200
  var layerAccentActive$2 = colors$1.gray40;
1741
2201
  var layerAccentHover$2 = adjustLightness(layerAccent$2, -6);
1742
- var field$2 = field01$2;
2202
+ var field$3 = field01$2;
1743
2203
  var backgroundInverse$2 = inverse02$2;
1744
2204
  var backgroundBrand$2 = interactive01$2;
1745
2205
  var interactive$2 = interactive04$2;
@@ -1856,7 +2316,7 @@
1856
2316
  overlay01: overlay01$2,
1857
2317
  danger01: danger01$2,
1858
2318
  danger02: danger02$2,
1859
- focus: focus$2,
2319
+ focus: focus$3,
1860
2320
  inverseFocusUi: inverseFocusUi$2,
1861
2321
  hoverPrimary: hoverPrimary$2,
1862
2322
  activePrimary: activePrimary$2,
@@ -1885,12 +2345,12 @@
1885
2345
  buttonSeparator: buttonSeparator$2,
1886
2346
  skeleton01: skeleton01$2,
1887
2347
  skeleton02: skeleton02$2,
1888
- background: background$2,
1889
- layer: layer$2,
2348
+ background: background$3,
2349
+ layer: layer$3,
1890
2350
  layerAccent: layerAccent$2,
1891
2351
  layerAccentActive: layerAccentActive$2,
1892
2352
  layerAccentHover: layerAccentHover$2,
1893
- field: field$2,
2353
+ field: field$3,
1894
2354
  backgroundInverse: backgroundInverse$2,
1895
2355
  backgroundBrand: backgroundBrand$2,
1896
2356
  interactive: interactive$2,
@@ -1966,94 +2426,94 @@
1966
2426
  active01: active01$2,
1967
2427
  hoverField: hoverField$2,
1968
2428
  danger: danger$2,
1969
- caption01: type.caption01,
1970
- caption02: type.caption02,
1971
- label01: type.label01,
1972
- label02: type.label02,
1973
- helperText01: type.helperText01,
1974
- helperText02: type.helperText02,
1975
- bodyShort01: type.bodyShort01,
1976
- bodyLong01: type.bodyLong01,
1977
- bodyShort02: type.bodyShort02,
1978
- bodyLong02: type.bodyLong02,
1979
- code01: type.code01,
1980
- code02: type.code02,
1981
- heading01: type.heading01,
1982
- productiveHeading01: type.productiveHeading01,
1983
- heading02: type.heading02,
1984
- productiveHeading02: type.productiveHeading02,
1985
- productiveHeading03: type.productiveHeading03,
1986
- productiveHeading04: type.productiveHeading04,
1987
- productiveHeading05: type.productiveHeading05,
1988
- productiveHeading06: type.productiveHeading06,
1989
- productiveHeading07: type.productiveHeading07,
1990
- expressiveHeading01: type.expressiveHeading01,
1991
- expressiveHeading02: type.expressiveHeading02,
1992
- expressiveHeading03: type.expressiveHeading03,
1993
- expressiveHeading04: type.expressiveHeading04,
1994
- expressiveHeading05: type.expressiveHeading05,
1995
- expressiveHeading06: type.expressiveHeading06,
1996
- expressiveParagraph01: type.expressiveParagraph01,
1997
- quotation01: type.quotation01,
1998
- quotation02: type.quotation02,
1999
- display01: type.display01,
2000
- display02: type.display02,
2001
- display03: type.display03,
2002
- display04: type.display04,
2003
- legal01: type.legal01,
2004
- legal02: type.legal02,
2005
- bodyCompact01: type.bodyCompact01,
2006
- bodyCompact02: type.bodyCompact02,
2007
- body01: type.body01,
2008
- body02: type.body02,
2009
- headingCompact01: type.headingCompact01,
2010
- headingCompact02: type.headingCompact02,
2011
- heading03: type.heading03,
2012
- heading04: type.heading04,
2013
- heading05: type.heading05,
2014
- heading06: type.heading06,
2015
- heading07: type.heading07,
2016
- fluidHeading03: type.fluidHeading03,
2017
- fluidHeading04: type.fluidHeading04,
2018
- fluidHeading05: type.fluidHeading05,
2019
- fluidHeading06: type.fluidHeading06,
2020
- fluidParagraph01: type.fluidParagraph01,
2021
- fluidQuotation01: type.fluidQuotation01,
2022
- fluidQuotation02: type.fluidQuotation02,
2023
- fluidDisplay01: type.fluidDisplay01,
2024
- fluidDisplay02: type.fluidDisplay02,
2025
- fluidDisplay03: type.fluidDisplay03,
2026
- fluidDisplay04: type.fluidDisplay04,
2027
- spacing01: layout.spacing01,
2028
- spacing02: layout.spacing02,
2029
- spacing03: layout.spacing03,
2030
- spacing04: layout.spacing04,
2031
- spacing05: layout.spacing05,
2032
- spacing06: layout.spacing06,
2033
- spacing07: layout.spacing07,
2034
- spacing08: layout.spacing08,
2035
- spacing09: layout.spacing09,
2036
- spacing10: layout.spacing10,
2037
- spacing11: layout.spacing11,
2038
- spacing12: layout.spacing12,
2039
- spacing13: layout.spacing13,
2040
- fluidSpacing01: layout.fluidSpacing01,
2041
- fluidSpacing02: layout.fluidSpacing02,
2042
- fluidSpacing03: layout.fluidSpacing03,
2043
- fluidSpacing04: layout.fluidSpacing04,
2044
- container01: layout.container01,
2045
- container02: layout.container02,
2046
- container03: layout.container03,
2047
- container04: layout.container04,
2048
- container05: layout.container05,
2049
- sizeXSmall: layout.sizeXSmall,
2050
- sizeSmall: layout.sizeSmall,
2051
- sizeMedium: layout.sizeMedium,
2052
- sizeLarge: layout.sizeLarge,
2053
- sizeXLarge: layout.sizeXLarge,
2054
- size2XLarge: layout.size2XLarge,
2055
- iconSize01: layout.iconSize01,
2056
- iconSize02: layout.iconSize02
2429
+ caption01: type$2.caption01,
2430
+ caption02: type$2.caption02,
2431
+ label01: type$2.label01,
2432
+ label02: type$2.label02,
2433
+ helperText01: type$2.helperText01,
2434
+ helperText02: type$2.helperText02,
2435
+ bodyShort01: type$2.bodyShort01,
2436
+ bodyLong01: type$2.bodyLong01,
2437
+ bodyShort02: type$2.bodyShort02,
2438
+ bodyLong02: type$2.bodyLong02,
2439
+ code01: type$2.code01,
2440
+ code02: type$2.code02,
2441
+ heading01: type$2.heading01,
2442
+ productiveHeading01: type$2.productiveHeading01,
2443
+ heading02: type$2.heading02,
2444
+ productiveHeading02: type$2.productiveHeading02,
2445
+ productiveHeading03: type$2.productiveHeading03,
2446
+ productiveHeading04: type$2.productiveHeading04,
2447
+ productiveHeading05: type$2.productiveHeading05,
2448
+ productiveHeading06: type$2.productiveHeading06,
2449
+ productiveHeading07: type$2.productiveHeading07,
2450
+ expressiveHeading01: type$2.expressiveHeading01,
2451
+ expressiveHeading02: type$2.expressiveHeading02,
2452
+ expressiveHeading03: type$2.expressiveHeading03,
2453
+ expressiveHeading04: type$2.expressiveHeading04,
2454
+ expressiveHeading05: type$2.expressiveHeading05,
2455
+ expressiveHeading06: type$2.expressiveHeading06,
2456
+ expressiveParagraph01: type$2.expressiveParagraph01,
2457
+ quotation01: type$2.quotation01,
2458
+ quotation02: type$2.quotation02,
2459
+ display01: type$2.display01,
2460
+ display02: type$2.display02,
2461
+ display03: type$2.display03,
2462
+ display04: type$2.display04,
2463
+ legal01: type$2.legal01,
2464
+ legal02: type$2.legal02,
2465
+ bodyCompact01: type$2.bodyCompact01,
2466
+ bodyCompact02: type$2.bodyCompact02,
2467
+ body01: type$2.body01,
2468
+ body02: type$2.body02,
2469
+ headingCompact01: type$2.headingCompact01,
2470
+ headingCompact02: type$2.headingCompact02,
2471
+ heading03: type$2.heading03,
2472
+ heading04: type$2.heading04,
2473
+ heading05: type$2.heading05,
2474
+ heading06: type$2.heading06,
2475
+ heading07: type$2.heading07,
2476
+ fluidHeading03: type$2.fluidHeading03,
2477
+ fluidHeading04: type$2.fluidHeading04,
2478
+ fluidHeading05: type$2.fluidHeading05,
2479
+ fluidHeading06: type$2.fluidHeading06,
2480
+ fluidParagraph01: type$2.fluidParagraph01,
2481
+ fluidQuotation01: type$2.fluidQuotation01,
2482
+ fluidQuotation02: type$2.fluidQuotation02,
2483
+ fluidDisplay01: type$2.fluidDisplay01,
2484
+ fluidDisplay02: type$2.fluidDisplay02,
2485
+ fluidDisplay03: type$2.fluidDisplay03,
2486
+ fluidDisplay04: type$2.fluidDisplay04,
2487
+ spacing01: layout$2.spacing01,
2488
+ spacing02: layout$2.spacing02,
2489
+ spacing03: layout$2.spacing03,
2490
+ spacing04: layout$2.spacing04,
2491
+ spacing05: layout$2.spacing05,
2492
+ spacing06: layout$2.spacing06,
2493
+ spacing07: layout$2.spacing07,
2494
+ spacing08: layout$2.spacing08,
2495
+ spacing09: layout$2.spacing09,
2496
+ spacing10: layout$2.spacing10,
2497
+ spacing11: layout$2.spacing11,
2498
+ spacing12: layout$2.spacing12,
2499
+ spacing13: layout$2.spacing13,
2500
+ fluidSpacing01: layout$2.fluidSpacing01,
2501
+ fluidSpacing02: layout$2.fluidSpacing02,
2502
+ fluidSpacing03: layout$2.fluidSpacing03,
2503
+ fluidSpacing04: layout$2.fluidSpacing04,
2504
+ container01: layout$2.container01,
2505
+ container02: layout$2.container02,
2506
+ container03: layout$2.container03,
2507
+ container04: layout$2.container04,
2508
+ container05: layout$2.container05,
2509
+ sizeXSmall: layout$2.sizeXSmall,
2510
+ sizeSmall: layout$2.sizeSmall,
2511
+ sizeMedium: layout$2.sizeMedium,
2512
+ sizeLarge: layout$2.sizeLarge,
2513
+ sizeXLarge: layout$2.sizeXLarge,
2514
+ size2XLarge: layout$2.size2XLarge,
2515
+ iconSize01: layout$2.iconSize01,
2516
+ iconSize02: layout$2.iconSize02
2057
2517
  });
2058
2518
 
2059
2519
  /**
@@ -2100,7 +2560,7 @@
2100
2560
  var danger01$1 = colors$1.red60;
2101
2561
  var danger02$1 = colors$1.red40; // Interaction states
2102
2562
 
2103
- var focus$1 = colors$1.white;
2563
+ var focus$2 = colors$1.white;
2104
2564
  var inverseFocusUi$1 = colors$1.blue60;
2105
2565
  var hoverPrimary$1 = '#0353e9';
2106
2566
  var activePrimary$1 = colors$1.blue80;
@@ -2131,12 +2591,12 @@
2131
2591
  var skeleton02$1 = colors$1.gray70; // New color tokens
2132
2592
  // TO-DO: remove fallback color when v11 is released and assign carbon colors to new tokens
2133
2593
 
2134
- var background$1 = uiBackground$1;
2135
- var layer$1 = ui01$1;
2594
+ var background$2 = uiBackground$1;
2595
+ var layer$2 = ui01$1;
2136
2596
  var layerAccent$1 = ui03$1;
2137
2597
  var layerAccentActive$1 = colors$1.gray50;
2138
2598
  var layerAccentHover$1 = adjustLightness(layerAccent$1, +7);
2139
- var field$1 = field01$1;
2599
+ var field$2 = field01$1;
2140
2600
  var backgroundInverse$1 = inverse02$1;
2141
2601
  var backgroundBrand$1 = interactive01$1;
2142
2602
  var interactive$1 = interactive04$1;
@@ -2253,7 +2713,7 @@
2253
2713
  overlay01: overlay01$1,
2254
2714
  danger01: danger01$1,
2255
2715
  danger02: danger02$1,
2256
- focus: focus$1,
2716
+ focus: focus$2,
2257
2717
  inverseFocusUi: inverseFocusUi$1,
2258
2718
  hoverPrimary: hoverPrimary$1,
2259
2719
  activePrimary: activePrimary$1,
@@ -2282,12 +2742,12 @@
2282
2742
  buttonSeparator: buttonSeparator$1,
2283
2743
  skeleton01: skeleton01$1,
2284
2744
  skeleton02: skeleton02$1,
2285
- background: background$1,
2286
- layer: layer$1,
2745
+ background: background$2,
2746
+ layer: layer$2,
2287
2747
  layerAccent: layerAccent$1,
2288
2748
  layerAccentActive: layerAccentActive$1,
2289
2749
  layerAccentHover: layerAccentHover$1,
2290
- field: field$1,
2750
+ field: field$2,
2291
2751
  backgroundInverse: backgroundInverse$1,
2292
2752
  backgroundBrand: backgroundBrand$1,
2293
2753
  interactive: interactive$1,
@@ -2363,94 +2823,94 @@
2363
2823
  active01: active01$1,
2364
2824
  hoverField: hoverField$1,
2365
2825
  danger: danger$1,
2366
- caption01: type.caption01,
2367
- caption02: type.caption02,
2368
- label01: type.label01,
2369
- label02: type.label02,
2370
- helperText01: type.helperText01,
2371
- helperText02: type.helperText02,
2372
- bodyShort01: type.bodyShort01,
2373
- bodyLong01: type.bodyLong01,
2374
- bodyShort02: type.bodyShort02,
2375
- bodyLong02: type.bodyLong02,
2376
- code01: type.code01,
2377
- code02: type.code02,
2378
- heading01: type.heading01,
2379
- productiveHeading01: type.productiveHeading01,
2380
- heading02: type.heading02,
2381
- productiveHeading02: type.productiveHeading02,
2382
- productiveHeading03: type.productiveHeading03,
2383
- productiveHeading04: type.productiveHeading04,
2384
- productiveHeading05: type.productiveHeading05,
2385
- productiveHeading06: type.productiveHeading06,
2386
- productiveHeading07: type.productiveHeading07,
2387
- expressiveHeading01: type.expressiveHeading01,
2388
- expressiveHeading02: type.expressiveHeading02,
2389
- expressiveHeading03: type.expressiveHeading03,
2390
- expressiveHeading04: type.expressiveHeading04,
2391
- expressiveHeading05: type.expressiveHeading05,
2392
- expressiveHeading06: type.expressiveHeading06,
2393
- expressiveParagraph01: type.expressiveParagraph01,
2394
- quotation01: type.quotation01,
2395
- quotation02: type.quotation02,
2396
- display01: type.display01,
2397
- display02: type.display02,
2398
- display03: type.display03,
2399
- display04: type.display04,
2400
- legal01: type.legal01,
2401
- legal02: type.legal02,
2402
- bodyCompact01: type.bodyCompact01,
2403
- bodyCompact02: type.bodyCompact02,
2404
- body01: type.body01,
2405
- body02: type.body02,
2406
- headingCompact01: type.headingCompact01,
2407
- headingCompact02: type.headingCompact02,
2408
- heading03: type.heading03,
2409
- heading04: type.heading04,
2410
- heading05: type.heading05,
2411
- heading06: type.heading06,
2412
- heading07: type.heading07,
2413
- fluidHeading03: type.fluidHeading03,
2414
- fluidHeading04: type.fluidHeading04,
2415
- fluidHeading05: type.fluidHeading05,
2416
- fluidHeading06: type.fluidHeading06,
2417
- fluidParagraph01: type.fluidParagraph01,
2418
- fluidQuotation01: type.fluidQuotation01,
2419
- fluidQuotation02: type.fluidQuotation02,
2420
- fluidDisplay01: type.fluidDisplay01,
2421
- fluidDisplay02: type.fluidDisplay02,
2422
- fluidDisplay03: type.fluidDisplay03,
2423
- fluidDisplay04: type.fluidDisplay04,
2424
- spacing01: layout.spacing01,
2425
- spacing02: layout.spacing02,
2426
- spacing03: layout.spacing03,
2427
- spacing04: layout.spacing04,
2428
- spacing05: layout.spacing05,
2429
- spacing06: layout.spacing06,
2430
- spacing07: layout.spacing07,
2431
- spacing08: layout.spacing08,
2432
- spacing09: layout.spacing09,
2433
- spacing10: layout.spacing10,
2434
- spacing11: layout.spacing11,
2435
- spacing12: layout.spacing12,
2436
- spacing13: layout.spacing13,
2437
- fluidSpacing01: layout.fluidSpacing01,
2438
- fluidSpacing02: layout.fluidSpacing02,
2439
- fluidSpacing03: layout.fluidSpacing03,
2440
- fluidSpacing04: layout.fluidSpacing04,
2441
- container01: layout.container01,
2442
- container02: layout.container02,
2443
- container03: layout.container03,
2444
- container04: layout.container04,
2445
- container05: layout.container05,
2446
- sizeXSmall: layout.sizeXSmall,
2447
- sizeSmall: layout.sizeSmall,
2448
- sizeMedium: layout.sizeMedium,
2449
- sizeLarge: layout.sizeLarge,
2450
- sizeXLarge: layout.sizeXLarge,
2451
- size2XLarge: layout.size2XLarge,
2452
- iconSize01: layout.iconSize01,
2453
- iconSize02: layout.iconSize02
2826
+ caption01: type$2.caption01,
2827
+ caption02: type$2.caption02,
2828
+ label01: type$2.label01,
2829
+ label02: type$2.label02,
2830
+ helperText01: type$2.helperText01,
2831
+ helperText02: type$2.helperText02,
2832
+ bodyShort01: type$2.bodyShort01,
2833
+ bodyLong01: type$2.bodyLong01,
2834
+ bodyShort02: type$2.bodyShort02,
2835
+ bodyLong02: type$2.bodyLong02,
2836
+ code01: type$2.code01,
2837
+ code02: type$2.code02,
2838
+ heading01: type$2.heading01,
2839
+ productiveHeading01: type$2.productiveHeading01,
2840
+ heading02: type$2.heading02,
2841
+ productiveHeading02: type$2.productiveHeading02,
2842
+ productiveHeading03: type$2.productiveHeading03,
2843
+ productiveHeading04: type$2.productiveHeading04,
2844
+ productiveHeading05: type$2.productiveHeading05,
2845
+ productiveHeading06: type$2.productiveHeading06,
2846
+ productiveHeading07: type$2.productiveHeading07,
2847
+ expressiveHeading01: type$2.expressiveHeading01,
2848
+ expressiveHeading02: type$2.expressiveHeading02,
2849
+ expressiveHeading03: type$2.expressiveHeading03,
2850
+ expressiveHeading04: type$2.expressiveHeading04,
2851
+ expressiveHeading05: type$2.expressiveHeading05,
2852
+ expressiveHeading06: type$2.expressiveHeading06,
2853
+ expressiveParagraph01: type$2.expressiveParagraph01,
2854
+ quotation01: type$2.quotation01,
2855
+ quotation02: type$2.quotation02,
2856
+ display01: type$2.display01,
2857
+ display02: type$2.display02,
2858
+ display03: type$2.display03,
2859
+ display04: type$2.display04,
2860
+ legal01: type$2.legal01,
2861
+ legal02: type$2.legal02,
2862
+ bodyCompact01: type$2.bodyCompact01,
2863
+ bodyCompact02: type$2.bodyCompact02,
2864
+ body01: type$2.body01,
2865
+ body02: type$2.body02,
2866
+ headingCompact01: type$2.headingCompact01,
2867
+ headingCompact02: type$2.headingCompact02,
2868
+ heading03: type$2.heading03,
2869
+ heading04: type$2.heading04,
2870
+ heading05: type$2.heading05,
2871
+ heading06: type$2.heading06,
2872
+ heading07: type$2.heading07,
2873
+ fluidHeading03: type$2.fluidHeading03,
2874
+ fluidHeading04: type$2.fluidHeading04,
2875
+ fluidHeading05: type$2.fluidHeading05,
2876
+ fluidHeading06: type$2.fluidHeading06,
2877
+ fluidParagraph01: type$2.fluidParagraph01,
2878
+ fluidQuotation01: type$2.fluidQuotation01,
2879
+ fluidQuotation02: type$2.fluidQuotation02,
2880
+ fluidDisplay01: type$2.fluidDisplay01,
2881
+ fluidDisplay02: type$2.fluidDisplay02,
2882
+ fluidDisplay03: type$2.fluidDisplay03,
2883
+ fluidDisplay04: type$2.fluidDisplay04,
2884
+ spacing01: layout$2.spacing01,
2885
+ spacing02: layout$2.spacing02,
2886
+ spacing03: layout$2.spacing03,
2887
+ spacing04: layout$2.spacing04,
2888
+ spacing05: layout$2.spacing05,
2889
+ spacing06: layout$2.spacing06,
2890
+ spacing07: layout$2.spacing07,
2891
+ spacing08: layout$2.spacing08,
2892
+ spacing09: layout$2.spacing09,
2893
+ spacing10: layout$2.spacing10,
2894
+ spacing11: layout$2.spacing11,
2895
+ spacing12: layout$2.spacing12,
2896
+ spacing13: layout$2.spacing13,
2897
+ fluidSpacing01: layout$2.fluidSpacing01,
2898
+ fluidSpacing02: layout$2.fluidSpacing02,
2899
+ fluidSpacing03: layout$2.fluidSpacing03,
2900
+ fluidSpacing04: layout$2.fluidSpacing04,
2901
+ container01: layout$2.container01,
2902
+ container02: layout$2.container02,
2903
+ container03: layout$2.container03,
2904
+ container04: layout$2.container04,
2905
+ container05: layout$2.container05,
2906
+ sizeXSmall: layout$2.sizeXSmall,
2907
+ sizeSmall: layout$2.sizeSmall,
2908
+ sizeMedium: layout$2.sizeMedium,
2909
+ sizeLarge: layout$2.sizeLarge,
2910
+ sizeXLarge: layout$2.sizeXLarge,
2911
+ size2XLarge: layout$2.size2XLarge,
2912
+ iconSize01: layout$2.iconSize01,
2913
+ iconSize02: layout$2.iconSize02
2454
2914
  });
2455
2915
 
2456
2916
  /**
@@ -2497,7 +2957,7 @@
2497
2957
  var danger01 = colors$1.red60;
2498
2958
  var danger02 = colors$1.red50; // Interaction states
2499
2959
 
2500
- var focus = colors$1.white;
2960
+ var focus$1 = colors$1.white;
2501
2961
  var inverseFocusUi = colors$1.blue60;
2502
2962
  var hoverPrimary = '#0353e9';
2503
2963
  var activePrimary = colors$1.blue80;
@@ -2528,12 +2988,12 @@
2528
2988
  var skeleton02 = colors$1.gray70; // New color tokens
2529
2989
  // TO-DO: remove fallback color when v11 is released and assign carbon colors to new tokens
2530
2990
 
2531
- var background = uiBackground;
2532
- var layer = ui01;
2991
+ var background$1 = uiBackground;
2992
+ var layer$1 = ui01;
2533
2993
  var layerAccent = ui03;
2534
2994
  var layerAccentActive = colors$1.gray60;
2535
2995
  var layerAccentHover = adjustLightness(layerAccent, +6);
2536
- var field = field01;
2996
+ var field$1 = field01;
2537
2997
  var backgroundInverse = inverse02;
2538
2998
  var backgroundBrand = interactive01;
2539
2999
  var interactive = interactive04;
@@ -2650,7 +3110,7 @@
2650
3110
  overlay01: overlay01,
2651
3111
  danger01: danger01,
2652
3112
  danger02: danger02,
2653
- focus: focus,
3113
+ focus: focus$1,
2654
3114
  inverseFocusUi: inverseFocusUi,
2655
3115
  hoverPrimary: hoverPrimary,
2656
3116
  activePrimary: activePrimary,
@@ -2679,12 +3139,12 @@
2679
3139
  buttonSeparator: buttonSeparator,
2680
3140
  skeleton01: skeleton01,
2681
3141
  skeleton02: skeleton02,
2682
- background: background,
2683
- layer: layer,
3142
+ background: background$1,
3143
+ layer: layer$1,
2684
3144
  layerAccent: layerAccent,
2685
3145
  layerAccentActive: layerAccentActive,
2686
3146
  layerAccentHover: layerAccentHover,
2687
- field: field,
3147
+ field: field$1,
2688
3148
  backgroundInverse: backgroundInverse,
2689
3149
  backgroundBrand: backgroundBrand,
2690
3150
  interactive: interactive,
@@ -2760,94 +3220,94 @@
2760
3220
  active01: active01,
2761
3221
  hoverField: hoverField,
2762
3222
  danger: danger,
2763
- caption01: type.caption01,
2764
- caption02: type.caption02,
2765
- label01: type.label01,
2766
- label02: type.label02,
2767
- helperText01: type.helperText01,
2768
- helperText02: type.helperText02,
2769
- bodyShort01: type.bodyShort01,
2770
- bodyLong01: type.bodyLong01,
2771
- bodyShort02: type.bodyShort02,
2772
- bodyLong02: type.bodyLong02,
2773
- code01: type.code01,
2774
- code02: type.code02,
2775
- heading01: type.heading01,
2776
- productiveHeading01: type.productiveHeading01,
2777
- heading02: type.heading02,
2778
- productiveHeading02: type.productiveHeading02,
2779
- productiveHeading03: type.productiveHeading03,
2780
- productiveHeading04: type.productiveHeading04,
2781
- productiveHeading05: type.productiveHeading05,
2782
- productiveHeading06: type.productiveHeading06,
2783
- productiveHeading07: type.productiveHeading07,
2784
- expressiveHeading01: type.expressiveHeading01,
2785
- expressiveHeading02: type.expressiveHeading02,
2786
- expressiveHeading03: type.expressiveHeading03,
2787
- expressiveHeading04: type.expressiveHeading04,
2788
- expressiveHeading05: type.expressiveHeading05,
2789
- expressiveHeading06: type.expressiveHeading06,
2790
- expressiveParagraph01: type.expressiveParagraph01,
2791
- quotation01: type.quotation01,
2792
- quotation02: type.quotation02,
2793
- display01: type.display01,
2794
- display02: type.display02,
2795
- display03: type.display03,
2796
- display04: type.display04,
2797
- legal01: type.legal01,
2798
- legal02: type.legal02,
2799
- bodyCompact01: type.bodyCompact01,
2800
- bodyCompact02: type.bodyCompact02,
2801
- body01: type.body01,
2802
- body02: type.body02,
2803
- headingCompact01: type.headingCompact01,
2804
- headingCompact02: type.headingCompact02,
2805
- heading03: type.heading03,
2806
- heading04: type.heading04,
2807
- heading05: type.heading05,
2808
- heading06: type.heading06,
2809
- heading07: type.heading07,
2810
- fluidHeading03: type.fluidHeading03,
2811
- fluidHeading04: type.fluidHeading04,
2812
- fluidHeading05: type.fluidHeading05,
2813
- fluidHeading06: type.fluidHeading06,
2814
- fluidParagraph01: type.fluidParagraph01,
2815
- fluidQuotation01: type.fluidQuotation01,
2816
- fluidQuotation02: type.fluidQuotation02,
2817
- fluidDisplay01: type.fluidDisplay01,
2818
- fluidDisplay02: type.fluidDisplay02,
2819
- fluidDisplay03: type.fluidDisplay03,
2820
- fluidDisplay04: type.fluidDisplay04,
2821
- spacing01: layout.spacing01,
2822
- spacing02: layout.spacing02,
2823
- spacing03: layout.spacing03,
2824
- spacing04: layout.spacing04,
2825
- spacing05: layout.spacing05,
2826
- spacing06: layout.spacing06,
2827
- spacing07: layout.spacing07,
2828
- spacing08: layout.spacing08,
2829
- spacing09: layout.spacing09,
2830
- spacing10: layout.spacing10,
2831
- spacing11: layout.spacing11,
2832
- spacing12: layout.spacing12,
2833
- spacing13: layout.spacing13,
2834
- fluidSpacing01: layout.fluidSpacing01,
2835
- fluidSpacing02: layout.fluidSpacing02,
2836
- fluidSpacing03: layout.fluidSpacing03,
2837
- fluidSpacing04: layout.fluidSpacing04,
2838
- container01: layout.container01,
2839
- container02: layout.container02,
2840
- container03: layout.container03,
2841
- container04: layout.container04,
2842
- container05: layout.container05,
2843
- sizeXSmall: layout.sizeXSmall,
2844
- sizeSmall: layout.sizeSmall,
2845
- sizeMedium: layout.sizeMedium,
2846
- sizeLarge: layout.sizeLarge,
2847
- sizeXLarge: layout.sizeXLarge,
2848
- size2XLarge: layout.size2XLarge,
2849
- iconSize01: layout.iconSize01,
2850
- iconSize02: layout.iconSize02
3223
+ caption01: type$2.caption01,
3224
+ caption02: type$2.caption02,
3225
+ label01: type$2.label01,
3226
+ label02: type$2.label02,
3227
+ helperText01: type$2.helperText01,
3228
+ helperText02: type$2.helperText02,
3229
+ bodyShort01: type$2.bodyShort01,
3230
+ bodyLong01: type$2.bodyLong01,
3231
+ bodyShort02: type$2.bodyShort02,
3232
+ bodyLong02: type$2.bodyLong02,
3233
+ code01: type$2.code01,
3234
+ code02: type$2.code02,
3235
+ heading01: type$2.heading01,
3236
+ productiveHeading01: type$2.productiveHeading01,
3237
+ heading02: type$2.heading02,
3238
+ productiveHeading02: type$2.productiveHeading02,
3239
+ productiveHeading03: type$2.productiveHeading03,
3240
+ productiveHeading04: type$2.productiveHeading04,
3241
+ productiveHeading05: type$2.productiveHeading05,
3242
+ productiveHeading06: type$2.productiveHeading06,
3243
+ productiveHeading07: type$2.productiveHeading07,
3244
+ expressiveHeading01: type$2.expressiveHeading01,
3245
+ expressiveHeading02: type$2.expressiveHeading02,
3246
+ expressiveHeading03: type$2.expressiveHeading03,
3247
+ expressiveHeading04: type$2.expressiveHeading04,
3248
+ expressiveHeading05: type$2.expressiveHeading05,
3249
+ expressiveHeading06: type$2.expressiveHeading06,
3250
+ expressiveParagraph01: type$2.expressiveParagraph01,
3251
+ quotation01: type$2.quotation01,
3252
+ quotation02: type$2.quotation02,
3253
+ display01: type$2.display01,
3254
+ display02: type$2.display02,
3255
+ display03: type$2.display03,
3256
+ display04: type$2.display04,
3257
+ legal01: type$2.legal01,
3258
+ legal02: type$2.legal02,
3259
+ bodyCompact01: type$2.bodyCompact01,
3260
+ bodyCompact02: type$2.bodyCompact02,
3261
+ body01: type$2.body01,
3262
+ body02: type$2.body02,
3263
+ headingCompact01: type$2.headingCompact01,
3264
+ headingCompact02: type$2.headingCompact02,
3265
+ heading03: type$2.heading03,
3266
+ heading04: type$2.heading04,
3267
+ heading05: type$2.heading05,
3268
+ heading06: type$2.heading06,
3269
+ heading07: type$2.heading07,
3270
+ fluidHeading03: type$2.fluidHeading03,
3271
+ fluidHeading04: type$2.fluidHeading04,
3272
+ fluidHeading05: type$2.fluidHeading05,
3273
+ fluidHeading06: type$2.fluidHeading06,
3274
+ fluidParagraph01: type$2.fluidParagraph01,
3275
+ fluidQuotation01: type$2.fluidQuotation01,
3276
+ fluidQuotation02: type$2.fluidQuotation02,
3277
+ fluidDisplay01: type$2.fluidDisplay01,
3278
+ fluidDisplay02: type$2.fluidDisplay02,
3279
+ fluidDisplay03: type$2.fluidDisplay03,
3280
+ fluidDisplay04: type$2.fluidDisplay04,
3281
+ spacing01: layout$2.spacing01,
3282
+ spacing02: layout$2.spacing02,
3283
+ spacing03: layout$2.spacing03,
3284
+ spacing04: layout$2.spacing04,
3285
+ spacing05: layout$2.spacing05,
3286
+ spacing06: layout$2.spacing06,
3287
+ spacing07: layout$2.spacing07,
3288
+ spacing08: layout$2.spacing08,
3289
+ spacing09: layout$2.spacing09,
3290
+ spacing10: layout$2.spacing10,
3291
+ spacing11: layout$2.spacing11,
3292
+ spacing12: layout$2.spacing12,
3293
+ spacing13: layout$2.spacing13,
3294
+ fluidSpacing01: layout$2.fluidSpacing01,
3295
+ fluidSpacing02: layout$2.fluidSpacing02,
3296
+ fluidSpacing03: layout$2.fluidSpacing03,
3297
+ fluidSpacing04: layout$2.fluidSpacing04,
3298
+ container01: layout$2.container01,
3299
+ container02: layout$2.container02,
3300
+ container03: layout$2.container03,
3301
+ container04: layout$2.container04,
3302
+ container05: layout$2.container05,
3303
+ sizeXSmall: layout$2.sizeXSmall,
3304
+ sizeSmall: layout$2.sizeSmall,
3305
+ sizeMedium: layout$2.sizeMedium,
3306
+ sizeLarge: layout$2.sizeLarge,
3307
+ sizeXLarge: layout$2.sizeXLarge,
3308
+ size2XLarge: layout$2.size2XLarge,
3309
+ iconSize01: layout$2.iconSize01,
3310
+ iconSize02: layout$2.iconSize02
2851
3311
  });
2852
3312
 
2853
3313
  /**
@@ -2866,8 +3326,8 @@
2866
3326
  'brand01', 'brand02', 'brand03', 'active01', 'hoverField', 'danger'];
2867
3327
  var tokens = {
2868
3328
  colors: colors,
2869
- type: type.unstable_tokens,
2870
- layout: layout.unstable_tokens
3329
+ type: type$2.unstable_tokens,
3330
+ layout: layout$2.unstable_tokens
2871
3331
  };
2872
3332
 
2873
3333
  /**
@@ -2891,94 +3351,94 @@
2891
3351
  g100: g100,
2892
3352
  themes: themes$1,
2893
3353
  tokens: tokens,
2894
- caption01: type.caption01,
2895
- caption02: type.caption02,
2896
- label01: type.label01,
2897
- label02: type.label02,
2898
- helperText01: type.helperText01,
2899
- helperText02: type.helperText02,
2900
- bodyShort01: type.bodyShort01,
2901
- bodyLong01: type.bodyLong01,
2902
- bodyShort02: type.bodyShort02,
2903
- bodyLong02: type.bodyLong02,
2904
- code01: type.code01,
2905
- code02: type.code02,
2906
- heading01: type.heading01,
2907
- productiveHeading01: type.productiveHeading01,
2908
- heading02: type.heading02,
2909
- productiveHeading02: type.productiveHeading02,
2910
- productiveHeading03: type.productiveHeading03,
2911
- productiveHeading04: type.productiveHeading04,
2912
- productiveHeading05: type.productiveHeading05,
2913
- productiveHeading06: type.productiveHeading06,
2914
- productiveHeading07: type.productiveHeading07,
2915
- expressiveHeading01: type.expressiveHeading01,
2916
- expressiveHeading02: type.expressiveHeading02,
2917
- expressiveHeading03: type.expressiveHeading03,
2918
- expressiveHeading04: type.expressiveHeading04,
2919
- expressiveHeading05: type.expressiveHeading05,
2920
- expressiveHeading06: type.expressiveHeading06,
2921
- expressiveParagraph01: type.expressiveParagraph01,
2922
- quotation01: type.quotation01,
2923
- quotation02: type.quotation02,
2924
- display01: type.display01,
2925
- display02: type.display02,
2926
- display03: type.display03,
2927
- display04: type.display04,
2928
- legal01: type.legal01,
2929
- legal02: type.legal02,
2930
- bodyCompact01: type.bodyCompact01,
2931
- bodyCompact02: type.bodyCompact02,
2932
- body01: type.body01,
2933
- body02: type.body02,
2934
- headingCompact01: type.headingCompact01,
2935
- headingCompact02: type.headingCompact02,
2936
- heading03: type.heading03,
2937
- heading04: type.heading04,
2938
- heading05: type.heading05,
2939
- heading06: type.heading06,
2940
- heading07: type.heading07,
2941
- fluidHeading03: type.fluidHeading03,
2942
- fluidHeading04: type.fluidHeading04,
2943
- fluidHeading05: type.fluidHeading05,
2944
- fluidHeading06: type.fluidHeading06,
2945
- fluidParagraph01: type.fluidParagraph01,
2946
- fluidQuotation01: type.fluidQuotation01,
2947
- fluidQuotation02: type.fluidQuotation02,
2948
- fluidDisplay01: type.fluidDisplay01,
2949
- fluidDisplay02: type.fluidDisplay02,
2950
- fluidDisplay03: type.fluidDisplay03,
2951
- fluidDisplay04: type.fluidDisplay04,
2952
- spacing01: layout.spacing01,
2953
- spacing02: layout.spacing02,
2954
- spacing03: layout.spacing03,
2955
- spacing04: layout.spacing04,
2956
- spacing05: layout.spacing05,
2957
- spacing06: layout.spacing06,
2958
- spacing07: layout.spacing07,
2959
- spacing08: layout.spacing08,
2960
- spacing09: layout.spacing09,
2961
- spacing10: layout.spacing10,
2962
- spacing11: layout.spacing11,
2963
- spacing12: layout.spacing12,
2964
- spacing13: layout.spacing13,
2965
- fluidSpacing01: layout.fluidSpacing01,
2966
- fluidSpacing02: layout.fluidSpacing02,
2967
- fluidSpacing03: layout.fluidSpacing03,
2968
- fluidSpacing04: layout.fluidSpacing04,
2969
- container01: layout.container01,
2970
- container02: layout.container02,
2971
- container03: layout.container03,
2972
- container04: layout.container04,
2973
- container05: layout.container05,
2974
- sizeXSmall: layout.sizeXSmall,
2975
- sizeSmall: layout.sizeSmall,
2976
- sizeMedium: layout.sizeMedium,
2977
- sizeLarge: layout.sizeLarge,
2978
- sizeXLarge: layout.sizeXLarge,
2979
- size2XLarge: layout.size2XLarge,
2980
- iconSize01: layout.iconSize01,
2981
- iconSize02: layout.iconSize02,
3354
+ caption01: type$2.caption01,
3355
+ caption02: type$2.caption02,
3356
+ label01: type$2.label01,
3357
+ label02: type$2.label02,
3358
+ helperText01: type$2.helperText01,
3359
+ helperText02: type$2.helperText02,
3360
+ bodyShort01: type$2.bodyShort01,
3361
+ bodyLong01: type$2.bodyLong01,
3362
+ bodyShort02: type$2.bodyShort02,
3363
+ bodyLong02: type$2.bodyLong02,
3364
+ code01: type$2.code01,
3365
+ code02: type$2.code02,
3366
+ heading01: type$2.heading01,
3367
+ productiveHeading01: type$2.productiveHeading01,
3368
+ heading02: type$2.heading02,
3369
+ productiveHeading02: type$2.productiveHeading02,
3370
+ productiveHeading03: type$2.productiveHeading03,
3371
+ productiveHeading04: type$2.productiveHeading04,
3372
+ productiveHeading05: type$2.productiveHeading05,
3373
+ productiveHeading06: type$2.productiveHeading06,
3374
+ productiveHeading07: type$2.productiveHeading07,
3375
+ expressiveHeading01: type$2.expressiveHeading01,
3376
+ expressiveHeading02: type$2.expressiveHeading02,
3377
+ expressiveHeading03: type$2.expressiveHeading03,
3378
+ expressiveHeading04: type$2.expressiveHeading04,
3379
+ expressiveHeading05: type$2.expressiveHeading05,
3380
+ expressiveHeading06: type$2.expressiveHeading06,
3381
+ expressiveParagraph01: type$2.expressiveParagraph01,
3382
+ quotation01: type$2.quotation01,
3383
+ quotation02: type$2.quotation02,
3384
+ display01: type$2.display01,
3385
+ display02: type$2.display02,
3386
+ display03: type$2.display03,
3387
+ display04: type$2.display04,
3388
+ legal01: type$2.legal01,
3389
+ legal02: type$2.legal02,
3390
+ bodyCompact01: type$2.bodyCompact01,
3391
+ bodyCompact02: type$2.bodyCompact02,
3392
+ body01: type$2.body01,
3393
+ body02: type$2.body02,
3394
+ headingCompact01: type$2.headingCompact01,
3395
+ headingCompact02: type$2.headingCompact02,
3396
+ heading03: type$2.heading03,
3397
+ heading04: type$2.heading04,
3398
+ heading05: type$2.heading05,
3399
+ heading06: type$2.heading06,
3400
+ heading07: type$2.heading07,
3401
+ fluidHeading03: type$2.fluidHeading03,
3402
+ fluidHeading04: type$2.fluidHeading04,
3403
+ fluidHeading05: type$2.fluidHeading05,
3404
+ fluidHeading06: type$2.fluidHeading06,
3405
+ fluidParagraph01: type$2.fluidParagraph01,
3406
+ fluidQuotation01: type$2.fluidQuotation01,
3407
+ fluidQuotation02: type$2.fluidQuotation02,
3408
+ fluidDisplay01: type$2.fluidDisplay01,
3409
+ fluidDisplay02: type$2.fluidDisplay02,
3410
+ fluidDisplay03: type$2.fluidDisplay03,
3411
+ fluidDisplay04: type$2.fluidDisplay04,
3412
+ spacing01: layout$2.spacing01,
3413
+ spacing02: layout$2.spacing02,
3414
+ spacing03: layout$2.spacing03,
3415
+ spacing04: layout$2.spacing04,
3416
+ spacing05: layout$2.spacing05,
3417
+ spacing06: layout$2.spacing06,
3418
+ spacing07: layout$2.spacing07,
3419
+ spacing08: layout$2.spacing08,
3420
+ spacing09: layout$2.spacing09,
3421
+ spacing10: layout$2.spacing10,
3422
+ spacing11: layout$2.spacing11,
3423
+ spacing12: layout$2.spacing12,
3424
+ spacing13: layout$2.spacing13,
3425
+ fluidSpacing01: layout$2.fluidSpacing01,
3426
+ fluidSpacing02: layout$2.fluidSpacing02,
3427
+ fluidSpacing03: layout$2.fluidSpacing03,
3428
+ fluidSpacing04: layout$2.fluidSpacing04,
3429
+ container01: layout$2.container01,
3430
+ container02: layout$2.container02,
3431
+ container03: layout$2.container03,
3432
+ container04: layout$2.container04,
3433
+ container05: layout$2.container05,
3434
+ sizeXSmall: layout$2.sizeXSmall,
3435
+ sizeSmall: layout$2.sizeSmall,
3436
+ sizeMedium: layout$2.sizeMedium,
3437
+ sizeLarge: layout$2.sizeLarge,
3438
+ sizeXLarge: layout$2.sizeXLarge,
3439
+ size2XLarge: layout$2.size2XLarge,
3440
+ iconSize01: layout$2.iconSize01,
3441
+ iconSize02: layout$2.iconSize02,
2982
3442
  interactive01: interactive01$3,
2983
3443
  interactive02: interactive02$3,
2984
3444
  interactive03: interactive03$3,
@@ -3016,7 +3476,7 @@
3016
3476
  overlay01: overlay01$3,
3017
3477
  danger01: danger01$3,
3018
3478
  danger02: danger02$3,
3019
- focus: focus$3,
3479
+ focus: focus$4,
3020
3480
  inverseFocusUi: inverseFocusUi$3,
3021
3481
  hoverPrimary: hoverPrimary$3,
3022
3482
  activePrimary: activePrimary$3,
@@ -3045,12 +3505,12 @@
3045
3505
  buttonSeparator: buttonSeparator$3,
3046
3506
  skeleton01: skeleton01$3,
3047
3507
  skeleton02: skeleton02$3,
3048
- background: background$3,
3049
- layer: layer$3,
3508
+ background: background$4,
3509
+ layer: layer$4,
3050
3510
  layerAccent: layerAccent$3,
3051
3511
  layerAccentActive: layerAccentActive$3,
3052
3512
  layerAccentHover: layerAccentHover$3,
3053
- field: field$3,
3513
+ field: field$4,
3054
3514
  backgroundInverse: backgroundInverse$3,
3055
3515
  backgroundBrand: backgroundBrand$3,
3056
3516
  interactive: interactive$3,
@@ -3128,6 +3588,679 @@
3128
3588
  danger: danger$3
3129
3589
  });
3130
3590
 
3591
+ /**
3592
+ * Copyright IBM Corp. 2018, 2018
3593
+ *
3594
+ * This source code is licensed under the Apache-2.0 license found in the
3595
+ * LICENSE file in the root directory of this source tree.
3596
+ */
3597
+
3598
+ /**
3599
+ * A Token is the simplest unit in our theme. It can have a name, properties
3600
+ * that it applies to like border or background, along with a state if the
3601
+ * token should only be used for specific states like hover or focus.
3602
+ */
3603
+ var Token = /*#__PURE__*/function () {
3604
+ function Token(name, properties, state) {
3605
+ _classCallCheck(this, Token);
3606
+
3607
+ this.kind = 'Token';
3608
+ this.name = name;
3609
+
3610
+ if (properties) {
3611
+ this.properties = properties;
3612
+ }
3613
+
3614
+ if (state) {
3615
+ this.state = state;
3616
+ }
3617
+ }
3618
+
3619
+ _createClass(Token, null, [{
3620
+ key: "create",
3621
+ value: function create(token) {
3622
+ if (typeof token === 'string') {
3623
+ return new Token(token);
3624
+ }
3625
+
3626
+ return new Token(token.name, token.properties, token.state);
3627
+ }
3628
+ }]);
3629
+
3630
+ return Token;
3631
+ }();
3632
+
3633
+ /**
3634
+ * A TokenGroup allows us to group up a collection of tokens and nested token
3635
+ * groups. A group allows us to colocate related tokens and write information
3636
+ * once that applies to the entire collection of tokens. For example, if all the
3637
+ * tokens apply to the `border` color property then we can specify this property
3638
+ * at the group level
3639
+ *
3640
+ * A TokenGroup allows us to colocate all this information while also providing
3641
+ * ways to get information about the entire group, including properties and
3642
+ * states
3643
+ */
3644
+
3645
+ var TokenGroup = /*#__PURE__*/function (_Symbol$iterator) {
3646
+ function TokenGroup(name, tokens, properties) {
3647
+ _classCallCheck(this, TokenGroup);
3648
+
3649
+ this.kind = 'TokenGroup';
3650
+ this.name = name;
3651
+
3652
+ if (properties) {
3653
+ this.properties = properties;
3654
+ }
3655
+
3656
+ this.children = tokens.map(function (child) {
3657
+ if (child.kind === 'TokenGroup') {
3658
+ return child;
3659
+ }
3660
+
3661
+ return Token.create(child);
3662
+ });
3663
+ }
3664
+
3665
+ _createClass(TokenGroup, [{
3666
+ key: _Symbol$iterator,
3667
+ value: /*#__PURE__*/_regeneratorRuntime().mark(function value() {
3668
+ var _iterator, _step, child;
3669
+
3670
+ return _regeneratorRuntime().wrap(function value$(_context) {
3671
+ while (1) {
3672
+ switch (_context.prev = _context.next) {
3673
+ case 0:
3674
+ _context.next = 2;
3675
+ return this;
3676
+
3677
+ case 2:
3678
+ _iterator = _createForOfIteratorHelper(this.children);
3679
+ _context.prev = 3;
3680
+
3681
+ _iterator.s();
3682
+
3683
+ case 5:
3684
+ if ((_step = _iterator.n()).done) {
3685
+ _context.next = 13;
3686
+ break;
3687
+ }
3688
+
3689
+ child = _step.value;
3690
+ _context.next = 9;
3691
+ return child;
3692
+
3693
+ case 9:
3694
+ if (!(child.kind === 'TokenGroup')) {
3695
+ _context.next = 11;
3696
+ break;
3697
+ }
3698
+
3699
+ return _context.delegateYield(child, "t0", 11);
3700
+
3701
+ case 11:
3702
+ _context.next = 5;
3703
+ break;
3704
+
3705
+ case 13:
3706
+ _context.next = 18;
3707
+ break;
3708
+
3709
+ case 15:
3710
+ _context.prev = 15;
3711
+ _context.t1 = _context["catch"](3);
3712
+
3713
+ _iterator.e(_context.t1);
3714
+
3715
+ case 18:
3716
+ _context.prev = 18;
3717
+
3718
+ _iterator.f();
3719
+
3720
+ return _context.finish(18);
3721
+
3722
+ case 21:
3723
+ case "end":
3724
+ return _context.stop();
3725
+ }
3726
+ }
3727
+ }, value, this, [[3, 15, 18, 21]]);
3728
+ })
3729
+ /**
3730
+ * Get all the tokens available in every Token Group in this TokenGroup,
3731
+ * including itself.
3732
+ * @returns {Array<Token>}
3733
+ */
3734
+
3735
+ }, {
3736
+ key: "getTokens",
3737
+ value: function getTokens() {
3738
+ var parentContext = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
3739
+
3740
+ var context = _objectSpread2(_objectSpread2({}, parentContext), {}, {
3741
+ groups: parentContext.groups ? parentContext.groups.concat(this) : [this],
3742
+ properties: this.properties || parentContext.properties
3743
+ });
3744
+
3745
+ return this.children.flatMap(function (child) {
3746
+ if (child.kind === 'TokenGroup') {
3747
+ return child.getTokens(context);
3748
+ }
3749
+
3750
+ var token = _objectSpread2(_objectSpread2({}, context), {}, {
3751
+ name: child.name,
3752
+ properties: child.properties || context.properties
3753
+ });
3754
+
3755
+ if (child.state) {
3756
+ token.state = child.state;
3757
+ }
3758
+
3759
+ return token;
3760
+ });
3761
+ }
3762
+ /**
3763
+ * Get a specific token from the TokenGroup, or form one of its nested
3764
+ * TokenGroups
3765
+ * @returns {Token}
3766
+ */
3767
+
3768
+ }, {
3769
+ key: "getToken",
3770
+ value: function getToken(tokenOrName) {
3771
+ var name = typeof tokenOrName === 'string' ? tokenOrName : tokenOrName.name;
3772
+
3773
+ var _iterator2 = _createForOfIteratorHelper(this),
3774
+ _step2;
3775
+
3776
+ try {
3777
+ for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
3778
+ var child = _step2.value;
3779
+
3780
+ if (child.kind === 'TokenGroup') {
3781
+ continue;
3782
+ }
3783
+
3784
+ if (child.name === name) {
3785
+ return child;
3786
+ }
3787
+ }
3788
+ } catch (err) {
3789
+ _iterator2.e(err);
3790
+ } finally {
3791
+ _iterator2.f();
3792
+ }
3793
+
3794
+ return null;
3795
+ }
3796
+ /**
3797
+ * Get all the unique groups in the token group, including this group
3798
+ * @returns {Array<TokenGroup>}
3799
+ */
3800
+
3801
+ }, {
3802
+ key: "getTokenGroups",
3803
+ value: function getTokenGroups() {
3804
+ var set = new Set();
3805
+
3806
+ var _iterator3 = _createForOfIteratorHelper(this),
3807
+ _step3;
3808
+
3809
+ try {
3810
+ for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
3811
+ var child = _step3.value;
3812
+
3813
+ if (child.kind !== 'TokenGroup') {
3814
+ continue;
3815
+ }
3816
+
3817
+ set.add(child);
3818
+ }
3819
+ } catch (err) {
3820
+ _iterator3.e(err);
3821
+ } finally {
3822
+ _iterator3.f();
3823
+ }
3824
+
3825
+ return Array.from(set);
3826
+ }
3827
+ /**
3828
+ * Get all the unique properties in the token group, including this group
3829
+ * @returns {Array<string>}
3830
+ */
3831
+
3832
+ }, {
3833
+ key: "getTokenProperties",
3834
+ value: function getTokenProperties() {
3835
+ var set = new Set();
3836
+
3837
+ var _iterator4 = _createForOfIteratorHelper(this),
3838
+ _step4;
3839
+
3840
+ try {
3841
+ for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
3842
+ var child = _step4.value;
3843
+
3844
+ if (!Array.isArray(child.properties)) {
3845
+ continue;
3846
+ }
3847
+
3848
+ var _iterator5 = _createForOfIteratorHelper(child.properties),
3849
+ _step5;
3850
+
3851
+ try {
3852
+ for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
3853
+ var property = _step5.value;
3854
+ set.add(property);
3855
+ }
3856
+ } catch (err) {
3857
+ _iterator5.e(err);
3858
+ } finally {
3859
+ _iterator5.f();
3860
+ }
3861
+ }
3862
+ } catch (err) {
3863
+ _iterator4.e(err);
3864
+ } finally {
3865
+ _iterator4.f();
3866
+ }
3867
+
3868
+ return Array.from(set);
3869
+ }
3870
+ /**
3871
+ * Get all the unique states in the token group, including this group
3872
+ * @returns {Array<string>}
3873
+ */
3874
+
3875
+ }, {
3876
+ key: "getTokenStates",
3877
+ value: function getTokenStates() {
3878
+ var set = new Set();
3879
+
3880
+ var _iterator6 = _createForOfIteratorHelper(this),
3881
+ _step6;
3882
+
3883
+ try {
3884
+ for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {
3885
+ var child = _step6.value;
3886
+
3887
+ if (child.kind !== 'Token') {
3888
+ continue;
3889
+ }
3890
+
3891
+ if (child.state) {
3892
+ set.add(child.state);
3893
+ }
3894
+ }
3895
+ } catch (err) {
3896
+ _iterator6.e(err);
3897
+ } finally {
3898
+ _iterator6.f();
3899
+ }
3900
+
3901
+ return Array.from(set);
3902
+ }
3903
+ }], [{
3904
+ key: "create",
3905
+ value: function create(_ref) {
3906
+ var name = _ref.name,
3907
+ properties = _ref.properties,
3908
+ _ref$tokens = _ref.tokens,
3909
+ tokens = _ref$tokens === void 0 ? [] : _ref$tokens;
3910
+ return new TokenGroup(name, tokens, properties);
3911
+ }
3912
+ }]);
3913
+
3914
+ return TokenGroup;
3915
+ }(Symbol.iterator);
3916
+
3917
+ /**
3918
+ * Copyright IBM Corp. 2018, 2018
3919
+ *
3920
+ * This source code is licensed under the Apache-2.0 license found in the
3921
+ * LICENSE file in the root directory of this source tree.
3922
+ */
3923
+ var background = TokenGroup.create({
3924
+ name: 'Background',
3925
+ properties: ['background'],
3926
+ tokens: ['background', {
3927
+ name: 'background-active',
3928
+ state: 'active'
3929
+ }, {
3930
+ name: 'background-selected',
3931
+ state: 'selected'
3932
+ }, {
3933
+ name: 'background-selected-hover',
3934
+ state: 'hover'
3935
+ }, {
3936
+ name: 'background-hover',
3937
+ state: 'hover'
3938
+ }, 'background-brand', 'background-inverse', {
3939
+ state: 'hover',
3940
+ name: 'background-inverse-hover'
3941
+ }]
3942
+ });
3943
+ var layer = TokenGroup.create({
3944
+ name: 'Layer',
3945
+ properties: ['background'],
3946
+ tokens: [{
3947
+ name: 'layer-01'
3948
+ }, {
3949
+ state: 'active',
3950
+ name: 'layer-active-01'
3951
+ }, {
3952
+ state: 'hover',
3953
+ name: 'layer-hover-01'
3954
+ }, {
3955
+ state: 'selected',
3956
+ name: 'layer-selected-01'
3957
+ }, {
3958
+ state: 'hover',
3959
+ name: 'layer-selected-hover-01'
3960
+ }, {
3961
+ name: 'layer-02'
3962
+ }, {
3963
+ state: 'active',
3964
+ name: 'layer-active-02'
3965
+ }, {
3966
+ state: 'hover',
3967
+ name: 'layer-hover-02'
3968
+ }, {
3969
+ state: 'selected',
3970
+ name: 'layer-selected-02'
3971
+ }, {
3972
+ state: 'hover',
3973
+ name: 'layer-selected-hover-02'
3974
+ }, {
3975
+ name: 'layer-03'
3976
+ }, {
3977
+ state: 'active',
3978
+ name: 'layer-active-03'
3979
+ }, {
3980
+ state: 'hover',
3981
+ name: 'layer-hover-03'
3982
+ }, {
3983
+ state: 'selected',
3984
+ name: 'layer-selected-03'
3985
+ }, {
3986
+ state: 'hover',
3987
+ name: 'layer-selected-hover-03'
3988
+ }, {
3989
+ name: 'layer-selected-inverse'
3990
+ }, {
3991
+ state: 'disabled',
3992
+ name: 'layer-selected-disabled'
3993
+ }, {
3994
+ name: 'layer-accent-01'
3995
+ }, {
3996
+ state: 'active',
3997
+ name: 'layer-accent-active-01'
3998
+ }, {
3999
+ state: 'hover',
4000
+ name: 'layer-accent-hover-01'
4001
+ }, {
4002
+ name: 'layer-accent-02'
4003
+ }, {
4004
+ state: 'active',
4005
+ name: 'layer-accent-active-02'
4006
+ }, {
4007
+ state: 'hover',
4008
+ name: 'layer-accent-hover-02'
4009
+ }, {
4010
+ name: 'layer-accent-03'
4011
+ }, {
4012
+ state: 'active',
4013
+ name: 'layer-accent-active-03'
4014
+ }, {
4015
+ state: 'hover',
4016
+ name: 'layer-accent-hover-03'
4017
+ }]
4018
+ });
4019
+ var field = TokenGroup.create({
4020
+ name: 'Field',
4021
+ properties: ['background'],
4022
+ tokens: [{
4023
+ name: 'field-01'
4024
+ }, {
4025
+ state: 'hover',
4026
+ name: 'field-hover-01'
4027
+ }, {
4028
+ name: 'field-02'
4029
+ }, {
4030
+ state: 'hover',
4031
+ name: 'field-hover-02'
4032
+ }, {
4033
+ name: 'field-03'
4034
+ }, {
4035
+ state: 'hover',
4036
+ name: 'field-hover-03'
4037
+ }]
4038
+ });
4039
+ var border = TokenGroup.create({
4040
+ name: 'Borders',
4041
+ properties: ['border'],
4042
+ tokens: [{
4043
+ name: 'border-subtle-00'
4044
+ }, {
4045
+ name: 'border-subtle-01'
4046
+ }, {
4047
+ state: 'selected',
4048
+ name: 'border-subtle-selected-01'
4049
+ }, {
4050
+ name: 'border-subtle-02'
4051
+ }, {
4052
+ state: 'selected',
4053
+ name: 'border-subtle-selected-02'
4054
+ }, {
4055
+ name: 'border-subtle-03'
4056
+ }, {
4057
+ state: 'selected',
4058
+ name: 'border-subtle-selected-03'
4059
+ }, // Border strong
4060
+ 'border-strong-01', 'border-strong-02', 'border-strong-03', // Border inverse
4061
+ 'border-inverse', // Border interactive
4062
+ 'border-interactive', {
4063
+ state: 'disabled',
4064
+ name: 'border-disabled'
4065
+ }]
4066
+ });
4067
+ var text = TokenGroup.create({
4068
+ name: 'Text',
4069
+ properties: ['text'],
4070
+ tokens: ['text-primary', 'text-secondary', 'text-placeholder', 'text-helper', 'text-error', 'text-inverse', {
4071
+ name: 'text-on-color'
4072
+ }, {
4073
+ state: 'disabled',
4074
+ name: 'text-on-color-disabled'
4075
+ }, {
4076
+ state: 'disabled',
4077
+ name: 'text-disabled'
4078
+ }]
4079
+ });
4080
+ var link = TokenGroup.create({
4081
+ name: 'Link',
4082
+ properties: ['text'],
4083
+ tokens: [{
4084
+ name: 'link-primary'
4085
+ }, {
4086
+ state: 'hover',
4087
+ name: 'link-primary-hover'
4088
+ }, 'link-secondary', {
4089
+ state: 'visited',
4090
+ name: 'link-visited'
4091
+ }, 'link-inverse', 'link-inverse-active', 'link-inverse-hover']
4092
+ });
4093
+ var icon = TokenGroup.create({
4094
+ name: 'Icons',
4095
+ properties: ['background', 'fill', 'stroke'],
4096
+ tokens: ['icon-primary', 'icon-secondary', 'icon-inverse', {
4097
+ name: 'icon-on-color'
4098
+ }, {
4099
+ state: 'disabled',
4100
+ name: 'icon-on-color-disabled'
4101
+ }, {
4102
+ state: 'disabled',
4103
+ name: 'icon-disabled'
4104
+ }]
4105
+ });
4106
+ var support = TokenGroup.create({
4107
+ name: 'Support',
4108
+ properties: ['background', 'fill', 'stroke'],
4109
+ tokens: ['support-error', 'support-success', 'support-warning', 'support-info', 'support-error-inverse', 'support-success-inverse', 'support-warning-inverse', 'support-info-inverse', 'support-caution-major', 'support-caution-minor', 'support-caution-undefined']
4110
+ });
4111
+ var focus = TokenGroup.create({
4112
+ name: 'Focus',
4113
+ properties: ['border'],
4114
+ tokens: ['focus', 'focus-inset', 'focus-inverse']
4115
+ });
4116
+ var skeleton = TokenGroup.create({
4117
+ name: 'Skeleton',
4118
+ properties: ['background'],
4119
+ tokens: ['skeleton-background', 'skeleton-element']
4120
+ });
4121
+ var contextual = TokenGroup.create({
4122
+ name: 'Contextual',
4123
+ properties: [],
4124
+ tokens: ['layer', 'layer-active', 'layer-hover', 'layer-selected', 'layer-selected-hover', 'layer-accent', 'layer-accent-hover', 'layer-accent-active', 'field', 'field-hover', 'border-subtle', 'border-subtle-selected', 'border-strong']
4125
+ });
4126
+ var group = TokenGroup.create({
4127
+ name: 'All',
4128
+ tokens: [background, layer, field, // Interactive
4129
+ {
4130
+ name: 'interactive',
4131
+ properties: ['background', 'text']
4132
+ }, border, text, link, icon, support, // Misc
4133
+ {
4134
+ name: 'highlight'
4135
+ }, {
4136
+ name: 'overlay',
4137
+ properties: ['background']
4138
+ }, {
4139
+ name: 'toggle-off'
4140
+ }, {
4141
+ name: 'shadow'
4142
+ }, focus, skeleton]
4143
+ });
4144
+
4145
+ /**
4146
+ * Copyright IBM Corp. 2018, 2018
4147
+ *
4148
+ * This source code is licensed under the Apache-2.0 license found in the
4149
+ * LICENSE file in the root directory of this source tree.
4150
+ */
4151
+ var button = TokenGroup.create({
4152
+ name: 'Button',
4153
+ properties: [],
4154
+ tokens: ['button-separator', 'button-primary', 'button-secondary', 'button-tertiary', 'button-danger-primary', 'button-danger-secondary', 'button-danger-active', 'button-primary-active', 'button-secondary-active', 'button-tertiary-active', 'button-danger-hover', 'button-primary-hover', 'button-secondary-hover', 'button-tertiary-hover', 'button-disabled']
4155
+ });
4156
+ var notification = TokenGroup.create({
4157
+ name: 'Notification',
4158
+ properties: [],
4159
+ tokens: ['notification-background-error', 'notification-background-success', 'notification-background-info', 'notification-background-warning', 'notification-action-hover', 'notification-action-tertiary-inverse', 'notification-action-tertiary-inverse-active', 'notification-action-tertiary-inverse-hover', 'notification-action-tertiary-inverse-text', 'notification-action-tertiary-inverse-text-on-color-disabled']
4160
+ });
4161
+ var tag = TokenGroup.create({
4162
+ name: 'Tag',
4163
+ properties: [],
4164
+ tokens: ['tag-background-red', 'tag-color-red', 'tag-hover-red', 'tag-background-magenta', 'tag-color-magenta', 'tag-hover-magenta', 'tag-background-purple', 'tag-color-purple', 'tag-hover-purple', 'tag-background-blue', 'tag-color-blue', 'tag-hover-blue', 'tag-background-cyan', 'tag-color-cyan', 'tag-hover-cyan', 'tag-background-teal', 'tag-color-teal', 'tag-hover-teal', 'tag-background-green', 'tag-color-green', 'tag-hover-green', 'tag-background-gray', 'tag-color-gray', 'tag-hover-gray', 'tag-background-cool-gray', 'tag-color-cool-gray', 'tag-hover-cool-gray', 'tag-background-warm-gray', 'tag-color-warm-gray', 'tag-hover-warm-gray']
4165
+ });
4166
+
4167
+ var components = /*#__PURE__*/Object.freeze({
4168
+ __proto__: null,
4169
+ button: button,
4170
+ notification: notification,
4171
+ tag: tag
4172
+ });
4173
+
4174
+ /**
4175
+ * Copyright IBM Corp. 2018, 2018
4176
+ *
4177
+ * This source code is licensed under the Apache-2.0 license found in the
4178
+ * LICENSE file in the root directory of this source tree.
4179
+ */
4180
+ var type$1 = TokenGroup.create({
4181
+ name: 'Type',
4182
+ properties: [],
4183
+ tokens: ['caption-01', 'caption-02', 'label-01', 'label-02', 'helper-text-01', 'helper-text-02', 'body-short-01', 'body-long-01', 'body-short-02', 'body-long-02', 'code-01', 'code-02', 'heading-01', 'productive-heading-01', 'heading-02', 'productive-Heading-02', 'productive-heading-03', 'productive-heading-04', 'productive-heading-05', 'productive-heading-06', 'productive-heading-07', 'expressive-heading-01', 'expressive-heading-02', 'expressive-heading-03', 'expressive-heading-04', 'expressive-heading-05', 'expressive-heading-06', 'expressive-paragraph-01', 'quotation-01', 'quotation-02', 'display-01', 'display-02', 'display-03', 'display-04']
4184
+ });
4185
+
4186
+ /**
4187
+ * Copyright IBM Corp. 2018, 2018
4188
+ *
4189
+ * This source code is licensed under the Apache-2.0 license found in the
4190
+ * LICENSE file in the root directory of this source tree.
4191
+ */
4192
+ var layout$1 = TokenGroup.create({
4193
+ name: 'Layout',
4194
+ properties: [],
4195
+ tokens: ['spacing-01', 'spacing-02', 'spacing-03', 'spacing-04', 'spacing-05', 'spacing-06', 'spacing-07', 'spacing-08', 'spacing-09', 'spacing-10', 'spacing-11', 'spacing-12', 'spacing-13', 'fluid-spacing-01', 'fluid-spacing-02', 'fluid-spacing-03', 'fluid-spacing-04', 'container-01', 'container-02', 'container-03', 'container-04', 'container-05', 'icon-size-01', 'icon-size-02']
4196
+ });
4197
+
4198
+ var color = TokenGroup.create({
4199
+ name: 'Color',
4200
+ properties: [],
4201
+ tokens: ['interactive-01', 'interactive-02', 'interactive-03', 'interactive-04', 'ui-background', 'ui-01', 'ui-02', 'ui-03', 'ui-04', 'ui-05', 'text-01', 'text-02', 'text-03', 'text-04', 'text-05', 'text-error', 'icon-01', 'icon-02', 'icon-03', 'link-01', 'link-02', 'inverse-link', 'field-01', 'field-02', 'inverse-01', 'inverse-02', 'support-01', 'support-02', 'support-03', 'support-04', 'inverse-support-01', 'inverse-support-02', 'inverse-support-03', 'inverse-support-04', 'overlay-01', 'danger-01', 'danger-02', 'focus', 'inverse-focus-ui', 'hover-primary', 'active-primary', 'hover-primary-text', 'hover-secondary', 'active-secondary', 'hover-tertiary', 'active-tertiary', 'hover-ui', 'hover-light-ui', 'hover-selected-ui', 'active-ui', 'active-light-ui', 'selected-ui', 'selected-light-ui', 'inverse-hover-ui', 'hover-danger', 'active-danger', 'hover-row', 'visited-link', 'disabled-01', 'disabled-02', 'disabled-03', 'highlight', 'decorative-01', 'button-separator', 'skeleton-01', 'skeleton-02', // deprecated
4202
+ 'brand-01', 'brand-02', 'brand-03', 'active-01', 'hover-field', 'danger']
4203
+ });
4204
+ var type = TokenGroup.create({
4205
+ name: 'Type',
4206
+ properties: [],
4207
+ tokens: ['caption-01', 'caption-02', 'label-01', 'label-02', 'helper-text-01', 'helper-text-02', 'body-short-01', 'body-long-01', 'body-short-02', 'body-long-02', 'code-01', 'code-02', 'heading-01', 'productive-heading-01', 'heading-02', 'productive-Heading-02', 'productive-heading-03', 'productive-heading-04', 'productive-heading-05', 'productive-heading-06', 'productive-heading-07', 'expressive-heading-01', 'expressive-heading-02', 'expressive-heading-03', 'expressive-heading-04', 'expressive-heading-05', 'expressive-heading-06', 'expressive-paragraph-01', 'quotation-01', 'quotation-02', 'display-01', 'display-02', 'display-03', 'display-04']
4208
+ });
4209
+ var layout = TokenGroup.create({
4210
+ name: 'Layout',
4211
+ properties: [],
4212
+ tokens: ['spacing-01', 'spacing-02', 'spacing-03', 'spacing-04', 'spacing-05', 'spacing-06', 'spacing-07', 'spacing-08', 'spacing-09', 'spacing-10', 'spacing-11', 'spacing-12', 'spacing-13', 'layout-01', 'layout-02', 'layout-03', 'layout-04', 'layout-05', 'layout-06', 'layout-07', 'fluid-spacing-01', 'fluid-spacing-02', 'fluid-spacing-03', 'fluid-spacing-04', 'container-01', 'container-02', 'container-03', 'container-04', 'container-05', 'icon-size-01', 'icon-size-02']
4213
+ });
4214
+ var v10 = [].concat(_toConsumableArray(color.getTokens().map(function (token) {
4215
+ return {
4216
+ name: token.name,
4217
+ type: 'color'
4218
+ };
4219
+ })), _toConsumableArray(type.getTokens().map(function (token) {
4220
+ return {
4221
+ name: token.name,
4222
+ type: 'type'
4223
+ };
4224
+ })), _toConsumableArray(layout.getTokens().map(function (token) {
4225
+ return {
4226
+ name: token.name,
4227
+ type: 'layout'
4228
+ };
4229
+ })));
4230
+
4231
+ var v11 = [].concat(_toConsumableArray(group.getTokens().map(function (token) {
4232
+ return {
4233
+ name: token.name,
4234
+ type: 'color'
4235
+ };
4236
+ })), _toConsumableArray(contextual.getTokens().map(function (token) {
4237
+ return {
4238
+ name: token.name,
4239
+ type: 'color'
4240
+ };
4241
+ })), _toConsumableArray(Object.values(components).flatMap(function (group) {
4242
+ return group.getTokens().map(function (token) {
4243
+ return {
4244
+ name: token.name,
4245
+ type: 'color'
4246
+ };
4247
+ });
4248
+ })), _toConsumableArray(type$1.getTokens().map(function (token) {
4249
+ return {
4250
+ name: token.name,
4251
+ type: 'type'
4252
+ };
4253
+ })), _toConsumableArray(layout$1.getTokens().map(function (token) {
4254
+ return {
4255
+ name: token.name,
4256
+ type: 'layout'
4257
+ };
4258
+ })));
4259
+ var unstable_metadata = {
4260
+ v11: v11,
4261
+ v10: v10
4262
+ };
4263
+
3131
4264
  /**
3132
4265
  * Copyright IBM Corp. 2018, 2018
3133
4266
  *
@@ -3143,261 +4276,261 @@
3143
4276
 
3144
4277
  Object.defineProperty(exports, 'bodyLong01', {
3145
4278
  enumerable: true,
3146
- get: function () { return type.bodyLong01; }
4279
+ get: function () { return type$2.bodyLong01; }
3147
4280
  });
3148
4281
  Object.defineProperty(exports, 'bodyLong02', {
3149
4282
  enumerable: true,
3150
- get: function () { return type.bodyLong02; }
4283
+ get: function () { return type$2.bodyLong02; }
3151
4284
  });
3152
4285
  Object.defineProperty(exports, 'bodyShort01', {
3153
4286
  enumerable: true,
3154
- get: function () { return type.bodyShort01; }
4287
+ get: function () { return type$2.bodyShort01; }
3155
4288
  });
3156
4289
  Object.defineProperty(exports, 'bodyShort02', {
3157
4290
  enumerable: true,
3158
- get: function () { return type.bodyShort02; }
4291
+ get: function () { return type$2.bodyShort02; }
3159
4292
  });
3160
4293
  Object.defineProperty(exports, 'caption01', {
3161
4294
  enumerable: true,
3162
- get: function () { return type.caption01; }
4295
+ get: function () { return type$2.caption01; }
3163
4296
  });
3164
4297
  Object.defineProperty(exports, 'caption02', {
3165
4298
  enumerable: true,
3166
- get: function () { return type.caption02; }
4299
+ get: function () { return type$2.caption02; }
3167
4300
  });
3168
4301
  Object.defineProperty(exports, 'code01', {
3169
4302
  enumerable: true,
3170
- get: function () { return type.code01; }
4303
+ get: function () { return type$2.code01; }
3171
4304
  });
3172
4305
  Object.defineProperty(exports, 'code02', {
3173
4306
  enumerable: true,
3174
- get: function () { return type.code02; }
4307
+ get: function () { return type$2.code02; }
3175
4308
  });
3176
4309
  Object.defineProperty(exports, 'display01', {
3177
4310
  enumerable: true,
3178
- get: function () { return type.display01; }
4311
+ get: function () { return type$2.display01; }
3179
4312
  });
3180
4313
  Object.defineProperty(exports, 'display02', {
3181
4314
  enumerable: true,
3182
- get: function () { return type.display02; }
4315
+ get: function () { return type$2.display02; }
3183
4316
  });
3184
4317
  Object.defineProperty(exports, 'display03', {
3185
4318
  enumerable: true,
3186
- get: function () { return type.display03; }
4319
+ get: function () { return type$2.display03; }
3187
4320
  });
3188
4321
  Object.defineProperty(exports, 'display04', {
3189
4322
  enumerable: true,
3190
- get: function () { return type.display04; }
4323
+ get: function () { return type$2.display04; }
3191
4324
  });
3192
4325
  Object.defineProperty(exports, 'expressiveHeading01', {
3193
4326
  enumerable: true,
3194
- get: function () { return type.expressiveHeading01; }
4327
+ get: function () { return type$2.expressiveHeading01; }
3195
4328
  });
3196
4329
  Object.defineProperty(exports, 'expressiveHeading02', {
3197
4330
  enumerable: true,
3198
- get: function () { return type.expressiveHeading02; }
4331
+ get: function () { return type$2.expressiveHeading02; }
3199
4332
  });
3200
4333
  Object.defineProperty(exports, 'expressiveHeading03', {
3201
4334
  enumerable: true,
3202
- get: function () { return type.expressiveHeading03; }
4335
+ get: function () { return type$2.expressiveHeading03; }
3203
4336
  });
3204
4337
  Object.defineProperty(exports, 'expressiveHeading04', {
3205
4338
  enumerable: true,
3206
- get: function () { return type.expressiveHeading04; }
4339
+ get: function () { return type$2.expressiveHeading04; }
3207
4340
  });
3208
4341
  Object.defineProperty(exports, 'expressiveHeading05', {
3209
4342
  enumerable: true,
3210
- get: function () { return type.expressiveHeading05; }
4343
+ get: function () { return type$2.expressiveHeading05; }
3211
4344
  });
3212
4345
  Object.defineProperty(exports, 'expressiveHeading06', {
3213
4346
  enumerable: true,
3214
- get: function () { return type.expressiveHeading06; }
4347
+ get: function () { return type$2.expressiveHeading06; }
3215
4348
  });
3216
4349
  Object.defineProperty(exports, 'expressiveParagraph01', {
3217
4350
  enumerable: true,
3218
- get: function () { return type.expressiveParagraph01; }
4351
+ get: function () { return type$2.expressiveParagraph01; }
3219
4352
  });
3220
4353
  Object.defineProperty(exports, 'heading01', {
3221
4354
  enumerable: true,
3222
- get: function () { return type.heading01; }
4355
+ get: function () { return type$2.heading01; }
3223
4356
  });
3224
4357
  Object.defineProperty(exports, 'heading02', {
3225
4358
  enumerable: true,
3226
- get: function () { return type.heading02; }
4359
+ get: function () { return type$2.heading02; }
3227
4360
  });
3228
4361
  Object.defineProperty(exports, 'helperText01', {
3229
4362
  enumerable: true,
3230
- get: function () { return type.helperText01; }
4363
+ get: function () { return type$2.helperText01; }
3231
4364
  });
3232
4365
  Object.defineProperty(exports, 'helperText02', {
3233
4366
  enumerable: true,
3234
- get: function () { return type.helperText02; }
4367
+ get: function () { return type$2.helperText02; }
3235
4368
  });
3236
4369
  Object.defineProperty(exports, 'label01', {
3237
4370
  enumerable: true,
3238
- get: function () { return type.label01; }
4371
+ get: function () { return type$2.label01; }
3239
4372
  });
3240
4373
  Object.defineProperty(exports, 'label02', {
3241
4374
  enumerable: true,
3242
- get: function () { return type.label02; }
4375
+ get: function () { return type$2.label02; }
3243
4376
  });
3244
4377
  Object.defineProperty(exports, 'productiveHeading01', {
3245
4378
  enumerable: true,
3246
- get: function () { return type.productiveHeading01; }
4379
+ get: function () { return type$2.productiveHeading01; }
3247
4380
  });
3248
4381
  Object.defineProperty(exports, 'productiveHeading02', {
3249
4382
  enumerable: true,
3250
- get: function () { return type.productiveHeading02; }
4383
+ get: function () { return type$2.productiveHeading02; }
3251
4384
  });
3252
4385
  Object.defineProperty(exports, 'productiveHeading03', {
3253
4386
  enumerable: true,
3254
- get: function () { return type.productiveHeading03; }
4387
+ get: function () { return type$2.productiveHeading03; }
3255
4388
  });
3256
4389
  Object.defineProperty(exports, 'productiveHeading04', {
3257
4390
  enumerable: true,
3258
- get: function () { return type.productiveHeading04; }
4391
+ get: function () { return type$2.productiveHeading04; }
3259
4392
  });
3260
4393
  Object.defineProperty(exports, 'productiveHeading05', {
3261
4394
  enumerable: true,
3262
- get: function () { return type.productiveHeading05; }
4395
+ get: function () { return type$2.productiveHeading05; }
3263
4396
  });
3264
4397
  Object.defineProperty(exports, 'productiveHeading06', {
3265
4398
  enumerable: true,
3266
- get: function () { return type.productiveHeading06; }
4399
+ get: function () { return type$2.productiveHeading06; }
3267
4400
  });
3268
4401
  Object.defineProperty(exports, 'productiveHeading07', {
3269
4402
  enumerable: true,
3270
- get: function () { return type.productiveHeading07; }
4403
+ get: function () { return type$2.productiveHeading07; }
3271
4404
  });
3272
4405
  Object.defineProperty(exports, 'quotation01', {
3273
4406
  enumerable: true,
3274
- get: function () { return type.quotation01; }
4407
+ get: function () { return type$2.quotation01; }
3275
4408
  });
3276
4409
  Object.defineProperty(exports, 'quotation02', {
3277
4410
  enumerable: true,
3278
- get: function () { return type.quotation02; }
4411
+ get: function () { return type$2.quotation02; }
3279
4412
  });
3280
4413
  Object.defineProperty(exports, 'container01', {
3281
4414
  enumerable: true,
3282
- get: function () { return layout.container01; }
4415
+ get: function () { return layout$2.container01; }
3283
4416
  });
3284
4417
  Object.defineProperty(exports, 'container02', {
3285
4418
  enumerable: true,
3286
- get: function () { return layout.container02; }
4419
+ get: function () { return layout$2.container02; }
3287
4420
  });
3288
4421
  Object.defineProperty(exports, 'container03', {
3289
4422
  enumerable: true,
3290
- get: function () { return layout.container03; }
4423
+ get: function () { return layout$2.container03; }
3291
4424
  });
3292
4425
  Object.defineProperty(exports, 'container04', {
3293
4426
  enumerable: true,
3294
- get: function () { return layout.container04; }
4427
+ get: function () { return layout$2.container04; }
3295
4428
  });
3296
4429
  Object.defineProperty(exports, 'container05', {
3297
4430
  enumerable: true,
3298
- get: function () { return layout.container05; }
4431
+ get: function () { return layout$2.container05; }
3299
4432
  });
3300
4433
  Object.defineProperty(exports, 'fluidSpacing01', {
3301
4434
  enumerable: true,
3302
- get: function () { return layout.fluidSpacing01; }
4435
+ get: function () { return layout$2.fluidSpacing01; }
3303
4436
  });
3304
4437
  Object.defineProperty(exports, 'fluidSpacing02', {
3305
4438
  enumerable: true,
3306
- get: function () { return layout.fluidSpacing02; }
4439
+ get: function () { return layout$2.fluidSpacing02; }
3307
4440
  });
3308
4441
  Object.defineProperty(exports, 'fluidSpacing03', {
3309
4442
  enumerable: true,
3310
- get: function () { return layout.fluidSpacing03; }
4443
+ get: function () { return layout$2.fluidSpacing03; }
3311
4444
  });
3312
4445
  Object.defineProperty(exports, 'fluidSpacing04', {
3313
4446
  enumerable: true,
3314
- get: function () { return layout.fluidSpacing04; }
4447
+ get: function () { return layout$2.fluidSpacing04; }
3315
4448
  });
3316
4449
  Object.defineProperty(exports, 'iconSize01', {
3317
4450
  enumerable: true,
3318
- get: function () { return layout.iconSize01; }
4451
+ get: function () { return layout$2.iconSize01; }
3319
4452
  });
3320
4453
  Object.defineProperty(exports, 'iconSize02', {
3321
4454
  enumerable: true,
3322
- get: function () { return layout.iconSize02; }
4455
+ get: function () { return layout$2.iconSize02; }
3323
4456
  });
3324
4457
  Object.defineProperty(exports, 'size2XLarge', {
3325
4458
  enumerable: true,
3326
- get: function () { return layout.size2XLarge; }
4459
+ get: function () { return layout$2.size2XLarge; }
3327
4460
  });
3328
4461
  Object.defineProperty(exports, 'sizeLarge', {
3329
4462
  enumerable: true,
3330
- get: function () { return layout.sizeLarge; }
4463
+ get: function () { return layout$2.sizeLarge; }
3331
4464
  });
3332
4465
  Object.defineProperty(exports, 'sizeMedium', {
3333
4466
  enumerable: true,
3334
- get: function () { return layout.sizeMedium; }
4467
+ get: function () { return layout$2.sizeMedium; }
3335
4468
  });
3336
4469
  Object.defineProperty(exports, 'sizeSmall', {
3337
4470
  enumerable: true,
3338
- get: function () { return layout.sizeSmall; }
4471
+ get: function () { return layout$2.sizeSmall; }
3339
4472
  });
3340
4473
  Object.defineProperty(exports, 'sizeXLarge', {
3341
4474
  enumerable: true,
3342
- get: function () { return layout.sizeXLarge; }
4475
+ get: function () { return layout$2.sizeXLarge; }
3343
4476
  });
3344
4477
  Object.defineProperty(exports, 'sizeXSmall', {
3345
4478
  enumerable: true,
3346
- get: function () { return layout.sizeXSmall; }
4479
+ get: function () { return layout$2.sizeXSmall; }
3347
4480
  });
3348
4481
  Object.defineProperty(exports, 'spacing01', {
3349
4482
  enumerable: true,
3350
- get: function () { return layout.spacing01; }
4483
+ get: function () { return layout$2.spacing01; }
3351
4484
  });
3352
4485
  Object.defineProperty(exports, 'spacing02', {
3353
4486
  enumerable: true,
3354
- get: function () { return layout.spacing02; }
4487
+ get: function () { return layout$2.spacing02; }
3355
4488
  });
3356
4489
  Object.defineProperty(exports, 'spacing03', {
3357
4490
  enumerable: true,
3358
- get: function () { return layout.spacing03; }
4491
+ get: function () { return layout$2.spacing03; }
3359
4492
  });
3360
4493
  Object.defineProperty(exports, 'spacing04', {
3361
4494
  enumerable: true,
3362
- get: function () { return layout.spacing04; }
4495
+ get: function () { return layout$2.spacing04; }
3363
4496
  });
3364
4497
  Object.defineProperty(exports, 'spacing05', {
3365
4498
  enumerable: true,
3366
- get: function () { return layout.spacing05; }
4499
+ get: function () { return layout$2.spacing05; }
3367
4500
  });
3368
4501
  Object.defineProperty(exports, 'spacing06', {
3369
4502
  enumerable: true,
3370
- get: function () { return layout.spacing06; }
4503
+ get: function () { return layout$2.spacing06; }
3371
4504
  });
3372
4505
  Object.defineProperty(exports, 'spacing07', {
3373
4506
  enumerable: true,
3374
- get: function () { return layout.spacing07; }
4507
+ get: function () { return layout$2.spacing07; }
3375
4508
  });
3376
4509
  Object.defineProperty(exports, 'spacing08', {
3377
4510
  enumerable: true,
3378
- get: function () { return layout.spacing08; }
4511
+ get: function () { return layout$2.spacing08; }
3379
4512
  });
3380
4513
  Object.defineProperty(exports, 'spacing09', {
3381
4514
  enumerable: true,
3382
- get: function () { return layout.spacing09; }
4515
+ get: function () { return layout$2.spacing09; }
3383
4516
  });
3384
4517
  Object.defineProperty(exports, 'spacing10', {
3385
4518
  enumerable: true,
3386
- get: function () { return layout.spacing10; }
4519
+ get: function () { return layout$2.spacing10; }
3387
4520
  });
3388
4521
  Object.defineProperty(exports, 'spacing11', {
3389
4522
  enumerable: true,
3390
- get: function () { return layout.spacing11; }
4523
+ get: function () { return layout$2.spacing11; }
3391
4524
  });
3392
4525
  Object.defineProperty(exports, 'spacing12', {
3393
4526
  enumerable: true,
3394
- get: function () { return layout.spacing12; }
4527
+ get: function () { return layout$2.spacing12; }
3395
4528
  });
3396
4529
  Object.defineProperty(exports, 'spacing13', {
3397
4530
  enumerable: true,
3398
- get: function () { return layout.spacing13; }
4531
+ get: function () { return layout$2.spacing13; }
3399
4532
  });
3400
- exports.background = background$7;
4533
+ exports.background = background$8;
3401
4534
  exports.backgroundActive = backgroundActive$7;
3402
4535
  exports.backgroundBrand = backgroundBrand$7;
3403
4536
  exports.backgroundHover = backgroundHover$7;
@@ -3424,7 +4557,7 @@
3424
4557
  exports.fieldHover01 = fieldHover01$3;
3425
4558
  exports.fieldHover02 = fieldHover02$3;
3426
4559
  exports.fieldHover03 = fieldHover03$3;
3427
- exports.focus = focus$7;
4560
+ exports.focus = focus$8;
3428
4561
  exports.focusInset = focusInset$7;
3429
4562
  exports.focusInverse = focusInverse$7;
3430
4563
  exports.g10 = g10$1;
@@ -3497,6 +4630,7 @@
3497
4630
  exports.textSecondary = textSecondary$7;
3498
4631
  exports.themes = themes;
3499
4632
  exports.toggleOff = toggleOff$7;
4633
+ exports.unstable_metadata = unstable_metadata;
3500
4634
  exports.v10 = index;
3501
4635
  exports.white = white$1;
3502
4636