@carbon/themes 10.27.0-rc.0 → 10.28.0

package/scss/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/src/g10.js

@@ -67,6 +67,7 @@ export const icon02 = gray70;
 export const icon03 = white;
 
 export const link01 = blue60;
+export const link02 = blue70;
 
 export const inverseLink = blue40;
 

package/src/g100.js

@@ -66,6 +66,7 @@ export const icon02 = gray30;
 export const icon03 = white;
 
 export const link01 = blue40;
+export const link02 = blue30;
 
 export const inverseLink = blue60;
 
@@ -133,7 +134,7 @@ export const decorative01 = gray70;
 export const buttonSeparator = '#161616';
 
 export const skeleton01 = '#353535';
-export const skeleton02 = gray80;
+export const skeleton02 = gray70;
 
 export {
   // Type

package/src/g90.js

@@ -68,6 +68,7 @@ export const icon02 = gray30;
 export const icon03 = white;
 
 export const link01 = blue40;
+export const link02 = blue30;
 
 export const inverseLink = blue60;
 

package/src/tokens.js

@@ -37,6 +37,7 @@ const colors = [
   'icon03',
 
   'link01',
+  'link02',
 
   'inverseLink',
 
@@ -187,6 +188,7 @@ export const unstable__meta = {
         'text05',
         'textError',
         'link01',
+        'link02',
         'icon01',
         'icon02',
         'icon03',

package/src/v9.js

@@ -31,6 +31,7 @@ export const icon02 = '#5a6872';
 export const icon03 = white;
 
 export const link01 = '#3d70b2';
+export const link02 = '#3d70b2';
 
 export const inverseLink = '#5596e6';
 

package/src/white.js

@@ -67,6 +67,7 @@ export const icon02 = gray70;
 export const icon03 = white;
 
 export const link01 = blue60;
+export const link02 = blue70;
 
 export const inverseLink = blue40;
 

package/umd/index.js

@@ -100,6 +100,7 @@
   var icon02 = colors$1.gray70;
   var icon03 = colors$1.white;
   var link01 = colors$1.blue60;
+  var link02 = colors$1.blue70;
   var inverseLink = colors$1.blue40;
   var field01 = colors$1.gray10;
   var field02 = colors$1.white;
@@ -176,6 +177,7 @@
     icon02: icon02,
     icon03: icon03,
     link01: link01,
+    link02: link02,
     inverseLink: inverseLink,
     field01: field01,
     field02: field02,
@@ -316,6 +318,7 @@
   var icon02$1 = colors$1.gray70;
   var icon03$1 = colors$1.white;
   var link01$1 = colors$1.blue60;
+  var link02$1 = colors$1.blue70;
   var inverseLink$1 = colors$1.blue40;
   var field01$1 = colors$1.white;
   var field02$1 = colors$1.gray10;
@@ -392,6 +395,7 @@
     icon02: icon02$1,
     icon03: icon03$1,
     link01: link01$1,
+    link02: link02$1,
     inverseLink: inverseLink$1,
     field01: field01$1,
     field02: field02$1,
@@ -532,6 +536,7 @@
   var icon02$2 = colors$1.gray30;
   var icon03$2 = colors$1.white;
   var link01$2 = colors$1.blue40;
+  var link02$2 = colors$1.blue30;
   var inverseLink$2 = colors$1.blue60;
   var field01$2 = colors$1.gray90;
   var field02$2 = colors$1.gray80;
@@ -577,7 +582,7 @@
   var decorative01$2 = colors$1.gray70;
   var buttonSeparator$2 = '#161616';
   var skeleton01$2 = '#353535';
-  var skeleton02$2 = colors$1.gray80;
+  var skeleton02$2 = colors$1.gray70;
 
   var brand01$2 = interactive01$2;
   var brand02$2 = interactive02$2;
@@ -608,6 +613,7 @@
     icon02: icon02$2,
     icon03: icon03$2,
     link01: link01$2,
+    link02: link02$2,
     inverseLink: inverseLink$2,
     field01: field01$2,
     field02: field02$2,
@@ -748,6 +754,7 @@
   var icon02$3 = colors$1.gray30;
   var icon03$3 = colors$1.white;
   var link01$3 = colors$1.blue40;
+  var link02$3 = colors$1.blue30;
   var inverseLink$3 = colors$1.blue60;
   var field01$3 = colors$1.gray80;
   var field02$3 = colors$1.gray70;
@@ -824,6 +831,7 @@
     icon02: icon02$3,
     icon03: icon03$3,
     link01: link01$3,
+    link02: link02$3,
     inverseLink: inverseLink$3,
     field01: field01$3,
     field02: field02$3,
@@ -964,6 +972,7 @@
   var icon02$4 = '#5a6872';
   var icon03$4 = colors$1.white;
   var link01$4 = '#3d70b2';
+  var link02$4 = '#3d70b2';
   var inverseLink$4 = '#5596e6';
   var field01$4 = colors$1.white;
   var field02$4 = '#f4f7fb';
@@ -1040,6 +1049,7 @@
     icon02: icon02$4,
     icon03: icon03$4,
     link01: link01$4,
+    link02: link02$4,
     inverseLink: inverseLink$4,
     field01: field01$4,
     field02: field02$4,
@@ -1163,7 +1173,7 @@
   // exported as in JavaScript
 
   var colors = [// Core
-  'interactive01', 'interactive02', 'interactive03', 'interactive04', 'uiBackground', 'ui01', 'ui02', 'ui03', 'ui04', 'ui05', 'text01', 'text02', 'text03', 'text04', 'text05', 'textError', 'icon01', 'icon02', 'icon03', 'link01', 'inverseLink', 'field01', 'field02', 'inverse01', 'inverse02', 'support01', 'support02', 'support03', 'support04', 'inverseSupport01', 'inverseSupport02', 'inverseSupport03', 'inverseSupport04', 'overlay01', 'danger01', 'danger02', // Interactive states
+  'interactive01', 'interactive02', 'interactive03', 'interactive04', 'uiBackground', 'ui01', 'ui02', 'ui03', 'ui04', 'ui05', 'text01', 'text02', 'text03', 'text04', 'text05', 'textError', 'icon01', 'icon02', 'icon03', 'link01', 'link02', 'inverseLink', 'field01', 'field02', 'inverse01', 'inverse02', 'support01', 'support02', 'support03', 'support04', 'inverseSupport01', 'inverseSupport02', 'inverseSupport03', 'inverseSupport04', 'overlay01', 'danger01', 'danger02', // Interactive states
   'focus', 'inverseFocusUi', 'hoverPrimary', 'activePrimary', 'hoverPrimaryText', 'hoverSecondary', 'activeSecondary', 'hoverTertiary', 'activeTertiary', 'hoverUI', 'hoverLightUI', 'hoverSelectedUI', 'activeUI', 'activeLightUI', 'selectedUI', 'selectedLightUI', 'inverseHoverUI', 'hoverDanger', 'activeDanger', 'hoverRow', 'visitedLink', 'disabled01', 'disabled02', 'disabled03', 'highlight', 'decorative01', 'buttonSeparator', 'skeleton01', 'skeleton02', // Deprecated
   'brand01', 'brand02', 'brand03', 'active01', 'hoverField', 'danger'];
   var numbers = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9'];
@@ -1213,7 +1223,7 @@
   var unstable__meta = {
     colors: [{
       type: 'core',
-      tokens: ['uiBackground', 'interactive01', 'interactive02', 'interactive03', 'interactive04', 'brand01', 'brand02', 'brand03', 'danger', 'danger01', 'danger02', 'ui01', 'ui02', 'ui03', 'ui04', 'ui05', 'text01', 'text02', 'text03', 'text04', 'text05', 'textError', 'link01', 'icon01', 'icon02', 'icon03', 'field01', 'field02', 'inverse01', 'inverse02', 'inverseLink', 'support01', 'support02', 'support03', 'support04', 'inverseSupport01', 'inverseSupport02', 'inverseSupport03', 'inverseSupport04', 'overlay01']
+      tokens: ['uiBackground', 'interactive01', 'interactive02', 'interactive03', 'interactive04', 'brand01', 'brand02', 'brand03', 'danger', 'danger01', 'danger02', 'ui01', 'ui02', 'ui03', 'ui04', 'ui05', 'text01', 'text02', 'text03', 'text04', 'text05', 'textError', 'link01', 'link02', 'icon01', 'icon02', 'icon03', 'field01', 'field02', 'inverse01', 'inverse02', 'inverseLink', 'support01', 'support02', 'support03', 'support04', 'inverseSupport01', 'inverseSupport02', 'inverseSupport03', 'inverseSupport04', 'overlay01']
     }, {
       type: 'interactive',
       tokens: ['focus', 'inverseFocusUi', 'hoverPrimary', 'hoverPrimaryText', 'hoverSecondary', 'hoverTertiary', 'hoverUI', 'hoverLightUI', 'hoverSelectedUI', 'hoverDanger', 'hoverRow', 'activePrimary', 'activeSecondary', 'activeTertiary', 'activeUI', 'activeLightUI', 'activeDanger', 'selectedUI', 'selectedLightUI', 'highlight', 'skeleton01', 'skeleton02', 'visitedLink', 'disabled01', 'disabled02', 'disabled03', 'inverseHoverUI', 'active01', 'hoverField', 'decorative01', 'buttonSeparator']
@@ -1654,6 +1664,7 @@
   exports.inverseSupport03 = inverseSupport03;
   exports.inverseSupport04 = inverseSupport04;
   exports.link01 = link01;
+  exports.link02 = link02;
   exports.overlay01 = overlay01;
   exports.selectedLightUI = selectedLightUI;
   exports.selectedUI = selectedUI;