@instructure/ui-themes 11.7.3-snapshot-25 → 11.7.3-snapshot-27

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.
Files changed (27) hide show
  1. package/CHANGELOG.md +5 -2
  2. package/es/themes/canvas/index.js +13 -14
  3. package/es/themes/newThemeTokens/dark/semantics.js +0 -2
  4. package/es/themes/newThemeTokens/legacyCanvas/semantics.js +0 -2
  5. package/es/themes/newThemeTokens/legacyCanvasHighContrast/semantics.js +0 -2
  6. package/es/themes/newThemeTokens/light/semantics.js +0 -2
  7. package/es/utils/getUIColors.js +32 -32
  8. package/lib/themes/canvas/index.js +14 -14
  9. package/lib/themes/newThemeTokens/dark/semantics.js +0 -2
  10. package/lib/themes/newThemeTokens/legacyCanvas/semantics.js +0 -2
  11. package/lib/themes/newThemeTokens/legacyCanvasHighContrast/semantics.js +0 -2
  12. package/lib/themes/newThemeTokens/light/semantics.js +0 -2
  13. package/lib/utils/getUIColors.js +32 -32
  14. package/package.json +3 -3
  15. package/src/themes/newThemeTokens/dark/semantics.ts +0 -4
  16. package/src/themes/newThemeTokens/legacyCanvas/semantics.ts +0 -4
  17. package/src/themes/newThemeTokens/legacyCanvasHighContrast/semantics.ts +0 -4
  18. package/src/themes/newThemeTokens/light/semantics.ts +0 -4
  19. package/tsconfig.build.tsbuildinfo +1 -1
  20. package/types/themes/newThemeTokens/dark/semantics.d.ts +0 -2
  21. package/types/themes/newThemeTokens/dark/semantics.d.ts.map +1 -1
  22. package/types/themes/newThemeTokens/legacyCanvas/semantics.d.ts +0 -2
  23. package/types/themes/newThemeTokens/legacyCanvas/semantics.d.ts.map +1 -1
  24. package/types/themes/newThemeTokens/legacyCanvasHighContrast/semantics.d.ts +0 -2
  25. package/types/themes/newThemeTokens/legacyCanvasHighContrast/semantics.d.ts.map +1 -1
  26. package/types/themes/newThemeTokens/light/semantics.d.ts +0 -2
  27. package/types/themes/newThemeTokens/light/semantics.d.ts.map +1 -1
package/CHANGELOG.md CHANGED
@@ -3,9 +3,12 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
- ## [11.7.3-snapshot-25](https://github.com/instructure/instructure-ui/compare/v11.7.2...v11.7.3-snapshot-25) (2026-04-30)
6
+ ## [11.7.3-snapshot-27](https://github.com/instructure/instructure-ui/compare/v11.7.2...v11.7.3-snapshot-27) (2026-05-05)
7
7
 
