@yamada-ui/react 2.2.5-dev-20260727072934 → 2.2.6-dev-20260729002855

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.
Files changed (21) hide show
  1. package/dist/cjs/core/css/focus-ring.cjs +4 -1
  2. package/dist/cjs/core/css/focus-ring.cjs.map +1 -1
  3. package/dist/esm/core/css/focus-ring.js +4 -1
  4. package/dist/esm/core/css/focus-ring.js.map +1 -1
  5. package/dist/types/components/carousel/carousel.style.d.ts +2 -2
  6. package/dist/types/components/chart/polar-chart.style.d.ts +1 -1
  7. package/dist/types/components/color-picker/color-picker.style.d.ts +1 -1
  8. package/dist/types/components/color-selector/color-selector.style.d.ts +2 -2
  9. package/dist/types/components/drawer/drawer.style.d.ts +2 -2
  10. package/dist/types/components/file-input/file-input.style.d.ts +1 -1
  11. package/dist/types/components/menu/menu.style.d.ts +2 -2
  12. package/dist/types/components/modal/modal.style.d.ts +2 -2
  13. package/dist/types/components/notice/notice.style.d.ts +1 -1
  14. package/dist/types/components/segmented-control/segmented-control.style.d.ts +2 -2
  15. package/dist/types/components/steps/steps.style.d.ts +1 -1
  16. package/dist/types/components/tag/tag.style.d.ts +1 -1
  17. package/dist/types/components/timeline/timeline.d.ts +1 -1
  18. package/dist/types/components/timeline/timeline.style.d.ts +1 -1
  19. package/dist/types/components/tree/tree.style.d.ts +1 -1
  20. package/dist/types/core/css/focus-ring.d.ts +1 -0
  21. package/package.json +1 -1
package/dist/cjs/core/css/focus-ring.cjs CHANGED
@@ -18,7 +18,10 @@ const focusRingStyle = {
18
18
  outlineStyle: "{focus-ring-style, solid}",
19
19
  outlineWidth: "{focus-ring-width, 2px}"
20
20
  },
