@scripso-homepad/ui 0.4.26 → 0.4.28

package/dist/index.d.cts

@@ -519,6 +519,21 @@ declare const buttonTypography: {
         readonly letterSpacing: 0;
     };
 };
+/** Announcement status badges shown to residents and admins. API `NEW` is labelled Urgent. */
+declare const announcementStatusBadge: {
+    readonly urgent: {
+        readonly color: "#AE0011";
+        readonly background: "#F7DCDF";
+    };
+    readonly important: {
+        readonly color: "#0F52C7";
+        readonly background: "#E6EFFF";
+    };
+    readonly information: {
+        readonly color: "#279D54";
+        readonly background: "#279D541A";
+    };
+};
 declare const shadows: {
     readonly card: {
         readonly shadowColor: "#082640";
@@ -542,4 +557,4 @@ declare const shadows: {
     };
 };
 
-export { Button, type ButtonProps, type ButtonSize, type ButtonVariant, Calendar, CalendarIcon, type CalendarLabels, type CalendarLocale, CalendarLocaleProvider, type CalendarLocaleProviderProps, type CalendarProps, type CalendarRangeProps, type CalendarSingleProps, type CalendarTranslationKey$1 as CalendarTranslationKey, type CalendarTranslations, type Country, CountryCodeSelector, type CountryCodeSelectorProps, CountryFlag, type CountryFlagProps, DatePicker, type DatePickerProps, type DatePickerRangeProps, type DatePickerSingleProps, type DateRange, type EmeraldGreenStep, Input, type InputProps, Label, type LabelProps, LockIcon, type MultipleSelectProps, type NavyStep, PhoneInput, type PhoneInputProps, type RubyRedStep, Select, type SelectOption, type SelectProps, type SingleSelectProps, type StormGrayStep, brand, buttonTypography, calendarTranslations, colors, countries, countryCodeToFlagEmoji, defaultCountry, emeraldGreen, findCountry, fontSize, fontWeight, fonts, formatLocalizedCalendarMonthYear, getCalendarMonthLabels, getCalendarTranslations, getCountryFlagImageUri, labelTypography, navy, radii, resolveCalendarLocale, resolveWeekdayLabels, rubyRed, shadows, spacing, stormGray, typographyScale, useCalendarLocale };
+export { Button, type ButtonProps, type ButtonSize, type ButtonVariant, Calendar, CalendarIcon, type CalendarLabels, type CalendarLocale, CalendarLocaleProvider, type CalendarLocaleProviderProps, type CalendarProps, type CalendarRangeProps, type CalendarSingleProps, type CalendarTranslationKey$1 as CalendarTranslationKey, type CalendarTranslations, type Country, CountryCodeSelector, type CountryCodeSelectorProps, CountryFlag, type CountryFlagProps, DatePicker, type DatePickerProps, type DatePickerRangeProps, type DatePickerSingleProps, type DateRange, type EmeraldGreenStep, Input, type InputProps, Label, type LabelProps, LockIcon, type MultipleSelectProps, type NavyStep, PhoneInput, type PhoneInputProps, type RubyRedStep, Select, type SelectOption, type SelectProps, type SingleSelectProps, type StormGrayStep, announcementStatusBadge, brand, buttonTypography, calendarTranslations, colors, countries, countryCodeToFlagEmoji, defaultCountry, emeraldGreen, findCountry, fontSize, fontWeight, fonts, formatLocalizedCalendarMonthYear, getCalendarMonthLabels, getCalendarTranslations, getCountryFlagImageUri, labelTypography, navy, radii, resolveCalendarLocale, resolveWeekdayLabels, rubyRed, shadows, spacing, stormGray, typographyScale, useCalendarLocale };

package/dist/index.d.ts

@@ -519,6 +519,21 @@ declare const buttonTypography: {
         readonly letterSpacing: 0;
     };
 };
