@carbon/elements 10.27.0-rc.0 → 10.28.0

package/scss/themes/modules/generated/_themes.scss

@@ -0,0 +1,247 @@
+// Code generated by @carbon/themes. DO NOT EDIT.
+//
+// Copyright IBM Corp. 2018, 2019
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+@use 'sass:map';
+@use '@carbon/layout';
+@use '@carbon/type';
+@use '../utilities';
+
+$white: utilities.merge(
+  layout.$spacing,
+  layout.$fluid-spacing,
+  type.$tokens,
+  (
+    interactive-01: #0f62fe,
+    interactive-02: #393939,
+    interactive-03: #0f62fe,
+    interactive-04: #0f62fe,
+    ui-background: #ffffff,
+    ui-01: #f4f4f4,
+    ui-02: #ffffff,
+    ui-03: #e0e0e0,
+    ui-04: #8d8d8d,
+    ui-05: #161616,
+    text-01: #161616,
+    text-02: #525252,
+    text-03: #a8a8a8,
+    text-04: #ffffff,
+    text-05: #6f6f6f,
+    text-error: #da1e28,
+    icon-01: #161616,
+    icon-02: #525252,
+    icon-03: #ffffff,
+    link-01: #0f62fe,
+    link-02: #0043ce,
+    inverse-link: #78a9ff,
+    field-01: #f4f4f4,
+    field-02: #ffffff,
+    inverse-01: #ffffff,
+    inverse-02: #393939,
+    support-01: #da1e28,
+    support-02: #24a148,
+    support-03: #f1c21b,
+    support-04: #0043ce,
+    inverse-support-01: #fa4d56,
+    inverse-support-02: #42be65,
+    inverse-support-03: #f1c21b,
+    inverse-support-04: #4589ff,
+    overlay-01: rgba(22, 22, 22, 0.5),
+    danger-01: #da1e28,
+    danger-02: #da1e28,
+    focus: #0f62fe,
+    inverse-focus-ui: #ffffff,
+    hover-primary: #0353e9,
+    active-primary: #002d9c,
+    hover-primary-text: #0043ce,
+    hover-secondary: #4c4c4c,
+    active-secondary: #6f6f6f,
+    hover-tertiary: #0353e9,
+    active-tertiary: #002d9c,
+    hover-ui: #e5e5e5,
+    hover-light-ui: #e5e5e5,
+    active-ui: #c6c6c6,
+    active-light-ui: #c6c6c6,
+    selected-ui: #e0e0e0,
+    selected-light-ui: #e0e0e0,
+    inverse-hover-ui: #4c4c4c,
+    hover-selected-ui: #cacaca,
+    hover-danger: #b81921,
+    active-danger: #750e13,
+    hover-row: #e5e5e5,
+    visited-link: #8a3ffc,
+    disabled-01: #f4f4f4,
+    disabled-02: #c6c6c6,
+    disabled-03: #8d8d8d,
+    highlight: #d0e2ff,
+    decorative-01: #e0e0e0,
+    button-separator: #e0e0e0,
+    skeleton-01: #e5e5e5,
+    skeleton-02: #c6c6c6,
+    brand-01: #0f62fe,
+    brand-02: #393939,
+    brand-03: #0f62fe,
+    active-01: #c6c6c6,
+    hover-field: #e5e5e5,
+    danger: #da1e28,
+  )
+) !default;
+
+/// Carbon's g10 color theme
+/// @type Map
+/// @access public
+/// @group @carbon/themes
+$g10: map.merge(
+  $white,
+  (
+    ui-background: #f4f4f4,
+    ui-01: #ffffff,
+    ui-02: #f4f4f4,
+    field-01: #ffffff,
+    field-02: #f4f4f4,
+    disabled-01: #ffffff,
+    highlight: #edf5ff,
+  )
+) !default;
+
+/// Carbon's g90 color theme
+/// @type Map
+/// @access public
+/// @group @carbon/themes
+$g90: map.merge(
+  $white,
+  (
+    interactive-02: #6f6f6f,
+    interactive-03: #ffffff,
+    interactive-04: #4589ff,
+    ui-background: #262626,
+    ui-01: #393939,
+    ui-02: #525252,
+    ui-03: #525252,
+    ui-05: #f4f4f4,
+    text-01: #f4f4f4,
+    text-02: #c6c6c6,
+    text-03: #6f6f6f,
+    text-05: #8d8d8d,
+    text-error: #ffb3b8,
+    icon-01: #f4f4f4,
+    icon-02: #c6c6c6,
+    link-01: #78a9ff,
+    link-02: #a6c8ff,
+    inverse-link: #0f62fe,
+    field-01: #393939,
+    field-02: #525252,
+    inverse-01: #161616,
+    inverse-02: #f4f4f4,
+    support-01: #ff8389,
+    support-02: #42be65,
+    support-04: #4589ff,
+    inverse-support-01: #da1e28,
+    inverse-support-02: #24a148,
+    inverse-support-04: #0f62fe,
+    overlay-01: rgba(22, 22, 22, 0.7),
+    danger-02: #ff8389,
+    focus: #ffffff,
+    inverse-focus-ui: #0f62fe,
+    hover-primary-text: #a6c8ff,
+    hover-secondary: #606060,
+    active-secondary: #393939,
+    hover-tertiary: #f4f4f4,
+    active-tertiary: #c6c6c6,
+    hover-ui: #4c4c4c,
+    hover-light-ui: #656565,
+    active-ui: #6f6f6f,
+    active-light-ui: #8d8d8d,
+    selected-ui: #525252,
+    selected-light-ui: #6f6f6f,
+    inverse-hover-ui: #e5e5e5,
+    hover-selected-ui: #656565,
+    hover-row: #4c4c4c,
+    visited-link: #be95ff,
+    disabled-01: #393939,
+    disabled-02: #6f6f6f,
+    disabled-03: #a8a8a8,
+    highlight: #0043ce,
+    decorative-01: #6f6f6f,
+    button-separator: #161616,
+    skeleton-01: #353535,
+    skeleton-02: #525252,
+    brand-02: #6f6f6f,
+    brand-03: #ffffff,
+    active-01: #6f6f6f,
+    hover-field: #4c4c4c,
+  )
+) !default;
+
+/// Carbon's g100 color theme
+/// @type Map
+/// @access public
+/// @group @carbon/themes
+$g100: map.merge(
+  $white,
+  (
+    interactive-02: #6f6f6f,
+    interactive-03: #ffffff,
+    interactive-04: #4589ff,
+    ui-background: #161616,
+    ui-01: #262626,
+    ui-02: #393939,
+    ui-03: #393939,
+    ui-04: #6f6f6f,
+    ui-05: #f4f4f4,
+    text-01: #f4f4f4,
+    text-02: #c6c6c6,
+    text-03: #6f6f6f,
+    text-05: #8d8d8d,
+    text-error: #ff8389,
+    icon-01: #f4f4f4,
+    icon-02: #c6c6c6,
+    link-01: #78a9ff,
+    link-02: #a6c8ff,
+    inverse-link: #0f62fe,
+    field-01: #262626,
+    field-02: #393939,
+    inverse-01: #161616,
+    inverse-02: #f4f4f4,
+    support-01: #fa4d56,
+    support-02: #42be65,
+    support-04: #4589ff,
+    inverse-support-01: #da1e28,
+    inverse-support-02: #24a148,
+    inverse-support-04: #0f62fe,
+    overlay-01: rgba(22, 22, 22, 0.7),
+    danger-02: #fa4d56,
+    focus: #ffffff,
+    inverse-focus-ui: #0f62fe,
+    hover-primary-text: #a6c8ff,
+    hover-secondary: #606060,
+    active-secondary: #393939,
+    hover-tertiary: #f4f4f4,
+    active-tertiary: #c6c6c6,
+    hover-ui: #353535,
+    hover-light-ui: #4c4c4c,
+    active-ui: #525252,
+    active-light-ui: #6f6f6f,
+    selected-ui: #393939,
+    selected-light-ui: #525252,
+    inverse-hover-ui: #e5e5e5,
+    hover-selected-ui: #4c4c4c,
+    hover-row: #353535,
+    visited-link: #be95ff,
+    disabled-01: #262626,
+    disabled-02: #525252,
+    highlight: #002d9c,
+    decorative-01: #525252,
+    button-separator: #161616,
+    skeleton-01: #353535,
+    skeleton-02: #525252,
+    brand-02: #6f6f6f,
+    brand-03: #ffffff,
+    active-01: #525252,
+    hover-field: #353535,
+  )
+) !default;

