@instructure/ui-theme-tokens 9.5.2-snapshot-7 → 9.5.2

package/CHANGELOG.md

@@ -3,18 +3,9 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [9.5.2-snapshot-7](https://github.com/instructure/instructure-ui/compare/v9.5.1...v9.5.2-snapshot-7) (2024-07-31)
+## [9.5.2](https://github.com/instructure/instructure-ui/compare/v9.5.1...v9.5.2) (2024-08-05)
 
-
-### Features
-
-* **many:** rewrite color system ([1e5809e](https://github.com/instructure/instructure-ui/commit/1e5809e28dee8c2a71703a429609b8d2f95d76e6))
-* **shared-types,ui-theme-tokens:** add transparent colors to the palette ([7219606](https://github.com/instructure/instructure-ui/commit/7219606144114fd4bf4048177dfe31ee81de76d9))
-
-
-### BREAKING CHANGES
-
-* **many:** Breaks color overrides in certain cases
+**Note:** Version bump only for package @instructure/ui-theme-tokens
 
 
 

package/es/canvas/colors.js

@@ -22,39 +22,23 @@
  * SOFTWARE.
  */
 
-import primitives from '../common/colors/primitves';
-import getUIColors from '../utils/getUIColors';
-const contrasts = {
-  white1010: primitives.white,
-  white1010op75: primitives.white10op75,
-  grey1111: primitives.grey11,
-  grey1214: primitives.grey12,
-  grey1424: primitives.grey14,
-  grey2424: primitives.grey24,
-  grey4570: primitives.grey45,
-  grey5782: primitives.grey57,
-  grey100100: primitives.grey100,
-  grey100100op75: primitives.grey100op75,
-  grey125125: primitives.grey125,
-  blue1212: primitives.blue12,
-  blue4570: primitives.blue45,
-  blue5782: primitives.blue57,
-  green1212: primitives.green12,
-  green4570: primitives.green45,
-  green5782: primitives.green57,
-  orange1212: primitives.orange12,
-  orange3045: primitives.orange30,
-  orange4570: primitives.orange45,
-  orange5782: primitives.orange57,
-  red1212: primitives.red12,
-  red4570: primitives.red45,
-  red5782: primitives.red57
-};
-const ui = getUIColors(contrasts);
-const colors = {
-  primitives,
-  contrasts,
-  ui
+import { functionalColors } from '../utils/functionalColors';
+const baseColors = {
+  brand: '#0374B5',
+  link: '#0374B5',
+  electric: '#0374B5',
+  shamrock: '#0B874B',
+  barney: '#BF32A4',
+  crimson: '#E0061F',
+  fire: '#FC5E13',
+  licorice: '#2D3B45',
+  oxford: '#394B58',
+  ash: '#6B7780',
+  slate: '#8B969E',
+  tiara: '#C7CDD1',
+  porcelain: '#F5F5F5',
+  white: '#FFFFFF'
 };
+const colors = Object.freeze(functionalColors(baseColors));
 export default colors;
 export { colors };

package/es/canvasHighContrast/colors.js

@@ -22,39 +22,23 @@
  * SOFTWARE.
  */
 
-import primitives from '../common/colors/primitves';
-import getUIColors from '../utils/getUIColors';
-const contrasts = {
-  white1010: primitives.white,
-  white1010op75: primitives.white10op75,
-  grey1111: primitives.grey11,
-  grey1214: primitives.grey14,
-  grey1424: primitives.grey24,
-  grey2424: primitives.grey24,
-  grey4570: primitives.grey70,
-  grey5782: primitives.grey82,
-  grey100100: primitives.grey100,
-  grey100100op75: primitives.grey100op75,
-  grey125125: primitives.grey125,
-  blue1212: primitives.blue12,
-  blue4570: primitives.blue70,
-  blue5782: primitives.blue82,
-  green1212: primitives.green12,
-  green4570: primitives.green70,
-  green5782: primitives.green82,
-  orange1212: primitives.orange12,
-  orange3045: primitives.orange45,
-  orange4570: primitives.orange70,
-  orange5782: primitives.orange82,
-  red1212: primitives.red12,
-  red4570: primitives.red70,
-  red5782: primitives.red82
-};
-const ui = getUIColors(contrasts);
-const colors = {
-  primitives,
-  contrasts,
-  ui
+import { functionalColors } from '../utils/functionalColors';
+const baseColors = {
+  brand: '#0770A3',
+  link: '#0770A3',
+  electric: '#0770A3',
+  shamrock: '#127A1B',
+  barney: '#B8309E',
+  crimson: '#D01A19',
+  fire: '#C23C0D',
+  licorice: '#2D3B45',
+  oxford: '#394B58',
+  ash: '#556572',
+  slate: '#556572',
+  tiara: '#556572',
+  porcelain: '#FFFFFF',
+  white: '#FFFFFF'
 };
+const colors = Object.freeze(functionalColors(baseColors));
 export default colors;
 export { colors };

package/es/index.js

@@ -24,5 +24,6 @@
 
 import { canvas } from './canvas';
 import { canvasHighContrast } from './canvasHighContrast';
-import primitives from './common/colors/primitves';
-export { canvas, canvasHighContrast, primitives };
+import { instructure } from './instructure';
+import { functionalColors } from './utils/functionalColors';
+export { canvas, canvasHighContrast, instructure, functionalColors };

package/es/instructure/colors.js

@@ -0,0 +1,56 @@
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present Instructure, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+import { functionalColors } from '../utils/functionalColors';
+const values = {
+  brand: '#287A9F',
+  link: '#287A9F',
+  electric: '#287A9F',
+  shamrock: '#24A159',
+  barney: '#143D50',
+  crimson: '#E72429',
+  fire: '#F76400',
+  licorice: '#0D323F',
+  oxford: '#143D50',
+  ash: '#156380',
+  slate: '#156380',
+  tiara: '#CCDCE4',
+  porcelain: '#F2F8FA',
+  white: '#FFFFFF'
+};
+
+/**
+ * Two Inst colors are not accessible, so adding them for display purposes only in decorative elements
+ */
+
+// Two Inst colors are not accessible, so adding them for display purposes only
+// in decorative elements
+const appendInaccessibleColors = {
+  ...functionalColors(values),
+  inaccessibleAlert: '#fccb0e',
+  inaccessibleWarning: '#f68e1f'
+};
+const colors = Object.freeze(appendInaccessibleColors);
+export default colors;
+export { colors };

package/es/{common/colors/index.js → instructure/forms.js}

@@ -22,8 +22,10 @@
  * SOFTWARE.
  */
 
-import primitives from './primitves';
-const colors = {
-  primitives
-};
-export default colors;
+const forms = Object.freeze({
+  inputHeightSmall: '2rem',
+  inputHeightMedium: '2.75rem',
+  inputHeightLarge: '3.375rem'
+});
+export default forms;
+export { forms };

package/es/{common/colors/primitves.js → instructure/index.js}

@@ -22,40 +22,17 @@
  * SOFTWARE.
  */
 
-const primitives = {
-  white: '#FFFFFF',
-  white10op75: '#FFFFFFBF',
-  grey11: '#F2F4F4',
-  grey12: '#E8EAEC',
-  grey14: '#D7DADE',
-  grey24: '#9EA6AD',
-  grey45: '#6A7883',
-  grey57: '#586874',
-  grey70: '#4A5B68',
-  grey82: '#3F515E',
-  grey100: '#334451',
-  grey100op75: '#334451BF',
-  grey125: '#273540',
-  blue12: '#E0EBF5',
-  blue45: '#2B7ABC',
-  blue57: '#0E68B3',
-  blue70: '#0A5A9E',
-  blue82: '#09508C',
-  green12: '#DCEEE4',
-  green45: '#03893D',
-  green57: '#027634',
-  green70: '#02672D',
-  green82: '#015B28',
-  orange12: '#FCE5D9',
-  orange30: '#F06E26',
-  orange45: '#CF4A00',
-  orange57: '#B34000',
-  orange70: '#9C3800',
-  orange82: '#8B3200',
-  red12: '#FCE4E5',
-  red45: '#E62429',
-  red57: '#C71F23',
-  red70: '#AE1B1F',
-  red82: '#9B181C'
+import { canvas } from '../canvas';
+import { colors } from './colors';
+import { forms } from './forms';
+import { spacing } from './spacing';
+import { typography } from './typography';
+const instructure = {
+  ...canvas,
+  colors,
+  forms,
+  spacing,
+  typography
 };
-export default primitives;
+export default instructure;
+export { instructure };

package/es/instructure/spacing.js

@@ -0,0 +1,37 @@
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present Instructure, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+const spacing = Object.freeze({
+  xxxSmall: '0.125rem',
+  xxSmall: '0.375rem',
+  xSmall: '0.75rem',
+  small: '1rem',
+  mediumSmall: '1.25rem',
+  medium: '1.5rem',
+  large: '2.25rem',
+  xLarge: '3rem',
+  xxLarge: '3.75rem'
+});
+export default spacing;
+export { spacing };

package/es/instructure/typography.js

@@ -0,0 +1,49 @@
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present Instructure, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+const typography = Object.freeze({
+  fontFamily: `"Proxima Nova", "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI",
+  "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans",
+  "Helvetica Neue", sans-serif`,
+  fontFamilyMonospace: 'Menlo, Consolas, Monaco, "Andale Mono", monospace',
+  fontFamilyHeading: `"TiemposHeadlineWebBold", "Georgia", "Proxima Nova", sans-serif`,
+  fontSizeXSmall: '0.75rem',
+  fontSizeSmall: '0.875rem',
+  fontSizeMedium: '1rem',
+  fontSizeLarge: '1.25rem',
+  fontSizeXLarge: '2.25rem',
+  fontSizeXXLarge: '3rem',
+  fontWeightLight: 300,
+  fontWeightNormal: 400,
+  fontWeightBold: 700,
+  lineHeight: 1.5,
+  lineHeightFit: 1.125,
+  lineHeightCondensed: 1.25,
+  lineHeightDouble: 2,
+  letterSpacingNormal: 0,
+  letterSpacingCondensed: '-0.0625rem',
+  letterSpacingExpanded: '0.0625rem'
+});
+export default typography;
+export { typography };

package/es/utils/functionalColors.js

@@ -0,0 +1,79 @@
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present Instructure, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+function functionalColors(colors) {
+  const text = {
+    textDarkest: colors.licorice,
+    textDark: colors.ash,
+    textLight: colors.porcelain,
+    textLightest: colors.white,
+    textBrand: colors.brand,
+    textLink: colors.link,
+    textAlert: colors.barney,
+    textInfo: colors.brand,
+    textSuccess: colors.shamrock,
+    textDanger: colors.crimson,
+    textWarning: colors.fire
+  };
+  const background = {
+    backgroundDarkest: colors.licorice,
+    backgroundDark: colors.ash,
+    backgroundMedium: colors.tiara,
+    backgroundLight: colors.porcelain,
+    backgroundLightest: colors.white,
+    backgroundBrand: colors.brand,
+    backgroundBrandSecondary: colors.oxford,
+    backgroundAlert: colors.barney,
+    backgroundInfo: colors.brand,
+    backgroundSuccess: colors.shamrock,
+    backgroundDanger: colors.crimson,
+    backgroundWarning: colors.fire
+  };
+  const border = {
+    borderLightest: colors.white,
+    borderLight: colors.porcelain,
+    borderMedium: colors.tiara,
+    borderDark: colors.ash,
+    borderDarkest: colors.licorice,
+    borderBrand: colors.brand,
+    borderAlert: colors.barney,
+    borderInfo: colors.brand,
+    borderSuccess: colors.shamrock,
+    borderDanger: colors.crimson,
+    borderWarning: colors.fire,
+    borderDebug: colors.crimson
+  };
+  return {
+    ...colors,
+    ...text,
+    ...background,
+    ...border,
+    values: colors,
+    text: text,
+    background: background,
+    border: border
+  };
+}
+export default functionalColors;
+export { functionalColors };

package/lib/canvas/colors.js

@@ -1,12 +1,10 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.colors = void 0;
-var _primitves = _interopRequireDefault(require("../common/colors/primitves"));
-var _getUIColors = _interopRequireDefault(require("../utils/getUIColors"));
+var _functionalColors = require("../utils/functionalColors");
 /*
  * The MIT License (MIT)
  *
@@ -31,36 +29,21 @@ var _getUIColors = _interopRequireDefault(require("../utils/getUIColors"));
  * SOFTWARE.
  */
 
-const contrasts = {
-  white1010: _primitves.default.white,
-  white1010op75: _primitves.default.white10op75,
-  grey1111: _primitves.default.grey11,
-  grey1214: _primitves.default.grey12,
-  grey1424: _primitves.default.grey14,
-  grey2424: _primitves.default.grey24,
-  grey4570: _primitves.default.grey45,
-  grey5782: _primitves.default.grey57,
-  grey100100: _primitves.default.grey100,
-  grey100100op75: _primitves.default.grey100op75,
-  grey125125: _primitves.default.grey125,
-  blue1212: _primitves.default.blue12,
-  blue4570: _primitves.default.blue45,
-  blue5782: _primitves.default.blue57,
-  green1212: _primitves.default.green12,
-  green4570: _primitves.default.green45,
-  green5782: _primitves.default.green57,
-  orange1212: _primitves.default.orange12,
-  orange3045: _primitves.default.orange30,
-  orange4570: _primitves.default.orange45,
-  orange5782: _primitves.default.orange57,
-  red1212: _primitves.default.red12,
-  red4570: _primitves.default.red45,
-  red5782: _primitves.default.red57
-};
-const ui = (0, _getUIColors.default)(contrasts);
-const colors = exports.colors = {
-  primitives: _primitves.default,
-  contrasts,
-  ui
+const baseColors = {
+  brand: '#0374B5',
+  link: '#0374B5',
+  electric: '#0374B5',
+  shamrock: '#0B874B',
+  barney: '#BF32A4',
+  crimson: '#E0061F',
+  fire: '#FC5E13',
+  licorice: '#2D3B45',
+  oxford: '#394B58',
+  ash: '#6B7780',
+  slate: '#8B969E',
+  tiara: '#C7CDD1',
+  porcelain: '#F5F5F5',
+  white: '#FFFFFF'
 };
+const colors = exports.colors = Object.freeze((0, _functionalColors.functionalColors)(baseColors));
 var _default = exports.default = colors;

package/lib/canvasHighContrast/colors.js

@@ -1,12 +1,10 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.colors = void 0;
-var _primitves = _interopRequireDefault(require("../common/colors/primitves"));
-var _getUIColors = _interopRequireDefault(require("../utils/getUIColors"));
+var _functionalColors = require("../utils/functionalColors");
 /*
  * The MIT License (MIT)
  *
@@ -31,36 +29,21 @@ var _getUIColors = _interopRequireDefault(require("../utils/getUIColors"));
  * SOFTWARE.
  */
 
-const contrasts = {
-  white1010: _primitves.default.white,
-  white1010op75: _primitves.default.white10op75,
-  grey1111: _primitves.default.grey11,
-  grey1214: _primitves.default.grey14,
-  grey1424: _primitves.default.grey24,
-  grey2424: _primitves.default.grey24,
-  grey4570: _primitves.default.grey70,
-  grey5782: _primitves.default.grey82,
-  grey100100: _primitves.default.grey100,
-  grey100100op75: _primitves.default.grey100op75,
-  grey125125: _primitves.default.grey125,
-  blue1212: _primitves.default.blue12,
-  blue4570: _primitves.default.blue70,
-  blue5782: _primitves.default.blue82,
-  green1212: _primitves.default.green12,
-  green4570: _primitves.default.green70,
-  green5782: _primitves.default.green82,
-  orange1212: _primitves.default.orange12,
-  orange3045: _primitves.default.orange45,
-  orange4570: _primitves.default.orange70,
-  orange5782: _primitves.default.orange82,
-  red1212: _primitves.default.red12,
-  red4570: _primitves.default.red70,
-  red5782: _primitves.default.red82
-};
-const ui = (0, _getUIColors.default)(contrasts);
-const colors = exports.colors = {
-  primitives: _primitves.default,
-  contrasts,
-  ui
+const baseColors = {
+  brand: '#0770A3',
+  link: '#0770A3',
+  electric: '#0770A3',
+  shamrock: '#127A1B',
+  barney: '#B8309E',
+  crimson: '#D01A19',
+  fire: '#C23C0D',
+  licorice: '#2D3B45',
+  oxford: '#394B58',
+  ash: '#556572',
+  slate: '#556572',
+  tiara: '#556572',
+  porcelain: '#FFFFFF',
+  white: '#FFFFFF'
 };
+const colors = exports.colors = Object.freeze((0, _functionalColors.functionalColors)(baseColors));
 var _default = exports.default = colors;

package/lib/index.js

@@ -1,6 +1,5 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -16,12 +15,19 @@ Object.defineProperty(exports, "canvasHighContrast", {
     return _canvasHighContrast.canvasHighContrast;
   }
 });
-Object.defineProperty(exports, "primitives", {
+Object.defineProperty(exports, "functionalColors", {
   enumerable: true,
   get: function () {
-    return _primitves.default;
+    return _functionalColors.functionalColors;
+  }
+});
+Object.defineProperty(exports, "instructure", {
+  enumerable: true,
+  get: function () {
+    return _instructure.instructure;
   }
 });
 var _canvas = require("./canvas");
 var _canvasHighContrast = require("./canvasHighContrast");
-var _primitves = _interopRequireDefault(require("./common/colors/primitves"));
+var _instructure = require("./instructure");
+var _functionalColors = require("./utils/functionalColors");

package/lib/instructure/colors.js

@@ -0,0 +1,61 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.colors = void 0;
+var _functionalColors = require("../utils/functionalColors");
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present Instructure, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+const values = {
+  brand: '#287A9F',
+  link: '#287A9F',
+  electric: '#287A9F',
+  shamrock: '#24A159',
+  barney: '#143D50',
+  crimson: '#E72429',
+  fire: '#F76400',
+  licorice: '#0D323F',
+  oxford: '#143D50',
+  ash: '#156380',
+  slate: '#156380',
+  tiara: '#CCDCE4',
+  porcelain: '#F2F8FA',
+  white: '#FFFFFF'
+};
+
+/**
+ * Two Inst colors are not accessible, so adding them for display purposes only in decorative elements
+ */
+
+// Two Inst colors are not accessible, so adding them for display purposes only
+// in decorative elements
+const appendInaccessibleColors = {
+  ...(0, _functionalColors.functionalColors)(values),
+  inaccessibleAlert: '#fccb0e',
+  inaccessibleWarning: '#f68e1f'
+};
+const colors = exports.colors = Object.freeze(appendInaccessibleColors);
+var _default = exports.default = colors;