@mezzanine-ui/core 1.0.3-rc.0 → 1.0.3

package/alert-banner/alertBanner.d.ts

@@ -8,9 +8,9 @@ export type AlertBannerSeverity = 'info' | 'warning' | 'error';
 export declare const alertBannerPrefix = "mzn-alert-banner";
 export declare const alertBannerGroupPrefix = "mzn-alert-banner-group";
 export declare const alertBannerIcons: {
-    readonly info: any;
-    readonly warning: any;
-    readonly error: any;
+    readonly info: import("@mezzanine-ui/icons").IconDefinition;
+    readonly warning: import("@mezzanine-ui/icons").IconDefinition;
+    readonly error: import("@mezzanine-ui/icons").IconDefinition;
 };
 export declare const alertBannerClasses: {
     readonly host: "mzn-alert-banner";

package/calendar/_calendar-styles.scss

@@ -57,7 +57,7 @@
 
 .#{$week-prefix} {
   height: 100%;
-  padding-top: 40px;
+  padding-top: spacing.semantic-variable(size, element, extra-wide);
   display: flex;
   flex-flow: column;
 
@@ -158,13 +158,13 @@
   .#{$prefix}--quarter & {
     padding: spacing.semantic-variable(padding, vertical, tiny) 0;
     grid-template-columns: repeat(5, minmax(0, 1fr));
-    grid-auto-rows: 32px;
+    grid-auto-rows: spacing.semantic-variable(size, element, roomy);
   }
 
   .#{$prefix}--half-year & {
     padding: spacing.semantic-variable(padding, vertical, tiny) 0;
     grid-template-columns: repeat(3, minmax(0, 1fr));
-    grid-auto-rows: 32px;
+    grid-auto-rows: spacing.semantic-variable(size, element, roomy);
   }
 
   &--with-border {
@@ -247,7 +247,7 @@
 
   .#{$prefix}--quarter &,
   .#{$prefix}--half-year & {
-    padding-top: 32px;
+    padding-top: spacing.semantic-variable(size, element, roomy);
   }
 
   &--today {
@@ -365,6 +365,7 @@
 }
 
 .#{$quick-select-prefix} {
+  // allow-hardcoded: quick-select panel固定寬度 128px 不在 primitive scale
   width: 128px;
   border-radius: radius.variable(roomy);
   padding: spacing.semantic-variable(padding, vertical, comfort) spacing.semantic-variable(padding, horizontal, comfort);

package/calendarMethodsDayjs/index.js

@@ -347,17 +347,23 @@ const CalendarMethodsDayjs = {
             const halfYear = Math.ceil(quarter / 2);
             return result.format(format.replace('n', halfYear.toString()));
         }
-        // Handle week-year formats (moment-compatible tokens not native to dayjs)
-        // gggg = locale week year, ww = locale week number
-        // GGGG = ISO week year, WW = ISO week number
+        // Handle week-year formats (moment-compatible tokens not native to dayjs).
+        // - gggg / ww: locale-aware week year / number (Sunday-first locales use
+        //   dayjs default `year()` + `week()`; Monday-first locales fall back to
+        //   ISO values because dayjs does not expose a locale `weekYear()`).
+        // - GGGG / WW: ISO-8601 week year / number regardless of locale.
         if (format.includes('gggg') || format.includes('GGGG')) {
             const isMon = isMondayFirst(locale);
-            const weekYear = isMon ? result.isoWeekYear() : result.year();
-            const weekNum = isMon ? result.isoWeek() : result.week();
+            const localeYear = isMon ? result.isoWeekYear() : result.year();
+            const localeWeek = isMon ? result.isoWeek() : result.week();
+            const isoYear = result.isoWeekYear();
+            const isoWeek = result.isoWeek();
             return format
-                .replace(/gggg|GGGG/, String(weekYear))
-                .replace(/\[([^\]]*)\]/g, '$1')
-                .replace(/ww|WW/, String(weekNum).padStart(2, '0'));
+                .replace(/GGGG/g, String(isoYear))
+                .replace(/WW/g, String(isoWeek).padStart(2, '0'))
+                .replace(/gggg/g, String(localeYear))
+                .replace(/ww/g, String(localeWeek).padStart(2, '0'))
+                .replace(/\[([^\]]*)\]/g, '$1');
         }
         return result.format(format);
     },

package/card/_card-styles.scss

