@citygross/components_v2 0.0.16 → 0.0.17
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/components/AlertBox/AlertBox.js +1 -1
- package/dist/components/BoxArrow/BoxArrow.d.ts +10 -0
- package/dist/components/BoxArrow/BoxArrow.js +6 -2
- package/dist/components/Button/Button.d.ts +19 -0
- package/dist/components/CartItemSummary/CartItemSummary.js +1 -1
- package/dist/components/FormControl/FormControl.js +1 -1
- package/dist/components/Header/Header.css.vanilla.js +1 -2
- package/dist/components/Header/Header.d.ts +5 -3
- package/dist/components/Header/Header.js +6 -32
- package/dist/components/ListItem/ListItem.js +1 -1
- package/dist/components/OrderTable/OrderTable.css.d.ts +44 -0
- package/dist/components/OrderTable/OrderTable.css.ts.vanilla.css +57 -0
- package/dist/components/OrderTable/OrderTable.css.vanilla.js +12 -0
- package/dist/components/OrderTableMobile/OrderTableMobile.css.ts.vanilla.css +17 -0
- package/dist/components/OrderTableMobile/OrderTableMobile.css.vanilla.js +7 -0
- package/dist/components/OrderTableMobile/OrderTableMobile.d.ts +12 -0
- package/dist/components/OrderTableMobile/OrderTableMobile.js +40 -0
- package/dist/components/Pagination/Pagination.css.ts.vanilla.css +16 -0
- package/dist/components/Pagination/Pagination.css.vanilla.js +8 -0
- package/dist/components/Pagination/Pagination.d.ts +15 -0
- package/dist/components/Pagination/Pagination.js +82 -0
- package/dist/components/RippleContainer/RippleContainer.css.ts.vanilla.css +168 -0
- package/dist/components/RippleContainer/RippleContainer.css.vanilla.js +6 -0
- package/dist/components/RippleContainer/RippleContainer.d.ts +10 -0
- package/dist/components/RippleContainer/RippleContainer.js +16 -0
- package/dist/components/SideModal/SideModal.css.ts.vanilla.css +104 -0
- package/dist/components/SideModal/SideModal.css.vanilla.js +8 -0
- package/dist/components/SideModal/SideModal.d.ts +19 -0
- package/dist/components/SideModal/SideModal.js +50 -0
- package/dist/components/Skeleton/Skeleton.d.ts +3 -1
- package/dist/components/Skeleton/Skeleton.js +1 -1
- package/dist/cssUtils/border.css.d.ts +2 -2
- package/dist/cssUtils/color.css.d.ts +4 -4
- package/dist/cssUtils/spacings.css.d.ts +7 -7
- package/dist/index.d.ts +15 -4
- package/dist/index.js +15 -7
- package/dist/typography/BodyText/BodyText.css.ts.vanilla.css +3 -0
- package/dist/typography/BodyText/BodyText.css.vanilla.js +3 -3
- package/dist/typography/BodyText/BodyText.js +2 -2
- package/dist/typography/H1/H1.css.ts.vanilla.css +10 -0
- package/dist/typography/H1/H1.css.vanilla.js +8 -0
- package/dist/typography/H1/H1.d.ts +13 -0
- package/dist/typography/H1/H1.js +24 -0
- package/dist/typography/H2/H2.css.ts.vanilla.css +10 -0
- package/dist/typography/H2/H2.css.vanilla.js +8 -0
- package/dist/typography/H2/H2.d.ts +13 -0
- package/dist/typography/H2/H2.js +24 -0
- package/dist/typography/H3/H3.d.ts +13 -0
- package/dist/typography/Paragraph/Paragraph.css.vanilla.js +8 -0
- package/dist/typography/Paragraph/Paragraph.d.ts +16 -0
- package/dist/typography/Paragraph/Paragraph.js +28 -0
- package/package.json +3 -4
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { TPaletteKeys, TFontWeightKeys } from '@citygross/design-tokens_v2';
|
|
3
|
+
import { TBodyTextSizeKeys, TTextDecoration, TTextAlign } from '../../cssUtils/typography.css.js';
|
|
4
|
+
|
|
5
|
+
declare type TParagraph = {
|
|
6
|
+
children: React.ReactNode;
|
|
7
|
+
size?: TBodyTextSizeKeys;
|
|
8
|
+
color?: TPaletteKeys;
|
|
9
|
+
textDecoration?: TTextDecoration;
|
|
10
|
+
fontWeight?: TFontWeightKeys;
|
|
11
|
+
textAlign?: TTextAlign;
|
|
12
|
+
className?: string;
|
|
13
|
+
};
|
|
14
|
+
declare const Paragraph: ({ children, color, fontWeight, textDecoration, size, textAlign, className }: TParagraph) => JSX.Element;
|
|
15
|
+
|
|
16
|
+
export { Paragraph, TParagraph };
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { paragraphtStyle } from './Paragraph.css.vanilla.js';
|
|
3
|
+
|
|
4
|
+
const Paragraph = ({
|
|
5
|
+
children,
|
|
6
|
+
color,
|
|
7
|
+
fontWeight,
|
|
8
|
+
textDecoration,
|
|
9
|
+
size,
|
|
10
|
+
textAlign,
|
|
11
|
+
className
|
|
12
|
+
}) => {
|
|
13
|
+
return /* @__PURE__ */ React.createElement(
|
|
14
|
+
"p",
|
|
15
|
+
{
|
|
16
|
+
className: `${paragraphtStyle({
|
|
17
|
+
bodyTextSize: size,
|
|
18
|
+
color,
|
|
19
|
+
textDecoration,
|
|
20
|
+
textAlign,
|
|
21
|
+
fontWeight
|
|
22
|
+
})} ${className}`
|
|
23
|
+
},
|
|
24
|
+
children
|
|
25
|
+
);
|
|
26
|
+
};
|
|
27
|
+
|
|
28
|
+
export { Paragraph };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@citygross/components_v2",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.17",
|
|
4
4
|
"license": "ISC",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -65,9 +65,8 @@
|
|
|
65
65
|
"react-dom": "^17.0.1"
|
|
66
66
|
},
|
|
67
67
|
"dependencies": {
|
|
68
|
-
"@citygross/components": "^0.8.51",
|
|
69
68
|
"@citygross/design-tokens_v2": "^0.0.3",
|
|
70
|
-
"@citygross/
|
|
69
|
+
"@citygross/icons_v2": "^0.0.1",
|
|
71
70
|
"@citygross/react-use-bg-wizard": "^0.0.8",
|
|
72
71
|
"@citygross/typography": "^0.0.89",
|
|
73
72
|
"@citygross/utils": "^0.0.39",
|
|
@@ -80,5 +79,5 @@
|
|
|
80
79
|
"react-slick": "^0.30.1",
|
|
81
80
|
"slick-carousel": "^1.8.1"
|
|
82
81
|
},
|
|
83
|
-
"gitHead": "
|
|
82
|
+
"gitHead": "6be1d15733156d9450f44f127dfd5521bd7e646d"
|
|
84
83
|
}
|