package/scss/type/vendor/@carbon/layout/modules/generated/_fluid-spacing.scss

@@ -26,12 +26,12 @@ $fluid-spacing-03: 5vw !default;
 /// @group @carbon/layout
 $fluid-spacing-04: 10vw !default;
 
-/// @type List
+/// @type Map
 /// @access public
 /// @group @carbon/layout
 $fluid-spacing: (
-  $fluid-spacing-01,
-  $fluid-spacing-02,
-  $fluid-spacing-03,
-  $fluid-spacing-04
+  fluid-spacing-01: $fluid-spacing-01,
+  fluid-spacing-02: $fluid-spacing-02,
+  fluid-spacing-03: $fluid-spacing-03,
+  fluid-spacing-04: $fluid-spacing-04,
 );

package/scss/type/vendor/@carbon/layout/modules/generated/_spacing.scss

@@ -66,20 +66,20 @@ $spacing-11: 5rem !default;
 /// @group @carbon/layout
 $spacing-12: 6rem !default;
 
-/// @type List
+/// @type Map
 /// @access public
 /// @group @carbon/layout
 $spacing: (
-  $spacing-01,
-  $spacing-02,
-  $spacing-03,
-  $spacing-04,
-  $spacing-05,
-  $spacing-06,
-  $spacing-07,
-  $spacing-08,
-  $spacing-09,
-  $spacing-10,
-  $spacing-11,
-  $spacing-12
+  spacing-01: $spacing-01,
+  spacing-02: $spacing-02,
+  spacing-03: $spacing-03,
+  spacing-04: $spacing-04,
+  spacing-05: $spacing-05,
+  spacing-06: $spacing-06,
+  spacing-07: $spacing-07,
+  spacing-08: $spacing-08,
+  spacing-09: $spacing-09,
+  spacing-10: $spacing-10,
+  spacing-11: $spacing-11,
+  spacing-12: $spacing-12,
 );

