@vtx-ui/react 0.0.1-beta.21 → 0.0.1-beta.23
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/Accordion/Accordion.js +11 -0
- package/dist/cjs/components/Accordion/Accordion.js.map +1 -0
- package/dist/cjs/components/Accordion/components/Accordion/Accordion.js +1 -0
- package/dist/cjs/components/Accordion/components/Accordion/Accordion.js.map +1 -1
- package/dist/cjs/components/AdminHeader/AdminHeader.js +11 -0
- package/dist/cjs/components/AdminHeader/AdminHeader.js.map +1 -0
- package/dist/cjs/components/AdminHeader/components/AdminHeader/AdminHeader.js +1 -0
- package/dist/cjs/components/AdminHeader/components/AdminHeader/AdminHeader.js.map +1 -1
- package/dist/cjs/components/Alert/Alert.js +11 -0
- package/dist/cjs/components/Alert/Alert.js.map +1 -0
- package/dist/cjs/components/Alert/components/Alert/Alert.js +2 -0
- package/dist/cjs/components/Alert/components/Alert/Alert.js.map +1 -1
- package/dist/cjs/components/Autocomplete/Autocomplete.js +11 -0
- package/dist/cjs/components/Autocomplete/Autocomplete.js.map +1 -0
- package/dist/cjs/components/Autocomplete/components/Autocomplete/Autocomplete.js +2 -0
- package/dist/cjs/components/Autocomplete/components/Autocomplete/Autocomplete.js.map +1 -1
- package/dist/cjs/components/Avatar/Avatar.js +11 -0
- package/dist/cjs/components/Avatar/Avatar.js.map +1 -0
- package/dist/cjs/components/Avatar/components/Avatar/Avatar.js +1 -0
- package/dist/cjs/components/Avatar/components/Avatar/Avatar.js.map +1 -1
- package/dist/cjs/components/Badge/Badge.js +11 -0
- package/dist/cjs/components/Badge/Badge.js.map +1 -0
- package/dist/cjs/components/Badge/components/Badge/Badge.js +2 -0
- package/dist/cjs/components/Badge/components/Badge/Badge.js.map +1 -1
- package/dist/cjs/components/Box/Box.js +11 -0
- package/dist/cjs/components/Box/Box.js.map +1 -0
- package/dist/cjs/components/Box/components/Box/Box.js +1 -0
- package/dist/cjs/components/Box/components/Box/Box.js.map +1 -1
- package/dist/cjs/components/Breadcrumb/Breadcrumb.js +11 -0
- package/dist/cjs/components/Breadcrumb/Breadcrumb.js.map +1 -0
- package/dist/cjs/components/Breadcrumb/components/Breadcrumb/Breadcrumb.js +1 -0
- package/dist/cjs/components/Breadcrumb/components/Breadcrumb/Breadcrumb.js.map +1 -1
- package/dist/cjs/components/Button/Button.js +11 -0
- package/dist/cjs/components/Button/Button.js.map +1 -0
- package/dist/cjs/components/Button/components/Button/Button.js +1 -0
- package/dist/cjs/components/Button/components/Button/Button.js.map +1 -1
- package/dist/cjs/components/Card/Card.js +11 -0
- package/dist/cjs/components/Card/Card.js.map +1 -0
- package/dist/cjs/components/Card/components/Card/Card.js +2 -0
- package/dist/cjs/components/Card/components/Card/Card.js.map +1 -1
- package/dist/cjs/components/Checkbox/Checkbox.js +11 -0
- package/dist/cjs/components/Checkbox/Checkbox.js.map +1 -0
- package/dist/cjs/components/Checkbox/components/Checkbox/Checkbox.js +1 -0
- package/dist/cjs/components/Checkbox/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/cjs/components/CheckboxGroup/CheckboxGroup.js +11 -0
- package/dist/cjs/components/CheckboxGroup/CheckboxGroup.js.map +1 -0
- package/dist/cjs/components/CheckboxGroup/components/CheckboxGroup/CheckboxGroup.js +1 -0
- package/dist/cjs/components/CheckboxGroup/components/CheckboxGroup/CheckboxGroup.js.map +1 -1
- package/dist/cjs/components/Chip/Chip.js +11 -0
- package/dist/cjs/components/Chip/Chip.js.map +1 -0
- package/dist/cjs/components/Chip/components/Chip/Chip.js +1 -0
- package/dist/cjs/components/Chip/components/Chip/Chip.js.map +1 -1
- package/dist/cjs/components/Container/Container.js +11 -0
- package/dist/cjs/components/Container/Container.js.map +1 -0
- package/dist/cjs/components/Container/components/Container/Container.js +1 -0
- package/dist/cjs/components/Container/components/Container/Container.js.map +1 -1
- package/dist/cjs/components/DataGrid/DataGrid.js +11 -0
- package/dist/cjs/components/DataGrid/DataGrid.js.map +1 -0
- package/dist/cjs/components/DataGrid/components/DataGrid/DataGrid.js +2 -0
- package/dist/cjs/components/DataGrid/components/DataGrid/DataGrid.js.map +1 -1
- package/dist/cjs/components/DatePicker/DatePicker.js +11 -0
- package/dist/cjs/components/DatePicker/DatePicker.js.map +1 -0
- package/dist/cjs/components/DatePicker/components/DatePicker/DatePicker.js +1 -0
- package/dist/cjs/components/DatePicker/components/DatePicker/DatePicker.js.map +1 -1
- package/dist/cjs/components/DatePicker/components/DatePicker/DateRangePicker.js +1 -0
- package/dist/cjs/components/DatePicker/components/DatePicker/DateRangePicker.js.map +1 -1
- package/dist/cjs/components/FileUpload/FileUpload.js +11 -0
- package/dist/cjs/components/FileUpload/FileUpload.js.map +1 -0
- package/dist/cjs/components/FileUpload/components/FileUpload/FileUpload.js +1 -0
- package/dist/cjs/components/FileUpload/components/FileUpload/FileUpload.js.map +1 -1
- package/dist/cjs/components/FormControl/FormControl.js +11 -0
- package/dist/cjs/components/FormControl/FormControl.js.map +1 -0
- package/dist/cjs/components/FormControl/components/FormControl/FormControl.js +1 -0
- package/dist/cjs/components/FormControl/components/FormControl/FormControl.js.map +1 -1
- package/dist/cjs/components/Grid/Grid.js +11 -0
- package/dist/cjs/components/Grid/Grid.js.map +1 -0
- package/dist/cjs/components/Grid/components/Grid/Grid.js +1 -0
- package/dist/cjs/components/Grid/components/Grid/Grid.js.map +1 -1
- package/dist/cjs/components/Header/Header.js +11 -0
- package/dist/cjs/components/Header/Header.js.map +1 -0
- package/dist/cjs/components/Header/components/Header/Header.js +1 -0
- package/dist/cjs/components/Header/components/Header/Header.js.map +1 -1
- package/dist/cjs/components/Image/Image.js +11 -0
- package/dist/cjs/components/Image/Image.js.map +1 -0
- package/dist/cjs/components/Image/components/Image/Image.js +1 -0
- package/dist/cjs/components/Image/components/Image/Image.js.map +1 -1
- package/dist/cjs/components/Input/Input.js +11 -0
- package/dist/cjs/components/Input/Input.js.map +1 -0
- package/dist/cjs/components/Input/components/Input/Input.js +2 -0
- package/dist/cjs/components/Input/components/Input/Input.js.map +1 -1
- package/dist/cjs/components/Link/Link.js +11 -0
- package/dist/cjs/components/Link/Link.js.map +1 -0
- package/dist/cjs/components/Link/components/Link/Link.js +1 -0
- package/dist/cjs/components/Link/components/Link/Link.js.map +1 -1
- package/dist/cjs/components/Menu/ActionMenu.js +11 -0
- package/dist/cjs/components/Menu/ActionMenu.js.map +1 -0
- package/dist/cjs/components/Menu/Menu.js +11 -0
- package/dist/cjs/components/Menu/Menu.js.map +1 -0
- package/dist/cjs/components/Menu/components/Menu/ActionMenu.js +1 -0
- package/dist/cjs/components/Menu/components/Menu/ActionMenu.js.map +1 -1
- package/dist/cjs/components/Menu/components/Menu/Menu.js +1 -0
- package/dist/cjs/components/Menu/components/Menu/Menu.js.map +1 -1
- package/dist/cjs/components/Modal/Modal.js +11 -0
- package/dist/cjs/components/Modal/Modal.js.map +1 -0
- package/dist/cjs/components/Modal/components/Modal/Modal.js +1 -0
- package/dist/cjs/components/Modal/components/Modal/Modal.js.map +1 -1
- package/dist/cjs/components/MultiSelect/MultiSelect.js +11 -0
- package/dist/cjs/components/MultiSelect/MultiSelect.js.map +1 -0
- package/dist/cjs/components/MultiSelect/components/MultiSelect/MultiSelect.js +1 -0
- package/dist/cjs/components/MultiSelect/components/MultiSelect/MultiSelect.js.map +1 -1
- package/dist/cjs/components/Navbar/Navbar.js +11 -0
- package/dist/cjs/components/Navbar/Navbar.js.map +1 -0
- package/dist/cjs/components/Navbar/components/Navbar/Navbar.js +1 -0
- package/dist/cjs/components/Navbar/components/Navbar/Navbar.js.map +1 -1
- package/dist/cjs/components/Navbar/variants/components/Navbar/variants/TwoRowNavbar.js +1 -0
- package/dist/cjs/components/Navbar/variants/components/Navbar/variants/TwoRowNavbar.js.map +1 -1
- package/dist/cjs/components/Radio/Radio.js +11 -0
- package/dist/cjs/components/Radio/Radio.js.map +1 -0
- package/dist/cjs/components/Radio/components/Radio/Radio.js +2 -0
- package/dist/cjs/components/Radio/components/Radio/Radio.js.map +1 -1
- package/dist/cjs/components/RadioGroup/RadioGroup.js +11 -0
- package/dist/cjs/components/RadioGroup/RadioGroup.js.map +1 -0
- package/dist/cjs/components/RadioGroup/components/RadioGroup/RadioGroup.js +2 -0
- package/dist/cjs/components/RadioGroup/components/RadioGroup/RadioGroup.js.map +1 -1
- package/dist/cjs/components/Rating/Rating.js +11 -0
- package/dist/cjs/components/Rating/Rating.js.map +1 -0
- package/dist/cjs/components/Rating/components/Rating/Rating.js +1 -0
- package/dist/cjs/components/Rating/components/Rating/Rating.js.map +1 -1
- package/dist/cjs/components/RichTextEditor/RichTextEditor.js +11 -0
- package/dist/cjs/components/RichTextEditor/RichTextEditor.js.map +1 -0
- package/dist/cjs/components/RichTextEditor/components/RichTextEditor/RichTextEditor.js +2 -0
- package/dist/cjs/components/RichTextEditor/components/RichTextEditor/RichTextEditor.js.map +1 -1
- package/dist/cjs/components/Select/Select.js +11 -0
- package/dist/cjs/components/Select/Select.js.map +1 -0
- package/dist/cjs/components/Select/components/Select/Select.js +2 -0
- package/dist/cjs/components/Select/components/Select/Select.js.map +1 -1
- package/dist/cjs/components/SideMenu/SideMenu.js +11 -0
- package/dist/cjs/components/SideMenu/SideMenu.js.map +1 -0
- package/dist/cjs/components/SideMenu/components/SideMenu/SideMenu.js +1 -0
- package/dist/cjs/components/SideMenu/components/SideMenu/SideMenu.js.map +1 -1
- package/dist/cjs/components/Skeleton/Skeleton.js +11 -0
- package/dist/cjs/components/Skeleton/Skeleton.js.map +1 -0
- package/dist/cjs/components/Skeleton/SkeletonThemes.js +11 -0
- package/dist/cjs/components/Skeleton/SkeletonThemes.js.map +1 -0
- package/dist/cjs/components/Skeleton/components/Skeleton/Skeleton.js +1 -0
- package/dist/cjs/components/Skeleton/components/Skeleton/Skeleton.js.map +1 -1
- package/dist/cjs/components/Skeleton/components/Skeleton/SkeletonTheme.js +1 -0
- package/dist/cjs/components/Skeleton/components/Skeleton/SkeletonTheme.js.map +1 -1
- package/dist/cjs/components/Table/Table.js +11 -0
- package/dist/cjs/components/Table/Table.js.map +1 -0
- package/dist/cjs/components/Table/components/Table/Table.js +2 -0
- package/dist/cjs/components/Table/components/Table/Table.js.map +1 -1
- package/dist/cjs/components/Tabs/Tabs.js +11 -0
- package/dist/cjs/components/Tabs/Tabs.js.map +1 -0
- package/dist/cjs/components/Tabs/components/Tabs/Tabs.js +1 -0
- package/dist/cjs/components/Tabs/components/Tabs/Tabs.js.map +1 -1
- package/dist/cjs/components/Textarea/Textarea.js +11 -0
- package/dist/cjs/components/Textarea/Textarea.js.map +1 -0
- package/dist/cjs/components/Textarea/components/Textarea/Textarea.js +2 -0
- package/dist/cjs/components/Textarea/components/Textarea/Textarea.js.map +1 -1
- package/dist/cjs/components/Timeline/Timeline.js +11 -0
- package/dist/cjs/components/Timeline/Timeline.js.map +1 -0
- package/dist/cjs/components/Timeline/components/Timeline/Timeline.js +1 -0
- package/dist/cjs/components/Timeline/components/Timeline/Timeline.js.map +1 -1
- package/dist/cjs/components/Toast/Toast.js +11 -0
- package/dist/cjs/components/Toast/Toast.js.map +1 -0
- package/dist/cjs/components/Toast/ToastContainer.js +11 -0
- package/dist/cjs/components/Toast/ToastContainer.js.map +1 -0
- package/dist/cjs/components/Toast/components/Toast/Toast.js +1 -0
- package/dist/cjs/components/Toast/components/Toast/Toast.js.map +1 -1
- package/dist/cjs/components/Toast/components/Toast/ToastContainer.js +1 -0
- package/dist/cjs/components/Toast/components/Toast/ToastContainer.js.map +1 -1
- package/dist/cjs/components/ToggleButton/ToggleButton.js +11 -0
- package/dist/cjs/components/ToggleButton/ToggleButton.js.map +1 -0
- package/dist/cjs/components/ToggleButton/components/ToggleButton/ToggleButton.js +1 -0
- package/dist/cjs/components/ToggleButton/components/ToggleButton/ToggleButton.js.map +1 -1
- package/dist/cjs/components/Tooltip/Tooltip.js +11 -0
- package/dist/cjs/components/Tooltip/Tooltip.js.map +1 -0
- package/dist/cjs/components/Tooltip/components/Tooltip/Tooltip.js +1 -0
- package/dist/cjs/components/Tooltip/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/cjs/components/Typography/Typography.js +11 -0
- package/dist/cjs/components/Typography/Typography.js.map +1 -0
- package/dist/cjs/components/Typography/components/Typography/Typography.js +1 -0
- package/dist/cjs/components/Typography/components/Typography/Typography.js.map +1 -1
- package/dist/cjs/components/Widget/Widget.js +11 -0
- package/dist/cjs/components/Widget/Widget.js.map +1 -0
- package/dist/cjs/components/Widget/components/Widget/Widget.js +1 -0
- package/dist/cjs/components/Widget/components/Widget/Widget.js.map +1 -1
- package/dist/cjs/components/Widget/renderers/ContentBlock/FeatureHighlightTheme.js +11 -0
- package/dist/cjs/components/Widget/renderers/ContentBlock/FeatureHighlightTheme.js.map +1 -0
- package/dist/cjs/components/Widget/renderers/ContentBlock/VisualBlockTheme.js +11 -0
- package/dist/cjs/components/Widget/renderers/ContentBlock/VisualBlockTheme.js.map +1 -0
- package/dist/cjs/components/Widget/renderers/ContentBlock/components/Widget/renderers/ContentBlock/FeatureHighlightTheme.js +1 -0
- package/dist/cjs/components/Widget/renderers/ContentBlock/components/Widget/renderers/ContentBlock/FeatureHighlightTheme.js.map +1 -1
- package/dist/cjs/components/Widget/renderers/ContentBlock/components/Widget/renderers/ContentBlock/VisualBlockTheme.js +1 -0
- package/dist/cjs/components/Widget/renderers/ContentBlock/components/Widget/renderers/ContentBlock/VisualBlockTheme.js.map +1 -1
- package/dist/cjs/components/Widget/renderers/ContentBlockWidget.js +11 -0
- package/dist/cjs/components/Widget/renderers/ContentBlockWidget.js.map +1 -0
- package/dist/cjs/components/Widget/renderers/EmptyStateWidget.js +11 -0
- package/dist/cjs/components/Widget/renderers/EmptyStateWidget.js.map +1 -0
- package/dist/cjs/components/Widget/renderers/ErrorPageWidget.js +11 -0
- package/dist/cjs/components/Widget/renderers/ErrorPageWidget.js.map +1 -0
- package/dist/cjs/components/Widget/renderers/components/Widget/renderers/ContentBlockWidget.js +1 -0
- package/dist/cjs/components/Widget/renderers/components/Widget/renderers/ContentBlockWidget.js.map +1 -1
- package/dist/cjs/components/Widget/renderers/components/Widget/renderers/EmptyStateWidget.example.js +1 -0
- package/dist/cjs/components/Widget/renderers/components/Widget/renderers/EmptyStateWidget.example.js.map +1 -1
- package/dist/cjs/components/Widget/renderers/components/Widget/renderers/EmptyStateWidget.js +1 -0
- package/dist/cjs/components/Widget/renderers/components/Widget/renderers/EmptyStateWidget.js.map +1 -1
- package/dist/cjs/components/Widget/renderers/components/Widget/renderers/ErrorPageWidget.example.js +1 -0
- package/dist/cjs/components/Widget/renderers/components/Widget/renderers/ErrorPageWidget.example.js.map +1 -1
- package/dist/cjs/components/Widget/renderers/components/Widget/renderers/ErrorPageWidget.js +1 -0
- package/dist/cjs/components/Widget/renderers/components/Widget/renderers/ErrorPageWidget.js.map +1 -1
- package/dist/cjs/index.js +3 -0
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/node_modules/style-inject/dist/style-inject.es.js +33 -0
- package/dist/cjs/node_modules/style-inject/dist/style-inject.es.js.map +1 -0
- package/dist/cjs/theme/base.js +11 -0
- package/dist/cjs/theme/base.js.map +1 -0
- package/dist/cjs/theme/theme/ThemeProvider.js +1 -0
- package/dist/cjs/theme/theme/ThemeProvider.js.map +1 -1
- package/dist/cjs/theme/theme/index.js +1 -0
- package/dist/cjs/theme/theme/index.js.map +1 -1
- package/dist/cjs/widgets/ContactForm/ContactForm.js +11 -0
- package/dist/cjs/widgets/ContactForm/ContactForm.js.map +1 -0
- package/dist/cjs/widgets/ContactForm/widgets/ContactForm/ContactForm.js +1 -0
- package/dist/cjs/widgets/ContactForm/widgets/ContactForm/ContactForm.js.map +1 -1
- package/dist/cjs/widgets/FAQ/FAQ.js +11 -0
- package/dist/cjs/widgets/FAQ/FAQ.js.map +1 -0
- package/dist/cjs/widgets/FAQ/widgets/FAQ/FAQ.js +1 -0
- package/dist/cjs/widgets/FAQ/widgets/FAQ/FAQ.js.map +1 -1
- package/dist/cjs/widgets/InfoCard/InfoCard.js +11 -0
- package/dist/cjs/widgets/InfoCard/InfoCard.js.map +1 -0
- package/dist/cjs/widgets/InfoCard/widgets/InfoCard/InfoCard.js +1 -0
- package/dist/cjs/widgets/InfoCard/widgets/InfoCard/InfoCard.js.map +1 -1
- package/dist/cjs/widgets/InfoListCard/InfoListCard.js +11 -0
- package/dist/cjs/widgets/InfoListCard/InfoListCard.js.map +1 -0
- package/dist/cjs/widgets/InfoListCard/widgets/InfoListCard/InfoListCard.js +1 -0
- package/dist/cjs/widgets/InfoListCard/widgets/InfoListCard/InfoListCard.js.map +1 -1
- package/dist/cjs/widgets/InfoText/InfoText.js +11 -0
- package/dist/cjs/widgets/InfoText/InfoText.js.map +1 -0
- package/dist/cjs/widgets/InfoText/widgets/InfoText/InfoText.js +1 -0
- package/dist/cjs/widgets/InfoText/widgets/InfoText/InfoText.js.map +1 -1
- package/dist/cjs/widgets/OrderCard/OrderCard.js +11 -0
- package/dist/cjs/widgets/OrderCard/OrderCard.js.map +1 -0
- package/dist/cjs/widgets/OrderCard/widgets/OrderCard/OrderCard.js +1 -0
- package/dist/cjs/widgets/OrderCard/widgets/OrderCard/OrderCard.js.map +1 -1
- package/dist/cjs/widgets/OrderConfirmation/OrderConfirmation.js +11 -0
- package/dist/cjs/widgets/OrderConfirmation/OrderConfirmation.js.map +1 -0
- package/dist/cjs/widgets/OrderConfirmation/widgets/OrderConfirmation/OrderConfirmation.js +1 -0
- package/dist/cjs/widgets/OrderConfirmation/widgets/OrderConfirmation/OrderConfirmation.js.map +1 -1
- package/dist/cjs/widgets/OrderDetails/OrderDetails.js +11 -0
- package/dist/cjs/widgets/OrderDetails/OrderDetails.js.map +1 -0
- package/dist/cjs/widgets/OrderDetails/widgets/OrderDetails/OrderDetails.js +1 -0
- package/dist/cjs/widgets/OrderDetails/widgets/OrderDetails/OrderDetails.js.map +1 -1
- package/dist/cjs/widgets/PricingTable/PricingTable.js +11 -0
- package/dist/cjs/widgets/PricingTable/PricingTable.js.map +1 -0
- package/dist/cjs/widgets/PricingTable/widgets/PricingTable/PricingTable.js +1 -0
- package/dist/cjs/widgets/PricingTable/widgets/PricingTable/PricingTable.js.map +1 -1
- package/dist/cjs/widgets/ProductCard/ProductCard.js +11 -0
- package/dist/cjs/widgets/ProductCard/ProductCard.js.map +1 -0
- package/dist/cjs/widgets/ProductCard/widgets/ProductCard/ProductCard.js +1 -0
- package/dist/cjs/widgets/ProductCard/widgets/ProductCard/ProductCard.js.map +1 -1
- package/dist/esm/components/Accordion/Accordion.js +7 -0
- package/dist/esm/components/Accordion/Accordion.js.map +1 -0
- package/dist/esm/components/Accordion/components/Accordion/Accordion.js +1 -0
- package/dist/esm/components/Accordion/components/Accordion/Accordion.js.map +1 -1
- package/dist/esm/components/AdminHeader/AdminHeader.js +7 -0
- package/dist/esm/components/AdminHeader/AdminHeader.js.map +1 -0
- package/dist/esm/components/AdminHeader/components/AdminHeader/AdminHeader.js +1 -0
- package/dist/esm/components/AdminHeader/components/AdminHeader/AdminHeader.js.map +1 -1
- package/dist/esm/components/Alert/Alert.js +7 -0
- package/dist/esm/components/Alert/Alert.js.map +1 -0
- package/dist/esm/components/Alert/components/Alert/Alert.js +2 -0
- package/dist/esm/components/Alert/components/Alert/Alert.js.map +1 -1
- package/dist/esm/components/Autocomplete/Autocomplete.js +7 -0
- package/dist/esm/components/Autocomplete/Autocomplete.js.map +1 -0
- package/dist/esm/components/Autocomplete/components/Autocomplete/Autocomplete.js +2 -0
- package/dist/esm/components/Autocomplete/components/Autocomplete/Autocomplete.js.map +1 -1
- package/dist/esm/components/Avatar/Avatar.js +7 -0
- package/dist/esm/components/Avatar/Avatar.js.map +1 -0
- package/dist/esm/components/Avatar/components/Avatar/Avatar.js +1 -0
- package/dist/esm/components/Avatar/components/Avatar/Avatar.js.map +1 -1
- package/dist/esm/components/Badge/Badge.js +7 -0
- package/dist/esm/components/Badge/Badge.js.map +1 -0
- package/dist/esm/components/Badge/components/Badge/Badge.js +2 -0
- package/dist/esm/components/Badge/components/Badge/Badge.js.map +1 -1
- package/dist/esm/components/Box/Box.js +7 -0
- package/dist/esm/components/Box/Box.js.map +1 -0
- package/dist/esm/components/Box/components/Box/Box.js +1 -0
- package/dist/esm/components/Box/components/Box/Box.js.map +1 -1
- package/dist/esm/components/Breadcrumb/Breadcrumb.js +7 -0
- package/dist/esm/components/Breadcrumb/Breadcrumb.js.map +1 -0
- package/dist/esm/components/Breadcrumb/components/Breadcrumb/Breadcrumb.js +1 -0
- package/dist/esm/components/Breadcrumb/components/Breadcrumb/Breadcrumb.js.map +1 -1
- package/dist/esm/components/Button/Button.js +7 -0
- package/dist/esm/components/Button/Button.js.map +1 -0
- package/dist/esm/components/Button/components/Button/Button.js +1 -0
- package/dist/esm/components/Button/components/Button/Button.js.map +1 -1
- package/dist/esm/components/Card/Card.js +7 -0
- package/dist/esm/components/Card/Card.js.map +1 -0
- package/dist/esm/components/Card/components/Card/Card.js +2 -0
- package/dist/esm/components/Card/components/Card/Card.js.map +1 -1
- package/dist/esm/components/Checkbox/Checkbox.js +7 -0
- package/dist/esm/components/Checkbox/Checkbox.js.map +1 -0
- package/dist/esm/components/Checkbox/components/Checkbox/Checkbox.js +1 -0
- package/dist/esm/components/Checkbox/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/esm/components/CheckboxGroup/CheckboxGroup.js +7 -0
- package/dist/esm/components/CheckboxGroup/CheckboxGroup.js.map +1 -0
- package/dist/esm/components/CheckboxGroup/components/CheckboxGroup/CheckboxGroup.js +1 -0
- package/dist/esm/components/CheckboxGroup/components/CheckboxGroup/CheckboxGroup.js.map +1 -1
- package/dist/esm/components/Chip/Chip.js +7 -0
- package/dist/esm/components/Chip/Chip.js.map +1 -0
- package/dist/esm/components/Chip/components/Chip/Chip.js +1 -0
- package/dist/esm/components/Chip/components/Chip/Chip.js.map +1 -1
- package/dist/esm/components/Container/Container.js +7 -0
- package/dist/esm/components/Container/Container.js.map +1 -0
- package/dist/esm/components/Container/components/Container/Container.js +1 -0
- package/dist/esm/components/Container/components/Container/Container.js.map +1 -1
- package/dist/esm/components/DataGrid/DataGrid.js +7 -0
- package/dist/esm/components/DataGrid/DataGrid.js.map +1 -0
- package/dist/esm/components/DataGrid/components/DataGrid/DataGrid.js +2 -0
- package/dist/esm/components/DataGrid/components/DataGrid/DataGrid.js.map +1 -1
- package/dist/esm/components/DatePicker/DatePicker.js +7 -0
- package/dist/esm/components/DatePicker/DatePicker.js.map +1 -0
- package/dist/esm/components/DatePicker/components/DatePicker/DatePicker.js +1 -0
- package/dist/esm/components/DatePicker/components/DatePicker/DatePicker.js.map +1 -1
- package/dist/esm/components/DatePicker/components/DatePicker/DateRangePicker.js +1 -0
- package/dist/esm/components/DatePicker/components/DatePicker/DateRangePicker.js.map +1 -1
- package/dist/esm/components/FileUpload/FileUpload.js +7 -0
- package/dist/esm/components/FileUpload/FileUpload.js.map +1 -0
- package/dist/esm/components/FileUpload/components/FileUpload/FileUpload.js +1 -0
- package/dist/esm/components/FileUpload/components/FileUpload/FileUpload.js.map +1 -1
- package/dist/esm/components/FormControl/FormControl.js +7 -0
- package/dist/esm/components/FormControl/FormControl.js.map +1 -0
- package/dist/esm/components/FormControl/components/FormControl/FormControl.js +1 -0
- package/dist/esm/components/FormControl/components/FormControl/FormControl.js.map +1 -1
- package/dist/esm/components/Grid/Grid.js +7 -0
- package/dist/esm/components/Grid/Grid.js.map +1 -0
- package/dist/esm/components/Grid/components/Grid/Grid.js +1 -0
- package/dist/esm/components/Grid/components/Grid/Grid.js.map +1 -1
- package/dist/esm/components/Header/Header.js +7 -0
- package/dist/esm/components/Header/Header.js.map +1 -0
- package/dist/esm/components/Header/components/Header/Header.js +1 -0
- package/dist/esm/components/Header/components/Header/Header.js.map +1 -1
- package/dist/esm/components/Image/Image.js +7 -0
- package/dist/esm/components/Image/Image.js.map +1 -0
- package/dist/esm/components/Image/components/Image/Image.js +1 -0
- package/dist/esm/components/Image/components/Image/Image.js.map +1 -1
- package/dist/esm/components/Input/Input.js +7 -0
- package/dist/esm/components/Input/Input.js.map +1 -0
- package/dist/esm/components/Input/components/Input/Input.js +2 -0
- package/dist/esm/components/Input/components/Input/Input.js.map +1 -1
- package/dist/esm/components/Link/Link.js +7 -0
- package/dist/esm/components/Link/Link.js.map +1 -0
- package/dist/esm/components/Link/components/Link/Link.js +1 -0
- package/dist/esm/components/Link/components/Link/Link.js.map +1 -1
- package/dist/esm/components/Menu/ActionMenu.js +7 -0
- package/dist/esm/components/Menu/ActionMenu.js.map +1 -0
- package/dist/esm/components/Menu/Menu.js +7 -0
- package/dist/esm/components/Menu/Menu.js.map +1 -0
- package/dist/esm/components/Menu/components/Menu/ActionMenu.js +1 -0
- package/dist/esm/components/Menu/components/Menu/ActionMenu.js.map +1 -1
- package/dist/esm/components/Menu/components/Menu/Menu.js +1 -0
- package/dist/esm/components/Menu/components/Menu/Menu.js.map +1 -1
- package/dist/esm/components/Modal/Modal.js +7 -0
- package/dist/esm/components/Modal/Modal.js.map +1 -0
- package/dist/esm/components/Modal/components/Modal/Modal.js +1 -0
- package/dist/esm/components/Modal/components/Modal/Modal.js.map +1 -1
- package/dist/esm/components/MultiSelect/MultiSelect.js +7 -0
- package/dist/esm/components/MultiSelect/MultiSelect.js.map +1 -0
- package/dist/esm/components/MultiSelect/components/MultiSelect/MultiSelect.js +1 -0
- package/dist/esm/components/MultiSelect/components/MultiSelect/MultiSelect.js.map +1 -1
- package/dist/esm/components/Navbar/Navbar.js +7 -0
- package/dist/esm/components/Navbar/Navbar.js.map +1 -0
- package/dist/esm/components/Navbar/components/Navbar/Navbar.js +1 -0
- package/dist/esm/components/Navbar/components/Navbar/Navbar.js.map +1 -1
- package/dist/esm/components/Navbar/variants/components/Navbar/variants/TwoRowNavbar.js +1 -0
- package/dist/esm/components/Navbar/variants/components/Navbar/variants/TwoRowNavbar.js.map +1 -1
- package/dist/esm/components/Radio/Radio.js +7 -0
- package/dist/esm/components/Radio/Radio.js.map +1 -0
- package/dist/esm/components/Radio/components/Radio/Radio.js +2 -0
- package/dist/esm/components/Radio/components/Radio/Radio.js.map +1 -1
- package/dist/esm/components/RadioGroup/RadioGroup.js +7 -0
- package/dist/esm/components/RadioGroup/RadioGroup.js.map +1 -0
- package/dist/esm/components/RadioGroup/components/RadioGroup/RadioGroup.js +2 -0
- package/dist/esm/components/RadioGroup/components/RadioGroup/RadioGroup.js.map +1 -1
- package/dist/esm/components/Rating/Rating.js +7 -0
- package/dist/esm/components/Rating/Rating.js.map +1 -0
- package/dist/esm/components/Rating/components/Rating/Rating.js +1 -0
- package/dist/esm/components/Rating/components/Rating/Rating.js.map +1 -1
- package/dist/esm/components/RichTextEditor/RichTextEditor.js +7 -0
- package/dist/esm/components/RichTextEditor/RichTextEditor.js.map +1 -0
- package/dist/esm/components/RichTextEditor/components/RichTextEditor/RichTextEditor.js +2 -0
- package/dist/esm/components/RichTextEditor/components/RichTextEditor/RichTextEditor.js.map +1 -1
- package/dist/esm/components/Select/Select.js +7 -0
- package/dist/esm/components/Select/Select.js.map +1 -0
- package/dist/esm/components/Select/components/Select/Select.js +2 -0
- package/dist/esm/components/Select/components/Select/Select.js.map +1 -1
- package/dist/esm/components/SideMenu/SideMenu.js +7 -0
- package/dist/esm/components/SideMenu/SideMenu.js.map +1 -0
- package/dist/esm/components/SideMenu/components/SideMenu/SideMenu.js +1 -0
- package/dist/esm/components/SideMenu/components/SideMenu/SideMenu.js.map +1 -1
- package/dist/esm/components/Skeleton/Skeleton.js +7 -0
- package/dist/esm/components/Skeleton/Skeleton.js.map +1 -0
- package/dist/esm/components/Skeleton/SkeletonThemes.js +7 -0
- package/dist/esm/components/Skeleton/SkeletonThemes.js.map +1 -0
- package/dist/esm/components/Skeleton/components/Skeleton/Skeleton.js +1 -0
- package/dist/esm/components/Skeleton/components/Skeleton/Skeleton.js.map +1 -1
- package/dist/esm/components/Skeleton/components/Skeleton/SkeletonTheme.js +1 -0
- package/dist/esm/components/Skeleton/components/Skeleton/SkeletonTheme.js.map +1 -1
- package/dist/esm/components/Table/Table.js +7 -0
- package/dist/esm/components/Table/Table.js.map +1 -0
- package/dist/esm/components/Table/components/Table/Table.js +2 -0
- package/dist/esm/components/Table/components/Table/Table.js.map +1 -1
- package/dist/esm/components/Tabs/Tabs.js +7 -0
- package/dist/esm/components/Tabs/Tabs.js.map +1 -0
- package/dist/esm/components/Tabs/components/Tabs/Tabs.js +1 -0
- package/dist/esm/components/Tabs/components/Tabs/Tabs.js.map +1 -1
- package/dist/esm/components/Textarea/Textarea.js +7 -0
- package/dist/esm/components/Textarea/Textarea.js.map +1 -0
- package/dist/esm/components/Textarea/components/Textarea/Textarea.js +2 -0
- package/dist/esm/components/Textarea/components/Textarea/Textarea.js.map +1 -1
- package/dist/esm/components/Timeline/Timeline.js +7 -0
- package/dist/esm/components/Timeline/Timeline.js.map +1 -0
- package/dist/esm/components/Timeline/components/Timeline/Timeline.js +1 -0
- package/dist/esm/components/Timeline/components/Timeline/Timeline.js.map +1 -1
- package/dist/esm/components/Toast/Toast.js +7 -0
- package/dist/esm/components/Toast/Toast.js.map +1 -0
- package/dist/esm/components/Toast/ToastContainer.js +7 -0
- package/dist/esm/components/Toast/ToastContainer.js.map +1 -0
- package/dist/esm/components/Toast/components/Toast/Toast.js +1 -0
- package/dist/esm/components/Toast/components/Toast/Toast.js.map +1 -1
- package/dist/esm/components/Toast/components/Toast/ToastContainer.js +1 -0
- package/dist/esm/components/Toast/components/Toast/ToastContainer.js.map +1 -1
- package/dist/esm/components/ToggleButton/ToggleButton.js +7 -0
- package/dist/esm/components/ToggleButton/ToggleButton.js.map +1 -0
- package/dist/esm/components/ToggleButton/components/ToggleButton/ToggleButton.js +1 -0
- package/dist/esm/components/ToggleButton/components/ToggleButton/ToggleButton.js.map +1 -1
- package/dist/esm/components/Tooltip/Tooltip.js +7 -0
- package/dist/esm/components/Tooltip/Tooltip.js.map +1 -0
- package/dist/esm/components/Tooltip/components/Tooltip/Tooltip.js +1 -0
- package/dist/esm/components/Tooltip/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/esm/components/Typography/Typography.js +7 -0
- package/dist/esm/components/Typography/Typography.js.map +1 -0
- package/dist/esm/components/Typography/components/Typography/Typography.js +1 -0
- package/dist/esm/components/Typography/components/Typography/Typography.js.map +1 -1
- package/dist/esm/components/Widget/Widget.js +7 -0
- package/dist/esm/components/Widget/Widget.js.map +1 -0
- package/dist/esm/components/Widget/components/Widget/Widget.js +1 -0
- package/dist/esm/components/Widget/components/Widget/Widget.js.map +1 -1
- package/dist/esm/components/Widget/renderers/ContentBlock/FeatureHighlightTheme.js +7 -0
- package/dist/esm/components/Widget/renderers/ContentBlock/FeatureHighlightTheme.js.map +1 -0
- package/dist/esm/components/Widget/renderers/ContentBlock/VisualBlockTheme.js +7 -0
- package/dist/esm/components/Widget/renderers/ContentBlock/VisualBlockTheme.js.map +1 -0
- package/dist/esm/components/Widget/renderers/ContentBlock/components/Widget/renderers/ContentBlock/FeatureHighlightTheme.js +1 -0
- package/dist/esm/components/Widget/renderers/ContentBlock/components/Widget/renderers/ContentBlock/FeatureHighlightTheme.js.map +1 -1
- package/dist/esm/components/Widget/renderers/ContentBlock/components/Widget/renderers/ContentBlock/VisualBlockTheme.js +1 -0
- package/dist/esm/components/Widget/renderers/ContentBlock/components/Widget/renderers/ContentBlock/VisualBlockTheme.js.map +1 -1
- package/dist/esm/components/Widget/renderers/ContentBlockWidget.js +7 -0
- package/dist/esm/components/Widget/renderers/ContentBlockWidget.js.map +1 -0
- package/dist/esm/components/Widget/renderers/EmptyStateWidget.js +7 -0
- package/dist/esm/components/Widget/renderers/EmptyStateWidget.js.map +1 -0
- package/dist/esm/components/Widget/renderers/ErrorPageWidget.js +7 -0
- package/dist/esm/components/Widget/renderers/ErrorPageWidget.js.map +1 -0
- package/dist/esm/components/Widget/renderers/components/Widget/renderers/ContentBlockWidget.js +1 -0
- package/dist/esm/components/Widget/renderers/components/Widget/renderers/ContentBlockWidget.js.map +1 -1
- package/dist/esm/components/Widget/renderers/components/Widget/renderers/EmptyStateWidget.example.js +1 -0
- package/dist/esm/components/Widget/renderers/components/Widget/renderers/EmptyStateWidget.example.js.map +1 -1
- package/dist/esm/components/Widget/renderers/components/Widget/renderers/EmptyStateWidget.js +1 -0
- package/dist/esm/components/Widget/renderers/components/Widget/renderers/EmptyStateWidget.js.map +1 -1
- package/dist/esm/components/Widget/renderers/components/Widget/renderers/ErrorPageWidget.example.js +1 -0
- package/dist/esm/components/Widget/renderers/components/Widget/renderers/ErrorPageWidget.example.js.map +1 -1
- package/dist/esm/components/Widget/renderers/components/Widget/renderers/ErrorPageWidget.js +1 -0
- package/dist/esm/components/Widget/renderers/components/Widget/renderers/ErrorPageWidget.js.map +1 -1
- package/dist/esm/index.js +3 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/node_modules/style-inject/dist/style-inject.es.js +29 -0
- package/dist/esm/node_modules/style-inject/dist/style-inject.es.js.map +1 -0
- package/dist/esm/theme/base.js +7 -0
- package/dist/esm/theme/base.js.map +1 -0
- package/dist/esm/theme/theme/ThemeProvider.js +1 -0
- package/dist/esm/theme/theme/ThemeProvider.js.map +1 -1
- package/dist/esm/theme/theme/index.js +1 -0
- package/dist/esm/theme/theme/index.js.map +1 -1
- package/dist/esm/widgets/ContactForm/ContactForm.js +7 -0
- package/dist/esm/widgets/ContactForm/ContactForm.js.map +1 -0
- package/dist/esm/widgets/ContactForm/widgets/ContactForm/ContactForm.js +1 -0
- package/dist/esm/widgets/ContactForm/widgets/ContactForm/ContactForm.js.map +1 -1
- package/dist/esm/widgets/FAQ/FAQ.js +7 -0
- package/dist/esm/widgets/FAQ/FAQ.js.map +1 -0
- package/dist/esm/widgets/FAQ/widgets/FAQ/FAQ.js +1 -0
- package/dist/esm/widgets/FAQ/widgets/FAQ/FAQ.js.map +1 -1
- package/dist/esm/widgets/InfoCard/InfoCard.js +7 -0
- package/dist/esm/widgets/InfoCard/InfoCard.js.map +1 -0
- package/dist/esm/widgets/InfoCard/widgets/InfoCard/InfoCard.js +1 -0
- package/dist/esm/widgets/InfoCard/widgets/InfoCard/InfoCard.js.map +1 -1
- package/dist/esm/widgets/InfoListCard/InfoListCard.js +7 -0
- package/dist/esm/widgets/InfoListCard/InfoListCard.js.map +1 -0
- package/dist/esm/widgets/InfoListCard/widgets/InfoListCard/InfoListCard.js +1 -0
- package/dist/esm/widgets/InfoListCard/widgets/InfoListCard/InfoListCard.js.map +1 -1
- package/dist/esm/widgets/InfoText/InfoText.js +7 -0
- package/dist/esm/widgets/InfoText/InfoText.js.map +1 -0
- package/dist/esm/widgets/InfoText/widgets/InfoText/InfoText.js +1 -0
- package/dist/esm/widgets/InfoText/widgets/InfoText/InfoText.js.map +1 -1
- package/dist/esm/widgets/OrderCard/OrderCard.js +7 -0
- package/dist/esm/widgets/OrderCard/OrderCard.js.map +1 -0
- package/dist/esm/widgets/OrderCard/widgets/OrderCard/OrderCard.js +1 -0
- package/dist/esm/widgets/OrderCard/widgets/OrderCard/OrderCard.js.map +1 -1
- package/dist/esm/widgets/OrderConfirmation/OrderConfirmation.js +7 -0
- package/dist/esm/widgets/OrderConfirmation/OrderConfirmation.js.map +1 -0
- package/dist/esm/widgets/OrderConfirmation/widgets/OrderConfirmation/OrderConfirmation.js +1 -0
- package/dist/esm/widgets/OrderConfirmation/widgets/OrderConfirmation/OrderConfirmation.js.map +1 -1
- package/dist/esm/widgets/OrderDetails/OrderDetails.js +7 -0
- package/dist/esm/widgets/OrderDetails/OrderDetails.js.map +1 -0
- package/dist/esm/widgets/OrderDetails/widgets/OrderDetails/OrderDetails.js +1 -0
- package/dist/esm/widgets/OrderDetails/widgets/OrderDetails/OrderDetails.js.map +1 -1
- package/dist/esm/widgets/PricingTable/PricingTable.js +7 -0
- package/dist/esm/widgets/PricingTable/PricingTable.js.map +1 -0
- package/dist/esm/widgets/PricingTable/widgets/PricingTable/PricingTable.js +1 -0
- package/dist/esm/widgets/PricingTable/widgets/PricingTable/PricingTable.js.map +1 -1
- package/dist/esm/widgets/ProductCard/ProductCard.js +7 -0
- package/dist/esm/widgets/ProductCard/ProductCard.js.map +1 -0
- package/dist/esm/widgets/ProductCard/widgets/ProductCard/ProductCard.js +1 -0
- package/dist/esm/widgets/ProductCard/widgets/ProductCard/ProductCard.js.map +1 -1
- package/dist/types/theme/ThemeProvider.d.ts +1 -0
- package/dist/types/theme/ThemeProvider.d.ts.map +1 -1
- package/package.json +1 -3
- package/dist/cjs/AdminHeader.css +0 -17702
- package/dist/esm/AdminHeader.css +0 -17702
- package/dist/esm/theme/base.css +0 -17702
|
@@ -8,6 +8,7 @@ var React = require('react');
|
|
|
8
8
|
var hoc_withParsedClasses = require('../../../../hoc/hoc/withParsedClasses.js');
|
|
9
9
|
var components_Navbar_NavbarDesktop = require('./NavbarDesktop.js');
|
|
10
10
|
var components_Navbar_NavbarMobile = require('./NavbarMobile.js');
|
|
11
|
+
require('../../Navbar.js');
|
|
11
12
|
|
|
12
13
|
// Custom hook for responsive behavior
|
|
13
14
|
const useIsMobile = (breakpoint) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Navbar.js","sources":["../../../../../../src/components/Navbar/Navbar.tsx"],"sourcesContent":[null],"names":["useState","useEffect","_jsx","NavbarMobile","NavbarDesktop","withParsedClasses"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Navbar.js","sources":["../../../../../../src/components/Navbar/Navbar.tsx"],"sourcesContent":[null],"names":["useState","useEffect","_jsx","NavbarMobile","NavbarDesktop","withParsedClasses"],"mappings":";;;;;;;;;;;AAcA;AACA,MAAM,WAAW,GAAG,CAAC,UAAkB,KAAa;IAClD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC,CAAC;IAEhDC,eAAS,CAAC,MAAK;;AAEb,QAAA,MAAM,KAAK,GAAG,CAAe,YAAA,EAAA,UAAU,KAAK,CAAC;;QAG7C,MAAM,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;;AAGzC,QAAA,WAAW,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;;AAG7B,QAAA,MAAM,YAAY,GAAG,CAAC,CAAsB,KAAI;AAC9C,YAAA,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;AACzB,SAAC,CAAC;;AAGF,QAAA,IAAI,OAAO,CAAC,gBAAgB,EAAE;AAC5B,YAAA,OAAO,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;YACjD,OAAO,MAAM,OAAO,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;SAClE;;aAEI;AACH,YAAA,OAAO,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;YAClC,OAAO,MAAM,OAAO,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC;SACnD;AACH,KAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;AAEjB,IAAA,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAAoC,CAAC,EACzD,aAAa,GAAG,YAAY,EAC5B,gBAAgB,GAAG,IAAI,EACvB,aAAa,EACb,GAAG,KAAK,EACT,KAAI;AACH,IAAA,MAAM,QAAQ,GAAG,WAAW,CAAC,gBAAgB,CAAC,CAAC;;;IAK/C,IAAI,QAAQ,EAAE;QACZ,QACEC,cAAC,CAAAC,2CAAY,EACX,EAAA,aAAa,EAAE,aAAa,EACxB,GAAA,KAAK,EACT,CAAA,EACF;KACH;AAED,IAAA,QACED,cAAA,CAACE,6CAAa,EAAA,EACZ,MAAM,EAAE,aAAa,EACrB,aAAa,EAAE,aAAa,EAAA,GACxB,KAAK,EAAA,CACT,EACF;AACJ,CAAC,CAAC;AAEF;MACa,MAAM,GAAGC,uCAAiB,CAAC,gBAAgB,EAAqC;AAE7F;AACa,MAAA,gBAAgB,GAAG;AAC9B,IAAA,OAAO,EAAED,6CAAa;AACtB,IAAA,MAAM,EAAED,2CAAY;;;;;;;"}
|
|
@@ -8,6 +8,7 @@ var components_Navbar_TopBar = require('../../../../components/Navbar/TopBar.js'
|
|
|
8
8
|
var components_Container_Container = require('../../../../../Container/components/Container/Container.js');
|
|
9
9
|
var theme_ThemeProvider = require('../../../../../../theme/theme/ThemeProvider.js');
|
|
10
10
|
require('../../../../../../theme/theme/tokens.js');
|
|
11
|
+
require('../../../../../../theme/base.js');
|
|
11
12
|
var components_Navbar_NavItem = require('../../../../components/Navbar/NavItem.js');
|
|
12
13
|
var components_Box_Box = require('../../../../../Box/components/Box/Box.js');
|
|
13
14
|
var components_Divider_Divider = require('../../../../../Divider/components/Divider/Divider.js');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TwoRowNavbar.js","sources":["../../../../../../../../src/components/Navbar/variants/TwoRowNavbar.tsx"],"sourcesContent":[null],"names":["useThemeContext","useNavbarSections","_jsxs","_jsx","NavItem","Box","TopBar","_Fragment","Container","Divider"],"mappings":"
|
|
1
|
+
{"version":3,"file":"TwoRowNavbar.js","sources":["../../../../../../../../src/components/Navbar/variants/TwoRowNavbar.tsx"],"sourcesContent":[null],"names":["useThemeContext","useNavbarSections","_jsxs","_jsx","NavItem","Box","TopBar","_Fragment","Container","Divider"],"mappings":"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"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var styleInject_es = require('../../node_modules/style-inject/dist/style-inject.es.js');
|
|
6
|
+
|
|
7
|
+
var css_248z = "/* Radio Base Styles */\r\n.vtx-radio {\r\n display: inline-flex;\r\n flex-direction: column;\r\n gap: var(--vtx-spacing-1);\r\n}\r\n\r\n/* Label Container */\r\n.vtx-radio-label {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: var(--vtx-spacing-2);\r\n cursor: pointer;\r\n user-select: none;\r\n position: relative;\r\n}\r\n\r\n/* Wrapper for input and visual radio */\r\n.vtx-radio-wrapper {\r\n position: relative;\r\n display: inline-flex;\r\n align-items: center;\r\n flex-shrink: 0;\r\n}\r\n\r\n/* Hidden input */\r\n.vtx-radio-input {\r\n position: absolute;\r\n opacity: 0;\r\n width: 0;\r\n height: 0;\r\n margin: 0;\r\n padding: 0;\r\n pointer-events: none;\r\n}\r\n\r\n/* Visual radio circle */\r\n.vtx-radio-circle {\r\n position: relative;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: var(--vtx-radio-size, 20px);\r\n height: var(--vtx-radio-size, 20px);\r\n border: var(--vtx-radio-border-width, 2px) solid var(--vtx-color-neutral-300);\r\n border-radius: 50%;\r\n background-color: white;\r\n transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\r\n box-sizing: border-box;\r\n}\r\n\r\n/* Inner dot */\r\n.vtx-radio-dot {\r\n width: 50%;\r\n height: 50%;\r\n border-radius: 50%;\r\n background-color: white;\r\n opacity: 0;\r\n transform: scale(0);\r\n transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n/* Checked state */\r\n.vtx-radio-input:checked + .vtx-radio-circle {\r\n background-color: var(--vtx-radio-color, var(--vtx-color-primary-600));\r\n border-color: var(--vtx-radio-color, var(--vtx-color-primary-600));\r\n}\r\n\r\n.vtx-radio-input:checked + .vtx-radio-circle .vtx-radio-dot {\r\n opacity: 1;\r\n transform: scale(1);\r\n}\r\n\r\n/* Hover state */\r\n.vtx-radio-label:hover .vtx-radio-circle {\r\n border-color: var(--vtx-color-neutral-400);\r\n}\r\n\r\n.vtx-radio-label:hover .vtx-radio-input:checked + .vtx-radio-circle {\r\n background-color: var(--vtx-radio-hover-color, var(--vtx-color-primary-700));\r\n border-color: var(--vtx-radio-hover-color, var(--vtx-color-primary-700));\r\n}\r\n\r\n/* Focus state */\r\n.vtx-radio-input:focus-visible + .vtx-radio-circle {\r\n outline: 2px solid var(--vtx-radio-color, var(--vtx-color-primary-600));\r\n outline-offset: 2px;\r\n}\r\n\r\n/* Label text */\r\n.vtx-radio-label-text {\r\n font-family: var(--vtx-font-family-sans);\r\n font-size: var(--vtx-font-size-base);\r\n line-height: var(--vtx-line-height-normal);\r\n color: var(--vtx-color-neutral-900);\r\n}\r\n\r\n/* Disabled state */\r\n.vtx-radio--disabled .vtx-radio-label {\r\n cursor: not-allowed;\r\n opacity: 0.5;\r\n}\r\n\r\n.vtx-radio--disabled .vtx-radio-circle {\r\n background-color: var(--vtx-color-neutral-100);\r\n border-color: var(--vtx-color-neutral-300);\r\n}\r\n\r\n.vtx-radio--disabled .vtx-radio-input:checked + .vtx-radio-circle {\r\n background-color: var(--vtx-color-neutral-400);\r\n border-color: var(--vtx-color-neutral-400);\r\n}\r\n\r\n.vtx-radio--disabled .vtx-radio-label:hover .vtx-radio-circle,\r\n.vtx-radio--disabled .vtx-radio-label:hover .vtx-radio-input:checked + .vtx-radio-circle {\r\n background-color: var(--vtx-color-neutral-100);\r\n border-color: var(--vtx-color-neutral-300);\r\n}\r\n\r\n.vtx-radio--disabled .vtx-radio-label:hover .vtx-radio-input:checked + .vtx-radio-circle {\r\n background-color: var(--vtx-color-neutral-400);\r\n border-color: var(--vtx-color-neutral-400);\r\n}\r\n\r\n.vtx-radio--disabled .vtx-radio-label-text {\r\n color: var(--vtx-color-neutral-500);\r\n}\r\n\r\n/* Error state */\r\n.vtx-radio--error .vtx-radio-circle {\r\n border-color: var(--vtx-color-error-600);\r\n}\r\n\r\n.vtx-radio--error .vtx-radio-input:checked + .vtx-radio-circle {\r\n background-color: var(--vtx-color-error-600);\r\n border-color: var(--vtx-color-error-600);\r\n}\r\n\r\n.vtx-radio--error .vtx-radio-label:hover .vtx-radio-input:checked + .vtx-radio-circle {\r\n background-color: var(--vtx-color-error-700);\r\n border-color: var(--vtx-color-error-700);\r\n}\r\n\r\n/* Helper text */\r\n.vtx-radio-helper-text {\r\n font-family: var(--vtx-font-family-sans);\r\n font-size: var(--vtx-font-size-sm);\r\n line-height: var(--vtx-line-height-normal);\r\n color: var(--vtx-color-neutral-600);\r\n margin-left: calc(var(--vtx-radio-size, 20px) + var(--vtx-spacing-2));\r\n}\r\n\r\n.vtx-radio--error .vtx-radio-helper-text {\r\n color: var(--vtx-color-error-600);\r\n}\r\n\r\n/* Size variants */\r\n.vtx-radio--sm {\r\n --vtx-radio-size: 16px;\r\n --vtx-radio-border-width: 2px;\r\n}\r\n\r\n.vtx-radio--sm .vtx-radio-label-text {\r\n font-size: var(--vtx-font-size-sm);\r\n}\r\n\r\n.vtx-radio--md {\r\n --vtx-radio-size: 20px;\r\n --vtx-radio-border-width: 2px;\r\n}\r\n\r\n.vtx-radio--lg {\r\n --vtx-radio-size: 24px;\r\n --vtx-radio-border-width: 2px;\r\n}\r\n\r\n.vtx-radio--lg .vtx-radio-label-text {\r\n font-size: var(--vtx-font-size-lg);\r\n}\r\n\r\n/* Variants */\r\n.vtx-radio--primary {\r\n --vtx-radio-color: var(--vtx-color-primary-600);\r\n --vtx-radio-hover-color: var(--vtx-color-primary-700);\r\n}\r\n\r\n.vtx-radio--secondary {\r\n --vtx-radio-color: var(--vtx-color-neutral-600);\r\n --vtx-radio-hover-color: var(--vtx-color-neutral-700);\r\n}\r\n\r\n.vtx-radio--success {\r\n --vtx-radio-color: var(--vtx-color-success-600);\r\n --vtx-radio-hover-color: var(--vtx-color-success-700);\r\n}\r\n\r\n.vtx-radio--error {\r\n --vtx-radio-color: var(--vtx-color-error-600);\r\n --vtx-radio-hover-color: var(--vtx-color-error-700);\r\n}\r\n\r\n.vtx-radio--warning {\r\n --vtx-radio-color: var(--vtx-color-warning-600);\r\n --vtx-radio-hover-color: var(--vtx-color-warning-700);\r\n}\r\n\r\n.vtx-radio--info {\r\n --vtx-radio-color: var(--vtx-color-info-600);\r\n --vtx-radio-hover-color: var(--vtx-color-info-700);\r\n}\r\n";
|
|
8
|
+
styleInject_es["default"](css_248z);
|
|
9
|
+
|
|
10
|
+
exports["default"] = css_248z;
|
|
11
|
+
//# sourceMappingURL=Radio.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Radio.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}
|
|
@@ -7,6 +7,8 @@ var jsxRuntime = require('react/jsx-runtime');
|
|
|
7
7
|
var React = require('react');
|
|
8
8
|
var theme_ThemeProvider = require('../../../../theme/theme/ThemeProvider.js');
|
|
9
9
|
require('../../../../theme/theme/tokens.js');
|
|
10
|
+
require('../../../../theme/base.js');
|
|
11
|
+
require('../../Radio.js');
|
|
10
12
|
|
|
11
13
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
12
14
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.js","sources":["../../../../../../src/components/Radio/Radio.tsx"],"sourcesContent":[null],"names":["React","useThemeContext","useId","_jsxs","_jsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Radio.js","sources":["../../../../../../src/components/Radio/Radio.tsx"],"sourcesContent":[null],"names":["React","useThemeContext","useId","_jsxs","_jsx"],"mappings":"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"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var styleInject_es = require('../../node_modules/style-inject/dist/style-inject.es.js');
|
|
6
|
+
|
|
7
|
+
var css_248z = "/* RadioGroup Base Styles */\r\n.vtx-radio-group {\r\n display: inline-flex;\r\n flex-direction: column;\r\n gap: var(--vtx-spacing-2);\r\n}\r\n\r\n/* Group Label */\r\n.vtx-radio-group-label {\r\n font-family: var(--vtx-font-family-sans);\r\n font-size: var(--vtx-font-size-base);\r\n font-weight: var(--vtx-font-weight-medium);\r\n line-height: var(--vtx-line-height-normal);\r\n color: var(--vtx-color-neutral-900);\r\n margin-bottom: var(--vtx-spacing-1);\r\n}\r\n\r\n.vtx-radio-group--disabled .vtx-radio-group-label {\r\n color: var(--vtx-color-neutral-500);\r\n}\r\n\r\n.vtx-radio-group--error .vtx-radio-group-label {\r\n color: var(--vtx-color-error-600);\r\n}\r\n\r\n/* Options Container */\r\n.vtx-radio-group-options {\r\n display: flex;\r\n gap: var(--vtx-spacing-3);\r\n}\r\n\r\n.vtx-radio-group--vertical .vtx-radio-group-options {\r\n flex-direction: column;\r\n}\r\n\r\n.vtx-radio-group--horizontal .vtx-radio-group-options {\r\n flex-direction: row;\r\n flex-wrap: wrap;\r\n}\r\n\r\n/* Helper Text */\r\n.vtx-radio-group-helper-text {\r\n font-family: var(--vtx-font-family-sans);\r\n font-size: var(--vtx-font-size-sm);\r\n line-height: var(--vtx-line-height-normal);\r\n color: var(--vtx-color-neutral-600);\r\n margin-top: var(--vtx-spacing-1);\r\n}\r\n\r\n.vtx-radio-group--error .vtx-radio-group-helper-text {\r\n color: var(--vtx-color-error-600);\r\n}\r\n";
|
|
8
|
+
styleInject_es["default"](css_248z);
|
|
9
|
+
|
|
10
|
+
exports["default"] = css_248z;
|
|
11
|
+
//# sourceMappingURL=RadioGroup.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RadioGroup.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}
|
|
@@ -8,6 +8,8 @@ var React = require('react');
|
|
|
8
8
|
var components_Radio_Radio = require('../../../Radio/components/Radio/Radio.js');
|
|
9
9
|
var theme_ThemeProvider = require('../../../../theme/theme/ThemeProvider.js');
|
|
10
10
|
require('../../../../theme/theme/tokens.js');
|
|
11
|
+
require('../../../../theme/base.js');
|
|
12
|
+
require('../../RadioGroup.js');
|
|
11
13
|
|
|
12
14
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
13
15
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioGroup.js","sources":["../../../../../../src/components/RadioGroup/RadioGroup.tsx"],"sourcesContent":[null],"names":["React","useThemeContext","useState","_jsxs","_jsx","Radio"],"mappings":"
|
|
1
|
+
{"version":3,"file":"RadioGroup.js","sources":["../../../../../../src/components/RadioGroup/RadioGroup.tsx"],"sourcesContent":[null],"names":["React","useThemeContext","useState","_jsxs","_jsx","Radio"],"mappings":";;;;;;;;;;;;;;;;AAkFA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuDG;AACG,MAAA,UAAU,GAAGA,yBAAK,CAAC,UAAU,CACjC,CACE,EACE,IAAI,EACJ,KAAK,EACL,OAAO,EACP,KAAK,EAAE,eAAe,EACtB,YAAY,EACZ,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,KAAK,GAAG,KAAK,EACb,UAAU,EACV,WAAW,GAAG,UAAU,EACxB,IAAI,EACJ,OAAO,GAAG,SAAS,EACnB,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EACD,GAAG,KACD;AACF,IAAA,MAAM,EAAE,KAAK,EAAE,GAAGC,mCAAe,EAAE,CAAC;AACpC,IAAA,MAAM,SAAS,GAAG,IAAI,IAAI,KAAK,CAAC,WAAW,CAAC;;IAG5C,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAGC,cAAQ,CAAqB,YAAY,CAAC,CAAC;;AAGrF,IAAA,MAAM,YAAY,GAAG,eAAe,KAAK,SAAS,CAAC;IACnD,MAAM,YAAY,GAAG,YAAY,GAAG,eAAe,GAAG,aAAa,CAAC;;AAGpE,IAAA,MAAM,YAAY,GAAG,CAAC,UAAkB,KAAI;QAC1C,IAAI,CAAC,YAAY,EAAE;YACjB,gBAAgB,CAAC,UAAU,CAAC,CAAC;SAC9B;AAED,QAAA,QAAQ,aAAR,QAAQ,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAR,QAAQ,CAAG,UAAU,CAAC,CAAC;AACzB,KAAC,CAAC;;AAGF,IAAA,MAAM,UAAU,GAAG;QACjB,iBAAiB;AACjB,QAAA,CAAA,iBAAA,EAAoB,WAAW,CAAE,CAAA;AACjC,QAAA,KAAK,IAAI,wBAAwB;AACjC,QAAA,QAAQ,IAAI,2BAA2B;QACvC,SAAS;AACV,KAAA;SACE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,QACEC,yBACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,EACrB,IAAI,EAAC,YAAY,EAAA,YAAA,EACL,OAAO,KAAK,KAAK,QAAQ,GAAG,KAAK,GAAG,SAAS,EACrD,GAAA,KAAK,EAER,QAAA,EAAA,CAAA,KAAK,IAAIC,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,uBAAuB,EAAE,QAAA,EAAA,KAAK,EAAO,CAAA,EAC9DA,wBAAK,SAAS,EAAC,yBAAyB,EAAA,QAAA,EACrC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,KAAI;AACtB,oBAAA,MAAM,SAAS,GAAG,YAAY,KAAK,MAAM,CAAC,KAAK,CAAC;AAChD,oBAAA,MAAM,UAAU,GAAG,QAAQ,IAAI,MAAM,CAAC,QAAQ,CAAC;oBAE/C,QACEA,cAAC,CAAAC,iCAAK,EAEJ,EAAA,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,UAAU,EACpB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,SAAS,EACf,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,MAAM,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC,EATrC,EAAA,MAAM,CAAC,KAAK,CAUjB,EACF;AACJ,iBAAC,CAAC,EAAA,CACE,EACL,UAAU,IAAID,cAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,6BAA6B,EAAE,QAAA,EAAA,UAAU,EAAO,CAAA,CAAA,EAAA,CAC1E,EACN;AACJ,CAAC,EACD;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY;;;;;"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var styleInject_es = require('../../node_modules/style-inject/dist/style-inject.es.js');
|
|
6
|
+
|
|
7
|
+
var css_248z = "/* ==================== Rating Component ==================== */\r\n\r\n.vtx-rating {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: var(--vtx-spacing-2, 8px);\r\n font-family: var(--vtx-font-family-base, inherit);\r\n}\r\n\r\n.vtx-rating-stars {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: var(--vtx-spacing-1, 4px);\r\n}\r\n\r\n.vtx-rating-star-wrapper {\r\n position: relative;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.vtx-rating-star-wrapper--interactive {\r\n cursor: pointer;\r\n}\r\n\r\n.vtx-rating-star-half,\r\n.vtx-rating-star-full {\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n z-index: 1;\r\n}\r\n\r\n.vtx-rating-star-half {\r\n left: 0;\r\n right: 50%;\r\n}\r\n\r\n.vtx-rating-star-full {\r\n left: 0;\r\n right: 0;\r\n}\r\n\r\n.vtx-rating-star {\r\n position: relative;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: var(--vtx-transition-fast, all 0.15s ease);\r\n user-select: none;\r\n line-height: 1;\r\n}\r\n\r\n/* ==================== Sizes ==================== */\r\n\r\n.vtx-rating--sm .vtx-rating-star {\r\n font-size: 1rem;\r\n width: 1rem;\r\n height: 1rem;\r\n}\r\n\r\n.vtx-rating--sm .vtx-rating-value {\r\n font-size: 0.75rem;\r\n}\r\n\r\n.vtx-rating--md .vtx-rating-star {\r\n font-size: 1.25rem;\r\n width: 1.25rem;\r\n height: 1.25rem;\r\n}\r\n\r\n.vtx-rating--md .vtx-rating-value {\r\n font-size: 0.875rem;\r\n}\r\n\r\n.vtx-rating--lg .vtx-rating-star {\r\n font-size: 1.5rem;\r\n width: 1.5rem;\r\n height: 1.5rem;\r\n}\r\n\r\n.vtx-rating--lg .vtx-rating-value {\r\n font-size: 1rem;\r\n}\r\n\r\n.vtx-rating--xl .vtx-rating-star {\r\n font-size: 2rem;\r\n width: 2rem;\r\n height: 2rem;\r\n}\r\n\r\n.vtx-rating--xl .vtx-rating-value {\r\n font-size: 1.125rem;\r\n}\r\n\r\n/* ==================== Colors ==================== */\r\n\r\n.vtx-rating--primary .vtx-rating-star--filled {\r\n color: var(--vtx-color-primary-500, #3b82f6);\r\n}\r\n\r\n.vtx-rating--secondary .vtx-rating-star--filled {\r\n color: var(--vtx-color-secondary-500, #6366f1);\r\n}\r\n\r\n.vtx-rating--success .vtx-rating-star--filled {\r\n color: var(--vtx-color-success-500, #10b981);\r\n}\r\n\r\n.vtx-rating--warning .vtx-rating-star--filled {\r\n color: var(--vtx-color-warning-500, #f59e0b);\r\n}\r\n\r\n.vtx-rating--error .vtx-rating-star--filled {\r\n color: var(--vtx-color-error-500, #ef4444);\r\n}\r\n\r\n.vtx-rating--neutral .vtx-rating-star--filled {\r\n color: var(--vtx-color-neutral-500, #737373);\r\n}\r\n\r\n/* ==================== Star States ==================== */\r\n\r\n.vtx-rating-star--empty {\r\n color: var(--vtx-color-neutral-300, #d4d4d4);\r\n}\r\n\r\n.vtx-rating-star--half {\r\n background: linear-gradient(\r\n 90deg,\r\n var(--vtx-color-warning-500, #f59e0b) 50%,\r\n var(--vtx-color-neutral-300, #d4d4d4) 50%\r\n );\r\n background-clip: text;\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n color: transparent;\r\n}\r\n\r\n/* Half star specific color gradients */\r\n.vtx-rating--primary .vtx-rating-star--half {\r\n background: linear-gradient(\r\n 90deg,\r\n var(--vtx-color-primary-500, #3b82f6) 50%,\r\n var(--vtx-color-neutral-300, #d4d4d4) 50%\r\n );\r\n background-clip: text;\r\n -webkit-background-clip: text;\r\n}\r\n\r\n.vtx-rating--secondary .vtx-rating-star--half {\r\n background: linear-gradient(\r\n 90deg,\r\n var(--vtx-color-secondary-500, #6366f1) 50%,\r\n var(--vtx-color-neutral-300, #d4d4d4) 50%\r\n );\r\n background-clip: text;\r\n -webkit-background-clip: text;\r\n}\r\n\r\n.vtx-rating--success .vtx-rating-star--half {\r\n background: linear-gradient(\r\n 90deg,\r\n var(--vtx-color-success-500, #10b981) 50%,\r\n var(--vtx-color-neutral-300, #d4d4d4) 50%\r\n );\r\n background-clip: text;\r\n -webkit-background-clip: text;\r\n}\r\n\r\n.vtx-rating--warning .vtx-rating-star--half {\r\n background: linear-gradient(\r\n 90deg,\r\n var(--vtx-color-warning-500, #f59e0b) 50%,\r\n var(--vtx-color-neutral-300, #d4d4d4) 50%\r\n );\r\n background-clip: text;\r\n -webkit-background-clip: text;\r\n}\r\n\r\n.vtx-rating--error .vtx-rating-star--half {\r\n background: linear-gradient(\r\n 90deg,\r\n var(--vtx-color-error-500, #ef4444) 50%,\r\n var(--vtx-color-neutral-300, #d4d4d4) 50%\r\n );\r\n background-clip: text;\r\n -webkit-background-clip: text;\r\n}\r\n\r\n.vtx-rating--neutral .vtx-rating-star--half {\r\n background: linear-gradient(\r\n 90deg,\r\n var(--vtx-color-neutral-500, #737373) 50%,\r\n var(--vtx-color-neutral-300, #d4d4d4) 50%\r\n );\r\n background-clip: text;\r\n -webkit-background-clip: text;\r\n}\r\n\r\n/* ==================== Interactive States ==================== */\r\n\r\n.vtx-rating--selectable .vtx-rating-star-wrapper:hover .vtx-rating-star--empty,\r\n.vtx-rating--selectable .vtx-rating-star-wrapper:hover .vtx-rating-star--half {\r\n transform: scale(1.1);\r\n}\r\n\r\n.vtx-rating--selectable .vtx-rating-star-wrapper:active .vtx-rating-star {\r\n transform: scale(0.95);\r\n}\r\n\r\n/* Hover effects - fill stars on hover */\r\n.vtx-rating--selectable:not(.vtx-rating--readonly) .vtx-rating-star-wrapper:hover .vtx-rating-star {\r\n color: var(--vtx-color-warning-400, #fbbf24);\r\n}\r\n\r\n.vtx-rating--selectable.vtx-rating--primary:not(.vtx-rating--readonly) .vtx-rating-star-wrapper:hover .vtx-rating-star {\r\n color: var(--vtx-color-primary-400, #60a5fa);\r\n}\r\n\r\n.vtx-rating--selectable.vtx-rating--secondary:not(.vtx-rating--readonly) .vtx-rating-star-wrapper:hover .vtx-rating-star {\r\n color: var(--vtx-color-secondary-400, #818cf8);\r\n}\r\n\r\n.vtx-rating--selectable.vtx-rating--success:not(.vtx-rating--readonly) .vtx-rating-star-wrapper:hover .vtx-rating-star {\r\n color: var(--vtx-color-success-400, #34d399);\r\n}\r\n\r\n.vtx-rating--selectable.vtx-rating--error:not(.vtx-rating--readonly) .vtx-rating-star-wrapper:hover .vtx-rating-star {\r\n color: var(--vtx-color-error-400, #f87171);\r\n}\r\n\r\n/* ==================== Value Display ==================== */\r\n\r\n.vtx-rating-value {\r\n font-weight: 500;\r\n color: var(--vtx-color-text-secondary, #525252);\r\n line-height: 1;\r\n}\r\n\r\n/* ==================== Read-only State ==================== */\r\n\r\n.vtx-rating--readonly {\r\n opacity: 0.7;\r\n cursor: not-allowed;\r\n}\r\n\r\n.vtx-rating--readonly .vtx-rating-star-wrapper {\r\n cursor: not-allowed;\r\n}\r\n\r\n/* ==================== Accessibility ==================== */\r\n\r\n.vtx-rating-star-wrapper:focus-visible {\r\n outline: 2px solid var(--vtx-color-primary-500, #3b82f6);\r\n outline-offset: 2px;\r\n border-radius: var(--vtx-radius-sm, 4px);\r\n}\r\n\r\n/* ==================== Responsive ==================== */\r\n\r\n@media (max-width: 480px) {\r\n .vtx-rating--xl .vtx-rating-star {\r\n font-size: 1.75rem;\r\n width: 1.75rem;\r\n height: 1.75rem;\r\n }\r\n\r\n .vtx-rating--lg .vtx-rating-star {\r\n font-size: 1.375rem;\r\n width: 1.375rem;\r\n height: 1.375rem;\r\n }\r\n}\r\n";
|
|
8
|
+
styleInject_es["default"](css_248z);
|
|
9
|
+
|
|
10
|
+
exports["default"] = css_248z;
|
|
11
|
+
//# sourceMappingURL=Rating.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Rating.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}
|
|
@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
|
|
6
6
|
var jsxRuntime = require('react/jsx-runtime');
|
|
7
7
|
var React = require('react');
|
|
8
|
+
require('../../Rating.js');
|
|
8
9
|
var icons_IconComponents = require('../../../../icons/icons/IconComponents.js');
|
|
9
10
|
|
|
10
11
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Rating.js","sources":["../../../../../../src/components/Rating/Rating.tsx"],"sourcesContent":[null],"names":["React","useState","_jsxs","_jsx","_Fragment","StarFullIcon","StarHalfIcon","StarEmptyIcon"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Rating.js","sources":["../../../../../../src/components/Rating/Rating.tsx"],"sourcesContent":[null],"names":["React","useState","_jsxs","_jsx","_Fragment","StarFullIcon","StarHalfIcon","StarEmptyIcon"],"mappings":";;;;;;;;;;;;;AA4EA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCG;AACH,MAAM,MAAM,GAAGA,yBAAK,CAAC,UAAU,CAC7B,CACE,EACE,KAAK,GAAG,CAAC,EACT,GAAG,GAAG,CAAC,EACP,IAAI,GAAG,IAAI,EACX,KAAK,GAAG,SAAS,EACjB,UAAU,GAAG,KAAK,EAClB,SAAS,GAAG,KAAK,EACjB,SAAS,GAAG,KAAK,EACjB,WAAW,EACX,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,UAAU,EACV,SAAS,EACT,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,KAAK,EACL,GAAG,KAAK,EACT,EACD,GAAG,KACD;IACF,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAGC,cAAQ,CAAgB,IAAI,CAAC,CAAC;IAClE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC,CAAC;AAE1D,IAAA,MAAM,YAAY,GAAG,UAAU,KAAK,IAAI,GAAG,UAAU,GAAG,aAAa,CAAC;AACtE,IAAA,MAAM,aAAa,GAAG,UAAU,IAAI,CAAC,QAAQ,CAAC;AAE9C,IAAA,MAAM,WAAW,GAAG,CAAC,SAAiB,EAAE,MAAe,KAAI;AACzD,QAAA,IAAI,CAAC,aAAa;YAAE,OAAO;AAE3B,QAAA,MAAM,QAAQ,GAAG,SAAS,IAAI,MAAM,GAAG,SAAS,GAAG,GAAG,GAAG,SAAS,GAAG,CAAC,CAAC;QACvE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;AAC3B,QAAA,QAAQ,aAAR,QAAQ,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAR,QAAQ,CAAG,QAAQ,CAAC,CAAC;AACvB,KAAC,CAAC;AAEF,IAAA,MAAM,gBAAgB,GAAG,CAAC,SAAiB,EAAE,MAAe,KAAI;AAC9D,QAAA,IAAI,CAAC,aAAa;YAAE,OAAO;AAC3B,QAAA,MAAM,QAAQ,GAAG,SAAS,IAAI,MAAM,GAAG,SAAS,GAAG,GAAG,GAAG,SAAS,GAAG,CAAC,CAAC;QACvE,aAAa,CAAC,QAAQ,CAAC,CAAC;AAC1B,KAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,MAAK;AAC5B,QAAA,IAAI,CAAC,aAAa;YAAE,OAAO;QAC3B,aAAa,CAAC,IAAI,CAAC,CAAC;AACtB,KAAC,CAAC;AAEF,IAAA,MAAM,UAAU,GAAG,CAAC,SAAiB,KAAI;AACvC,QAAA,MAAM,SAAS,GAAG,SAAS,GAAG,CAAC,CAAC;AAChC,QAAA,MAAM,MAAM,GAAG,YAAY,IAAI,SAAS,CAAC;AACzC,QAAA,MAAM,UAAU,GAAG,SAAS,IAAI,YAAY,IAAI,SAAS,GAAG,GAAG,IAAI,YAAY,GAAG,SAAS,CAAC;AAE5F,QAAA,QACEC,eAEE,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,CAA2B,wBAAA,EAAA,aAAa,GAAG,sCAAsC,GAAG,EAAE,EAAE,EACnG,YAAY,EAAE,gBAAgB,EAAA,QAAA,EAAA,CAG7B,SAAS,KACRC,cACE,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,sBAAsB,EAChC,OAAO,EAAE,MAAM,WAAW,CAAC,SAAS,EAAE,IAAI,CAAC,EAC3C,YAAY,EAAE,MAAM,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,GACrD,CACH,EAGDA,cACE,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,sBAAsB,EAChC,OAAO,EAAE,MAAM,WAAW,CAAC,SAAS,EAAE,KAAK,CAAC,EAC5C,YAAY,EAAE,MAAM,gBAAgB,CAAC,SAAS,EAAE,KAAK,CAAC,GACtD,EAGFA,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,CAAA,gBAAA,EAAmB,MAAM,GAAG,yBAAyB,GAAG,UAAU,GAAG,uBAAuB,GAAG,wBAAwB,CAAE,CAAA,EAAA,QAAA,EACvI,MAAM,IAAI,UAAU,IACnB,UAAU,IACR,UAAU,IAAI,QAAQ,IACxB,QAAQ,IACN,CAAC,MAAM,IAAI,SAAS,IACtB,SAAS,KAETA,cAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EACG,MAAM,GAAGD,cAAC,CAAAE,iCAAY,KAAG,GAAG,UAAU,GAAGF,eAACG,iCAAY,EAAA,EAAA,CAAG,GAAGH,eAACI,kCAAa,EAAA,EAAA,CAAG,GAC7E,CACJ,EAAA,CACI,KAjCF,SAAS,CAkCV,EACN;AACJ,KAAC,CAAC;IAEF,MAAM,YAAY,GAAG,WAAW,GAAG,WAAW,CAAC,YAAY,CAAC,GAAG,YAAY,CAAC,OAAO,CAAC,SAAS,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;AAEvG,IAAA,MAAM,aAAa,GAAG;QACpB,YAAY;AACZ,QAAA,CAAA,YAAA,EAAe,IAAI,CAAE,CAAA;AACrB,QAAA,CAAA,YAAA,EAAe,KAAK,CAAE,CAAA;AACtB,QAAA,aAAa,IAAI,wBAAwB;AACzC,QAAA,QAAQ,IAAI,sBAAsB;QAClC,SAAS;AACV,KAAA;SACE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,QACEL,eAAK,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,EAAM,GAAA,KAAK,EAC9D,QAAA,EAAA,CAAAC,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,kBAAkB,EAAA,QAAA,EAC9B,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,UAAU,CAAC,KAAK,CAAC,CAAC,EAAA,CACzD,EACL,SAAS,KACRA,cAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAC,kBAAkB,EAAE,QAAA,EAAA,YAAY,EAAQ,CAAA,CACzD,CACG,EAAA,CAAA,EACN;AACJ,CAAC,EACD;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;;"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var styleInject_es = require('../../node_modules/style-inject/dist/style-inject.es.js');
|
|
6
|
+
|
|
7
|
+
var css_248z = ".vtx-richtext-wrapper {\r\n display: flex;\r\n flex-direction: column;\r\n gap: var(--vtx-spacing-1);\r\n width: 100%;\r\n}\r\n\r\n.vtx-richtext-wrapper--inline {\r\n display: inline-flex;\r\n width: auto;\r\n}\r\n\r\n.vtx-richtext-label {\r\n font-family: var(--vtx-font-family-sans);\r\n font-size: var(--vtx-font-size-sm);\r\n font-weight: var(--vtx-font-weight-medium);\r\n color: var(--vtx-color-neutral-700);\r\n line-height: var(--vtx-line-height-tight);\r\n}\r\n\r\n.vtx-richtext-label__required {\r\n color: var(--vtx-color-error-600);\r\n margin-left: var(--vtx-spacing-1);\r\n}\r\n\r\n.vtx-richtext-container {\r\n display: flex;\r\n flex-direction: column;\r\n background-color: white;\r\n border: 1px solid var(--vtx-color-neutral-300);\r\n border-radius: var(--vtx-radius-md);\r\n transition: all var(--vtx-transition-base);\r\n overflow: hidden;\r\n}\r\n\r\n.vtx-richtext-container--focused {\r\n outline: 2px solid var(--vtx-color-primary-500);\r\n outline-offset: 0;\r\n border-color: var(--vtx-color-primary-500);\r\n}\r\n\r\n.vtx-richtext-container--error {\r\n border-color: var(--vtx-color-error-600);\r\n}\r\n\r\n.vtx-richtext-container--error.vtx-richtext-container--focused {\r\n outline-color: var(--vtx-color-error-600);\r\n border-color: var(--vtx-color-error-600);\r\n}\r\n\r\n.vtx-richtext-container--success {\r\n border-color: var(--vtx-color-success-600);\r\n}\r\n\r\n.vtx-richtext-container--success.vtx-richtext-container--focused {\r\n outline-color: var(--vtx-color-success-600);\r\n border-color: var(--vtx-color-success-600);\r\n}\r\n\r\n.vtx-richtext-container--disabled {\r\n background-color: var(--vtx-color-neutral-100);\r\n cursor: not-allowed;\r\n opacity: 0.6;\r\n}\r\n\r\n/* Toolbar */\r\n.vtx-richtext-toolbar {\r\n display: flex;\r\n align-items: center;\r\n gap: var(--vtx-spacing-1);\r\n padding: var(--vtx-spacing-2);\r\n background-color: var(--vtx-color-neutral-50);\r\n border-bottom: 1px solid var(--vtx-color-neutral-200);\r\n flex-wrap: wrap;\r\n}\r\n\r\n.vtx-richtext-toolbar-button {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n min-width: 32px;\r\n height: 32px;\r\n padding: var(--vtx-spacing-1) var(--vtx-spacing-2);\r\n background-color: white;\r\n border: 1px solid var(--vtx-color-neutral-300);\r\n border-radius: var(--vtx-radius-sm);\r\n color: var(--vtx-color-neutral-700);\r\n font-family: var(--vtx-font-family-sans);\r\n font-size: var(--vtx-font-size-sm);\r\n font-weight: var(--vtx-font-weight-semibold);\r\n cursor: pointer;\r\n transition: all var(--vtx-transition-fast);\r\n user-select: none;\r\n}\r\n\r\n.vtx-richtext-toolbar-button:hover:not(:disabled) {\r\n background-color: var(--vtx-color-neutral-100);\r\n border-color: var(--vtx-color-neutral-400);\r\n}\r\n\r\n.vtx-richtext-toolbar-button:active:not(:disabled) {\r\n background-color: var(--vtx-color-neutral-200);\r\n transform: scale(0.98);\r\n}\r\n\r\n.vtx-richtext-toolbar-button:disabled {\r\n cursor: not-allowed;\r\n opacity: 0.5;\r\n}\r\n\r\n.vtx-richtext-toolbar-button:focus {\r\n outline: 2px solid var(--vtx-color-primary-500);\r\n outline-offset: 1px;\r\n}\r\n\r\n.vtx-richtext-toolbar-clear {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n min-width: 32px;\r\n height: 32px;\r\n padding: var(--vtx-spacing-1);\r\n margin-left: auto;\r\n background-color: var(--vtx-color-error-100);\r\n border: 1px solid var(--vtx-color-error-300);\r\n border-radius: var(--vtx-radius-sm);\r\n color: var(--vtx-color-error-700);\r\n cursor: pointer;\r\n transition: all var(--vtx-transition-fast);\r\n}\r\n\r\n.vtx-richtext-toolbar-clear:hover:not(:disabled) {\r\n background-color: var(--vtx-color-error-200);\r\n border-color: var(--vtx-color-error-400);\r\n}\r\n\r\n.vtx-richtext-toolbar-clear:active:not(:disabled) {\r\n transform: scale(0.98);\r\n}\r\n\r\n/* Editor */\r\n.vtx-richtext-editor {\r\n flex: 1;\r\n width: 100%;\r\n min-width: 0;\r\n font-family: var(--vtx-font-family-sans);\r\n font-size: var(--vtx-font-size-base);\r\n color: var(--vtx-color-neutral-900);\r\n line-height: var(--vtx-line-height-relaxed);\r\n padding: var(--vtx-spacing-3);\r\n outline: none;\r\n overflow-y: auto;\r\n word-wrap: break-word;\r\n}\r\n\r\n.vtx-richtext-container--sm .vtx-richtext-editor {\r\n padding: var(--vtx-spacing-2);\r\n font-size: var(--vtx-font-size-sm);\r\n}\r\n\r\n.vtx-richtext-container--lg .vtx-richtext-editor {\r\n padding: var(--vtx-spacing-4);\r\n font-size: var(--vtx-font-size-lg);\r\n}\r\n\r\n.vtx-richtext-editor[contenteditable='true']:empty:before {\r\n content: attr(data-placeholder);\r\n color: var(--vtx-color-neutral-400);\r\n pointer-events: none;\r\n}\r\n\r\n.vtx-richtext-editor[contenteditable='false'] {\r\n cursor: not-allowed;\r\n color: var(--vtx-color-neutral-500);\r\n}\r\n\r\n/* Editor content styling */\r\n.vtx-richtext-editor h1 {\r\n font-size: var(--vtx-font-size-3xl);\r\n font-weight: var(--vtx-font-weight-bold);\r\n margin: var(--vtx-spacing-2) 0;\r\n line-height: var(--vtx-line-height-tight);\r\n}\r\n\r\n.vtx-richtext-editor h2 {\r\n font-size: var(--vtx-font-size-2xl);\r\n font-weight: var(--vtx-font-weight-bold);\r\n margin: var(--vtx-spacing-2) 0;\r\n line-height: var(--vtx-line-height-tight);\r\n}\r\n\r\n.vtx-richtext-editor h3 {\r\n font-size: var(--vtx-font-size-xl);\r\n font-weight: var(--vtx-font-weight-semibold);\r\n margin: var(--vtx-spacing-2) 0;\r\n line-height: var(--vtx-line-height-tight);\r\n}\r\n\r\n.vtx-richtext-editor p {\r\n margin: var(--vtx-spacing-2) 0;\r\n}\r\n\r\n.vtx-richtext-editor ul,\r\n.vtx-richtext-editor ol {\r\n margin: var(--vtx-spacing-2) 0;\r\n padding-left: var(--vtx-spacing-6);\r\n}\r\n\r\n.vtx-richtext-editor li {\r\n margin: var(--vtx-spacing-1) 0;\r\n}\r\n\r\n.vtx-richtext-editor a {\r\n color: var(--vtx-color-primary-600);\r\n text-decoration: underline;\r\n}\r\n\r\n.vtx-richtext-editor a:hover {\r\n color: var(--vtx-color-primary-700);\r\n}\r\n\r\n.vtx-richtext-editor pre {\r\n background-color: var(--vtx-color-neutral-100);\r\n border: 1px solid var(--vtx-color-neutral-300);\r\n border-radius: var(--vtx-radius-sm);\r\n padding: var(--vtx-spacing-2);\r\n margin: var(--vtx-spacing-2) 0;\r\n font-family: var(--vtx-font-family-mono);\r\n font-size: var(--vtx-font-size-sm);\r\n overflow-x: auto;\r\n}\r\n\r\n.vtx-richtext-editor b,\r\n.vtx-richtext-editor strong {\r\n font-weight: var(--vtx-font-weight-bold);\r\n}\r\n\r\n.vtx-richtext-editor i,\r\n.vtx-richtext-editor em {\r\n font-style: italic;\r\n}\r\n\r\n.vtx-richtext-editor u {\r\n text-decoration: underline;\r\n}\r\n\r\n.vtx-richtext-editor s,\r\n.vtx-richtext-editor strike {\r\n text-decoration: line-through;\r\n}\r\n\r\n/* Footer */\r\n.vtx-richtext-footer {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n gap: var(--vtx-spacing-2);\r\n min-height: 20px;\r\n}\r\n\r\n.vtx-richtext-footer-left {\r\n flex: 1;\r\n}\r\n\r\n/* Helper, error, and success text */\r\n.vtx-richtext-helper,\r\n.vtx-richtext-error,\r\n.vtx-richtext-success {\r\n font-family: var(--vtx-font-family-sans);\r\n font-size: var(--vtx-font-size-sm);\r\n line-height: var(--vtx-line-height-normal);\r\n margin: 0;\r\n}\r\n\r\n.vtx-richtext-helper {\r\n color: var(--vtx-color-neutral-600);\r\n}\r\n\r\n.vtx-richtext-error {\r\n color: var(--vtx-color-error-600);\r\n font-weight: var(--vtx-font-weight-medium);\r\n}\r\n\r\n.vtx-richtext-success {\r\n color: var(--vtx-color-success-600);\r\n font-weight: var(--vtx-font-weight-medium);\r\n}\r\n\r\n/* Character counter */\r\n.vtx-richtext-counter {\r\n font-family: var(--vtx-font-family-mono);\r\n font-size: var(--vtx-font-size-sm);\r\n line-height: var(--vtx-line-height-normal);\r\n color: var(--vtx-color-neutral-500);\r\n margin: 0;\r\n white-space: nowrap;\r\n font-weight: var(--vtx-font-weight-medium);\r\n transition: color var(--vtx-transition-fast);\r\n}\r\n\r\n.vtx-richtext-counter--near-limit {\r\n color: var(--vtx-color-warning-600);\r\n}\r\n\r\n.vtx-richtext-counter--at-limit {\r\n color: var(--vtx-color-error-600);\r\n}\r\n\r\n/* Responsive adjustments */\r\n@media (max-width: 640px) {\r\n .vtx-richtext-footer {\r\n flex-direction: column;\r\n align-items: stretch;\r\n }\r\n\r\n .vtx-richtext-counter {\r\n align-self: flex-end;\r\n }\r\n\r\n .vtx-richtext-toolbar {\r\n gap: var(--vtx-spacing-0_5);\r\n }\r\n\r\n .vtx-richtext-toolbar-button {\r\n min-width: 28px;\r\n height: 28px;\r\n padding: var(--vtx-spacing-0_5);\r\n font-size: var(--vtx-font-size-xs);\r\n }\r\n}\r\n";
|
|
8
|
+
styleInject_es["default"](css_248z);
|
|
9
|
+
|
|
10
|
+
exports["default"] = css_248z;
|
|
11
|
+
//# sourceMappingURL=RichTextEditor.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RichTextEditor.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}
|
|
@@ -9,6 +9,8 @@ var React = require('react');
|
|
|
9
9
|
var hooks_index = require('../../../../hooks/hooks/index.js');
|
|
10
10
|
var theme_ThemeProvider = require('../../../../theme/theme/ThemeProvider.js');
|
|
11
11
|
require('../../../../theme/theme/tokens.js');
|
|
12
|
+
require('../../../../theme/base.js');
|
|
13
|
+
require('../../RichTextEditor.js');
|
|
12
14
|
|
|
13
15
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
14
16
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RichTextEditor.js","sources":["../../../../../../src/components/RichTextEditor/RichTextEditor.tsx"],"sourcesContent":[null],"names":["React","useThemeContext","useId","useRef","useState","useEffect","_jsxs","_jsx","CloseSmallIcon"],"mappings":"
|
|
1
|
+
{"version":3,"file":"RichTextEditor.js","sources":["../../../../../../src/components/RichTextEditor/RichTextEditor.tsx"],"sourcesContent":[null],"names":["React","useThemeContext","useId","useRef","useState","useEffect","_jsxs","_jsx","CloseSmallIcon"],"mappings":"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"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var styleInject_es = require('../../node_modules/style-inject/dist/style-inject.es.js');
|
|
6
|
+
|
|
7
|
+
var css_248z = ".vtx-select-wrapper {\r\n display: inline-flex;\r\n flex-direction: column;\r\n gap: var(--vtx-spacing-1);\r\n}\r\n\r\n.vtx-select-wrapper--full-width {\r\n width: 100%;\r\n}\r\n\r\n.vtx-select-label {\r\n font-family: var(--vtx-font-family-sans);\r\n font-size: var(--vtx-font-size-sm);\r\n font-weight: var(--vtx-font-weight-medium);\r\n color: var(--vtx-color-neutral-700);\r\n line-height: var(--vtx-line-height-tight);\r\n}\r\n\r\n.vtx-select-label__required {\r\n color: var(--vtx-color-error-600);\r\n margin-left: var(--vtx-spacing-1);\r\n}\r\n\r\n.vtx-select-container {\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n background-color: white;\r\n border: 1px solid var(--vtx-color-neutral-300);\r\n border-radius: var(--vtx-radius-md);\r\n transition: all var(--vtx-transition-base);\r\n}\r\n\r\n.vtx-select-container:focus-within {\r\n outline: 2px solid var(--vtx-color-primary-500);\r\n outline-offset: 0;\r\n border-color: var(--vtx-color-primary-500);\r\n}\r\n\r\n.vtx-select-container--error {\r\n border-color: var(--vtx-color-error-600);\r\n}\r\n\r\n.vtx-select-container--error:focus-within {\r\n outline-color: var(--vtx-color-error-600);\r\n border-color: var(--vtx-color-error-600);\r\n}\r\n\r\n.vtx-select-container--disabled {\r\n background-color: var(--vtx-color-neutral-100);\r\n cursor: not-allowed;\r\n}\r\n\r\n/* Sizes */\r\n.vtx-select-container--sm {\r\n min-height: 32px;\r\n}\r\n\r\n.vtx-select-container--md {\r\n min-height: 40px;\r\n}\r\n\r\n.vtx-select-container--lg {\r\n min-height: 48px;\r\n}\r\n\r\n.vtx-select {\r\n flex: 1;\r\n width: 100%;\r\n min-width: 0;\r\n font-family: var(--vtx-font-family-sans);\r\n font-size: var(--vtx-font-size-base);\r\n color: var(--vtx-color-neutral-900);\r\n background: transparent;\r\n border: none;\r\n outline: none;\r\n padding: var(--vtx-spacing-2) var(--vtx-spacing-3);\r\n padding-right: var(--vtx-spacing-8);\r\n cursor: pointer;\r\n appearance: none;\r\n}\r\n\r\n.vtx-select:disabled {\r\n cursor: not-allowed;\r\n color: var(--vtx-color-neutral-500);\r\n}\r\n\r\n.vtx-select-container--sm .vtx-select {\r\n padding: var(--vtx-spacing-1) var(--vtx-spacing-2);\r\n padding-right: var(--vtx-spacing-6);\r\n font-size: var(--vtx-font-size-sm);\r\n}\r\n\r\n.vtx-select-container--lg .vtx-select {\r\n padding: var(--vtx-spacing-3) var(--vtx-spacing-4);\r\n padding-right: var(--vtx-spacing-10);\r\n font-size: var(--vtx-font-size-lg);\r\n}\r\n\r\n/* Dropdown icon */\r\n.vtx-select-icon {\r\n position: absolute;\r\n right: var(--vtx-spacing-3);\r\n display: inline-flex;\r\n align-items: center;\r\n color: var(--vtx-color-neutral-500);\r\n pointer-events: none;\r\n}\r\n\r\n.vtx-select-container--disabled .vtx-select-icon {\r\n color: var(--vtx-color-neutral-400);\r\n}\r\n\r\n/* Loading Spinner in Icon Area */\r\n.vtx-select-icon-spinner {\r\n color: var(--vtx-select-loader-color, var(--vtx-color-primary-500));\r\n animation: vtx-select-spin var(--vtx-select-loader-speed, 0.8s) linear infinite;\r\n}\r\n\r\n.vtx-select-icon-spinner-track {\r\n opacity: var(--vtx-select-loader-track-opacity, 0.25);\r\n}\r\n\r\n.vtx-select-icon-spinner-path {\r\n opacity: var(--vtx-select-loader-path-opacity, 1);\r\n}\r\n\r\n@keyframes vtx-select-spin {\r\n from {\r\n transform: rotate(0deg);\r\n }\r\n to {\r\n transform: rotate(360deg);\r\n }\r\n}\r\n\r\n/* Helper and error text */\r\n.vtx-select-helper,\r\n.vtx-select-error {\r\n font-family: var(--vtx-font-family-sans);\r\n font-size: var(--vtx-font-size-sm);\r\n line-height: var(--vtx-line-height-normal);\r\n margin: 0;\r\n}\r\n\r\n.vtx-select-helper {\r\n color: var(--vtx-color-neutral-600);\r\n}\r\n\r\n.vtx-select-error {\r\n color: var(--vtx-color-error-600);\r\n}\r\n";
|
|
8
|
+
styleInject_es["default"](css_248z);
|
|
9
|
+
|
|
10
|
+
exports["default"] = css_248z;
|
|
11
|
+
//# sourceMappingURL=Select.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Select.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}
|
|
@@ -8,6 +8,8 @@ var React = require('react');
|
|
|
8
8
|
var hooks_index = require('../../../../hooks/hooks/index.js');
|
|
9
9
|
var theme_ThemeProvider = require('../../../../theme/theme/ThemeProvider.js');
|
|
10
10
|
require('../../../../theme/theme/tokens.js');
|
|
11
|
+
require('../../../../theme/base.js');
|
|
12
|
+
require('../../Select.js');
|
|
11
13
|
|
|
12
14
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
13
15
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sources":["../../../../../../src/components/Select/Select.tsx"],"sourcesContent":[null],"names":["React","useThemeContext","useId","_jsx","_jsxs"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Select.js","sources":["../../../../../../src/components/Select/Select.tsx"],"sourcesContent":[null],"names":["React","useThemeContext","useId","_jsx","_jsxs"],"mappings":"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"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var styleInject_es = require('../../node_modules/style-inject/dist/style-inject.es.js');
|
|
6
|
+
|
|
7
|
+
var css_248z = "/* ===================================\r\n SideMenu - Enterprise Sidebar Navigation\r\n =================================== */\r\n\r\n/* CSS Variables for Theming - Using Theme Tokens */\r\n:root {\r\n /* Default/Light Theme - Using theme token colors */\r\n --vtx-sidemenu-bg: var(--vtx-color-neutral-50, #ffffff);\r\n --vtx-sidemenu-border: var(--vtx-color-neutral-200, #e5e5e5);\r\n --vtx-sidemenu-shadow: var(--vtx-shadow-sm, 0 1px 2px 0 rgb(0 0 0 / 0.05));\r\n \r\n --vtx-sidemenu-item-color: var(--vtx-color-neutral-700, #404040);\r\n --vtx-sidemenu-item-hover-bg: var(--vtx-color-neutral-100, #f5f5f5);\r\n --vtx-sidemenu-item-active-bg: var(--vtx-color-primary-50, #eff6ff);\r\n --vtx-sidemenu-item-active-color: var(--vtx-color-primary-600, #2563eb);\r\n --vtx-sidemenu-item-icon-color: var(--vtx-color-neutral-500, #737373);\r\n --vtx-sidemenu-item-icon-active-color: var(--vtx-color-primary-600, #2563eb);\r\n \r\n --vtx-sidemenu-submenu-bg: var(--vtx-color-neutral-50, #fafafa);\r\n --vtx-sidemenu-submenu-border: var(--vtx-color-neutral-100, #f5f5f5);\r\n \r\n --vtx-sidemenu-header-border: var(--vtx-color-neutral-200, #e5e5e5);\r\n --vtx-sidemenu-footer-border: var(--vtx-color-neutral-200, #e5e5e5);\r\n \r\n --vtx-sidemenu-toggle-bg: var(--vtx-color-neutral-100, #f5f5f5);\r\n --vtx-sidemenu-toggle-hover-bg: var(--vtx-color-neutral-200, #e5e5e5);\r\n --vtx-sidemenu-toggle-color: var(--vtx-color-neutral-500, #737373);\r\n \r\n --vtx-sidemenu-badge-bg: var(--vtx-color-error-500, #ef4444);\r\n --vtx-sidemenu-badge-color: var(--vtx-color-neutral-50, #ffffff);\r\n \r\n --vtx-sidemenu-transition-speed: var(--vtx-transition-base, 200ms);\r\n --vtx-sidemenu-transition-easing: cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n/* ===================================\r\n Base Sidebar Structure\r\n =================================== */\r\n\r\n.vtx-sidemenu {\r\n display: flex;\r\n flex-direction: column;\r\n background-color: var(--vtx-sidemenu-bg);\r\n height: 100vh;\r\n overflow: hidden;\r\n transition: width var(--vtx-sidemenu-transition-speed) var(--vtx-sidemenu-transition-easing);\r\n position: relative;\r\n flex-shrink: 0;\r\n}\r\n\r\n.vtx-sidemenu--elevated {\r\n box-shadow: var(--vtx-sidemenu-shadow);\r\n}\r\n\r\n.vtx-sidemenu--bordered {\r\n border-right: 1px solid var(--vtx-sidemenu-border);\r\n}\r\n\r\n.vtx-sidemenu--right {\r\n border-right: none;\r\n border-left: 1px solid var(--vtx-sidemenu-border);\r\n}\r\n\r\n.vtx-sidemenu--collapsed {\r\n transition: width var(--vtx-sidemenu-transition-speed) var(--vtx-sidemenu-transition-easing);\r\n}\r\n\r\n/* ===================================\r\n Header Section\r\n =================================== */\r\n\r\n.vtx-sidemenu-header {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n padding: 20px 16px;\r\n border-bottom: 1px solid var(--vtx-sidemenu-header-border);\r\n flex-shrink: 0;\r\n min-height: 72px;\r\n}\r\n\r\n.vtx-sidemenu-header-content {\r\n flex: 1;\r\n min-width: 0;\r\n overflow: hidden;\r\n}\r\n\r\n.vtx-sidemenu--collapsed .vtx-sidemenu-header {\r\n justify-content: center;\r\n padding: 20px 8px;\r\n}\r\n\r\n.vtx-sidemenu--collapsed .vtx-sidemenu-header-content {\r\n display: none;\r\n}\r\n\r\n/* ===================================\r\n Content Section (Scrollable Menu Items)\r\n =================================== */\r\n\r\n.vtx-sidemenu-content {\r\n flex: 1;\r\n overflow-y: auto;\r\n overflow-x: hidden;\r\n padding: 12px 12px;\r\n}\r\n\r\n.vtx-sidemenu-content::-webkit-scrollbar {\r\n width: 6px;\r\n}\r\n\r\n.vtx-sidemenu-content::-webkit-scrollbar-track {\r\n background: transparent;\r\n}\r\n\r\n.vtx-sidemenu-content::-webkit-scrollbar-thumb {\r\n background: var(--vtx-color-neutral-300, #d4d4d4);\r\n border-radius: var(--vtx-border-radius-sm, 0.125rem);\r\n}\r\n\r\n.vtx-sidemenu-content::-webkit-scrollbar-thumb:hover {\r\n background: var(--vtx-color-neutral-400, #a3a3a3);\r\n}\r\n\r\n.vtx-sidemenu--collapsed .vtx-sidemenu-content {\r\n padding: 12px 8px;\r\n}\r\n\r\n/* ===================================\r\n Footer Section\r\n =================================== */\r\n\r\n.vtx-sidemenu-footer {\r\n border-top: 1px solid var(--vtx-sidemenu-footer-border);\r\n padding: 16px 12px;\r\n flex-shrink: 0;\r\n}\r\n\r\n.vtx-sidemenu--collapsed .vtx-sidemenu-footer {\r\n padding: 16px 8px;\r\n text-align: center;\r\n}\r\n\r\n/* ===================================\r\n Menu Items - Professional Style (Same as Menu component)\r\n =================================== */\r\n\r\n.vtx-sidemenu-item {\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n gap: var(--vtx-spacing-3);\r\n padding: var(--vtx-spacing-3) var(--vtx-spacing-4);\r\n margin-bottom: var(--vtx-spacing-1);\r\n border-radius: var(--vtx-radius-md);\r\n color: var(--vtx-color-neutral-700);\r\n background: transparent;\r\n cursor: pointer;\r\n transition: all 0.15s ease-in-out;\r\n user-select: none;\r\n font-size: var(--vtx-font-size-sm);\r\n font-weight: var(--vtx-font-weight-medium);\r\n border-left: 3px solid transparent;\r\n text-decoration: none;\r\n outline: none;\r\n border-right: none;\r\n border-top: none;\r\n border-bottom: none;\r\n text-align: left;\r\n width: 100%;\r\n}\r\n\r\n.vtx-sidemenu-item:hover:not(.vtx-sidemenu-item--disabled):not(.vtx-sidemenu-item--active) {\r\n background-color: var(--vtx-color-primary-50);\r\n color: var(--vtx-color-primary-600);\r\n font-weight: 600;\r\n border-left-color: var(--vtx-color-primary-600);\r\n}\r\n\r\n.vtx-sidemenu-item:active:not(.vtx-sidemenu-item--disabled):not(.vtx-sidemenu-item--active) {\r\n background: var(--vtx-color-neutral-200);\r\n transform: scale(0.98);\r\n}\r\n\r\n.vtx-sidemenu-item:focus-visible {\r\n outline: 2px solid var(--vtx-color-primary-500);\r\n outline-offset: 2px;\r\n}\r\n\r\n/* Active Menu Item - Professional Style */\r\n.vtx-sidemenu-item--active {\r\n background-color: var(--vtx-color-primary-50);\r\n color: var(--vtx-color-primary-600);\r\n font-weight: 600;\r\n border-left-color: var(--vtx-color-primary-600);\r\n}\r\n\r\n.vtx-sidemenu-item--active:hover {\r\n background-color: var(--vtx-color-primary-100);\r\n}\r\n\r\n/* Disabled Menu Item */\r\n.vtx-sidemenu-item--disabled {\r\n opacity: 0.5;\r\n cursor: not-allowed;\r\n}\r\n\r\n/* Collapsed State */\r\n.vtx-sidemenu-item--collapsed {\r\n justify-content: center;\r\n padding: var(--vtx-spacing-3);\r\n gap: 0;\r\n}\r\n\r\n/* Icon Styling - Professional (Same as Menu) */\r\n.vtx-sidemenu-item-icon {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 20px;\r\n height: 20px;\r\n flex-shrink: 0;\r\n color: var(--vtx-color-neutral-600);\r\n transition: color 0.15s ease-in-out;\r\n}\r\n\r\n.vtx-sidemenu-item:hover:not(.vtx-sidemenu-item--disabled) .vtx-sidemenu-item-icon {\r\n color: var(--vtx-color-primary-600);\r\n}\r\n\r\n.vtx-sidemenu-item--active .vtx-sidemenu-item-icon {\r\n color: var(--vtx-color-primary-600);\r\n}\r\n\r\n.vtx-sidemenu-item-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n transition: inherit;\r\n}\r\n\r\n/* Text Content */\r\n.vtx-sidemenu-item-label {\r\n flex: 1;\r\n color: inherit;\r\n font-size: inherit;\r\n font-weight: inherit;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n}\r\n\r\n/* Badge */\r\n.vtx-sidemenu-item-badge {\r\n font-size: var(--vtx-font-size-xs);\r\n font-weight: var(--vtx-font-weight-semibold);\r\n min-width: 20px;\r\n height: 18px;\r\n padding: 0 6px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: var(--vtx-radius-full);\r\n background: var(--vtx-color-error-500);\r\n color: white;\r\n line-height: 1;\r\n top: 8px;\r\n right: 8px;\r\n box-shadow: 0 0 0 2px var(--vtx-sidemenu-bg);\r\n animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\r\n}\r\n\r\n@keyframes pulse {\r\n 0%, 100% {\r\n opacity: 1;\r\n }\r\n 50% {\r\n opacity: 0.7;\r\n }\r\n}\r\n\r\n/* Chevron Icon */\r\n.vtx-sidemenu-chevron {\r\n display: flex;\r\n align-items: center;\r\n color: var(--vtx-color-neutral-400);\r\n transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n.vtx-sidemenu-chevron--open {\r\n transform: rotate(180deg);\r\n}\r\n\r\n/* ===================================\r\n Submenu - Professional Style (Same as Menu)\r\n =================================== */\r\n\r\n.vtx-sidemenu-submenu {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0;\r\n padding-left: var(--vtx-spacing-5);\r\n margin-top: var(--vtx-spacing-2);\r\n margin-bottom: var(--vtx-spacing-2);\r\n animation: slideDown 0.25s cubic-bezier(0.4, 0, 0.2, 1);\r\n overflow: hidden;\r\n}\r\n\r\n.vtx-sidemenu-submenu .vtx-sidemenu-item {\r\n padding: var(--vtx-spacing-2) var(--vtx-spacing-4);\r\n padding-left: var(--vtx-spacing-6);\r\n font-size: var(--vtx-font-size-sm);\r\n font-weight: var(--vtx-font-weight-normal);\r\n margin-bottom: var(--vtx-spacing-1);\r\n}\r\n\r\n.vtx-sidemenu-submenu .vtx-sidemenu-item:hover:not(.vtx-sidemenu-item--disabled):not(.vtx-sidemenu-item--active) {\r\n background-color: var(--vtx-color-primary-50);\r\n color: var(--vtx-color-primary-600);\r\n font-weight: 600;\r\n border-left-color: var(--vtx-color-primary-600);\r\n}\r\n\r\n.vtx-sidemenu-submenu .vtx-sidemenu-item--active {\r\n background-color: var(--vtx-color-primary-50);\r\n color: var(--vtx-color-primary-600);\r\n font-weight: 600;\r\n border-left-color: var(--vtx-color-primary-600);\r\n}\r\n\r\n.vtx-sidemenu-submenu .vtx-sidemenu-item--active:hover {\r\n background-color: var(--vtx-color-primary-100);\r\n}\r\n\r\n.vtx-sidemenu-submenu .vtx-sidemenu-item--active .vtx-sidemenu-item-icon {\r\n color: var(--vtx-color-primary-600);\r\n}\r\n\r\n/* Nested submenu - additional indentation */\r\n.vtx-sidemenu-submenu .vtx-sidemenu-submenu {\r\n padding-left: var(--vtx-spacing-4);\r\n}\r\n\r\n@keyframes slideDown {\r\n from {\r\n opacity: 0;\r\n transform: translateY(-4px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n}\r\n\r\n/* ===================================\r\n Collapse Toggle Button\r\n =================================== */\r\n\r\n.vtx-sidemenu-collapse-wrapper {\r\n padding: 12px 16px;\r\n display: flex;\r\n justify-content: center;\r\n border-top: 1px solid var(--vtx-sidemenu-header-border);\r\n}\r\n\r\n.vtx-sidemenu-toggle {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 36px;\r\n height: 36px;\r\n border-radius: 8px;\r\n background-color: var(--vtx-sidemenu-toggle-bg);\r\n border: none;\r\n cursor: pointer;\r\n color: var(--vtx-sidemenu-toggle-color);\r\n transition: all var(--vtx-sidemenu-transition-speed) var(--vtx-sidemenu-transition-easing);\r\n outline: none;\r\n}\r\n\r\n.vtx-sidemenu-toggle:hover {\r\n background-color: var(--vtx-sidemenu-toggle-hover-bg);\r\n}\r\n\r\n.vtx-sidemenu-toggle:focus-visible {\r\n outline: 2px solid var(--vtx-color-primary-600, #2563eb);\r\n outline-offset: 2px;\r\n}\r\n\r\n.vtx-sidemenu-toggle-icon {\r\n transition: transform var(--vtx-sidemenu-transition-speed) var(--vtx-sidemenu-transition-easing);\r\n}\r\n\r\n.vtx-sidemenu-toggle-icon--rotated {\r\n transform: rotate(180deg);\r\n}\r\n\r\n/* ===================================\r\n VARIANT: Compact\r\n =================================== */\r\n\r\n.vtx-sidemenu--compact .vtx-sidemenu-item-content {\r\n padding: 8px 12px;\r\n}\r\n\r\n.vtx-sidemenu--compact .vtx-sidemenu-content {\r\n padding: 4px;\r\n}\r\n\r\n.vtx-sidemenu--compact .vtx-sidemenu-header {\r\n padding: 16px 12px;\r\n min-height: 56px;\r\n}\r\n\r\n.vtx-sidemenu--compact .vtx-sidemenu-item-label {\r\n font-size: 13px;\r\n}\r\n\r\n.vtx-sidemenu--compact .vtx-sidemenu-item-icon {\r\n width: 18px;\r\n height: 18px;\r\n}\r\n\r\n/* ===================================\r\n VARIANT: Modern\r\n =================================== */\r\n\r\n.vtx-sidemenu--modern .vtx-sidemenu-item {\r\n border-radius: 12px;\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n\r\n.vtx-sidemenu--modern .vtx-sidemenu-item::before {\r\n content: '';\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n bottom: 0;\r\n width: 3px;\r\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n opacity: 0;\r\n transition: opacity var(--vtx-sidemenu-transition-speed) var(--vtx-sidemenu-transition-easing);\r\n}\r\n\r\n.vtx-sidemenu--modern .vtx-sidemenu-item--active::before {\r\n opacity: 1;\r\n}\r\n\r\n.vtx-sidemenu--modern .vtx-sidemenu-item:hover:not(.vtx-sidemenu-item--disabled) {\r\n transform: translateX(2px);\r\n}\r\n\r\n.vtx-sidemenu--modern .vtx-sidemenu-item-icon {\r\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n}\r\n\r\n.vtx-sidemenu--modern .vtx-sidemenu-item--active .vtx-sidemenu-item-icon {\r\n animation: pulse 2s infinite;\r\n}\r\n\r\n@keyframes pulse {\r\n 0%, 100% {\r\n opacity: 1;\r\n }\r\n 50% {\r\n opacity: 0.7;\r\n }\r\n}\r\n\r\n/* ===================================\r\n VARIANT: Enterprise\r\n =================================== */\r\n\r\n.vtx-sidemenu--enterprise {\r\n border-right: 1px solid #e5e7eb;\r\n}\r\n\r\n.vtx-sidemenu--enterprise .vtx-sidemenu-item {\r\n border-radius: 6px;\r\n margin-bottom: 2px;\r\n}\r\n\r\n.vtx-sidemenu--enterprise .vtx-sidemenu-item-content {\r\n padding: 12px 16px;\r\n}\r\n\r\n.vtx-sidemenu--enterprise .vtx-sidemenu-item-label {\r\n font-size: 14px;\r\n font-weight: 500;\r\n letter-spacing: -0.01em;\r\n}\r\n\r\n.vtx-sidemenu--enterprise .vtx-sidemenu-item--active {\r\n background-color: var(--vtx-color-primary-50, #eff6ff);\r\n border-left: 3px solid var(--vtx-color-primary-600, #2563eb);\r\n padding-left: 13px;\r\n}\r\n\r\n.vtx-sidemenu--enterprise .vtx-sidemenu-header {\r\n padding: var(--vtx-spacing-6, 1.5rem) var(--vtx-spacing-5, 1.25rem);\r\n border-bottom: 2px solid var(--vtx-color-neutral-200, #e5e5e5);\r\n}\r\n\r\n.vtx-sidemenu--enterprise .vtx-sidemenu-submenu {\r\n background-color: var(--vtx-color-neutral-50, #fafafa);\r\n border-left: 2px solid var(--vtx-color-neutral-200, #e5e5e5);\r\n margin-left: var(--vtx-spacing-3, 0.75rem);\r\n border-radius: 0 var(--vtx-border-radius-lg, 0.5rem) var(--vtx-border-radius-lg, 0.5rem) 0;\r\n}\r\n\r\n/* ===================================\r\n VARIANT: Minimal\r\n =================================== */\r\n\r\n.vtx-sidemenu--minimal {\r\n background-color: transparent;\r\n box-shadow: none;\r\n}\r\n\r\n.vtx-sidemenu--minimal .vtx-sidemenu-item {\r\n border-radius: 4px;\r\n margin-bottom: 0;\r\n}\r\n\r\n.vtx-sidemenu--minimal .vtx-sidemenu-item:hover:not(.vtx-sidemenu-item--disabled) {\r\n background-color: rgba(0, 0, 0, 0.03);\r\n}\r\n\r\n.vtx-sidemenu--minimal .vtx-sidemenu-item--active {\r\n background-color: rgba(37, 99, 235, 0.08);\r\n}\r\n\r\n.vtx-sidemenu--minimal .vtx-sidemenu-header,\r\n.vtx-sidemenu--minimal .vtx-sidemenu-footer {\r\n border-color: transparent;\r\n}\r\n\r\n.vtx-sidemenu--minimal .vtx-sidemenu-submenu {\r\n background-color: transparent;\r\n}\r\n\r\n/* ===================================\r\n THEME: Dark - Using Theme Tokens\r\n =================================== */\r\n\r\n.vtx-sidemenu--dark {\r\n --vtx-sidemenu-bg: var(--vtx-color-neutral-800, #262626);\r\n --vtx-sidemenu-border: var(--vtx-color-neutral-700, #404040);\r\n --vtx-sidemenu-shadow: var(--vtx-shadow-md, 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1));\r\n \r\n --vtx-sidemenu-item-color: var(--vtx-color-neutral-200, #e5e5e5);\r\n --vtx-sidemenu-item-hover-bg: var(--vtx-color-neutral-700, #404040);\r\n --vtx-sidemenu-item-active-bg: var(--vtx-color-primary-600, #2563eb);\r\n --vtx-sidemenu-item-active-color: var(--vtx-color-neutral-50, #fafafa);\r\n --vtx-sidemenu-item-icon-color: var(--vtx-color-neutral-400, #a3a3a3);\r\n --vtx-sidemenu-item-icon-active-color: var(--vtx-color-neutral-50, #fafafa);\r\n \r\n --vtx-sidemenu-submenu-bg: var(--vtx-color-neutral-900, #171717);\r\n --vtx-sidemenu-submenu-border: var(--vtx-color-neutral-700, #404040);\r\n \r\n --vtx-sidemenu-header-border: var(--vtx-color-neutral-700, #404040);\r\n --vtx-sidemenu-footer-border: var(--vtx-color-neutral-700, #404040);\r\n \r\n --vtx-sidemenu-toggle-bg: var(--vtx-color-neutral-700, #404040);\r\n --vtx-sidemenu-toggle-hover-bg: var(--vtx-color-neutral-600, #525252);\r\n --vtx-sidemenu-toggle-color: var(--vtx-color-neutral-400, #a3a3a3);\r\n}\r\n\r\n/* ===================================\r\n THEME: Primary - Using Theme Tokens\r\n =================================== */\r\n\r\n.vtx-sidemenu--primary {\r\n --vtx-sidemenu-bg: var(--vtx-color-primary-800, #1e40af);\r\n --vtx-sidemenu-border: var(--vtx-color-primary-900, #1e3a8a);\r\n --vtx-sidemenu-shadow: var(--vtx-shadow-md, 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1));\r\n \r\n --vtx-sidemenu-item-color: var(--vtx-color-primary-100, #dbeafe);\r\n --vtx-sidemenu-item-hover-bg: var(--vtx-color-primary-900, #1e3a8a);\r\n --vtx-sidemenu-item-active-bg: var(--vtx-color-primary-500, #3b82f6);\r\n --vtx-sidemenu-item-active-color: var(--vtx-color-neutral-50, #fafafa);\r\n --vtx-sidemenu-item-icon-color: var(--vtx-color-primary-300, #93c5fd);\r\n --vtx-sidemenu-item-icon-active-color: var(--vtx-color-neutral-50, #fafafa);\r\n \r\n --vtx-sidemenu-submenu-bg: var(--vtx-color-primary-900, #1e3a8a);\r\n --vtx-sidemenu-submenu-border: var(--vtx-color-primary-800, #1e40af);\r\n \r\n --vtx-sidemenu-header-border: var(--vtx-color-primary-900, #1e3a8a);\r\n --vtx-sidemenu-footer-border: var(--vtx-color-primary-900, #1e3a8a);\r\n \r\n --vtx-sidemenu-toggle-bg: var(--vtx-color-primary-900, #1e3a8a);\r\n --vtx-sidemenu-toggle-hover-bg: var(--vtx-color-primary-700, #1d4ed8);\r\n --vtx-sidemenu-toggle-color: var(--vtx-color-primary-300, #93c5fd);\r\n}\r\n\r\n/* ===================================\r\n THEME: Gradient\r\n =================================== */\r\n\r\n.vtx-sidemenu--gradient {\r\n background: linear-gradient(180deg, #667eea 0%, #764ba2 100%);\r\n --vtx-sidemenu-bg: transparent;\r\n --vtx-sidemenu-border: rgba(255, 255, 255, 0.1);\r\n --vtx-sidemenu-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.2);\r\n \r\n --vtx-sidemenu-item-color: rgba(255, 255, 255, 0.9);\r\n --vtx-sidemenu-item-hover-bg: rgba(255, 255, 255, 0.1);\r\n --vtx-sidemenu-item-active-bg: rgba(255, 255, 255, 0.2);\r\n --vtx-sidemenu-item-active-color: #ffffff;\r\n --vtx-sidemenu-item-icon-color: rgba(255, 255, 255, 0.7);\r\n --vtx-sidemenu-item-icon-active-color: #ffffff;\r\n \r\n --vtx-sidemenu-submenu-bg: rgba(0, 0, 0, 0.1);\r\n --vtx-sidemenu-submenu-border: rgba(255, 255, 255, 0.1);\r\n \r\n --vtx-sidemenu-header-border: rgba(255, 255, 255, 0.1);\r\n --vtx-sidemenu-footer-border: rgba(255, 255, 255, 0.1);\r\n \r\n --vtx-sidemenu-toggle-bg: rgba(255, 255, 255, 0.1);\r\n --vtx-sidemenu-toggle-hover-bg: rgba(255, 255, 255, 0.2);\r\n --vtx-sidemenu-toggle-color: rgba(255, 255, 255, 0.9);\r\n}\r\n\r\n/* ===================================\r\n Responsive Adjustments\r\n =================================== */\r\n\r\n/* Mobile Menu Button */\r\n.vtx-mobile-menu-button {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 44px;\r\n height: 44px;\r\n border: none;\r\n border-radius: var(--vtx-border-radius-lg, 0.5rem);\r\n background-color: transparent;\r\n color: var(--vtx-color-neutral-700, #404040);\r\n cursor: pointer;\r\n transition: all var(--vtx-transition-base, 200ms) cubic-bezier(0.4, 0, 0.2, 1);\r\n outline: none;\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n\r\n.vtx-mobile-menu-button::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background-color: var(--vtx-color-neutral-900, #171717);\r\n opacity: 0;\r\n transition: opacity var(--vtx-transition-base, 200ms) cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n.vtx-mobile-menu-button:hover::before {\r\n opacity: 0.05;\r\n}\r\n\r\n.vtx-mobile-menu-button:active::before {\r\n opacity: 0.1;\r\n}\r\n\r\n.vtx-mobile-menu-button:focus-visible {\r\n outline: 2px solid var(--vtx-color-primary-600, #2563eb);\r\n outline-offset: 2px;\r\n}\r\n\r\n.vtx-mobile-menu-button svg {\r\n position: relative;\r\n z-index: 1;\r\n}\r\n\r\n/* Button Variants */\r\n.vtx-mobile-menu-button--default {\r\n background-color: var(--vtx-color-neutral-100, #f5f5f5);\r\n}\r\n\r\n.vtx-mobile-menu-button--default:hover {\r\n background-color: var(--vtx-color-neutral-200, #e5e5e5);\r\n}\r\n\r\n.vtx-mobile-menu-button--ghost {\r\n background-color: transparent;\r\n border: 1px solid var(--vtx-color-neutral-300, #d4d4d4);\r\n}\r\n\r\n.vtx-mobile-menu-button--ghost:hover {\r\n border-color: var(--vtx-color-neutral-400, #a3a3a3);\r\n background-color: var(--vtx-color-neutral-50, #fafafa);\r\n}\r\n\r\n.vtx-mobile-menu-button--minimal {\r\n background-color: transparent;\r\n}\r\n\r\n/* Hide on desktop by default */\r\n@media (min-width: 769px) {\r\n .vtx-mobile-menu-button {\r\n display: none;\r\n }\r\n}\r\n\r\n/* Mobile: Overlay Mode */\r\n.vtx-sidemenu--mobile {\r\n position: fixed;\r\n left: 0;\r\n top: 0;\r\n z-index: var(--vtx-z-index-modal, 1200);\r\n transform: translateX(-100%);\r\n transition: transform var(--vtx-sidemenu-transition-speed) var(--vtx-sidemenu-transition-easing);\r\n box-shadow: var(--vtx-shadow-xl, 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1));\r\n}\r\n\r\n.vtx-sidemenu--mobile.vtx-sidemenu--right {\r\n left: auto;\r\n right: 0;\r\n transform: translateX(100%);\r\n}\r\n\r\n.vtx-sidemenu--mobile.vtx-sidemenu--mobile-open {\r\n transform: translateX(0);\r\n}\r\n\r\n/* Backdrop */\r\n.vtx-sidemenu-backdrop {\r\n position: fixed;\r\n inset: 0;\r\n background-color: rgba(0, 0, 0, 0.5);\r\n z-index: calc(var(--vtx-z-index-modal, 1200) - 1);\r\n animation: fadeIn 200ms var(--vtx-sidemenu-transition-easing);\r\n backdrop-filter: blur(2px);\r\n -webkit-backdrop-filter: blur(2px);\r\n}\r\n\r\n@keyframes fadeIn {\r\n from {\r\n opacity: 0;\r\n }\r\n to {\r\n opacity: 1;\r\n }\r\n}\r\n\r\n/* Mobile Close Button */\r\n.vtx-sidemenu-mobile-close {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 40px;\r\n height: 40px;\r\n border-radius: var(--vtx-border-radius-lg, 0.5rem);\r\n background-color: transparent;\r\n border: none;\r\n cursor: pointer;\r\n color: var(--vtx-sidemenu-item-color);\r\n transition: all var(--vtx-sidemenu-transition-speed) var(--vtx-sidemenu-transition-easing);\r\n outline: none;\r\n flex-shrink: 0;\r\n}\r\n\r\n.vtx-sidemenu-mobile-close:hover {\r\n background-color: var(--vtx-sidemenu-item-hover-bg);\r\n}\r\n\r\n.vtx-sidemenu-mobile-close:focus-visible {\r\n outline: 2px solid var(--vtx-color-primary-600, #2563eb);\r\n outline-offset: 2px;\r\n}\r\n\r\n/* Mobile: Larger touch targets */\r\n.vtx-sidemenu--mobile .vtx-sidemenu-item-content {\r\n padding: 14px 16px;\r\n min-height: 48px;\r\n}\r\n\r\n.vtx-sidemenu--mobile .vtx-sidemenu-item-icon {\r\n width: 24px;\r\n height: 24px;\r\n}\r\n\r\n.vtx-sidemenu--mobile .vtx-sidemenu-toggle {\r\n width: 44px;\r\n height: 44px;\r\n}\r\n\r\n.vtx-sidemenu--mobile .vtx-sidemenu-header {\r\n min-height: 64px;\r\n padding: var(--vtx-spacing-4, 1rem) var(--vtx-spacing-4, 1rem);\r\n}\r\n\r\n/* Desktop: Push Mode */\r\n@media (min-width: 769px) {\r\n .vtx-sidemenu {\r\n position: relative;\r\n transform: none !important;\r\n }\r\n}\r\n\r\n/* Tablet: Adjust for medium screens */\r\n@media (max-width: 1024px) and (min-width: 769px) {\r\n .vtx-sidemenu {\r\n width: 240px !important;\r\n }\r\n \r\n .vtx-sidemenu--collapsed {\r\n width: 64px !important;\r\n }\r\n}\r\n\r\n/* ===================================\r\n Accessibility\r\n =================================== */\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n .vtx-sidemenu,\r\n .vtx-sidemenu-item,\r\n .vtx-sidemenu-toggle,\r\n .vtx-sidemenu-item-icon,\r\n .vtx-sidemenu-item-chevron,\r\n .vtx-sidemenu-submenu {\r\n transition: none;\r\n animation: none;\r\n }\r\n}\r\n\r\n/* High Contrast Mode */\r\n@media (prefers-contrast: high) {\r\n .vtx-sidemenu {\r\n border: 2px solid currentColor;\r\n }\r\n \r\n .vtx-sidemenu-item--active {\r\n outline: 2px solid currentColor;\r\n outline-offset: -2px;\r\n }\r\n}\r\n";
|
|
8
|
+
styleInject_es["default"](css_248z);
|
|
9
|
+
|
|
10
|
+
exports["default"] = css_248z;
|
|
11
|
+
//# sourceMappingURL=SideMenu.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SideMenu.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}
|
|
@@ -7,6 +7,7 @@ var jsxRuntime = require('react/jsx-runtime');
|
|
|
7
7
|
var React = require('react');
|
|
8
8
|
var components_Flex_Flex = require('../../../Flex/components/Flex/Flex.js');
|
|
9
9
|
var components_Typography_Typography = require('../../../Typography/components/Typography/Typography.js');
|
|
10
|
+
require('../../SideMenu.js');
|
|
10
11
|
|
|
11
12
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
12
13
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SideMenu.js","sources":["../../../../../../src/components/SideMenu/SideMenu.tsx"],"sourcesContent":[null],"names":["_jsx","React","useState","_Fragment","_jsxs","Flex","Typography"],"mappings":"
|
|
1
|
+
{"version":3,"file":"SideMenu.js","sources":["../../../../../../src/components/SideMenu/SideMenu.tsx"],"sourcesContent":[null],"names":["_jsx","React","useState","_Fragment","_jsxs","Flex","Typography"],"mappings":"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"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var styleInject_es = require('../../node_modules/style-inject/dist/style-inject.es.js');
|
|
6
|
+
|
|
7
|
+
var css_248z = "/* ==================== Base Skeleton Styles ==================== */\r\n\r\n.vtx-skeleton {\r\n display: block;\r\n background-color: var(--vtx-color-neutral-200, #e5e5e5);\r\n border-radius: var(--vtx-radius-sm, 4px);\r\n}\r\n\r\n.vtx-skeleton--text {\r\n height: 1em;\r\n margin-top: 0;\r\n margin-bottom: 0;\r\n transform-origin: 0 60%;\r\n border-radius: var(--vtx-radius-sm, 4px);\r\n}\r\n\r\n.vtx-skeleton--circular {\r\n border-radius: 50%;\r\n}\r\n\r\n.vtx-skeleton--rectangular {\r\n border-radius: 0;\r\n}\r\n\r\n.vtx-skeleton--rounded {\r\n border-radius: var(--vtx-radius-lg, 12px);\r\n}\r\n\r\n/* ==================== Animations ==================== */\r\n\r\n.vtx-skeleton--wave {\r\n position: relative;\r\n overflow: hidden;\r\n background: linear-gradient(\r\n 90deg,\r\n var(--vtx-color-neutral-200, #e5e5e5) 25%,\r\n var(--vtx-color-neutral-100, #f5f5f5) 50%,\r\n var(--vtx-color-neutral-200, #e5e5e5) 75%\r\n );\r\n background-size: 200% 100%;\r\n animation: skeleton-wave 1.5s ease-in-out infinite;\r\n}\r\n\r\n.vtx-skeleton--pulse {\r\n animation: skeleton-pulse 1.5s ease-in-out infinite;\r\n}\r\n\r\n@keyframes skeleton-wave {\r\n 0% {\r\n background-position: 200% 0;\r\n }\r\n 100% {\r\n background-position: -200% 0;\r\n }\r\n}\r\n\r\n@keyframes skeleton-pulse {\r\n 0%, 100% {\r\n opacity: 1;\r\n }\r\n 50% {\r\n opacity: 0.5;\r\n }\r\n}\r\n\r\n/* ==================== Motion Preference ==================== */\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n .vtx-skeleton--respect-motion.vtx-skeleton--wave,\r\n .vtx-skeleton--respect-motion.vtx-skeleton--pulse {\r\n animation: none;\r\n background: var(--vtx-color-neutral-200, #e5e5e5);\r\n }\r\n}\r\n";
|
|
8
|
+
styleInject_es["default"](css_248z);
|
|
9
|
+
|
|
10
|
+
exports["default"] = css_248z;
|
|
11
|
+
//# sourceMappingURL=Skeleton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Skeleton.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var styleInject_es = require('../../node_modules/style-inject/dist/style-inject.es.js');
|
|
6
|
+
|
|
7
|
+
var css_248z = "/* ==================== Skeleton Theme Base ==================== */\r\n\r\n.vtx-skeleton-theme {\r\n width: 100%;\r\n padding: 16px;\r\n}\r\n\r\n.vtx-skeleton-theme__content {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n}\r\n\r\n/* ==================== Card Theme ==================== */\r\n\r\n.vtx-skeleton-theme--card {\r\n border: 1px solid var(--vtx-color-neutral-200, #e5e5e5);\r\n border-radius: var(--vtx-radius-lg, 12px);\r\n overflow: hidden;\r\n padding: 0;\r\n}\r\n\r\n.vtx-skeleton-theme--card .vtx-skeleton-theme__content {\r\n padding: 16px;\r\n}\r\n\r\n/* ==================== Product Theme ==================== */\r\n\r\n.vtx-skeleton-theme--product {\r\n border: 1px solid var(--vtx-color-neutral-200, #e5e5e5);\r\n border-radius: var(--vtx-radius-lg, 12px);\r\n overflow: hidden;\r\n padding: 0;\r\n}\r\n\r\n.vtx-skeleton-theme--product .vtx-skeleton-theme__content {\r\n padding: 12px;\r\n gap: 8px;\r\n}\r\n\r\n/* ==================== Article/Blog Post Theme ==================== */\r\n\r\n.vtx-skeleton-theme--article {\r\n max-width: 800px;\r\n}\r\n\r\n/* ==================== Profile Theme ==================== */\r\n\r\n.vtx-skeleton-theme--profile {\r\n border: 1px solid var(--vtx-color-neutral-200, #e5e5e5);\r\n border-radius: var(--vtx-radius-lg, 12px);\r\n padding: 24px;\r\n}\r\n\r\n/* ==================== Comment Theme ==================== */\r\n\r\n.vtx-skeleton-theme--comment {\r\n padding: 12px;\r\n border-left: 2px solid var(--vtx-color-neutral-200, #e5e5e5);\r\n}\r\n\r\n/* ==================== List Item Theme ==================== */\r\n\r\n.vtx-skeleton-theme--list-item {\r\n padding: 12px 16px;\r\n border-bottom: 1px solid var(--vtx-color-neutral-200, #e5e5e5);\r\n}\r\n\r\n/* ==================== Table Row Theme ==================== */\r\n\r\n.vtx-skeleton-theme--table-row {\r\n padding: 12px 16px;\r\n border-bottom: 1px solid var(--vtx-color-neutral-200, #e5e5e5);\r\n}\r\n\r\n/* ==================== Form Theme ==================== */\r\n\r\n.vtx-skeleton-theme--form {\r\n max-width: 500px;\r\n}\r\n\r\n/* ==================== Hero Theme ==================== */\r\n\r\n.vtx-skeleton-theme--hero {\r\n padding: 48px 24px;\r\n text-align: center;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n}\r\n\r\n/* ==================== About/Content Block Theme ==================== */\r\n\r\n.vtx-skeleton-theme--about {\r\n max-width: 900px;\r\n}\r\n\r\n/* ==================== Feature Card Theme ==================== */\r\n\r\n.vtx-skeleton-theme--feature {\r\n border: 1px solid var(--vtx-color-neutral-200, #e5e5e5);\r\n border-radius: var(--vtx-radius-lg, 12px);\r\n padding: 24px;\r\n text-align: center;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n}\r\n\r\n/* ==================== Testimonial Theme ==================== */\r\n\r\n.vtx-skeleton-theme--testimonial {\r\n border: 1px solid var(--vtx-color-neutral-200, #e5e5e5);\r\n border-radius: var(--vtx-radius-lg, 12px);\r\n padding: 24px;\r\n background: var(--vtx-color-neutral-50, #fafafa);\r\n}\r\n\r\n/* ==================== Pricing Card Theme ==================== */\r\n\r\n.vtx-skeleton-theme--pricing {\r\n border: 2px solid var(--vtx-color-neutral-200, #e5e5e5);\r\n border-radius: var(--vtx-radius-lg, 12px);\r\n padding: 32px 24px;\r\n text-align: center;\r\n}\r\n\r\n/* ==================== Stats Theme ==================== */\r\n\r\n.vtx-skeleton-theme--stats {\r\n text-align: center;\r\n padding: 20px;\r\n}\r\n\r\n/* ==================== Team Member Theme ==================== */\r\n\r\n.vtx-skeleton-theme--team {\r\n border: 1px solid var(--vtx-color-neutral-200, #e5e5e5);\r\n border-radius: var(--vtx-radius-lg, 12px);\r\n overflow: hidden;\r\n padding: 0;\r\n text-align: center;\r\n}\r\n\r\n.vtx-skeleton-theme--team .vtx-skeleton-theme__content {\r\n padding: 16px;\r\n}\r\n\r\n/* ==================== Gallery Item Theme ==================== */\r\n\r\n.vtx-skeleton-theme--gallery {\r\n border-radius: var(--vtx-radius-lg, 12px);\r\n overflow: hidden;\r\n padding: 0;\r\n}\r\n\r\n.vtx-skeleton-theme--gallery .vtx-skeleton-theme__content {\r\n padding: 12px;\r\n}\r\n\r\n/* ==================== Video Card Theme ==================== */\r\n\r\n.vtx-skeleton-theme--video {\r\n border: 1px solid var(--vtx-color-neutral-200, #e5e5e5);\r\n border-radius: var(--vtx-radius-lg, 12px);\r\n overflow: hidden;\r\n padding: 0;\r\n}\r\n\r\n.vtx-skeleton-theme--video .vtx-skeleton-theme__content {\r\n padding: 12px;\r\n}\r\n\r\n/* ==================== Order Card Theme ==================== */\r\n\r\n.vtx-skeleton-theme--order {\r\n border: 1px solid var(--vtx-color-neutral-200, #e5e5e5);\r\n border-radius: var(--vtx-radius-lg, 12px);\r\n padding: 16px;\r\n}\r\n\r\n/* ==================== Product Grid Theme ==================== */\r\n\r\n.vtx-skeleton-theme--product-grid {\r\n border: 1px solid var(--vtx-color-neutral-200, #e5e5e5);\r\n border-radius: var(--vtx-radius-lg, 12px);\r\n overflow: hidden;\r\n}\r\n\r\n/* ==================== Container ==================== */\r\n\r\n.vtx-skeleton-theme-container {\r\n width: 100%;\r\n}\r\n\r\n/* ==================== Responsive ==================== */\r\n\r\n@media (max-width: 768px) {\r\n .vtx-skeleton-theme--hero {\r\n padding: 32px 16px;\r\n }\r\n\r\n .vtx-skeleton-theme--pricing {\r\n padding: 24px 16px;\r\n }\r\n\r\n .vtx-skeleton-theme--feature {\r\n padding: 20px 16px;\r\n }\r\n\r\n .vtx-skeleton-theme--testimonial {\r\n padding: 20px 16px;\r\n }\r\n}\r\n\r\n/* ==================== Cart List Theme ==================== */\r\n\r\n.vtx-skeleton-theme--cart-list {\r\n padding: 16px;\r\n border-bottom: 1px solid var(--vtx-color-neutral-200, #e5e5e5);\r\n}\r\n\r\n.vtx-skeleton-theme--cart-list:last-child {\r\n border-bottom: none;\r\n}\r\n\r\n/* ==================== Home Page Theme ==================== */\r\n\r\n.vtx-skeleton-theme--home-page {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 32px;\r\n}\r\n\r\n.vtx-skeleton-theme--home-page__carousel {\r\n width: 100%;\r\n}\r\n\r\n.vtx-skeleton-theme--home-page__categories {\r\n display: flex;\r\n gap: 16px;\r\n overflow: hidden;\r\n padding-bottom: 8px;\r\n}\r\n\r\n.vtx-skeleton-theme--home-page__grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\r\n gap: 16px;\r\n}\r\n\r\n/* ==================== Checkout Theme ==================== */\r\n\r\n.vtx-skeleton-theme--checkout {\r\n display: flex;\r\n gap: 32px;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.vtx-skeleton-theme--checkout__main {\r\n flex: 1;\r\n min-width: 300px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 24px;\r\n}\r\n\r\n.vtx-skeleton-theme--checkout__sidebar {\r\n width: 320px;\r\n flex-shrink: 0;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .vtx-skeleton-theme--checkout__sidebar {\r\n width: 100%;\r\n }\r\n}";
|
|
8
|
+
styleInject_es["default"](css_248z);
|
|
9
|
+
|
|
10
|
+
exports["default"] = css_248z;
|
|
11
|
+
//# sourceMappingURL=SkeletonThemes.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SkeletonThemes.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}
|
|
@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var jsxRuntime = require('react/jsx-runtime');
|
|
6
6
|
var React = require('react');
|
|
7
|
+
require('../../Skeleton.js');
|
|
7
8
|
|
|
8
9
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
9
10
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton.js","sources":["../../../../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":[null],"names":["React","_jsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Skeleton.js","sources":["../../../../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":[null],"names":["React","_jsx"],"mappings":";;;;;;;;;;;;AA+BA;;;;;;;;;;AAUG;AACH,MAAM,QAAQ,GAAGA,yBAAK,CAAC,UAAU,CAC/B,CACE,EACE,OAAO,GAAG,MAAM,EAChB,KAAK,EACL,MAAM,EACN,SAAS,GAAG,MAAM,EAClB,uBAAuB,GAAG,IAAI,EAC9B,SAAS,GAAG,EAAE,EACd,KAAK,EACL,GAAG,KAAK,EACT,EACD,GAAG,KACD;AACF,IAAA,MAAM,eAAe,GAAG;QACtB,cAAc;AACd,QAAA,CAAA,cAAA,EAAiB,OAAO,CAAE,CAAA;AAC1B,QAAA,SAAS,KAAK,MAAM,IAAI,CAAA,cAAA,EAAiB,SAAS,CAAE,CAAA;AACpD,QAAA,uBAAuB,IAAI,8BAA8B;QACzD,SAAS;AACV,KAAA;SACE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;AAEb,IAAA,MAAM,aAAa,GAAwB;AACzC,QAAA,KAAK,EAAE,OAAO,KAAK,KAAK,QAAQ,GAAG,CAAA,EAAG,KAAK,CAAA,EAAA,CAAI,GAAG,KAAK;AACvD,QAAA,MAAM,EAAE,OAAO,MAAM,KAAK,QAAQ,GAAG,CAAA,EAAG,MAAM,CAAA,EAAA,CAAI,GAAG,MAAM;AAC3D,QAAA,GAAG,KAAK;KACT,CAAC;IAEF,QACEC,wBACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE,aAAa,eACV,MAAM,EAAA,WAAA,EACN,QAAQ,EACd,GAAA,KAAK,EACT,CAAA,EACF;AACJ,CAAC,EACD;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;;"}
|
|
@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var jsxRuntime = require('react/jsx-runtime');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var components_Skeleton_Skeleton = require('./Skeleton.js');
|
|
8
|
+
require('../../SkeletonThemes.js');
|
|
8
9
|
|
|
9
10
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
10
11
|
|