@spaced-out/ui-design-system 0.1.114 → 0.1.116

package/CHANGELOG.md

@@ -2,6 +2,20 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.1.116](https://github.com/spaced-out/ui-design-system/compare/v0.1.115...v0.1.116) (2024-07-25)
+
+
+### Bug Fixes
+
+* added height for breadcrumbs ([#247](https://github.com/spaced-out/ui-design-system/issues/247)) ([5367aca](https://github.com/spaced-out/ui-design-system/commit/5367acaaba8e43a40f4894c2820aa56ceb851487))
+
+### [0.1.115](https://github.com/spaced-out/ui-design-system/compare/v0.1.114...v0.1.115) (2024-07-18)
+
+
+### Features
+
+* xAxis color borderPrimary in column and line chart ([#246](https://github.com/spaced-out/ui-design-system/issues/246)) ([b21dd11](https://github.com/spaced-out/ui-design-system/commit/b21dd113a9e6408d87f60afef2a680c2ce9072de))
+
 ### [0.1.114](https://github.com/spaced-out/ui-design-system/compare/v0.1.113...v0.1.114) (2024-07-18)
 
 

package/lib/components/Breadcrumbs/Breadcrumbs.module.css

@@ -1,11 +1,19 @@
 @value (
-  spaceSmall
+  spaceNone,
+  spaceSmall,
+  spaceMedium
 ) from '../../styles/variables/_space.css';
 
+@value (
+  size28
+) from '../../styles/variables/_size.css';
+
 .wrapper {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
+  padding: calc(spaceMedium / 4) spaceNone;
+  min-height: size28;
 }
 
 .separator {

package/lib/components/Input/Input.js

@@ -137,9 +137,11 @@ const Input_ = (props, ref) => {
     className: classNames?.iconRight
   })), (Boolean(helperText) || error) && /*#__PURE__*/React.createElement("div", {
     className: _InputModule.default.info
-  }, /*#__PURE__*/React.createElement(_Text.BodySmall, {
-    color: error && errorText ? 'danger' : disabled ? 'disabled' : 'secondary'
-  }, error && errorText ? errorText : helperText ?? '')));
+  }, error && errorText ? /*#__PURE__*/React.createElement(_Text.BodySmall, {
+    color: "danger"
+  }, errorText) : typeof helperText === 'string' ? /*#__PURE__*/React.createElement(_Text.BodySmall, {
+    color: disabled ? 'disabled' : 'secondary'
+  }, helperText) : helperText));
 };
 const RightInputIcon = _ref => {
   let {

package/lib/components/Input/Input.js.flow

@@ -217,17 +217,15 @@ const Input_ = (props: InputProps, ref): React.Node => {
       </div>
       {(Boolean(helperText) || error) && (
         <div className={css.info}>
-          <BodySmall
-            color={
-              error && errorText
-                ? 'danger'
-                : disabled
-                  ? 'disabled'
-                  : 'secondary'
-            }
-          >
-            {error && errorText ? errorText : helperText ?? ''}
-          </BodySmall>
+          {error && errorText ? (
+            <BodySmall color="danger">{errorText}</BodySmall>
+          ) : typeof helperText === 'string' ? (
+            <BodySmall color={disabled ? 'disabled' : 'secondary'}>
+              {helperText}
+            </BodySmall>
+          ) : (
+            helperText
+          )}
         </div>
       )}
     </div>

package/lib/utils/charts/columnChart.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getColumnChartOptions = exports.columnPlotWidth = void 0;
+var _color = require("../../styles/variables/_color.js");
 var _charts = require("./charts");
 var _helpers = require("./helpers");
 
@@ -31,7 +32,8 @@ const getColumnChartOptions = () => ({
     title: {
       margin: 12,
       style: _helpers.xAxisTitleStyle
-    }
+    },
+    lineColor: _color.colorBorderPrimary
   },
   yAxis: {
     labels: {

package/lib/utils/charts/columnChart.js.flow

@@ -1,5 +1,6 @@
 // @flow strict
 
+import {colorBorderPrimary} from '../../styles/variables/_color.js';
 import type {ChartOptions} from '../../types/charts';
 
 import {commonChartOptions} from './charts';
@@ -37,6 +38,7 @@ export const getColumnChartOptions = (): ChartOptions => ({
       margin: 12,
       style: xAxisTitleStyle,
     },
+    lineColor: colorBorderPrimary,
   },
   yAxis: {
     labels: {

package/lib/utils/charts/lineChart.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getLineChartOptions = void 0;
+var _color = require("../../styles/variables/_color.js");
 var _charts = require("./charts");
 var _helpers = require("./helpers");
 var _typography = require("./typography");
@@ -31,7 +32,8 @@ const getLineChartOptions = () => ({
     title: {
       margin: 12,
       style: _helpers.xAxisTitleStyle
-    }
+    },
+    lineColor: _color.colorBorderPrimary
   },
   yAxis: {
     labels: {

package/lib/utils/charts/lineChart.js.flow

@@ -1,4 +1,5 @@
 // @flow strict
+import {colorBorderPrimary} from '../../styles/variables/_color.js';
 import type {ChartOptions} from '../../types/charts';
 
 import {commonChartOptions} from './charts';
@@ -34,6 +35,7 @@ export const getLineChartOptions = (): ChartOptions => ({
       margin: 12,
       style: xAxisTitleStyle,
     },
+    lineColor: colorBorderPrimary,
   },
   yAxis: {
     labels: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spaced-out/ui-design-system",
-  "version": "0.1.114",
+  "version": "0.1.116",
   "main": "index.js",
   "description": "Sense UI components library",
   "author": {