@innovaccer/design-system 4.6.0 → 4.8.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 (108) hide show
  1. package/CHANGELOG.md +85 -0
  2. package/css/Readme.md +32 -32
  3. package/css/dist/index.css +1171 -1064
  4. package/css/dist/index.css.map +1 -1
  5. package/css/src/ai-components/button.module.css +35 -50
  6. package/css/src/ai-components/chat.module.css +24 -8
  7. package/css/src/ai-components/chip.module.css +38 -15
  8. package/css/src/ai-components/iconButton.module.css +33 -14
  9. package/css/src/components/actionButton.module.css +3 -3
  10. package/css/src/components/actionCard.module.css +4 -4
  11. package/css/src/components/avatar.module.css +15 -15
  12. package/css/src/components/avatarGroup.module.css +9 -9
  13. package/css/src/components/avatarSelection.module.css +15 -15
  14. package/css/src/components/badge.module.css +6 -6
  15. package/css/src/components/breadcrumbs.module.css +4 -4
  16. package/css/src/components/button.module.css +23 -23
  17. package/css/src/components/calendar.module.css +30 -30
  18. package/css/src/components/caption.module.css +2 -2
  19. package/css/src/components/card.module.css +7 -7
  20. package/css/src/components/cardSubdued.module.css +5 -5
  21. package/css/src/components/chat.module.css +8 -8
  22. package/css/src/components/chatBubble.module.css +14 -14
  23. package/css/src/components/chatSeparator.module.css +6 -6
  24. package/css/src/components/checkbox.module.css +22 -22
  25. package/css/src/components/chip.module.css +14 -14
  26. package/css/src/components/chipGroup.module.css +1 -1
  27. package/css/src/components/chipInput.module.css +16 -16
  28. package/css/src/components/choiceList.module.css +4 -4
  29. package/css/src/components/collapsible.module.css +4 -4
  30. package/css/src/components/dateRangePicker.module.css +3 -3
  31. package/css/src/components/dropdown.module.css +25 -25
  32. package/css/src/components/dropdownButton.module.css +12 -12
  33. package/css/src/components/dropzone.module.css +16 -16
  34. package/css/src/components/editableChipInput.module.css +9 -9
  35. package/css/src/components/editableDropdown.module.css +2 -2
  36. package/css/src/components/editableInput.module.css +11 -11
  37. package/css/src/components/emptyState.module.css +11 -11
  38. package/css/src/components/fileList.module.css +10 -10
  39. package/css/src/components/fileUploader.module.css +4 -4
  40. package/css/src/components/fullscreenModal.module.css +7 -7
  41. package/css/src/components/grid.module.css +39 -39
  42. package/css/src/components/horizontalNav.module.css +6 -6
  43. package/css/src/components/inlineMessage.module.css +7 -7
  44. package/css/src/components/input.module.css +15 -15
  45. package/css/src/components/label.module.css +7 -7
  46. package/css/src/components/legend.module.css +2 -2
  47. package/css/src/components/link.module.css +4 -4
  48. package/css/src/components/linkButton.module.css +3 -3
  49. package/css/src/components/listbox.module.css +9 -9
  50. package/css/src/components/menu.module.css +7 -7
  51. package/css/src/components/message.module.css +8 -8
  52. package/css/src/components/metaList.module.css +4 -4
  53. package/css/src/components/meter.module.css +6 -6
  54. package/css/src/components/metricInput.module.css +13 -13
  55. package/css/src/components/modal.module.css +9 -9
  56. package/css/src/components/navigation.module.css +19 -19
  57. package/css/src/components/overlay.module.css +6 -6
  58. package/css/src/components/pageHeader.module.css +8 -8
  59. package/css/src/components/pagination.module.css +9 -9
  60. package/css/src/components/pills.module.css +6 -6
  61. package/css/src/components/placeholder.module.css +3 -3
  62. package/css/src/components/popover.module.css +1 -1
  63. package/css/src/components/progressBar.module.css +5 -5
  64. package/css/src/components/progressRing.module.css +6 -6
  65. package/css/src/components/radio.module.css +31 -31
  66. package/css/src/components/select.module.css +17 -18
  67. package/css/src/components/selectionCard.module.css +12 -12
  68. package/css/src/components/sidesheet.module.css +10 -10
  69. package/css/src/components/slider.module.css +12 -12
  70. package/css/src/components/spinner.module.css +8 -8
  71. package/css/src/components/statusHint.module.css +5 -5
  72. package/css/src/components/stepper.module.css +5 -5
  73. package/css/src/components/subheading.module.css +1 -1
  74. package/css/src/components/switch.module.css +13 -13
  75. package/css/src/components/table.module.css +2 -2
  76. package/css/src/components/tabs.module.css +15 -15
  77. package/css/src/components/textarea.module.css +6 -6
  78. package/css/src/components/toast.module.css +16 -16
  79. package/css/src/components/tooltip.module.css +3 -3
  80. package/css/src/components/verticalNav.module.css +20 -20
  81. package/css/src/core/animation.css +4 -4
  82. package/css/src/utils/border.css +32 -0
  83. package/css/src/utils/spacing.css +270 -270
  84. package/css/src/variables/index.css +36 -3
  85. package/dist/brotli/index.js +1 -1
  86. package/dist/brotli/index.js.br +0 -0
  87. package/dist/cjs/index.js +1 -1
  88. package/dist/core/ai-components/AIButton/index.d.ts +2 -1
  89. package/dist/core/ai-components/AIIconButton/icons/SaraIconDefault.d.ts +6 -0
  90. package/dist/core/ai-components/AIIconButton/icons/SaraIconDisabled.d.ts +6 -0
  91. package/dist/core/ai-components/AIResponse/ChatBox.d.ts +7 -1
  92. package/dist/core/ai-components/AIResponse/index.d.ts +3 -0
  93. package/dist/core/components/atoms/heading/Heading.d.ts +2 -2
  94. package/dist/core/components/css-utilities/designTokens/Data.d.ts +8 -0
  95. package/dist/esm/index.js +460 -539
  96. package/dist/gzip/index.js +1 -1
  97. package/dist/gzip/index.js.gz +0 -0
  98. package/dist/index.js +301 -379
  99. package/dist/index.js.map +1 -1
  100. package/dist/index.umd.css +1172 -1065
  101. package/dist/index.umd.js +1 -1
  102. package/dist/types/tsconfig.type.tsbuildinfo +41 -72
  103. package/package.json +1 -1
  104. package/types/types-tests.tsx +1 -1
  105. package/dist/core/ai-components/AIIconButton/icons/SaraDisabledBottom.d.ts +0 -6
  106. package/dist/core/ai-components/AIIconButton/icons/SaraDisabledTop.d.ts +0 -6
  107. package/dist/core/ai-components/AIIconButton/icons/SaraIconBottom.d.ts +0 -6
  108. package/dist/core/ai-components/AIIconButton/icons/SaraIconTop.d.ts +0 -6