21
- none: { outline: "none" },
21
+ none: {
22
+ boxShadow: "none",
23
+ outline: "none"
24
+ },
22
25
  outline: {
23
26
  outlineOffset: "{focus-ring-offset, 2px}",
24
27
  outlineStyle: "{focus-ring-style, solid}",
package/dist/cjs/core/css/focus-ring.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"focus-ring.cjs","names":[],"sources":["../../../../src/core/css/focus-ring.ts"],"sourcesContent":["import type { CSSObject } from \"./index.types\"\nimport type { Transform } from \"./utils\"\n\nexport const focusRingStyle = {\n inline: {\n outlineOffset: \"{focus-ring-offset, -5px}\",\n outlineStyle: \"{focus-ring-style, solid}\",\n outlineWidth: \"{focus-ring-width, 1px}\",\n },\n inside: {\n borderColor: \"{focus-ring-color}\",\n boxShadow: \"inset 0 0 0 1px {focus-ring-color}\",\n outlineOffset: \"inherit\",\n outlineStyle: \"inherit\",\n outlineWidth: \"inherit\",\n },\n mixed: {\n borderColor: \"{focus-ring-color}\",\n outlineOffset: \"{focus-ring-offset, 0px}\",\n outlineStyle: \"{focus-ring-style, solid}\",\n outlineWidth: \"{focus-ring-width, 2px}\",\n },\n none: {\n outline: \"none\",\n },\n outline: {\n outlineOffset: \"{focus-ring-offset, 2px}\",\n outlineStyle: \"{focus-ring-style, solid}\",\n outlineWidth: \"{focus-ring-width, 2px}\",\n },\n outside: {\n borderColor: \"{focus-ring-color}\",\n boxShadow: \"0 0 0 1px {focus-ring-color}\",\n outlineOffset: \"inherit\",\n outlineStyle: \"inherit\",\n outlineWidth: \"inherit\",\n },\n} satisfies { [key: string]: CSSObject }\n\nexport function generateFocusRing(selector: string): Transform {\n return function (value, { prev }) {\n const focusRingColor =\n prev?.[\"--focus-ring-color\"] ?? \"{colorScheme.outline}\"\n\n const result = {\n \"--focus-ring-color\": focusRingColor,\n outlineColor: \"{focus-ring-color}\",\n [selector]: {\n ...(value in focusRingStyle\n ? focusRingStyle[value as keyof typeof focusRingStyle]\n : focusRingStyle.none),\n },\n }\n\n return result\n }\n}\n"],"mappings":";AAGA,MAAa,iBAAiB;CAC5B,QAAQ;EACN,eAAe;EACf,cAAc;EACd,cAAc;CAChB;CACA,QAAQ;EACN,aAAa;EACb,WAAW;EACX,eAAe;EACf,cAAc;EACd,cAAc;CAChB;CACA,OAAO;EACL,aAAa;EACb,eAAe;EACf,cAAc;EACd,cAAc;CAChB;CACA,MAAM,EACJ,SAAS,OACX;CACA,SAAS;EACP,eAAe;EACf,cAAc;EACd,cAAc;CAChB;CACA,SAAS;EACP,aAAa;EACb,WAAW;EACX,eAAe;EACf,cAAc;EACd,cAAc;CAChB;AACF;AAEA,SAAgB,kBAAkB,UAA6B;CAC7D,OAAO,SAAU,OAAO,EAAE,QAAQ;EAchC,OAAO;GATL,sBAHA,OAAO,yBAAyB;GAIhC,cAAc;IACb,WAAW,EACV,GAAI,SAAS,iBACT,eAAe,SACf,eAAe,KACrB;EAGU;CACd;AACF"}
1
+ {"version":3,"file":"focus-ring.cjs","names":[],"sources":["../../../../src/core/css/focus-ring.ts"],"sourcesContent":["import type { CSSObject } from \"./index.types\"\nimport type { Transform } from \"./utils\"\n\nexport const focusRingStyle = {\n inline: {\n outlineOffset: \"{focus-ring-offset, -5px}\",\n outlineStyle: \"{focus-ring-style, solid}\",\n outlineWidth: \"{focus-ring-width, 1px}\",\n },\n inside: {\n borderColor: \"{focus-ring-color}\",\n boxShadow: \"inset 0 0 0 1px {focus-ring-color}\",\n outlineOffset: \"inherit\",\n outlineStyle: \"inherit\",\n outlineWidth: \"inherit\",\n },\n mixed: {\n borderColor: \"{focus-ring-color}\",\n outlineOffset: \"{focus-ring-offset, 0px}\",\n outlineStyle: \"{focus-ring-style, solid}\",\n outlineWidth: \"{focus-ring-width, 2px}\",\n },\n none: {\n boxShadow: \"none\",\n outline: \"none\",\n },\n outline: {\n outlineOffset: \"{focus-ring-offset, 2px}\",\n outlineStyle: \"{focus-ring-style, solid}\",\n outlineWidth: \"{focus-ring-width, 2px}\",\n },\n outside: {\n borderColor: \"{focus-ring-color}\",\n boxShadow: \"0 0 0 1px {focus-ring-color}\",\n outlineOffset: \"inherit\",\n outlineStyle: \"inherit\",\n outlineWidth: \"inherit\",\n },\n} satisfies { [key: string]: CSSObject }\n\nexport function generateFocusRing(selector: string): Transform {\n return function (value, { prev }) {\n const focusRingColor =\n prev?.[\"--focus-ring-color\"] ?? \"{colorScheme.outline}\"\n\n const result = {\n \"--focus-ring-color\": focusRingColor,\n outlineColor: \"{focus-ring-color}\",\n [selector]: {\n ...(value in focusRingStyle\n ? focusRingStyle[value as keyof typeof focusRingStyle]\n : focusRingStyle.none),\n },\n }\n\n return result\n }\n}\n"],"mappings":";AAGA,MAAa,iBAAiB;CAC5B,QAAQ;EACN,eAAe;EACf,cAAc;EACd,cAAc;CAChB;CACA,QAAQ;EACN,aAAa;EACb,WAAW;EACX,eAAe;EACf,cAAc;EACd,cAAc;CAChB;CACA,OAAO;EACL,aAAa;EACb,eAAe;EACf,cAAc;EACd,cAAc;CAChB;CACA,MAAM;EACJ,WAAW;EACX,SAAS;CACX;CACA,SAAS;EACP,eAAe;EACf,cAAc;EACd,cAAc;CAChB;CACA,SAAS;EACP,aAAa;EACb,WAAW;EACX,eAAe;EACf,cAAc;EACd,cAAc;CAChB;AACF;AAEA,SAAgB,kBAAkB,UAA6B;CAC7D,OAAO,SAAU,OAAO,EAAE,QAAQ;EAchC,OAAO;GATL,sBAHA,OAAO,yBAAyB;GAIhC,cAAc;IACb,WAAW,EACV,GAAI,SAAS,iBACT,eAAe,SACf,eAAe,KACrB;EAGU;CACd;AACF"}
package/dist/esm/core/css/focus-ring.js CHANGED
@@ -18,7 +18,10 @@ const focusRingStyle = {
18
18
  outlineStyle: "{focus-ring-style, solid}",
19
19
  outlineWidth: "{focus-ring-width, 2px}"
20
20
  },
