@charcoal-ui/theme 2.4.0 → 2.6.0

package/dist/index.module.js

@@ -1,183 +0,0 @@
-import { rgba } from 'polished';
-import { TYPOGRAPHY_SIZE, SPACING, COLUMN_UNIT, GUTTER_UNIT, BORDER_RADIUS, BREAKPOINT } from '@charcoal-ui/foundation';
-import { applyEffect } from '@charcoal-ui/utils';
-
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-
-var outlineEffect = {
-  type: 'opacity',
-  opacity: 0.32
-};
-var assertive = '#ff2b00';
-var brand = '#0096fa';
-var borderForLight = rgba('#000000', 0.08);
-var borderForDark = rgba('#ffffff', 0.12);
-var common = {
-  typography: {
-    size: TYPOGRAPHY_SIZE
-  },
-  spacing: SPACING,
-  grid: {
-    unit: {
-      column: COLUMN_UNIT,
-      gutter: GUTTER_UNIT
-    }
-  },
-  borderRadius: BORDER_RADIUS,
-  transition: {
-    "default": {
-      duration: 0.2
-    }
-  },
-  breakpoint: {
-    screen1: BREAKPOINT[6],
-    screen2: BREAKPOINT[8],
-    screen3: BREAKPOINT[10],
-    screen4: BREAKPOINT[12]
-  },
-  gradientColor: {
-    surface5: [{
-      color: rgba('#000000', 0.32),
-      ratio: 0
-    }, {
-      color: rgba('#000000', 0),
-      ratio: 100
-    }],
-    callToAction: [{
-      color: '#d1ff1a',
-      ratio: 0
-    }, {
-      color: '#1ad1ff',
-      ratio: 100
-    }]
-  },
-  outline: {
-    "default": {
-      color: applyEffect(brand, outlineEffect),
-      weight: 4
-    },
-    assertive: {
-      color: applyEffect(assertive, outlineEffect),
-      weight: 4
-    }
-  },
-  elementEffect: {
-    disabled: {
-      type: 'opacity',
-      opacity: 0.32
-    }
-  }
-};
-var light = _extends({}, common, {
-  effect: {
-    hover: {
-      type: 'alpha',
-      color: rgba('#000000', 0.04) // surface3
-
-    },
-    press: {
-      type: 'alpha',
-      color: rgba('#000000', 0.16) // surface10
-
-    }
-  },
-  color: {
-    // TODO: colors should be picked from foundation color palette
-    transparent: rgba('#000000', 0),
-    background1: '#ffffff',
-    background2: '#f5f5f5',
-    icon6: rgba('#ffffff', 0.28),
-    link1: '#3d7699',
-    link2: rgba('#ffffff', 0.36),
-    surface1: '#ffffff',
-    surface2: rgba('#000000', 0.02),
-    surface3: rgba('#000000', 0.04),
-    surface4: rgba('#000000', 0.32),
-    surface6: rgba('#000000', 0.88),
-    surface7: rgba('#000000', 0.02),
-    surface8: rgba('#000000', 0.88),
-    surface9: '#ffffff',
-    surface10: rgba('#000000', 0.16),
-    text1: '#1f1f1f',
-    text2: '#474747',
-    text3: '#858585',
-    text4: '#adadad',
-    text5: '#ffffff',
-    brand: brand,
-    assertive: assertive,
-    warning: '#ffaf0f',
-    success: '#b1cc29',
-    updatedItem: rgba(0, 150, 250, 0.04),
-    border: borderForLight
-  },
-  border: {
-    "default": {
-      color: borderForLight
-    }
-  }
-});
-var dark = _extends({}, common, {
-  effect: {
-    hover: {
-      type: 'alpha',
-      color: rgba('#ffffff', 0.12) // surface3
-
-    },
-    press: {
-      type: 'alpha',
-      color: rgba('#ffffff', 0.2) // surface10
-
-    }
-  },
-  color: {
-    transparent: rgba('#000000', 0),
-    background1: '#1f1f1f',
-    background2: '#000000',
-    icon6: light.color.icon6,
-    link1: '#669FC2',
-    link2: light.color.link2,
-    surface1: '#1f1f1f',
-    surface2: rgba('#000000', 0.16),
-    surface3: rgba('#ffffff', 0.12),
-    surface4: light.color.surface4,
-    surface6: rgba('#ffffff', 0.12),
-    surface7: light.color.surface7,
-    surface8: light.color.surface8,
-    surface9: '#333333',
-    surface10: rgba('#ffffff', 0.2),
-    text1: '#f5f5f5',
-    text2: '#d6d6d6',
-    text3: '#858585',
-    text4: '#5c5c5c',
-    text5: '#f5f5f5',
-    brand: brand,
-    assertive: assertive,
-    warning: light.color.warning,
-    success: light.color.success,
-    updatedItem: rgba(0, 150, 250, 0.12),
-    border: borderForDark
-  },
-  border: {
-    "default": {
-      color: borderForDark
-    }
-  }
-});
-
-export { dark, light };
-//# sourceMappingURL=index.module.js.map

