@manamerge/mana-atomic-ui 1.0.156 → 1.0.158

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.
@@ -27,9 +27,6 @@ import pint3 from "./manamerge/layouts/pint3";
27
27
  // vSizes
28
28
  import fontsizes from "./manamerge/miscellaneous/fontsizes";
29
29
 
30
- // colorPalette
31
- import colors from "./manamerge/miscellaneous/colorpalette";
32
-
33
30
  // Styling
34
31
  // import filterListTheme from "./manamerge/styling/filter-list-theme.css.js";
35
32
  // import chatTheme from "./manamerge/styling/chat-theme.css.js";
@@ -147,8 +144,6 @@ export const ManamergeTheme = {
147
144
  breakpoints,
148
145
  // vSizes
149
146
  fontsizes,
150
- // colorPalette
151
- colors,
152
147
 
153
148
  pages: {
154
149
  vod: {
@@ -3,60 +3,60 @@ import fontsizes from "../miscellaneous/fontsizes";
3
3
 
4
4
  const text = {
5
5
  "Text-primary-light": {
6
- vFontSize: fontsizes.xs,
6
+ fontSize: fontsizes.xs,
7
7
  lineHeight: "18px",
8
8
  fontWeight: 300,
9
- vColor: colors.one.b,
9
+ color: colors.one.b,
10
10
  margin: "0px",
11
11
  fontFamily: "ManamergeGilmer"
12
12
  },
13
13
  "Text-primary-regular": {
14
- vFontSize: fontsizes.sm,
14
+ fontSize: fontsizes.sm,
15
15
  lineHeight: "25px",
16
16
  fontWeight: 400,
17
- vColor: colors.one.b,
17
+ color: colors.one.b,
18
18
  margin: "0px",
19
19
  fontFamily: "ManamergeGilmer"
20
20
  },
21
21
  "Text-primary-medium": {
22
- vFontSize: fontsizes.md,
22
+ fontSize: fontsizes.md,
23
23
  lineHeight: "28px",
24
24
  fontWeight: 500,
25
- vColor: colors.one.b,
25
+ color: colors.one.b,
26
26
  margin: "0px",
27
27
  fontFamily: "ManamergeGilmer"
28
28
  },
29
29
  "Text-primary-bold": {
30
- vFontSize: fontsizes.lg,
30
+ fontSize: fontsizes.lg,
31
31
  lineHeight: "28px",
32
32
  fontWeight: 700,
33
- vColor: colors.one.b,
33
+ color: colors.one.b,
34
34
  margin: "0px",
35
35
  fontFamily: "ManamergeGilmer"
36
36
  },
37
37
  "Text-primary-heavy": {
38
- vFontSize: fontsizes.xl,
38
+ fontSize: fontsizes.xl,
39
39
  lineHeight: "28px",
40
40
  fontWeight: 900,
41
- vColor: colors.one.b,
41
+ color: colors.one.b,
42
42
  margin: "0px",
43
43
  fontFamily: "ManamergeGilmer"
44
44
  },
45
45
 
46
46
  "Text-secondary-regular": {
47
- vFontSize: fontsizes.sm,
47
+ fontSize: fontsizes.sm,
48
48
  lineHeight: "25px",
49
49
  fontWeight: 400,
50
- vColor: colors.one.h,
50
+ color: colors.one.h,
51
51
  margin: "0px",
52
52
  fontFamily: "Springwood"
53
53
  },
54
54
  "Text-secondary-italic": {
55
- vFontSize: fontsizes.lg,
55
+ fontSize: fontsizes.lg,
56
56
  lineHeight: "25px",
57
57
  fontWeight: 400,
58
58
  fontStyle: "italic",
59
- vColor: colors.one.h,
59
+ color: colors.one.h,
60
60
  margin: "0px",
61
61
  fontFamily: "Springwood"
62
62
  }
@@ -1,17 +1,21 @@
1
+ import colors from "../miscellaneous/colorpalette";
2
+ import vFontSizes from "../miscellaneous/fontsizes";
3
+
1
4
  const breakerTape = {
2
5
  "BreakerTape-primary": {
3
6
  icon: {
4
7
  variant: "medium",
5
- fill: "gold",
6
- stroke: "gold",
8
+ fill: colors.one.g,
9
+ stroke: colors.one.g,
7
10
  hover: {
8
- stroke: "gold",
9
- fill: "gold"
11
+ fill: colors.one.g,
12
+ stroke: colors.one.g
10
13
  }
11
14
  },
12
15
  text: {
13
- variant: "secondary-bold",
14
- color: "#111"
16
+ variant: "primary-medium",
17
+ color: colors.one.h,
18
+ fontSize: vFontSizes.sm
15
19
  },
16
20
  tapeContent: {
17
21
  alignItems: "center",
@@ -21,7 +25,7 @@ const breakerTape = {
21
25
  tapeContainer: {
22
26
  width: "100%",
23
27
  transform: "rotate(-3deg)",
24
- background: `linear-gradient(to right,rgb(255, 120, 120),rgb(255, 101, 247))`,
28
+ background: `linear-gradient(to right,#c6fba6,#80c3ba)`,
25
29
  padding: "10px 0",
26
30
  margin: "45px 0 0 0"
27
31
  }
@@ -29,7 +29,7 @@ const header = {
29
29
  variant: "secondary-h1"
30
30
  },
31
31
  atomTextTitle: {
32
- variant: "primary-medium"
32
+ variant: "secondary-medium"
33
33
  },
34
34
  atomButtonLeft: {
35
35
  variant: "primary",
@@ -1,10 +1,9 @@
1
1
  import React from "react";
2
2
  export interface TextTypes {
3
- variant?: string;
3
+ variant?: "primary-light" | "primary-regular" | "primary-medium" | "primary-bold" | "primary-heavy" | "secondary-regular" | "secondary-italic";
4
4
  children?: string;
5
5
  htmlFor?: string;
6
6
  margin?: string;
7
- color?: string;
8
7
  lineHeight?: string;
9
8
  fontWeight?: string | number;
10
9
  tag?: keyof JSX.IntrinsicElements;
@@ -506,59 +506,59 @@ export declare const ManamergeTheme: {
506
506
  };
507
507
  text: {
508
508
  "Text-primary-light": {
509
- vFontSize: string;
509
+ fontSize: string;
510
510
  lineHeight: string;
511
511
  fontWeight: number;
512
- vColor: string;
512
+ color: string;
513
513
  margin: string;
514
514
  fontFamily: string;
515
515
  };
516
516
  "Text-primary-regular": {
517
- vFontSize: string;
517
+ fontSize: string;
518
518
  lineHeight: string;
519
519
  fontWeight: number;
520
- vColor: string;
520
+ color: string;
521
521
  margin: string;
522
522
  fontFamily: string;
523
523
  };
524
524
  "Text-primary-medium": {
525
- vFontSize: string;
525
+ fontSize: string;
526
526
  lineHeight: string;
527
527
  fontWeight: number;
528
- vColor: string;
528
+ color: string;
529
529
  margin: string;
530
530
  fontFamily: string;
531
531
  };
532
532
  "Text-primary-bold": {
533
- vFontSize: string;
533
+ fontSize: string;
534
534
  lineHeight: string;
535
535
  fontWeight: number;
536
- vColor: string;
536
+ color: string;
537
537
  margin: string;
538
538
  fontFamily: string;
539
539
  };
540
540
  "Text-primary-heavy": {
541
- vFontSize: string;
541
+ fontSize: string;
542
542
  lineHeight: string;
543
543
  fontWeight: number;
544
- vColor: string;
544
+ color: string;
545
545
  margin: string;
546
546
  fontFamily: string;
547
547
  };
548
548
  "Text-secondary-regular": {
549
- vFontSize: string;
549
+ fontSize: string;
550
550
  lineHeight: string;
551
551
  fontWeight: number;
552
- vColor: string;
552
+ color: string;
553
553
  margin: string;
554
554
  fontFamily: string;
555
555
  };
556
556
  "Text-secondary-italic": {
557
- vFontSize: string;
557
+ fontSize: string;
558
558
  lineHeight: string;
559
559
  fontWeight: number;
560
560
  fontStyle: string;
561
- vColor: string;
561
+ color: string;
562
562
  margin: string;
563
563
  fontFamily: string;
564
564
  };
@@ -1125,13 +1125,14 @@ export declare const ManamergeTheme: {
1125
1125
  fill: string;
1126
1126
  stroke: string;
1127
1127
  hover: {
1128
- stroke: string;
1129
1128
  fill: string;
1129
+ stroke: string;
1130
1130
  };
1131
1131
  };
1132
1132
  text: {
1133
1133
  variant: string;
1134
1134
  color: string;
1135
+ fontSize: string;
1135
1136
  };
1136
1137
  tapeContent: {
1137
1138
  alignItems: string;
@@ -1280,36 +1281,6 @@ export declare const ManamergeTheme: {
1280
1281
  xxxl: string;
1281
1282
  xxxxl: string;
1282
1283
  };
1283
- colors: {
1284
- one: {
1285
- a: string;
1286
- b: string;
1287
- c: string;
1288
- d: string;
1289
- e: string;
1290
- f: string;
1291
- g: string;
1292
- h: string;
1293
- i: string;
1294
- };
1295
- two: {
1296
- a: string;
1297
- b: string;
1298
- c: string;
1299
- d: string;
1300
- e: string;
1301
- f: string;
1302
- };
1303
- three: {
1304
- a: string;
1305
- b: string;
1306
- c: string;
1307
- };
1308
- four: {
1309
- a: string;
1310
- b: string;
1311
- };
1312
- };
1313
1284
  pages: {
1314
1285
  vod: {
1315
1286
  top: {
@@ -1,58 +1,58 @@
1
1
  declare const text: {
2
2
  "Text-primary-light": {
3
- vFontSize: string;
3
+ fontSize: string;
4
4
  lineHeight: string;
5
5
  fontWeight: number;
6
- vColor: string;
6
+ color: string;
7
7
  margin: string;
8
8
  fontFamily: string;
9
9
  };
10
10
  "Text-primary-regular": {
11
- vFontSize: string;
11
+ fontSize: string;
12
12
  lineHeight: string;
13
13
  fontWeight: number;
14
- vColor: string;
14
+ color: string;
15
15
  margin: string;
16
16
  fontFamily: string;
17
17
  };
18
18
  "Text-primary-medium": {
19
- vFontSize: string;
19
+ fontSize: string;
20
20
  lineHeight: string;
21
21
  fontWeight: number;
22
- vColor: string;
22
+ color: string;
23
23
  margin: string;
24
24
  fontFamily: string;
25
25
  };
26
26
  "Text-primary-bold": {
27
- vFontSize: string;
27
+ fontSize: string;
28
28
  lineHeight: string;
29
29
  fontWeight: number;
30
- vColor: string;
30
+ color: string;
31
31
  margin: string;
32
32
  fontFamily: string;
33
33
  };
34
34
  "Text-primary-heavy": {
35
- vFontSize: string;
35
+ fontSize: string;
36
36
  lineHeight: string;
37
37
  fontWeight: number;
38
- vColor: string;
38
+ color: string;
39
39
  margin: string;
40
40
  fontFamily: string;
41
41
  };
42
42
  "Text-secondary-regular": {
43
- vFontSize: string;
43
+ fontSize: string;
44
44
  lineHeight: string;
45
45
  fontWeight: number;
46
- vColor: string;
46
+ color: string;
47
47
  margin: string;
48
48
  fontFamily: string;
49
49
  };
50
50
  "Text-secondary-italic": {
51
- vFontSize: string;
51
+ fontSize: string;
52
52
  lineHeight: string;
53
53
  fontWeight: number;
54
54
  fontStyle: string;
55
- vColor: string;
55
+ color: string;
56
56
  margin: string;
57
57
  fontFamily: string;
58
58
  };
@@ -5,13 +5,14 @@ declare const breakerTape: {
5
5
  fill: string;
6
6
  stroke: string;
7
7
  hover: {
8
- stroke: string;
9
8
  fill: string;
9
+ stroke: string;
10
10
  };
11
11
  };
12
12
  text: {
13
13
  variant: string;
14
14
  color: string;
15
+ fontSize: string;
15
16
  };
16
17
  tapeContent: {
17
18
  alignItems: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@manamerge/mana-atomic-ui",
3
- "version": "1.0.156",
3
+ "version": "1.0.158",
4
4
  "description": "Mana Merge design system",
5
5
  "license": "ISC",
6
6
  "author": "MM",
@@ -1,11 +0,0 @@
1
- import { Meta, StoryObj } from "@storybook/react";
2
- import { CardSimpleRenderTypes } from "./CardSimpleRender";
3
- declare const meta: Meta<CardSimpleRenderTypes>;
4
- export default meta;
5
- type Story = StoryObj<CardSimpleRenderTypes>;
6
- export declare const Default: Story;
7
- export declare const Hover: Story;
8
- export declare const Flex: Story;
9
- export declare const FlexExtra: Story;
10
- export declare const Flex2: Story;
11
- export declare const Isolado: Story;