Skip to content

Commit ca2b494

Browse files
b4rtazb4rtaz
authored
0.15.4. (#85)
1 parent b05189a commit ca2b494

File tree

12 files changed

+51
-43
lines changed

12 files changed

+51
-43
lines changed

‎CHANGELOG.md‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,7 @@
1+
## 0.15.4
2+
3+
This version adds rounding configuration to the `designer-theme.scss` file.
4+
15
## 0.15.3
26

37
This is a re-release of the 0.15.2 version.

‎README.md‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -98,10 +98,10 @@ Add the below code to your head section in HTML document.
9898
```html
9999
<head>
100100
...
101-
<link href="https://cdn.jsdelivr.net/npm/[email protected].3/css/designer.css" rel="stylesheet">
102-
<link href="https://cdn.jsdelivr.net/npm/[email protected].3/css/designer-light.css" rel="stylesheet">
103-
<link href="https://cdn.jsdelivr.net/npm/[email protected].3/css/designer-dark.css" rel="stylesheet">
104-
<script src="https://cdn.jsdelivr.net/npm/[email protected].3/dist/index.umd.js"></script>
101+
<link href="https://cdn.jsdelivr.net/npm/[email protected].4/css/designer.css" rel="stylesheet">
102+
<link href="https://cdn.jsdelivr.net/npm/[email protected].4/css/designer-light.css" rel="stylesheet">
103+
<link href="https://cdn.jsdelivr.net/npm/[email protected].4/css/designer-dark.css" rel="stylesheet">
104+
<script src="https://cdn.jsdelivr.net/npm/[email protected].4/dist/index.umd.js"></script>
105105
```
106106

107107
Call the designer by:

‎angular/designer/package.json‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
22
"name": "sequential-workflow-designer-angular",
33
"description": "Angular wrapper for Sequential Workflow Designer component.",
4-
"version": "0.15.3",
4+
"version": "0.15.4",
55
"author": {
66
"name": "NoCode JS",
77
"url": "https://nocode-js.com/"
@@ -15,7 +15,7 @@
1515
"peerDependencies": {
1616
"@angular/common": "12 - 16",
1717
"@angular/core": "12 - 16",
18-
"sequential-workflow-designer": "^0.15.3"
18+
"sequential-workflow-designer": "^0.15.4"
1919
},
2020
"dependencies": {
2121
"tslib": "^2.3.0"

‎demos/angular-app/package.json‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -26,8 +26,8 @@
2626
"@angular/platform-browser-dynamic": "^15.2.9",
2727
"@angular/router": "^15.2.9",
2828
"rxjs": "~7.8.0",
29-
"sequential-workflow-designer": "^0.15.3",
30-
"sequential-workflow-designer-angular": "^0.15.3",
29+
"sequential-workflow-designer": "^0.15.4",
30+
"sequential-workflow-designer-angular": "^0.15.4",
3131
"tslib": "^2.3.0",
3232
"zone.js": "~0.13.0"
3333
},

‎demos/angular-app/yarn.lock‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -5956,17 +5956,17 @@ [email protected]:
59565956
range-parser "~1.2.1"
59575957
statuses "2.0.1"
59585958

5959-
sequential-workflow-designer-angular@^0.15.3:
5960-
version "0.15.3"
5961-
resolved "https://registry.yarnpkg.com/sequential-workflow-designer-angular/-/sequential-workflow-designer-angular-0.15.3.tgz#0bc76c701ace6ab74f3bf578ea21d58655a035b9"
5962-
integrity sha512-AwzM89Xc90u4g2bTg0x0VLuUSyuInhiFLvuIaG+2vuua2FUg8eJhoDiDlXZpB77Me02doYaVFxVXG6yCDQ/mCg==
5959+
sequential-workflow-designer-angular@^0.15.4:
5960+
version "0.15.4"
5961+
resolved "https://registry.yarnpkg.com/sequential-workflow-designer-angular/-/sequential-workflow-designer-angular-0.15.4.tgz#e6b666f93a278198ca69f1d759ee4351d706f322"
5962+
integrity sha512-veCBtClEo7uBRnP96seaklNkwK8MPb0OrOzusLBBMMP/4sQzqAPjrNa/rtemiWP5R1v2UlNt80dDRvAYS6ttjg==
59635963
dependencies:
59645964
tslib "^2.3.0"
59655965

5966-
sequential-workflow-designer@^0.15.3:
5967-
version "0.15.3"
5968-
resolved "https://registry.yarnpkg.com/sequential-workflow-designer/-/sequential-workflow-designer-0.15.3.tgz#50471f7a11cf25236a5ee4c1c48ecc0275d43e38"
5969-
integrity sha512-/awAymgzuQ9ycDfJmEW6z8B2rS5m95/r+XHkCvDYx49OtH5/TavaJDnAU2P4CD1yL6Vkg1YapPPn+6JWlwUFbg==
5966+
sequential-workflow-designer@^0.15.4:
5967+
version "0.15.4"
5968+
resolved "https://registry.yarnpkg.com/sequential-workflow-designer/-/sequential-workflow-designer-0.15.4.tgz#13f69308ab2772f342a8b19b77f6232f810cc374"
5969+
integrity sha512-sLP6fxU6bdoqOAs7hN5Xz9ynJpbobG18nSPNLQW0pGtffgEfN+WMAv0TDV+CIQ/Fh+XJARnMRO+u+GgkQX3jBQ==
59705970
dependencies:
59715971
sequential-workflow-model "^0.2.0"
59725972

‎demos/react-app/package.json‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,8 +6,8 @@
66
"dependencies": {
77
"react": "^18.2.0",
88
"react-dom": "^18.2.0",
9-
"sequential-workflow-designer": "^0.15.3",
10-
"sequential-workflow-designer-react": "^0.15.3"
9+
"sequential-workflow-designer": "^0.15.4",
10+
"sequential-workflow-designer-react": "^0.15.4"
1111
},
1212
"devDependencies": {
1313
"@types/jest": "^29.2.5",

‎designer/package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
22
"name": "sequential-workflow-designer",
33
"description": "Customizable no-code component for building flow-based programming applications.",
4-
"version": "0.15.3",
4+
"version": "0.15.4",
55
"type": "module",
66
"main": "./lib/esm/index.js",
77
"types": "./lib/index.d.ts",

‎designer/sass/designer-theme.scss‎

Lines changed: 23 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -2,18 +2,22 @@
22
$theme,
33
$panelBackgroundColor: #fff,
44
$panelBoxShadow: (0 0 8px rgba(0, 0, 0, 0.15), 0 2px 4px rgba(0, 0, 0, 0.15)),
5+
$panelBorderRadius: 10px,
56
$headerTextColor: #000,
67
$filterBackground: #fff,
78
$filterTextColor: #000,
89
$filterBorder: (1px solid #c3c3c3),
910
$filterBorderColorFocused: #939393,
11+
$filterBorderRadius: 10px,
1012
$groupTextColor: #000,
11-
$groupBackgroundColor: #e5e5e5
13+
$groupBackgroundColor: #e5e5e5,
14+
$groupBorderRadius: 10px
1215
) {
1316
.sqd-theme-#{$theme} {
1417
.sqd-toolbox {
1518
background: $panelBackgroundColor;
1619
box-shadow: $panelBoxShadow;
20+
border-radius: $panelBorderRadius;
1721
}
1822
.sqd-toolbox-header-title {
1923
color: $headerTextColor;
@@ -22,13 +26,15 @@
2226
background: $filterBackground;
2327
color: $filterTextColor;
2428
border: $filterBorder;
29+
border-radius: $filterBorderRadius;
2530
}
2631
.sqd-toolbox-filter:focus {
2732
border-color: $filterBorderColorFocused;
2833
}
2934
.sqd-toolbox-group-title {
3035
color: $groupTextColor;
3136
background: $groupBackgroundColor;
37+
border-radius: $groupBorderRadius;
3238
}
3339
}
3440
}
@@ -41,21 +47,25 @@
4147
$itemBoxShadow: (0 2px 2px rgba(0, 0, 0, 0.15)),
4248
$itemBorderHovered: #939393,
4349
$itemBackgroundColorHovered: #fff,
44-
$noIconBackgroundColor: #c6c6c6
50+
$itemBorderRadius: 5px,
51+
$noIconBackgroundColor: #c6c6c6,
52+
$noIconBorderRadius: 4px
4553
) {
4654
.sqd-theme-#{$theme} .sqd-toolbox-item#{if($stepType != '', '.sqd-type-' + $stepType, '')} {
4755
& {
4856
color: $itemTextColor;
4957
border: $itemBorder;
5058
box-shadow: $itemBoxShadow;
5159
background: $itemBackgroundColor;
60+
border-radius: $itemBorderRadius;
5261
}
5362
&:hover {
5463
border-color: $itemBorderHovered;
5564
background: $itemBackgroundColorHovered;
5665
}
5766
& .sqd-toolbox-item-icon.sqd-no-icon {
5867
background: $noIconBackgroundColor;
68+
border-radius: $noIconBorderRadius;
5969
}
6070
}
6171
}
@@ -64,21 +74,25 @@
6474
$theme,
6575
$panelBackgroundColor: #fff,
6676
$panelBoxShadow: (0 0 8px rgba(0, 0, 0, 0.15), 0 2px 4px rgba(0, 0, 0, 0.15)),
77+
$panelBorderRadius: 10px,
6778
$buttonBackground: #fff,
6879
$buttonBackgroundHovered: #fff,
6980
$buttonBorder: (1px solid #c3c3c3),
7081
$buttonBorderColorHovered: #939393,
82+
$buttonBorderRadius: 5px,
7183
$buttonIconPathFillColor: #000,
7284
$buttonDeleteIconPathFillColor: #e01a24
7385
) {
7486
.sqd-theme-#{$theme} {
7587
.sqd-control-bar {
7688
background: $panelBackgroundColor;
7789
box-shadow: $panelBoxShadow;
90+
border-radius: $panelBorderRadius;
7891
}
7992
.sqd-control-bar-button {
8093
border: $buttonBorder;
8194
background: $buttonBackground;
95+
border-radius: $buttonBorderRadius;
8296
}
8397
.sqd-control-bar-button:hover {
8498
border-color: $buttonBorderColorHovered;
@@ -116,19 +130,23 @@
116130
$theme,
117131
$panelBackgroundColor: #fff,
118132
$panelBoxShadow: (0 0 8px rgba(0, 0, 0, 0.2)),
133+
$panelBorderRadius: 4px,
119134
$groupTextColor: #888,
120135
$itemTextColor: #000,
121-
$itemBackgroundColorHovered: #eee
136+
$itemBackgroundColorHovered: #eee,
137+
$itemBorderRadius: 4px
122138
) {
123139
.sqd-theme-#{$theme}.sqd-context-menu {
124140
background: $panelBackgroundColor;
125141
box-shadow: $panelBoxShadow;
142+
border-radius: $panelBorderRadius;
126143
}
127144
.sqd-theme-#{$theme} .sqd-context-menu-group {
128145
color: $groupTextColor;
129146
}
130147
.sqd-theme-#{$theme} .sqd-context-menu-item {
131148
color: $itemTextColor;
149+
border-radius: $itemBorderRadius;
132150
}
133151
.sqd-theme-#{$theme} .sqd-context-menu-item:hover {
134152
background: $itemBackgroundColorHovered;
@@ -188,14 +206,15 @@
188206