8
- **Note:** Version bump only for package @instructure/ui-themes
8
+
9
+ ### Bug Fixes
10
+
11
+ * **many:** update dependencies, remove lots of Babel plugins, remove Webpack 4 support ([f916fca](https://github.com/instructure/instructure-ui/commit/f916fcafdddcb2d7de401f93e8ff92cfdfa47bba))
9
12
 
10
13
 
11
14
 
package/es/themes/canvas/index.js CHANGED
@@ -1,4 +1,3 @@
1
- var _colors$contrasts, _colors$contrasts2, _colors$contrasts3, _colors$contrasts4, _colors$contrasts5, _colors$contrasts6, _colors$contrasts7, _colors$contrasts8, _colors$contrasts9, _colors$contrasts0, _colors$contrasts1, _colors$contrasts10, _colors$contrasts11;
2
1
  /*
3
2
  * The MIT License (MIT)
4
3
  *
@@ -29,26 +28,26 @@ const key = 'canvas';
29
28
  const brandVariables = {
30
29
  /* Defaults for Canvas account branding variables: */
31
30
  // used for border/background/shadow colors in many places
32
- 'ic-brand-primary': colors === null || colors === void 0 ? void 0 : (_colors$contrasts = colors.contrasts) === null || _colors$contrasts === void 0 ? void 0 : _colors$contrasts.blue4570,
31
+ 'ic-brand-primary': colors?.contrasts?.blue4570,
33
32
  // used in lots of places for text color
34
- 'ic-brand-font-color-dark': colors === null || colors === void 0 ? void 0 : (_colors$contrasts2 = colors.contrasts) === null || _colors$contrasts2 === void 0 ? void 0 : _colors$contrasts2.grey125125,
33
+ 'ic-brand-font-color-dark': colors?.contrasts?.grey125125,
35
34
  // used by Link and links in Billboard
36
- 'ic-link-color': colors === null || colors === void 0 ? void 0 : (_colors$contrasts3 = colors.contrasts) === null || _colors$contrasts3 === void 0 ? void 0 : _colors$contrasts3.blue5782,
35
+ 'ic-link-color': colors?.contrasts?.blue5782,
37
36
  'ic-link-decoration': 'none',
38
37
  // Used by BaseButton and its subcomponents
39
- 'ic-brand-button--primary-bgd': colors === null || colors === void 0 ? void 0 : (_colors$contrasts4 = colors.contrasts) === null || _colors$contrasts4 === void 0 ? void 0 : _colors$contrasts4.blue4570,
40
- 'ic-brand-button--primary-text': colors === null || colors === void 0 ? void 0 : (_colors$contrasts5 = colors.contrasts) === null || _colors$contrasts5 === void 0 ? void 0 : _colors$contrasts5.white1010,
41
- 'ic-brand-button--secondary-bgd': colors === null || colors === void 0 ? void 0 : (_colors$contrasts6 = colors.contrasts) === null || _colors$contrasts6 === void 0 ? void 0 : _colors$contrasts6.grey125125,
38
+ 'ic-brand-button--primary-bgd': colors?.contrasts?.blue4570,
39
+ 'ic-brand-button--primary-text': colors?.contrasts?.white1010,
40
+ 'ic-brand-button--secondary-bgd': colors?.contrasts?.grey125125,
42
41
  // unused!
43
- 'ic-brand-button--secondary-text': colors === null || colors === void 0 ? void 0 : (_colors$contrasts7 = colors.contrasts) === null || _colors$contrasts7 === void 0 ? void 0 : _colors$contrasts7.white1010,
42
+ 'ic-brand-button--secondary-text': colors?.contrasts?.white1010,
44
43
  // unused!
45
44
  // these are used only by SideNavBar
46
- 'ic-brand-global-nav-bgd': colors === null || colors === void 0 ? void 0 : (_colors$contrasts8 = colors.contrasts) === null || _colors$contrasts8 === void 0 ? void 0 : _colors$contrasts8.grey100100,
47
- 'ic-global-nav-link-hover': colors === null || colors === void 0 ? void 0 : (_colors$contrasts9 = colors.contrasts) === null || _colors$contrasts9 === void 0 ? void 0 : _colors$contrasts9.grey125125,
48
- 'ic-brand-global-nav-ic-icon-svg-fill': colors === null || colors === void 0 ? void 0 : (_colors$contrasts0 = colors.contrasts) === null || _colors$contrasts0 === void 0 ? void 0 : _colors$contrasts0.white1010,
49
- 'ic-brand-global-nav-ic-icon-svg-fill--active': colors === null || colors === void 0 ? void 0 : (_colors$contrasts1 = colors.contrasts) === null || _colors$contrasts1 === void 0 ? void 0 : _colors$contrasts1.blue4570,
50
- 'ic-brand-global-nav-menu-item__text-color': colors === null || colors === void 0 ? void 0 : (_colors$contrasts10 = colors.contrasts) === null || _colors$contrasts10 === void 0 ? void 0 : _colors$contrasts10.white1010,
51
- 'ic-brand-global-nav-menu-item__text-color--active': colors === null || colors === void 0 ? void 0 : (_colors$contrasts11 = colors.contrasts) === null || _colors$contrasts11 === void 0 ? void 0 : _colors$contrasts11.blue4570
45
+ 'ic-brand-global-nav-bgd': colors?.contrasts?.grey100100,
46
+ 'ic-global-nav-link-hover': colors?.contrasts?.grey125125,
47
+ 'ic-brand-global-nav-ic-icon-svg-fill': colors?.contrasts?.white1010,
48
+ 'ic-brand-global-nav-ic-icon-svg-fill--active': colors?.contrasts?.blue4570,
49
+ 'ic-brand-global-nav-menu-item__text-color': colors?.contrasts?.white1010,
50
+ 'ic-brand-global-nav-menu-item__text-color--active': colors?.contrasts?.blue4570
52
51
  };
53
52
  /**
54
53
  * Canvas theme object
package/es/themes/newThemeTokens/dark/semantics.js CHANGED
@@ -744,8 +744,6 @@ const semantics = primitives => ({
744
744
  "textXl": primitives.size.size28,
745
745
  "text2xl": primitives.size.size40
746
746
  },
747
- "visibleInCanvas": "false",
748
- "visibleInRebrand": "true",
749
747
  "opacity": {
750
748
  "base": primitives.opacity100,
751
749
  "disabled": primitives.opacity50
package/es/themes/newThemeTokens/legacyCanvas/semantics.js CHANGED
@@ -744,8 +744,6 @@ const semantics = primitives => ({
744
744
  "textXl": primitives.size.size28,
745
745
  "text2xl": "2.375rem"
746
746
  },
747
- "visibleInCanvas": "true",
748
- "visibleInRebrand": "false",
749
747
  "opacity": {
750
748
  "base": primitives.opacity100,
751
749
  "disabled": primitives.opacity50
package/es/themes/newThemeTokens/legacyCanvasHighContrast/semantics.js CHANGED
@@ -744,8 +744,6 @@ const semantics = primitives => ({
744
744
  "textXl": primitives.size.size28,
745
745
  "text2xl": "2.375rem"
746
746
  },
747
- "visibleInCanvas": "true",
748
- "visibleInRebrand": "false",
749
747
  "opacity": {
750
748
  "base": primitives.opacity100,
751
749
  "disabled": primitives.opacity50
package/es/themes/newThemeTokens/light/semantics.js CHANGED
@@ -744,8 +744,6 @@ const semantics = primitives => ({
744
744
  "textXl": primitives.size.size28,
745
745
  "text2xl": primitives.size.size40
746
746
  },
747
- "visibleInCanvas": "false",
748
- "visibleInRebrand": "true",
749
747
  "opacity": {
750
748
  "base": primitives.opacity100,
751
749
  "disabled": primitives.opacity50
package/es/utils/getUIColors.js CHANGED
@@ -23,37 +23,37 @@
23
23
  */
24
24
 
25
25
  export const getUIColors = contrasts => ({
26
- surfacePagePrimary: contrasts === null || contrasts === void 0 ? void 0 : contrasts.white1010,
27
- surfacePageSecondary: contrasts === null || contrasts === void 0 ? void 0 : contrasts.grey1111,
28
- surfaceCardPrimary: contrasts === null || contrasts === void 0 ? void 0 : contrasts.white1010,
29
- surfaceCardSecondary: contrasts === null || contrasts === void 0 ? void 0 : contrasts.grey1111,
30
- surfaceDark: contrasts === null || contrasts === void 0 ? void 0 : contrasts.grey100100,
31
- textTitle: contrasts === null || contrasts === void 0 ? void 0 : contrasts.grey125125,
32
- textDescription: contrasts === null || contrasts === void 0 ? void 0 : contrasts.grey125125,
33
- textBody: contrasts === null || contrasts === void 0 ? void 0 : contrasts.grey125125,
34
- textTimestamp: contrasts === null || contrasts === void 0 ? void 0 : contrasts.grey5782,
35
- textAuthor: contrasts === null || contrasts === void 0 ? void 0 : contrasts.grey5782,
36
- textDatapoint: contrasts === null || contrasts === void 0 ? void 0 : contrasts.grey5782,
37
- textLink: contrasts === null || contrasts === void 0 ? void 0 : contrasts.blue5782,
38
- textPlaceholder: contrasts === null || contrasts === void 0 ? void 0 : contrasts.grey2424,
39
- textSuccess: contrasts === null || contrasts === void 0 ? void 0 : contrasts.green5782,
40
- textWarning: contrasts === null || contrasts === void 0 ? void 0 : contrasts.orange5782,
41
- textError: contrasts === null || contrasts === void 0 ? void 0 : contrasts.red5782,
42
- lineStroke: contrasts === null || contrasts === void 0 ? void 0 : contrasts.grey1424,
43
- lineDivider: contrasts === null || contrasts === void 0 ? void 0 : contrasts.grey1214,
44
- surfaceOverlayGrey: contrasts === null || contrasts === void 0 ? void 0 : contrasts.grey100100op75,
45
- surfaceOverlayWhite: contrasts === null || contrasts === void 0 ? void 0 : contrasts.white1010op75,
46
- surfaceAttention: contrasts === null || contrasts === void 0 ? void 0 : contrasts.blue4570,
47
- surfaceSuccess: contrasts === null || contrasts === void 0 ? void 0 : contrasts.green4570,
48
- surfaceWarning: contrasts === null || contrasts === void 0 ? void 0 : contrasts.orange4570,
49
- surfaceError: contrasts === null || contrasts === void 0 ? void 0 : contrasts.red4570,
50
- surfaceDivider: contrasts === null || contrasts === void 0 ? void 0 : contrasts.grey1214,
51
- textSurfaceColored: contrasts === null || contrasts === void 0 ? void 0 : contrasts.white1010,
52
- iconDefault: contrasts === null || contrasts === void 0 ? void 0 : contrasts.grey125125,
53
- iconSuccess: contrasts === null || contrasts === void 0 ? void 0 : contrasts.green4570,
54
- iconWarning: contrasts === null || contrasts === void 0 ? void 0 : contrasts.orange4570,
55
- iconError: contrasts === null || contrasts === void 0 ? void 0 : contrasts.red4570,
56
- iconSurfaceColored: contrasts === null || contrasts === void 0 ? void 0 : contrasts.white1010,
57
- lineConnector: contrasts === null || contrasts === void 0 ? void 0 : contrasts.grey1424
26
+ surfacePagePrimary: contrasts?.white1010,
27
+ surfacePageSecondary: contrasts?.grey1111,
28
+ surfaceCardPrimary: contrasts?.white1010,
29
+ surfaceCardSecondary: contrasts?.grey1111,
30
+ surfaceDark: contrasts?.grey100100,
31
+ textTitle: contrasts?.grey125125,
32
+ textDescription: contrasts?.grey125125,
33
+ textBody: contrasts?.grey125125,
34
+ textTimestamp: contrasts?.grey5782,
35
+ textAuthor: contrasts?.grey5782,
36
+ textDatapoint: contrasts?.grey5782,
37
+ textLink: contrasts?.blue5782,
38
+ textPlaceholder: contrasts?.grey2424,
39
+ textSuccess: contrasts?.green5782,
40
+ textWarning: contrasts?.orange5782,
41
+ textError: contrasts?.red5782,
42
+ lineStroke: contrasts?.grey1424,
43
+ lineDivider: contrasts?.grey1214,
44
+ surfaceOverlayGrey: contrasts?.grey100100op75,
45
+ surfaceOverlayWhite: contrasts?.white1010op75,
46
+ surfaceAttention: contrasts?.blue4570,
47
+ surfaceSuccess: contrasts?.green4570,
48
+ surfaceWarning: contrasts?.orange4570,
49
+ surfaceError: contrasts?.red4570,
50
+ surfaceDivider: contrasts?.grey1214,
51
+ textSurfaceColored: contrasts?.white1010,
52
+ iconDefault: contrasts?.grey125125,
53
+ iconSuccess: contrasts?.green4570,
54
+ iconWarning: contrasts?.orange4570,
55
+ iconError: contrasts?.red4570,
56
+ iconSurfaceColored: contrasts?.white1010,
57
+ lineConnector: contrasts?.grey1424
58
58
  });
59
59
  export default getUIColors;
package/lib/themes/canvas/index.js CHANGED
@@ -8,7 +8,6 @@ exports.default = void 0;
8
8
  var _legacySharedThemeTokens = _interopRequireDefault(require("../../legacySharedThemeTokens"));
9
9
  var _colors = require("./colors");
10
10
  var _newThemeTokens = require("../newThemeTokens");
11
- var _colors$contrasts, _colors$contrasts2, _colors$contrasts3, _colors$contrasts4, _colors$contrasts5, _colors$contrasts6, _colors$contrasts7, _colors$contrasts8, _colors$contrasts9, _colors$contrasts0, _colors$contrasts1, _colors$contrasts10, _colors$contrasts11;
12
11
  /*
13
12
  * The MIT License (MIT)
14
13
  *
@@ -32,30 +31,31 @@ var _colors$contrasts, _colors$contrasts2, _colors$contrasts3, _colors$contrasts
32
31
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
33
32
  * SOFTWARE.
34
33
  */
34
+
35
35
  const key = 'canvas';
36
36
  const brandVariables = {
37
37
  /* Defaults for Canvas account branding variables: */
38
38
  // used for border/background/shadow colors in many places
39
- 'ic-brand-primary': _colors.colors === null || _colors.colors === void 0 ? void 0 : (_colors$contrasts = _colors.colors.contrasts) === null || _colors$contrasts === void 0 ? void 0 : _colors$contrasts.blue4570,
39
+ 'ic-brand-primary': _colors.colors?.contrasts?.blue4570,
40
40
  // used in lots of places for text color
41
- 'ic-brand-font-color-dark': _colors.colors === null || _colors.colors === void 0 ? void 0 : (_colors$contrasts2 = _colors.colors.contrasts) === null || _colors$contrasts2 === void 0 ? void 0 : _colors$contrasts2.grey125125,
41
+ 'ic-brand-font-color-dark': _colors.colors?.contrasts?.grey125125,
42
42
  // used by Link and links in Billboard
43
- 'ic-link-color': _colors.colors === null || _colors.colors === void 0 ? void 0 : (_colors$contrasts3 = _colors.colors.contrasts) === null || _colors$contrasts3 === void 0 ? void 0 : _colors$contrasts3.blue5782,
43
+ 'ic-link-color': _colors.colors?.contrasts?.blue5782,
44
44
  'ic-link-decoration': 'none',
45
45
  // Used by BaseButton and its subcomponents
46
- 'ic-brand-button--primary-bgd': _colors.colors === null || _colors.colors === void 0 ? void 0 : (_colors$contrasts4 = _colors.colors.contrasts) === null || _colors$contrasts4 === void 0 ? void 0 : _colors$contrasts4.blue4570,
47
- 'ic-brand-button--primary-text': _colors.colors === null || _colors.colors === void 0 ? void 0 : (_colors$contrasts5 = _colors.colors.contrasts) === null || _colors$contrasts5 === void 0 ? void 0 : _colors$contrasts5.white1010,
48
- 'ic-brand-button--secondary-bgd': _colors.colors === null || _colors.colors === void 0 ? void 0 : (_colors$contrasts6 = _colors.colors.contrasts) === null || _colors$contrasts6 === void 0 ? void 0 : _colors$contrasts6.grey125125,
46
+ 'ic-brand-button--primary-bgd': _colors.colors?.contrasts?.blue4570,
47
+ 'ic-brand-button--primary-text': _colors.colors?.contrasts?.white1010,
48
+ 'ic-brand-button--secondary-bgd': _colors.colors?.contrasts?.grey125125,
49
49
  // unused!
50
- 'ic-brand-button--secondary-text': _colors.colors === null || _colors.colors === void 0 ? void 0 : (_colors$contrasts7 = _colors.colors.contrasts) === null || _colors$contrasts7 === void 0 ? void 0 : _colors$contrasts7.white1010,
50
+ 'ic-brand-button--secondary-text': _colors.colors?.contrasts?.white1010,
51
51
  // unused!
52
52
  // these are used only by SideNavBar
53
- 'ic-brand-global-nav-bgd': _colors.colors === null || _colors.colors === void 0 ? void 0 : (_colors$contrasts8 = _colors.colors.contrasts) === null || _colors$contrasts8 === void 0 ? void 0 : _colors$contrasts8.grey100100,
54
- 'ic-global-nav-link-hover': _colors.colors === null || _colors.colors === void 0 ? void 0 : (_colors$contrasts9 = _colors.colors.contrasts) === null || _colors$contrasts9 === void 0 ? void 0 : _colors$contrasts9.grey125125,
55
- 'ic-brand-global-nav-ic-icon-svg-fill': _colors.colors === null || _colors.colors === void 0 ? void 0 : (_colors$contrasts0 = _colors.colors.contrasts) === null || _colors$contrasts0 === void 0 ? void 0 : _colors$contrasts0.white1010,
56
- 'ic-brand-global-nav-ic-icon-svg-fill--active': _colors.colors === null || _colors.colors === void 0 ? void 0 : (_colors$contrasts1 = _colors.colors.contrasts) === null || _colors$contrasts1 === void 0 ? void 0 : _colors$contrasts1.blue4570,
57
- 'ic-brand-global-nav-menu-item__text-color': _colors.colors === null || _colors.colors === void 0 ? void 0 : (_colors$contrasts10 = _colors.colors.contrasts) === null || _colors$contrasts10 === void 0 ? void 0 : _colors$contrasts10.white1010,
58
- 'ic-brand-global-nav-menu-item__text-color--active': _colors.colors === null || _colors.colors === void 0 ? void 0 : (_colors$contrasts11 = _colors.colors.contrasts) === null || _colors$contrasts11 === void 0 ? void 0 : _colors$contrasts11.blue4570
53
+ 'ic-brand-global-nav-bgd': _colors.colors?.contrasts?.grey100100,
54
+ 'ic-global-nav-link-hover': _colors.colors?.contrasts?.grey125125,
55
+ 'ic-brand-global-nav-ic-icon-svg-fill': _colors.colors?.contrasts?.white1010,
56
+ 'ic-brand-global-nav-ic-icon-svg-fill--active': _colors.colors?.contrasts?.blue4570,
57
+ 'ic-brand-global-nav-menu-item__text-color': _colors.colors?.contrasts?.white1010,
58
+ 'ic-brand-global-nav-menu-item__text-color--active': _colors.colors?.contrasts?.blue4570
59
59
  };
60
60
  /**
61
61
  * Canvas theme object
package/lib/themes/newThemeTokens/dark/semantics.js CHANGED
@@ -750,8 +750,6 @@ const semantics = primitives => ({
750
750
  "textXl": primitives.size.size28,
751
751
  "text2xl": primitives.size.size40
752
752
  },
753
- "visibleInCanvas": "false",
754
- "visibleInRebrand": "true",
755
753
  "opacity": {
756
754
  "base": primitives.opacity100,
757
755
  "disabled": primitives.opacity50
package/lib/themes/newThemeTokens/legacyCanvas/semantics.js CHANGED
@@ -750,8 +750,6 @@ const semantics = primitives => ({
750
750
  "textXl": primitives.size.size28,
751
751
  "text2xl": "2.375rem"
752
752
  },
753
- "visibleInCanvas": "true",
754
- "visibleInRebrand": "false",
755
753
  "opacity": {
756
754
  "base": primitives.opacity100,
757
755
  "disabled": primitives.opacity50
package/lib/themes/newThemeTokens/legacyCanvasHighContrast/semantics.js CHANGED
@@ -750,8 +750,6 @@ const semantics = primitives => ({
750
750
  "textXl": primitives.size.size28,
751
751
  "text2xl": "2.375rem"
752
752
  },
753
- "visibleInCanvas": "true",
754
- "visibleInRebrand": "false",
755
753
  "opacity": {
756
754
  "base": primitives.opacity100,
757
755
  "disabled": primitives.opacity50
package/lib/themes/newThemeTokens/light/semantics.js CHANGED
@@ -750,8 +750,6 @@ const semantics = primitives => ({
750
750
  "textXl": primitives.size.size28,
751
751
  "text2xl": primitives.size.size40
752
752
  },
753
- "visibleInCanvas": "false",
754
- "visibleInRebrand": "true",
755
753
  "opacity": {
756
754
  "base": primitives.opacity100,
757
755
  "disabled": primitives.opacity50
package/lib/utils/getUIColors.js CHANGED
@@ -29,38 +29,38 @@ exports.getUIColors = exports.default = void 0;
29
29
  */
30
30
 
31
31
  const getUIColors = contrasts => ({
32
- surfacePagePrimary: contrasts === null || contrasts === void 0 ? void 0 : contrasts.white1010,
33
- surfacePageSecondary: contrasts === null || contrasts === void 0 ? void 0 : contrasts.grey1111,
34
- surfaceCardPrimary: contrasts === null || contrasts === void 0 ? void 0 : contrasts.white1010,
35
- surfaceCardSecondary: contrasts === null || contrasts === void 0 ? void 0 : contrasts.grey1111,
36
- surfaceDark: contrasts === null || contrasts === void 0 ? void 0 : contrasts.grey100100,
37
- textTitle: contrasts === null || contrasts === void 0 ? void 0 : contrasts.grey125125,
38
- textDescription: contrasts === null || contrasts === void 0 ? void 0 : contrasts.grey125125,
39
- textBody: contrasts === null || contrasts === void 0 ? void 0 : contrasts.grey125125,
40
- textTimestamp: contrasts === null || contrasts === void 0 ? void 0 : contrasts.grey5782,
41
- textAuthor: contrasts === null || contrasts === void 0 ? void 0 : contrasts.grey5782,
42
- textDatapoint: contrasts === null || contrasts === void 0 ? void 0 : contrasts.grey5782,
43
- textLink: contrasts === null || contrasts === void 0 ? void 0 : contrasts.blue5782,
44
- textPlaceholder: contrasts === null || contrasts === void 0 ? void 0 : contrasts.grey2424,
45
- textSuccess: contrasts === null || contrasts === void 0 ? void 0 : contrasts.green5782,
46
- textWarning: contrasts === null || contrasts === void 0 ? void 0 : contrasts.orange5782,
47
- textError: contrasts === null || contrasts === void 0 ? void 0 : contrasts.red5782,
48
- lineStroke: contrasts === null || contrasts === void 0 ? void 0 : contrasts.grey1424,
49
- lineDivider: contrasts === null || contrasts === void 0 ? void 0 : contrasts.grey1214,
50
- surfaceOverlayGrey: contrasts === null || contrasts === void 0 ? void 0 : contrasts.grey100100op75,
51
- surfaceOverlayWhite: contrasts === null || contrasts === void 0 ? void 0 : contrasts.white1010op75,
52
- surfaceAttention: contrasts === null || contrasts === void 0 ? void 0 : contrasts.blue4570,
53
- surfaceSuccess: contrasts === null || contrasts === void 0 ? void 0 : contrasts.green4570,
54
- surfaceWarning: contrasts === null || contrasts === void 0 ? void 0 : contrasts.orange4570,
55
- surfaceError: contrasts === null || contrasts === void 0 ? void 0 : contrasts.red4570,
56
- surfaceDivider: contrasts === null || contrasts === void 0 ? void 0 : contrasts.grey1214,
57
- textSurfaceColored: contrasts === null || contrasts === void 0 ? void 0 : contrasts.white1010,
58
- iconDefault: contrasts === null || contrasts === void 0 ? void 0 : contrasts.grey125125,
59
- iconSuccess: contrasts === null || contrasts === void 0 ? void 0 : contrasts.green4570,
60
- iconWarning: contrasts === null || contrasts === void 0 ? void 0 : contrasts.orange4570,
61
- iconError: contrasts === null || contrasts === void 0 ? void 0 : contrasts.red4570,
62
- iconSurfaceColored: contrasts === null || contrasts === void 0 ? void 0 : contrasts.white1010,
63
- lineConnector: contrasts === null || contrasts === void 0 ? void 0 : contrasts.grey1424
32
+ surfacePagePrimary: contrasts?.white1010,
33
+ surfacePageSecondary: contrasts?.grey1111,
34
+ surfaceCardPrimary: contrasts?.white1010,
35
+ surfaceCardSecondary: contrasts?.grey1111,
36
+ surfaceDark: contrasts?.grey100100,
37
+ textTitle: contrasts?.grey125125,
38
+ textDescription: contrasts?.grey125125,
39
+ textBody: contrasts?.grey125125,
40
+ textTimestamp: contrasts?.grey5782,
41
+ textAuthor: contrasts?.grey5782,
42
+ textDatapoint: contrasts?.grey5782,
43
+ textLink: contrasts?.blue5782,
44
+ textPlaceholder: contrasts?.grey2424,
45
+ textSuccess: contrasts?.green5782,
46
+ textWarning: contrasts?.orange5782,
47
+ textError: contrasts?.red5782,
48
+ lineStroke: contrasts?.grey1424,
49
+ lineDivider: contrasts?.grey1214,
50
+ surfaceOverlayGrey: contrasts?.grey100100op75,
51
+ surfaceOverlayWhite: contrasts?.white1010op75,
52
+ surfaceAttention: contrasts?.blue4570,
53
+ surfaceSuccess: contrasts?.green4570,
54
+ surfaceWarning: contrasts?.orange4570,
55
+ surfaceError: contrasts?.red4570,
56
+ surfaceDivider: contrasts?.grey1214,
57
+ textSurfaceColored: contrasts?.white1010,
58
+ iconDefault: contrasts?.grey125125,
59
+ iconSuccess: contrasts?.green4570,
60
+ iconWarning: contrasts?.orange4570,
61
+ iconError: contrasts?.red4570,
62
+ iconSurfaceColored: contrasts?.white1010,
63
+ lineConnector: contrasts?.grey1424
64
64
  });
65
65
  exports.getUIColors = getUIColors;
66
66
  var _default = exports.default = getUIColors;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-themes",
3
- "version": "11.7.3-snapshot-25",
3
+ "version": "11.7.3-snapshot-27",
4
4
  "description": "A library of instructure themes",
5
5
  "author": "Instructure, Inc. Engineering and Product Design",
6
6
  "module": "./es/index.js",
@@ -17,11 +17,11 @@
17
17
  "@testing-library/jest-dom": "^6.6.3",
18
18
  "@testing-library/react": "15.0.7",
19
19
  "vitest": "^3.2.2",
20
- "@instructure/ui-babel-preset": "11.7.3-snapshot-25"
20
+ "@instructure/ui-babel-preset": "11.7.3-snapshot-27"
21
21
  },
