@asphalt-react/card - npm Package Compare versions

Comparing version 2.12.1 to 2.12.2

dist/index.cjs

@@ -59,5 +59,5 @@ 'use strict';
 
-var css_248z = "/* Remove default style of button in the browser */\nbutton {\n  all: unset;\n}\n\n.Tile__jAWCN {\n  --content-color: var(--content-primary, #2d2e34);\n  --surface: var(--interactive-surface-primary-default, #ffffff);\n  --border-color: transparent;\n  --border-width: 0px;\n  --roundness: var(--roundness-container-M, 1rem);\n  --width: 100%;\n\n  background: var(--surface, #ffffff);\n  color: var(--content-color);\n  border: var(--border-width) solid var(--border-color);\n  padding: var(--padding);\n  text-decoration: none;\n  border-radius: var(--roundness);\n  box-sizing: border-box;\n  width: var(--width);\n}\n\n.fitWidth__ky-5l {\n  --width: fit-content;\n}\n\n.outlined__OzZPW {\n  --border-width: 1px;\n  --border-color: var(--static-border-secondary, #dce5f0);\n}\n\n.xs__qfsYx {\n  --padding: calc(1rem + calc(1px - var(--border-width)));\n  --roundness: var(--roundness-container-S, 0.5rem);\n}\n\n.s__YK8ZO {\n  --padding: calc(1.5rem + calc(1px - var(--border-width)));\n  --roundness: var(--roundness-container-S, 0.5rem);\n}\n\n.m__Np7Ju {\n  --padding: calc(2rem + calc(1px - var(--border-width)));\n  --roundness: var(--roundness-container-M, 1rem);\n}\n\n.l__QzLVU {\n  --padding: calc(2.5rem + calc(1px - var(--border-width)));\n  --roundness: var(--roundness-container-L, 1.5rem);\n}\n\n/* States */\n\n.Tile__jAWCN:hover:not(.disabled__esyur) {\n  --surface: var(--interactive-surface-primary-hover, #f5f7fa);\n}\n\n.Tile__jAWCN:focus-visible:not(.disabled__esyur) {\n  outline: var(--focus-outline, 2px solid) var(--interactive-focus, #86afff);\n}\n\n.Tile__jAWCN:active:not(.disabled__esyur) {\n  outline: none;\n  --border-color: var(--interactive-active, #1c3abb);\n  --surface: var(--interactive-surface-primary-active, #d6dce7);\n  --border-width: 1px;\n}\n\n/* Primary */\n\n.primary__pmd4W {\n  --surface: var(--interactive-surface-primary-default, #ffffff);\n}\n\n/* Secondary */\n\n.secondary__0QWTZ {\n  --surface: var(--interactive-surface-secondary-default, #e9eef3);\n}\n\n.secondary__0QWTZ:hover:not(.disabled__esyur) {\n  --surface: var(--interactive-surface-secondary-hover, #f4f7f9);\n}\n\n.secondary__0QWTZ:active:not(.disabled__esyur) {\n  --surface: var(--interactive-surface-secondary-active, #c6cdd4);\n}\n\n/* Success */\n\n.success__mOYgq {\n  --surface: var(--interactive-support-success-secondary-default, #e8fbf7);\n}\n\n.success__mOYgq:hover:not(.disabled__esyur) {\n  --surface: var(--interactive-support-success-secondary-hover, #f1fdfa);\n}\n\n.success__mOYgq:active:not(.disabled__esyur) {\n  --surface: var(--interactive-support-success-secondary-active, #b0f2e9);\n}\n\n/* Danger */\n\n.danger__ENZ2v {\n  --surface: var(--interactive-support-danger-secondary-default, #fee1e7);\n}\n\n.danger__ENZ2v:hover:not(.disabled__esyur) {\n  --surface: var(--interactive-support-danger-secondary-hover, #fff1f4);\n}\n\n.danger__ENZ2v:active:not(.disabled__esyur) {\n  --surface: var(--interactive-support-danger-secondary-active, #ffc6d0);\n}\n\n/* Warning */\n\n.warning__1MrIg {\n  --surface: var(--interactive-support-warning-secondary-default, #fff5e3);\n}\n\n.warning__1MrIg:hover:not(.disabled__esyur) {\n  --surface: var(--interactive-support-warning-secondary-hover, #fff9ee);\n}\n\n.warning__1MrIg:active:not(.disabled__esyur) {\n  --surface: var(--interactive-support-warning-secondary-active, #ffe28f);\n}\n\n/* Info */\n\n.info__nfjlt {\n  --surface: var(--interactive-support-info-secondary-default, #e3edff);\n}\n\n.info__nfjlt:hover:not(.disabled__esyur) {\n  --surface: var(--interactive-support-info-secondary-hover, #eef4ff);\n}\n\n.info__nfjlt:active:not(.disabled__esyur) {\n  --surface: var(--interactive-support-info-secondary-active, #b2c1fe);\n}\n\n/* Brand */\n\n.brand__na5I2 {\n  --surface: var(--interactive-surface-brand-primary-default, #00aa13);\n  --content-color: var(--content-on-brand, #ffffff);\n}\n\n.brand__na5I2:hover:not(.disabled__esyur) {\n  --surface: var(--interactive-surface-brand-primary-hover, #33bb42);\n  --content-color: var(--content-on-brand, #ffffff);\n}\n\n.brand__na5I2:active:not(.disabled__esyur) {\n  --surface: var(--interactive-surface-brand-primary-active, #067817);\n  --content-color: var(--content-on-brand, #ffffff);\n}\n\n/* Inverse */\n\n.inverse__dPfLT {\n  --surface: var(--interactive-surface-inverse-primary-default, #383942);\n  --content-color: var(--content-on-inverse, #ffffff);\n}\n\n.inverse__dPfLT:hover:not(.disabled__esyur) {\n  --surface: var(--interactive-surface-inverse-primary-hover, #444651);\n  --content-color: var(--content-on-inverse, #ffffff);\n}\n\n.inverse__dPfLT:active:not(.disabled__esyur) {\n  --surface: var(--interactive-surface-inverse-primary-active, #0a0d1d);\n  --content-color: var(--content-on-inverse, #ffffff);\n}\n\n.disabled__esyur {\n  --surface: var(--interactive-surface-disabled, #f1f3f6);\n  --content-color: var(--content-disabled, #9a9eaa);\n}\n\n.selected__hfnbY {\n  --surface: var(--interactive-highlighted-primary, #e3edff);\n  --border-color: var(--interactive-active, #1c3abb);\n  --border-width: 1px;\n  --content-color: var(--content-primary, #2d2e34);\n}\n\n.invalid__bYvaD {\n  --border-color: var(--interactive-invalid, #ec4453);\n  --border-width: 1px;\n}\n";
+var css_248z = ".Tile__jAWCN {\n  --content-color: var(--content-primary, #2d2e34);\n  --surface: var(--interactive-surface-primary-default, #ffffff);\n  --border-color: transparent;\n  --border-width: 0px;\n  --roundness: var(--roundness-container-M, 1rem);\n  --width: 100%;\n\n  background: var(--surface, #ffffff);\n  color: var(--content-color);\n  border: var(--border-width) solid var(--border-color);\n  padding: var(--padding);\n  text-decoration: none;\n  border-radius: var(--roundness);\n  box-sizing: border-box;\n  width: var(--width);\n  /* Reset default HTML element styles to ensure consistent appearance across browsers */\n  text-align: inherit;\n  font: inherit;\n}\n\n.fitWidth__ky-5l {\n  --width: fit-content;\n}\n\n.outlined__OzZPW {\n  --border-width: 1px;\n  --border-color: var(--static-border-secondary, #dce5f0);\n}\n\n.xs__qfsYx {\n  --padding: calc(1rem + calc(1px - var(--border-width)));\n  --roundness: var(--roundness-container-S, 0.5rem);\n}\n\n.s__YK8ZO {\n  --padding: calc(1.5rem + calc(1px - var(--border-width)));\n  --roundness: var(--roundness-container-S, 0.5rem);\n}\n\n.m__Np7Ju {\n  --padding: calc(2rem + calc(1px - var(--border-width)));\n  --roundness: var(--roundness-container-M, 1rem);\n}\n\n.l__QzLVU {\n  --padding: calc(2.5rem + calc(1px - var(--border-width)));\n  --roundness: var(--roundness-container-L, 1.5rem);\n}\n\n/* States */\n\n@media (hover: hover) and (pointer: fine) {\n  .Tile__jAWCN:hover:not(.disabled__esyur) {\n    --surface: var(--interactive-surface-primary-hover, #f5f7fa);\n  }\n}\n\n.Tile__jAWCN:focus-visible:not(.disabled__esyur) {\n  outline: var(--focus-outline, 2px solid) var(--interactive-focus, #86afff);\n}\n\n.Tile__jAWCN:active:not(.disabled__esyur) {\n  outline: none;\n  --border-color: var(--interactive-active, #1c3abb);\n  --surface: var(--interactive-surface-primary-active, #d6dce7);\n  --border-width: 1px;\n}\n\n/* Primary */\n\n.primary__pmd4W {\n  --surface: var(--interactive-surface-primary-default, #ffffff);\n}\n\n/* Secondary */\n\n.secondary__0QWTZ {\n  --surface: var(--interactive-surface-secondary-default, #e9eef3);\n}\n\n@media (hover: hover) and (pointer: fine) {\n  .secondary__0QWTZ:hover:not(.disabled__esyur) {\n    --surface: var(--interactive-surface-secondary-hover, #f4f7f9);\n  }\n}\n\n.secondary__0QWTZ:active:not(.disabled__esyur) {\n  --surface: var(--interactive-surface-secondary-active, #c6cdd4);\n}\n\n/* Success */\n\n.success__mOYgq {\n  --surface: var(--interactive-support-success-secondary-default, #e8fbf7);\n}\n\n@media (hover: hover) and (pointer: fine) {\n  .success__mOYgq:hover:not(.disabled__esyur) {\n    --surface: var(--interactive-support-success-secondary-hover, #f1fdfa);\n  }\n}\n\n.success__mOYgq:active:not(.disabled__esyur) {\n  --surface: var(--interactive-support-success-secondary-active, #b0f2e9);\n}\n\n/* Danger */\n\n.danger__ENZ2v {\n  --surface: var(--interactive-support-danger-secondary-default, #fee1e7);\n}\n\n@media (hover: hover) and (pointer: fine) {\n  .danger__ENZ2v:hover:not(.disabled__esyur) {\n    --surface: var(--interactive-support-danger-secondary-hover, #fff1f4);\n  }\n}\n\n.danger__ENZ2v:active:not(.disabled__esyur) {\n  --surface: var(--interactive-support-danger-secondary-active, #ffc6d0);\n}\n\n/* Warning */\n\n.warning__1MrIg {\n  --surface: var(--interactive-support-warning-secondary-default, #fff5e3);\n}\n\n@media (hover: hover) and (pointer: fine) {\n  .warning__1MrIg:hover:not(.disabled__esyur) {\n    --surface: var(--interactive-support-warning-secondary-hover, #fff9ee);\n  }\n}\n\n.warning__1MrIg:active:not(.disabled__esyur) {\n  --surface: var(--interactive-support-warning-secondary-active, #ffe28f);\n}\n\n/* Info */\n\n.info__nfjlt {\n  --surface: var(--interactive-support-info-secondary-default, #e3edff);\n}\n\n@media (hover: hover) and (pointer: fine) {\n  .info__nfjlt:hover:not(.disabled__esyur) {\n    --surface: var(--interactive-support-info-secondary-hover, #eef4ff);\n  }\n}\n\n.info__nfjlt:active:not(.disabled__esyur) {\n  --surface: var(--interactive-support-info-secondary-active, #b2c1fe);\n}\n\n/* Brand */\n\n.brand__na5I2 {\n  --surface: var(--interactive-surface-brand-primary-default, #00aa13);\n  --content-color: var(--content-on-brand, #ffffff);\n}\n\n@media (hover: hover) and (pointer: fine) {\n  .brand__na5I2:hover:not(.disabled__esyur) {\n    --surface: var(--interactive-surface-brand-primary-hover, #33bb42);\n    --content-color: var(--content-on-brand, #ffffff);\n  }\n}\n\n.brand__na5I2:active:not(.disabled__esyur) {\n  --surface: var(--interactive-surface-brand-primary-active, #067817);\n  --content-color: var(--content-on-brand, #ffffff);\n}\n\n/* Inverse */\n\n.inverse__dPfLT {\n  --surface: var(--interactive-surface-inverse-primary-default, #383942);\n  --content-color: var(--content-on-inverse, #ffffff);\n}\n\n@media (hover: hover) and (pointer: fine) {\n  .inverse__dPfLT:hover:not(.disabled__esyur) {\n    --surface: var(--interactive-surface-inverse-primary-hover, #444651);\n    --content-color: var(--content-on-inverse, #ffffff);\n  }\n}\n\n.inverse__dPfLT:active:not(.disabled__esyur) {\n  --surface: var(--interactive-surface-inverse-primary-active, #0a0d1d);\n  --content-color: var(--content-on-inverse, #ffffff);\n}\n\n.disabled__esyur {\n  --surface: var(--interactive-surface-disabled, #f1f3f6);\n  --content-color: var(--content-disabled, #9a9eaa);\n}\n\n.selected__hfnbY {\n  --surface: var(--interactive-highlighted-primary, #e3edff);\n  --border-color: var(--interactive-active, #1c3abb);\n  --border-width: 1px;\n  --content-color: var(--content-primary, #2d2e34);\n}\n\n.invalid__bYvaD {\n  --border-color: var(--interactive-invalid, #ec4453);\n  --border-width: 1px;\n}\n";
 var styles = {"Tile":"Tile__jAWCN","fitWidth":"fitWidth__ky-5l","outlined":"outlined__OzZPW","xs":"xs__qfsYx","s":"s__YK8ZO","m":"m__Np7Ju","l":"l__QzLVU","disabled":"disabled__esyur","primary":"primary__pmd4W","secondary":"secondary__0QWTZ","success":"success__mOYgq","danger":"danger__ENZ2v","warning":"warning__1MrIg","info":"info__nfjlt","brand":"brand__na5I2","inverse":"inverse__dPfLT","selected":"selected__hfnbY","invalid":"invalid__bYvaD"};
