@central-design-system/components 2.17.0 → 2.18.0-beta.2
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.
- package/dist/CdsAccordion/index.js +1 -1
- package/dist/CdsAccordion/styles.css +1 -1
- package/dist/CdsBreadcrumbs/index.js +1 -1
- package/dist/CdsBreadcrumbs/styles.css +1 -1
- package/dist/CdsButton/index.js +1 -1
- package/dist/CdsButton/styles.css +1 -1
- package/dist/CdsCheckbox/index.js +2 -2
- package/dist/CdsCheckbox/styles.css +3 -3
- package/dist/CdsCombobox/index.js +2 -2
- package/dist/CdsCombobox/styles.css +2 -2
- package/dist/CdsContainer/index.js +1 -1
- package/dist/CdsContainer/styles.css +1 -1
- package/dist/CdsContentSwitcher/index.js +1 -1
- package/dist/CdsContentSwitcher/styles.css +2 -2
- package/dist/CdsDataTable/index.js +2 -2
- package/dist/CdsDataTable/styles.css +3 -3
- package/dist/CdsDatePicker/index.js +3 -3
- package/dist/CdsDatePicker/styles.css +2 -2
- package/dist/CdsDrawer/index.js +1 -1
- package/dist/CdsDrawer/styles.css +1 -1
- package/dist/CdsDropdown/index.js +2 -2
- package/dist/CdsDropdown/styles.css +2 -2
- package/dist/CdsEmptyState/index.js +1 -1
- package/dist/CdsEmptyState/styles.css +1 -1
- package/dist/CdsFooter/index.js +1 -1
- package/dist/CdsFooter/styles.css +1 -1
- package/dist/CdsForm/index.js +2 -2
- package/dist/CdsForm/styles.css +2 -2
- package/dist/CdsGrid/index.js +1 -1
- package/dist/CdsGrid/styles.css +1 -1
- package/dist/CdsHeader/index.js +1 -1
- package/dist/CdsHeader/styles.css +1 -1
- package/dist/CdsIcon/index.js +1 -1
- package/dist/CdsIcon/styles.css +1 -1
- package/dist/CdsImage/index.js +1 -1
- package/dist/CdsImage/styles.css +1 -1
- package/dist/CdsInput/index.js +2 -2
- package/dist/CdsInput/styles.css +2 -2
- package/dist/CdsLink/index.js +1 -1
- package/dist/CdsLink/styles.css +1 -1
- package/dist/CdsList/index.js +1 -1
- package/dist/CdsList/styles.css +1 -1
- package/dist/CdsLoading/index.js +1 -1
- package/dist/CdsLoading/styles.css +1 -1
- package/dist/CdsModal/index.js +1 -1
- package/dist/CdsModal/styles.css +1 -1
- package/dist/CdsMultiselect/index.js +2 -2
- package/dist/CdsMultiselect/styles.css +3 -3
- package/dist/CdsNotification/index.js +1 -1
- package/dist/CdsNotification/styles.css +1 -1
- package/dist/CdsOverflowMenu/index.js +1 -1
- package/dist/CdsOverflowMenu/styles.css +1 -1
- package/dist/CdsPagination/index.js +1 -1
- package/dist/CdsPagination/styles.css +1 -1
- package/dist/CdsRadioButton/index.js +2 -2
- package/dist/CdsRadioButton/styles.css +2 -2
- package/dist/CdsSearch/index.js +2 -2
- package/dist/CdsSearch/styles.css +2 -2
- package/dist/CdsSelect/index.js +2 -2
- package/dist/CdsSelect/styles.css +2 -2
- package/dist/CdsSidebar/index.js +2 -2
- package/dist/CdsSidebar/styles.css +2 -2
- package/dist/CdsSkeleton/index.js +1 -1
- package/dist/CdsSkeleton/styles.css +1 -1
- package/dist/CdsStages/index.js +1 -1
- package/dist/CdsStages/styles.css +1 -1
- package/dist/CdsStatus/index.js +1 -1
- package/dist/CdsStatus/styles.css +1 -1
- package/dist/CdsSteps/index.js +1 -1
- package/dist/CdsSteps/styles.css +1 -1
- package/dist/CdsTable/index.js +3 -3
- package/dist/CdsTable/styles.css +3 -3
- package/dist/CdsTabs/index.js +1 -1
- package/dist/CdsTabs/styles.css +1 -1
- package/dist/CdsTag/index.js +1 -1
- package/dist/CdsTag/styles.css +1 -1
- package/dist/CdsTextArea/index.js +2 -2
- package/dist/CdsTextArea/styles.css +2 -2
- package/dist/CdsTextInput/index.js +2 -2
- package/dist/CdsTextInput/styles.css +2 -2
- package/dist/CdsToggle/index.js +1 -1
- package/dist/CdsToggle/styles.css +1 -1
- package/dist/CdsTooltip/index.js +1 -1
- package/dist/CdsTooltip/styles.css +1 -1
- package/dist/CdsUploader/index.js +3 -3
- package/dist/CdsUploader/styles.css +2 -2
- package/dist/cds.css +5 -5
- package/dist/cds.js +5 -5
- package/dist/cds.min.css +2 -2
- package/dist/cds.min.js +5 -5
- package/dist/types/CdsCheckboxGroup.ts +2 -0
- package/dist/types/CdsRadioButton.ts +1 -1
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* CDS v2.
|
|
2
|
+
* CDS v2.18.0-beta.1 (https://cds.b2b-center.ru/)
|
|
3
3
|
*
|
|
4
4
|
* @package @central-design-system/components
|
|
5
5
|
* @author Design System Team <cds@b2b-center.ru>
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
*/
|
|
8
8
|
.cds-ico,.cds-ico svg{width:1rem;height:1rem}
|
|
9
9
|
|
|
10
|
-
.cds-input{position:relative;display:block}.cds-input input{display:block;outline:none !important;width:100%;background-color:var(--cds-color-background-field-primary);border:var(--cds-border-element-01) var(--cds-color-border-element-primary);height:2rem;border-radius:var(--cds-border-radius-s);padding:0 1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:50ms cubic-bezier(0.37, 0, 0.63, 1);font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-s);line-height:var(--cds-font-height-body);font-weight:var(--cds-font-weight-light)}.cds-input input::-webkit-input-placeholder{color:var(--cds-color-text-placeholder)}.cds-input input:-moz-placeholder{color:var(--cds-color-text-placeholder)}.cds-input input::-moz-placeholder{color:var(--cds-color-text-placeholder)}.cds-input input:-ms-input-placeholder{color:var(--cds-color-text-placeholder)}.cds-input input:hover{border-color:var(--cds-color-interactive-01-hover)}.cds-input input:focus{box-shadow:inset 0 0 0 1px var(--cds-color-interactive-01-focus);border-color:var(--cds-color-interactive-01-focus)}.cds-input input:disabled{cursor:not-allowed;border-color:var(--cds-color-disabled-02);background-color:var(--cds-color-disabled-01)}.cds-input input:disabled::-webkit-input-placeholder{color:var(--cds-color-disabled-02)}.cds-input input:disabled:-moz-placeholder{color:var(--cds-color-disabled-02)}.cds-input input:disabled::-moz-placeholder{color:var(--cds-color-disabled-02)}.cds-input input:disabled:-ms-input-placeholder{color:var(--cds-color-disabled-02)}.cds-input__prefix{display:flex;align-items:center;position:absolute;left:.5rem;top:0;bottom:0}.cds-input__suffix{display:flex;align-items:center;position:absolute;right:1rem;top:0;bottom:0}.cds-input__suffix i+button,.cds-input__suffix i+i{margin-left:.5rem}.cds-input--
|
|
10
|
+
.cds-input{position:relative;display:block}.cds-input input{display:block;outline:none !important;width:100%;background-color:var(--cds-color-background-field-primary);border:var(--cds-border-element-01) var(--cds-color-border-element-primary);height:2rem;border-radius:var(--cds-border-radius-s);padding:0 1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:50ms cubic-bezier(0.37, 0, 0.63, 1);font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-s);line-height:var(--cds-font-height-body);font-weight:var(--cds-font-weight-light)}.cds-input input::-webkit-input-placeholder{color:var(--cds-color-text-placeholder)}.cds-input input:-moz-placeholder{color:var(--cds-color-text-placeholder)}.cds-input input::-moz-placeholder{color:var(--cds-color-text-placeholder)}.cds-input input:-ms-input-placeholder{color:var(--cds-color-text-placeholder)}.cds-input input:hover{border-color:var(--cds-color-interactive-01-hover)}.cds-input input:focus{box-shadow:inset 0 0 0 1px var(--cds-color-interactive-01-focus);border-color:var(--cds-color-interactive-01-focus)}.cds-input input:disabled{cursor:not-allowed;border-color:var(--cds-color-disabled-02);background-color:var(--cds-color-disabled-01)}.cds-input input:disabled::-webkit-input-placeholder{color:var(--cds-color-disabled-02)}.cds-input input:disabled:-moz-placeholder{color:var(--cds-color-disabled-02)}.cds-input input:disabled::-moz-placeholder{color:var(--cds-color-disabled-02)}.cds-input input:disabled:-ms-input-placeholder{color:var(--cds-color-disabled-02)}.cds-input__prefix{display:flex;align-items:center;position:absolute;left:.5rem;top:0;bottom:0}.cds-input__suffix{display:flex;align-items:center;position:absolute;right:1rem;top:0;bottom:0}.cds-input__suffix i+button,.cds-input__suffix i+i{margin-left:.5rem}.cds-input--wprefix input{padding-left:2.5rem}.cds-input--wsuffix input{padding-right:2.5rem}.cds-input--max-suffix input{padding-right:4rem}.cds-input__alert-icon{fill:var(--cds-color-feedback-error-100)}.cds-input__counter{position:absolute;top:-1.25rem;right:0;color:var(--cds-color-text-description);font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-xs);line-height:var(--cds-font-height-helper);font-weight:var(--cds-font-weight-normal);max-width:32rem;width:75%;width:auto}.cds-input__description{color:var(--cds-color-text-description);margin-bottom:.5rem;font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-xs);line-height:var(--cds-font-height-helper);font-weight:var(--cds-font-weight-normal);max-width:32rem;width:75%}.cds-input__error{margin-top:.25rem;color:var(--cds-color-feedback-error-100);font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-xs);line-height:var(--cds-font-height-helper);font-weight:var(--cds-font-weight-normal);max-width:28rem;width:75%}.cds-input__label{display:block;cursor:pointer;margin-bottom:.25rem;color:var(--cds-color-text-label);font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-s);line-height:var(--cds-font-height-helper);font-weight:var(--cds-font-weight-normal);max-width:28rem}.cds-state-invalid input{border-color:var(--cds-color-feedback-error-100)}.cds-state-invalid input:hover,.cds-state-invalid input:focus{box-shadow:inset 0 0 0 1px var(--cds-color-feedback-error-100);border-color:var(--cds-color-feedback-error-100)}.cds-state-disabled .cds-input__description{color:var(--cds-color-disabled-02);cursor:default}.cds-state-disabled .cds-input__label{color:var(--cds-color-disabled-02);cursor:default}.cds-state-disabled .cds-input__suffix i:not(.cds-input__alert-icon),.cds-state-disabled .cds-input__prefix i:not(.cds-input__alert-icon){fill:var(--cds-color-disabled-02)}
|
|
11
11
|
|
|
12
12
|
.cds-text-input__field .cds-skeleton{border-radius:var(--cds-border-radius-s)}
|
|
13
13
|
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* CDS v2.
|
|
2
|
+
* CDS v2.18.0-beta.1 (https://cds.b2b-center.ru/)
|
|
3
3
|
*
|
|
4
4
|
* @package @central-design-system/components
|
|
5
5
|
* @author Design System Team <cds@b2b-center.ru>
|
|
6
6
|
* © 2022, B2B-Center. (https://b2b-center.ru/)
|
|
7
7
|
*/
|
|
8
|
-
.cds-content-switcher{display:grid;width:100%;height:2rem;z-index:200}.cds-content-switcher__item{display:inline-flex;justify-content:center}.cds-content-switcher__item:first-child .cds-content-switcher__button{border-left:var(--cds-border-element-01) var(--cds-color-border-element-primary);border-top-left-radius:var(--cds-border-radius-s);border-bottom-left-radius:var(--cds-border-radius-s)}.cds-content-switcher__item:first-child .cds-content-switcher__button:before{content:none}.cds-content-switcher__item:first-child .cds-content-switcher__button.cds-state-active{border-color:var(--cds-color-background-inverse)}.cds-content-switcher__item:first-child .cds-content-switcher__button.cds-state-active:focus{border-color:var(--cds-color-interactive-01-focus)}.cds-content-switcher__item:first-child .cds-content-switcher__button.cds-state-active:disabled{background-color:var(--cds-color-disabled-02);border-color:var(--cds-color-disabled-02);color:var(--cds-color-disabled-01)}.cds-content-switcher__item:last-child .cds-content-switcher__button{border-right:var(--cds-border-element-01) var(--cds-color-border-element-primary);border-top-right-radius:var(--cds-border-radius-s);border-bottom-right-radius:var(--cds-border-radius-s)}.cds-content-switcher__item:last-child .cds-content-switcher__button.cds-state-active{border-color:var(--cds-color-background-inverse)}.cds-content-switcher__item:last-child .cds-content-switcher__button.cds-state-active:focus{border-color:var(--cds-color-interactive-01-focus)}.cds-content-switcher__item:last-child .cds-content-switcher__button.cds-state-active:disabled{background-color:var(--cds-color-disabled-02);border-color:var(--cds-color-disabled-02);color:var(--cds-color-disabled-01)}+.cds-content-switcher__item .cds-content-switcher__button .cds-state-active:before{background-color:transparent}.cds-content-switcher__button{cursor:pointer;display:inline-flex;justify-content:center;align-items:center;outline:none;background-color:var(--cds-color-background-container-secondary);color:var(--cds-color-text-primary);width:100%;height:2rem;padding:0 1rem;border:none;border-top:var(--cds-border-element-01) var(--cds-color-border-element-primary);border-bottom:var(--cds-border-element-01) var(--cds-color-border-element-primary);overflow:hidden;white-space:nowrap;font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-s);line-height:var(--cds-font-height-body);font-weight:var(--cds-font-weight-light);transition:50ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-content-switcher__button:before{position:absolute;z-index:2;left:0;display:block;width:.0625rem;height:1rem;background-color:var(--cds-ui-03, #e0e0e0);content:"";transition:50ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-content-switcher__button--icon{display:flex}.cds-content-switcher__button--icon svg{fill:var(--cds-color-text-primary)}.cds-content-switcher__button--icon-with-text{margin-right:.5rem}.cds-content-switcher__button--icon-after{flex-direction:row-reverse}.cds-content-switcher__button--icon-after .cds-content-switcher__button--icon-with-text{margin-right:0;margin-left:.5rem}.cds-content-switcher__button:hover:not(:disabled):not(.cds-state-active){background-color:var(--cds-color-interactive-02-hover);border-color:var(--cds-color-interactive-01-hover);box-shadow:inset 0 0 0 1px var(--cds-color-interactive-01-hover),inset 0 0 0 1px var(--cds-color-text-inverse);color:var(--cds-color-text-primary)}.cds-content-switcher__button:hover:not(:disabled):not(.cds-state-active):before{background-color:transparent}.cds-content-switcher__button:hover:not(:disabled):not(.cds-state-active) .cds-content-switcher__button--icon svg{fill:var(--cds-color-text-primary)}.cds-content-switcher__button:focus:not(:disabled){background-color:var(--cds-color-background-container-secondary);border-color:var(--cds-color-interactive-01-focus);box-shadow:inset 0 0 0 2px var(--cds-color-interactive-01-focus),inset 0 0 0 2px var(--cds-color-text-inverse);color:var(--cds-color-text-primary);z-index:3}.cds-content-switcher__button:focus:not(:disabled):before{background-color:transparent}.cds-content-switcher__button:focus:not(:disabled) .cds-content-switcher__button--icon svg{fill:var(--cds-color-text-primary)}.cds-content-switcher__button:disabled{cursor:not-allowed;background-color:var(--cds-color-disabled-01);color:var(--cds-color-disabled-02)}.cds-content-switcher__button:disabled .cds-content-switcher__button--icon svg{fill:var(--cds-color-disabled-02)}.cds-content-switcher__button.cds-state-active{background-color:var(--cds-color-background-inverse);border-color:var(--cds-color-background-inverse);color:var(--cds-color-text-inverse)}.cds-content-switcher__button.cds-state-active:before{background-color:transparent}.cds-content-switcher__button.cds-state-active .cds-content-switcher__button--icon svg{fill:var(--cds-color-text-inverse)}.cds-content-switcher__button.cds-state-active:focus{background-color:var(--cds-color-background-inverse);color:var(--cds-color-text-inverse)}.cds-content-switcher__button.cds-state-active:focus .cds-content-switcher__button--icon svg{fill:var(--cds-color-text-inverse)}.cds-content-switcher__button.cds-state-active:disabled{background-color:var(--cds-color-disabled-02);border-color:var(--cds-color-disabled-02);color:var(--cds-color-disabled-01)}
|
|
8
|
+
.cds-content-switcher{display:grid;width:100%;height:2rem;z-index:200}.cds-content-switcher__item{display:inline-flex;justify-content:center}.cds-content-switcher__item:first-child .cds-content-switcher__button{border-left:var(--cds-border-element-01) var(--cds-color-border-element-primary);border-top-left-radius:var(--cds-border-radius-s);border-bottom-left-radius:var(--cds-border-radius-s)}.cds-content-switcher__item:first-child .cds-content-switcher__button:before{content:none}.cds-content-switcher__item:first-child .cds-content-switcher__button.cds-state-active{border-color:var(--cds-color-background-inverse)}.cds-content-switcher__item:first-child .cds-content-switcher__button.cds-state-active:focus{border-color:var(--cds-color-interactive-01-focus)}.cds-content-switcher__item:first-child .cds-content-switcher__button.cds-state-active:disabled{background-color:var(--cds-color-disabled-02);border-color:var(--cds-color-disabled-02);color:var(--cds-color-disabled-01)}.cds-content-switcher__item:last-child .cds-content-switcher__button{border-right:var(--cds-border-element-01) var(--cds-color-border-element-primary);border-top-right-radius:var(--cds-border-radius-s);border-bottom-right-radius:var(--cds-border-radius-s)}.cds-content-switcher__item:last-child .cds-content-switcher__button.cds-state-active{border-color:var(--cds-color-background-inverse)}.cds-content-switcher__item:last-child .cds-content-switcher__button.cds-state-active:focus{border-color:var(--cds-color-interactive-01-focus)}.cds-content-switcher__item:last-child .cds-content-switcher__button.cds-state-active:disabled{background-color:var(--cds-color-disabled-02);border-color:var(--cds-color-disabled-02);color:var(--cds-color-disabled-01)}+.cds-content-switcher__item .cds-content-switcher__button .cds-state-active:before{background-color:transparent}.cds-content-switcher__button{cursor:pointer;display:inline-flex;position:relative;justify-content:center;align-items:center;outline:none;background-color:var(--cds-color-background-container-secondary);color:var(--cds-color-text-primary);width:100%;height:2rem;padding:0 1rem;border:none;border-top:var(--cds-border-element-01) var(--cds-color-border-element-primary);border-bottom:var(--cds-border-element-01) var(--cds-color-border-element-primary);overflow:hidden;white-space:nowrap;font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-s);line-height:var(--cds-font-height-body);font-weight:var(--cds-font-weight-light);transition:50ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-content-switcher__button:before{position:absolute;z-index:2;left:0;display:block;width:.0625rem;height:1rem;background-color:var(--cds-ui-03, #e0e0e0);content:"";transition:50ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-content-switcher__button--icon{display:flex}.cds-content-switcher__button--icon svg{fill:var(--cds-color-text-primary)}.cds-content-switcher__button--icon-with-text{margin-right:.5rem}.cds-content-switcher__button--icon-after{flex-direction:row-reverse}.cds-content-switcher__button--icon-after .cds-content-switcher__button--icon-with-text{margin-right:0;margin-left:.5rem}.cds-content-switcher__button:hover:not(:disabled):not(.cds-state-active){background-color:var(--cds-color-interactive-02-hover);border-color:var(--cds-color-interactive-01-hover);box-shadow:inset 0 0 0 1px var(--cds-color-interactive-01-hover),inset 0 0 0 1px var(--cds-color-text-inverse);color:var(--cds-color-text-primary)}.cds-content-switcher__button:hover:not(:disabled):not(.cds-state-active):before{background-color:transparent}.cds-content-switcher__button:hover:not(:disabled):not(.cds-state-active) .cds-content-switcher__button--icon svg{fill:var(--cds-color-text-primary)}.cds-content-switcher__button:focus:not(:disabled){background-color:var(--cds-color-background-container-secondary);border-color:var(--cds-color-interactive-01-focus);box-shadow:inset 0 0 0 2px var(--cds-color-interactive-01-focus),inset 0 0 0 2px var(--cds-color-text-inverse);color:var(--cds-color-text-primary);z-index:3}.cds-content-switcher__button:focus:not(:disabled):before{background-color:transparent}.cds-content-switcher__button:focus:not(:disabled) .cds-content-switcher__button--icon svg{fill:var(--cds-color-text-primary)}.cds-content-switcher__button:disabled{cursor:not-allowed;background-color:var(--cds-color-disabled-01);color:var(--cds-color-disabled-02)}.cds-content-switcher__button:disabled .cds-content-switcher__button--icon svg{fill:var(--cds-color-disabled-02)}.cds-content-switcher__button.cds-state-active{background-color:var(--cds-color-background-inverse);border-color:var(--cds-color-background-inverse);color:var(--cds-color-text-inverse)}.cds-content-switcher__button.cds-state-active:before{background-color:transparent}.cds-content-switcher__button.cds-state-active .cds-content-switcher__button--icon svg{fill:var(--cds-color-text-inverse)}.cds-content-switcher__button.cds-state-active:focus{background-color:var(--cds-color-background-inverse);color:var(--cds-color-text-inverse)}.cds-content-switcher__button.cds-state-active:focus .cds-content-switcher__button--icon svg{fill:var(--cds-color-text-inverse)}.cds-content-switcher__button.cds-state-active:disabled{background-color:var(--cds-color-disabled-02);border-color:var(--cds-color-disabled-02);color:var(--cds-color-disabled-01)}
|
|
9
9
|
|
|
10
10
|
.cds-ico,.cds-ico svg{width:1rem;height:1rem}
|
|
11
11
|
|