@linzjs/lui 17.10.0 → 17.10.3

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 (30) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/assets/icons/auth_and_instruct.svg +1 -0
  3. package/dist/assets/icons/certify_and_sign.svg +1 -0
  4. package/dist/assets/icons/dollar_round.svg +1 -0
  5. package/dist/assets/icons/double_tick.svg +1 -0
  6. package/dist/assets/icons/instruments_roles.svg +1 -0
  7. package/dist/assets/icons/notice_of_change.svg +1 -0
  8. package/dist/assets/icons/release.svg +3 -0
  9. package/dist/assets/icons/tax_statement.svg +1 -0
  10. package/dist/assets/icons/tick_and_cross.svg +1 -0
  11. package/dist/assets/svg-content.tsx +54 -0
  12. package/dist/components/LuiAccordicard/LuiAccordicard.d.ts +1 -0
  13. package/dist/components/LuiAccordicardStatic/LuiAccordicardStatic.d.ts +1 -0
  14. package/dist/components/LuiFormElements/LuiCheckboxInput/LuiCheckboxInput.d.ts +1 -0
  15. package/dist/components/LuiForms/LuiComboSelect/LuiComboSelect.d.ts +2 -2
  16. package/dist/components/LuiTabs/LuiTab/LuiTab.d.ts +1 -0
  17. package/dist/components/lol/MockBackendUtils.d.ts +85 -85
  18. package/dist/components/lol/handlers.d.ts +10 -10
  19. package/dist/index.js +148 -172
  20. package/dist/index.js.map +1 -1
  21. package/dist/lui.css +82 -15
  22. package/dist/lui.css.map +1 -1
  23. package/dist/lui.esm.js +133 -157
  24. package/dist/lui.esm.js.map +1 -1
  25. package/dist/scss/Components/ContextMenu/context-menu.scss +5 -8
  26. package/dist/scss/Components/LuiAccordicard/LuiAccordicard.scss +40 -2
  27. package/dist/scss/Components/LuiAccordicardStatic/LuiAccordicardStatic.scss +40 -2
  28. package/dist/scss/Components/Messaging/messaging.scss +2 -2
  29. package/dist/scss/Components/Modal/modal.scss +2 -2
  30. package/package.json +4 -4
package/dist/scss/Components/ContextMenu/context-menu.scss CHANGED
@@ -16,7 +16,8 @@
16
16
  color: colors.$base-type-color;
17
17
  @include fonts.font-light;
18
18
 
19
- div, a[role="menuitem"] {
19
+ div,
20
+ a[role='menuitem'] {
20
21
  text-decoration: none;
21
22
  color: colors.$base-type-color;
22
23
  @include fonts.font-light;
@@ -57,7 +58,6 @@
57
58
  &:hover {
58
59
  background-color: colors.$polar;
59
60
  }
60
-
61
61
  }
62
62
 
63
63
  .lui-select-menuItem--error {
@@ -82,7 +82,7 @@
82
82
  }
83
83
  }
84
84
 