21
- none: { outline: "none" },
21
+ none: {
22
+ boxShadow: "none",
23
+ outline: "none"
24
+ },
22
25
  outline: {
23
26
  outlineOffset: "{focus-ring-offset, 2px}",
24
27
  outlineStyle: "{focus-ring-style, solid}",
package/dist/esm/core/css/focus-ring.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"focus-ring.js","names":[],"sources":["../../../../src/core/css/focus-ring.ts"],"sourcesContent":["import type { CSSObject } from \"./index.types\"\nimport type { Transform } from \"./utils\"\n\nexport const focusRingStyle = {\n inline: {\n outlineOffset: \"{focus-ring-offset, -5px}\",\n outlineStyle: \"{focus-ring-style, solid}\",\n outlineWidth: \"{focus-ring-width, 1px}\",\n },\n inside: {\n borderColor: \"{focus-ring-color}\",\n boxShadow: \"inset 0 0 0 1px {focus-ring-color}\",\n outlineOffset: \"inherit\",\n outlineStyle: \"inherit\",\n outlineWidth: \"inherit\",\n },\n mixed: {\n borderColor: \"{focus-ring-color}\",\n outlineOffset: \"{focus-ring-offset, 0px}\",\n outlineStyle: \"{focus-ring-style, solid}\",\n outlineWidth: \"{focus-ring-width, 2px}\",\n },\n none: {\n outline: \"none\",\n },\n outline: {\n outlineOffset: \"{focus-ring-offset, 2px}\",\n outlineStyle: \"{focus-ring-style, solid}\",\n outlineWidth: \"{focus-ring-width, 2px}\",\n },\n outside: {\n borderColor: \"{focus-ring-color}\",\n boxShadow: \"0 0 0 1px {focus-ring-color}\",\n outlineOffset: \"inherit\",\n outlineStyle: \"inherit\",\n outlineWidth: \"inherit\",\n },\n} satisfies { [key: string]: CSSObject }\n\nexport function generateFocusRing(selector: string): Transform {\n return function (value, { prev }) {\n const focusRingColor =\n prev?.[\"--focus-ring-color\"] ?? \"{colorScheme.outline}\"\n\n const result = {\n \"--focus-ring-color\": focusRingColor,\n outlineColor: \"{focus-ring-color}\",\n [selector]: {\n ...(value in focusRingStyle\n ? focusRingStyle[value as keyof typeof focusRingStyle]\n : focusRingStyle.none),\n },\n }\n\n return result\n }\n}\n"],"mappings":";AAGA,MAAa,iBAAiB;CAC5B,QAAQ;EACN,eAAe;EACf,cAAc;EACd,cAAc;CAChB;CACA,QAAQ;EACN,aAAa;EACb,WAAW;EACX,eAAe;EACf,cAAc;EACd,cAAc;CAChB;CACA,OAAO;EACL,aAAa;EACb,eAAe;EACf,cAAc;EACd,cAAc;CAChB;CACA,MAAM,EACJ,SAAS,OACX;CACA,SAAS;EACP,eAAe;EACf,cAAc;EACd,cAAc;CAChB;CACA,SAAS;EACP,aAAa;EACb,WAAW;EACX,eAAe;EACf,cAAc;EACd,cAAc;CAChB;AACF;AAEA,SAAgB,kBAAkB,UAA6B;CAC7D,OAAO,SAAU,OAAO,EAAE,QAAQ;EAchC,OAAO;GATL,sBAHA,OAAO,yBAAyB;GAIhC,cAAc;IACb,WAAW,EACV,GAAI,SAAS,iBACT,eAAe,SACf,eAAe,KACrB;EAGU;CACd;AACF"}
1
+ {"version":3,"file":"focus-ring.js","names":[],"sources":["../../../../src/core/css/focus-ring.ts"],"sourcesContent":["import type { CSSObject } from \"./index.types\"\nimport type { Transform } from \"./utils\"\n\nexport const focusRingStyle = {\n inline: {\n outlineOffset: \"{focus-ring-offset, -5px}\",\n outlineStyle: \"{focus-ring-style, solid}\",\n outlineWidth: \"{focus-ring-width, 1px}\",\n },\n inside: {\n borderColor: \"{focus-ring-color}\",\n boxShadow: \"inset 0 0 0 1px {focus-ring-color}\",\n outlineOffset: \"inherit\",\n outlineStyle: \"inherit\",\n outlineWidth: \"inherit\",\n },\n mixed: {\n borderColor: \"{focus-ring-color}\",\n outlineOffset: \"{focus-ring-offset, 0px}\",\n outlineStyle: \"{focus-ring-style, solid}\",\n outlineWidth: \"{focus-ring-width, 2px}\",\n },\n none: {\n boxShadow: \"none\",\n outline: \"none\",\n },\n outline: {\n outlineOffset: \"{focus-ring-offset, 2px}\",\n outlineStyle: \"{focus-ring-style, solid}\",\n outlineWidth: \"{focus-ring-width, 2px}\",\n },\n outside: {\n borderColor: \"{focus-ring-color}\",\n boxShadow: \"0 0 0 1px {focus-ring-color}\",\n outlineOffset: \"inherit\",\n outlineStyle: \"inherit\",\n outlineWidth: \"inherit\",\n },\n} satisfies { [key: string]: CSSObject }\n\nexport function generateFocusRing(selector: string): Transform {\n return function (value, { prev }) {\n const focusRingColor =\n prev?.[\"--focus-ring-color\"] ?? \"{colorScheme.outline}\"\n\n const result = {\n \"--focus-ring-color\": focusRingColor,\n outlineColor: \"{focus-ring-color}\",\n [selector]: {\n ...(value in focusRingStyle\n ? focusRingStyle[value as keyof typeof focusRingStyle]\n : focusRingStyle.none),\n },\n }\n\n return result\n }\n}\n"],"mappings":";AAGA,MAAa,iBAAiB;CAC5B,QAAQ;EACN,eAAe;EACf,cAAc;EACd,cAAc;CAChB;CACA,QAAQ;EACN,aAAa;EACb,WAAW;EACX,eAAe;EACf,cAAc;EACd,cAAc;CAChB;CACA,OAAO;EACL,aAAa;EACb,eAAe;EACf,cAAc;EACd,cAAc;CAChB;CACA,MAAM;EACJ,WAAW;EACX,SAAS;CACX;CACA,SAAS;EACP,eAAe;EACf,cAAc;EACd,cAAc;CAChB;CACA,SAAS;EACP,aAAa;EACb,WAAW;EACX,eAAe;EACf,cAAc;EACd,cAAc;CAChB;AACF;AAEA,SAAgB,kBAAkB,UAA6B;CAC7D,OAAO,SAAU,OAAO,EAAE,QAAQ;EAchC,OAAO;GATL,sBAHA,OAAO,yBAAyB;GAIhC,cAAc;IACb,WAAW,EACV,GAAI,SAAS,iBACT,eAAe,SACf,eAAe,KACrB;EAGU;CACd;AACF"}
package/dist/types/components/carousel/carousel.style.d.ts CHANGED
@@ -2,7 +2,7 @@ import { ComponentSlotStyle } from "../../core/system/index.types.js";
2
2
  import { CSSModifierObject, CSSPropObject, CSSSlotObject } from "../../core/css/index.types.js";
