@moneyforward/mfui-components 4.9.0 → 4.10.1

package/dist/styled-system/recipes/badge-slot-recipe.d.ts

@@ -10,7 +10,7 @@ type BadgeSlotRecipeVariantMap = {
   [key in keyof BadgeSlotRecipeVariant]: Array<BadgeSlotRecipeVariant[key]>
 }
 
-type BadgeSlotRecipeSlot = "root" | "indicator" | "srOnlyLabel"
+type BadgeSlotRecipeSlot = "root" | "indicator"
 
 export type BadgeSlotRecipeVariantProps = {
   [key in keyof BadgeSlotRecipeVariant]?: ConditionalValue<BadgeSlotRecipeVariant[key]> | undefined

package/dist/styled-system/recipes/badge-slot-recipe.js

@@ -10,10 +10,6 @@ const badgeSlotRecipeSlotNames = [
     [
         "indicator",
         "Badge__indicator"
-    ],
-    [
-        "srOnlyLabel",
-        "Badge__srOnlyLabel"
     ]
 ];
 const badgeSlotRecipeSlotFns = /* @__PURE__ */ badgeSlotRecipeSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, badgeSlotRecipeDefaultVariants, getSlotCompoundVariant(badgeSlotRecipeCompoundVariants, slotName))]);

package/dist/styled-system/recipes/data-table-cell-slot-recipe.d.ts

@@ -19,7 +19,7 @@ type DataTableCellSlotRecipeVariantMap = {
   [key in keyof DataTableCellSlotRecipeVariant]: Array<DataTableCellSlotRecipeVariant[key]>
 }
 
-type DataTableCellSlotRecipeSlot = "root" | "defaultCell" | "interactiveCell" | "disclosureIconWrapper" | "disclosureSpacing" | "skeletonCell" | "rowActionButton"
+type DataTableCellSlotRecipeSlot = "root" | "defaultCell" | "interactiveCell" | "disclosureIconWrapper" | "disclosureSpacing" | "skeletonCell" | "skeletonLineBox" | "rowActionButton"
 
 export type DataTableCellSlotRecipeVariantProps = {
   [key in keyof DataTableCellSlotRecipeVariant]?: DataTableCellSlotRecipeVariant[key] | undefined

package/dist/styled-system/recipes/data-table-cell-slot-recipe.js

@@ -69,6 +69,10 @@ const dataTableCellSlotRecipeSlotNames = [
         "skeletonCell",
         "DataTableCell__skeletonCell"
     ],
+    [
+        "skeletonLineBox",
+        "DataTableCell__skeletonLineBox"
+    ],
     [
         "rowActionButton",
         "DataTableCell__rowActionButton"

package/dist/styled-system/recipes/day-cell-slot-recipe.d.ts

@@ -10,7 +10,7 @@ type DayCellSlotRecipeVariantMap = {
   [key in keyof DayCellSlotRecipeVariant]: Array<DayCellSlotRecipeVariant[key]>
 }
 
-type DayCellSlotRecipeSlot = "root" | "label" | "srOnlyLabel"
+type DayCellSlotRecipeSlot = "root" | "label"
 
 export type DayCellSlotRecipeVariantProps = {
   [key in keyof DayCellSlotRecipeVariant]?: ConditionalValue<DayCellSlotRecipeVariant[key]> | undefined

package/dist/styled-system/recipes/day-cell-slot-recipe.js

@@ -10,10 +10,6 @@ const dayCellSlotRecipeSlotNames = [
     [
         "label",
         "DayCell__label"
-    ],
-    [
-        "srOnlyLabel",
-        "DayCell__srOnlyLabel"
     ]
 ];
 const dayCellSlotRecipeSlotFns = /* @__PURE__ */ dayCellSlotRecipeSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, dayCellSlotRecipeDefaultVariants, getSlotCompoundVariant(dayCellSlotRecipeCompoundVariants, slotName))]);

package/dist/styled-system/recipes/index.d.ts

@@ -109,4 +109,5 @@ export * from './navigation-list-slot-recipe';
 export * from './navigation-list-item-slot-recipe';
 export * from './form-footer-slot-recipe';
 export * from './sidebar-slot-recipe';
-export * from './sidebar-menu-heading-slot-recipe';
+export * from './sidebar-menu-heading-slot-recipe';
+export * from './visually-hidden-slot-recipe';

package/dist/styled-system/recipes/index.js

