brainly-style-guide - npm Package Compare versions

Comparing version 191.4.0 to 192.0.0

commonjs/components/flash-messages/FlashMessage.js

@@ -52,3 +52,2 @@ "use strict";
     size: "small",
-    color: "default",
     weight: "bold",
@@ -55,0 +54,0 @@ align: "to-center"

commonjs/components/form-elements/Checkbox.js

@@ -98,3 +98,2 @@ "use strict";
         type: "span",
-        color: "default",
         weight: "bold",
@@ -101,0 +100,0 @@ className: "sg-checkbox__label"

commonjs/components/form-elements/Radio.js

@@ -65,3 +65,2 @@ "use strict";
     type: "span",
-    color: "default",
     weight: "bold",
@@ -68,0 +67,0 @@ className: "sg-radio__label"

commonjs/components/labels/Label.js

@@ -72,3 +72,3 @@ "use strict";
   gray: 'gray-secondary',
-  achromatic: 'default'
+  achromatic: 'black'
 };
@@ -110,3 +110,3 @@ var TRANSPARENT_ICON_COLOR_MAP = {
   var labelClass = (0, _classnames.default)('sg-label', (_classNames = {}, _defineProperty(_classNames, "sg-label--".concat(String(backgroundColor)), backgroundColor && (type === 'solid' || type === 'default')), _defineProperty(_classNames, 'sg-label--closable', onClose), _defineProperty(_classNames, 'sg-label--transparent', type === 'transparent' || type === 'transparent-color'), _classNames), className);
-  var textColor = type === 'default' || type === 'transparent' ? 'default' : type === 'solid' ? 'white' : TRANSPARENT_COLOR_TEXT_MAP[color];
+  var textColor = type === 'default' || type === 'transparent' ? 'black' : type === 'solid' ? 'white' : TRANSPARENT_COLOR_TEXT_MAP[color];
   var iconColor = type === 'default' ? 'dark' : type === 'solid' ? 'light' : TRANSPARENT_ICON_COLOR_MAP[color];
@@ -113,0 +113,0 @@ var closeIconColor = type === 'default' || type === 'transparent' ? 'dark' : type === 'solid' ? 'light' : TRANSPARENT_ICON_COLOR_MAP[color];

commonjs/components/text/Headline.js

@@ -79,3 +79,3 @@ "use strict";
     'sg-headline--inherited': inherited
-  }, _defineProperty(_classNames, "sg-headline--".concat(String(size)), size !== _headlineConsts.HEADLINE_SIZE.MEDIUM), _defineProperty(_classNames, "sg-headline--".concat(String(color)), color), _defineProperty(_classNames, "sg-headline--".concat(String(transform)), transform), _defineProperty(_classNames, "sg-headline--".concat(align || ''), align), _defineProperty(_classNames, 'sg-headline--extra-bold', extraBold), _classNames), className);
+  }, _defineProperty(_classNames, "sg-headline--".concat(String(size)), size && size !== _headlineConsts.HEADLINE_SIZE.MEDIUM), _defineProperty(_classNames, "sg-headline--".concat(String(color)), color), _defineProperty(_classNames, "sg-headline--".concat(String(transform)), transform), _defineProperty(_classNames, "sg-headline--".concat(align || ''), align), _defineProperty(_classNames, 'sg-headline--extra-bold', extraBold), _classNames), className);
   return /*#__PURE__*/React.createElement(Type, _extends({}, props, {
@@ -82,0 +82,0 @@ className: headlineClass

commonjs/components/text/Link.js

@@ -69,3 +69,3 @@ "use strict";
 
-  var linkClass = (0, _classnames.default)((_classNames = {}, _defineProperty(_classNames, "sg-text--inherited", inherited), _defineProperty(_classNames, 'sg-text--link', !underlined && !unstyled), _defineProperty(_classNames, 'sg-text--link-underlined', underlined && !unstyled), _defineProperty(_classNames, 'sg-text--link-unstyled', !underlined && unstyled), _defineProperty(_classNames, 'sg-text--bold', emphasised), _defineProperty(_classNames, 'sg-text--link-disabled', disabled), _defineProperty(_classNames, "sg-text--".concat(String(color)), color && !unstyled), _defineProperty(_classNames, "sg-text--".concat(String(weight)), weight), _classNames), className);
+  var linkClass = (0, _classnames.default)((_classNames = {}, _defineProperty(_classNames, "sg-text--inherited", inherited), _defineProperty(_classNames, 'sg-text--link', !underlined && !unstyled), _defineProperty(_classNames, 'sg-text--link-underlined', underlined && !unstyled), _defineProperty(_classNames, 'sg-text--link-unstyled', !underlined && unstyled), _defineProperty(_classNames, 'sg-text--bold', emphasised && !inherited), _defineProperty(_classNames, 'sg-text--link-disabled', disabled), _defineProperty(_classNames, "sg-text--".concat(String(color)), color && !unstyled), _defineProperty(_classNames, "sg-text--".concat(String(weight)), weight), _classNames), className);
 
@@ -72,0 +72,0 @@ if (href === undefined || href === '' || href === null) {

commonjs/components/text/Text.js

@@ -120,3 +120,3 @@ "use strict";
     'sg-text--inherited': inherited
-  }, _defineProperty(_classNames, "sg-text--".concat(String(size)), size !== _textConsts.TEXT_SIZE.MEDIUM), _defineProperty(_classNames, "sg-text--".concat(String(color)), color), _defineProperty(_classNames, "sg-text--".concat(String(weight)), weight !== _textConsts.TEXT_WEIGHT.REGULAR), _defineProperty(_classNames, "sg-text--".concat(transform || ''), transform), _defineProperty(_classNames, "sg-text--".concat(align || ''), align), _defineProperty(_classNames, 'sg-text--container', asContainer), _defineProperty(_classNames, 'sg-text--full', full), _defineProperty(_classNames, 'sg-text--no-wrap', noWrap), _defineProperty(_classNames, 'sg-text--break-words', breakWords), _defineProperty(_classNames, 'sg-text--pre-wrap', whiteSpace === _textConsts.TEXT_WHITE_SPACE.PRE_WRAP), _defineProperty(_classNames, 'sg-text--pre-line', whiteSpace === _textConsts.TEXT_WHITE_SPACE.PRE_LINE), _classNames), className);
+  }, _defineProperty(_classNames, "sg-text--".concat(String(size)), size && size !== _textConsts.TEXT_SIZE.MEDIUM), _defineProperty(_classNames, "sg-text--".concat(String(color)), color), _defineProperty(_classNames, "sg-text--".concat(String(weight)), weight && weight !== _textConsts.TEXT_WEIGHT.REGULAR), _defineProperty(_classNames, "sg-text--".concat(transform || ''), transform), _defineProperty(_classNames, "sg-text--".concat(align || ''), align), _defineProperty(_classNames, 'sg-text--container', asContainer), _defineProperty(_classNames, 'sg-text--full', full), _defineProperty(_classNames, 'sg-text--no-wrap', noWrap), _defineProperty(_classNames, 'sg-text--break-words', breakWords), _defineProperty(_classNames, 'sg-text--pre-wrap', whiteSpace === _textConsts.TEXT_WHITE_SPACE.PRE_WRAP), _defineProperty(_classNames, 'sg-text--pre-line', whiteSpace === _textConsts.TEXT_WHITE_SPACE.PRE_LINE), _classNames), className);
   return /*#__PURE__*/React.createElement(Type, _extends({}, props, {
@@ -123,0 +123,0 @@ className: textClass

esm/components/flash-messages/FlashMessage.js

@@ -28,3 +28,2 @@ import _extends from "@babel/runtime/helpers/esm/extends";
     size: "small",
-    color: "default",
     weight: "bold",
@@ -31,0 +30,0 @@ align: "to-center"

esm/components/form-elements/Checkbox.js

@@ -65,3 +65,2 @@ import _extends from "@babel/runtime/helpers/esm/extends";
         type: "span",
-        color: "default",
         weight: "bold",
@@ -68,0 +67,0 @@ className: "sg-checkbox__label"

esm/components/form-elements/Radio.js

@@ -40,3 +40,2 @@ import _extends from "@babel/runtime/helpers/esm/extends";
     type: "span",
-    color: "default",
     weight: "bold",
@@ -43,0 +42,0 @@ className: "sg-radio__label"

esm/components/labels/Label.js

@@ -39,3 +39,3 @@ import _extends from "@babel/runtime/helpers/esm/extends";
   gray: 'gray-secondary',
-  achromatic: 'default'
+  achromatic: 'black'
 };
@@ -76,3 +76,3 @@ var TRANSPARENT_ICON_COLOR_MAP = {
   var labelClass = classNames('sg-label', (_classNames = {}, _defineProperty(_classNames, "sg-label--".concat(String(backgroundColor)), backgroundColor && (type === 'solid' || type === 'default')), _defineProperty(_classNames, 'sg-label--closable', onClose), _defineProperty(_classNames, 'sg-label--transparent', type === 'transparent' || type === 'transparent-color'), _classNames), className);
-  var textColor = type === 'default' || type === 'transparent' ? 'default' : type === 'solid' ? 'white' : TRANSPARENT_COLOR_TEXT_MAP[color];
+  var textColor = type === 'default' || type === 'transparent' ? 'black' : type === 'solid' ? 'white' : TRANSPARENT_COLOR_TEXT_MAP[color];
   var iconColor = type === 'default' ? 'dark' : type === 'solid' ? 'light' : TRANSPARENT_ICON_COLOR_MAP[color];
@@ -79,0 +79,0 @@ var closeIconColor = type === 'default' || type === 'transparent' ? 'dark' : type === 'solid' ? 'light' : TRANSPARENT_ICON_COLOR_MAP[color];

esm/components/text/Headline.js

@@ -28,3 +28,3 @@ import _extends from "@babel/runtime/helpers/esm/extends";
     'sg-headline--inherited': inherited
-  }, _defineProperty(_classNames, "sg-headline--".concat(String(size)), size !== HEADLINE_SIZE.MEDIUM), _defineProperty(_classNames, "sg-headline--".concat(String(color)), color), _defineProperty(_classNames, "sg-headline--".concat(String(transform)), transform), _defineProperty(_classNames, "sg-headline--".concat(align || ''), align), _defineProperty(_classNames, 'sg-headline--extra-bold', extraBold), _classNames), className);
+  }, _defineProperty(_classNames, "sg-headline--".concat(String(size)), size && size !== HEADLINE_SIZE.MEDIUM), _defineProperty(_classNames, "sg-headline--".concat(String(color)), color), _defineProperty(_classNames, "sg-headline--".concat(String(transform)), transform), _defineProperty(_classNames, "sg-headline--".concat(align || ''), align), _defineProperty(_classNames, 'sg-headline--extra-bold', extraBold), _classNames), className);
   return /*#__PURE__*/React.createElement(Type, _extends({}, props, {
@@ -31,0 +31,0 @@ className: headlineClass

esm/components/text/Link.js

@@ -35,3 +35,3 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 
-  var linkClass = classNames((_classNames = {}, _defineProperty(_classNames, "sg-text--inherited", inherited), _defineProperty(_classNames, 'sg-text--link', !underlined && !unstyled), _defineProperty(_classNames, 'sg-text--link-underlined', underlined && !unstyled), _defineProperty(_classNames, 'sg-text--link-unstyled', !underlined && unstyled), _defineProperty(_classNames, 'sg-text--bold', emphasised), _defineProperty(_classNames, 'sg-text--link-disabled', disabled), _defineProperty(_classNames, "sg-text--".concat(String(color)), color && !unstyled), _defineProperty(_classNames, "sg-text--".concat(String(weight)), weight), _classNames), className);
+  var linkClass = classNames((_classNames = {}, _defineProperty(_classNames, "sg-text--inherited", inherited), _defineProperty(_classNames, 'sg-text--link', !underlined && !unstyled), _defineProperty(_classNames, 'sg-text--link-underlined', underlined && !unstyled), _defineProperty(_classNames, 'sg-text--link-unstyled', !underlined && unstyled), _defineProperty(_classNames, 'sg-text--bold', emphasised && !inherited), _defineProperty(_classNames, 'sg-text--link-disabled', disabled), _defineProperty(_classNames, "sg-text--".concat(String(color)), color && !unstyled), _defineProperty(_classNames, "sg-text--".concat(String(weight)), weight), _classNames), className);
 
@@ -38,0 +38,0 @@ if (href === undefined || href === '' || href === null) {

esm/components/text/Text.js

@@ -37,3 +37,3 @@ import _extends from "@babel/runtime/helpers/esm/extends";
     'sg-text--inherited': inherited
-  }, _defineProperty(_classNames, "sg-text--".concat(String(size)), size !== TEXT_SIZE.MEDIUM), _defineProperty(_classNames, "sg-text--".concat(String(color)), color), _defineProperty(_classNames, "sg-text--".concat(String(weight)), weight !== TEXT_WEIGHT.REGULAR), _defineProperty(_classNames, "sg-text--".concat(transform || ''), transform), _defineProperty(_classNames, "sg-text--".concat(align || ''), align), _defineProperty(_classNames, 'sg-text--container', asContainer), _defineProperty(_classNames, 'sg-text--full', full), _defineProperty(_classNames, 'sg-text--no-wrap', noWrap), _defineProperty(_classNames, 'sg-text--break-words', breakWords), _defineProperty(_classNames, 'sg-text--pre-wrap', whiteSpace === TEXT_WHITE_SPACE.PRE_WRAP), _defineProperty(_classNames, 'sg-text--pre-line', whiteSpace === TEXT_WHITE_SPACE.PRE_LINE), _classNames), className);
+  }, _defineProperty(_classNames, "sg-text--".concat(String(size)), size && size !== TEXT_SIZE.MEDIUM), _defineProperty(_classNames, "sg-text--".concat(String(color)), color), _defineProperty(_classNames, "sg-text--".concat(String(weight)), weight && weight !== TEXT_WEIGHT.REGULAR), _defineProperty(_classNames, "sg-text--".concat(transform || ''), transform), _defineProperty(_classNames, "sg-text--".concat(align || ''), align), _defineProperty(_classNames, 'sg-text--container', asContainer), _defineProperty(_classNames, 'sg-text--full', full), _defineProperty(_classNames, 'sg-text--no-wrap', noWrap), _defineProperty(_classNames, 'sg-text--break-words', breakWords), _defineProperty(_classNames, 'sg-text--pre-wrap', whiteSpace === TEXT_WHITE_SPACE.PRE_WRAP), _defineProperty(_classNames, 'sg-text--pre-line', whiteSpace === TEXT_WHITE_SPACE.PRE_LINE), _classNames), className);
   return /*#__PURE__*/React.createElement(Type, _extends({}, props, {
@@ -40,0 +40,0 @@ className: textClass

package.json

 {
   "name": "brainly-style-guide",
-  "version": "191.4.0",
+  "version": "192.0.0",
   "description": "Brainly Front-End Style Guide",
@@ -5,0 +5,0 @@ "repository": "https://github.com/brainly/style-guide.git",

src/components/flash-messages/FlashMessage.jsx

@@ -40,3 +40,3 @@ // @flow strict
       <div className={messageClass}>
-        <Text size="small" color="default" weight="bold" align="to-center">
+        <Text size="small" weight="bold" align="to-center">
           {text}
@@ -43,0 +43,0 @@ </Text>

src/components/form-elements/Checkbox.jsx

@@ -56,3 +56,2 @@ // @flow strict
             type="span"
-            color="default"
             weight="bold"
@@ -59,0 +58,0 @@ className="sg-checkbox__label"

src/components/form-elements/Radio.jsx

@@ -59,3 +59,2 @@ // @flow strict
           type="span"
-          color="default"
           weight="bold"
@@ -62,0 +61,0 @@ className="sg-radio__label"

src/components/labels/Label.jsx

@@ -79,3 +79,3 @@ // @flow strict
   gray: 'gray-secondary',
-  achromatic: 'default',
+  achromatic: 'black',
 } = {
@@ -88,3 +88,3 @@ blue: 'blue-dark',
   gray: 'gray-secondary',
-  achromatic: 'default',
+  achromatic: 'black',
 };
@@ -227,3 +227,3 @@
     type === 'default' || type === 'transparent'
-      ? 'default'
+      ? 'black'
       : type === 'solid'
@@ -230,0 +230,0 @@ ? 'white'

src/components/labels/Label.spec.jsx

@@ -99,3 +99,3 @@ import * as React from 'react';
     expect(heartIcon.prop('color')).toBe('dark');
-    expect(label.find(Text).prop('color')).toBe('default');
+    expect(label.find(Text).prop('color')).toBe('black');
   });
@@ -148,3 +148,3 @@
     expect(heartIcon.prop('color')).toBe('mint');
-    expect(label.find(Text).prop('color')).toBe('default');
+    expect(label.find(Text).prop('color')).toBe('black');
     expect(label.find('div').find(Icon)).toHaveLength(2);
@@ -151,0 +151,0 @@ });

