feat: Desing change

[NasgulNexus]

CSS Variables Updates

New variable added

• CopyButton
  • --df-copy-button-margin: 0px 0px 0px 4px

Changed

Common Variables

• --df-spacing-inputs: from 15px to 16px
• --df-remove-button-margin-left: from 5px to 4px

Accordeon Card

• --df-accordeon-card-interal-actions-margin-right: from 5px to 4px

Card

• --df-card-header-right-child-margin-left: from 10px to 8px
• --df-card-note-margin-left: from 5px to 4px

Group Indent

• --df-group-indent-padding: from 11px 0px 0px 20px to 12px 0px 0px 20px
• --df-group-indent-margin: from -11px 0px 0px 5px to -12px 0px 0px 4px
• --df-group-indent-simple-vertical-accordeon-view-margin-top: from -10px to -12px

Simple Vertical Accordeon

• --df-simple-vertical-accordeon-body-margin-left: from 5px to 4px
• --df-simple-vertical-accordeon-header-inner-margin-left: from -13px to -12px
• --df-simple-vertical-accordeon-tooltip-margin: from 0px 5px to 0px 4px
• --df-simple-vertical-accordeon-body-padding-top: from 6px to 4px

Toggler Card

• --df-toggler-card-padding: from 6px to 8px
• --df-toggler-card-text-margin: from 12px 15px 0px 0px to 12px 16px 0px 0px

Array Base

• --df-array-base-item-prefix-margin: from -7px 0px 8px to -8px 0px 8px

Checkbox Group

• --df-checkbox-group-child-margin-right: from 6px to 12px
• --df-checkbox-group-vertical-child-margin: from 0px 0px 6px to 0px 0px 8px
• --df-checkbox-margint-start: from 5px to 4px

File Input

• --df-file-input-file-name-margin: from auto 10px to auto 8px

Monaco Input

• --df-monaco-header-padding: from 15px to 16px
• --df-monaco-input-dialog-dialog-footer-padding: from 6px 32px 32px to 8px 32px 32px

Number with Scale

• --df-number-with-scale-select-margin-left: from 5px to 4px

OneOf

• --df-oneof-base-padding: from 11px 0px 0px 20px to 12px 0px 0px 20px
• --df-oneof-base-margin: from 4px 0px 20px 5px to 4px 0px 20px 4px
• --df-oneof-base-simple-vertical-accordeon-margin-top: from -10px to -12px

Table Array

• --df-table-array-table-margin-bottom: from 10px to 8px
• --df-table-array-cell-obj-padding-left: from 3px to 2px

Checkbox Group View

• --df-checkbox-group-view-child-margin-right: from 6px to 12px
• --df-checkbox-group-view-vertical-child-margin: from 0px 0px 6px to 0px 0px 8px

Monaco Input View

• --df-monaco-view-dialog-footer-padding: from 10px 32px 32px to 16px

Table Array View

• --df-table-array-view-table-margin-bottom: from 10px to 12px

Text Area View

• --df-text-area-view-chevron-margin: from 3px to 2px

Column

• --df-column-title-margin-right: from 3px to 2px
• --df-column-note-inner-margin-top: from 1px to 0px

Row

• --df-row-title-margin-right: from 3px to 2px
• --df-row-note-inner-margin-top: from 1px to 0px
• --df-row-right-margin-left: from 15px to 16px
• --df-row-description-margin-top: from 10px to 8px

Section

• --df-section-note-margin-left: from 5px to 4px

[gravity-ui-bot]

Preview is ready.

[gravity-ui-bot]

Playwright Test Component is ready.