@@ -109,3 +109,4 @@ export * from './navigation-list-item-slot-recipe.js';
 export * from './form-footer-slot-recipe.js';
 export * from './sidebar-slot-recipe.js';
 export * from './sidebar-menu-heading-slot-recipe.js';
+export * from './visually-hidden-slot-recipe.js';

package/dist/styled-system/recipes/popover-slot-recipe.d.ts

@@ -10,7 +10,7 @@ type PopoverSlotRecipeVariantMap = {
   [key in keyof PopoverSlotRecipeVariant]: Array<PopoverSlotRecipeVariant[key]>
 }
 
-type PopoverSlotRecipeSlot = "root"
+type PopoverSlotRecipeSlot = "root" | "contentWrapper"
 
 export type PopoverSlotRecipeVariantProps = {
   [key in keyof PopoverSlotRecipeVariant]?: ConditionalValue<PopoverSlotRecipeVariant[key]> | undefined

package/dist/styled-system/recipes/popover-slot-recipe.js

@@ -6,6 +6,10 @@ const popoverSlotRecipeSlotNames = [
     [
         "root",
         "Popover__root"
+    ],
+    [
+        "contentWrapper",
+        "Popover__contentWrapper"
     ]
 ];
 const popoverSlotRecipeSlotFns = /* @__PURE__ */ popoverSlotRecipeSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, popoverSlotRecipeDefaultVariants, getSlotCompoundVariant(popoverSlotRecipeCompoundVariants, slotName))]);

package/dist/styled-system/recipes/visually-hidden-slot-recipe.d.ts

@@ -0,0 +1,33 @@
+/* eslint-disable */
+import type { ConditionalValue } from '../types/index';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
+
+interface VisuallyHiddenSlotRecipeVariant {
+  
+}
+
+type VisuallyHiddenSlotRecipeVariantMap = {
+  [key in keyof VisuallyHiddenSlotRecipeVariant]: Array<VisuallyHiddenSlotRecipeVariant[key]>
+}
+
+type VisuallyHiddenSlotRecipeSlot = "root"
+
+export type VisuallyHiddenSlotRecipeVariantProps = {
+  [key in keyof VisuallyHiddenSlotRecipeVariant]?: ConditionalValue<VisuallyHiddenSlotRecipeVariant[key]> | undefined
+}
+
+export interface VisuallyHiddenSlotRecipeRecipe {
+  __slot: VisuallyHiddenSlotRecipeSlot
+  __type: VisuallyHiddenSlotRecipeVariantProps
+  (props?: VisuallyHiddenSlotRecipeVariantProps): Pretty<Record<VisuallyHiddenSlotRecipeSlot, string>>
+  raw: (props?: VisuallyHiddenSlotRecipeVariantProps) => VisuallyHiddenSlotRecipeVariantProps
+  variantMap: VisuallyHiddenSlotRecipeVariantMap
+  variantKeys: Array<keyof VisuallyHiddenSlotRecipeVariant>
+  splitVariantProps<Props extends VisuallyHiddenSlotRecipeVariantProps>(props: Props): [VisuallyHiddenSlotRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof VisuallyHiddenSlotRecipeVariantProps>>]
+  getVariantProps: (props?: VisuallyHiddenSlotRecipeVariantProps) => VisuallyHiddenSlotRecipeVariantProps
+}
+
+/**
+ * Slot class created for the MFUI VisuallyHidden component
+ */
+export declare const visuallyHiddenSlotRecipe: VisuallyHiddenSlotRecipeRecipe

package/dist/styled-system/recipes/visually-hidden-slot-recipe.js

@@ -0,0 +1,28 @@
+import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.js';
+import { createRecipe } from './create-recipe.js';
+const visuallyHiddenSlotRecipeDefaultVariants = {};
+const visuallyHiddenSlotRecipeCompoundVariants = [];
+const visuallyHiddenSlotRecipeSlotNames = [
+    [
+        "root",
+        "VisuallyHidden__root"
+    ]
+];
+const visuallyHiddenSlotRecipeSlotFns = /* @__PURE__ */ visuallyHiddenSlotRecipeSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, visuallyHiddenSlotRecipeDefaultVariants, getSlotCompoundVariant(visuallyHiddenSlotRecipeCompoundVariants, slotName))]);
+const visuallyHiddenSlotRecipeFn = memo((props = {}) => {
+    return Object.fromEntries(visuallyHiddenSlotRecipeSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]));
+});
+const visuallyHiddenSlotRecipeVariantKeys = [];
+const getVariantProps = (variants) => ({ ...visuallyHiddenSlotRecipeDefaultVariants, ...compact(variants) });
+export const visuallyHiddenSlotRecipe = /* @__PURE__ */ Object.assign(visuallyHiddenSlotRecipeFn, {
+    __recipe__: false,
+    __name__: 'visuallyHiddenSlotRecipe',
+    raw: (props) => props,
+    classNameMap: {},
+    variantKeys: visuallyHiddenSlotRecipeVariantKeys,
+    variantMap: {},
+    splitVariantProps(props) {
+        return splitProps(props, visuallyHiddenSlotRecipeVariantKeys);
+    },
+    getVariantProps
+});

