npm - @innovaccer/design-system - Versions diffs - 4.6.0 → 4.7.0 - Mend

@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

package/CHANGELOG.md +48 -0
package/css/Readme.md +32 -32
package/css/dist/index.css +1140 -1017
package/css/dist/index.css.map +1 -1
package/css/src/ai-components/button.module.css +3 -3
package/css/src/ai-components/chat.module.css +24 -8
package/css/src/ai-components/chip.module.css +38 -15
package/css/src/ai-components/iconButton.module.css +33 -14
package/css/src/components/actionButton.module.css +3 -3
package/css/src/components/actionCard.module.css +4 -4
package/css/src/components/avatar.module.css +15 -15
package/css/src/components/avatarGroup.module.css +9 -9
package/css/src/components/avatarSelection.module.css +15 -15
package/css/src/components/badge.module.css +6 -6
package/css/src/components/breadcrumbs.module.css +4 -4
package/css/src/components/button.module.css +23 -23
package/css/src/components/calendar.module.css +30 -30
package/css/src/components/caption.module.css +2 -2
package/css/src/components/card.module.css +7 -7
package/css/src/components/cardSubdued.module.css +5 -5
package/css/src/components/chat.module.css +8 -8
package/css/src/components/chatBubble.module.css +14 -14
package/css/src/components/chatSeparator.module.css +6 -6
package/css/src/components/checkbox.module.css +22 -22
package/css/src/components/chip.module.css +14 -14
package/css/src/components/chipGroup.module.css +1 -1
package/css/src/components/chipInput.module.css +16 -16
package/css/src/components/choiceList.module.css +4 -4
package/css/src/components/collapsible.module.css +4 -4
package/css/src/components/dateRangePicker.module.css +3 -3
package/css/src/components/dropdown.module.css +25 -25
package/css/src/components/dropdownButton.module.css +12 -12
package/css/src/components/dropzone.module.css +16 -16
package/css/src/components/editableChipInput.module.css +9 -9
package/css/src/components/editableDropdown.module.css +2 -2
package/css/src/components/editableInput.module.css +11 -11
package/css/src/components/emptyState.module.css +11 -11
package/css/src/components/fileList.module.css +10 -10
package/css/src/components/fileUploader.module.css +4 -4
package/css/src/components/fullscreenModal.module.css +7 -7
package/css/src/components/grid.module.css +39 -39
package/css/src/components/horizontalNav.module.css +6 -6
package/css/src/components/inlineMessage.module.css +7 -7
package/css/src/components/input.module.css +15 -15
package/css/src/components/label.module.css +7 -7
package/css/src/components/legend.module.css +2 -2
package/css/src/components/link.module.css +4 -4
package/css/src/components/linkButton.module.css +3 -3
package/css/src/components/listbox.module.css +9 -9
package/css/src/components/menu.module.css +7 -7
package/css/src/components/message.module.css +8 -8
package/css/src/components/metaList.module.css +4 -4
package/css/src/components/meter.module.css +6 -6
package/css/src/components/metricInput.module.css +13 -13
package/css/src/components/modal.module.css +9 -9
package/css/src/components/navigation.module.css +19 -19
package/css/src/components/overlay.module.css +6 -6
package/css/src/components/pageHeader.module.css +8 -8
package/css/src/components/pagination.module.css +9 -9
package/css/src/components/pills.module.css +6 -6
package/css/src/components/placeholder.module.css +3 -3
package/css/src/components/popover.module.css +1 -1
package/css/src/components/progressBar.module.css +5 -5
package/css/src/components/progressRing.module.css +6 -6
package/css/src/components/radio.module.css +31 -31
package/css/src/components/select.module.css +17 -17
package/css/src/components/selectionCard.module.css +12 -12
package/css/src/components/sidesheet.module.css +10 -10
package/css/src/components/slider.module.css +12 -12
package/css/src/components/spinner.module.css +8 -8
package/css/src/components/statusHint.module.css +5 -5
package/css/src/components/stepper.module.css +5 -5
package/css/src/components/subheading.module.css +1 -1
package/css/src/components/switch.module.css +13 -13
package/css/src/components/table.module.css +2 -2
package/css/src/components/tabs.module.css +15 -15
package/css/src/components/textarea.module.css +6 -6
package/css/src/components/toast.module.css +16 -16
package/css/src/components/tooltip.module.css +3 -3
package/css/src/components/verticalNav.module.css +20 -20
package/css/src/core/animation.css +4 -4
package/css/src/utils/border.css +32 -0
package/css/src/utils/spacing.css +270 -270
package/css/src/variables/index.css +36 -3
package/dist/brotli/index.js +1 -1
package/dist/brotli/index.js.br +0 -0
package/dist/cjs/index.js +1 -1
package/dist/core/ai-components/AIIconButton/icons/SaraIconDefault.d.ts +6 -0
package/dist/core/ai-components/AIIconButton/icons/SaraIconDisabled.d.ts +6 -0
package/dist/core/ai-components/AIResponse/ChatBox.d.ts +7 -1
package/dist/core/ai-components/AIResponse/index.d.ts +3 -0
package/dist/core/components/atoms/heading/Heading.d.ts +2 -2
package/dist/core/components/css-utilities/designTokens/Data.d.ts +8 -0
package/dist/esm/index.js +451 -526
package/dist/gzip/index.js +1 -1
package/dist/gzip/index.js.gz +0 -0
package/dist/index.js +290 -364
package/dist/index.js.map +1 -1
package/dist/index.umd.css +1140 -1017
package/dist/index.umd.js +1 -1
package/dist/types/tsconfig.type.tsbuildinfo +39 -70
package/package.json +1 -1
package/types/types-tests.tsx +1 -1
package/dist/core/ai-components/AIIconButton/icons/SaraDisabledBottom.d.ts +0 -6
package/dist/core/ai-components/AIIconButton/icons/SaraDisabledTop.d.ts +0 -6
package/dist/core/ai-components/AIIconButton/icons/SaraIconBottom.d.ts +0 -6
package/dist/core/ai-components/AIIconButton/icons/SaraIconTop.d.ts +0 -6

