Add bold (700) weight for Roboto Condensed (#48)

Co-authored-by: Dhruv Bhanushali <[email protected]>

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@creativecommons/fonts",
-  "version": "1.0.0-beta.4",
+  "version": "1.0.0-beta.5",
   "description": "Typefaces that lend personality to the web facing Creative Commons",
   "author": "Creative Commons (https://creativecommons.org)",
   "scripts": {

src/stories/roboto_condensed.stories.mdx

@@ -7,8 +7,14 @@ import { alphabetTable, numberTable, sampleTexts } from './helpers'
   .roboto-condensed {
     font-family: 'Roboto Condensed';
   }
+  .bold {
+    font-weight: 700;
+  }
 </style>
-<div class="roboto-condensed has-text-black">
+<div class="roboto-condensed has-text-black has-bottom-margin">
+  ${storyFn()}
+</div>
+<div class="roboto-condensed bold has-text-black ">
   ${storyFn()}
 </div>`
   ]
@@ -19,7 +25,7 @@ import { alphabetTable, numberTable, sampleTexts } from './helpers'
 Roboto is a neo-grotesque sans-serif typeface family developed by Google as the system font for its mobile operating
 system Android. The entire font family has been licensed under the Apache license.
 
-It is used in Vocabulary in only one font weight: regular (400).
+It is used in Vocabulary in 2 font weight: regular (400) and bold (700).
 
 ## Regular
 
@@ -56,6 +62,42 @@ It is used in Vocabulary in only one font weight: regular (400).
   fontWeight={400}
   sampleText=". ? ! ' & : ; @ # < > ( ) { } [ ]" />
 
+
+## Bold
+
+<Typeset
+  fontSizes={[
+    '2rem',
+    '1rem'
+  ]}
+  fontFamily="Roboto Condensed"
+  fontWeight={700}
+  sampleText={sampleTexts[2]} />
+
+<Typeset
+  fontSizes={['2rem']}
+  fontFamily="Roboto Condensed"
+  fontWeight={700}
+  sampleText="A B C D E F G H I J K L M N O P Q R S T U V W X Y Z" />
+
+<Typeset
+  fontSizes={['2rem']}
+  fontFamily="Roboto Condensed"
+  fontWeight={700}
+  sampleText="a b c d e f g h i j k l m n o p q r s t u v w x y z" />
+
+<Typeset
+  fontSizes={['2rem']}
+  fontFamily="Roboto Condensed"
+  fontWeight={700}
+  sampleText="0 1 2 3 4 5 6 7 8 9 + - * / % $" />
+
+<Typeset
+  fontSizes={['2rem']}
+  fontFamily="Roboto Condensed"
+  fontWeight={700}
+  sampleText=". ? ! ' & : ; @ # < > ( ) { } [ ]" />
+
 <Story name="Uppercase letters" parameters={{
   docs: { disable: true }
 }}>{

src/styles/roboto_condensed.scss

@@ -1,5 +1,9 @@
 @import "./font_face.scss";
 
 @each $unicode in $unicodes {
-  @include fontface('Roboto Condensed', 'Roboto-Condensed', 400, $unicode);
+  @include fontface('Roboto Condensed', 'RobotoCondensed-Regular', 400, $unicode);
+}
+
+@each $unicode in $unicodes {
+  @include fontface('Roboto Condensed', 'RobotoCondensed-Bold', 700, $unicode);
 }