22
22
  "dependencies": {
23
23
  "@tokens-studio/types": "^0.5.2",
24
- "@instructure/shared-types": "11.7.3-snapshot-25"
24
+ "@instructure/shared-types": "11.7.3-snapshot-27"
25
25
  },
26
26
  "publishConfig": {
27
27
  "access": "public"
package/src/themes/newThemeTokens/dark/semantics.ts CHANGED
@@ -643,8 +643,6 @@ export type Semantics = {
643
643
  "textXl": Primitives["size"]["size28"]
644
644
  "text2xl": Primitives["size"]["size40"]
645
645
  }
646
- "visibleInCanvas": string
647
- "visibleInRebrand": string
648
646
  "opacity": { "base": Primitives["opacity100"]; "disabled": Primitives["opacity50"] }
649
647
  }
650
648
 
@@ -1247,8 +1245,6 @@ const semantics = (primitives: Primitives): Semantics => ({
1247
1245
  "textXl": primitives.size.size28,
1248
1246
  "text2xl": primitives.size.size40,
1249
1247
  },
1250
- "visibleInCanvas": "false",
1251
- "visibleInRebrand": "true",
1252
1248
  "opacity": { "base": primitives.opacity100, "disabled": primitives.opacity50 },
1253
1249
  })
1254
1250
  export default semantics
