@thecb/components 3.3.10 → 3.4.0

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 (3) hide show
  1. package/dist/index.cjs.js +20 -6
  2. package/package.json +1 -1
  3. package/src/components/atoms/button-with-action/ButtonWithAction.theme.js +20 -6
package/dist/index.cjs.js CHANGED
@@ -12283,6 +12283,7 @@ var padding = {
12283
12283
  smallPrimary: "0.75rem 1rem",
12284
12284
  smallSecondary: "0.75rem 1rem",
12285
12285
  smallGhost: "0",
12286
+ tertiary: "1rem 1.25rem",
12286
12287
  ghost: "0.65rem 0",
12287
12288
  danger: "1rem 1.25rem",
12288
12289
  whiteSecondary: "0.75rem 2rem",
@@ -12296,6 +12297,7 @@ var color$1 = {
12296
12297
  smallSecondary: "#15749D",
12297
12298
  smallGhost: "#15749D",
12298
12299
  ghost: "#15749D",
12300
+ tertiary: "#15749D",
12299
12301
  danger: "#FFFFFF",
12300
12302
  whiteSecondary: "#FFFFFF",
12301
12303
  whitePrimary: "#FFFFFF"
@@ -12308,6 +12310,7 @@ var fontSizeVariant = {
12308
12310
  smallSecondary: "pS",
12309
12311
  smallGhost: "p",
12310
12312
  ghost: "pL",
12313
+ tertiary: "pS",
12311
12314
  danger: "pS",
12312
12315
  whiteSecondary: "pS",
12313
12316
  whitePrimary: "pS"
@@ -12320,6 +12323,7 @@ var fontWeight = {
12320
12323
  smallSecondary: "600",
12321
12324
  smallGhost: "400",
12322
12325
  ghost: "600",
12326
+ tertiary: "600",
12323
12327
  danger: "600",
12324
12328
  whiteSecondary: "600",
12325
12329
  whitePrimary: "600"
@@ -12332,6 +12336,7 @@ var height = {
12332
12336
  smallSecondary: "2.5rem",
12333
12337
  smallGhost: "1.5rem",
12334
12338
  ghost: "3rem",
12339
+ tertiary: "3rem",
12335
12340
  danger: "3rem",
12336
12341
  whiteSecondary: "3rem",
12337
12342
  whitePrimary: "auto"
@@ -12344,6 +12349,7 @@ var minWidth = {
12344
12349
  smallSecondary: "100px",
12345
12350
  smallGhost: "100px",
12346
12351
  ghost: "130px",
12352
+ tertiary: "130px",
12347
12353
  danger: "130px",
12348
12354
  whiteSecondary: "160px",
12349
12355
  whitePrimary: "130px"
@@ -12356,6 +12362,7 @@ var backgroundColor = {
12356
12362
  smallSecondary: "transparent",
12357
12363
  smallGhost: "transparent",
12358
12364
  ghost: "transparent",
12365
+ tertiary: "transparent",
12359
12366
  danger: "#ED125F",
12360
12367
  whiteSecondary: "transparent",
12361
12368
  whitePrimary: "transparent"
@@ -12368,6 +12375,7 @@ var border = {
12368
12375
  smallSecondary: "2px solid #15749D",
12369
12376
  smallGhost: "none",
12370
12377
  ghost: "none",
12378
+ tertiary: "none",
12371
12379
  danger: "2px solid #ED125F",
12372
12380
  whiteSecondary: "2px solid white",
12373
12381
  whitePrimary: "2px solid transparent"
@@ -12378,8 +12386,9 @@ var hoverBackgroundColor = {
12378
12386
  back: "transparent",
12379
12387
  smallPrimary: "#116285",
12380
12388
  smallSecondary: "transparent",
12381
- ghost: "transparent",
12382
12389
  smallGhost: "transparent",
12390
+ ghost: "transparent",
12391
+ tertiary: "transparent",
12383
12392
  danger: "#BA002C",
12384
12393
  whiteSecondary: "transparent",
12385
12394
  whitePrimary: "transparent"
@@ -12390,8 +12399,9 @@ var hoverBorderColor = {
12390
12399
  back: "#DCEAF1",
12391
12400
  smallPrimary: "#116285",
12392
12401
  smallSecondary: "#DCEAF1",
12393
- ghost: "transparent",
12394
12402
  smallGhost: "transparent",
12403
+ ghost: "transparent",
12404
+ tertiary: "transparent",
12395
12405
  danger: "#BA002C",
12396
12406
  whiteSecondary: "2px solid transparent",
12397
12407
  whitePrimary: "2px solid transparent"
@@ -12402,8 +12412,9 @@ var hoverColor = {
12402
12412
  back: "#116285",
12403
12413
  smallPrimary: "#FFFFFF",
12404
12414
  smallSecondary: "#116285",
12405
- ghost: "#116285",
12406
12415
  smallGhost: "#116285",
12416
+ ghost: "#116285",
12417
+ tertiary: "#116285",
12407
12418
  danger: "#FFFFFF",
12408
12419
  whiteSecondary: "#FFFFFF",
12409
12420
  whitePrimary: "#FFFFFF"
@@ -12414,8 +12425,9 @@ var activeBackgroundColor = {
12414
12425
  back: "transparent",
12415
12426
  smallPrimary: "#0E506D",
12416
12427
  smallSecondary: "transparent",
12417
- ghost: "transparent",
12418
12428
  smallGhost: "transparent",
12429
+ ghost: "transparent",
12430
+ tertiary: "transparent",
12419
12431
  danger: "#870000",
12420
12432
  whiteSecondary: "transparent",
12421
12433
  whitePrimary: "transparent"
@@ -12426,8 +12438,9 @@ var activeBorderColor = {
12426
12438
  back: "#0E506D",
12427
12439
  smallPrimary: "#0E506D",
12428
12440
  smallSecondary: "#0E506D",
12429
- ghost: "transparent",
12430
12441
  smallGhost: "transparent",
12442
+ ghost: "transparent",
12443
+ tertiary: "transparent",
12431
12444
  danger: "#870000",
12432
12445
  whiteSecondary: "2px solid transparent",
12433
12446
  whitePrimary: "2px solid transparent"
@@ -12438,8 +12451,9 @@ var activeColor = {
12438
12451
  back: "#0E506D",
12439
12452
  smallPrimary: "#FFFFFF",
12440
12453
  smallSecondary: "#0E506D",
12441
- ghost: "#0E506D",
12442
12454
  smallGhost: "#0E506D",
12455
+ ghost: "#0E506D",
12456
+ tertiary: "#0E506D",
12443
12457
  danger: "#FFFFFF",
12444
12458
  whiteSecondary: "#FFFFFF",
12445
12459
  whitePrimary: "#FFFFFF"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@thecb/components",
3
- "version": "3.3.10",
3
+ "version": "3.4.0",
4
4
  "description": "Common lib for CityBase react components",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.esm.js",
package/src/components/atoms/button-with-action/ButtonWithAction.theme.js CHANGED
@@ -10,6 +10,7 @@ const padding = {
10
10
  smallPrimary: "0.75rem 1rem",
11
11
  smallSecondary: "0.75rem 1rem",
12
12
  smallGhost: "0",
13
+ tertiary: "1rem 1.25rem",
13
14
  ghost: "0.65rem 0",
14
15
  danger: "1rem 1.25rem",
15
16
  whiteSecondary: "0.75rem 2rem",
@@ -24,6 +25,7 @@ const color = {
24
25
  smallSecondary: "#15749D",
25
26
  smallGhost: "#15749D",
26
27
  ghost: "#15749D",
28
+ tertiary: "#15749D",
27
29
  danger: "#FFFFFF",
28
30
  whiteSecondary: "#FFFFFF",
29
31
  whitePrimary: "#FFFFFF"
@@ -37,6 +39,7 @@ const fontSizeVariant = {
37
39
  smallSecondary: "pS",
38
40
  smallGhost: "p",
39
41
  ghost: "pL",
42
+ tertiary: "pS",
40
43
  danger: "pS",
41
44
  whiteSecondary: "pS",
42
45
  whitePrimary: "pS"
@@ -50,6 +53,7 @@ const fontWeight = {
50
53
  smallSecondary: "600",
51
54
  smallGhost: "400",
52
55
  ghost: "600",
56
+ tertiary: "600",
53
57
  danger: "600",
54
58
  whiteSecondary: "600",
55
59
  whitePrimary: "600"
@@ -63,6 +67,7 @@ const height = {
63
67
  smallSecondary: "2.5rem",
64
68
  smallGhost: "1.5rem",
65
69
  ghost: "3rem",
70
+ tertiary: "3rem",
66
71
  danger: "3rem",
67
72
  whiteSecondary: "3rem",
68
73
  whitePrimary: "auto"
@@ -76,6 +81,7 @@ const minWidth = {
76
81
  smallSecondary: "100px",
77
82
  smallGhost: "100px",
78
83
  ghost: "130px",
84
+ tertiary: "130px",
79
85
  danger: "130px",
80
86
  whiteSecondary: "160px",
81
87
  whitePrimary: "130px"
@@ -89,6 +95,7 @@ const backgroundColor = {
89
95
  smallSecondary: "transparent",
90
96
  smallGhost: "transparent",
91
97
  ghost: "transparent",
98
+ tertiary: "transparent",
92
99
  danger: "#ED125F",
93
100
  whiteSecondary: "transparent",
94
101
  whitePrimary: "transparent"
@@ -102,6 +109,7 @@ const border = {
102
109
  smallSecondary: "2px solid #15749D",
103
110
  smallGhost: "none",
104
111
  ghost: "none",
112
+ tertiary: "none",
105
113
  danger: "2px solid #ED125F",
106
114
  whiteSecondary: "2px solid white",
107
115
  whitePrimary: "2px solid transparent"
@@ -113,8 +121,9 @@ const hoverBackgroundColor = {
113
121
  back: "transparent",
114
122
  smallPrimary: "#116285",
115
123
  smallSecondary: "transparent",
116
- ghost: "transparent",
117
124
  smallGhost: "transparent",
125
+ ghost: "transparent",
126
+ tertiary: "transparent",
118
127
  danger: "#BA002C",
119
128
  whiteSecondary: "transparent",
120
129
  whitePrimary: "transparent"
@@ -126,8 +135,9 @@ const hoverBorderColor = {
126
135
  back: "#DCEAF1",
127
136
  smallPrimary: "#116285",
128
137
  smallSecondary: "#DCEAF1",
129
- ghost: "transparent",
130
138
  smallGhost: "transparent",
139
+ ghost: "transparent",
140
+ tertiary: "transparent",
131
141
  danger: "#BA002C",
132
142
  whiteSecondary: "2px solid transparent",
133
143
  whitePrimary: "2px solid transparent"
@@ -139,8 +149,9 @@ const hoverColor = {
139
149
  back: "#116285",
140
150
  smallPrimary: "#FFFFFF",
141
151
  smallSecondary: "#116285",
142
- ghost: "#116285",
143
152
  smallGhost: "#116285",
153
+ ghost: "#116285",
154
+ tertiary: "#116285",
144
155
  danger: "#FFFFFF",
145
156
  whiteSecondary: "#FFFFFF",
146
157
  whitePrimary: "#FFFFFF"
@@ -152,8 +163,9 @@ const activeBackgroundColor = {
152
163
  back: "transparent",
153
164
  smallPrimary: "#0E506D",
154
165
  smallSecondary: "transparent",
155
- ghost: "transparent",
156
166
  smallGhost: "transparent",
167
+ ghost: "transparent",
168
+ tertiary: "transparent",
157
169
  danger: "#870000",
158
170
  whiteSecondary: "transparent",
159
171
  whitePrimary: "transparent"
@@ -165,8 +177,9 @@ const activeBorderColor = {
165
177
  back: "#0E506D",
166
178
  smallPrimary: "#0E506D",
167
179
  smallSecondary: "#0E506D",
168
- ghost: "transparent",
169
180
  smallGhost: "transparent",
181
+ ghost: "transparent",
182
+ tertiary: "transparent",
170
183
  danger: "#870000",
171
184
  whiteSecondary: "2px solid transparent",
172
185
  whitePrimary: "2px solid transparent"
@@ -178,8 +191,9 @@ const activeColor = {
178
191
  back: "#0E506D",
179
192
  smallPrimary: "#FFFFFF",
180
193
  smallSecondary: "#0E506D",
181
- ghost: "#0E506D",
182
194
  smallGhost: "#0E506D",
195
+ ghost: "#0E506D",
196
+ tertiary: "#0E506D",
183
197
  danger: "#FFFFFF",
184
198
  whiteSecondary: "#FFFFFF",
185
199
  whitePrimary: "#FFFFFF"