@uniai-fe/uds-primitives 0.6.9 → 0.6.11
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/styles.css
CHANGED
|
@@ -1627,6 +1627,19 @@
|
|
|
1627
1627
|
--calendar-body-width: calc(
|
|
1628
1628
|
var(--calendar-width) - (var(--calendar-inline-padding) * 2)
|
|
1629
1629
|
);
|
|
1630
|
+
--calendar-weekday-height: 30px;
|
|
1631
|
+
--calendar-day-size: 44px;
|
|
1632
|
+
--calendar-day-cell-padding: 1px;
|
|
1633
|
+
--calendar-day-row-height: calc(
|
|
1634
|
+
var(--calendar-day-size) + var(--calendar-day-cell-padding) +
|
|
1635
|
+
var(--calendar-day-cell-padding)
|
|
1636
|
+
);
|
|
1637
|
+
--calendar-day-level-body-height: calc(
|
|
1638
|
+
var(--calendar-weekday-height) + var(--calendar-day-row-height) +
|
|
1639
|
+
var(--calendar-day-row-height) + var(--calendar-day-row-height) +
|
|
1640
|
+
var(--calendar-day-row-height) + var(--calendar-day-row-height) +
|
|
1641
|
+
var(--calendar-day-row-height)
|
|
1642
|
+
);
|
|
1630
1643
|
}
|
|
1631
1644
|
|
|
1632
1645
|
.calendar-root {
|
|
@@ -1682,6 +1695,13 @@
|
|
|
1682
1695
|
width: 100%;
|
|
1683
1696
|
}
|
|
1684
1697
|
|
|
1698
|
+
.calendar-month-level > [data-year-level=true],
|
|
1699
|
+
.calendar-month-level > [data-decade-level=true] {
|
|
1700
|
+
display: grid;
|
|
1701
|
+
grid-template-rows: auto var(--calendar-day-level-body-height);
|
|
1702
|
+
align-items: start;
|
|
1703
|
+
}
|
|
1704
|
+
|
|
1685
1705
|
.calendar-range-grid .calendar-month-level {
|
|
1686
1706
|
display: grid;
|
|
1687
1707
|
grid-template-columns: repeat(2, var(--calendar-range-column-width));
|
|
@@ -1773,13 +1793,15 @@
|
|
|
1773
1793
|
|
|
1774
1794
|
.calendar-month-cell {
|
|
1775
1795
|
width: 46px;
|
|
1776
|
-
padding:
|
|
1796
|
+
padding: var(--calendar-day-cell-padding);
|
|
1777
1797
|
}
|
|
1778
1798
|
|
|
1779
1799
|
.calendar-months-list {
|
|
1780
1800
|
width: 100%;
|
|
1781
1801
|
max-width: 100%;
|
|
1782
1802
|
margin: 0 auto;
|
|
1803
|
+
align-self: center;
|
|
1804
|
+
justify-self: center;
|
|
1783
1805
|
table-layout: fixed;
|
|
1784
1806
|
border-collapse: separate;
|
|
1785
1807
|
border-spacing: var(--spacing-gap-3);
|
|
@@ -1816,6 +1838,8 @@
|
|
|
1816
1838
|
width: 100%;
|
|
1817
1839
|
max-width: 100%;
|
|
1818
1840
|
margin: 0 auto;
|
|
1841
|
+
align-self: center;
|
|
1842
|
+
justify-self: center;
|
|
1819
1843
|
table-layout: fixed;
|
|
1820
1844
|
border-collapse: separate;
|
|
1821
1845
|
border-spacing: var(--spacing-gap-3);
|
|
@@ -1858,7 +1882,7 @@
|
|
|
1858
1882
|
text-transform: none;
|
|
1859
1883
|
width: 46px;
|
|
1860
1884
|
min-width: 46px;
|
|
1861
|
-
height:
|
|
1885
|
+
height: var(--calendar-weekday-height);
|
|
1862
1886
|
padding-bottom: 5px;
|
|
1863
1887
|
font-size: var(--font-heading-xxsmall-size);
|
|
1864
1888
|
font-weight: var(--font-heading-xxsmall-weight);
|
|
@@ -1870,8 +1894,8 @@
|
|
|
1870
1894
|
}
|
|
1871
1895
|
|
|
1872
1896
|
.calendar-day {
|
|
1873
|
-
width:
|
|
1874
|
-
height:
|
|
1897
|
+
width: var(--calendar-day-size);
|
|
1898
|
+
height: var(--calendar-day-size);
|
|
1875
1899
|
padding: 0;
|
|
1876
1900
|
border: none;
|
|
1877
1901
|
border-radius: var(--theme-radius-large-1);
|
|
@@ -1884,8 +1908,8 @@
|
|
|
1884
1908
|
}
|
|
1885
1909
|
|
|
1886
1910
|
.calendar-day-label {
|
|
1887
|
-
width:
|
|
1888
|
-
height:
|
|
1911
|
+
width: var(--calendar-day-size);
|
|
1912
|
+
height: var(--calendar-day-size);
|
|
1889
1913
|
box-sizing: border-box;
|
|
1890
1914
|
display: flex;
|
|
1891
1915
|
align-items: center;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@uniai-fe/uds-primitives",
|
|
3
|
-
"version": "0.6.
|
|
3
|
+
"version": "0.6.11",
|
|
4
4
|
"description": "UNIAI Design System; Primitives Components Package",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"private": false,
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
"publishConfig": {
|
|
16
16
|
"access": "public"
|
|
17
17
|
},
|
|
18
|
-
"packageManager": "pnpm@10.33.
|
|
18
|
+
"packageManager": "pnpm@10.33.3",
|
|
19
19
|
"engines": {
|
|
20
20
|
"node": ">=24",
|
|
21
21
|
"pnpm": ">=10"
|
|
@@ -93,7 +93,7 @@
|
|
|
93
93
|
"@mantine/dates": "^8.3.18",
|
|
94
94
|
"@mantine/hooks": "^8.3.18",
|
|
95
95
|
"@svgr/webpack": "^8.1.0",
|
|
96
|
-
"@types/node": "^24.
|
|
96
|
+
"@types/node": "^24.12.3",
|
|
97
97
|
"@types/react": "^19.2.14",
|
|
98
98
|
"@types/react-dom": "^19.2.3",
|
|
99
99
|
"@uniai-fe/eslint-config": "workspace:*",
|
|
@@ -103,7 +103,7 @@
|
|
|
103
103
|
"@uniai-fe/util-functions": "workspace:*",
|
|
104
104
|
"eslint": "^9.39.2",
|
|
105
105
|
"prettier": "^3.8.3",
|
|
106
|
-
"react-hook-form": "^7.
|
|
106
|
+
"react-hook-form": "^7.75.0",
|
|
107
107
|
"sass": "^1.99.0",
|
|
108
108
|
"typescript": "5.9.3"
|
|
109
109
|
}
|
|
@@ -6,6 +6,19 @@
|
|
|
6
6
|
--calendar-body-width: calc(
|
|
7
7
|
var(--calendar-width) - (var(--calendar-inline-padding) * 2)
|
|
8
8
|
);
|
|
9
|
+
--calendar-weekday-height: 30px;
|
|
10
|
+
--calendar-day-size: 44px;
|
|
11
|
+
--calendar-day-cell-padding: 1px;
|
|
12
|
+
--calendar-day-row-height: calc(
|
|
13
|
+
var(--calendar-day-size) + var(--calendar-day-cell-padding) +
|
|
14
|
+
var(--calendar-day-cell-padding)
|
|
15
|
+
);
|
|
16
|
+
--calendar-day-level-body-height: calc(
|
|
17
|
+
var(--calendar-weekday-height) + var(--calendar-day-row-height) +
|
|
18
|
+
var(--calendar-day-row-height) + var(--calendar-day-row-height) +
|
|
19
|
+
var(--calendar-day-row-height) + var(--calendar-day-row-height) +
|
|
20
|
+
var(--calendar-day-row-height)
|
|
21
|
+
);
|
|
9
22
|
}
|
|
10
23
|
|
|
11
24
|
.calendar-root {
|
|
@@ -64,6 +77,13 @@
|
|
|
64
77
|
width: 100%;
|
|
65
78
|
}
|
|
66
79
|
|
|
80
|
+
.calendar-month-level > [data-year-level="true"],
|
|
81
|
+
.calendar-month-level > [data-decade-level="true"] {
|
|
82
|
+
display: grid;
|
|
83
|
+
grid-template-rows: auto var(--calendar-day-level-body-height);
|
|
84
|
+
align-items: start;
|
|
85
|
+
}
|
|
86
|
+
|
|
67
87
|
.calendar-range-grid .calendar-month-level {
|
|
68
88
|
display: grid;
|
|
69
89
|
grid-template-columns: repeat(2, var(--calendar-range-column-width));
|
|
@@ -160,13 +180,15 @@
|
|
|
160
180
|
|
|
161
181
|
.calendar-month-cell {
|
|
162
182
|
width: 46px;
|
|
163
|
-
padding:
|
|
183
|
+
padding: var(--calendar-day-cell-padding);
|
|
164
184
|
}
|
|
165
185
|
|
|
166
186
|
.calendar-months-list {
|
|
167
187
|
width: 100%;
|
|
168
188
|
max-width: 100%;
|
|
169
189
|
margin: 0 auto;
|
|
190
|
+
align-self: center;
|
|
191
|
+
justify-self: center;
|
|
170
192
|
table-layout: fixed;
|
|
171
193
|
border-collapse: separate;
|
|
172
194
|
border-spacing: var(--spacing-gap-3);
|
|
@@ -205,6 +227,8 @@
|
|
|
205
227
|
width: 100%;
|
|
206
228
|
max-width: 100%;
|
|
207
229
|
margin: 0 auto;
|
|
230
|
+
align-self: center;
|
|
231
|
+
justify-self: center;
|
|
208
232
|
table-layout: fixed;
|
|
209
233
|
border-collapse: separate;
|
|
210
234
|
border-spacing: var(--spacing-gap-3);
|
|
@@ -249,7 +273,7 @@
|
|
|
249
273
|
text-transform: none;
|
|
250
274
|
width: 46px;
|
|
251
275
|
min-width: 46px;
|
|
252
|
-
height:
|
|
276
|
+
height: var(--calendar-weekday-height);
|
|
253
277
|
padding-bottom: 5px;
|
|
254
278
|
font-size: var(--font-heading-xxsmall-size);
|
|
255
279
|
font-weight: var(--font-heading-xxsmall-weight);
|
|
@@ -261,8 +285,8 @@
|
|
|
261
285
|
}
|
|
262
286
|
|
|
263
287
|
.calendar-day {
|
|
264
|
-
width:
|
|
265
|
-
height:
|
|
288
|
+
width: var(--calendar-day-size);
|
|
289
|
+
height: var(--calendar-day-size);
|
|
266
290
|
padding: 0;
|
|
267
291
|
border: none;
|
|
268
292
|
border-radius: var(--theme-radius-large-1);
|
|
@@ -275,8 +299,8 @@
|
|
|
275
299
|
}
|
|
276
300
|
|
|
277
301
|
.calendar-day-label {
|
|
278
|
-
width:
|
|
279
|
-
height:
|
|
302
|
+
width: var(--calendar-day-size);
|
|
303
|
+
height: var(--calendar-day-size);
|
|
280
304
|
box-sizing: border-box;
|
|
281
305
|
display: flex;
|
|
282
306
|
align-items: center;
|