@instructure/ui-theme-tokens - npm Package Compare versions

Comparing version 7.5.1-snapshot.0 to 7.5.1-snapshot.483

es/canvas/borders.js

@@ -25,3 +25,3 @@ /*
 // use for consistency between buttons, text inputs, etc.
-var borders = Object.freeze({
+const borders = Object.freeze({
   radiusSmall: '0.125rem',
@@ -28,0 +28,0 @@ // 2px

es/canvas/breakpoints.js

@@ -24,5 +24,5 @@ /*
  */
-var onePixel = 0.0625; // base = 16px
+const onePixel = 0.0625; // base = 16px
 
-var values = {
+const values = {
   xxSmall: 8,
@@ -41,12 +41,12 @@ // 128px
 };
-var breakpoints = Object.freeze({
-  xxSmall: "".concat(values.xxSmall, "em"),
-  xSmall: "".concat(values.xSmall, "em"),
-  small: "".concat(values.small, "em"),
-  medium: "".concat(values.medium, "em"),
-  large: "".concat(values.large, "em"),
-  xLarge: "".concat(values.xLarge, "em"),
-  maxWidth: "".concat(values.large - onePixel, "em")
+const breakpoints = Object.freeze({
+  xxSmall: `${values.xxSmall}em`,
+  xSmall: `${values.xSmall}em`,
+  small: `${values.small}em`,
+  medium: `${values.medium}em`,
+  large: `${values.large}em`,
+  xLarge: `${values.xLarge}em`,
+  maxWidth: `${values.large - onePixel}em`
 });
 export default breakpoints;
 export { breakpoints };

es/canvas/colors.js

@@ -25,3 +25,3 @@ /*
 import { functionalColors } from "../utils/functionalColors.js";
-var baseColors = {
+const baseColors = {
   brand: '#008EE2',
@@ -42,4 +42,4 @@ link: '#008EE2',
 };
-var colors = Object.freeze(functionalColors(baseColors));
+const colors = Object.freeze(functionalColors(baseColors));
 export default colors;
 export { colors };

es/canvas/forms.js

@@ -24,3 +24,3 @@ /*
  */
-var forms = Object.freeze({
+const forms = Object.freeze({
   inputHeightSmall: '1.75rem',
@@ -27,0 +27,0 @@ inputHeightMedium: '2.375rem',

es/canvas/index.js

@@ -34,15 +34,15 @@ /*
 import { stacking } from "./stacking.js";
-var canvas = {
-  colors: colors,
-  borders: borders,
-  transitions: transitions,
-  typography: typography,
-  spacing: spacing,
-  forms: forms,
-  media: media,
-  breakpoints: breakpoints,
-  shadows: shadows,
-  stacking: stacking
+const canvas = {
+  colors,
+  borders,
+  transitions,
+  typography,
+  spacing,
+  forms,
+  media,
+  breakpoints,
+  shadows,
+  stacking
 };
 export default canvas;
 export { canvas };

es/canvas/media.js

@@ -25,8 +25,8 @@ /*
 import { breakpoints } from "./breakpoints.js";
-var media = Object.freeze({
-  mediumMin: "min-width: ".concat(breakpoints.medium),
-  largeMin: "min-width: ".concat(breakpoints.large),
-  xLargeMin: "min-width: ".concat(breakpoints.xLarge)
+const media = Object.freeze({
+  mediumMin: `min-width: ${breakpoints.medium}`,
+  largeMin: `min-width: ${breakpoints.large}`,
+  xLargeMin: `min-width: ${breakpoints.xLarge}`
 });
 export default media;
 export { media };

es/canvas/shadows.js

@@ -25,4 +25,4 @@ /*
 // use for consistent box shadows
-var values = ['0 0.0625rem 0.125rem rgba(0, 0, 0, 0.2), 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.1)', '0 0.1875rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.16)', '0 0.375rem 0.4375rem rgba(0, 0, 0, 0.1), 0 0.625rem 1.75rem rgba(0, 0, 0, 0.25)'];
-var shadows = Object.freeze({
+const values = ['0 0.0625rem 0.125rem rgba(0, 0, 0, 0.2), 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.1)', '0 0.1875rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.16)', '0 0.375rem 0.4375rem rgba(0, 0, 0, 0.1), 0 0.625rem 1.75rem rgba(0, 0, 0, 0.25)'];
+const shadows = Object.freeze({
   depth1: values[0],
@@ -29,0 +29,0 @@ depth2: values[1],

es/canvas/spacing.js

@@ -24,3 +24,3 @@ /*
  */
-var spacing = Object.freeze({
+const spacing = Object.freeze({
   xxxSmall: '0.125rem',
@@ -27,0 +27,0 @@ // 2px

es/canvas/stacking.js

@@ -24,3 +24,3 @@ /*
  */
-var stacking = Object.freeze({
+const stacking = Object.freeze({
   topmost: 9999,
@@ -27,0 +27,0 @@ above: 1,

es/canvas/transitions.js

@@ -24,3 +24,3 @@ /*
  */
-var transitions = Object.freeze({
+const transitions = Object.freeze({
   duration: '300ms',
@@ -27,0 +27,0 @@ timing: 'ease-in-out'

es/canvas/typography.js

@@ -24,3 +24,3 @@ /*
  */
-var typography = Object.freeze({
+const typography = Object.freeze({
   fontFamily: 'LatoWeb, Lato, "Helvetica Neue", Helvetica, Arial, sans-serif',
@@ -27,0 +27,0 @@ fontFamilyMonospace: 'Menlo, Consolas, Monaco, "Andale Mono", monospace',

es/canvasHighContrast/colors.js

@@ -25,3 +25,3 @@ /*
 import { functionalColors } from "../utils/functionalColors.js";
-var baseColors = {
+const baseColors = {
   brand: '#0770A3',
@@ -42,4 +42,4 @@ link: '#0770A3',
 };
-var colors = Object.freeze(functionalColors(baseColors));
+const colors = Object.freeze(functionalColors(baseColors));
 export default colors;
 export { colors };

es/canvasHighContrast/index.js

@@ -29,4 +29,4 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 
-var canvasHighContrast = _objectSpread({}, canvas, {
-  colors: colors
+const canvasHighContrast = _objectSpread(_objectSpread({}, canvas), {}, {
+  colors
 });
@@ -33,0 +33,0 @@

es/instructure/colors.js

@@ -27,3 +27,3 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { functionalColors } from "../utils/functionalColors.js";
-var values = {
+const values = {
   brand: '#287A9F',
@@ -46,3 +46,3 @@ link: '#287A9F',
 
-var appendInaccessibleColors = _objectSpread({}, functionalColors(values), {
+const appendInaccessibleColors = _objectSpread(_objectSpread({}, functionalColors(values)), {}, {
   inaccessibleAlert: '#fccb0e',
@@ -52,4 +52,4 @@ inaccessibleWarning: '#f68e1f'
 
-var colors = Object.freeze(appendInaccessibleColors);
+const colors = Object.freeze(appendInaccessibleColors);
 export default colors;
 export { colors };

es/instructure/forms.js

@@ -24,3 +24,3 @@ /*
  */
-var forms = Object.freeze({
+const forms = Object.freeze({
   inputHeightSmall: '2rem',
@@ -27,0 +27,0 @@ inputHeightMedium: '2.75rem',

es/instructure/index.js

@@ -32,7 +32,7 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 
-var instructure = _objectSpread({}, canvas, {
-  colors: colors,
-  forms: forms,
-  spacing: spacing,
-  typography: typography
+const instructure = _objectSpread(_objectSpread({}, canvas), {}, {
+  colors,
+  forms,
+  spacing,
+  typography
 });
@@ -39,0 +39,0 @@

es/instructure/spacing.js

@@ -24,3 +24,3 @@ /*
  */
-var spacing = Object.freeze({
+const spacing = Object.freeze({
   xxxSmall: '0.125rem',
@@ -27,0 +27,0 @@ xxSmall: '0.375rem',

es/instructure/typography.js

@@ -24,6 +24,8 @@ /*
  */
-var typography = Object.freeze({
-  fontFamily: "\"Proxima Nova\", \"Nunito Sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\",\n  \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\",\n  \"Helvetica Neue\", sans-serif",
+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",
+  fontFamilyHeading: `"TiemposHeadlineWebBold", "Georgia", "Proxima Nova", sans-serif`,
   fontSizeXSmall: '0.75rem',
@@ -30,0 +32,0 @@ fontSizeSmall: '0.875rem',

es/utils/functionalColors.js

@@ -27,3 +27,3 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 function functionalColors(colors) {
-  var text = {
+  const text = {
     textDarkest: colors.licorice,
@@ -41,3 +41,3 @@ textDark: colors.ash,
   };
-  var background = {
+  const background = {
     backgroundDarkest: colors.licorice,
@@ -56,3 +56,3 @@ backgroundDark: colors.ash,
   };
-  var border = {
+  const border = {
     borderLightest: colors.white,
@@ -71,3 +71,3 @@ borderLight: colors.porcelain,
   };
-  return _objectSpread({}, colors, {}, text, {}, background, {}, border, {
+  return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, colors), text), background), border), {}, {
     values: colors,
@@ -74,0 +74,0 @@ text: text,

lib/canvas/borders.js

@@ -32,3 +32,3 @@ "use strict";
 // use for consistency between buttons, text inputs, etc.
-var borders = Object.freeze({
+const borders = Object.freeze({
   radiusSmall: '0.125rem',
@@ -35,0 +35,0 @@ // 2px

lib/canvas/breakpoints.js

@@ -31,5 +31,5 @@ "use strict";
  */
-var onePixel = 0.0625; // base = 16px
+const onePixel = 0.0625; // base = 16px
 
-var values = {
+const values = {
   xxSmall: 8,
@@ -48,10 +48,10 @@ // 128px
 };
-var breakpoints = Object.freeze({
-  xxSmall: "".concat(values.xxSmall, "em"),
-  xSmall: "".concat(values.xSmall, "em"),
-  small: "".concat(values.small, "em"),
-  medium: "".concat(values.medium, "em"),
-  large: "".concat(values.large, "em"),
-  xLarge: "".concat(values.xLarge, "em"),
-  maxWidth: "".concat(values.large - onePixel, "em")
+const breakpoints = Object.freeze({
+  xxSmall: `${values.xxSmall}em`,
+  xSmall: `${values.xSmall}em`,
+  small: `${values.small}em`,
+  medium: `${values.medium}em`,
+  large: `${values.large}em`,
+  xLarge: `${values.xLarge}em`,
+  maxWidth: `${values.large - onePixel}em`
 });
@@ -58,0 +58,0 @@ exports.breakpoints = breakpoints;

lib/canvas/colors.js

@@ -33,3 +33,3 @@ "use strict";
  */
-var baseColors = {
+const baseColors = {
   brand: '#008EE2',
@@ -50,5 +50,5 @@ link: '#008EE2',
 };
-var colors = Object.freeze((0, _functionalColors.functionalColors)(baseColors));
+const colors = Object.freeze((0, _functionalColors.functionalColors)(baseColors));
 exports.colors = colors;
 var _default = colors;
 exports.default = _default;

lib/canvas/forms.js

@@ -31,3 +31,3 @@ "use strict";
  */
-var forms = Object.freeze({
+const forms = Object.freeze({
   inputHeightSmall: '1.75rem',
@@ -34,0 +34,0 @@ inputHeightMedium: '2.375rem',

lib/canvas/index.js

@@ -51,3 +51,3 @@ "use strict";
  */
-var canvas = {
+const canvas = {
   colors: _colors.colors,
@@ -54,0 +54,0 @@ borders: _borders.borders,

lib/canvas/media.js

@@ -33,6 +33,6 @@ "use strict";
  */
-var media = Object.freeze({
-  mediumMin: "min-width: ".concat(_breakpoints.breakpoints.medium),
-  largeMin: "min-width: ".concat(_breakpoints.breakpoints.large),
-  xLargeMin: "min-width: ".concat(_breakpoints.breakpoints.xLarge)
+const media = Object.freeze({
+  mediumMin: `min-width: ${_breakpoints.breakpoints.medium}`,
+  largeMin: `min-width: ${_breakpoints.breakpoints.large}`,
+  xLargeMin: `min-width: ${_breakpoints.breakpoints.xLarge}`
 });
@@ -39,0 +39,0 @@ exports.media = media;

lib/canvas/shadows.js

@@ -32,4 +32,4 @@ "use strict";
 // use for consistent box shadows
-var values = ['0 0.0625rem 0.125rem rgba(0, 0, 0, 0.2), 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.1)', '0 0.1875rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.16)', '0 0.375rem 0.4375rem rgba(0, 0, 0, 0.1), 0 0.625rem 1.75rem rgba(0, 0, 0, 0.25)'];
-var shadows = Object.freeze({
+const values = ['0 0.0625rem 0.125rem rgba(0, 0, 0, 0.2), 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.1)', '0 0.1875rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.16)', '0 0.375rem 0.4375rem rgba(0, 0, 0, 0.1), 0 0.625rem 1.75rem rgba(0, 0, 0, 0.25)'];
+const shadows = Object.freeze({
   depth1: values[0],
@@ -36,0 +36,0 @@ depth2: values[1],

lib/canvas/spacing.js

@@ -31,3 +31,3 @@ "use strict";
  */
-var spacing = Object.freeze({
+const spacing = Object.freeze({
   xxxSmall: '0.125rem',
@@ -34,0 +34,0 @@ // 2px

lib/canvas/stacking.js

@@ -31,3 +31,3 @@ "use strict";
  */
-var stacking = Object.freeze({
+const stacking = Object.freeze({
   topmost: 9999,
@@ -34,0 +34,0 @@ above: 1,

lib/canvas/transitions.js

@@ -31,3 +31,3 @@ "use strict";
  */
-var transitions = Object.freeze({
+const transitions = Object.freeze({
   duration: '300ms',
@@ -34,0 +34,0 @@ timing: 'ease-in-out'

lib/canvas/typography.js

@@ -31,3 +31,3 @@ "use strict";
  */
-var typography = Object.freeze({
+const typography = Object.freeze({
   fontFamily: 'LatoWeb, Lato, "Helvetica Neue", Helvetica, Arial, sans-serif',
@@ -34,0 +34,0 @@ fontFamilyMonospace: 'Menlo, Consolas, Monaco, "Andale Mono", monospace',

lib/canvasHighContrast/colors.js

@@ -33,3 +33,3 @@ "use strict";
  */
-var baseColors = {
+const baseColors = {
   brand: '#0770A3',
@@ -50,5 +50,5 @@ link: '#0770A3',
 };
-var colors = Object.freeze((0, _functionalColors.functionalColors)(baseColors));
+const colors = Object.freeze((0, _functionalColors.functionalColors)(baseColors));
 exports.colors = colors;
 var _default = colors;
 exports.default = _default;

lib/canvasHighContrast/index.js

 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 
@@ -39,3 +39,3 @@ Object.defineProperty(exports, "__esModule", {
  */
-var canvasHighContrast = (0, _objectSpread2.default)({}, _index.canvas, {
+const canvasHighContrast = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _index.canvas), {}, {
   colors: _colors.colors
@@ -42,0 +42,0 @@ });

lib/index.js

@@ -8,3 +8,3 @@ "use strict";
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _index.canvas;
@@ -15,3 +15,3 @@ }
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _index2.canvasHighContrast;
@@ -22,3 +22,3 @@ }
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _index3.instructure;
@@ -29,3 +29,3 @@ }
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _functionalColors.functionalColors;
@@ -32,0 +32,0 @@ }

lib/instructure/colors.js

 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 
@@ -37,3 +37,3 @@ Object.defineProperty(exports, "__esModule", {
  */
-var values = {
+const values = {
   brand: '#287A9F',
@@ -56,9 +56,9 @@ link: '#287A9F',
 
-var appendInaccessibleColors = (0, _objectSpread2.default)({}, (0, _functionalColors.functionalColors)(values), {
+const appendInaccessibleColors = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _functionalColors.functionalColors)(values)), {}, {
   inaccessibleAlert: '#fccb0e',
   inaccessibleWarning: '#f68e1f'
 });
-var colors = Object.freeze(appendInaccessibleColors);
+const colors = Object.freeze(appendInaccessibleColors);
 exports.colors = colors;
 var _default = colors;
 exports.default = _default;

lib/instructure/forms.js

@@ -31,3 +31,3 @@ "use strict";
  */
-var forms = Object.freeze({
+const forms = Object.freeze({
   inputHeightSmall: '2rem',
@@ -34,0 +34,0 @@ inputHeightMedium: '2.75rem',

lib/instructure/index.js

 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 
@@ -45,3 +45,3 @@ Object.defineProperty(exports, "__esModule", {
  */
-var instructure = (0, _objectSpread2.default)({}, _index.canvas, {
+const instructure = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _index.canvas), {}, {
   colors: _colors.colors,
@@ -48,0 +48,0 @@ forms: _forms.forms,

lib/instructure/spacing.js

@@ -31,3 +31,3 @@ "use strict";
  */
-var spacing = Object.freeze({
+const spacing = Object.freeze({
   xxxSmall: '0.125rem',
@@ -34,0 +34,0 @@ xxSmall: '0.375rem',

lib/instructure/typography.js

@@ -31,6 +31,8 @@ "use strict";
  */
-var typography = Object.freeze({
-  fontFamily: "\"Proxima Nova\", \"Nunito Sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\",\n  \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\",\n  \"Helvetica Neue\", sans-serif",
+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",
+  fontFamilyHeading: `"TiemposHeadlineWebBold", "Georgia", "Proxima Nova", sans-serif`,
   fontSizeXSmall: '0.75rem',
@@ -37,0 +39,0 @@ fontSizeSmall: '0.875rem',

lib/utils/functionalColors.js

 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 
@@ -37,3 +37,3 @@ Object.defineProperty(exports, "__esModule", {
 function functionalColors(colors) {
-  var text = {
+  const text = {
     textDarkest: colors.licorice,
@@ -51,3 +51,3 @@ textDark: colors.ash,
   };
-  var background = {
+  const background = {
     backgroundDarkest: colors.licorice,
@@ -66,3 +66,3 @@ backgroundDark: colors.ash,
   };
-  var border = {
+  const border = {
     borderLightest: colors.white,
@@ -81,3 +81,3 @@ borderLight: colors.porcelain,
   };
-  return (0, _objectSpread2.default)({}, colors, {}, text, {}, background, {}, border, {
+  return (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, colors), text), background), border), {}, {
     values: colors,
@@ -84,0 +84,0 @@ text: text,

package.json

 {
   "name": "@instructure/ui-theme-tokens",
-  "version": "7.5.1-snapshot.0+7066b0943",
+  "version": "7.5.1-snapshot.483+1ed7255bf",
   "description": "Cross-platform theme tokens for Instructure products",
@@ -24,9 +24,8 @@ "author": "Instructure, Inc. Engineering and Product Design",
   "devDependencies": {
-    "@instructure/ui-babel-preset": "7.5.1-snapshot.0+7066b0943",
-    "@instructure/ui-color-utils": "7.5.1-snapshot.0+7066b0943",
-    "@instructure/ui-test-utils": "7.5.1-snapshot.0+7066b0943"
+    "@instructure/ui-babel-preset": "7.5.1-snapshot.483+1ed7255bf",
+    "@instructure/ui-color-utils": "7.5.1-snapshot.483+1ed7255bf",
+    "@instructure/ui-test-utils": "7.5.1-snapshot.483+1ed7255bf"
   },
   "dependencies": {
-    "@babel/runtime": "^7.9.2",
-    "@instructure/ui-themeable": "7.5.1-snapshot.0+7066b0943"
+    "@babel/runtime": "^7.13.10"
   },
@@ -37,3 +36,3 @@ "publishConfig": {
   "sideEffects": false,
-  "gitHead": "7066b094359db52ac019680aaab772887ed92ca2"
+  "gitHead": "1ed7255bf4a76aa4446d3c93516c375207078b6d"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Manifest confusion

Supply chain risk

This package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Manifest confusion

Supply chain risk

This package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

141805

increased by0.02%

Dependency count

1

decreased by-50%

Lines of code

2481

increased by0.16%

Dependency changes

• - Removed@instructure/ui-themeable@7.5.1-snapshot.0+7066b0943

• Updated@babel/runtime@^7.13.10