Skip to content

Commit 4087308

Browse files
alexvuongalexvuong
committed
revert changes from template-retail-app
1 parent 3f1f15a commit 4087308

File tree

1 file changed

+81
-89
lines changed
  • packages/template-retail-react-app/app/theme

1 file changed

+81
-89
lines changed

‎packages/template-retail-react-app/app/theme/index.js‎

Lines changed: 81 additions & 89 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
* SPDX-License-Identifier: BSD-3-Clause
55
* For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
66
*/
7-
import {createSystem, defaultConfig, defineConfig} from '@chakra-ui/react'
7+
import {extendTheme} from '@salesforce/retail-react-app/app/components/shared/ui'
88

99
// Foundational style overrides
1010
import styles from '@salesforce/retail-react-app/app/theme/foundations/styles'
@@ -16,97 +16,89 @@ import layerStyles from '@salesforce/retail-react-app/app/theme/foundations/laye
1616
import shadows from '@salesforce/retail-react-app/app/theme/foundations/shadows'
1717

1818
// Base component style overrides
19-
// import Alert from '@salesforce/retail-react-app/app/theme/components/base/alert'
20-
// import Accordion from '@salesforce/retail-react-app/app/theme/components/base/accordion'
21-
// import Badge from '@salesforce/retail-react-app/app/theme/components/base/badge'
22-
import buttonRecipe from '@salesforce/retail-react-app/app/theme/components/base/button.recipe'
23-
// import Checkbox from '@salesforce/retail-react-app/app/theme/components/base/checkbox'
24-
// import Container from '@salesforce/retail-react-app/app/theme/components/base/container'
25-
// import Drawer from '@salesforce/retail-react-app/app/theme/components/base/drawer'
26-
// import FormLabel from '@salesforce/retail-react-app/app/theme/components/base/formLabel'
27-
// import Icon from '@salesforce/retail-react-app/app/theme/components/base/icon'
28-
// import Input from '@salesforce/retail-react-app/app/theme/components/base/input'
29-
// import Modal from '@salesforce/retail-react-app/app/theme/components/base/modal'
30-
// import Radio from '@salesforce/retail-react-app/app/theme/components/base/radio'
31-
// import Select from '@salesforce/retail-react-app/app/theme/components/base/select'
32-
// import Skeleton from '@salesforce/retail-react-app/app/theme/components/base/skeleton'
33-
// import Tooltip from '@salesforce/retail-react-app/app/theme/components/base/tooltip'
34-
// import Popover from '@salesforce/retail-react-app/app/theme/components/base/popover'
35-
//
36-
// // Project Component style overrides
37-
// import App from '@salesforce/retail-react-app/app/theme/components/project/_app'
38-
// import Breadcrumb from '@salesforce/retail-react-app/app/theme/components/project/breadcrumb'
39-
// import Header from '@salesforce/retail-react-app/app/theme/components/project/header'
40-
// import ListMenu from '@salesforce/retail-react-app/app/theme/components/project/list-menu'
41-
// import Footer from '@salesforce/retail-react-app/app/theme/components/project/footer'
42-
// import CheckoutFooter from '@salesforce/retail-react-app/app/theme/components/project/checkout-footer'
43-
// import LinksList from '@salesforce/retail-react-app/app/theme/components/project/links-list'
44-
// import DrawerMenu from '@salesforce/retail-react-app/app/theme/components/project/drawer-menu'
45-
// import NestedAccordion from '@salesforce/retail-react-app/app/theme/components/project/nested-accordion'
46-
// import LocaleSelector from '@salesforce/retail-react-app/app/theme/components/project/locale-selector'
47-
// import OfflineBanner from '@salesforce/retail-react-app/app/theme/components/project/offline-banner'
48-
// import Pagination from '@salesforce/retail-react-app/app/theme/components/project/pagination'
49-
// import ProductTile from '@salesforce/retail-react-app/app/theme/components/project/product-tile'
50-
// import SocialIcons from '@salesforce/retail-react-app/app/theme/components/project/social-icons'
51-
// import SwatchGroup from '@salesforce/retail-react-app/app/theme/components/project/swatch-group'
52-
// import ImageGallery from '@salesforce/retail-react-app/app/theme/components/project/image-gallery'
19+
import Alert from '@salesforce/retail-react-app/app/theme/components/base/alert'
20+
import Accordion from '@salesforce/retail-react-app/app/theme/components/base/accordion'
21+
import Badge from '@salesforce/retail-react-app/app/theme/components/base/badge'
22+
import Button from '@salesforce/retail-react-app/app/theme/components/base/button'
23+
import Checkbox from '@salesforce/retail-react-app/app/theme/components/base/checkbox'
24+
import Container from '@salesforce/retail-react-app/app/theme/components/base/container'
25+
import Drawer from '@salesforce/retail-react-app/app/theme/components/base/drawer'
26+
import FormLabel from '@salesforce/retail-react-app/app/theme/components/base/formLabel'
27+
import Icon from '@salesforce/retail-react-app/app/theme/components/base/icon'
28+
import Input from '@salesforce/retail-react-app/app/theme/components/base/input'
29+
import Modal from '@salesforce/retail-react-app/app/theme/components/base/modal'
30+
import Radio from '@salesforce/retail-react-app/app/theme/components/base/radio'
31+
import Select from '@salesforce/retail-react-app/app/theme/components/base/select'
32+
import Skeleton from '@salesforce/retail-react-app/app/theme/components/base/skeleton'
33+
import Tooltip from '@salesforce/retail-react-app/app/theme/components/base/tooltip'
34+
import Popover from '@salesforce/retail-react-app/app/theme/components/base/popover'
35+
36+
// Project Component style overrides
37+
import App from '@salesforce/retail-react-app/app/theme/components/project/_app'
38+
import Breadcrumb from '@salesforce/retail-react-app/app/theme/components/project/breadcrumb'
39+
import Header from '@salesforce/retail-react-app/app/theme/components/project/header'
40+
import ListMenu from '@salesforce/retail-react-app/app/theme/components/project/list-menu'
41+
import Footer from '@salesforce/retail-react-app/app/theme/components/project/footer'
42+
import CheckoutFooter from '@salesforce/retail-react-app/app/theme/components/project/checkout-footer'
43+
import LinksList from '@salesforce/retail-react-app/app/theme/components/project/links-list'
44+
import DrawerMenu from '@salesforce/retail-react-app/app/theme/components/project/drawer-menu'
45+
import NestedAccordion from '@salesforce/retail-react-app/app/theme/components/project/nested-accordion'
46+
import LocaleSelector from '@salesforce/retail-react-app/app/theme/components/project/locale-selector'
47+
import OfflineBanner from '@salesforce/retail-react-app/app/theme/components/project/offline-banner'
48+
import Pagination from '@salesforce/retail-react-app/app/theme/components/project/pagination'
49+
import ProductTile from '@salesforce/retail-react-app/app/theme/components/project/product-tile'
50+
import SocialIcons from '@salesforce/retail-react-app/app/theme/components/project/social-icons'
51+
import SwatchGroup from '@salesforce/retail-react-app/app/theme/components/project/swatch-group'
52+
import ImageGallery from '@salesforce/retail-react-app/app/theme/components/project/image-gallery'
5353

