@kubit-ui-web/react-components 2.0.0-beta.2 → 2.0.0-beta.21
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/README.md +17 -28
- package/dist/cjs/_virtual/jsx-runtime.js +1 -1
- package/dist/cjs/components/accordion/accordionStandAlone.js +1 -1
- package/dist/cjs/components/alert/alertControlled.js +1 -0
- package/dist/cjs/components/alert/alertStandAlone.js +1 -0
- package/dist/cjs/components/alert/index.js +2 -0
- package/dist/cjs/components/avatar/fragments/drawContent.js +1 -1
- package/dist/cjs/components/badge/badgeStandAlone.js +1 -1
- package/dist/cjs/components/breadcrumbs/components/crumbStandAlone/crumbStandAlone.js +1 -1
- package/dist/cjs/components/button/button.js +1 -1
- package/dist/cjs/components/button/buttonStandAlone.js +1 -1
- package/dist/cjs/components/calendar/list/list.js +1 -1
- package/dist/cjs/components/calendar/selector/monthSelector/monthSelector.js +1 -1
- package/dist/cjs/components/calendar/selector/selector.js +1 -1
- package/dist/cjs/components/cardImage/cardImageStandAlone.js +1 -1
- package/dist/cjs/components/carousel/hooks/useCarousel.js +1 -1
- package/dist/cjs/components/carousel/hooks/useCarouselKeyNavigation.js +1 -1
- package/dist/cjs/components/carousel/hooks/useCarouselSwipe.js +1 -1
- package/dist/cjs/components/carousel/hooks/utils/calc.utils.js +1 -1
- package/dist/cjs/components/carousel/hooks/utils/dom.utils.js +1 -1
- package/dist/cjs/components/checkbox/checkboxStandAlone.js +1 -1
- package/dist/cjs/components/checkboxBase/checkboxBaseStandAlone.js +1 -1
- package/dist/cjs/components/chip/chipStandAlone.js +1 -1
- package/dist/cjs/components/container/containerStandAlone.js +1 -1
- package/dist/cjs/components/dataTable/dataTableStandAlone.js +1 -1
- package/dist/cjs/components/dataTable/hooks/useDataTableHasScroll.js +1 -1
- package/dist/cjs/components/dataTable/hooks/useDataTableShadow.js +1 -1
- package/dist/cjs/components/dataTable/hooks/useDataTableStickyDividers.js +1 -1
- package/dist/cjs/components/dataTable/hooks/useDataTableStickyLeftColumns.js +1 -1
- package/dist/cjs/components/dataTable/hooks/useDataTableStickyRightColumns.js +1 -1
- package/dist/cjs/components/dropdownSelected/dropdownSelectedControlled.js +1 -1
- package/dist/cjs/components/dropdownSelected/dropdownSelectedStandAlone.js +1 -1
- package/dist/cjs/components/image/image.css +1 -38
- package/dist/cjs/components/input/input.js +1 -1
- package/dist/cjs/components/input/inputStandAlone.js +1 -1
- package/dist/cjs/components/inputBase/inputBase.js +1 -1
- package/dist/cjs/components/inputDecoration/inputDecorationStandAlone.js +1 -1
- package/dist/cjs/components/inputSignature/inputSignatureStandAlone.js +1 -1
- package/dist/cjs/components/label/labelStandAlone.js +1 -1
- package/dist/cjs/components/link/linkStandAlone.js +1 -1
- package/dist/cjs/components/listOptions/listOptionsStandAlone.js +1 -1
- package/dist/cjs/components/modal/fragments/modalHeader.js +1 -1
- package/dist/cjs/components/modal/modalControlled.js +1 -1
- package/dist/cjs/components/modal/modalStandAlone.js +1 -1
- package/dist/cjs/components/modal/modalUnControlled.js +1 -1
- package/dist/cjs/components/option/optionStandAlone.js +1 -1
- package/dist/cjs/components/pageControl/components/arrowControlStandAlone.js +1 -1
- package/dist/cjs/components/pageControl/components/controls.js +1 -1
- package/dist/cjs/components/pageControl/pageControlStandAlone.js +1 -1
- package/dist/cjs/components/pagination/fragments/paginationButtonControl.js +1 -1
- package/dist/cjs/components/popover/hooks/positioning/middlewareUtils.js +1 -1
- package/dist/cjs/components/popover/hooks/usePopoverInteractions.js +1 -1
- package/dist/cjs/components/popover/hooks/usePopoverLifecycle.js +1 -1
- package/dist/cjs/components/popover/hooks/usePopoverPositioning.js +1 -1
- package/dist/cjs/components/popover/popover.js +1 -1
- package/dist/cjs/components/popover/styles/index.css +1 -10
- package/dist/cjs/components/popover/styles/keyframes.css +1 -421
- package/dist/cjs/components/popover/styles/popover-arrow.css +1 -42
- package/dist/cjs/components/popover/styles/popover.css +1 -189
- package/dist/cjs/components/progressBar/progressBarStandAlone.js +1 -1
- package/dist/cjs/components/radioButton/radioButtonStandAlone.js +1 -1
- package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileAnimation.js +1 -1
- package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileContainerBox.js +1 -1
- package/dist/cjs/components/selectorBoxFile/selectorBoxFile.js +1 -1
- package/dist/cjs/components/selectorBoxFile/selectorBoxFileStandAlone.js +1 -1
- package/dist/cjs/components/skeleton/skeleton.css +1 -20
- package/dist/cjs/components/slider/components/sliderHelperTextStandAlone.js +1 -1
- package/dist/cjs/components/slider/components/sliderScaleStandAlone.js +1 -1
- package/dist/cjs/components/slider/components/sliderThumbStandAlone.js +1 -1
- package/dist/cjs/components/slider/sliderStandAlone.js +1 -1
- package/dist/cjs/components/stepperNumber/stepperNumberStandAlone.js +1 -1
- package/dist/cjs/components/table/hooks/useTableHasScroll.js +1 -1
- package/dist/cjs/components/table/hooks/useTableShadow.js +1 -1
- package/dist/cjs/components/table/hooks/useTableStickyLeftColumns.js +1 -1
- package/dist/cjs/components/table/hooks/useTableStickyRightColumns.js +1 -1
- package/dist/cjs/components/tabs/tabsStandAlone.js +1 -1
- package/dist/cjs/components/tag/tagStandAlone.js +1 -1
- package/dist/cjs/components/text/text.css +1 -14
- package/dist/cjs/components/text/textStandAlone.js +1 -1
- package/dist/cjs/components/textArea/components/errorStandAlone.js +1 -1
- package/dist/cjs/components/textArea/components/helpMessageStandAlone.js +1 -1
- package/dist/cjs/components/textArea/components/titleStandAlone.js +1 -1
- package/dist/cjs/components/textArea/textAreaStandAlone.js +1 -1
- package/dist/cjs/components/toggle/toggleStandAlone.js +1 -1
- package/dist/cjs/components/tooltip/hooks/useTooltip.js +1 -1
- package/dist/cjs/components/tooltip/tooltip.css +1 -69
- package/dist/cjs/components/tooltip/tooltipControlled.js +1 -1
- package/dist/cjs/components/tooltip/tooltipStandAlone.js +1 -1
- package/dist/cjs/components/tooltip/tooltipUnControlled.js +1 -1
- package/dist/cjs/components/tooltip/utils/tooltip.utils.js +1 -1
- package/dist/cjs/components/virtualKeyboard/virtualKeyboardStandAlone.js +1 -1
- package/dist/cjs/index.js +1 -1
- package/dist/cjs/lib/components/customComponent/customComponent.js +1 -1
- package/dist/cjs/lib/components/elementOrIcon/elementOrIcon.js +1 -0
- package/dist/cjs/lib/components/errorMessage/errorMessageStandAlone.js +1 -1
- package/dist/cjs/lib/components/itemRove/itemRove.js +1 -0
- package/dist/cjs/lib/components/overlay/overlay.js +1 -0
- package/dist/cjs/lib/components/overlay/overlayStandAlone.js +1 -0
- package/dist/cjs/lib/designSystem/kubit/css/kubit.css +1 -0
- package/dist/cjs/lib/designSystem/kubit/css/kubit.min.css +1 -0
- package/dist/cjs/lib/hooks/useClickOutside/useClickOutside.js +1 -1
- package/dist/cjs/lib/hooks/useContentVisibility/useContentVisibility.js +1 -1
- package/dist/cjs/lib/hooks/useManageState/useManageState.js +1 -1
- package/dist/cjs/lib/hooks/useScrollDetection/useScrollDetection.js +1 -0
- package/dist/cjs/lib/hooks/useScrollEffect/useScrollEffect.js +1 -1
- package/dist/cjs/lib/hooks/useSwipeDown/useSwipeDown.js +1 -1
- package/dist/cjs/lib/provider/cssProvider/provider.js +1 -1
- package/dist/cjs/lib/provider/cssProvider/stats/stats.js +1 -1641
- package/dist/cjs/lib/provider/stylesProvider/stylesProvider.js +1 -1
- package/dist/cjs/lib/storybook/components/divider/divider.css +1 -0
- package/dist/cjs/lib/storybook/components/note/styles.css +1 -0
- package/dist/cjs/lib/utils/keyboard/keyboard.js +1 -1
- package/dist/cjs/lib/utils/process/processCommonProp.js +1 -0
- package/dist/cjs/react-components.css +1 -1
- package/dist/esm/_virtual/jsx-runtime.js +1 -1
- package/dist/esm/components/accordion/accordionStandAlone.js +4 -4
- package/dist/esm/components/alert/alertControlled.js +2 -0
- package/dist/esm/components/alert/alertStandAlone.js +2 -0
- package/dist/esm/components/alert/index.js +1 -0
- package/dist/esm/components/avatar/fragments/drawContent.js +1 -4
- package/dist/esm/components/badge/badgeStandAlone.js +7 -9
- package/dist/esm/components/breadcrumbs/components/crumbStandAlone/crumbStandAlone.js +3 -6
- package/dist/esm/components/button/button.js +1 -1
- package/dist/esm/components/button/buttonStandAlone.js +3 -5
- package/dist/esm/components/calendar/list/list.js +1 -1
- package/dist/esm/components/calendar/selector/monthSelector/monthSelector.js +1 -1
- package/dist/esm/components/calendar/selector/selector.js +7 -9
- package/dist/esm/components/cardImage/cardImageStandAlone.js +7 -7
- package/dist/esm/components/carousel/hooks/useCarousel.js +1 -1
- package/dist/esm/components/carousel/hooks/useCarouselKeyNavigation.js +1 -1
- package/dist/esm/components/carousel/hooks/useCarouselSwipe.js +1 -1
- package/dist/esm/components/carousel/hooks/utils/calc.utils.js +1 -1
- package/dist/esm/components/carousel/hooks/utils/dom.utils.js +1 -1
- package/dist/esm/components/checkbox/checkboxStandAlone.js +5 -7
- package/dist/esm/components/checkboxBase/checkboxBaseStandAlone.js +4 -4
- package/dist/esm/components/chip/chipStandAlone.js +8 -9
- package/dist/esm/components/container/containerStandAlone.js +4 -4
- package/dist/esm/components/dataTable/dataTableStandAlone.js +10 -14
- package/dist/esm/components/dataTable/hooks/useDataTableHasScroll.js +1 -1
- package/dist/esm/components/dataTable/hooks/useDataTableShadow.js +1 -1
- package/dist/esm/components/dataTable/hooks/useDataTableStickyDividers.js +1 -1
- package/dist/esm/components/dataTable/hooks/useDataTableStickyLeftColumns.js +1 -1
- package/dist/esm/components/dataTable/hooks/useDataTableStickyRightColumns.js +1 -1
- package/dist/esm/components/dropdownSelected/dropdownSelectedControlled.js +1 -1
- package/dist/esm/components/dropdownSelected/dropdownSelectedStandAlone.js +5 -6
- package/dist/esm/components/image/image.css +1 -38
- package/dist/esm/components/input/input.js +2 -2
- package/dist/esm/components/input/inputStandAlone.js +3 -5
- package/dist/esm/components/inputBase/inputBase.js +2 -2
- package/dist/esm/components/inputDecoration/inputDecorationStandAlone.js +2 -2
- package/dist/esm/components/inputSignature/inputSignatureStandAlone.js +3 -4
- package/dist/esm/components/label/labelStandAlone.js +2 -3
- package/dist/esm/components/link/linkStandAlone.js +3 -3
- package/dist/esm/components/listOptions/listOptionsStandAlone.js +2 -4
- package/dist/esm/components/modal/fragments/modalHeader.js +3 -9
- package/dist/esm/components/modal/modalControlled.js +1 -1
- package/dist/esm/components/modal/modalStandAlone.js +4 -5
- package/dist/esm/components/modal/modalUnControlled.js +2 -2
- package/dist/esm/components/option/optionStandAlone.js +8 -11
- package/dist/esm/components/pageControl/components/arrowControlStandAlone.js +2 -2
- package/dist/esm/components/pageControl/components/controls.js +2 -4
- package/dist/esm/components/pageControl/pageControlStandAlone.js +6 -8
- package/dist/esm/components/pagination/fragments/paginationButtonControl.js +2 -2
- package/dist/esm/components/popover/hooks/positioning/middlewareUtils.js +1 -1
- package/dist/esm/components/popover/hooks/usePopoverInteractions.js +1 -1
- package/dist/esm/components/popover/hooks/usePopoverLifecycle.js +1 -1
- package/dist/esm/components/popover/hooks/usePopoverPositioning.js +1 -1
- package/dist/esm/components/popover/popover.js +1 -1
- package/dist/esm/components/popover/styles/index.css +1 -10
- package/dist/esm/components/popover/styles/keyframes.css +1 -421
- package/dist/esm/components/popover/styles/popover-arrow.css +1 -42
- package/dist/esm/components/popover/styles/popover.css +1 -189
- package/dist/esm/components/progressBar/progressBarStandAlone.js +4 -4
- package/dist/esm/components/radioButton/radioButtonStandAlone.js +4 -8
- package/dist/esm/components/selectorBoxFile/components/selectorBoxFileAnimation.js +3 -7
- package/dist/esm/components/selectorBoxFile/components/selectorBoxFileContainerBox.js +8 -13
- package/dist/esm/components/selectorBoxFile/selectorBoxFile.js +2 -2
- package/dist/esm/components/selectorBoxFile/selectorBoxFileStandAlone.js +4 -8
- package/dist/esm/components/skeleton/skeleton.css +1 -20
- package/dist/esm/components/slider/components/sliderHelperTextStandAlone.js +1 -3
- package/dist/esm/components/slider/components/sliderScaleStandAlone.js +2 -2
- package/dist/esm/components/slider/components/sliderThumbStandAlone.js +1 -1
- package/dist/esm/components/slider/sliderStandAlone.js +17 -19
- package/dist/esm/components/stepperNumber/stepperNumberStandAlone.js +8 -8
- package/dist/esm/components/table/hooks/useTableHasScroll.js +1 -1
- package/dist/esm/components/table/hooks/useTableShadow.js +1 -1
- package/dist/esm/components/table/hooks/useTableStickyLeftColumns.js +1 -1
- package/dist/esm/components/table/hooks/useTableStickyRightColumns.js +1 -1
- package/dist/esm/components/tabs/tabsStandAlone.js +5 -6
- package/dist/esm/components/tag/tagStandAlone.js +4 -4
- package/dist/esm/components/text/text.css +1 -14
- package/dist/esm/components/text/textStandAlone.js +1 -1
- package/dist/esm/components/textArea/components/errorStandAlone.js +3 -3
- package/dist/esm/components/textArea/components/helpMessageStandAlone.js +1 -1
- package/dist/esm/components/textArea/components/titleStandAlone.js +1 -1
- package/dist/esm/components/textArea/textAreaStandAlone.js +10 -11
- package/dist/esm/components/toggle/toggleStandAlone.js +4 -4
- package/dist/esm/components/tooltip/hooks/useTooltip.js +1 -1
- package/dist/esm/components/tooltip/tooltip.css +1 -69
- package/dist/esm/components/tooltip/tooltipControlled.js +1 -1
- package/dist/esm/components/tooltip/tooltipStandAlone.js +6 -10
- package/dist/esm/components/tooltip/tooltipUnControlled.js +1 -1
- package/dist/esm/components/tooltip/utils/tooltip.utils.js +1 -1
- package/dist/esm/components/virtualKeyboard/virtualKeyboardStandAlone.js +4 -4
- package/dist/esm/index.js +1 -1
- package/dist/esm/lib/components/customComponent/customComponent.js +2 -2
- package/dist/esm/lib/components/elementOrIcon/elementOrIcon.js +1 -0
- package/dist/esm/lib/components/errorMessage/errorMessageStandAlone.js +4 -4
- package/dist/esm/lib/components/itemRove/itemRove.js +2 -0
- package/dist/esm/lib/components/overlay/overlay.js +2 -0
- package/dist/esm/lib/components/overlay/overlayStandAlone.js +2 -0
- package/dist/esm/lib/designSystem/kubit/css/kubit.css +1 -0
- package/dist/esm/lib/designSystem/kubit/css/kubit.min.css +1 -0
- package/dist/esm/lib/hooks/useClickOutside/useClickOutside.js +1 -1
- package/dist/esm/lib/hooks/useContentVisibility/useContentVisibility.js +1 -1
- package/dist/esm/lib/hooks/useManageState/useManageState.js +1 -1
- package/dist/esm/lib/hooks/useScrollDetection/useScrollDetection.js +1 -0
- package/dist/esm/lib/hooks/useScrollEffect/useScrollEffect.js +1 -1
- package/dist/esm/lib/hooks/useSwipeDown/useSwipeDown.js +1 -1
- package/dist/esm/lib/provider/cssProvider/provider.js +1 -1
- package/dist/esm/lib/provider/cssProvider/stats/stats.js +1 -1641
- package/dist/esm/lib/provider/stylesProvider/stylesProvider.js +2 -2
- package/dist/esm/lib/storybook/components/divider/divider.css +1 -0
- package/dist/esm/lib/storybook/components/note/styles.css +1 -0
- package/dist/esm/lib/utils/keyboard/keyboard.js +1 -1
- package/dist/esm/lib/utils/process/processCommonProp.js +1 -0
- package/dist/esm/react-components.css +1 -1
- package/dist/styles/kubit/css/kubit.css +10 -76
- package/dist/styles/kubit/css/kubit.min.css +1 -1
- package/dist/types/index.d.ts +1058 -465
- package/package.json +69 -46
- package/dist/cjs/components/elementOrIcon/elementOrIcon.js +0 -1
- package/dist/cjs/components/elementOrIcon/index.js +0 -2
- package/dist/cjs/components/itemRove/index.js +0 -2
- package/dist/cjs/components/itemRove/itemRove.js +0 -1
- package/dist/cjs/components/message/index.js +0 -4
- package/dist/cjs/components/message/messageControlled.js +0 -1
- package/dist/cjs/components/message/messageStandAlone.js +0 -1
- package/dist/cjs/components/message/messageUnControlled.js +0 -1
- package/dist/cjs/components/navBar/index.js +0 -2
- package/dist/cjs/components/navBar/navBar.js +0 -1
- package/dist/cjs/components/navBar/navBarStandAlone.js +0 -1
- package/dist/cjs/components/overlay/index.js +0 -1
- package/dist/cjs/components/overlay/overlay.js +0 -1
- package/dist/cjs/components/overlay/overlayStandAlone.js +0 -1
- package/dist/cjs/components/renderIf/renderIf.js +0 -1
- package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileErrorMessage.js +0 -1
- package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileHeader.js +0 -1
- package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileTooltip.js +0 -1
- package/dist/cjs/components/table/__stories__/css/table.css +0 -7
- package/dist/cjs/lib/hooks/useContentVisibilityDetection/useContentVisibilityDetection.js +0 -1
- package/dist/cjs/lib/hooks/useId/useId.js +0 -1
- package/dist/cjs/lib/hooks/useInputFocus/useInputFocus.js +0 -1
- package/dist/cjs/lib/hooks/useScrollDetectionWithAutoFocus/useScrollDetectionWithAutoFocus.js +0 -1
- package/dist/cjs/lib/utils/changeCssProperty/changeCssProperty.js +0 -1
- package/dist/cjs/lib/utils/is/isReactNode.js +0 -1
- package/dist/cjs/lib/utils/is/isString.js +0 -1
- package/dist/cjs/lib/utils/process/processIcon/processIcon.js +0 -1
- package/dist/cjs/lib/utils/process/processText/processText.js +0 -1
- package/dist/cjs/lib/utils/resizeObserver/resizeObserver.js +0 -1
- package/dist/esm/components/elementOrIcon/elementOrIcon.js +0 -1
- package/dist/esm/components/elementOrIcon/index.js +0 -1
- package/dist/esm/components/itemRove/index.js +0 -1
- package/dist/esm/components/itemRove/itemRove.js +0 -2
- package/dist/esm/components/message/index.js +0 -2
- package/dist/esm/components/message/messageControlled.js +0 -2
- package/dist/esm/components/message/messageStandAlone.js +0 -10
- package/dist/esm/components/message/messageUnControlled.js +0 -2
- package/dist/esm/components/navBar/index.js +0 -1
- package/dist/esm/components/navBar/navBar.js +0 -2
- package/dist/esm/components/navBar/navBarStandAlone.js +0 -2
- package/dist/esm/components/overlay/index.js +0 -1
- package/dist/esm/components/overlay/overlay.js +0 -2
- package/dist/esm/components/overlay/overlayStandAlone.js +0 -2
- package/dist/esm/components/renderIf/renderIf.js +0 -1
- package/dist/esm/components/selectorBoxFile/components/selectorBoxFileErrorMessage.js +0 -3
- package/dist/esm/components/selectorBoxFile/components/selectorBoxFileHeader.js +0 -9
- package/dist/esm/components/selectorBoxFile/components/selectorBoxFileTooltip.js +0 -1
- package/dist/esm/components/table/__stories__/css/table.css +0 -7
- package/dist/esm/lib/hooks/useContentVisibilityDetection/useContentVisibilityDetection.js +0 -1
- package/dist/esm/lib/hooks/useId/useId.js +0 -1
- package/dist/esm/lib/hooks/useInputFocus/useInputFocus.js +0 -1
- package/dist/esm/lib/hooks/useScrollDetectionWithAutoFocus/useScrollDetectionWithAutoFocus.js +0 -1
- package/dist/esm/lib/utils/changeCssProperty/changeCssProperty.js +0 -1
- package/dist/esm/lib/utils/is/isReactNode.js +0 -1
- package/dist/esm/lib/utils/is/isString.js +0 -1
- package/dist/esm/lib/utils/process/processIcon/processIcon.js +0 -1
- package/dist/esm/lib/utils/process/processText/processText.js +0 -1
- package/dist/esm/lib/utils/resizeObserver/resizeObserver.js +0 -1
- /package/dist/cjs/lib/hooks/{useContentVisibilityDetection → useContentVisibility}/utils/contentVisibility.js +0 -0
- /package/dist/cjs/lib/{hooks/syncRefs → utils/refs}/syncRefs.js +0 -0
- /package/dist/esm/lib/hooks/{useContentVisibilityDetection → useContentVisibility}/utils/contentVisibility.js +0 -0
- /package/dist/esm/lib/{hooks/syncRefs → utils/refs}/syncRefs.js +0 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{j as e}from"../../../_virtual/jsx-runtime.js";import{createContext as t,useContext as s,useMemo as r,useState as n}from"react";import{Provider as i}from"../cssProvider/provider.js";const o=t(void 0),a=()=>{const e=s(o);if(!e)throw new Error("useStylesContext must be used within a StylesProvider");return e},l={lg:992,md:768,sm:576,xl:1200},m=({breakpoints:
|
|
2
|
-
return e.jsx(o.Provider,{value:{breakpoints:x,changeTheme:e=>{try{b.themeSelected=e,C(e)}catch(t){}},classes:[],currentTheme:w,getComponentStyles:({additionalClassNames:e,component:t,variant:s})=>{try{return b.getComponentStyles({additionalClassNames:e,component:t,variant:s||""})}catch(r){return{}}},icons:v,illustrations:y,mediaQueries:u,themeClassNames:b.classNames,themes:b.allThemes,themeVariables:b.variables},children:
|
|
1
|
+
import{j as e}from"../../../_virtual/jsx-runtime.js";import{createContext as t,useContext as s,useMemo as r,useState as n}from"react";import{Provider as i}from"../cssProvider/provider.js";const o=t(void 0),a=()=>{const e=s(o);if(!e)throw new Error("useStylesContext must be used within a StylesProvider");return e},l={lg:992,md:768,sm:576,xl:1200},m=({bernovaProvider:t,breakpoints:s=l,children:a,icons:m={},illustrations:d={},jsInCss:c=!0,linkId:h="kb-styled-provider",themeSelected:p})=>{const x=s,u=(e=>({onlyDesktop:`(max-width: ${e.xl}px)`,onlyLargeDesktop:`(min-width: ${e.xl}px)`,onlyMobile:`(max-width: ${e.md-1}px)`,onlyTablet:`(min-width: ${e.md}px) and (max-width: ${e.lg-1}px)`}))(s),v=m,y=d,b=r(()=>new(t||i)({jsInCss:c,linkId:h}),[]),[w,C]=n(p||b.themeSelected);b.themeSelected=w||"";/* @__PURE__ */
|
|
2
|
+
return e.jsx(o.Provider,{value:{breakpoints:x,changeTheme:e=>{try{b.themeSelected=e,C(e)}catch(t){}},classes:[],currentTheme:w,getComponentStyles:({additionalClassNames:e,component:t,variant:s})=>{try{return b.getComponentStyles({additionalClassNames:e,component:t,variant:s||""})}catch(r){return{}}},icons:v,illustrations:y,mediaQueries:u,themeClassNames:b.classNames,themes:b.allThemes,themeVariables:b.variables},children:a})};export{o as StylesContext,m as StylesProvider,a as useStylesContext};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.storybook-divider{background-color:#000;color:#fff;padding:1rem}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.note-container{border-left:4px solid;border-radius:6px;margin-bottom:16px;padding:12px}.note-heading{display:block;font-size:14px;margin-bottom:6px}.note-text{color:#333;font-size:13px;line-height:1.5;margin-top:8px}.note-theme-blue{background-color:#f1f8ff;border-left-color:#0366d6}.note-theme-blue .note-heading{color:#0366d6}.note-theme-lightBlue{background-color:#e6f6ff;border-left-color:#2188ff}.note-theme-lightBlue .note-heading{color:#0366d6}.note-theme-purple{background-color:#f5f0ff;border-left-color:#7b61ff}.note-theme-purple .note-heading{color:#7b61ff}.note-theme-orange{background-color:#fff8f0;border-left-color:#ff9940}.note-theme-orange .note-heading{color:#ff9940}.note-theme-green{background-color:#f0fff4;border-left-color:#22863a}.note-theme-green .note-heading{color:#22863a}.note-theme-red{background-color:#fff0f0;border-left-color:#d73a49}.note-theme-red .note-heading{color:#d73a49}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
const r=(r,...s)=>s.some(s=>Array.isArray(s)?s.includes(r):r===s);export{r as isKeyPressed};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{isValidElement as t}from"react";const e=(e,n={})=>{const{allowReactElements:r=!0,extractContent:l=!0,maxLength:c,propertyName:o="children"}=n;if(null==e)return"children"===o?{children:null}:{};if("string"==typeof e){const t=c&&e.length>c?e.substring(0,c):e;return{[o]:t}}if(r&&t(e))return{children:e};if("object"==typeof e&&null!==e){if(l&&"content"in e){const t=e.content,n=c&&"string"==typeof t?t.substring(0,c):t;return{...e,children:n}}return e}return"children"===o?{children:null}:{}},n=t=>e(t,{allowReactElements:!1,extractContent:!1,propertyName:"icon"}),r=(t,n)=>e(t,{allowReactElements:!0,extractContent:!0,maxLength:n,propertyName:"children"});export{e as processCommonProp,n as processIconProp,r as processTextProp};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.kbt-text{-webkit-text-size-adjust:100%;text-size-adjust:100%}.kbt-text--disabled{pointer-events:none}.kbt-text--truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes popover-enter-center{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes popover-exit-center{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}@keyframes popover-enter-top{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes popover-exit-top{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-20px)}}@keyframes popover-enter-top-start{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes popover-exit-top-start{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes popover-enter-top-end{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes popover-exit-top-end{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes popover-enter-bottom{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes popover-exit-bottom{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(20px)}}@keyframes popover-enter-bottom-start{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes popover-exit-bottom-start{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes popover-enter-bottom-end{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes popover-exit-bottom-end{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes popover-enter-left{0%{opacity:0;transform:translateY(-50%) translate(-20px)}to{opacity:1;transform:translateY(-50%) translate(0)}}@keyframes popover-exit-left{0%{opacity:1;transform:translateY(-50%) translate(0)}to{opacity:0;transform:translateY(-50%) translate(-20px)}}@keyframes popover-enter-left-start{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes popover-exit-left-start{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-20px)}}@keyframes popover-enter-left-end{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes popover-exit-left-end{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-20px)}}@keyframes popover-enter-right{0%{opacity:0;transform:translateY(-50%) translate(20px)}to{opacity:1;transform:translateY(-50%) translate(0)}}@keyframes popover-exit-right{0%{opacity:1;transform:translateY(-50%) translate(0)}to{opacity:0;transform:translateY(-50%) translate(20px)}}@keyframes popover-enter-right-start{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes popover-exit-right-start{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}@keyframes popover-enter-right-end{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes popover-exit-right-end{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}.popover-animate{animation-duration:.2s;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-fill-mode:forwards}.popover-enter-center{animation-name:popover-enter-center}.popover-enter-top{animation-name:popover-enter-top}.popover-enter-top-start{animation-name:popover-enter-top-start}.popover-enter-top-end{animation-name:popover-enter-top-end}.popover-enter-bottom{animation-name:popover-enter-bottom}.popover-enter-bottom-start{animation-name:popover-enter-bottom-start}.popover-enter-bottom-end{animation-name:popover-enter-bottom-end}.popover-enter-left{animation-name:popover-enter-left}.popover-enter-left-start{animation-name:popover-enter-left-start}.popover-enter-left-end{animation-name:popover-enter-left-end}.popover-enter-right{animation-name:popover-enter-right}.popover-enter-right-start{animation-name:popover-enter-right-start}.popover-enter-right-end{animation-name:popover-enter-right-end}.popover-exit-center{animation-name:popover-exit-center}.popover-exit-top{animation-name:popover-exit-top}.popover-exit-top-start{animation-name:popover-exit-top-start}.popover-exit-top-end{animation-name:popover-exit-top-end}.popover-exit-bottom{animation-name:popover-exit-bottom}.popover-exit-bottom-start{animation-name:popover-exit-bottom-start}.popover-exit-bottom-end{animation-name:popover-exit-bottom-end}.popover-exit-left{animation-name:popover-exit-left}.popover-exit-left-start{animation-name:popover-exit-left-start}.popover-exit-left-end{animation-name:popover-exit-left-end}.popover-exit-right{animation-name:popover-exit-right}.popover-exit-right-start{animation-name:popover-exit-right-start}.popover-exit-right-end{animation-name:popover-exit-right-end}[data-kbt-id=popover][data-kbt-placement]{animation-duration:.5s;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-fill-mode:forwards;animation-iteration-count:1}[data-kbt-id=popover][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){--animation-prefix: "popover-enter-"}[data-kbt-id=popover][data-kbt-placement=center][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-center}[data-kbt-id=popover][data-kbt-placement^=top][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:var(--animation-name, popover-enter-top)}[data-kbt-id=popover][data-kbt-placement=top-start][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-top-start}[data-kbt-id=popover][data-kbt-placement=top-end][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-top-end}[data-kbt-id=popover][data-kbt-placement^=bottom][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:var(--animation-name, popover-enter-bottom)}[data-kbt-id=popover][data-kbt-placement=bottom-start][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-bottom-start}[data-kbt-id=popover][data-kbt-placement=bottom-end][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-bottom-end}[data-kbt-id=popover][data-kbt-placement^=left][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:var(--animation-name, popover-enter-left)}[data-kbt-id=popover][data-kbt-placement=left-start][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-left-start}[data-kbt-id=popover][data-kbt-placement=left-end][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-left-end}[data-kbt-id=popover][data-kbt-placement^=right][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:var(--animation-name, popover-enter-right)}[data-kbt-id=popover][data-kbt-placement=right-start][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-right-start}[data-kbt-id=popover][data-kbt-placement=right-end][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-right-end}[data-kbt-id=popover][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){--animation-prefix: "popover-exit-"}[data-kbt-id=popover][data-kbt-placement=center][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-center}[data-kbt-id=popover][data-kbt-placement^=top][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:var(--exit-animation-name, popover-exit-top)}[data-kbt-id=popover][data-kbt-placement=top-start][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-top-start}[data-kbt-id=popover][data-kbt-placement=top-end][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-top-end}[data-kbt-id=popover][data-kbt-placement^=bottom][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:var(--exit-animation-name, popover-exit-bottom)}[data-kbt-id=popover][data-kbt-placement=bottom-start][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-bottom-start}[data-kbt-id=popover][data-kbt-placement=bottom-end][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-bottom-end}[data-kbt-id=popover][data-kbt-placement^=left][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:var(--exit-animation-name, popover-exit-left)}[data-kbt-id=popover][data-kbt-placement=left-start][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-left-start}[data-kbt-id=popover][data-kbt-placement=left-end][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-left-end}[data-kbt-id=popover][data-kbt-placement^=right][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:var(--exit-animation-name, popover-exit-right)}[data-kbt-id=popover][data-kbt-placement=right-start][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-right-start}[data-kbt-id=popover][data-kbt-placement=right-end][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-right-end}[data-kbt-id=popover-arrow]{position:absolute;transform:rotate(45deg);z-index:-1}[data-kbt-id=popover-arrow][data-kbt-placement^=top]{bottom:calc(-1 * var(--arrow-size, 8px) / 2);left:50%;transform:translate(-50%) rotate(45deg)}[data-kbt-id=popover-arrow][data-kbt-placement^=bottom]{top:calc(-1 * var(--arrow-size, 8px) / 2);left:50%;transform:translate(-50%) rotate(45deg)}[data-kbt-id=popover-arrow][data-kbt-placement^=left]{right:calc(-1 * var(--arrow-size, 8px) / 2);top:50%;transform:translateY(-50%) rotate(45deg)}[data-kbt-id=popover-arrow][data-kbt-placement^=right]{left:calc(-1 * var(--arrow-size, 8px) / 2);top:50%;transform:translateY(-50%) rotate(45deg)}[data-kbt-id=popover-arrow][data-kbt-placement=center]{top:calc(-1 * var(--arrow-size, 8px) / 2);left:50%;transform:translate(-50%) rotate(45deg)}:root{--border-radius: 0;--fallback-ratio: 1;--object-fit: cover;--ratio: 1;--width: 100%}.kbt-picture{position:relative;display:inline-block;overflow:hidden;max-width:100%;max-height:100%;width:var(--width);aspect-ratio:var(--ratio)}@supports not (aspect-ratio: 16 / 9){.kbt-picture{padding-top:var(--fallback-ratio)}.kbt-picture img{position:absolute;top:0;left:0;width:100%;height:auto}}.kbt-picture img{max-width:100%;border-radius:var(--border-radius);object-fit:var(--object-fit);aspect-ratio:var(--ratio)}.kbt-tooltip{display:inline-block}.kbt-tooltip__trigger-wrapper{display:flex;align-items:center;justify-content:center;padding:0;border:none;background:none;min-height:1.5rem;min-width:1.5rem}.kbt-tooltip__external-container{display:flex}.kbt-tooltip__header-content{display:flex;align-items:flex-start}.kbt-tooltip__close-icon{display:flex;justify-content:flex-end;align-self:flex-end}.kbt-tooltip__title,.kbt-tooltip__paragraph{word-break:break-word}.kbt-tooltip__inner-content{overflow-y:auto}.kbt-tooltip__arrow{position:absolute}.kbt-tooltip__arrow--top{bottom:100%;left:50%;transform:translate(-50%)}.kbt-tooltip__arrow--right{top:50%;left:100%;transform:translateY(-50%)}.kbt-tooltip__arrow--bottom{top:100%;left:50%;transform:translate(-50%)}.kbt-tooltip__arrow--left{top:50%;right:100%;transform:translateY(-50%)}@keyframes breatheAnimation{0%{background-position-x:0%}to{background-position-x:-200%}}.kbt-skeleton{width:var(--skeleton-width, 100%);height:var(--skeleton-height, 20px);animation-name:breatheAnimation;animation-timing-function:linear;animation-iteration-count:infinite;animation-duration:var(--skeleton-duration, 2s);animation-delay:1ms;background-size:200% 100%}
|
|
1
|
+
.kbt-text{-webkit-text-size-adjust:100%;text-size-adjust:100%}.kbt-text--disabled{pointer-events:none}.kbt-text--truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes popover-enter-center{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes popover-exit-center{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}@keyframes popover-enter-top{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes popover-exit-top{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-20px)}}@keyframes popover-enter-top-start{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes popover-exit-top-start{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes popover-enter-top-end{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes popover-exit-top-end{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes popover-enter-bottom{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes popover-exit-bottom{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(20px)}}@keyframes popover-enter-bottom-start{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes popover-exit-bottom-start{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes popover-enter-bottom-end{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes popover-exit-bottom-end{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes popover-enter-left{0%{opacity:0;transform:translateY(-50%) translate(-20px)}to{opacity:1;transform:translateY(-50%) translate(0)}}@keyframes popover-exit-left{0%{opacity:1;transform:translateY(-50%) translate(0)}to{opacity:0;transform:translateY(-50%) translate(-20px)}}@keyframes popover-enter-left-start{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes popover-exit-left-start{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-20px)}}@keyframes popover-enter-left-end{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes popover-exit-left-end{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-20px)}}@keyframes popover-enter-right{0%{opacity:0;transform:translateY(-50%) translate(20px)}to{opacity:1;transform:translateY(-50%) translate(0)}}@keyframes popover-exit-right{0%{opacity:1;transform:translateY(-50%) translate(0)}to{opacity:0;transform:translateY(-50%) translate(20px)}}@keyframes popover-enter-right-start{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes popover-exit-right-start{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}@keyframes popover-enter-right-end{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes popover-exit-right-end{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}.popover-animate{animation-duration:.2s;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-fill-mode:forwards}.popover-enter-center{animation-name:popover-enter-center}.popover-enter-top{animation-name:popover-enter-top}.popover-enter-top-start{animation-name:popover-enter-top-start}.popover-enter-top-end{animation-name:popover-enter-top-end}.popover-enter-bottom{animation-name:popover-enter-bottom}.popover-enter-bottom-start{animation-name:popover-enter-bottom-start}.popover-enter-bottom-end{animation-name:popover-enter-bottom-end}.popover-enter-left{animation-name:popover-enter-left}.popover-enter-left-start{animation-name:popover-enter-left-start}.popover-enter-left-end{animation-name:popover-enter-left-end}.popover-enter-right{animation-name:popover-enter-right}.popover-enter-right-start{animation-name:popover-enter-right-start}.popover-enter-right-end{animation-name:popover-enter-right-end}.popover-exit-center{animation-name:popover-exit-center}.popover-exit-top{animation-name:popover-exit-top}.popover-exit-top-start{animation-name:popover-exit-top-start}.popover-exit-top-end{animation-name:popover-exit-top-end}.popover-exit-bottom{animation-name:popover-exit-bottom}.popover-exit-bottom-start{animation-name:popover-exit-bottom-start}.popover-exit-bottom-end{animation-name:popover-exit-bottom-end}.popover-exit-left{animation-name:popover-exit-left}.popover-exit-left-start{animation-name:popover-exit-left-start}.popover-exit-left-end{animation-name:popover-exit-left-end}.popover-exit-right{animation-name:popover-exit-right}.popover-exit-right-start{animation-name:popover-exit-right-start}.popover-exit-right-end{animation-name:popover-exit-right-end}[data-kbt-id=popover][data-kbt-placement]{animation-duration:.5s;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-fill-mode:forwards;animation-iteration-count:1}[data-kbt-id=popover][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){--animation-prefix: "popover-enter-"}[data-kbt-id=popover][data-kbt-placement=center][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-center}[data-kbt-id=popover][data-kbt-placement^=top][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:var(--animation-name, popover-enter-top)}[data-kbt-id=popover][data-kbt-placement=top-start][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-top-start}[data-kbt-id=popover][data-kbt-placement=top-end][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-top-end}[data-kbt-id=popover][data-kbt-placement^=bottom][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:var(--animation-name, popover-enter-bottom)}[data-kbt-id=popover][data-kbt-placement=bottom-start][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-bottom-start}[data-kbt-id=popover][data-kbt-placement=bottom-end][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-bottom-end}[data-kbt-id=popover][data-kbt-placement^=left][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:var(--animation-name, popover-enter-left)}[data-kbt-id=popover][data-kbt-placement=left-start][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-left-start}[data-kbt-id=popover][data-kbt-placement=left-end][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-left-end}[data-kbt-id=popover][data-kbt-placement^=right][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:var(--animation-name, popover-enter-right)}[data-kbt-id=popover][data-kbt-placement=right-start][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-right-start}[data-kbt-id=popover][data-kbt-placement=right-end][data-kbt-closing=false]:not([data-kbt-disable-animations=true]){animation-name:popover-enter-right-end}[data-kbt-id=popover][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){--animation-prefix: "popover-exit-"}[data-kbt-id=popover][data-kbt-placement=center][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-center}[data-kbt-id=popover][data-kbt-placement^=top][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:var(--exit-animation-name, popover-exit-top)}[data-kbt-id=popover][data-kbt-placement=top-start][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-top-start}[data-kbt-id=popover][data-kbt-placement=top-end][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-top-end}[data-kbt-id=popover][data-kbt-placement^=bottom][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:var(--exit-animation-name, popover-exit-bottom)}[data-kbt-id=popover][data-kbt-placement=bottom-start][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-bottom-start}[data-kbt-id=popover][data-kbt-placement=bottom-end][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-bottom-end}[data-kbt-id=popover][data-kbt-placement^=left][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:var(--exit-animation-name, popover-exit-left)}[data-kbt-id=popover][data-kbt-placement=left-start][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-left-start}[data-kbt-id=popover][data-kbt-placement=left-end][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-left-end}[data-kbt-id=popover][data-kbt-placement^=right][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:var(--exit-animation-name, popover-exit-right)}[data-kbt-id=popover][data-kbt-placement=right-start][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-right-start}[data-kbt-id=popover][data-kbt-placement=right-end][data-kbt-closing=true]:not([data-kbt-disable-animations=true]){animation-name:popover-exit-right-end}[data-kbt-id=popover-arrow]{position:absolute;transform:rotate(45deg);z-index:-1}[data-kbt-id=popover-arrow][data-kbt-placement^=top]{bottom:calc(-1 * var(--arrow-size, 8px) / 2);left:50%;transform:translate(-50%) rotate(45deg)}[data-kbt-id=popover-arrow][data-kbt-placement^=bottom]{top:calc(-1 * var(--arrow-size, 8px) / 2);left:50%;transform:translate(-50%) rotate(45deg)}[data-kbt-id=popover-arrow][data-kbt-placement^=left]{right:calc(-1 * var(--arrow-size, 8px) / 2);top:50%;transform:translateY(-50%) rotate(45deg)}[data-kbt-id=popover-arrow][data-kbt-placement^=right]{left:calc(-1 * var(--arrow-size, 8px) / 2);top:50%;transform:translateY(-50%) rotate(45deg)}[data-kbt-id=popover-arrow][data-kbt-placement=center]{top:calc(-1 * var(--arrow-size, 8px) / 2);left:50%;transform:translate(-50%) rotate(45deg)}:root{--border-radius: 0;--fallback-ratio: 1;--object-fit: cover;--ratio: 1;--width: 100%}.kbt-picture{position:relative;display:inline-block;overflow:hidden;max-width:100%;max-height:100%;width:var(--width);aspect-ratio:var(--ratio)}@supports not (aspect-ratio: 16 / 9){.kbt-picture{padding-top:var(--fallback-ratio)}.kbt-picture img{position:absolute;top:0;left:0;width:100%;height:auto}}.kbt-picture img{max-width:100%;border-radius:var(--border-radius);object-fit:var(--object-fit);aspect-ratio:var(--ratio)}@keyframes breatheAnimation{0%{background-position-x:0%}to{background-position-x:-200%}}.kbt-skeleton{width:var(--skeleton-width, 100%);height:var(--skeleton-height, 20px);animation-name:breatheAnimation;animation-timing-function:linear;animation-iteration-count:infinite;animation-duration:var(--skeleton-duration, 2s);animation-delay:1ms;background-size:200% 100%}.kbt-tooltip{display:inline-block}.kbt-tooltip__trigger-wrapper{display:flex;align-items:center;justify-content:center;padding:0;border:none;background:none;min-height:1.5rem;min-width:1.5rem}.kbt-tooltip__external-container{display:flex}.kbt-tooltip__paragraph{word-break:break-word}.kbt-tooltip__inner-content{overflow-y:auto}.kbt-tooltip__arrow{position:absolute}.kbt-tooltip__arrow--top{bottom:100%;left:50%;transform:translate(-50%)}.kbt-tooltip__arrow--right{top:50%;left:100%;transform:translateY(-50%)}.kbt-tooltip__arrow--bottom{top:100%;left:50%;transform:translate(-50%)}.kbt-tooltip__arrow--left{top:50%;right:100%;transform:translateY(-50%)}
|
|
@@ -552,7 +552,6 @@ html, body, * { font-family: "Nunito Sans"; }
|
|
|
552
552
|
.global-focus-visible:focus-visible { box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.6); outline: none; }
|
|
553
553
|
body *:focus-visible { box-shadow: 0 0 0 0.25rem #fff; outline-color: #2C71DB; outline-offset: 0.25rem; outline-style: solid; outline-width: 0.25rem; }
|
|
554
554
|
.kbt-global-focus { box-shadow: ; outline-color: ; outline-offset: ; outline-style: solid; outline-width: ; }
|
|
555
|
-
|
|
556
555
|
/* === END FOUNDATIONS === */
|
|
557
556
|
|
|
558
557
|
/* === BERNOVA COMPONENTS === */
|
|
@@ -564,6 +563,13 @@ body *:focus-visible { box-shadow: 0 0 0 0.25rem #fff; outline-color: #2C71DB; o
|
|
|
564
563
|
.accordion__innercontent { min-height: 0; overflow: hidden; }
|
|
565
564
|
.accordion--neutral { background-color: var(--colors-neutral-color-neutral-bg-200); }
|
|
566
565
|
.accordion--standard { background-color: var(--colors-neutral-color-neutral-bg-250); }
|
|
566
|
+
.alert__container { align-items: flex-start; border-radius: var(--radius-radius-00); border-style: solid; border-width: var(--borders-border-50); display: flex; flex-direction: row; gap: var(--spacings-spacing-150); justify-content: flex-start; padding: var(--spacings-spacing-300); position: relative; }
|
|
567
|
+
.alert__contentcontainer { padding: var(--spacings-spacing-0); }
|
|
568
|
+
.alert__description { color: var(--colors-neutral-color-neutral-font-150); font-weight: var(--font-weight-font-weight-400); word-break: break-word; }
|
|
569
|
+
.alert__container--error { background-color: var(--colors-feedback-color-feedback-error-bg-50); border-color: var(--colors-feedback-color-feedbackerror-border-100); }
|
|
570
|
+
.alert__container--informative { background-color: var(--colors-feedback-color-feedback-info-bg-50); border-color: var(--colors-feedback-color-feedbackinfo-border-100); }
|
|
571
|
+
.alert__container--success { background-color: var(--colors-feedback-color-feedback-success-bg-50); border-color: var(--colors-feedback-color-feedbacksuccess-border-100); }
|
|
572
|
+
.alert__container--warning { background-color: var(--colors-feedback-color-feedback-warning-bg-50); border-color: var(--colors-feedback-color-feedbackwarning-border-100); }
|
|
567
573
|
.avatar { align-items: center; background-position: 50%, 50%; background-size: 100%; border-radius: var(--radius-radius-circle); cursor: pointer; display: inline-flex; justify-content: center; position: relative; -webkit-text-decoration: none; text-decoration: none; }
|
|
568
574
|
.avatar__dot { display: flex; position: absolute; right: 0; top: 0; }
|
|
569
575
|
.avatar__icon { display: block; }
|
|
@@ -635,8 +641,6 @@ body *:focus-visible { box-shadow: 0 0 0 0.25rem #fff; outline-color: #2C71DB; o
|
|
|
635
641
|
.button__loader { align-items: center; display: flex; position: absolute; }
|
|
636
642
|
.button--large { font-size: var(--font-size-font-body-100); gap: var(--spacings-spacing-150); line-height: var(--line-height-line-height-200); padding-bottom: var(--spacings-spacing-250); padding-left: var(--spacings-spacing-300); padding-right: var(--spacings-spacing-300); padding-top: var(--spacings-spacing-250); }
|
|
637
643
|
.button__icon--large { height: var(--sizes-size-250); width: var(--sizes-size-250); }
|
|
638
|
-
.button--medium { font-size: var(--font-size-font-body-100); gap: var(--spacings-spacing-150); line-height: var(--line-height-line-height-200); padding-bottom: var(--spacings-spacing-250); padding-left: var(--spacings-spacing-300); padding-right: var(--spacings-spacing-300); padding-top: var(--spacings-spacing-250); }
|
|
639
|
-
.button__icon--medium { height: var(--sizes-size-250); width: var(--sizes-size-250); }
|
|
640
644
|
.button--small { font-size: var(--font-size-font-body-150); gap: var(--spacings-spacing-100); line-height: var(--line-height-line-height-250); padding-bottom: var(--spacings-spacing-150); padding-left: var(--spacings-spacing-250); padding-right: var(--spacings-spacing-250); padding-top: var(--spacings-spacing-150); }
|
|
641
645
|
.button__icon--small { height: var(--sizes-size-200); width: var(--sizes-size-200); }
|
|
642
646
|
.button--action_primary { padding-bottom: var(--spacings-spacing-0); padding-left: var(--spacings-spacing-0); padding-right: var(--spacings-spacing-0); padding-top: var(--spacings-spacing-0); -webkit-text-decoration: underline; text-decoration: underline; color: var(--colors-accent-color-accent-default-font-100); }
|
|
@@ -738,7 +742,7 @@ body *:focus-visible { box-shadow: 0 0 0 0.25rem #fff; outline-color: #2C71DB; o
|
|
|
738
742
|
.carousel__content[data-center-mode="true"] > *[data-highlighted] { transform: scale(1); }
|
|
739
743
|
.carousel__content[data-shifting="true"] { transition: left 0.5s ease-out; }
|
|
740
744
|
.carousel__content > * { flex-shrink: 0; }
|
|
741
|
-
.carousel__viewer { cursor: grab; overflow: hidden;
|
|
745
|
+
.carousel__viewer { cursor: grab; overflow: hidden; padding: 0.5rem; position: relative; }
|
|
742
746
|
.carousel__viewer[data-allow-modify-slice-width="false"] { width: 0px; }
|
|
743
747
|
.carousel__viewer[data-allow-modify-slice-width="true"] { width: 100%; }
|
|
744
748
|
.carousel__viewer[data-disabled="true"] { cursor: default; }
|
|
@@ -985,30 +989,6 @@ body *:focus-visible { box-shadow: 0 0 0 0.25rem #fff; outline-color: #2C71DB; o
|
|
|
985
989
|
.list_options__optionscontainer--side_menu_section { gap: var(--spacings-spacing-100); }
|
|
986
990
|
.list_options__title--side_menu_section { color: var(--colors-neutral-color-neutral-font-50); font-weight: var(--font-weight-font-weight-400); }
|
|
987
991
|
.list_options__titlecontainer--side_menu_section { border-bottom: var(--borders-border-50) solid var(--colors-neutral-color-neutral-border-200); margin: var(--spacings-spacing-0) var(--spacings-spacing-300) var(--spacings-spacing-100) var(--spacings-spacing-0); padding: var(--spacings-spacing-150) var(--spacings-spacing-300) var(--spacings-spacing-150) calc(var(--spacings-spacing-300) + var(--borders-border-200)); }
|
|
988
|
-
.message { padding: var(--spacings-spacing-0); }
|
|
989
|
-
.message__actionbuttoncontainer { padding: var(--spacings-spacing-0); }
|
|
990
|
-
.message__buttonsectioncontainer { align-items: flex-start; display: flex; flex-direction: column; width: var(--spacings-spacing-100-percent); }
|
|
991
|
-
.message__closeicon { height: var(--sizes-size-250); width: var(--sizes-size-250); }
|
|
992
|
-
.message__container { align-items: flex-start; border-radius: var(--radius-radius-00); border-style: solid; border-width: var(--borders-border-50); display: flex; flex-direction: row; gap: var(--spacings-spacing-150); justify-content: flex-start; padding: var(--spacings-spacing-300); position: relative; }
|
|
993
|
-
.message__contentcontainer { padding: var(--spacings-spacing-0); }
|
|
994
|
-
.message__contentcontainerlargemessage { padding: var(--spacings-spacing-0); }
|
|
995
|
-
.message__description { color: var(--colors-neutral-color-neutral-font-150); font-weight: var(--font-weight-font-weight-400); word-break: break-word; }
|
|
996
|
-
.message__extraactionbuttoncontainer { padding: var(--spacings-spacing-0); }
|
|
997
|
-
.message__headercontainer { align-items: flex-start; display: flex; flex-direction: column; gap: var(--spacings-spacing-300); }
|
|
998
|
-
.message__headercontainerlargemessage { padding: var(--spacings-spacing-0); }
|
|
999
|
-
.message__infoicon { height: var(--sizes-size-250); width: var(--sizes-size-250); }
|
|
1000
|
-
.message__linkcontainer { padding: var(--spacings-spacing-0); }
|
|
1001
|
-
.message__linkscontainer { display: flex; gap: var(--spacings-spacing-150); }
|
|
1002
|
-
.message__title { color: var(--colors-neutral-color-neutral-font-50); font-weight: var(--font-weight-font-weight-500); word-break: break-word; }
|
|
1003
|
-
.message__titlecontainer { display: flex; flex-direction: column; word-break: break-word; }
|
|
1004
|
-
.message__container--error { background-color: var(--colors-feedback-color-feedback-error-bg-50); border-color: var(--colors-feedback-color-feedbackerror-border-100); }
|
|
1005
|
-
.message__infoicon--error { color: var(--colors-feedback-color-feedbackerror-icon-100); }
|
|
1006
|
-
.message__container--informative { background-color: var(--colors-feedback-color-feedback-info-bg-50); border-color: var(--colors-feedback-color-feedbackinfo-border-100); }
|
|
1007
|
-
.message__infoicon--informative { color: var(--colors-feedback-color-feedbackinfo-border-100); }
|
|
1008
|
-
.message__container--success { background-color: var(--colors-feedback-color-feedback-success-bg-50); border-color: var(--colors-feedback-color-feedbacksuccess-border-100); }
|
|
1009
|
-
.message__infoicon--success { color: var(--colors-feedback-color-feedbacksuccess-icon-100); }
|
|
1010
|
-
.message__container--warning { background-color: var(--colors-feedback-color-feedback-warning-bg-50); border-color: var(--colors-feedback-color-feedbackwarning-border-100); }
|
|
1011
|
-
.message__infoicon--warning { color: var(--colors-feedback-color-feedback-warning-icon-50); }
|
|
1012
992
|
.modal { align-items: center; background-color: var(--colors-neutral-color-neutral-bg-250); border-radius: var(--radius-radius-50); box-sizing: border-box; display: flex; flex-flow: column nowrap; overflow-y: auto; }
|
|
1013
993
|
.modal__closebuttoncontainer { display: flex; justify-content: flex-end; }
|
|
1014
994
|
.modal__closebuttonicon { color: var(--colors-neutral-color-neutral-icon-50); height: var(--sizes-size-250); width: var(--sizes-size-250); }
|
|
@@ -1021,11 +1001,6 @@ body *:focus-visible { box-shadow: 0 0 0 0.25rem #fff; outline-color: #2C71DB; o
|
|
|
1021
1001
|
.modal__title { color: var(--colors-neutral-color-neutral-font-50); font-weight: var(--font-weight-font-weight-600); text-align: var(--text-align-center); }
|
|
1022
1002
|
.modal__titlecontainer { flex-grow: 1; }
|
|
1023
1003
|
.modal__titlehiddencontainer { display: none; }
|
|
1024
|
-
.navbar { display: flex; justify-content: space-between; }
|
|
1025
|
-
.navbar__itemcontainer { display: flex; gap: 1rem; }
|
|
1026
|
-
.navbar__itemcontainer[data-position="center"] { flex: 2; justify-content: center; }
|
|
1027
|
-
.navbar__itemcontainer[data-position="left"] { flex: 1; justify-content: flex-start; }
|
|
1028
|
-
.navbar__itemcontainer[data-position="right"] { flex: 1; justify-content: flex-end; }
|
|
1029
1004
|
.option { cursor: pointer; display: flex; position: relative; -webkit-text-decoration: none; text-decoration: none; width: var(--spacings-spacing-100-percent); }
|
|
1030
1005
|
.option__checkedicon { padding: var(--spacings-spacing-0); }
|
|
1031
1006
|
.option__firstrowcontainer { align-items: center; display: flex; justify-content: space-between; }
|
|
@@ -1204,7 +1179,6 @@ body *:focus-visible { box-shadow: 0 0 0 0.25rem #fff; outline-color: #2C71DB; o
|
|
|
1204
1179
|
.progress_bar__progressbar--medium { height: var(--spacings-spacing-150); }
|
|
1205
1180
|
.progress_bar__bar--small { height: var(--spacings-spacing-100); }
|
|
1206
1181
|
.progress_bar__progressbar--small { height: var(--spacings-spacing-100); }
|
|
1207
|
-
.progress_bar__barcontainer--interactive { cursor: pointer; }
|
|
1208
1182
|
.radio_button { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: var(--radius-radius-circle); border-style: solid; border-width: var(--borders-border-50); clear: both; cursor: pointer; display: inline-block; height: var(--spacings-spacing-300); position: relative; width: var(--spacings-spacing-300); }
|
|
1209
1183
|
.radio_button__errormessage { padding: var(--spacings-spacing-0); }
|
|
1210
1184
|
.radio_button__errormessagecontainer { margin: var(--spacings-spacing-0); }
|
|
@@ -1227,7 +1201,6 @@ body *:focus-visible { box-shadow: 0 0 0 0.25rem #fff; outline-color: #2C71DB; o
|
|
|
1227
1201
|
.radio_button[data-state="selected"] { background-color: var(--colors-neutral-color-neutral-bg-250); border-color: var(--colors-accent-color-accent-default-border-100); }
|
|
1228
1202
|
.radio_button[data-state="selected"]::before { content: ''; background-color: var(--colors-accent-color-accent-default-icon-100); }
|
|
1229
1203
|
.selector_box_file { display: flex; flex-direction: column; width: var(--spacings-spacing-100-percent); }
|
|
1230
|
-
.selector_box_file__actiondescriptioncontainer { display: flex; flex-direction: column; }
|
|
1231
1204
|
.selector_box_file__actionicon { display: inline; height: var(--spacings-spacing-350); margin-right: var(--spacings-spacing-350); width: var(--spacings-spacing-350); }
|
|
1232
1205
|
.selector_box_file__actionicon[data-state="disabled"] { display: none; }
|
|
1233
1206
|
.selector_box_file__actionicon[data-state="loading"] { display: none; }
|
|
@@ -1250,22 +1223,9 @@ body *:focus-visible { box-shadow: 0 0 0 0.25rem #fff; outline-color: #2C71DB; o
|
|
|
1250
1223
|
.selector_box_file__containerboxtextscontainer[data-state="error"] { color: var(--colors-accent-color-accent-default-font-100); }
|
|
1251
1224
|
.selector_box_file__containerboxtextscontainer[data-state="loading"] { color: var(--colors-accent-color-accent-default-font-100); }
|
|
1252
1225
|
.selector_box_file__containerboxtextscontainer[data-state="success"] { color: var(--colors-accent-color-accent-default-font-100); }
|
|
1253
|
-
.selector_box_file__description { color: var(--colors-neutral-color-neutral-bg-50); font-weight: var(--font-weight-font-weight-400); }
|
|
1254
|
-
.selector_box_file__descriptioncontainer { align-items: baseline; display: flex; flex-direction: column; gap: var(--spacings-spacing-150); }
|
|
1255
|
-
.selector_box_file__errormessage { color: var(--colors-feedback-color-feedbackerror-font-50); font-weight: var(--font-weight-font-weight-400); }
|
|
1256
|
-
.selector_box_file__errormessagecontainer { align-items: start; display: flex; flex-direction: row; gap: var(--spacings-spacing-100); margin-top: var(--spacings-spacing-150); }
|
|
1257
|
-
.selector_box_file__errormessageicon { height: var(--spacings-spacing-300); width: var(--spacings-spacing-300); }
|
|
1258
1226
|
.selector_box_file__header { display: flex; flex-direction: column; gap: var(--spacings-spacing-300); }
|
|
1259
1227
|
.selector_box_file__leftanimationcontainer { padding: var(--spacings-spacing-0); }
|
|
1260
1228
|
.selector_box_file__rightanimationcontainer { padding: var(--spacings-spacing-0); }
|
|
1261
|
-
.selector_box_file__subtitle { color: var(--colors-neutral-color-neutral-bg-50); font-weight: var(--font-weight-font-weight-400); }
|
|
1262
|
-
.selector_box_file__subtitletooltipcontainer { padding: var(--spacings-spacing-0); }
|
|
1263
|
-
.selector_box_file__subtitletooltipcontainer > *:nth-child(1) { display: inline; }
|
|
1264
|
-
.selector_box_file__subtitletooltipcontainer > *:nth-child(2) { vertical-align: middle; }
|
|
1265
|
-
.selector_box_file__title { color: var(--colors-neutral-color-neutral-bg-50); font-weight: var(--font-weight-font-weight-600); }
|
|
1266
|
-
.selector_box_file__titlesubtitlecontainer { display: flex; flex-direction: column; gap: var(--spacings-spacing-150); }
|
|
1267
|
-
.selector_box_file__tooltipicon { height: var(--spacings-spacing-400); width: var(--spacings-spacing-400); }
|
|
1268
|
-
.selector_box_file__tooltipiconcontainer { display: inline; margin-left: var(--spacings-spacing-100); }
|
|
1269
1229
|
.selector_box_file__topanimationcontainer { padding: var(--spacings-spacing-0); }
|
|
1270
1230
|
.skeleton { margin: 0; }
|
|
1271
1231
|
.skeleton--circle { border-radius: 50%; }
|
|
@@ -1445,15 +1405,8 @@ body *:focus-visible { box-shadow: 0 0 0 0.25rem #fff; outline-color: #2C71DB; o
|
|
|
1445
1405
|
.tooltip__arrowcontainer { margin: 0rem; }
|
|
1446
1406
|
.tooltip__arrowposition { margin: 0rem; }
|
|
1447
1407
|
.tooltip__arrowsize { margin: 0rem; }
|
|
1448
|
-
.tooltip__closebuttoncontainer { margin: 0rem; }
|
|
1449
|
-
.tooltip__closebuttonicon { margin: 0rem; }
|
|
1450
|
-
.tooltip__divider { margin: 0rem; }
|
|
1451
|
-
.tooltip__dragicon { margin: 0rem; }
|
|
1452
|
-
.tooltip__dragiconcontainer { margin: 0rem; }
|
|
1453
|
-
.tooltip__headercontainer { margin: 0rem; }
|
|
1454
1408
|
.tooltip__paragraph { margin: 0rem; }
|
|
1455
1409
|
.tooltip__paragraphcontainer { margin: 0rem; }
|
|
1456
|
-
.tooltip__title { margin: 0rem; }
|
|
1457
1410
|
.tooltip__tooltipalignstyles { margin: 0rem; }
|
|
1458
1411
|
.tooltip__tooltipasmodal { margin: 0rem; }
|
|
1459
1412
|
.tooltip__tooltipexternalcontainer { margin: 0rem; }
|
|
@@ -1461,12 +1414,8 @@ body *:focus-visible { box-shadow: 0 0 0 0.25rem #fff; outline-color: #2C71DB; o
|
|
|
1461
1414
|
.tooltip__arrowcontainer--default { background-color: #767676; }
|
|
1462
1415
|
.tooltip__arrowposition--default { top: 10px; }
|
|
1463
1416
|
.tooltip__arrowsize--default { height: 10px; width: 10px; }
|
|
1464
|
-
.tooltip__closebuttoncontainer--default { margin-bottom: 1rem; }
|
|
1465
|
-
.tooltip__closebuttonicon--default { color: #FFFFFF; height: 2rem; width: 2rem; }
|
|
1466
|
-
.tooltip__headercontainer--default { flex-direction: column; }
|
|
1467
1417
|
.tooltip__paragraph--default { font-weight: 400; text-align: left; color: #FFFFFF; }
|
|
1468
1418
|
.tooltip__paragraphcontainer--default { flex-direction: column; }
|
|
1469
|
-
.tooltip__title--default { color: #FFFFFF; font-weight: 400; text-align: left; }
|
|
1470
1419
|
.tooltip__tooltipexternalcontainer--default { box-sizing: border-box; display: none; padding: 0.75rem; position: absolute; z-index: 700; }
|
|
1471
1420
|
.tooltip__tooltipinternalcontainer--default { background-color: #767676; border-radius: 0.25rem; box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.25); display: flex; flex-direction: column; max-height: 30rem; max-width: 20rem; padding: 1rem; width: -moz-max-content; width: max-content; }
|
|
1472
1421
|
.virtual_keyboard { border-radius: var(--radius-radius-00) var(--radius-radius-00) var(--radius-radius-75) var(--radius-radius-75); border-style: solid; border-width: var(--borders-border-50); display: grid; grid-column-gap: var(--spacings-spacing-0); grid-row-gap: var(--spacings-spacing-0); grid-template-columns: repeat(6, 1fr); grid-template-rows: repeat(2, 1fr); min-width: 20.5rem; overflow: hidden; }
|
|
@@ -1482,6 +1431,7 @@ body *:focus-visible { box-shadow: 0 0 0 0.25rem #fff; outline-color: #2C71DB; o
|
|
|
1482
1431
|
.virtual_keyboard__digitbuttons--default:active { background-color: var(--colors-neutral-color-neutral-bg-200); }
|
|
1483
1432
|
.virtual_keyboard__digittext--default { color: var(--colors-neutral-color-neutral-font-50); }
|
|
1484
1433
|
@media screen and (max-width: 1440px) and (min-width: 1025px) {
|
|
1434
|
+
.alert__description { font-size: 0.875rem; line-height: 1.25rem; }
|
|
1485
1435
|
.avatar__initials[data-content-type="with-initials"] { font-size: 0.75rem; line-height: 1rem; }
|
|
1486
1436
|
.badge__label--alternative { font-size: 0.75rem; line-height: 1rem; }
|
|
1487
1437
|
.badge__label--primary { font-size: 0.75rem; line-height: 1rem; }
|
|
@@ -1500,8 +1450,6 @@ body *:focus-visible { box-shadow: 0 0 0 0.25rem #fff; outline-color: #2C71DB; o
|
|
|
1500
1450
|
.input_signature__placeholdertext { font-size: 0.875rem; line-height: 1.25rem; }
|
|
1501
1451
|
.list_options__title--default { font-size: 1.25rem; line-height: 1.5rem; }
|
|
1502
1452
|
.list_options__title--side_menu_section { font-size: 0.875rem; line-height: 1.25rem; }
|
|
1503
|
-
.message__description { font-size: 0.875rem; line-height: 1.25rem; }
|
|
1504
|
-
.message__title { font-size: 1rem; line-height: 1.5rem; }
|
|
1505
1453
|
.modal__content { padding-left: var(--spacings-spacing-450); padding-right: var(--spacings-spacing-450); }
|
|
1506
1454
|
.modal__footer { width: calc(var(--spacings-spacing-100-percent) - (var(--spacings-spacing-450) + var(--spacings-spacing-450))); }
|
|
1507
1455
|
.modal__headercontainer { padding: var(--spacings-spacing-400); }
|
|
@@ -1523,10 +1471,6 @@ body *:focus-visible { box-shadow: 0 0 0 0.25rem #fff; outline-color: #2C71DB; o
|
|
|
1523
1471
|
.selector_box_file__containerboxtextscontainer[data-state="error"] { font-size: 0.875rem; line-height: 1.25rem; }
|
|
1524
1472
|
.selector_box_file__containerboxtextscontainer[data-state="loading"] { font-size: 0.875rem; line-height: 1.25rem; }
|
|
1525
1473
|
.selector_box_file__containerboxtextscontainer[data-state="success"] { font-size: 0.875rem; line-height: 1.25rem; }
|
|
1526
|
-
.selector_box_file__description { font-size: 1rem; line-height: 1.5rem; }
|
|
1527
|
-
.selector_box_file__errormessage { font-size: 0.75rem; line-height: 1rem; }
|
|
1528
|
-
.selector_box_file__subtitle { font-size: 1rem; line-height: 1.5rem; }
|
|
1529
|
-
.selector_box_file__title { font-size: 1.125rem; line-height: 1.5rem; }
|
|
1530
1474
|
.slider__helpertext { font-size: 0.75rem; line-height: 1rem; }
|
|
1531
1475
|
.stepper_number__stepindex--horizontal { font-size: 1rem; line-height: 1.5rem; }
|
|
1532
1476
|
.stepper_number__stepname--vertical { font-size: 0.875rem; line-height: 1.25rem; }
|
|
@@ -1565,10 +1509,10 @@ body *:focus-visible { box-shadow: 0 0 0 0.25rem #fff; outline-color: #2C71DB; o
|
|
|
1565
1509
|
.text_area__required { font-size: 0.75rem; line-height: 1rem; }
|
|
1566
1510
|
.text_area__title { font-size: 0.75rem; line-height: 1rem; }
|
|
1567
1511
|
.tooltip__paragraph--default { font-size: 0.875rem; line-height: 1.25rem; }
|
|
1568
|
-
.tooltip__title--default { font-size: 0.875rem; line-height: 1.25rem; }
|
|
1569
1512
|
.virtual_keyboard__digittext { font-size: 1rem; line-height: 1.5rem; }
|
|
1570
1513
|
}
|
|
1571
1514
|
@media screen and (max-width: 767px) and (min-width: 240px) {
|
|
1515
|
+
.alert__description { font-size: 0.75rem; line-height: 1rem; }
|
|
1572
1516
|
.avatar__initials[data-content-type="with-initials"] { font-size: 0.75rem; line-height: 1rem; }
|
|
1573
1517
|
.badge__label--alternative { font-size: 0.75rem; line-height: 1rem; }
|
|
1574
1518
|
.badge__label--primary { font-size: 0.75rem; line-height: 1rem; }
|
|
@@ -1592,10 +1536,6 @@ body *:focus-visible { box-shadow: 0 0 0 0.25rem #fff; outline-color: #2C71DB; o
|
|
|
1592
1536
|
.list_options__title--default { font-size: 1.125rem; line-height: 1.5rem; }
|
|
1593
1537
|
.list_options--dropdown_selected_section { gap: var(--spacings-spacing-150); }
|
|
1594
1538
|
.list_options__title--side_menu_section { font-size: 0.75rem; line-height: 1rem; }
|
|
1595
|
-
.message__contentcontainerlargemessage { margin-left: var(--spacings-spacing-0); }
|
|
1596
|
-
.message__description { font-size: 0.75rem; line-height: 1rem; }
|
|
1597
|
-
.message__headercontainerlargemessage { flex-direction: column; }
|
|
1598
|
-
.message__title { font-size: 0.875rem; line-height: 1.25rem; }
|
|
1599
1539
|
.modal__content { padding-left: var(--spacings-spacing-300); padding-right: var(--spacings-spacing-300); }
|
|
1600
1540
|
.modal__footer { width: calc(var(--spacings-spacing-100-percent) - (var(--spacings-spacing-400) + var(--spacings-spacing-400))); }
|
|
1601
1541
|
.modal__headercontainer { padding: var(--spacings-spacing-300) var(--spacings-spacing-300) var(--spacings-spacing-400) var(--spacings-spacing-300); }
|
|
@@ -1618,10 +1558,6 @@ body *:focus-visible { box-shadow: 0 0 0 0.25rem #fff; outline-color: #2C71DB; o
|
|
|
1618
1558
|
.selector_box_file__containerboxtextscontainer[data-state="error"] { font-size: 0.75rem; line-height: 1rem; }
|
|
1619
1559
|
.selector_box_file__containerboxtextscontainer[data-state="loading"] { font-size: 0.75rem; line-height: 1rem; }
|
|
1620
1560
|
.selector_box_file__containerboxtextscontainer[data-state="success"] { font-size: 0.75rem; line-height: 1rem; }
|
|
1621
|
-
.selector_box_file__description { font-size: 0.875rem; line-height: 1.25rem; }
|
|
1622
|
-
.selector_box_file__errormessage { font-size: 0.75rem; line-height: 1rem; }
|
|
1623
|
-
.selector_box_file__subtitle { font-size: 0.875rem; line-height: 1.25rem; }
|
|
1624
|
-
.selector_box_file__title { font-size: 1rem; line-height: 1.5rem; }
|
|
1625
1561
|
.slider__helpertext { font-size: 0.75rem; line-height: 1rem; }
|
|
1626
1562
|
.stepper_number__stepindex--horizontal { font-size: 0.875rem; line-height: 1.25rem; }
|
|
1627
1563
|
.stepper_number__stepname--vertical { font-size: 0.75rem; line-height: 1rem; }
|
|
@@ -1664,7 +1600,6 @@ body *:focus-visible { box-shadow: 0 0 0 0.25rem #fff; outline-color: #2C71DB; o
|
|
|
1664
1600
|
.text_area__required { font-size: 0.75rem; line-height: 1rem; }
|
|
1665
1601
|
.text_area__title { font-size: 0.75rem; line-height: 1rem; }
|
|
1666
1602
|
.tooltip__paragraph--default { font-size: 0.75rem; line-height: 1rem; }
|
|
1667
|
-
.tooltip__title--default { font-size: 0.75rem; line-height: 1rem; }
|
|
1668
1603
|
.tooltip__arrowcontainer--default { display: none; }
|
|
1669
1604
|
.tooltip__tooltipinternalcontainer--default { border-radius: 0.25rem; max-height: 30rem; max-width: none; padding: 1rem; width: -moz-max-content; width: max-content; }
|
|
1670
1605
|
.virtual_keyboard__digittext { font-size: 0.875rem; line-height: 1.25rem; }
|
|
@@ -1679,5 +1614,4 @@ body *:focus-visible { box-shadow: 0 0 0 0.25rem #fff; outline-color: #2C71DB; o
|
|
|
1679
1614
|
.modal { max-height: 100vh; max-width: 100vw; min-height: 16rem; min-width: 48rem; }
|
|
1680
1615
|
.tooltip__paragraph--default { color: #1A1A1A; }
|
|
1681
1616
|
}
|
|
1682
|
-
|
|
1683
1617
|
/* === END COMPONENTS === */
|