189207
@mixin sqd-theme-region(
190208
$theme,
209+
$componentType: '',
191210
$strokeColor: #cecece,
192211
$strokeColorSelected: #ed4800,
193212
$strokeWidth: 2,
194213
$strokeWidthSelected: 2,
195214
$strokeDasharray: 3,
196215
$strokeDasharraySelected: 0
197216
) {
198-
.sqd-theme-#{$theme} {
217+
.sqd-theme-#{$theme}#{if($componentType != '', ' .sqd-step-' + $componentType + ' >', '')} {
199218
.sqd-region {
200219
stroke: $strokeColor;
201220
stroke-width: $strokeWidth;

‎designer/sass/designer.scss‎

Lines changed: 0 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -32,7 +32,6 @@
3232
left: 10px;
3333
z-index: 20;
3434
box-sizing: border-box;
35-
border-radius: 10px;
3635
width: 130px;
3736
user-select: none;
3837
}
@@ -75,17 +74,14 @@
7574
width: 110px;
7675
margin: 0 10px 10px;
7776
box-sizing: border-box;
78-
border-radius: 10px;
7977
}
8078
.sqd-toolbox-group-title {
8179
text-align: center;
8280
padding: 5px 0;
8381
margin: 0 10px 10px;
84-
border-radius: 10px;
8582
}
8683
.sqd-toolbox-item {
8784
position: relative;
88-
border-radius: 5px;
8985
box-sizing: border-box;
9086
margin: 0 10px 10px;
9187
width: 110px;
@@ -99,9 +95,6 @@
9995
width: 20px;
10096
height: 20px;
10197
}
102-
.sqd-toolbox-item-icon.sqd-no-icon {
103-
border-radius: 4px;
104-
}
10598
.sqd-toolbox-item-icon-image {
10699
width: 100%;
107100
height: 100%;
@@ -129,14 +122,12 @@
129122
left: 10px;
130123
z-index: 20;
131124
padding: 8px 0 8px 8px;
132-
border-radius: 10px;
133125
white-space: nowrap;
134126
}
135127
.sqd-control-bar-button {
136128
display: inline-block;
137129
width: 32px;
138130
height: 32px;
139-
border-radius: 5px;
140131
margin-right: 8px;
141132
cursor: pointer;
142133
box-sizing: border-box;
@@ -205,7 +196,6 @@
205196
.sqd-context-menu {
206197
position: absolute;
207198
z-index: 2000000000;
208-
border-radius: 4px;
209199
overflow: hidden;
210200
padding: 5px;
211201
}
@@ -222,7 +212,6 @@
222212
line-height: 1em;
223213
}
224214
.sqd-context-menu-item {
225-
border-radius: 5px;
226215
cursor: pointer;
227216
transition: background 70ms;
228217
}

‎examples/assets/lib.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@ function embedStylesheet(url) {
1919

2020
const baseUrl = isTestEnv()
2121
? '../designer'
22-
: '//cdn.jsdelivr.net/npm/[email protected].3';
22+
: '//cdn.jsdelivr.net/npm/[email protected].4';
2323

2424
embedScript(`${baseUrl}/dist/index.umd.js`);
2525
embedStylesheet(`${baseUrl}/css/designer.css`);

0 commit comments

Comments
 (0)