@alfalab/core-components-tabs 10.0.7 → 10.0.8-alfasans

package/components/primary-tablist/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var commonStyles = {"component":"tabs__component_1psse","desktop":"tabs__desktop_1psse","paragraph-primary-large":"tabs__paragraph-primary-large_1psse","title":"tabs__title_1psse","paragraph-primary-medium":"tabs__paragraph-primary-medium_1psse","paragraph-primary-small":"tabs__paragraph-primary-small_1psse","action-primary-large":"tabs__action-primary-large_1psse","action-primary-medium":"tabs__action-primary-medium_1psse","action-primary-small":"tabs__action-primary-small_1psse","accent-primary-large":"tabs__accent-primary-large_1psse","accent-primary-medium":"tabs__accent-primary-medium_1psse","accent-primary-small":"tabs__accent-primary-small_1psse","pickerWrapper":"tabs__pickerWrapper_1psse","option":"tabs__option_1psse","scrollControls":"tabs__scrollControls_1psse","headline-system-xlarge":"tabs__headline-system-xlarge_1psse","headline-system-large":"tabs__headline-system-large_1psse","headline-system-medium":"tabs__headline-system-medium_1psse","headline-system-small":"tabs__headline-system-small_1psse","headline-system-xsmall":"tabs__headline-system-xsmall_1psse","headline-xlarge":"tabs__headline-xlarge_1psse","headline-large":"tabs__headline-large_1psse","headline-medium":"tabs__headline-medium_1psse","headline-small":"tabs__headline-small_1psse","headline-xsmall":"tabs__headline-xsmall_1psse","fullWidthScroll":"tabs__fullWidthScroll_1psse","container":"tabs__container_1psse","focused":"tabs__focused_1psse","collapsed":"tabs__collapsed_1psse","selected":"tabs__selected_1psse","disabled":"tabs__disabled_1psse","line":"tabs__line_1psse","s":"tabs__s_1psse","xs":"tabs__xs_1psse","xxs":"tabs__xxs_1psse","m":"tabs__m_1psse","l":"tabs__l_1psse","xl":"tabs__xl_1psse","rightAddons":"tabs__rightAddons_1psse","rightAddonsMarginZero":"tabs__rightAddonsMarginZero_1psse","noTextStyle":"tabs__noTextStyle_1psse"};
+var commonStyles = {"component":"tabs__component_1hn1u","desktop":"tabs__desktop_1hn1u","paragraph-primary-large":"tabs__paragraph-primary-large_1hn1u","title":"tabs__title_1hn1u","paragraph-primary-medium":"tabs__paragraph-primary-medium_1hn1u","paragraph-primary-small":"tabs__paragraph-primary-small_1hn1u","action-primary-large":"tabs__action-primary-large_1hn1u","action-primary-medium":"tabs__action-primary-medium_1hn1u","action-primary-small":"tabs__action-primary-small_1hn1u","accent-primary-large":"tabs__accent-primary-large_1hn1u","accent-primary-medium":"tabs__accent-primary-medium_1hn1u","accent-primary-small":"tabs__accent-primary-small_1hn1u","pickerWrapper":"tabs__pickerWrapper_1hn1u","option":"tabs__option_1hn1u","scrollControls":"tabs__scrollControls_1hn1u","headline-system-xlarge":"tabs__headline-system-xlarge_1hn1u","headline-system-large":"tabs__headline-system-large_1hn1u","headline-system-medium":"tabs__headline-system-medium_1hn1u","headline-system-small":"tabs__headline-system-small_1hn1u","headline-system-xsmall":"tabs__headline-system-xsmall_1hn1u","headline-xlarge":"tabs__headline-xlarge_1hn1u","headline-large":"tabs__headline-large_1hn1u","headline-medium":"tabs__headline-medium_1hn1u","headline-small":"tabs__headline-small_1hn1u","headline-xsmall":"tabs__headline-xsmall_1hn1u","fullWidthScroll":"tabs__fullWidthScroll_1hn1u","container":"tabs__container_1hn1u","focused":"tabs__focused_1hn1u","collapsed":"tabs__collapsed_1hn1u","selected":"tabs__selected_1hn1u","disabled":"tabs__disabled_1hn1u","line":"tabs__line_1hn1u","s":"tabs__s_1hn1u","xs":"tabs__xs_1hn1u","xxs":"tabs__xxs_1hn1u","m":"tabs__m_1hn1u","l":"tabs__l_1hn1u","xl":"tabs__xl_1hn1u","rightAddons":"tabs__rightAddons_1hn1u","rightAddonsMarginZero":"tabs__rightAddonsMarginZero_1hn1u","noTextStyle":"tabs__noTextStyle_1hn1u"};
 
 module.exports = commonStyles;
 //# sourceMappingURL=index.module.css.js.map