package/src/themes/newThemeTokens/legacyCanvas/semantics.ts CHANGED
@@ -637,8 +637,6 @@ export type Semantics = {
637
637
  "textXl": Primitives["size"]["size28"]
638
638
  "text2xl": string
639
639
  }
640
- "visibleInCanvas": string
641
- "visibleInRebrand": string
642
640
  "opacity": { "base": Primitives["opacity100"]; "disabled": Primitives["opacity50"] }
643
641
  }
644
642
 
@@ -1235,8 +1233,6 @@ const semantics = (primitives: Primitives): Semantics => ({
1235
1233
  "textXl": primitives.size.size28,
1236
1234
  "text2xl": "2.375rem",
1237
1235
  },
1238
- "visibleInCanvas": "true",
1239
- "visibleInRebrand": "false",
1240
1236
  "opacity": { "base": primitives.opacity100, "disabled": primitives.opacity50 },
1241
1237
  })
1242
1238
  export default semantics
package/src/themes/newThemeTokens/legacyCanvasHighContrast/semantics.ts CHANGED
@@ -637,8 +637,6 @@ export type Semantics = {
637
637
  "textXl": Primitives["size"]["size28"]
638
638
  "text2xl": string
639
639
  }
640
- "visibleInCanvas": string
641
- "visibleInRebrand": string
642
640
  "opacity": { "base": Primitives["opacity100"]; "disabled": Primitives["opacity50"] }