package/css/src/components/verticalNav.module.css CHANGED
@@ -9,14 +9,14 @@
9
9
 
10
10
  .VerticalNav-section {
11
11
  text-transform: uppercase;
12
- padding-left: var(--spacing-2);
13
- padding-top: var(--spacing-l);
14
- padding-bottom: var(--spacing-0-75);
15
- margin-top: var(--spacing);
12
+ padding-left: var(--spacing-40);
13
+ padding-top: var(--spacing-30);
14
+ padding-bottom: var(--spacing-15);
15
+ margin-top: var(--spacing-20);
16
16
  }
17
17
 
18
18
  .VerticalNav-section--border {
19
- border-top: var(--spacing-xs) solid var(--secondary-light);
19
+ border-top: var(--border-width-2-5) solid var(--secondary-light);
20
20
  }
21
21
 
22
22
  .MenuItem {
@@ -30,16 +30,16 @@
30
30
  }
31
31
 
32
32
  .MenuItem--horizontal {
33
- height: var(--spacing-3);
34
- padding-right: var(--spacing-l);
35
- padding-left: var(--spacing-l);
36
- border-radius: var(--spacing-2);
37
- margin: 0 var(--spacing-xs);
33
+ height: var(--spacing-80);
34
+ padding-right: var(--spacing-30);
35
+ padding-left: var(--spacing-30);
36
+ border-radius: var(--border-radius-40);
37
+ margin: 0 var(--spacing-2-5);
38
38
  }