package/dist/styles.css

@@ -497,10 +497,6 @@
   --mfui-line-heights-mfui\.typography\.line-height\.condensed-input\.narrow: 21px;
         }
 
-.mfui-gXBBVr {
-  overflow-y: auto;
-}
-
 .mfui-iHuYNm {
   padding-block: var(--mfui-spacing-mfui\.size\.padding\.container\.vertical\.comfort);
   flex-direction: column;
@@ -809,10 +805,6 @@
   row-gap: var(--mfui-spacing-mfui\.size\.spacing\.container\.vertical\.comfort);
 }
 
-.mfui-hkWvKm {
-  overflow-y: auto;
-}
-
 .mfui-hxpVHi {
   padding-block: var(--mfui-spacing-mfui\.size\.padding\.container\.vertical\.comfort);
   padding-inline: 0px;
@@ -1327,18 +1319,6 @@
   height: var(--mfui-sizes-mfui\.size\.dimension\.badge\.diameter\.comfort);
 }
 
-.mfui-fCRxLF {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  white-space: nowrap;
-  border-width: 0;
-}
-
 .mfui-jntiOR {
   border-color: var(--mfui-colors-mfui\.color\.neutral\.border\.none);
   border-style: solid;
@@ -2619,18 +2599,6 @@
   color: var(--mfui-colors-mfui\.color\.base\.content\.none);
 }
 
-.mfui-iYrkDO {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  white-space: nowrap;
-  border-width: 0;
-}
-
 .mfui-fKMSWf {
   gap: 0;
   display: grid;
@@ -2702,7 +2670,7 @@
   white-space: nowrap;
 }
 
-.mfui-Popover__root > .mfui-fhtZXM {
+.mfui-Popover__contentWrapper > .mfui-fhtZXM {
   overflow-x: hidden;
   overflow-y: hidden;
 }
@@ -3054,11 +3022,9 @@
   min-width: var(--mfui-sizes-mfui\.size\.dimension\.data-table-disclosure-inidicator\.width\.comfort);
 }
 
-.mfui-eHfYTg {
-  padding-inline: var(--mfui-spacing-mfui\.size\.padding\.data-table-cell\.horizontal\.comfort);
-  padding-block: 5px;
-  margin-block: var(--mfui-spacing-mfui\.size\.padding\.display-table-cell\.vertical\.comfort);
-  height: 24px;
+.mfui-fQuPsF {
+  padding-block: calc((var(--mfui-line-heights-mfui\.typography\.line-height\.body) - var(--mfui-font-sizes-mfui\.typography\.font-size\.body)) / 2);
+  height: var(--mfui-line-heights-mfui\.typography\.line-height\.body);
 }
 
 .mfui-deLdKp {
@@ -3373,7 +3339,7 @@
   cursor: pointer;
   text-align: left;
   display: flex;
-  align-items: center;
+  align-items: flex-start;
   color: var(--mfui-colors-mfui\.color\.base\.content\.none);
   width: 100%;
 }
@@ -3488,6 +3454,7 @@
   display: grid;
   font-size: var(--mfui-font-sizes-mfui\.typography\.font-size\.icon);
   min-width: var(--mfui-sizes-mfui\.size\.dimension\.icon\.square\.comfort);
+  min-height: 24px;
   margin-left: var(--mfui-spacing-mfui\.size\.spacing\.inline\.horizontal\.comfort);
 }
 
@@ -3502,7 +3469,7 @@
   border-radius: var(--mfui-radii-mfui\.size\.radius\.control-component\.comfort);
   cursor: pointer;
   display: flex;
-  align-items: center;
+  align-items: flex-start;
   color: var(--mfui-colors-mfui\.color\.base\.content\.none);
 }
 
@@ -4384,10 +4351,18 @@
   pointer-events: auto;
   display: flex;
   flex-direction: column;
