@kubit-ui-web/react-components 1.4.0 → 1.5.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/cjs/components/carousel/hooks/useCarousel.js +2 -1
- package/dist/cjs/components/carousel/hooks/useCarousel.js.map +1 -1
- package/dist/cjs/components/dropdownSelected/dropdownSelectedStandAlone.js +1 -1
- package/dist/cjs/components/dropdownSelected/dropdownSelectedStandAlone.js.map +1 -1
- package/dist/cjs/components/dropdownSelected/dropdownSelectedUncontrolled.js +10 -0
- package/dist/cjs/components/dropdownSelected/dropdownSelectedUncontrolled.js.map +1 -1
- package/dist/cjs/components/input/components/errorMessage.js +1 -1
- package/dist/cjs/components/input/components/errorMessage.js.map +1 -1
- package/dist/cjs/components/input/components/informationAssociated.js +1 -1
- package/dist/cjs/components/input/components/informationAssociated.js.map +1 -1
- package/dist/cjs/components/input/index.js +1 -0
- package/dist/cjs/components/input/index.js.map +1 -1
- package/dist/cjs/components/input/input.styled.js +1 -1
- package/dist/cjs/components/input/input.styled.js.map +1 -1
- package/dist/cjs/components/input/inputStandAlone.js.map +1 -1
- package/dist/cjs/components/inputCurrency/inputCurrencyStandAlone.js +11 -6
- package/dist/cjs/components/inputCurrency/inputCurrencyStandAlone.js.map +1 -1
- package/dist/cjs/components/inputDropdown/index.js +3 -1
- package/dist/cjs/components/inputDropdown/index.js.map +1 -1
- package/dist/cjs/components/inputPhone/inputPhoneStandAlone.js +1 -1
- package/dist/cjs/components/inputPhone/inputPhoneStandAlone.js.map +1 -1
- package/dist/cjs/components/inputPhone/stories/argtypes.js +11 -0
- package/dist/cjs/components/inputPhone/stories/argtypes.js.map +1 -1
- package/dist/cjs/components/inputSearch/helpers/filterOptions.js +2 -1
- package/dist/cjs/components/inputSearch/helpers/filterOptions.js.map +1 -1
- package/dist/cjs/components/inputSearch/inputSearchStandAlone.js +1 -1
- package/dist/cjs/components/inputSearch/inputSearchStandAlone.js.map +1 -1
- package/dist/cjs/components/inputSignature/hook/index.js +6 -0
- package/dist/cjs/components/inputSignature/hook/index.js.map +1 -0
- package/dist/cjs/components/inputSignature/hook/useDraw.js +131 -0
- package/dist/cjs/components/inputSignature/hook/useDraw.js.map +1 -0
- package/dist/cjs/components/inputSignature/index.js +15 -0
- package/dist/cjs/components/inputSignature/index.js.map +1 -0
- package/dist/cjs/components/inputSignature/inputSignature.styled.js +19 -0
- package/dist/cjs/components/inputSignature/inputSignature.styled.js.map +1 -0
- package/dist/cjs/components/inputSignature/inputSignatureControlled.js +25 -0
- package/dist/cjs/components/inputSignature/inputSignatureControlled.js.map +1 -0
- package/dist/cjs/components/inputSignature/inputSignatureStandAlone.js +23 -0
- package/dist/cjs/components/inputSignature/inputSignatureStandAlone.js.map +1 -0
- package/dist/cjs/components/inputSignature/inputSignatureUncontrolled.js +44 -0
- package/dist/cjs/components/inputSignature/inputSignatureUncontrolled.js.map +1 -0
- package/dist/cjs/components/inputSignature/stories/argTypes.js +94 -0
- package/dist/cjs/components/inputSignature/stories/argTypes.js.map +1 -0
- package/dist/cjs/components/inputSignature/types/index.js +7 -0
- package/dist/cjs/components/inputSignature/types/index.js.map +1 -0
- package/dist/cjs/components/inputSignature/types/inputSignature.js +3 -0
- package/dist/cjs/components/inputSignature/types/inputSignature.js.map +1 -0
- package/dist/cjs/components/inputSignature/types/inputSignatureState.js +12 -0
- package/dist/cjs/components/inputSignature/types/inputSignatureState.js.map +1 -0
- package/dist/cjs/components/inputSignature/types/inputSignatureTheme.js +3 -0
- package/dist/cjs/components/inputSignature/types/inputSignatureTheme.js.map +1 -0
- package/dist/cjs/components/inputSignature/utils/__tests__/getInputSignatureState.js +27 -0
- package/dist/cjs/components/inputSignature/utils/__tests__/getInputSignatureState.js.map +1 -0
- package/dist/cjs/components/inputSignature/utils/getInputSignatureState.js +21 -0
- package/dist/cjs/components/inputSignature/utils/getInputSignatureState.js.map +1 -0
- package/dist/cjs/components/inputSignature/utils/index.js +6 -0
- package/dist/cjs/components/inputSignature/utils/index.js.map +1 -0
- package/dist/cjs/components/layout/layoutStandAlone.js +1 -1
- package/dist/cjs/components/layout/layoutStandAlone.js.map +1 -1
- package/dist/cjs/components/link/link.js +7 -3
- package/dist/cjs/components/link/link.js.map +1 -1
- package/dist/cjs/components/link/link.styled.js +16 -20
- package/dist/cjs/components/link/link.styled.js.map +1 -1
- package/dist/cjs/components/link/linkStandAlone.js +1 -1
- package/dist/cjs/components/link/linkStandAlone.js.map +1 -1
- package/dist/cjs/components/mediaProgressBar/mediaProgressBar.styled.js +14 -8
- package/dist/cjs/components/mediaProgressBar/mediaProgressBar.styled.js.map +1 -1
- package/dist/cjs/components/message/message.styled.js +2 -8
- package/dist/cjs/components/message/message.styled.js.map +1 -1
- package/dist/cjs/components/message/messageStandAlone.js +2 -2
- package/dist/cjs/components/message/messageStandAlone.js.map +1 -1
- package/dist/cjs/components/pillSelector/pillSelectorControlled.js +1 -1
- package/dist/cjs/components/pillSelector/pillSelectorControlled.js.map +1 -1
- package/dist/cjs/components/radioButtonGroup/components/infoIconWithTooltipStandAlone/infoIconWithTooltipStandAlone.js +1 -1
- package/dist/cjs/components/radioButtonGroup/components/infoIconWithTooltipStandAlone/infoIconWithTooltipStandAlone.js.map +1 -1
- package/dist/cjs/components/radioButtonGroup/components/infoIconWithTooltipStandAlone/infoIconWithTooltipStandAlone.styled.js +3 -1
- package/dist/cjs/components/radioButtonGroup/components/infoIconWithTooltipStandAlone/infoIconWithTooltipStandAlone.styled.js.map +1 -1
- package/dist/cjs/components/radioButtonGroup/radioButtonGroupStandAlone.js +1 -1
- package/dist/cjs/components/radioButtonGroup/radioButtonGroupStandAlone.js.map +1 -1
- package/dist/cjs/components/table/component/listColumnHeaderPriority.js +5 -3
- package/dist/cjs/components/table/component/listColumnHeaderPriority.js.map +1 -1
- package/dist/cjs/components/table/component/listRowHeaderPriority.js +5 -3
- package/dist/cjs/components/table/component/listRowHeaderPriority.js.map +1 -1
- package/dist/cjs/components/table/component/tableRow.js +5 -3
- package/dist/cjs/components/table/component/tableRow.js.map +1 -1
- package/dist/cjs/components/table/hooks/useContent.js +3 -3
- package/dist/cjs/components/table/hooks/useContent.js.map +1 -1
- package/dist/cjs/components/table/stories/mockTable.js +1 -1
- package/dist/cjs/components/table/stories/mockTable.js.map +1 -1
- package/dist/cjs/components/text/text.styled.js +7 -6
- package/dist/cjs/components/text/text.styled.js.map +1 -1
- package/dist/cjs/components/tooltip/tooltipUnControlled.js +1 -1
- package/dist/cjs/components/tooltip/tooltipUnControlled.js.map +1 -1
- package/dist/cjs/constants/stylesName.js +1 -0
- package/dist/cjs/constants/stylesName.js.map +1 -1
- package/dist/cjs/designSystem/kubit/components/input/styles.js +4 -4
- package/dist/cjs/designSystem/kubit/components/input/styles.js.map +1 -1
- package/dist/cjs/designSystem/kubit/components/inputSignature/index.js +19 -0
- package/dist/cjs/designSystem/kubit/components/inputSignature/index.js.map +1 -0
- package/dist/cjs/designSystem/kubit/components/inputSignature/styles.js +87 -0
- package/dist/cjs/designSystem/kubit/components/inputSignature/styles.js.map +1 -0
- package/dist/cjs/designSystem/kubit/components/inputSignature/variants.js +8 -0
- package/dist/cjs/designSystem/kubit/components/inputSignature/variants.js.map +1 -0
- package/dist/cjs/designSystem/kubit/components/mediaButton/styles.js +44 -34
- package/dist/cjs/designSystem/kubit/components/mediaButton/styles.js.map +1 -1
- package/dist/cjs/designSystem/kubit/components/mediaProgressBar/styles.js +34 -22
- package/dist/cjs/designSystem/kubit/components/mediaProgressBar/styles.js.map +1 -1
- package/dist/cjs/designSystem/kubit/components/message/styles.js +11 -4
- package/dist/cjs/designSystem/kubit/components/message/styles.js.map +1 -1
- package/dist/cjs/designSystem/kubit/components/pageControlAutomate/styles.js +38 -15
- package/dist/cjs/designSystem/kubit/components/pageControlAutomate/styles.js.map +1 -1
- package/dist/cjs/designSystem/kubit/components/radioButtonGroup/styles.js +6 -0
- package/dist/cjs/designSystem/kubit/components/radioButtonGroup/styles.js.map +1 -1
- package/dist/cjs/designSystem/kubit/foundations/borders.js +1 -0
- package/dist/cjs/designSystem/kubit/foundations/borders.js.map +1 -1
- package/dist/cjs/designSystem/kubitWireframe/commons/components/message/styles.js +12 -4
- package/dist/cjs/designSystem/kubitWireframe/commons/components/message/styles.js.map +1 -1
- package/dist/cjs/hooks/useInput/useInput.js +3 -3
- package/dist/cjs/hooks/useInput/useInput.js.map +1 -1
- package/dist/cjs/hooks/useStyles/useStyles.js +2 -2
- package/dist/cjs/hooks/useStyles/useStyles.js.map +1 -1
- package/dist/cjs/hooks/useStyles/useStylesV2.js +1 -1
- package/dist/cjs/hooks/useStyles/useStylesV2.js.map +1 -1
- package/dist/cjs/styles/mixins/input.mixin.js +1 -1
- package/dist/cjs/styles/mixins/input.mixin.js.map +1 -1
- package/dist/cjs/utils/getStyles/getStyles.js +8 -7
- package/dist/cjs/utils/getStyles/getStyles.js.map +1 -1
- package/dist/cjs/utils/index.js +1 -0
- package/dist/cjs/utils/index.js.map +1 -1
- package/dist/cjs/utils/structuredClone/index.js +18 -0
- package/dist/cjs/utils/structuredClone/index.js.map +1 -0
- package/dist/cjs/utils/structuredClone/structuredClone.js +9 -0
- package/dist/cjs/utils/structuredClone/structuredClone.js.map +1 -0
- package/dist/esm/components/carousel/hooks/useCarousel.js +2 -1
- package/dist/esm/components/carousel/hooks/useCarousel.js.map +1 -1
- package/dist/esm/components/dropdownSelected/dropdownSelectedStandAlone.js +1 -1
- package/dist/esm/components/dropdownSelected/dropdownSelectedStandAlone.js.map +1 -1
- package/dist/esm/components/dropdownSelected/dropdownSelectedUncontrolled.js +10 -0
- package/dist/esm/components/dropdownSelected/dropdownSelectedUncontrolled.js.map +1 -1
- package/dist/esm/components/input/components/errorMessage.js +2 -2
- package/dist/esm/components/input/components/errorMessage.js.map +1 -1
- package/dist/esm/components/input/components/informationAssociated.js +1 -1
- package/dist/esm/components/input/components/informationAssociated.js.map +1 -1
- package/dist/esm/components/input/index.d.ts +1 -0
- package/dist/esm/components/input/index.js +1 -0
- package/dist/esm/components/input/index.js.map +1 -1
- package/dist/esm/components/input/input.styled.js +1 -1
- package/dist/esm/components/input/input.styled.js.map +1 -1
- package/dist/esm/components/input/inputStandAlone.js.map +1 -1
- package/dist/esm/components/input/types/input.d.ts +1 -1
- package/dist/esm/components/input/utils/aria.utils.d.ts +1 -1
- package/dist/esm/components/inputCurrency/inputCurrencyStandAlone.js +11 -6
- package/dist/esm/components/inputCurrency/inputCurrencyStandAlone.js.map +1 -1
- package/dist/esm/components/inputCurrency/types/inputCurrencyTheme.d.ts +6 -0
- package/dist/esm/components/inputDropdown/index.d.ts +1 -0
- package/dist/esm/components/inputDropdown/index.js +1 -0
- package/dist/esm/components/inputDropdown/index.js.map +1 -1
- package/dist/esm/components/inputPhone/inputPhoneStandAlone.js +2 -2
- package/dist/esm/components/inputPhone/inputPhoneStandAlone.js.map +1 -1
- package/dist/esm/components/inputPhone/stories/argtypes.js +11 -0
- package/dist/esm/components/inputPhone/stories/argtypes.js.map +1 -1
- package/dist/esm/components/inputPhone/types/inputPhone.d.ts +3 -1
- package/dist/esm/components/inputSearch/helpers/filterOptions.js +1 -0
- package/dist/esm/components/inputSearch/helpers/filterOptions.js.map +1 -1
- package/dist/esm/components/inputSearch/inputSearchStandAlone.js +1 -1
- package/dist/esm/components/inputSearch/inputSearchStandAlone.js.map +1 -1
- package/dist/esm/components/inputSignature/hook/index.d.ts +1 -0
- package/dist/esm/components/inputSignature/hook/index.js +2 -0
- package/dist/esm/components/inputSignature/hook/index.js.map +1 -0
- package/dist/esm/components/inputSignature/hook/useDraw.d.ts +10 -0
- package/dist/esm/components/inputSignature/hook/useDraw.js +127 -0
- package/dist/esm/components/inputSignature/hook/useDraw.js.map +1 -0
- package/dist/esm/components/inputSignature/index.d.ts +5 -0
- package/dist/esm/components/inputSignature/index.js +8 -0
- package/dist/esm/components/inputSignature/index.js.map +1 -0
- package/dist/esm/components/inputSignature/inputSignature.styled.d.ts +9 -0
- package/dist/esm/components/inputSignature/inputSignature.styled.js +13 -0
- package/dist/esm/components/inputSignature/inputSignature.styled.js.map +1 -0
- package/dist/esm/components/inputSignature/inputSignatureControlled.d.ts +7 -0
- package/dist/esm/components/inputSignature/inputSignatureControlled.js +19 -0
- package/dist/esm/components/inputSignature/inputSignatureControlled.js.map +1 -0
- package/dist/esm/components/inputSignature/inputSignatureStandAlone.d.ts +4 -0
- package/dist/esm/components/inputSignature/inputSignatureStandAlone.js +16 -0
- package/dist/esm/components/inputSignature/inputSignatureStandAlone.js.map +1 -0
- package/dist/esm/components/inputSignature/inputSignatureUncontrolled.d.ts +6 -0
- package/dist/esm/components/inputSignature/inputSignatureUncontrolled.js +38 -0
- package/dist/esm/components/inputSignature/inputSignatureUncontrolled.js.map +1 -0
- package/dist/esm/components/inputSignature/stories/argTypes.d.ts +3 -0
- package/dist/esm/components/inputSignature/stories/argTypes.js +90 -0
- package/dist/esm/components/inputSignature/stories/argTypes.js.map +1 -0
- package/dist/esm/components/inputSignature/types/index.d.ts +3 -0
- package/dist/esm/components/inputSignature/types/index.js +3 -0
- package/dist/esm/components/inputSignature/types/index.js.map +1 -0
- package/dist/esm/components/inputSignature/types/inputSignature.d.ts +32 -0
- package/dist/esm/components/inputSignature/types/inputSignature.js +2 -0
- package/dist/esm/components/inputSignature/types/inputSignature.js.map +1 -0
- package/dist/esm/components/inputSignature/types/inputSignatureState.d.ts +7 -0
- package/dist/esm/components/inputSignature/types/inputSignatureState.js +9 -0
- package/dist/esm/components/inputSignature/types/inputSignatureState.js.map +1 -0
- package/dist/esm/components/inputSignature/types/inputSignatureTheme.d.ts +20 -0
- package/dist/esm/components/inputSignature/types/inputSignatureTheme.js +2 -0
- package/dist/esm/components/inputSignature/types/inputSignatureTheme.js.map +1 -0
- package/dist/esm/components/inputSignature/utils/__tests__/getInputSignatureState.d.ts +1 -0
- package/dist/esm/components/inputSignature/utils/__tests__/getInputSignatureState.js +25 -0
- package/dist/esm/components/inputSignature/utils/__tests__/getInputSignatureState.js.map +1 -0
- package/dist/esm/components/inputSignature/utils/getInputSignatureState.d.ts +9 -0
- package/dist/esm/components/inputSignature/utils/getInputSignatureState.js +17 -0
- package/dist/esm/components/inputSignature/utils/getInputSignatureState.js.map +1 -0
- package/dist/esm/components/inputSignature/utils/index.d.ts +1 -0
- package/dist/esm/components/inputSignature/utils/index.js +2 -0
- package/dist/esm/components/inputSignature/utils/index.js.map +1 -0
- package/dist/esm/components/layout/layoutStandAlone.js +1 -1
- package/dist/esm/components/layout/layoutStandAlone.js.map +1 -1
- package/dist/esm/components/link/link.js +8 -4
- package/dist/esm/components/link/link.js.map +1 -1
- package/dist/esm/components/link/link.styled.d.ts +2 -0
- package/dist/esm/components/link/link.styled.js +16 -20
- package/dist/esm/components/link/link.styled.js.map +1 -1
- package/dist/esm/components/link/linkStandAlone.js +1 -1
- package/dist/esm/components/link/linkStandAlone.js.map +1 -1
- package/dist/esm/components/link/types/link.d.ts +4 -3
- package/dist/esm/components/mediaProgressBar/mediaProgressBar.styled.d.ts +1 -1
- package/dist/esm/components/mediaProgressBar/mediaProgressBar.styled.js +13 -7
- package/dist/esm/components/mediaProgressBar/mediaProgressBar.styled.js.map +1 -1
- package/dist/esm/components/message/message.styled.d.ts +4 -3
- package/dist/esm/components/message/message.styled.js +1 -7
- package/dist/esm/components/message/message.styled.js.map +1 -1
- package/dist/esm/components/message/messageStandAlone.js +4 -4
- package/dist/esm/components/message/messageStandAlone.js.map +1 -1
- package/dist/esm/components/message/types/message.d.ts +2 -2
- package/dist/esm/components/message/types/messageTheme.d.ts +1 -0
- package/dist/esm/components/pillSelector/pillSelectorControlled.js +1 -1
- package/dist/esm/components/pillSelector/pillSelectorControlled.js.map +1 -1
- package/dist/esm/components/radioButtonGroup/components/infoIconWithTooltipStandAlone/infoIconWithTooltipStandAlone.js +1 -1
- package/dist/esm/components/radioButtonGroup/components/infoIconWithTooltipStandAlone/infoIconWithTooltipStandAlone.js.map +1 -1
- package/dist/esm/components/radioButtonGroup/components/infoIconWithTooltipStandAlone/infoIconWithTooltipStandAlone.styled.d.ts +2 -1
- package/dist/esm/components/radioButtonGroup/components/infoIconWithTooltipStandAlone/infoIconWithTooltipStandAlone.styled.js +3 -1
- package/dist/esm/components/radioButtonGroup/components/infoIconWithTooltipStandAlone/infoIconWithTooltipStandAlone.styled.js.map +1 -1
- package/dist/esm/components/radioButtonGroup/components/radioButton/types/radioButtonTheme.d.ts +1 -0
- package/dist/esm/components/radioButtonGroup/radioButtonGroupStandAlone.js +1 -1
- package/dist/esm/components/radioButtonGroup/radioButtonGroupStandAlone.js.map +1 -1
- package/dist/esm/components/table/component/listColumnHeaderPriority.js +5 -3
- package/dist/esm/components/table/component/listColumnHeaderPriority.js.map +1 -1
- package/dist/esm/components/table/component/listRowHeaderPriority.js +5 -3
- package/dist/esm/components/table/component/listRowHeaderPriority.js.map +1 -1
- package/dist/esm/components/table/component/tableRow.js +5 -3
- package/dist/esm/components/table/component/tableRow.js.map +1 -1
- package/dist/esm/components/table/hooks/useContent.d.ts +4 -1
- package/dist/esm/components/table/hooks/useContent.js +3 -3
- package/dist/esm/components/table/hooks/useContent.js.map +1 -1
- package/dist/esm/components/table/stories/mockTable.d.ts +2 -0
- package/dist/esm/components/table/stories/mockTable.js +1 -1
- package/dist/esm/components/table/stories/mockTable.js.map +1 -1
- package/dist/esm/components/table/types/table.d.ts +2 -0
- package/dist/esm/components/text/text.styled.d.ts +3 -1
- package/dist/esm/components/text/text.styled.js +1 -1
- package/dist/esm/components/text/text.styled.js.map +1 -1
- package/dist/esm/components/tooltip/tooltipUnControlled.js +1 -1
- package/dist/esm/components/tooltip/tooltipUnControlled.js.map +1 -1
- package/dist/esm/constants/stylesName.d.ts +1 -0
- package/dist/esm/constants/stylesName.js +1 -0
- package/dist/esm/constants/stylesName.js.map +1 -1
- package/dist/esm/designSystem/kubit/components/input/styles.js +4 -4
- package/dist/esm/designSystem/kubit/components/input/styles.js.map +1 -1
- package/dist/esm/designSystem/kubit/components/inputSignature/index.d.ts +2 -0
- package/dist/esm/designSystem/kubit/components/inputSignature/index.js +3 -0
- package/dist/esm/designSystem/kubit/components/inputSignature/index.js.map +1 -0
- package/dist/esm/designSystem/kubit/components/inputSignature/styles.d.ts +3 -0
- package/dist/esm/designSystem/kubit/components/inputSignature/styles.js +84 -0
- package/dist/esm/designSystem/kubit/components/inputSignature/styles.js.map +1 -0
- package/dist/esm/designSystem/kubit/components/inputSignature/variants.d.ts +3 -0
- package/dist/esm/designSystem/kubit/components/inputSignature/variants.js +5 -0
- package/dist/esm/designSystem/kubit/components/inputSignature/variants.js.map +1 -0
- package/dist/esm/designSystem/kubit/components/mediaButton/styles.js +44 -34
- package/dist/esm/designSystem/kubit/components/mediaButton/styles.js.map +1 -1
- package/dist/esm/designSystem/kubit/components/mediaProgressBar/styles.js +35 -23
- package/dist/esm/designSystem/kubit/components/mediaProgressBar/styles.js.map +1 -1
- package/dist/esm/designSystem/kubit/components/message/styles.js +11 -4
- package/dist/esm/designSystem/kubit/components/message/styles.js.map +1 -1
- package/dist/esm/designSystem/kubit/components/pageControlAutomate/styles.js +38 -15
- package/dist/esm/designSystem/kubit/components/pageControlAutomate/styles.js.map +1 -1
- package/dist/esm/designSystem/kubit/components/radioButtonGroup/styles.js +7 -1
- package/dist/esm/designSystem/kubit/components/radioButtonGroup/styles.js.map +1 -1
- package/dist/esm/designSystem/kubit/foundations/borders.d.ts +1 -0
- package/dist/esm/designSystem/kubit/foundations/borders.js +1 -0
- package/dist/esm/designSystem/kubit/foundations/borders.js.map +1 -1
- package/dist/esm/designSystem/kubit/index.d.ts +1 -0
- package/dist/esm/designSystem/kubitWireframe/commons/components/message/styles.js +12 -4
- package/dist/esm/designSystem/kubitWireframe/commons/components/message/styles.js.map +1 -1
- package/dist/esm/hooks/useInput/useInput.js +3 -3
- package/dist/esm/hooks/useInput/useInput.js.map +1 -1
- package/dist/esm/hooks/useStyles/useStyles.js +1 -1
- package/dist/esm/hooks/useStyles/useStyles.js.map +1 -1
- package/dist/esm/hooks/useStyles/useStylesV2.js +1 -1
- package/dist/esm/hooks/useStyles/useStylesV2.js.map +1 -1
- package/dist/esm/styles/mixins/input.mixin.js +1 -1
- package/dist/esm/styles/mixins/input.mixin.js.map +1 -1
- package/dist/esm/types/styles/position.d.ts +1 -0
- package/dist/esm/utils/getStyles/getStyles.js +8 -7
- package/dist/esm/utils/getStyles/getStyles.js.map +1 -1
- package/dist/esm/utils/index.d.ts +1 -0
- package/dist/esm/utils/index.js +1 -0
- package/dist/esm/utils/index.js.map +1 -1
- package/dist/esm/utils/structuredClone/index.d.ts +1 -0
- package/dist/esm/utils/structuredClone/index.js +2 -0
- package/dist/esm/utils/structuredClone/index.js.map +1 -0
- package/dist/esm/utils/structuredClone/structuredClone.d.ts +1 -0
- package/dist/esm/utils/structuredClone/structuredClone.js +3 -0
- package/dist/esm/utils/structuredClone/structuredClone.js.map +1 -0
- package/package.json +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"layoutStandAlone.js","sourceRoot":"","sources":["../../../../src/components/layout/layoutStandAlone.tsx"],"names":[],"mappings":";AAGA,YAAY;AACZ,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAqB,cAAc,EAAE,MAAM,SAAS,CAAC;AAE5D,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC/B,aAAa,EACb,WAAW,EACX,YAAY,EACZ,MAAM,EACN,eAAe,EACf,aAAa,EACb,UAAU,EACV,aAAa,EACb,UAAU,GAAG,QAAQ,GACH,EAAe,EAAE;IACnC,MAAM,oBAAoB,GAAG,aAAa,IAAI,MAAM,CAAC,oBAAoB,CAAC;IAC1E,MAAM,iBAAiB,GAAG,UAAU,IAAI,MAAM,CAAC,UAAU,CAAC;IAC1D,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,oBAAoB,IAAI,EAAE,CAAC;IAEnE,OAAO,CACL,MAAC,eAAe,sBAAiB,MAAM,CAAC,kBAAkB,EAAE,eAAe,EAAE,eAAe,aACzF,aAAa,IAAI,CAChB,KAAC,IAAI,IAAC,mBAAmB,QAAC,MAAM,EAAE,iBAAiB,iBAAe,GAAG,UAAU,QAAQ,YACrF,KAAC,QAAQ,IACP,EAAE,EAAE,cAAc,CAAC,MAAM,EACzB,OAAO,EAAE,MAAM,EAAE,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAChD,MAAM,EAAE,MAAM,EAAE,CAAC,qBAAqB,CAAC,MAAM,CAAC,EAC9C,MAAM,EAAE,MAAM,EAAE,CAAC,qBAAqB,CAAC,MAAM,CAAC,YAE7C,aAAa,GACL,GACN,CACR,EACD,MAAC,IAAI,IAAC,mBAAmB,QAAC,MAAM,EAAE,iBAAiB,
|
|
1
|
+
{"version":3,"file":"layoutStandAlone.js","sourceRoot":"","sources":["../../../../src/components/layout/layoutStandAlone.tsx"],"names":[],"mappings":";AAGA,YAAY;AACZ,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAqB,cAAc,EAAE,MAAM,SAAS,CAAC;AAE5D,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC/B,aAAa,EACb,WAAW,EACX,YAAY,EACZ,MAAM,EACN,eAAe,EACf,aAAa,EACb,UAAU,EACV,aAAa,EACb,UAAU,GAAG,QAAQ,GACH,EAAe,EAAE;IACnC,MAAM,oBAAoB,GAAG,aAAa,IAAI,MAAM,CAAC,oBAAoB,CAAC;IAC1E,MAAM,iBAAiB,GAAG,UAAU,IAAI,MAAM,CAAC,UAAU,CAAC;IAC1D,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,oBAAoB,IAAI,EAAE,CAAC;IAEnE,OAAO,CACL,MAAC,eAAe,sBAAiB,MAAM,CAAC,kBAAkB,EAAE,eAAe,EAAE,eAAe,aACzF,aAAa,IAAI,CAChB,KAAC,IAAI,IAAC,mBAAmB,QAAC,MAAM,EAAE,iBAAiB,iBAAe,GAAG,UAAU,QAAQ,YACrF,KAAC,QAAQ,IACP,EAAE,EAAE,cAAc,CAAC,MAAM,EACzB,OAAO,EAAE,MAAM,EAAE,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAChD,MAAM,EAAE,MAAM,EAAE,CAAC,qBAAqB,CAAC,MAAM,CAAC,EAC9C,MAAM,EAAE,MAAM,EAAE,CAAC,qBAAqB,CAAC,MAAM,CAAC,YAE7C,aAAa,GACL,GACN,CACR,EACD,MAAC,IAAI,IAAC,mBAAmB,QAAC,MAAM,EAAE,iBAAiB,iBAAe,GAAG,UAAU,MAAM,aACnF,KAAC,QAAQ,IACP,EAAE,EAAE,cAAc,CAAC,IAAI,EACvB,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,qBAAqB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,YAAY,EAClF,MAAM,EAAE,IAAI,EAAE,CAAC,qBAAqB,CAAC,MAAM,CAAC,EAC5C,MAAM,EAAE,IAAI,EAAE,CAAC,qBAAqB,CAAC,MAAM,CAAC,YAE3C,WAAW,GACH,EACV,YAAY,IAAI,CACf,KAAC,QAAQ,IACP,EAAE,EAAE,cAAc,CAAC,KAAK,iBACX,GAAG,UAAU,OAAO,EACjC,OAAO,EAAE,KAAK,EAAE,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAC/C,MAAM,EAAE,KAAK,EAAE,CAAC,qBAAqB,CAAC,MAAM,CAAC,EAC7C,MAAM,EAAE,KAAK,EAAE,CAAC,qBAAqB,CAAC,MAAM,CAAC,YAE5C,YAAY,GACJ,CACZ,IACI,EACN,aAAa,IAAI,MAAM,IAAI,CAC1B,KAAC,IAAI,IAAC,mBAAmB,QAAC,MAAM,EAAE,iBAAiB,iBAAe,GAAG,UAAU,QAAQ,YACrF,KAAC,QAAQ,IACP,EAAE,EAAE,cAAc,CAAC,MAAM,EACzB,OAAO,EAAE,MAAM,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAC9C,MAAM,EAAE,MAAM,CAAC,qBAAqB,CAAC,MAAM,CAAC,EAC5C,MAAM,EAAE,MAAM,CAAC,qBAAqB,CAAC,MAAM,CAAC,YAE3C,aAAa,GACL,GACN,CACR,IACe,CACnB,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -3,22 +3,26 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { TextDecorationType } from '../../components/text/types';
|
|
5
5
|
import { STYLES_NAME } from '../../constants';
|
|
6
|
-
import { useManageState } from '../../hooks';
|
|
6
|
+
import { useManageState, useStylesV2 } from '../../hooks';
|
|
7
7
|
import { useStyles } from '../../hooks/useStyles/useStyles';
|
|
8
8
|
import { ErrorBoundary, FallbackComponent } from '../../provider/errorBoundary';
|
|
9
9
|
import { useGenericComponents } from '../../provider/genericComponents/genericComponentsProvider';
|
|
10
10
|
import { disabledLink } from './helpers/disabled';
|
|
11
11
|
import { LinkStandAlone } from './linkStandAlone';
|
|
12
12
|
import { LinkActionType, LinkStateType, } from './types';
|
|
13
|
-
const LinkComponent = React.forwardRef(({ action = LinkActionType.NAVIGATION, decoration = TextDecorationType.AUTO, alignCenter = false, disabled = false, color: colorLinkProp, textVariant
|
|
13
|
+
const LinkComponent = React.forwardRef(({ action = LinkActionType.NAVIGATION, decoration = TextDecorationType.AUTO, alignCenter = false, disabled = false, color: colorLinkProp, textVariant, role: roleProp, variant, ctv, ...props }, ref) => {
|
|
14
14
|
const { LINK: genericLinkComponent } = useGenericComponents();
|
|
15
15
|
const { role } = disabledLink(disabled, roleProp);
|
|
16
16
|
const ariaDisabled = disabled || undefined;
|
|
17
17
|
const actionStyles = useStyles(STYLES_NAME.LINK, action, ctv?.[action]);
|
|
18
|
+
const textStyles = useStylesV2({
|
|
19
|
+
styleName: STYLES_NAME.TEXT,
|
|
20
|
+
variantName: textVariant,
|
|
21
|
+
isOptional: true,
|
|
22
|
+
});
|
|
18
23
|
const styles = (variant && actionStyles?.[variant]) || {};
|
|
19
24
|
const isInline = action === LinkActionType.INLINE;
|
|
20
25
|
const textDecoration = isInline ? TextDecorationType.UNDERLINE : decoration;
|
|
21
|
-
const textVariant = textVariantProp ?? styles.container?.font_variant;
|
|
22
26
|
const weight = props.weight || styles.container?.font_weight;
|
|
23
27
|
const color = colorLinkProp || styles.font_color || styles.container?.color;
|
|
24
28
|
const { state, setRef } = useManageState({
|
|
@@ -26,7 +30,7 @@ const LinkComponent = React.forwardRef(({ action = LinkActionType.NAVIGATION, de
|
|
|
26
30
|
ref,
|
|
27
31
|
disabled,
|
|
28
32
|
});
|
|
29
|
-
return (_jsx(LinkStandAlone, { ...props, ref: setRef, action: action, alignCenter: alignCenter, "aria-disabled": ariaDisabled, color: color, component: genericLinkComponent, decoration: textDecoration, role: role, state: state, styles: styles,
|
|
33
|
+
return (_jsx(LinkStandAlone, { ...props, ref: setRef, action: action, alignCenter: alignCenter, "aria-disabled": ariaDisabled, color: color, component: genericLinkComponent, decoration: textDecoration, role: role, state: state, styles: styles, textStyles: textStyles, weight: weight }));
|
|
30
34
|
});
|
|
31
35
|
LinkComponent.displayName = 'LinkComponent';
|
|
32
36
|
const LinkBoundary = (props, ref) => (_jsx(ErrorBoundary, { fallBackComponent: _jsx(FallbackComponent, { children: _jsx(LinkStandAlone, { ...props, ref: ref }) }), children: _jsx(LinkComponent, { ...props, ref: ref }) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"link.js","sourceRoot":"","sources":["../../../../src/components/link/link.tsx"],"names":[],"mappings":";AAAA,+BAA+B;AAC/B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,kBAAkB,
|
|
1
|
+
{"version":3,"file":"link.js","sourceRoot":"","sources":["../../../../src/components/link/link.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
+
import { TextVariantStylesType } from '../text/types';
|
|
2
3
|
import { LinkPropsStylesType, LinkPropsType } from './types';
|
|
3
4
|
type LinkPropsExtended = {
|
|
4
5
|
linkStyles: LinkPropsStylesType;
|
|
5
6
|
alignCenter: boolean;
|
|
7
|
+
textStyles?: TextVariantStylesType;
|
|
6
8
|
};
|
|
7
9
|
export declare const TextStyledExtended: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, LinkPropsExtended>>;
|
|
8
10
|
export declare const LabelIconWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, LinkPropsType>>;
|
|
@@ -2,6 +2,7 @@ import styled, { css } from 'styled-components';
|
|
|
2
2
|
// mixin
|
|
3
3
|
import { focusVisibleAlt } from '../../styles/mixins';
|
|
4
4
|
import { getStyles, getTypographyStyles } from '../../utils/getStyles/getStyles';
|
|
5
|
+
import { applyVariantStyles as applyTextVariantStyles } from '../text/text.styled';
|
|
5
6
|
import { LinkPositionType, LinkStateType } from './types';
|
|
6
7
|
const applyDevicePropsTextStyles = (props) => {
|
|
7
8
|
return css `
|
|
@@ -30,44 +31,39 @@ const applyPropsTextStyles = (props) => css `
|
|
|
30
31
|
}
|
|
31
32
|
`}
|
|
32
33
|
`;
|
|
34
|
+
const applyLinkStateStyles = ({ textStyles, linkPropsStyles, }) => {
|
|
35
|
+
return css `
|
|
36
|
+
${getStyles(linkPropsStyles?.container)}
|
|
37
|
+
${getTypographyStyles(linkPropsStyles?.container)}
|
|
38
|
+
// If textVariant is defined it should be applied before the own variant styles
|
|
39
|
+
${applyTextVariantStyles(textStyles)}
|
|
40
|
+
// In alternative variants, the focus colors must be change
|
|
41
|
+
${linkPropsStyles?.altVariant && focusVisibleAlt()}
|
|
42
|
+
`;
|
|
43
|
+
};
|
|
33
44
|
export const TextStyledExtended = styled.p.withConfig({
|
|
34
45
|
shouldForwardProp: () => true,
|
|
35
46
|
}) `
|
|
36
|
-
${({ linkStyles }) =>
|
|
37
|
-
${({ linkStyles }) => getTypographyStyles(linkStyles?.[LinkStateType.DEFAULT]?.container)}
|
|
38
|
-
// In alternative variants, the focus colors must be change
|
|
39
|
-
${({ linkStyles }) => linkStyles?.[LinkStateType.DEFAULT]?.altVariant && focusVisibleAlt()}
|
|
47
|
+
${({ linkStyles, textStyles }) => applyLinkStateStyles({ textStyles, linkPropsStyles: linkStyles?.[LinkStateType.DEFAULT] })}
|
|
40
48
|
${({ alignCenter }) => alignCenter &&
|
|
41
49
|
css `
|
|
42
50
|
margin: auto;
|
|
43
51
|
`};
|
|
44
52
|
|
|
45
53
|
&[aria-disabled='true'] {
|
|
46
|
-
${({ linkStyles }) =>
|
|
47
|
-
${({ linkStyles }) => getTypographyStyles(linkStyles?.[LinkStateType.DISABLED]?.container)}
|
|
48
|
-
// In alternative variants, the focus colors must be change
|
|
49
|
-
${({ linkStyles }) => linkStyles?.[LinkStateType.DEFAULT]?.altVariant && focusVisibleAlt()}
|
|
54
|
+
${({ linkStyles, textStyles }) => applyLinkStateStyles({ textStyles, linkPropsStyles: linkStyles?.[LinkStateType.DISABLED] })}
|
|
50
55
|
}
|
|
51
56
|
|
|
52
57
|
&:hover:not([aria-disabled='true']) {
|
|
53
|
-
${({ linkStyles }) =>
|
|
54
|
-
${({ linkStyles }) => getTypographyStyles(linkStyles?.[LinkStateType.HOVER]?.container)}
|
|
55
|
-
// In alternative variants, the focus colors must be change
|
|
56
|
-
${({ linkStyles }) => linkStyles?.[LinkStateType.HOVER]?.altVariant && focusVisibleAlt()}
|
|
58
|
+
${({ linkStyles, textStyles }) => applyLinkStateStyles({ textStyles, linkPropsStyles: linkStyles?.[LinkStateType.HOVER] })}
|
|
57
59
|
}
|
|
58
60
|
|
|
59
61
|
&:active:not([aria-disabled='true']) {
|
|
60
|
-
${({ linkStyles }) =>
|
|
61
|
-
${({ linkStyles }) => getTypographyStyles(linkStyles?.[LinkStateType.PRESSED]?.container)}
|
|
62
|
-
// In alternative variants, the focus colors must be change
|
|
63
|
-
${({ linkStyles }) => linkStyles?.[LinkStateType.PRESSED]?.altVariant && focusVisibleAlt()}
|
|
62
|
+
${({ linkStyles, textStyles }) => applyLinkStateStyles({ textStyles, linkPropsStyles: linkStyles?.[LinkStateType.PRESSED] })}
|
|
64
63
|
}
|
|
65
64
|
|
|
66
65
|
&:visited:not([aria-disabled='true']) {
|
|
67
|
-
${({ linkStyles }) =>
|
|
68
|
-
${({ linkStyles }) => getTypographyStyles(linkStyles?.[LinkStateType.VISITED]?.container)}
|
|
69
|
-
// In alternative variants, the focus colors must be change
|
|
70
|
-
${({ linkStyles }) => linkStyles?.[LinkStateType.VISITED]?.altVariant && focusVisibleAlt()}
|
|
66
|
+
${({ linkStyles, textStyles }) => applyLinkStateStyles({ textStyles, linkPropsStyles: linkStyles?.[LinkStateType.VISITED] })}
|
|
71
67
|
}
|
|
72
68
|
|
|
73
69
|
// Apply props tokens
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"link.styled.js","sourceRoot":"","sources":["../../../../src/components/link/link.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,QAAQ;AACR,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;
|
|
1
|
+
{"version":3,"file":"link.styled.js","sourceRoot":"","sources":["../../../../src/components/link/link.styled.ts"],"names":[],"mappings":"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"}
|
|
@@ -8,7 +8,7 @@ import { LabelIconWrapper, TextStyledExtended } from './link.styled';
|
|
|
8
8
|
import { LinkStateType } from './types';
|
|
9
9
|
const LinkStandAloneComponent = ({ url, ...props }, ref) => {
|
|
10
10
|
const ariaProps = pickAriaProps(props);
|
|
11
|
-
return (_jsx(TextStyledExtended, { ...ariaProps, ref: ref, alignCenter: props.alignCenter, as: Text, color: props.color, component: props.component, dataTestId: props.dataTestId, decoration: props.decoration, draggable: props.draggable, isDisabled: props.state === LinkStateType.DISABLED, linkStyles: props.styles, target: props.target,
|
|
11
|
+
return (_jsx(TextStyledExtended, { ...ariaProps, ref: ref, alignCenter: props.alignCenter, as: Text, color: props.color, component: props.component, dataTestId: props.dataTestId, decoration: props.decoration, draggable: props.draggable, isDisabled: props.state === LinkStateType.DISABLED, linkStyles: props.styles, target: props.target, textStyles: props.textStyles, weight: props.weight,
|
|
12
12
|
//We have to make this because even it was disabled, you could access to onClick by arrows
|
|
13
13
|
onClick: props.state !== LinkStateType.DISABLED ? props.onClick : undefined, ...(props.state !== LinkStateType.DISABLED && { url }), role: props.role, children: props.icon ? (_jsx(LabelIconWrapper, { iconPosition: props.iconPosition, styles: props.styles?.[props.state], children: [
|
|
14
14
|
_jsx(ElementOrIcon, { color: props.styles?.[props.state]?.icon?.color, height: props.styles?.[props.state]?.icon?.height, width: props.styles?.[props.state]?.icon?.width, ...props.icon }, "icon"),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"linkStandAlone.js","sourceRoot":"","sources":["../../../../src/components/link/linkStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,SAAS;AACT,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AACrE,OAAO,EAAmB,aAAa,EAAE,MAAM,SAAS,CAAC;AAEzD,MAAM,uBAAuB,GAAG,CAC9B,EAAE,GAAG,EAAE,GAAG,KAAK,EAAmB,EAClC,GAAuD,EAC1C,EAAE;IACf,MAAM,SAAS,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IAEvC,OAAO,CACL,KAAC,kBAAkB,OACb,SAAS,EACb,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,EAAE,EAAE,IAAI,EACR,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,UAAU,EAAE,KAAK,CAAC,KAAK,KAAK,aAAa,CAAC,QAAQ,EAClD,UAAU,EAAE,KAAK,CAAC,MAAM,EACxB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,
|
|
1
|
+
{"version":3,"file":"linkStandAlone.js","sourceRoot":"","sources":["../../../../src/components/link/linkStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,SAAS;AACT,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AACrE,OAAO,EAAmB,aAAa,EAAE,MAAM,SAAS,CAAC;AAEzD,MAAM,uBAAuB,GAAG,CAC9B,EAAE,GAAG,EAAE,GAAG,KAAK,EAAmB,EAClC,GAAuD,EAC1C,EAAE;IACf,MAAM,SAAS,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IAEvC,OAAO,CACL,KAAC,kBAAkB,OACb,SAAS,EACb,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,EAAE,EAAE,IAAI,EACR,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,UAAU,EAAE,KAAK,CAAC,KAAK,KAAK,aAAa,CAAC,QAAQ,EAClD,UAAU,EAAE,KAAK,CAAC,MAAM,EACxB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,MAAM,EAAE,KAAK,CAAC,MAAM;QACpB,0FAA0F;QAC1F,OAAO,EAAE,KAAK,CAAC,KAAK,KAAK,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,KACvE,CAAC,KAAK,CAAC,KAAK,KAAK,aAAa,CAAC,QAAQ,IAAI,EAAE,GAAG,EAAE,CAAC,EACvD,IAAI,EAAE,KAAK,CAAC,IAAI,YAEf,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CACZ,KAAC,gBAAgB,IAAC,YAAY,EAAE,KAAK,CAAC,YAAY,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,YACpF;gBACC,KAAC,aAAa,IAEZ,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,KAAK,EAC/C,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,MAAM,EACjD,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,KAAK,KAC3C,KAAK,CAAC,IAAI,IAJV,MAAM,CAKV;gBACF,KAAK,CAAC,QAAQ;aACf,GACgB,CACpB,CAAC,CAAC,CAAC,CACF,KAAK,CAAC,QAAQ,CACf,GACkB,CACtB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAAC,uBAAuB,CAAC,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { ButtonSizePropsType, ButtonStateKeyOfType, ButtonStateType, IButtonStandAlone } from '../../../components/button';
|
|
3
3
|
import { IElementOrIcon } from '../../../components/elementOrIcon';
|
|
4
|
-
import { TextComponentType, TextDecorationType } from '../../../components/text/types';
|
|
4
|
+
import { TextComponentType, TextDecorationType, TextVariantStylesType } from '../../../components/text/types';
|
|
5
5
|
import { GenericLinkType } from '../../../provider/genericComponents';
|
|
6
6
|
import { CustomTokenTypes } from '../../../types';
|
|
7
7
|
import type { LinkActionType } from './action';
|
|
@@ -23,17 +23,18 @@ export interface ILinkStandAlone extends LinkAriaAttributes {
|
|
|
23
23
|
role?: string;
|
|
24
24
|
state: LinkStateType;
|
|
25
25
|
styles: LinkPropsStylesType;
|
|
26
|
+
textStyles?: TextVariantStylesType;
|
|
26
27
|
target?: LinkTargetType;
|
|
27
|
-
textVariant?: string;
|
|
28
28
|
url: string;
|
|
29
29
|
weight?: number;
|
|
30
30
|
alignCenter: boolean;
|
|
31
31
|
draggable?: boolean;
|
|
32
32
|
}
|
|
33
|
-
export interface ILink extends Omit<ILinkStandAlone, 'styles' | 'component' | 'alignCenter' | 'state' | 'aria-disabled'>, Omit<CustomTokenTypes<LinkStylesType<string>>, 'cts' | 'extraCt'> {
|
|
33
|
+
export interface ILink extends Omit<ILinkStandAlone, 'styles' | 'component' | 'alignCenter' | 'state' | 'aria-disabled' | 'textStyles'>, Omit<CustomTokenTypes<LinkStylesType<string>>, 'cts' | 'extraCt'> {
|
|
34
34
|
alignCenter?: boolean;
|
|
35
35
|
disabled?: boolean;
|
|
36
36
|
variant: string;
|
|
37
|
+
textVariant?: string;
|
|
37
38
|
}
|
|
38
39
|
export interface ILinkAsButtonStandAlone extends Omit<IButtonStandAlone, 'showLoader'> {
|
|
39
40
|
styles: ButtonStateKeyOfType;
|
|
@@ -8,7 +8,7 @@ type MediaProgressBarStylesType = {
|
|
|
8
8
|
barProgressDuration?: number;
|
|
9
9
|
};
|
|
10
10
|
export declare const ParentContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, MediaProgressBarStylesType>>;
|
|
11
|
-
export declare const BarContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, MediaProgressBarStylesType>>;
|
|
12
11
|
export declare const BarStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, MediaProgressBarStylesType>>;
|
|
12
|
+
export declare const BarContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, MediaProgressBarStylesType>>;
|
|
13
13
|
export declare const ProgressBarStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, MediaProgressBarStylesType>>;
|
|
14
14
|
export {};
|
|
@@ -11,6 +11,13 @@ const playSimulation = (width = '0%') => keyframes `
|
|
|
11
11
|
export const ParentContainerStyled = styled.div `
|
|
12
12
|
${props => getStyles(props.styles.container)}
|
|
13
13
|
`;
|
|
14
|
+
export const BarStyled = styled.div `
|
|
15
|
+
${props => getStyles(props.styles.bar)}
|
|
16
|
+
${({ barFocused, styles }) => !barFocused &&
|
|
17
|
+
css `
|
|
18
|
+
${getStyles(styles.bar?.filled)}
|
|
19
|
+
`};
|
|
20
|
+
`;
|
|
14
21
|
export const BarContainerStyled = styled.div `
|
|
15
22
|
${props => getStyles(props.styles.barContainer)}
|
|
16
23
|
${({ barFocused, styles }) => barFocused &&
|
|
@@ -21,13 +28,12 @@ export const BarContainerStyled = styled.div `
|
|
|
21
28
|
css `
|
|
22
29
|
pointer-events: none;
|
|
23
30
|
`};
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
`};
|
|
31
|
+
&:focus-visible {
|
|
32
|
+
outline-style: none;
|
|
33
|
+
& > ${BarStyled} {
|
|
34
|
+
${({ theme: { FOCUS_STYLES } }) => FOCUS_STYLES};
|
|
35
|
+
}
|
|
36
|
+
}
|
|
31
37
|
`;
|
|
32
38
|
export const ProgressBarStyled = styled.div `
|
|
33
39
|
${props => getStyles(props.styles.progressBar)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mediaProgressBar.styled.js","sourceRoot":"","sources":["../../../../src/components/mediaProgressBar/mediaProgressBar.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE3D,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAYxD,MAAM,cAAc,GAAG,CAAC,KAAK,GAAG,IAAI,EAAE,EAAE,CAAC,SAAS,CAAA;;aAErC,KAAK;;;;;CAKjB,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,CAA4B;IACvE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC;CAC7C,CAAC;AAEF,MAAM,CAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"mediaProgressBar.styled.js","sourceRoot":"","sources":["../../../../src/components/mediaProgressBar/mediaProgressBar.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE3D,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAYxD,MAAM,cAAc,GAAG,CAAC,KAAK,GAAG,IAAI,EAAE,EAAE,CAAC,SAAS,CAAA;;aAErC,KAAK;;;;;CAKjB,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,CAA4B;IACvE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC;CAC7C,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAA4B;IAC3D,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC;IACpC,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,EAAE,CAC3B,CAAC,UAAU;IACX,GAAG,CAAA;QACC,SAAS,CAAC,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC;KAChC;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAA4B;IACpE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC;IAC7C,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,EAAE,CAC3B,UAAU;IACV,GAAG,CAAA;QACC,SAAS,CAAC,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC;KACzC;IACD,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CACtB,CAAC,aAAa;IACd,GAAG,CAAA;;KAEF;;;UAGK,SAAS;QACX,CAAC,EAAE,KAAK,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE,EAAE,CAAC,YAAY;;;CAGpD,CAAC;AACF,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAA4B;IACnE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC;IAC5C,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CACnB,CAAC,UAAU;IACX,GAAG,CAAA;;KAEF;oBACe,KAAK,CAAC,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,EAAE,KAAK,CAAC;wBACpD,CAAC,EAAE,mBAAmB,EAAE,EAAE,EAAE,CAAC,GAAG,mBAAmB,IAAI;;;;;0BAKrD,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC;CAC1E,CAAC"}
|
|
@@ -4,8 +4,7 @@ import { MessagePropsThemeType } from './types/messageTheme';
|
|
|
4
4
|
export declare const MessageStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
5
5
|
styles: MessagePropsThemeType;
|
|
6
6
|
}>>;
|
|
7
|
-
export declare const MessageHeaderStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").
|
|
8
|
-
export declare const MessageHeaderTitleStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
7
|
+
export declare const MessageHeaderStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
9
8
|
styles: MessagePropsThemeType;
|
|
10
9
|
isLargeMessage?: boolean | undefined;
|
|
11
10
|
withIcon?: boolean | undefined;
|
|
@@ -21,7 +20,9 @@ export declare const MessageContentStyled: import("styled-components").IStyledCo
|
|
|
21
20
|
export declare const ExtraActioButtonWrapperStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
22
21
|
styles: MessagePropsThemeType;
|
|
23
22
|
}>>;
|
|
24
|
-
export declare const ButtonSectionStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").
|
|
23
|
+
export declare const ButtonSectionStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
24
|
+
styles: MessagePropsThemeType;
|
|
25
|
+
}>>;
|
|
25
26
|
export declare const ActioButtonWrapperStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
26
27
|
styles: MessagePropsThemeType;
|
|
27
28
|
}>>;
|
|
@@ -4,9 +4,6 @@ export const MessageStyled = styled.div `
|
|
|
4
4
|
${({ styles }) => getStyles(styles.container)};
|
|
5
5
|
`;
|
|
6
6
|
export const MessageHeaderStyled = styled.div `
|
|
7
|
-
width: 100%;
|
|
8
|
-
`;
|
|
9
|
-
export const MessageHeaderTitleStyled = styled.div `
|
|
10
7
|
${({ styles, withIcon }) => withIcon &&
|
|
11
8
|
`margin-right: calc(${styles?.closeIcon?.width ?? '0rem'} + ${styles?.closeIconContainer?.gap ?? '0rem'});`};
|
|
12
9
|
${({ styles }) => getStyles(styles.headerContainer)};
|
|
@@ -26,10 +23,7 @@ export const ExtraActioButtonWrapperStyled = styled.div `
|
|
|
26
23
|
${({ styles }) => getStyles(styles.extraActionButtonContainer)};
|
|
27
24
|
`;
|
|
28
25
|
export const ButtonSectionStyled = styled.div `
|
|
29
|
-
|
|
30
|
-
flex-direction: column;
|
|
31
|
-
width: 100%;
|
|
32
|
-
align-items: flex-end;
|
|
26
|
+
${({ styles }) => getStyles(styles.buttonSectionContainer)};
|
|
33
27
|
`;
|
|
34
28
|
export const ActioButtonWrapperStyled = styled.div `
|
|
35
29
|
${({ styles }) => getStyles(styles.actionButtonContainer)};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"message.styled.js","sourceRoot":"","sources":["../../../../src/components/message/message.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAGvC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAIpC,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAErC;IACE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC;CAC9C,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,
|
|
1
|
+
{"version":3,"file":"message.styled.js","sourceRoot":"","sources":["../../../../src/components/message/message.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAGvC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAIpC,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAErC;IACE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC;CAC9C,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAI3C;IACE,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE,CACzB,QAAQ;IACR,sBAAsB,MAAM,EAAE,SAAS,EAAE,KAAK,IAAI,MAAM,MACtD,MAAM,EAAE,kBAAkB,EAAE,GAAG,IAAI,MACrC,IAAI;IACJ,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,eAAe,CAAC;IACjD,CAAC,EAAE,MAAM,EAAE,cAAc,EAAE,EAAE,EAAE,CAC/B,cAAc,IAAI,SAAS,CAAC,MAAM,CAAC,2BAA2B,CAAC;CAClE,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAmD;;;mBAG3E,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC;;CAE9E,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAG5C;IACE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,gBAAgB,CAAC;IAClD,CAAC,EAAE,MAAM,EAAE,cAAc,EAAE,EAAE,EAAE,CAC/B,cAAc,IAAI,SAAS,CAAC,MAAM,CAAC,4BAA4B,CAAC;CACnE,CAAC;AAEF,MAAM,CAAC,MAAM,6BAA6B,GAAG,MAAM,CAAC,GAAG,CAErD;IACE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,0BAA0B,CAAC;CAC/D,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAE3C;IACE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,sBAAsB,CAAC;CAC3D,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,MAAM,CAAC,GAAG,CAEhD;IACE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,qBAAqB,CAAC;CAC1D,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,MAAM,CAAC,GAAG,CAEhD;IACE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,kBAAkB,CAAC;CACvD,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAE3C;IACE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,aAAa,CAAC;CAClD,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { Button } from '../../components/button';
|
|
4
4
|
import { ElementOrIcon } from '../../components/elementOrIcon';
|
|
@@ -8,7 +8,7 @@ import { Text, TextComponentType, TextDecorationType } from '../../components/te
|
|
|
8
8
|
import { AriaLiveOptionType } from '../../types';
|
|
9
9
|
import { Link } from '../link';
|
|
10
10
|
// styles
|
|
11
|
-
import { ActioButtonWrapperStyled, ButtonSectionStyled, CloseButtonSectionStyled, ExtraActioButtonWrapperStyled, LinkContainerStyled, MessageContentStyled, MessageHeaderStyled,
|
|
11
|
+
import { ActioButtonWrapperStyled, ButtonSectionStyled, CloseButtonSectionStyled, ExtraActioButtonWrapperStyled, LinkContainerStyled, MessageContentStyled, MessageHeaderStyled, MessageStyled, MessageTextStyled, } from './message.styled';
|
|
12
12
|
const MessageStandAloneComponent = ({ maxContentLength = 246, ariaLive = AriaLiveOptionType.OFF, ...props }, ref) => {
|
|
13
13
|
const isLargeMessage = (() => typeof props.content.content === 'string' &&
|
|
14
14
|
props.content.content.length >= maxContentLength)();
|
|
@@ -23,12 +23,12 @@ const MessageStandAloneComponent = ({ maxContentLength = 246, ariaLive = AriaLiv
|
|
|
23
23
|
};
|
|
24
24
|
const buildActionButton = () => props.actionButton?.content &&
|
|
25
25
|
(props.styles.actionButton?.size || props.actionButton?.size) && (_jsx(ActioButtonWrapperStyled, { styles: props.styles, children: _jsx(Button, { dataTestId: `${props.dataTestId}ActionButton`, size: props.styles.actionButton?.size, ...props.actionButton, children: props.actionButton?.content }) }));
|
|
26
|
-
const buildTag = () => (_jsx(
|
|
26
|
+
const buildTag = () => (_jsx(Tag, { option: '', status: '', variant: '', ...props.tag, children: props.tag?.content }));
|
|
27
27
|
const buildExtraActionButton = () => props.extraActionButton?.content && (_jsx(ExtraActioButtonWrapperStyled, { styles: props.styles, children: _jsx(Button, { ...props.extraActionButton, children: props.extraActionButton?.content }) }));
|
|
28
28
|
const buildContent = () => {
|
|
29
29
|
return typeof props.content.content === 'string' ? (_jsx(Text, { component: TextComponentType.PARAGRAPH, customTypography: props.styles.description, dataTestId: `${props.dataTestId}Description`, ...props.content, children: props.content.content })) : (props.content.content);
|
|
30
30
|
};
|
|
31
|
-
return props.open
|
|
31
|
+
return (_jsx(_Fragment, { children: props.open && (_jsxs(MessageStyled, { ref: ref, "aria-live": ariaLive, "data-testid": `${props.dataTestId}Message`, id: props.id, role: props.role, styles: props.styles, children: [buildIconOrIllustration(), _jsxs(MessageHeaderStyled, { isLargeMessage: isLargeMessage, styles: props.styles, withIcon: !!props.closeIcon, children: [props.title && (_jsx(MessageTextStyled, { "aria-errormessage": props.ariaMessageId, extraPaddingGap: !!props.closeIcon, styles: props.styles.closeIcon, children: _jsx(Text, { component: TextComponentType.PARAGRAPH, customTypography: props.styles.title, dataTestId: `${props.dataTestId}Title`, ...props.title, children: props.title.content }) })), props.tag?.content && buildTag(), _jsx(MessageContentStyled, { isLargeMessage: isLargeMessage, styles: props.styles, children: buildContent() }), _jsxs(ButtonSectionStyled, { styles: props.styles, children: [buildExtraActionButton(), buildActionButton(), props.closeIcon?.onClick && (_jsx(CloseButtonSectionStyled, { styles: props.styles, children: _jsx(ElementOrIcon, { customIconStyles: props.styles.closeIcon, ...props.closeIcon }) }))] }), props.link?.content && (_jsx(LinkContainerStyled, { styles: props.styles, children: _jsx(Link, { dataTestId: `${props.dataTestId}Link`, decoration: TextDecorationType.UNDERLINE, ...props.link, children: props.link.content }) }))] })] })) }));
|
|
32
32
|
};
|
|
33
33
|
export const MessageStandAlone = React.forwardRef(MessageStandAloneComponent);
|
|
34
34
|
//# sourceMappingURL=messageStandAlone.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"messageStandAlone.js","sourceRoot":"","sources":["../../../../src/components/message/messageStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAChF,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE7C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,SAAS;AACT,OAAO,EACL,wBAAwB,EACxB,mBAAmB,EACnB,wBAAwB,EACxB,6BAA6B,EAC7B,mBAAmB,EACnB,oBAAoB,EACpB,mBAAmB,EACnB,
|
|
1
|
+
{"version":3,"file":"messageStandAlone.js","sourceRoot":"","sources":["../../../../src/components/message/messageStandAlone.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import * as React from 'react';
|
|
2
2
|
import { IButton } from '../../../components/button';
|
|
3
3
|
import { IElementOrIcon } from '../../../components/elementOrIcon';
|
|
4
4
|
import { IElementOrillustration } from '../../../components/elementOrIllustration';
|
|
@@ -15,7 +15,7 @@ export type MessageExtraActionButtonType = Omit<IButton, 'children'> & {
|
|
|
15
15
|
content?: React.ReactNode;
|
|
16
16
|
};
|
|
17
17
|
export type MessageContentType = Omit<IText<string>, 'children'> & {
|
|
18
|
-
content:
|
|
18
|
+
content: React.ReactNode;
|
|
19
19
|
};
|
|
20
20
|
export type MessageTitleType = Omit<IText<string>, 'children'> & {
|
|
21
21
|
content: string;
|
|
@@ -19,7 +19,7 @@ const PillSelectorControlledComponent = React.forwardRef(({ ctv, ...props }, ref
|
|
|
19
19
|
const selectedPill = measuredRef.current.childNodes[index];
|
|
20
20
|
thumb.style.width = `${selectedPill?.clientWidth}px`;
|
|
21
21
|
thumb.style.height = `${selectedPill?.getBoundingClientRect().height}px`;
|
|
22
|
-
thumb.style.left =
|
|
22
|
+
thumb.style.left = `${selectedPill.offsetLeft}px`;
|
|
23
23
|
}
|
|
24
24
|
};
|
|
25
25
|
React.useImperativeHandle(ref, () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pillSelectorControlled.js","sourceRoot":"","sources":["../../../../src/components/pillSelector/pillSelectorControlled.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE5E,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAIlE,MAAM,oBAAoB,GAAG,sBAAsB,CAAC;AAEpD,MAAM,+BAA+B,GAAG,KAAK,CAAC,UAAU,CACtD,CACE,EAAE,GAAG,EAAE,GAAG,KAAK,EAA8B,EAC7C,GAA0D,EAC7C,EAAE;IACf,MAAM,MAAM,GAAG,SAAS,CAAwB,oBAAoB,EAAE,KAAK,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC;IAC1F,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;IACzB,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAwB,IAAI,CAAC,CAAC;IAE9D,mCAAmC;IACnC,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,qCAAqC;QACrC,MAAM,KAAK,GACT,KAAK,CAAC,KAAK,CAAC,SAAS,CACnB,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,KAAK,KAAK,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,CACrE,GAAG,CAAC,CAAC;QAER,oEAAoE;QACpE,IAAI,WAAW,CAAC,OAAO,EAAE,CAAC;YACxB,MAAM,KAAK,GAAG,WAAW,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAgB,CAAC;YAC/D,MAAM,YAAY,GAAG,WAAW,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,CAAgB,CAAC;YAE1E,KAAK,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,YAAY,EAAE,WAAW,IAAI,CAAC;YACrD,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,YAAY,EAAE,qBAAqB,EAAE,CAAC,MAAM,IAAI,CAAC;YACzE,KAAK,CAAC,KAAK,CAAC,IAAI,GAAG,
|
|
1
|
+
{"version":3,"file":"pillSelectorControlled.js","sourceRoot":"","sources":["../../../../src/components/pillSelector/pillSelectorControlled.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,7 +7,7 @@ export const InfoIconWithTooltipStandAlone = ({ styles, infoIcon, tooltip, dataT
|
|
|
7
7
|
if (!infoIcon) {
|
|
8
8
|
return null;
|
|
9
9
|
}
|
|
10
|
-
const infoIconWithoutTooltip = (_jsx(InfoIconWrapperStyled, { children: _jsx(ElementOrIcon, { customIconStyles: styles[RadioButtonGroupStateType.DEFAULT]?.tooltip?.icon, dataTestId: dataTestId, ...infoIcon }) }));
|
|
10
|
+
const infoIconWithoutTooltip = (_jsx(InfoIconWrapperStyled, { styles: styles, children: _jsx(ElementOrIcon, { customIconStyles: styles[RadioButtonGroupStateType.DEFAULT]?.tooltip?.icon, dataTestId: dataTestId, ...infoIcon }) }));
|
|
11
11
|
const tooltipVariant = tooltip?.variant ?? styles[RadioButtonGroupStateType.DEFAULT]?.tooltip?.variant;
|
|
12
12
|
if ((!tooltip?.title?.content && !tooltip?.content?.content) || !tooltipVariant) {
|
|
13
13
|
return infoIconWithoutTooltip;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"infoIconWithTooltipStandAlone.js","sourceRoot":"","sources":["../../../../../../src/components/radioButtonGroup/components/infoIconWithTooltipStandAlone/infoIconWithTooltipStandAlone.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAE/C,OAAO,EAAkC,yBAAyB,EAAE,MAAM,aAAa,CAAC;AACxF,OAAO,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAC;AAE/E,MAAM,CAAC,MAAM,6BAA6B,GAAG,CAAC,EAC5C,MAAM,EACN,QAAQ,EACR,OAAO,EACP,UAAU,GACqB,EAAsB,EAAE;IACvD,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,OAAO,IAAI,CAAC;IACd,CAAC;IACD,MAAM,sBAAsB,GAAG,CAC7B,KAAC,qBAAqB,
|
|
1
|
+
{"version":3,"file":"infoIconWithTooltipStandAlone.js","sourceRoot":"","sources":["../../../../../../src/components/radioButtonGroup/components/infoIconWithTooltipStandAlone/infoIconWithTooltipStandAlone.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAE/C,OAAO,EAAkC,yBAAyB,EAAE,MAAM,aAAa,CAAC;AACxF,OAAO,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAC;AAE/E,MAAM,CAAC,MAAM,6BAA6B,GAAG,CAAC,EAC5C,MAAM,EACN,QAAQ,EACR,OAAO,EACP,UAAU,GACqB,EAAsB,EAAE;IACvD,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,OAAO,IAAI,CAAC;IACd,CAAC;IACD,MAAM,sBAAsB,GAAG,CAC7B,KAAC,qBAAqB,IAAC,MAAM,EAAE,MAAM,YACnC,KAAC,aAAa,IACZ,gBAAgB,EAAE,MAAM,CAAC,yBAAyB,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,IAAI,EAC1E,UAAU,EAAE,UAAU,KAClB,QAAQ,GACZ,GACoB,CACzB,CAAC;IACF,MAAM,cAAc,GAClB,OAAO,EAAE,OAAO,IAAI,MAAM,CAAC,yBAAyB,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC;IAClF,IAAI,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,OAAO,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;QAChF,OAAO,sBAAsB,CAAC;IAChC,CAAC;IACD,OAAO,CACL,KAAC,OAAO,IACN,KAAK,EAAE,MAAM,CAAC,yBAAyB,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,KAAK,EAChE,UAAU,EAAE,GAAG,UAAU,SAAS,KAC9B,OAAO,EACX,OAAO,EAAE,cAAc,YAEtB,sBAAsB,GACf,CACX,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,2 +1,3 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
|
|
2
|
+
import { IRadioButtonGroupStyled } from '../../types';
|
|
3
|
+
export declare const InfoIconWrapperStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IRadioButtonGroupStyled>>;
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import styled from 'styled-components';
|
|
2
|
+
import { getStyles } from '../../../../utils';
|
|
3
|
+
import { RadioButtonGroupStateType } from '../../types';
|
|
2
4
|
export const InfoIconWrapperStyled = styled.div `
|
|
3
|
-
|
|
5
|
+
${({ styles }) => getStyles(styles?.[RadioButtonGroupStateType.DEFAULT]?.infoIconContainer)}
|
|
4
6
|
`;
|
|
5
7
|
//# sourceMappingURL=infoIconWithTooltipStandAlone.styled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"infoIconWithTooltipStandAlone.styled.js","sourceRoot":"","sources":["../../../../../../src/components/radioButtonGroup/components/infoIconWithTooltipStandAlone/infoIconWithTooltipStandAlone.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,
|
|
1
|
+
{"version":3,"file":"infoIconWithTooltipStandAlone.styled.js","sourceRoot":"","sources":["../../../../../../src/components/radioButtonGroup/components/infoIconWithTooltipStandAlone/infoIconWithTooltipStandAlone.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,OAAO,EAA2B,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAEjF,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,CAAyB;IACpE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,yBAAyB,CAAC,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAC5F,CAAC"}
|
|
@@ -12,7 +12,7 @@ import { RadioButtonGroupStateType } from './types';
|
|
|
12
12
|
const RadioButtonGroupStandAloneComponent = ({ dataTestId = 'radioButtonGroup', requiredSymbol = '*', state = RadioButtonGroupStateType.DEFAULT, legendComponent = TextComponentType.LEGEND, ...props }, ref) => {
|
|
13
13
|
const uniqueId = useId('radiogroup');
|
|
14
14
|
const screenReaderId = `${uniqueId}ScreenReader`;
|
|
15
|
-
return (_jsxs(RadioButtonGroupStyled, { ref: ref, "aria-errormessage": props.errorMessageId, "data-testid": `${dataTestId}RadioGroup`, disabled: state === RadioButtonGroupStateType.DISABLED || props.disabled, name: props.name, styles: props.styles, children: [props.legend && (
|
|
15
|
+
return (_jsxs(RadioButtonGroupStyled, { ref: ref, "aria-errormessage": props.errorMessageId, "data-testid": `${dataTestId}RadioGroup`, disabled: state === RadioButtonGroupStateType.DISABLED || props.disabled, name: props.name, styles: props.styles, children: [props.legend && (_jsx(_Fragment, { children: _jsxs(Text, { component: legendComponent, customTypography: props.styles?.[state]?.title, children: [props.legend, _jsx(InfoIconWithTooltipStandAlone, { dataTestId: `${dataTestId}InfoIcon`, infoIcon: props.infoIcon, styles: props.styles, tooltip: props.tooltip }), props.required && (_jsxs(_Fragment, { children: [requiredSymbol, _jsx(ScreenReaderOnly, { children: props.requiredScreenReaderText })] }))] }) })), props.options.map((o, index) => (_jsx(RadioButton, { checked: props.selectedOption?.value === o.value, dataTestId: `${dataTestId}RadioButton${index}`, disabled: o.disabled, error: o.error, errorAriaLiveType: o.errorAriaLiveType, errorIcon: o.errorIcon, errorMessage: o.errorMessage, label: { content: o.label }, lastChild: index === props.options.length - 1, name: props.name, screenReaderId: o.screenReader ? screenReaderId : undefined, state: o.state, styles: props.styles, subTitle: { content: o.description }, value: o.value, variant: props.variant, onBlur: props.onBlur, onChange: props.onChange }, o.value))), _jsx(ScreenReaderOnly, { dataTestId: `${dataTestId}ScreenReader`, id: screenReaderId, children: props.screenReaderText })] }));
|
|
16
16
|
};
|
|
17
17
|
export const RadioButtonGroupStandAlone = React.forwardRef(RadioButtonGroupStandAloneComponent);
|
|
18
18
|
//# sourceMappingURL=radioButtonGroupStandAlone.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radioButtonGroupStandAlone.js","sourceRoot":"","sources":["../../../../src/components/radioButtonGroup/radioButtonGroupStandAlone.tsx"],"names":[],"mappings":";AAAA,SAAS;AACT,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,OAAO,EAAE,6BAA6B,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AACnE,SAAS;AACT,OAAO,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,EAA+B,yBAAyB,EAAE,MAAM,SAAS,CAAC;AAEjF,MAAM,mCAAmC,GAAG,CAC1C,EACE,UAAU,GAAG,kBAAkB,EAC/B,cAAc,GAAG,GAAG,EACpB,KAAK,GAAG,yBAAyB,CAAC,OAAO,EACzC,eAAe,GAAG,iBAAiB,CAAC,MAAM,EAC1C,GAAG,KAAK,EACoB,EAC9B,GAA+D,EAClD,EAAE;IACf,MAAM,QAAQ,GAAG,KAAK,CAAC,YAAY,CAAC,CAAC;IACrC,MAAM,cAAc,GAAG,GAAG,QAAQ,cAAc,CAAC;IAEjD,OAAO,CACL,MAAC,sBAAsB,IACrB,GAAG,EAAE,GAAG,uBACW,KAAK,CAAC,cAAc,iBAC1B,GAAG,UAAU,YAAY,EACtC,QAAQ,EAAE,KAAK,KAAK,yBAAyB,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,EACxE,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,MAAM,EAAE,KAAK,CAAC,MAAM,aAEnB,KAAK,CAAC,MAAM,IAAI,CACf,
|
|
1
|
+
{"version":3,"file":"radioButtonGroupStandAlone.js","sourceRoot":"","sources":["../../../../src/components/radioButtonGroup/radioButtonGroupStandAlone.tsx"],"names":[],"mappings":"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"}
|
|
@@ -19,11 +19,13 @@ export const ListColumnHeaderPriority = (props) => {
|
|
|
19
19
|
}) }));
|
|
20
20
|
};
|
|
21
21
|
const ListColumnHeaderValue = (props) => {
|
|
22
|
-
const { rowHeader, getExpandedAria, getValue,
|
|
23
|
-
return (_jsxs("li", { children: [rowHeader && (_jsx(ListHeaderItemStylesStyled, { customAlign: rowHeader?.config?.alignHeader?.[props.device] || rowHeader?.config?.alignHeader, customBackgroundColor: rowHeader?.config?.backgroundColor, customWidth: rowHeader?.config?.width, flexWidth: rowHeader?.config?.flexWidth, hidden: props.hiddenHeaderOn?.[props.device], lineSeparatorBottomOnHeader: props.lineSeparatorBottomOnHeader, lineSeparatorLineStyles: props.lineSeparatorLineStyles, styles: props.styles.header?.[rowHeader.variant], children: _jsx(Text, { component: TextComponentType.SPAN, customTypography: props.styles.header?.[rowHeader.variant]?.typography, dataTestId: `${props.dataTestId}ItemListRowHeader${rowHeader.label}`, children: rowHeader.label }) })), _jsx("ul", { children: _jsxs(ListItemHeaderPriorityStyled, { borderPosition: props.value.rowBorderPosition, customAlign: props.header
|
|
22
|
+
const { rowHeader, getExpandedAria, getValue, getCellTokenValue, handleShowExpandedContent, hasExpandedContentRow, showExpandedContent, rowVariant, } = useContent({ ...props });
|
|
23
|
+
return (_jsxs("li", { children: [rowHeader && (_jsx(ListHeaderItemStylesStyled, { customAlign: rowHeader?.config?.alignHeader?.[props.device] || rowHeader?.config?.alignHeader, customBackgroundColor: rowHeader?.config?.backgroundColor, customWidth: rowHeader?.config?.width, flexWidth: rowHeader?.config?.flexWidth, hidden: props.hiddenHeaderOn?.[props.device], lineSeparatorBottomOnHeader: props.lineSeparatorBottomOnHeader, lineSeparatorLineStyles: props.lineSeparatorLineStyles, styles: props.styles.header?.[rowHeader.variant], children: _jsx(Text, { component: TextComponentType.SPAN, customTypography: props.styles.header?.[rowHeader.variant]?.typography, dataTestId: `${props.dataTestId}ItemListRowHeader${rowHeader.label}`, children: rowHeader.label }) })), _jsx("ul", { children: _jsxs(ListItemHeaderPriorityStyled, { borderPosition: props.value.rowBorderPosition, customAlign: getCellTokenValue({ headerValue: props.header, token: 'align' }) ||
|
|
24
|
+
props.header?.config?.alignValue?.[props.device] ||
|
|
24
25
|
props.header?.config?.alignValue ||
|
|
25
26
|
props.header?.config?.alignHeader?.[props.device] ||
|
|
26
|
-
props.header?.config?.alignHeader, customBackgroundColor:
|
|
27
|
+
props.header?.config?.alignHeader, customBackgroundColor: getCellTokenValue({ headerValue: props.header, token: 'backgroundColor' }) ??
|
|
28
|
+
props.value.backgroundColor, customWidth: props.header?.config?.width, flexWidth: props.header?.config?.flexWidth, hasSomeExpandedContent: props.hasSomeExpandedContent, lineSeparatorLineStyles: props.lineSeparatorLineStyles, styles: props.styles.bodyRows?.[rowVariant], children: [props.hasExpandedIcon && hasExpandedContentRow && (_jsx(TableExpandedButton, { "aria-label": getExpandedAria(), styles: props.styles.bodyRows?.[rowVariant], type: ButtonType.BUTTON, onClick: () => {
|
|
27
29
|
props.onExpandedContentOpen?.(!showExpandedContent, getValue(props.header), props.indexHeader);
|
|
28
30
|
handleShowExpandedContent(!showExpandedContent);
|
|
29
31
|
}, children: _jsx(ElementOrIcon, { customIconStyles: props.styles.bodyRows?.[rowVariant]?.accordionIcon, rotate: showExpandedContent ? '180deg' : '0deg', ...props.accordionIcon }) })), getValue(props.header), props.hasExpandedIcon && hasExpandedContentRow && (_jsx(ListItemExpandedStyled, { showExpandedContent: showExpandedContent, styles: props.styles.bodyRows?.[rowVariant], children: showExpandedContent && props.value.expandedContent
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"listColumnHeaderPriority.js","sourceRoot":"","sources":["../../../../../src/components/table/component/listColumnHeaderPriority.tsx"],"names":[],"mappings":";AAAA,+BAA+B;AAC/B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EACL,0BAA0B,EAC1B,sBAAsB,EACtB,4BAA4B,EAC5B,oCAAoC,EACpC,2BAA2B,EAC3B,mBAAmB,GACpB,MAAM,iBAAiB,CAAC;AAGzB,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,KAAqB,EAAe,EAAE;IAC7E,OAAO,CACL,KAAC,KAAK,CAAC,QAAQ,cACZ,KAAK,CAAC,OAAO;YACZ,8DAA8D;aAC7D,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC;aAC5C,GAAG,CAAC,CAAC,MAAoB,EAAE,WAAmB,EAAE,EAAE;YACjD,OAAO,CACL,MAAC,oCAAoC;gBAEnC,8DAA8D;gBAC9D,UAAU,EAAE,KAAK,EACjB,uBAAuB,EAAE,KAAK,CAAC,uBAAuB,EACtD,MAAM,EAAE,KAAK,CAAC,MAAM,aAEnB,MAAM,CAAC,KAAK,IAAI,CACf,KAAC,0BAA0B,IACzB,WAAW,EACT,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,MAAM,EAAE,MAAM,EAAE,WAAW,EAE5E,qBAAqB,EAAE,MAAM,EAAE,MAAM,EAAE,eAAe,EACtD,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAClC,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EACpC,MAAM,EAAE,KAAK,CAAC,cAAc,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,EAC5C,2BAA2B,EAAE,KAAK,CAAC,2BAA2B,EAC9D,uBAAuB,EAAE,KAAK,CAAC,uBAAuB,EACtD,wBAAwB,EAAE,KAAK,CAAC,wBAAwB,EACxD,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,YAElD,KAAC,IAAI,IACH,SAAS,EAAE,iBAAiB,CAAC,IAAI,EACjC,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE,UAAU,EACxE,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,oBAAoB,MAAM,CAAC,KAAK,EAAE,YAEhE,MAAM,CAAC,KAAK,GACR,GACoB,CAC9B,EACD,KAAC,2BAA2B,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,YAE9C,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,UAAU,EAAE,EAAE;4BACtC,OAAO,CACL,KAAC,qBAAqB,OAEhB,KAAK,EACT,eAAe,EAAE,UAAU,KAAK,CAAC,EACjC,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,IALP,UAAU,CAMf,CACH,CAAC;wBACJ,CAAC,CAAC,GAC0B,KA3CzB,WAAW,CA4CqB,CACxC,CAAC;QACJ,CAAC,CAAC,GACW,CAClB,CAAC;AACJ,CAAC,CAAC;AASF,MAAM,qBAAqB,GAAG,CAAC,KAA6B,EAAe,EAAE;IAC3E,MAAM,EACJ,SAAS,EACT,eAAe,EACf,QAAQ,EACR,
|
|
1
|
+
{"version":3,"file":"listColumnHeaderPriority.js","sourceRoot":"","sources":["../../../../../src/components/table/component/listColumnHeaderPriority.tsx"],"names":[],"mappings":";AAAA,+BAA+B;AAC/B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EACL,0BAA0B,EAC1B,sBAAsB,EACtB,4BAA4B,EAC5B,oCAAoC,EACpC,2BAA2B,EAC3B,mBAAmB,GACpB,MAAM,iBAAiB,CAAC;AAGzB,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,KAAqB,EAAe,EAAE;IAC7E,OAAO,CACL,KAAC,KAAK,CAAC,QAAQ,cACZ,KAAK,CAAC,OAAO;YACZ,8DAA8D;aAC7D,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC;aAC5C,GAAG,CAAC,CAAC,MAAoB,EAAE,WAAmB,EAAE,EAAE;YACjD,OAAO,CACL,MAAC,oCAAoC;gBAEnC,8DAA8D;gBAC9D,UAAU,EAAE,KAAK,EACjB,uBAAuB,EAAE,KAAK,CAAC,uBAAuB,EACtD,MAAM,EAAE,KAAK,CAAC,MAAM,aAEnB,MAAM,CAAC,KAAK,IAAI,CACf,KAAC,0BAA0B,IACzB,WAAW,EACT,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,MAAM,EAAE,MAAM,EAAE,WAAW,EAE5E,qBAAqB,EAAE,MAAM,EAAE,MAAM,EAAE,eAAe,EACtD,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAClC,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EACpC,MAAM,EAAE,KAAK,CAAC,cAAc,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,EAC5C,2BAA2B,EAAE,KAAK,CAAC,2BAA2B,EAC9D,uBAAuB,EAAE,KAAK,CAAC,uBAAuB,EACtD,wBAAwB,EAAE,KAAK,CAAC,wBAAwB,EACxD,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,YAElD,KAAC,IAAI,IACH,SAAS,EAAE,iBAAiB,CAAC,IAAI,EACjC,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE,UAAU,EACxE,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,oBAAoB,MAAM,CAAC,KAAK,EAAE,YAEhE,MAAM,CAAC,KAAK,GACR,GACoB,CAC9B,EACD,KAAC,2BAA2B,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,YAE9C,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,UAAU,EAAE,EAAE;4BACtC,OAAO,CACL,KAAC,qBAAqB,OAEhB,KAAK,EACT,eAAe,EAAE,UAAU,KAAK,CAAC,EACjC,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,IALP,UAAU,CAMf,CACH,CAAC;wBACJ,CAAC,CAAC,GAC0B,KA3CzB,WAAW,CA4CqB,CACxC,CAAC;QACJ,CAAC,CAAC,GACW,CAClB,CAAC;AACJ,CAAC,CAAC;AASF,MAAM,qBAAqB,GAAG,CAAC,KAA6B,EAAe,EAAE;IAC3E,MAAM,EACJ,SAAS,EACT,eAAe,EACf,QAAQ,EACR,iBAAiB,EACjB,yBAAyB,EACzB,qBAAqB,EACrB,mBAAmB,EACnB,UAAU,GACX,GAAG,UAAU,CAAC,EAAE,GAAG,KAAK,EAAE,CAAC,CAAC;IAE7B,OAAO,CACL,yBACG,SAAS,IAAI,CACZ,KAAC,0BAA0B,IACzB,WAAW,EACT,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,SAAS,EAAE,MAAM,EAAE,WAAW,EAElF,qBAAqB,EAAE,SAAS,EAAE,MAAM,EAAE,eAAe,EACzD,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EACrC,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EACvC,MAAM,EAAE,KAAK,CAAC,cAAc,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,EAC5C,2BAA2B,EAAE,KAAK,CAAC,2BAA2B,EAC9D,uBAAuB,EAAE,KAAK,CAAC,uBAAuB,EACtD,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,SAAS,CAAC,OAAO,CAAC,YAEhD,KAAC,IAAI,IACH,SAAS,EAAE,iBAAiB,CAAC,IAAI,EACjC,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE,UAAU,EACtE,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,oBAAoB,SAAS,CAAC,KAAK,EAAE,YAEnE,SAAS,CAAC,KAAK,GACX,GACoB,CAC9B,EACD,uBACE,MAAC,4BAA4B,IAC3B,cAAc,EAAE,KAAK,CAAC,KAAK,CAAC,iBAAiB,EAC7C,WAAW,EACT,iBAAiB,CAAC,EAAE,WAAW,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC;wBAChE,KAAK,CAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC;wBAChD,KAAK,CAAC,MAAM,EAAE,MAAM,EAAE,UAAU;wBAChC,KAAK,CAAC,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC;wBACjD,KAAK,CAAC,MAAM,EAAE,MAAM,EAAE,WAAW,EAEnC,qBAAqB,EACnB,iBAAiB,CAAC,EAAE,WAAW,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,iBAAiB,EAAE,CAAC;wBAC1E,KAAK,CAAC,KAAK,CAAC,eAAe,EAE7B,WAAW,EAAE,KAAK,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EACxC,SAAS,EAAE,KAAK,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAC1C,sBAAsB,EAAE,KAAK,CAAC,sBAAsB,EACpD,uBAAuB,EAAE,KAAK,CAAC,uBAAuB,EACtD,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,UAAU,CAAC,aAE1C,KAAK,CAAC,eAAe,IAAI,qBAAqB,IAAI,CACjD,KAAC,mBAAmB,kBACN,eAAe,EAAE,EAC7B,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,UAAU,CAAC,EAC3C,IAAI,EAAE,UAAU,CAAC,MAAM,EACvB,OAAO,EAAE,GAAG,EAAE;gCACZ,KAAK,CAAC,qBAAqB,EAAE,CAC3B,CAAC,mBAAmB,EACpB,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,EACtB,KAAK,CAAC,WAAW,CAClB,CAAC;gCACF,yBAAyB,CAAC,CAAC,mBAAmB,CAAC,CAAC;4BAClD,CAAC,YAED,KAAC,aAAa,IACZ,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,UAAU,CAAC,EAAE,aAAa,EACpE,MAAM,EAAE,mBAAmB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,KAC3C,KAAK,CAAC,aAAa,GACvB,GACkB,CACvB,EACA,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAyB,EAC9C,KAAK,CAAC,eAAe,IAAI,qBAAqB,IAAI,CACjD,KAAC,sBAAsB,IACrB,mBAAmB,EAAE,mBAAmB,EACxC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,UAAU,CAAC,YAE1C,mBAAmB,IAAI,KAAK,CAAC,KAAK,CAAC,eAAe;gCACjD,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,eAAe,CAAC,KAAK,CAAC,MAAM,CAAC;gCAC3C,CAAC,CAAC,KAAK,CAAC,0BAA0B,GACb,CAC1B,IAC4B,GAC5B,IACF,CACN,CAAC;AACJ,CAAC,CAAC"}
|