@occmundial/occ-atomic 1.38.0 → 1.39.0

package/CHANGELOG.md

@@ -1,3 +1,18 @@
+# [1.39.0](https://github.com/occmundial/occ-atomic/compare/v1.38.0...v1.39.0) (2023-11-09)
+
+
+### Features
+
+* Add new font styles ([105e874](https://github.com/occmundial/occ-atomic/commit/105e8746850109c3a2815ee0c4e4aba9c4258641))
+* Modify font styles in button component ([5771b56](https://github.com/occmundial/occ-atomic/commit/5771b565b824d23956bcefe45726b295d3db4883))
+* Modify fontWeight in avatar styles ([0b9ab15](https://github.com/occmundial/occ-atomic/commit/0b9ab15dcd51b0637a7f9c740ec9998095f07469))
+* Modify lineHeight ([141a448](https://github.com/occmundial/occ-atomic/commit/141a4489a9b233f4d6fb47d4cbee3f34742e9188))
+* Modify lineHeight ([5338b94](https://github.com/occmundial/occ-atomic/commit/5338b942de7ad741f0b01f85f2fc1ae65dc2f3e2))
+* Update font styles ([374d696](https://github.com/occmundial/occ-atomic/commit/374d696cb494843ff994978bd6f9ca6e659d4146))
+* Update font styles ([ba80d4c](https://github.com/occmundial/occ-atomic/commit/ba80d4c8b8c722930703d4a0af568d7b8b03937d))
+* Update fontSize ([1890bf9](https://github.com/occmundial/occ-atomic/commit/1890bf9e1e8ae0ca51f44af31cd013dda96c0e1a))
+* Update fontSize in check component ([be54e58](https://github.com/occmundial/occ-atomic/commit/be54e5851dcc018a840948e150f83a4a4b8fad5b))
+
 # [1.38.0](https://github.com/occmundial/occ-atomic/compare/v1.37.0...v1.38.0) (2023-11-09)
 
 

package/build/Avatar/AvatarContent/styles.js

@@ -38,7 +38,7 @@ var _default = {
     fontFamily: _fonts["default"].body,
     fontSize: '57px',
     lineHeight: '72px',
-    fontWeight: '600',
+    fontWeight: '400',
     background: _colors["default"].grey100,
     color: _colors["default"].grey200,
     textAlign: 'center',

package/build/Button/styles.js

@@ -58,10 +58,10 @@ var _default = {
     padding: [0, small],
     borderRadius: radius,
     fontFamily: _fonts["default"].body,
-    fontWeight: 600,
-    fontSize: 13,
-    lineHeight: "".concat(base, "px"),
-    letterSpacing: 1,
+    fontWeight: 400,
+    fontSize: 14,
+    lineHeight: 1.5,
+    letterSpacing: 0,
     textAlign: 'center',
     textDecoration: 'none',
     whiteSpace: 'nowrap',
@@ -309,9 +309,9 @@ var _default = {
   },
   // Sizes
   md: {
-    fontSize: 15,
+    fontSize: 16,
     height: 40,
-    lineHeight: "".concat(base, "px"),
+    lineHeight: 1.5,
     '& i': {
       width: _iconSizes["default"].small,
       height: _iconSizes["default"].small
@@ -321,9 +321,9 @@ var _default = {
     }
   },
   lg: {
-    fontSize: 15,
+    fontSize: 16,
     height: large,
-    lineHeight: "".concat(base, "px"),
+    lineHeight: 1.5,
     '& i': {
       width: _iconSizes["default"].small,
       height: _iconSizes["default"].small

package/build/Check/styles.js

@@ -79,7 +79,7 @@ var _default = {
   },
   label: {
     fontFamily: _fonts["default"].body,
-    fontSize: '15px',
+    fontSize: '16px',
     color: _colors["default"].grey7,
     paddingTop: '3px',
     paddingLeft: '5px',
@@ -91,7 +91,7 @@ var _default = {
   right: {
     extend: 'label',
     flex: 'none',
-    fontSize: '13px',
+    fontSize: '14px',
     color: _colors["default"].grey1,
     paddingRight: '0',
     "float": 'right'

package/build/Pager/styles.js

@@ -17,7 +17,7 @@ var _default = {
     paddingLeft: '0',
     fontFamily: _fonts["default"].body,
     color: _colors["default"].grey7,
-    fontSize: '13px'
+    fontSize: '14px'
   },
   btn: {
     display: 'inline-block',

package/build/Pill/styles.js

@@ -25,8 +25,8 @@ var _default = {
   },
   label: {
     fontFamily: _fonts["default"].body,
-    fontSize: 13,
-    lineHeight: '20px',
+    fontSize: 14,
+    lineHeight: 1.5,
     color: _colors["default"].ink,
     transition: '0.3s all',
     '& a': {

package/build/SwitchGroup/styles.js

@@ -18,7 +18,7 @@ var _default = {
     position: 'relative',
     background: 'transparent',
     fontFamily: _fonts["default"].body,
-    fontSize: '13px',
+    fontSize: '14px',
     color: _colors["default"].black,
     border: "1px solid ".concat(_colors["default"].grey1),
     height: '30px',

package/build/Tag/styles.js

@@ -40,10 +40,10 @@ var smallIcon = _iconSizes["default"].small;
 var paddingStandardTag = [1, tiny, 3, tiny],
     paddingMediumTag = [5, gutter, 7, gutter],
     paddingBigTag = [tiny, small],
-    tagTextLineHeight = 1.4,
-    tagTextStandardSize = 11,
-    tagTextMediumSize = 15,
-    tagTextBigSize = 17,
+    tagTextLineHeight = 1.5,
+    tagTextStandardSize = 10,
+    tagTextMediumSize = 16,
+    tagTextBigSize = 16,
     bigTagHeight = 40;
 var _default = {
   tag: {
@@ -71,7 +71,7 @@ var _default = {
   tagText: {
     boxSizing: 'border-box',
     fontFamily: _fonts["default"].body,
-    fontWeight: '600',
+    fontWeight: '400',
     fontStyle: 'normal',
     fontStretch: 'normal',
     letterSpacing: 'normal',

package/build/Text/styles.js

@@ -21,62 +21,60 @@ var _default = {
   text: {
     letterSpacing: 0,
     fontFamily: _fonts["default"].body,
-    fontWeight: 400,
+    fontWeight: 300,
     fontStyle: 'normal',
     margin: 0
   },
   // Sizes
   hero: _defineProperty({
-    fontSize: 28,
-    lineHeight: '32px',
-    fontWeight: 600
+    fontSize: 32,
+    lineHeight: 1.1,
+    fontWeight: 400,
+    letterSpacing: -0.64
   }, "@media screen and (min-width:".concat(_grid["default"].sm, "px)"), {
-    fontSize: 57,
-    lineHeight: '72px',
-    letterSpacing: -2
+    fontSize: 48,
+    letterSpacing: -0.96
   }),
   headline: _defineProperty({
     fontSize: 28,
-    lineHeight: '32px',
-    fontWeight: 600
+    lineHeight: 1.1,
+    fontWeight: 400
   }, "@media screen and (min-width:".concat(_grid["default"].sm, "px)"), {
-    fontSize: 36,
-    lineHeight: '48px',
-    letterSpacing: -0.5
+    fontSize: 40
   }),
   heading: {
-    fontSize: 22,
-    lineHeight: '32px',
-    fontWeight: 600
+    fontSize: 24,
+    lineHeight: 1.1,
+    fontWeight: 400
   },
   subheading: {
-    fontSize: 17,
-    lineHeight: '24px',
-    fontWeight: 600
+    fontSize: 18,
+    lineHeight: 1.1,
+    fontWeight: 400
   },
   extraLarge: {
-    fontSize: 22,
-    lineHeight: '32px'
+    fontSize: 20,
+    lineHeight: 1.5
   },
   large: {
-    fontSize: 17,
-    lineHeight: '24px'
+    fontSize: 18,
+    lineHeight: 1.5
   },
   standard: {
-    fontSize: 15,
-    lineHeight: '24px'
+    fontSize: 16,
+    lineHeight: 1.5
   },
   small: {
-    fontSize: 13,
-    lineHeight: '16px'
+    fontSize: 14,
+    lineHeight: 1.5
   },
   micro: {
-    fontSize: 11,
-    lineHeight: '16px'
+    fontSize: 12,
+    lineHeight: 1.5
   },
   // Weight
   strong: {
-    fontWeight: 600
+    fontWeight: 400
   },
   // Colors
   primary: {

package/build/TextField/styles.js

@@ -82,8 +82,8 @@ var _default = {
   },
   label: {
     fontFamily: _fonts["default"].body,
-    fontSize: 13,
-    lineHeight: '20px',
+    fontSize: 14,
+    lineHeight: 1.5,
     color: _colors["default"].ink,
     transition: '0.3s all',
     '& a': {
@@ -113,9 +113,9 @@ var _default = {
     height: 40,
     color: _colors["default"].ink,
     fontFamily: _fonts["default"].body,
-    fontWeight: 'normal',
-    fontSize: 15,
-    lineHeight: '24px',
+    fontWeight: 300,
+    fontSize: 16,
+    lineHeight: 1.5,
     background: _colors["default"].bgWhite,
     border: "1px solid ".concat(_colors["default"].grey200),
     borderRadius: 4,
@@ -154,14 +154,14 @@ var _default = {
     },
     paddingRight: 32,
     '& optgroup': {
-      fontSize: 13,
+      fontSize: 14,
       fontWeight: 'normal',
-      lineHeight: '40px',
+      lineHeight: 1.5,
       color: _colors["default"].inkLight
     },
     '& option': {
-      fontSize: 15,
-      lineHeight: '40px',
+      fontSize: 16,
+      lineHeight: 1.5,
       color: _colors["default"].ink,
       '&:disabled': {
         color: _colors["default"].inkLighter
@@ -238,7 +238,9 @@ var _default = {
     textAlign: 'right'
   },
   assistiveText: {
-    color: _colors["default"].inkLighter
+    color: _colors["default"].inkLighter,
+    fontSize: 12,
+    fontWeight: 300
   },
   errorAssistiveText: {
     color: _colors["default"].errorText

package/build/Tooltip/styles.js

@@ -21,8 +21,8 @@ var _default = {
   tooltip: {
     padding: '16px',
     borderRadius: '4px',
-    fontSize: '13px',
-    lineHeight: '16px'
+    fontSize: '14px',
+    lineHeight: 1.5
   },
   info: {
     background: infoLight,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@occmundial/occ-atomic",
-  "version": "1.38.0",
+  "version": "1.39.0",
   "description": "Collection of shareable styled React components for OCC applications.",
   "homepage": "http://occmundial.github.io/occ-atomic",
   "main": "build/index.js",