cax-design-system 2.7.6 → 2.7.8

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 (28) hide show
  1. package/README.md +1 -1
  2. package/calendar/calendar.d.ts +2 -1
  3. package/esm2022/calendar/calendar.mjs +6 -3
  4. package/esm2022/dropdown/dropdown.mjs +3 -3
  5. package/esm2022/multiselect/multiselect.mjs +3 -3
  6. package/esm2022/sidebar/sidebar.mjs +2 -2
  7. package/esm2022/table/components/column-filter/column-filter.mjs +2 -2
  8. package/esm2022/table/components/column-filter-form-element/column-filter-form-element.mjs +2 -2
  9. package/esm2022/treeselect/treeselect.mjs +2 -2
  10. package/fesm2022/cax-design-system-calendar.mjs +5 -2
  11. package/fesm2022/cax-design-system-calendar.mjs.map +1 -1
  12. package/fesm2022/cax-design-system-dropdown.mjs +2 -2
  13. package/fesm2022/cax-design-system-dropdown.mjs.map +1 -1
  14. package/fesm2022/cax-design-system-multiselect.mjs +2 -2
  15. package/fesm2022/cax-design-system-multiselect.mjs.map +1 -1
  16. package/fesm2022/cax-design-system-sidebar.mjs +1 -1
  17. package/fesm2022/cax-design-system-sidebar.mjs.map +1 -1
  18. package/fesm2022/cax-design-system-table.mjs +2 -2
  19. package/fesm2022/cax-design-system-table.mjs.map +1 -1
  20. package/fesm2022/cax-design-system-treeselect.mjs +2 -2
  21. package/fesm2022/cax-design-system-treeselect.mjs.map +1 -1
  22. package/package.json +268 -268
  23. package/resources/cax.min.scss +1 -1
  24. package/resources/cax.scss +3 -1
  25. package/resources/components/calendar/calendar.scss +9 -2
  26. package/resources/components/dropdown/dropdown.scss +1 -1
  27. package/resources/components/multiselect/multiselect.scss +3 -2
  28. package/resources/components/treeselect/treeselect.scss +3 -2
@@ -5641,6 +5641,7 @@ cax-calendar.cax-calendar-clearable .cax-calendar-w-btn .cax-calendar-clear-icon
5641
5641
  cursor: default;
5642
5642
  transition: all 0.2s ease;
5643
5643
  line-height: 1;
5644
+ white-space: nowrap;
5644
5645
  }
5645
5646
 
5646
5647
  .cax-chip .cax-chip-icon,
@@ -9431,6 +9432,7 @@ cax-inputmask.cax-inputmask-clearable .cax-inputmask-clear-icon {
9431
9432
  font-size: 14px;
9432
9433
  font-weight: 500;
9433
9434
  color: var(--grey-900);
9435
+ line-height: 20px;
9434
9436
  }
9435
9437
  .cax-input-filled .cax-dropdown {
9436
9438
  background: #27272a;
@@ -12181,7 +12183,7 @@ div.cax-cascadeselect-panel {
12181
12183
  outline-color 0.2s;
12182
12184
  border-radius: var(--space-100);
12183
12185
  height: 40px;
12184
- width: 13.5rem;
12186
+ width: 100%;
12185
12187
  }
12186
12188
  .cax-multiselect:not(.cax-disabled):hover {
12187
12189
  border-color: var(--neutral-400);
@@ -2,15 +2,22 @@
2
2
  .cax-calendar {
3
3
  position: relative;
4
4
  display: inline-flex;
5
- max-width: 100%;
5
+ width: 100%;
6
+ height: 40px;
6
7
  }
8
+ .cax-calendar-main-label {
9
+ font-weight: 500;
10
+ font-size: 14px;
11
+ line-height: 20px;
12
+ margin-bottom: 8px;
13
+ }
7
14
 
8
15
  .cax-calendar .cax-inputtext {
9
16
  flex: 1 1 auto;
10
17
  width: 1%;
11
18
  text-overflow: ellipsis;
12
19
  padding-left: 1.8rem !important;
13
- padding-right: 1.8rem !important;
20
+ padding-right: 1.8rem !important;
14
21
  }
15
22
 
16
23
  .cax-calendar-w-btn .cax-inputtext {
@@ -4,7 +4,7 @@
4
4
  cursor: pointer;
5
5
  position: relative;
6
6
  user-select: none;
7
- min-width: 216px;
7
+ width: 100%;
8
8
  height: 40px;
9
9
  }
10
10
 
@@ -4,13 +4,14 @@
4
4
  flex-direction: column;
5
5
  align-items: flex-start;
6
6
  }
7
-
7
+
8
8
  .cax-dropdown-container label {
9
9
  margin-bottom: 8px;
10
10
  font-size: 14px;
11
11
  font-weight: 500;
12
+ line-height: 20px;
12
13
  }
13
-
14
+
14
15
  .cax-dropdown-container label.left-aligned {
15
16
  text-align: left;
16
17
  }
@@ -4,13 +4,14 @@
4
4
  flex-direction: column;
5
5
  align-items: flex-start;
6
6
  }
7
-
7
+
8
8
  .cax-dropdown-container label {
9
9
  margin-bottom: 8px;
10
10
  font-size: 14px;
11
11
  font-weight: 500;
12
+ line-height: 20px;
12
13
  }
13
-
14
+
14
15
  .cax-dropdown-container label.left-aligned {
15
16
  text-align: left;
16
17
  }