package/components/primary-tablist/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/primary-tablist/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n@import '../../vars.css';\n@import './text-styles.module.css';\n\n.component {\n    position: relative;\n    display: inline-flex;\n    min-width: 100%;\n\n    &:before {\n        content: '';\n        display: block;\n        position: absolute;\n        bottom: 1px;\n        height: 1px;\n        width: 100%;\n        background-color: var(--primary-tablist-bottom-border-color);\n    }\n}\n\n.desktop {\n    @mixin text-style;\n    @mixin text-style-desktop;\n}\n\n.fullWidthScroll {\n    min-width: calc(100% - 2 * var(--gap-16));\n    margin: var(--gap-0) var(--gap-16);\n}\n\n.container {\n    position: relative;\n    overflow: hidden;\n\n    /* focus-outline fix */\n    margin: var(--gap-4-neg) var(--gap-0) var(--gap-4-neg) var(--gap-4-neg);\n    padding: var(--gap-4) var(--gap-0) var(--gap-4) var(--gap-4);\n}\n\n.title {\n    display: flex;\n    align-items: center;\n    height: 100%;\n    padding: var(--gap-0);\n    cursor: pointer;\n    color: var(--primary-tablist-color);\n    transition: color 0.2s ease;\n    border: 0;\n    background: none;\n    white-space: nowrap;\n    box-shadow: none;\n    user-select: none;\n    outline: none;\n\n    &:not(:disabled):hover {\n        color: var(--primary-tablist-hover-color);\n    }\n}\n\n.focused {\n    @mixin focus-outline;\n}\n\n.collapsed {\n    order: 99;\n    visibility: collapse;\n}\n\n.selected {\n    cursor: default;\n    color: var(--primary-tablist-selected-color);\n}\n\n.disabled {\n    cursor: var(--disabled-cursor);\n    color: var(--primary-tablist-disabled-color);\n}\n\n.line {\n    position: absolute;\n    height: 3px;\n\n    /* В макете полоска выбранного Таба находится над линией */\n    bottom: calc(var(--gap-2) / 2);\n    left: var(--gap-0);\n    background-color: var(--primary-tablist-line-color);\n    transition:\n        transform 0.2s ease,\n        width 0.2s ease;\n}\n\n.option {\n    color: var(--color-light-text-primary);\n}\n\n/* sizes */\n\n.s,\n.xs,\n.xxs {\n    & .title {\n        padding: var(--primary-tablist-s-padding);\n    }\n\n    & .title + .title {\n        margin-left: var(--primary-tablist-s-gaps);\n    }\n\n    & .pickerWrapper {\n        margin-left: var(--primary-tablist-s-gaps);\n    }\n\n    & .option {\n        padding: var(--gap-0);\n    }\n}\n\n.m {\n    & .title {\n        padding: var(--primary-tablist-m-padding);\n    }\n\n    & .title + .title {\n        margin-left: var(--primary-tablist-m-gaps);\n    }\n\n    & .pickerWrapper {\n        margin-left: var(--primary-tablist-m-gaps);\n    }\n\n    & .option {\n        padding: var(--gap-0);\n    }\n}\n\n.l {\n    & .title {\n        padding: var(--primary-tablist-l-padding);\n    }\n\n    & .title + .title {\n        margin-left: var(--primary-tablist-l-gaps);\n    }\n\n    & .pickerWrapper {\n        margin-left: var(--primary-tablist-l-gaps);\n    }\n\n    & .option {\n        padding: var(--gap-0);\n    }\n}\n\n.xl {\n    & .title {\n        padding: var(--primary-tablist-xl-padding);\n    }\n\n    & .title + .title {\n        margin-left: var(--primary-tablist-xl-gaps);\n    }\n\n    & .pickerWrapper {\n        margin-left: var(--primary-tablist-xl-gaps);\n    }\n\n    & .option {\n        padding: var(--gap-0);\n    }\n}\n\n.rightAddons {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin-left: var(--gap-8);\n}\n.rightAddonsMarginZero {\n    margin-left: var(--gap-0);\n}\n\n.title.noTextStyle {\n    @mixin paragraph_primary_large;\n}\n"],"names":[],"mappings":";;;;AAEgB,mBAAe,CAAC,WAAW,CAAC,uBAAuB,CAAC,SAAS,CAAC,qBAAqB,CAAC,yBAAyB,CAAC,qCAAqC,CAAC,OAAO,CAAC,mBAAmB,CAAC,0BAA0B,CAAC,sCAAsC,CAAC,yBAAyB,CAAC,qCAAqC,CAAC,sBAAsB,CAAC,kCAAkC,CAAC,uBAAuB,CAAC,mCAAmC,CAAC,sBAAsB,CAAC,kCAAkC,CAAC,sBAAsB,CAAC,kCAAkC,CAAC,uBAAuB,CAAC,mCAAmC,CAAC,sBAAsB,CAAC,kCAAkC,CAAC,eAAe,CAAC,2BAA2B,CAAC,QAAQ,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,4BAA4B,CAAC,wBAAwB,CAAC,oCAAoC,CAAC,uBAAuB,CAAC,mCAAmC,CAAC,wBAAwB,CAAC,oCAAoC,CAAC,uBAAuB,CAAC,mCAAmC,CAAC,wBAAwB,CAAC,oCAAoC,CAAC,iBAAiB,CAAC,6BAA6B,CAAC,gBAAgB,CAAC,4BAA4B,CAAC,iBAAiB,CAAC,6BAA6B,CAAC,gBAAgB,CAAC,4BAA4B,CAAC,iBAAiB,CAAC,6BAA6B,CAAC,iBAAiB,CAAC,6BAA6B,CAAC,WAAW,CAAC,uBAAuB,CAAC,SAAS,CAAC,qBAAqB,CAAC,WAAW,CAAC,uBAAuB,CAAC,UAAU,CAAC,sBAAsB,CAAC,UAAU,CAAC,sBAAsB,CAAC,MAAM,CAAC,kBAAkB,CAAC,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,iBAAiB,CAAC,GAAG,CAAC,eAAe,CAAC,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC,yBAAyB,CAAC,uBAAuB,CAAC,mCAAmC,CAAC,aAAa,CAAC,yBAAyB,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/primary-tablist/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../vars.css';\n@import './text-styles.module.css';\n\n.component {\n    position: relative;\n    display: inline-flex;\n    min-width: 100%;\n\n    &:before {\n        content: '';\n        display: block;\n        position: absolute;\n        bottom: 1px;\n        height: 1px;\n        width: 100%;\n        background-color: var(--primary-tablist-bottom-border-color);\n    }\n}\n\n.desktop {\n    @mixin text-style;\n    @mixin text-style-desktop;\n}\n\n.fullWidthScroll {\n    min-width: calc(100% - 2 * var(--gap-16));\n    margin: var(--gap-0) var(--gap-16);\n}\n\n.container {\n    position: relative;\n    overflow: hidden;\n\n    /* focus-outline fix */\n    margin: var(--gap-4-neg) var(--gap-0) var(--gap-4-neg) var(--gap-4-neg);\n    padding: var(--gap-4) var(--gap-0) var(--gap-4) var(--gap-4);\n}\n\n.title {\n    display: flex;\n    align-items: center;\n    height: 100%;\n    padding: var(--gap-0);\n    cursor: pointer;\n    color: var(--primary-tablist-color);\n    transition: color 0.2s ease;\n    border: 0;\n    background: none;\n    white-space: nowrap;\n    box-shadow: none;\n    user-select: none;\n    outline: none;\n\n    &:not(:disabled):hover {\n        color: var(--primary-tablist-hover-color);\n    }\n}\n\n.focused {\n    @mixin focus-outline;\n}\n\n.collapsed {\n    order: 99;\n    visibility: collapse;\n}\n\n.selected {\n    cursor: default;\n    color: var(--primary-tablist-selected-color);\n}\n\n.disabled {\n    cursor: var(--disabled-cursor);\n    color: var(--primary-tablist-disabled-color);\n}\n\n.line {\n    position: absolute;\n    height: 3px;\n\n    /* В макете полоска выбранного Таба находится над линией */\n    bottom: calc(var(--gap-2) / 2);\n    left: var(--gap-0);\n    background-color: var(--primary-tablist-line-color);\n    transition:\n        transform 0.2s ease,\n        width 0.2s ease;\n}\n\n.option {\n    color: var(--color-light-text-primary);\n}\n\n/* sizes */\n\n.s,\n.xs,\n.xxs {\n    & .title {\n        padding: var(--primary-tablist-s-padding);\n    }\n\n    & .title + .title {\n        margin-left: var(--primary-tablist-s-gaps);\n    }\n\n    & .pickerWrapper {\n        margin-left: var(--primary-tablist-s-gaps);\n    }\n\n    & .option {\n        padding: var(--gap-0);\n    }\n}\n\n.m {\n    & .title {\n        padding: var(--primary-tablist-m-padding);\n    }\n\n    & .title + .title {\n        margin-left: var(--primary-tablist-m-gaps);\n    }\n\n    & .pickerWrapper {\n        margin-left: var(--primary-tablist-m-gaps);\n    }\n\n    & .option {\n        padding: var(--gap-0);\n    }\n}\n\n.l {\n    & .title {\n        padding: var(--primary-tablist-l-padding);\n    }\n\n    & .title + .title {\n        margin-left: var(--primary-tablist-l-gaps);\n    }\n\n    & .pickerWrapper {\n        margin-left: var(--primary-tablist-l-gaps);\n    }\n\n    & .option {\n        padding: var(--gap-0);\n    }\n}\n\n.xl {\n    & .title {\n        padding: var(--primary-tablist-xl-padding);\n    }\n\n    & .title + .title {\n        margin-left: var(--primary-tablist-xl-gaps);\n    }\n\n    & .pickerWrapper {\n        margin-left: var(--primary-tablist-xl-gaps);\n    }\n\n    & .option {\n        padding: var(--gap-0);\n    }\n}\n\n.rightAddons {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin-left: var(--gap-8);\n}\n.rightAddonsMarginZero {\n    margin-left: var(--gap-0);\n}\n\n.title.noTextStyle {\n    @mixin paragraph_primary_large;\n}\n"],"names":[],"mappings":";;;;AAEgB,mBAAe,CAAC,WAAW,CAAC,uBAAuB,CAAC,SAAS,CAAC,qBAAqB,CAAC,yBAAyB,CAAC,qCAAqC,CAAC,OAAO,CAAC,mBAAmB,CAAC,0BAA0B,CAAC,sCAAsC,CAAC,yBAAyB,CAAC,qCAAqC,CAAC,sBAAsB,CAAC,kCAAkC,CAAC,uBAAuB,CAAC,mCAAmC,CAAC,sBAAsB,CAAC,kCAAkC,CAAC,sBAAsB,CAAC,kCAAkC,CAAC,uBAAuB,CAAC,mCAAmC,CAAC,sBAAsB,CAAC,kCAAkC,CAAC,eAAe,CAAC,2BAA2B,CAAC,QAAQ,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,4BAA4B,CAAC,wBAAwB,CAAC,oCAAoC,CAAC,uBAAuB,CAAC,mCAAmC,CAAC,wBAAwB,CAAC,oCAAoC,CAAC,uBAAuB,CAAC,mCAAmC,CAAC,wBAAwB,CAAC,oCAAoC,CAAC,iBAAiB,CAAC,6BAA6B,CAAC,gBAAgB,CAAC,4BAA4B,CAAC,iBAAiB,CAAC,6BAA6B,CAAC,gBAAgB,CAAC,4BAA4B,CAAC,iBAAiB,CAAC,6BAA6B,CAAC,iBAAiB,CAAC,6BAA6B,CAAC,WAAW,CAAC,uBAAuB,CAAC,SAAS,CAAC,qBAAqB,CAAC,WAAW,CAAC,uBAAuB,CAAC,UAAU,CAAC,sBAAsB,CAAC,UAAU,CAAC,sBAAsB,CAAC,MAAM,CAAC,kBAAkB,CAAC,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,iBAAiB,CAAC,GAAG,CAAC,eAAe,CAAC,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC,yBAAyB,CAAC,uBAAuB,CAAC,mCAAmC,CAAC,aAAa,CAAC,yBAAyB,CAAC;;;;"}