@linzjs/lui 17.10.1 → 17.11.0

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 (23) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/components/LuiAccordicard/LuiAccordicard.d.ts +1 -0
  3. package/dist/components/LuiAccordicardStatic/LuiAccordicardStatic.d.ts +1 -0
  4. package/dist/components/LuiFormElements/LuiCheckboxInput/LuiCheckboxInput.d.ts +1 -0
  5. package/dist/components/LuiForms/LuiComboSelect/LuiComboSelect.d.ts +2 -2
  6. package/dist/components/LuiListBox/LuiListBox.d.ts +33 -0
  7. package/dist/components/LuiListBox/LuiListBoxItem.d.ts +10 -0
  8. package/dist/components/LuiListBox/Renderers/CheckboxItemRenderer.d.ts +4 -0
  9. package/dist/components/LuiListBox/Renderers/DefaultItemRenderer.d.ts +3 -0
  10. package/dist/components/LuiListBox/Renderers/RadioItemRenderer.d.ts +4 -0
  11. package/dist/components/LuiListBox/helpers.d.ts +3 -0
  12. package/dist/components/LuiTabs/LuiTab/LuiTab.d.ts +1 -0
  13. package/dist/components/lol/MockBackendUtils.d.ts +85 -85
  14. package/dist/components/lol/handlers.d.ts +10 -10
  15. package/dist/index.js +858 -1010
  16. package/dist/index.js.map +1 -1
  17. package/dist/lui.css +70 -4
  18. package/dist/lui.css.map +1 -1
  19. package/dist/lui.esm.js +843 -995
  20. package/dist/lui.esm.js.map +1 -1
  21. package/dist/scss/Components/LuiAccordicard/LuiAccordicard.scss +40 -2
  22. package/dist/scss/Components/LuiAccordicardStatic/LuiAccordicardStatic.scss +40 -2
  23. package/package.json +9 -4
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/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "17.10.1",
2
+ "version": "17.11.0",
3
3
  "license": "MIT",
4
4
  "repository": {
5
5
  "type": "git",
@@ -73,7 +73,12 @@
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
+ "@react-aria/focus": "^3.7.0",
78
+ "@react-aria/listbox": "^3.6.0",
79
+ "@react-aria/utils": "^3.13.2",
80
+ "@react-stately/list": "^3.5.2",
81
+ "@react-types/shared": "^3.14.0",
77
82
  "@rollup/plugin-commonjs": "^21.0.2",
78
83
  "@rollup/plugin-json": "^4.1.0",
79
84
  "@rollup/plugin-node-resolve": "^11.2.1",
@@ -106,7 +111,7 @@
106
111
  "chromatic": "^4.0.3",
107
112
  "conventional-changelog-conventionalcommits": "^4.6.1",
108
113
  "css-loader": "^3.6.0",
109
- "esbuild": "^0.13.8",
114
+ "esbuild": "^0.15.5",
110
115
  "esbuild-jest": "^0.5.0",
111
116
  "eslint-config-prettier": "8.3.0",
112
117
  "eslint-config-react-app": "^7.0.0",
@@ -138,7 +143,7 @@
138
143
  "stylelint-config-standard": "^25.0.0",
139
144
  "stylelint-scss": "^4.1.0",
140
145
  "stylelint-suitcss": "^5.0.0",
141
- "typescript": "^3.9.7",
146
+ "typescript": "^4.7.4",
142
147
  "whatwg-fetch": "^3.4.1",
143
148
  "yup": "^0.29.0"
144
149
  },