3
3
  import "../../index.js";
4
4
  //#region src/components/carousel/carousel.style.d.ts
5
- declare const carouselStyle: ComponentSlotStyle<"list" | "next" | "root" | "item" | "indicator" | "trigger" | "prev" | "indicators", CSSPropObject<CSSSlotObject<"list" | "next" | "root" | "item" | "indicator" | "trigger" | "prev" | "indicators">>, {
5
+ declare const carouselStyle: ComponentSlotStyle<"list" | "next" | "root" | "indicator" | "item" | "trigger" | "prev" | "indicators", CSSPropObject<CSSSlotObject<"list" | "next" | "root" | "indicator" | "item" | "trigger" | "prev" | "indicators">>, {
6
6
  sm: {
7
7
  root: {
8
8
  h: "sm";
@@ -18,7 +18,7 @@ declare const carouselStyle: ComponentSlotStyle<"list" | "next" | "root" | "item
18
18
  h: "lg";
19
19
  };
20
20
  };
21
- }, CSSModifierObject<CSSSlotObject<"list" | "next" | "root" | "item" | "indicator" | "trigger" | "prev" | "indicators">>>;
21
+ }, CSSModifierObject<CSSSlotObject<"list" | "next" | "root" | "indicator" | "item" | "trigger" | "prev" | "indicators">>>;
22
22
  type CarouselStyle = typeof carouselStyle;
23
23
  //#endregion
24
24
  export { CarouselStyle, carouselStyle };
package/dist/types/components/chart/polar-chart.style.d.ts CHANGED
@@ -2,7 +2,7 @@ import { ComponentSlotStyle } from "../../core/system/index.types.js";
2
2
  import { CSSModifierObject, CSSPropObject, CSSSlotObject } from "../../core/css/index.types.js";
3
3
  import "../../index.js";
4
4
  //#region src/components/chart/polar-chart.style.d.ts
