@sphereon/ui-components.ssi-react 0.1.3-unstable.108 → 0.1.3-unstable.110

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/components/assets/icons/DeleteIcon/index.js +1 -1
  2. package/dist/components/assets/icons/MeatBallsIcon/index.js +1 -1
  3. package/dist/components/lists/DropDownList/index.js +4 -4
  4. package/dist/styles/components/components/DropDownList/index.d.ts +1 -1
  5. package/dist/styles/components/components/DropDownList/index.js +1 -1
  6. package/dist/styles/components/components/DropDownListItem/index.js +6 -0
  7. package/package.json +3 -3
package/dist/components/assets/icons/DeleteIcon/index.js CHANGED
@@ -2,6 +2,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { fontColors } from '@sphereon/ui-components.core';
3
3
  const DeleteIcon = (props) => {
4
4
  const { width = 19, height = 21, color = fontColors.light, style = {} } = props;
5
- return (_jsx("div", { style: { ...style, width, height, display: 'flex' }, children: _jsx("svg", { width: "20", height: "21", viewBox: "0 0 20 21", fill: color, xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M17.3126 4.36542V18.0301C17.3126 19.6588 15.975 21 14.3509 21H4.70454C3.07718 21 1.73962 19.6588 1.73962 18.0301V4.36542H0.685498C-0.228499 4.36542 -0.228499 2.97308 0.685498 2.97308H6.09623V1.63823C6.09623 0.766423 6.77775 0 7.66627 0H11.3891C12.2745 0 12.9592 0.769617 12.9592 1.63823V2.97308H18.3667C19.2807 2.97308 19.2807 4.36542 18.3667 4.36542H17.3126ZM7.48474 2.97308H11.5675V1.63823C11.5675 1.53604 11.507 1.39234 11.3891 1.39234H7.66627C7.54525 1.39234 7.48474 1.53604 7.48474 1.63823V2.97308ZM12.5515 15.7181C12.5515 16.6314 11.163 16.6314 11.163 15.7181V8.13686C11.163 7.22354 12.5515 7.22354 12.5515 8.13686V15.7181ZM7.8892 15.7181C7.8892 16.6314 6.50068 16.6314 6.50068 15.7181V8.13686C6.50068 7.22354 7.8892 7.22035 7.8892 8.13686V15.7181ZM15.9241 4.36542C11.6598 4.36542 7.39557 4.36542 3.13132 4.36542V18.0301C3.13132 18.8987 3.83513 19.6077 4.70454 19.6077H14.3509C15.2171 19.6077 15.9241 18.8987 15.9241 18.0301V4.36542Z", fill: color }) }) }));
5
+ return (_jsx("div", { style: { ...style, width, height }, children: _jsx("svg", { width: "20", height: "21", viewBox: "0 0 20 21", fill: color, xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M17.3126 4.36542V18.0301C17.3126 19.6588 15.975 21 14.3509 21H4.70454C3.07718 21 1.73962 19.6588 1.73962 18.0301V4.36542H0.685498C-0.228499 4.36542 -0.228499 2.97308 0.685498 2.97308H6.09623V1.63823C6.09623 0.766423 6.77775 0 7.66627 0H11.3891C12.2745 0 12.9592 0.769617 12.9592 1.63823V2.97308H18.3667C19.2807 2.97308 19.2807 4.36542 18.3667 4.36542H17.3126ZM7.48474 2.97308H11.5675V1.63823C11.5675 1.53604 11.507 1.39234 11.3891 1.39234H7.66627C7.54525 1.39234 7.48474 1.53604 7.48474 1.63823V2.97308ZM12.5515 15.7181C12.5515 16.6314 11.163 16.6314 11.163 15.7181V8.13686C11.163 7.22354 12.5515 7.22354 12.5515 8.13686V15.7181ZM7.8892 15.7181C7.8892 16.6314 6.50068 16.6314 6.50068 15.7181V8.13686C6.50068 7.22354 7.8892 7.22035 7.8892 8.13686V15.7181ZM15.9241 4.36542C11.6598 4.36542 7.39557 4.36542 3.13132 4.36542V18.0301C3.13132 18.8987 3.83513 19.6077 4.70454 19.6077H14.3509C15.2171 19.6077 15.9241 18.8987 15.9241 18.0301V4.36542Z", fill: color }) }) }));
6
6
  };
7
7
  export default DeleteIcon;
package/dist/components/assets/icons/MeatBallsIcon/index.js CHANGED
@@ -2,6 +2,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { fontColors } from '@sphereon/ui-components.core';
3
3
  const MeatBallsIcon = (props) => {
4
4
  const { width = 20, height = 20, color = fontColors.dark, style } = props;
5
- return (_jsx("div", { style: { ...style, width, height, display: 'flex' }, children: _jsxs("svg", { width: "20", height: "20", viewBox: "0 0 32 32", fill: color, xmlns: "http://www.w3.org/2000/svg", children: [_jsx("circle", { cx: "8", cy: "16", r: "2", fill: color }), _jsx("circle", { cx: "16", cy: "16", r: "2", fill: color }), _jsx("circle", { cx: "24", cy: "16", r: "2", fill: color })] }) }));
5
+ return (_jsx("div", { style: { ...style, width, height }, children: _jsxs("svg", { width: "20", height: "20", viewBox: "0 0 32 32", fill: color, xmlns: "http://www.w3.org/2000/svg", children: [_jsx("circle", { cx: "8", cy: "16", r: "2", fill: color }), _jsx("circle", { cx: "16", cy: "16", r: "2", fill: color }), _jsx("circle", { cx: "24", cy: "16", r: "2", fill: color })] }) }));
6
6
  };
7
7
  export default MeatBallsIcon;
package/dist/components/lists/DropDownList/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { useState, useRef, useEffect } from 'react';
3
- import { SSIDropDownListContainerStyled as Container, DropDownContainerStyled as DropDownContainer, DropDownListButtonStyled as ListButton, } from '../../../styles/components';
3
+ import { DropDownListContainerStyled as Container, DropDownContainerStyled as DropDownContainer, DropDownListButtonStyled as ListButton, } from '../../../styles/components';
4
4
  import DropDownListItem from '../DropDownListItem';
5
5
  import { SSIIconButton } from '../../../index';
6
6
  const DropDownList = (props) => {
@@ -12,14 +12,14 @@ const DropDownList = (props) => {
12
12
  event.stopPropagation();
13
13
  };
14
14
  useEffect(() => {
15
- const handleClickOutside = (event) => {
15
+ const onClickOutside = (event) => {
16
16
  if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
17
17
  setShowActionsMenu(false);
18
18
  }
19
19
  };
20
- document.addEventListener('mousedown', handleClickOutside);
20
+ document.addEventListener('mousedown', onClickOutside);
21
21
  return () => {
22
- document.removeEventListener('mousedown', handleClickOutside);
22
+ document.removeEventListener('mousedown', onClickOutside);
23
23
  };
24
24
  }, [showActionsMenu]);
25
25
  const getItems = () => {
package/dist/styles/components/components/DropDownList/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export declare const SSIDropDownListContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
1
+ export declare const DropDownListContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
2
2
  export declare const SSIDropDownListSelectedValueStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
3
3
  export declare const DropDownListButtonStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
4
4
  export declare const DropDownContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
package/dist/styles/components/components/DropDownList/index.js CHANGED
@@ -3,7 +3,7 @@ import { SSIFlexDirectionRowViewStyled } from '../../containers';
3
3
  import { SSITextH3Styled } from '../../../fonts';
4
4
  import { gradient100TextCss } from '../../../css';
5
5
  import { backgroundColors } from '@sphereon/ui-components.core';
6
- export const SSIDropDownListContainerStyled = styled(SSIFlexDirectionRowViewStyled) `
6
+ export const DropDownListContainerStyled = styled(SSIFlexDirectionRowViewStyled) `
7
7
  position: relative;
8
8
  display: inline-block;
9
9
  text-align: left;
package/dist/styles/components/components/DropDownListItem/index.js CHANGED
@@ -2,6 +2,7 @@ import styled from 'styled-components';
2
2
  import { SSIFlexDirectionRowViewStyled } from '../../containers';
3
3
  import { SSITextH2Styled } from '../../../fonts';
4
4
  import { backgroundColors, fontColors } from '@sphereon/ui-components.core';
5
+ import { fontStyle } from '../../../typography';
5
6
  export const DropDownListItemContainerStyled = styled(SSIFlexDirectionRowViewStyled) `
6
7
  flex-direction: row;
7
8
  align-items: center;
@@ -12,6 +13,11 @@ export const DropDownListItemCaptionContainerStyled = styled(SSITextH2Styled) `
12
13
  flex: 1;
13
14
  margin-right: 8px;
14
15
  color: ${fontColors.dark};
16
+ font-family: ${fontStyle.h2Regular.fontFamily};
17
+ font-size: ${fontStyle.h2Regular.fontSize}px;
18
+ font-weight: ${fontStyle.h2Regular.fontWeight};
19
+ line-height: ${fontStyle.h2Regular.lineHeight}px;
20
+ height: auto;
15
21
  `;
16
22
  export const DropDownListItemIconContainerStyled = styled.div `
17
23
  display: flex;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@sphereon/ui-components.ssi-react",
3
3
  "private": false,
4
- "version": "0.1.3-unstable.108+1325358",
4
+ "version": "0.1.3-unstable.110+981b67c",
5
5
  "description": "SSI UI components for React",
6
6
  "repository": "git@github.com:Sphereon-Opensource/UI-Components.git",
7
7
  "author": "Sphereon <dev@sphereon.com>",
@@ -28,7 +28,7 @@
28
28
  "access": "public"
29
29
  },
30
30
  "dependencies": {
31
- "@sphereon/ui-components.core": "0.1.3-unstable.108+1325358",
31
+ "@sphereon/ui-components.core": "0.1.3-unstable.110+981b67c",
32
32
  "@tanstack/react-table": "^8.9.3",
33
33
  "react-loader-spinner": "^5.4.5",
34
34
  "react-toastify": "^9.1.3",
@@ -42,5 +42,5 @@
42
42
  "peerDependencies": {
43
43
  "react": ">= 16.8.0"
44
44
  },
45
- "gitHead": "13253580aa990bca471a08ab05163b010963c4e4"
45
+ "gitHead": "981b67c027058c4988c7974b6f670e048d946a7f"
46
46
  }