85
- .lui-select-icon+.lui-select-menuItemText {
85
+ .lui-select-icon + .lui-select-menuItemText {
86
86
  padding-left: spacing.$unit-xs;
87
87
  }
88
88
 
@@ -96,7 +96,7 @@
96
96
 
97
97
  .lui-select-submenu {
98
98
  flex: 1;
99
- div[role="menuitem"] {
99
+ div[role='menuitem'] {
100
100
  padding: spacing.$unit-xs spacing.$unit-xs spacing.$unit-xs 2.5rem;
101
101
  text-decoration: none;
102
102
  @include fonts.font-regular();
@@ -106,14 +106,12 @@
106
106
  .szh-menu__item--hover {
107
107
  background-color: colors.$polar;
108
108
  }
109
-
110
109
  }
111
110
 
112
-
113
111
  .lui-select-submenu-with-icon {
114
112
  flex: 1;
115
113
  // width: 200px;
116
- div[role="menuitem"] {
114
+ div[role='menuitem'] {
117
115
  padding-left: 0px;
118
116
  text-decoration: none;
119
117
  @include fonts.font-regular();
@@ -121,7 +119,6 @@
121
119
  }
122
120
  }
123
121
 
124
-
125
122
  .lui-select-divider {
126
123
  margin: 0.25rem;
127
124
  }
package/dist/scss/Components/LuiAccordicard/LuiAccordicard.scss CHANGED
@@ -6,16 +6,26 @@
6
6
  @use '../../Foundation/Utilities' as *;
7
7
 
8
8
  .LuiAccordicard {
9
- @include drop-shadow(sm);
10
9
  border-radius: misc.$borderRadius-md;
11
10
  display: flex;
12
11
  flex-direction: column;
13
12
  position: relative;
14
- padding: spacing.$unit-sm spacing.$unit-rg;
15
13
 
16
14
  &:not(:first-child) {
17
15
  margin-top: spacing.$unit-xs;
18
16
  }
17
+
18
+ &:not(.LuiAccordicard--warning) {
19
+ padding: spacing.$unit-sm spacing.$unit-rg;
20
+ @include drop-shadow(sm);
21
+ }
22
+
23
+ &--warning {
24
+ border: 1px solid colors.$warning;
25
+ display: grid;
26
+ grid-template-columns: 32px 1fr;
27
+ grid-template-areas: 'sidebar header' 'sidebar content';
28
+ }
19
29
  }
20
30
 
21
31
  .LuiAccordicard-header {
@@ -24,11 +34,38 @@
24
34
  width: 100%;
25
35
  position: relative;
26
36
  padding-right: spacing.$unit-sm * 3;
37
+ grid-area: header;
38
+
39
+ .LuiAccordicard--warning & {
40
+ padding: spacing.$unit-sm spacing.$unit-xl spacing.$unit-sm spacing.$unit-rg;
41
+ }
42
+ }
43
+
44
+ .LuiAccordicard-sideBar {
45
+ grid-area: sidebar;
46
+ background-color: colors.$warning;
47
+ position: relative;
48
+ }
49
+
50
+ .LuiAccordicard-warningIcon {
51
+ position: absolute;
52
+ left: 50%;
53
+ transform: translateX(-50%);
54
+ top: spacing.$unit-sm;
55
+
56
+ svg {
57
+ fill: colors.$snow;
58
+ }
27
59
  }
28
60
 
29
61
  .LuiAccordicard-contentWrapper {
62
+ grid-area: content;
30
63
  overflow: hidden;
31
64
  transition: max-height 0.3s ease;
65
+
66
+ .LuiAccordicard--warning.LuiAccordicard--isOpen & {
67
+ padding: 0 spacing.$unit-rg spacing.$unit-sm spacing.$unit-rg;
68
+ }
32
69
  }
33
70
 
34
71
  .LuiAccordicard-content {
@@ -47,6 +84,7 @@
47
84
  flex-wrap: wrap;
48
85
  column-gap: spacing.$unit-xl;
49
86
  row-gap: spacing.$unit-md;
87
+ word-break: break-word;
50
88
  }
51
89
 
52
90
  .LuiAccordicard-trigger {
package/dist/scss/Components/LuiAccordicardStatic/LuiAccordicardStatic.scss CHANGED
@@ -6,16 +6,26 @@
6
6
  @use '../../Foundation/Utilities' as *;
7
7
 
8
8
  .LuiAccordicardStatic {
9
- @include drop-shadow(sm);
10
9
  border-radius: misc.$borderRadius-md;
11
10
  display: flex;
12
11
  flex-direction: column;
13
12
  position: relative;
14
- padding: spacing.$unit-sm spacing.$unit-rg;
15
13
 
16
14
  &:not(:first-child) {
17
15
  margin-top: spacing.$unit-xs;
18
16
  }
17
+
18
+ &:not(.LuiAccordicardStatic--warning) {
19
+ padding: spacing.$unit-sm spacing.$unit-rg;
20
+ @include drop-shadow(sm);
21
+ }
22
+
23
+ &--warning {
24
+ border: 1px solid colors.$warning;
25
+ display: grid;
26
+ grid-template-columns: 32px 1fr;
27
+ grid-template-areas: 'sidebar header' 'sidebar content';
28
+ }
19
29
  }
20
30
 
21
31
  .LuiAccordicardStatic-header {
@@ -24,11 +34,38 @@
24
34
  width: 100%;
25
35
  position: relative;
26
36
  padding-right: spacing.$unit-sm * 3;
37
+ grid-area: header;
38
+
39
+ .LuiAccordicardStatic--warning & {
40
+ padding: spacing.$unit-sm spacing.$unit-xl spacing.$unit-sm spacing.$unit-rg;
41
+ }
42
+ }
43
+
44
+ .LuiAccordicardStatic-sideBar {
45
+ grid-area: sidebar;
46
+ background-color: colors.$warning;
47
+ position: relative;
48
+ }
49
+
50
+ .LuiAccordicardStatic-warningIcon {
51
+ position: absolute;
52
+ left: 50%;
53
+ transform: translateX(-50%);
54
+ top: spacing.$unit-sm;
55
+
56
+ svg {
57
+ fill: colors.$snow;
58
+ }
27
59
  }
28
60
 
29
61
  .LuiAccordicardStatic-contentWrapper {
62
+ grid-area: content;
30
63
  overflow: hidden;
31
64
  transition: max-height 0.3s ease;
65
+
66
+ .LuiAccordicardStatic--warning.LuiAccordicardStatic--isOpen & {
67
+ padding: 0 spacing.$unit-rg spacing.$unit-sm spacing.$unit-rg;
68
+ }
32
69
  }
33
70
 
34
71
  .LuiAccordicardStatic-content {
@@ -47,6 +84,7 @@
47
84
  flex-wrap: wrap;
48
85
  column-gap: spacing.$unit-xl;
49
86
  row-gap: spacing.$unit-md;
87
+ word-break: break-word;
50
88
  }
51
89
 
52
90
  .LuiAccordicardStatic-trigger {
package/dist/scss/Components/Messaging/messaging.scss CHANGED
@@ -9,7 +9,7 @@
9
9
  @include border-radius();
10
10
  padding: spacing.$unit-sm spacing.$unit-xl spacing.$unit-sm spacing.$unit-sm;
11
11
  margin: spacing.$unit-lg 0;
12
- color: colors.$fuscous;
12
+ color: colors.$charcoal;
13
13
  background: colors.$lily;
14
14
  position: relative;
15
15
 
@@ -21,7 +21,7 @@
21
21
  h2 {
22
22
  font-size: fonts.$base-font-size;
23
23
  @include fonts.font-semibold;
24
- color: colors.$fuscous;
24
+ color: colors.$charcoal;
25
25
  margin: 0;
26
26
  }
27
27
 
package/dist/scss/Components/Modal/modal.scss CHANGED
@@ -8,7 +8,7 @@
8
8
  border-left: 0px solid transparent;
9
9
  @include border-radius();
10
10
  margin: spacing.$unit-lg 0;
11
- color: colors.$fuscous;
11
+ color: colors.$charcoal;
12
12
  background: colors.$white;
13
13
  position: relative;
14
14
  max-width: 600px;
@@ -16,7 +16,7 @@
16
16
  h2 {
17
17
  font-size: rem(20px);
18
18
  @include fonts.font-semibold;
19
- color: colors.$fuscous;
19
+ color: colors.$charcoal;
20
20
  margin: 0;
21
21
  }
22
22
  h2 + p {
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "17.10.0",
2
+ "version": "17.10.3",
3
3
  "license": "MIT",
4
4
  "repository": {
5
5
  "type": "git",
@@ -73,7 +73,7 @@
73
73
  ],
74
74
  "devDependencies": {
75
75
  "@geometricpanda/storybook-addon-badges": "^0.2.1",
76
- "@linzjs/style": "^3.6.0",
76
+ "@linzjs/style": "^3.9.0",
77
77
  "@rollup/plugin-commonjs": "^21.0.2",
78
78
  "@rollup/plugin-json": "^4.1.0",
79
79
  "@rollup/plugin-node-resolve": "^11.2.1",
@@ -106,7 +106,7 @@
106
106
  "chromatic": "^4.0.3",
107
107
  "conventional-changelog-conventionalcommits": "^4.6.1",
108
108
  "css-loader": "^3.6.0",
109
- "esbuild": "^0.13.8",
109
+ "esbuild": "^0.15.5",
110
110
  "esbuild-jest": "^0.5.0",
111
111
  "eslint-config-prettier": "8.3.0",
112
112
  "eslint-config-react-app": "^7.0.0",
@@ -138,7 +138,7 @@
138
138
  "stylelint-config-standard": "^25.0.0",
139
139
  "stylelint-scss": "^4.1.0",
140
140
  "stylelint-suitcss": "^5.0.0",
141
- "typescript": "^3.9.7",
141
+ "typescript": "^4.7.4",
142
142
  "whatwg-fetch": "^3.4.1",
143
143
  "yup": "^0.29.0"
144
144
  },