39
39
 
40
40
  .MenuItem--vertical {
41
- margin-top: var(--spacing-m);
42
- margin-bottom: var(--spacing-m);
41
+ margin-top: var(--spacing-10);
42
+ margin-bottom: var(--spacing-10);
43
43
  }
44
44
 
45
45
  .MenuItem--collapsed {
@@ -48,17 +48,17 @@
48
48
  margin-left: 10px;
49
49
  margin-right: 10px;
50
50
  justify-content: center;
51
- border-radius: 50%;
51
+ border-radius: var(--border-radius-full);
52
52
  cursor: pointer;
53
53
  }
54
54
 
55
55
  .MenuItem--expanded {
56
- padding-left: var(--spacing-2);
57
- padding-top: var(--spacing-m);
58
- padding-bottom: var(--spacing-m);
59
- margin-right: var(--spacing);
56
+ padding-left: var(--spacing-40);
57
+ padding-top: var(--spacing-10);
58
+ padding-bottom: var(--spacing-10);
59
+ margin-right: var(--spacing-20);
60
60
  justify-content: space-between;
61
- border-radius: 0px var(--spacing-2) var(--spacing-2) 0px;
61
+ border-radius: 0px var(--border-radius-40) var(--border-radius-40) 0px;
62
62
  }
63
63
 
64
64
  .MenuItem--disabled {
@@ -106,7 +106,7 @@
106
106
  }
107
107
 
108
108
  .MenuItem--rounded {
109
- border-radius: var(--spacing-2);
109
+ border-radius: var(--border-radius-40);
110
110
  }
111
111
 
112
112
  .MenuItem--subMenu {
@@ -126,7 +126,7 @@
126
126
  }
127
127
 
128
128
  .MenuItem-count {
129
- margin-right: var(--spacing-m);
129
+ margin-right: var(--spacing-10);
130
130
  }
131
131
 
132
132
  .MenuItem-count--disabled {
package/css/src/core/animation.css CHANGED
@@ -42,13 +42,13 @@
42
42
 
43
43
  to {
44
44
  opacity: 0;
45
- left: calc(-1 * var(--spacing-2));
45
+ left: calc(-1 * var(--spacing-40));
46
46
  }
47
47
  }
48
48
 
49
49
  @keyframes entryLeftCurve {
50
50
  from {
51
- left: var(--spacing-2);
51
+ left: var(--spacing-40);
52
52
  }
53
53
 
54
54
  to {
@@ -64,13 +64,13 @@
64
64
 
65
65
  to {
66
66
  opacity: 0;
67
- left: var(--spacing-2);
67
+ left: var(--spacing-40);
68
68
  }
69
69
  }
70
70
 
71
71
  @keyframes entryRightCurve {
72
72
  from {
73
- left: calc(-1 * var(--spacing-2));
73
+ left: calc(-1 * var(--spacing-40));
74
74
  }
75
75
 
76
76
  to {
package/css/src/utils/border.css CHANGED
@@ -37,3 +37,35 @@
37
37
  .border-left-0 {
38
38
  border-left: 0 !important;
39
39
  }
40
+
41
+ .rounded-2-5 {
42
+ border-radius: var(--border-radius-2-5) !important;
43
+ }
44
+
45
+ .rounded-05 {
46
+ border-radius: var(--border-radius-05) !important;
47
+ }
48
+
49
+ .rounded-10 {
50
+ border-radius: var(--border-radius-10) !important;
51
+ }
52
+
53
+ .rounded-15 {
54
+ border-radius: var(--border-radius-15) !important;
55
+ }
56
+
57
+ .rounded-20 {
58
+ border-radius: var(--border-radius-20) !important;
59
+ }
60
+
61
+ .rounded-30 {
62
+ border-radius: var(--border-radius-30) !important;
63
+ }
64
+
65
+ .rounded-40 {
66
+ border-radius: var(--border-radius-40) !important;
67
+ }
68
+
69
+ .rounded-full {
70
+ border-radius: var(--border-radius-full) !important;
71
+ }