@@ -321,7 +321,7 @@ $file-icon-color: (
       flex-shrink: 0;
       width: spacing.semantic-variable(size, element, roomy);
       height: spacing.semantic-variable(size, element, roomy);
-      margin: 2px;
+      margin: spacing.primitive-variable(2);
       border-radius: radius.variable(base);
       background-color: map.get($file-icon-color, default);
       display: flex;

package/checkbox/_checkbox-styles.scss

@@ -614,7 +614,7 @@ $checked-disabled: (
   }
 
   &__editable-input-container {
-    width: 120px;
+    width: spacing.primitive-variable(120);
   }
 }
 

package/inline-message/inlineMessage.d.ts

@@ -1,8 +1,8 @@
 export declare const inlineMessagePrefix = "mzn-inline-message";
 export declare const inlineMessageIcons: {
-    readonly info: any;
-    readonly warning: any;
-    readonly error: any;
+    readonly info: import("@mezzanine-ui/icons").IconDefinition;
+    readonly warning: import("@mezzanine-ui/icons").IconDefinition;
+    readonly error: import("@mezzanine-ui/icons").IconDefinition;
 };
 export type InlineMessageSeverity = keyof typeof inlineMessageIcons;
 export declare const inlineMessageClasses: {

package/layout/_layout-styles.scss

@@ -61,7 +61,9 @@
     &::before {
       content: '';
       inset-block: 0;
+      // allow-hardcoded: column resize handle hit-area 向左偏 4px 讓觸擊範圍跨越 divider
       inset-inline-start: -4px;
+      // allow-hardcoded: 9px 觸擊寬度（divider 1px 左右各 4px 擴充），不在 primitive scale
       inline-size: 9px;
       position: absolute;
     }

package/message/message.d.ts

@@ -2,10 +2,10 @@ import { SeverityWithInfo } from '@mezzanine-ui/system/severity';
 export type MessageSeverity = SeverityWithInfo | 'loading';
 export declare const messagePrefix = "mzn-message";
 export declare const messageIcons: {
-    readonly success: any;
-    readonly warning: any;
-    readonly error: any;
-    readonly info: any;
+    readonly success: import("@mezzanine-ui/icons").IconDefinition;
+    readonly warning: import("@mezzanine-ui/icons").IconDefinition;
+    readonly error: import("@mezzanine-ui/icons").IconDefinition;
+    readonly info: import("@mezzanine-ui/icons").IconDefinition;
 };
 export declare const messageClasses: {
     readonly host: "mzn-message";

package/modal/_modal-styles.scss

@@ -143,8 +143,8 @@ $modalSizes: (
     }
 
     &__status-type-icon {
-      width: 32px;
-      height: 32px;
+      width: spacing.semantic-variable(size, element, roomy);
+      height: spacing.semantic-variable(size, element, roomy);
       display: flex;
       flex-shrink: 0;
       align-items: center;

package/modal/modal.d.ts

@@ -28,11 +28,11 @@ export type ModalSize = 'tight' | 'narrow' | 'regular' | 'wide';
 export type ModalType = 'extended' | 'extendedSplit' | 'standard' | 'mediaPreview' | 'verification';
 export declare const modalPrefix = "mzn-modal";
 export declare const modalStatusTypeIcons: {
-    readonly success: any;
-    readonly warning: any;
-    readonly error: any;
-    readonly info: any;
-    readonly email: any;
+    readonly success: import("@mezzanine-ui/icons").IconDefinition;
+    readonly warning: import("@mezzanine-ui/icons").IconDefinition;
+    readonly error: import("@mezzanine-ui/icons").IconDefinition;
+    readonly info: import("@mezzanine-ui/icons").IconDefinition;
+    readonly email: import("@mezzanine-ui/icons").IconDefinition;
     readonly delete: import("@mezzanine-ui/icons").IconDefinition;
 };
 export declare const modalClasses: {

package/notification-center/notificationCenter.d.ts

@@ -9,10 +9,10 @@ export type NotificationType = 'notification' | 'drawer';
 export declare const notificationPrefix = "mzn-notification-center";
 export declare const notificationRootPrefix = "mzn-notification-center-root";
 export declare const notificationIcons: {
-    success: any;
-    warning: any;
-    error: any;
-    info: any;
+    success: import("@mezzanine-ui/icons").IconDefinition;
+    warning: import("@mezzanine-ui/icons").IconDefinition;
+    error: import("@mezzanine-ui/icons").IconDefinition;
+    info: import("@mezzanine-ui/icons").IconDefinition;
 };
 export declare const notificationClasses: {
     readonly notificationsContainer: "mzn-notification-center__notifications-container";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mezzanine-ui/core",
-  "version": "1.0.3-rc.0",
+  "version": "1.0.3",
   "description": "Core for mezzanine-ui",
   "author": "Mezzanine",
   "repository": {

package/picker/_picker-styles.scss

@@ -113,7 +113,7 @@
 
   &__separator {
     width: 1px;
-    height: 16px;
+    height: spacing.semantic-variable(size, element, base);
     background-color: palette.semantic-variable(separator, neutral-light);
     flex-shrink: 0;
   }

package/progress/_progress-styles.scss

@@ -234,7 +234,7 @@ $status-hierarchy: (
     top: 50%;
     transform: translate(-50%, -50%);
     width: 1px;
-    height: 4px;
+    height: spacing.semantic-variable(size, element, tiny);
     margin-top: calc(-1 * (2px + #{spacing.semantic-variable(gap, slim)} / 2));
     pointer-events: none;
     background-color: palette.semantic-variable(border, neutral-strong);

package/table/_table-styles.scss

@@ -103,7 +103,7 @@ $z-index-config: (
   &::after {
     position: absolute;
     inset-block: 0;
-    width: 10px;
+    width: spacing.primitive-variable(10);
     content: '';
     pointer-events: none;
     transition: transition.standard(box-shadow);
@@ -335,6 +335,7 @@ $z-index-config: (
 
     &--separator {
       td {
+        // allow-hardcoded: separator row border 3px visual emphasis, thicker than the 1px cell borders; no token for border-width > 1px
         border-bottom: 3px solid palette.semantic-variable("background", neutral-subtle);
       }
     }
@@ -627,6 +628,7 @@ $z-index-config: (
 }
 
 .#{$prefix}__empty {
+  // allow-hardcoded: empty-state min-height 200px guarantees a consistent body height regardless of row count; not in primitive scale
   min-height: 200px;
   text-align: center;
   vertical-align: middle;

package/typography/typography.d.ts

@@ -19,11 +19,11 @@ export interface TypographyCssVars {
 }
 export declare const typographyClasses: {
     readonly type: (type: TypographySemanticType) => string;
-    readonly align: `${any}--align`;
-    readonly color: `${any}--color`;
-    readonly display: `${any}--display`;
-    readonly ellipsis: `${any}--ellipsis`;
-    readonly noWrap: `${any}--nowrap`;
+    readonly align: "mzn-typography--align";
+    readonly color: "mzn-typography--color";
+    readonly display: "mzn-typography--display";
+    readonly ellipsis: "mzn-typography--ellipsis";
+    readonly noWrap: "mzn-typography--nowrap";
 };
 export declare function toTypographyCssVars(variables: TypographyCssVars): CssVarInterpolations;
 export {};

package/upload/_upload-item-styles.scss

@@ -131,13 +131,13 @@ $thumbnail-image-size: spacing.primitive-variable(40);
       border-color: palette.semantic-variable(text, fixed-light);
       border-radius: 50%;
       content: '';
-      height: 10px;
+      height: spacing.primitive-variable(10);
       left: 50%;
       pointer-events: none;
       position: absolute;
       top: 50%;
       transform: translate(-50%, -50%);
-      width: 10px;
+      width: spacing.primitive-variable(10);
     }
   }
 

package/upload/_upload-picture-card-styles.scss

@@ -304,6 +304,7 @@ $image-size: spacing.primitive-variable(140);
         position: relative;
 
         &::before {
+          // allow-hardcoded: focus ring 2px border width for visual emphasis; no token for border-width > 1px
           border-width: 2px;
           border-style: solid;
           border-color: palette.semantic-variable(border, fixed-light);

package/upload/_uploader-styles.scss

@@ -43,6 +43,7 @@ $square-size: spacing.primitive-variable(140);
   }
 
   &:not(.#{$prefix}--button):active {
+    // allow-hardcoded: active-state 2px border width for visual emphasis; no token for border-width > 1px
     border-width: 2px;
     border-style: solid;
     border-color: palette.semantic-variable(border, brand);