package/dist/index.module.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.module.js","sources":["../src/default.ts"],"sourcesContent":["import { rgba } from 'polished'\nimport { CharcoalTheme } from './theme'\nimport {\n  BORDER_RADIUS,\n  BREAKPOINT,\n  COLUMN_UNIT,\n  GUTTER_UNIT,\n  SPACING,\n  TYPOGRAPHY_SIZE,\n} from '@charcoal-ui/foundation'\nimport { applyEffect } from '@charcoal-ui/utils'\n\nconst outlineEffect = {\n  type: 'opacity',\n  opacity: 0.32,\n} as const\n\nconst assertive = '#ff2b00'\nconst brand = '#0096fa'\nconst borderForLight = rgba('#000000', 0.08)\nconst borderForDark = rgba('#ffffff', 0.12)\n\nconst common = {\n  typography: {\n    size: TYPOGRAPHY_SIZE,\n  },\n  spacing: SPACING,\n  grid: {\n    unit: {\n      column: COLUMN_UNIT,\n      gutter: GUTTER_UNIT,\n    },\n  },\n  borderRadius: BORDER_RADIUS,\n  transition: {\n    default: {\n      duration: 0.2,\n    },\n  },\n  breakpoint: {\n    screen1: BREAKPOINT[6],\n    screen2: BREAKPOINT[8],\n    screen3: BREAKPOINT[10],\n    screen4: BREAKPOINT[12],\n  },\n  gradientColor: {\n    surface5: [\n      { color: rgba('#000000', 0.32), ratio: 0 },\n      { color: rgba('#000000', 0), ratio: 100 },\n    ],\n    callToAction: [\n      { color: '#d1ff1a', ratio: 0 },\n      { color: '#1ad1ff', ratio: 100 },\n    ],\n  },\n  outline: {\n    default: {\n      color: applyEffect(brand, outlineEffect),\n      weight: 4,\n    },\n    assertive: {\n      color: applyEffect(assertive, outlineEffect),\n      weight: 4,\n    },\n  },\n  elementEffect: {\n    disabled: {\n      type: 'opacity',\n      opacity: 0.32,\n    },\n  },\n} as const\n\nexport const light: CharcoalTheme = {\n  ...common,\n  effect: {\n    hover: {\n      type: 'alpha',\n      color: rgba('#000000', 0.04), // surface3\n    },\n    press: {\n      type: 'alpha',\n      color: rgba('#000000', 0.16), // surface10\n    },\n  },\n  color: {\n    // TODO: colors should be picked from foundation color palette\n    transparent: rgba('#000000', 0),\n    background1: '#ffffff',\n    background2: '#f5f5f5',\n    icon6: rgba('#ffffff', 0.28),\n    link1: '#3d7699',\n    link2: rgba('#ffffff', 0.36),\n    surface1: '#ffffff',\n    surface2: rgba('#000000', 0.02),\n    surface3: rgba('#000000', 0.04),\n    surface4: rgba('#000000', 0.32),\n    surface6: rgba('#000000', 0.88),\n    surface7: rgba('#000000', 0.02),\n    surface8: rgba('#000000', 0.88),\n    surface9: '#ffffff',\n    surface10: rgba('#000000', 0.16),\n    text1: '#1f1f1f',\n    text2: '#474747',\n    text3: '#858585',\n    text4: '#adadad',\n    text5: '#ffffff',\n    brand,\n    assertive,\n    warning: '#ffaf0f',\n    success: '#b1cc29',\n    updatedItem: rgba(0, 150, 250, 0.04),\n    border: borderForLight,\n  },\n  border: {\n    default: {\n      color: borderForLight,\n    },\n  },\n}\n\nexport const dark: CharcoalTheme = {\n  ...common,\n  effect: {\n    hover: {\n      type: 'alpha',\n      color: rgba('#ffffff', 0.12), // surface3\n    },\n    press: {\n      type: 'alpha',\n      color: rgba('#ffffff', 0.2), // surface10\n    },\n  },\n  color: {\n    transparent: rgba('#000000', 0),\n    background1: '#1f1f1f',\n    background2: '#000000',\n    icon6: light.color.icon6,\n    link1: '#669FC2',\n    link2: light.color.link2,\n    surface1: '#1f1f1f',\n    surface2: rgba('#000000', 0.16),\n    surface3: rgba('#ffffff', 0.12),\n    surface4: light.color.surface4,\n    surface6: rgba('#ffffff', 0.12),\n    surface7: light.color.surface7,\n    surface8: light.color.surface8,\n    surface9: '#333333',\n    surface10: rgba('#ffffff', 0.2),\n    text1: '#f5f5f5',\n    text2: '#d6d6d6',\n    text3: '#858585',\n    text4: '#5c5c5c',\n    text5: '#f5f5f5',\n    brand,\n    assertive,\n    warning: light.color.warning,\n    success: light.color.success,\n    updatedItem: rgba(0, 150, 250, 0.12),\n    border: borderForDark,\n  },\n  border: {\n    default: {\n      color: borderForDark,\n    },\n  },\n}\n"],"names":["outlineEffect","type","opacity","assertive","brand","borderForLight","rgba","borderForDark","common","typography","size","TYPOGRAPHY_SIZE","spacing","SPACING","grid","unit","column","COLUMN_UNIT","gutter","GUTTER_UNIT","borderRadius","BORDER_RADIUS","transition","duration","breakpoint","screen1","BREAKPOINT","screen2","screen3","screen4","gradientColor","surface5","color","ratio","callToAction","outline","applyEffect","weight","elementEffect","disabled","light","effect","hover","press","transparent","background1","background2","icon6","link1","link2","surface1","surface2","surface3","surface4","surface6","surface7","surface8","surface9","surface10","text1","text2","text3","text4","text5","warning","success","updatedItem","border","dark"],"mappings":"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"}