5454
// Please refer to the Chakra-Ui theme customization docs found
5555
// here https://chakra-ui.com/docs/theming/customize-theme to learn
5656
// more about extending and overriding themes for your project.
57+
export const overrides = {
58+
styles,
59+
layerStyles,
60+
colors,
61+
sizes,
62+
space,
63+
gradients,
64+
shadows,
65+
components: {
66+
// base components
67+
Accordion,
68+
Alert,
69+
Badge,
70+
Button,
71+
Checkbox,
72+
Container,
73+
Drawer,
74+
FormLabel,
75+
Icon,
76+
Input,
77+
Modal,
78+
Popover,
79+
Radio,
80+
Select,
81+
Skeleton,
82+
Tooltip,
5783

58-
export const overrides = defineConfig({
59-
...styles,
60-
theme: {
61-
tokens: {
62-
layerStyles,
63-
colors,
64-
sizes,
65-
space,
66-
gradients,
67-
shadows
68-
},
69-
recipes: {
70-
buttonRecipe
71-
}
72-
// components: {
73-
// // base components
74-
// Accordion,
75-
// Alert,
76-
// Badge,
77-
// Button,
78-
// Checkbox,
79-
// Container,
80-
// Drawer,
81-
// FormLabel,
82-
// Icon,
83-
// Input,
84-
// Modal,
85-
// Popover,
86-
// Radio,
87-
// Select,
88-
// Skeleton,
89-
// Tooltip,
90-
//
91-
// // project components
92-
// App,
93-
// Breadcrumb,
94-
// Header,
95-
// Footer,
96-
// CheckoutFooter,
97-
// LinksList,
98-
// ListMenu,
99-
// DrawerMenu,
100-
// NestedAccordion,
101-
// LocaleSelector,
102-
// OfflineBanner,
103-
// SocialIcons,
104-
// Pagination,
105-
// ProductTile,
106-
// SwatchGroup,
107-
// ImageGallery
108-
// }
84+
// project components
85+
App,
86+
Breadcrumb,
87+
Header,
88+
Footer,
89+
CheckoutFooter,
90+
LinksList,
91+
ListMenu,
92+
DrawerMenu,
93+
NestedAccordion,
94+
LocaleSelector,
95+
OfflineBanner,
96+
SocialIcons,
97+
Pagination,
98+
ProductTile,
99+
SwatchGroup,
100+
ImageGallery
109101
}
110-
})
111-
const system = createSystem(defaultConfig, overrides)
112-
export default system
102+
}
103+
104+
export default extendTheme(overrides)

0 commit comments

Comments
 (0)