@innovaccer/design-system 4.6.0 → 4.7.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 (107) hide show
  1. package/CHANGELOG.md +48 -0
  2. package/css/Readme.md +32 -32
  3. package/css/dist/index.css +1140 -1017
  4. package/css/dist/index.css.map +1 -1
  5. package/css/src/ai-components/button.module.css +3 -3
  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 -17
  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/AIIconButton/icons/SaraIconDefault.d.ts +6 -0
  89. package/dist/core/ai-components/AIIconButton/icons/SaraIconDisabled.d.ts +6 -0
  90. package/dist/core/ai-components/AIResponse/ChatBox.d.ts +7 -1
  91. package/dist/core/ai-components/AIResponse/index.d.ts +3 -0
  92. package/dist/core/components/atoms/heading/Heading.d.ts +2 -2
  93. package/dist/core/components/css-utilities/designTokens/Data.d.ts +8 -0
  94. package/dist/esm/index.js +451 -526
  95. package/dist/gzip/index.js +1 -1
  96. package/dist/gzip/index.js.gz +0 -0
  97. package/dist/index.js +290 -364
  98. package/dist/index.js.map +1 -1
  99. package/dist/index.umd.css +1140 -1017
  100. package/dist/index.umd.js +1 -1
  101. package/dist/types/tsconfig.type.tsbuildinfo +39 -70
  102. package/package.json +1 -1
  103. package/types/types-tests.tsx +1 -1
  104. package/dist/core/ai-components/AIIconButton/icons/SaraDisabledBottom.d.ts +0 -6
  105. package/dist/core/ai-components/AIIconButton/icons/SaraDisabledTop.d.ts +0 -6
  106. package/dist/core/ai-components/AIIconButton/icons/SaraIconBottom.d.ts +0 -6
  107. package/dist/core/ai-components/AIIconButton/icons/SaraIconTop.d.ts +0 -6
package/CHANGELOG.md CHANGED
@@ -1,3 +1,51 @@
1
+ ## 4.7.0 (2025-04-21)
2
+
3
+ ### Highlights
4
+
5
+ - feat(AIChip): update design of AI Chip component (12fdeaa2)
6
+ - feat(AIIconButton): update AI Icon Button design (3fb05f00)
7
+ - feat(tokens): update spacing tokens (ae97d17f)
8
+ - feat(tokens): update border width and border radius tokens (188fbba4)
9
+ - feat(tokens): update border-radius 50% with tokens (e17bed87)
10
+ - feat(border): add border radius classes (94d31067)
11
+ - feat(AIResponse): update AI Response component design and API (e1ab2c30)
12
+
13
+ ### Breaking changes
14
+
15
+ NA
16
+
17
+ ### Migration guide
18
+
19
+ NA
20
+
21
+ ### Deprecations
22
+
23
+ NA
24
+
25
+ ### Features
26
+
27
+ - feat(AIChip): update design of AI Chip component (12fdeaa2)
28
+ - feat(AIIconButton): update AI Icon Button design (3fb05f00)
29
+ - feat(tokens): update spacing tokens (ae97d17f)
30
+ - feat(tokens): update border width and border radius tokens (188fbba4)
31
+ - feat(tokens): update border-radius 50% with tokens (e17bed87)
32
+ - feat(border): add border radius classes (94d31067)
33
+ - feat(AIResponse): update AI Response component design and API (e1ab2c30)
34
+
35
+ ### Fixes
36
+
37
+ - fix(heading): fix default props size & appearance issue (e0353ea1)
38
+
39
+ ### Improvements
40
+
41
+ NA
42
+
43
+ ### Documentation
44
+
45
+ NA
46
+
47
+ ---
48
+
1
49
  ## 4.6.0 (2025-03-27)
2
50
 
3
51
  ### Highlights
package/css/Readme.md CHANGED
@@ -96,21 +96,21 @@
96
96
  # SPACING
97
97
  | token | value |
98
98
  |-------------- |------- |
99
- | --spacing-xs | 1px |
100
- | --spacing-s | 2px |
101
- | --spacing-m | 4px |
102
- | --spacing-0-75 | 6px |
103
- | --spacing | 8px |
104
- | --spacing-l | 12px |
105
- | --spacing-2 | 16px |
106
- | --spacing-xl | 24px |
107
- | --spacing-3 | 32px |
108
- | --spacing-4 | 48px |
109
- | --spacing-5 | 64px |
110
- | --spacing-6 | 96px |
111
- | --spacing-7 | 128px |
112
- | --spacing-8 | 176px |
113
- | --spacing-9 | 256px |
99
+ | --spacing-2-5 | 1px |
100
+ | --spacing-05 | 2px |
101
+ | --spacing-10 | 4px |
102
+ | --spacing-15 | 6px |
103
+ | --spacing-20 | 8px |
104
+ | --spacing-30 | 12px |
105
+ | --spacing-40 | 16px |
106
+ | --spacing-60 | 24px |
107
+ | --spacing-80 | 32px |
108
+ | --spacing-120 | 48px |
109
+ | --spacing-160 | 64px |
110
+ | --spacing-240 | 96px |
111
+ | --spacing-320 | 128px |
112
+ | --spacing-440 | 176px |
113
+ | --spacing-640 | 256px |
114
114
 
115
115
  ### Notation
116
116
  The classes are named using the format {property}{sides}-{size}
@@ -132,21 +132,21 @@ Where size is one of:
132
132
  | value | properties |
133
133
  | ----- | ---------- |
134
134
  | **0** | 0 ; |
135
- | **1** | --spacing-xs ;|
136
- | **2** | --spacing-s ; |
137
- | **3** | --spacing-m ; |
138
- | **3-5** | --spacing-0-75 ; |
139
- | **4** | --spacing ; |
140
- | **5** | --spacing-l ; |
141
- | **6** | --spacing-2 ; |
142
- | **7** | --spacing-xl ; |
143
- | **8** | --spacing-3 ; |
144
- | **9** | --spacing-4 ; |
145
- | **10** | --spacing-5 ; |
146
- | **11** | --spacing-6 ; |
147
- | **12** | --spacing-7 ; |
148
- | **13** | --spacing-8 ; |
149
- | **14** | --spacing-9 ; |
135
+ | **1** | --spacing-2-5 ;|
136
+ | **2** | --spacing-05 ; |
137
+ | **3** | --spacing-10 ; |
138
+ | **3-5** | --spacing-15 ; |
139
+ | **4** | --spacing-20 ; |
140
+ | **5** | --spacing-30 ; |
141
+ | **6** | --spacing-40 ; |
142
+ | **7** | --spacing-60 ; |
143
+ | **8** | --spacing-80 ; |
144
+ | **9** | --spacing-120 ; |
145
+ | **10** | --spacing-160 ; |
146
+ | **11** | --spacing-240 ; |
147
+ | **12** | --spacing-320 ; |
148
+ | **13** | --spacing-440 ; |
149
+ | **14** | --spacing-640 ; |
150
150
  | **auto** | auto ; |
151
151
 
152
152
 
@@ -474,8 +474,8 @@ Note: For more details [color-mod](https://www.npmjs.com/package/postcss-color-m
474
474
  ## border
475
475
  | value | properties |
476
476
  | ----- | ---------- |
477
- | --border | (--spacing-xs) solid (--secondary); |
478
- | --border-s | (--spacing-s) solid (--secondary); |
477
+ | --border | (--border-width-2-5) solid (--secondary); |
478
+ | --border-s | (--border-width-05) solid (--secondary); |
479
479
 
480
480
  ## SHADOW
481
481
  | value | properties |