How to use the @tds/shared-typography.helveticaNeueRoman55.fontWeight function in @tds/shared-typography

To help you get started, we’ve selected a few @tds/shared-typography examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github telus / tds-community / packages / DatePicker / styles.js View on Github external
.DateInput {
    width: 100%;
  }

  .SingleDatePickerInput__withBorder {
    border: 0;
  }

  .DateInput_input {
    padding: 0.5rem 1rem;
    border: 1px solid ${colorShuttleGrey};
    border-radius: 4px;
    min-height: 3.25rem;
    color: ${colorShuttleGrey};
    font-weight: ${helveticaNeueRoman55.fontWeight};
    font-size: 1rem;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.05);
  }

  .DateInput_fang {
    transform: translateY(2px);
    z-index: 4;
  }

  .DateInput_fangStroke {
    stroke: ${colorShuttleGrey};
  }

  .CalendarMonth_caption {
    font-weight: ${helveticaNeueMedium65.fontWeight};
    padding-bottom: 48px;
github telus / tds-community / packages / Calendar / styles.js View on Github external
.DateInput {
    width: 100%;
  }

  .SingleDatePickerInput__withBorder {
    border: 0;
  }

  .DateInput_input {
    padding: 0.5rem 1rem;
    border: 1px solid ${colorShuttleGrey};
    border-radius: 4px;
    min-height: 3.25rem;
    color: ${colorShuttleGrey};
    font-weight: ${helveticaNeueRoman55.fontWeight};
    font-size: 1rem;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.05);
  }

  .DateInput_fang {
    transform: translateY(2px);
    z-index: 4;
  }

  .DateInput_fangStroke {
    stroke: ${colorShuttleGrey};
  }

  .CalendarMonth_caption {
    font-weight: ${helveticaNeueMedium65.fontWeight};
    padding-bottom: 48px;