@innovaccer/design-system 2.38.1 → 2.40.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 (56) hide show
  1. package/CHANGELOG.md +93 -0
  2. package/css/dist/index.css +19 -5
  3. package/css/dist/index.css.map +1 -1
  4. package/css/src/components/message.css +4 -4
  5. package/css/src/components/select.css +1 -0
  6. package/css/src/components/tabs.css +14 -1
  7. package/dist/.lib/tsconfig.type.tsbuildinfo +714 -2614
  8. package/dist/core/common.type.d.ts +1 -0
  9. package/dist/core/components/atoms/popperWrapper/PopperWrapper.d.ts +2 -0
  10. package/dist/core/components/molecules/keyValuePair/KeyElement.d.ts +18 -0
  11. package/dist/core/components/molecules/keyValuePair/KeyValuePair.d.ts +16 -0
  12. package/dist/core/components/molecules/keyValuePair/ValueElement.d.ts +8 -0
  13. package/dist/core/components/molecules/keyValuePair/index.d.ts +2 -0
  14. package/dist/core/components/molecules/popover/Popover.d.ts +1 -0
  15. package/dist/core/components/molecules/tabs/Tabs.d.ts +5 -1
  16. package/dist/core/components/molecules/tabs/TabsWrapper.d.ts +5 -0
  17. package/dist/core/index.d.ts +1 -0
  18. package/dist/core/index.type.d.ts +1 -0
  19. package/dist/figma/ActionCard.figma.d.ts +1 -0
  20. package/dist/figma/Avatar.figma.d.ts +1 -0
  21. package/dist/figma/Backdrop.figma.d.ts +1 -0
  22. package/dist/figma/Badge.figma.d.ts +1 -0
  23. package/dist/figma/Breadcrumbs.figma.d.ts +1 -0
  24. package/dist/figma/Button.figma.d.ts +1 -0
  25. package/dist/figma/Card.figma.d.ts +1 -0
  26. package/dist/figma/Checkbox.figma.d.ts +1 -0
  27. package/dist/figma/Chip.figma.d.ts +1 -0
  28. package/dist/figma/Divider.figma.d.ts +1 -0
  29. package/dist/figma/HelpText.figma.d.ts +1 -0
  30. package/dist/figma/Icon.figma.d.ts +1 -0
  31. package/dist/figma/Input.figma.d.ts +1 -0
  32. package/dist/figma/Label.figma.d.ts +1 -0
  33. package/dist/figma/Link.figma.d.ts +1 -0
  34. package/dist/figma/LinkButton.figma.d.ts +1 -0
  35. package/dist/figma/Message.figma.d.ts +1 -0
  36. package/dist/figma/MetaList.figma.d.ts +1 -0
  37. package/dist/figma/MetricInput.figma.d.ts +1 -0
  38. package/dist/figma/Pill.figma.d.ts +1 -0
  39. package/dist/figma/PlaceholderImage.figma.d.ts +1 -0
  40. package/dist/figma/ProgressBar.figma.d.ts +1 -0
  41. package/dist/figma/ProgressRing.figma.d.ts +1 -0
  42. package/dist/figma/Radio.figma.d.ts +1 -0
  43. package/dist/figma/RangeSlider.figma.d.ts +1 -0
  44. package/dist/figma/SelectionCard.figma.d.ts +1 -0
  45. package/dist/figma/Slider.figma.d.ts +1 -0
  46. package/dist/figma/Spinner.figma.d.ts +1 -0
  47. package/dist/figma/StatusHint.figma.d.ts +1 -0
  48. package/dist/figma/Switch.figma.d.ts +1 -0
  49. package/dist/figma/Toast.figma.d.ts +1 -0
  50. package/dist/index.esm.js +140 -26
  51. package/dist/index.js +137 -31
  52. package/dist/index.js.map +1 -1
  53. package/dist/index.umd.js +1 -1
  54. package/dist/index.umd.js.br +0 -0
  55. package/dist/index.umd.js.gz +0 -0
  56. package/package.json +2 -1
package/css/src/components/message.css CHANGED
@@ -11,22 +11,22 @@
11
11
 
12
12
  .Message--alert {
13
13
  border-color: var(--alert);
14
- background-color: color-mod(var(--alert-lightest) a(var(--opacity-10)));
14
+ background-color: color-mod(var(--alert) a(var(--opacity-1)));
15
15
  }
16
16
 
17
17
  .Message--success {
18
18
  border-color: var(--success);
19
- background-color: color-mod(var(--success-lightest) a(var(--opacity-10)));
19
+ background-color: color-mod(var(--success) a(var(--opacity-1)));
20
20
  }
21
21
 
22
22
  .Message--info {
23
23
  border-color: var(--primary);
24
- background-color: color-mod(var(--primary-lightest) a(var(--opacity-10)));
24
+ background-color: color-mod(var(--primary) a(var(--opacity-1)));
25
25
  }
26
26
 
27
27
  .Message--warning {
28
28
  border-color: var(--accent1);
29
- background-color: color-mod(var(--accent1-lightest) a(var(--opacity-10)));
29
+ background-color: color-mod(var(--accent1) a(var(--opacity-1)));
30
30
  }
31
31
 
32
32
  .Message-icon {
package/css/src/components/select.css CHANGED
@@ -82,6 +82,7 @@
82
82
  margin: 0;
83
83
  font-size: var(--font-size);
84
84
  line-height: var(--font-height);
85
+ width: 100%;
85
86
  }
86
87
 
87
88
  .Select-trigger--regular {
package/css/src/components/tabs.css CHANGED
@@ -23,11 +23,18 @@
23
23
  flex-direction: row;
24
24
  cursor: pointer;
25
25
  min-width: 40px;
26
- padding: var(--spacing-l) var(--spacing-l) var(--spacing-2);
27
26
  margin-bottom: calc(-1 * var(--spacing-xs));
28
27
  text-align: center;
29
28
  }
30
29
 
30
+ .Tab--small {
31
+ padding: var(--spacing) var(--spacing-l) var(--spacing-l);
32
+ }
33
+
34
+ .Tab--regular {
35
+ padding: var(--spacing-l) var(--spacing-l) var(--spacing-2);
36
+ }
37
+
31
38
  .Tab:last-child {
32
39
  margin-right: 0;
33
40
  }
@@ -117,6 +124,7 @@
117
124
  .Tab-pills {
118
125
  cursor: pointer;
119
126
  margin-right: var(--spacing);
127
+ overflow: visible;
120
128
  }
121
129
 
122
130
  .Tab-pills--disabled {
@@ -154,3 +162,8 @@
154
162
  .DismissibleTab-icon--selected:active {
155
163
  background-color: var(--primary-light);
156
164
  }
165
+
166
+ .Tab--overflow {
167
+ display: flex;
168
+ box-sizing: border-box;
169
+ }