techgc-design-system

Design system for TechGC apps

Usage no npm install needed!

<script type="module">
  import techgcDesignSystem from 'https://cdn.skypack.dev/techgc-design-system';
</script>

README

The Design System for TechGC Apps.

Stroybook link

NPM Package Update

  1. Commit changes
  2. yarn build
  3. npm version patch|minor|major -m "Upgrade to %s - ... changes summary"
  4. npm publish

Import example:

import { 
  _,
  
  Decorators,
  
  Themes,
  
  Typography,
  
  InputWithHint,
  
  SearchableSelect,
  SearchableSelectWithChips,
} from 'techgc-design-system'

const { MavenBaseTheme } = Themes
const { marginDecorator } = Decorators

_ is our custom and extended version of underscore:

_.contains = includes
_.get = get
_.cloneDeep = cloneDeep
_.uniqBy = uniqBy
_.camelCase = camelCase

_.getForcedDefault = (object, path, defaultValue) => {
  let result = get(object, path)
  if (!result && defaultValue !== undefined) result = defaultValue

  return result
}

export default _