@central-design-system/components 2.22.0-beta.0 → 2.23.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.
- 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 +2 -2
- package/dist/CdsCheckbox/index.js +1 -1
- package/dist/CdsCheckbox/styles.css +1 -1
- package/dist/CdsCombobox/index.js +1 -1
- package/dist/CdsCombobox/styles.css +1 -1
- 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 +1 -1
- package/dist/CdsDataTable/index.js +1 -1
- package/dist/CdsDataTable/styles.css +2 -2
- package/dist/CdsDatePicker/index.js +1 -1
- package/dist/CdsDatePicker/styles.css +1 -1
- package/dist/CdsDrawer/index.js +1 -1
- package/dist/CdsDrawer/styles.css +1 -1
- package/dist/CdsDropdown/index.js +1 -1
- package/dist/CdsDropdown/styles.css +1 -1
- 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 +1 -1
- package/dist/CdsForm/styles.css +1 -1
- 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 +2 -2
- 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 +1 -1
- package/dist/CdsInput/styles.css +1 -1
- 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 +2 -2
- package/dist/CdsMultiselect/index.js +1 -1
- package/dist/CdsMultiselect/styles.css +1 -1
- package/dist/CdsNotification/index.js +1 -1
- package/dist/CdsNotification/styles.css +2 -2
- package/dist/CdsOverflowMenu/index.js +1 -1
- package/dist/CdsOverflowMenu/styles.css +2 -2
- package/dist/CdsPagination/index.js +1 -1
- package/dist/CdsPagination/styles.css +2 -2
- package/dist/CdsRadioButton/index.js +1 -1
- package/dist/CdsRadioButton/styles.css +1 -1
- package/dist/CdsSearch/index.js +1 -1
- package/dist/CdsSearch/styles.css +1 -1
- package/dist/CdsSelect/index.js +1 -1
- package/dist/CdsSelect/styles.css +1 -1
- package/dist/CdsSidebar/index.js +1 -1
- 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 +2 -2
- package/dist/CdsTable/styles.css +3 -3
- package/dist/CdsTabs/index.js +2 -2
- package/dist/CdsTabs/styles.css +2 -2
- package/dist/CdsTag/index.js +1 -1
- package/dist/CdsTag/styles.css +1 -1
- package/dist/CdsTextArea/index.js +1 -1
- package/dist/CdsTextArea/styles.css +1 -1
- package/dist/CdsTextInput/index.js +1 -1
- package/dist/CdsTextInput/styles.css +1 -1
- package/dist/CdsToggle/index.js +2 -2
- 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 +1 -1
- package/dist/CdsUploader/styles.css +2 -2
- package/dist/cds.css +5 -5
- package/dist/cds.js +2 -2
- package/dist/cds.min.css +2 -2
- package/dist/cds.min.js +2 -2
- package/package.json +1 -1
package/dist/CdsButton/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* CDS v2.
|
|
2
|
+
* CDS v2.22.0 (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,5 +7,5 @@
|
|
|
7
7
|
*/
|
|
8
8
|
.cds-loading{position:absolute;width:5rem;height:5rem;opacity:1}.cds-loading__overlay{position:absolute;top:0;left:0;height:100%;width:100%;background-color:var(--cds-color-overlay-02);display:flex;justify-content:center;align-items:center;opacity:1}.cds-loading__overlay__fixed{position:fixed}.cds-loading__fixed{position:relative}.cds-loading svg{display:block;-webkit-animation:loader-turn 2s linear infinite;animation:loader-turn 2s linear infinite;width:100%}.cds-loading circle{-webkit-animation:loader-stroke 2s linear infinite;animation:loader-stroke 2s linear infinite;fill:none;stroke-dasharray:60;stroke-dashoffset:60;stroke-width:2;stroke:var(--cds-color-interactive-01-default)}.cds-loading__small{width:1rem;height:1rem}.cds-loading__small svg{width:100%}.cds-loading__small circle{stroke-width:3}@-webkit-keyframes loader-turn{50%{transform:rotate(180deg)}100%{transform:rotate(720deg)}}@keyframes loader-turn{50%{transform:rotate(180deg)}100%{transform:rotate(720deg)}}@-webkit-keyframes loader-stroke{50%{stroke-dashoffset:0}100%{stroke-dashoffset:60}}@keyframes loader-stroke{50%{stroke-dashoffset:0}100%{stroke-dashoffset:60}}.fade-enter-active,.fade-leave-active{transition:200ms cubic-bezier(0.37, 0, 0.63, 1)}.fade-enter,.fade-leave-to{opacity:0}
|
|
9
9
|
|
|
10
|
-
.cds-button{cursor:pointer;display:inline-flex;vertical-align:middle;align-items:center;justify-content:center;flex-shrink:0;position:relative;outline:var(--cds-border-element-01) transparent;text-align:left;border:var(--cds-border-element-01);border-radius:var(--cds-border-radius-s);height:2rem;margin:0;padding:0 1rem;text-decoration:none;color:var(--cds-color-interactive-01-above);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-button__primary{border-color:var(--cds-color-interactive-01-default);background-color:var(--cds-color-interactive-01-default)}.cds-button__primary .cds-button__text{color:var(--cds-color-interactive-01-above)}.cds-button__primary svg{fill:var(--cds-color-interactive-01-above)}.cds-button__primary:hover{background-color:var(--cds-color-interactive-01-hover)}.cds-button__primary:active{background-color:var(--cds-color-interactive-01-active)}.cds-button__primary:focus:before{border-color:var(--cds-color-interactive-01-focus)}.cds-button__primary:focus:after{border-color:var(--cds-color-
|
|
10
|
+
.cds-button{cursor:pointer;display:inline-flex;vertical-align:middle;align-items:center;justify-content:center;flex-shrink:0;position:relative;outline:var(--cds-border-element-01) transparent;text-align:left;border:var(--cds-border-element-01);border-radius:var(--cds-border-radius-s);height:2rem;margin:0;padding:0 1rem;text-decoration:none;color:var(--cds-color-interactive-01-above);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-button__primary{border-color:var(--cds-color-interactive-01-default);background-color:var(--cds-color-interactive-01-default)}.cds-button__primary .cds-button__text{color:var(--cds-color-interactive-01-above)}.cds-button__primary svg{fill:var(--cds-color-interactive-01-above)}.cds-button__primary:hover{background-color:var(--cds-color-interactive-01-hover)}.cds-button__primary:active{background-color:var(--cds-color-interactive-01-active)}.cds-button__primary:focus:before{border-color:var(--cds-color-interactive-01-focus)}.cds-button__primary:focus:after{border-color:var(--cds-color-interactive-02-above)}.cds-button__primary.cds-state-loading{background-color:var(--cds-color-interactive-01-active)}.cds-button__primary.cds-state-loading .cds-loading circle{stroke:var(--cds-color-interactive-01-above)}.cds-button__primary.cds-state-disabled{border-color:var(--cds-color-disabled-01);background-color:var(--cds-color-disabled-01)}.cds-button__primary.cds-state-disabled .cds-button__text{color:var(--cds-color-disabled-02)}.cds-button__primary.cds-state-disabled svg{fill:var(--cds-color-disabled-02)}.cds-button__secondary{border-color:var(--cds-color-interactive-01-default);background-color:transparent}.cds-button__secondary .cds-button__text{color:var(--cds-color-interactive-02-above)}.cds-button__secondary svg{fill:var(--cds-color-interactive-02-above)}.cds-button__secondary:hover{background-color:var(--cds-color-interactive-02-hover)}.cds-button__secondary:active{background-color:var(--cds-color-interactive-02-active)}.cds-button__secondary:focus:before{border-color:var(--cds-color-interactive-02-focus)}.cds-button__secondary:focus:after{border-color:var(--cds-color-interactive-02-above)}.cds-button__secondary.cds-state-loading{background-color:var(--cds-color-interactive-02-active)}.cds-button__secondary.cds-state-loading .cds-loading circle{stroke:var(--cds-color-interactive-01-default)}.cds-button__secondary.cds-state-disabled{border-color:var(--cds-color-disabled-01);background-color:transparent}.cds-button__secondary.cds-state-disabled .cds-button__text{color:var(--cds-color-disabled-02)}.cds-button__secondary.cds-state-disabled svg{fill:var(--cds-color-disabled-02)}.cds-button__transparent{border-color:transparent;background-color:transparent}.cds-button__transparent .cds-button__text{color:var(--cds-color-interactive-02-above)}.cds-button__transparent svg{fill:var(--cds-color-interactive-02-above)}.cds-button__transparent:hover{background-color:var(--cds-color-interactive-02-hover)}.cds-button__transparent:active{background-color:var(--cds-color-interactive-02-active)}.cds-button__transparent:focus:before{border-color:var(--cds-color-interactive-01-focus)}.cds-button__transparent:focus:after{border-color:var(--cds-color-interactive-02-above)}.cds-button__transparent.cds-state-loading{background-color:var(--cds-color-interactive-02-active)}.cds-button__transparent.cds-state-loading .cds-loading circle{stroke:var(--cds-color-interactive-01-default)}.cds-button__transparent.cds-state-disabled{border-color:transparent;background-color:transparent}.cds-button__transparent.cds-state-disabled .cds-button__text{color:var(--cds-color-disabled-02)}.cds-button__transparent.cds-state-disabled svg{fill:var(--cds-color-disabled-02)}.cds-button__inverse{background-color:transparent}.cds-button__inverse:not(.cds-button__transparent){border-color:var(--cds-color-border-element-primary)}.cds-button__inverse .cds-button__text{color:var(--cds-color-text-inverse)}.cds-button__inverse svg{fill:var(--cds-color-icon-inverse)}.cds-button__inverse:hover{background-color:#464a4d}.cds-button__inverse:active{background-color:#34383d}.cds-button__inverse:focus:before{border-color:var(--cds-color-interactive-01-focus)}.cds-button__inverse:focus:after{border-color:transparent}.cds-button__inverse.cds-state-loading{background-color:transparent}.cds-button__inverse.cds-state-loading .cds-loading circle{stroke:var(--cds-color-interactive-01-above)}.cds-button__inverse.cds-state-disabled{border-color:#383838;background-color:#383838}.cds-button__inverse.cds-state-disabled .cds-button__text{color:#8c8c8c}.cds-button__inverse.cds-state-disabled .cds-loading circle{stroke:#8c8c8c}.cds-button__inverse.cds-state-disabled svg{fill:#8c8c8c}.cds-button__icon{flex-direction:column;border-color:transparent;background-color:transparent;border-radius:0;width:2rem;height:2rem;padding:.5rem}.cds-button__icon .cds-button__text{display:none}.cds-button__icon svg{fill:var(--cds-color-icon-default)}.cds-button__icon:hover{background-color:var(--cds-color-interactive-02-hover)}.cds-button__icon:hover svg{fill:var(--cds-color-interactive-01-hover)}.cds-button__icon:active{background-color:var(--cds-color-interactive-02-active)}.cds-button__icon:active svg{fill:var(--cds-color-icon-default)}.cds-button__icon:focus:before{border-radius:0;border-color:var(--cds-color-interactive-01-focus)}.cds-button__icon:focus:after{border-radius:0;border:0}.cds-button__icon:focus svg{fill:var(--cds-color-icon-default)}.cds-button__icon.cds-state-loading{background-color:var(--cds-color-interactive-02-active)}.cds-button__icon.cds-state-loading .cds-loading circle{stroke:var(--cds-color-interactive-01-default)}.cds-button__icon.cds-state-disabled{background-color:transparent;border-color:transparent}.cds-button__icon.cds-state-disabled svg{fill:var(--cds-color-disabled-02)}.cds-button__icon.cds-button__inverse{background-color:transparent}.cds-button__icon.cds-button__inverse svg{fill:var(--cds-color-icon-inverse)}.cds-button__icon.cds-button__inverse:hover svg{fill:var(--cds-color-interactive-02-hover)}.cds-button__icon.cds-button__inverse:focus{border-color:var(--cds-color-interactive-01-focus)}.cds-button__icon.cds-button__inverse:active svg{fill:var(--cds-color-interactive-02-active)}.cds-button__icon.cds-button__inverse.cds-state-disabled svg{fill:var(--cds-color-disabled-02)}.cds-button__icon--slot{margin-left:.5rem}.cds-button i+.cds-button__text,.cds-button svg+.cds-button__text{margin-left:.5rem}.cds-button__icon-after{flex-direction:row-reverse}.cds-button__icon-after i+.cds-button__text{margin-left:0;margin-right:.5rem}.cds-button__size--lg{height:3rem;padding:0 1.5rem;font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-m);line-height:var(--cds-font-height-body);font-weight:var(--cds-font-weight-light)}.cds-button__size--lg .cds-ico,.cds-button__size--lg .cds-ico svg,.cds-button__size--lg .cds-loading{width:1.5rem;height:1.5rem}.cds-button__size--xl{height:4rem;padding:0 2rem;font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-l);line-height:var(--cds-font-height-body);font-weight:var(--cds-font-weight-normal)}.cds-button__size--xl .cds-ico,.cds-button__size--xl .cds-ico svg,.cds-button__size--xl .cds-loading{width:2.5rem;height:2.5rem}.cds-button.cds-state-loading{cursor:default}.cds-button.cds-state-loading .cds-button__text{color:transparent;opacity:0;visibility:hidden}.cds-button.cds-state-loading>i{opacity:0;visibility:hidden}.cds-button.cds-state-disabled{cursor:not-allowed}.cds-button__skeleton{padding:0}.cds-button__skeleton .cds-skeleton{border-radius:var(--cds-border-radius-s)}.cds-button i,.cds-button svg,.cds-button .cds-button__text{position:relative}.cds-button__text{display:inline-block;white-space:nowrap}.cds-button:after,.cds-button:before{box-sizing:border-box;border-radius:var(--cds-border-radius-s);position:absolute;content:'';transition:50ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-button:before{top:-1px;left:-1px;height:calc(100% + 2px);width:calc(100% + 2px);border:var(--cds-border-element-02) transparent}.cds-button:after{top:1px;left:1px;width:calc(100% - 2px);height:calc(100% - 2px);border:var(--cds-border-element-01) transparent}.cds-button:hover:not(.cds-state-disabled) .cds-button__tooltip,.cds-button:focus:not(.cds-state-disabled) .cds-button__tooltip{opacity:1;visibility:visible}
|
|
11
11
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* CDS v2.
|
|
2
|
+
* CDS v2.22.0 (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-loading{position:absolute;width:5rem;height:5rem;opacity:1}.cds-loading__overlay{position:absolute;top:0;left:0;height:100%;width:100%;background-color:var(--cds-color-overlay-02);display:flex;justify-content:center;align-items:center;opacity:1}.cds-loading__overlay__fixed{position:fixed}.cds-loading__fixed{position:relative}.cds-loading svg{display:block;-webkit-animation:loader-turn 2s linear infinite;animation:loader-turn 2s linear infinite;width:100%}.cds-loading circle{-webkit-animation:loader-stroke 2s linear infinite;animation:loader-stroke 2s linear infinite;fill:none;stroke-dasharray:60;stroke-dashoffset:60;stroke-width:2;stroke:var(--cds-color-interactive-01-default)}.cds-loading__small{width:1rem;height:1rem}.cds-loading__small svg{width:100%}.cds-loading__small circle{stroke-width:3}@-webkit-keyframes loader-turn{50%{transform:rotate(180deg)}100%{transform:rotate(720deg)}}@keyframes loader-turn{50%{transform:rotate(180deg)}100%{transform:rotate(720deg)}}@-webkit-keyframes loader-stroke{50%{stroke-dashoffset:0}100%{stroke-dashoffset:60}}@keyframes loader-stroke{50%{stroke-dashoffset:0}100%{stroke-dashoffset:60}}.fade-enter-active,.fade-leave-active{transition:200ms cubic-bezier(0.37, 0, 0.63, 1)}.fade-enter,.fade-leave-to{opacity:0}
|
|
9
9
|
|
|
10
|
-
.cds-button{cursor:pointer;display:inline-flex;vertical-align:middle;align-items:center;justify-content:center;flex-shrink:0;position:relative;outline:var(--cds-border-element-01) transparent;text-align:left;border:var(--cds-border-element-01);border-radius:var(--cds-border-radius-s);height:2rem;margin:0;padding:0 1rem;text-decoration:none;color:var(--cds-color-interactive-01-above);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-button__primary{border-color:var(--cds-color-interactive-01-default);background-color:var(--cds-color-interactive-01-default)}.cds-button__primary .cds-button__text{color:var(--cds-color-interactive-01-above)}.cds-button__primary svg{fill:var(--cds-color-interactive-01-above)}.cds-button__primary:hover{background-color:var(--cds-color-interactive-01-hover)}.cds-button__primary:active{background-color:var(--cds-color-interactive-01-active)}.cds-button__primary:focus:before{border-color:var(--cds-color-interactive-01-focus)}.cds-button__primary:focus:after{border-color:var(--cds-color-
|
|
10
|
+
.cds-button{cursor:pointer;display:inline-flex;vertical-align:middle;align-items:center;justify-content:center;flex-shrink:0;position:relative;outline:var(--cds-border-element-01) transparent;text-align:left;border:var(--cds-border-element-01);border-radius:var(--cds-border-radius-s);height:2rem;margin:0;padding:0 1rem;text-decoration:none;color:var(--cds-color-interactive-01-above);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-button__primary{border-color:var(--cds-color-interactive-01-default);background-color:var(--cds-color-interactive-01-default)}.cds-button__primary .cds-button__text{color:var(--cds-color-interactive-01-above)}.cds-button__primary svg{fill:var(--cds-color-interactive-01-above)}.cds-button__primary:hover{background-color:var(--cds-color-interactive-01-hover)}.cds-button__primary:active{background-color:var(--cds-color-interactive-01-active)}.cds-button__primary:focus:before{border-color:var(--cds-color-interactive-01-focus)}.cds-button__primary:focus:after{border-color:var(--cds-color-interactive-02-above)}.cds-button__primary.cds-state-loading{background-color:var(--cds-color-interactive-01-active)}.cds-button__primary.cds-state-loading .cds-loading circle{stroke:var(--cds-color-interactive-01-above)}.cds-button__primary.cds-state-disabled{border-color:var(--cds-color-disabled-01);background-color:var(--cds-color-disabled-01)}.cds-button__primary.cds-state-disabled .cds-button__text{color:var(--cds-color-disabled-02)}.cds-button__primary.cds-state-disabled svg{fill:var(--cds-color-disabled-02)}.cds-button__secondary{border-color:var(--cds-color-interactive-01-default);background-color:transparent}.cds-button__secondary .cds-button__text{color:var(--cds-color-interactive-02-above)}.cds-button__secondary svg{fill:var(--cds-color-interactive-02-above)}.cds-button__secondary:hover{background-color:var(--cds-color-interactive-02-hover)}.cds-button__secondary:active{background-color:var(--cds-color-interactive-02-active)}.cds-button__secondary:focus:before{border-color:var(--cds-color-interactive-02-focus)}.cds-button__secondary:focus:after{border-color:var(--cds-color-interactive-02-above)}.cds-button__secondary.cds-state-loading{background-color:var(--cds-color-interactive-02-active)}.cds-button__secondary.cds-state-loading .cds-loading circle{stroke:var(--cds-color-interactive-01-default)}.cds-button__secondary.cds-state-disabled{border-color:var(--cds-color-disabled-01);background-color:transparent}.cds-button__secondary.cds-state-disabled .cds-button__text{color:var(--cds-color-disabled-02)}.cds-button__secondary.cds-state-disabled svg{fill:var(--cds-color-disabled-02)}.cds-button__transparent{border-color:transparent;background-color:transparent}.cds-button__transparent .cds-button__text{color:var(--cds-color-interactive-02-above)}.cds-button__transparent svg{fill:var(--cds-color-interactive-02-above)}.cds-button__transparent:hover{background-color:var(--cds-color-interactive-02-hover)}.cds-button__transparent:active{background-color:var(--cds-color-interactive-02-active)}.cds-button__transparent:focus:before{border-color:var(--cds-color-interactive-01-focus)}.cds-button__transparent:focus:after{border-color:var(--cds-color-interactive-02-above)}.cds-button__transparent.cds-state-loading{background-color:var(--cds-color-interactive-02-active)}.cds-button__transparent.cds-state-loading .cds-loading circle{stroke:var(--cds-color-interactive-01-default)}.cds-button__transparent.cds-state-disabled{border-color:transparent;background-color:transparent}.cds-button__transparent.cds-state-disabled .cds-button__text{color:var(--cds-color-disabled-02)}.cds-button__transparent.cds-state-disabled svg{fill:var(--cds-color-disabled-02)}.cds-button__inverse{background-color:transparent}.cds-button__inverse:not(.cds-button__transparent){border-color:var(--cds-color-border-element-primary)}.cds-button__inverse .cds-button__text{color:var(--cds-color-text-inverse)}.cds-button__inverse svg{fill:var(--cds-color-icon-inverse)}.cds-button__inverse:hover{background-color:#464a4d}.cds-button__inverse:active{background-color:#34383d}.cds-button__inverse:focus:before{border-color:var(--cds-color-interactive-01-focus)}.cds-button__inverse:focus:after{border-color:transparent}.cds-button__inverse.cds-state-loading{background-color:transparent}.cds-button__inverse.cds-state-loading .cds-loading circle{stroke:var(--cds-color-interactive-01-above)}.cds-button__inverse.cds-state-disabled{border-color:#383838;background-color:#383838}.cds-button__inverse.cds-state-disabled .cds-button__text{color:#8c8c8c}.cds-button__inverse.cds-state-disabled .cds-loading circle{stroke:#8c8c8c}.cds-button__inverse.cds-state-disabled svg{fill:#8c8c8c}.cds-button__icon{flex-direction:column;border-color:transparent;background-color:transparent;border-radius:0;width:2rem;height:2rem;padding:.5rem}.cds-button__icon .cds-button__text{display:none}.cds-button__icon svg{fill:var(--cds-color-icon-default)}.cds-button__icon:hover{background-color:var(--cds-color-interactive-02-hover)}.cds-button__icon:hover svg{fill:var(--cds-color-interactive-01-hover)}.cds-button__icon:active{background-color:var(--cds-color-interactive-02-active)}.cds-button__icon:active svg{fill:var(--cds-color-icon-default)}.cds-button__icon:focus:before{border-radius:0;border-color:var(--cds-color-interactive-01-focus)}.cds-button__icon:focus:after{border-radius:0;border:0}.cds-button__icon:focus svg{fill:var(--cds-color-icon-default)}.cds-button__icon.cds-state-loading{background-color:var(--cds-color-interactive-02-active)}.cds-button__icon.cds-state-loading .cds-loading circle{stroke:var(--cds-color-interactive-01-default)}.cds-button__icon.cds-state-disabled{background-color:transparent;border-color:transparent}.cds-button__icon.cds-state-disabled svg{fill:var(--cds-color-disabled-02)}.cds-button__icon.cds-button__inverse{background-color:transparent}.cds-button__icon.cds-button__inverse svg{fill:var(--cds-color-icon-inverse)}.cds-button__icon.cds-button__inverse:hover svg{fill:var(--cds-color-interactive-02-hover)}.cds-button__icon.cds-button__inverse:focus{border-color:var(--cds-color-interactive-01-focus)}.cds-button__icon.cds-button__inverse:active svg{fill:var(--cds-color-interactive-02-active)}.cds-button__icon.cds-button__inverse.cds-state-disabled svg{fill:var(--cds-color-disabled-02)}.cds-button__icon--slot{margin-left:.5rem}.cds-button i+.cds-button__text,.cds-button svg+.cds-button__text{margin-left:.5rem}.cds-button__icon-after{flex-direction:row-reverse}.cds-button__icon-after i+.cds-button__text{margin-left:0;margin-right:.5rem}.cds-button__size--lg{height:3rem;padding:0 1.5rem;font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-m);line-height:var(--cds-font-height-body);font-weight:var(--cds-font-weight-light)}.cds-button__size--lg .cds-ico,.cds-button__size--lg .cds-ico svg,.cds-button__size--lg .cds-loading{width:1.5rem;height:1.5rem}.cds-button__size--xl{height:4rem;padding:0 2rem;font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-l);line-height:var(--cds-font-height-body);font-weight:var(--cds-font-weight-normal)}.cds-button__size--xl .cds-ico,.cds-button__size--xl .cds-ico svg,.cds-button__size--xl .cds-loading{width:2.5rem;height:2.5rem}.cds-button.cds-state-loading{cursor:default}.cds-button.cds-state-loading .cds-button__text{color:transparent;opacity:0;visibility:hidden}.cds-button.cds-state-loading>i{opacity:0;visibility:hidden}.cds-button.cds-state-disabled{cursor:not-allowed}.cds-button__skeleton{padding:0}.cds-button__skeleton .cds-skeleton{border-radius:var(--cds-border-radius-s)}.cds-button i,.cds-button svg,.cds-button .cds-button__text{position:relative}.cds-button__text{display:inline-block;white-space:nowrap}.cds-button:after,.cds-button:before{box-sizing:border-box;border-radius:var(--cds-border-radius-s);position:absolute;content:'';transition:50ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-button:before{top:-1px;left:-1px;height:calc(100% + 2px);width:calc(100% + 2px);border:var(--cds-border-element-02) transparent}.cds-button:after{top:1px;left:1px;width:calc(100% - 2px);height:calc(100% - 2px);border:var(--cds-border-element-01) transparent}.cds-button:hover:not(.cds-state-disabled) .cds-button__tooltip,.cds-button:focus:not(.cds-state-disabled) .cds-button__tooltip{opacity:1;visibility:visible}
|
|
11
11
|
|
|
12
12
|
.cds-ico,.cds-ico svg{width:1rem;height:1rem}
|
|
13
13
|
|
package/dist/CdsDrawer/index.js
CHANGED
package/dist/CdsFooter/index.js
CHANGED
package/dist/CdsForm/index.js
CHANGED
package/dist/CdsForm/styles.css
CHANGED
package/dist/CdsGrid/index.js
CHANGED
package/dist/CdsGrid/styles.css
CHANGED
package/dist/CdsHeader/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* CDS v2.
|
|
2
|
+
* CDS v2.22.0 (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,5 +7,5 @@
|
|
|
7
7
|
*/
|
|
8
8
|
.cds-link{color:var(--cds-color-link-default);text-decoration:none;outline:var(--cds-border-element-01) transparent;outline-offset:1px;border-bottom:var(--cds-border-element-01) transparent;transition:50ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-link:hover{color:var(--cds-color-interactive-01-hover);border-color:currentColor}.cds-link:focus{outline-color:currentColor}.cds-link:visited:not([href^="#"]){color:var(--cds-color-link-visited)}.cds-state-active>.cds-link,.cds-link:active{color:var(--cds-color-interactive-01-active)}.cds-link.cds-state-disabled{color:var(--cds-color-disabled-02);cursor:not-allowed;border:none;outline:none}
|
|
9
9
|
|
|
10
|
-
.cds-header{display:flex;flex-direction:column;width:100%}.cds-header__top{display:flex;flex-direction:row;justify-content:space-between;padding:1rem 2rem;min-height:5.5rem;width:100%}.cds-header__top--primary{border-bottom:1px solid var(--cds-color-border-element-secondary)}.cds-header__top--primary,.cds-header__top--transparent{background-color:var(--cds-color-background-container-primary);color:var(--cds-color-text-primary)}.cds-header__top--primary .cds-header__nav--item:hover>.cds-link,.cds-header__top--transparent .cds-header__nav--item:hover>.cds-link{border-bottom-color:var(--cds-color-interactive-01-hover)}.cds-header__top--primary .cds-header__nav--item>.cds-link,.cds-header__top--transparent .cds-header__nav--item>.cds-link{color:var(--cds-color-text-primary);border:2px solid transparent}.cds-header__top--primary .cds-header__nav--item>.cds-link:focus,.cds-header__top--transparent .cds-header__nav--item>.cds-link:focus{outline:none;border-color:var(--cds-color-interactive-01-focus)}.cds-header__top--primary .cds-header__nav--item.cds-state-active>.cds-link,.cds-header__top--transparent .cds-header__nav--item.cds-state-active>.cds-link{border-bottom-color:var(--cds-color-interactive-01-default)}.cds-header__top--primary .cds-header__nav--sub,.cds-header__top--transparent .cds-header__nav--sub{background-color:var(--cds-color-background-container-primary)}.cds-header__top--primary .cds-header__nav--sub .cds-header__nav--item>.cds-link,.cds-header__top--transparent .cds-header__nav--sub .cds-header__nav--item>.cds-link{border:2px solid transparent}.cds-header__top--primary .cds-header__nav--sub .cds-header__nav--item>.cds-link:hover,.cds-header__top--transparent .cds-header__nav--sub .cds-header__nav--item>.cds-link:hover{background-color:var(--cds-color-interactive-02-hover)}.cds-header__top--primary .cds-header__nav--sub .cds-header__nav--item>.cds-link:focus,.cds-header__top--transparent .cds-header__nav--sub .cds-header__nav--item>.cds-link:focus{border-color:var(--cds-color-interactive-02-focus);background-color:var(--cds-color-background-container-primary)}.cds-header__top--primary .cds-header__nav--sub .cds-header__nav--item.cds-state-active,.cds-header__top--transparent .cds-header__nav--sub .cds-header__nav--item.cds-state-active{background-color:var(--cds-color-interactive-02-active)}.cds-header__top--transparent{background-color:transparent}.cds-header__top--inverse{background-color:var(--cds-color-background-inverse);color:var(--cds-color-text-inverse)}.cds-header__top--inverse .cds-header__nav--item:hover>.cds-link{border-bottom-color:var(--cds-color-interactive-01-hover)}.cds-header__top--inverse .cds-header__nav--item>.cds-link{color:var(--cds-color-text-inverse);border:2px solid transparent}.cds-header__top--inverse .cds-header__nav--item>.cds-link:focus{outline:none;border-color:var(--cds-color-interactive-01-focus)}.cds-header__top--inverse .cds-header__nav--item.cds-state-active>.cds-link{border-bottom-color:var(--cds-color-interactive-01-default)}.cds-header__top--inverse .cds-header__nav--sub{background-color:var(--cds-color-background-element-primary)}.cds-header__top--inverse .cds-header__nav--sub .cds-header__nav--item>.cds-link{border:2px solid transparent}.cds-header__top--inverse .cds-header__nav--sub .cds-header__nav--item>.cds-link:hover{background-color:var(--cds-color-neutral-48)}.cds-header__top--inverse .cds-header__nav--sub .cds-header__nav--item>.cds-link:focus{border-color:var(--cds-color-interactive-02-focus);background-color:var(--cds-color-background-element-primary)}.cds-header__top--inverse .cds-header__nav--sub .cds-header__nav--item.cds-state-active{background-color:var(--cds-color-neutral-48)}.cds-header__top--inverse svg{fill:var(--cds-color-icon-inverse)}.cds-header__left-side{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.cds-header__left-side .cds-header__trigger{margin-right:1rem}.cds-header__main{display:flex;flex-direction:column;width:100%;justify-content:space-between;margin:0 .5rem}.cds-header__main--top{display:flex;align-items:center;padding:0 1rem;height:100%}.cds-header__main--top p,.cds-header__main--top span{vertical-align:middle}.cds-header__main--bottom{display:flex;width:100%;margin-bottom:-1rem}.cds-header__right-side{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end}.cds-header__right-side .cds-header__additional{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;white-space:nowrap;height:100%}.cds-header__right-side .cds-header__additional>*+*,.cds-header__right-side .cds-header__additional div>*+*{margin-left:.5rem}.cds-header__nav ul,.cds-header__nav li{list-style:none}.cds-header__nav--list{display:flex;flex-direction:row;flex-wrap:wrap}.cds-header__nav--item{position:relative;white-space:nowrap;text-overflow:ellipsis}.cds-header__nav--item>.cds-link{display:block;padding:.5rem 1rem}.cds-header__nav--item:hover .cds-header__nav--sub{visibility:visible;opacity:1}.cds-header__nav--sub{display:block;width:100%;top:100%;position:absolute;visibility:hidden;opacity:0;background-color:var(--cds-color-background-container-primary);z-index:600;transition:200ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-header__toolbar{height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;width:100%}.cds-header__toolbar--primary{background-color:var(--cds-color-background-container-primary)}.cds-header__toolbar--inverse{background-color:var(--cds-color-background-inverse)}.cds-header__toolbar--transparent{background-color:transparent}.cds-header__language{position:relative}.cds-header__language-items{background-color:var(--cds-color-background-container-primary);width:100%;display:flex;flex-direction:column;position:absolute;z-index:800}.cds-header__language-items-item{padding:10px 8px;height:2rem;cursor:pointer}.cds-header__language-items-item:hover{background-color:var(--cds-color-interactive-02-hover)}.cds-header__trigger{display:none}.cds-header h4{margin:0}@media (max-width: 66rem){.cds-header{height:4rem;min-height:auto}.cds-header .cds-header__main--bottom,.cds-header .cds-header__additional{display:none}.cds-header .cds-header__trigger{display:block}}@media (max-width: 42rem){.cds-header .cds-header__main{display:none}}.cds-header-service{display:flex;flex-direction:row;justify-content:space-between;width:100%;min-height:3rem;padding:1rem 2rem;background-color:var(--cds-color-background-container-primary);color:var(--cds-color-text-primary)}.cds-header-service__right-side{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;white-space:nowrap}.cds-header-service__right-side>*+*{margin-left:.5rem}
|
|
10
|
+
.cds-header{display:flex;flex-direction:column;width:100%}.cds-header__top{display:flex;flex-direction:row;justify-content:space-between;padding:1rem 2rem;min-height:5.5rem;width:100%}.cds-header__top--primary{border-bottom:1px solid var(--cds-color-border-element-secondary)}.cds-header__top--primary,.cds-header__top--transparent{background-color:var(--cds-color-background-container-primary);color:var(--cds-color-text-primary)}.cds-header__top--primary .cds-header__nav--item:hover>.cds-link,.cds-header__top--transparent .cds-header__nav--item:hover>.cds-link{border-bottom-color:var(--cds-color-interactive-01-hover)}.cds-header__top--primary .cds-header__nav--item>.cds-link,.cds-header__top--transparent .cds-header__nav--item>.cds-link{color:var(--cds-color-text-primary);border:2px solid transparent}.cds-header__top--primary .cds-header__nav--item>.cds-link:focus,.cds-header__top--transparent .cds-header__nav--item>.cds-link:focus{outline:none;border-color:var(--cds-color-interactive-01-focus)}.cds-header__top--primary .cds-header__nav--item.cds-state-active>.cds-link,.cds-header__top--transparent .cds-header__nav--item.cds-state-active>.cds-link{border-bottom-color:var(--cds-color-interactive-01-default)}.cds-header__top--primary .cds-header__nav--sub,.cds-header__top--transparent .cds-header__nav--sub{background-color:var(--cds-color-background-container-primary)}.cds-header__top--primary .cds-header__nav--sub .cds-header__nav--item>.cds-link,.cds-header__top--transparent .cds-header__nav--sub .cds-header__nav--item>.cds-link{border:2px solid transparent}.cds-header__top--primary .cds-header__nav--sub .cds-header__nav--item>.cds-link:hover,.cds-header__top--transparent .cds-header__nav--sub .cds-header__nav--item>.cds-link:hover{background-color:var(--cds-color-interactive-02-hover)}.cds-header__top--primary .cds-header__nav--sub .cds-header__nav--item>.cds-link:focus,.cds-header__top--transparent .cds-header__nav--sub .cds-header__nav--item>.cds-link:focus{border-color:var(--cds-color-interactive-02-focus);background-color:var(--cds-color-background-container-primary)}.cds-header__top--primary .cds-header__nav--sub .cds-header__nav--item.cds-state-active,.cds-header__top--transparent .cds-header__nav--sub .cds-header__nav--item.cds-state-active{background-color:var(--cds-color-interactive-02-active)}.cds-header__top--transparent{background-color:transparent}.cds-header__top--inverse{background-color:var(--cds-color-background-inverse);color:var(--cds-color-text-inverse)}.cds-header__top--inverse .cds-header__nav--item:hover>.cds-link{border-bottom-color:var(--cds-color-interactive-01-hover)}.cds-header__top--inverse .cds-header__nav--item>.cds-link{color:var(--cds-color-text-inverse);border:2px solid transparent}.cds-header__top--inverse .cds-header__nav--item>.cds-link:focus{outline:none;border-color:var(--cds-color-interactive-01-focus)}.cds-header__top--inverse .cds-header__nav--item.cds-state-active>.cds-link{border-bottom-color:var(--cds-color-interactive-01-default)}.cds-header__top--inverse .cds-header__nav--sub{background-color:var(--cds-color-background-element-primary)}.cds-header__top--inverse .cds-header__nav--sub .cds-header__nav--item>.cds-link{border:2px solid transparent}.cds-header__top--inverse .cds-header__nav--sub .cds-header__nav--item>.cds-link:hover{background-color:var(--cds-color-neutral-48)}.cds-header__top--inverse .cds-header__nav--sub .cds-header__nav--item>.cds-link:focus{border-color:var(--cds-color-interactive-02-focus);background-color:var(--cds-color-background-element-primary)}.cds-header__top--inverse .cds-header__nav--sub .cds-header__nav--item.cds-state-active{background-color:var(--cds-color-neutral-48)}.cds-header__top--inverse svg{fill:var(--cds-color-icon-inverse)}.cds-header__left-side{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.cds-header__left-side .cds-header__trigger{margin-right:1rem}.cds-header__main{display:flex;flex-direction:column;width:100%;justify-content:space-between;margin:0 .5rem}.cds-header__main--top{display:flex;align-items:center;padding:0 1rem;height:100%}.cds-header__main--top p,.cds-header__main--top span{vertical-align:middle}.cds-header__main--bottom{display:flex;width:100%;margin-bottom:-1rem}.cds-header__right-side{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end}.cds-header__right-side .cds-header__additional{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;white-space:nowrap;height:100%}.cds-header__right-side .cds-header__additional>*+*,.cds-header__right-side .cds-header__additional div>*+*{margin-left:.5rem}.cds-header__nav ul,.cds-header__nav li{list-style:none}.cds-header__nav--list{display:flex;flex-direction:row;flex-wrap:wrap}.cds-header__nav--item{position:relative;white-space:nowrap;text-overflow:ellipsis}.cds-header__nav--item>.cds-link{display:block;padding:.5rem 1rem}.cds-header__nav--item:hover .cds-header__nav--sub{visibility:visible;opacity:1}.cds-header__nav--sub{display:block;width:100%;top:100%;position:absolute;visibility:hidden;opacity:0;background-color:var(--cds-color-background-container-primary);z-index:600;transition:200ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-header__toolbar{height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;width:100%}.cds-header__toolbar--primary{background-color:var(--cds-color-background-container-primary)}.cds-header__toolbar--inverse{background-color:var(--cds-color-background-inverse)}.cds-header__toolbar--transparent{background-color:transparent}.cds-header__language{position:relative}.cds-header__language-items{background-color:var(--cds-color-background-container-primary);width:100%;display:flex;flex-direction:column;position:absolute;z-index:800}.cds-header__language-items-item{padding:10px 8px;height:2rem;cursor:pointer}.cds-header__language-items-item:hover{background-color:var(--cds-color-interactive-02-hover)}.cds-header__trigger{display:none}.cds-header h4{margin:0}@media (max-width: 66rem){.cds-header{height:4rem;min-height:auto}.cds-header .cds-header__main--bottom,.cds-header .cds-header__additional{display:none}.cds-header .cds-header__trigger{display:block}}@media (max-width: 42rem){.cds-header .cds-header__main{display:none}}.cds-header-service{display:flex;flex-direction:row;justify-content:space-between;width:100%;min-height:3rem;padding:1rem 2rem;background-color:var(--cds-color-background-container-primary);color:var(--cds-color-text-primary);border-bottom:var(--cds-border-element-01) var(--cds-color-border-element-secondary)}.cds-header-service__right-side{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;white-space:nowrap}.cds-header-service__right-side>*+*{margin-left:.5rem}
|
|
11
11
|
|
package/dist/CdsIcon/index.js
CHANGED
package/dist/CdsIcon/styles.css
CHANGED
package/dist/CdsImage/index.js
CHANGED
package/dist/CdsImage/styles.css
CHANGED
package/dist/CdsInput/index.js
CHANGED
package/dist/CdsInput/styles.css
CHANGED
package/dist/CdsLink/index.js
CHANGED
package/dist/CdsLink/styles.css
CHANGED
package/dist/CdsList/index.js
CHANGED
package/dist/CdsList/styles.css
CHANGED
package/dist/CdsLoading/index.js
CHANGED
package/dist/CdsModal/index.js
CHANGED
package/dist/CdsModal/styles.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* CDS v2.
|
|
2
|
+
* CDS v2.22.0 (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-loading{position:absolute;width:5rem;height:5rem;opacity:1}.cds-loading__overlay{position:absolute;top:0;left:0;height:100%;width:100%;background-color:var(--cds-color-overlay-02);display:flex;justify-content:center;align-items:center;opacity:1}.cds-loading__overlay__fixed{position:fixed}.cds-loading__fixed{position:relative}.cds-loading svg{display:block;-webkit-animation:loader-turn 2s linear infinite;animation:loader-turn 2s linear infinite;width:100%}.cds-loading circle{-webkit-animation:loader-stroke 2s linear infinite;animation:loader-stroke 2s linear infinite;fill:none;stroke-dasharray:60;stroke-dashoffset:60;stroke-width:2;stroke:var(--cds-color-interactive-01-default)}.cds-loading__small{width:1rem;height:1rem}.cds-loading__small svg{width:100%}.cds-loading__small circle{stroke-width:3}@-webkit-keyframes loader-turn{50%{transform:rotate(180deg)}100%{transform:rotate(720deg)}}@keyframes loader-turn{50%{transform:rotate(180deg)}100%{transform:rotate(720deg)}}@-webkit-keyframes loader-stroke{50%{stroke-dashoffset:0}100%{stroke-dashoffset:60}}@keyframes loader-stroke{50%{stroke-dashoffset:0}100%{stroke-dashoffset:60}}.fade-enter-active,.fade-leave-active{transition:200ms cubic-bezier(0.37, 0, 0.63, 1)}.fade-enter,.fade-leave-to{opacity:0}
|
|
9
9
|
|
|
10
|
-
.cds-button{cursor:pointer;display:inline-flex;vertical-align:middle;align-items:center;justify-content:center;flex-shrink:0;position:relative;outline:var(--cds-border-element-01) transparent;text-align:left;border:var(--cds-border-element-01);border-radius:var(--cds-border-radius-s);height:2rem;margin:0;padding:0 1rem;text-decoration:none;color:var(--cds-color-interactive-01-above);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-button__primary{border-color:var(--cds-color-interactive-01-default);background-color:var(--cds-color-interactive-01-default)}.cds-button__primary .cds-button__text{color:var(--cds-color-interactive-01-above)}.cds-button__primary svg{fill:var(--cds-color-interactive-01-above)}.cds-button__primary:hover{background-color:var(--cds-color-interactive-01-hover)}.cds-button__primary:active{background-color:var(--cds-color-interactive-01-active)}.cds-button__primary:focus:before{border-color:var(--cds-color-interactive-01-focus)}.cds-button__primary:focus:after{border-color:var(--cds-color-
|
|
10
|
+
.cds-button{cursor:pointer;display:inline-flex;vertical-align:middle;align-items:center;justify-content:center;flex-shrink:0;position:relative;outline:var(--cds-border-element-01) transparent;text-align:left;border:var(--cds-border-element-01);border-radius:var(--cds-border-radius-s);height:2rem;margin:0;padding:0 1rem;text-decoration:none;color:var(--cds-color-interactive-01-above);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-button__primary{border-color:var(--cds-color-interactive-01-default);background-color:var(--cds-color-interactive-01-default)}.cds-button__primary .cds-button__text{color:var(--cds-color-interactive-01-above)}.cds-button__primary svg{fill:var(--cds-color-interactive-01-above)}.cds-button__primary:hover{background-color:var(--cds-color-interactive-01-hover)}.cds-button__primary:active{background-color:var(--cds-color-interactive-01-active)}.cds-button__primary:focus:before{border-color:var(--cds-color-interactive-01-focus)}.cds-button__primary:focus:after{border-color:var(--cds-color-interactive-02-above)}.cds-button__primary.cds-state-loading{background-color:var(--cds-color-interactive-01-active)}.cds-button__primary.cds-state-loading .cds-loading circle{stroke:var(--cds-color-interactive-01-above)}.cds-button__primary.cds-state-disabled{border-color:var(--cds-color-disabled-01);background-color:var(--cds-color-disabled-01)}.cds-button__primary.cds-state-disabled .cds-button__text{color:var(--cds-color-disabled-02)}.cds-button__primary.cds-state-disabled svg{fill:var(--cds-color-disabled-02)}.cds-button__secondary{border-color:var(--cds-color-interactive-01-default);background-color:transparent}.cds-button__secondary .cds-button__text{color:var(--cds-color-interactive-02-above)}.cds-button__secondary svg{fill:var(--cds-color-interactive-02-above)}.cds-button__secondary:hover{background-color:var(--cds-color-interactive-02-hover)}.cds-button__secondary:active{background-color:var(--cds-color-interactive-02-active)}.cds-button__secondary:focus:before{border-color:var(--cds-color-interactive-02-focus)}.cds-button__secondary:focus:after{border-color:var(--cds-color-interactive-02-above)}.cds-button__secondary.cds-state-loading{background-color:var(--cds-color-interactive-02-active)}.cds-button__secondary.cds-state-loading .cds-loading circle{stroke:var(--cds-color-interactive-01-default)}.cds-button__secondary.cds-state-disabled{border-color:var(--cds-color-disabled-01);background-color:transparent}.cds-button__secondary.cds-state-disabled .cds-button__text{color:var(--cds-color-disabled-02)}.cds-button__secondary.cds-state-disabled svg{fill:var(--cds-color-disabled-02)}.cds-button__transparent{border-color:transparent;background-color:transparent}.cds-button__transparent .cds-button__text{color:var(--cds-color-interactive-02-above)}.cds-button__transparent svg{fill:var(--cds-color-interactive-02-above)}.cds-button__transparent:hover{background-color:var(--cds-color-interactive-02-hover)}.cds-button__transparent:active{background-color:var(--cds-color-interactive-02-active)}.cds-button__transparent:focus:before{border-color:var(--cds-color-interactive-01-focus)}.cds-button__transparent:focus:after{border-color:var(--cds-color-interactive-02-above)}.cds-button__transparent.cds-state-loading{background-color:var(--cds-color-interactive-02-active)}.cds-button__transparent.cds-state-loading .cds-loading circle{stroke:var(--cds-color-interactive-01-default)}.cds-button__transparent.cds-state-disabled{border-color:transparent;background-color:transparent}.cds-button__transparent.cds-state-disabled .cds-button__text{color:var(--cds-color-disabled-02)}.cds-button__transparent.cds-state-disabled svg{fill:var(--cds-color-disabled-02)}.cds-button__inverse{background-color:transparent}.cds-button__inverse:not(.cds-button__transparent){border-color:var(--cds-color-border-element-primary)}.cds-button__inverse .cds-button__text{color:var(--cds-color-text-inverse)}.cds-button__inverse svg{fill:var(--cds-color-icon-inverse)}.cds-button__inverse:hover{background-color:#464a4d}.cds-button__inverse:active{background-color:#34383d}.cds-button__inverse:focus:before{border-color:var(--cds-color-interactive-01-focus)}.cds-button__inverse:focus:after{border-color:transparent}.cds-button__inverse.cds-state-loading{background-color:transparent}.cds-button__inverse.cds-state-loading .cds-loading circle{stroke:var(--cds-color-interactive-01-above)}.cds-button__inverse.cds-state-disabled{border-color:#383838;background-color:#383838}.cds-button__inverse.cds-state-disabled .cds-button__text{color:#8c8c8c}.cds-button__inverse.cds-state-disabled .cds-loading circle{stroke:#8c8c8c}.cds-button__inverse.cds-state-disabled svg{fill:#8c8c8c}.cds-button__icon{flex-direction:column;border-color:transparent;background-color:transparent;border-radius:0;width:2rem;height:2rem;padding:.5rem}.cds-button__icon .cds-button__text{display:none}.cds-button__icon svg{fill:var(--cds-color-icon-default)}.cds-button__icon:hover{background-color:var(--cds-color-interactive-02-hover)}.cds-button__icon:hover svg{fill:var(--cds-color-interactive-01-hover)}.cds-button__icon:active{background-color:var(--cds-color-interactive-02-active)}.cds-button__icon:active svg{fill:var(--cds-color-icon-default)}.cds-button__icon:focus:before{border-radius:0;border-color:var(--cds-color-interactive-01-focus)}.cds-button__icon:focus:after{border-radius:0;border:0}.cds-button__icon:focus svg{fill:var(--cds-color-icon-default)}.cds-button__icon.cds-state-loading{background-color:var(--cds-color-interactive-02-active)}.cds-button__icon.cds-state-loading .cds-loading circle{stroke:var(--cds-color-interactive-01-default)}.cds-button__icon.cds-state-disabled{background-color:transparent;border-color:transparent}.cds-button__icon.cds-state-disabled svg{fill:var(--cds-color-disabled-02)}.cds-button__icon.cds-button__inverse{background-color:transparent}.cds-button__icon.cds-button__inverse svg{fill:var(--cds-color-icon-inverse)}.cds-button__icon.cds-button__inverse:hover svg{fill:var(--cds-color-interactive-02-hover)}.cds-button__icon.cds-button__inverse:focus{border-color:var(--cds-color-interactive-01-focus)}.cds-button__icon.cds-button__inverse:active svg{fill:var(--cds-color-interactive-02-active)}.cds-button__icon.cds-button__inverse.cds-state-disabled svg{fill:var(--cds-color-disabled-02)}.cds-button__icon--slot{margin-left:.5rem}.cds-button i+.cds-button__text,.cds-button svg+.cds-button__text{margin-left:.5rem}.cds-button__icon-after{flex-direction:row-reverse}.cds-button__icon-after i+.cds-button__text{margin-left:0;margin-right:.5rem}.cds-button__size--lg{height:3rem;padding:0 1.5rem;font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-m);line-height:var(--cds-font-height-body);font-weight:var(--cds-font-weight-light)}.cds-button__size--lg .cds-ico,.cds-button__size--lg .cds-ico svg,.cds-button__size--lg .cds-loading{width:1.5rem;height:1.5rem}.cds-button__size--xl{height:4rem;padding:0 2rem;font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-l);line-height:var(--cds-font-height-body);font-weight:var(--cds-font-weight-normal)}.cds-button__size--xl .cds-ico,.cds-button__size--xl .cds-ico svg,.cds-button__size--xl .cds-loading{width:2.5rem;height:2.5rem}.cds-button.cds-state-loading{cursor:default}.cds-button.cds-state-loading .cds-button__text{color:transparent;opacity:0;visibility:hidden}.cds-button.cds-state-loading>i{opacity:0;visibility:hidden}.cds-button.cds-state-disabled{cursor:not-allowed}.cds-button__skeleton{padding:0}.cds-button__skeleton .cds-skeleton{border-radius:var(--cds-border-radius-s)}.cds-button i,.cds-button svg,.cds-button .cds-button__text{position:relative}.cds-button__text{display:inline-block;white-space:nowrap}.cds-button:after,.cds-button:before{box-sizing:border-box;border-radius:var(--cds-border-radius-s);position:absolute;content:'';transition:50ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-button:before{top:-1px;left:-1px;height:calc(100% + 2px);width:calc(100% + 2px);border:var(--cds-border-element-02) transparent}.cds-button:after{top:1px;left:1px;width:calc(100% - 2px);height:calc(100% - 2px);border:var(--cds-border-element-01) transparent}.cds-button:hover:not(.cds-state-disabled) .cds-button__tooltip,.cds-button:focus:not(.cds-state-disabled) .cds-button__tooltip{opacity:1;visibility:visible}
|
|
11
11
|
|
|
12
12
|
.cds-ico,.cds-ico svg{width:1rem;height:1rem}
|
|
13
13
|
|