+}
+
+.mfui-jxYKcw {
+  flex: 1 1 auto;
+  border-radius: inherit;
+  display: flex;
+  flex-direction: column;
+  min-height: 0px;
   overflow-y: hidden;
 }
 
-.mfui-vzUZg > * {
+.mfui-jxYKcw > * {
   flex: 1 1 auto;
   overflow: auto;
   min-height: 0px;
@@ -5073,6 +5048,7 @@
   border-style: dashed;
   border-width: var(--mfui-border-widths-mfui\.size\.border\.indicator\.width\.comfort);
   border-radius: var(--mfui-radii-mfui\.size\.radius\.control-component\.comfort);
+  cursor: not-allowed;
   background-color: var(--mfui-colors-mfui\.color\.disabled\.background);
 }
 
@@ -5092,6 +5068,7 @@
   background-color: var(--mfui-colors-mfui\.color\.neutral\.thin-background\.none);
   font-family: var(--mfui-fonts-mfui\.typography\.font-family\.label);
   font-size: var(--mfui-font-sizes-mfui\.typography\.font-size\.control-label);
+  cursor: pointer;
   height: 100%;
 }
 
@@ -5133,7 +5110,6 @@
   display: flex;
   align-items: center;
   color: var(--mfui-colors-mfui\.color\.base\.content\.none);
-  cursor: default;
 }
 
 .mfui-bODIPe {
@@ -6758,7 +6734,7 @@ li:last-child > .mfui-cXGJls {
   height: 18px;
 }
 
-.mfui-czdCzS {
+.mfui-czdCzS,.mfui-ewjNpm {
   position: absolute;
   width: 1px;
   height: 1px;
@@ -7817,15 +7793,29 @@ li:last-child > .mfui-cXGJls {
 }
 
 .mfui-kYxCkD,.mfui-hXNotk {
+  min-height: var(--mfui-sizes-mfui\.size\.dimension\.data-table-cell\.height\.condensed);
+}
+
+.mfui-kYxCkD,.mfui-hXNotk,.mfui-kLPDHR {
   padding-block: var(--mfui-spacing-mfui\.size\.padding\.data-table-cell\.vertical\.condensed);
   padding-inline: var(--mfui-spacing-mfui\.size\.padding\.data-table-cell\.horizontal\.condensed);
-  min-height: var(--mfui-sizes-mfui\.size\.dimension\.data-table-cell\.height\.condensed);
+}
+
+.mfui-kLPDHR {
+  height: var(--mfui-sizes-mfui\.size\.dimension\.data-table-cell\.height\.condensed);
 }
 
 .mfui-jGTRXd,.mfui-iHntsS {
+  min-height: var(--mfui-sizes-mfui\.size\.dimension\.data-table-cell\.height\.comfort);
+}
+
+.mfui-jGTRXd,.mfui-iHntsS,.mfui-iWZmRX {
   padding-block: var(--mfui-spacing-mfui\.size\.padding\.data-table-cell\.vertical\.comfort);
   padding-inline: var(--mfui-spacing-mfui\.size\.padding\.data-table-cell\.horizontal\.comfort);
-  min-height: var(--mfui-sizes-mfui\.size\.dimension\.data-table-cell\.height\.comfort);
+}
+
+.mfui-iWZmRX {
+  height: var(--mfui-sizes-mfui\.size\.dimension\.data-table-cell\.height\.comfort);
 }
 
 .mfui-coGcRr {
@@ -8294,6 +8284,7 @@ li:last-child > .mfui-cXGJls {
   display: grid;
   grid-template-columns: 1fr auto;
   align-content: start;
+  align-items: center;
 }
 
 .mfui-eLqgVJ[data-mfui-nest-level="1"] {
@@ -8940,6 +8931,16 @@ li:last-child > .mfui-cXGJls {
   color: var(--mfui-colors-mfui\.color\.neutral\.content\.none);
 }
 
+.mfui-bjPlYK:is(:hover, [data-hover]) {
+  border-color: var(--mfui-colors-mfui\.color\.neutral\.border\.hovered);
+  background-color: var(--mfui-colors-mfui\.color\.neutral\.thin-background\.hovered);
+}
+
+.mfui-bjPlYK:is(:active, [data-active]) {
+  border-color: var(--mfui-colors-mfui\.color\.neutral\.border\.pressed);
+  background-color: var(--mfui-colors-mfui\.color\.neutral\.thin-background\.pressed);
+}
+
 .mfui-hhZyjV {
   color: var(--mfui-colors-mfui\.color\.base\.content\.none);
 }