5
- declare const polarChartStyle: ComponentSlotStyle<"label" | "grid" | "dot" | "root" | "labelList" | "activeDot" | "radial" | "labelLine" | "angleAxis" | "angleAxisLabel" | "angleAxisLine" | "angleAxisTick" | "angleAxisTickLine" | "pie" | "radar" | "radialBackground" | "radiusAxis" | "radiusAxisLabel" | "radiusAxisLine" | "radiusAxisTick" | "radiusAxisTickLine" | "sector", CSSPropObject<CSSSlotObject<"label" | "grid" | "dot" | "root" | "labelList" | "activeDot" | "radial" | "labelLine" | "angleAxis" | "angleAxisLabel" | "angleAxisLine" | "angleAxisTick" | "angleAxisTickLine" | "pie" | "radar" | "radialBackground" | "radiusAxis" | "radiusAxisLabel" | "radiusAxisLine" | "radiusAxisTick" | "radiusAxisTickLine" | "sector">>, CSSModifierObject<CSSSlotObject<"label" | "grid" | "dot" | "root" | "labelList" | "activeDot" | "radial" | "labelLine" | "angleAxis" | "angleAxisLabel" | "angleAxisLine" | "angleAxisTick" | "angleAxisTickLine" | "pie" | "radar" | "radialBackground" | "radiusAxis" | "radiusAxisLabel" | "radiusAxisLine" | "radiusAxisTick" | "radiusAxisTickLine" | "sector">>, CSSModifierObject<CSSSlotObject<"label" | "grid" | "dot" | "root" | "labelList" | "activeDot" | "radial" | "labelLine" | "angleAxis" | "angleAxisLabel" | "angleAxisLine" | "angleAxisTick" | "angleAxisTickLine" | "pie" | "radar" | "radialBackground" | "radiusAxis" | "radiusAxisLabel" | "radiusAxisLine" | "radiusAxisTick" | "radiusAxisTickLine" | "sector">>>;
5
+ declare const polarChartStyle: ComponentSlotStyle<"label" | "grid" | "dot" | "root" | "labelList" | "activeDot" | "angleAxis" | "angleAxisLabel" | "angleAxisLine" | "angleAxisTick" | "angleAxisTickLine" | "labelLine" | "pie" | "radar" | "radial" | "radialBackground" | "radiusAxis" | "radiusAxisLabel" | "radiusAxisLine" | "radiusAxisTick" | "radiusAxisTickLine" | "sector", CSSPropObject<CSSSlotObject<"label" | "grid" | "dot" | "root" | "labelList" | "activeDot" | "angleAxis" | "angleAxisLabel" | "angleAxisLine" | "angleAxisTick" | "angleAxisTickLine" | "labelLine" | "pie" | "radar" | "radial" | "radialBackground" | "radiusAxis" | "radiusAxisLabel" | "radiusAxisLine" | "radiusAxisTick" | "radiusAxisTickLine" | "sector">>, CSSModifierObject<CSSSlotObject<"label" | "grid" | "dot" | "root" | "labelList" | "activeDot" | "angleAxis" | "angleAxisLabel" | "angleAxisLine" | "angleAxisTick" | "angleAxisTickLine" | "labelLine" | "pie" | "radar" | "radial" | "radialBackground" | "radiusAxis" | "radiusAxisLabel" | "radiusAxisLine" | "radiusAxisTick" | "radiusAxisTickLine" | "sector">>, CSSModifierObject<CSSSlotObject<"label" | "grid" | "dot" | "root" | "labelList" | "activeDot" | "angleAxis" | "angleAxisLabel" | "angleAxisLine" | "angleAxisTick" | "angleAxisTickLine" | "labelLine" | "pie" | "radar" | "radial" | "radialBackground" | "radiusAxis" | "radiusAxisLabel" | "radiusAxisLine" | "radiusAxisTick" | "radiusAxisTickLine" | "sector">>>;
6
6
  type PolarChartStyle = typeof polarChartStyle;
7
7
  //#endregion
8
8
  export { PolarChartStyle, polarChartStyle };
package/dist/types/components/color-picker/color-picker.style.d.ts CHANGED
@@ -2,7 +2,7 @@ import { ComponentSlotStyle } from "../../core/system/index.types.js";
2
2
  import { CSSPropObject, CSSSlotObject } from "../../core/css/index.types.js";
3
3
  import "../../index.js";
4
4
  //#region src/components/color-picker/color-picker.style.d.ts