src/components/text/Headline.jsx

@@ -20,3 +20,3 @@ // @flow strict
 export type HeadlineColorType =
-  | 'default'
+  | 'black'
   | 'white'
@@ -78,3 +78,3 @@ | 'gray'
       'sg-headline--inherited': inherited,
-      [`sg-headline--${String(size)}`]: size !== HEADLINE_SIZE.MEDIUM,
+      [`sg-headline--${String(size)}`]: size && size !== HEADLINE_SIZE.MEDIUM,
       [`sg-headline--${String(color)}`]: color,
@@ -81,0 +81,0 @@ [`sg-headline--${String(transform)}`]: transform,

src/components/text/Link.jsx

@@ -98,3 +98,3 @@ // @flow strict
       'sg-text--link-unstyled': !underlined && unstyled,
-      'sg-text--bold': emphasised,
+      'sg-text--bold': emphasised && !inherited,
       'sg-text--link-disabled': disabled,
@@ -101,0 +101,0 @@ [`sg-text--${String(color)}`]: color && !unstyled,

src/components/text/Text.jsx

@@ -36,3 +36,3 @@ // @flow strict
 export type TextColorType =
-  | 'default'
+  | 'black'
   | 'white'
@@ -110,5 +110,5 @@ | 'gray'
       'sg-text--inherited': inherited,
-      [`sg-text--${String(size)}`]: size !== TEXT_SIZE.MEDIUM,
+      [`sg-text--${String(size)}`]: size && size !== TEXT_SIZE.MEDIUM,
       [`sg-text--${String(color)}`]: color,
-      [`sg-text--${String(weight)}`]: weight !== TEXT_WEIGHT.REGULAR,
+      [`sg-text--${String(weight)}`]: weight && weight !== TEXT_WEIGHT.REGULAR,
       [`sg-text--${transform || ''}`]: transform,
@@ -115,0 +115,0 @@ [`sg-text--${align || ''}`]: align,

No alert changes

Improved metrics

Total package byte prevSize

9192093

Worsened metrics

Lines of code

40016

decreased by-0.02%

No dependency changes