@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.
Files changed (52) hide show
  1. package/dist/components/AlertBox/AlertBox.js +1 -1
  2. package/dist/components/BoxArrow/BoxArrow.d.ts +10 -0
  3. package/dist/components/BoxArrow/BoxArrow.js +6 -2
  4. package/dist/components/Button/Button.d.ts +19 -0
  5. package/dist/components/CartItemSummary/CartItemSummary.js +1 -1
  6. package/dist/components/FormControl/FormControl.js +1 -1
  7. package/dist/components/Header/Header.css.vanilla.js +1 -2
  8. package/dist/components/Header/Header.d.ts +5 -3
  9. package/dist/components/Header/Header.js +6 -32
  10. package/dist/components/ListItem/ListItem.js +1 -1
  11. package/dist/components/OrderTable/OrderTable.css.d.ts +44 -0
  12. package/dist/components/OrderTable/OrderTable.css.ts.vanilla.css +57 -0
  13. package/dist/components/OrderTable/OrderTable.css.vanilla.js +12 -0
  14. package/dist/components/OrderTableMobile/OrderTableMobile.css.ts.vanilla.css +17 -0
  15. package/dist/components/OrderTableMobile/OrderTableMobile.css.vanilla.js +7 -0
  16. package/dist/components/OrderTableMobile/OrderTableMobile.d.ts +12 -0
  17. package/dist/components/OrderTableMobile/OrderTableMobile.js +40 -0
  18. package/dist/components/Pagination/Pagination.css.ts.vanilla.css +16 -0
  19. package/dist/components/Pagination/Pagination.css.vanilla.js +8 -0
  20. package/dist/components/Pagination/Pagination.d.ts +15 -0
  21. package/dist/components/Pagination/Pagination.js +82 -0
  22. package/dist/components/RippleContainer/RippleContainer.css.ts.vanilla.css +168 -0
  23. package/dist/components/RippleContainer/RippleContainer.css.vanilla.js +6 -0
  24. package/dist/components/RippleContainer/RippleContainer.d.ts +10 -0
  25. package/dist/components/RippleContainer/RippleContainer.js +16 -0
  26. package/dist/components/SideModal/SideModal.css.ts.vanilla.css +104 -0
  27. package/dist/components/SideModal/SideModal.css.vanilla.js +8 -0
  28. package/dist/components/SideModal/SideModal.d.ts +19 -0
  29. package/dist/components/SideModal/SideModal.js +50 -0
  30. package/dist/components/Skeleton/Skeleton.d.ts +3 -1
  31. package/dist/components/Skeleton/Skeleton.js +1 -1
  32. package/dist/cssUtils/border.css.d.ts +2 -2
  33. package/dist/cssUtils/color.css.d.ts +4 -4
  34. package/dist/cssUtils/spacings.css.d.ts +7 -7
  35. package/dist/index.d.ts +15 -4
  36. package/dist/index.js +15 -7
  37. package/dist/typography/BodyText/BodyText.css.ts.vanilla.css +3 -0
  38. package/dist/typography/BodyText/BodyText.css.vanilla.js +3 -3
  39. package/dist/typography/BodyText/BodyText.js +2 -2
  40. package/dist/typography/H1/H1.css.ts.vanilla.css +10 -0
  41. package/dist/typography/H1/H1.css.vanilla.js +8 -0
  42. package/dist/typography/H1/H1.d.ts +13 -0
  43. package/dist/typography/H1/H1.js +24 -0
  44. package/dist/typography/H2/H2.css.ts.vanilla.css +10 -0
  45. package/dist/typography/H2/H2.css.vanilla.js +8 -0
  46. package/dist/typography/H2/H2.d.ts +13 -0
  47. package/dist/typography/H2/H2.js +24 -0
  48. package/dist/typography/H3/H3.d.ts +13 -0
  49. package/dist/typography/Paragraph/Paragraph.css.vanilla.js +8 -0
  50. package/dist/typography/Paragraph/Paragraph.d.ts +16 -0
  51. package/dist/typography/Paragraph/Paragraph.js +28 -0
  52. 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.16",
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/icons": "^0.1.12",
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": "4680516ff99a0ed654230c4986d5292f3627e099"
82
+ "gitHead": "6be1d15733156d9450f44f127dfd5521bd7e646d"
84
83
  }