rei-kit 0.12.0 → 0.12.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/components/BaseCard.vue.d.ts +11 -2
- package/dist/index.js +14 -4
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -6,6 +6,13 @@
|
|
|
6
6
|
* so a card on one screen had a heavier border than a card on the next and
|
|
7
7
|
* nobody could say why.
|
|
8
8
|
*
|
|
9
|
+
* With no head and no foot there is no wrapper div: the padding lands on the
|
|
10
|
+
* card itself and the card *is* the element. That matters more than a saved
|
|
11
|
+
* node — most cards in the apps lay their contents out (`flex items-center
|
|
12
|
+
* gap-4`, `flex flex-col gap-3`), and with a wrapper in the way those classes
|
|
13
|
+
* reach the border and not the content, so the app has to add back the div
|
|
14
|
+
* this component exists to remove. One that makes you do that is one you skip.
|
|
15
|
+
*
|
|
9
16
|
* `interactive` is for a card that is a link or a button: it adds the lift and
|
|
10
17
|
* the press, and it is opt-in because a card holding a form should not move
|
|
11
18
|
* when the pointer crosses it.
|
|
@@ -28,13 +35,15 @@ type __VLS_Props = {
|
|
|
28
35
|
*/
|
|
29
36
|
padding?: 'none' | 'sm' | 'md' | 'lg' | undefined;
|
|
30
37
|
};
|
|
31
|
-
declare var __VLS_8: {}, __VLS_10: {}, __VLS_12: {};
|
|
38
|
+
declare var __VLS_8: {}, __VLS_10: {}, __VLS_12: {}, __VLS_14: {};
|
|
32
39
|
type __VLS_Slots = {} & {
|
|
33
40
|
head?: (props: typeof __VLS_8) => any;
|
|
34
41
|
} & {
|
|
35
42
|
default?: (props: typeof __VLS_10) => any;
|
|
36
43
|
} & {
|
|
37
|
-
|
|
44
|
+
default?: (props: typeof __VLS_12) => any;
|
|
45
|
+
} & {
|
|
46
|
+
foot?: (props: typeof __VLS_14) => any;
|
|
38
47
|
};
|
|
39
48
|
declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
40
49
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
package/dist/index.js
CHANGED
|
@@ -1308,6 +1308,13 @@ var BaseCard_default = /* @__PURE__ */ defineComponent({
|
|
|
1308
1308
|
* so a card on one screen had a heavier border than a card on the next and
|
|
1309
1309
|
* nobody could say why.
|
|
1310
1310
|
*
|
|
1311
|
+
* With no head and no foot there is no wrapper div: the padding lands on the
|
|
1312
|
+
* card itself and the card *is* the element. That matters more than a saved
|
|
1313
|
+
* node — most cards in the apps lay their contents out (`flex items-center
|
|
1314
|
+
* gap-4`, `flex flex-col gap-3`), and with a wrapper in the way those classes
|
|
1315
|
+
* reach the border and not the content, so the app has to add back the div
|
|
1316
|
+
* this component exists to remove. One that makes you do that is one you skip.
|
|
1317
|
+
*
|
|
1311
1318
|
* `interactive` is for a card that is a link or a button: it adds the lift and
|
|
1312
1319
|
* the press, and it is opt-in because a card holding a form should not move
|
|
1313
1320
|
* when the pointer crosses it.
|
|
@@ -1325,15 +1332,18 @@ var BaseCard_default = /* @__PURE__ */ defineComponent({
|
|
|
1325
1332
|
lg: "px-5 py-4"
|
|
1326
1333
|
};
|
|
1327
1334
|
return (_ctx, _cache) => {
|
|
1328
|
-
return openBlock(), createBlock(resolveDynamicComponent(__props.as), { class: normalizeClass(["border-hair bg-surface rounded-card border", __props.interactive ? "transition-[transform,box-shadow] duration-300 ease-out hover:-translate-y-0.5 hover:shadow-lg active:translate-y-0 active:shadow-sm" : ""]) }, {
|
|
1335
|
+
return openBlock(), createBlock(resolveDynamicComponent(__props.as), { class: normalizeClass(["border-hair bg-surface rounded-card border", [__props.interactive ? "transition-[transform,box-shadow] duration-300 ease-out hover:-translate-y-0.5 hover:shadow-lg active:translate-y-0 active:shadow-sm" : "", _ctx.$slots.head || _ctx.$slots.foot ? "" : BODY[__props.padding]]]) }, {
|
|
1329
1336
|
default: withCtx(() => [
|
|
1330
1337
|
_ctx.$slots.head ? (openBlock(), createElementBlock("div", {
|
|
1331
1338
|
key: 0,
|
|
1332
1339
|
class: normalizeClass(["border-hair/70 border-b", HEAD[__props.padding]])
|
|
1333
1340
|
}, [renderSlot(_ctx.$slots, "head")], 2)) : createCommentVNode("", true),
|
|
1334
|
-
|
|
1335
|
-
_ctx.$slots.foot ? (openBlock(), createElementBlock("div", {
|
|
1341
|
+
_ctx.$slots.head || _ctx.$slots.foot ? (openBlock(), createElementBlock("div", {
|
|
1336
1342
|
key: 1,
|
|
1343
|
+
class: normalizeClass(BODY[__props.padding])
|
|
1344
|
+
}, [renderSlot(_ctx.$slots, "default")], 2)) : renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 2),
|
|
1345
|
+
_ctx.$slots.foot ? (openBlock(), createElementBlock("div", {
|
|
1346
|
+
key: 3,
|
|
1337
1347
|
class: normalizeClass(["border-hair/70 bg-muted/30 border-t", HEAD[__props.padding]])
|
|
1338
1348
|
}, [renderSlot(_ctx.$slots, "foot")], 2)) : createCommentVNode("", true)
|
|
1339
1349
|
]),
|
|
@@ -2427,7 +2437,7 @@ function createI18nRuntime(options) {
|
|
|
2427
2437
|
*
|
|
2428
2438
|
* The fallback keeps `vitest` and `vite dev` honest, where no define runs.
|
|
2429
2439
|
*/
|
|
2430
|
-
var VERSION = "0.12.
|
|
2440
|
+
var VERSION = "0.12.1";
|
|
2431
2441
|
//#endregion
|
|
2432
2442
|
export { AppError, BaseAlert_default as BaseAlert, BaseBadge_default as BaseBadge, BaseButton_default as BaseButton, BaseCard_default as BaseCard, BaseCheckbox_default as BaseCheckbox, BaseInput_default as BaseInput, BaseRadioGroup_default as BaseRadioGroup, BaseSelect_default as BaseSelect, BaseSheet_default as BaseSheet, BaseTextarea_default as BaseTextarea, EmptyState_default as EmptyState, ErrorBoundary_default as ErrorBoundary, FormField_default as FormField, GoogleButton_default as GoogleButton, LocaleLinks_default as LocaleLinks, PageContainer_default as PageContainer, PageHeader_default as PageHeader, PriceCard_default as PriceCard, ProgressBar_default as ProgressBar, SectionHeading_default as SectionHeading, SegmentedControl_default as SegmentedControl, SettingsGroup_default as SettingsGroup, SettingsRow_default as SettingsRow, SkeletonList_default as SkeletonList, StatCard_default as StatCard, TabBar_default as TabBar, ToastHost_default as ToastHost, ToneDot_default as ToneDot, VERSION, addDays, applyTheme, createI18nRuntime, downloadJson, eachDayOfYear, formatDate, fromDateKey, isApplePortable, isInstalled, isThemePreference, lastNDays, leadingBlanks, needsIosInstall, readStoredTheme, registerErrorMapper, relativeDayLabel, safeRedirect, setFormatLocale, setThemeStorageKey, startOfWeek, tapFeedback, toAppError, toDateKey, todayKey, useDebouncedCallback, useDragScroll, useMediaQuery, useOnline, useTheme, useToast, useToday, useVisualViewport };
|
|
2433
2443
|
|