5
- declare const colorPickerStyle: ComponentSlotStyle<"input" | "content" | "icon" | "root" | "colorSwatch" | "field" | "eyeDropper", CSSPropObject<CSSSlotObject<"input" | "content" | "icon" | "root" | "colorSwatch" | "field" | "eyeDropper">>, {
5
+ declare const colorPickerStyle: ComponentSlotStyle<"input" | "content" | "icon" | "colorSwatch" | "root" | "field" | "eyeDropper", CSSPropObject<CSSSlotObject<"input" | "content" | "icon" | "colorSwatch" | "root" | "field" | "eyeDropper">>, {
6
6
  xs: {
7
7
  field: {
8
8
  fontSize: "1em";
package/dist/types/components/color-selector/color-selector.style.d.ts CHANGED
@@ -2,7 +2,7 @@ import { ComponentSlotStyle } from "../../core/system/index.types.js";
2
2
  import { CSSModifierObject, CSSSlotObject } from "../../core/css/index.types.js";
3
3
  import "../../index.js";
4
4
  //#region src/components/color-selector/color-selector.style.d.ts
5
- declare const colorSelectorStyle: ComponentSlotStyle<"root" | "hueSlider" | "saturationSlider" | "eyeDropper" | "colorSwatchGroupLabel" | "alphaSlider" | "colorSwatchGroup" | "colorSwatchItem", {
5
+ declare const colorSelectorStyle: ComponentSlotStyle<"hueSlider" | "saturationSlider" | "root" | "eyeDropper" | "colorSwatchGroupLabel" | "alphaSlider" | "colorSwatchGroup" | "colorSwatchItem", {
6
6
  /**
7
7
  * The shape of the thumb and color swatch.
8
8
  *
@@ -23,7 +23,7 @@ declare const colorSelectorStyle: ComponentSlotStyle<"root" | "hueSlider" | "sat
23
23
  md: {};
24
24
  lg: {};
25
25
  xl: {};
26
- }, CSSModifierObject<CSSSlotObject<"root" | "hueSlider" | "saturationSlider" | "eyeDropper" | "colorSwatchGroupLabel" | "alphaSlider" | "colorSwatchGroup" | "colorSwatchItem">>>;
26
+ }, CSSModifierObject<CSSSlotObject<"hueSlider" | "saturationSlider" | "root" | "eyeDropper" | "colorSwatchGroupLabel" | "alphaSlider" | "colorSwatchGroup" | "colorSwatchItem">>>;
27
27
  type ColorSelectorStyle = typeof colorSelectorStyle;
28
28
  //#endregion
29
29
  export { ColorSelectorStyle, colorSelectorStyle };
package/dist/types/components/drawer/drawer.style.d.ts CHANGED
@@ -2,7 +2,7 @@ import { ComponentSlotStyle } from "../../core/system/index.types.js";
2
2
  import { CSSModifierObject, CSSSlotObject } from "../../core/css/index.types.js";
3
3
  import "../../index.js";
4
4
  //#region src/components/drawer/drawer.style.d.ts
5
- declare const drawerStyle: ComponentSlotStyle<"body" | "footer" | "header" | "title" | "content" | "overlay" | "root" | "closeButton" | "dragBar", {
5
+ declare const drawerStyle: ComponentSlotStyle<"body" | "footer" | "header" | "title" | "content" | "overlay" | "closeButton" | "root" | "dragBar", {
6
6
  /**
7
7
  * The placement of the drawer.
8
8
  *
@@ -118,7 +118,7 @@ declare const drawerStyle: ComponentSlotStyle<"body" | "footer" | "header" | "ti
118
118
  rounded: "0";
119
119
  };
120
120
  };
121
- }, CSSModifierObject<CSSSlotObject<"body" | "footer" | "header" | "title" | "content" | "overlay" | "root" | "closeButton" | "dragBar">>>;
121
+ }, CSSModifierObject<CSSSlotObject<"body" | "footer" | "header" | "title" | "content" | "overlay" | "closeButton" | "root" | "dragBar">>>;
122
122
  type DrawerStyle = typeof drawerStyle;
123
123
  //#endregion
124
124
  export { DrawerStyle, drawerStyle };
package/dist/types/components/file-input/file-input.style.d.ts CHANGED
@@ -2,7 +2,7 @@ import { ComponentSlotStyle } from "../../core/system/index.types.js";
2
2
  import { CSSPropObject, CSSSlotObject } from "../../core/css/index.types.js";
3
3
  import "../../index.js";
4
4
  //#region src/components/file-input/file-input.style.d.ts
5
- declare const fileInputStyle: ComponentSlotStyle<"root" | "tag", CSSPropObject<CSSSlotObject<"root" | "tag">>, {
5
+ declare const fileInputStyle: ComponentSlotStyle<"tag" | "root", CSSPropObject<CSSSlotObject<"tag" | "root">>, {
6
6
  xs: {
7
7
  root: {
8
8
  "&:has(~ [data-input-element])"?: {
package/dist/types/components/menu/menu.style.d.ts CHANGED
@@ -2,7 +2,7 @@ import { ComponentSlotStyle } from "../../core/system/index.types.js";
2
2
  import { CSSModifierObject, CSSPropObject, CSSSlotObject } from "../../core/css/index.types.js";
3
3
  import "../../index.js";
4
4
  //#region src/components/menu/menu.style.d.ts
5
- declare const menuStyle: ComponentSlotStyle<"footer" | "header" | "label" | "content" | "command" | "group" | "separator" | "item" | "indicator", CSSPropObject<CSSSlotObject<"footer" | "header" | "label" | "content" | "command" | "group" | "separator" | "item" | "indicator">>, {
5
+ declare const menuStyle: ComponentSlotStyle<"footer" | "header" | "label" | "content" | "command" | "group" | "separator" | "indicator" | "item", CSSPropObject<CSSSlotObject<"footer" | "header" | "label" | "content" | "command" | "group" | "separator" | "indicator" | "item">>, {
6
6
  sm: {
7
7
  command: {
8
8
  fontSize: "2xs";
@@ -87,7 +87,7 @@ declare const menuStyle: ComponentSlotStyle<"footer" | "header" | "label" | "con
87
87
  px: "2";
88
88
  };
89
89
  };
90
- }, CSSModifierObject<CSSSlotObject<"footer" | "header" | "label" | "content" | "command" | "group" | "separator" | "item" | "indicator">>>;
90
+ }, CSSModifierObject<CSSSlotObject<"footer" | "header" | "label" | "content" | "command" | "group" | "separator" | "indicator" | "item">>>;
91
91
  type MenuStyle = typeof menuStyle;
92
92
  //#endregion
93
93
  export { MenuStyle, menuStyle };
package/dist/types/components/modal/modal.style.d.ts CHANGED
@@ -2,7 +2,7 @@ import { ComponentSlotStyle } from "../../core/system/index.types.js";
2
2
  import { CSSModifierObject, CSSSlotObject } from "../../core/css/index.types.js";
3
3
  import "../../index.js";
4
4
  //#region src/components/modal/modal.style.d.ts
5
- declare const modalStyle: ComponentSlotStyle<"body" | "footer" | "header" | "title" | "content" | "overlay" | "root" | "closeButton", {
5
+ declare const modalStyle: ComponentSlotStyle<"body" | "footer" | "header" | "title" | "content" | "overlay" | "closeButton" | "root", {
6
6
  /**
7
7
  * The placement of the modal.
8
8
  *
@@ -156,7 +156,7 @@ declare const modalStyle: ComponentSlotStyle<"body" | "footer" | "header" | "tit
156
156
  p: "0";
157
157
  };
158
158
  };
159
- }, CSSModifierObject<CSSSlotObject<"body" | "footer" | "header" | "title" | "content" | "overlay" | "root" | "closeButton">>>;
159
+ }, CSSModifierObject<CSSSlotObject<"body" | "footer" | "header" | "title" | "content" | "overlay" | "closeButton" | "root">>>;
160
160
  type ModalStyle = typeof modalStyle;
161
161
  //#endregion
162
162
  export { ModalStyle, modalStyle };
package/dist/types/components/notice/notice.style.d.ts CHANGED
@@ -2,7 +2,7 @@ import { ComponentSlotStyle } from "../../core/system/index.types.js";
2
2
  import { CSSModifierObject, CSSPropObject, CSSSlotObject } from "../../core/css/index.types.js";
3
3
  import "../../index.js";
4
4
  //#region src/components/notice/notice.style.d.ts
5
- declare const noticeStyle: ComponentSlotStyle<"content" | "root" | "closeButton" | "item", CSSPropObject<CSSSlotObject<"content" | "root" | "closeButton" | "item">>, CSSModifierObject<CSSSlotObject<"content" | "root" | "closeButton" | "item">>, CSSModifierObject<CSSSlotObject<"content" | "root" | "closeButton" | "item">>>;
5
+ declare const noticeStyle: ComponentSlotStyle<"content" | "closeButton" | "root" | "item", CSSPropObject<CSSSlotObject<"content" | "closeButton" | "root" | "item">>, CSSModifierObject<CSSSlotObject<"content" | "closeButton" | "root" | "item">>, CSSModifierObject<CSSSlotObject<"content" | "closeButton" | "root" | "item">>>;
6
6
  type NoticeStyle = typeof noticeStyle;
7
7
  //#endregion
8
8
  export { NoticeStyle, noticeStyle };
package/dist/types/components/segmented-control/segmented-control.style.d.ts CHANGED
@@ -2,7 +2,7 @@ import { ComponentSlotStyle } from "../../core/system/index.types.js";
2
2
  import { CSSModifierObject, CSSSlotObject } from "../../core/css/index.types.js";
3
3
  import "../../index.js";
4
4
  //#region src/components/segmented-control/segmented-control.style.d.ts
5
- declare const segmentedControlStyle: ComponentSlotStyle<"root" | "item" | "indicator", {
5
+ declare const segmentedControlStyle: ComponentSlotStyle<"root" | "indicator" | "item", {
6
6
  /**
7
7
  * If `true`, the segmented control will be full rounded.
8
8
  *
@@ -114,7 +114,7 @@ declare const segmentedControlStyle: ComponentSlotStyle<"root" | "item" | "indic
114
114
  };
115
115
  };
116
116
  };
117
- }, CSSModifierObject<CSSSlotObject<"root" | "item" | "indicator">>>;
117
+ }, CSSModifierObject<CSSSlotObject<"root" | "indicator" | "item">>>;
118
118
  type SegmentedControlStyle = typeof segmentedControlStyle;
119
119
  //#endregion
120
120
  export { SegmentedControlStyle, segmentedControlStyle };
package/dist/types/components/steps/steps.style.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import { ComponentSlotStyle } from "../../core/system/index.types.js";
2
2
  import "../../index.js";
3
3
  //#region src/components/steps/steps.style.d.ts
4
- declare const stepsStyle: ComponentSlotStyle<"title" | "list" | "separator" | "root" | "item" | "indicator" | "description", {
4
+ declare const stepsStyle: ComponentSlotStyle<"title" | "list" | "separator" | "root" | "indicator" | "item" | "description", {
5
5
  /**
6
6
  * The orientation of the steps.
7
7
  *
package/dist/types/components/tag/tag.style.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import { ComponentSlotStyle } from "../../core/system/index.types.js";
2
2
  import "../../index.js";
3
3
  //#region src/components/tag/tag.style.d.ts
4
- declare const tagStyle: ComponentSlotStyle<"content" | "icon" | "root" | "closeButton" | "endIcon" | "startIcon", {
4
+ declare const tagStyle: ComponentSlotStyle<"content" | "icon" | "closeButton" | "root" | "endIcon" | "startIcon", {
5
5
  /**
6
6
  * If `true`, the tag is full rounded. Else, it'll be slightly round.
7
7
  *
package/dist/types/components/timeline/timeline.d.ts CHANGED
@@ -62,7 +62,7 @@ declare const TimelinePropsContext: import("react").Context<Partial<TimelineRoot
62
62
  *
63
63
  * @see https://yamada-ui.com/docs/components/timeline
64
64
  */
65
- declare const TimelineRoot: Component<({ variant: variantProp, children, index, items, ...rest }: WithoutThemeProps<TimelineRootProps, ComponentSlotStyle<"title" | "content" | "root" | "item" | "indicator" | "description" | "connector", {
65
+ declare const TimelineRoot: Component<({ variant: variantProp, children, index, items, ...rest }: WithoutThemeProps<TimelineRootProps, ComponentSlotStyle<"title" | "content" | "root" | "indicator" | "item" | "description" | "connector", {
66
66
  align: {
67
67
  center: {
68
68
  content: {
package/dist/types/components/timeline/timeline.style.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import { ComponentSlotStyle } from "../../core/system/index.types.js";
2
2
  import "../../index.js";
3
3
  //#region src/components/timeline/timeline.style.d.ts
4
- declare const timelineStyle: ComponentSlotStyle<"title" | "content" | "root" | "item" | "indicator" | "description" | "connector", {
4
+ declare const timelineStyle: ComponentSlotStyle<"title" | "content" | "root" | "indicator" | "item" | "description" | "connector", {
5
5
  /**
6
6
  * The alignment of the timeline.
7
7
  *
package/dist/types/components/tree/tree.style.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import { ComponentSlotStyle } from "../../core/system/index.types.js";
2
2
  import "../../index.js";
3
3
  //#region src/components/tree/tree.style.d.ts
4
- declare const treeStyle: ComponentSlotStyle<"label" | "checkbox" | "group" | "end" | "start" | "element" | "root" | "item" | "indicator", {
4
+ declare const treeStyle: ComponentSlotStyle<"label" | "checkbox" | "group" | "end" | "start" | "element" | "root" | "indicator" | "item", {
5
5
  /**
6
6
  * The shape of the component
7
7
  *
package/dist/types/core/css/focus-ring.d.ts CHANGED
@@ -20,6 +20,7 @@ declare const focusRingStyle: {
20
20
  outlineWidth: "{focus-ring-width, 2px}";
21
21
  };
22
22
  none: {
23
+ boxShadow: "none";
23
24
  outline: "none";
24
25
  };
25
26
  outline: {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@yamada-ui/react",
3
3
  "type": "module",
4
- "version": "2.2.5-dev-20260727072934",
4
+ "version": "2.2.6-dev-20260729002855",
5
5
  "description": "React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion",
6
6
  "keywords": [
7
7
  "yamada",