newskit 5.6.0 → 5.7.0

package/esm/link/style-presets.js

@@ -1,3 +1,4 @@
+import { defaultFocusVisible } from '../utils/default-focus-visible';
 export default {
     linkStandalone: {
         base: {
@@ -15,6 +16,7 @@ export default {
             iconColor: '{{colors.interactivePrimary050}}',
             textDecoration: 'underline',
         },
+        'focus-visible': defaultFocusVisible,
     },
     linkStandaloneInverse: {
         base: {
@@ -32,6 +34,7 @@ export default {
             iconColor: '{{colors.interactiveInverse030}}',
             textDecoration: 'underline',
         },
+        'focus-visible': defaultFocusVisible,
     },
     linkInline: {
         base: {
@@ -59,6 +62,7 @@ export default {
             iconColor: '{{colors.interactiveVisited010}}',
             textDecoration: 'underline',
         },
+        'focus-visible': defaultFocusVisible,
     },
     linkInlineInverse: {
         base: {
@@ -85,6 +89,7 @@ export default {
             color: '{{colors.interactiveInverse040}}',
             iconColor: '{{colors.interactiveInverse040}}',
         },
+        'focus-visible': defaultFocusVisible,
     },
 };
 //# sourceMappingURL=style-presets.js.map

package/esm/link/style-presets.js.map

@@ -1 +1 @@
-{"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../src/link/style-presets.ts"],"names":[],"mappings":"AAEA,eAAe;IACb,cAAc,EAAE;QACd,IAAI,EAAE;YACJ,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,MAAM;SACvB;QACD,KAAK,EAAE;YACL,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;QACD,MAAM,EAAE;YACN,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;KACF;IACD,qBAAqB,EAAE;QACrB,IAAI,EAAE;YACJ,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,MAAM;SACvB;QACD,KAAK,EAAE;YACL,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;QACD,MAAM,EAAE;YACN,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;KACF;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;QACD,KAAK,EAAE;YACL,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;QACD,MAAM,EAAE;YACN,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;QACD,OAAO,EAAE;YACP,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;QACD,eAAe,EAAE;YACf,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;KACF;IACD,iBAAiB,EAAE;QACjB,IAAI,EAAE;YACJ,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;QACD,KAAK,EAAE;YACL,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;QACD,MAAM,EAAE;YACN,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;QACD,OAAO,EAAE;YACP,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;QACD,eAAe,EAAE;YACf,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;SAC9C;KACF;CAC6B,CAAC"}
+{"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../src/link/style-presets.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,mBAAmB,EAAC,MAAM,gCAAgC,CAAC;AAEnE,eAAe;IACb,cAAc,EAAE;QACd,IAAI,EAAE;YACJ,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,MAAM;SACvB;QACD,KAAK,EAAE;YACL,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;QACD,MAAM,EAAE;YACN,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;QACD,eAAe,EAAE,mBAAmB;KACrC;IACD,qBAAqB,EAAE;QACrB,IAAI,EAAE;YACJ,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,MAAM;SACvB;QACD,KAAK,EAAE;YACL,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;QACD,MAAM,EAAE;YACN,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;QACD,eAAe,EAAE,mBAAmB;KACrC;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;QACD,KAAK,EAAE;YACL,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;QACD,MAAM,EAAE;YACN,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;QACD,OAAO,EAAE;YACP,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;QACD,eAAe,EAAE;YACf,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;QACD,eAAe,EAAE,mBAAmB;KACrC;IACD,iBAAiB,EAAE;QACjB,IAAI,EAAE;YACJ,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;QACD,KAAK,EAAE;YACL,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;QACD,MAAM,EAAE;YACN,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;QACD,OAAO,EAAE;YACP,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;YAC7C,cAAc,EAAE,WAAW;SAC5B;QACD,eAAe,EAAE;YACf,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;SAC9C;QACD,eAAe,EAAE,mBAAmB;KACrC;CAC6B,CAAC"}

package/esm/menu/style-presets.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"style-presets.d.ts","sourceRoot":"","sources":["../../../src/menu/style-presets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;;AAE3C,wBA6GiC"}
+{"version":3,"file":"style-presets.d.ts","sourceRoot":"","sources":["../../../src/menu/style-presets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;;AAG3C,wBAgHiC"}

package/esm/menu/style-presets.js

@@ -1,3 +1,4 @@
+import { defaultFocusVisible } from '../utils/default-focus-visible';
 export default {
     menuItemVertical: {
         base: {
@@ -33,6 +34,7 @@ export default {
             color: '{{colors.inkNonEssential}}',
             iconColor: '{{colors.inkNonEssential}}',
         },
+        'focus-visible': defaultFocusVisible,
     },
     menuItemHorizontal: {
         base: {
@@ -67,6 +69,7 @@ export default {
             color: '{{colors.inkNonEssential}}',
             iconColor: '{{colors.inkNonEssential}}',
         },
+        'focus-visible': defaultFocusVisible,
     },
     menuItemHorizontalInverse: {
         base: {
@@ -101,6 +104,7 @@ export default {
             color: '{{colors.interactiveInverse020}}',
             iconColor: '{{colors.interactiveInverse020}}',
         },
+        'focus-visible': defaultFocusVisible,
     },
 };
 //# sourceMappingURL=style-presets.js.map

package/esm/menu/style-presets.js.map

@@ -1 +1 @@
-{"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../src/menu/style-presets.ts"],"names":[],"mappings":"AAEA,eAAe;IACb,gBAAgB,EAAE;QAChB,IAAI,EAAE;YACJ,eAAe,EAAE,wBAAwB;YACzC,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,wBAAwB;YACrC,WAAW,EACT,6GAA6G;YAC/G,KAAK,EAAE,sBAAsB;YAC7B,SAAS,EAAE,sBAAsB;SAClC;QACD,KAAK,EAAE;YACL,eAAe,EAAE,kCAAkC;YACnD,KAAK,EAAE,wBAAwB;YAC/B,SAAS,EAAE,wBAAwB;SACpC;QACD,MAAM,EAAE;YACN,eAAe,EAAE,kCAAkC;YACnD,KAAK,EAAE,wBAAwB;YAC/B,SAAS,EAAE,wBAAwB;SACpC;QACD,QAAQ,EAAE;YACR,WAAW,EAAE,kCAAkC;YAC/C,KAAK,EAAE,wBAAwB;YAC/B,SAAS,EAAE,wBAAwB;SACpC;QACD,gBAAgB,EAAE;YAChB,eAAe,EAAE,wBAAwB;YACzC,WAAW,EAAE,kCAAkC;YAC/C,KAAK,EAAE,wBAAwB;YAC/B,SAAS,EAAE,wBAAwB;SACpC;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,4BAA4B;YACnC,SAAS,EAAE,4BAA4B;SACxC;KACF;IAED,kBAAkB,EAAE;QAClB,IAAI,EAAE;YACJ,eAAe,EAAE,wBAAwB;YACzC,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,wBAAwB;YACrC,WAAW,EACT,6GAA6G;YAC/G,KAAK,EAAE,sBAAsB;YAC7B,SAAS,EAAE,sBAAsB;SAClC;QACD,KAAK,EAAE;YACL,WAAW,EAAE,kCAAkC;YAC/C,KAAK,EAAE,oBAAoB;YAC3B,SAAS,EAAE,oBAAoB;SAChC;QACD,MAAM,EAAE;YACN,WAAW,EAAE,kCAAkC;YAC/C,KAAK,EAAE,wBAAwB;YAC/B,SAAS,EAAE,wBAAwB;SACpC;QACD,QAAQ,EAAE;YACR,WAAW,EAAE,kCAAkC;YAC/C,KAAK,EAAE,oBAAoB;YAC3B,SAAS,EAAE,oBAAoB;SAChC;QACD,gBAAgB,EAAE;YAChB,WAAW,EAAE,kCAAkC;YAC/C,KAAK,EAAE,oBAAoB;YAC3B,SAAS,EAAE,oBAAoB;SAChC;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,4BAA4B;YACnC,SAAS,EAAE,4BAA4B;SACxC;KACF;IAED,yBAAyB,EAAE;QACzB,IAAI,EAAE;YACJ,eAAe,EAAE,wBAAwB;YACzC,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,wBAAwB;YACrC,WAAW,EACT,6GAA6G;YAC/G,KAAK,EAAE,uBAAuB;YAC9B,SAAS,EAAE,uBAAuB;SACnC;QACD,KAAK,EAAE;YACL,WAAW,EAAE,kCAAkC;YAC/C,KAAK,EAAE,uBAAuB;YAC9B,SAAS,EAAE,uBAAuB;SACnC;QACD,gBAAgB,EAAE;YAChB,WAAW,EAAE,kCAAkC;YAC/C,KAAK,EAAE,uBAAuB;YAC9B,SAAS,EAAE,uBAAuB;SACnC;QACD,MAAM,EAAE;YACN,WAAW,EAAE,kCAAkC;YAC/C,KAAK,EAAE,uBAAuB;YAC9B,SAAS,EAAE,uBAAuB;SACnC;QACD,QAAQ,EAAE;YACR,WAAW,EAAE,kCAAkC;YAC/C,KAAK,EAAE,uBAAuB;YAC9B,SAAS,EAAE,uBAAuB;SACnC;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;SAC9C;KACF;CAC6B,CAAC"}
+{"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../src/menu/style-presets.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,mBAAmB,EAAC,MAAM,gCAAgC,CAAC;AAEnE,eAAe;IACb,gBAAgB,EAAE;QAChB,IAAI,EAAE;YACJ,eAAe,EAAE,wBAAwB;YACzC,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,wBAAwB;YACrC,WAAW,EACT,6GAA6G;YAC/G,KAAK,EAAE,sBAAsB;YAC7B,SAAS,EAAE,sBAAsB;SAClC;QACD,KAAK,EAAE;YACL,eAAe,EAAE,kCAAkC;YACnD,KAAK,EAAE,wBAAwB;YAC/B,SAAS,EAAE,wBAAwB;SACpC;QACD,MAAM,EAAE;YACN,eAAe,EAAE,kCAAkC;YACnD,KAAK,EAAE,wBAAwB;YAC/B,SAAS,EAAE,wBAAwB;SACpC;QACD,QAAQ,EAAE;YACR,WAAW,EAAE,kCAAkC;YAC/C,KAAK,EAAE,wBAAwB;YAC/B,SAAS,EAAE,wBAAwB;SACpC;QACD,gBAAgB,EAAE;YAChB,eAAe,EAAE,wBAAwB;YACzC,WAAW,EAAE,kCAAkC;YAC/C,KAAK,EAAE,wBAAwB;YAC/B,SAAS,EAAE,wBAAwB;SACpC;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,4BAA4B;YACnC,SAAS,EAAE,4BAA4B;SACxC;QACD,eAAe,EAAE,mBAAmB;KACrC;IAED,kBAAkB,EAAE;QAClB,IAAI,EAAE;YACJ,eAAe,EAAE,wBAAwB;YACzC,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,wBAAwB;YACrC,WAAW,EACT,6GAA6G;YAC/G,KAAK,EAAE,sBAAsB;YAC7B,SAAS,EAAE,sBAAsB;SAClC;QACD,KAAK,EAAE;YACL,WAAW,EAAE,kCAAkC;YAC/C,KAAK,EAAE,oBAAoB;YAC3B,SAAS,EAAE,oBAAoB;SAChC;QACD,MAAM,EAAE;YACN,WAAW,EAAE,kCAAkC;YAC/C,KAAK,EAAE,wBAAwB;YAC/B,SAAS,EAAE,wBAAwB;SACpC;QACD,QAAQ,EAAE;YACR,WAAW,EAAE,kCAAkC;YAC/C,KAAK,EAAE,oBAAoB;YAC3B,SAAS,EAAE,oBAAoB;SAChC;QACD,gBAAgB,EAAE;YAChB,WAAW,EAAE,kCAAkC;YAC/C,KAAK,EAAE,oBAAoB;YAC3B,SAAS,EAAE,oBAAoB;SAChC;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,4BAA4B;YACnC,SAAS,EAAE,4BAA4B;SACxC;QACD,eAAe,EAAE,mBAAmB;KACrC;IAED,yBAAyB,EAAE;QACzB,IAAI,EAAE;YACJ,eAAe,EAAE,wBAAwB;YACzC,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,wBAAwB;YACrC,WAAW,EACT,6GAA6G;YAC/G,KAAK,EAAE,uBAAuB;YAC9B,SAAS,EAAE,uBAAuB;SACnC;QACD,KAAK,EAAE;YACL,WAAW,EAAE,kCAAkC;YAC/C,KAAK,EAAE,uBAAuB;YAC9B,SAAS,EAAE,uBAAuB;SACnC;QACD,gBAAgB,EAAE;YAChB,WAAW,EAAE,kCAAkC;YAC/C,KAAK,EAAE,uBAAuB;YAC9B,SAAS,EAAE,uBAAuB;SACnC;QACD,MAAM,EAAE;YACN,WAAW,EAAE,kCAAkC;YAC/C,KAAK,EAAE,uBAAuB;YAC9B,SAAS,EAAE,uBAAuB;SACnC;QACD,QAAQ,EAAE;YACR,WAAW,EAAE,kCAAkC;YAC/C,KAAK,EAAE,uBAAuB;YAC9B,SAAS,EAAE,uBAAuB;SACnC;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,kCAAkC;YACzC,SAAS,EAAE,kCAAkC;SAC9C;QACD,eAAe,EAAE,mBAAmB;KACrC;CAC6B,CAAC"}

package/esm/popover/defaults.d.ts

@@ -1,5 +1,6 @@
 declare const _default: {
     popover: {
+        transitionPreset: string;
         zIndex: number;
         distance: string;
         stylePreset: string;
@@ -10,10 +11,26 @@ declare const _default: {
         };
         panel: {
             stylePreset: string;
+        };
+        header: {
+            stylePreset: string;
+            typographyPreset: string;
+            paddingBlock: string;
+            paddingInline: string;
+        };
+        content: {
             typographyPreset: string;
             paddingBlock: string;
             paddingInline: string;
         };
+        closeButton: {
+            stylePreset: string;
+        };
+        closeButtonContainer: {
+            stylePreset: string;
+            paddingBlock: string;
+            paddingInline: string;
+        };
     };
 };
 export default _default;

package/esm/popover/defaults.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../src/popover/defaults.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,wBAiBE"}
+{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../src/popover/defaults.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wBAkCE"}

package/esm/popover/defaults.js

@@ -1,5 +1,6 @@
 export default {
     popover: {
+        transitionPreset: 'fade',
         zIndex: 80,
         distance: 'space050',
         stylePreset: 'popover',
@@ -10,9 +11,25 @@ export default {
         },
         panel: {
             stylePreset: 'popoverPanel',
-            typographyPreset: 'utilityLabel010',
+        },
+        header: {
+            stylePreset: 'popoverHeader',
+            typographyPreset: 'utilityLabel030',
             paddingBlock: 'space040',
-            paddingInline: 'space040',
+            paddingInline: 'space050',
+        },
+        content: {
+            typographyPreset: 'editorialParagraph010',
+            paddingBlock: 'space050',
+            paddingInline: 'space050',
+        },
+        closeButton: {
+            stylePreset: 'iconButtonMinimalSecondary',
+        },
+        closeButtonContainer: {
+            stylePreset: 'popoverCloseButtonContainer',
+            paddingBlock: 'space020',
+            paddingInline: 'space020',
         },
     },
 };

package/esm/popover/defaults.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../src/popover/defaults.ts"],"names":[],"mappings":"AAAA,eAAe;IACb,OAAO,EAAE;QACP,MAAM,EAAE,EAAE;QACV,QAAQ,EAAE,UAAU;QACpB,WAAW,EAAE,SAAS;QACtB,OAAO,EAAE;YACP,WAAW,EAAE,gBAAgB;YAC7B,IAAI,EAAE,WAAW;YACjB,UAAU,EAAE,UAAU;SACvB;QACD,KAAK,EAAE;YACL,WAAW,EAAE,cAAc;YAC3B,gBAAgB,EAAE,iBAAiB;YACnC,YAAY,EAAE,UAAU;YACxB,aAAa,EAAE,UAAU;SAC1B;KACF;CACF,CAAC"}
+{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../src/popover/defaults.ts"],"names":[],"mappings":"AAAA,eAAe;IACb,OAAO,EAAE;QACP,gBAAgB,EAAE,MAAM;QACxB,MAAM,EAAE,EAAE;QACV,QAAQ,EAAE,UAAU;QACpB,WAAW,EAAE,SAAS;QACtB,OAAO,EAAE;YACP,WAAW,EAAE,gBAAgB;YAC7B,IAAI,EAAE,WAAW;YACjB,UAAU,EAAE,UAAU;SACvB;QACD,KAAK,EAAE;YACL,WAAW,EAAE,cAAc;SAC5B;QACD,MAAM,EAAE;YACN,WAAW,EAAE,eAAe;YAC5B,gBAAgB,EAAE,iBAAiB;YACnC,YAAY,EAAE,UAAU;YACxB,aAAa,EAAE,UAAU;SAC1B;QACD,OAAO,EAAE;YACP,gBAAgB,EAAE,uBAAuB;YACzC,YAAY,EAAE,UAAU;YACxB,aAAa,EAAE,UAAU;SAC1B;QACD,WAAW,EAAE;YACX,WAAW,EAAE,4BAA4B;SAC1C;QACD,oBAAoB,EAAE;YACpB,WAAW,EAAE,6BAA6B;YAC1C,YAAY,EAAE,UAAU;YACxB,aAAa,EAAE,UAAU;SAC1B;KACF;CACF,CAAC"}

package/esm/popover/popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/popover/popover.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAC,YAAY,EAAC,MAAM,SAAS,CAAC;AA2CrC,eAAO,MAAM,OAAO,wEAGlB,CAAC"}
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/popover/popover.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAC,YAAY,EAAC,MAAM,SAAS,CAAC;AAsHrC,eAAO,MAAM,OAAO,wEAGlB,CAAC"}

package/esm/popover/popover.js

@@ -21,14 +21,19 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import * as React from 'react';
-import { useClick, useInteractions as floatingUiUseInteractions, } from '@floating-ui/react-dom-interactions';
+import { useClick, useDismiss, useId, useInteractions as floatingUiUseInteractions, } from '@floating-ui/react-dom-interactions';
 import { withOwnTheme } from '../utils/with-own-theme';
 import defaults from './defaults';
 import stylePresets from './style-presets';
 import { BaseFloatingElement } from '../base-floating-element/base-floating-element';
-var useInteractions = function (context) {
-    return floatingUiUseInteractions([useClick(context)]);
-};
+import { IconButton } from '../icon-button';
+import { ButtonSize } from '../button';
+import { IconFilledClose } from '../icons';
+import { StyledPopoverCloseButtonContainer, StyledPopoverContent, StyledPopoverHeader, StyledPopoverInnerPanel, } from './styled';
+import { useTheme } from '../theme';
+import { deepMerge } from '../utils';
+import { mergeBreakpointObject } from '../utils/merge-breakpoint-object';
+import { filterOutFalsyProperties } from '../utils/filter-object';
 var buildContextAriaAttributes = function (_a) {
     var _b = _a.floating, id = _b.id, open = _b.open;
     return ({
@@ -36,16 +41,43 @@ var buildContextAriaAttributes = function (_a) {
         'aria-controls': open ? id : undefined,
     });
 };
-var buildFloatingElementAriaAttributes = function (_a) {
-    var open = _a.floating.open, id = _a.ref.id;
-    return ({
-        'aria-expanded': open,
-        'aria-labelledby': id,
-    });
-};
 var ThemelessPopover = function (_a) {
-    var children = _a.children, content = _a.content, props = __rest(_a, ["children", "content"]);
-    return (React.createElement(BaseFloatingElement, __assign({ path: "popover", content: content, buildRefElAriaAttributes: buildContextAriaAttributes, buildFloatingElAriaAttributes: buildFloatingElementAriaAttributes, useInteractions: useInteractions, role: "dialog" }, props), children));
+    var children = _a.children, content = _a.content, header = _a.header, _b = _a.closePosition, closePosition = _b === void 0 ? 'right' : _b, _c = _a.overrides, overrides = _c === void 0 ? {} : _c, handleCloseButtonClick = _a.handleCloseButtonClick, _d = _a.enableDismiss, enableDismiss = _d === void 0 ? false : _d, props = __rest(_a, ["children", "content", "header", "closePosition", "overrides", "handleCloseButtonClick", "enableDismiss"]);
+    var theme = useTheme();
+    var closeButtonOverrides = __assign({}, deepMerge(mergeBreakpointObject(Object.keys(theme.breakpoints)), theme.componentDefaults.popover.closeButton, filterOutFalsyProperties(overrides.closeButton)));
+    var headerId = "header-".concat(useId());
+    var buildFloatingElementAriaAttributes = function (_a) {
+        var id = _a.ref.id;
+        return ({
+            'aria-labelledby': header ? undefined : id,
+            'aria-describedby': header ? headerId : undefined,
+        });
+    };
+    var useInteractions = function (context) {
+        return floatingUiUseInteractions([
+            useClick(context),
+            useDismiss(context, {
+                enabled: enableDismiss,
+            }),
+        ]);
+    };
+    if (!content) {
+        return children;
+    }
+    return (React.createElement(BaseFloatingElement, __assign({ path: "popover", content: function (_a) {
+            var onClick = _a.onClick;
+            return (React.createElement(StyledPopoverInnerPanel, { closePosition: closePosition },
+                header !== undefined && (React.createElement(StyledPopoverHeader, { id: headerId, "data-testid": "header-text", overrides: overrides }, header)),
+                React.createElement(StyledPopoverContent, { overrides: overrides }, content),
+                closePosition !== 'none' && (React.createElement(StyledPopoverCloseButtonContainer, { overrides: overrides, closePosition: closePosition },
+                    React.createElement(IconButton, { onClick: function (e) {
+                            onClick(e);
+                            if (handleCloseButtonClick) {
+                                handleCloseButtonClick();
+                            }
+                        }, "data-testid": "close-button", "aria-label": "close", overrides: closeButtonOverrides, size: ButtonSize.Medium },
+                        React.createElement(IconFilledClose, null))))));
+        }, buildRefElAriaAttributes: buildContextAriaAttributes, buildFloatingElAriaAttributes: buildFloatingElementAriaAttributes, useInteractions: useInteractions, role: "dialog", overrides: overrides }, props), children));
 };
 export var Popover = withOwnTheme(ThemelessPopover)({
     defaults: defaults,

package/esm/popover/popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover.js","sourceRoot":"","sources":["../../../src/popover/popover.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEL,QAAQ,EACR,eAAe,IAAI,yBAAyB,GAC7C,MAAM,qCAAqC,CAAC;AAE7C,OAAO,EAAC,YAAY,EAAC,MAAM,yBAAyB,CAAC;AACrD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAC,mBAAmB,EAAC,MAAM,gDAAgD,CAAC;AAGnF,IAAM,eAAe,GAAG,UAAC,OAAqC;IAC5D,OAAA,yBAAyB,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC;AAA9C,CAA8C,CAAC;AAEjD,IAAM,0BAA0B,GAA0B,UAAC,EAE1D;QADC,gBAAoB,EAAT,EAAE,QAAA,EAAE,IAAI,UAAA;IACf,OAAA,CAAC;QACL,eAAe,EAAE,QAAQ;QACzB,eAAe,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;KACvC,CAAC;AAHI,CAGJ,CAAC;AAEH,IAAM,kCAAkC,GAA0B,UAAC,EAGlE;QAFY,IAAI,mBAAA,EACT,EAAE,YAAA;IACJ,OAAA,CAAC;QACL,eAAe,EAAE,IAAI;QACrB,iBAAiB,EAAE,EAAE;KACtB,CAAC;AAHI,CAGJ,CAAC;AAEH,IAAM,gBAAgB,GAA2B,UAAC,EAIjD;IAHC,IAAA,QAAQ,cAAA,EACR,OAAO,aAAA,EACJ,KAAK,cAHwC,uBAIjD,CADS;IACJ,OAAA,CACJ,oBAAC,mBAAmB,aAClB,IAAI,EAAC,SAAS,EACd,OAAO,EAAE,OAAO,EAChB,wBAAwB,EAAE,0BAA0B,EACpD,6BAA6B,EAAE,kCAAkC,EACjE,eAAe,EAAE,eAAe,EAChC,IAAI,EAAC,QAAQ,IACT,KAAK,GAER,QAAQ,CACW,CACvB,CAAA;CAAA,CAAC;AAEF,MAAM,CAAC,IAAM,OAAO,GAAG,YAAY,CAAC,gBAAgB,CAAC,CAAC;IACpD,QAAQ,UAAA;IACR,YAAY,cAAA;CACb,CAAC,CAAC"}
+{"version":3,"file":"popover.js","sourceRoot":"","sources":["../../../src/popover/popover.tsx"],"names":[],"mappings":"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"}

package/esm/popover/style-presets.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"style-presets.d.ts","sourceRoot":"","sources":["../../../src/popover/style-presets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,UAAU,CAAC;;AAErC,wBAmBiC"}
+{"version":3,"file":"style-presets.d.ts","sourceRoot":"","sources":["../../../src/popover/style-presets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,UAAU,CAAC;;AAErC,wBAiCiC"}

package/esm/popover/style-presets.js

@@ -17,5 +17,19 @@ export default {
             backgroundColor: '{{colors.interface010}}',
         },
     },
+    popoverHeader: {
+        base: {
+            borderColor: '{{colors.neutral040}}',
+            borderStyle: 'none none solid none',
+            borderWidth: '{{borders.borderWidth010}}',
+        },
+    },
+    popoverCloseButtonContainer: {
+        base: {
+            borderColor: '{{colors.neutral040}}',
+            borderStyle: 'none none solid none',
+            borderWidth: '{{borders.borderWidth010}}',
+        },
+    },
 };
 //# sourceMappingURL=style-presets.js.map

package/esm/popover/style-presets.js.map

@@ -1 +1 @@
-{"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../src/popover/style-presets.ts"],"names":[],"mappings":"AAEA,eAAe;IACb,OAAO,EAAE;QACP,IAAI,EAAE;YACJ,SAAS,EAAE,uBAAuB;YAClC,YAAY,EAAE,iCAAiC;SAChD;KACF;IACD,cAAc,EAAE;QACd,IAAI,EAAE;YACJ,eAAe,EAAE,yBAAyB;SAC3C;KACF;IACD,YAAY,EAAE;QACZ,IAAI,EAAE;YACJ,KAAK,EAAE,uBAAuB;YAC9B,YAAY,EAAE,iCAAiC;YAC/C,eAAe,EAAE,yBAAyB;SAC3C;KACF;CAC6B,CAAC"}
+{"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../src/popover/style-presets.ts"],"names":[],"mappings":"AAEA,eAAe;IACb,OAAO,EAAE;QACP,IAAI,EAAE;YACJ,SAAS,EAAE,uBAAuB;YAClC,YAAY,EAAE,iCAAiC;SAChD;KACF;IACD,cAAc,EAAE;QACd,IAAI,EAAE;YACJ,eAAe,EAAE,yBAAyB;SAC3C;KACF;IACD,YAAY,EAAE;QACZ,IAAI,EAAE;YACJ,KAAK,EAAE,uBAAuB;YAC9B,YAAY,EAAE,iCAAiC;YAC/C,eAAe,EAAE,yBAAyB;SAC3C;KACF;IACD,aAAa,EAAE;QACb,IAAI,EAAE;YACJ,WAAW,EAAE,uBAAuB;YACpC,WAAW,EAAE,sBAAsB;YACnC,WAAW,EAAE,4BAA4B;SAC1C;KACF;IACD,2BAA2B,EAAE;QAC3B,IAAI,EAAE;YACJ,WAAW,EAAE,uBAAuB;YACpC,WAAW,EAAE,sBAAsB;YACnC,WAAW,EAAE,4BAA4B;SAC1C;KACF;CAC6B,CAAC"}

package/esm/popover/styled.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { PopoverProps } from './types';
+export declare const StyledPopoverInnerPanel: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Pick<PopoverProps, "closePosition">, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledPopoverHeader: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Pick<PopoverProps, "overrides">, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledPopoverContent: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Pick<PopoverProps, "overrides">, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledPopoverCloseButtonContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Pick<PopoverProps, "overrides" | "closePosition">, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+//# sourceMappingURL=styled.d.ts.map

package/esm/popover/styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/popover/styled.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAC,YAAY,EAAC,MAAM,SAAS,CAAC;AAErC,eAAO,MAAM,uBAAuB;;;+IAInC,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;2IAQ/B,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;2IAKhC,CAAC;AAEF,eAAO,MAAM,iCAAiC;;;6JAY7C,CAAC"}

package/esm/popover/styled.js

@@ -0,0 +1,19 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { getStylePreset, getTypographyPreset, styled } from '../utils/style';
+import { logicalProps } from '../utils/logical-properties';
+import { createCssGrid } from '../dialog/styled';
+export var StyledPopoverInnerPanel = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
+    var closePosition = _a.closePosition;
+    return createCssGrid({ closePosition: closePosition });
+});
+export var StyledPopoverHeader = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  grid-area: header;\n  align-items: center;\n  box-sizing: border-box;\n  ", "\n  ", "\n  ", "\n"], ["\n  display: flex;\n  grid-area: header;\n  align-items: center;\n  box-sizing: border-box;\n  ", "\n  ", "\n  ", "\n"])), getStylePreset('popover.header', 'header'), getTypographyPreset('popover.header', 'header'), logicalProps('popover.header', 'header'));
+export var StyledPopoverContent = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  grid-area: content;\n  ", "\n  ", "\n  ", "\n"], ["\n  grid-area: content;\n  ", "\n  ", "\n  ", "\n"])), getStylePreset('popover.content', 'content'), getTypographyPreset('popover.content', 'content'), logicalProps('popover.content', 'content'));
+export var StyledPopoverCloseButtonContainer = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  grid-area: close;\n  display: flex;\n  align-items: center;\n  box-sizing: border-box;\n  height: 100%;\n  ", "\n  ", "\n  ", "\n"], ["\n  grid-area: close;\n  display: flex;\n  align-items: center;\n  box-sizing: border-box;\n  height: 100%;\n  ", "\n  ", "\n  ", "\n"])), getStylePreset('popover.closeButtonContainer', 'closeButtonContainer'), logicalProps('popover.closeButtonContainer', 'closeButtonContainer'), function (_a) {
+    var closePosition = _a.closePosition;
+    return closePosition === 'left' ? "padding-right: 0;" : "padding-left: 0;";
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+//# sourceMappingURL=styled.js.map

package/esm/popover/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/popover/styled.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,EAAC,cAAc,EAAE,mBAAmB,EAAE,MAAM,EAAC,MAAM,gBAAgB,CAAC;AAC3E,OAAO,EAAC,YAAY,EAAC,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAC,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAG/C,MAAM,CAAC,IAAM,uBAAuB,GAAG,MAAM,CAAC,GAAG,+EAEhD,MACG,EAAmD,IACtD,KADG,UAAC,EAAe;QAAd,aAAa,mBAAA;IAAM,OAAA,aAAa,CAAC,EAAC,aAAa,eAAA,EAAC,CAAC;AAA9B,CAA8B,CACtD,CAAC;AAEF,MAAM,CAAC,IAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,0LAAiC,iGAK1E,EAA0C,MAC1C,EAA+C,MAC/C,EAAwC,IAC3C,KAHG,cAAc,CAAC,gBAAgB,EAAE,QAAQ,CAAC,EAC1C,mBAAmB,CAAC,gBAAgB,EAAE,QAAQ,CAAC,EAC/C,YAAY,CAAC,gBAAgB,EAAE,QAAQ,CAAC,CAC3C,CAAC;AAEF,MAAM,CAAC,IAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,sHAAiC,6BAE3E,EAA4C,MAC5C,EAAiD,MACjD,EAA0C,IAC7C,KAHG,cAAc,CAAC,iBAAiB,EAAE,SAAS,CAAC,EAC5C,mBAAmB,CAAC,iBAAiB,EAAE,SAAS,CAAC,EACjD,YAAY,CAAC,iBAAiB,EAAE,SAAS,CAAC,CAC7C,CAAC;AAEF,MAAM,CAAC,IAAM,iCAAiC,GAAG,MAAM,CAAC,GAAG,0MAE1D,iHAMG,EAAsE,MACtE,EAAoE,MACpE,EACmE,IACtE,KAJG,cAAc,CAAC,8BAA8B,EAAE,sBAAsB,CAAC,EACtE,YAAY,CAAC,8BAA8B,EAAE,sBAAsB,CAAC,EACpE,UAAC,EAAe;QAAd,aAAa,mBAAA;IACf,OAAA,aAAa,KAAK,MAAM,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,kBAAkB;AAAnE,CAAmE,CACtE,CAAC"}

package/esm/popover/types.d.ts

@@ -1,3 +1,27 @@
+import React from 'react';
 import { FloatingElementProps } from '../base-floating-element';
-export declare type PopoverProps = Omit<FloatingElementProps, 'trigger'>;
+import { MQ } from '../utils';
+import { LogicalPaddingProps } from '../utils/logical-properties';
+export declare type PopoverProps = Omit<FloatingElementProps, 'trigger' | 'overrides'> & {
+    closePosition?: 'left' | 'right' | 'none';
+    header?: React.ReactNode;
+    handleCloseButtonClick?: () => void;
+    enableDismiss?: boolean;
+    overrides?: FloatingElementProps['overrides'] & {
+        header?: {
+            typographyPreset?: MQ<string>;
+            stylePreset?: MQ<string>;
+        } & LogicalPaddingProps;
+        content?: {
+            typographyPreset?: MQ<string>;
+            stylePreset?: MQ<string>;
+        } & LogicalPaddingProps;
+        closeButton?: {
+            stylePreset?: MQ<string>;
+        };
+        closeButtonContainer?: {
+            stylePreset?: MQ<string>;
+        } & LogicalPaddingProps;
+    };
+};
 //# sourceMappingURL=types.d.ts.map

package/esm/popover/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/popover/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,oBAAoB,EAAC,MAAM,0BAA0B,CAAC;AAE9D,oBAAY,YAAY,GAAG,IAAI,CAAC,oBAAoB,EAAE,SAAS,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/popover/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,oBAAoB,EAAC,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAC,EAAE,EAAC,MAAM,UAAU,CAAC;AAC5B,OAAO,EAAC,mBAAmB,EAAC,MAAM,6BAA6B,CAAC;AAEhE,oBAAY,YAAY,GAAG,IAAI,CAC7B,oBAAoB,EACpB,SAAS,GAAG,WAAW,CACxB,GAAG;IACF,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;IAC1C,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,oBAAoB,CAAC,WAAW,CAAC,GAAG;QAC9C,MAAM,CAAC,EAAE;YACP,gBAAgB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YAC9B,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;SAC1B,GAAG,mBAAmB,CAAC;QACxB,OAAO,CAAC,EAAE;YACR,gBAAgB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YAC9B,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;SAC1B,GAAG,mBAAmB,CAAC;QACxB,WAAW,CAAC,EAAE;YACZ,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;SAC1B,CAAC;QACF,oBAAoB,CAAC,EAAE;YACrB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;SAC1B,GAAG,mBAAmB,CAAC;KACzB,CAAC;CACH,CAAC"}

package/esm/radio-button/style-presets.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"style-presets.d.ts","sourceRoot":"","sources":["../../../src/radio-button/style-presets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;;AAE3C,wBAoHiC"}
+{"version":3,"file":"style-presets.d.ts","sourceRoot":"","sources":["../../../src/radio-button/style-presets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;;AA4C3C,wBA+FiC"}

package/esm/radio-button/style-presets.js

@@ -1,3 +1,49 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { defaultFocusVisible } from '../utils/default-focus-visible';
+var checked = {
+    backgroundColor: '{{colors.interactiveInput010}}',
+    borderColor: '{{colors.interactiveInput040}}',
+    iconColor: '{{colors.interactiveInput040}}',
+};
+var hover = {
+    backgroundColor: '{{colors.interactiveInput030}}',
+    borderColor: '{{colors.interactiveInput050}}',
+};
+var checkedValid = {
+    backgroundColor: '{{colors.interactiveInput010}}',
+    borderColor: '{{colors.interactivePositive040}}',
+    iconColor: '{{colors.interactivePositive040}}',
+};
+var checkedHover = {
+    backgroundColor: '{{colors.interactiveInput030}}',
+    borderColor: '{{colors.interactiveInput050}}',
+    iconColor: '{{colors.interactiveInput050}}',
+};
+var checkedValidHover = {
+    backgroundColor: '{{colors.interactivePositive010}}',
+    borderColor: '{{colors.interactivePositive050}}',
+    iconColor: '{{colors.interactivePositive050}}',
+};
+var checkedInvalid = {
+    backgroundColor: '{{colors.interactiveInput010}}',
+    borderColor: '{{colors.interactiveNegative040}}',
+    iconColor: '{{colors.interactiveNegative040}}',
+};
+var checkedInvalidHover = {
+    backgroundColor: '{{colors.interactiveNegative010}}',
+    borderColor: '{{colors.interactiveNegative050}}',
+    iconColor: '{{colors.interactiveNegative050}}',
+};
 export default {
     radioButtonInput: {
         base: {
@@ -7,35 +53,13 @@ export default {
             borderRadius: '{{borders.borderRadiusCircle}}',
             borderStyle: 'solid',
         },
-        hover: {
-            backgroundColor: '{{colors.interactiveInput030}}',
-            borderColor: '{{colors.interactiveInput050}}',
-        },
+        hover: hover,
         focus: {},
-        'focus:hover': {
-            backgroundColor: '{{colors.interactiveInput030}}',
-            borderColor: '{{colors.interactiveInput050}}',
-        },
-        checked: {
-            backgroundColor: '{{colors.interactiveInput010}}',
-            borderColor: '{{colors.interactiveInput040}}',
-            iconColor: '{{colors.interactiveInput040}}',
-        },
-        'checked:hover': {
-            backgroundColor: '{{colors.interactiveInput030}}',
-            borderColor: '{{colors.interactiveInput050}}',
-            iconColor: '{{colors.interactiveInput050}}',
-        },
-        'checked:focus': {
-            backgroundColor: '{{colors.interactiveInput010}}',
-            borderColor: '{{colors.interactiveInput040}}',
-            iconColor: '{{colors.interactiveInput040}}',
-        },
-        'checked:focus:hover': {
-            backgroundColor: '{{colors.interactiveInput030}}',
-            borderColor: '{{colors.interactiveInput050}}',
-            iconColor: '{{colors.interactiveInput050}}',
-        },
+        'focus:hover': hover,
+        checked: checked,
+        'checked:hover': checkedHover,
+        'checked:focus': checked,
+        'checked:focus:hover': checkedHover,
         invalid: {
             backgroundColor: '{{colors.interactiveInput010}}',
             borderColor: '{{colors.interactiveNegative040}}',
@@ -51,25 +75,13 @@ export default {
             backgroundColor: '{{colors.interactiveNegative010}}',
             borderColor: '{{colors.interactiveNegative050}}',
         },
-        'checked:invalid': {
-            backgroundColor: '{{colors.interactiveInput010}}',
-            borderColor: '{{colors.interactiveNegative040}}',
-            iconColor: '{{colors.interactiveNegative040}}',
-        },
+        'checked:invalid': checkedInvalid,
         'checked:invalid:focus': {
             borderColor: '{{colors.interactiveNegative040}}',
             iconColor: '{{colors.interactiveNegative040}}',
         },
-        'checked:invalid:hover': {
-            backgroundColor: '{{colors.interactiveNegative010}}',
-            borderColor: '{{colors.interactiveNegative050}}',
-            iconColor: '{{colors.interactiveNegative050}}',
-        },
-        'checked:invalid:focus:hover': {
-            backgroundColor: '{{colors.interactiveNegative010}}',
-            borderColor: '{{colors.interactiveNegative050}}',
-            iconColor: '{{colors.interactiveNegative050}}',
-        },
+        'checked:invalid:hover': checkedInvalidHover,
+        'checked:invalid:focus:hover': checkedInvalidHover,
         valid: {
             backgroundColor: '{{colors.interactiveInput010}}',
             borderColor: '{{colors.interactivePositive040}}',
@@ -85,25 +97,13 @@ export default {
             backgroundColor: '{{colors.interactivePositive010}}',
             borderColor: '{{colors.interactivePositive050}}',
         },
-        'checked:valid': {
-            backgroundColor: '{{colors.interactiveInput010}}',
-            borderColor: '{{colors.interactivePositive040}}',
-            iconColor: '{{colors.interactivePositive040}}',
-        },
+        'checked:valid': checkedValid,
         'checked:valid:focus': {
             borderColor: '{{colors.interactivePositive040}}',
             iconColor: '{{colors.interactivePositive040}}',
         },
-        'checked:valid:hover': {
-            backgroundColor: '{{colors.interactivePositive010}}',
-            borderColor: '{{colors.interactivePositive050}}',
-            iconColor: '{{colors.interactivePositive050}}',
-        },
-        'checked:valid:focus:hover': {
-            backgroundColor: '{{colors.interactivePositive010}}',
-            borderColor: '{{colors.interactivePositive050}}',
-            iconColor: '{{colors.interactivePositive050}}',
-        },
+        'checked:valid:hover': checkedValidHover,
+        'checked:valid:focus:hover': checkedValidHover,
         disabled: {
             backgroundColor: '{{colors.transparent}}',
             borderColor: '{{colors.interactiveDisabled010}}',
@@ -113,6 +113,13 @@ export default {
             borderColor: '{{colors.interactiveDisabled010}}',
             iconColor: '{{colors.inkNonEssential}}',
         },
+        'focus-visible': defaultFocusVisible,
+        'checked:focus-visible': __assign(__assign({}, defaultFocusVisible), checked),
+        'checked:focus-visible:hover': __assign(__assign({}, defaultFocusVisible), checkedHover),
+        'checked:valid:focus-visible': __assign(__assign({}, defaultFocusVisible), checkedValid),
+        'checked:valid:focus-visible:hover': __assign(__assign({}, defaultFocusVisible), checkedValidHover),
+        'checked:invalid:focus-visible': __assign(__assign({}, defaultFocusVisible), checkedInvalid),
+        'checked:invalid:focus-visible:hover': __assign(__assign({}, defaultFocusVisible), checkedInvalidHover),
     },
 };
 //# sourceMappingURL=style-presets.js.map

package/esm/radio-button/style-presets.js.map

@@ -1 +1 @@
-{"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../src/radio-button/style-presets.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../src/radio-button/style-presets.ts"],"names":[],"mappings":"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"}

package/esm/select/select.js

@@ -28,7 +28,7 @@ import { SelectButton } from './select-button';
 import defaults from './defaults';
 import stylePresets from './style-presets';
 import { withOwnTheme } from '../utils/with-own-theme';
-import { shouldRenderInModal } from './utils';
+import { checkBreakpointProp } from '../utils/check-breakpoint-prop';
 import { withMediaQueryProvider } from '../utils/hooks/use-media-query/context';
 import { useBreakpointKey } from '../utils/hooks/use-media-query';
 import { useVirtualizedList } from './use-virtualized-list';
@@ -37,7 +37,7 @@ var ThemelessSelect = React.forwardRef(function (props, inputRef) {
     var selectRef = useRef(null);
     var localInputRef = useRef(null);
     var panelRef = useRef(null);
-    var renderInModal = shouldRenderInModal(useModal, useBreakpointKey());
+    var renderInModal = checkBreakpointProp(useModal, useBreakpointKey());
     var _e = React.useState(false), isFocused = _e[0], setIsFocused = _e[1];
     var onSelectButtonFocus = React.useCallback(function (event) {
         setIsFocused(true);