-var stylesheet="/* Remove default style of button in the browser */\nbutton {\n  all: unset;\n}\n\n.Tile__jAWCN {\n  --content-color: var(--content-primary, #2d2e34);\n  --surface: var(--interactive-surface-primary-default, #ffffff);\n  --border-color: transparent;\n  --border-width: 0px;\n  --roundness: var(--roundness-container-M, 1rem);\n  --width: 100%;\n\n  background: var(--surface, #ffffff);\n  color: var(--content-color);\n  border: var(--border-width) solid var(--border-color);\n  padding: var(--padding);\n  text-decoration: none;\n  border-radius: var(--roundness);\n  box-sizing: border-box;\n  width: var(--width);\n}\n\n.fitWidth__ky-5l {\n  --width: fit-content;\n}\n\n.outlined__OzZPW {\n  --border-width: 1px;\n  --border-color: var(--static-border-secondary, #dce5f0);\n}\n\n.xs__qfsYx {\n  --padding: calc(1rem + calc(1px - var(--border-width)));\n  --roundness: var(--roundness-container-S, 0.5rem);\n}\n\n.s__YK8ZO {\n  --padding: calc(1.5rem + calc(1px - var(--border-width)));\n  --roundness: var(--roundness-container-S, 0.5rem);\n}\n\n.m__Np7Ju {\n  --padding: calc(2rem + calc(1px - var(--border-width)));\n  --roundness: var(--roundness-container-M, 1rem);\n}\n\n.l__QzLVU {\n  --padding: calc(2.5rem + calc(1px - var(--border-width)));\n  --roundness: var(--roundness-container-L, 1.5rem);\n}\n\n/* States */\n\n.Tile__jAWCN:hover:not(.disabled__esyur) {\n  --surface: var(--interactive-surface-primary-hover, #f5f7fa);\n}\n\n.Tile__jAWCN:focus-visible:not(.disabled__esyur) {\n  outline: var(--focus-outline, 2px solid) var(--interactive-focus, #86afff);\n}\n\n.Tile__jAWCN:active:not(.disabled__esyur) {\n  outline: none;\n  --border-color: var(--interactive-active, #1c3abb);\n  --surface: var(--interactive-surface-primary-active, #d6dce7);\n  --border-width: 1px;\n}\n\n/* Primary */\n\n.primary__pmd4W {\n  --surface: var(--interactive-surface-primary-default, #ffffff);\n}\n\n/* Secondary */\n\n.secondary__0QWTZ {\n  --surface: var(--interactive-surface-secondary-default, #e9eef3);\n}\n\n.secondary__0QWTZ:hover:not(.disabled__esyur) {\n  --surface: var(--interactive-surface-secondary-hover, #f4f7f9);\n}\n\n.secondary__0QWTZ:active:not(.disabled__esyur) {\n  --surface: var(--interactive-surface-secondary-active, #c6cdd4);\n}\n\n/* Success */\n\n.success__mOYgq {\n  --surface: var(--interactive-support-success-secondary-default, #e8fbf7);\n}\n\n.success__mOYgq:hover:not(.disabled__esyur) {\n  --surface: var(--interactive-support-success-secondary-hover, #f1fdfa);\n}\n\n.success__mOYgq:active:not(.disabled__esyur) {\n  --surface: var(--interactive-support-success-secondary-active, #b0f2e9);\n}\n\n/* Danger */\n\n.danger__ENZ2v {\n  --surface: var(--interactive-support-danger-secondary-default, #fee1e7);\n}\n\n.danger__ENZ2v:hover:not(.disabled__esyur) {\n  --surface: var(--interactive-support-danger-secondary-hover, #fff1f4);\n}\n\n.danger__ENZ2v:active:not(.disabled__esyur) {\n  --surface: var(--interactive-support-danger-secondary-active, #ffc6d0);\n}\n\n/* Warning */\n\n.warning__1MrIg {\n  --surface: var(--interactive-support-warning-secondary-default, #fff5e3);\n}\n\n.warning__1MrIg:hover:not(.disabled__esyur) {\n  --surface: var(--interactive-support-warning-secondary-hover, #fff9ee);\n}\n\n.warning__1MrIg:active:not(.disabled__esyur) {\n  --surface: var(--interactive-support-warning-secondary-active, #ffe28f);\n}\n\n/* Info */\n\n.info__nfjlt {\n  --surface: var(--interactive-support-info-secondary-default, #e3edff);\n}\n\n.info__nfjlt:hover:not(.disabled__esyur) {\n  --surface: var(--interactive-support-info-secondary-hover, #eef4ff);\n}\n\n.info__nfjlt:active:not(.disabled__esyur) {\n  --surface: var(--interactive-support-info-secondary-active, #b2c1fe);\n}\n\n/* Brand */\n\n.brand__na5I2 {\n  --surface: var(--interactive-surface-brand-primary-default, #00aa13);\n  --content-color: var(--content-on-brand, #ffffff);\n}\n\n.brand__na5I2:hover:not(.disabled__esyur) {\n  --surface: var(--interactive-surface-brand-primary-hover, #33bb42);\n  --content-color: var(--content-on-brand, #ffffff);\n}\n\n.brand__na5I2:active:not(.disabled__esyur) {\n  --surface: var(--interactive-surface-brand-primary-active, #067817);\n  --content-color: var(--content-on-brand, #ffffff);\n}\n\n/* Inverse */\n\n.inverse__dPfLT {\n  --surface: var(--interactive-surface-inverse-primary-default, #383942);\n  --content-color: var(--content-on-inverse, #ffffff);\n}\n\n.inverse__dPfLT:hover:not(.disabled__esyur) {\n  --surface: var(--interactive-surface-inverse-primary-hover, #444651);\n  --content-color: var(--content-on-inverse, #ffffff);\n}\n\n.inverse__dPfLT:active:not(.disabled__esyur) {\n  --surface: var(--interactive-surface-inverse-primary-active, #0a0d1d);\n  --content-color: var(--content-on-inverse, #ffffff);\n}\n\n.disabled__esyur {\n  --surface: var(--interactive-surface-disabled, #f1f3f6);\n  --content-color: var(--content-disabled, #9a9eaa);\n}\n\n.selected__hfnbY {\n  --surface: var(--interactive-highlighted-primary, #e3edff);\n  --border-color: var(--interactive-active, #1c3abb);\n  --border-width: 1px;\n  --content-color: var(--content-primary, #2d2e34);\n}\n\n.invalid__bYvaD {\n  --border-color: var(--interactive-invalid, #ec4453);\n  --border-width: 1px;\n}\n";
+var stylesheet=".Tile__jAWCN {\n  --content-color: var(--content-primary, #2d2e34);\n  --surface: var(--interactive-surface-primary-default, #ffffff);\n  --border-color: transparent;\n  --border-width: 0px;\n  --roundness: var(--roundness-container-M, 1rem);\n  --width: 100%;\n\n  background: var(--surface, #ffffff);\n  color: var(--content-color);\n  border: var(--border-width) solid var(--border-color);\n  padding: var(--padding);\n  text-decoration: none;\n  border-radius: var(--roundness);\n  box-sizing: border-box;\n  width: var(--width);\n  /* Reset default HTML element styles to ensure consistent appearance across browsers */\n  text-align: inherit;\n  font: inherit;\n}\n\n.fitWidth__ky-5l {\n  --width: fit-content;\n}\n\n.outlined__OzZPW {\n  --border-width: 1px;\n  --border-color: var(--static-border-secondary, #dce5f0);\n}\n\n.xs__qfsYx {\n  --padding: calc(1rem + calc(1px - var(--border-width)));\n  --roundness: var(--roundness-container-S, 0.5rem);\n}\n\n.s__YK8ZO {\n  --padding: calc(1.5rem + calc(1px - var(--border-width)));\n  --roundness: var(--roundness-container-S, 0.5rem);\n}\n\n.m__Np7Ju {\n  --padding: calc(2rem + calc(1px - var(--border-width)));\n  --roundness: var(--roundness-container-M, 1rem);\n}\n\n.l__QzLVU {\n  --padding: calc(2.5rem + calc(1px - var(--border-width)));\n  --roundness: var(--roundness-container-L, 1.5rem);\n}\n\n/* States */\n\n@media (hover: hover) and (pointer: fine) {\n  .Tile__jAWCN:hover:not(.disabled__esyur) {\n    --surface: var(--interactive-surface-primary-hover, #f5f7fa);\n  }\n}\n\n.Tile__jAWCN:focus-visible:not(.disabled__esyur) {\n  outline: var(--focus-outline, 2px solid) var(--interactive-focus, #86afff);\n}\n\n.Tile__jAWCN:active:not(.disabled__esyur) {\n  outline: none;\n  --border-color: var(--interactive-active, #1c3abb);\n  --surface: var(--interactive-surface-primary-active, #d6dce7);\n  --border-width: 1px;\n}\n\n/* Primary */\n\n.primary__pmd4W {\n  --surface: var(--interactive-surface-primary-default, #ffffff);\n}\n\n/* Secondary */\n\n.secondary__0QWTZ {\n  --surface: var(--interactive-surface-secondary-default, #e9eef3);\n}\n\n@media (hover: hover) and (pointer: fine) {\n  .secondary__0QWTZ:hover:not(.disabled__esyur) {\n    --surface: var(--interactive-surface-secondary-hover, #f4f7f9);\n  }\n}\n\n.secondary__0QWTZ:active:not(.disabled__esyur) {\n  --surface: var(--interactive-surface-secondary-active, #c6cdd4);\n}\n\n/* Success */\n\n.success__mOYgq {\n  --surface: var(--interactive-support-success-secondary-default, #e8fbf7);\n}\n\n@media (hover: hover) and (pointer: fine) {\n  .success__mOYgq:hover:not(.disabled__esyur) {\n    --surface: var(--interactive-support-success-secondary-hover, #f1fdfa);\n  }\n}\n\n.success__mOYgq:active:not(.disabled__esyur) {\n  --surface: var(--interactive-support-success-secondary-active, #b0f2e9);\n}\n\n/* Danger */\n\n.danger__ENZ2v {\n  --surface: var(--interactive-support-danger-secondary-default, #fee1e7);\n}\n\n@media (hover: hover) and (pointer: fine) {\n  .danger__ENZ2v:hover:not(.disabled__esyur) {\n    --surface: var(--interactive-support-danger-secondary-hover, #fff1f4);\n  }\n}\n\n.danger__ENZ2v:active:not(.disabled__esyur) {\n  --surface: var(--interactive-support-danger-secondary-active, #ffc6d0);\n}\n\n/* Warning */\n\n.warning__1MrIg {\n  --surface: var(--interactive-support-warning-secondary-default, #fff5e3);\n}\n\n@media (hover: hover) and (pointer: fine) {\n  .warning__1MrIg:hover:not(.disabled__esyur) {\n    --surface: var(--interactive-support-warning-secondary-hover, #fff9ee);\n  }\n}\n\n.warning__1MrIg:active:not(.disabled__esyur) {\n  --surface: var(--interactive-support-warning-secondary-active, #ffe28f);\n}\n\n/* Info */\n\n.info__nfjlt {\n  --surface: var(--interactive-support-info-secondary-default, #e3edff);\n}\n\n@media (hover: hover) and (pointer: fine) {\n  .info__nfjlt:hover:not(.disabled__esyur) {\n    --surface: var(--interactive-support-info-secondary-hover, #eef4ff);\n  }\n}\n\n.info__nfjlt:active:not(.disabled__esyur) {\n  --surface: var(--interactive-support-info-secondary-active, #b2c1fe);\n}\n\n/* Brand */\n\n.brand__na5I2 {\n  --surface: var(--interactive-surface-brand-primary-default, #00aa13);\n  --content-color: var(--content-on-brand, #ffffff);\n}\n\n@media (hover: hover) and (pointer: fine) {\n  .brand__na5I2:hover:not(.disabled__esyur) {\n    --surface: var(--interactive-surface-brand-primary-hover, #33bb42);\n    --content-color: var(--content-on-brand, #ffffff);\n  }\n}\n\n.brand__na5I2:active:not(.disabled__esyur) {\n  --surface: var(--interactive-surface-brand-primary-active, #067817);\n  --content-color: var(--content-on-brand, #ffffff);\n}\n\n/* Inverse */\n\n.inverse__dPfLT {\n  --surface: var(--interactive-surface-inverse-primary-default, #383942);\n  --content-color: var(--content-on-inverse, #ffffff);\n}\n\n@media (hover: hover) and (pointer: fine) {\n  .inverse__dPfLT:hover:not(.disabled__esyur) {\n    --surface: var(--interactive-surface-inverse-primary-hover, #444651);\n    --content-color: var(--content-on-inverse, #ffffff);\n  }\n}\n\n.inverse__dPfLT:active:not(.disabled__esyur) {\n  --surface: var(--interactive-surface-inverse-primary-active, #0a0d1d);\n  --content-color: var(--content-on-inverse, #ffffff);\n}\n\n.disabled__esyur {\n  --surface: var(--interactive-surface-disabled, #f1f3f6);\n  --content-color: var(--content-disabled, #9a9eaa);\n}\n\n.selected__hfnbY {\n  --surface: var(--interactive-highlighted-primary, #e3edff);\n  --border-color: var(--interactive-active, #1c3abb);\n  --border-width: 1px;\n  --content-color: var(--content-primary, #2d2e34);\n}\n\n.invalid__bYvaD {\n  --border-color: var(--interactive-invalid, #ec4453);\n  --border-width: 1px;\n}\n";
 styleInject(css_248z);
