@innovaccer/design-system 2.32.0 → 2.32.1
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.
- package/CHANGELOG.md +38 -0
- package/css/dist/index.css +19 -18
- package/css/dist/index.css.map +1 -1
- package/css/src/components/chipInput.css +1 -1
- package/css/src/components/dropdown.css +5 -5
- package/css/src/components/input.css +2 -2
- package/css/src/components/menu.css +1 -1
- package/css/src/components/pills.css +2 -2
- package/css/src/components/statusHints.css +1 -1
- package/css/src/components/switch.css +2 -2
- package/css/src/components/verticalNav.css +1 -1
- package/css/src/core/typography.css +3 -3
- package/css/src/variables/index.css +1 -0
- package/dist/.lib/tsconfig.type.tsbuildinfo +8 -8
- package/dist/core/components/organisms/select/SearchInput.d.ts +2 -2
- package/dist/core/components/organisms/select/Select.d.ts +2 -0
- package/dist/core/components/organisms/select/SelectEmptyTemplate.d.ts +2 -2
- package/dist/index.esm.js +7 -3
- package/dist/index.js +7 -3
- package/dist/index.js.map +1 -1
- package/dist/index.umd.js +1 -1
- package/dist/index.umd.js.br +0 -0
- package/dist/index.umd.js.gz +0 -0
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,41 @@
|
|
|
1
|
+
## 2.32.1 (2024-05-08)
|
|
2
|
+
|
|
3
|
+
### Highlights
|
|
4
|
+
|
|
5
|
+
- feat(spacing): implement 6px token and replace hardcoded value (292e6e2e)
|
|
6
|
+
|
|
7
|
+
### Breaking changes
|
|
8
|
+
|
|
9
|
+
NA
|
|
10
|
+
|
|
11
|
+
### Migration guide
|
|
12
|
+
|
|
13
|
+
NA
|
|
14
|
+
|
|
15
|
+
### Deprecations
|
|
16
|
+
|
|
17
|
+
NA
|
|
18
|
+
|
|
19
|
+
### Features
|
|
20
|
+
|
|
21
|
+
- feat(listbox): add selected and activated type in listbox stories (46c24416)
|
|
22
|
+
- feat(spacing): implement 6px token and replace hardcoded value (292e6e2e)
|
|
23
|
+
- feat(select): add appendToBody and boundary element props support
|
|
24
|
+
|
|
25
|
+
### Fixes
|
|
26
|
+
|
|
27
|
+
- fix(select): make title description optional in empty template (42ae0d79)
|
|
28
|
+
|
|
29
|
+
### Improvements
|
|
30
|
+
|
|
31
|
+
NA
|
|
32
|
+
|
|
33
|
+
### Documentation
|
|
34
|
+
|
|
35
|
+
- docs(spacing): add 6px token documentation (93d299e7)
|
|
36
|
+
|
|
37
|
+
---
|
|
38
|
+
|
|
1
39
|
## 2.32.0 (2024-05-01)
|
|
2
40
|
|
|
3
41
|
### Highlights
|
package/css/dist/index.css
CHANGED
|
@@ -163,6 +163,7 @@
|
|
|
163
163
|
--spacing-xs: 1px;
|
|
164
164
|
--spacing-s: 2px;
|
|
165
165
|
--spacing-m: 4px;
|
|
166
|
+
--spacing-0-75: 6px;
|
|
166
167
|
--spacing: 8px;
|
|
167
168
|
--spacing-l: 12px;
|
|
168
169
|
/* 8 * 2 */
|
|
@@ -680,12 +681,12 @@ body {
|
|
|
680
681
|
}
|
|
681
682
|
|
|
682
683
|
.Label-requiredIndicator {
|
|
683
|
-
height:
|
|
684
|
-
width:
|
|
684
|
+
height: var(--spacing-0-75);
|
|
685
|
+
width: var(--spacing-0-75);
|
|
685
686
|
border-radius: 50%;
|
|
686
687
|
background: var(--alert);
|
|
687
688
|
margin-left: var(--spacing-m);
|
|
688
|
-
margin-bottom:
|
|
689
|
+
margin-bottom: var(--spacing-0-75);
|
|
689
690
|
display: inline-flex;
|
|
690
691
|
}
|
|
691
692
|
|
|
@@ -2528,7 +2529,7 @@ body {
|
|
|
2528
2529
|
height: var(--spacing-2);
|
|
2529
2530
|
padding: var(--spacing-s);
|
|
2530
2531
|
margin-left: var(--spacing);
|
|
2531
|
-
margin-top:
|
|
2532
|
+
margin-top: var(--spacing-0-75);
|
|
2532
2533
|
cursor: pointer;
|
|
2533
2534
|
border-radius: 10px;
|
|
2534
2535
|
}
|
|
@@ -2723,7 +2724,7 @@ body {
|
|
|
2723
2724
|
align-items: center;
|
|
2724
2725
|
margin-left: var(--spacing-l);
|
|
2725
2726
|
margin-top: var(--spacing-l);
|
|
2726
|
-
margin-bottom:
|
|
2727
|
+
margin-bottom: var(--spacing-0-75);
|
|
2727
2728
|
}
|
|
2728
2729
|
|
|
2729
2730
|
.Dropdown-section--withClear {
|
|
@@ -2754,8 +2755,8 @@ body {
|
|
|
2754
2755
|
|
|
2755
2756
|
.Option,
|
|
2756
2757
|
.Option-loading {
|
|
2757
|
-
padding-top:
|
|
2758
|
-
padding-bottom:
|
|
2758
|
+
padding-top: var(--spacing-0-75);
|
|
2759
|
+
padding-bottom: var(--spacing-0-75);
|
|
2759
2760
|
padding-left: var(--spacing-l);
|
|
2760
2761
|
padding-right: var(--spacing);
|
|
2761
2762
|
}
|
|
@@ -2771,8 +2772,8 @@ body {
|
|
|
2771
2772
|
.OptionCheckbox {
|
|
2772
2773
|
width: 100%;
|
|
2773
2774
|
padding-left: var(--spacing-l);
|
|
2774
|
-
padding-top:
|
|
2775
|
-
padding-bottom:
|
|
2775
|
+
padding-top: var(--spacing-0-75);
|
|
2776
|
+
padding-bottom: var(--spacing-0-75);
|
|
2776
2777
|
}
|
|
2777
2778
|
|
|
2778
2779
|
.Option--active,
|
|
@@ -4423,8 +4424,8 @@ body {
|
|
|
4423
4424
|
|
|
4424
4425
|
.Input--regular {
|
|
4425
4426
|
height: var(--font-height-l);
|
|
4426
|
-
padding-top:
|
|
4427
|
-
padding-bottom:
|
|
4427
|
+
padding-top: var(--spacing-0-75);
|
|
4428
|
+
padding-bottom: var(--spacing-0-75);
|
|
4428
4429
|
}
|
|
4429
4430
|
|
|
4430
4431
|
.Input--large {
|
|
@@ -4912,7 +4913,7 @@ body {
|
|
|
4912
4913
|
.Menu-Group-Label {
|
|
4913
4914
|
display: flex;
|
|
4914
4915
|
align-items: center;
|
|
4915
|
-
padding-bottom:
|
|
4916
|
+
padding-bottom: var(--spacing-0-75);
|
|
4916
4917
|
padding-top: var(--spacing-l);
|
|
4917
4918
|
padding-left: var(--spacing-2);
|
|
4918
4919
|
padding-right: var(--spacing-l);
|
|
@@ -5600,8 +5601,8 @@ body {
|
|
|
5600
5601
|
font-size: var(--font-size-s);
|
|
5601
5602
|
line-height: var(--font-height-s);
|
|
5602
5603
|
text-transform: uppercase;
|
|
5603
|
-
padding-right:
|
|
5604
|
-
padding-left:
|
|
5604
|
+
padding-right: var(--spacing-0-75);
|
|
5605
|
+
padding-left: var(--spacing-0-75);
|
|
5605
5606
|
padding-top: var(--spacing-s);
|
|
5606
5607
|
padding-bottom: var(--spacing-s);
|
|
5607
5608
|
border-radius: 20px;
|
|
@@ -6677,7 +6678,7 @@ body {
|
|
|
6677
6678
|
height: var(--spacing);
|
|
6678
6679
|
width: var(--spacing);
|
|
6679
6680
|
margin-right: var(--spacing);
|
|
6680
|
-
margin-top:
|
|
6681
|
+
margin-top: var(--spacing-0-75);
|
|
6681
6682
|
}
|
|
6682
6683
|
|
|
6683
6684
|
.StatusHint--alert {
|
|
@@ -6830,7 +6831,7 @@ body {
|
|
|
6830
6831
|
width: 100%;
|
|
6831
6832
|
background-color: var(--secondary-light);
|
|
6832
6833
|
transition: background 120ms ease;
|
|
6833
|
-
padding-right:
|
|
6834
|
+
padding-right: var(--spacing-0-75);
|
|
6834
6835
|
}
|
|
6835
6836
|
|
|
6836
6837
|
.Switch-input:focus ~ .Switch-wrapper {
|
|
@@ -6885,7 +6886,7 @@ body {
|
|
|
6885
6886
|
.Switch-wrapper--checked {
|
|
6886
6887
|
background-color: var(--primary);
|
|
6887
6888
|
transition: background 120ms ease;
|
|
6888
|
-
padding-left:
|
|
6889
|
+
padding-left: var(--spacing-0-75);
|
|
6889
6890
|
padding-right: 2px !important;
|
|
6890
6891
|
}
|
|
6891
6892
|
|
|
@@ -7644,7 +7645,7 @@ body {
|
|
|
7644
7645
|
text-transform: uppercase;
|
|
7645
7646
|
padding-left: var(--spacing-2);
|
|
7646
7647
|
padding-top: var(--spacing-l);
|
|
7647
|
-
padding-bottom:
|
|
7648
|
+
padding-bottom: var(--spacing-0-75);
|
|
7648
7649
|
margin-top: var(--spacing);
|
|
7649
7650
|
}
|
|
7650
7651
|
|