@payloadcms/ui 3.0.0-beta.90 → 3.0.0-beta.91
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/elements/AddNewRelation/index.d.ts.map +1 -1
- package/dist/elements/AddNewRelation/index.js +1 -1
- package/dist/elements/AddNewRelation/index.js.map +1 -1
- package/dist/elements/AddNewRelation/index.scss +14 -4
- package/dist/elements/AppHeader/index.js +41 -80
- package/dist/elements/AppHeader/index.js.map +1 -1
- package/dist/elements/Autosave/index.js +148 -231
- package/dist/elements/Autosave/index.js.map +1 -1
- package/dist/elements/Button/index.js +86 -218
- package/dist/elements/Button/index.js.map +1 -1
- package/dist/elements/Collapsible/index.js +44 -62
- package/dist/elements/Collapsible/index.js.map +1 -1
- package/dist/elements/Collapsible/index.scss +15 -28
- package/dist/elements/CopyToClipboard/index.js +20 -54
- package/dist/elements/CopyToClipboard/index.js.map +1 -1
- package/dist/elements/Dropzone/index.js +59 -119
- package/dist/elements/Dropzone/index.js.map +1 -1
- package/dist/elements/EditMany/index.js +124 -230
- package/dist/elements/EditMany/index.js.map +1 -1
- package/dist/elements/EditUpload/index.js +133 -206
- package/dist/elements/EditUpload/index.js.map +1 -1
- package/dist/elements/ListControls/index.js +82 -188
- package/dist/elements/ListControls/index.js.map +1 -1
- package/dist/elements/Nav/context.js +47 -83
- package/dist/elements/Nav/context.js.map +1 -1
- package/dist/elements/SaveButton/index.js +30 -81
- package/dist/elements/SaveButton/index.js.map +1 -1
- package/dist/elements/SaveDraftButton/index.js +54 -116
- package/dist/elements/SaveDraftButton/index.js.map +1 -1
- package/dist/elements/SearchFilter/index.js +21 -77
- package/dist/elements/SearchFilter/index.js.map +1 -1
- package/dist/elements/Upload/index.js +130 -280
- package/dist/elements/Upload/index.js.map +1 -1
- package/dist/exports/client/{CodeEditor-C4FLUUO7.js → CodeEditor-MTP455NO.js} +2 -2
- package/dist/exports/client/chunk-NJHSEGFB.js +14 -0
- package/dist/exports/client/{chunk-UGBVRIVY.js.map → chunk-NJHSEGFB.js.map} +2 -2
- package/dist/exports/client/index.d.ts +1 -1
- package/dist/exports/client/index.d.ts.map +1 -1
- package/dist/exports/client/index.js +19 -19
- package/dist/exports/client/index.js.map +3 -3
- package/dist/fields/Relationship/index.js +318 -504
- package/dist/fields/Relationship/index.js.map +1 -1
- package/dist/fields/Upload/HasMany/index.d.ts.map +1 -1
- package/dist/fields/Upload/HasMany/index.js +192 -422
- package/dist/fields/Upload/HasMany/index.js.map +1 -1
- package/dist/fields/Upload/HasMany/index.scss +19 -1
- package/dist/forms/Submit/index.js +12 -28
- package/dist/forms/Submit/index.js.map +1 -1
- package/dist/hooks/useDelay.js +15 -48
- package/dist/hooks/useDelay.js.map +1 -1
- package/dist/hooks/useDelayedRender.js +32 -71
- package/dist/hooks/useDelayedRender.js.map +1 -1
- package/dist/hooks/useIntersect.js +14 -20
- package/dist/hooks/useIntersect.js.map +1 -1
- package/dist/providers/Preferences/index.js +1 -3
- package/dist/providers/Preferences/index.js.map +1 -1
- package/dist/providers/Selection/index.js +102 -190
- package/dist/providers/Selection/index.js.map +1 -1
- package/dist/scss/app.scss +6 -6
- package/dist/scss/type.scss +4 -4
- package/dist/styles.css +1 -1
- package/package.json +8 -8
- package/dist/exports/client/chunk-UGBVRIVY.js +0 -14
- /package/dist/exports/client/{CodeEditor-C4FLUUO7.js.map → CodeEditor-MTP455NO.js.map} +0 -0
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
|
|
3
|
-
import { c as _c } from "react/compiler-runtime";
|
|
4
3
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
5
4
|
import * as qs from 'qs-esm';
|
|
6
5
|
import React, { createContext, useCallback, useContext, useEffect, useRef, useState } from 'react';
|
|
@@ -14,202 +13,117 @@ export var SelectAllStatus;
|
|
|
14
13
|
SelectAllStatus["Some"] = "some";
|
|
15
14
|
})(SelectAllStatus || (SelectAllStatus = {}));
|
|
16
15
|
const Context = /*#__PURE__*/createContext({});
|
|
17
|
-
export const SelectionProvider =
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
totalDocs
|
|
23
|
-
} = t0;
|
|
24
|
-
let t2;
|
|
25
|
-
if ($[0] !== t1) {
|
|
26
|
-
t2 = t1 === undefined ? [] : t1;
|
|
27
|
-
$[0] = t1;
|
|
28
|
-
$[1] = t2;
|
|
29
|
-
} else {
|
|
30
|
-
t2 = $[1];
|
|
31
|
-
}
|
|
32
|
-
const docs = t2;
|
|
16
|
+
export const SelectionProvider = ({
|
|
17
|
+
children,
|
|
18
|
+
docs = [],
|
|
19
|
+
totalDocs
|
|
20
|
+
}) => {
|
|
33
21
|
const contextRef = useRef({});
|
|
34
22
|
const {
|
|
35
23
|
code: locale
|
|
36
24
|
} = useLocale();
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
});
|
|
47
|
-
return rows;
|
|
48
|
-
};
|
|
49
|
-
$[2] = docs;
|
|
50
|
-
$[3] = t3;
|
|
51
|
-
} else {
|
|
52
|
-
t3 = $[3];
|
|
53
|
-
}
|
|
54
|
-
const [selected, setSelected] = useState(t3);
|
|
25
|
+
const [selected, setSelected] = useState(() => {
|
|
26
|
+
const rows = {};
|
|
27
|
+
docs.forEach(({
|
|
28
|
+
id
|
|
29
|
+
}) => {
|
|
30
|
+
rows[id] = false;
|
|
31
|
+
});
|
|
32
|
+
return rows;
|
|
33
|
+
});
|
|
55
34
|
const [selectAll, setSelectAll] = useState("none");
|
|
56
35
|
const [count, setCount] = useState(0);
|
|
57
36
|
const {
|
|
58
37
|
searchParams
|
|
59
38
|
} = useSearchParams();
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
const {
|
|
69
|
-
id: id_0
|
|
70
|
-
} = t6;
|
|
71
|
-
rows_0[id_0] = true;
|
|
72
|
-
});
|
|
73
|
-
} else {
|
|
74
|
-
if (selectAll === "allAvailable" || selectAll === "allInPage") {
|
|
75
|
-
setSelectAll("none");
|
|
76
|
-
docs.forEach(t7 => {
|
|
77
|
-
const {
|
|
78
|
-
id: id_1
|
|
79
|
-
} = t7;
|
|
80
|
-
rows_0[id_1] = false;
|
|
81
|
-
});
|
|
82
|
-
} else {
|
|
83
|
-
docs.forEach(t8 => {
|
|
84
|
-
const {
|
|
85
|
-
id: id_2
|
|
86
|
-
} = t8;
|
|
87
|
-
rows_0[id_2] = selectAll !== "some";
|
|
88
|
-
});
|
|
89
|
-
}
|
|
90
|
-
}
|
|
91
|
-
setSelected(rows_0);
|
|
92
|
-
};
|
|
93
|
-
$[4] = docs;
|
|
94
|
-
$[5] = selectAll;
|
|
95
|
-
$[6] = t4;
|
|
96
|
-
} else {
|
|
97
|
-
t4 = $[6];
|
|
98
|
-
}
|
|
99
|
-
const toggleAll = t4;
|
|
100
|
-
let t5;
|
|
101
|
-
if ($[7] !== selected) {
|
|
102
|
-
t5 = id_3 => {
|
|
103
|
-
const isSelected = !selected[id_3];
|
|
104
|
-
const newSelected = {
|
|
105
|
-
...selected,
|
|
106
|
-
[id_3]: isSelected
|
|
107
|
-
};
|
|
108
|
-
if (!isSelected) {
|
|
109
|
-
setSelectAll("some");
|
|
110
|
-
}
|
|
111
|
-
setSelected(newSelected);
|
|
112
|
-
};
|
|
113
|
-
$[7] = selected;
|
|
114
|
-
$[8] = t5;
|
|
115
|
-
} else {
|
|
116
|
-
t5 = $[8];
|
|
117
|
-
}
|
|
118
|
-
const setSelection = t5;
|
|
119
|
-
let t6;
|
|
120
|
-
if ($[9] !== selectAll || $[10] !== searchParams || $[11] !== selected || $[12] !== locale) {
|
|
121
|
-
t6 = additionalParams => {
|
|
122
|
-
let where;
|
|
123
|
-
if (selectAll === "allAvailable") {
|
|
124
|
-
const params = searchParams?.where;
|
|
125
|
-
where = params || {
|
|
126
|
-
id: {
|
|
127
|
-
not_equals: ""
|
|
128
|
-
}
|
|
129
|
-
};
|
|
130
|
-
} else {
|
|
131
|
-
where = {
|
|
132
|
-
id: {
|
|
133
|
-
in: Object.keys(selected).filter(id_4 => selected[id_4]).map(id_5 => id_5)
|
|
134
|
-
}
|
|
135
|
-
};
|
|
136
|
-
}
|
|
137
|
-
if (additionalParams) {
|
|
138
|
-
where = {
|
|
139
|
-
and: [{
|
|
140
|
-
...additionalParams
|
|
141
|
-
}, where]
|
|
142
|
-
};
|
|
143
|
-
}
|
|
144
|
-
return qs.stringify({
|
|
145
|
-
locale,
|
|
146
|
-
where
|
|
147
|
-
}, {
|
|
148
|
-
addQueryPrefix: true
|
|
39
|
+
const toggleAll = useCallback((allAvailable = false) => {
|
|
40
|
+
const rows_0 = {};
|
|
41
|
+
if (allAvailable) {
|
|
42
|
+
setSelectAll("allAvailable");
|
|
43
|
+
docs.forEach(({
|
|
44
|
+
id: id_0
|
|
45
|
+
}) => {
|
|
46
|
+
rows_0[id_0] = true;
|
|
149
47
|
});
|
|
150
|
-
}
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
} else {
|
|
157
|
-
t6 = $[13];
|
|
158
|
-
}
|
|
159
|
-
const getQueryParams = t6;
|
|
160
|
-
let t7;
|
|
161
|
-
let t8;
|
|
162
|
-
if ($[14] !== selectAll || $[15] !== selected) {
|
|
163
|
-
t7 = () => {
|
|
164
|
-
if (selectAll === "allAvailable") {
|
|
165
|
-
return;
|
|
166
|
-
}
|
|
167
|
-
let some;
|
|
168
|
-
some = false;
|
|
169
|
-
let all;
|
|
170
|
-
all = true;
|
|
171
|
-
Object.values(selected).forEach(val => {
|
|
172
|
-
all = all && val;
|
|
173
|
-
some = some || val;
|
|
48
|
+
} else if (selectAll === "allAvailable" || selectAll === "allInPage") {
|
|
49
|
+
setSelectAll("none");
|
|
50
|
+
docs.forEach(({
|
|
51
|
+
id: id_1
|
|
52
|
+
}) => {
|
|
53
|
+
rows_0[id_1] = false;
|
|
174
54
|
});
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
$[17] = t8;
|
|
190
|
-
} else {
|
|
191
|
-
t7 = $[16];
|
|
192
|
-
t8 = $[17];
|
|
193
|
-
}
|
|
194
|
-
useEffect(t7, t8);
|
|
195
|
-
let t9;
|
|
196
|
-
let t10;
|
|
197
|
-
if ($[18] !== selectAll || $[19] !== totalDocs || $[20] !== selected) {
|
|
198
|
-
t9 = () => {
|
|
199
|
-
const newCount = selectAll === "allAvailable" ? totalDocs : Object.keys(selected).filter(id_6 => selected[id_6]).length;
|
|
200
|
-
setCount(newCount);
|
|
55
|
+
} else {
|
|
56
|
+
docs.forEach(({
|
|
57
|
+
id: id_2
|
|
58
|
+
}) => {
|
|
59
|
+
rows_0[id_2] = selectAll !== "some";
|
|
60
|
+
});
|
|
61
|
+
}
|
|
62
|
+
setSelected(rows_0);
|
|
63
|
+
}, [docs, selectAll]);
|
|
64
|
+
const setSelection = useCallback(id_3 => {
|
|
65
|
+
const isSelected = !selected[id_3];
|
|
66
|
+
const newSelected = {
|
|
67
|
+
...selected,
|
|
68
|
+
[id_3]: isSelected
|
|
201
69
|
};
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
70
|
+
if (!isSelected) {
|
|
71
|
+
setSelectAll("some");
|
|
72
|
+
}
|
|
73
|
+
setSelected(newSelected);
|
|
74
|
+
}, [selected]);
|
|
75
|
+
const getQueryParams = useCallback(additionalParams => {
|
|
76
|
+
let where;
|
|
77
|
+
if (selectAll === "allAvailable") {
|
|
78
|
+
const params = searchParams?.where;
|
|
79
|
+
where = params || {
|
|
80
|
+
id: {
|
|
81
|
+
not_equals: ''
|
|
82
|
+
}
|
|
83
|
+
};
|
|
84
|
+
} else {
|
|
85
|
+
where = {
|
|
86
|
+
id: {
|
|
87
|
+
in: Object.keys(selected).filter(id_4 => selected[id_4]).map(id_5 => id_5)
|
|
88
|
+
}
|
|
89
|
+
};
|
|
90
|
+
}
|
|
91
|
+
if (additionalParams) {
|
|
92
|
+
where = {
|
|
93
|
+
and: [{
|
|
94
|
+
...additionalParams
|
|
95
|
+
}, where]
|
|
96
|
+
};
|
|
97
|
+
}
|
|
98
|
+
return qs.stringify({
|
|
99
|
+
locale,
|
|
100
|
+
where
|
|
101
|
+
}, {
|
|
102
|
+
addQueryPrefix: true
|
|
103
|
+
});
|
|
104
|
+
}, [selectAll, selected, locale, searchParams]);
|
|
105
|
+
useEffect(() => {
|
|
106
|
+
if (selectAll === "allAvailable") {
|
|
107
|
+
return;
|
|
108
|
+
}
|
|
109
|
+
let some = false;
|
|
110
|
+
let all = true;
|
|
111
|
+
Object.values(selected).forEach(val => {
|
|
112
|
+
all = all && val;
|
|
113
|
+
some = some || val;
|
|
114
|
+
});
|
|
115
|
+
if (all) {
|
|
116
|
+
setSelectAll("allInPage");
|
|
117
|
+
} else if (some) {
|
|
118
|
+
setSelectAll("some");
|
|
119
|
+
} else {
|
|
120
|
+
setSelectAll("none");
|
|
121
|
+
}
|
|
122
|
+
}, [selectAll, selected]);
|
|
123
|
+
useEffect(() => {
|
|
124
|
+
const newCount = selectAll === "allAvailable" ? totalDocs : Object.keys(selected).filter(id_6 => selected[id_6]).length;
|
|
125
|
+
setCount(newCount);
|
|
126
|
+
}, [selectAll, selected, totalDocs]);
|
|
213
127
|
contextRef.current = {
|
|
214
128
|
count,
|
|
215
129
|
getQueryParams,
|
|
@@ -219,12 +133,10 @@ export const SelectionProvider = t0 => {
|
|
|
219
133
|
toggleAll,
|
|
220
134
|
totalDocs
|
|
221
135
|
};
|
|
222
|
-
return _jsx(Context.Provider, {
|
|
136
|
+
return /*#__PURE__*/_jsx(Context.Provider, {
|
|
223
137
|
value: contextRef.current,
|
|
224
|
-
children
|
|
138
|
+
children: children
|
|
225
139
|
});
|
|
226
140
|
};
|
|
227
|
-
export const useSelection = () =>
|
|
228
|
-
return useContext(Context);
|
|
229
|
-
};
|
|
141
|
+
export const useSelection = () => useContext(Context);
|
|
230
142
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["
|
|
1
|
+
{"version":3,"file":"index.js","names":["qs","React","createContext","useCallback","useContext","useEffect","useRef","useState","useLocale","useSearchParams","SelectAllStatus","Context","SelectionProvider","children","docs","totalDocs","contextRef","code","locale","selected","setSelected","rows","forEach","id","selectAll","setSelectAll","count","setCount","searchParams","toggleAll","allAvailable","setSelection","isSelected","newSelected","getQueryParams","additionalParams","where","params","not_equals","in","Object","keys","filter","map","and","stringify","addQueryPrefix","some","all","values","val","newCount","length","current","_jsx","Provider","value","useSelection"],"sources":["../../../src/providers/Selection/index.tsx"],"sourcesContent":["'use client'\nimport type { Where } from 'payload'\n\nimport * as qs from 'qs-esm'\nimport React, { createContext, useCallback, useContext, useEffect, useRef, useState } from 'react'\n\nimport { useLocale } from '../Locale/index.js'\nimport { useSearchParams } from '../SearchParams/index.js'\n\nexport enum SelectAllStatus {\n AllAvailable = 'allAvailable',\n AllInPage = 'allInPage',\n None = 'none',\n Some = 'some',\n}\n\ntype SelectionContext = {\n count: number\n disableBulkDelete?: boolean\n disableBulkEdit?: boolean\n getQueryParams: (additionalParams?: Where) => string\n selectAll: SelectAllStatus\n selected: Record<number | string, boolean>\n setSelection: (id: number | string) => void\n toggleAll: (allAvailable?: boolean) => void\n totalDocs: number\n}\n\nconst Context = createContext({} as SelectionContext)\n\ntype Props = {\n readonly children: React.ReactNode\n readonly docs: any[]\n readonly totalDocs: number\n}\n\nexport const SelectionProvider: React.FC<Props> = ({ children, docs = [], totalDocs }) => {\n const contextRef = useRef({} as SelectionContext)\n\n const { code: locale } = useLocale()\n const [selected, setSelected] = useState<SelectionContext['selected']>(() => {\n const rows = {}\n docs.forEach(({ id }) => {\n rows[id] = false\n })\n return rows\n })\n const [selectAll, setSelectAll] = useState<SelectAllStatus>(SelectAllStatus.None)\n const [count, setCount] = useState(0)\n const { searchParams } = useSearchParams()\n\n const toggleAll = useCallback(\n (allAvailable = false) => {\n const rows = {}\n if (allAvailable) {\n setSelectAll(SelectAllStatus.AllAvailable)\n docs.forEach(({ id }) => {\n rows[id] = true\n })\n } else if (\n selectAll === SelectAllStatus.AllAvailable ||\n selectAll === SelectAllStatus.AllInPage\n ) {\n setSelectAll(SelectAllStatus.None)\n docs.forEach(({ id }) => {\n rows[id] = false\n })\n } else {\n docs.forEach(({ id }) => {\n rows[id] = selectAll !== SelectAllStatus.Some\n })\n }\n setSelected(rows)\n },\n [docs, selectAll],\n )\n\n const setSelection = useCallback(\n (id) => {\n const isSelected = !selected[id]\n const newSelected = {\n ...selected,\n [id]: isSelected,\n }\n if (!isSelected) {\n setSelectAll(SelectAllStatus.Some)\n }\n setSelected(newSelected)\n },\n [selected],\n )\n\n const getQueryParams = useCallback(\n (additionalParams?: Where): string => {\n let where: Where\n if (selectAll === SelectAllStatus.AllAvailable) {\n const params = searchParams?.where as Where\n where = params || {\n id: { not_equals: '' },\n }\n } else {\n where = {\n id: {\n in: Object.keys(selected)\n .filter((id) => selected[id])\n .map((id) => id),\n },\n }\n }\n if (additionalParams) {\n where = {\n and: [{ ...additionalParams }, where],\n }\n }\n return qs.stringify(\n {\n locale,\n where,\n },\n { addQueryPrefix: true },\n )\n },\n [selectAll, selected, locale, searchParams],\n )\n\n useEffect(() => {\n if (selectAll === SelectAllStatus.AllAvailable) {\n return\n }\n let some = false\n let all = true\n Object.values(selected).forEach((val) => {\n all = all && val\n some = some || val\n })\n\n if (all) {\n setSelectAll(SelectAllStatus.AllInPage)\n } else if (some) {\n setSelectAll(SelectAllStatus.Some)\n } else {\n setSelectAll(SelectAllStatus.None)\n }\n }, [selectAll, selected])\n\n useEffect(() => {\n const newCount =\n selectAll === SelectAllStatus.AllAvailable\n ? totalDocs\n : Object.keys(selected).filter((id) => selected[id]).length\n setCount(newCount)\n }, [selectAll, selected, totalDocs])\n\n contextRef.current = {\n count,\n getQueryParams,\n selectAll,\n selected,\n setSelection,\n toggleAll,\n totalDocs,\n }\n\n return <Context.Provider value={contextRef.current}>{children}</Context.Provider>\n}\n\nexport const useSelection = (): SelectionContext => useContext(Context)\n"],"mappings":"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","ignoreList":[]}
|
package/dist/scss/app.scss
CHANGED
|
@@ -21,8 +21,8 @@
|
|
|
21
21
|
--theme-baseline-body-size: #{$baseline-body-size};
|
|
22
22
|
--font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
|
|
23
23
|
sans-serif;
|
|
24
|
-
--font-serif: Georgia, 'Bitstream Charter', 'Charis SIL', Utopia, 'URW Bookman L', serif;
|
|
25
|
-
--font-mono: monospace;
|
|
24
|
+
--font-serif: 'Georgia', 'Bitstream Charter', 'Charis SIL', Utopia, 'URW Bookman L', serif;
|
|
25
|
+
--font-mono: 'SF Mono', Menlo, Consolas, Monaco, monospace;
|
|
26
26
|
|
|
27
27
|
--style-radius-s: #{$style-radius-s};
|
|
28
28
|
--style-radius-m: #{$style-radius-m};
|
|
@@ -45,8 +45,8 @@
|
|
|
45
45
|
|
|
46
46
|
@include mid-break {
|
|
47
47
|
--gutter-h: #{base(2)};
|
|
48
|
-
--app-header-height: calc(var(--base) * 2.
|
|
49
|
-
--doc-controls-height: calc(var(--base) * 2.
|
|
48
|
+
--app-header-height: calc(var(--base) * 2.4);
|
|
49
|
+
--doc-controls-height: calc(var(--base) * 2.4);
|
|
50
50
|
}
|
|
51
51
|
|
|
52
52
|
@include small-break {
|
|
@@ -146,13 +146,13 @@ h6 {
|
|
|
146
146
|
}
|
|
147
147
|
|
|
148
148
|
p {
|
|
149
|
-
margin: 0
|
|
149
|
+
margin: 0;
|
|
150
150
|
}
|
|
151
151
|
|
|
152
152
|
ul,
|
|
153
153
|
ol {
|
|
154
154
|
padding-left: $baseline;
|
|
155
|
-
margin: 0
|
|
155
|
+
margin: 0;
|
|
156
156
|
}
|
|
157
157
|
|
|
158
158
|
:focus-visible {
|
package/dist/scss/type.scss
CHANGED
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
}
|
|
17
17
|
|
|
18
18
|
%h1 {
|
|
19
|
-
margin: 0
|
|
19
|
+
margin: 0;
|
|
20
20
|
font-size: base(1.6);
|
|
21
21
|
line-height: base(1.8);
|
|
22
22
|
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
}
|
|
28
28
|
|
|
29
29
|
%h2 {
|
|
30
|
-
margin: 0
|
|
30
|
+
margin: 0;
|
|
31
31
|
font-size: base(1.3);
|
|
32
32
|
line-height: base(1.6);
|
|
33
33
|
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
}
|
|
38
38
|
|
|
39
39
|
%h3 {
|
|
40
|
-
margin: 0
|
|
40
|
+
margin: 0;
|
|
41
41
|
font-size: base(1);
|
|
42
42
|
line-height: base(1.2);
|
|
43
43
|
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
}
|
|
49
49
|
|
|
50
50
|
%h4 {
|
|
51
|
-
margin: 0
|
|
51
|
+
margin: 0;
|
|
52
52
|
font-size: base(0.8);
|
|
53
53
|
line-height: base(1);
|
|
54
54
|
letter-spacing: -0.375px;
|