@@ -64,0 +64,0 @@

dist/index.js

@@ -57,5 +57,5 @@ import React from 'react';
 
-var css_248z = "/* Remove default style of button in the browser */\nbutton {\n  all: unset;\n}\n\n.Tile__jAWCN {\n  --content-color: var(--content-primary, #2d2e34);\n  --surface: var(--interactive-surface-primary-default, #ffffff);\n  --border-color: transparent;\n  --border-width: 0px;\n  --roundness: var(--roundness-container-M, 1rem);\n  --width: 100%;\n\n  background: var(--surface, #ffffff);\n  color: var(--content-color);\n  border: var(--border-width) solid var(--border-color);\n  padding: var(--padding);\n  text-decoration: none;\n  border-radius: var(--roundness);\n  box-sizing: border-box;\n  width: var(--width);\n}\n\n.fitWidth__ky-5l {\n  --width: fit-content;\n}\n\n.outlined__OzZPW {\n  --border-width: 1px;\n  --border-color: var(--static-border-secondary, #dce5f0);\n}\n\n.xs__qfsYx {\n  --padding: calc(1rem + calc(1px - var(--border-width)));\n  --roundness: var(--roundness-container-S, 0.5rem);\n}\n\n.s__YK8ZO {\n  --padding: calc(1.5rem + calc(1px - var(--border-width)));\n  --roundness: var(--roundness-container-S, 0.5rem);\n}\n\n.m__Np7Ju {\n  --padding: calc(2rem + calc(1px - var(--border-width)));\n  --roundness: var(--roundness-container-M, 1rem);\n}\n\n.l__QzLVU {\n  --padding: calc(2.5rem + calc(1px - var(--border-width)));\n  --roundness: var(--roundness-container-L, 1.5rem);\n}\n\n/* States */\n\n.Tile__jAWCN:hover:not(.disabled__esyur) {\n  --surface: var(--interactive-surface-primary-hover, #f5f7fa);\n}\n\n.Tile__jAWCN:focus-visible:not(.disabled__esyur) {\n  outline: var(--focus-outline, 2px solid) var(--interactive-focus, #86afff);\n}\n\n.Tile__jAWCN:active:not(.disabled__esyur) {\n  outline: none;\n  --border-color: var(--interactive-active, #1c3abb);\n  --surface: var(--interactive-surface-primary-active, #d6dce7);\n  --border-width: 1px;\n}\n\n/* Primary */\n\n.primary__pmd4W {\n  --surface: var(--interactive-surface-primary-default, #ffffff);\n}\n\n/* Secondary */\n\n.secondary__0QWTZ {\n  --surface: var(--interactive-surface-secondary-default, #e9eef3);\n}\n\n.secondary__0QWTZ:hover:not(.disabled__esyur) {\n  --surface: var(--interactive-surface-secondary-hover, #f4f7f9);\n}\n\n.secondary__0QWTZ:active:not(.disabled__esyur) {\n  --surface: var(--interactive-surface-secondary-active, #c6cdd4);\n}\n\n/* Success */\n\n.success__mOYgq {\n  --surface: var(--interactive-support-success-secondary-default, #e8fbf7);\n}\n\n.success__mOYgq:hover:not(.disabled__esyur) {\n  --surface: var(--interactive-support-success-secondary-hover, #f1fdfa);\n}\n\n.success__mOYgq:active:not(.disabled__esyur) {\n  --surface: var(--interactive-support-success-secondary-active, #b0f2e9);\n}\n\n/* Danger */\n\n.danger__ENZ2v {\n  --surface: var(--interactive-support-danger-secondary-default, #fee1e7);\n}\n\n.danger__ENZ2v:hover:not(.disabled__esyur) {\n  --surface: var(--interactive-support-danger-secondary-hover, #fff1f4);\n}\n\n.danger__ENZ2v:active:not(.disabled__esyur) {\n  --surface: var(--interactive-support-danger-secondary-active, #ffc6d0);\n}\n\n/* Warning */\n\n.warning__1MrIg {\n  --surface: var(--interactive-support-warning-secondary-default, #fff5e3);\n}\n\n.warning__1MrIg:hover:not(.disabled__esyur) {\n  --surface: var(--interactive-support-warning-secondary-hover, #fff9ee);\n}\n\n.warning__1MrIg:active:not(.disabled__esyur) {\n  --surface: var(--interactive-support-warning-secondary-active, #ffe28f);\n}\n\n/* Info */\n\n.info__nfjlt {\n  --surface: var(--interactive-support-info-secondary-default, #e3edff);\n}\n\n.info__nfjlt:hover:not(.disabled__esyur) {\n  --surface: var(--interactive-support-info-secondary-hover, #eef4ff);\n}\n\n.info__nfjlt:active:not(.disabled__esyur) {\n  --surface: var(--interactive-support-info-secondary-active, #b2c1fe);\n}\n\n/* Brand */\n\n.brand__na5I2 {\n  --surface: var(--interactive-surface-brand-primary-default, #00aa13);\n  --content-color: var(--content-on-brand, #ffffff);\n}\n\n.brand__na5I2:hover:not(.disabled__esyur) {\n  --surface: var(--interactive-surface-brand-primary-hover, #33bb42);\n  --content-color: var(--content-on-brand, #ffffff);\n}\n\n.brand__na5I2:active:not(.disabled__esyur) {\n  --surface: var(--interactive-surface-brand-primary-active, #067817);\n  --content-color: var(--content-on-brand, #ffffff);\n}\n\n/* Inverse */\n\n.inverse__dPfLT {\n  --surface: var(--interactive-surface-inverse-primary-default, #383942);\n  --content-color: var(--content-on-inverse, #ffffff);\n}\n\n.inverse__dPfLT:hover:not(.disabled__esyur) {\n  --surface: var(--interactive-surface-inverse-primary-hover, #444651);\n  --content-color: var(--content-on-inverse, #ffffff);\n}\n\n.inverse__dPfLT:active:not(.disabled__esyur) {\n  --surface: var(--interactive-surface-inverse-primary-active, #0a0d1d);\n  --content-color: var(--content-on-inverse, #ffffff);\n}\n\n.disabled__esyur {\n  --surface: var(--interactive-surface-disabled, #f1f3f6);\n  --content-color: var(--content-disabled, #9a9eaa);\n}\n\n.selected__hfnbY {\n  --surface: var(--interactive-highlighted-primary, #e3edff);\n  --border-color: var(--interactive-active, #1c3abb);\n  --border-width: 1px;\n  --content-color: var(--content-primary, #2d2e34);\n}\n\n.invalid__bYvaD {\n  --border-color: var(--interactive-invalid, #ec4453);\n  --border-width: 1px;\n}\n";
+var css_248z = ".Tile__jAWCN {\n  --content-color: var(--content-primary, #2d2e34);\n  --surface: var(--interactive-surface-primary-default, #ffffff);\n  --border-color: transparent;\n  --border-width: 0px;\n  --roundness: var(--roundness-container-M, 1rem);\n  --width: 100%;\n\n  background: var(--surface, #ffffff);\n  color: var(--content-color);\n  border: var(--border-width) solid var(--border-color);\n  padding: var(--padding);\n  text-decoration: none;\n  border-radius: var(--roundness);\n  box-sizing: border-box;\n  width: var(--width);\n  /* Reset default HTML element styles to ensure consistent appearance across browsers */\n  text-align: inherit;\n  font: inherit;\n}\n\n.fitWidth__ky-5l {\n  --width: fit-content;\n}\n\n.outlined__OzZPW {\n  --border-width: 1px;\n  --border-color: var(--static-border-secondary, #dce5f0);\n}\n\n.xs__qfsYx {\n  --padding: calc(1rem + calc(1px - var(--border-width)));\n  --roundness: var(--roundness-container-S, 0.5rem);\n}\n\n.s__YK8ZO {\n  --padding: calc(1.5rem + calc(1px - var(--border-width)));\n  --roundness: var(--roundness-container-S, 0.5rem);\n}\n\n.m__Np7Ju {\n  --padding: calc(2rem + calc(1px - var(--border-width)));\n  --roundness: var(--roundness-container-M, 1rem);\n}\n\n.l__QzLVU {\n  --padding: calc(2.5rem + calc(1px - var(--border-width)));\n  --roundness: var(--roundness-container-L, 1.5rem);\n}\n\n/* States */\n\n@media (hover: hover) and (pointer: fine) {\n  .Tile__jAWCN:hover:not(.disabled__esyur) {\n    --surface: var(--interactive-surface-primary-hover, #f5f7fa);\n  }\n}\n\n.Tile__jAWCN:focus-visible:not(.disabled__esyur) {\n  outline: var(--focus-outline, 2px solid) var(--interactive-focus, #86afff);\n}\n\n.Tile__jAWCN:active:not(.disabled__esyur) {\n  outline: none;\n  --border-color: var(--interactive-active, #1c3abb);\n  --surface: var(--interactive-surface-primary-active, #d6dce7);\n  --border-width: 1px;\n}\n\n/* Primary */\n\n.primary__pmd4W {\n  --surface: var(--interactive-surface-primary-default, #ffffff);\n}\n\n/* Secondary */\n\n.secondary__0QWTZ {\n  --surface: var(--interactive-surface-secondary-default, #e9eef3);\n}\n\n@media (hover: hover) and (pointer: fine) {\n  .secondary__0QWTZ:hover:not(.disabled__esyur) {\n    --surface: var(--interactive-surface-secondary-hover, #f4f7f9);\n  }\n}\n\n.secondary__0QWTZ:active:not(.disabled__esyur) {\n  --surface: var(--interactive-surface-secondary-active, #c6cdd4);\n}\n\n/* Success */\n\n.success__mOYgq {\n  --surface: var(--interactive-support-success-secondary-default, #e8fbf7);\n}\n\n@media (hover: hover) and (pointer: fine) {\n  .success__mOYgq:hover:not(.disabled__esyur) {\n    --surface: var(--interactive-support-success-secondary-hover, #f1fdfa);\n  }\n}\n\n.success__mOYgq:active:not(.disabled__esyur) {\n  --surface: var(--interactive-support-success-secondary-active, #b0f2e9);\n}\n\n/* Danger */\n\n.danger__ENZ2v {\n  --surface: var(--interactive-support-danger-secondary-default, #fee1e7);\n}\n\n@media (hover: hover) and (pointer: fine) {\n  .danger__ENZ2v:hover:not(.disabled__esyur) {\n    --surface: var(--interactive-support-danger-secondary-hover, #fff1f4);\n  }\n}\n\n.danger__ENZ2v:active:not(.disabled__esyur) {\n  --surface: var(--interactive-support-danger-secondary-active, #ffc6d0);\n}\n\n/* Warning */\n\n.warning__1MrIg {\n  --surface: var(--interactive-support-warning-secondary-default, #fff5e3);\n}\n\n@media (hover: hover) and (pointer: fine) {\n  .warning__1MrIg:hover:not(.disabled__esyur) {\n    --surface: var(--interactive-support-warning-secondary-hover, #fff9ee);\n  }\n}\n\n.warning__1MrIg:active:not(.disabled__esyur) {\n  --surface: var(--interactive-support-warning-secondary-active, #ffe28f);\n}\n\n/* Info */\n\n.info__nfjlt {\n  --surface: var(--interactive-support-info-secondary-default, #e3edff);\n}\n\n@media (hover: hover) and (pointer: fine) {\n  .info__nfjlt:hover:not(.disabled__esyur) {\n    --surface: var(--interactive-support-info-secondary-hover, #eef4ff);\n  }\n}\n\n.info__nfjlt:active:not(.disabled__esyur) {\n  --surface: var(--interactive-support-info-secondary-active, #b2c1fe);\n}\n\n/* Brand */\n\n.brand__na5I2 {\n  --surface: var(--interactive-surface-brand-primary-default, #00aa13);\n  --content-color: var(--content-on-brand, #ffffff);\n}\n\n@media (hover: hover) and (pointer: fine) {\n  .brand__na5I2:hover:not(.disabled__esyur) {\n    --surface: var(--interactive-surface-brand-primary-hover, #33bb42);\n    --content-color: var(--content-on-brand, #ffffff);\n  }\n}\n\n.brand__na5I2:active:not(.disabled__esyur) {\n  --surface: var(--interactive-surface-brand-primary-active, #067817);\n  --content-color: var(--content-on-brand, #ffffff);\n}\n\n/* Inverse */\n\n.inverse__dPfLT {\n  --surface: var(--interactive-surface-inverse-primary-default, #383942);\n  --content-color: var(--content-on-inverse, #ffffff);\n}\n\n@media (hover: hover) and (pointer: fine) {\n  .inverse__dPfLT:hover:not(.disabled__esyur) {\n    --surface: var(--interactive-surface-inverse-primary-hover, #444651);\n    --content-color: var(--content-on-inverse, #ffffff);\n  }\n}\n\n.inverse__dPfLT:active:not(.disabled__esyur) {\n  --surface: var(--interactive-surface-inverse-primary-active, #0a0d1d);\n  --content-color: var(--content-on-inverse, #ffffff);\n}\n\n.disabled__esyur {\n  --surface: var(--interactive-surface-disabled, #f1f3f6);\n  --content-color: var(--content-disabled, #9a9eaa);\n}\n\n.selected__hfnbY {\n  --surface: var(--interactive-highlighted-primary, #e3edff);\n  --border-color: var(--interactive-active, #1c3abb);\n  --border-width: 1px;\n  --content-color: var(--content-primary, #2d2e34);\n}\n\n.invalid__bYvaD {\n  --border-color: var(--interactive-invalid, #ec4453);\n  --border-width: 1px;\n}\n";
 var styles = {"Tile":"Tile__jAWCN","fitWidth":"fitWidth__ky-5l","outlined":"outlined__OzZPW","xs":"xs__qfsYx","s":"s__YK8ZO","m":"m__Np7Ju","l":"l__QzLVU","disabled":"disabled__esyur","primary":"primary__pmd4W","secondary":"secondary__0QWTZ","success":"success__mOYgq","danger":"danger__ENZ2v","warning":"warning__1MrIg","info":"info__nfjlt","brand":"brand__na5I2","inverse":"inverse__dPfLT","selected":"selected__hfnbY","invalid":"invalid__bYvaD"};