643
641
  }
644
642
 
@@ -1235,8 +1233,6 @@ const semantics = (primitives: Primitives): Semantics => ({
1235
1233
  "textXl": primitives.size.size28,
1236
1234
  "text2xl": "2.375rem",
1237
1235
  },
1238
- "visibleInCanvas": "true",
1239
- "visibleInRebrand": "false",
1240
1236
  "opacity": { "base": primitives.opacity100, "disabled": primitives.opacity50 },
1241
1237
  })
1242
1238
  export default semantics
package/src/themes/newThemeTokens/light/semantics.ts CHANGED
@@ -637,8 +637,6 @@ export type Semantics = {
637
637
  "textXl": Primitives["size"]["size28"]
638
638
  "text2xl": Primitives["size"]["size40"]
639
639
  }
640
- "visibleInCanvas": string
641
- "visibleInRebrand": string
642
640
  "opacity": { "base": Primitives["opacity100"]; "disabled": Primitives["opacity50"] }
643
641
  }
644
642
 
@@ -1235,8 +1233,6 @@ const semantics = (primitives: Primitives): Semantics => ({
1235
1233
  "textXl": primitives.size.size28,
1236
1234
  "text2xl": primitives.size.size40,
1237
1235
  },
1238
- "visibleInCanvas": "false",
1239
- "visibleInRebrand": "true",
1240
1236
  "opacity": { "base": primitives.opacity100, "disabled": primitives.opacity50 },
1241
1237
  })
1242
1238
  export default semantics