@central-design-system/components 2.35.0 → 2.36.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 +2 -2
- package/dist/CdsBadge/index.js +1 -1
- package/dist/CdsBadge/styles.css +1 -1
- package/dist/CdsBreadcrumbs/index.js +1 -1
- package/dist/CdsBreadcrumbs/styles.css +2 -2
- 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 +2 -2
- 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 +2 -2
- package/dist/CdsContentSwitcher/index.js +1 -1
- package/dist/CdsContentSwitcher/styles.css +3 -3
- package/dist/CdsDataTable/index.js +1 -1
- package/dist/CdsDataTable/styles.css +3 -3
- 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 +3 -3
- 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 +3 -3
- 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 +2 -2
- 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 +2 -2
- package/dist/CdsNotification/index.js +1 -1
- package/dist/CdsNotification/styles.css +3 -3
- package/dist/CdsOverflowMenu/index.js +1 -1
- package/dist/CdsOverflowMenu/styles.css +4 -4
- package/dist/CdsPagination/index.js +1 -1
- package/dist/CdsPagination/styles.css +3 -3
- package/dist/CdsRadioButton/index.js +1 -1
- package/dist/CdsRadioButton/styles.css +2 -2
- 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 +2 -2
- package/dist/CdsSteps/index.js +1 -1
- package/dist/CdsSteps/styles.css +4 -4
- package/dist/CdsTable/index.js +1 -1
- package/dist/CdsTable/styles.css +3 -3
- package/dist/CdsTabs/index.js +1 -1
- package/dist/CdsTabs/styles.css +2 -2
- package/dist/CdsTag/index.js +1 -1
- package/dist/CdsTag/styles.css +2 -2
- 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 +1 -1
- package/dist/CdsToggle/styles.css +2 -2
- package/dist/CdsTooltip/index.js +1 -1
- package/dist/CdsTooltip/styles.css +2 -2
- package/dist/CdsUploader/index.js +1 -1
- package/dist/CdsUploader/styles.css +3 -3
- package/dist/cds.css +14 -14
- package/dist/cds.js +1 -1
- package/dist/cds.min.css +2 -2
- package/dist/cds.min.js +1 -1
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* CDS v2.
|
|
2
|
+
* CDS v2.35.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)}@media (max-width: 41.98rem){.cds-button{font-size:var(--cds-font-body-size-xs)}}.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__badge{position:absolute;right:-.5rem;top:-.3125rem;z-index:600}.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)}@media (max-width: 41.98rem){.cds-button__size--lg{font-size:var(--cds-font-body-size-s)}}.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)}@media (max-width: 41.98rem){.cds-button__size--xl{font-size:var(--cds-font-body-size-m)}}.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}
|
|
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)}@media (max-width: 41.98rem){.cds-button{font-size:var(--cds-font-body-size-xs)}}.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-visible:before{border-color:var(--cds-color-interactive-01-focus)}.cds-button__primary:focus-visible: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-visible:before{border-color:var(--cds-color-interactive-02-focus)}.cds-button__secondary:focus-visible: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-visible:before{border-color:var(--cds-color-interactive-01-focus)}.cds-button__transparent:focus-visible: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-visible:before{border-color:var(--cds-color-interactive-01-focus)}.cds-button__inverse:focus-visible: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-visible:before{border-radius:0;border-color:var(--cds-color-interactive-01-focus)}.cds-button__icon:focus-visible:after{border-radius:0;border:0}.cds-button__icon:focus-visible 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-visible{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__badge{position:absolute;right:-.5rem;top:-.3125rem;z-index:600}.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)}@media (max-width: 41.98rem){.cds-button__size--lg{font-size:var(--cds-font-body-size-s)}}.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)}@media (max-width: 41.98rem){.cds-button__size--xl{font-size:var(--cds-font-body-size-m)}}.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-visible:not(.cds-state-disabled) .cds-button__tooltip{opacity:1;visibility:visible}
|
|
11
11
|
|
|
12
|
-
.cds-pagination{display:flex}.cds-pagination__arrow:hover:not(.cds-state-disabled) svg{fill:var(--cds-color-icon-default)}.cds-pagination__list{display:flex;list-style:none;margin:0;padding:0}.cds-pagination__page{width:1.5rem;color:var(--cds-color-link-default)}.cds-pagination__page--last{width:2rem}.cds-pagination__page:before,.cds-pagination__page:after{transition:none}.cds-pagination__page.cds-state-active{pointer-events:none;color:var(--cds-color-text-primary)}.cds-pagination__page.cds-state-active:before{border:none}@media (hover: none) and (pointer: coarse){.cds-pagination__page:hover{background-color:transparent}}.cds-pagination__more{position:relative}.cds-pagination__select{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--cds-color-text-primary);width:2rem;height:2rem;margin:0;padding:0;text-align:center;-moz-text-align-last:center;text-align-last:center;border:var(--cds-border-element-02) transparent;border-radius:0;transition:none;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;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)}@media (max-width: 41.98rem){.cds-pagination__select{font-size:var(--cds-font-body-size-xs)}}.cds-pagination__select svg{fill:var(--cds-color-icon-default)}.cds-pagination__select:hover{background-color:var(--cds-color-interactive-02-hover)}.cds-pagination__select:hover svg{fill:var(--cds-color-interactive-01-hover)}.cds-pagination__select:active{background-color:var(--cds-color-interactive-02-active)}.cds-pagination__select:active svg{fill:var(--cds-color-icon-default)}.cds-pagination__select:focus:before{border-radius:0;border-color:var(--cds-color-interactive-01-focus)}.cds-pagination__select:focus:after{border-radius:0;border:0}.cds-pagination__select:focus svg{fill:var(--cds-color-icon-default)}.cds-pagination__select.cds-state-disabled{cursor:not-allowed;background-color:transparent}.cds-pagination__select.cds-state-disabled svg{fill:var(--cds-color-disabled-02)}.cds-pagination__select::-ms-expand{display:none}.cds-pagination__select--padding-s{padding-left:.125rem;padding-right:.125rem}.cds-pagination__select--padding-m{padding-left:.25rem;padding-right:.25rem}.cds-pagination__select--padding-l{padding-left:.5rem;padding-right:.5rem}.cds-pagination__select option{text-align:left}.cds-pagination__select:focus{border-color:var(--cds-color-interactive-01-focus)}.cds-pagination__select--icon{position:absolute;display:flex;justify-content:center;align-items:center;pointer-events:none;top:0;left:0;width:100%;height:100%}@media (hover: none) and (pointer: coarse){.cds-pagination__select:hover{background-color:transparent}}
|
|
12
|
+
.cds-pagination{display:flex}.cds-pagination__arrow:hover:not(.cds-state-disabled) svg{fill:var(--cds-color-icon-default)}.cds-pagination__list{display:flex;list-style:none;margin:0;padding:0}.cds-pagination__page{width:1.5rem;color:var(--cds-color-link-default)}.cds-pagination__page--last{width:2rem}.cds-pagination__page:before,.cds-pagination__page:after{transition:none}.cds-pagination__page.cds-state-active{pointer-events:none;color:var(--cds-color-text-primary)}.cds-pagination__page.cds-state-active:before{border:none}@media (hover: none) and (pointer: coarse){.cds-pagination__page:hover{background-color:transparent}}.cds-pagination__more{position:relative}.cds-pagination__select{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--cds-color-text-primary);width:2rem;height:2rem;margin:0;padding:0;text-align:center;-moz-text-align-last:center;text-align-last:center;border:var(--cds-border-element-02) transparent;border-radius:0;transition:none;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;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)}@media (max-width: 41.98rem){.cds-pagination__select{font-size:var(--cds-font-body-size-xs)}}.cds-pagination__select svg{fill:var(--cds-color-icon-default)}.cds-pagination__select:hover{background-color:var(--cds-color-interactive-02-hover)}.cds-pagination__select:hover svg{fill:var(--cds-color-interactive-01-hover)}.cds-pagination__select:active{background-color:var(--cds-color-interactive-02-active)}.cds-pagination__select:active svg{fill:var(--cds-color-icon-default)}.cds-pagination__select:focus-visible:before{border-radius:0;border-color:var(--cds-color-interactive-01-focus)}.cds-pagination__select:focus-visible:after{border-radius:0;border:0}.cds-pagination__select:focus-visible svg{fill:var(--cds-color-icon-default)}.cds-pagination__select.cds-state-disabled{cursor:not-allowed;background-color:transparent}.cds-pagination__select.cds-state-disabled svg{fill:var(--cds-color-disabled-02)}.cds-pagination__select::-ms-expand{display:none}.cds-pagination__select--padding-s{padding-left:.125rem;padding-right:.125rem}.cds-pagination__select--padding-m{padding-left:.25rem;padding-right:.25rem}.cds-pagination__select--padding-l{padding-left:.5rem;padding-right:.5rem}.cds-pagination__select option{text-align:left}.cds-pagination__select:focus-visible{border-color:var(--cds-color-interactive-01-focus)}.cds-pagination__select--icon{position:absolute;display:flex;justify-content:center;align-items:center;pointer-events:none;top:0;left:0;width:100%;height:100%}@media (hover: none) and (pointer: coarse){.cds-pagination__select:hover{background-color:transparent}}
|
|
13
13
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* CDS v2.
|
|
2
|
+
* CDS v2.35.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>
|
|
@@ -11,5 +11,5 @@
|
|
|
11
11
|
|
|
12
12
|
.cds-text-input__field .cds-skeleton{border-radius:var(--cds-border-radius-s)}
|
|
13
13
|
|
|
14
|
-
@media (max-width: 41.98rem){.cds-radio-button{align-self:baseline;overflow-x:scroll}}.cds-radio-button__label{margin-bottom:.75rem;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-radio-button__description{margin-top:-.5rem;margin-bottom:1rem}.cds-radio-button__label-radio{z-index:2;display:flex;align-items:center;cursor:pointer;position:relative;padding-left:1.5rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;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)}@media (max-width: 41.98rem){.cds-radio-button__label-radio{font-size:var(--cds-font-body-size-xs)}}.cds-radio-button__label-radio:after,.cds-radio-button__label-radio:before{position:absolute;content:'';transition:50ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-radio-button__label-radio:before{width:1rem;height:1rem;border-radius:50%;border:var(--cds-border-element-01) var(--cds-color-border-element-primary);background-color:var(--cds-color-background-field-primary);left:0;top:0;bottom:0;margin:auto}.cds-radio-button__label-radio:hover:before{border-color:var(--cds-color-interactive-01-hover);background-color:var(--cds-color-interactive-02-hover)}.cds-radio-button__description-radio{padding-left:1.5rem;margin-top:.125rem;width:100%}.cds-radio-button input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;visibility:visible;white-space:nowrap}.cds-radio-button input:focus+label:before{border:var(--cds-border-element-02) var(--cds-color-interactive-01-focus)}.cds-radio-button input:checked+label:before{background-color:var(--cds-color-background-field-primary)}.cds-radio-button input:checked+label:after{width:.5rem;height:.5rem;top:0;bottom:0;left:4px;margin:auto;background-color:var(--cds-color-background-element-primary);border-radius:50%}.cds-radio-button input:checked+label:hover:before{border-color:var(--cds-color-interactive-01-active);background-color:var(--cds-color-interactive-02-hover)}.cds-radio-button.cds-radio-button--horizontal .cds-radio-button__container{position:relative;display:flex;align-items:flex-start}.cds-radio-button.cds-radio-button--horizontal .cds-radio-button__item{margin-right:1rem;margin-bottom:0}.cds-radio-button.cds-radio-button--horizontal .cds-radio-button__item input{left:0}.cds-radio-button.cds-radio-button--horizontal .cds-radio-button__item:last-child{margin-right:0}.cds-radio-button__container{display:block}.cds-radio-button__item{margin-right:0;margin-bottom:.5rem}.cds-radio-button__item:last-child{margin-bottom:0}.cds-radio-button__item.cds-state-disabled input,.cds-radio-button__item.cds-state-disabled label{cursor:not-allowed;color:var(--cds-color-disabled-02)}.cds-radio-button__item.cds-state-disabled label:before{border-color:var(--cds-color-disabled-02);background-color:var(--cds-color-disabled-01)}.cds-radio-button__item.cds-state-disabled label:after{background-color:var(--cds-color-disabled-02)}.cds-radio-button__skeleton .cds-radio-button__label-radio:before,.cds-radio-button__skeleton .cds-radio-button__label-radio:after{content:none}.cds-radio-button__skeleton .cds-radio-button__input--skeleton{position:absolute;left:0;border-radius:100%}
|
|
14
|
+
@media (max-width: 41.98rem){.cds-radio-button{align-self:baseline;overflow-x:scroll}}.cds-radio-button__label{margin-bottom:.75rem;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-radio-button__description{margin-top:-.5rem;margin-bottom:1rem}.cds-radio-button__label-radio{z-index:2;display:flex;align-items:center;cursor:pointer;position:relative;padding-left:1.5rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;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)}@media (max-width: 41.98rem){.cds-radio-button__label-radio{font-size:var(--cds-font-body-size-xs)}}.cds-radio-button__label-radio:after,.cds-radio-button__label-radio:before{position:absolute;content:'';transition:50ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-radio-button__label-radio:before{width:1rem;height:1rem;border-radius:50%;border:var(--cds-border-element-01) var(--cds-color-border-element-primary);background-color:var(--cds-color-background-field-primary);left:0;top:0;bottom:0;margin:auto}.cds-radio-button__label-radio:hover:before{border-color:var(--cds-color-interactive-01-hover);background-color:var(--cds-color-interactive-02-hover)}.cds-radio-button__description-radio{padding-left:1.5rem;margin-top:.125rem;width:100%}.cds-radio-button input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;visibility:visible;white-space:nowrap}.cds-radio-button input:focus-visible+label:before{border:var(--cds-border-element-02) var(--cds-color-interactive-01-focus)}.cds-radio-button input:checked+label:before{background-color:var(--cds-color-background-field-primary)}.cds-radio-button input:checked+label:after{width:.5rem;height:.5rem;top:0;bottom:0;left:4px;margin:auto;background-color:var(--cds-color-background-element-primary);border-radius:50%}.cds-radio-button input:checked+label:hover:before{border-color:var(--cds-color-interactive-01-active);background-color:var(--cds-color-interactive-02-hover)}.cds-radio-button.cds-radio-button--horizontal .cds-radio-button__container{position:relative;display:flex;align-items:flex-start}.cds-radio-button.cds-radio-button--horizontal .cds-radio-button__item{margin-right:1rem;margin-bottom:0}.cds-radio-button.cds-radio-button--horizontal .cds-radio-button__item input{left:0}.cds-radio-button.cds-radio-button--horizontal .cds-radio-button__item:last-child{margin-right:0}.cds-radio-button__container{display:block}.cds-radio-button__item{margin-right:0;margin-bottom:.5rem}.cds-radio-button__item:last-child{margin-bottom:0}.cds-radio-button__item.cds-state-disabled input,.cds-radio-button__item.cds-state-disabled label{cursor:not-allowed;color:var(--cds-color-disabled-02)}.cds-radio-button__item.cds-state-disabled label:before{border-color:var(--cds-color-disabled-02);background-color:var(--cds-color-disabled-01)}.cds-radio-button__item.cds-state-disabled label:after{background-color:var(--cds-color-disabled-02)}.cds-radio-button__skeleton .cds-radio-button__label-radio:before,.cds-radio-button__skeleton .cds-radio-button__label-radio:after{content:none}.cds-radio-button__skeleton .cds-radio-button__input--skeleton{position:absolute;left:0;border-radius:100%}
|
|
15
15
|
|
package/dist/CdsSearch/index.js
CHANGED
package/dist/CdsSelect/index.js
CHANGED
package/dist/CdsSidebar/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* CDS v2.
|
|
2
|
+
* CDS v2.35.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)}@media (max-width: 41.98rem){.cds-button{font-size:var(--cds-font-body-size-xs)}}.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__badge{position:absolute;right:-.5rem;top:-.3125rem;z-index:600}.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)}@media (max-width: 41.98rem){.cds-button__size--lg{font-size:var(--cds-font-body-size-s)}}.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)}@media (max-width: 41.98rem){.cds-button__size--xl{font-size:var(--cds-font-body-size-m)}}.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}
|
|
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)}@media (max-width: 41.98rem){.cds-button{font-size:var(--cds-font-body-size-xs)}}.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-visible:before{border-color:var(--cds-color-interactive-01-focus)}.cds-button__primary:focus-visible: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-visible:before{border-color:var(--cds-color-interactive-02-focus)}.cds-button__secondary:focus-visible: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-visible:before{border-color:var(--cds-color-interactive-01-focus)}.cds-button__transparent:focus-visible: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-visible:before{border-color:var(--cds-color-interactive-01-focus)}.cds-button__inverse:focus-visible: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-visible:before{border-radius:0;border-color:var(--cds-color-interactive-01-focus)}.cds-button__icon:focus-visible:after{border-radius:0;border:0}.cds-button__icon:focus-visible 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-visible{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__badge{position:absolute;right:-.5rem;top:-.3125rem;z-index:600}.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)}@media (max-width: 41.98rem){.cds-button__size--lg{font-size:var(--cds-font-body-size-s)}}.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)}@media (max-width: 41.98rem){.cds-button__size--xl{font-size:var(--cds-font-body-size-m)}}.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-visible: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/CdsStages/index.js
CHANGED
package/dist/CdsStatus/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* CDS v2.
|
|
2
|
+
* CDS v2.35.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>
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
|
|
10
10
|
|
|
11
11
|
|
|
12
|
-
.cds-tooltip{position:relative;align-items:center;display:flex}.cds-tooltip__trigger:not(.cds-state-disabled){cursor:pointer;display:flex;position:relative}.cds-tooltip__trigger:not(.cds-state-disabled):focus{outline:var(--cds-border-element-01) var(--cds-color-interactive-01-focus)}.cds-tooltip__definition{font-style:normal;outline-offset:1px;position:relative}.cds-tooltip__definition:before{position:absolute;content:'';bottom:0;left:0;height:0;width:100%;border-bottom:1px dashed var(--cds-color-link-default);outline:var(--cds-border-element-01) transparent}.cds-tooltip__definition:hover:before{border-color:var(--cds-color-interactive-01-hover)}.cds-tooltip__definition .cds-tooltip__content{padding:1rem}.cds-tooltip__content{display:block;position:absolute;border-radius:var(--cds-border-radius-s);background-color:var(--cds-color-background-inverse);color:var(--cds-color-text-inverse);padding:.125rem 1rem;opacity:0;visibility:hidden;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:288px;z-index:801;transition:opacity 100ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-tooltip__content:before{position:absolute;background:var(--cds-color-background-inverse);transform:rotate(-135deg);width:.5rem;height:.5rem;content:""}.cds-tooltip__content header h6{margin:0 0 .5rem 0}.cds-tooltip__content p,.cds-tooltip__content footer a{margin:0;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)}@media (max-width: 41.98rem){.cds-tooltip__content p,.cds-tooltip__content footer a{font-size:var(--cds-font-body-size-xs)}}.cds-tooltip__content footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.cds-tooltip__content.top:before{margin:0 auto;left:0;right:0;bottom:-.25rem}.cds-tooltip__content.top.start:before{margin-left:.75rem}.cds-tooltip__content.top.end:before{margin-right:.75rem}.cds-tooltip__content.bottom:before{margin:0 auto;left:0;right:0;top:-.25rem}.cds-tooltip__content.bottom.start:before{margin-left:.75rem}.cds-tooltip__content.bottom.end:before{margin-right:.75rem}.cds-tooltip__content.right:before{margin:auto 0;left:-.25rem;top:0;bottom:0}.cds-tooltip__content.right.start:before{margin-top:.5rem}.cds-tooltip__content.right.end:before{margin-bottom:.5rem}.cds-tooltip__content.left:before{margin:auto 0;right:-.25rem;top:0;bottom:0}.cds-tooltip__content.left.start:before{margin-top:.5rem}.cds-tooltip__content.left.end:before{margin-bottom:.5rem}.cds-tooltip__content--arrow{display:none}.cds-tooltip__content.cds-state-active{visibility:visible;opacity:1}.cds-tooltip__interactive{padding:1rem;display:block;position:absolute;border-radius:var(--cds-border-radius-s);background-color:var(--cds-color-background-inverse);color:var(--cds-color-text-inverse);opacity:0;visibility:hidden;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:288px;z-index:800;transition:opacity 100ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-tooltip__interactive:before{position:absolute;background:var(--cds-color-background-inverse);transform:rotate(-135deg);width:1rem;height:1rem;content:""}.cds-tooltip__interactive header h6{margin:0 0 .5rem 0}.cds-tooltip__interactive p,.cds-tooltip__interactive footer a{margin:0;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)}@media (max-width: 41.98rem){.cds-tooltip__interactive p,.cds-tooltip__interactive footer a{font-size:var(--cds-font-body-size-xs)}}.cds-tooltip__interactive footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.cds-tooltip__interactive.top:before{margin:0 auto;left:0;right:0;bottom:-.125rem}.cds-tooltip__interactive.top.start:before{margin-left:.5rem}.cds-tooltip__interactive.top.end:before{margin-right:.5rem}.cds-tooltip__interactive.bottom:before{margin:0 auto;left:0;right:0;top:-.25rem}.cds-tooltip__interactive.bottom.start:before{margin-left:.5rem}.cds-tooltip__interactive.bottom.end:before{margin-right:.5rem}.cds-tooltip__interactive.right:before{margin:auto 0;left:-.25rem;top:0;bottom:0}.cds-tooltip__interactive.right.start:before{margin-top:.5rem}.cds-tooltip__interactive.right.end:before{margin-bottom:.5rem}.cds-tooltip__interactive.left:before{margin:auto 0;right:-.25rem;top:0;bottom:0}.cds-tooltip__interactive.left.start:before{margin-top:.5rem}.cds-tooltip__interactive.left.end:before{margin-bottom:.5rem}.cds-tooltip__interactive--arrow{display:none}.cds-tooltip__interactive.cds-state-active{visibility:visible;opacity:1}.cds-tooltip__trigger{margin-left:.5rem}.cds-tooltip.cds-tooltip__trigger{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;margin-left:0}.cds-tooltip.cds-tooltip__trigger:focus{outline:none}.cds-tooltip.cds-tooltip__trigger:focus>i.cds-ico{outline:var(--cds-border-element-01) var(--cds-color-interactive-01-focus)}.cds-tooltip.cds-tooltip__trigger:hover .cds-tooltip__content,.cds-tooltip.cds-tooltip__trigger:focus .cds-tooltip__content,.cds-tooltip.cds-tooltip__trigger.cds-state-active .cds-tooltip__content{opacity:1;visibility:visible}@media (max-width: 41.98rem){.cds-tooltip.cds-tooltip__definition.cds-tooltip__trigger .cds-tooltip__content{position:fixed;height:-webkit-max-content;height:-moz-max-content;height:max-content;width:100%;max-width:100%;bottom:0;top:initial;left:0;transform:none;padding-top:0;padding-bottom:2rem;z-index:600;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)}}@media (max-width: 41.98rem) and (max-width: 41.98rem){.cds-tooltip.cds-tooltip__definition.cds-tooltip__trigger .cds-tooltip__content{font-size:var(--cds-font-body-size-s)}}@media (max-width: 41.98rem){.cds-tooltip.cds-tooltip__definition.cds-tooltip__trigger .cds-tooltip__content:before{content:none}.cds-tooltip.cds-tooltip__definition.cds-tooltip__trigger .cds-tooltip__content:hover,.cds-tooltip.cds-tooltip__definition.cds-tooltip__trigger .cds-tooltip__content:focus{opacity:0;visibility:hidden}.cds-tooltip.cds-tooltip__definition.cds-tooltip__trigger .cds-tooltip__content.top,.cds-tooltip.cds-tooltip__definition.cds-tooltip__trigger .cds-tooltip__content.bottom,.cds-tooltip.cds-tooltip__definition.cds-tooltip__trigger .cds-tooltip__content.right,.cds-tooltip.cds-tooltip__definition.cds-tooltip__trigger .cds-tooltip__content.left{margin:0}.cds-tooltip.cds-tooltip__definition.cds-tooltip__trigger .cds-tooltip__content--arrow{display:flex;background:transparent;margin:0 auto}.cds-tooltip.cds-tooltip__definition.cds-tooltip__trigger .cds-tooltip__content--arrow svg{fill:var(--cds-color-neutral-0)}}
|
|
12
|
+
.cds-tooltip{position:relative;align-items:center;display:flex}.cds-tooltip__trigger:not(.cds-state-disabled){cursor:pointer;display:flex;position:relative}.cds-tooltip__trigger:not(.cds-state-disabled):focus-visible{outline:var(--cds-border-element-01) var(--cds-color-interactive-01-focus)}.cds-tooltip__definition{font-style:normal;outline-offset:1px;position:relative}.cds-tooltip__definition:before{position:absolute;content:'';bottom:0;left:0;height:0;width:100%;border-bottom:1px dashed var(--cds-color-link-default);outline:var(--cds-border-element-01) transparent}.cds-tooltip__definition:hover:before{border-color:var(--cds-color-interactive-01-hover)}.cds-tooltip__definition .cds-tooltip__content{padding:1rem}.cds-tooltip__content{display:block;position:absolute;border-radius:var(--cds-border-radius-s);background-color:var(--cds-color-background-inverse);color:var(--cds-color-text-inverse);padding:.125rem 1rem;opacity:0;visibility:hidden;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:288px;z-index:801;transition:opacity 100ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-tooltip__content:before{position:absolute;background:var(--cds-color-background-inverse);transform:rotate(-135deg);width:.5rem;height:.5rem;content:""}.cds-tooltip__content header h6{margin:0 0 .5rem 0}.cds-tooltip__content p,.cds-tooltip__content footer a{margin:0;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)}@media (max-width: 41.98rem){.cds-tooltip__content p,.cds-tooltip__content footer a{font-size:var(--cds-font-body-size-xs)}}.cds-tooltip__content footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.cds-tooltip__content.top:before{margin:0 auto;left:0;right:0;bottom:-.25rem}.cds-tooltip__content.top.start:before{margin-left:.75rem}.cds-tooltip__content.top.end:before{margin-right:.75rem}.cds-tooltip__content.bottom:before{margin:0 auto;left:0;right:0;top:-.25rem}.cds-tooltip__content.bottom.start:before{margin-left:.75rem}.cds-tooltip__content.bottom.end:before{margin-right:.75rem}.cds-tooltip__content.right:before{margin:auto 0;left:-.25rem;top:0;bottom:0}.cds-tooltip__content.right.start:before{margin-top:.5rem}.cds-tooltip__content.right.end:before{margin-bottom:.5rem}.cds-tooltip__content.left:before{margin:auto 0;right:-.25rem;top:0;bottom:0}.cds-tooltip__content.left.start:before{margin-top:.5rem}.cds-tooltip__content.left.end:before{margin-bottom:.5rem}.cds-tooltip__content--arrow{display:none}.cds-tooltip__content.cds-state-active{visibility:visible;opacity:1}.cds-tooltip__interactive{padding:1rem;display:block;position:absolute;border-radius:var(--cds-border-radius-s);background-color:var(--cds-color-background-inverse);color:var(--cds-color-text-inverse);opacity:0;visibility:hidden;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:288px;z-index:800;transition:opacity 100ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-tooltip__interactive:before{position:absolute;background:var(--cds-color-background-inverse);transform:rotate(-135deg);width:1rem;height:1rem;content:""}.cds-tooltip__interactive header h6{margin:0 0 .5rem 0}.cds-tooltip__interactive p,.cds-tooltip__interactive footer a{margin:0;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)}@media (max-width: 41.98rem){.cds-tooltip__interactive p,.cds-tooltip__interactive footer a{font-size:var(--cds-font-body-size-xs)}}.cds-tooltip__interactive footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.cds-tooltip__interactive.top:before{margin:0 auto;left:0;right:0;bottom:-.125rem}.cds-tooltip__interactive.top.start:before{margin-left:.5rem}.cds-tooltip__interactive.top.end:before{margin-right:.5rem}.cds-tooltip__interactive.bottom:before{margin:0 auto;left:0;right:0;top:-.25rem}.cds-tooltip__interactive.bottom.start:before{margin-left:.5rem}.cds-tooltip__interactive.bottom.end:before{margin-right:.5rem}.cds-tooltip__interactive.right:before{margin:auto 0;left:-.25rem;top:0;bottom:0}.cds-tooltip__interactive.right.start:before{margin-top:.5rem}.cds-tooltip__interactive.right.end:before{margin-bottom:.5rem}.cds-tooltip__interactive.left:before{margin:auto 0;right:-.25rem;top:0;bottom:0}.cds-tooltip__interactive.left.start:before{margin-top:.5rem}.cds-tooltip__interactive.left.end:before{margin-bottom:.5rem}.cds-tooltip__interactive--arrow{display:none}.cds-tooltip__interactive.cds-state-active{visibility:visible;opacity:1}.cds-tooltip__trigger{margin-left:.5rem}.cds-tooltip.cds-tooltip__trigger{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;margin-left:0}.cds-tooltip.cds-tooltip__trigger:focus-visible{outline:none}.cds-tooltip.cds-tooltip__trigger:focus-visible>i.cds-ico{outline:var(--cds-border-element-01) var(--cds-color-interactive-01-focus)}.cds-tooltip.cds-tooltip__trigger:hover .cds-tooltip__content,.cds-tooltip.cds-tooltip__trigger:focus-visible .cds-tooltip__content,.cds-tooltip.cds-tooltip__trigger.cds-state-active .cds-tooltip__content{opacity:1;visibility:visible}@media (max-width: 41.98rem){.cds-tooltip.cds-tooltip__definition.cds-tooltip__trigger .cds-tooltip__content{position:fixed;height:-webkit-max-content;height:-moz-max-content;height:max-content;width:100%;max-width:100%;bottom:0;top:initial;left:0;transform:none;padding-top:0;padding-bottom:2rem;z-index:600;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)}}@media (max-width: 41.98rem) and (max-width: 41.98rem){.cds-tooltip.cds-tooltip__definition.cds-tooltip__trigger .cds-tooltip__content{font-size:var(--cds-font-body-size-s)}}@media (max-width: 41.98rem){.cds-tooltip.cds-tooltip__definition.cds-tooltip__trigger .cds-tooltip__content:before{content:none}.cds-tooltip.cds-tooltip__definition.cds-tooltip__trigger .cds-tooltip__content:hover,.cds-tooltip.cds-tooltip__definition.cds-tooltip__trigger .cds-tooltip__content:focus-visible{opacity:0;visibility:hidden}.cds-tooltip.cds-tooltip__definition.cds-tooltip__trigger .cds-tooltip__content.top,.cds-tooltip.cds-tooltip__definition.cds-tooltip__trigger .cds-tooltip__content.bottom,.cds-tooltip.cds-tooltip__definition.cds-tooltip__trigger .cds-tooltip__content.right,.cds-tooltip.cds-tooltip__definition.cds-tooltip__trigger .cds-tooltip__content.left{margin:0}.cds-tooltip.cds-tooltip__definition.cds-tooltip__trigger .cds-tooltip__content--arrow{display:flex;background:transparent;margin:0 auto}.cds-tooltip.cds-tooltip__definition.cds-tooltip__trigger .cds-tooltip__content--arrow svg{fill:var(--cds-color-neutral-0)}}
|
|
13
13
|
|
|
14
14
|
.cds-status{display:inline-flex;align-items:center;text-align:center;padding:0 .25rem;border-radius:var(--cds-border-radius-s);max-width:12rem;height:1rem}.cds-status__text{display:inline;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-wrap:normal;word-break:normal;font-size:var(--cds-font-heading-eyebrow);font-weight:var(--cds-font-weight-bold);font-family:var(--cds-font-family-sans);line-height:var(--cds-font-height-body);letter-spacing:0;text-transform:uppercase}.cds-status__primary--info{background-color:var(--cds-color-feedback-info-100);color:var(--cds-color-text-inverse)}.cds-status__primary--warning{background-color:var(--cds-color-feedback-warning-100);color:var(--cds-color-text-primary)}.cds-status__primary--success{background-color:var(--cds-color-feedback-success-100);color:var(--cds-color-text-inverse)}.cds-status__primary--error{background-color:var(--cds-color-feedback-error-100);color:var(--cds-color-text-inverse)}.cds-status__primary--progress{background-color:var(--cds-color-feedback-progress-100);color:var(--cds-color-text-inverse)}.cds-status__secondary--info{background-color:var(--cds-color-feedback-info-20);color:var(--cds-color-text-primary)}.cds-status__secondary--warning{background-color:var(--cds-color-feedback-warning-20);color:var(--cds-color-text-primary)}.cds-status__secondary--success{background-color:var(--cds-color-feedback-success-20);color:var(--cds-color-text-primary)}.cds-status__secondary--error{background-color:var(--cds-color-feedback-error-20);color:var(--cds-color-text-primary)}.cds-status__secondary--progress{background-color:var(--cds-color-feedback-progress-20);color:var(--cds-color-text-primary)}.cds-status__tooltip{vertical-align:text-bottom}
|
|
15
15
|
|
package/dist/CdsSteps/index.js
CHANGED
package/dist/CdsSteps/styles.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* CDS v2.
|
|
2
|
+
* CDS v2.35.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,13 +7,13 @@
|
|
|
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)}@media (max-width: 41.98rem){.cds-button{font-size:var(--cds-font-body-size-xs)}}.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__badge{position:absolute;right:-.5rem;top:-.3125rem;z-index:600}.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)}@media (max-width: 41.98rem){.cds-button__size--lg{font-size:var(--cds-font-body-size-s)}}.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)}@media (max-width: 41.98rem){.cds-button__size--xl{font-size:var(--cds-font-body-size-m)}}.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}
|
|
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)}@media (max-width: 41.98rem){.cds-button{font-size:var(--cds-font-body-size-xs)}}.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-visible:before{border-color:var(--cds-color-interactive-01-focus)}.cds-button__primary:focus-visible: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-visible:before{border-color:var(--cds-color-interactive-02-focus)}.cds-button__secondary:focus-visible: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-visible:before{border-color:var(--cds-color-interactive-01-focus)}.cds-button__transparent:focus-visible: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-visible:before{border-color:var(--cds-color-interactive-01-focus)}.cds-button__inverse:focus-visible: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-visible:before{border-radius:0;border-color:var(--cds-color-interactive-01-focus)}.cds-button__icon:focus-visible:after{border-radius:0;border:0}.cds-button__icon:focus-visible 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-visible{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__badge{position:absolute;right:-.5rem;top:-.3125rem;z-index:600}.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)}@media (max-width: 41.98rem){.cds-button__size--lg{font-size:var(--cds-font-body-size-s)}}.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)}@media (max-width: 41.98rem){.cds-button__size--xl{font-size:var(--cds-font-body-size-m)}}.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-visible: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
|
|
|
14
14
|
|
|
15
15
|
|
|
16
|
-
.cds-tooltip{position:relative;align-items:center;display:flex}.cds-tooltip__trigger:not(.cds-state-disabled){cursor:pointer;display:flex;position:relative}.cds-tooltip__trigger:not(.cds-state-disabled):focus{outline:var(--cds-border-element-01) var(--cds-color-interactive-01-focus)}.cds-tooltip__definition{font-style:normal;outline-offset:1px;position:relative}.cds-tooltip__definition:before{position:absolute;content:'';bottom:0;left:0;height:0;width:100%;border-bottom:1px dashed var(--cds-color-link-default);outline:var(--cds-border-element-01) transparent}.cds-tooltip__definition:hover:before{border-color:var(--cds-color-interactive-01-hover)}.cds-tooltip__definition .cds-tooltip__content{padding:1rem}.cds-tooltip__content{display:block;position:absolute;border-radius:var(--cds-border-radius-s);background-color:var(--cds-color-background-inverse);color:var(--cds-color-text-inverse);padding:.125rem 1rem;opacity:0;visibility:hidden;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:288px;z-index:801;transition:opacity 100ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-tooltip__content:before{position:absolute;background:var(--cds-color-background-inverse);transform:rotate(-135deg);width:.5rem;height:.5rem;content:""}.cds-tooltip__content header h6{margin:0 0 .5rem 0}.cds-tooltip__content p,.cds-tooltip__content footer a{margin:0;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)}@media (max-width: 41.98rem){.cds-tooltip__content p,.cds-tooltip__content footer a{font-size:var(--cds-font-body-size-xs)}}.cds-tooltip__content footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.cds-tooltip__content.top:before{margin:0 auto;left:0;right:0;bottom:-.25rem}.cds-tooltip__content.top.start:before{margin-left:.75rem}.cds-tooltip__content.top.end:before{margin-right:.75rem}.cds-tooltip__content.bottom:before{margin:0 auto;left:0;right:0;top:-.25rem}.cds-tooltip__content.bottom.start:before{margin-left:.75rem}.cds-tooltip__content.bottom.end:before{margin-right:.75rem}.cds-tooltip__content.right:before{margin:auto 0;left:-.25rem;top:0;bottom:0}.cds-tooltip__content.right.start:before{margin-top:.5rem}.cds-tooltip__content.right.end:before{margin-bottom:.5rem}.cds-tooltip__content.left:before{margin:auto 0;right:-.25rem;top:0;bottom:0}.cds-tooltip__content.left.start:before{margin-top:.5rem}.cds-tooltip__content.left.end:before{margin-bottom:.5rem}.cds-tooltip__content--arrow{display:none}.cds-tooltip__content.cds-state-active{visibility:visible;opacity:1}.cds-tooltip__interactive{padding:1rem;display:block;position:absolute;border-radius:var(--cds-border-radius-s);background-color:var(--cds-color-background-inverse);color:var(--cds-color-text-inverse);opacity:0;visibility:hidden;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:288px;z-index:800;transition:opacity 100ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-tooltip__interactive:before{position:absolute;background:var(--cds-color-background-inverse);transform:rotate(-135deg);width:1rem;height:1rem;content:""}.cds-tooltip__interactive header h6{margin:0 0 .5rem 0}.cds-tooltip__interactive p,.cds-tooltip__interactive footer a{margin:0;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)}@media (max-width: 41.98rem){.cds-tooltip__interactive p,.cds-tooltip__interactive footer a{font-size:var(--cds-font-body-size-xs)}}.cds-tooltip__interactive footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.cds-tooltip__interactive.top:before{margin:0 auto;left:0;right:0;bottom:-.125rem}.cds-tooltip__interactive.top.start:before{margin-left:.5rem}.cds-tooltip__interactive.top.end:before{margin-right:.5rem}.cds-tooltip__interactive.bottom:before{margin:0 auto;left:0;right:0;top:-.25rem}.cds-tooltip__interactive.bottom.start:before{margin-left:.5rem}.cds-tooltip__interactive.bottom.end:before{margin-right:.5rem}.cds-tooltip__interactive.right:before{margin:auto 0;left:-.25rem;top:0;bottom:0}.cds-tooltip__interactive.right.start:before{margin-top:.5rem}.cds-tooltip__interactive.right.end:before{margin-bottom:.5rem}.cds-tooltip__interactive.left:before{margin:auto 0;right:-.25rem;top:0;bottom:0}.cds-tooltip__interactive.left.start:before{margin-top:.5rem}.cds-tooltip__interactive.left.end:before{margin-bottom:.5rem}.cds-tooltip__interactive--arrow{display:none}.cds-tooltip__interactive.cds-state-active{visibility:visible;opacity:1}.cds-tooltip__trigger{margin-left:.5rem}.cds-tooltip.cds-tooltip__trigger{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;margin-left:0}.cds-tooltip.cds-tooltip__trigger:focus{outline:none}.cds-tooltip.cds-tooltip__trigger:focus>i.cds-ico{outline:var(--cds-border-element-01) var(--cds-color-interactive-01-focus)}.cds-tooltip.cds-tooltip__trigger:hover .cds-tooltip__content,.cds-tooltip.cds-tooltip__trigger:focus .cds-tooltip__content,.cds-tooltip.cds-tooltip__trigger.cds-state-active .cds-tooltip__content{opacity:1;visibility:visible}@media (max-width: 41.98rem){.cds-tooltip.cds-tooltip__definition.cds-tooltip__trigger .cds-tooltip__content{position:fixed;height:-webkit-max-content;height:-moz-max-content;height:max-content;width:100%;max-width:100%;bottom:0;top:initial;left:0;transform:none;padding-top:0;padding-bottom:2rem;z-index:600;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)}}@media (max-width: 41.98rem) and (max-width: 41.98rem){.cds-tooltip.cds-tooltip__definition.cds-tooltip__trigger .cds-tooltip__content{font-size:var(--cds-font-body-size-s)}}@media (max-width: 41.98rem){.cds-tooltip.cds-tooltip__definition.cds-tooltip__trigger .cds-tooltip__content:before{content:none}.cds-tooltip.cds-tooltip__definition.cds-tooltip__trigger .cds-tooltip__content:hover,.cds-tooltip.cds-tooltip__definition.cds-tooltip__trigger .cds-tooltip__content:focus{opacity:0;visibility:hidden}.cds-tooltip.cds-tooltip__definition.cds-tooltip__trigger .cds-tooltip__content.top,.cds-tooltip.cds-tooltip__definition.cds-tooltip__trigger .cds-tooltip__content.bottom,.cds-tooltip.cds-tooltip__definition.cds-tooltip__trigger .cds-tooltip__content.right,.cds-tooltip.cds-tooltip__definition.cds-tooltip__trigger .cds-tooltip__content.left{margin:0}.cds-tooltip.cds-tooltip__definition.cds-tooltip__trigger .cds-tooltip__content--arrow{display:flex;background:transparent;margin:0 auto}.cds-tooltip.cds-tooltip__definition.cds-tooltip__trigger .cds-tooltip__content--arrow svg{fill:var(--cds-color-neutral-0)}}
|
|
16
|
+
.cds-tooltip{position:relative;align-items:center;display:flex}.cds-tooltip__trigger:not(.cds-state-disabled){cursor:pointer;display:flex;position:relative}.cds-tooltip__trigger:not(.cds-state-disabled):focus-visible{outline:var(--cds-border-element-01) var(--cds-color-interactive-01-focus)}.cds-tooltip__definition{font-style:normal;outline-offset:1px;position:relative}.cds-tooltip__definition:before{position:absolute;content:'';bottom:0;left:0;height:0;width:100%;border-bottom:1px dashed var(--cds-color-link-default);outline:var(--cds-border-element-01) transparent}.cds-tooltip__definition:hover:before{border-color:var(--cds-color-interactive-01-hover)}.cds-tooltip__definition .cds-tooltip__content{padding:1rem}.cds-tooltip__content{display:block;position:absolute;border-radius:var(--cds-border-radius-s);background-color:var(--cds-color-background-inverse);color:var(--cds-color-text-inverse);padding:.125rem 1rem;opacity:0;visibility:hidden;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:288px;z-index:801;transition:opacity 100ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-tooltip__content:before{position:absolute;background:var(--cds-color-background-inverse);transform:rotate(-135deg);width:.5rem;height:.5rem;content:""}.cds-tooltip__content header h6{margin:0 0 .5rem 0}.cds-tooltip__content p,.cds-tooltip__content footer a{margin:0;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)}@media (max-width: 41.98rem){.cds-tooltip__content p,.cds-tooltip__content footer a{font-size:var(--cds-font-body-size-xs)}}.cds-tooltip__content footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.cds-tooltip__content.top:before{margin:0 auto;left:0;right:0;bottom:-.25rem}.cds-tooltip__content.top.start:before{margin-left:.75rem}.cds-tooltip__content.top.end:before{margin-right:.75rem}.cds-tooltip__content.bottom:before{margin:0 auto;left:0;right:0;top:-.25rem}.cds-tooltip__content.bottom.start:before{margin-left:.75rem}.cds-tooltip__content.bottom.end:before{margin-right:.75rem}.cds-tooltip__content.right:before{margin:auto 0;left:-.25rem;top:0;bottom:0}.cds-tooltip__content.right.start:before{margin-top:.5rem}.cds-tooltip__content.right.end:before{margin-bottom:.5rem}.cds-tooltip__content.left:before{margin:auto 0;right:-.25rem;top:0;bottom:0}.cds-tooltip__content.left.start:before{margin-top:.5rem}.cds-tooltip__content.left.end:before{margin-bottom:.5rem}.cds-tooltip__content--arrow{display:none}.cds-tooltip__content.cds-state-active{visibility:visible;opacity:1}.cds-tooltip__interactive{padding:1rem;display:block;position:absolute;border-radius:var(--cds-border-radius-s);background-color:var(--cds-color-background-inverse);color:var(--cds-color-text-inverse);opacity:0;visibility:hidden;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:288px;z-index:800;transition:opacity 100ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-tooltip__interactive:before{position:absolute;background:var(--cds-color-background-inverse);transform:rotate(-135deg);width:1rem;height:1rem;content:""}.cds-tooltip__interactive header h6{margin:0 0 .5rem 0}.cds-tooltip__interactive p,.cds-tooltip__interactive footer a{margin:0;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)}@media (max-width: 41.98rem){.cds-tooltip__interactive p,.cds-tooltip__interactive footer a{font-size:var(--cds-font-body-size-xs)}}.cds-tooltip__interactive footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.cds-tooltip__interactive.top:before{margin:0 auto;left:0;right:0;bottom:-.125rem}.cds-tooltip__interactive.top.start:before{margin-left:.5rem}.cds-tooltip__interactive.top.end:before{margin-right:.5rem}.cds-tooltip__interactive.bottom:before{margin:0 auto;left:0;right:0;top:-.25rem}.cds-tooltip__interactive.bottom.start:before{margin-left:.5rem}.cds-tooltip__interactive.bottom.end:before{margin-right:.5rem}.cds-tooltip__interactive.right:before{margin:auto 0;left:-.25rem;top:0;bottom:0}.cds-tooltip__interactive.right.start:before{margin-top:.5rem}.cds-tooltip__interactive.right.end:before{margin-bottom:.5rem}.cds-tooltip__interactive.left:before{margin:auto 0;right:-.25rem;top:0;bottom:0}.cds-tooltip__interactive.left.start:before{margin-top:.5rem}.cds-tooltip__interactive.left.end:before{margin-bottom:.5rem}.cds-tooltip__interactive--arrow{display:none}.cds-tooltip__interactive.cds-state-active{visibility:visible;opacity:1}.cds-tooltip__trigger{margin-left:.5rem}.cds-tooltip.cds-tooltip__trigger{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;margin-left:0}.cds-tooltip.cds-tooltip__trigger:focus-visible{outline:none}.cds-tooltip.cds-tooltip__trigger:focus-visible>i.cds-ico{outline:var(--cds-border-element-01) var(--cds-color-interactive-01-focus)}.cds-tooltip.cds-tooltip__trigger:hover .cds-tooltip__content,.cds-tooltip.cds-tooltip__trigger:focus-visible .cds-tooltip__content,.cds-tooltip.cds-tooltip__trigger.cds-state-active .cds-tooltip__content{opacity:1;visibility:visible}@media (max-width: 41.98rem){.cds-tooltip.cds-tooltip__definition.cds-tooltip__trigger .cds-tooltip__content{position:fixed;height:-webkit-max-content;height:-moz-max-content;height:max-content;width:100%;max-width:100%;bottom:0;top:initial;left:0;transform:none;padding-top:0;padding-bottom:2rem;z-index:600;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)}}@media (max-width: 41.98rem) and (max-width: 41.98rem){.cds-tooltip.cds-tooltip__definition.cds-tooltip__trigger .cds-tooltip__content{font-size:var(--cds-font-body-size-s)}}@media (max-width: 41.98rem){.cds-tooltip.cds-tooltip__definition.cds-tooltip__trigger .cds-tooltip__content:before{content:none}.cds-tooltip.cds-tooltip__definition.cds-tooltip__trigger .cds-tooltip__content:hover,.cds-tooltip.cds-tooltip__definition.cds-tooltip__trigger .cds-tooltip__content:focus-visible{opacity:0;visibility:hidden}.cds-tooltip.cds-tooltip__definition.cds-tooltip__trigger .cds-tooltip__content.top,.cds-tooltip.cds-tooltip__definition.cds-tooltip__trigger .cds-tooltip__content.bottom,.cds-tooltip.cds-tooltip__definition.cds-tooltip__trigger .cds-tooltip__content.right,.cds-tooltip.cds-tooltip__definition.cds-tooltip__trigger .cds-tooltip__content.left{margin:0}.cds-tooltip.cds-tooltip__definition.cds-tooltip__trigger .cds-tooltip__content--arrow{display:flex;background:transparent;margin:0 auto}.cds-tooltip.cds-tooltip__definition.cds-tooltip__trigger .cds-tooltip__content--arrow svg{fill:var(--cds-color-neutral-0)}}
|
|
17
17
|
|
|
18
|
-
.cds-steps{display:flex;list-style:none;margin:0;padding:0;border:0}.cds-steps__container{position:relative}@media (min-width: 42rem){.cds-steps__container--full-width{width:100%}}@media (max-width: 41.98rem){.cds-steps{height:4.75rem;width:320px;overflow:hidden}}@media (min-width: 42rem){.cds-steps--vertical{display:flex;flex-direction:column}.cds-steps--full-width{width:100%}}.cds-steps-mobile__button-left{display:none;position:absolute;top:50%;transform:translate(0, -50%);left:.5rem}@media (max-width: 41.98rem){.cds-steps-mobile__button-left{display:flex}}.cds-steps-mobile__button-right{display:none;position:absolute;top:50%;transform:translate(0, -50%);right:.5rem}@media (max-width: 41.98rem){.cds-steps-mobile__button-right{display:flex}}.cds-step{position:relative;min-width:6rem;width:8rem;cursor:pointer}@media (max-width: 41.98rem){.cds-step__regular{display:none}}.cds-step__mobile{display:none}@media (max-width: 41.98rem){.cds-step__mobile{display:flex}}@media (max-width: 41.98rem){.cds-step{max-width:100%;min-width:20rem;height:4.75rem}.cds-step__mobile--description{width:auto}.cds-step__mobile--container{min-height:4.75rem;min-width:20rem;display:flex;padding-left:3rem;padding-right:3rem;flex-direction:column;align-items:center;justify-content:space-between}.cds-step__mobile--container--without-description{justify-content:center}.cds-step__mobile--title{justify-content:center;max-width:100%;padding-top:.125rem;z-index:100}.cds-step__mobile--label{font-family:var(--cds-font-family-sans);font-size:var(--cds-font-heading-5);line-height:var(--cds-font-height-heading);font-weight:var(--cds-font-weight-bold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media (max-width: 41.98rem) and (max-width: 41.98rem){.cds-step__mobile--label{font-size:var(--cds-font-heading-6)}}.cds-step__icon{flex-shrink:0;margin:0 .125rem;width:1rem;height:1rem;border-radius:50%}.cds-step__indicator{width:100%;height:1px;margin-top:.5rem;background-color:var(--cds-color-border-element-primary)}.cds-step__status{display:flex;margin-bottom:.125rem}.cds-step__content{margin-right:1rem;margin-left:.125rem}.cds-step__label{margin:0;color:var(--cds-color-text-label);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;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-step__description{margin:0;color:var(--cds-color-text-description);word-break:break-word;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:100%}.cds-step__tooltip{pointer-events:none}.cds-step__tooltip span{left:.125rem}.cds-step--tooltip-reverse .cds-step__tooltip span[role="tooltip"][class^=content]{left:auto;right:.125rem}.cds-step--tooltip-reverse.cds-step--vertical .cds-step__tooltip span[role="tooltip"][class^="content"]{left:auto;right:100%}@media (min-width: 42rem){.cds-step--vertical .cds-step__regular{display:flex;min-height:3rem}.cds-step--vertical .cds-step__regular .cds-step__indicator{height:100%;width:1px;margin-left:.625rem;margin-top:.125rem}.cds-step--vertical .cds-step__regular .cds-step__status{display:flex;flex-direction:column}.cds-step--vertical .cds-step__regular .cds-step__content{width:8rem;margin-right:0;margin-bottom:1rem}}@media (min-width: 42rem){.cds-step--full-width{width:100%}.cds-step--full-width .cds-step__content{width:auto}.cds-step--full-width .cds-step__label{text-overflow:initial;white-space:initial}}.cds-step--incomplete .cds-step__icon svg{fill:var(--cds-color-border-element-primary)}.cds-step--current .cds-step__icon svg{fill:var(--cds-color-interactive-01-default)}.cds-step--complete .cds-step__icon svg{fill:var(--cds-color-interactive-01-default)}.cds-step--complete .cds-step__indicator{background-color:var(--cds-color-interactive-01-default)}.cds-step.cds-state-invalid .cds-step__icon svg{fill:var(--cds-color-feedback-error-100)}.cds-step.cds-state-disabled{cursor:not-allowed}.cds-step.cds-state-disabled .cds-step__icon svg{fill:var(--cds-color-disabled-02)}.cds-step.cds-state-disabled .cds-step__label,.cds-step.cds-state-disabled .cds-step__description,.cds-step.cds-state-disabled .cds-step__mobile--description,.cds-step.cds-state-disabled .cds-step__mobile--label{color:var(--cds-color-disabled-02)}.cds-step.cds-state-disabled:hover .cds-step__icon svg{fill:var(--cds-color-disabled-02)}.cds-step.cds-state-disabled:focus .cds-step__icon{box-shadow:none}.cds-step:hover .cds-step__icon svg{fill:var(--cds-color-interactive-01-hover)}.cds-step:focus{outline:0}.cds-step:focus .cds-step__icon{box-shadow:0 0 0 2px var(--cds-color-interactive-01-default)}
|
|
18
|
+
.cds-steps{display:flex;list-style:none;margin:0;padding:0;border:0}.cds-steps__container{position:relative}@media (min-width: 42rem){.cds-steps__container--full-width{width:100%}}@media (max-width: 41.98rem){.cds-steps{height:4.75rem;width:320px;overflow:hidden}}@media (min-width: 42rem){.cds-steps--vertical{display:flex;flex-direction:column}.cds-steps--full-width{width:100%}}.cds-steps-mobile__button-left{display:none;position:absolute;top:50%;transform:translate(0, -50%);left:.5rem}@media (max-width: 41.98rem){.cds-steps-mobile__button-left{display:flex}}.cds-steps-mobile__button-right{display:none;position:absolute;top:50%;transform:translate(0, -50%);right:.5rem}@media (max-width: 41.98rem){.cds-steps-mobile__button-right{display:flex}}.cds-step{position:relative;min-width:6rem;width:8rem;cursor:pointer}@media (max-width: 41.98rem){.cds-step__regular{display:none}}.cds-step__mobile{display:none}@media (max-width: 41.98rem){.cds-step__mobile{display:flex}}@media (max-width: 41.98rem){.cds-step{max-width:100%;min-width:20rem;height:4.75rem}.cds-step__mobile--description{width:auto}.cds-step__mobile--container{min-height:4.75rem;min-width:20rem;display:flex;padding-left:3rem;padding-right:3rem;flex-direction:column;align-items:center;justify-content:space-between}.cds-step__mobile--container--without-description{justify-content:center}.cds-step__mobile--title{justify-content:center;max-width:100%;padding-top:.125rem;z-index:100}.cds-step__mobile--label{font-family:var(--cds-font-family-sans);font-size:var(--cds-font-heading-5);line-height:var(--cds-font-height-heading);font-weight:var(--cds-font-weight-bold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media (max-width: 41.98rem) and (max-width: 41.98rem){.cds-step__mobile--label{font-size:var(--cds-font-heading-6)}}.cds-step__icon{flex-shrink:0;margin:0 .125rem;width:1rem;height:1rem;border-radius:50%}.cds-step__indicator{width:100%;height:1px;margin-top:.5rem;background-color:var(--cds-color-border-element-primary)}.cds-step__status{display:flex;margin-bottom:.125rem}.cds-step__content{margin-right:1rem;margin-left:.125rem}.cds-step__label{margin:0;color:var(--cds-color-text-label);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;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-step__description{margin:0;color:var(--cds-color-text-description);word-break:break-word;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:100%}.cds-step__tooltip{pointer-events:none}.cds-step__tooltip span{left:.125rem}.cds-step--tooltip-reverse .cds-step__tooltip span[role="tooltip"][class^=content]{left:auto;right:.125rem}.cds-step--tooltip-reverse.cds-step--vertical .cds-step__tooltip span[role="tooltip"][class^="content"]{left:auto;right:100%}@media (min-width: 42rem){.cds-step--vertical .cds-step__regular{display:flex;min-height:3rem}.cds-step--vertical .cds-step__regular .cds-step__indicator{height:100%;width:1px;margin-left:.625rem;margin-top:.125rem}.cds-step--vertical .cds-step__regular .cds-step__status{display:flex;flex-direction:column}.cds-step--vertical .cds-step__regular .cds-step__content{width:8rem;margin-right:0;margin-bottom:1rem}}@media (min-width: 42rem){.cds-step--full-width{width:100%}.cds-step--full-width .cds-step__content{width:auto}.cds-step--full-width .cds-step__label{text-overflow:initial;white-space:initial}}.cds-step--incomplete .cds-step__icon svg{fill:var(--cds-color-border-element-primary)}.cds-step--current .cds-step__icon svg{fill:var(--cds-color-interactive-01-default)}.cds-step--complete .cds-step__icon svg{fill:var(--cds-color-interactive-01-default)}.cds-step--complete .cds-step__indicator{background-color:var(--cds-color-interactive-01-default)}.cds-step.cds-state-invalid .cds-step__icon svg{fill:var(--cds-color-feedback-error-100)}.cds-step.cds-state-disabled{cursor:not-allowed}.cds-step.cds-state-disabled .cds-step__icon svg{fill:var(--cds-color-disabled-02)}.cds-step.cds-state-disabled .cds-step__label,.cds-step.cds-state-disabled .cds-step__description,.cds-step.cds-state-disabled .cds-step__mobile--description,.cds-step.cds-state-disabled .cds-step__mobile--label{color:var(--cds-color-disabled-02)}.cds-step.cds-state-disabled:hover .cds-step__icon svg{fill:var(--cds-color-disabled-02)}.cds-step.cds-state-disabled:focus-visible .cds-step__icon{box-shadow:none}.cds-step:hover .cds-step__icon svg{fill:var(--cds-color-interactive-01-hover)}.cds-step:focus-visible{outline:0}.cds-step:focus-visible .cds-step__icon{box-shadow:0 0 0 2px var(--cds-color-interactive-01-default)}
|
|
19
19
|
|
package/dist/CdsTable/index.js
CHANGED
package/dist/CdsTable/styles.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* CDS v2.
|
|
2
|
+
* CDS v2.35.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>
|
|
@@ -11,11 +11,11 @@
|
|
|
11
11
|
|
|
12
12
|
.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}
|
|
13
13
|
|
|
14
|
-
.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)}@media (max-width: 41.98rem){.cds-button{font-size:var(--cds-font-body-size-xs)}}.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__badge{position:absolute;right:-.5rem;top:-.3125rem;z-index:600}.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)}@media (max-width: 41.98rem){.cds-button__size--lg{font-size:var(--cds-font-body-size-s)}}.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)}@media (max-width: 41.98rem){.cds-button__size--xl{font-size:var(--cds-font-body-size-m)}}.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}
|
|
14
|
+
.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)}@media (max-width: 41.98rem){.cds-button{font-size:var(--cds-font-body-size-xs)}}.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-visible:before{border-color:var(--cds-color-interactive-01-focus)}.cds-button__primary:focus-visible: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-visible:before{border-color:var(--cds-color-interactive-02-focus)}.cds-button__secondary:focus-visible: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-visible:before{border-color:var(--cds-color-interactive-01-focus)}.cds-button__transparent:focus-visible: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-visible:before{border-color:var(--cds-color-interactive-01-focus)}.cds-button__inverse:focus-visible: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-visible:before{border-radius:0;border-color:var(--cds-color-interactive-01-focus)}.cds-button__icon:focus-visible:after{border-radius:0;border:0}.cds-button__icon:focus-visible 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-visible{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__badge{position:absolute;right:-.5rem;top:-.3125rem;z-index:600}.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)}@media (max-width: 41.98rem){.cds-button__size--lg{font-size:var(--cds-font-body-size-s)}}.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)}@media (max-width: 41.98rem){.cds-button__size--xl{font-size:var(--cds-font-body-size-m)}}.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-visible:not(.cds-state-disabled) .cds-button__tooltip{opacity:1;visibility:visible}
|
|
15
15
|
|
|
16
16
|
.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)}@media (max-width: 41.98rem){.cds-input input{font-size:var(--cds-font-body-size-xs)}}.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)}
|
|
17
17
|
|
|
18
18
|
.cds-text-input__field .cds-skeleton{border-radius:var(--cds-border-radius-s)}
|
|
19
19
|
|
|
20
|
-
.cds-checkbox__label{z-index:2;display:flex;align-items:center;cursor:pointer;position:relative;padding-left:1.5rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;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)}@media (max-width: 41.98rem){.cds-checkbox__label{font-size:var(--cds-font-body-size-xs)}}.cds-checkbox__label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cds-checkbox__label:after,.cds-checkbox__label:before{position:absolute;content:'';transition:50ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-checkbox__label:before{width:1rem;height:1rem;border-radius:var(--cds-border-radius-s);border:var(--cds-border-element-01);border-color:var(--cds-color-border-element-primary);background-color:var(--cds-color-background-field-primary);left:0;top:0;bottom:0;margin:auto}.cds-checkbox__description{padding-left:1.5rem;margin-top:.125rem;width:100%}.cds-checkbox__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;visibility:visible;white-space:nowrap}.cds-checkbox__input:focus ~ .cds-checkbox__label:before{border:var(--cds-border-element-02) var(--cds-color-interactive-01-focus)}.cds-checkbox__group-label{margin-bottom:.75rem;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-checkbox__group-description{margin-top:-.5rem;margin-bottom:1rem;width:100%}.cds-checkbox__group .cds-checkbox{margin-bottom:.5rem}.cds-checkbox__group .cds-checkbox:last-child{margin-bottom:0}.cds-checkbox__group--horizontal .cds-checkbox__container{position:relative;display:flex;align-items:flex-start}.cds-checkbox__group--horizontal .cds-checkbox{margin-right:1rem;margin-bottom:0}.cds-checkbox__group--horizontal .cds-checkbox input{left:0}.cds-checkbox__group--horizontal .cds-checkbox:last-child{margin-right:0}.cds-checkbox.cds-state-checked .cds-checkbox__label:before{border-color:var(--cds-color-border-element-primary);background-color:var(--cds-color-background-field-primary)}.cds-checkbox.cds-state-checked .cds-checkbox__label:after{width:.375rem;height:.625rem;top:-.125rem;bottom:0;margin:auto;left:.3125rem;border-right:var(--cds-border-element-02) var(--cds-color-background-element-primary);border-bottom:var(--cds-border-element-02) var(--cds-color-background-element-primary);transform:rotate(33deg);transform-origin:center}.cds-checkbox.cds-state-indeterminate:not(.cds-state-checked) .cds-checkbox__label:before{background-color:var(--cds-color-background-field-primary)}.cds-checkbox.cds-state-indeterminate:not(.cds-state-checked) .cds-checkbox__label:after{width:0;height:.625rem;top:0;bottom:0;margin:auto;left:7px;border-right:var(--cds-border-element-02) var(--cds-color-background-element-primary);border-bottom-width:0;transform:rotate(90deg);transform-origin:center}.cds-checkbox:hover:not(.cds-state-disabled) .cds-checkbox__label:before{border-color:var(--cds-color-interactive-01-hover);background-color:var(--cds-color-interactive-02-hover)}.cds-checkbox:hover:not(.cds-state-disabled).cds-state-checked .cds-checkbox__label:before,.cds-checkbox:hover:not(.cds-state-disabled).cds-state-indeterminate .cds-checkbox__label:before{border-color:var(--cds-color-interactive-01-active);background-color:var(--cds-color-interactive-02-hover)}.cds-checkbox.cds-state-disabled .cds-checkbox__label,.cds-checkbox.cds-state-disabled .cds-checkbox__input{cursor:not-allowed;color:var(--cds-color-disabled-02) !important}.cds-checkbox.cds-state-disabled .cds-checkbox__label:before{border-color:var(--cds-color-disabled-02) !important;background-color:var(--cds-color-disabled-01) !important}.cds-checkbox.cds-state-disabled .cds-checkbox__label:after{border-color:var(--cds-color-disabled-02) !important}.cds-checkbox__skeleton .cds-checkbox__label:before,.cds-checkbox__skeleton .cds-checkbox__label:after{content:none}.cds-checkbox__skeleton .cds-checkbox__input--skeleton{position:absolute;left:0}
|
|
20
|
+
.cds-checkbox__label{z-index:2;display:flex;align-items:center;cursor:pointer;position:relative;padding-left:1.5rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;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)}@media (max-width: 41.98rem){.cds-checkbox__label{font-size:var(--cds-font-body-size-xs)}}.cds-checkbox__label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cds-checkbox__label:after,.cds-checkbox__label:before{position:absolute;content:'';transition:50ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-checkbox__label:before{width:1rem;height:1rem;border-radius:var(--cds-border-radius-s);border:var(--cds-border-element-01);border-color:var(--cds-color-border-element-primary);background-color:var(--cds-color-background-field-primary);left:0;top:0;bottom:0;margin:auto}.cds-checkbox__description{padding-left:1.5rem;margin-top:.125rem;width:100%}.cds-checkbox__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;visibility:visible;white-space:nowrap}.cds-checkbox__input:focus-visible ~ .cds-checkbox__label:before{border:var(--cds-border-element-02) var(--cds-color-interactive-01-focus)}.cds-checkbox__group-label{margin-bottom:.75rem;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-checkbox__group-description{margin-top:-.5rem;margin-bottom:1rem;width:100%}.cds-checkbox__group .cds-checkbox{margin-bottom:.5rem}.cds-checkbox__group .cds-checkbox:last-child{margin-bottom:0}.cds-checkbox__group--horizontal .cds-checkbox__container{position:relative;display:flex;align-items:flex-start}.cds-checkbox__group--horizontal .cds-checkbox{margin-right:1rem;margin-bottom:0}.cds-checkbox__group--horizontal .cds-checkbox input{left:0}.cds-checkbox__group--horizontal .cds-checkbox:last-child{margin-right:0}.cds-checkbox.cds-state-checked .cds-checkbox__label:before{border-color:var(--cds-color-border-element-primary);background-color:var(--cds-color-background-field-primary)}.cds-checkbox.cds-state-checked .cds-checkbox__label:after{width:.375rem;height:.625rem;top:-.125rem;bottom:0;margin:auto;left:.3125rem;border-right:var(--cds-border-element-02) var(--cds-color-background-element-primary);border-bottom:var(--cds-border-element-02) var(--cds-color-background-element-primary);transform:rotate(33deg);transform-origin:center}.cds-checkbox.cds-state-indeterminate:not(.cds-state-checked) .cds-checkbox__label:before{background-color:var(--cds-color-background-field-primary)}.cds-checkbox.cds-state-indeterminate:not(.cds-state-checked) .cds-checkbox__label:after{width:0;height:.625rem;top:0;bottom:0;margin:auto;left:7px;border-right:var(--cds-border-element-02) var(--cds-color-background-element-primary);border-bottom-width:0;transform:rotate(90deg);transform-origin:center}.cds-checkbox:hover:not(.cds-state-disabled) .cds-checkbox__label:before{border-color:var(--cds-color-interactive-01-hover);background-color:var(--cds-color-interactive-02-hover)}.cds-checkbox:hover:not(.cds-state-disabled).cds-state-checked .cds-checkbox__label:before,.cds-checkbox:hover:not(.cds-state-disabled).cds-state-indeterminate .cds-checkbox__label:before{border-color:var(--cds-color-interactive-01-active);background-color:var(--cds-color-interactive-02-hover)}.cds-checkbox.cds-state-disabled .cds-checkbox__label,.cds-checkbox.cds-state-disabled .cds-checkbox__input{cursor:not-allowed;color:var(--cds-color-disabled-02) !important}.cds-checkbox.cds-state-disabled .cds-checkbox__label:before{border-color:var(--cds-color-disabled-02) !important;background-color:var(--cds-color-disabled-01) !important}.cds-checkbox.cds-state-disabled .cds-checkbox__label:after{border-color:var(--cds-color-disabled-02) !important}.cds-checkbox__skeleton .cds-checkbox__label:before,.cds-checkbox__skeleton .cds-checkbox__label:after{content:none}.cds-checkbox__skeleton .cds-checkbox__input--skeleton{position:absolute;left:0}
|
|
21
21
|
|
package/dist/CdsTabs/index.js
CHANGED
package/dist/CdsTabs/styles.css
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* CDS v2.
|
|
2
|
+
* CDS v2.35.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>
|
|
6
6
|
* © 2024, B2B-Center. (https://b2b-center.ru/)
|
|
7
7
|
*/
|
|
8
|
-
.cds-tabs{display:block}.cds-tabs__menu{list-style:none;padding:0;margin:0;display:none}.cds-tabs__item a,.cds-tabs__item--skeleton{cursor:pointer;display:flex;align-items:center;text-decoration:none;position:relative;outline:none;height:2.5rem;color:var(--cds-color-text-primary);padding:0 1rem;border-bottom:var(--cds-border-element-02) var(--cds-color-interactive-02-default);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)}@media (max-width: 41.98rem){.cds-tabs__item a,.cds-tabs__item--skeleton{font-size:var(--cds-font-body-size-xs)}}.cds-tabs__item a:before,.cds-tabs__item--skeleton:before{box-sizing:border-box;border-radius:var(--cds-border-radius-s);position:absolute;content:'';top:-2px;left:-2px;height:calc(100% + 4px);width:calc(100% + 4px);border:var(--cds-border-element-02) transparent;transition:50ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-tabs__item a:focus:not(.cds-state-disabled):before,.cds-tabs__item--skeleton:focus:not(.cds-state-disabled):before{border-color:var(--cds-color-interactive-01-focus)}.cds-tabs__item a.cds-state-active,.cds-tabs__item--skeleton.cds-state-active{cursor:default;border-bottom-color:var(--cds-color-interactive-01-focus)}.cds-tabs__item a.cds-state-disabled,.cds-tabs__item--skeleton.cds-state-disabled{cursor:not-allowed;color:var(--cds-color-disabled-02);border-bottom-color:var(--cds-color-disabled-01)}.cds-tabs__item a:hover:not(.cds-state-active):not(.cds-state-disabled),.cds-tabs__item--skeleton:hover:not(.cds-state-active):not(.cds-state-disabled){color:var(--cds-color-text-primary);border-bottom-color:var(--cds-color-interactive-01-hover)}.cds-tabs__item+.cds-tabs__item{margin-left:.125rem}.cds-tabs--secondary .cds-tabs__item a{height:1.5rem;border-bottom:var(--cds-border-element-01) var(--cds-color-border-element-primary)}.cds-tabs--secondary .cds-tabs__item a:focus:not(.cds-state-disabled):before{border-color:var(--cds-color-interactive-01-focus)}.cds-tabs--secondary .cds-tabs__item a.cds-state-active{cursor:default;border-bottom-color:var(--cds-color-interactive-01-active);background-color:var(--cds-color-interactive-02-active)}.cds-tabs--secondary .cds-tabs__item a.cds-state-disabled{cursor:not-allowed;color:var(--cds-color-disabled-02)}.cds-tabs--secondary .cds-tabs__item a:hover:not(.cds-state-active):not(.cds-state-disabled){background-color:var(--cds-color-interactive-02-hover)}.cds-tabs__breakpoint-sm .cds-tabs__dropdown{display:none}.cds-tabs__breakpoint-sm .cds-tabs__menu{display:flex}@media (min-width: 42rem){.cds-tabs__breakpoint-md .cds-tabs__dropdown{display:none}.cds-tabs__breakpoint-md .cds-tabs__menu{display:flex}}@media (min-width: 66rem){.cds-tabs__breakpoint-lg .cds-tabs__dropdown{display:none}.cds-tabs__breakpoint-lg .cds-tabs__menu{display:flex}}@media (min-width: 82rem){.cds-tabs__breakpoint-xlg .cds-tabs__dropdown{display:none}.cds-tabs__breakpoint-xlg .cds-tabs__menu{display:flex}}@media (min-width: 99rem){.cds-tabs__breakpoint-max .cds-tabs__dropdown{display:none}.cds-tabs__breakpoint-max .cds-tabs__menu{display:flex}}
|
|
8
|
+
.cds-tabs{display:block}.cds-tabs__menu{list-style:none;padding:0;margin:0;display:none}.cds-tabs__item a,.cds-tabs__item--skeleton{cursor:pointer;display:flex;align-items:center;text-decoration:none;position:relative;outline:none;height:2.5rem;color:var(--cds-color-text-primary);padding:0 1rem;border-bottom:var(--cds-border-element-02) var(--cds-color-interactive-02-default);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)}@media (max-width: 41.98rem){.cds-tabs__item a,.cds-tabs__item--skeleton{font-size:var(--cds-font-body-size-xs)}}.cds-tabs__item a:before,.cds-tabs__item--skeleton:before{box-sizing:border-box;border-radius:var(--cds-border-radius-s);position:absolute;content:'';top:-2px;left:-2px;height:calc(100% + 4px);width:calc(100% + 4px);border:var(--cds-border-element-02) transparent;transition:50ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-tabs__item a:focus-visible:not(.cds-state-disabled):before,.cds-tabs__item--skeleton:focus-visible:not(.cds-state-disabled):before{border-color:var(--cds-color-interactive-01-focus)}.cds-tabs__item a.cds-state-active,.cds-tabs__item--skeleton.cds-state-active{cursor:default;border-bottom-color:var(--cds-color-interactive-01-focus)}.cds-tabs__item a.cds-state-disabled,.cds-tabs__item--skeleton.cds-state-disabled{cursor:not-allowed;color:var(--cds-color-disabled-02);border-bottom-color:var(--cds-color-disabled-01)}.cds-tabs__item a:hover:not(.cds-state-active):not(.cds-state-disabled),.cds-tabs__item--skeleton:hover:not(.cds-state-active):not(.cds-state-disabled){color:var(--cds-color-text-primary);border-bottom-color:var(--cds-color-interactive-01-hover)}.cds-tabs__item+.cds-tabs__item{margin-left:.125rem}.cds-tabs--secondary .cds-tabs__item a{height:1.5rem;border-bottom:var(--cds-border-element-01) var(--cds-color-border-element-primary)}.cds-tabs--secondary .cds-tabs__item a:focus-visible:not(.cds-state-disabled):before{border-color:var(--cds-color-interactive-01-focus)}.cds-tabs--secondary .cds-tabs__item a.cds-state-active{cursor:default;border-bottom-color:var(--cds-color-interactive-01-active);background-color:var(--cds-color-interactive-02-active)}.cds-tabs--secondary .cds-tabs__item a.cds-state-disabled{cursor:not-allowed;color:var(--cds-color-disabled-02)}.cds-tabs--secondary .cds-tabs__item a:hover:not(.cds-state-active):not(.cds-state-disabled){background-color:var(--cds-color-interactive-02-hover)}.cds-tabs__breakpoint-sm .cds-tabs__dropdown{display:none}.cds-tabs__breakpoint-sm .cds-tabs__menu{display:flex}@media (min-width: 42rem){.cds-tabs__breakpoint-md .cds-tabs__dropdown{display:none}.cds-tabs__breakpoint-md .cds-tabs__menu{display:flex}}@media (min-width: 66rem){.cds-tabs__breakpoint-lg .cds-tabs__dropdown{display:none}.cds-tabs__breakpoint-lg .cds-tabs__menu{display:flex}}@media (min-width: 82rem){.cds-tabs__breakpoint-xlg .cds-tabs__dropdown{display:none}.cds-tabs__breakpoint-xlg .cds-tabs__menu{display:flex}}@media (min-width: 99rem){.cds-tabs__breakpoint-max .cds-tabs__dropdown{display:none}.cds-tabs__breakpoint-max .cds-tabs__menu{display:flex}}
|
|
9
9
|
|
package/dist/CdsTag/index.js
CHANGED
package/dist/CdsTag/styles.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* CDS v2.
|
|
2
|
+
* CDS v2.35.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-ico,.cds-ico svg{width:1rem;height:1rem}
|
|
9
9
|
|
|
10
|
-
.cds-tag{display:inline-flex;justify-content:center;align-items:center;max-width:12.5rem;height:1rem;padding:0 .25rem;background-color:var(--cds-color-feedback-info-20);border-radius:var(--cds-border-radius-l);border:var(--cds-border-element-02) transparent;outline:none;margin-right:.125rem;margin-bottom:.125rem;position:relative;transition:50ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-tag__title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--cds-color-text-primary);font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-xs);line-height:var(--cds-font-height-body);font-weight:var(--cds-font-weight-light)}.cds-tag__title:focus{outline:none}.cds-tag__close{cursor:pointer;margin:0;padding:0;width:1rem;height:1rem;background-color:transparent;outline:none;border:var(--cds-border-element-02) transparent;border-radius:50%;position:absolute;right:-.125rem}.cds-tag__close:hover svg{fill:var(--cds-color-interactive-01-hover)}.cds-tag__close:focus{border-color:var(--cds-color-interactive-01-focus)}.cds-tag__icon{position:absolute;top:-.125rem;left:-.125rem}.cds-tag__icon svg{fill:var(--cds-color-icon-default)}.cds-tag--removable{padding-right:calc(.75rem + .125rem)}.cds-tag--interactive{text-decoration:none}.cds-tag--interactive .cds-tag__title{color:var(--cds-color-link-default)}.cds-tag--interactive:hover{background-color:var(--cds-color-interactive-02-hover)}.cds-tag__size--md{margin-right:.5rem;margin-left:.5rem;height:1.5rem;padding:0 .5rem;border-radius:.75rem}.cds-tag__size--md .cds-tag__title{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)}@media (max-width: 41.98rem){.cds-tag__size--md .cds-tag__title{font-size:var(--cds-font-body-size-xs)}}.cds-tag__size--md.cds-tag--removable{padding-right:calc(1.5rem - .125rem)}.cds-tag__size--md .cds-tag__close,.cds-tag__size--md .cds-tag__icon,.cds-tag__size--md .cds-tag__icon svg{width:1.5rem;height:1.5rem}.cds-tag__color--yellow{background-color:#FFF199}.cds-tag__color--yellow .cds-tag__title{color:#615505}.cds-tag__color--green{background-color:#C5E9BE}.cds-tag__color--green .cds-tag__title{color:#136105}.cds-tag__color--light-blue{background-color:#BFE6F8}.cds-tag__color--light-blue .cds-tag__title{color:#086791}.cds-tag__color--blue{background-color:#B1CCFC}.cds-tag__color--blue .cds-tag__title{color:#0741A7}.cds-tag__color--deep-purple{background-color:#C7B1FC}.cds-tag__color--deep-purple .cds-tag__title{color:#4709D8}.cds-tag__color--purple{background-color:#E0B1FC}.cds-tag__color--purple .cds-tag__title{color:#6C07A7}.cds-tag__color--pink{background-color:#FCB1E5}.cds-tag__color--pink .cds-tag__title{color:#760554}.cds-tag.cds-state-disabled{background-color:var(--cds-color-disabled-01);cursor:not-allowed}.cds-tag.cds-state-disabled .cds-tag__title{color:var(--cds-color-disabled-02)}.cds-tag.cds-state-disabled .cds-tag__close{cursor:not-allowed}.cds-tag.cds-state-disabled .cds-tag__close svg{fill:var(--cds-color-disabled-02)}.cds-tag:focus{border-color:var(--cds-color-interactive-01-focus)}.cds-tag__skeleton{border-radius:var(--cds-border-radius-l)}
|
|
10
|
+
.cds-tag{display:inline-flex;justify-content:center;align-items:center;max-width:12.5rem;height:1rem;padding:0 .25rem;background-color:var(--cds-color-feedback-info-20);border-radius:var(--cds-border-radius-l);border:var(--cds-border-element-02) transparent;outline:none;margin-right:.125rem;margin-bottom:.125rem;position:relative;transition:50ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-tag__title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--cds-color-text-primary);font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-xs);line-height:var(--cds-font-height-body);font-weight:var(--cds-font-weight-light)}.cds-tag__title:focus-visible{outline:none}.cds-tag__close{cursor:pointer;margin:0;padding:0;width:1rem;height:1rem;background-color:transparent;outline:none;border:var(--cds-border-element-02) transparent;border-radius:50%;position:absolute;right:-.125rem}.cds-tag__close:hover svg{fill:var(--cds-color-interactive-01-hover)}.cds-tag__close:focus-visible{border-color:var(--cds-color-interactive-01-focus)}.cds-tag__icon{position:absolute;top:-.125rem;left:-.125rem}.cds-tag__icon svg{fill:var(--cds-color-icon-default)}.cds-tag--removable{padding-right:calc(.75rem + .125rem)}.cds-tag--interactive{text-decoration:none}.cds-tag--interactive .cds-tag__title{color:var(--cds-color-link-default)}.cds-tag--interactive:hover{background-color:var(--cds-color-interactive-02-hover)}.cds-tag__size--md{margin-right:.5rem;margin-left:.5rem;height:1.5rem;padding:0 .5rem;border-radius:.75rem}.cds-tag__size--md .cds-tag__title{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)}@media (max-width: 41.98rem){.cds-tag__size--md .cds-tag__title{font-size:var(--cds-font-body-size-xs)}}.cds-tag__size--md.cds-tag--removable{padding-right:calc(1.5rem - .125rem)}.cds-tag__size--md .cds-tag__close,.cds-tag__size--md .cds-tag__icon,.cds-tag__size--md .cds-tag__icon svg{width:1.5rem;height:1.5rem}.cds-tag__color--yellow{background-color:#FFF199}.cds-tag__color--yellow .cds-tag__title{color:#615505}.cds-tag__color--green{background-color:#C5E9BE}.cds-tag__color--green .cds-tag__title{color:#136105}.cds-tag__color--light-blue{background-color:#BFE6F8}.cds-tag__color--light-blue .cds-tag__title{color:#086791}.cds-tag__color--blue{background-color:#B1CCFC}.cds-tag__color--blue .cds-tag__title{color:#0741A7}.cds-tag__color--deep-purple{background-color:#C7B1FC}.cds-tag__color--deep-purple .cds-tag__title{color:#4709D8}.cds-tag__color--purple{background-color:#E0B1FC}.cds-tag__color--purple .cds-tag__title{color:#6C07A7}.cds-tag__color--pink{background-color:#FCB1E5}.cds-tag__color--pink .cds-tag__title{color:#760554}.cds-tag.cds-state-disabled{background-color:var(--cds-color-disabled-01);cursor:not-allowed}.cds-tag.cds-state-disabled .cds-tag__title{color:var(--cds-color-disabled-02)}.cds-tag.cds-state-disabled .cds-tag__close{cursor:not-allowed}.cds-tag.cds-state-disabled .cds-tag__close svg{fill:var(--cds-color-disabled-02)}.cds-tag:focus-visible{border-color:var(--cds-color-interactive-01-focus)}.cds-tag__skeleton{border-radius:var(--cds-border-radius-l)}
|
|
11
11
|
|