@instructure/ui-theme-tokens 10.0.1-snapshot-13 → 10.1.1-snapshot-4973

package/CHANGELOG.md

@@ -3,9 +3,23 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [10.0.1-snapshot-13](https://github.com/instructure/instructure-ui/compare/v10.0.0...v10.0.1-snapshot-13) (2024-08-21)
+## [10.1.1-snapshot-4973](https://github.com/instructure/instructure-ui/compare/v10.0.0...v10.1.1-snapshot-4973) (2024-08-23)
 
-**Note:** Version bump only for package @instructure/ui-theme-tokens
+
+### Features
+
+* **many:** add data visualization colors, refactor theme code ([c395e17](https://github.com/instructure/instructure-ui/commit/c395e17a43be9fd7ec9d6854f28ae8584c3667bc))
+
+
+
+
+
+# [10.1.0](https://github.com/instructure/instructure-ui/compare/v10.0.0...v10.1.0) (2024-08-23)
+
+
+### Features
+
+* **many:** add data visualization colors, refactor theme code ([c395e17](https://github.com/instructure/instructure-ui/commit/c395e17a43be9fd7ec9d6854f28ae8584c3667bc))
 
 
 

package/es/index.js

@@ -22,7 +22,5 @@
  * SOFTWARE.
  */
 
-import { canvas } from './canvas';
-import { canvasHighContrast } from './canvasHighContrast';
-import primitives from './common/colors/primitves';
+import { canvas, canvasHighContrast, primitives } from '@instructure/ui-themes';
 export { canvas, canvasHighContrast, primitives };

package/lib/index.js

@@ -1,6 +1,5 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -19,9 +18,9 @@ Object.defineProperty(exports, "canvasHighContrast", {
 Object.defineProperty(exports, "primitives", {
   enumerable: true,
   get: function () {
-    return _primitves.default;
+    return _primitives.primitives;
   }
 });
-var _canvas = require("./canvas");
-var _canvasHighContrast = require("./canvasHighContrast");
-var _primitves = _interopRequireDefault(require("./common/colors/primitves"));
+var _canvas = require("@instructure/ui-themes/lib/themes/canvas");
+var _canvasHighContrast = require("@instructure/ui-themes/lib/themes/canvasHighContrast");
+var _primitives = require("@instructure/ui-themes/lib/sharedThemeTokens/colors/primitives.js");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-theme-tokens",
-  "version": "10.0.1-snapshot-13",
+  "version": "10.1.1-snapshot-4973",
   "description": "Cross-platform theme tokens for Instructure products",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -22,13 +22,11 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@instructure/ui-babel-preset": "10.0.1-snapshot-13",
-    "@instructure/ui-color-utils": "10.0.1-snapshot-13",
-    "@instructure/ui-test-utils": "10.0.1-snapshot-13"
+    "@instructure/ui-babel-preset": "10.1.1-snapshot-4973"
   },
   "dependencies": {
     "@babel/runtime": "^7.24.5",
-    "@instructure/shared-types": "10.0.1-snapshot-13"
+    "@instructure/ui-themes": "10.1.1-snapshot-4973"
   },
   "publishConfig": {
     "access": "public"

package/src/index.ts

@@ -22,8 +22,6 @@
  * SOFTWARE.
  */
 
-import { canvas } from './canvas'
-import { canvasHighContrast } from './canvasHighContrast'
-import primitives from './common/colors/primitves'
+import { canvas, canvasHighContrast, primitives } from '@instructure/ui-themes'
 
 export { canvas, canvasHighContrast, primitives }

package/tokens/canvas/scss/_variables.scss

@@ -59,3 +59,93 @@ $instui-canvas-stacking-topmost: 9999;
 $instui-canvas-stacking-above: 1;
 $instui-canvas-stacking-below: -1;
 $instui-canvas-stacking-deepest: -9999;
+$instui-canvas-colors-primitives-white: #FFFFFF;
+$instui-canvas-colors-primitives-white10op75: #FFFFFFBF;
+$instui-canvas-colors-primitives-grey11: #F2F4F4;
+$instui-canvas-colors-primitives-grey12: #E8EAEC;
+$instui-canvas-colors-primitives-grey14: #D7DADE;
+$instui-canvas-colors-primitives-grey24: #9EA6AD;
+$instui-canvas-colors-primitives-grey45: #6A7883;
+$instui-canvas-colors-primitives-grey57: #586874;
+$instui-canvas-colors-primitives-grey70: #4A5B68;
+$instui-canvas-colors-primitives-grey82: #3F515E;
+$instui-canvas-colors-primitives-grey100: #334451;
+$instui-canvas-colors-primitives-grey100op75: #334451BF;
+$instui-canvas-colors-primitives-grey125: #273540;
+$instui-canvas-colors-primitives-blue12: #E0EBF5;
+$instui-canvas-colors-primitives-blue45: #2B7ABC;
+$instui-canvas-colors-primitives-blue57: #0E68B3;
+$instui-canvas-colors-primitives-blue70: #0A5A9E;
+$instui-canvas-colors-primitives-blue82: #09508C;
+$instui-canvas-colors-primitives-green12: #DCEEE4;
+$instui-canvas-colors-primitives-green45: #03893D;
+$instui-canvas-colors-primitives-green57: #027634;
+$instui-canvas-colors-primitives-green70: #02672D;
+$instui-canvas-colors-primitives-green82: #015B28;
+$instui-canvas-colors-primitives-orange12: #FCE5D9;
+$instui-canvas-colors-primitives-orange30: #F06E26;
+$instui-canvas-colors-primitives-orange45: #CF4A00;
+$instui-canvas-colors-primitives-orange57: #B34000;
+$instui-canvas-colors-primitives-orange70: #9C3800;
+$instui-canvas-colors-primitives-orange82: #8B3200;
+$instui-canvas-colors-primitives-red12: #FCE4E5;
+$instui-canvas-colors-primitives-red45: #E62429;
+$instui-canvas-colors-primitives-red57: #C71F23;
+$instui-canvas-colors-primitives-red70: #AE1B1F;
+$instui-canvas-colors-primitives-red82: #9B181C;
+$instui-canvas-colors-contrasts-white1010: #FFFFFF;
+$instui-canvas-colors-contrasts-white1010op75: #FFFFFFBF;
+$instui-canvas-colors-contrasts-grey1111: #F2F4F4;
+$instui-canvas-colors-contrasts-grey1214: #E8EAEC;
+$instui-canvas-colors-contrasts-grey1424: #D7DADE;
+$instui-canvas-colors-contrasts-grey2424: #9EA6AD;
+$instui-canvas-colors-contrasts-grey4570: #6A7883;
+$instui-canvas-colors-contrasts-grey5782: #586874;
+$instui-canvas-colors-contrasts-grey100100: #334451;
+$instui-canvas-colors-contrasts-grey100100op75: #334451BF;
+$instui-canvas-colors-contrasts-grey125125: #273540;
+$instui-canvas-colors-contrasts-blue1212: #E0EBF5;
+$instui-canvas-colors-contrasts-blue4570: #2B7ABC;
+$instui-canvas-colors-contrasts-blue5782: #0E68B3;
+$instui-canvas-colors-contrasts-green1212: #DCEEE4;
+$instui-canvas-colors-contrasts-green4570: #03893D;
+$instui-canvas-colors-contrasts-green5782: #027634;
+$instui-canvas-colors-contrasts-orange1212: #FCE5D9;
+$instui-canvas-colors-contrasts-orange3045: #F06E26;
+$instui-canvas-colors-contrasts-orange4570: #CF4A00;
+$instui-canvas-colors-contrasts-orange5782: #B34000;
+$instui-canvas-colors-contrasts-red1212: #FCE4E5;
+$instui-canvas-colors-contrasts-red4570: #E62429;
+$instui-canvas-colors-contrasts-red5782: #C71F23;
+$instui-canvas-colors-ui-surface-page-primary: #FFFFFF;
+$instui-canvas-colors-ui-surface-page-secondary: #F2F4F4;
+$instui-canvas-colors-ui-surface-card-primary: #FFFFFF;
+$instui-canvas-colors-ui-surface-card-secondary: #F2F4F4;
+$instui-canvas-colors-ui-surface-dark: #334451;
+$instui-canvas-colors-ui-text-title: #273540;
+$instui-canvas-colors-ui-text-description: #273540;
+$instui-canvas-colors-ui-text-body: #273540;
+$instui-canvas-colors-ui-text-timestamp: #586874;
+$instui-canvas-colors-ui-text-author: #586874;
+$instui-canvas-colors-ui-text-datapoint: #586874;
+$instui-canvas-colors-ui-text-link: #0E68B3;
+$instui-canvas-colors-ui-text-placeholder: #9EA6AD;
+$instui-canvas-colors-ui-text-success: #027634;
+$instui-canvas-colors-ui-text-warning: #B34000;
+$instui-canvas-colors-ui-text-error: #C71F23;
+$instui-canvas-colors-ui-line-stroke: #D7DADE;
+$instui-canvas-colors-ui-line-divider: #E8EAEC;
+$instui-canvas-colors-ui-surface-overlay-grey: #334451BF;
+$instui-canvas-colors-ui-surface-overlay-white: #FFFFFFBF;
+$instui-canvas-colors-ui-surface-attention: #2B7ABC;
+$instui-canvas-colors-ui-surface-success: #03893D;
+$instui-canvas-colors-ui-surface-warning: #CF4A00;
+$instui-canvas-colors-ui-surface-error: #E62429;
+$instui-canvas-colors-ui-surface-divider: #E8EAEC;
+$instui-canvas-colors-ui-text-surface-colored: #FFFFFF;
+$instui-canvas-colors-ui-icon-default: #273540;
+$instui-canvas-colors-ui-icon-success: #03893D;
+$instui-canvas-colors-ui-icon-warning: #CF4A00;
+$instui-canvas-colors-ui-icon-error: #E62429;
+$instui-canvas-colors-ui-icon-surface-colored: #FFFFFF;
+$instui-canvas-colors-ui-line-connector: #D7DADE;

package/tokens/canvas/source.json

@@ -1 +1 @@
-{"colors":{},"borders":{"radiusSmall":{"value":"0.125rem"},"radiusMedium":{"value":"0.25rem"},"radiusLarge":{"value":"0.5rem"},"widthSmall":{"value":"0.0625rem"},"widthMedium":{"value":"0.125rem"},"widthLarge":{"value":"0.25rem"},"style":{"value":"solid"}},"transitions":{"duration":{"value":"300ms"},"timing":{"value":"ease-in-out"}},"typography":{"fontFamily":{"value":"LatoWeb, Lato, \"Helvetica Neue\", Helvetica, Arial, sans-serif"},"fontFamilyMonospace":{"value":"Menlo, Consolas, Monaco, \"Andale Mono\", monospace"},"fontSizeXSmall":{"value":"0.75rem"},"fontSizeSmall":{"value":"0.875rem"},"fontSizeMedium":{"value":"1rem"},"fontSizeLarge":{"value":"1.375rem"},"fontSizeXLarge":{"value":"1.75rem"},"fontSizeXXLarge":{"value":"2.375rem"},"fontWeightLight":{"value":300},"fontWeightNormal":{"value":400},"fontWeightBold":{"value":700},"lineHeight":{"value":1.5},"lineHeightFit":{"value":1.125},"lineHeightCondensed":{"value":1.25},"lineHeightDouble":{"value":2},"letterSpacingNormal":{"value":0},"letterSpacingCondensed":{"value":"-0.0625rem"},"letterSpacingExpanded":{"value":"0.0625rem"}},"spacing":{"xxxSmall":{"value":"0.125rem"},"xxSmall":{"value":"0.375rem"},"xSmall":{"value":"0.5rem"},"small":{"value":"0.75rem"},"mediumSmall":{"value":"1rem"},"medium":{"value":"1.5rem"},"large":{"value":"2.25rem"},"xLarge":{"value":"3rem"},"xxLarge":{"value":"3.75rem"}},"forms":{"inputHeightSmall":{"value":"1.75rem"},"inputHeightMedium":{"value":"2.375rem"},"inputHeightLarge":{"value":"3rem"}},"breakpoints":{"xxSmall":{"value":"8em"},"xSmall":{"value":"16em"},"small":{"value":"30em"},"medium":{"value":"48em"},"tablet":{"value":"48em"},"large":{"value":"62em"},"desktop":{"value":"64em"},"xLarge":{"value":"75em"},"maxWidth":{"value":"61.9375em"}},"shadows":{"depth1":{"value":"0 0.0625rem 0.125rem rgba(0, 0, 0, 0.2), 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.1)"},"depth2":{"value":"0 0.1875rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.16)"},"depth3":{"value":"0 0.375rem 0.4375rem rgba(0, 0, 0, 0.1), 0 0.625rem 1.75rem rgba(0, 0, 0, 0.25)"},"resting":{"value":"0 0.0625rem 0.125rem rgba(0, 0, 0, 0.2), 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.1)"},"above":{"value":"0 0.1875rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.16)"},"topmost":{"value":"0 0.375rem 0.4375rem rgba(0, 0, 0, 0.1), 0 0.625rem 1.75rem rgba(0, 0, 0, 0.25)"}},"stacking":{"topmost":{"value":9999},"above":{"value":1},"below":{"value":-1},"deepest":{"value":-9999}}}
+{"borders":{"radiusSmall":{"value":"0.125rem"},"radiusMedium":{"value":"0.25rem"},"radiusLarge":{"value":"0.5rem"},"widthSmall":{"value":"0.0625rem"},"widthMedium":{"value":"0.125rem"},"widthLarge":{"value":"0.25rem"},"style":{"value":"solid"}},"transitions":{"duration":{"value":"300ms"},"timing":{"value":"ease-in-out"}},"typography":{"fontFamily":{"value":"LatoWeb, Lato, \"Helvetica Neue\", Helvetica, Arial, sans-serif"},"fontFamilyMonospace":{"value":"Menlo, Consolas, Monaco, \"Andale Mono\", monospace"},"fontSizeXSmall":{"value":"0.75rem"},"fontSizeSmall":{"value":"0.875rem"},"fontSizeMedium":{"value":"1rem"},"fontSizeLarge":{"value":"1.375rem"},"fontSizeXLarge":{"value":"1.75rem"},"fontSizeXXLarge":{"value":"2.375rem"},"fontWeightLight":{"value":300},"fontWeightNormal":{"value":400},"fontWeightBold":{"value":700},"lineHeight":{"value":1.5},"lineHeightFit":{"value":1.125},"lineHeightCondensed":{"value":1.25},"lineHeightDouble":{"value":2},"letterSpacingNormal":{"value":0},"letterSpacingCondensed":{"value":"-0.0625rem"},"letterSpacingExpanded":{"value":"0.0625rem"}},"spacing":{"xxxSmall":{"value":"0.125rem"},"xxSmall":{"value":"0.375rem"},"xSmall":{"value":"0.5rem"},"small":{"value":"0.75rem"},"mediumSmall":{"value":"1rem"},"medium":{"value":"1.5rem"},"large":{"value":"2.25rem"},"xLarge":{"value":"3rem"},"xxLarge":{"value":"3.75rem"}},"forms":{"inputHeightSmall":{"value":"1.75rem"},"inputHeightMedium":{"value":"2.375rem"},"inputHeightLarge":{"value":"3rem"}},"breakpoints":{"xxSmall":{"value":"8em"},"xSmall":{"value":"16em"},"small":{"value":"30em"},"medium":{"value":"48em"},"tablet":{"value":"48em"},"large":{"value":"62em"},"desktop":{"value":"64em"},"xLarge":{"value":"75em"},"maxWidth":{"value":"61.9375em"}},"shadows":{"depth1":{"value":"0 0.0625rem 0.125rem rgba(0, 0, 0, 0.2), 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.1)"},"depth2":{"value":"0 0.1875rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.16)"},"depth3":{"value":"0 0.375rem 0.4375rem rgba(0, 0, 0, 0.1), 0 0.625rem 1.75rem rgba(0, 0, 0, 0.25)"},"resting":{"value":"0 0.0625rem 0.125rem rgba(0, 0, 0, 0.2), 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.1)"},"above":{"value":"0 0.1875rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.16)"},"topmost":{"value":"0 0.375rem 0.4375rem rgba(0, 0, 0, 0.1), 0 0.625rem 1.75rem rgba(0, 0, 0, 0.25)"}},"stacking":{"topmost":{"value":9999},"above":{"value":1},"below":{"value":-1},"deepest":{"value":-9999}},"colors":{"primitives":{"white":{"value":"#FFFFFF"},"white10op75":{"value":"#FFFFFFBF"},"grey11":{"value":"#F2F4F4"},"grey12":{"value":"#E8EAEC"},"grey14":{"value":"#D7DADE"},"grey24":{"value":"#9EA6AD"},"grey45":{"value":"#6A7883"},"grey57":{"value":"#586874"},"grey70":{"value":"#4A5B68"},"grey82":{"value":"#3F515E"},"grey100":{"value":"#334451"},"grey100op75":{"value":"#334451BF"},"grey125":{"value":"#273540"},"blue12":{"value":"#E0EBF5"},"blue45":{"value":"#2B7ABC"},"blue57":{"value":"#0E68B3"},"blue70":{"value":"#0A5A9E"},"blue82":{"value":"#09508C"},"green12":{"value":"#DCEEE4"},"green45":{"value":"#03893D"},"green57":{"value":"#027634"},"green70":{"value":"#02672D"},"green82":{"value":"#015B28"},"orange12":{"value":"#FCE5D9"},"orange30":{"value":"#F06E26"},"orange45":{"value":"#CF4A00"},"orange57":{"value":"#B34000"},"orange70":{"value":"#9C3800"},"orange82":{"value":"#8B3200"},"red12":{"value":"#FCE4E5"},"red45":{"value":"#E62429"},"red57":{"value":"#C71F23"},"red70":{"value":"#AE1B1F"},"red82":{"value":"#9B181C"}},"contrasts":{"white1010":{"value":"#FFFFFF"},"white1010op75":{"value":"#FFFFFFBF"},"grey1111":{"value":"#F2F4F4"},"grey1214":{"value":"#E8EAEC"},"grey1424":{"value":"#D7DADE"},"grey2424":{"value":"#9EA6AD"},"grey4570":{"value":"#6A7883"},"grey5782":{"value":"#586874"},"grey100100":{"value":"#334451"},"grey100100op75":{"value":"#334451BF"},"grey125125":{"value":"#273540"},"blue1212":{"value":"#E0EBF5"},"blue4570":{"value":"#2B7ABC"},"blue5782":{"value":"#0E68B3"},"green1212":{"value":"#DCEEE4"},"green4570":{"value":"#03893D"},"green5782":{"value":"#027634"},"orange1212":{"value":"#FCE5D9"},"orange3045":{"value":"#F06E26"},"orange4570":{"value":"#CF4A00"},"orange5782":{"value":"#B34000"},"red1212":{"value":"#FCE4E5"},"red4570":{"value":"#E62429"},"red5782":{"value":"#C71F23"}},"ui":{"surfacePagePrimary":{"value":"#FFFFFF"},"surfacePageSecondary":{"value":"#F2F4F4"},"surfaceCardPrimary":{"value":"#FFFFFF"},"surfaceCardSecondary":{"value":"#F2F4F4"},"surfaceDark":{"value":"#334451"},"textTitle":{"value":"#273540"},"textDescription":{"value":"#273540"},"textBody":{"value":"#273540"},"textTimestamp":{"value":"#586874"},"textAuthor":{"value":"#586874"},"textDatapoint":{"value":"#586874"},"textLink":{"value":"#0E68B3"},"textPlaceholder":{"value":"#9EA6AD"},"textSuccess":{"value":"#027634"},"textWarning":{"value":"#B34000"},"textError":{"value":"#C71F23"},"lineStroke":{"value":"#D7DADE"},"lineDivider":{"value":"#E8EAEC"},"surfaceOverlayGrey":{"value":"#334451BF"},"surfaceOverlayWhite":{"value":"#FFFFFFBF"},"surfaceAttention":{"value":"#2B7ABC"},"surfaceSuccess":{"value":"#03893D"},"surfaceWarning":{"value":"#CF4A00"},"surfaceError":{"value":"#E62429"},"surfaceDivider":{"value":"#E8EAEC"},"textSurfaceColored":{"value":"#FFFFFF"},"iconDefault":{"value":"#273540"},"iconSuccess":{"value":"#03893D"},"iconWarning":{"value":"#CF4A00"},"iconError":{"value":"#E62429"},"iconSurfaceColored":{"value":"#FFFFFF"},"lineConnector":{"value":"#D7DADE"}}}}

package/tokens/canvas-high-contrast/scss/_variables.scss

@@ -59,3 +59,93 @@ $instui-canvas-high-contrast-stacking-topmost: 9999;
 $instui-canvas-high-contrast-stacking-above: 1;
 $instui-canvas-high-contrast-stacking-below: -1;
 $instui-canvas-high-contrast-stacking-deepest: -9999;
+$instui-canvas-high-contrast-colors-primitives-white: #FFFFFF;
+$instui-canvas-high-contrast-colors-primitives-white10op75: #FFFFFFBF;
+$instui-canvas-high-contrast-colors-primitives-grey11: #F2F4F4;
+$instui-canvas-high-contrast-colors-primitives-grey12: #E8EAEC;
+$instui-canvas-high-contrast-colors-primitives-grey14: #D7DADE;
+$instui-canvas-high-contrast-colors-primitives-grey24: #9EA6AD;
+$instui-canvas-high-contrast-colors-primitives-grey45: #6A7883;
+$instui-canvas-high-contrast-colors-primitives-grey57: #586874;
+$instui-canvas-high-contrast-colors-primitives-grey70: #4A5B68;
+$instui-canvas-high-contrast-colors-primitives-grey82: #3F515E;
+$instui-canvas-high-contrast-colors-primitives-grey100: #334451;
+$instui-canvas-high-contrast-colors-primitives-grey100op75: #334451BF;
+$instui-canvas-high-contrast-colors-primitives-grey125: #273540;
+$instui-canvas-high-contrast-colors-primitives-blue12: #E0EBF5;
+$instui-canvas-high-contrast-colors-primitives-blue45: #2B7ABC;
+$instui-canvas-high-contrast-colors-primitives-blue57: #0E68B3;
+$instui-canvas-high-contrast-colors-primitives-blue70: #0A5A9E;
+$instui-canvas-high-contrast-colors-primitives-blue82: #09508C;
+$instui-canvas-high-contrast-colors-primitives-green12: #DCEEE4;
+$instui-canvas-high-contrast-colors-primitives-green45: #03893D;
+$instui-canvas-high-contrast-colors-primitives-green57: #027634;
+$instui-canvas-high-contrast-colors-primitives-green70: #02672D;
+$instui-canvas-high-contrast-colors-primitives-green82: #015B28;
+$instui-canvas-high-contrast-colors-primitives-orange12: #FCE5D9;
+$instui-canvas-high-contrast-colors-primitives-orange30: #F06E26;
+$instui-canvas-high-contrast-colors-primitives-orange45: #CF4A00;
+$instui-canvas-high-contrast-colors-primitives-orange57: #B34000;
+$instui-canvas-high-contrast-colors-primitives-orange70: #9C3800;
+$instui-canvas-high-contrast-colors-primitives-orange82: #8B3200;
+$instui-canvas-high-contrast-colors-primitives-red12: #FCE4E5;
+$instui-canvas-high-contrast-colors-primitives-red45: #E62429;
+$instui-canvas-high-contrast-colors-primitives-red57: #C71F23;
+$instui-canvas-high-contrast-colors-primitives-red70: #AE1B1F;
+$instui-canvas-high-contrast-colors-primitives-red82: #9B181C;
+$instui-canvas-high-contrast-colors-contrasts-white1010: #FFFFFF;
+$instui-canvas-high-contrast-colors-contrasts-white1010op75: #FFFFFFBF;
+$instui-canvas-high-contrast-colors-contrasts-grey1111: #F2F4F4;
+$instui-canvas-high-contrast-colors-contrasts-grey1214: #D7DADE;
+$instui-canvas-high-contrast-colors-contrasts-grey1424: #9EA6AD;
+$instui-canvas-high-contrast-colors-contrasts-grey2424: #9EA6AD;
+$instui-canvas-high-contrast-colors-contrasts-grey4570: #4A5B68;
+$instui-canvas-high-contrast-colors-contrasts-grey5782: #3F515E;
+$instui-canvas-high-contrast-colors-contrasts-grey100100: #334451;
+$instui-canvas-high-contrast-colors-contrasts-grey100100op75: #334451BF;
+$instui-canvas-high-contrast-colors-contrasts-grey125125: #273540;
+$instui-canvas-high-contrast-colors-contrasts-blue1212: #E0EBF5;
+$instui-canvas-high-contrast-colors-contrasts-blue4570: #0A5A9E;
+$instui-canvas-high-contrast-colors-contrasts-blue5782: #09508C;
+$instui-canvas-high-contrast-colors-contrasts-green1212: #DCEEE4;
+$instui-canvas-high-contrast-colors-contrasts-green4570: #02672D;
+$instui-canvas-high-contrast-colors-contrasts-green5782: #015B28;
+$instui-canvas-high-contrast-colors-contrasts-orange1212: #FCE5D9;
+$instui-canvas-high-contrast-colors-contrasts-orange3045: #CF4A00;
+$instui-canvas-high-contrast-colors-contrasts-orange4570: #9C3800;
+$instui-canvas-high-contrast-colors-contrasts-orange5782: #8B3200;
+$instui-canvas-high-contrast-colors-contrasts-red1212: #FCE4E5;
+$instui-canvas-high-contrast-colors-contrasts-red4570: #AE1B1F;
+$instui-canvas-high-contrast-colors-contrasts-red5782: #9B181C;
+$instui-canvas-high-contrast-colors-ui-surface-page-primary: #FFFFFF;
+$instui-canvas-high-contrast-colors-ui-surface-page-secondary: #F2F4F4;
+$instui-canvas-high-contrast-colors-ui-surface-card-primary: #FFFFFF;
+$instui-canvas-high-contrast-colors-ui-surface-card-secondary: #F2F4F4;
+$instui-canvas-high-contrast-colors-ui-surface-dark: #334451;
+$instui-canvas-high-contrast-colors-ui-text-title: #273540;
+$instui-canvas-high-contrast-colors-ui-text-description: #273540;
+$instui-canvas-high-contrast-colors-ui-text-body: #273540;
+$instui-canvas-high-contrast-colors-ui-text-timestamp: #3F515E;
+$instui-canvas-high-contrast-colors-ui-text-author: #3F515E;
+$instui-canvas-high-contrast-colors-ui-text-datapoint: #3F515E;
+$instui-canvas-high-contrast-colors-ui-text-link: #09508C;
+$instui-canvas-high-contrast-colors-ui-text-placeholder: #9EA6AD;
+$instui-canvas-high-contrast-colors-ui-text-success: #015B28;
+$instui-canvas-high-contrast-colors-ui-text-warning: #8B3200;
+$instui-canvas-high-contrast-colors-ui-text-error: #9B181C;
+$instui-canvas-high-contrast-colors-ui-line-stroke: #9EA6AD;
+$instui-canvas-high-contrast-colors-ui-line-divider: #D7DADE;
+$instui-canvas-high-contrast-colors-ui-surface-overlay-grey: #334451BF;
+$instui-canvas-high-contrast-colors-ui-surface-overlay-white: #FFFFFFBF;
+$instui-canvas-high-contrast-colors-ui-surface-attention: #0A5A9E;
+$instui-canvas-high-contrast-colors-ui-surface-success: #02672D;
+$instui-canvas-high-contrast-colors-ui-surface-warning: #9C3800;
+$instui-canvas-high-contrast-colors-ui-surface-error: #AE1B1F;
+$instui-canvas-high-contrast-colors-ui-surface-divider: #D7DADE;
+$instui-canvas-high-contrast-colors-ui-text-surface-colored: #FFFFFF;
+$instui-canvas-high-contrast-colors-ui-icon-default: #273540;
+$instui-canvas-high-contrast-colors-ui-icon-success: #02672D;
+$instui-canvas-high-contrast-colors-ui-icon-warning: #9C3800;
+$instui-canvas-high-contrast-colors-ui-icon-error: #AE1B1F;
+$instui-canvas-high-contrast-colors-ui-icon-surface-colored: #FFFFFF;
+$instui-canvas-high-contrast-colors-ui-line-connector: #9EA6AD;

package/tokens/canvas-high-contrast/source.json

@@ -1 +1 @@
-{"colors":{},"borders":{"radiusSmall":{"value":"0.125rem"},"radiusMedium":{"value":"0.25rem"},"radiusLarge":{"value":"0.5rem"},"widthSmall":{"value":"0.0625rem"},"widthMedium":{"value":"0.125rem"},"widthLarge":{"value":"0.25rem"},"style":{"value":"solid"}},"transitions":{"duration":{"value":"300ms"},"timing":{"value":"ease-in-out"}},"typography":{"fontFamily":{"value":"LatoWeb, Lato, \"Helvetica Neue\", Helvetica, Arial, sans-serif"},"fontFamilyMonospace":{"value":"Menlo, Consolas, Monaco, \"Andale Mono\", monospace"},"fontSizeXSmall":{"value":"0.75rem"},"fontSizeSmall":{"value":"0.875rem"},"fontSizeMedium":{"value":"1rem"},"fontSizeLarge":{"value":"1.375rem"},"fontSizeXLarge":{"value":"1.75rem"},"fontSizeXXLarge":{"value":"2.375rem"},"fontWeightLight":{"value":300},"fontWeightNormal":{"value":400},"fontWeightBold":{"value":700},"lineHeight":{"value":1.5},"lineHeightFit":{"value":1.125},"lineHeightCondensed":{"value":1.25},"lineHeightDouble":{"value":2},"letterSpacingNormal":{"value":0},"letterSpacingCondensed":{"value":"-0.0625rem"},"letterSpacingExpanded":{"value":"0.0625rem"}},"spacing":{"xxxSmall":{"value":"0.125rem"},"xxSmall":{"value":"0.375rem"},"xSmall":{"value":"0.5rem"},"small":{"value":"0.75rem"},"mediumSmall":{"value":"1rem"},"medium":{"value":"1.5rem"},"large":{"value":"2.25rem"},"xLarge":{"value":"3rem"},"xxLarge":{"value":"3.75rem"}},"forms":{"inputHeightSmall":{"value":"1.75rem"},"inputHeightMedium":{"value":"2.375rem"},"inputHeightLarge":{"value":"3rem"}},"breakpoints":{"xxSmall":{"value":"8em"},"xSmall":{"value":"16em"},"small":{"value":"30em"},"medium":{"value":"48em"},"tablet":{"value":"48em"},"large":{"value":"62em"},"desktop":{"value":"64em"},"xLarge":{"value":"75em"},"maxWidth":{"value":"61.9375em"}},"shadows":{"depth1":{"value":"0 0.0625rem 0.125rem rgba(0, 0, 0, 0.2), 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.1)"},"depth2":{"value":"0 0.1875rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.16)"},"depth3":{"value":"0 0.375rem 0.4375rem rgba(0, 0, 0, 0.1), 0 0.625rem 1.75rem rgba(0, 0, 0, 0.25)"},"resting":{"value":"0 0.0625rem 0.125rem rgba(0, 0, 0, 0.2), 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.1)"},"above":{"value":"0 0.1875rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.16)"},"topmost":{"value":"0 0.375rem 0.4375rem rgba(0, 0, 0, 0.1), 0 0.625rem 1.75rem rgba(0, 0, 0, 0.25)"}},"stacking":{"topmost":{"value":9999},"above":{"value":1},"below":{"value":-1},"deepest":{"value":-9999}}}
+{"borders":{"radiusSmall":{"value":"0.125rem"},"radiusMedium":{"value":"0.25rem"},"radiusLarge":{"value":"0.5rem"},"widthSmall":{"value":"0.0625rem"},"widthMedium":{"value":"0.125rem"},"widthLarge":{"value":"0.25rem"},"style":{"value":"solid"}},"transitions":{"duration":{"value":"300ms"},"timing":{"value":"ease-in-out"}},"typography":{"fontFamily":{"value":"LatoWeb, Lato, \"Helvetica Neue\", Helvetica, Arial, sans-serif"},"fontFamilyMonospace":{"value":"Menlo, Consolas, Monaco, \"Andale Mono\", monospace"},"fontSizeXSmall":{"value":"0.75rem"},"fontSizeSmall":{"value":"0.875rem"},"fontSizeMedium":{"value":"1rem"},"fontSizeLarge":{"value":"1.375rem"},"fontSizeXLarge":{"value":"1.75rem"},"fontSizeXXLarge":{"value":"2.375rem"},"fontWeightLight":{"value":300},"fontWeightNormal":{"value":400},"fontWeightBold":{"value":700},"lineHeight":{"value":1.5},"lineHeightFit":{"value":1.125},"lineHeightCondensed":{"value":1.25},"lineHeightDouble":{"value":2},"letterSpacingNormal":{"value":0},"letterSpacingCondensed":{"value":"-0.0625rem"},"letterSpacingExpanded":{"value":"0.0625rem"}},"spacing":{"xxxSmall":{"value":"0.125rem"},"xxSmall":{"value":"0.375rem"},"xSmall":{"value":"0.5rem"},"small":{"value":"0.75rem"},"mediumSmall":{"value":"1rem"},"medium":{"value":"1.5rem"},"large":{"value":"2.25rem"},"xLarge":{"value":"3rem"},"xxLarge":{"value":"3.75rem"}},"forms":{"inputHeightSmall":{"value":"1.75rem"},"inputHeightMedium":{"value":"2.375rem"},"inputHeightLarge":{"value":"3rem"}},"breakpoints":{"xxSmall":{"value":"8em"},"xSmall":{"value":"16em"},"small":{"value":"30em"},"medium":{"value":"48em"},"tablet":{"value":"48em"},"large":{"value":"62em"},"desktop":{"value":"64em"},"xLarge":{"value":"75em"},"maxWidth":{"value":"61.9375em"}},"shadows":{"depth1":{"value":"0 0.0625rem 0.125rem rgba(0, 0, 0, 0.2), 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.1)"},"depth2":{"value":"0 0.1875rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.16)"},"depth3":{"value":"0 0.375rem 0.4375rem rgba(0, 0, 0, 0.1), 0 0.625rem 1.75rem rgba(0, 0, 0, 0.25)"},"resting":{"value":"0 0.0625rem 0.125rem rgba(0, 0, 0, 0.2), 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.1)"},"above":{"value":"0 0.1875rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.16)"},"topmost":{"value":"0 0.375rem 0.4375rem rgba(0, 0, 0, 0.1), 0 0.625rem 1.75rem rgba(0, 0, 0, 0.25)"}},"stacking":{"topmost":{"value":9999},"above":{"value":1},"below":{"value":-1},"deepest":{"value":-9999}},"colors":{"primitives":{"white":{"value":"#FFFFFF"},"white10op75":{"value":"#FFFFFFBF"},"grey11":{"value":"#F2F4F4"},"grey12":{"value":"#E8EAEC"},"grey14":{"value":"#D7DADE"},"grey24":{"value":"#9EA6AD"},"grey45":{"value":"#6A7883"},"grey57":{"value":"#586874"},"grey70":{"value":"#4A5B68"},"grey82":{"value":"#3F515E"},"grey100":{"value":"#334451"},"grey100op75":{"value":"#334451BF"},"grey125":{"value":"#273540"},"blue12":{"value":"#E0EBF5"},"blue45":{"value":"#2B7ABC"},"blue57":{"value":"#0E68B3"},"blue70":{"value":"#0A5A9E"},"blue82":{"value":"#09508C"},"green12":{"value":"#DCEEE4"},"green45":{"value":"#03893D"},"green57":{"value":"#027634"},"green70":{"value":"#02672D"},"green82":{"value":"#015B28"},"orange12":{"value":"#FCE5D9"},"orange30":{"value":"#F06E26"},"orange45":{"value":"#CF4A00"},"orange57":{"value":"#B34000"},"orange70":{"value":"#9C3800"},"orange82":{"value":"#8B3200"},"red12":{"value":"#FCE4E5"},"red45":{"value":"#E62429"},"red57":{"value":"#C71F23"},"red70":{"value":"#AE1B1F"},"red82":{"value":"#9B181C"}},"contrasts":{"white1010":{"value":"#FFFFFF"},"white1010op75":{"value":"#FFFFFFBF"},"grey1111":{"value":"#F2F4F4"},"grey1214":{"value":"#D7DADE"},"grey1424":{"value":"#9EA6AD"},"grey2424":{"value":"#9EA6AD"},"grey4570":{"value":"#4A5B68"},"grey5782":{"value":"#3F515E"},"grey100100":{"value":"#334451"},"grey100100op75":{"value":"#334451BF"},"grey125125":{"value":"#273540"},"blue1212":{"value":"#E0EBF5"},"blue4570":{"value":"#0A5A9E"},"blue5782":{"value":"#09508C"},"green1212":{"value":"#DCEEE4"},"green4570":{"value":"#02672D"},"green5782":{"value":"#015B28"},"orange1212":{"value":"#FCE5D9"},"orange3045":{"value":"#CF4A00"},"orange4570":{"value":"#9C3800"},"orange5782":{"value":"#8B3200"},"red1212":{"value":"#FCE4E5"},"red4570":{"value":"#AE1B1F"},"red5782":{"value":"#9B181C"}},"ui":{"surfacePagePrimary":{"value":"#FFFFFF"},"surfacePageSecondary":{"value":"#F2F4F4"},"surfaceCardPrimary":{"value":"#FFFFFF"},"surfaceCardSecondary":{"value":"#F2F4F4"},"surfaceDark":{"value":"#334451"},"textTitle":{"value":"#273540"},"textDescription":{"value":"#273540"},"textBody":{"value":"#273540"},"textTimestamp":{"value":"#3F515E"},"textAuthor":{"value":"#3F515E"},"textDatapoint":{"value":"#3F515E"},"textLink":{"value":"#09508C"},"textPlaceholder":{"value":"#9EA6AD"},"textSuccess":{"value":"#015B28"},"textWarning":{"value":"#8B3200"},"textError":{"value":"#9B181C"},"lineStroke":{"value":"#9EA6AD"},"lineDivider":{"value":"#D7DADE"},"surfaceOverlayGrey":{"value":"#334451BF"},"surfaceOverlayWhite":{"value":"#FFFFFFBF"},"surfaceAttention":{"value":"#0A5A9E"},"surfaceSuccess":{"value":"#02672D"},"surfaceWarning":{"value":"#9C3800"},"surfaceError":{"value":"#AE1B1F"},"surfaceDivider":{"value":"#D7DADE"},"textSurfaceColored":{"value":"#FFFFFF"},"iconDefault":{"value":"#273540"},"iconSuccess":{"value":"#02672D"},"iconWarning":{"value":"#9C3800"},"iconError":{"value":"#AE1B1F"},"iconSurfaceColored":{"value":"#FFFFFF"},"lineConnector":{"value":"#9EA6AD"}}}}

package/tsconfig.build.json

@@ -12,13 +12,7 @@
       "path": "../ui-babel-preset/tsconfig.build.json"
     },
     {
-      "path": "../ui-color-utils/tsconfig.build.json"
-    },
-    {
-      "path": "../ui-test-utils/tsconfig.build.json"
-    },
-    {
-      "path": "../shared-types/tsconfig.build.json"
+      "path": "../ui-themes/tsconfig.build.json"
     }
   ]
 }