-var stylesheet="/* Remove default style of button in the browser */\nbutton {\n  all: unset;\n}\n\n.Tile__jAWCN {\n  --content-color: var(--content-primary, #2d2e34);\n  --surface: var(--interactive-surface-primary-default, #ffffff);\n  --border-color: transparent;\n  --border-width: 0px;\n  --roundness: var(--roundness-container-M, 1rem);\n  --width: 100%;\n\n  background: var(--surface, #ffffff);\n  color: var(--content-color);\n  border: var(--border-width) solid var(--border-color);\n  padding: var(--padding);\n  text-decoration: none;\n  border-radius: var(--roundness);\n  box-sizing: border-box;\n  width: var(--width);\n}\n\n.fitWidth__ky-5l {\n  --width: fit-content;\n}\n\n.outlined__OzZPW {\n  --border-width: 1px;\n  --border-color: var(--static-border-secondary, #dce5f0);\n}\n\n.xs__qfsYx {\n  --padding: calc(1rem + calc(1px - var(--border-width)));\n  --roundness: var(--roundness-container-S, 0.5rem);\n}\n\n.s__YK8ZO {\n  --padding: calc(1.5rem + calc(1px - var(--border-width)));\n  --roundness: var(--roundness-container-S, 0.5rem);\n}\n\n.m__Np7Ju {\n  --padding: calc(2rem + calc(1px - var(--border-width)));\n  --roundness: var(--roundness-container-M, 1rem);\n}\n\n.l__QzLVU {\n  --padding: calc(2.5rem + calc(1px - var(--border-width)));\n  --roundness: var(--roundness-container-L, 1.5rem);\n}\n\n/* States */\n\n.Tile__jAWCN:hover:not(.disabled__esyur) {\n  --surface: var(--interactive-surface-primary-hover, #f5f7fa);\n}\n\n.Tile__jAWCN:focus-visible:not(.disabled__esyur) {\n  outline: var(--focus-outline, 2px solid) var(--interactive-focus, #86afff);\n}\n\n.Tile__jAWCN:active:not(.disabled__esyur) {\n  outline: none;\n  --border-color: var(--interactive-active, #1c3abb);\n  --surface: var(--interactive-surface-primary-active, #d6dce7);\n  --border-width: 1px;\n}\n\n/* Primary */\n\n.primary__pmd4W {\n  --surface: var(--interactive-surface-primary-default, #ffffff);\n}\n\n/* Secondary */\n\n.secondary__0QWTZ {\n  --surface: var(--interactive-surface-secondary-default, #e9eef3);\n}\n\n.secondary__0QWTZ:hover:not(.disabled__esyur) {\n  --surface: var(--interactive-surface-secondary-hover, #f4f7f9);\n}\n\n.secondary__0QWTZ:active:not(.disabled__esyur) {\n  --surface: var(--interactive-surface-secondary-active, #c6cdd4);\n}\n\n/* Success */\n\n.success__mOYgq {\n  --surface: var(--interactive-support-success-secondary-default, #e8fbf7);\n}\n\n.success__mOYgq:hover:not(.disabled__esyur) {\n  --surface: var(--interactive-support-success-secondary-hover, #f1fdfa);\n}\n\n.success__mOYgq:active:not(.disabled__esyur) {\n  --surface: var(--interactive-support-success-secondary-active, #b0f2e9);\n}\n\n/* Danger */\n\n.danger__ENZ2v {\n  --surface: var(--interactive-support-danger-secondary-default, #fee1e7);\n}\n\n.danger__ENZ2v:hover:not(.disabled__esyur) {\n  --surface: var(--interactive-support-danger-secondary-hover, #fff1f4);\n}\n\n.danger__ENZ2v:active:not(.disabled__esyur) {\n  --surface: var(--interactive-support-danger-secondary-active, #ffc6d0);\n}\n\n/* Warning */\n\n.warning__1MrIg {\n  --surface: var(--interactive-support-warning-secondary-default, #fff5e3);\n}\n\n.warning__1MrIg:hover:not(.disabled__esyur) {\n  --surface: var(--interactive-support-warning-secondary-hover, #fff9ee);\n}\n\n.warning__1MrIg:active:not(.disabled__esyur) {\n  --surface: var(--interactive-support-warning-secondary-active, #ffe28f);\n}\n\n/* Info */\n\n.info__nfjlt {\n  --surface: var(--interactive-support-info-secondary-default, #e3edff);\n}\n\n.info__nfjlt:hover:not(.disabled__esyur) {\n  --surface: var(--interactive-support-info-secondary-hover, #eef4ff);\n}\n\n.info__nfjlt:active:not(.disabled__esyur) {\n  --surface: var(--interactive-support-info-secondary-active, #b2c1fe);\n}\n\n/* Brand */\n\n.brand__na5I2 {\n  --surface: var(--interactive-surface-brand-primary-default, #00aa13);\n  --content-color: var(--content-on-brand, #ffffff);\n}\n\n.brand__na5I2:hover:not(.disabled__esyur) {\n  --surface: var(--interactive-surface-brand-primary-hover, #33bb42);\n  --content-color: var(--content-on-brand, #ffffff);\n}\n\n.brand__na5I2:active:not(.disabled__esyur) {\n  --surface: var(--interactive-surface-brand-primary-active, #067817);\n  --content-color: var(--content-on-brand, #ffffff);\n}\n\n/* Inverse */\n\n.inverse__dPfLT {\n  --surface: var(--interactive-surface-inverse-primary-default, #383942);\n  --content-color: var(--content-on-inverse, #ffffff);\n}\n\n.inverse__dPfLT:hover:not(.disabled__esyur) {\n  --surface: var(--interactive-surface-inverse-primary-hover, #444651);\n  --content-color: var(--content-on-inverse, #ffffff);\n}\n\n.inverse__dPfLT:active:not(.disabled__esyur) {\n  --surface: var(--interactive-surface-inverse-primary-active, #0a0d1d);\n  --content-color: var(--content-on-inverse, #ffffff);\n}\n\n.disabled__esyur {\n  --surface: var(--interactive-surface-disabled, #f1f3f6);\n  --content-color: var(--content-disabled, #9a9eaa);\n}\n\n.selected__hfnbY {\n  --surface: var(--interactive-highlighted-primary, #e3edff);\n  --border-color: var(--interactive-active, #1c3abb);\n  --border-width: 1px;\n  --content-color: var(--content-primary, #2d2e34);\n}\n\n.invalid__bYvaD {\n  --border-color: var(--interactive-invalid, #ec4453);\n  --border-width: 1px;\n}\n";
+var stylesheet=".Tile__jAWCN {\n  --content-color: var(--content-primary, #2d2e34);\n  --surface: var(--interactive-surface-primary-default, #ffffff);\n  --border-color: transparent;\n  --border-width: 0px;\n  --roundness: var(--roundness-container-M, 1rem);\n  --width: 100%;\n\n  background: var(--surface, #ffffff);\n  color: var(--content-color);\n  border: var(--border-width) solid var(--border-color);\n  padding: var(--padding);\n  text-decoration: none;\n  border-radius: var(--roundness);\n  box-sizing: border-box;\n  width: var(--width);\n  /* Reset default HTML element styles to ensure consistent appearance across browsers */\n  text-align: inherit;\n  font: inherit;\n}\n\n.fitWidth__ky-5l {\n  --width: fit-content;\n}\n\n.outlined__OzZPW {\n  --border-width: 1px;\n  --border-color: var(--static-border-secondary, #dce5f0);\n}\n\n.xs__qfsYx {\n  --padding: calc(1rem + calc(1px - var(--border-width)));\n  --roundness: var(--roundness-container-S, 0.5rem);\n}\n\n.s__YK8ZO {\n  --padding: calc(1.5rem + calc(1px - var(--border-width)));\n  --roundness: var(--roundness-container-S, 0.5rem);\n}\n\n.m__Np7Ju {\n  --padding: calc(2rem + calc(1px - var(--border-width)));\n  --roundness: var(--roundness-container-M, 1rem);\n}\n\n.l__QzLVU {\n  --padding: calc(2.5rem + calc(1px - var(--border-width)));\n  --roundness: var(--roundness-container-L, 1.5rem);\n}\n\n/* States */\n\n@media (hover: hover) and (pointer: fine) {\n  .Tile__jAWCN:hover:not(.disabled__esyur) {\n    --surface: var(--interactive-surface-primary-hover, #f5f7fa);\n  }\n}\n\n.Tile__jAWCN:focus-visible:not(.disabled__esyur) {\n  outline: var(--focus-outline, 2px solid) var(--interactive-focus, #86afff);\n}\n\n.Tile__jAWCN:active:not(.disabled__esyur) {\n  outline: none;\n  --border-color: var(--interactive-active, #1c3abb);\n  --surface: var(--interactive-surface-primary-active, #d6dce7);\n  --border-width: 1px;\n}\n\n/* Primary */\n\n.primary__pmd4W {\n  --surface: var(--interactive-surface-primary-default, #ffffff);\n}\n\n/* Secondary */\n\n.secondary__0QWTZ {\n  --surface: var(--interactive-surface-secondary-default, #e9eef3);\n}\n\n@media (hover: hover) and (pointer: fine) {\n  .secondary__0QWTZ:hover:not(.disabled__esyur) {\n    --surface: var(--interactive-surface-secondary-hover, #f4f7f9);\n  }\n}\n\n.secondary__0QWTZ:active:not(.disabled__esyur) {\n  --surface: var(--interactive-surface-secondary-active, #c6cdd4);\n}\n\n/* Success */\n\n.success__mOYgq {\n  --surface: var(--interactive-support-success-secondary-default, #e8fbf7);\n}\n\n@media (hover: hover) and (pointer: fine) {\n  .success__mOYgq:hover:not(.disabled__esyur) {\n    --surface: var(--interactive-support-success-secondary-hover, #f1fdfa);\n  }\n}\n\n.success__mOYgq:active:not(.disabled__esyur) {\n  --surface: var(--interactive-support-success-secondary-active, #b0f2e9);\n}\n\n/* Danger */\n\n.danger__ENZ2v {\n  --surface: var(--interactive-support-danger-secondary-default, #fee1e7);\n}\n\n@media (hover: hover) and (pointer: fine) {\n  .danger__ENZ2v:hover:not(.disabled__esyur) {\n    --surface: var(--interactive-support-danger-secondary-hover, #fff1f4);\n  }\n}\n\n.danger__ENZ2v:active:not(.disabled__esyur) {\n  --surface: var(--interactive-support-danger-secondary-active, #ffc6d0);\n}\n\n/* Warning */\n\n.warning__1MrIg {\n  --surface: var(--interactive-support-warning-secondary-default, #fff5e3);\n}\n\n@media (hover: hover) and (pointer: fine) {\n  .warning__1MrIg:hover:not(.disabled__esyur) {\n    --surface: var(--interactive-support-warning-secondary-hover, #fff9ee);\n  }\n}\n\n.warning__1MrIg:active:not(.disabled__esyur) {\n  --surface: var(--interactive-support-warning-secondary-active, #ffe28f);\n}\n\n/* Info */\n\n.info__nfjlt {\n  --surface: var(--interactive-support-info-secondary-default, #e3edff);\n}\n\n@media (hover: hover) and (pointer: fine) {\n  .info__nfjlt:hover:not(.disabled__esyur) {\n    --surface: var(--interactive-support-info-secondary-hover, #eef4ff);\n  }\n}\n\n.info__nfjlt:active:not(.disabled__esyur) {\n  --surface: var(--interactive-support-info-secondary-active, #b2c1fe);\n}\n\n/* Brand */\n\n.brand__na5I2 {\n  --surface: var(--interactive-surface-brand-primary-default, #00aa13);\n  --content-color: var(--content-on-brand, #ffffff);\n}\n\n@media (hover: hover) and (pointer: fine) {\n  .brand__na5I2:hover:not(.disabled__esyur) {\n    --surface: var(--interactive-surface-brand-primary-hover, #33bb42);\n    --content-color: var(--content-on-brand, #ffffff);\n  }\n}\n\n.brand__na5I2:active:not(.disabled__esyur) {\n  --surface: var(--interactive-surface-brand-primary-active, #067817);\n  --content-color: var(--content-on-brand, #ffffff);\n}\n\n/* Inverse */\n\n.inverse__dPfLT {\n  --surface: var(--interactive-surface-inverse-primary-default, #383942);\n  --content-color: var(--content-on-inverse, #ffffff);\n}\n\n@media (hover: hover) and (pointer: fine) {\n  .inverse__dPfLT:hover:not(.disabled__esyur) {\n    --surface: var(--interactive-surface-inverse-primary-hover, #444651);\n    --content-color: var(--content-on-inverse, #ffffff);\n  }\n}\n\n.inverse__dPfLT:active:not(.disabled__esyur) {\n  --surface: var(--interactive-surface-inverse-primary-active, #0a0d1d);\n  --content-color: var(--content-on-inverse, #ffffff);\n}\n\n.disabled__esyur {\n  --surface: var(--interactive-surface-disabled, #f1f3f6);\n  --content-color: var(--content-disabled, #9a9eaa);\n}\n\n.selected__hfnbY {\n  --surface: var(--interactive-highlighted-primary, #e3edff);\n  --border-color: var(--interactive-active, #1c3abb);\n  --border-width: 1px;\n  --content-color: var(--content-primary, #2d2e34);\n}\n\n.invalid__bYvaD {\n  --border-color: var(--interactive-invalid, #ec4453);\n  --border-width: 1px;\n}\n";
 styleInject(css_248z);
@@ -62,0 +62,0 @@

package.json

 {
   "name": "@asphalt-react/card",
-  "version": "2.12.1",
+  "version": "2.12.2",
   "description": "Card",
@@ -51,3 +51,3 @@ "keywords": [
   "license": "UNLICENSED",
-  "gitHead": "399de1e86f35b84da6b58cb0654b24f7d418966c"
+  "gitHead": "37abc774b63d4cf0a1d699371d887524b1819a4d"
 }

New alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

56423

3.57%

Lines of code

417

0.97%

No dependency changes