package/css/src/utils/spacing.css CHANGED Viewed

@@ -3,63 +3,63 @@
 }
 .m-1 {
-  margin: var(--spacing-xs) !important;
+  margin: var(--spacing-2-5) !important;
 }
 .m-2 {
-  margin: var(--spacing-s) !important;
+  margin: var(--spacing-05) !important;
 }
 .m-3 {
-  margin: var(--spacing-m) !important;
+  margin: var(--spacing-10) !important;
 }
 .m-3-5 {
-  margin: var(--spacing-0-75) !important;
+  margin: var(--spacing-15) !important;
 }
 .m-4 {
-  margin: var(--spacing) !important;
+  margin: var(--spacing-20) !important;
 }
 .m-5 {
-  margin: var(--spacing-l) !important;
+  margin: var(--spacing-30) !important;
 }
 .m-6 {
-  margin: var(--spacing-2) !important;
+  margin: var(--spacing-40) !important;
 }
 .m-7 {
-  margin: var(--spacing-xl) !important;
+  margin: var(--spacing-60) !important;
 }
 .m-8 {
-  margin: var(--spacing-3) !important;
+  margin: var(--spacing-80) !important;
 }
 .m-9 {
-  margin: var(--spacing-4) !important;
+  margin: var(--spacing-120) !important;
 }
 .m-10 {
-  margin: var(--spacing-5) !important;
+  margin: var(--spacing-160) !important;
 }
 .m-11 {
-  margin: var(--spacing-6) !important;
+  margin: var(--spacing-240) !important;
 }
 .m-12 {
-  margin: var(--spacing-7) !important;
+  margin: var(--spacing-320) !important;
 }
 .m-13 {
-  margin: var(--spacing-8) !important;
+  margin: var(--spacing-440) !important;
 }
 .m-14 {
-  margin: var(--spacing-9) !important;
+  margin: var(--spacing-640) !important;
 }
 .m-auto {
@@ -72,78 +72,78 @@
 }
 .mx-1 {
-  margin-right: var(--spacing-xs) !important;
-  margin-left: var(--spacing-xs) !important;
+  margin-right: var(--spacing-2-5) !important;
+  margin-left: var(--spacing-2-5) !important;
 }
 .mx-2 {
-  margin-right: var(--spacing-s) !important;
-  margin-left: var(--spacing-s) !important;
+  margin-right: var(--spacing-05) !important;
+  margin-left: var(--spacing-05) !important;
 }
 .mx-3 {
-  margin-right: var(--spacing-m) !important;
-  margin-left: var(--spacing-m) !important;
+  margin-right: var(--spacing-10) !important;
+  margin-left: var(--spacing-10) !important;
 }
 .mx-3-5 {
-  margin-right: var(--spacing-0-75) !important;
-  margin-left: var(--spacing-0-75) !important;
+  margin-right: var(--spacing-15) !important;
+  margin-left: var(--spacing-15) !important;
 }
 .mx-4 {
-  margin-right: var(--spacing) !important;
-  margin-left: var(--spacing) !important;
+  margin-right: var(--spacing-20) !important;
+  margin-left: var(--spacing-20) !important;
 }
 .mx-5 {
-  margin-right: var(--spacing-l) !important;
-  margin-left: var(--spacing-l) !important;
+  margin-right: var(--spacing-30) !important;
+  margin-left: var(--spacing-30) !important;
 }
 .mx-6 {
-  margin-right: var(--spacing-2) !important;
-  margin-left: var(--spacing-2) !important;
+  margin-right: var(--spacing-40) !important;
+  margin-left: var(--spacing-40) !important;
 }
 .mx-7 {
-  margin-right: var(--spacing-xl) !important;
-  margin-left: var(--spacing-xl) !important;
+  margin-right: var(--spacing-60) !important;
+  margin-left: var(--spacing-60) !important;
 }
 .mx-8 {
-  margin-right: var(--spacing-3) !important;
-  margin-left: var(--spacing-3) !important;
+  margin-right: var(--spacing-80) !important;
+  margin-left: var(--spacing-80) !important;
 }
 .mx-9 {
-  margin-right: var(--spacing-4) !important;
-  margin-left: var(--spacing-4) !important;
+  margin-right: var(--spacing-120) !important;
+  margin-left: var(--spacing-120) !important;
 }
 .mx-10 {
-  margin-right: var(--spacing-5) !important;
-  margin-left: var(--spacing-5) !important;
+  margin-right: var(--spacing-160) !important;
+  margin-left: var(--spacing-160) !important;
 }
 .mx-11 {
-  margin-right: var(--spacing-6) !important;
-  margin-left: var(--spacing-6) !important;
+  margin-right: var(--spacing-240) !important;
+  margin-left: var(--spacing-240) !important;
 }
 .mx-12 {
-  margin-right: var(--spacing-7) !important;
-  margin-left: var(--spacing-7) !important;
+  margin-right: var(--spacing-320) !important;
+  margin-left: var(--spacing-320) !important;
 }
 .mx-13 {
-  margin-right: var(--spacing-8) !important;
-  margin-left: var(--spacing-8) !important;
+  margin-right: var(--spacing-440) !important;
+  margin-left: var(--spacing-440) !important;
 }
 .mx-14 {
-  margin-right: var(--spacing-9) !important;
-  margin-left: var(--spacing-9) !important;
+  margin-right: var(--spacing-640) !important;
+  margin-left: var(--spacing-640) !important;
 }
 .mx-auto {
@@ -157,78 +157,78 @@
 }
 .my-1 {
-  margin-top: var(--spacing-xs) !important;
-  margin-bottom: var(--spacing-xs) !important;
+  margin-top: var(--spacing-2-5) !important;
+  margin-bottom: var(--spacing-2-5) !important;
 }
 .my-2 {
-  margin-top: var(--spacing-s) !important;
-  margin-bottom: var(--spacing-s) !important;
+  margin-top: var(--spacing-05) !important;
+  margin-bottom: var(--spacing-05) !important;
 }
 .my-3 {
-  margin-top: var(--spacing-m) !important;
-  margin-bottom: var(--spacing-m) !important;
+  margin-top: var(--spacing-10) !important;
+  margin-bottom: var(--spacing-10) !important;
 }
 .my-3-5 {
-  margin-top: var(--spacing-0-75) !important;
-  margin-bottom: var(--spacing-0-75) !important;
+  margin-top: var(--spacing-15) !important;
+  margin-bottom: var(--spacing-15) !important;
 }
 .my-4 {
-  margin-top: var(--spacing) !important;
-  margin-bottom: var(--spacing) !important;
+  margin-top: var(--spacing-20) !important;
+  margin-bottom: var(--spacing-20) !important;
 }
 .my-5 {
-  margin-top: var(--spacing-l) !important;
-  margin-bottom: var(--spacing-l) !important;
+  margin-top: var(--spacing-30) !important;
+  margin-bottom: var(--spacing-30) !important;
 }
 .my-6 {
-  margin-top: var(--spacing-2) !important;
-  margin-bottom: var(--spacing-2) !important;
+  margin-top: var(--spacing-40) !important;
+  margin-bottom: var(--spacing-40) !important;
 }
 .my-7 {
-  margin-top: var(--spacing-xl) !important;
-  margin-bottom: var(--spacing-xl) !important;
+  margin-top: var(--spacing-60) !important;
+  margin-bottom: var(--spacing-60) !important;
 }
 .my-8 {
-  margin-top: var(--spacing-3) !important;
-  margin-bottom: var(--spacing-3) !important;
+  margin-top: var(--spacing-80) !important;
+  margin-bottom: var(--spacing-80) !important;
 }
 .my-9 {
-  margin-top: var(--spacing-4) !important;
-  margin-bottom: var(--spacing-4) !important;
+  margin-top: var(--spacing-120) !important;
+  margin-bottom: var(--spacing-120) !important;
 }
 .my-10 {
-  margin-top: var(--spacing-5) !important;
-  margin-bottom: var(--spacing-5) !important;
+  margin-top: var(--spacing-160) !important;
+  margin-bottom: var(--spacing-160) !important;
 }
 .my-11 {
-  margin-top: var(--spacing-6) !important;
-  margin-bottom: var(--spacing-6) !important;
+  margin-top: var(--spacing-240) !important;
+  margin-bottom: var(--spacing-240) !important;
 }
 .my-12 {
-  margin-top: var(--spacing-7) !important;
-  margin-bottom: var(--spacing-7) !important;
+  margin-top: var(--spacing-320) !important;
+  margin-bottom: var(--spacing-320) !important;
 }
 .my-13 {
-  margin-top: var(--spacing-8) !important;
-  margin-bottom: var(--spacing-8) !important;
+  margin-top: var(--spacing-440) !important;
+  margin-bottom: var(--spacing-440) !important;
 }
 .my-14 {
-  margin-top: var(--spacing-9) !important;
-  margin-bottom: var(--spacing-9) !important;
+  margin-top: var(--spacing-640) !important;
+  margin-bottom: var(--spacing-640) !important;
 }
 .my-auto {
@@ -241,63 +241,63 @@
 }
 .mt-1 {
-  margin-top: var(--spacing-xs) !important;
+  margin-top: var(--spacing-2-5) !important;
 }
 .mt-2 {
-  margin-top: var(--spacing-s) !important;
+  margin-top: var(--spacing-05) !important;
 }
 .mt-3 {
-  margin-top: var(--spacing-m) !important;
+  margin-top: var(--spacing-10) !important;
 }
 .mt-3-5 {
-  margin-top: var(--spacing-0-75) !important;
+  margin-top: var(--spacing-15) !important;
 }
 .mt-4 {
-  margin-top: var(--spacing) !important;
+  margin-top: var(--spacing-20) !important;
 }
 .mt-5 {
-  margin-top: var(--spacing-l) !important;
+  margin-top: var(--spacing-30) !important;
 }
 .mt-6 {
-  margin-top: var(--spacing-2) !important;
+  margin-top: var(--spacing-40) !important;
 }
 .mt-7 {
-  margin-top: var(--spacing-xl) !important;
+  margin-top: var(--spacing-60) !important;
 }
 .mt-8 {
-  margin-top: var(--spacing-3) !important;
+  margin-top: var(--spacing-80) !important;
 }
 .mt-9 {
-  margin-top: var(--spacing-4) !important;
+  margin-top: var(--spacing-120) !important;
 }
 .mt-10 {
-  margin-top: var(--spacing-5) !important;
+  margin-top: var(--spacing-160) !important;
 }
 .mt-11 {
-  margin-top: var(--spacing-6) !important;
+  margin-top: var(--spacing-240) !important;
 }
 .mt-12 {
-  margin-top: var(--spacing-7) !important;
+  margin-top: var(--spacing-320) !important;
 }
 .mt-13 {
-  margin-top: var(--spacing-8) !important;
+  margin-top: var(--spacing-440) !important;
 }
 .mt-14 {
-  margin-top: var(--spacing-9) !important;
+  margin-top: var(--spacing-640) !important;
 }
 .mt-auto {
@@ -309,63 +309,63 @@
 }
 .mb-1 {
-  margin-bottom: var(--spacing-xs) !important;
+  margin-bottom: var(--spacing-2-5) !important;
 }
 .mb-2 {
-  margin-bottom: var(--spacing-s) !important;
+  margin-bottom: var(--spacing-05) !important;
 }
 .mb-3 {
-  margin-bottom: var(--spacing-m) !important;
+  margin-bottom: var(--spacing-10) !important;
 }
 .mb-3-5 {
-  margin-bottom: var(--spacing-0-75) !important;
+  margin-bottom: var(--spacing-15) !important;
 }
 .mb-4 {
-  margin-bottom: var(--spacing) !important;
+  margin-bottom: var(--spacing-20) !important;
 }
 .mb-5 {
-  margin-bottom: var(--spacing-l) !important;
+  margin-bottom: var(--spacing-30) !important;
 }
 .mb-6 {
-  margin-bottom: var(--spacing-2) !important;
+  margin-bottom: var(--spacing-40) !important;
 }
 .mb-7 {
-  margin-bottom: var(--spacing-xl) !important;
+  margin-bottom: var(--spacing-60) !important;
 }
 .mb-8 {
-  margin-bottom: var(--spacing-3) !important;
+  margin-bottom: var(--spacing-80) !important;
 }
 .mb-9 {
-  margin-bottom: var(--spacing-4) !important;
+  margin-bottom: var(--spacing-120) !important;
 }
 .mb-10 {
-  margin-bottom: var(--spacing-5) !important;
+  margin-bottom: var(--spacing-160) !important;
 }
 .mb-11 {
-  margin-bottom: var(--spacing-6) !important;
+  margin-bottom: var(--spacing-240) !important;
 }
 .mb-12 {
-  margin-bottom: var(--spacing-7) !important;
+  margin-bottom: var(--spacing-320) !important;
 }
 .mb-13 {
-  margin-bottom: var(--spacing-8) !important;
+  margin-bottom: var(--spacing-440) !important;
 }
 .mb-14 {
-  margin-bottom: var(--spacing-9) !important;
+  margin-bottom: var(--spacing-640) !important;
 }
 .mb-auto {
@@ -377,63 +377,63 @@
 }
 .mr-1 {
-  margin-right: var(--spacing-xs) !important;
+  margin-right: var(--spacing-2-5) !important;
 }
 .mr-2 {
-  margin-right: var(--spacing-s) !important;
+  margin-right: var(--spacing-05) !important;
 }
 .mr-3 {
-  margin-right: var(--spacing-m) !important;
+  margin-right: var(--spacing-10) !important;
 }
 .mr-3-5 {
-  margin-right: var(--spacing-0-75) !important;
+  margin-right: var(--spacing-15) !important;
 }
 .mr-4 {
-  margin-right: var(--spacing) !important;
+  margin-right: var(--spacing-20) !important;
 }
 .mr-5 {
-  margin-right: var(--spacing-l) !important;
+  margin-right: var(--spacing-30) !important;
 }
 .mr-6 {
-  margin-right: var(--spacing-2) !important;
+  margin-right: var(--spacing-40) !important;
 }
 .mr-7 {
-  margin-right: var(--spacing-xl) !important;
+  margin-right: var(--spacing-60) !important;
 }
 .mr-8 {
-  margin-right: var(--spacing-3) !important;
+  margin-right: var(--spacing-80) !important;
 }
 .mr-9 {
-  margin-right: var(--spacing-4) !important;
+  margin-right: var(--spacing-120) !important;
 }
 .mr-10 {
-  margin-right: var(--spacing-5) !important;
+  margin-right: var(--spacing-160) !important;
 }
 .mr-11 {
-  margin-right: var(--spacing-6) !important;
+  margin-right: var(--spacing-240) !important;
 }
 .mr-12 {
-  margin-right: var(--spacing-7) !important;
+  margin-right: var(--spacing-320) !important;
 }
 .mr-13 {
-  margin-right: var(--spacing-8) !important;
+  margin-right: var(--spacing-440) !important;
 }
 .mr-14 {
-  margin-right: var(--spacing-9) !important;
+  margin-right: var(--spacing-640) !important;
 }
 .mr-auto {
@@ -445,63 +445,63 @@
 }
 .ml-1 {
-  margin-left: var(--spacing-xs) !important;
+  margin-left: var(--spacing-2-5) !important;
 }
 .ml-2 {
-  margin-left: var(--spacing-s) !important;
+  margin-left: var(--spacing-05) !important;
 }
 .ml-3 {
-  margin-left: var(--spacing-m) !important;
+  margin-left: var(--spacing-10) !important;
 }
 .ml-3-5 {
-  margin-left: var(--spacing-0-75) !important;
+  margin-left: var(--spacing-15) !important;
 }
 .ml-4 {
-  margin-left: var(--spacing) !important;
+  margin-left: var(--spacing-20) !important;
 }
 .ml-5 {
-  margin-left: var(--spacing-l) !important;
+  margin-left: var(--spacing-30) !important;
 }
 .ml-6 {
-  margin-left: var(--spacing-2) !important;
+  margin-left: var(--spacing-40) !important;
 }
 .ml-7 {
-  margin-left: var(--spacing-xl) !important;
+  margin-left: var(--spacing-60) !important;
 }
 .ml-8 {
-  margin-left: var(--spacing-3) !important;
+  margin-left: var(--spacing-80) !important;
 }
 .ml-9 {
-  margin-left: var(--spacing-4) !important;
+  margin-left: var(--spacing-120) !important;
 }
 .ml-10 {
-  margin-left: var(--spacing-5) !important;
+  margin-left: var(--spacing-160) !important;
 }
 .ml-11 {
-  margin-left: var(--spacing-6) !important;
+  margin-left: var(--spacing-240) !important;
 }
 .ml-12 {
-  margin-left: var(--spacing-7) !important;
+  margin-left: var(--spacing-320) !important;
 }
 .ml-13 {
-  margin-left: var(--spacing-8) !important;
+  margin-left: var(--spacing-440) !important;
 }
 .ml-14 {
-  margin-left: var(--spacing-9) !important;
+  margin-left: var(--spacing-640) !important;
 }
 .ml-auto {
@@ -513,63 +513,63 @@
 }
 .p-1 {
-  padding: var(--spacing-xs) !important;
+  padding: var(--spacing-2-5) !important;
 }
 .p-2 {
-  padding: var(--spacing-s) !important;
+  padding: var(--spacing-05) !important;
 }
 .p-3 {
-  padding: var(--spacing-m) !important;
+  padding: var(--spacing-10) !important;
 }
 .p-3-5 {
-  padding: var(--spacing-0-75) !important;
+  padding: var(--spacing-15) !important;
 }
 .p-4 {
-  padding: var(--spacing) !important;
+  padding: var(--spacing-20) !important;
 }
 .p-5 {
-  padding: var(--spacing-l) !important;
+  padding: var(--spacing-30) !important;
 }
 .p-6 {
-  padding: var(--spacing-2) !important;
+  padding: var(--spacing-40) !important;
 }
 .p-7 {
-  padding: var(--spacing-xl) !important;
+  padding: var(--spacing-60) !important;
 }
 .p-8 {
-  padding: var(--spacing-3) !important;
+  padding: var(--spacing-80) !important;
 }
 .p-9 {
-  padding: var(--spacing-4) !important;
+  padding: var(--spacing-120) !important;
 }
 .p-10 {
-  padding: var(--spacing-5) !important;
+  padding: var(--spacing-160) !important;
 }
 .p-11 {
-  padding: var(--spacing-6) !important;
+  padding: var(--spacing-240) !important;
 }
 .p-12 {
-  padding: var(--spacing-7) !important;
+  padding: var(--spacing-320) !important;
 }
 .p-13 {
-  padding: var(--spacing-8) !important;
+  padding: var(--spacing-440) !important;
 }
 .p-14 {
-  padding: var(--spacing-9) !important;
+  padding: var(--spacing-640) !important;
 }
 .p-auto {
@@ -582,78 +582,78 @@
 }
 .px-1 {
-  padding-right: var(--spacing-xs) !important;
-  padding-left: var(--spacing-xs) !important;
+  padding-right: var(--spacing-2-5) !important;
+  padding-left: var(--spacing-2-5) !important;
 }
 .px-2 {
-  padding-right: var(--spacing-s) !important;
-  padding-left: var(--spacing-s) !important;
+  padding-right: var(--spacing-05) !important;
+  padding-left: var(--spacing-05) !important;
 }
 .px-3 {
-  padding-right: var(--spacing-m) !important;
-  padding-left: var(--spacing-m) !important;
+  padding-right: var(--spacing-10) !important;
+  padding-left: var(--spacing-10) !important;
 }
 .px-3-5 {
-  padding-right: var(--spacing-0-75) !important;
-  padding-left: var(--spacing-0-75) !important;
+  padding-right: var(--spacing-15) !important;
+  padding-left: var(--spacing-15) !important;
 }
 .px-4 {
-  padding-right: var(--spacing) !important;
-  padding-left: var(--spacing) !important;
+  padding-right: var(--spacing-20) !important;
+  padding-left: var(--spacing-20) !important;
 }
 .px-5 {
-  padding-right: var(--spacing-l) !important;
-  padding-left: var(--spacing-l) !important;
+  padding-right: var(--spacing-30) !important;
+  padding-left: var(--spacing-30) !important;
 }
 .px-6 {
-  padding-right: var(--spacing-2) !important;
-  padding-left: var(--spacing-2) !important;
+  padding-right: var(--spacing-40) !important;
+  padding-left: var(--spacing-40) !important;
 }
 .px-7 {
-  padding-right: var(--spacing-xl) !important;
-  padding-left: var(--spacing-xl) !important;
+  padding-right: var(--spacing-60) !important;
+  padding-left: var(--spacing-60) !important;
 }
 .px-8 {
-  padding-right: var(--spacing-3) !important;
-  padding-left: var(--spacing-3) !important;
+  padding-right: var(--spacing-80) !important;
+  padding-left: var(--spacing-80) !important;
 }
 .px-9 {
-  padding-right: var(--spacing-4) !important;
-  padding-left: var(--spacing-4) !important;
+  padding-right: var(--spacing-120) !important;
+  padding-left: var(--spacing-120) !important;
 }
 .px-10 {
-  padding-right: var(--spacing-5) !important;
-  padding-left: var(--spacing-5) !important;
+  padding-right: var(--spacing-160) !important;
+  padding-left: var(--spacing-160) !important;
 }
 .px-11 {
-  padding-right: var(--spacing-6) !important;
-  padding-left: var(--spacing-6) !important;
+  padding-right: var(--spacing-240) !important;
+  padding-left: var(--spacing-240) !important;
 }
 .px-12 {
-  padding-right: var(--spacing-7) !important;
-  padding-left: var(--spacing-7) !important;
+  padding-right: var(--spacing-320) !important;
+  padding-left: var(--spacing-320) !important;
 }
 .px-13 {
-  padding-right: var(--spacing-8) !important;
-  padding-left: var(--spacing-8) !important;
+  padding-right: var(--spacing-440) !important;
+  padding-left: var(--spacing-440) !important;
 }
 .px-14 {
-  padding-right: var(--spacing-9) !important;
-  padding-left: var(--spacing-9) !important;
+  padding-right: var(--spacing-640) !important;
+  padding-left: var(--spacing-640) !important;
 }
 .px-auto {
@@ -667,78 +667,78 @@
 }
 .py-1 {
-  padding-top: var(--spacing-xs) !important;
-  padding-bottom: var(--spacing-xs) !important;
+  padding-top: var(--spacing-2-5) !important;
+  padding-bottom: var(--spacing-2-5) !important;
 }
 .py-2 {
-  padding-top: var(--spacing-s) !important;
-  padding-bottom: var(--spacing-s) !important;
+  padding-top: var(--spacing-05) !important;
+  padding-bottom: var(--spacing-05) !important;
 }
 .py-3 {
-  padding-top: var(--spacing-m) !important;
-  padding-bottom: var(--spacing-m) !important;
+  padding-top: var(--spacing-10) !important;
+  padding-bottom: var(--spacing-10) !important;
 }
 .py-3-5 {
-  padding-top: var(--spacing-0-75) !important;
-  padding-bottom: var(--spacing-0-75) !important;
+  padding-top: var(--spacing-15) !important;
+  padding-bottom: var(--spacing-15) !important;
 }
 .py-4 {
-  padding-top: var(--spacing) !important;
-  padding-bottom: var(--spacing) !important;
+  padding-top: var(--spacing-20) !important;
+  padding-bottom: var(--spacing-20) !important;
 }
 .py-5 {
-  padding-top: var(--spacing-l) !important;
-  padding-bottom: var(--spacing-l) !important;
+  padding-top: var(--spacing-30) !important;
+  padding-bottom: var(--spacing-30) !important;
 }
 .py-6 {
-  padding-top: var(--spacing-2) !important;
-  padding-bottom: var(--spacing-2) !important;
+  padding-top: var(--spacing-40) !important;
+  padding-bottom: var(--spacing-40) !important;
 }
 .py-7 {
-  padding-top: var(--spacing-xl) !important;
-  padding-bottom: var(--spacing-xl) !important;
+  padding-top: var(--spacing-60) !important;
+  padding-bottom: var(--spacing-60) !important;
 }
 .py-8 {
-  padding-top: var(--spacing-3) !important;
-  padding-bottom: var(--spacing-3) !important;
+  padding-top: var(--spacing-80) !important;
+  padding-bottom: var(--spacing-80) !important;
 }
 .py-9 {
-  padding-top: var(--spacing-4) !important;
-  padding-bottom: var(--spacing-4) !important;
+  padding-top: var(--spacing-120) !important;
+  padding-bottom: var(--spacing-120) !important;
 }
 .py-10 {
-  padding-top: var(--spacing-5) !important;
-  padding-bottom: var(--spacing-5) !important;
+  padding-top: var(--spacing-160) !important;
+  padding-bottom: var(--spacing-160) !important;
 }
 .py-11 {
-  padding-top: var(--spacing-6) !important;
-  padding-bottom: var(--spacing-6) !important;
+  padding-top: var(--spacing-240) !important;
+  padding-bottom: var(--spacing-240) !important;
 }
 .py-12 {
-  padding-top: var(--spacing-7) !important;
-  padding-bottom: var(--spacing-7) !important;
+  padding-top: var(--spacing-320) !important;
+  padding-bottom: var(--spacing-320) !important;
 }
 .py-13 {
-  padding-top: var(--spacing-8) !important;
-  padding-bottom: var(--spacing-8) !important;
+  padding-top: var(--spacing-440) !important;
+  padding-bottom: var(--spacing-440) !important;
 }
 .py-14 {
-  padding-top: var(--spacing-9) !important;
-  padding-bottom: var(--spacing-9) !important;
+  padding-top: var(--spacing-640) !important;
+  padding-bottom: var(--spacing-640) !important;
 }
 .py-auto {
@@ -751,63 +751,63 @@
 }
 .pt-1 {
-  padding-top: var(--spacing-xs) !important;
+  padding-top: var(--spacing-2-5) !important;
 }
 .pt-2 {
-  padding-top: var(--spacing-s) !important;
+  padding-top: var(--spacing-05) !important;
 }
 .pt-3 {
-  padding-top: var(--spacing-m) !important;
+  padding-top: var(--spacing-10) !important;
 }
 .pt-3-5 {
-  padding-top: var(--spacing-0-75) !important;
+  padding-top: var(--spacing-15) !important;
 }
 .pt-4 {
-  padding-top: var(--spacing) !important;
+  padding-top: var(--spacing-20) !important;
 }
 .pt-5 {
-  padding-top: var(--spacing-l) !important;
+  padding-top: var(--spacing-30) !important;
 }
 .pt-6 {
-  padding-top: var(--spacing-2) !important;
+  padding-top: var(--spacing-40) !important;
 }
 .pt-7 {
-  padding-top: var(--spacing-xl) !important;
+  padding-top: var(--spacing-60) !important;
 }
 .pt-8 {
-  padding-top: var(--spacing-3) !important;
+  padding-top: var(--spacing-80) !important;
 }
 .pt-9 {
-  padding-top: var(--spacing-4) !important;
+  padding-top: var(--spacing-120) !important;
 }
 .pt-10 {
-  padding-top: var(--spacing-5) !important;
+  padding-top: var(--spacing-160) !important;
 }
 .pt-11 {
-  padding-top: var(--spacing-6) !important;
+  padding-top: var(--spacing-240) !important;
 }
 .pt-12 {
-  padding-top: var(--spacing-7) !important;
+  padding-top: var(--spacing-320) !important;
 }
 .pt-13 {
-  padding-top: var(--spacing-8) !important;
+  padding-top: var(--spacing-440) !important;
 }
 .pt-14 {
-  padding-top: var(--spacing-9) !important;
+  padding-top: var(--spacing-640) !important;
 }
 .pt-auto {
@@ -819,63 +819,63 @@
 }
 .pb-1 {
-  padding-bottom: var(--spacing-xs) !important;
+  padding-bottom: var(--spacing-2-5) !important;
 }
 .pb-2 {
-  padding-bottom: var(--spacing-s) !important;
+  padding-bottom: var(--spacing-05) !important;
 }
 .pb-3 {
-  padding-bottom: var(--spacing-m) !important;
+  padding-bottom: var(--spacing-10) !important;
 }
 .pb-3-5 {
-  padding-bottom: var(--spacing-0-75) !important;
+  padding-bottom: var(--spacing-15) !important;
 }
 .pb-4 {
-  padding-bottom: var(--spacing) !important;
+  padding-bottom: var(--spacing-20) !important;
 }
 .pb-5 {
-  padding-bottom: var(--spacing-l) !important;
+  padding-bottom: var(--spacing-30) !important;
 }
 .pb-6 {
-  padding-bottom: var(--spacing-2) !important;
+  padding-bottom: var(--spacing-40) !important;
 }
 .pb-7 {
-  padding-bottom: var(--spacing-xl) !important;
+  padding-bottom: var(--spacing-60) !important;
 }
 .pb-8 {
-  padding-bottom: var(--spacing-3) !important;
+  padding-bottom: var(--spacing-80) !important;
 }
 .pb-9 {
-  padding-bottom: var(--spacing-4) !important;
+  padding-bottom: var(--spacing-120) !important;
 }
 .pb-10 {
-  padding-bottom: var(--spacing-5) !important;
+  padding-bottom: var(--spacing-160) !important;
 }
 .pb-11 {
-  padding-bottom: var(--spacing-6) !important;
+  padding-bottom: var(--spacing-240) !important;
 }
 .pb-12 {
-  padding-bottom: var(--spacing-7) !important;
+  padding-bottom: var(--spacing-320) !important;
 }
 .pb-13 {
-  padding-bottom: var(--spacing-8) !important;
+  padding-bottom: var(--spacing-440) !important;
 }
 .pb-14 {
-  padding-bottom: var(--spacing-9) !important;
+  padding-bottom: var(--spacing-640) !important;
 }
 .pb-auto {
@@ -887,63 +887,63 @@
 }
 .pr-1 {
-  padding-right: var(--spacing-xs) !important;
+  padding-right: var(--spacing-2-5) !important;
 }
 .pr-2 {
-  padding-right: var(--spacing-s) !important;
+  padding-right: var(--spacing-05) !important;
 }
 .pr-3 {
-  padding-right: var(--spacing-m) !important;
+  padding-right: var(--spacing-10) !important;
 }
 .pr-3-5 {
-  padding-right: var(--spacing-0-75) !important;
+  padding-right: var(--spacing-15) !important;
 }
 .pr-4 {
-  padding-right: var(--spacing) !important;
+  padding-right: var(--spacing-20) !important;
 }
 .pr-5 {
-  padding-right: var(--spacing-l) !important;
+  padding-right: var(--spacing-30) !important;
 }
 .pr-6 {
-  padding-right: var(--spacing-2) !important;
+  padding-right: var(--spacing-40) !important;
 }
 .pr-7 {
-  padding-right: var(--spacing-xl) !important;
+  padding-right: var(--spacing-60) !important;
 }
 .pr-8 {
-  padding-right: var(--spacing-3) !important;
+  padding-right: var(--spacing-80) !important;
 }
 .pr-9 {
-  padding-right: var(--spacing-4) !important;
+  padding-right: var(--spacing-120) !important;
 }
 .pr-10 {
-  padding-right: var(--spacing-5) !important;
+  padding-right: var(--spacing-160) !important;
 }
 .pr-11 {
-  padding-right: var(--spacing-6) !important;
+  padding-right: var(--spacing-240) !important;
 }
 .pr-12 {
-  padding-right: var(--spacing-7) !important;
+  padding-right: var(--spacing-320) !important;
 }
 .pr-13 {
-  padding-right: var(--spacing-8) !important;
+  padding-right: var(--spacing-440) !important;
 }
 .pr-14 {
-  padding-right: var(--spacing-9) !important;
+  padding-right: var(--spacing-640) !important;
 }
 .pr-auto {
@@ -955,63 +955,63 @@
 }
 .pl-1 {
-  padding-left: var(--spacing-xs) !important;
+  padding-left: var(--spacing-2-5) !important;
 }
 .pl-2 {
-  padding-left: var(--spacing-s) !important;
+  padding-left: var(--spacing-05) !important;
 }
 .pl-3 {
-  padding-left: var(--spacing-m) !important;
+  padding-left: var(--spacing-10) !important;
 }
 .pl-3-5 {
-  padding-left: var(--spacing-0-75) !important;
+  padding-left: var(--spacing-15) !important;
 }
 .pl-4 {
-  padding-left: var(--spacing) !important;
+  padding-left: var(--spacing-20) !important;
 }
 .pl-5 {
-  padding-left: var(--spacing-l) !important;
+  padding-left: var(--spacing-30) !important;
 }
 .pl-6 {
-  padding-left: var(--spacing-2) !important;
+  padding-left: var(--spacing-40) !important;
 }
 .pl-7 {
-  padding-left: var(--spacing-xl) !important;
+  padding-left: var(--spacing-60) !important;
 }
 .pl-8 {
-  padding-left: var(--spacing-3) !important;
+  padding-left: var(--spacing-80) !important;
 }
 .pl-9 {
-  padding-left: var(--spacing-4) !important;
+  padding-left: var(--spacing-120) !important;
 }
 .pl-10 {
-  padding-left: var(--spacing-5) !important;
+  padding-left: var(--spacing-160) !important;
 }
 .pl-11 {
-  padding-left: var(--spacing-6) !important;
+  padding-left: var(--spacing-240) !important;
 }
 .pl-12 {
-  padding-left: var(--spacing-7) !important;
+  padding-left: var(--spacing-320) !important;
 }
 .pl-13 {
-  padding-left: var(--spacing-8) !important;
+  padding-left: var(--spacing-440) !important;
 }
 .pl-14 {
-  padding-left: var(--spacing-9) !important;
+  padding-left: var(--spacing-640) !important;
 }
 .pl-auto {