+/** Announcement status badges shown to residents and admins. API `NEW` is labelled Urgent. */
+declare const announcementStatusBadge: {
+    readonly urgent: {
+        readonly color: "#AE0011";
+        readonly background: "#F7DCDF";
+    };
+    readonly important: {
+        readonly color: "#0F52C7";
+        readonly background: "#E6EFFF";
+    };
+    readonly information: {
+        readonly color: "#279D54";
+        readonly background: "#279D541A";
+    };
+};
 declare const shadows: {
     readonly card: {
         readonly shadowColor: "#082640";
@@ -542,4 +557,4 @@ declare const shadows: {
     };
 };
 
-export { Button, type ButtonProps, type ButtonSize, type ButtonVariant, Calendar, CalendarIcon, type CalendarLabels, type CalendarLocale, CalendarLocaleProvider, type CalendarLocaleProviderProps, type CalendarProps, type CalendarRangeProps, type CalendarSingleProps, type CalendarTranslationKey$1 as CalendarTranslationKey, type CalendarTranslations, type Country, CountryCodeSelector, type CountryCodeSelectorProps, CountryFlag, type CountryFlagProps, DatePicker, type DatePickerProps, type DatePickerRangeProps, type DatePickerSingleProps, type DateRange, type EmeraldGreenStep, Input, type InputProps, Label, type LabelProps, LockIcon, type MultipleSelectProps, type NavyStep, PhoneInput, type PhoneInputProps, type RubyRedStep, Select, type SelectOption, type SelectProps, type SingleSelectProps, type StormGrayStep, brand, buttonTypography, calendarTranslations, colors, countries, countryCodeToFlagEmoji, defaultCountry, emeraldGreen, findCountry, fontSize, fontWeight, fonts, formatLocalizedCalendarMonthYear, getCalendarMonthLabels, getCalendarTranslations, getCountryFlagImageUri, labelTypography, navy, radii, resolveCalendarLocale, resolveWeekdayLabels, rubyRed, shadows, spacing, stormGray, typographyScale, useCalendarLocale };
+export { Button, type ButtonProps, type ButtonSize, type ButtonVariant, Calendar, CalendarIcon, type CalendarLabels, type CalendarLocale, CalendarLocaleProvider, type CalendarLocaleProviderProps, type CalendarProps, type CalendarRangeProps, type CalendarSingleProps, type CalendarTranslationKey$1 as CalendarTranslationKey, type CalendarTranslations, type Country, CountryCodeSelector, type CountryCodeSelectorProps, CountryFlag, type CountryFlagProps, DatePicker, type DatePickerProps, type DatePickerRangeProps, type DatePickerSingleProps, type DateRange, type EmeraldGreenStep, Input, type InputProps, Label, type LabelProps, LockIcon, type MultipleSelectProps, type NavyStep, PhoneInput, type PhoneInputProps, type RubyRedStep, Select, type SelectOption, type SelectProps, type SingleSelectProps, type StormGrayStep, announcementStatusBadge, brand, buttonTypography, calendarTranslations, colors, countries, countryCodeToFlagEmoji, defaultCountry, emeraldGreen, findCountry, fontSize, fontWeight, fonts, formatLocalizedCalendarMonthYear, getCalendarMonthLabels, getCalendarTranslations, getCountryFlagImageUri, labelTypography, navy, radii, resolveCalendarLocale, resolveWeekdayLabels, rubyRed, shadows, spacing, stormGray, typographyScale, useCalendarLocale };

package/dist/index.js

@@ -1,5 +1,5 @@
-import { spacing, colors, fontWeight, fontSize, fonts, radii, INPUT_HEIGHT, INPUT_OUTLINE_WIDTH, INPUT_ICON_GAP, useApplyWebClassName, resolveInputVisualState, Label, getInputFieldStyles, inputFieldMetrics } from './chunk-N73KHOZ4.js';
-export { Button, Input, Label, brand, buttonTypography, colors, emeraldGreen, fontSize, fontWeight, fonts, labelTypography, navy, radii, rubyRed, shadows, spacing, stormGray, typographyScale } from './chunk-N73KHOZ4.js';
+import { spacing, colors, fontWeight, fontSize, fonts, radii, INPUT_HEIGHT, INPUT_OUTLINE_WIDTH, INPUT_ICON_GAP, useApplyWebClassName, resolveInputVisualState, Label, getInputFieldStyles, inputFieldMetrics } from './chunk-AOBKWDGW.js';
+export { Button, Input, Label, announcementStatusBadge, brand, buttonTypography, colors, emeraldGreen, fontSize, fontWeight, fonts, labelTypography, navy, radii, rubyRed, shadows, spacing, stormGray, typographyScale } from './chunk-AOBKWDGW.js';
 import { createContext, useRef, useState, useMemo, useEffect, useLayoutEffect, useContext, isValidElement, cloneElement } from 'react';
 import { Platform, StyleSheet, Animated, Easing, View, Pressable, Text, Modal, ScrollView, Image, TextInput, Dimensions } from 'react-native';
 import Svg2, { Path } from 'react-native-svg';

package/dist/web/index.cjs

@@ -31129,6 +31129,8 @@ function Modal({
   subtitle,
   icon,
   iconContainerClassName,
+  titleClassName,
+  subtitleClassName,
   children,
   cancelText,
   confirmText,
@@ -31165,9 +31167,8 @@ function Modal({
     return null;
   }
   const sharedButtonClassName = cn(
-    "btn h-13 w-full justify-center!",
-    footerLayout === "split" && "min-w-0",
-    footerLayout !== "split" && buttonClassName
+    "btn h-13 w-full! min-w-0! justify-center!",
+    buttonClassName
   );
   const modal = /* @__PURE__ */ jsxRuntime.jsx(
     "div",
@@ -31210,7 +31211,7 @@ function Modal({
                   "h2",
                   {
                     id: "homepad-modal-title",
-                    className: "typography-title-sm tracking-normal text-black",
+                    className: cn("typography-title-sm tracking-normal text-black", titleClassName),
                     children: title
                   }
                 ),
@@ -31218,7 +31219,10 @@ function Modal({
                   "p",
                   {
                     id: "homepad-modal-subtitle",
-                    className: "typography-caption tracking-normal text-storm-gray-400",
+                    className: cn(
+                      "typography-caption tracking-normal text-storm-gray-400",
+                      subtitleClassName
+                    ),
                     children: subtitle
                   }
                 ) : null
@@ -31713,7 +31717,10 @@ function ConfirmModal({
   if (!open) {
     return null;
   }
-  const sharedButtonClassName = cn("btn h-10 min-w-0 flex-1 justify-center!", buttonClassName);
+  const sharedButtonClassName = cn(
+    "btn h-10! w-full! min-w-0! justify-center!",
+    buttonClassName
+  );
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -31754,7 +31761,7 @@ function ConfirmModal({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("footer", { className: "flex w-full gap-4", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("footer", { className: "grid w-full grid-cols-2 gap-4", children: [
               /* @__PURE__ */ jsxRuntime.jsx(
                 Button,
                 {