package/src/__tests__/__snapshots__/PublicAPI-test.js.snap

@@ -87,6 +87,8 @@ Array [
   "expressiveHeading05",
   "expressiveHeading06",
   "expressiveParagraph01",
+  "fast01",
+  "fast02",
   "field01",
   "field02",
   "fluid",
@@ -170,6 +172,7 @@ Array [
   "layout06",
   "layout07",
   "link01",
+  "link02",
   "magenta",
   "magenta10",
   "magenta100",
@@ -183,6 +186,8 @@ Array [
   "magenta90",
   "miniUnit",
   "miniUnits",
+  "moderate01",
+  "moderate02",
   "motion",
   "orange",
   "orange40",
@@ -230,6 +235,8 @@ Array [
   "selectedUI",
   "skeleton01",
   "skeleton02",
+  "slow01",
+  "slow02",
   "spacing",
   "spacing01",
   "spacing02",

package/src/index.js

@@ -162,4 +162,13 @@ export {
   spacing,
 } from '@carbon/layout';
 export * from '@carbon/themes';
-export * from '@carbon/motion';
+export {
+  fast01,
+  fast02,
+  moderate01,
+  moderate02,
+  slow01,
+  slow02,
+  easings,
+  motion,
+} from '@carbon/motion';

package/umd/index.js

@@ -12,14 +12,6 @@
       }
     });
   });
-  Object.keys(motion).forEach(function (k) {
-    if (k !== 'default') Object.defineProperty(exports, k, {
-      enumerable: true,
-      get: function () {
-        return motion[k];
-      }
-    });
-  });
   Object.defineProperty(exports, 'black', {
     enumerable: true,
     get: function () {
@@ -920,6 +912,54 @@
       return layout.spacing;
     }
   });
+  Object.defineProperty(exports, 'easings', {
+    enumerable: true,
+    get: function () {
+      return motion.easings;
+    }
+  });
+  Object.defineProperty(exports, 'fast01', {
+    enumerable: true,
+    get: function () {
+      return motion.fast01;
+    }
+  });
+  Object.defineProperty(exports, 'fast02', {
+    enumerable: true,
+    get: function () {
+      return motion.fast02;
+    }
+  });
+  Object.defineProperty(exports, 'moderate01', {
+    enumerable: true,
+    get: function () {
+      return motion.moderate01;
+    }
+  });
+  Object.defineProperty(exports, 'moderate02', {
+    enumerable: true,
+    get: function () {
+      return motion.moderate02;
+    }
+  });
+  Object.defineProperty(exports, 'motion', {
+    enumerable: true,
+    get: function () {
+      return motion.motion;
+    }
+  });
+  Object.defineProperty(exports, 'slow01', {
+    enumerable: true,
+    get: function () {
+      return motion.slow01;
+    }
+  });
+  Object.defineProperty(exports, 'slow02', {
+    enumerable: true,
+    get: function () {
+      return motion.slow02;
+    }
+  });
 
   Object.defineProperty(exports, '__esModule', { value: true });