@instructure/ui-themes 10.0.1-snapshot-14 → 10.2.0

package/src/themes/canvasHighContrast/colors.ts

@@ -0,0 +1,76 @@
+/*
+ * 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 {
+  primitives,
+  additionalPrimitives
+} from '../../sharedThemeTokens/colors/primitives'
+import dataVisualization from '../../sharedThemeTokens/colors/dataVisualization'
+import getUIColors from '../../utils/getUIColors'
+
+import type { UI, Contrasts } from '@instructure/shared-types'
+
+const contrasts: 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: UI = getUIColors(contrasts)
+
+const colors = {
+  primitives,
+  additionalPrimitives,
+  contrasts,
+  ui,
+  dataVisualization
+}
+export default { primitives, contrasts, ui }
+export { colors }

package/src/themes/canvasHighContrast/index.ts

@@ -0,0 +1,44 @@
+/*
+ * 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 sharedThemeTokens from '../../sharedThemeTokens'
+import { BaseTheme, Colors } from '@instructure/shared-types'
+import { ThemeRegistry } from '@instructure/theme-registry'
+import colors from './colors'
+
+const key = 'canvas-high-contrast'
+
+export type CanvasHighContrastTheme = BaseTheme & {
+  key: 'canvas-high-contrast'
+} & typeof sharedThemeTokens & { colors: Colors }
+
+const __theme: CanvasHighContrastTheme = {
+  key,
+  description: 'This theme meets WCAG 2.0 AA rules for color contrast.',
+  ...sharedThemeTokens,
+  colors
+}
+const theme = ThemeRegistry.registerTheme(__theme)
+
+export default theme

package/src/utils/getUIColors.ts

@@ -0,0 +1,68 @@
+/*
+ * 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 type { Contrasts, UI } from '@instructure/shared-types'
+
+export const getUIColors = (contrasts: Contrasts): UI => ({
+  surfacePagePrimary: contrasts?.white1010,
+  surfacePageSecondary: contrasts?.grey1111,
+  surfaceCardPrimary: contrasts?.white1010,
+  surfaceCardSecondary: contrasts?.grey1111,
+  surfaceDark: contrasts?.grey100100,
+
+  textTitle: contrasts?.grey125125,
+  textDescription: contrasts?.grey125125,
+  textBody: contrasts?.grey125125,
+  textTimestamp: contrasts?.grey5782,
+  textAuthor: contrasts?.grey5782,
+  textDatapoint: contrasts?.grey5782,
+  textLink: contrasts?.blue5782,
+  textPlaceholder: contrasts?.grey2424,
+  textSuccess: contrasts?.green5782,
+  textWarning: contrasts?.orange5782,
+  textError: contrasts?.red5782,
+
+  lineStroke: contrasts?.grey1424,
+  lineDivider: contrasts?.grey1214,
+
+  surfaceOverlayGrey: contrasts?.grey100100op75,
+  surfaceOverlayWhite: contrasts?.white1010op75,
+  surfaceAttention: contrasts?.blue4570,
+  surfaceSuccess: contrasts?.green4570,
+  surfaceWarning: contrasts?.orange4570,
+  surfaceError: contrasts?.red4570,
+  surfaceDivider: contrasts?.grey1214,
+
+  textSurfaceColored: contrasts?.white1010,
+
+  iconDefault: contrasts?.grey125125,
+  iconSuccess: contrasts?.green4570,
+  iconWarning: contrasts?.orange4570,
+  iconError: contrasts?.red4570,
+  iconSurfaceColored: contrasts?.white1010,
+
+  lineConnector: contrasts?.grey1424
+})
+
+export default getUIColors

package/tokens/canvas/scss/_variables.scss

@@ -0,0 +1,151 @@
+
+// Do not edit directly, this file was auto-generated.
+
+$instui-canvas-borders-radius-small: 0.125rem;
+$instui-canvas-borders-radius-medium: 0.25rem;
+$instui-canvas-borders-radius-large: 0.5rem;
+$instui-canvas-borders-width-small: 0.0625rem;
+$instui-canvas-borders-width-medium: 0.125rem;
+$instui-canvas-borders-width-large: 0.25rem;
+$instui-canvas-borders-style: solid;
+$instui-canvas-transitions-duration: 300ms;
+$instui-canvas-transitions-timing: ease-in-out;
+$instui-canvas-typography-font-family: LatoWeb, Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
+$instui-canvas-typography-font-family-monospace: Menlo, Consolas, Monaco, "Andale Mono", monospace;
+$instui-canvas-typography-font-size-x-small: 0.75rem;
+$instui-canvas-typography-font-size-small: 0.875rem;
+$instui-canvas-typography-font-size-medium: 1rem;
+$instui-canvas-typography-font-size-large: 1.375rem;
+$instui-canvas-typography-font-size-x-large: 1.75rem;
+$instui-canvas-typography-font-size-xx-large: 2.375rem;
+$instui-canvas-typography-font-weight-light: 300;
+$instui-canvas-typography-font-weight-normal: 400;
+$instui-canvas-typography-font-weight-bold: 700;
+$instui-canvas-typography-line-height: 1.5;
+$instui-canvas-typography-line-height-fit: 1.125;
+$instui-canvas-typography-line-height-condensed: 1.25;
+$instui-canvas-typography-line-height-double: 2;
+$instui-canvas-typography-letter-spacing-normal: 0;
+$instui-canvas-typography-letter-spacing-condensed: -0.0625rem;
+$instui-canvas-typography-letter-spacing-expanded: 0.0625rem;
+$instui-canvas-spacing-xxx-small: 0.125rem;
+$instui-canvas-spacing-xx-small: 0.375rem;
+$instui-canvas-spacing-x-small: 0.5rem;
+$instui-canvas-spacing-small: 0.75rem;
+$instui-canvas-spacing-medium-small: 1rem;
+$instui-canvas-spacing-medium: 1.5rem;
+$instui-canvas-spacing-large: 2.25rem;
+$instui-canvas-spacing-x-large: 3rem;
+$instui-canvas-spacing-xx-large: 3.75rem;
+$instui-canvas-forms-input-height-small: 1.75rem;
+$instui-canvas-forms-input-height-medium: 2.375rem;
+$instui-canvas-forms-input-height-large: 3rem;
+$instui-canvas-breakpoints-xx-small: 8em;
+$instui-canvas-breakpoints-x-small: 16em;
+$instui-canvas-breakpoints-small: 30em;
+$instui-canvas-breakpoints-medium: 48em;
+$instui-canvas-breakpoints-tablet: 48em;
+$instui-canvas-breakpoints-large: 62em;
+$instui-canvas-breakpoints-desktop: 64em;
+$instui-canvas-breakpoints-x-large: 75em;
+$instui-canvas-breakpoints-max-width: 61.9375em;
+$instui-canvas-shadows-depth1: 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.2), 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.1);
+$instui-canvas-shadows-depth2: 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.16);
+$instui-canvas-shadows-depth3: 0 0.375rem 0.4375rem rgba(0, 0, 0, 0.1), 0 0.625rem 1.75rem rgba(0, 0, 0, 0.25);
+$instui-canvas-shadows-resting: 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.2), 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.1);
+$instui-canvas-shadows-above: 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.16);
+$instui-canvas-shadows-topmost: 0 0.375rem 0.4375rem rgba(0, 0, 0, 0.1), 0 0.625rem 1.75rem rgba(0, 0, 0, 0.25);
+$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

@@ -0,0 +1 @@
+{"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/tsconfig.build.json

@@ -10,17 +10,11 @@
     {
       "path": "../ui-babel-preset/tsconfig.build.json"
     },
-    {
-      "path": "../canvas-high-contrast-theme/tsconfig.build.json"
-    },
-    {
-      "path": "../canvas-theme/tsconfig.build.json"
-    },
     {
       "path": "../shared-types/tsconfig.build.json"
     },
     {
-      "path": "../ui-theme-tokens/tsconfig.build.json"
+      "path": "../theme-registry/tsconfig.build.json"
     }
   ]
 }