@7shifts/sous-chef 3.87.1 → 3.87.2-beta.1
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/hooks/useBackgroundColorCheck.d.ts +15 -0
- package/dist/index.css +3 -6
- package/dist/index.css.map +1 -1
- package/dist/index.js +60 -5
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +60 -5
- package/dist/index.modern.js.map +1 -1
- package/dist/overlay/CalendarMonth/CalendarMonth.d.ts +15 -0
- package/dist/overlay/CalendarMonth/index.d.ts +1 -0
- package/package.json +1 -1
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { RefObject } from 'react';
|
|
2
|
+
type Params = {
|
|
3
|
+
ref: RefObject<HTMLElement>;
|
|
4
|
+
shouldCheck: boolean;
|
|
5
|
+
};
|
|
6
|
+
/**
|
|
7
|
+
* This hook checks the background color of the container element
|
|
8
|
+
* and determines if it's dark or light. It climbs up the DOM tree
|
|
9
|
+
* to find the first ancestor with a non-transparent background color.
|
|
10
|
+
*
|
|
11
|
+
* NOTE: Use this hook only when necessary, as it involves DOM access
|
|
12
|
+
* and may impact performance.
|
|
13
|
+
*/
|
|
14
|
+
export declare const useContainerBackgroundColorCheck: ({ ref, shouldCheck }: Params) => "dark" | "light" | undefined;
|
|
15
|
+
export {};
|
package/dist/index.css
CHANGED
|
@@ -1110,6 +1110,9 @@ Just for future references:
|
|
|
1110
1110
|
color: var(--color-surface-on-color);
|
|
1111
1111
|
text-decoration: underline;
|
|
1112
1112
|
}
|
|
1113
|
+
._weJDR {
|
|
1114
|
+
color: var(--color-surface-on-inverse);
|
|
1115
|
+
}
|
|
1113
1116
|
._sp-pT {
|
|
1114
1117
|
position: absolute;
|
|
1115
1118
|
list-style: none;
|
|
@@ -1171,7 +1174,6 @@ h1._6SgoN {
|
|
|
1171
1174
|
font-size: var(--font-size-600);
|
|
1172
1175
|
line-height: var(--font-line-height-600);
|
|
1173
1176
|
font-weight: var(--p-font-weight-semibold);
|
|
1174
|
-
color: var(--color-surface-on-color-bold);
|
|
1175
1177
|
}
|
|
1176
1178
|
|
|
1177
1179
|
h2._6SgoN {
|
|
@@ -1179,7 +1181,6 @@ h2._6SgoN {
|
|
|
1179
1181
|
font-size: var(--font-size-500);
|
|
1180
1182
|
line-height: var(--font-line-height-500);
|
|
1181
1183
|
font-weight: var(--p-font-weight-semibold);
|
|
1182
|
-
color: var(--color-surface-on-color-bold);
|
|
1183
1184
|
}
|
|
1184
1185
|
|
|
1185
1186
|
h3._6SgoN {
|
|
@@ -1187,7 +1188,6 @@ h3._6SgoN {
|
|
|
1187
1188
|
font-size: var(--font-size-400);
|
|
1188
1189
|
line-height: var(--font-line-height-400);
|
|
1189
1190
|
font-weight: var(--p-font-weight-semibold);
|
|
1190
|
-
color: var(--color-surface-on-color-bold);
|
|
1191
1191
|
}
|
|
1192
1192
|
|
|
1193
1193
|
h4._6SgoN {
|
|
@@ -1205,7 +1205,6 @@ h5._6SgoN {
|
|
|
1205
1205
|
}
|
|
1206
1206
|
|
|
1207
1207
|
._6SgoN {
|
|
1208
|
-
color: var(--color-surface-on-color);
|
|
1209
1208
|
margin: 0;
|
|
1210
1209
|
}
|
|
1211
1210
|
._SF95f {
|
|
@@ -1225,7 +1224,6 @@ h5._6SgoN {
|
|
|
1225
1224
|
font-size: var(--font-size-700);
|
|
1226
1225
|
line-height: var(--font-line-height-700);
|
|
1227
1226
|
font-weight: var(--p-font-weight-semibold);
|
|
1228
|
-
color: var(--color-surface-on-color-bold);
|
|
1229
1227
|
}
|
|
1230
1228
|
._yZbuO {
|
|
1231
1229
|
font-family: var(--font-family-body);
|
|
@@ -1235,7 +1233,6 @@ h5._6SgoN {
|
|
|
1235
1233
|
}
|
|
1236
1234
|
._i2LHD {
|
|
1237
1235
|
font-weight: var(--p-font-weight-bold);
|
|
1238
|
-
color: var(--color-surface-on-color-bold);
|
|
1239
1236
|
}
|
|
1240
1237
|
._NgSTT {
|
|
1241
1238
|
font-style: italic;
|