@primer/react-brand 0.68.0-rc.0963e67e → 0.68.0-rc.20c2136f

package/esm/Tiles/Tiles.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tiles.module.js","names":[],"sources":["../../src/Tiles/Tiles.module.css"],"sourcesContent":[".Tiles {\n  width: 100%;\n  color: var(--brand-color-text-default);\n}\n\n.Tiles-grid {\n  --tiles-columns: 2;\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n@media screen and (min-width: 48rem) {\n  .Tiles--layout-default .Tiles-grid {\n    --tiles-columns: 4;\n  }\n}\n\n@media screen and (min-width: 63.25rem) {\n  .Tiles--layout-default .Tiles-grid {\n    --tiles-columns: 6;\n  }\n}\n\n@media screen and (min-width: 48rem) {\n  .Tiles--layout-compact .Tiles-grid {\n    --tiles-columns: 4;\n  }\n}\n\n@media screen and (min-width: 63.25rem) {\n  .Tiles--layout-compact .Tiles-grid {\n    --tiles-columns: 8;\n  }\n}\n\n.Tiles--variant-gridlines {\n  position: relative;\n}\n\n.Tiles--variant-gridlines::before,\n.Tiles--variant-gridlines::after {\n  content: '';\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 100vw;\n  height: 0;\n  border-top: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n}\n\n.Tiles--variant-gridlines::before {\n  top: 0;\n}\n\n.Tiles--variant-gridlines::after {\n  bottom: 0;\n}\n\n.Tiles--variant-gridlines .Tiles-grid {\n  position: relative;\n  padding-right: var(--brand-borderWidth-thin);\n  padding-bottom: var(--brand-borderWidth-thin);\n}\n\n.Tiles--variant-gridlines .Tiles-grid::before,\n.Tiles--variant-gridlines .Tiles-grid::after {\n  content: '';\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  width: 0;\n  border-left: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  z-index: 1;\n  pointer-events: none;\n}\n\n.Tiles--variant-gridlines .Tiles-grid::before {\n  left: 0;\n}\n\n.Tiles--variant-gridlines .Tiles-grid::after {\n  right: 0;\n}\n\n.Tiles-item {\n  --tiles-inset-shadow: inset 0 0 0 transparent;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: calc(100% / var(--tiles-columns));\n  box-sizing: border-box;\n  background-color: var(--brand-tiles-bgColor-rest);\n  border-top: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  border-left: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  box-shadow: var(--brand-borderWidth-thin) 0 0 0 var(--brand-color-border-muted),\n    0 var(--brand-borderWidth-thin) 0 0 var(--brand-color-border-muted), var(--tiles-inset-shadow);\n  transition: background-color var(--brand-animation-duration-faster) var(--brand-animation-easing-default),\n    box-shadow var(--brand-animation-duration-faster) var(--brand-animation-easing-default);\n}\n\n.Tiles-item:has(.Tiles-item-link):hover,\n.Tiles-item:has(.Tiles-item-link):focus-within {\n  --tiles-inset-shadow: inset 0 var(--base-size-2) 0 var(--brand-tiles-highlightColor);\n  background-color: var(--brand-tiles-bgColor-hover);\n}\n\n.Tiles-item-link {\n  display: flex;\n  width: 100%;\n  flex: 1;\n  text-decoration: none;\n  color: inherit;\n}\n\n.Tiles-item-link:focus-visible {\n  outline: var(--base-size-4) solid var(--brand-color-focus);\n  outline-offset: calc(-1 * var(--base-size-4));\n  border-radius: var(--brand-borderRadius-small);\n}\n\n.Tiles-item-content {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  aspect-ratio: 1;\n}\n\n.Tiles-item-media {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.Tiles-item-media svg,\n.Tiles-item-media img {\n  width: auto;\n  height: var(--base-size-40);\n  max-width: 100%;\n}\n\n.Tiles--layout-compact .Tiles-item-media svg,\n.Tiles--layout-compact .Tiles-item-media img {\n  height: var(--base-size-32);\n}\n\n.Tiles-item-label {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--base-size-4);\n  padding: var(--base-size-12) var(--base-size-16);\n}\n\n.Tiles--layout-compact .Tiles-item-media {\n  transition: transform var(--brand-animation-duration-fast) var(--brand-animation-easing-default);\n}\n\n.Tiles--layout-compact .Tiles-item-link:hover .Tiles-item-media,\n.Tiles--layout-compact .Tiles-item-link:focus-visible .Tiles-item-media {\n  transform: translateY(calc(-1 * var(--base-size-4)));\n}\n\n.Tiles--layout-compact .Tiles-item-label {\n  opacity: 0;\n  transform: translateY(var(--base-size-4));\n  transition: opacity var(--brand-animation-duration-fast) var(--brand-animation-easing-default),\n    transform var(--brand-animation-duration-fast) var(--brand-animation-easing-default);\n  pointer-events: none;\n}\n\n.Tiles--layout-compact .Tiles-item-link:hover .Tiles-item-label,\n.Tiles--layout-compact .Tiles-item-link:focus-visible .Tiles-item-label {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.Tiles-item-name {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  min-width: 0;\n}\n\n.Tiles-item-icon {\n  flex-shrink: 0;\n  color: var(--brand-color-text-default);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .Tiles-item {\n    transition: none;\n  }\n\n  .Tiles--layout-compact .Tiles-item-media {\n    transition: none;\n  }\n\n  .Tiles--layout-compact .Tiles-item-label {\n    transition: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"Tiles.module.js","names":[],"sources":["../../src/Tiles/Tiles.module.css"],"sourcesContent":[".Tiles {\n  width: 100%;\n  color: var(--brand-color-text-default);\n}\n\n.Tiles-grid {\n  --tiles-columns: 2;\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n@media screen and (min-width: 48rem) {\n  .Tiles--layout-default .Tiles-grid {\n    --tiles-columns: 4;\n  }\n}\n\n@media screen and (min-width: 63.25rem) {\n  .Tiles--layout-default .Tiles-grid {\n    --tiles-columns: 6;\n  }\n}\n\n@media screen and (min-width: 48rem) {\n  .Tiles--layout-compact .Tiles-grid {\n    --tiles-columns: 4;\n  }\n}\n\n@media screen and (min-width: 63.25rem) {\n  .Tiles--layout-compact .Tiles-grid {\n    --tiles-columns: 8;\n  }\n}\n\n.Tiles--variant-gridlines .Tiles-grid {\n  position: relative;\n  padding-right: var(--brand-borderWidth-thin);\n  padding-bottom: var(--brand-borderWidth-thin);\n}\n\n.Tiles--variant-gridlines .Tiles-grid::before,\n.Tiles--variant-gridlines .Tiles-grid::after {\n  content: '';\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  width: 0;\n  border-left: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  z-index: 1;\n  pointer-events: none;\n}\n\n.Tiles--variant-gridlines .Tiles-grid::before {\n  left: 0;\n}\n\n.Tiles--variant-gridlines .Tiles-grid::after {\n  right: 0;\n}\n\n.Tiles-item {\n  --tiles-inset-shadow: inset 0 0 0 transparent;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: calc(100% / var(--tiles-columns));\n  box-sizing: border-box;\n  background-color: var(--brand-tiles-bgColor-rest);\n  border-top: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  border-left: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n  box-shadow: var(--brand-borderWidth-thin) 0 0 0 var(--brand-color-border-muted),\n    0 var(--brand-borderWidth-thin) 0 0 var(--brand-color-border-muted), var(--tiles-inset-shadow);\n  transition: background-color var(--brand-animation-duration-faster) var(--brand-animation-easing-default),\n    box-shadow var(--brand-animation-duration-faster) var(--brand-animation-easing-default);\n}\n\n.Tiles-item:has(.Tiles-item-link):hover,\n.Tiles-item:has(.Tiles-item-link):focus-within {\n  --tiles-inset-shadow: inset 0 var(--base-size-2) 0 var(--brand-tiles-highlightColor);\n  background-color: var(--brand-tiles-bgColor-hover);\n}\n\n.Tiles-item-link {\n  display: flex;\n  width: 100%;\n  flex: 1;\n  text-decoration: none;\n  color: inherit;\n}\n\n.Tiles-item-link:focus-visible {\n  outline: var(--base-size-4) solid var(--brand-color-focus);\n  outline-offset: calc(-1 * var(--base-size-4));\n  border-radius: var(--brand-borderRadius-small);\n}\n\n.Tiles-item-content {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  aspect-ratio: 1;\n}\n\n.Tiles-item-media {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.Tiles-item-media svg,\n.Tiles-item-media img {\n  width: auto;\n  height: var(--base-size-40);\n  max-width: 100%;\n}\n\n.Tiles--layout-compact .Tiles-item-media svg,\n.Tiles--layout-compact .Tiles-item-media img {\n  height: var(--base-size-32);\n}\n\n.Tiles-item-label {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--base-size-4);\n  padding: var(--base-size-12) var(--base-size-16);\n}\n\n.Tiles--layout-compact .Tiles-item-media {\n  transition: transform var(--brand-animation-duration-fast) var(--brand-animation-easing-default);\n}\n\n.Tiles--layout-compact .Tiles-item-link:hover .Tiles-item-media,\n.Tiles--layout-compact .Tiles-item-link:focus-visible .Tiles-item-media {\n  transform: translateY(calc(-1 * var(--base-size-4)));\n}\n\n.Tiles--layout-compact .Tiles-item-label {\n  opacity: 0;\n  transform: translateY(var(--base-size-4));\n  transition: opacity var(--brand-animation-duration-fast) var(--brand-animation-easing-default),\n    transform var(--brand-animation-duration-fast) var(--brand-animation-easing-default);\n  pointer-events: none;\n}\n\n.Tiles--layout-compact .Tiles-item-link:hover .Tiles-item-label,\n.Tiles--layout-compact .Tiles-item-link:focus-visible .Tiles-item-label {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.Tiles-item-name {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  min-width: 0;\n}\n\n.Tiles-item-icon {\n  flex-shrink: 0;\n  color: var(--brand-color-text-default);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .Tiles-item {\n    transition: none;\n  }\n\n  .Tiles--layout-compact .Tiles-item-media {\n    transition: none;\n  }\n\n  .Tiles--layout-compact .Tiles-item-label {\n    transition: none;\n  }\n}\n"],"mappings":""}

package/esm/component-helpers/shared.module-CrdMh7Vf.css

@@ -0,0 +1 @@
+.Primer_Brand__shared-module__gridline___FDR_5{position:relative}.Primer_Brand__shared-module__gridline___FDR_5:before,.Primer_Brand__shared-module__gridline___FDR_5:after{content:"";border-top:var(--brand-borderWidth-thin) solid;-o-border-image:linear-gradient(var(--brand-color-border-muted), var(--brand-color-border-muted)) 1;border-image:linear-gradient(var(--brand-color-border-muted), var(--brand-color-border-muted)) 1;z-index:1;pointer-events:none;border-image-outset:0 100vw;height:0;position:absolute;left:0;right:0}.Primer_Brand__shared-module__gridline___FDR_5:before{top:0}.Primer_Brand__shared-module__gridline___FDR_5:after{bottom:0}

package/esm/component-helpers/shared.module.js

@@ -0,0 +1,5 @@
+import './shared.module-CrdMh7Vf.css';var e = { gridline: "Primer_Brand__shared-module__gridline___FDR_5" };
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=shared.module.js.map

package/esm/component-helpers/shared.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.module.js","names":[],"sources":["../../src/component-helpers/shared.module.css"],"sourcesContent":["/*\n * .gridline: horizontal gridlines that span the visible viewport, breaking\n * out of constrained-width parents. Uses border-image-outset to extend the\n * line visually without affecting layout or causing scrollbar overflow.\n */\n\n.gridline {\n  position: relative;\n}\n\n.gridline::before,\n.gridline::after {\n  content: '';\n  position: absolute;\n  left: 0;\n  right: 0;\n  height: 0;\n  border-top: var(--brand-borderWidth-thin) solid;\n  border-image: linear-gradient(var(--brand-color-border-muted), var(--brand-color-border-muted)) 1;\n  border-image-outset: 0 100vw;\n  z-index: 1;\n  pointer-events: none;\n}\n\n.gridline::before {\n  top: 0;\n}\n\n.gridline::after {\n  bottom: 0;\n}\n"],"mappings":""}

package/esm/forms/Checkbox/Checkbox.module-CtRGEfSq.css

@@ -0,0 +1 @@
+.Primer_Brand__Checkbox-module__Checkbox-wrapper___81I1z{grid-row:1;position:relative}.Primer_Brand__Checkbox-module__Checkbox___u6_Bq{background-color:var(--brand-control-checkbox-bg-default);border:solid 1px var(--brand-control-color-border-default);border:solid var(--brand-borderWidth-thin,1px) var(--brand-control-color-border-default);cursor:pointer;border-radius:3px;outline:1px solid #0000;justify-content:center;align-items:center;width:20px;height:20px;margin:3px 0;transition:all .35s ease-out;display:inline-flex;box-shadow:0 0 0 3px #0000}.Primer_Brand__Checkbox-module__Checkbox-input___NQtTz{clip:rect(1px, 1px, 1px, 1px);border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.Primer_Brand__Checkbox-module__Checkbox-checkmark___1RiBT{height:var(--base-size-12);width:var(--base-size-12)}.Primer_Brand__Checkbox-module__Checkbox-checkmark-path___NHI_D{stroke:var(--brand-control-checkbox-fg-checked);stroke-dashoffset:111.46px;stroke-dasharray:111.46;transition:all .35s var(--brand-control-animation-easing)}.Primer_Brand__Checkbox-module__Checkbox-input___NQtTz:checked+.Primer_Brand__Checkbox-module__Checkbox___u6_Bq,.Primer_Brand__Checkbox-module__Checkbox--indeterminate___TsIkM{background:var(--brand-control-checkbox-bg-checked);border-color:var(--brand-control-checkbox-border-checked)}.Primer_Brand__Checkbox-module__Checkbox-input___NQtTz:not(:checked):not([disabled])+.Primer_Brand__Checkbox-module__Checkbox___u6_Bq:not(.Primer_Brand__Checkbox-module__Checkbox--indeterminate___TsIkM):hover{background:var(--brand-control-checkbox-bg-hover);border-color:var(--brand-control-checkbox-border-hover)}.Primer_Brand__Checkbox-module__Checkbox-input___NQtTz:checked:not([disabled])+.Primer_Brand__Checkbox-module__Checkbox___u6_Bq:hover{background:var(--brand-control-checkbox-bg-checked-hover);border-color:var(--brand-control-checkbox-border-checked-hover)}.Primer_Brand__Checkbox-module__Checkbox-input___NQtTz:not([disabled])+.Primer_Brand__Checkbox-module__Checkbox--indeterminate___TsIkM:hover{background:var(--brand-control-checkbox-bg-indeterminate-hover);border-color:var(--brand-control-checkbox-border-indeterminate-hover)}.Primer_Brand__Checkbox-module__Checkbox--indeterminate___TsIkM .Primer_Brand__Checkbox-module__Checkbox-checkmark___1RiBT{fill:var(--brand-control-checkbox-fg-checked)}.Primer_Brand__Checkbox-module__Checkbox-input___NQtTz:checked+.Primer_Brand__Checkbox-module__Checkbox___u6_Bq .Primer_Brand__Checkbox-module__Checkbox-checkmark-path___NHI_D,.Primer_Brand__Checkbox-module__Checkbox--indeterminate___TsIkM .Primer_Brand__Checkbox-module__Checkbox-checkmark-path___NHI_D{stroke:var(--brand-control-checkbox-fg-checked);stroke-dashoffset:0}.Primer_Brand__Checkbox-module__Checkbox-input___NQtTz:focus+.Primer_Brand__Checkbox-module__Checkbox___u6_Bq{box-shadow:0 0 0 3px var(--brand-control-color-focus)}.Primer_Brand__Checkbox-module__Checkbox-input___NQtTz:checked:focus+.Primer_Brand__Checkbox-module__Checkbox___u6_Bq,.Primer_Brand__Checkbox-module__Checkbox-input___NQtTz:focus+.Primer_Brand__Checkbox-module__Checkbox--indeterminate___TsIkM{border-color:var(--brand-control-checkbox-border-checked)}.Primer_Brand__Checkbox-module__Checkbox-input___NQtTz[disabled]+.Primer_Brand__Checkbox-module__Checkbox___u6_Bq{-webkit-text-fill-color:var(--brand-control-color-fg-disabled);color:var(--brand-control-color-fg-disabled);cursor:not-allowed;border-color:var(--brand-control-checkbox-border-unchecked-disabled);opacity:1;background-color:#0000}.Primer_Brand__Checkbox-module__Checkbox-input___NQtTz[disabled]:checked+.Primer_Brand__Checkbox-module__Checkbox___u6_Bq{background-color:var(--brand-control-checkbox-bg-checked-disabled);border-color:var(--brand-control-checkbox-border-checked-disabled)}.Primer_Brand__Checkbox-module__Checkbox-input___NQtTz[disabled]:checked+.Primer_Brand__Checkbox-module__Checkbox___u6_Bq .Primer_Brand__Checkbox-module__Checkbox-checkmark-path___NHI_D{stroke:var(--brand-control-checkbox-fg-checked-disabled)}@media (forced-colors:active){.Primer_Brand__Checkbox-module__Checkbox-input___NQtTz:focus+.Primer_Brand__Checkbox-module__Checkbox___u6_Bq{outline:var(--brand-borderWidth-thin) solid Highlight;outline-offset:var(--base-size-2)}.Primer_Brand__Checkbox-module__Checkbox-input___NQtTz:checked+.Primer_Brand__Checkbox-module__Checkbox___u6_Bq .Primer_Brand__Checkbox-module__Checkbox-checkmark-path___NHI_D{stroke:highlight}.Primer_Brand__Checkbox-module__Checkbox___u6_Bq{transition:none}}@media (prefers-reduced-motion:reduce){.Primer_Brand__Checkbox-module__Checkbox___u6_Bq,.Primer_Brand__Checkbox-module__Checkbox___u6_Bq:before,.Primer_Brand__Checkbox-module__Checkbox___u6_Bq:after,.Primer_Brand__Checkbox-module__Checkbox___u6_Bq *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

package/esm/forms/Checkbox/Checkbox.module.js

@@ -1,4 +1,4 @@
-import './Checkbox.module-DTWn-eCl.css';var e = {
+import './Checkbox.module-CtRGEfSq.css';var e = {
 	"Checkbox-wrapper": "Primer_Brand__Checkbox-module__Checkbox-wrapper___81I1z",
 	Checkbox: "Primer_Brand__Checkbox-module__Checkbox___u6_Bq",
 	"Checkbox-input": "Primer_Brand__Checkbox-module__Checkbox-input___NQtTz",

package/esm/forms/Checkbox/Checkbox.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.module.js","names":[],"sources":["../../../src/forms/Checkbox/Checkbox.module.css"],"sourcesContent":["/*\n * Default Checkbox styles\n */\n.Checkbox-wrapper {\n  position: relative;\n  grid-row: 1;\n}\n\n.Checkbox {\n  align-items: center;\n  background-color: var(--brand-control-checkbox-bg-default);\n  border: solid var(--brand-borderWidth-thick, 1px) var(--brand-control-color-border-default);\n  border-radius: var(--brand-borderRadius-small);\n  cursor: pointer;\n  display: inline-flex;\n  height: 20px;\n  justify-content: center;\n  margin: 3px 0; /* mimic default browser-applied vertical margin */\n  transition: all 0.35s ease-out;\n  width: 20px;\n  outline: 1px solid var(--brand-control-checkbox-bg-default);\n  box-shadow: 0 0 0 3px transparent;\n}\n\n/**\n * Checkbox native input - visually hidden\n */\n.Checkbox-input {\n  border: 0;\n  clip: rect(1px, 1px, 1px, 1px);\n  height: 1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px;\n}\n\n.Checkbox-checkmark {\n  height: 16px;\n  width: 16px;\n}\n\n.Checkbox-checkmark-path {\n  stroke: var(--brand-color-focus);\n  stroke-dashoffset: 111.46px;\n  stroke-dasharray: 111.46px;\n  transition: all 350ms var(--brand-control-animation-easing);\n}\n\n/*\n* Checked state\n*/\n\n.Checkbox-input:checked + .Checkbox,\n.Checkbox--indeterminate {\n  background: var(--brand-control-checkbox-bg-checked);\n  border-color: var(--brand-control-checkbox-border-checked);\n}\n\n.Checkbox--indeterminate .Checkbox-checkmark {\n  fill: var(--brand-control-checkbox-fg-checked);\n}\n\n.Checkbox-input:checked + .Checkbox .Checkbox-checkmark-path,\n.Checkbox--indeterminate .Checkbox-checkmark-path {\n  stroke: var(--brand-control-checkbox-fg-checked);\n  stroke-dashoffset: 0;\n}\n\n.Checkbox-input:focus + .Checkbox {\n  box-shadow: 0 0 0 3px var(--brand-color-focus);\n}\n\n/* TODO: Check with a11y team */\n.Checkbox-input:checked:focus + .Checkbox,\n.Checkbox-input:focus + .Checkbox--indeterminate {\n  border-color: var(--brand-control-checkbox-border-checked);\n}\n\n.Checkbox-input[disabled] + .Checkbox,\n.Checkbox-input[disabled]:checked + .Checkbox {\n  -webkit-text-fill-color: var(--brand-control-color-fg-disabled);\n  color: var(--brand-control-color-fg-disabled);\n  cursor: not-allowed;\n  background-color: var(--brand-control-checkbox-bg-disabled);\n  border-color: var(--brand-control-color-border-disabled);\n  opacity: 1;\n}\n\n@media (forced-colors: active) {\n  .Checkbox-input:focus + .Checkbox {\n    outline: var(--brand-borderWidth-thick) solid Highlight;\n    outline-offset: var(--base-size-2);\n  }\n\n  .Checkbox-input:checked + .Checkbox .Checkbox-checkmark-path {\n    stroke: Highlight;\n  }\n\n  .Checkbox {\n    transition: none;\n  }\n}\n\n/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */\n@media (prefers-reduced-motion: reduce) {\n  .Checkbox,\n  .Checkbox::before,\n  .Checkbox::after,\n  .Checkbox * {\n    animation: none !important;\n    transition: none !important;\n    scroll-behavior: auto !important;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"Checkbox.module.js","names":[],"sources":["../../../src/forms/Checkbox/Checkbox.module.css"],"sourcesContent":["/*\n * Default Checkbox styles\n */\n.Checkbox-wrapper {\n  position: relative;\n  grid-row: 1;\n}\n\n.Checkbox {\n  align-items: center;\n  background-color: var(--brand-control-checkbox-bg-default);\n  border: solid var(--brand-borderWidth-thin, 1px) var(--brand-control-color-border-default);\n  border-radius: 3px;\n  cursor: pointer;\n  display: inline-flex;\n  height: 20px;\n  justify-content: center;\n  margin: 3px 0; /* mimic default browser-applied vertical margin */\n  transition: all 0.35s ease-out;\n  width: 20px;\n  outline: 1px solid transparent;\n  box-shadow: 0 0 0 3px transparent;\n}\n\n/**\n * Checkbox native input - visually hidden\n */\n.Checkbox-input {\n  border: 0;\n  clip: rect(1px, 1px, 1px, 1px);\n  height: 1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px;\n}\n\n.Checkbox-checkmark {\n  height: var(--base-size-12);\n  width: var(--base-size-12);\n}\n\n.Checkbox-checkmark-path {\n  stroke: var(--brand-control-checkbox-fg-checked);\n  stroke-dashoffset: 111.46px;\n  stroke-dasharray: 111.46px;\n  transition: all 350ms var(--brand-control-animation-easing);\n}\n\n/*\n* Checked state\n*/\n\n.Checkbox-input:checked + .Checkbox,\n.Checkbox--indeterminate {\n  background: var(--brand-control-checkbox-bg-checked);\n  border-color: var(--brand-control-checkbox-border-checked);\n}\n\n.Checkbox-input:not(:checked):not([disabled]) + .Checkbox:not(.Checkbox--indeterminate):hover {\n  background: var(--brand-control-checkbox-bg-hover);\n  border-color: var(--brand-control-checkbox-border-hover);\n}\n\n.Checkbox-input:checked:not([disabled]) + .Checkbox:hover {\n  background: var(--brand-control-checkbox-bg-checked-hover);\n  border-color: var(--brand-control-checkbox-border-checked-hover);\n}\n\n.Checkbox-input:not([disabled]) + .Checkbox--indeterminate:hover {\n  background: var(--brand-control-checkbox-bg-indeterminate-hover);\n  border-color: var(--brand-control-checkbox-border-indeterminate-hover);\n}\n\n.Checkbox--indeterminate .Checkbox-checkmark {\n  fill: var(--brand-control-checkbox-fg-checked);\n}\n\n.Checkbox-input:checked + .Checkbox .Checkbox-checkmark-path,\n.Checkbox--indeterminate .Checkbox-checkmark-path {\n  stroke: var(--brand-control-checkbox-fg-checked);\n  stroke-dashoffset: 0;\n}\n\n.Checkbox-input:focus + .Checkbox {\n  box-shadow: 0 0 0 3px var(--brand-control-color-focus);\n}\n\n/* TODO: Check with a11y team */\n.Checkbox-input:checked:focus + .Checkbox,\n.Checkbox-input:focus + .Checkbox--indeterminate {\n  border-color: var(--brand-control-checkbox-border-checked);\n}\n\n.Checkbox-input[disabled] + .Checkbox {\n  -webkit-text-fill-color: var(--brand-control-color-fg-disabled);\n  color: var(--brand-control-color-fg-disabled);\n  cursor: not-allowed;\n  background-color: transparent;\n  border-color: var(--brand-control-checkbox-border-unchecked-disabled);\n  opacity: 1;\n}\n\n.Checkbox-input[disabled]:checked + .Checkbox {\n  background-color: var(--brand-control-checkbox-bg-checked-disabled);\n  border-color: var(--brand-control-checkbox-border-checked-disabled);\n}\n\n.Checkbox-input[disabled]:checked + .Checkbox .Checkbox-checkmark-path {\n  stroke: var(--brand-control-checkbox-fg-checked-disabled);\n}\n\n@media (forced-colors: active) {\n  .Checkbox-input:focus + .Checkbox {\n    outline: var(--brand-borderWidth-thin) solid Highlight;\n    outline-offset: var(--base-size-2);\n  }\n\n  .Checkbox-input:checked + .Checkbox .Checkbox-checkmark-path {\n    stroke: Highlight;\n  }\n\n  .Checkbox {\n    transition: none;\n  }\n}\n\n/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */\n@media (prefers-reduced-motion: reduce) {\n  .Checkbox,\n  .Checkbox::before,\n  .Checkbox::after,\n  .Checkbox * {\n    animation: none !important;\n    transition: none !important;\n    scroll-behavior: auto !important;\n  }\n}\n"],"mappings":""}

package/esm/forms/ControlGroup/ControlGroup.module-XDWDqxx9.css

@@ -0,0 +1 @@
+.Primer_Brand__ControlGroup-module__ControlGroup__container___k0gGq{gap:var(--base-size-8);font-family:var(--brand-body-fontFamily);font-size:var(--brand-text-size-100);border:none;flex-direction:column;margin:0;padding:0;display:flex}.Primer_Brand__ControlGroup-module__ControlGroup__label___T4WJ_{margin:0;margin-block-end:var(--base-size-8);padding:0}.Primer_Brand__ControlGroup-module__ControlGroup__validation___Mw_kk{gap:var(--base-size-4);font-weight:var(--base-text-weight-medium);align-items:center;display:flex}.Primer_Brand__ControlGroup-module__ControlGroup__validation--success___MyYHt{color:var(--brand-color-text-emphasized)}.Primer_Brand__ControlGroup-module__ControlGroup__validation--error___LauSr{color:var(--brand-color-danger-fg)}.Primer_Brand__ControlGroup-module__ControlGroup__validation-icon--success___DM0ZI,.Primer_Brand__ControlGroup-module__ControlGroup__validation-icon--error___IDxnE{display:flex}.Primer_Brand__ControlGroup-module__ControlGroup__validation--animate-in___RqXFv{animation:.17s Primer_Brand__ControlGroup-module__ControlGroupValidationFadeIn___XyNBx var(--brand-animation-easing-glide)}.Primer_Brand__ControlGroup-module__ControlGroup__container___k0gGq label{font-weight:var(--base-text-weight-medium)}@keyframes Primer_Brand__ControlGroup-module__ControlGroupValidationFadeIn___XyNBx{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}

package/esm/forms/ControlGroup/ControlGroup.module.js

@@ -1,4 +1,4 @@
-import './ControlGroup.module-B7ITrHM_.css';var e = {
+import './ControlGroup.module-XDWDqxx9.css';var e = {
 	ControlGroup__container: "Primer_Brand__ControlGroup-module__ControlGroup__container___k0gGq",
 	ControlGroup__label: "Primer_Brand__ControlGroup-module__ControlGroup__label___T4WJ_",
 	ControlGroup__validation: "Primer_Brand__ControlGroup-module__ControlGroup__validation___Mw_kk",

package/esm/forms/ControlGroup/ControlGroup.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"ControlGroup.module.js","names":[],"sources":["../../../src/forms/ControlGroup/ControlGroup.module.css"],"sourcesContent":[".ControlGroup__container {\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-size-8);\n  font-family: var(--brand-body-fontFamily);\n  font-size: var(--brand-text-size-100);\n  border: none;\n  margin: 0;\n  padding: 0;\n}\n\n.ControlGroup__label {\n  margin: 0;\n  padding: 0;\n  margin-block-end: var(--base-size-8);\n}\n\n.ControlGroup__validation {\n  display: flex;\n  gap: var(--base-size-4);\n  font-weight: var(--base-text-weight-medium);\n}\n\n.ControlGroup__validation--success {\n  color: var(--brand-color-success-fg);\n}\n\n.ControlGroup__validation--error {\n  color: var(--brand-color-danger-fg);\n}\n\n.ControlGroup__validation-icon--success {\n  position: relative;\n  top: -1px;\n}\n\n.ControlGroup__validation-icon--error {\n  position: relative;\n  top: -0.5px;\n}\n\n.ControlGroup__validation--animate-in {\n  animation: 170ms ControlGroupValidationFadeIn var(--brand-animation-easing-glide);\n}\n\n.ControlGroup__container label {\n  font-weight: var(--base-text-weight-medium);\n}\n\n@keyframes ControlGroupValidationFadeIn {\n  0% {\n    opacity: 0;\n    transform: translateY(-100%);\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"ControlGroup.module.js","names":[],"sources":["../../../src/forms/ControlGroup/ControlGroup.module.css"],"sourcesContent":[".ControlGroup__container {\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-size-8);\n  font-family: var(--brand-body-fontFamily);\n  font-size: var(--brand-text-size-100);\n  border: none;\n  margin: 0;\n  padding: 0;\n}\n\n.ControlGroup__label {\n  margin: 0;\n  padding: 0;\n  margin-block-end: var(--base-size-8);\n}\n\n.ControlGroup__validation {\n  display: flex;\n  gap: var(--base-size-4);\n  font-weight: var(--base-text-weight-medium);\n  align-items: center;\n}\n\n.ControlGroup__validation--success {\n  color: var(--brand-color-text-emphasized);\n}\n\n.ControlGroup__validation--error {\n  color: var(--brand-color-danger-fg);\n}\n\n.ControlGroup__validation-icon--success {\n  display: flex;\n}\n\n.ControlGroup__validation-icon--error {\n  display: flex;\n}\n\n.ControlGroup__validation--animate-in {\n  animation: 170ms ControlGroupValidationFadeIn var(--brand-animation-easing-glide);\n}\n\n.ControlGroup__container label {\n  font-weight: var(--base-text-weight-medium);\n}\n\n@keyframes ControlGroupValidationFadeIn {\n  0% {\n    opacity: 0;\n    transform: translateY(-100%);\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n"],"mappings":""}

package/esm/forms/FormControl/{FormControl.module-UQqb_zPR.css → FormControl.module-CSNT689n.css}

@@ -1 +1 @@
-.Primer_Brand__FormControl-module__FormControl___xyCI6{font-family:var(--brand-body-fontFamily);gap:var(--base-size-8);flex-direction:column;display:inline-flex}.Primer_Brand__FormControl-module__FormControl--fullWidth____kgvY{width:100%}.Primer_Brand__FormControl-module__FormControl--checkbox___bF4ig{grid-template-columns:auto 1fr;display:grid}.Primer_Brand__FormControl-module__FormControl--border___JkgNP{border:1px solid var(--brand-control-color-border-default);border-radius:var(--brand-borderRadius-medium);padding:var(--base-size-12)}.Primer_Brand__FormControl-module__FormControl-label____oJE0{color:var(--brand-color-text-default);font-weight:var(--base-text-weight-medium);font-family:var(--brand-body-fontFamily)}.Primer_Brand__FormControl-module__FormControl-label--visually-hidden___1ZVMo{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.Primer_Brand__FormControl-module__FormControl-label--medium___bj84g{letter-spacing:var(--brand-text-letterSpacing-100);font-size:var(--brand-text-size-100);line-height:var(--brand-text-lineHeight-100)}.Primer_Brand__FormControl-module__FormControl-label--large___o1TMW{letter-spacing:var(--brand-text-letterSpacing-300);font-size:var(--brand-text-size-300);line-height:var(--brand-text-lineHeight-300)}.Primer_Brand__FormControl-module__FormControl-label--checkbox___xZxFK{cursor:pointer;font-size:var(--brand-text-size-100);font-weight:var(--base-text-weight-medium);line-height:var(--base-size-24);width:100%;position:relative;top:2px}.Primer_Brand__FormControl-module__FormControl-control--radio___ml5zt{margin:2px 0 0}.Primer_Brand__FormControl-module__FormControl-hint___DmKlt{grid-column:1/3;display:block}.Primer_Brand__FormControl-module__FormControl-validation___GOPld{gap:var(--base-size-4);display:flex}.Primer_Brand__FormControl-module__FormControl-validation--success___kOKNY{color:var(--brand-color-success-fg)}.Primer_Brand__FormControl-module__FormControl-validation--error___T5KVh{color:var(--brand-color-danger-fg)}.Primer_Brand__FormControl-module__FormControl-validation-success-icon___zPbVN{position:relative;top:-1px}.Primer_Brand__FormControl-module__FormControl-validation-error-icon___hijkD{position:relative;top:-.5px}.Primer_Brand__FormControl-module__FormControl-validation--animate-in___bQToQ{animation:.17s cubic-bezier(.44,.74,.36,1) Primer_Brand__FormControl-module__FormControlValidationFadeIn___tj0TP}@keyframes Primer_Brand__FormControl-module__FormControlValidationFadeIn___tj0TP{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.Primer_Brand__FormControl-module__FormControl-validation-checkbox___o5dVo{grid-column:1/3}
+.Primer_Brand__FormControl-module__FormControl___xyCI6{font-family:var(--brand-body-fontFamily);gap:var(--base-size-8);flex-direction:column;display:inline-flex}.Primer_Brand__FormControl-module__FormControl--fullWidth____kgvY{width:100%}.Primer_Brand__FormControl-module__FormControl--checkbox___bF4ig{grid-template-columns:auto 1fr;display:grid}.Primer_Brand__FormControl-module__FormControl--border___JkgNP{border:1px solid var(--brand-control-color-border-default);border-radius:var(--brand-borderRadius-medium);padding:var(--base-size-12)}.Primer_Brand__FormControl-module__FormControl-label____oJE0{color:var(--brand-color-text-default);font-weight:var(--base-text-weight-medium);font-family:var(--brand-body-fontFamily)}.Primer_Brand__FormControl-module__FormControl-label--visually-hidden___1ZVMo{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.Primer_Brand__FormControl-module__FormControl-label--medium___bj84g{letter-spacing:var(--brand-text-letterSpacing-100);font-size:var(--brand-text-size-100);line-height:var(--brand-text-lineHeight-100)}.Primer_Brand__FormControl-module__FormControl-label--large___o1TMW{letter-spacing:var(--brand-text-letterSpacing-300);font-size:var(--brand-text-size-300);line-height:var(--brand-text-lineHeight-300)}.Primer_Brand__FormControl-module__FormControl-label--checkbox___xZxFK{cursor:pointer;font-size:var(--brand-text-size-100);font-weight:var(--base-text-weight-medium);line-height:var(--base-size-24);width:100%;position:relative;top:1px}.Primer_Brand__FormControl-module__FormControl-control--radio___ml5zt{margin:2px 0 0}.Primer_Brand__FormControl-module__FormControl-hint___DmKlt{grid-column:1/3;display:block}.Primer_Brand__FormControl-module__FormControl-validation___GOPld{gap:var(--base-size-4);align-items:center;display:flex}.Primer_Brand__FormControl-module__FormControl-validation--success___kOKNY{color:var(--brand-color-success-fg)}.Primer_Brand__FormControl-module__FormControl-validation--error___T5KVh{color:var(--brand-color-danger-fg)}.Primer_Brand__FormControl-module__FormControl-validation-success-icon___zPbVN,.Primer_Brand__FormControl-module__FormControl-validation-error-icon___hijkD{display:flex}.Primer_Brand__FormControl-module__FormControl-validation--animate-in___bQToQ{animation:.17s cubic-bezier(.44,.74,.36,1) Primer_Brand__FormControl-module__FormControlValidationFadeIn___tj0TP}@keyframes Primer_Brand__FormControl-module__FormControlValidationFadeIn___tj0TP{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.Primer_Brand__FormControl-module__FormControl-validation-checkbox___o5dVo{grid-column:1/3}

package/esm/forms/FormControl/FormControl.module.js

@@ -1,4 +1,4 @@
-import './FormControl.module-UQqb_zPR.css';var e = {
+import './FormControl.module-CSNT689n.css';var e = {
 	FormControl: "Primer_Brand__FormControl-module__FormControl___xyCI6",
 	"FormControl--fullWidth": "Primer_Brand__FormControl-module__FormControl--fullWidth____kgvY",
 	"FormControl--checkbox": "Primer_Brand__FormControl-module__FormControl--checkbox___bF4ig",

package/esm/forms/FormControl/FormControl.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormControl.module.js","names":[],"sources":["../../../src/forms/FormControl/FormControl.module.css"],"sourcesContent":[".FormControl {\n  display: inline-flex;\n  font-family: var(--brand-body-fontFamily);\n  flex-direction: column;\n  gap: var(--base-size-8);\n}\n\n.FormControl--fullWidth {\n  width: 100%;\n}\n\n.FormControl--checkbox {\n  display: grid;\n  grid-template-columns: auto 1fr;\n}\n\n.FormControl--border {\n  border: 1px solid var(--brand-control-color-border-default);\n  border-radius: var(--brand-borderRadius-medium);\n  padding: var(--base-size-12);\n}\n\n.FormControl-label {\n  color: var(--brand-color-text-default);\n  font-weight: var(--base-text-weight-medium);\n  font-family: var(--brand-body-fontFamily);\n}\n\n.FormControl-label--visually-hidden {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border-width: 0;\n}\n\n.FormControl-label--medium {\n  letter-spacing: var(--brand-text-letterSpacing-100);\n  font-size: var(--brand-text-size-100);\n  line-height: var(--brand-text-lineHeight-100);\n}\n\n.FormControl-label--large {\n  letter-spacing: var(--brand-text-letterSpacing-300);\n  font-size: var(--brand-text-size-300);\n  line-height: var(--brand-text-lineHeight-300);\n}\n\n.FormControl-label--checkbox {\n  cursor: pointer;\n  font-size: var(--brand-text-size-100);\n  font-weight: var(--base-text-weight-medium);\n  line-height: var(--base-size-24); /* FIXME */\n  position: relative;\n  top: 2px;\n  width: 100%;\n}\n\n.FormControl-control--radio {\n  margin: 2px 0 0;\n}\n\n.FormControl-hint {\n  grid-column: 1 / 3;\n  display: block;\n}\n\n/*Validation*/\n.FormControl-validation {\n  display: flex;\n  gap: var(--base-size-4);\n}\n\n.FormControl-validation--success {\n  color: var(--brand-color-success-fg);\n}\n\n.FormControl-validation--error {\n  color: var(--brand-color-danger-fg);\n}\n\n.FormControl-validation-success-icon {\n  position: relative;\n  top: -1px;\n}\n\n.FormControl-validation-error-icon {\n  position: relative;\n  top: -0.5px;\n}\n\n.FormControl-validation--animate-in {\n  animation: 170ms FormControlValidationFadeIn cubic-bezier(0.44, 0.74, 0.36, 1);\n}\n\n@keyframes FormControlValidationFadeIn {\n  0% {\n    opacity: 0;\n    transform: translateY(-100%);\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n.FormControl-validation-checkbox {\n  grid-column: 1 / 3;\n}\n"],"mappings":""}
+{"version":3,"file":"FormControl.module.js","names":[],"sources":["../../../src/forms/FormControl/FormControl.module.css"],"sourcesContent":[".FormControl {\n  display: inline-flex;\n  font-family: var(--brand-body-fontFamily);\n  flex-direction: column;\n  gap: var(--base-size-8);\n}\n\n.FormControl--fullWidth {\n  width: 100%;\n}\n\n.FormControl--checkbox {\n  display: grid;\n  grid-template-columns: auto 1fr;\n}\n\n.FormControl--border {\n  border: 1px solid var(--brand-control-color-border-default);\n  border-radius: var(--brand-borderRadius-medium);\n  padding: var(--base-size-12);\n}\n\n.FormControl-label {\n  color: var(--brand-color-text-default);\n  font-weight: var(--base-text-weight-medium);\n  font-family: var(--brand-body-fontFamily);\n}\n\n.FormControl-label--visually-hidden {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border-width: 0;\n}\n\n.FormControl-label--medium {\n  letter-spacing: var(--brand-text-letterSpacing-100);\n  font-size: var(--brand-text-size-100);\n  line-height: var(--brand-text-lineHeight-100);\n}\n\n.FormControl-label--large {\n  letter-spacing: var(--brand-text-letterSpacing-300);\n  font-size: var(--brand-text-size-300);\n  line-height: var(--brand-text-lineHeight-300);\n}\n\n.FormControl-label--checkbox {\n  cursor: pointer;\n  font-size: var(--brand-text-size-100);\n  font-weight: var(--base-text-weight-medium);\n  line-height: var(--base-size-24);\n  width: 100%;\n  position: relative;\n  top: 1px;\n}\n\n.FormControl-control--radio {\n  margin: 2px 0 0;\n}\n\n.FormControl-hint {\n  grid-column: 1 / 3;\n  display: block;\n}\n\n/*Validation*/\n.FormControl-validation {\n  display: flex;\n  gap: var(--base-size-4);\n  align-items: center;\n}\n\n.FormControl-validation--success {\n  color: var(--brand-color-success-fg);\n}\n\n.FormControl-validation--error {\n  color: var(--brand-color-danger-fg);\n}\n\n.FormControl-validation-success-icon {\n  display: flex;\n}\n\n.FormControl-validation-error-icon {\n  display: flex;\n}\n\n.FormControl-validation--animate-in {\n  animation: 170ms FormControlValidationFadeIn cubic-bezier(0.44, 0.74, 0.36, 1);\n}\n\n@keyframes FormControlValidationFadeIn {\n  0% {\n    opacity: 0;\n    transform: translateY(-100%);\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n.FormControl-validation-checkbox {\n  grid-column: 1 / 3;\n}\n"],"mappings":""}

package/esm/forms/Radio/Radio.module-B470XLdO.css

@@ -0,0 +1 @@
+.Primer_Brand__Radio-module__Radio-wrapper___zXaOV{-webkit-user-select:none;user-select:none;cursor:pointer;grid-row:1;position:relative}.Primer_Brand__Radio-module__Radio___vTG_e{background-color:var(--brand-control-radio-bg-default);border:solid 1px var(--brand-control-radio-border-default);border:solid var(--brand-borderWidth-thin,1px) var(--brand-control-radio-border-default);cursor:pointer;border-radius:50%;outline:none;justify-content:center;align-items:center;width:20px;height:20px;margin:3px 3px 0 5px;display:inline-flex;position:relative;box-shadow:0 0 0 3px #0000}.Primer_Brand__Radio-module__Radio___vTG_e:before{content:"";pointer-events:none;border:var(--brand-borderWidth-thin) solid transparent;border-radius:50%;width:24px;height:24px;position:absolute;inset:-4px -2px -2px -4px}.Primer_Brand__Radio-module__Radio-input___K0b_k{clip:rect(1px, 1px, 1px, 1px);border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.Primer_Brand__Radio-module__Radio-dot___9afdK{border-color:var(--brand-control-radio-dot-checked);background:var(--brand-control-radio-dot-checked);opacity:0;width:12px;height:12px;transition:transform .35s var(--brand-animation-easing-glide), opacity .35s var(--brand-animation-easing-glide);border-radius:50%;display:block;position:absolute;transform:scale(.7)}@media (prefers-reduced-motion){.Primer_Brand__Radio-module__Radio-dot___9afdK{transition:none}}.Primer_Brand__Radio-module__Radio-input___K0b_k:checked+.Primer_Brand__Radio-module__Radio___vTG_e{background-color:var(--brand-control-radio-bg-checked);border-color:var(--brand-control-radio-border-checked)}.Primer_Brand__Radio-module__Radio-input___K0b_k:not(:checked):not([disabled])+.Primer_Brand__Radio-module__Radio___vTG_e:hover{background-color:var(--brand-control-radio-bg-hover);border-color:var(--brand-control-radio-border-hover)}.Primer_Brand__Radio-module__Radio-input___K0b_k:checked:not([disabled])+.Primer_Brand__Radio-module__Radio___vTG_e:hover{background-color:var(--brand-control-radio-bg-checked-hover);border-color:var(--brand-control-radio-border-checked-hover)}.Primer_Brand__Radio-module__Radio-input___K0b_k:checked:not([disabled])+.Primer_Brand__Radio-module__Radio___vTG_e:hover .Primer_Brand__Radio-module__Radio-dot___9afdK{background:var(--brand-control-radio-dot-checked-hover);border-color:var(--brand-control-radio-dot-checked-hover)}.Primer_Brand__Radio-module__Radio-input___K0b_k:checked+.Primer_Brand__Radio-module__Radio___vTG_e .Primer_Brand__Radio-module__Radio-dot___9afdK{opacity:1;transform:scale(1)}.Primer_Brand__Radio-module__Radio-input___K0b_k:focus+.Primer_Brand__Radio-module__Radio___vTG_e{box-shadow:0 0 0 4px var(--brand-control-color-focus)}.Primer_Brand__Radio-module__Radio-input___K0b_k:checked:focus+.Primer_Brand__Radio-module__Radio___vTG_e{border-color:var(--brand-control-radio-border-checked)}.Primer_Brand__Radio-module__Radio-input___K0b_k[disabled]+.Primer_Brand__Radio-module__Radio___vTG_e,.Primer_Brand__Radio-module__Radio-input___K0b_k[disabled]:checked+.Primer_Brand__Radio-module__Radio___vTG_e{-webkit-text-fill-color:var(--brand-control-color-fg-disabled);color:var(--brand-control-color-fg-disabled);cursor:not-allowed;background-color:var(--brand-control-radio-bg-disabled);border-color:var(--brand-control-radio-border-disabled);opacity:1}.Primer_Brand__Radio-module__Radio-input___K0b_k[disabled]:checked+.Primer_Brand__Radio-module__Radio___vTG_e .Primer_Brand__Radio-module__Radio-dot___9afdK{background:var(--brand-control-color-fg-disabled);border-color:var(--brand-control-color-fg-disabled)}@media (forced-colors:active){.Primer_Brand__Radio-module__Radio-input___K0b_k:focus+.Primer_Brand__Radio-module__Radio___vTG_e{outline:var(--brand-borderWidth-thin) solid Highlight;outline-offset:var(--base-size-4)}.Primer_Brand__Radio-module__Radio-input___K0b_k:checked+.Primer_Brand__Radio-module__Radio___vTG_e .Primer_Brand__Radio-module__Radio-dot___9afdK{background-color:highlight}}@media (prefers-reduced-motion:reduce){.Primer_Brand__Radio-module__Radio___vTG_e,.Primer_Brand__Radio-module__Radio___vTG_e:before,.Primer_Brand__Radio-module__Radio___vTG_e:after,.Primer_Brand__Radio-module__Radio___vTG_e *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

package/esm/forms/Radio/Radio.module.js

@@ -1,4 +1,4 @@
-import './Radio.module-C_NUEyme.css';var e = {
+import './Radio.module-B470XLdO.css';var e = {
 	"Radio-wrapper": "Primer_Brand__Radio-module__Radio-wrapper___zXaOV",
 	Radio: "Primer_Brand__Radio-module__Radio___vTG_e",
 	"Radio-input": "Primer_Brand__Radio-module__Radio-input___K0b_k",

package/esm/forms/Radio/Radio.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.module.js","names":[],"sources":["../../../src/forms/Radio/Radio.module.css"],"sourcesContent":["/*\n * Default Radio styles\n */\n.Radio-wrapper {\n  position: relative;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  cursor: pointer;\n  grid-row: 1;\n}\n\n.Radio {\n  align-items: center;\n  background-color: var(--brand-control-radio-bg-default);\n  border: solid var(--brand-borderWidth-thick, 1px) var(--brand-control-color-border-default);\n  border-radius: 50%;\n  cursor: pointer;\n  display: inline-flex;\n  height: 20px;\n  justify-content: center;\n  margin: 3px 0; /* mimic default browser-applied vertical margin */\n  margin: 3px 3px 0px 5px; /* Emulate browser defaults */\n\n  width: 20px;\n  outline: none;\n  box-shadow: 0 0 0 3px transparent;\n  position: relative;\n}\n\n/*\nFixes safari bug where outline doesn't respect border-radius\n*/\n.Radio::before {\n  content: '';\n  position: absolute;\n  top: -4px;\n  right: -2px;\n  bottom: -2px;\n  left: -4px;\n  border: 2px solid var(--brand-control-radio-bg-default);\n  border-radius: 50%;\n  width: 24px;\n  height: 24px;\n}\n\n/**\n * Radio native input - visually hidden\n */\n.Radio-input {\n  border: 0;\n  clip: rect(1px, 1px, 1px, 1px);\n  height: 1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px;\n}\n\n.Radio-dot {\n  position: absolute;\n  display: none;\n  border-color: var(--brand-control-radio-dot-default);\n  width: 12px;\n  height: 12px;\n  border-radius: 50%;\n  background: var(--brand-control-radio-dot-default);\n  position: absolute;\n  display: block;\n  transform: scale(0.7);\n  opacity: 0;\n  transition: transform 0.35s var(--brand-animation-easing-glide), opacity 0.35s var(--brand-animation-easing-glide);\n}\n@media (prefers-reduced-motion) {\n  .Radio-dot {\n    transition: none;\n  }\n}\n\n/*\n* Checked state\n*/\n\n.Radio-input:checked + .Radio {\n  background-color: var(--brand-control-radio-bg-checked);\n  border-color: var(--brand-control-radio-border-checked);\n}\n\n.Radio-input:checked + .Radio .Radio-dot {\n  opacity: 1;\n  transform: scale(1);\n}\n\n.Radio-input:focus + .Radio {\n  box-shadow: 0 0 0 4px var(--brand-color-focus);\n}\n\n/* TODO: Check with a11y team */\n.Radio-input:checked:focus + .Radio {\n  border-color: var(--brand-control-radio-border-checked);\n}\n\n.Radio-input[disabled] + .Radio,\n.Radio-input[disabled]:checked + .Radio {\n  -webkit-text-fill-color: var(--brand-control-color-fg-disabled);\n  color: var(--brand-control-color-fg-disabled);\n  cursor: not-allowed;\n  background-color: var(--brand-control-radio-bg-disabled);\n  border-color: var(--brand-control-color-border-disabled);\n  opacity: 1;\n}\n\n@media (forced-colors: active) {\n  .Radio-input:focus + .Radio {\n    outline: var(--brand-borderWidth-thick) solid Highlight;\n    outline-offset: var(--base-size-4);\n  }\n\n  .Radio-input:checked + .Radio .Radio-dot {\n    background-color: Highlight;\n  }\n}\n\n/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */\n@media (prefers-reduced-motion: reduce) {\n  .Radio,\n  .Radio::before,\n  .Radio::after,\n  .Radio * {\n    animation: none !important;\n    transition: none !important;\n    scroll-behavior: auto !important;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"Radio.module.js","names":[],"sources":["../../../src/forms/Radio/Radio.module.css"],"sourcesContent":["/*\n * Default Radio styles\n */\n.Radio-wrapper {\n  position: relative;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  cursor: pointer;\n  grid-row: 1;\n}\n\n.Radio {\n  align-items: center;\n  background-color: var(--brand-control-radio-bg-default);\n  border: solid var(--brand-borderWidth-thin, 1px) var(--brand-control-radio-border-default);\n  border-radius: 50%;\n  cursor: pointer;\n  display: inline-flex;\n  height: 20px;\n  justify-content: center;\n  margin: 3px 0; /* mimic default browser-applied vertical margin */\n  margin: 3px 3px 0px 5px; /* Emulate browser defaults */\n\n  width: 20px;\n  outline: none;\n  box-shadow: 0 0 0 3px transparent;\n  position: relative;\n}\n\n/*\nFixes safari bug where outline doesn't respect border-radius\n*/\n.Radio::before {\n  content: '';\n  position: absolute;\n  pointer-events: none;\n  top: -4px;\n  right: -2px;\n  bottom: -2px;\n  left: -4px;\n  border: var(--brand-borderWidth-thin) solid transparent;\n  border-radius: 50%;\n  width: 24px;\n  height: 24px;\n}\n\n/**\n * Radio native input - visually hidden\n */\n.Radio-input {\n  border: 0;\n  clip: rect(1px, 1px, 1px, 1px);\n  height: 1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px;\n}\n\n.Radio-dot {\n  position: absolute;\n  display: none;\n  border-color: var(--brand-control-radio-dot-checked);\n  width: 12px;\n  height: 12px;\n  border-radius: 50%;\n  background: var(--brand-control-radio-dot-checked);\n  position: absolute;\n  display: block;\n  transform: scale(0.7);\n  opacity: 0;\n  transition: transform 0.35s var(--brand-animation-easing-glide), opacity 0.35s var(--brand-animation-easing-glide);\n}\n@media (prefers-reduced-motion) {\n  .Radio-dot {\n    transition: none;\n  }\n}\n\n/*\n* Checked state\n*/\n\n.Radio-input:checked + .Radio {\n  background-color: var(--brand-control-radio-bg-checked);\n  border-color: var(--brand-control-radio-border-checked);\n}\n\n.Radio-input:not(:checked):not([disabled]) + .Radio:hover {\n  background-color: var(--brand-control-radio-bg-hover);\n  border-color: var(--brand-control-radio-border-hover);\n}\n\n.Radio-input:checked:not([disabled]) + .Radio:hover {\n  background-color: var(--brand-control-radio-bg-checked-hover);\n  border-color: var(--brand-control-radio-border-checked-hover);\n}\n\n.Radio-input:checked:not([disabled]) + .Radio:hover .Radio-dot {\n  background: var(--brand-control-radio-dot-checked-hover);\n  border-color: var(--brand-control-radio-dot-checked-hover);\n}\n\n.Radio-input:checked + .Radio .Radio-dot {\n  opacity: 1;\n  transform: scale(1);\n}\n\n.Radio-input:focus + .Radio {\n  box-shadow: 0 0 0 4px var(--brand-control-color-focus);\n}\n\n/* TODO: Check with a11y team */\n.Radio-input:checked:focus + .Radio {\n  border-color: var(--brand-control-radio-border-checked);\n}\n\n.Radio-input[disabled] + .Radio,\n.Radio-input[disabled]:checked + .Radio {\n  -webkit-text-fill-color: var(--brand-control-color-fg-disabled);\n  color: var(--brand-control-color-fg-disabled);\n  cursor: not-allowed;\n  background-color: var(--brand-control-radio-bg-disabled);\n  border-color: var(--brand-control-radio-border-disabled);\n  opacity: 1;\n}\n\n.Radio-input[disabled]:checked + .Radio .Radio-dot {\n  background: var(--brand-control-color-fg-disabled);\n  border-color: var(--brand-control-color-fg-disabled);\n}\n\n@media (forced-colors: active) {\n  .Radio-input:focus + .Radio {\n    outline: var(--brand-borderWidth-thin) solid Highlight;\n    outline-offset: var(--base-size-4);\n  }\n\n  .Radio-input:checked + .Radio .Radio-dot {\n    background-color: Highlight;\n  }\n}\n\n/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */\n@media (prefers-reduced-motion: reduce) {\n  .Radio,\n  .Radio::before,\n  .Radio::after,\n  .Radio * {\n    animation: none !important;\n    transition: none !important;\n    scroll-behavior: auto !important;\n  }\n}\n"],"mappings":""}

package/esm/forms/Select/Select.module-CRuV5AGO.css

@@ -0,0 +1 @@
+.Primer_Brand__Select-module__Select___EmI6J{appearance:none;color:var(--brand-control-color-fg-default);cursor:pointer;background-color:var(--brand-color-canvas-default);border-radius:var(--brand-borderRadius-medium);line-height:var(--brand-text-lineHeight-200);transition:var(--brand-control-animation-duration) var(--brand-control-animation-easing);border:none;grid-area:1/1/auto/-1;width:100%;transition-property:color,background-color,box-shadow,border-color}@media screen and (forced-colors:active){.Primer_Brand__Select-module__Select___EmI6J:disabled{background-color:-moz-combobox}}.Primer_Brand__Select-module__Select___EmI6J::placeholder{color:var(--brand-color-text-muted);opacity:1}.Primer_Brand__Select-module__Select___EmI6J:focus-visible{border-color:var(--brand-control-color-focus);box-shadow:0 0 0 2px var(--brand-control-color-focus);outline:none}@media (forced-colors:active){.Primer_Brand__Select-module__Select___EmI6J:focus-visible{outline:var(--brand-borderWidth-thick) solid Highlight;outline-offset:var(--base-size-2)}}.Primer_Brand__Select-module__Select___EmI6J[disabled]{-webkit-text-fill-color:var(--brand-control-color-fg-disabled);color:var(--brand-control-color-fg-disabled);cursor:not-allowed;background-color:var(--brand-control-color-canvas-disabled);border-color:var(--brand-control-color-border-disabled);opacity:1}.Primer_Brand__Select-module__Select-wrapper--disabled___YhyYg.Primer_Brand__Select-module__Select-wrapper___sX7AR:after{background-color:var(--brand-control-color-fg-disabled)}.Primer_Brand__Select-module__Select-wrapper--medium___0yHXL{height:var(--brand-control-medium-size)}.Primer_Brand__Select-module__Select-wrapper--medium___0yHXL:after{margin-inline-end:calc(var(--brand-control-medium-paddingInline-condensed) / 2)}.Primer_Brand__Select-module__Select--medium___LTm_N{font-weight:var(--brand-text-weight-100);font-size:var(--brand-text-size-100);padding-inline:var(--brand-control-medium-paddingInline-condensed);padding-block:0;padding-inline-end:calc(var(--brand-control-medium-paddingInline-condensed) + var(--base-size-16))}.Primer_Brand__Select-module__Select-wrapper--large___yWcVy{height:var(--brand-control-large-size)}.Primer_Brand__Select-module__Select-wrapper--large___yWcVy:after{margin-inline-end:var(--base-size-8)}.Primer_Brand__Select-module__Select--large___zrjHD{font-weight:var(--brand-text-weight-200);font-size:var(--brand-text-size-200);padding-inline:var(--brand-control-large-paddingInline-condensed);padding-block:0;padding-inline-end:calc(var(--brand-control-large-paddingInline-condensed) + var(--base-size-16))}.Primer_Brand__Select-module__Select-wrapper___sX7AR{border:solid 1px var(--brand-control-color-border-default);border:solid var(--brand-borderWidth-thin,1px) var(--brand-control-color-border-default);border-radius:6px;border-radius:var(--brand-borderRadius-medium,6px);font-family:var(--brand-body-fontFamily);grid-template-columns:minmax(0, auto) var(--base-size-16);display:inline-grid;position:relative}.Primer_Brand__Select-module__Select-wrapper___sX7AR:after{content:"";width:var(--base-size-16);height:var(--base-size-16);pointer-events:none;background-color:var(--brand-control-color-fg-default);grid-area:1/2;place-self:center flex-end;position:absolute;right:0;-webkit-mask:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iIzU4NjA2OSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNC40MjcgOS40MjdsMy4zOTYgMy4zOTZhLjI1MS4yNTEgMCAwMC4zNTQgMGwzLjM5Ni0zLjM5NkEuMjUuMjUgMCAwMDExLjM5NiA5SDQuNjA0YS4yNS4yNSAwIDAwLS4xNzcuNDI3ek00LjQyMyA2LjQ3TDcuODIgMy4wNzJhLjI1LjI1IDAgMDEuMzU0IDBMMTEuNTcgNi40N2EuMjUuMjUgMCAwMS0uMTc3LjQyN0g0LjZhLjI1LjI1IDAgMDEtLjE3Ny0uNDI3eiIgLz48L3N2Zz4=) 0 0/contain no-repeat;mask:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iIzU4NjA2OSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNC40MjcgOS40MjdsMy4zOTYgMy4zOTZhLjI1MS4yNTEgMCAwMC4zNTQgMGwzLjM5Ni0zLjM5NkEuMjUuMjUgMCAwMDExLjM5NiA5SDQuNjA0YS4yNS4yNSAwIDAwLS4xNzcuNDI3ek00LjQyMyA2LjQ3TDcuODIgMy4wNzJhLjI1LjI1IDAgMDEuMzU0IDBMMTEuNTcgNi40N2EuMjUuMjUgMCAwMS0uMTc3LjQyN0g0LjZhLjI1LjI1IDAgMDEtLjE3Ny0uNDI3eiIgLz48L3N2Zz4=) 0 0/contain no-repeat}.Primer_Brand__Select-module__Select-wrapper--disabled___YhyYg{border-color:var(--brand-control-color-border-disabled)}.Primer_Brand__Select-module__Select-wrapper--fullWidth___UNSe5{width:100%}.Primer_Brand__Select-module__Select--success___0WbjI{border-color:var(--brand-color-success-fg)}.Primer_Brand__Select-module__Select--error___FxIYn{border-color:var(--brand-color-danger-fg)}@media (prefers-reduced-motion:reduce){.Primer_Brand__Select-module__Select___EmI6J,.Primer_Brand__Select-module__Select___EmI6J:before,.Primer_Brand__Select-module__Select___EmI6J:after,.Primer_Brand__Select-module__Select___EmI6J *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

package/esm/forms/Select/Select.module.js

@@ -1,4 +1,4 @@
-import './Select.module-q1LyPHa8.css';var e = {
+import './Select.module-CRuV5AGO.css';var e = {
 	Select: "Primer_Brand__Select-module__Select___EmI6J",
 	"Select-wrapper--disabled": "Primer_Brand__Select-module__Select-wrapper--disabled___YhyYg",
 	"Select-wrapper": "Primer_Brand__Select-module__Select-wrapper___sX7AR",

package/esm/forms/Select/Select.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.module.js","names":[],"sources":["../../../src/forms/Select/Select.module.css"],"sourcesContent":["/*\n * Default Select styles\n */\n.Select {\n  appearance: none;\n  color: var(--brand-control-color-fg-default);\n  cursor: pointer;\n  background-color: var(--brand-color-canvas-default);\n  border: none;\n  border-radius: var(--brand-borderRadius-medium);\n  line-height: var(--brand-text-lineHeight-200);\n  transition: var(--brand-control-animation-duration) var(--brand-control-animation-easing);\n  transition-property: color, background-color, box-shadow, border-color;\n  width: 100%;\n  grid-column: 1 / -1;\n  grid-row: 1;\n}\n\n@media screen and (forced-colors: active) {\n  /* Maintain dark bg color in Firefox on Windows high-contrast mode */\n  .Select:disabled {\n    background-color: -moz-combobox;\n  }\n}\n\n.Select::placeholder {\n  color: var(--brand-color-text-muted);\n  opacity: 1;\n}\n\n.Select:focus-visible {\n  border-color: var(--brand-color-focus);\n  outline: none;\n  box-shadow: 0 0 0 2px var(--brand-color-focus);\n}\n\n@media (forced-colors: active) {\n  .Select:focus-visible {\n    outline: var(--brand-borderWidth-thick) solid Highlight;\n    outline-offset: var(--base-size-2);\n  }\n}\n\n.Select[disabled] {\n  -webkit-text-fill-color: var(--brand-control-color-fg-disabled);\n  color: var(--brand-control-color-fg-disabled);\n  cursor: not-allowed;\n  background-color: var(--brand-control-color-canvas-disabled);\n  border-color: var(--brand-control-color-border-disabled);\n  opacity: 1;\n}\n\n.Select-wrapper--disabled.Select-wrapper::after {\n  background-color: var(--brand-control-color-fg-disabled);\n}\n\n/*\n * Sizes\n */\n\n.Select-wrapper--medium {\n  height: var(--brand-control-medium-size);\n}\n\n.Select-wrapper--medium::after {\n  margin-inline-end: calc(var(--brand-control-medium-paddingInline-condensed) / 2);\n}\n\n.Select--medium {\n  font-weight: var(--brand-text-weight-100);\n  font-size: var(--brand-text-size-100);\n  padding-inline: var(--brand-control-medium-paddingInline-condensed);\n  padding-inline-end: calc(var(--brand-control-medium-paddingInline-condensed) + var(--base-size-16));\n  padding-block: 0;\n}\n\n.Select-wrapper--large {\n  height: var(--brand-control-large-size);\n}\n\n.Select-wrapper--large::after {\n  margin-inline-end: var(--base-size-8);\n}\n\n.Select--large {\n  font-weight: var(--brand-text-weight-200);\n  font-size: var(--brand-text-size-200);\n  padding-inline: var(--brand-control-large-paddingInline-condensed);\n  padding-inline-end: calc(var(--brand-control-large-paddingInline-condensed) + var(--base-size-16));\n  padding-block: 0;\n}\n\n/*\n * Select wrapper\n */\n\n.Select-wrapper {\n  border: solid var(--brand-borderWidth-thin, 1px) var(--brand-control-color-border-default);\n  border-radius: var(--brand-borderRadius-medium, 6px);\n  font-family: var(--brand-body-fontFamily);\n  position: relative;\n  display: inline-grid;\n  grid-template-columns: minmax(0, auto) var(--base-size-16);\n}\n\n.Select-wrapper::after {\n  content: '';\n  position: absolute;\n  right: 0;\n  width: var(--base-size-16);\n  height: var(--base-size-16);\n  pointer-events: none;\n  background-color: var(--brand-control-color-fg-default);\n  mask: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iIzU4NjA2OSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNC40MjcgOS40MjdsMy4zOTYgMy4zOTZhLjI1MS4yNTEgMCAwMC4zNTQgMGwzLjM5Ni0zLjM5NkEuMjUuMjUgMCAwMDExLjM5NiA5SDQuNjA0YS4yNS4yNSAwIDAwLS4xNzcuNDI3ek00LjQyMyA2LjQ3TDcuODIgMy4wNzJhLjI1LjI1IDAgMDEuMzU0IDBMMTEuNTcgNi40N2EuMjUuMjUgMCAwMS0uMTc3LjQyN0g0LjZhLjI1LjI1IDAgMDEtLjE3Ny0uNDI3eiIgLz48L3N2Zz4=');\n  -webkit-mask: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iIzU4NjA2OSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNC40MjcgOS40MjdsMy4zOTYgMy4zOTZhLjI1MS4yNTEgMCAwMC4zNTQgMGwzLjM5Ni0zLjM5NkEuMjUuMjUgMCAwMDExLjM5NiA5SDQuNjA0YS4yNS4yNSAwIDAwLS4xNzcuNDI3ek00LjQyMyA2LjQ3TDcuODIgMy4wNzJhLjI1LjI1IDAgMDEuMzU0IDBMMTEuNTcgNi40N2EuMjUuMjUgMCAwMS0uMTc3LjQyN0g0LjZhLjI1LjI1IDAgMDEtLjE3Ny0uNDI3eiIgLz48L3N2Zz4=');\n  mask-size: contain;\n  -webkit-mask-size: contain;\n  mask-repeat: no-repeat;\n  -webkit-mask-repeat: no-repeat;\n  grid-column: 2;\n  grid-row: 1;\n  place-self: center flex-end;\n}\n\n.Select-wrapper--disabled {\n  border-color: var(--brand-control-color-border-disabled);\n}\n\n.Select-wrapper--fullWidth {\n  width: 100%;\n}\n\n/*\n * Validation\n */\n\n.Select--success {\n  border-color: var(--brand-color-success-fg);\n}\n\n.Select--error {\n  border-color: var(--brand-color-danger-fg);\n}\n\n/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */\n@media (prefers-reduced-motion: reduce) {\n  .Select,\n  .Select::before,\n  .Select::after,\n  .Select * {\n    animation: none !important;\n    transition: none !important;\n    scroll-behavior: auto !important;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"Select.module.js","names":[],"sources":["../../../src/forms/Select/Select.module.css"],"sourcesContent":["/*\n * Default Select styles\n */\n.Select {\n  appearance: none;\n  color: var(--brand-control-color-fg-default);\n  cursor: pointer;\n  background-color: var(--brand-color-canvas-default);\n  border: none;\n  border-radius: var(--brand-borderRadius-medium);\n  line-height: var(--brand-text-lineHeight-200);\n  transition: var(--brand-control-animation-duration) var(--brand-control-animation-easing);\n  transition-property: color, background-color, box-shadow, border-color;\n  width: 100%;\n  grid-column: 1 / -1;\n  grid-row: 1;\n}\n\n@media screen and (forced-colors: active) {\n  /* Maintain dark bg color in Firefox on Windows high-contrast mode */\n  .Select:disabled {\n    background-color: -moz-combobox;\n  }\n}\n\n.Select::placeholder {\n  color: var(--brand-color-text-muted);\n  opacity: 1;\n}\n\n.Select:focus-visible {\n  border-color: var(--brand-control-color-focus);\n  outline: none;\n  box-shadow: 0 0 0 2px var(--brand-control-color-focus);\n}\n\n@media (forced-colors: active) {\n  .Select:focus-visible {\n    outline: var(--brand-borderWidth-thick) solid Highlight;\n    outline-offset: var(--base-size-2);\n  }\n}\n\n.Select[disabled] {\n  -webkit-text-fill-color: var(--brand-control-color-fg-disabled);\n  color: var(--brand-control-color-fg-disabled);\n  cursor: not-allowed;\n  background-color: var(--brand-control-color-canvas-disabled);\n  border-color: var(--brand-control-color-border-disabled);\n  opacity: 1;\n}\n\n.Select-wrapper--disabled.Select-wrapper::after {\n  background-color: var(--brand-control-color-fg-disabled);\n}\n\n/*\n * Sizes\n */\n\n.Select-wrapper--medium {\n  height: var(--brand-control-medium-size);\n}\n\n.Select-wrapper--medium::after {\n  margin-inline-end: calc(var(--brand-control-medium-paddingInline-condensed) / 2);\n}\n\n.Select--medium {\n  font-weight: var(--brand-text-weight-100);\n  font-size: var(--brand-text-size-100);\n  padding-inline: var(--brand-control-medium-paddingInline-condensed);\n  padding-inline-end: calc(var(--brand-control-medium-paddingInline-condensed) + var(--base-size-16));\n  padding-block: 0;\n}\n\n.Select-wrapper--large {\n  height: var(--brand-control-large-size);\n}\n\n.Select-wrapper--large::after {\n  margin-inline-end: var(--base-size-8);\n}\n\n.Select--large {\n  font-weight: var(--brand-text-weight-200);\n  font-size: var(--brand-text-size-200);\n  padding-inline: var(--brand-control-large-paddingInline-condensed);\n  padding-inline-end: calc(var(--brand-control-large-paddingInline-condensed) + var(--base-size-16));\n  padding-block: 0;\n}\n\n/*\n * Select wrapper\n */\n\n.Select-wrapper {\n  border: solid var(--brand-borderWidth-thin, 1px) var(--brand-control-color-border-default);\n  border-radius: var(--brand-borderRadius-medium, 6px);\n  font-family: var(--brand-body-fontFamily);\n  position: relative;\n  display: inline-grid;\n  grid-template-columns: minmax(0, auto) var(--base-size-16);\n}\n\n.Select-wrapper::after {\n  content: '';\n  position: absolute;\n  right: 0;\n  width: var(--base-size-16);\n  height: var(--base-size-16);\n  pointer-events: none;\n  background-color: var(--brand-control-color-fg-default);\n  mask: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iIzU4NjA2OSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNC40MjcgOS40MjdsMy4zOTYgMy4zOTZhLjI1MS4yNTEgMCAwMC4zNTQgMGwzLjM5Ni0zLjM5NkEuMjUuMjUgMCAwMDExLjM5NiA5SDQuNjA0YS4yNS4yNSAwIDAwLS4xNzcuNDI3ek00LjQyMyA2LjQ3TDcuODIgMy4wNzJhLjI1LjI1IDAgMDEuMzU0IDBMMTEuNTcgNi40N2EuMjUuMjUgMCAwMS0uMTc3LjQyN0g0LjZhLjI1LjI1IDAgMDEtLjE3Ny0uNDI3eiIgLz48L3N2Zz4=');\n  -webkit-mask: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iIzU4NjA2OSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNC40MjcgOS40MjdsMy4zOTYgMy4zOTZhLjI1MS4yNTEgMCAwMC4zNTQgMGwzLjM5Ni0zLjM5NkEuMjUuMjUgMCAwMDExLjM5NiA5SDQuNjA0YS4yNS4yNSAwIDAwLS4xNzcuNDI3ek00LjQyMyA2LjQ3TDcuODIgMy4wNzJhLjI1LjI1IDAgMDEuMzU0IDBMMTEuNTcgNi40N2EuMjUuMjUgMCAwMS0uMTc3LjQyN0g0LjZhLjI1LjI1IDAgMDEtLjE3Ny0uNDI3eiIgLz48L3N2Zz4=');\n  mask-size: contain;\n  -webkit-mask-size: contain;\n  mask-repeat: no-repeat;\n  -webkit-mask-repeat: no-repeat;\n  grid-column: 2;\n  grid-row: 1;\n  place-self: center flex-end;\n}\n\n.Select-wrapper--disabled {\n  border-color: var(--brand-control-color-border-disabled);\n}\n\n.Select-wrapper--fullWidth {\n  width: 100%;\n}\n\n/*\n * Validation\n */\n\n.Select--success {\n  border-color: var(--brand-color-success-fg);\n}\n\n.Select--error {\n  border-color: var(--brand-color-danger-fg);\n}\n\n/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */\n@media (prefers-reduced-motion: reduce) {\n  .Select,\n  .Select::before,\n  .Select::after,\n  .Select * {\n    animation: none !important;\n    transition: none !important;\n    scroll-behavior: auto !important;\n  }\n}\n"],"mappings":""}

package/esm/forms/TextInput/TextInput.module-CrmcmO_m.css

@@ -0,0 +1 @@
+.Primer_Brand__TextInput-module__TextInput___d6r3B{color:var(--brand-control-color-fg-default);background-color:var(--brand-color-canvas-default);border-radius:var(--brand-borderRadius-medium);line-height:var(--brand-text-lineHeight-100);transition:var(--brand-control-animation-duration) var(--brand-control-animation-easing);border:none;transition-property:color,background-color,box-shadow;display:flex}.Primer_Brand__TextInput-module__TextInput___d6r3B::placeholder{color:var(--brand-color-text-muted);opacity:1}.Primer_Brand__TextInput-module__TextInput___d6r3B[disabled]{-webkit-text-fill-color:var(--brand-control-color-fg-disabled);color:var(--brand-control-color-fg-disabled);cursor:not-allowed;background-color:var(--brand-control-color-canvas-disabled);opacity:1}.Primer_Brand__TextInput-module__TextInput___d6r3B:focus{outline:none}.Primer_Brand__TextInput-module__TextInput-wrapper--medium___MBN0V{height:var(--brand-control-medium-size)}.Primer_Brand__TextInput-module__TextInput--medium___fpyd0{font-weight:var(--brand-text-weight-100);font-size:var(--brand-text-size-100);padding:var(--brand-control-medium-paddingBlock-normal) var(--brand-control-medium-paddingInline-condensed)}.Primer_Brand__TextInput-module__TextInput--large___S8mM0{font-weight:var(--brand-text-weight-200);font-size:var(--brand-text-size-200);padding:var(--brand-control-large-paddingBlock-normal) var(--brand-control-large-paddingInline-condensed)}.Primer_Brand__TextInput-module__TextInput-wrapper--large___dAIbF{height:var(--brand-control-large-size)}.Primer_Brand__TextInput-module__TextInput--fullWidth___95umM{width:100%}.Primer_Brand__TextInput-module__TextInput-wrapper--disabled___tIAWj{border-color:var(--brand-control-color-border-disabled)}.Primer_Brand__TextInput-module__TextInput-wrapper___atqQQ{font-family:var(--brand-body-fontFamily);border:solid 1px var(--brand-control-color-border-default);border:solid var(--brand-borderWidth-thin,1px) var(--brand-control-color-border-default);border-radius:var(--brand-borderRadius-medium);transition:var(--brand-control-animation-duration) var(--brand-control-animation-easing);transition-property:border;display:inline-flex;position:relative}.Primer_Brand__TextInput-module__TextInput-wrapper--invisible___5R_bN{border-color:#0000}.Primer_Brand__TextInput-module__TextInput-wrapper--fullWidth___qZXkv{width:100%;display:flex}.Primer_Brand__TextInput-module__TextInput-wrapper___atqQQ:not(.Primer_Brand__TextInput-module__TextInput-wrapper--fullWidth___qZXkv){width:min-content}.Primer_Brand__TextInput-module__TextInput-wrapper--monospace___lZCyL{font-family:var(--brand-fontStack-monospace)}.Primer_Brand__TextInput-module__TextInput-wrapper___atqQQ:focus-within{border-color:var(--brand-control-color-focus);box-shadow:0 0 0 1px var(--brand-control-color-focus);outline:none}@media (forced-colors:active){.Primer_Brand__TextInput-module__TextInput-wrapper___atqQQ:focus-within{outline:var(--brand-borderWidth-thick) solid Highlight;outline-offset:var(--base-size-2)}}.Primer_Brand__TextInput-module__TextInput-wrapper--success___T0cdn,.Primer_Brand__TextInput-module__TextInput-wrapper--success___T0cdn.Primer_Brand__TextInput-module__TextInput-wrapper--disabled___tIAWj{border-color:var(--brand-color-success-fg)}.Primer_Brand__TextInput-module__TextInput-wrapper--error___P_A__,.Primer_Brand__TextInput-module__TextInput-wrapper--error___P_A__.Primer_Brand__TextInput-module__TextInput-wrapper--disabled___tIAWj{border-color:var(--brand-color-danger-fg)}.Primer_Brand__TextInput-module__TextInput--has-leading-visual--medium___FofyW{padding-inline-start:calc(var(--brand-control-medium-paddingInline-condensed) + var(--base-size-16) + var(--brand-control-medium-gap))}.Primer_Brand__TextInput-module__TextInput--has-leading-visual--large___m_yq4{padding-inline-start:calc(var(--brand-control-large-paddingInline-condensed) + var(--base-size-20) + var(--brand-control-large-gap))}.Primer_Brand__TextInput-module__TextInput--has-trailing-visual--medium___i_tux{padding-inline-end:calc(var(--brand-control-medium-paddingInline-condensed) + var(--base-size-16) + var(--brand-control-medium-gap))}.Primer_Brand__TextInput-module__TextInput--has-trailing-visual--large___9LFb4{padding-inline-end:calc(var(--brand-control-medium-paddingInline-condensed) + var(--base-size-20) + var(--brand-control-medium-gap))}.Primer_Brand__TextInput-module__TextInput-leading-visual___pCl6H,.Primer_Brand__TextInput-module__TextInput-trailing-visual___uMm5J{width:var(--base-size-16);height:100%;color:var(--brand-color-text-default);pointer-events:none;align-items:center;display:flex;position:absolute;top:0}.Primer_Brand__TextInput-module__TextInput-leading-visual--medium___J1m0x{left:var(--brand-control-medium-paddingInline-condensed)}.Primer_Brand__TextInput-module__TextInput-trailing-visual--medium___42l_Q{right:var(--brand-control-medium-paddingInline-condensed)}.Primer_Brand__TextInput-module__TextInput-leading-visual--large___FfFfu{left:var(--brand-control-large-paddingInline-condensed)}.Primer_Brand__TextInput-module__TextInput-trailing-visual--large___6qKcW{right:var(--brand-control-large-paddingInline-condensed)}.Primer_Brand__TextInput-module__TextInput-leading-visual-icon--medium___SGqdF{width:var(--base-size-16);height:var(--base-size-16)}.Primer_Brand__TextInput-module__TextInput-leading-visual-icon--large___tEaFR{width:var(--base-size-20);height:var(--base-size-20)}.Primer_Brand__TextInput-module__TextInput-leading-text___KJH7i,.Primer_Brand__TextInput-module__TextInput-trailing-text___9OMo1{color:var(--brand-color-text-muted);pointer-events:none;white-space:nowrap;align-items:center;display:flex}.Primer_Brand__TextInput-module__TextInput-leading-text--disabled___mkec2,.Primer_Brand__TextInput-module__TextInput-trailing-text--disabled___HXuFW{color:var(--brand-control-color-fg-disabled);background-color:var(--brand-control-color-canvas-disabled)}.Primer_Brand__TextInput-module__TextInput-leading-text___KJH7i{border-top-left-radius:6px;border-top-left-radius:var(--brand-borderRadius-medium,6px);border-bottom-left-radius:6px;border-bottom-left-radius:var(--brand-borderRadius-medium,6px);border-right:0}.Primer_Brand__TextInput-module__TextInput-trailing-text___9OMo1{border-top-right-radius:6px;border-top-right-radius:var(--brand-borderRadius-medium,6px);border-bottom-right-radius:6px;border-bottom-right-radius:var(--brand-borderRadius-medium,6px);border-left:0}.Primer_Brand__TextInput-module__TextInput-leading-text-inner___xYm04,.Primer_Brand__TextInput-module__TextInput-trailing-text-inner___dLGj9{color:var(--brand-color-text-muted);display:inline-flex}.Primer_Brand__TextInput-module__TextInput-leading-text-inner--medium___yh500,.Primer_Brand__TextInput-module__TextInput-trailing-text-inner--medium___H8Wax{padding-inline:var(--brand-control-medium-paddingInline-condensed)}.Primer_Brand__TextInput-module__TextInput-leading-text-inner--large___LLej6,.Primer_Brand__TextInput-module__TextInput-trailing-text-inner--large___1Qudx{padding-inline:var(--brand-control-large-paddingInline-condensed)}.Primer_Brand__TextInput-module__TextInput-leading-text-inner___xYm04{border-right:1px solid var(--brand-color-border-default)}.Primer_Brand__TextInput-module__TextInput-trailing-text-inner___dLGj9{border-left:1px solid var(--brand-color-border-default)}.Primer_Brand__TextInput-module__TextInput--has-leading-text___yXCjP{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.Primer_Brand__TextInput-module__TextInput--has-trailing-text___bPsRQ{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.Primer_Brand__TextInput-module__TextInput-leading-text--success____KS_D,.Primer_Brand__TextInput-module__TextInput-trailing-text--success___WCi_J{border-color:var(--brand-color-success-fg)}.Primer_Brand__TextInput-module__TextInput-leading-text--error___WAcZB,.Primer_Brand__TextInput-module__TextInput-trailing-text--error____yUSw{border-color:var(--brand-color-danger-fg)}@media (prefers-reduced-motion:reduce){.Primer_Brand__TextInput-module__TextInput___d6r3B,.Primer_Brand__TextInput-module__Checkbox___NeBpg:before,.Primer_Brand__TextInput-module__Checkbox___NeBpg:after,.Primer_Brand__TextInput-module__Checkbox___NeBpg *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

package/esm/forms/TextInput/TextInput.module.js

@@ -1,4 +1,4 @@
-import './TextInput.module-zPnaJdhX.css';var e = {
+import './TextInput.module-CrmcmO_m.css';var e = {
 	TextInput: "Primer_Brand__TextInput-module__TextInput___d6r3B",
 	"TextInput-wrapper--medium": "Primer_Brand__TextInput-module__TextInput-wrapper--medium___MBN0V",
 	"TextInput--medium": "Primer_Brand__TextInput-module__TextInput--medium___fpyd0",

package/esm/forms/TextInput/TextInput.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextInput.module.js","names":[],"sources":["../../../src/forms/TextInput/TextInput.module.css"],"sourcesContent":["/*\n * Default TextInput styles\n */\n.TextInput {\n  display: flex;\n  color: var(--brand-control-color-fg-default);\n  background-color: var(--brand-color-canvas-default);\n  border: none;\n  border-radius: var(--brand-borderRadius-medium);\n  line-height: var(--brand-text-lineHeight-100);\n  transition: var(--brand-control-animation-duration) var(--brand-control-animation-easing);\n  transition-property: color, background-color, box-shadow;\n}\n\n.TextInput::placeholder {\n  color: var(--brand-color-text-muted);\n  opacity: 1;\n}\n\n.TextInput[disabled] {\n  -webkit-text-fill-color: var(--brand-control-color-fg-disabled);\n  color: var(--brand-control-color-fg-disabled);\n  cursor: not-allowed;\n  background-color: var(--brand-control-color-canvas-disabled);\n  opacity: 1;\n}\n\n.TextInput:focus {\n  outline: none;\n}\n\n/*\n * Sizes\n */\n\n.TextInput-wrapper--medium {\n  height: var(--brand-control-medium-size);\n}\n\n.TextInput--medium {\n  font-weight: var(--brand-text-weight-100);\n  font-size: var(--brand-text-size-100);\n  padding: var(--brand-control-medium-paddingBlock-normal) var(--brand-control-medium-paddingInline-condensed);\n}\n\n.TextInput--large {\n  font-weight: var(--brand-text-weight-200);\n  font-size: var(--brand-text-size-200);\n  padding: var(--brand-control-large-paddingBlock-normal) var(--brand-control-large-paddingInline-condensed);\n}\n\n.TextInput-wrapper--large {\n  height: var(--brand-control-large-size);\n}\n\n/*\n * Visual states\n */\n.TextInput--fullWidth {\n  width: 100%;\n}\n\n/*\n * TextInput wrapper\n */\n\n.TextInput-wrapper--disabled {\n  border-color: var(--brand-control-color-border-disabled);\n}\n\n.TextInput-wrapper {\n  font-family: var(--brand-body-fontFamily);\n  display: inline-flex;\n  position: relative;\n  border: solid var(--brand-borderWidth-thin, 1px) var(--brand-control-color-border-default);\n  border-radius: var(--brand-borderRadius-medium);\n  transition: var(--brand-control-animation-duration) var(--brand-control-animation-easing);\n  transition-property: border;\n}\n\n.TextInput-wrapper--invisible {\n  border-color: transparent;\n}\n\n.TextInput-wrapper--fullWidth {\n  width: 100%;\n  display: flex;\n}\n\n.TextInput-wrapper:not(.TextInput-wrapper--fullWidth) {\n  width: min-content;\n}\n\n.TextInput-wrapper--monospace {\n  font-family: var(--brand-fontStack-monospace);\n}\n\n.TextInput-wrapper:focus-within {\n  border-color: var(--brand-color-focus);\n  box-shadow: 0 0 0 1px var(--brand-color-focus);\n  outline: none;\n}\n\n@media (forced-colors: active) {\n  .TextInput-wrapper:focus-within {\n    outline: var(--brand-borderWidth-thick) solid Highlight;\n    outline-offset: var(--base-size-2);\n  }\n}\n\n/*\n * Validation\n */\n\n.TextInput-wrapper--success,\n.TextInput-wrapper--success.TextInput-wrapper--disabled {\n  border-color: var(--brand-color-success-fg);\n}\n\n.TextInput-wrapper--error,\n.TextInput-wrapper--error.TextInput-wrapper--disabled {\n  border-color: var(--brand-color-danger-fg);\n}\n\n/*\n * TextInput visuals\n */\n.TextInput--has-leading-visual--medium {\n  padding-inline-start: calc(\n    var(--brand-control-medium-paddingInline-condensed) + var(--base-size-16) + var(--brand-control-medium-gap)\n  );\n}\n\n.TextInput--has-leading-visual--large {\n  padding-inline-start: calc(\n    var(--brand-control-large-paddingInline-condensed) + var(--base-size-20) + var(--brand-control-large-gap)\n  );\n}\n\n.TextInput--has-trailing-visual--medium {\n  padding-inline-end: calc(\n    var(--brand-control-medium-paddingInline-condensed) + var(--base-size-16) + var(--brand-control-medium-gap)\n  );\n}\n\n.TextInput--has-trailing-visual--large {\n  padding-inline-end: calc(\n    var(--brand-control-medium-paddingInline-condensed) + var(--base-size-20) + var(--brand-control-medium-gap)\n  );\n}\n\n.TextInput-leading-visual,\n.TextInput-trailing-visual {\n  display: grid;\n  position: absolute;\n  top: 0;\n  display: flex;\n  width: var(--base-size-16);\n  height: 100%;\n  align-items: center;\n  color: var(--color-fg-muted);\n  pointer-events: none;\n  color: var(--brand-color-text-default);\n}\n\n.TextInput-leading-visual--medium {\n  left: var(--brand-control-medium-paddingInline-condensed);\n}\n\n.TextInput-trailing-visual--medium {\n  right: var(--brand-control-medium-paddingInline-condensed);\n}\n\n.TextInput-leading-visual--large {\n  left: var(--brand-control-large-paddingInline-condensed);\n}\n\n.TextInput-trailing-visual--large {\n  right: var(--brand-control-large-paddingInline-condensed);\n}\n\n.TextInput-leading-visual-icon--medium {\n  width: var(--base-size-16);\n  height: var(--base-size-16);\n}\n\n.TextInput-leading-visual-icon--large {\n  width: var(--base-size-20);\n  height: var(--base-size-20);\n}\n\n/*\n * TextInput leading and trailing text\n */\n\n.TextInput-leading-text,\n.TextInput-trailing-text {\n  display: flex;\n  align-items: center;\n  color: var(--brand-color-text-muted);\n  pointer-events: none;\n  white-space: nowrap;\n}\n\n.TextInput-leading-text--disabled,\n.TextInput-trailing-text--disabled {\n  color: var(--brand-control-color-fg-disabled);\n  background-color: var(--brand-control-color-canvas-disabled);\n}\n\n.TextInput-leading-text {\n  border-top-left-radius: var(--brand-borderRadius-medium, 6px);\n  border-bottom-left-radius: var(--brand-borderRadius-medium, 6px);\n  border-right: 0;\n}\n\n.TextInput-trailing-text {\n  border-top-right-radius: var(--brand-borderRadius-medium, 6px);\n  border-bottom-right-radius: var(--brand-borderRadius-medium, 6px);\n  border-left: 0;\n}\n\n.TextInput-leading-text-inner,\n.TextInput-trailing-text-inner {\n  display: inline-flex;\n  color: var(--brand-color-text-muted);\n}\n\n.TextInput-leading-text-inner--medium,\n.TextInput-trailing-text-inner--medium {\n  padding-inline: var(--brand-control-medium-paddingInline-condensed);\n}\n\n.TextInput-leading-text-inner--large,\n.TextInput-trailing-text-inner--large {\n  padding-inline: var(--brand-control-large-paddingInline-condensed);\n}\n\n.TextInput-leading-text-inner {\n  border-right: 1px solid var(--brand-color-border-default);\n}\n\n.TextInput-trailing-text-inner {\n  border-left: 1px solid var(--brand-color-border-default);\n}\n\n.TextInput--has-leading-text {\n  border-left: 0;\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n\n.TextInput--has-trailing-text {\n  border-right: 0;\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n\n.TextInput-leading-text--success,\n.TextInput-trailing-text--success {\n  border-color: var(--brand-color-success-fg);\n}\n\n.TextInput-leading-text--error,\n.TextInput-trailing-text--error {\n  border-color: var(--brand-color-danger-fg);\n}\n\n/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */\n@media (prefers-reduced-motion: reduce) {\n  .TextInput,\n  .Checkbox::before,\n  .Checkbox::after,\n  .Checkbox * {\n    animation: none !important;\n    transition: none !important;\n    scroll-behavior: auto !important;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"TextInput.module.js","names":[],"sources":["../../../src/forms/TextInput/TextInput.module.css"],"sourcesContent":["/*\n * Default TextInput styles\n */\n.TextInput {\n  display: flex;\n  color: var(--brand-control-color-fg-default);\n  background-color: var(--brand-color-canvas-default);\n  border: none;\n  border-radius: var(--brand-borderRadius-medium);\n  line-height: var(--brand-text-lineHeight-100);\n  transition: var(--brand-control-animation-duration) var(--brand-control-animation-easing);\n  transition-property: color, background-color, box-shadow;\n}\n\n.TextInput::placeholder {\n  color: var(--brand-color-text-muted);\n  opacity: 1;\n}\n\n.TextInput[disabled] {\n  -webkit-text-fill-color: var(--brand-control-color-fg-disabled);\n  color: var(--brand-control-color-fg-disabled);\n  cursor: not-allowed;\n  background-color: var(--brand-control-color-canvas-disabled);\n  opacity: 1;\n}\n\n.TextInput:focus {\n  outline: none;\n}\n\n/*\n * Sizes\n */\n\n.TextInput-wrapper--medium {\n  height: var(--brand-control-medium-size);\n}\n\n.TextInput--medium {\n  font-weight: var(--brand-text-weight-100);\n  font-size: var(--brand-text-size-100);\n  padding: var(--brand-control-medium-paddingBlock-normal) var(--brand-control-medium-paddingInline-condensed);\n}\n\n.TextInput--large {\n  font-weight: var(--brand-text-weight-200);\n  font-size: var(--brand-text-size-200);\n  padding: var(--brand-control-large-paddingBlock-normal) var(--brand-control-large-paddingInline-condensed);\n}\n\n.TextInput-wrapper--large {\n  height: var(--brand-control-large-size);\n}\n\n/*\n * Visual states\n */\n.TextInput--fullWidth {\n  width: 100%;\n}\n\n/*\n * TextInput wrapper\n */\n\n.TextInput-wrapper--disabled {\n  border-color: var(--brand-control-color-border-disabled);\n}\n\n.TextInput-wrapper {\n  font-family: var(--brand-body-fontFamily);\n  display: inline-flex;\n  position: relative;\n  border: solid var(--brand-borderWidth-thin, 1px) var(--brand-control-color-border-default);\n  border-radius: var(--brand-borderRadius-medium);\n  transition: var(--brand-control-animation-duration) var(--brand-control-animation-easing);\n  transition-property: border;\n}\n\n.TextInput-wrapper--invisible {\n  border-color: transparent;\n}\n\n.TextInput-wrapper--fullWidth {\n  width: 100%;\n  display: flex;\n}\n\n.TextInput-wrapper:not(.TextInput-wrapper--fullWidth) {\n  width: min-content;\n}\n\n.TextInput-wrapper--monospace {\n  font-family: var(--brand-fontStack-monospace);\n}\n\n.TextInput-wrapper:focus-within {\n  border-color: var(--brand-control-color-focus);\n  box-shadow: 0 0 0 1px var(--brand-control-color-focus);\n  outline: none;\n}\n\n@media (forced-colors: active) {\n  .TextInput-wrapper:focus-within {\n    outline: var(--brand-borderWidth-thick) solid Highlight;\n    outline-offset: var(--base-size-2);\n  }\n}\n\n/*\n * Validation\n */\n\n.TextInput-wrapper--success,\n.TextInput-wrapper--success.TextInput-wrapper--disabled {\n  border-color: var(--brand-color-success-fg);\n}\n\n.TextInput-wrapper--error,\n.TextInput-wrapper--error.TextInput-wrapper--disabled {\n  border-color: var(--brand-color-danger-fg);\n}\n\n/*\n * TextInput visuals\n */\n.TextInput--has-leading-visual--medium {\n  padding-inline-start: calc(\n    var(--brand-control-medium-paddingInline-condensed) + var(--base-size-16) + var(--brand-control-medium-gap)\n  );\n}\n\n.TextInput--has-leading-visual--large {\n  padding-inline-start: calc(\n    var(--brand-control-large-paddingInline-condensed) + var(--base-size-20) + var(--brand-control-large-gap)\n  );\n}\n\n.TextInput--has-trailing-visual--medium {\n  padding-inline-end: calc(\n    var(--brand-control-medium-paddingInline-condensed) + var(--base-size-16) + var(--brand-control-medium-gap)\n  );\n}\n\n.TextInput--has-trailing-visual--large {\n  padding-inline-end: calc(\n    var(--brand-control-medium-paddingInline-condensed) + var(--base-size-20) + var(--brand-control-medium-gap)\n  );\n}\n\n.TextInput-leading-visual,\n.TextInput-trailing-visual {\n  display: grid;\n  position: absolute;\n  top: 0;\n  display: flex;\n  width: var(--base-size-16);\n  height: 100%;\n  align-items: center;\n  color: var(--color-fg-muted);\n  pointer-events: none;\n  color: var(--brand-color-text-default);\n}\n\n.TextInput-leading-visual--medium {\n  left: var(--brand-control-medium-paddingInline-condensed);\n}\n\n.TextInput-trailing-visual--medium {\n  right: var(--brand-control-medium-paddingInline-condensed);\n}\n\n.TextInput-leading-visual--large {\n  left: var(--brand-control-large-paddingInline-condensed);\n}\n\n.TextInput-trailing-visual--large {\n  right: var(--brand-control-large-paddingInline-condensed);\n}\n\n.TextInput-leading-visual-icon--medium {\n  width: var(--base-size-16);\n  height: var(--base-size-16);\n}\n\n.TextInput-leading-visual-icon--large {\n  width: var(--base-size-20);\n  height: var(--base-size-20);\n}\n\n/*\n * TextInput leading and trailing text\n */\n\n.TextInput-leading-text,\n.TextInput-trailing-text {\n  display: flex;\n  align-items: center;\n  color: var(--brand-color-text-muted);\n  pointer-events: none;\n  white-space: nowrap;\n}\n\n.TextInput-leading-text--disabled,\n.TextInput-trailing-text--disabled {\n  color: var(--brand-control-color-fg-disabled);\n  background-color: var(--brand-control-color-canvas-disabled);\n}\n\n.TextInput-leading-text {\n  border-top-left-radius: var(--brand-borderRadius-medium, 6px);\n  border-bottom-left-radius: var(--brand-borderRadius-medium, 6px);\n  border-right: 0;\n}\n\n.TextInput-trailing-text {\n  border-top-right-radius: var(--brand-borderRadius-medium, 6px);\n  border-bottom-right-radius: var(--brand-borderRadius-medium, 6px);\n  border-left: 0;\n}\n\n.TextInput-leading-text-inner,\n.TextInput-trailing-text-inner {\n  display: inline-flex;\n  color: var(--brand-color-text-muted);\n}\n\n.TextInput-leading-text-inner--medium,\n.TextInput-trailing-text-inner--medium {\n  padding-inline: var(--brand-control-medium-paddingInline-condensed);\n}\n\n.TextInput-leading-text-inner--large,\n.TextInput-trailing-text-inner--large {\n  padding-inline: var(--brand-control-large-paddingInline-condensed);\n}\n\n.TextInput-leading-text-inner {\n  border-right: 1px solid var(--brand-color-border-default);\n}\n\n.TextInput-trailing-text-inner {\n  border-left: 1px solid var(--brand-color-border-default);\n}\n\n.TextInput--has-leading-text {\n  border-left: 0;\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n\n.TextInput--has-trailing-text {\n  border-right: 0;\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n\n.TextInput-leading-text--success,\n.TextInput-trailing-text--success {\n  border-color: var(--brand-color-success-fg);\n}\n\n.TextInput-leading-text--error,\n.TextInput-trailing-text--error {\n  border-color: var(--brand-color-danger-fg);\n}\n\n/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */\n@media (prefers-reduced-motion: reduce) {\n  .TextInput,\n  .Checkbox::before,\n  .Checkbox::after,\n  .Checkbox * {\n    animation: none !important;\n    transition: none !important;\n    scroll-behavior: auto !important;\n  }\n}\n"],"mappings":""}

package/esm/forms/Textarea/{Textarea.module-CdUlSjWq.css → Textarea.module-C4pwTMjB.css}

@@ -1 +1 @@
-.Primer_Brand__Textarea-module__Textarea___mcWf5{color:var(--brand-control-color-fg-default);background-color:var(--brand-color-canvas-default);border-radius:var(--brand-borderRadius-medium);line-height:var(--brand-text-lineHeight-100);transition:var(--brand-control-animation-duration) var(--brand-control-animation-easing);border:none;transition-property:color,background-color,box-shadow;display:flex}.Primer_Brand__Textarea-module__Textarea___mcWf5::placeholder{color:var(--brand-color-text-muted);opacity:1}.Primer_Brand__Textarea-module__Textarea___mcWf5[disabled]{-webkit-text-fill-color:var(--brand-control-color-fg-disabled);color:var(--brand-control-color-fg-disabled);cursor:not-allowed;background-color:var(--brand-control-color-canvas-disabled);opacity:1;resize:none}.Primer_Brand__Textarea-module__Textarea___mcWf5:focus{outline:none}.Primer_Brand__Textarea-module__Textarea-resize--vertical___Vby4g{resize:vertical}.Primer_Brand__Textarea-module__Textarea-resize--horizontal___s4S8w{resize:horizontal}.Primer_Brand__Textarea-module__Textarea-resize--none___vLfq1{resize:none}.Primer_Brand__Textarea-module__Textarea-resize--both___SUVH9{resize:both}.Primer_Brand__Textarea-module__Textarea--medium___aewge{font-weight:var(--brand-text-weight-100);font-size:var(--brand-text-size-100);padding:var(--brand-control-medium-paddingBlock-normal) var(--brand-control-medium-paddingInline-condensed)}.Primer_Brand__Textarea-module__Textarea--large___5UAvr{font-weight:var(--brand-text-weight-200);font-size:var(--brand-text-size-200);padding:var(--brand-control-large-paddingBlock-normal) var(--brand-control-large-paddingInline-condensed)}.Primer_Brand__Textarea-module__Textarea--fullWidth___4Ds_8{width:100%}.Primer_Brand__Textarea-module__Textarea-wrapper--disabled___ZodGM{border-color:var(--brand-control-color-border-disabled)}.Primer_Brand__Textarea-module__Textarea-wrapper___MFMUn{font-family:var(--brand-body-fontFamily);border:solid 1px var(--brand-control-color-border-default);border:solid var(--brand-borderWidth-thin,1px) var(--brand-control-color-border-default);border-radius:var(--brand-borderRadius-medium);transition:var(--brand-control-animation-duration) var(--brand-control-animation-easing);transition-property:border;display:inline-flex;position:relative}.Primer_Brand__Textarea-module__Textarea-wrapper--invisible___PRsrD{border-color:#0000}.Primer_Brand__Textarea-module__Textarea-wrapper--fullWidth___0JycR{display:flex}.Primer_Brand__Textarea-module__Textarea-wrapper___MFMUn:not(.Primer_Brand__Textarea-module__Textarea-wrapper--fullWidth___0JycR){width:min-content}.Primer_Brand__Textarea-module__Textarea-wrapper--monospace___gvhYX{font-family:var(--brand-fontStack-monospace)}.Primer_Brand__Textarea-module__Textarea-wrapper___MFMUn:focus-within{border-color:var(--brand-color-focus);box-shadow:0 0 0 1px var(--brand-color-focus);outline:none}@media (forced-colors:active){.Primer_Brand__Textarea-module__Textarea-wrapper___MFMUn:focus-within{outline:var(--brand-borderWidth-thick) solid Highlight;outline-offset:var(--base-size-2)}}.Primer_Brand__Textarea-module__Textarea-wrapper--success___PQHrN,.Primer_Brand__Textarea-module__Textarea-wrapper--success___PQHrN.Primer_Brand__Textarea-module__Textarea-wrapper--disabled___ZodGM{border-color:var(--brand-color-success-fg)}.Primer_Brand__Textarea-module__Textarea-wrapper--error___7G92h,.Primer_Brand__Textarea-module__Textarea-wrapper--error___7G92h.Primer_Brand__Textarea-module__Textarea-wrapper--disabled___ZodGM{border-color:var(--brand-color-danger-fg)}@media (prefers-reduced-motion:reduce){.Primer_Brand__Textarea-module__Textarea___mcWf5,.Primer_Brand__Textarea-module__Textarea___mcWf5:before,.Primer_Brand__Textarea-module__Textarea___mcWf5:after,.Primer_Brand__Textarea-module__Textarea___mcWf5 *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
+.Primer_Brand__Textarea-module__Textarea___mcWf5{color:var(--brand-control-color-fg-default);background-color:var(--brand-color-canvas-default);border-radius:var(--brand-borderRadius-medium);line-height:var(--brand-text-lineHeight-100);transition:var(--brand-control-animation-duration) var(--brand-control-animation-easing);border:none;transition-property:color,background-color,box-shadow;display:flex}.Primer_Brand__Textarea-module__Textarea___mcWf5::placeholder{color:var(--brand-color-text-muted);opacity:1}.Primer_Brand__Textarea-module__Textarea___mcWf5[disabled]{-webkit-text-fill-color:var(--brand-control-color-fg-disabled);color:var(--brand-control-color-fg-disabled);cursor:not-allowed;background-color:var(--brand-control-color-canvas-disabled);opacity:1;resize:none}.Primer_Brand__Textarea-module__Textarea___mcWf5:focus{outline:none}.Primer_Brand__Textarea-module__Textarea-resize--vertical___Vby4g{resize:vertical}.Primer_Brand__Textarea-module__Textarea-resize--horizontal___s4S8w{resize:horizontal}.Primer_Brand__Textarea-module__Textarea-resize--none___vLfq1{resize:none}.Primer_Brand__Textarea-module__Textarea-resize--both___SUVH9{resize:both}.Primer_Brand__Textarea-module__Textarea--medium___aewge{font-weight:var(--brand-text-weight-100);font-size:var(--brand-text-size-100);padding:var(--brand-control-medium-paddingBlock-normal) var(--brand-control-medium-paddingInline-condensed)}.Primer_Brand__Textarea-module__Textarea--large___5UAvr{font-weight:var(--brand-text-weight-200);font-size:var(--brand-text-size-200);padding:var(--brand-control-large-paddingBlock-normal) var(--brand-control-large-paddingInline-condensed)}.Primer_Brand__Textarea-module__Textarea--fullWidth___4Ds_8{width:100%}.Primer_Brand__Textarea-module__Textarea-wrapper--disabled___ZodGM{border-color:var(--brand-control-color-border-disabled)}.Primer_Brand__Textarea-module__Textarea-wrapper___MFMUn{font-family:var(--brand-body-fontFamily);border:solid 1px var(--brand-control-color-border-default);border:solid var(--brand-borderWidth-thin,1px) var(--brand-control-color-border-default);border-radius:var(--brand-borderRadius-medium);transition:var(--brand-control-animation-duration) var(--brand-control-animation-easing);transition-property:border;display:inline-flex;position:relative}.Primer_Brand__Textarea-module__Textarea-wrapper--invisible___PRsrD{border-color:#0000}.Primer_Brand__Textarea-module__Textarea-wrapper--fullWidth___0JycR{display:flex}.Primer_Brand__Textarea-module__Textarea-wrapper___MFMUn:not(.Primer_Brand__Textarea-module__Textarea-wrapper--fullWidth___0JycR){width:min-content}.Primer_Brand__Textarea-module__Textarea-wrapper--monospace___gvhYX{font-family:var(--brand-fontStack-monospace)}.Primer_Brand__Textarea-module__Textarea-wrapper___MFMUn:focus-within{border-color:var(--brand-control-color-focus);box-shadow:0 0 0 1px var(--brand-control-color-focus);outline:none}@media (forced-colors:active){.Primer_Brand__Textarea-module__Textarea-wrapper___MFMUn:focus-within{outline:var(--brand-borderWidth-thick) solid Highlight;outline-offset:var(--base-size-2)}}.Primer_Brand__Textarea-module__Textarea-wrapper--success___PQHrN,.Primer_Brand__Textarea-module__Textarea-wrapper--success___PQHrN.Primer_Brand__Textarea-module__Textarea-wrapper--disabled___ZodGM{border-color:var(--brand-color-success-fg)}.Primer_Brand__Textarea-module__Textarea-wrapper--error___7G92h,.Primer_Brand__Textarea-module__Textarea-wrapper--error___7G92h.Primer_Brand__Textarea-module__Textarea-wrapper--disabled___ZodGM{border-color:var(--brand-color-danger-fg)}@media (prefers-reduced-motion:reduce){.Primer_Brand__Textarea-module__Textarea___mcWf5,.Primer_Brand__Textarea-module__Textarea___mcWf5:before,.Primer_Brand__Textarea-module__Textarea___mcWf5:after,.Primer_Brand__Textarea-module__Textarea___mcWf5 *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

package/esm/forms/Textarea/Textarea.module.js

@@ -1,4 +1,4 @@
-import './Textarea.module-CdUlSjWq.css';var e = {
+import './Textarea.module-C4pwTMjB.css';var e = {
 	Textarea: "Primer_Brand__Textarea-module__Textarea___mcWf5",
 	"Textarea-resize--vertical": "Primer_Brand__Textarea-module__Textarea-resize--vertical___Vby4g",
 	"Textarea-resize--horizontal": "Primer_Brand__Textarea-module__Textarea-resize--horizontal___s4S8w",

package/esm/forms/Textarea/Textarea.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.module.js","names":[],"sources":["../../../src/forms/Textarea/Textarea.module.css"],"sourcesContent":["/*\n * Default Textarea styles\n */\n.Textarea {\n  display: flex;\n  color: var(--brand-control-color-fg-default);\n  background-color: var(--brand-color-canvas-default);\n  border: none;\n  border-radius: var(--brand-borderRadius-medium);\n  line-height: var(--brand-text-lineHeight-100);\n  transition: var(--brand-control-animation-duration) var(--brand-control-animation-easing);\n  transition-property: color, background-color, box-shadow;\n}\n\n.Textarea::placeholder {\n  color: var(--brand-color-text-muted);\n  opacity: 1;\n}\n\n.Textarea[disabled] {\n  -webkit-text-fill-color: var(--brand-control-color-fg-disabled);\n  color: var(--brand-control-color-fg-disabled);\n  cursor: not-allowed;\n  background-color: var(--brand-control-color-canvas-disabled);\n  opacity: 1;\n  resize: none;\n}\n\n.Textarea:focus {\n  outline: none;\n}\n\n.Textarea-resize--vertical {\n  resize: vertical;\n}\n\n.Textarea-resize--horizontal {\n  resize: horizontal;\n}\n\n.Textarea-resize--none {\n  resize: none;\n}\n\n.Textarea-resize--both {\n  resize: both;\n}\n\n/*\n * Sizes\n */\n.Textarea--medium {\n  font-weight: var(--brand-text-weight-100);\n  font-size: var(--brand-text-size-100);\n  padding: var(--brand-control-medium-paddingBlock-normal) var(--brand-control-medium-paddingInline-condensed);\n}\n\n.Textarea--large {\n  font-weight: var(--brand-text-weight-200);\n  font-size: var(--brand-text-size-200);\n  padding: var(--brand-control-large-paddingBlock-normal) var(--brand-control-large-paddingInline-condensed);\n}\n\n/*\n * Visual states\n */\n.Textarea--fullWidth {\n  width: 100%;\n}\n\n/*\n * Textarea wrapper\n */\n\n.Textarea-wrapper--disabled {\n  border-color: var(--brand-control-color-border-disabled);\n}\n\n.Textarea-wrapper {\n  font-family: var(--brand-body-fontFamily);\n  display: inline-flex;\n  position: relative;\n  border: solid var(--brand-borderWidth-thin, 1px) var(--brand-control-color-border-default);\n  border-radius: var(--brand-borderRadius-medium);\n  transition: var(--brand-control-animation-duration) var(--brand-control-animation-easing);\n  transition-property: border;\n}\n\n.Textarea-wrapper--invisible {\n  border-color: transparent;\n}\n\n.Textarea-wrapper--fullWidth {\n  display: flex;\n}\n\n.Textarea-wrapper:not(.Textarea-wrapper--fullWidth) {\n  width: min-content;\n}\n\n.Textarea-wrapper--monospace {\n  font-family: var(--brand-fontStack-monospace);\n}\n\n.Textarea-wrapper:focus-within {\n  border-color: var(--brand-color-focus);\n  box-shadow: 0 0 0 1px var(--brand-color-focus);\n  outline: none;\n}\n\n@media (forced-colors: active) {\n  .Textarea-wrapper:focus-within {\n    outline: var(--brand-borderWidth-thick) solid Highlight;\n    outline-offset: var(--base-size-2);\n  }\n}\n\n/*\n * Validation\n */\n\n.Textarea-wrapper--success,\n.Textarea-wrapper--success.Textarea-wrapper--disabled {\n  border-color: var(--brand-color-success-fg);\n}\n\n.Textarea-wrapper--error,\n.Textarea-wrapper--error.Textarea-wrapper--disabled {\n  border-color: var(--brand-color-danger-fg);\n}\n\n/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */\n@media (prefers-reduced-motion: reduce) {\n  .Textarea,\n  .Textarea::before,\n  .Textarea::after,\n  .Textarea * {\n    animation: none !important;\n    transition: none !important;\n    scroll-behavior: auto !important;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"Textarea.module.js","names":[],"sources":["../../../src/forms/Textarea/Textarea.module.css"],"sourcesContent":["/*\n * Default Textarea styles\n */\n.Textarea {\n  display: flex;\n  color: var(--brand-control-color-fg-default);\n  background-color: var(--brand-color-canvas-default);\n  border: none;\n  border-radius: var(--brand-borderRadius-medium);\n  line-height: var(--brand-text-lineHeight-100);\n  transition: var(--brand-control-animation-duration) var(--brand-control-animation-easing);\n  transition-property: color, background-color, box-shadow;\n}\n\n.Textarea::placeholder {\n  color: var(--brand-color-text-muted);\n  opacity: 1;\n}\n\n.Textarea[disabled] {\n  -webkit-text-fill-color: var(--brand-control-color-fg-disabled);\n  color: var(--brand-control-color-fg-disabled);\n  cursor: not-allowed;\n  background-color: var(--brand-control-color-canvas-disabled);\n  opacity: 1;\n  resize: none;\n}\n\n.Textarea:focus {\n  outline: none;\n}\n\n.Textarea-resize--vertical {\n  resize: vertical;\n}\n\n.Textarea-resize--horizontal {\n  resize: horizontal;\n}\n\n.Textarea-resize--none {\n  resize: none;\n}\n\n.Textarea-resize--both {\n  resize: both;\n}\n\n/*\n * Sizes\n */\n.Textarea--medium {\n  font-weight: var(--brand-text-weight-100);\n  font-size: var(--brand-text-size-100);\n  padding: var(--brand-control-medium-paddingBlock-normal) var(--brand-control-medium-paddingInline-condensed);\n}\n\n.Textarea--large {\n  font-weight: var(--brand-text-weight-200);\n  font-size: var(--brand-text-size-200);\n  padding: var(--brand-control-large-paddingBlock-normal) var(--brand-control-large-paddingInline-condensed);\n}\n\n/*\n * Visual states\n */\n.Textarea--fullWidth {\n  width: 100%;\n}\n\n/*\n * Textarea wrapper\n */\n\n.Textarea-wrapper--disabled {\n  border-color: var(--brand-control-color-border-disabled);\n}\n\n.Textarea-wrapper {\n  font-family: var(--brand-body-fontFamily);\n  display: inline-flex;\n  position: relative;\n  border: solid var(--brand-borderWidth-thin, 1px) var(--brand-control-color-border-default);\n  border-radius: var(--brand-borderRadius-medium);\n  transition: var(--brand-control-animation-duration) var(--brand-control-animation-easing);\n  transition-property: border;\n}\n\n.Textarea-wrapper--invisible {\n  border-color: transparent;\n}\n\n.Textarea-wrapper--fullWidth {\n  display: flex;\n}\n\n.Textarea-wrapper:not(.Textarea-wrapper--fullWidth) {\n  width: min-content;\n}\n\n.Textarea-wrapper--monospace {\n  font-family: var(--brand-fontStack-monospace);\n}\n\n.Textarea-wrapper:focus-within {\n  border-color: var(--brand-control-color-focus);\n  box-shadow: 0 0 0 1px var(--brand-control-color-focus);\n  outline: none;\n}\n\n@media (forced-colors: active) {\n  .Textarea-wrapper:focus-within {\n    outline: var(--brand-borderWidth-thick) solid Highlight;\n    outline-offset: var(--base-size-2);\n  }\n}\n\n/*\n * Validation\n */\n\n.Textarea-wrapper--success,\n.Textarea-wrapper--success.Textarea-wrapper--disabled {\n  border-color: var(--brand-color-success-fg);\n}\n\n.Textarea-wrapper--error,\n.Textarea-wrapper--error.Textarea-wrapper--disabled {\n  border-color: var(--brand-color-danger-fg);\n}\n\n/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */\n@media (prefers-reduced-motion: reduce) {\n  .Textarea,\n  .Textarea::before,\n  .Textarea::after,\n  .Textarea * {\n    animation: none !important;\n    transition: none !important;\n    scroll-behavior: auto !important;\n  }\n}\n"],"mappings":""}

package/esm/index.d.ts

@@ -6,6 +6,7 @@ export * from './ThemeProvider';
 export * from './Button';
 export * from './ButtonGroup';
 export * from './river';
+export * from './MediaPlaylist';
 export * from './SubdomainNavBar';
 export * from './InlineLink';
 export * from './Link';

package/esm/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA;AAEjC,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA;AACvB,cAAc,mBAAmB,CAAA;AACjC,cAAc,cAAc,CAAA;AAC5B,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,aAAa,CAAA;AAC3B,cAAc,OAAO,CAAA;AACrB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA;AAC5B,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA;AACrB,cAAc,eAAe,CAAA;AAC7B,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA;AAChC,cAAc,UAAU,CAAA;AACxB,cAAc,OAAO,CAAA;AACrB,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA;AACzB,cAAc,aAAa,CAAA;AAC3B,cAAc,kBAAkB,CAAA;AAChC,cAAc,aAAa,CAAA;AAC3B,cAAc,QAAQ,CAAA;AACtB,cAAc,mBAAmB,CAAA;AACjC,cAAc,uBAAuB,CAAA;AACrC,cAAc,QAAQ,CAAA;AACtB,cAAc,uBAAuB,CAAA;AACrC,cAAc,SAAS,CAAA;AAGvB,cAAc,uBAAuB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA;AAEjC,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA;AACvB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,mBAAmB,CAAA;AACjC,cAAc,cAAc,CAAA;AAC5B,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,aAAa,CAAA;AAC3B,cAAc,OAAO,CAAA;AACrB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA;AAC5B,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA;AACrB,cAAc,eAAe,CAAA;AAC7B,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA;AAChC,cAAc,UAAU,CAAA;AACxB,cAAc,OAAO,CAAA;AACrB,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA;AACzB,cAAc,aAAa,CAAA;AAC3B,cAAc,kBAAkB,CAAA;AAChC,cAAc,aAAa,CAAA;AAC3B,cAAc,QAAQ,CAAA;AACtB,cAAc,mBAAmB,CAAA;AACjC,cAAc,uBAAuB,CAAA;AACrC,cAAc,QAAQ,CAAA;AACtB,cAAc,uBAAuB,CAAA;AACrC,cAAc,SAAS,CAAA;AAGvB,cAAc,uBAAuB,CAAA"}

package/esm/index.esm.js

@@ -25,53 +25,54 @@ import { Icon as Ce, defaultIconColor as we, defaultIconSize as Te, iconColors a
 import { BreakpointSize as je, useWindowSize as Me } from "./hooks/useWindowSize.js";
 import { RiverBreakoutTabs as Ne } from "./river/RiverBreakoutTabs/RiverBreakoutTabs.js";
 import { RiverStoryScroll as Pe } from "./river/RiverStoryScroll/RiverStoryScroll.js";
-import { SubdomainNavBar as Fe } from "./SubdomainNavBar/SubdomainNavBar.js";
-import { InlineLink as Ie } from "./InlineLink/InlineLink.js";
-import { Token as Le, TokenVariants as Re, defaultTokenVariant as ze } from "./Token/Token.js";
-import { Accordion as Be, AccordionContent as Ve, AccordionHeading as He, AccordionRoot as Ue, AccordionToggleColors as We } from "./Accordion/Accordion.js";
-import { FAQ as Ge } from "./FAQ/FAQ.js";
-import { FAQGroup as Ke } from "./FAQ/FAQGroup.js";
-import { Checkbox as qe } from "./forms/Checkbox/Checkbox.js";
-import { DEFAULT_TEXTAREA_COLS as Je, DEFAULT_TEXTAREA_RESIZE as Ye, DEFAULT_TEXTAREA_ROWS as Xe, Textarea as Ze } from "./forms/Textarea/Textarea.js";
-import { TextInput as Qe } from "./forms/TextInput/TextInput.js";
-import { Select as $e } from "./forms/Select/Select.js";
-import { Radio as et } from "./forms/Radio/Radio.js";
-import { FormControl as tt } from "./forms/FormControl/FormControl.js";
-import { CheckboxGroup as nt } from "./forms/CheckboxGroup/CheckboxGroup.js";
-import { RadioGroup as rt } from "./forms/RadioGroup/RadioGroup.js";
-import { Avatar as it, AvatarShapes as at, AvatarSizes as ot } from "./Avatar/Avatar.js";
-import { Testimonial as st, TestimonialQuoteMarkColors as ct, TestimonialVariants as lt, defaultQuoteMarkColor as ut, defaultTestimonialVariant as dt } from "./Testimonial/Testimonial.js";
-import { ComparisonTable as ft, _ComparisonTable as pt } from "./ComparisonTable/ComparisonTable.js";
-import { AnchorNav as mt } from "./AnchorNav/AnchorNav.js";
-import { CTABanner as ht, CTABannerBackgroundColors as gt } from "./CTABanner/CTABanner.js";
-import { UnorderedList as _t } from "./list/UnorderedList/UnorderedList.js";
-import { OrderedList as vt } from "./list/OrderedList/OrderedList.js";
-import { CTAForm as yt } from "./CTAForm/CTAForm.js";
-import { MinimalFooter as bt } from "./MinimalFooter/MinimalFooter.js";
-import { Pillar as xt, defaultPillarIconColor as St, defaultPillarIconSize as Ct } from "./Pillar/Pillar.js";
-import { Card as wt, CardBackgroundColors as Tt, CardCTAVariants as Et, CardIconColors as Dt, CardLabelVariants as Ot, CardTokenPositions as kt, CardVariants as At, defaultCardCTAVariant as jt, defaultCardIconColor as Mt, defaultCardLabelVariant as Nt } from "./Card/Card.js";
-import { CardSkewEffect as Pt } from "./Card/CardSkewEffect.js";
-import { SectionIntro as Ft } from "./SectionIntro/SectionIntro.js";
-import { ActionMenu as It, ActionMenuButtonModes as Lt, ActionMenuProvider as Rt, ActionMenuSizes as zt, actionMenuOverlaySides as Bt, useActionMenuContext as Vt } from "./ActionMenu/ActionMenu.js";
-import { Prose as Ht } from "./Prose/Prose.js";
-import { useVideo as Ut } from "./VideoPlayer/hooks/useVideo.js";
-import { VideoPlayer as Wt } from "./VideoPlayer/VideoPlayer.js";
-import { LogoSuite as Gt } from "./LogoSuite/LogoSuite.js";
-import { Timeline as Kt } from "./Timeline/Timeline.js";
-import { Bento as qt } from "./Bento/Bento.js";
-import { EyebrowBanner as Jt, EyebrowBannerIconColors as Yt, EyebrowBannerLabelColors as Xt, defaultEyebrowBannerIconColor as Zt } from "./EyebrowBanner/EyebrowBanner.js";
-import { PricingOptions as Qt } from "./PricingOptions/PricingOptions.js";
-import { SubNav as $t, SubNavSubMenuVariants as en, useSubNavContext as tn } from "./SubNav/SubNav.js";
-import { IDE as nn, IDEDefaultIconMap as rn, IDEFileExtensions as an } from "./IDE/IDE.js";
-import { BreadcrumbVariants as on, Breadcrumbs as sn } from "./Breadcrumbs/Breadcrumbs.js";
-import { Pagination as cn } from "./Pagination/Pagination.js";
-import { Tooltip as ln, TooltipContext as un } from "./Tooltip/Tooltip.js";
-import { Section as dn, SectionBackgroundColors as fn, SectionPaddingVariants as pn } from "./Section/Section.js";
-import { Statistic as mn, StatisticSizes as hn, StatisticSpacingValues as gn } from "./Statistic/Statistic.js";
-import { BreakoutBanner as _n, BreakoutBannerBackgroundColors as vn } from "./BreakoutBanner/BreakoutBanner.js";
-import { Footnotes as yn, FootnotesItemTags as bn, FootnotesTags as xn } from "./Footnotes/Footnotes.js";
-import { FrostedGlassVFX as Sn, FrostedGlassVFXIntensity as Cn, defaultFrostedGlassVFXIntensity as wn } from "./FrostedGlassVFX/FrostedGlassVFX.js";
-import { SectionIntroStacked as Tn, SectionIntroStackedVariants as En } from "./SectionIntroStacked/SectionIntroStacked.js";
-import { Tabs as Dn } from "./Tabs/Tabs.js";
-import { Tiles as On } from "./Tiles/Tiles.js";
-export { Be as Accordion, Ve as AccordionContent, He as AccordionHeading, Ue as AccordionRoot, We as AccordionToggleColors, It as ActionMenu, Lt as ActionMenuButtonModes, Rt as ActionMenuProvider, zt as ActionMenuSizes, mt as AnchorNav, a as Animate, n as AnimationContext, r as AnimationProvider, i as AnimationVariants, it as Avatar, at as AvatarShapes, ot as AvatarSizes, qt as Bento, g as Box, _ as BoxBackgroundColors, v as BoxBorderColorOptions, y as BoxBorderRadiusOptions, b as BoxBorderWidthOptions, x as BoxSpacingValues, on as BreadcrumbVariants, sn as Breadcrumbs, _n as BreakoutBanner, vn as BreakoutBannerBackgroundColors, je as BreakpointSize, J as Button, ae as ButtonGroup, Y as ButtonSizes, X as ButtonVariants, ht as CTABanner, gt as CTABannerBackgroundColors, yt as CTAForm, wt as Card, Tt as CardBackgroundColors, Et as CardCTAVariants, Dt as CardIconColors, Ot as CardLabelVariants, Pt as CardSkewEffect, kt as CardTokenPositions, At as CardVariants, qe as Checkbox, nt as CheckboxGroup, te as ColorModesEnum, ft as ComparisonTable, Je as DEFAULT_TEXTAREA_COLS, Ye as DEFAULT_TEXTAREA_RESIZE, Xe as DEFAULT_TEXTAREA_ROWS, Jt as EyebrowBanner, Yt as EyebrowBannerIconColors, Xt as EyebrowBannerLabelColors, M as EyebrowText, N as EyebrowTextVariants, Ge as FAQ, Ke as FAQGroup, yn as Footnotes, bn as FootnotesItemTags, xn as FootnotesTags, tt as FormControl, Sn as FrostedGlassVFX, Cn as FrostedGlassVFXIntensity, t as Grid, I as Heading, L as HeadingFontVariants, R as HeadingLetterSpacing, z as HeadingSizes, B as HeadingStretch, V as HeadingTags, H as HeadingWeights, ee as Hero, nn as IDE, rn as IDEDefaultIconMap, an as IDEFileExtensions, Ce as Icon, K as Image, q as ImageBorderRadiusOptions, Ie as InlineLink, fe as Label, pe as LabelColors, me as LabelSizes, ce as Link, le as LinkArrowDirections, ue as LinkSizes, de as LinkVariants, Gt as LogoSuite, bt as MinimalFooter, vt as OrderedList, cn as Pagination, xt as Pillar, Qt as PricingOptions, Ht as Prose, et as Radio, rt as RadioGroup, _e as River, oe as RiverAccordion, se as RiverAccordionVariants, xe as RiverBreakout, Ne as RiverBreakoutTabs, Se as RiverBreakoutVariants, Pe as RiverStoryScroll, dn as Section, fn as SectionBackgroundColors, Ft as SectionIntro, Tn as SectionIntroStacked, En as SectionIntroStackedVariants, pn as SectionPaddingVariants, $e as Select, c as Stack, l as StackAlignItemVariants, u as StackDirectionVariants, d as StackFlexWrapVariants, f as StackJustifyContentVariants, p as StackSpacingVariants, mn as Statistic, hn as StatisticSizes, gn as StatisticSpacingValues, $t as SubNav, en as SubNavSubMenuVariants, Fe as SubdomainNavBar, Dn as Tabs, st as Testimonial, ct as TestimonialQuoteMarkColors, lt as TestimonialVariants, S as Text, P as TextCursorAnimation, C as TextFontVariants, Qe as TextInput, s as TextRevealAnimation, w as TextSizes, T as TextTags, E as TextVariants, D as TextWeights, Ze as Textarea, ne as ThemeContext, re as ThemeProvider, On as Tiles, Kt as Timeline, Le as Token, Re as TokenVariants, ln as Tooltip, un as TooltipContext, _t as UnorderedList, Wt as VideoPlayer, Z as _Button, pt as _ComparisonTable, e as _GLOBAL_STYLES, Bt as actionMenuOverlaySides, U as classMap, Q as defaultButtonSize, $ as defaultButtonVariant, jt as defaultCardCTAVariant, Mt as defaultCardIconColor, Nt as defaultCardLabelVariant, Zt as defaultEyebrowBannerIconColor, O as defaultFontVariant, wn as defaultFrostedGlassVFXIntensity, W as defaultHeadingFont, G as defaultHeadingTag, we as defaultIconColor, Te as defaultIconSize, he as defaultLabelColor, ge as defaultLabelSize, St as defaultPillarIconColor, Ct as defaultPillarIconSize, ut as defaultQuoteMarkColor, ve as defaultRiverAlign, ye as defaultRiverImageTextRatio, be as defaultRiverVariant, m as defaultStackDirection, h as defaultStackSpacing, dt as defaultTestimonialVariant, k as defaultTextSize, A as defaultTextTag, j as defaultTextVariant, ze as defaultTokenVariant, Ee as iconColors, De as iconSizeMap, Oe as iconSizes, ke as namedIconSizes, Ae as numericIconSizes, F as testIds, Vt as useActionMenuContext, o as useAnimation, tn as useSubNavContext, ie as useTheme, Ut as useVideo, Me as useWindowSize };
+import { Pagination as Fe } from "./Pagination/Pagination.js";
+import { MediaPlaylist as Ie } from "./MediaPlaylist/MediaPlaylist.js";
+import { SubdomainNavBar as Le } from "./SubdomainNavBar/SubdomainNavBar.js";
+import { InlineLink as Re } from "./InlineLink/InlineLink.js";
+import { Token as ze, TokenVariants as Be, defaultTokenVariant as Ve } from "./Token/Token.js";
+import { Accordion as He, AccordionContent as Ue, AccordionHeading as We, AccordionRoot as Ge, AccordionToggleColors as Ke } from "./Accordion/Accordion.js";
+import { FAQ as qe } from "./FAQ/FAQ.js";
+import { FAQGroup as Je } from "./FAQ/FAQGroup.js";
+import { Checkbox as Ye } from "./forms/Checkbox/Checkbox.js";
+import { DEFAULT_TEXTAREA_COLS as Xe, DEFAULT_TEXTAREA_RESIZE as Ze, DEFAULT_TEXTAREA_ROWS as Qe, Textarea as $e } from "./forms/Textarea/Textarea.js";
+import { TextInput as et } from "./forms/TextInput/TextInput.js";
+import { Select as tt } from "./forms/Select/Select.js";
+import { Radio as nt } from "./forms/Radio/Radio.js";
+import { FormControl as rt } from "./forms/FormControl/FormControl.js";
+import { CheckboxGroup as it } from "./forms/CheckboxGroup/CheckboxGroup.js";
+import { RadioGroup as at } from "./forms/RadioGroup/RadioGroup.js";
+import { Avatar as ot, AvatarShapes as st, AvatarSizes as ct } from "./Avatar/Avatar.js";
+import { Testimonial as lt, TestimonialQuoteMarkColors as ut, TestimonialVariants as dt, defaultQuoteMarkColor as ft, defaultTestimonialVariant as pt } from "./Testimonial/Testimonial.js";
+import { ComparisonTable as mt, _ComparisonTable as ht } from "./ComparisonTable/ComparisonTable.js";
+import { AnchorNav as gt } from "./AnchorNav/AnchorNav.js";
+import { CTABanner as _t, CTABannerBackgroundColors as vt } from "./CTABanner/CTABanner.js";
+import { UnorderedList as yt } from "./list/UnorderedList/UnorderedList.js";
+import { OrderedList as bt } from "./list/OrderedList/OrderedList.js";
+import { CTAForm as xt } from "./CTAForm/CTAForm.js";
+import { MinimalFooter as St } from "./MinimalFooter/MinimalFooter.js";
+import { Pillar as Ct, defaultPillarIconColor as wt, defaultPillarIconSize as Tt } from "./Pillar/Pillar.js";
+import { Card as Et, CardBackgroundColors as Dt, CardCTAVariants as Ot, CardIconColors as kt, CardLabelVariants as At, CardTokenPositions as jt, CardVariants as Mt, defaultCardCTAVariant as Nt, defaultCardIconColor as Pt, defaultCardLabelVariant as Ft } from "./Card/Card.js";
+import { CardSkewEffect as It } from "./Card/CardSkewEffect.js";
+import { SectionIntro as Lt } from "./SectionIntro/SectionIntro.js";
+import { ActionMenu as Rt, ActionMenuButtonModes as zt, ActionMenuProvider as Bt, ActionMenuSizes as Vt, actionMenuOverlaySides as Ht, useActionMenuContext as Ut } from "./ActionMenu/ActionMenu.js";
+import { Prose as Wt } from "./Prose/Prose.js";
+import { useVideo as Gt } from "./VideoPlayer/hooks/useVideo.js";
+import { VideoPlayer as Kt } from "./VideoPlayer/VideoPlayer.js";
+import { LogoSuite as qt } from "./LogoSuite/LogoSuite.js";
+import { Timeline as Jt } from "./Timeline/Timeline.js";
+import { Bento as Yt } from "./Bento/Bento.js";
+import { EyebrowBanner as Xt, EyebrowBannerIconColors as Zt, EyebrowBannerLabelColors as Qt, defaultEyebrowBannerIconColor as $t } from "./EyebrowBanner/EyebrowBanner.js";
+import { PricingOptions as en } from "./PricingOptions/PricingOptions.js";
+import { SubNav as tn, SubNavSubMenuVariants as nn, useSubNavContext as rn } from "./SubNav/SubNav.js";
+import { IDE as an, IDEDefaultIconMap as on, IDEFileExtensions as sn } from "./IDE/IDE.js";
+import { BreadcrumbVariants as cn, Breadcrumbs as ln } from "./Breadcrumbs/Breadcrumbs.js";
+import { Tooltip as un, TooltipContext as dn } from "./Tooltip/Tooltip.js";
+import { Section as fn, SectionBackgroundColors as pn, SectionPaddingVariants as mn } from "./Section/Section.js";
+import { Statistic as hn, StatisticSizes as gn, StatisticSpacingValues as _n } from "./Statistic/Statistic.js";
+import { BreakoutBanner as vn, BreakoutBannerBackgroundColors as yn } from "./BreakoutBanner/BreakoutBanner.js";
+import { Footnotes as bn, FootnotesItemTags as xn, FootnotesTags as Sn } from "./Footnotes/Footnotes.js";
+import { FrostedGlassVFX as Cn, FrostedGlassVFXIntensity as wn, defaultFrostedGlassVFXIntensity as Tn } from "./FrostedGlassVFX/FrostedGlassVFX.js";
+import { SectionIntroStacked as En, SectionIntroStackedVariants as Dn } from "./SectionIntroStacked/SectionIntroStacked.js";
+import { Tabs as On } from "./Tabs/Tabs.js";
+import { Tiles as kn } from "./Tiles/Tiles.js";
+export { He as Accordion, Ue as AccordionContent, We as AccordionHeading, Ge as AccordionRoot, Ke as AccordionToggleColors, Rt as ActionMenu, zt as ActionMenuButtonModes, Bt as ActionMenuProvider, Vt as ActionMenuSizes, gt as AnchorNav, a as Animate, n as AnimationContext, r as AnimationProvider, i as AnimationVariants, ot as Avatar, st as AvatarShapes, ct as AvatarSizes, Yt as Bento, g as Box, _ as BoxBackgroundColors, v as BoxBorderColorOptions, y as BoxBorderRadiusOptions, b as BoxBorderWidthOptions, x as BoxSpacingValues, cn as BreadcrumbVariants, ln as Breadcrumbs, vn as BreakoutBanner, yn as BreakoutBannerBackgroundColors, je as BreakpointSize, J as Button, ae as ButtonGroup, Y as ButtonSizes, X as ButtonVariants, _t as CTABanner, vt as CTABannerBackgroundColors, xt as CTAForm, Et as Card, Dt as CardBackgroundColors, Ot as CardCTAVariants, kt as CardIconColors, At as CardLabelVariants, It as CardSkewEffect, jt as CardTokenPositions, Mt as CardVariants, Ye as Checkbox, it as CheckboxGroup, te as ColorModesEnum, mt as ComparisonTable, Xe as DEFAULT_TEXTAREA_COLS, Ze as DEFAULT_TEXTAREA_RESIZE, Qe as DEFAULT_TEXTAREA_ROWS, Xt as EyebrowBanner, Zt as EyebrowBannerIconColors, Qt as EyebrowBannerLabelColors, M as EyebrowText, N as EyebrowTextVariants, qe as FAQ, Je as FAQGroup, bn as Footnotes, xn as FootnotesItemTags, Sn as FootnotesTags, rt as FormControl, Cn as FrostedGlassVFX, wn as FrostedGlassVFXIntensity, t as Grid, I as Heading, L as HeadingFontVariants, R as HeadingLetterSpacing, z as HeadingSizes, B as HeadingStretch, V as HeadingTags, H as HeadingWeights, ee as Hero, an as IDE, on as IDEDefaultIconMap, sn as IDEFileExtensions, Ce as Icon, K as Image, q as ImageBorderRadiusOptions, Re as InlineLink, fe as Label, pe as LabelColors, me as LabelSizes, ce as Link, le as LinkArrowDirections, ue as LinkSizes, de as LinkVariants, qt as LogoSuite, Ie as MediaPlaylist, St as MinimalFooter, bt as OrderedList, Fe as Pagination, Ct as Pillar, en as PricingOptions, Wt as Prose, nt as Radio, at as RadioGroup, _e as River, oe as RiverAccordion, se as RiverAccordionVariants, xe as RiverBreakout, Ne as RiverBreakoutTabs, Se as RiverBreakoutVariants, Pe as RiverStoryScroll, fn as Section, pn as SectionBackgroundColors, Lt as SectionIntro, En as SectionIntroStacked, Dn as SectionIntroStackedVariants, mn as SectionPaddingVariants, tt as Select, c as Stack, l as StackAlignItemVariants, u as StackDirectionVariants, d as StackFlexWrapVariants, f as StackJustifyContentVariants, p as StackSpacingVariants, hn as Statistic, gn as StatisticSizes, _n as StatisticSpacingValues, tn as SubNav, nn as SubNavSubMenuVariants, Le as SubdomainNavBar, On as Tabs, lt as Testimonial, ut as TestimonialQuoteMarkColors, dt as TestimonialVariants, S as Text, P as TextCursorAnimation, C as TextFontVariants, et as TextInput, s as TextRevealAnimation, w as TextSizes, T as TextTags, E as TextVariants, D as TextWeights, $e as Textarea, ne as ThemeContext, re as ThemeProvider, kn as Tiles, Jt as Timeline, ze as Token, Be as TokenVariants, un as Tooltip, dn as TooltipContext, yt as UnorderedList, Kt as VideoPlayer, Z as _Button, ht as _ComparisonTable, e as _GLOBAL_STYLES, Ht as actionMenuOverlaySides, U as classMap, Q as defaultButtonSize, $ as defaultButtonVariant, Nt as defaultCardCTAVariant, Pt as defaultCardIconColor, Ft as defaultCardLabelVariant, $t as defaultEyebrowBannerIconColor, O as defaultFontVariant, Tn as defaultFrostedGlassVFXIntensity, W as defaultHeadingFont, G as defaultHeadingTag, we as defaultIconColor, Te as defaultIconSize, he as defaultLabelColor, ge as defaultLabelSize, wt as defaultPillarIconColor, Tt as defaultPillarIconSize, ft as defaultQuoteMarkColor, ve as defaultRiverAlign, ye as defaultRiverImageTextRatio, be as defaultRiverVariant, m as defaultStackDirection, h as defaultStackSpacing, pt as defaultTestimonialVariant, k as defaultTextSize, A as defaultTextTag, j as defaultTextVariant, Ve as defaultTokenVariant, Ee as iconColors, De as iconSizeMap, Oe as iconSizes, ke as namedIconSizes, Ae as numericIconSizes, F as testIds, Ut as useActionMenuContext, o as useAnimation, rn as useSubNavContext, ie as useTheme, Gt as useVideo, Me as useWindowSize };

package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/button/colors-with-modes-kII0kqk3.css

@@ -0,0 +1 @@
+:root,[data-color-mode=light]{--brand-button-primary-bgColor-rest:var(--base-color-scale-green-6);--brand-button-primary-bgColor-hover:color-mix(in srgb, var(--base-color-scale-green-6), #000 16%);--brand-button-primary-bgColor-active:linear-gradient(0deg, #0000003d 0%, #0000003d 100%), var(--base-color-scale-green-6);--brand-button-primary-bgColor-disabled:var(--base-color-scale-gray-4);--brand-button-primary-borderColor-rest:transparent;--brand-button-primary-borderColor-hover:transparent;--brand-button-primary-borderColor-active:var(--base-color-scale-green-7);--brand-button-primary-borderColor-disabled:transparent;--brand-button-primary-fgColor-rest:var(--base-color-scale-white-0);--brand-button-primary-fgColor-disabled:var(--base-color-scale-gray-2);--brand-button-primary-shadow-active:none;--brand-button-secondary-bgColor-rest:#0000000f;--brand-button-secondary-bgColor-hover:#0000001e;--brand-button-secondary-bgColor-active:#00000036;--brand-button-secondary-borderColor-rest:var(--base-color-scale-gray-2);--brand-button-secondary-borderColor-hover:var(--base-color-scale-gray-2);--brand-button-secondary-borderColor-active:var(--base-color-scale-gray-2);--brand-button-secondary-fgColor-rest:var(--brand-color-text-default);--brand-button-secondary-fgColor-disabled:var(--base-color-scale-gray-3);--brand-button-subtle-bgColor-rest:#00000003;--brand-button-subtle-bgColor-hover:#0000001e;--brand-button-subtle-bgColor-active:#00000036;--brand-button-subtle-borderColor-rest:var(--base-color-scale-gray-2);--brand-button-subtle-borderColor-hover:var(--base-color-scale-gray-2);--brand-button-subtle-borderColor-active:var(--base-color-scale-gray-2);--brand-button-subtle-fgColor-rest:var(--brand-color-text-default);--brand-button-subtle-fgColor-disabled:var(--base-color-scale-gray-3)}[data-color-mode=dark]{--brand-button-primary-bgColor-rest:var(--base-color-scale-green-5);--brand-button-primary-bgColor-hover:color-mix(in srgb, var(--base-color-scale-green-5), #000 16%);--brand-button-primary-bgColor-active:linear-gradient(0deg, #0000003d 0%, #0000003d 100%), var(--base-color-scale-green-5);--brand-button-primary-bgColor-disabled:var(--base-color-scale-gray-4);--brand-button-primary-borderColor-rest:transparent;--brand-button-primary-borderColor-hover:transparent;--brand-button-primary-borderColor-active:var(--base-color-scale-green-6);--brand-button-primary-borderColor-disabled:transparent;--brand-button-primary-fgColor-rest:var(--base-color-scale-white-0);--brand-button-primary-fgColor-disabled:var(--base-color-scale-gray-2);--brand-button-primary-shadow-active:none;--brand-button-secondary-bgColor-rest:#ffffff1f;--brand-button-secondary-bgColor-hover:#ffffff29;--brand-button-secondary-bgColor-active:#ffffff42;--brand-button-secondary-borderColor-rest:#ffffff0f;--brand-button-secondary-borderColor-hover:#ffffff1f;--brand-button-secondary-borderColor-active:#ffffff1f;--brand-button-secondary-fgColor-rest:var(--brand-color-text-default);--brand-button-secondary-fgColor-disabled:var(--base-color-scale-gray-4);--brand-button-subtle-bgColor-rest:#00000003;--brand-button-subtle-bgColor-hover:#ffffff29;--brand-button-subtle-bgColor-active:#ffffff3d;--brand-button-subtle-borderColor-rest:var(--base-color-scale-gray-6);--brand-button-subtle-borderColor-hover:#ffffff1f;--brand-button-subtle-borderColor-active:#ffffff1f;--brand-button-subtle-fgColor-rest:var(--brand-color-text-default);--brand-button-subtle-fgColor-disabled:var(--base-color-scale-gray-4)}

package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/components/media-playlist/colors-with-modes-YId8eSZQ.css

@@ -0,0 +1 @@
+:root,[data-color-mode=light]{--brand-MediaPlaylist-bgColor:linear-gradient(180deg, #f2f5f380 0%, #f2f5f300 100%), var(--brand-color-canvas-default)}[data-color-mode=dark]{--brand-MediaPlaylist-bgColor:linear-gradient(180deg, var(--base-color-scale-gray-8) 0%, var(--base-color-scale-black-0) 100%), var(--brand-color-canvas-default)}

package/esm/packages/design-tokens/lib/design-tokens/css/tokens/functional/size/size-SXubYfUg.css

@@ -0,0 +1 @@
+:root{--brand-control-animation-easing:var(--brand-animation-easing-glide);--brand-control-animation-duration:80ms;--brand-control-large-size:3.75rem;--brand-control-medium-size:2.6875rem;--brand-controlStack-large-gap-spacious:var(--base-size-12);--brand-controlStack-large-gap-condensed:var(--base-size-8);--brand-controlStack-large-gap-auto:var(--base-size-8);--brand-controlStack-medium-gap-spacious:var(--base-size-12);--brand-controlStack-medium-gap-condensed:var(--base-size-8);--brand-controlStack-small-gap-spacious:var(--base-size-16);--brand-controlStack-small-gap-condensed:var(--base-size-8);--brand-stack-gap-spacious:var(--base-size-48);--brand-stack-gap-normal:var(--base-size-24);--brand-stack-gap-condensed:var(--base-size-16);--brand-stack-padding-spacious:var(--base-size-48);--brand-stack-padding-normal:var(--base-size-24);--brand-stack-padding-condensed:var(--base-size-16);--brand-box-spacing-spacious:var(--base-size-48);--brand-box-spacing-normal:var(--base-size-24);--brand-box-spacing-condensed:var(--base-size-16);--brand-control-large-gap:var(--base-size-16);--brand-control-large-paddingInline-spacious:var(--base-size-32);--brand-control-large-paddingInline-normal:var(--base-size-20);--brand-control-large-paddingInline-condensed:var(--base-size-16);--brand-control-large-paddingBlock-normal:var(--base-size-20);--brand-control-large-paddingBlock-condensed:var(--base-size-12);--brand-control-large-lineBoxHeight:var(--base-size-20);--brand-control-medium-gap:var(--base-size-12);--brand-control-medium-paddingInline-spacious:var(--base-size-28);--brand-control-medium-paddingInline-normal:var(--base-size-16);--brand-control-medium-paddingInline-condensed:var(--base-size-12);--brand-control-medium-paddingBlock-normal:var(--base-size-16);--brand-control-medium-paddingBlock-condensed:var(--base-size-6);--brand-control-medium-lineBoxHeight:var(--base-size-16);--brand-control-small-gap:var(--base-size-8);--brand-control-small-paddingInline-spacious:var(--base-size-24);--brand-control-small-paddingInline-normal:var(--base-size-12);--brand-control-small-paddingInline-condensed:var(--base-size-8);--brand-control-small-paddingBlock:var(--base-size-8);--brand-control-small-lineBoxHeight:var(--base-size-12);--brand-control-small-size:var(--base-size-32);--brand-control-minTarget-coarse:var(--base-size-44);--brand-control-minTarget-fine:var(--base-size-16)}

package/esm/recipes/Flexsuite/Category/FlexSuiteSecurityCategory/FlexSuiteSecurityCategory.content.d.ts

@@ -39,6 +39,15 @@ export type FlexSuiteSecurityCategoryContent = {
         heading: string;
         cards: FlexSuiteSecurityCategoryCardContent[];
     };
+    riverFootstepsSection: {
+        heading: string;
+        linkText: string;
+        pillars: {
+            heading: string;
+            imageAlt: string;
+            linkText: string;
+        }[];
+    };
     testimonial: FlexSuiteSecurityCategoryTestimonialContent;
     resources: {
         heading: string;

package/esm/recipes/Flexsuite/Category/FlexSuiteSecurityCategory/FlexSuiteSecurityCategory.content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FlexSuiteSecurityCategory.content.d.ts","sourceRoot":"","sources":["../../../../../src/recipes/Flexsuite/Category/FlexSuiteSecurityCategory/FlexSuiteSecurityCategory.content.ts"],"names":[],"mappings":"AAAA,KAAK,oCAAoC,GAAG;IAC1C,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,MAAM,CAAA;IACf,WAAW,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,KAAK,2CAA2C,GAAG;IACjD,SAAS,EAAE,MAAM,CAAA;IACjB,aAAa,EAAE,MAAM,CAAA;IACrB,aAAa,EAAE,MAAM,CAAA;IACrB,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;IACjB,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,gCAAgC,GAAG;IAC7C,MAAM,EAAE;QACN,SAAS,EAAE,MAAM,CAAA;QACjB,YAAY,EAAE,MAAM,CAAA;KACrB,CAAA;IACD,MAAM,EAAE;QACN,OAAO,EAAE,MAAM,CAAA;QACf,KAAK,EAAE,MAAM,EAAE,CAAA;KAChB,CAAA;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM,CAAA;QACb,OAAO,EAAE,MAAM,CAAA;QACf,aAAa,EAAE,MAAM,CAAA;QACrB,eAAe,EAAE,MAAM,CAAA;KACxB,CAAA;IACD,gBAAgB,EAAE,MAAM,CAAA;IACxB,UAAU,EAAE,oCAAoC,EAAE,CAAA;IAClD,QAAQ,EAAE;QACR,KAAK,EAAE,MAAM,CAAA;QACb,OAAO,EAAE,MAAM,CAAA;KAChB,CAAA;IACD,YAAY,EAAE,oCAAoC,EAAE,CAAA;IACpD,eAAe,EAAE;QACf,KAAK,EAAE,MAAM,CAAA;QACb,OAAO,EAAE,MAAM,CAAA;QACf,KAAK,EAAE,oCAAoC,EAAE,CAAA;KAC9C,CAAA;IACD,WAAW,EAAE,2CAA2C,CAAA;IACxD,SAAS,EAAE;QACT,OAAO,EAAE,MAAM,CAAA;QACf,KAAK,EAAE,oCAAoC,EAAE,CAAA;KAC9C,CAAA;IACD,GAAG,EAAE;QACH,KAAK,EAAE,MAAM,CAAA;QACb,OAAO,EAAE,MAAM,CAAA;QACf,WAAW,EAAE,MAAM,CAAA;QACnB,aAAa,EAAE,MAAM,CAAA;QACrB,eAAe,EAAE,MAAM,CAAA;KACxB,CAAA;CACF,CAAA;AAED,eAAO,MAAM,uCAAuC,EAAE,gCAkHrD,CAAA;AAED,KAAK,SAAS,GAAG,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAA;AAExC,wBAAgB,4CAA4C,CAAC,CAAC,EAAE,SAAS,GAAG,gCAAgC,CAiH3G"}
+{"version":3,"file":"FlexSuiteSecurityCategory.content.d.ts","sourceRoot":"","sources":["../../../../../src/recipes/Flexsuite/Category/FlexSuiteSecurityCategory/FlexSuiteSecurityCategory.content.ts"],"names":[],"mappings":"AAAA,KAAK,oCAAoC,GAAG;IAC1C,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,MAAM,CAAA;IACf,WAAW,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,KAAK,2CAA2C,GAAG;IACjD,SAAS,EAAE,MAAM,CAAA;IACjB,aAAa,EAAE,MAAM,CAAA;IACrB,aAAa,EAAE,MAAM,CAAA;IACrB,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;IACjB,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,gCAAgC,GAAG;IAC7C,MAAM,EAAE;QACN,SAAS,EAAE,MAAM,CAAA;QACjB,YAAY,EAAE,MAAM,CAAA;KACrB,CAAA;IACD,MAAM,EAAE;QACN,OAAO,EAAE,MAAM,CAAA;QACf,KAAK,EAAE,MAAM,EAAE,CAAA;KAChB,CAAA;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM,CAAA;QACb,OAAO,EAAE,MAAM,CAAA;QACf,aAAa,EAAE,MAAM,CAAA;QACrB,eAAe,EAAE,MAAM,CAAA;KACxB,CAAA;IACD,gBAAgB,EAAE,MAAM,CAAA;IACxB,UAAU,EAAE,oCAAoC,EAAE,CAAA;IAClD,QAAQ,EAAE;QACR,KAAK,EAAE,MAAM,CAAA;QACb,OAAO,EAAE,MAAM,CAAA;KAChB,CAAA;IACD,YAAY,EAAE,oCAAoC,EAAE,CAAA;IACpD,eAAe,EAAE;QACf,KAAK,EAAE,MAAM,CAAA;QACb,OAAO,EAAE,MAAM,CAAA;QACf,KAAK,EAAE,oCAAoC,EAAE,CAAA;KAC9C,CAAA;IACD,qBAAqB,EAAE;QACrB,OAAO,EAAE,MAAM,CAAA;QACf,QAAQ,EAAE,MAAM,CAAA;QAChB,OAAO,EAAE;YACP,OAAO,EAAE,MAAM,CAAA;YACf,QAAQ,EAAE,MAAM,CAAA;YAChB,QAAQ,EAAE,MAAM,CAAA;SACjB,EAAE,CAAA;KACJ,CAAA;IACD,WAAW,EAAE,2CAA2C,CAAA;IACxD,SAAS,EAAE;QACT,OAAO,EAAE,MAAM,CAAA;QACf,KAAK,EAAE,oCAAoC,EAAE,CAAA;KAC9C,CAAA;IACD,GAAG,EAAE;QACH,KAAK,EAAE,MAAM,CAAA;QACb,OAAO,EAAE,MAAM,CAAA;QACf,WAAW,EAAE,MAAM,CAAA;QACnB,aAAa,EAAE,MAAM,CAAA;QACrB,eAAe,EAAE,MAAM,CAAA;KACxB,CAAA;CACF,CAAA;AAED,eAAO,MAAM,uCAAuC,EAAE,gCAuIrD,CAAA;AAED,KAAK,SAAS,GAAG,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAA;AAExC,wBAAgB,4CAA4C,CAAC,CAAC,EAAE,SAAS,GAAG,gCAAgC,CAsI3G"}

package/esm/recipes/Flexsuite/Category/FlexSuiteSecurityCategory/FlexSuiteSecurityCategory.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FlexSuiteSecurityCategory.d.ts","sourceRoot":"","sources":["../../../../../src/recipes/Flexsuite/Category/FlexSuiteSecurityCategory/FlexSuiteSecurityCategory.tsx"],"names":[],"mappings":"AA0BA,OAAO,EAEL,KAAK,gCAAgC,EACtC,MAAM,qCAAqC,CAAA;AAK5C,MAAM,MAAM,sCAAsC,GAAG;IACnD,OAAO,EAAE,gCAAgC,CAAA;CAC1C,CAAA;AAID,wBAAgB,yBAAyB,4CAExC;AAED,wBAAgB,iCAAiC,CAAC,EAAC,OAAO,EAAC,EAAE,sCAAsC,2CA4OlG"}
+{"version":3,"file":"FlexSuiteSecurityCategory.d.ts","sourceRoot":"","sources":["../../../../../src/recipes/Flexsuite/Category/FlexSuiteSecurityCategory/FlexSuiteSecurityCategory.tsx"],"names":[],"mappings":"AAiCA,OAAO,EAEL,KAAK,gCAAgC,EACtC,MAAM,qCAAqC,CAAA;AAK5C,MAAM,MAAM,sCAAsC,GAAG;IACnD,OAAO,EAAE,gCAAgC,CAAA;CAC1C,CAAA;AAUD,wBAAgB,yBAAyB,4CAExC;AAED,wBAAgB,iCAAiC,CAAC,EAAC,OAAO,EAAC,EAAE,sCAAsC,2CAoRlG"}