@gympass/yoga 7.114.0 → 7.114.2
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.
|
@@ -65,10 +65,20 @@ const Day = (0, import_styled_components.default)(import__.Text.Overline)`
|
|
|
65
65
|
}
|
|
66
66
|
}) => `
|
|
67
67
|
width: 40px;
|
|
68
|
-
color: ${colors.
|
|
68
|
+
color: ${colors.elements.selectionAndIcons};
|
|
69
69
|
text-align: center;
|
|
70
70
|
`}
|
|
71
71
|
`;
|
|
72
|
+
const Month = (0, import_styled_components.default)(import__.Text.Body2)`
|
|
73
|
+
${({
|
|
74
|
+
theme: {
|
|
75
|
+
yoga: { colors, v3theme }
|
|
76
|
+
}
|
|
77
|
+
}) => `
|
|
78
|
+
color: ${v3theme ? colors.primary : colors.text.primary};
|
|
79
|
+
align-self: center;
|
|
80
|
+
`}
|
|
81
|
+
`;
|
|
72
82
|
const getDayFieldColor = (selected, disabled, colors, aux) => {
|
|
73
83
|
if (selected && !disabled) {
|
|
74
84
|
return colors.white;
|
|
@@ -132,14 +142,14 @@ const DayField = import_styled_components.default.div`
|
|
|
132
142
|
display: flex;
|
|
133
143
|
align-items: center;
|
|
134
144
|
justify-content: center;
|
|
135
|
-
background: ${inRange ? colors.
|
|
145
|
+
background: ${inRange ? colors.elements.lineAndBorders : colors.white};
|
|
136
146
|
position: relative;
|
|
137
147
|
cursor: pointer;
|
|
138
148
|
${selected && inRange ? `border-radius: ${getDayFieldRadius(aux, radii)};` : ``}
|
|
139
149
|
${selected && !disabled ? `&:before {
|
|
140
150
|
content: '';
|
|
141
151
|
position: absolute;
|
|
142
|
-
background: ${colors.
|
|
152
|
+
background: ${colors.primary};
|
|
143
153
|
width: ${datepicker.width.day}px;
|
|
144
154
|
height: ${datepicker.width.day}px;
|
|
145
155
|
border-radius: ${radii.circle}px;
|
|
@@ -346,7 +356,7 @@ function Calendar({
|
|
|
346
356
|
"data-testid": "previous-month-arrow"
|
|
347
357
|
}
|
|
348
358
|
),
|
|
349
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
359
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Month, { bold: true, children: new Intl.DateTimeFormat("en-US", {
|
|
350
360
|
month: "long",
|
|
351
361
|
year: "numeric"
|
|
352
362
|
}).format(new Date(year, month, 1, 0, 0, 0)) }),
|
|
@@ -32,10 +32,20 @@ const Day = styled(Text.Overline)`
|
|
|
32
32
|
}
|
|
33
33
|
}) => `
|
|
34
34
|
width: 40px;
|
|
35
|
-
color: ${colors.
|
|
35
|
+
color: ${colors.elements.selectionAndIcons};
|
|
36
36
|
text-align: center;
|
|
37
37
|
`}
|
|
38
38
|
`;
|
|
39
|
+
const Month = styled(Text.Body2)`
|
|
40
|
+
${({
|
|
41
|
+
theme: {
|
|
42
|
+
yoga: { colors, v3theme }
|
|
43
|
+
}
|
|
44
|
+
}) => `
|
|
45
|
+
color: ${v3theme ? colors.primary : colors.text.primary};
|
|
46
|
+
align-self: center;
|
|
47
|
+
`}
|
|
48
|
+
`;
|
|
39
49
|
const getDayFieldColor = (selected, disabled, colors, aux) => {
|
|
40
50
|
if (selected && !disabled) {
|
|
41
51
|
return colors.white;
|
|
@@ -99,14 +109,14 @@ const DayField = styled.div`
|
|
|
99
109
|
display: flex;
|
|
100
110
|
align-items: center;
|
|
101
111
|
justify-content: center;
|
|
102
|
-
background: ${inRange ? colors.
|
|
112
|
+
background: ${inRange ? colors.elements.lineAndBorders : colors.white};
|
|
103
113
|
position: relative;
|
|
104
114
|
cursor: pointer;
|
|
105
115
|
${selected && inRange ? `border-radius: ${getDayFieldRadius(aux, radii)};` : ``}
|
|
106
116
|
${selected && !disabled ? `&:before {
|
|
107
117
|
content: '';
|
|
108
118
|
position: absolute;
|
|
109
|
-
background: ${colors.
|
|
119
|
+
background: ${colors.primary};
|
|
110
120
|
width: ${datepicker.width.day}px;
|
|
111
121
|
height: ${datepicker.width.day}px;
|
|
112
122
|
border-radius: ${radii.circle}px;
|
|
@@ -313,7 +323,7 @@ function Calendar({
|
|
|
313
323
|
"data-testid": "previous-month-arrow"
|
|
314
324
|
}
|
|
315
325
|
),
|
|
316
|
-
/* @__PURE__ */ jsx(
|
|
326
|
+
/* @__PURE__ */ jsx(Month, { bold: true, children: new Intl.DateTimeFormat("en-US", {
|
|
317
327
|
month: "long",
|
|
318
328
|
year: "numeric"
|
|
319
329
|
}).format(new Date(year, month, 1, 0, 0, 0)) }),
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gympass/yoga",
|
|
3
|
-
"version": "7.114.
|
|
3
|
+
"version": "7.114.2",
|
|
4
4
|
"description": "Gympass component library",
|
|
5
5
|
"main": "./cjs",
|
|
6
6
|
"types": "./typings/index.d.ts",
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
"dependencies": {
|
|
29
29
|
"@gympass/yoga-common": "^1.3.1",
|
|
30
30
|
"@gympass/yoga-helpers": "^1.0.4",
|
|
31
|
-
"@gympass/yoga-icons": "^1.20.
|
|
31
|
+
"@gympass/yoga-icons": "^1.20.1",
|
|
32
32
|
"@gympass/yoga-illustrations": "^0.5.2",
|
|
33
33
|
"@gympass/yoga-system": "^0.11.1",
|
|
34
34
|
"@gympass/yoga-tokens": "^3.5.0",
|
|
@@ -57,7 +57,7 @@
|
|
|
57
57
|
"react-native": "0.72.3",
|
|
58
58
|
"styled-components": "^4.4.0"
|
|
59
59
|
},
|
|
60
|
-
"gitHead": "
|
|
60
|
+
"gitHead": "1efcaf7d819d65420ab67dfa5832c2304ac3d81b",
|
|
61
61
|
"module": "./esm",
|
|
62
62
|
"private": false,
|
|
63
63
|
"react-native": "./cjs/index.native.js"
|