npm - @primer/react-brand - Versions diffs - 0.68.0-rc.982c487b → 0.68.0-rc.b6d410ef - Mend

@primer/react-brand 0.68.0-rc.982c487b → 0.68.0-rc.b6d410ef

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (402) hide show

package/esm/Button/Button.js CHANGED Viewed

@@ -2,7 +2,7 @@ import e from "../node_modules/clsx/dist/clsx.js";
 import { useAnimation as t } from "../animation/useAnimation.js";
 import { Text as n } from "../Text/Text.js";
 import { ExpandableArrow as r } from "../ExpandableArrow/ExpandableArrow.js";
-import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/button/colors-with-modes-DPvZ0fhp.css';/* empty css                                                                                                    */
+import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/button/colors-with-modes-kII0kqk3.css';/* empty css                                                                                                    */
 import i from "./Button.module.js";
 import a, { forwardRef as o, useCallback as s } from "react";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";

package/esm/Button/Button.module-Byz3R1qi.css ADDED Viewed

@@ -0,0 +1 @@

+ .Primer_Brand__Button-module__Button___scH9Z{appearance:none;-webkit-user-select:none;user-select:none;vertical-align:middle;border-radius:var(--base-size-6);cursor:pointer;border:solid var(--brand-borderWidth-thin) transparent;box-sizing:border-box;justify-content:center;align-items:center;gap:var(--brand-control-medium-gap);background:0 0;-webkit-text-decoration:none;text-decoration:none;transition:background-color .2s,border-color .2s;display:inline-flex}.Primer_Brand__Button-module__Button___scH9Z:hover{-webkit-text-decoration:none;text-decoration:none}.Primer_Brand__Button-module__Button___scH9Z:focus-visible{outline:4px solid var(--brand-color-focus);outline-offset:2px;transition:none}.Primer_Brand__Button-module__Button--disabled___IHZ7f,.Primer_Brand__Button-module__Button--disabled___IHZ7f:hover,.Primer_Brand__Button-module__Button--disabled___IHZ7f:focus{cursor:not-allowed}.Primer_Brand__Button-module__Button--size-small___zQrEw .Primer_Brand__Button-module__Button__text___ED0bX{display:flex}.Primer_Brand__Button-module__Button__text___ED0bX{position:relative}.Primer_Brand__Button-module__Button--label___qrkyz{font-family:var(--brand-body-fontFamily);font-style:normal;font-weight:var(--base-text-weight-medium);text-align:center}.Primer_Brand__Button-module__Button__icon-visual____qybb{height:var(--base-size-16);fill:currentColor;align-self:center;width:auto;display:flex}.Primer_Brand__Button-module__Button__trailing-visual___5i3xR,.Primer_Brand__Button-module__Button__leading-visual___jjtTe{display:flex}.Primer_Brand__Button-module__Button-arrow___F4HtG{margin-inline-start:calc(var(--base-size-8) * -1);margin-inline-end:calc(var(--base-size-4) * -1)}.Primer_Brand__Button-module__Button--primary___MSbnU{color:var(--brand-button-primary-fgColor-rest);background-color:var(--brand-button-primary-bgColor-rest)}.Primer_Brand__Button-module__Button--size-small___zQrEw.Primer_Brand__Button-module__Button--primary___MSbnU{border-width:var(--brand-borderWidth-thin)}.Primer_Brand__Button-module__Button--primary___MSbnU:not(.Primer_Brand__Button-module__Button___scH9Z[disabled]):not(.Primer_Brand__Button-module__Button___scH9Z[aria-disabled=true]):not([aria-expanded=true]):hover{background-color:var(--brand-button-primary-bgColor-hover)}.Primer_Brand__Button-module__Button--primary___MSbnU:not(.Primer_Brand__Button-module__Button___scH9Z[disabled]):not(.Primer_Brand__Button-module__Button___scH9Z[aria-disabled=true]):active,.Primer_Brand__Button-module__Button--primary___MSbnU[aria-expanded=true]{background:var(--brand-button-primary-bgColor-active);border-color:var(--brand-button-primary-borderColor-active)}.Primer_Brand__Button-module__Button--label-primary___QX1u5{color:var(--brand-button-primary-fgColor-rest)}.Primer_Brand__Button-module__Button--primary___MSbnU:disabled,.Primer_Brand__Button-module__Button--primary___MSbnU[aria-disabled=true],.Primer_Brand__Button-module__Button--primary___MSbnU.Primer_Brand__Button-module__Button--disabled___IHZ7f{background-color:var(--brand-button-primary-bgColor-disabled)}.Primer_Brand__Button-module__Button--primary___MSbnU:disabled .Primer_Brand__Button-module__Button-arrow--disabled___kZpao,.Primer_Brand__Button-module__Button--primary___MSbnU[aria-disabled=true] .Primer_Brand__Button-module__Button-arrow--disabled___kZpao,.Primer_Brand__Button-module__Button--primary___MSbnU.Primer_Brand__Button-module__Button--disabled___IHZ7f .Primer_Brand__Button-module__Button-arrow--disabled___kZpao,.Primer_Brand__Button-module__Button--primary___MSbnU:disabled .Primer_Brand__Button-module__Button__icon-visual--disabled___tZSrg,.Primer_Brand__Button-module__Button--primary___MSbnU[aria-disabled=true] .Primer_Brand__Button-module__Button__icon-visual--disabled___tZSrg,.Primer_Brand__Button-module__Button--primary___MSbnU.Primer_Brand__Button-module__Button--disabled___IHZ7f .Primer_Brand__Button-module__Button__icon-visual--disabled___tZSrg,.Primer_Brand__Button-module__Button--label-primary___QX1u5.Primer_Brand__Button-module__Button-label--disabled___yMoDr{color:var(--brand-button-primary-fgColor-disabled)}.Primer_Brand__Button-module__Button--secondary___gHnw_{background-color:var(--brand-button-secondary-bgColor-rest);border-color:var(--brand-button-secondary-borderColor-rest);color:var(--brand-button-secondary-fgColor-rest);-webkit-backdrop-filter:blur(var(--base-size-20));backdrop-filter:blur(var(--base-size-20))}.Primer_Brand__Button-module__Button--secondary___gHnw_:not(.Primer_Brand__Button-module__Button___scH9Z[disabled]):not(.Primer_Brand__Button-module__Button___scH9Z[aria-disabled=true]):not([aria-expanded=true]):hover{background-color:var(--brand-button-secondary-bgColor-hover);border-color:var(--brand-button-secondary-borderColor-hover)}.Primer_Brand__Button-module__Button--secondary___gHnw_:not(.Primer_Brand__Button-module__Button___scH9Z[disabled]):not(.Primer_Brand__Button-module__Button___scH9Z[aria-disabled=true]):active,.Primer_Brand__Button-module__Button--secondary___gHnw_[aria-expanded=true]{background-color:var(--brand-button-secondary-bgColor-active);border-color:var(--brand-button-secondary-borderColor-active)}.Primer_Brand__Button-module__Button--secondary___gHnw_:disabled{border-color:var(--brand-button-secondary-fgColor-disabled)}.Primer_Brand__Button-module__Button--secondary___gHnw_:disabled .Primer_Brand__Button-module__Button-arrow--disabled___kZpao,.Primer_Brand__Button-module__Button--secondary___gHnw_[aria-disabled=true] .Primer_Brand__Button-module__Button-arrow--disabled___kZpao,.Primer_Brand__Button-module__Button--secondary___gHnw_.Primer_Brand__Button-module__Button--disabled___IHZ7f .Primer_Brand__Button-module__Button-arrow--disabled___kZpao,.Primer_Brand__Button-module__Button--secondary___gHnw_:disabled .Primer_Brand__Button-module__Button__icon-visual--disabled___tZSrg,.Primer_Brand__Button-module__Button--secondary___gHnw_[aria-disabled=true] .Primer_Brand__Button-module__Button__icon-visual--disabled___tZSrg,.Primer_Brand__Button-module__Button--secondary___gHnw_.Primer_Brand__Button-module__Button--disabled___IHZ7f .Primer_Brand__Button-module__Button__icon-visual--disabled___tZSrg,.Primer_Brand__Button-module__Button--label-secondary___eJ0_a.Primer_Brand__Button-module__Button-label--disabled___yMoDr{color:var(--brand-button-secondary-fgColor-disabled)}.Primer_Brand__Button-module__Button--subtle___F7pEE{background-color:var(--brand-button-subtle-bgColor-rest);border-width:var(--brand-borderWidth-thin);border-color:var(--brand-button-subtle-borderColor-rest);color:var(--brand-color-text-default);-webkit-backdrop-filter:blur(var(--base-size-20));backdrop-filter:blur(var(--base-size-20))}.Primer_Brand__Button-module__Button--subtle___F7pEE:not(.Primer_Brand__Button-module__Button___scH9Z[disabled]):not(.Primer_Brand__Button-module__Button___scH9Z[aria-disabled=true]):not([aria-expanded=true]):hover{background-color:var(--brand-button-subtle-bgColor-hover);border-color:var(--brand-button-subtle-borderColor-hover)}.Primer_Brand__Button-module__Button--subtle___F7pEE:not(.Primer_Brand__Button-module__Button___scH9Z[disabled]):not(.Primer_Brand__Button-module__Button___scH9Z[aria-disabled=true]):active,.Primer_Brand__Button-module__Button--subtle___F7pEE[aria-expanded=true]{background-color:var(--brand-button-subtle-bgColor-active);border-color:var(--brand-button-subtle-borderColor-active)}.Primer_Brand__Button-module__Button--label-subtle___8ndWH{color:var(--brand-button-subtle-fgColor-rest)}.Primer_Brand__Button-module__Button--subtle___F7pEE:disabled .Primer_Brand__Button-module__Button-arrow--disabled___kZpao,.Primer_Brand__Button-module__Button--subtle___F7pEE[aria-disabled=true] .Primer_Brand__Button-module__Button-arrow--disabled___kZpao,.Primer_Brand__Button-module__Button--subtle___F7pEE.Primer_Brand__Button-module__Button--disabled___IHZ7f .Primer_Brand__Button-module__Button-arrow--disabled___kZpao,.Primer_Brand__Button-module__Button--subtle___F7pEE:disabled .Primer_Brand__Button-module__Button__icon-visual--disabled___tZSrg,.Primer_Brand__Button-module__Button--subtle___F7pEE[aria-disabled=true] .Primer_Brand__Button-module__Button__icon-visual--disabled___tZSrg,.Primer_Brand__Button-module__Button--subtle___F7pEE.Primer_Brand__Button-module__Button--disabled___IHZ7f .Primer_Brand__Button-module__Button__icon-visual--disabled___tZSrg,.Primer_Brand__Button-module__Button--label-subtle___8ndWH.Primer_Brand__Button-module__Button-label--disabled___yMoDr{color:var(--brand-button-subtle-fgColor-disabled)}.Primer_Brand__Button-module__Button--size-small___zQrEw{min-height:var(--brand-control-small-size);padding-inline:var(--brand-control-small-paddingInline-normal)}.Primer_Brand__Button-module__Button--size-medium___KFmzx{min-height:var(--brand-control-medium-size);padding:var(--brand-control-medium-paddingBlock-condensed) var(--base-size-20)}.Primer_Brand__Button-module__Button--size-large___J6UCI{min-height:var(--brand-control-large-size);padding:var(--brand-control-large-paddingBlock-condensed) var(--brand-control-large-paddingInline-spacious)}.Primer_Brand__Button-module__Button--size-large___J6UCI .Primer_Brand__Button-module__Button__icon-visual____qybb,.Primer_Brand__Button-module__Button--size-large___J6UCI .Primer_Brand__Button-module__Button-arrow___F4HtG{height:var(--base-size-20);width:var(--base-size-20)}.Primer_Brand__Button-module__Button--label-medium___ClmeR{font-size:var(--brand-text-size-200);line-height:var(--brand-text-lineHeight-200);letter-spacing:.01rem}.Primer_Brand__Button-module__Button--label-large___UDxqS{font-size:var(--brand-text-subhead-size-large);line-height:var(--brand-text-subhead-lineHeight-large)}.Primer_Brand__Button-module__Button--block___kCYDx{width:100%}@media (forced-colors:active){.Primer_Brand__Button-module__Button--disabled___IHZ7f{outline-color:graytext}.Primer_Brand__Button-module__Button--label___qrkyz.Primer_Brand__Button-module__Button-label--disabled___yMoDr{color:graytext}}@media (prefers-reduced-motion:reduce){.Primer_Brand__Button-module__Button___scH9Z,.Primer_Brand__Button-module__Button___scH9Z:before,.Primer_Brand__Button-module__Button___scH9Z:after,.Primer_Brand__Button-module__Button___scH9Z *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

package/esm/Button/Button.module.js CHANGED Viewed

@@ -1,6 +1,7 @@
-import './Button.module-CDHmNf-Y.css';var e = {
+import './Button.module-Byz3R1qi.css';var e = {
 	Button: "Primer_Brand__Button-module__Button___scH9Z",
 	"Button--disabled": "Primer_Brand__Button-module__Button--disabled___IHZ7f",
+	"Button--size-small": "Primer_Brand__Button-module__Button--size-small___zQrEw",
 	Button__text: "Primer_Brand__Button-module__Button__text___ED0bX",
 	"Button--label": "Primer_Brand__Button-module__Button--label___qrkyz",
 	"Button__icon-visual": "Primer_Brand__Button-module__Button__icon-visual____qybb",
@@ -8,7 +9,6 @@ import './Button.module-CDHmNf-Y.css';var e = {
 	"Button__leading-visual": "Primer_Brand__Button-module__Button__leading-visual___jjtTe",
 	"Button-arrow": "Primer_Brand__Button-module__Button-arrow___F4HtG",
 	"Button--primary": "Primer_Brand__Button-module__Button--primary___MSbnU",
-	"Button--size-small": "Primer_Brand__Button-module__Button--size-small___zQrEw",
 	"Button--label-primary": "Primer_Brand__Button-module__Button--label-primary___QX1u5",
 	"Button-arrow--disabled": "Primer_Brand__Button-module__Button-arrow--disabled___kZpao",
 	"Button__icon-visual--disabled": "Primer_Brand__Button-module__Button__icon-visual--disabled___tZSrg",

package/esm/Button/Button.module.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.module.js","names":[],"sources":["../../src/Button/Button.module.css"],"sourcesContent":[".Button {\n appearance: none;\n user-select: none;\n vertical-align: middle;\n align-items: center;\n justify-content: center;\n transition: ~~box~~-~~shadow~~ ~~var(--brand~~-~~animation-duration-faster)~~;\n text-decoration: none;\n border-radius: var(--~~brand~~-~~borderRadius~~-~~medium~~);\n cursor: pointer;\n border: solid var(--brand-borderWidth-~~thick~~) transparent;\n background: none;\n display: inline-flex;\n gap: var(--brand-control-medium-gap);\n}\n\n.Button:hover {\n text-decoration: none;\n}\n\n.Button:focus-visible {\n transition: none;\n outline: 4px solid var(--brand-color-focus);\n outline-offset: 2px;\n}\n\n.Button--disabled,\n.Button--disabled:hover,\n.Button--disabled:focus {\n cursor: not-allowed;\n}\n\n.Button__text {\n position: relative;\n}\n\n.Button--label {\n font-family: var(--brand-body-fontFamily);\n font-style: normal;\n font-weight: var(--base-text-weight-medium);\n text-align: center;\n}\n\n.Button__icon-visual {\n display: flex;\n align-self: center;\n height: var(--base-size-16);\n width: auto;\n fill: currentcolor;\n}\n\n.Button__trailing-visual,\n.Button__leading-visual {\n display: flex;\n}\n\n/* optically adjust arrow to align with the end (right) padding /\n/ reduce gap between label and arrow /\n.Button-arrow {\n margin-inline-end: calc(var(--base-size-4) -1);\n margin-inline-start: calc(var(--base-size-8) * -1);\n}\n\n/* primary /\n\n.Button--primary {\n color: var(--brand-button-primary-fgColor-rest);\n background-color: var(--brand-button-primary-bgColor-rest);\n}\n\n.Button--size-small.Button--primary {\n border-width: var(--brand-borderWidth-thin);\n}\n\n.Button--primary:not(.Button[disabled], .Button[aria-disabled='true'], [aria-expanded='true']):hover {\n background: var(--brand-button-primary-bgColor-hover);\n}\n\n.Button--primary:not(.Button[disabled], .Button[aria-disabled='true']):active,\n.Button--primary[aria-expanded='true'] {\n background: var(--brand-button-primary-bgColor-active);\n border-color: var(--brand-button-primary-borderColor-active);\n}\n\n.Button--label-primary {\n color: var(--brand-button-primary-fgColor-rest);\n}\n\n.Button--primary:disabled,\n.Button--primary[aria-disabled='true'],\n.Button--primary.Button--disabled {\n background-color: var(--brand-button-primary-bgColor-disabled);\n}\n\n.Button--primary:disabled .Button-arrow--disabled,\n.Button--primary[aria-disabled='true'] .Button-arrow--disabled,\n.Button--primary.Button--disabled .Button-arrow--disabled,\n.Button--primary:disabled .Button__icon-visual--disabled,\n.Button--primary[aria-disabled='true'] .Button__icon-visual--disabled,\n.Button--primary.Button--disabled .Button__icon-visual--disabled,\n.Button--label-primary.Button-label--disabled {\n color: var(--brand-button-primary-fgColor-disabled);\n}\n\n/ secondary /\n\n.Button--secondary {\n ~~transition:~~ background ~~var(--brand~~-~~animation-duration-faster), border-~~color ~~var(--brand-animation-duration-faster);\n background~~: var(--brand-button-secondary-bgColor-rest);\n border-color: var(--brand-button-secondary-borderColor-rest);\n color: var(--brand-button-secondary-fgColor-rest);\n backdrop-filter: blur(var(--base-size-20));\n}\n\n.Button--secondary:not(.Button[disabled], .Button[aria-disabled='true'], [aria-expanded='true']):hover {\n background: var(--brand-button-secondary-bgColor-hover);\n border-color: var(--brand-button-secondary-borderColor-hover);\n}\n\n.Button--secondary:not(.Button[disabled], .Button[aria-disabled='true']):active,\n.Button--secondary[aria-expanded='true'] {\n background: var(--brand-button-secondary-bgColor-active);\n border-color: var(--brand-button-secondary-borderColor-active);\n}\n\n.Button--secondary:disabled {\n border-color: var(--brand-button-secondary-fgColor-disabled);\n}\n\n.Button--secondary:disabled .Button-arrow--disabled,\n.Button--secondary[aria-disabled='true'] .Button-arrow--disabled,\n.Button--secondary.Button--disabled .Button-arrow--disabled,\n.Button--secondary:disabled .Button__icon-visual--disabled,\n.Button--secondary[aria-disabled='true'] .Button__icon-visual--disabled,\n.Button--secondary.Button--disabled .Button__icon-visual--disabled,\n.Button--label-secondary.Button-label--disabled {\n color: var(--brand-button-secondary-fgColor-disabled);\n}\n\n/ subtle /\n\n.Button--subtle {\n ~~transition:~~ background ~~var(--brand~~-~~animation-duration-faster), border-~~color ~~var(--brand-animation-duration-faster);\n background~~: var(--brand-button-subtle-bgColor-rest);\n border-width: var(--brand-borderWidth-thin);\n border-color: var(--brand-button-subtle-borderColor-rest);\n color: var(--brand-color-text-default);\n backdrop-filter: blur(var(--base-size-20));\n}\n\n.Button--subtle:not(.Button[disabled], .Button[aria-disabled='true'], [aria-expanded='true']):hover {\n background: var(--brand-button-subtle-bgColor-hover);\n border-color: var(--brand-button-subtle-borderColor-hover);\n}\n\n.Button--subtle:not(.Button[disabled], .Button[aria-disabled='true']):active,\n.Button--subtle[aria-expanded='true'] {\n background: var(--brand-button-subtle-bgColor-active);\n border-color: var(--brand-button-subtle-borderColor-active);\n}\n\n.Button--label-subtle {\n color: var(--brand-button-subtle-fgColor-rest);\n}\n\n.Button--subtle:disabled .Button-arrow--disabled,\n.Button--subtle[aria-disabled='true'] .Button-arrow--disabled,\n.Button--subtle.Button--disabled .Button-arrow--disabled,\n.Button--subtle:disabled .Button__icon-visual--disabled,\n.Button--subtle[aria-disabled='true'] .Button__icon-visual--disabled,\n.Button--subtle.Button--disabled .Button__icon-visual--disabled,\n.Button--label-subtle.Button-label--disabled {\n color: var(--brand-button-subtle-fgColor-disabled);\n}\n\n/ size /\n\n.Button--size-small {\n min-height: var(--brand-control-small-size);\n padding-inline: var(--brand-control-small-paddingInline-normal);\n}\n\n.Button--size-medium {\n min-height: var(--brand-control-medium-size);\n padding: var(--brand-control-medium-paddingBlock-condensed) var(--~~brand~~-~~control~~-~~medium-paddingInline-spacious~~);\n}\n\n.Button--size-large {\n min-height: var(--brand-control-large-size);\n padding: var(--brand-control-large-paddingBlock-condensed) var(--brand-control-large-paddingInline-spacious);\n}\n\n.Button--size-large .Button__icon-visual,\n.Button--size-large .Button-arrow {\n height: var(--base-size-20);\n width: var(--base-size-20);\n}\n\n.Button--label-medium {\n font-size: var(--brand-text-size-200);\n line-height: var(--brand-text-lineHeight-200);\n letter-spacing: 0.01rem;\n}\n\n.Button--label-large {\n font-size: var(--brand-text-subhead-size-large);\n line-height: var(--brand-text-subhead-lineHeight-large);\n}\n\n.Button--block {\n width: 100%;\n}\n\n@media (forced-colors: active) {\n .Button--disabled {\n outline-color: GrayText;\n }\n\n / Indicates disabled state in WHCM /\n .Button--label.Button-label--disabled {\n color: GrayText;\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 .Button,\n .Button::before,\n .Button::after,\n .Button {\n animation: none !important;\n transition: none !important;\n scroll-behavior: auto !important;\n }\n}\n"],"mappings":""}
1	+ {"version":3,"file":"Button.module.js","names":[],"sources":["../../src/Button/Button.module.css"],"sourcesContent":[".Button {\n appearance: none;\n user-select: none;\n vertical-align: middle;\n align-items: center;\n justify-content: center;\n transition: background-color 0.2s, border-color 0.2s;\n text-decoration: none;\n border-radius: var(--base-size-6);\n cursor: pointer;\n border: solid var(--brand-borderWidth-thin) transparent;\n background: none;\n box-sizing: border-box;\n display: inline-flex;\n gap: var(--brand-control-medium-gap);\n}\n\n.Button:hover {\n text-decoration: none;\n}\n\n.Button:focus-visible {\n transition: none;\n outline: 4px solid var(--brand-color-focus);\n outline-offset: 2px;\n}\n\n.Button--disabled,\n.Button--disabled:hover,\n.Button--disabled:focus {\n cursor: not-allowed;\n}\n\n.Button--size-small .Button__text {\n display: flex;\n}\n\n.Button__text {\n position: relative;\n}\n\n.Button--label {\n font-family: var(--brand-body-fontFamily);\n font-style: normal;\n font-weight: var(--base-text-weight-medium);\n text-align: center;\n}\n\n.Button__icon-visual {\n display: flex;\n align-self: center;\n height: var(--base-size-16);\n width: auto;\n fill: currentcolor;\n}\n\n.Button__trailing-visual,\n.Button__leading-visual {\n display: flex;\n}\n\n/* optically adjust arrow to align with the end (right) padding /\n/ reduce gap between label and arrow /\n.Button-arrow {\n margin-inline-end: calc(var(--base-size-4) -1);\n margin-inline-start: calc(var(--base-size-8) * -1);\n}\n\n/* primary /\n\n.Button--primary {\n color: var(--brand-button-primary-fgColor-rest);\n background-color: var(--brand-button-primary-bgColor-rest);\n}\n\n.Button--size-small.Button--primary {\n border-width: var(--brand-borderWidth-thin);\n}\n\n.Button--primary:not(.Button[disabled], .Button[aria-disabled='true'], [aria-expanded='true']):hover {\n background-color: var(--brand-button-primary-bgColor-hover);\n}\n\n.Button--primary:not(.Button[disabled], .Button[aria-disabled='true']):active,\n.Button--primary[aria-expanded='true'] {\n background: var(--brand-button-primary-bgColor-active);\n border-color: var(--brand-button-primary-borderColor-active);\n}\n\n.Button--label-primary {\n color: var(--brand-button-primary-fgColor-rest);\n}\n\n.Button--primary:disabled,\n.Button--primary[aria-disabled='true'],\n.Button--primary.Button--disabled {\n background-color: var(--brand-button-primary-bgColor-disabled);\n}\n\n.Button--primary:disabled .Button-arrow--disabled,\n.Button--primary[aria-disabled='true'] .Button-arrow--disabled,\n.Button--primary.Button--disabled .Button-arrow--disabled,\n.Button--primary:disabled .Button__icon-visual--disabled,\n.Button--primary[aria-disabled='true'] .Button__icon-visual--disabled,\n.Button--primary.Button--disabled .Button__icon-visual--disabled,\n.Button--label-primary.Button-label--disabled {\n color: var(--brand-button-primary-fgColor-disabled);\n}\n\n/ secondary /\n\n.Button--secondary {\n background-color: var(--brand-button-secondary-bgColor-rest);\n border-color: var(--brand-button-secondary-borderColor-rest);\n color: var(--brand-button-secondary-fgColor-rest);\n backdrop-filter: blur(var(--base-size-20));\n}\n\n.Button--secondary:not(.Button[disabled], .Button[aria-disabled='true'], [aria-expanded='true']):hover {\n background-color: var(--brand-button-secondary-bgColor-hover);\n border-color: var(--brand-button-secondary-borderColor-hover);\n}\n\n.Button--secondary:not(.Button[disabled], .Button[aria-disabled='true']):active,\n.Button--secondary[aria-expanded='true'] {\n background-color: var(--brand-button-secondary-bgColor-active);\n border-color: var(--brand-button-secondary-borderColor-active);\n}\n\n.Button--secondary:disabled {\n border-color: var(--brand-button-secondary-fgColor-disabled);\n}\n\n.Button--secondary:disabled .Button-arrow--disabled,\n.Button--secondary[aria-disabled='true'] .Button-arrow--disabled,\n.Button--secondary.Button--disabled .Button-arrow--disabled,\n.Button--secondary:disabled .Button__icon-visual--disabled,\n.Button--secondary[aria-disabled='true'] .Button__icon-visual--disabled,\n.Button--secondary.Button--disabled .Button__icon-visual--disabled,\n.Button--label-secondary.Button-label--disabled {\n color: var(--brand-button-secondary-fgColor-disabled);\n}\n\n/ subtle /\n\n.Button--subtle {\n background-color: var(--brand-button-subtle-bgColor-rest);\n border-width: var(--brand-borderWidth-thin);\n border-color: var(--brand-button-subtle-borderColor-rest);\n color: var(--brand-color-text-default);\n backdrop-filter: blur(var(--base-size-20));\n}\n\n.Button--subtle:not(.Button[disabled], .Button[aria-disabled='true'], [aria-expanded='true']):hover {\n background-color: var(--brand-button-subtle-bgColor-hover);\n border-color: var(--brand-button-subtle-borderColor-hover);\n}\n\n.Button--subtle:not(.Button[disabled], .Button[aria-disabled='true']):active,\n.Button--subtle[aria-expanded='true'] {\n background-color: var(--brand-button-subtle-bgColor-active);\n border-color: var(--brand-button-subtle-borderColor-active);\n}\n\n.Button--label-subtle {\n color: var(--brand-button-subtle-fgColor-rest);\n}\n\n.Button--subtle:disabled .Button-arrow--disabled,\n.Button--subtle[aria-disabled='true'] .Button-arrow--disabled,\n.Button--subtle.Button--disabled .Button-arrow--disabled,\n.Button--subtle:disabled .Button__icon-visual--disabled,\n.Button--subtle[aria-disabled='true'] .Button__icon-visual--disabled,\n.Button--subtle.Button--disabled .Button__icon-visual--disabled,\n.Button--label-subtle.Button-label--disabled {\n color: var(--brand-button-subtle-fgColor-disabled);\n}\n\n/ size /\n\n.Button--size-small {\n min-height: var(--brand-control-small-size);\n padding-inline: var(--brand-control-small-paddingInline-normal);\n}\n\n.Button--size-medium {\n min-height: var(--brand-control-medium-size);\n padding: var(--brand-control-medium-paddingBlock-condensed) var(--base-size-20);\n}\n\n.Button--size-large {\n min-height: var(--brand-control-large-size);\n padding: var(--brand-control-large-paddingBlock-condensed) var(--brand-control-large-paddingInline-spacious);\n}\n\n.Button--size-large .Button__icon-visual,\n.Button--size-large .Button-arrow {\n height: var(--base-size-20);\n width: var(--base-size-20);\n}\n\n.Button--label-medium {\n font-size: var(--brand-text-size-200);\n line-height: var(--brand-text-lineHeight-200);\n letter-spacing: 0.01rem;\n}\n\n.Button--label-large {\n font-size: var(--brand-text-subhead-size-large);\n line-height: var(--brand-text-subhead-lineHeight-large);\n}\n\n.Button--block {\n width: 100%;\n}\n\n@media (forced-colors: active) {\n .Button--disabled {\n outline-color: GrayText;\n }\n\n / Indicates disabled state in WHCM /\n .Button--label.Button-label--disabled {\n color: GrayText;\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 .Button,\n .Button::before,\n .Button::after,\n .Button {\n animation: none !important;\n transition: none !important;\n scroll-behavior: auto !important;\n }\n}\n"],"mappings":""}

package/esm/Hero/{Hero.module-b8OFm8Ci.css → Hero.module-DvYo_AtL.css} RENAMED Viewed

	@@ -1 +1 @@
1	- .Primer_Brand__Hero-module__Hero___It6gj{flex-direction:column;display:flex}.Primer_Brand__Hero-module__Hero--variant-default___lNgHw{padding:var(--brand-Hero-narrow-padding)}.Primer_Brand__Hero-module__Hero--align-start___ouSp3{text-align:left;align-items:flex-start}.Primer_Brand__Hero-module__Hero--align-center___6FMoH{text-align:center;place-items:center}.Primer_Brand__Hero-module__Hero-grid___gXNGW{--brand-Grid-spacing-margin:0}.Primer_Brand__Hero-module__Hero-grid--contained___vfiGA{width:100%;max-width:1280px;padding:var(--base-size-32);background-color:var(--brand-Hero-bgColor-gridlineGridInner);margin-inline:auto}@container (width>=1280px){.Primer_Brand__Hero-module__Hero-grid--contained___vfiGA{border-inline:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}}.Primer_Brand__Hero-module__Hero-grid--block-end___jU6_V,.Primer_Brand__Hero-module__Hero-grid--inline-end___o8Dtq{--brand-Grid-spacing-row:var(--base-size-40)}@media screen and (width>=63.25rem){.Primer_Brand__Hero-module__Hero-grid--contained___vfiGA{padding:var(--base-size-64)}.Primer_Brand__Hero-module__Hero-grid--block-end___jU6_V{--brand-Grid-spacing-row:var(--base-size-80)}}.Primer_Brand__Hero-module__Hero--align-center___6FMoH .Primer_Brand__Hero-module__Hero-actions___RUotq{justify-content:center}.Primer_Brand__Hero-module__Hero--align-center___6FMoH .Primer_Brand__Hero-module__Hero-content___lpGj0{flex-direction:column;align-items:center;display:flex}.Primer_Brand__Hero-module__Hero-image___GC10l{border-radius:var(--brand-borderRadius-medium);width:100%}.Primer_Brand__Hero-module__Hero-mediaContainer___DWFUR{flex:1;width:100%;height:100%;display:flex}.Primer_Brand__Hero-module__Hero-imageContainer--bg-subtle___RFNq3{background-color:var(--brand-color-canvas-subtle);padding:var(--base-size-32) var(--base-size-32) 0}.Primer_Brand__Hero-module__Hero-imageContainer--inline-bg-padded___Y_hah{padding:var(--base-size-32);background-color:var(--brand-color-canvas-subtle)}.Primer_Brand__Hero-module__Hero-imageWrapper___CscCA{justify-content:center;width:100%;display:flex}.Primer_Brand__Hero-module__Hero-imageWrapper--bg-subtle___8xPH_{border-block:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);background-color:var(--brand-color-canvas-subtle);padding:var(--base-size-32) var(--base-size-32) 0}.Primer_Brand__Hero-module__Hero-imageContainer--inline-bordered___g8hqZ{background-color:var(--brand-color-canvas-subtle);align-items:stretch;display:flex}@media screen and (width>=63.25rem){.Primer_Brand__Hero-module__Hero-imageContainer--inline-bordered___g8hqZ{min-height:calc(600px - var(--base-size-24))}.Primer_Brand__Hero-module__Hero-imageWrapper--bg-subtle___8xPH_{padding:var(--base-size-64) var(--base-size-64) 0}.Primer_Brand__Hero-module__Hero-imageContainer--inline-bg-padded___Y_hah{padding:var(--base-size-64)}}.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh{width:100%;container-type:inline-size}.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh .Primer_Brand__Hero-module__Hero-media___rM3qR{max-width:1176px;margin-inline:auto;display:block;overflow:hidden}.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh .Primer_Brand__Hero-module__Hero-media--pos-block-end___6QShk,.Primer_Brand__Hero-module__Hero-media-item--block-end___RrUWM{border-radius:var(--brand-borderRadius-medium) var(--brand-borderRadius-medium) 0 0}.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh .Primer_Brand__Hero-module__Hero-imageWrapper___CscCA{border-block:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);background-color:var(--brand-color-canvas-subtle);width:100%}.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh .Primer_Brand__Hero-module__Hero-imageWrapper-inner___jk8Wg{width:100%;max-width:1280px;padding:var(--base-size-32) var(--base-size-32) 0;margin-inline:auto}@container (width>=1280px){.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh .Primer_Brand__Hero-module__Hero-imageWrapper-inner--with-gridline___fixm4{border-inline:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}}.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh .Primer_Brand__Hero-module__Hero-imageWrapper-inner--padded___cN4al{padding:var(--base-size-32)}.Primer_Brand__Hero-module__Hero-media--pos-block-end-padded___VdZlI{border-radius:var(--brand-borderRadius-medium)}@media screen and (width>=63.25rem){.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh .Primer_Brand__Hero-module__Hero-imageWrapper-inner___jk8Wg{padding:var(--base-size-64) var(--base-size-64) 0}.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh .Primer_Brand__Hero-module__Hero-imageWrapper-inner--padded___cN4al{padding:var(--base-size-64)}}.Primer_Brand__Hero-module__Hero-grid--bordered-inline___e_HR8{width:100%;max-width:1280px;margin-inline:auto}@media screen and (width>=63.25rem){.Primer_Brand__Hero-module__Hero-grid--bordered-inline___e_HR8{min-height:440px}}@container (width>=1280px){.Primer_Brand__Hero-module__Hero-grid--bordered-inline___e_HR8{border-inline:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}}.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh.Primer_Brand__Hero-module__Hero--image-pos-inline___fwJAZ{border-block-end:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}.Primer_Brand__Hero-module__Hero-contentColumn--bordered-inline___2Dfrd{padding:var(--base-size-32);flex-direction:column;justify-content:center;display:flex}@media screen and (width>=63.25rem){.Primer_Brand__Hero-module__Hero-contentColumn--bordered-inline___2Dfrd{padding:var(--base-size-64)}}.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh .Primer_Brand__Hero-module__Hero-media--pos-inline___TD4jr:not(.Primer_Brand__Hero-module__Hero-media--pos-inline-padded___Uq4Xk),.Primer_Brand__Hero-module__Hero-media-item--inline___3XHJG{border-radius:0}.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh .Primer_Brand__Hero-module__Hero-media--pos-inline-padded___Uq4Xk{align-self:center;max-width:100%;height:auto}.Primer_Brand__Hero-module__Hero-video___Ne5zN{width:100%}.Primer_Brand__Hero-module__Hero-media-item___Ia3pn{border-radius:var(--brand-borderRadius-large);width:100%}.Primer_Brand__Hero-module__Hero-label___XJftM{text-transform:uppercase;letter-spacing:1px;align-items:center;margin-block-end:var(--base-size-16);display:flex}.Primer_Brand__Hero-module__Hero-heading___HMve3{max-width:924px;margin:0}.Primer_Brand__Hero-module__Hero-heading___HMve3 b{color:var(--brand-color-accent-primary);font-style:normal;font-weight:inherit}.Primer_Brand__Hero-module__Hero-heading--fullWidth___sJlnY{max-width:none;max-width:initial}.Primer_Brand__Hero-module__Hero-text-column--inline-gridline___gGhfi{height:100%}.Primer_Brand__Hero-module__Hero-description___7raSC{margin:var(--base-size-24) 0 0;max-width:600px}.Primer_Brand__Hero-module__Hero--variant-inline-gridline___Jwjqy .Primer_Brand__Hero-module__Hero-description___7raSC{margin-block-start:auto;padding-block-start:var(--base-size-24)}.Primer_Brand__Hero-module__Hero-actions___RUotq{align-items:center;gap:var(--base-size-8) var(--base-size-16);flex-wrap:wrap;margin-block-start:var(--base-size-32);display:flex}.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-actions___RUotq{align-items:stretch;gap:var(--base-size-8) var(--base-size-12)}.Primer_Brand__Hero-module__Hero-trailing____cadc{margin-block-start:var(--base-size-32)}.Primer_Brand__Hero-module__Hero-eyebrow___mlxSE{margin-block-end:var(--base-size-32)}@media screen and (width>=34rem){.Primer_Brand__Hero-module__Hero--variant-default___lNgHw{padding:var(--brand-Hero-regular-padding)}}.Primer_Brand__Hero-module__Hero-video-poster-button___mtbvt{cursor:pointer;background:0 0;border:none;width:100%;height:100%;padding:0;font-size:0;line-height:0;display:block;position:relative}.Primer_Brand__Hero-module__Hero-video-poster-image___ZP3Q5{width:100%;height:auto;display:block}.Primer_Brand__Hero-module__Hero-video-poster-icon___PfT4p{width:var(--base-size-96);height:var(--base-size-96);z-index:1;color:var(--base-color-scale-white-0);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.Primer_Brand__Hero-module__Hero-video-poster-header___13M9x{padding:var(--base-size-16) var(--base-size-24);align-items:center;gap:var(--base-size-16);height:var(--base-size-80);background:linear-gradient(#000000b3 60%,#0000);display:flex;position:absolute;inset:0 0 auto}.Primer_Brand__Hero-module__Hero-video-header-poster-icon___tlEff,.Primer_Brand__Hero-module__Hero-video-poster-text___4R755{color:var(--base-color-scale-white-0)}.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3{width:100%;container-type:inline-size}.Primer_Brand__Hero-module__Hero-grid--expressive___Lq5SC{--brand-Grid-spacing-row:0;gap:0;width:100%;max-width:1280px;margin-inline:auto}@container (width>=1280px){.Primer_Brand__Hero-module__Hero-grid--expressive___Lq5SC{border-inline:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}}.Primer_Brand__Hero-module__Hero-expressive-header-column___iq2TT{padding:var(--base-size-32);border-block-end:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);align-items:center;padding-block-end:var(--base-size-24);display:flex}.Primer_Brand__Hero-module__Hero-expressive-body-column___Beyq_{padding:var(--base-size-32);padding-block-start:var(--base-size-24)}.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-description___7raSC{margin-block-start:0}.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-actions___RUotq,.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-trailing____cadc{margin-block-start:var(--base-size-24)}@media screen and (width>=63.25rem){.Primer_Brand__Hero-module__Hero-expressive-header-column___iq2TT{padding:var(--base-size-64);border-block-end:none;border-inline-end:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);padding-inline-end:var(--base-size-64)}.Primer_Brand__Hero-module__Hero-expressive-body-column___Beyq_{padding:var(--base-size-64);flex-direction:column;justify-content:flex-end;padding-inline-start:var(--base-size-64);display:flex}.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-actions___RUotq,.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-trailing____cadc{margin-block-start:var(--base-size-32)}}.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-imageWrapper___CscCA{border-block:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);background-color:var(--brand-color-canvas-subtle);width:100%}.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-imageWrapper-inner___jk8Wg{width:100%;max-width:1280px;padding:var(--base-size-32) var(--base-size-32) 0;margin-inline:auto}@container (width>=1280px){.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-imageWrapper-inner--with-gridline___fixm4{border-inline:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}}.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-imageWrapper-inner--padded___cN4al{padding:var(--base-size-32)}@media screen and (width>=63.25rem){.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-imageWrapper-inner___jk8Wg{padding:var(--base-size-64) var(--base-size-64) 0}.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-imageWrapper-inner--padded___cN4al{padding:var(--base-size-64)}}.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-media___rM3qR{max-width:1176px;margin-inline:auto;display:block;overflow:hidden}.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-media--pos-block-end___6QShk,.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-image___GC10l:not(.Primer_Brand__Hero-module__Hero-media--pos-block-end-padded___VdZlI){border-radius:var(--brand-borderRadius-medium) var(--brand-borderRadius-medium) 0 0}
1	+ .Primer_Brand__Hero-module__Hero___It6gj{flex-direction:column;display:flex}.Primer_Brand__Hero-module__Hero--variant-default___lNgHw{padding:var(--brand-Hero-narrow-padding)}.Primer_Brand__Hero-module__Hero--align-start___ouSp3{text-align:left;align-items:flex-start}.Primer_Brand__Hero-module__Hero--align-center___6FMoH{text-align:center;place-items:center}.Primer_Brand__Hero-module__Hero-grid___gXNGW{--brand-Grid-spacing-margin:0}.Primer_Brand__Hero-module__Hero-grid--contained___vfiGA{width:100%;max-width:1280px;padding:var(--base-size-32);background-color:var(--brand-Hero-bgColor-gridlineGridInner);margin-inline:auto}@container (width>=1280px){.Primer_Brand__Hero-module__Hero-grid--contained___vfiGA{border-inline:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}}.Primer_Brand__Hero-module__Hero-grid--block-end___jU6_V,.Primer_Brand__Hero-module__Hero-grid--inline-end___o8Dtq{--brand-Grid-spacing-row:var(--base-size-40)}@media screen and (width>=63.25rem){.Primer_Brand__Hero-module__Hero-grid--contained___vfiGA{padding:var(--base-size-64)}.Primer_Brand__Hero-module__Hero-grid--block-end___jU6_V{--brand-Grid-spacing-row:var(--base-size-80)}}.Primer_Brand__Hero-module__Hero--align-center___6FMoH .Primer_Brand__Hero-module__Hero-actions___RUotq{justify-content:center}.Primer_Brand__Hero-module__Hero--align-center___6FMoH .Primer_Brand__Hero-module__Hero-content___lpGj0{flex-direction:column;align-items:center;display:flex}.Primer_Brand__Hero-module__Hero-image___GC10l{border-radius:var(--brand-borderRadius-medium);width:100%}.Primer_Brand__Hero-module__Hero-mediaContainer___DWFUR{flex:1;width:100%;height:100%;display:flex}.Primer_Brand__Hero-module__Hero-imageContainer--bg-subtle___RFNq3{background-color:var(--brand-color-canvas-subtle);padding:var(--base-size-32) var(--base-size-32) 0}.Primer_Brand__Hero-module__Hero-imageContainer--inline-bg-padded___Y_hah{padding:var(--base-size-32);background-color:var(--brand-color-canvas-subtle)}.Primer_Brand__Hero-module__Hero-imageWrapper___CscCA{justify-content:center;width:100%;display:flex}.Primer_Brand__Hero-module__Hero-imageWrapper--bg-subtle___8xPH_{border-block:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);background-color:var(--brand-color-canvas-subtle);padding:var(--base-size-32) var(--base-size-32) 0}.Primer_Brand__Hero-module__Hero-imageContainer--inline-bordered___g8hqZ{background-color:var(--brand-color-canvas-subtle);align-items:stretch;display:flex}@media screen and (width>=63.25rem){.Primer_Brand__Hero-module__Hero-imageContainer--inline-bordered___g8hqZ{min-height:calc(600px - var(--base-size-24))}.Primer_Brand__Hero-module__Hero-imageWrapper--bg-subtle___8xPH_{padding:var(--base-size-64) var(--base-size-64) 0}.Primer_Brand__Hero-module__Hero-imageContainer--inline-bg-padded___Y_hah{padding:var(--base-size-64)}}.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh{width:100%;container-type:inline-size}.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh .Primer_Brand__Hero-module__Hero-media___rM3qR{max-width:1176px;margin-inline:auto;display:block;overflow:hidden}.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh .Primer_Brand__Hero-module__Hero-media--pos-block-end___6QShk,.Primer_Brand__Hero-module__Hero-media-item--block-end___RrUWM{border-radius:var(--brand-borderRadius-medium) var(--brand-borderRadius-medium) 0 0}.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh .Primer_Brand__Hero-module__Hero-imageWrapper___CscCA{border-block:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);background-color:var(--brand-color-canvas-subtle);width:100%}.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh .Primer_Brand__Hero-module__Hero-imageWrapper-inner___jk8Wg{width:100%;max-width:1280px;padding:var(--base-size-32) var(--base-size-32) 0;margin-inline:auto}@container (width>=1280px){.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh .Primer_Brand__Hero-module__Hero-imageWrapper-inner--with-gridline___fixm4{border-inline:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}}.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh .Primer_Brand__Hero-module__Hero-imageWrapper-inner--padded___cN4al{padding:var(--base-size-32)}.Primer_Brand__Hero-module__Hero-media--pos-block-end-padded___VdZlI{border-radius:var(--brand-borderRadius-medium)}@media screen and (width>=63.25rem){.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh .Primer_Brand__Hero-module__Hero-imageWrapper-inner___jk8Wg{padding:var(--base-size-64) var(--base-size-64) 0}.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh .Primer_Brand__Hero-module__Hero-imageWrapper-inner--padded___cN4al{padding:var(--base-size-64)}}.Primer_Brand__Hero-module__Hero-grid--bordered-inline___e_HR8{width:100%;max-width:1280px;margin-inline:auto}@media screen and (width>=63.25rem){.Primer_Brand__Hero-module__Hero-grid--bordered-inline___e_HR8{min-height:440px}}@container (width>=1280px){.Primer_Brand__Hero-module__Hero-grid--bordered-inline___e_HR8{border-inline:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}}.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh.Primer_Brand__Hero-module__Hero--image-pos-inline___fwJAZ{border-block-end:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}.Primer_Brand__Hero-module__Hero-contentColumn--bordered-inline___2Dfrd{padding:var(--base-size-32);flex-direction:column;justify-content:center;display:flex}@media screen and (width>=63.25rem){.Primer_Brand__Hero-module__Hero-contentColumn--bordered-inline___2Dfrd{padding:var(--base-size-64)}}.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh .Primer_Brand__Hero-module__Hero-media--pos-inline___TD4jr:not(.Primer_Brand__Hero-module__Hero-media--pos-inline-padded___Uq4Xk),.Primer_Brand__Hero-module__Hero-media-item--inline___3XHJG{border-radius:0}.Primer_Brand__Hero-module__Hero--variant-gridline___B_Xwh .Primer_Brand__Hero-module__Hero-media--pos-inline-padded___Uq4Xk{align-self:center;max-width:100%;height:auto}.Primer_Brand__Hero-module__Hero-video___Ne5zN{width:100%}.Primer_Brand__Hero-module__Hero-media-item___Ia3pn{border-radius:var(--brand-borderRadius-large);width:100%}.Primer_Brand__Hero-module__Hero-label___XJftM{text-transform:uppercase;letter-spacing:1px;align-items:center;margin-block-end:calc(var(--base-size-16) - var(--base-size-2));display:flex}.Primer_Brand__Hero-module__Hero-heading___HMve3{max-width:924px;margin:0}.Primer_Brand__Hero-module__Hero-heading___HMve3 b{color:var(--brand-color-accent-primary);font-style:normal;font-weight:inherit}.Primer_Brand__Hero-module__Hero-heading--fullWidth___sJlnY{max-width:none;max-width:initial}.Primer_Brand__Hero-module__Hero-text-column--inline-gridline___gGhfi{height:100%}.Primer_Brand__Hero-module__Hero-description___7raSC{margin:var(--base-size-24) 0 0;max-width:600px}.Primer_Brand__Hero-module__Hero--variant-inline-gridline___Jwjqy .Primer_Brand__Hero-module__Hero-description___7raSC{margin-block-start:auto;padding-block-start:var(--base-size-24)}.Primer_Brand__Hero-module__Hero-actions___RUotq{align-items:center;gap:var(--base-size-8) var(--base-size-16);flex-wrap:wrap;margin-block-start:var(--base-size-32);display:flex}.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-actions___RUotq{align-items:stretch;gap:var(--base-size-8) var(--base-size-12)}.Primer_Brand__Hero-module__Hero-trailing____cadc{margin-block-start:var(--base-size-32)}.Primer_Brand__Hero-module__Hero-eyebrow___mlxSE{margin-block-end:var(--base-size-32)}@media screen and (width>=34rem){.Primer_Brand__Hero-module__Hero--variant-default___lNgHw{padding:var(--brand-Hero-regular-padding)}}.Primer_Brand__Hero-module__Hero-video-poster-button___mtbvt{cursor:pointer;background:0 0;border:none;width:100%;height:100%;padding:0;font-size:0;line-height:0;display:block;position:relative}.Primer_Brand__Hero-module__Hero-video-poster-image___ZP3Q5{width:100%;height:auto;display:block}.Primer_Brand__Hero-module__Hero-video-poster-icon___PfT4p{width:var(--base-size-96);height:var(--base-size-96);z-index:1;color:var(--base-color-scale-white-0);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.Primer_Brand__Hero-module__Hero-video-poster-header___13M9x{padding:var(--base-size-16) var(--base-size-24);align-items:center;gap:var(--base-size-16);height:var(--base-size-80);background:linear-gradient(#000000b3 60%,#0000);display:flex;position:absolute;inset:0 0 auto}.Primer_Brand__Hero-module__Hero-video-header-poster-icon___tlEff,.Primer_Brand__Hero-module__Hero-video-poster-text___4R755{color:var(--base-color-scale-white-0)}.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3{width:100%;container-type:inline-size}.Primer_Brand__Hero-module__Hero-grid--expressive___Lq5SC{--brand-Grid-spacing-row:0;gap:0;width:100%;max-width:1280px;margin-inline:auto}@container (width>=1280px){.Primer_Brand__Hero-module__Hero-grid--expressive___Lq5SC{border-inline:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}}.Primer_Brand__Hero-module__Hero-expressive-header-column___iq2TT{padding:var(--base-size-32);border-block-end:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);align-items:center;padding-block-end:var(--base-size-24);display:flex}.Primer_Brand__Hero-module__Hero-expressive-body-column___Beyq_{padding:var(--base-size-32);padding-block-start:var(--base-size-24)}.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-description___7raSC{margin-block-start:0}.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-actions___RUotq,.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-trailing____cadc{margin-block-start:var(--base-size-24)}@media screen and (width>=63.25rem){.Primer_Brand__Hero-module__Hero-expressive-header-column___iq2TT{padding:var(--base-size-64);border-block-end:none;border-inline-end:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);padding-inline-end:var(--base-size-64)}.Primer_Brand__Hero-module__Hero-expressive-body-column___Beyq_{padding:var(--base-size-64);flex-direction:column;justify-content:flex-end;padding-inline-start:var(--base-size-64);display:flex}.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-actions___RUotq,.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-trailing____cadc{margin-block-start:var(--base-size-32)}}.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-imageWrapper___CscCA{border-block:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);background-color:var(--brand-color-canvas-subtle);width:100%}.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-imageWrapper-inner___jk8Wg{width:100%;max-width:1280px;padding:var(--base-size-32) var(--base-size-32) 0;margin-inline:auto}@container (width>=1280px){.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-imageWrapper-inner--with-gridline___fixm4{border-inline:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted)}}.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-imageWrapper-inner--padded___cN4al{padding:var(--base-size-32)}@media screen and (width>=63.25rem){.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-imageWrapper-inner___jk8Wg{padding:var(--base-size-64) var(--base-size-64) 0}.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-imageWrapper-inner--padded___cN4al{padding:var(--base-size-64)}}.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-media___rM3qR{max-width:1176px;margin-inline:auto;display:block;overflow:hidden}.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-media--pos-block-end___6QShk,.Primer_Brand__Hero-module__Hero--variant-gridline-expressive___yVRY3 .Primer_Brand__Hero-module__Hero-image___GC10l:not(.Primer_Brand__Hero-module__Hero-media--pos-block-end-padded___VdZlI){border-radius:var(--brand-borderRadius-medium) var(--brand-borderRadius-medium) 0 0}

package/esm/Hero/Hero.module.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import './Hero.module-b8OFm8Ci.css';var e = {
+import './Hero.module-DvYo_AtL.css';var e = {
 	Hero: "Primer_Brand__Hero-module__Hero___It6gj",
 	"Hero--variant-default": "Primer_Brand__Hero-module__Hero--variant-default___lNgHw",
 	"Hero--align-start": "Primer_Brand__Hero-module__Hero--align-start___ouSp3",

package/esm/Hero/Hero.module.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Hero.module.js","names":[],"sources":["../../src/Hero/Hero.module.css"],"sourcesContent":[".Hero {\n display: flex;\n flex-direction: column;\n}\n\n.Hero--variant-default {\n padding: var(--brand-Hero-narrow-padding);\n}\n\n.Hero--align-start {\n align-items: flex-start;\n text-align: left;\n}\n\n.Hero--align-center {\n justify-items: center;\n align-items: center;\n text-align: center;\n}\n\n.Hero-grid {\n --brand-Grid-spacing-margin: 0;\n}\n\n.Hero-grid--contained {\n width: 100%;\n max-width: 1280px;\n margin-inline: auto;\n padding: var(--base-size-32);\n background-color: var(--brand-Hero-bgColor-gridlineGridInner); /* Unset by default - users can override if needed /\n}\n\n/ Prevents double-borders. We only apply the inline borders when the parent container is wide enough to show the full width. /\n@container (min-width: 1280px) {\n .Hero-grid--contained {\n border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n }\n}\n\n.Hero-grid--block-end,\n.Hero-grid--inline-end {\n --brand-Grid-spacing-row: var(--base-size-40);\n}\n\n@media screen and (min-width: 63.25rem) {\n .Hero-grid--contained {\n padding: var(--base-size-64);\n }\n\n .Hero-grid--block-end {\n --brand-Grid-spacing-row: var(--base-size-80);\n }\n}\n\n.Hero--align-center .Hero-actions {\n justify-content: center;\n}\n\n.Hero--align-center .Hero-content {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.Hero-image {\n border-radius: var(--brand-borderRadius-medium);\n width: 100%;\n}\n\n.Hero-mediaContainer {\n width: 100%;\n height: 100%;\n display: flex;\n flex: 1;\n}\n\n.Hero-imageContainer--bg-subtle {\n background-color: var(--brand-color-canvas-subtle);\n padding: var(--base-size-32) var(--base-size-32) 0;\n}\n\n.Hero-imageContainer--inline-bg-padded {\n padding: var(--base-size-32);\n background-color: var(--brand-color-canvas-subtle);\n}\n\n.Hero-imageWrapper {\n width: 100%;\n display: flex;\n justify-content: center;\n}\n\n.Hero-imageWrapper--bg-subtle {\n border-block: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n background-color: var(--brand-color-canvas-subtle);\n padding: var(--base-size-32) var(--base-size-32) 0;\n}\n\n.Hero-imageContainer--inline-bordered {\n background-color: var(--brand-color-canvas-subtle);\n display: flex;\n align-items: stretch;\n}\n\n@media screen and (min-width: 63.25rem) {\n .Hero-imageContainer--inline-bordered {\n min-height: calc(600px - var(--base-size-24));\n }\n\n .Hero-imageWrapper--bg-subtle {\n padding: var(--base-size-64) var(--base-size-64) 0;\n }\n\n .Hero-imageContainer--inline-bg-padded {\n padding: var(--base-size-64);\n }\n}\n\n.Hero--variant-gridline {\n container-type: inline-size;\n width: 100%;\n}\n\n/ Shared media styles for images and videos /\n.Hero--variant-gridline .Hero-media {\n max-width: 1176px;\n margin-inline: auto;\n display: block;\n overflow: hidden;\n}\n\n.Hero--variant-gridline .Hero-media--pos-block-end {\n border-radius: var(--brand-borderRadius-medium) var(--brand-borderRadius-medium) 0 0;\n}\n\n/ Applied directly to video/iframe elements for block-end position /\n.Hero-media-item--block-end {\n border-radius: var(--brand-borderRadius-medium) var(--brand-borderRadius-medium) 0 0;\n}\n\n.Hero--variant-gridline .Hero-imageWrapper {\n border-block: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n background-color: var(--brand-color-canvas-subtle);\n width: 100%;\n}\n\n.Hero--variant-gridline .Hero-imageWrapper-inner {\n width: 100%;\n max-width: 1280px;\n margin-inline: auto;\n padding: var(--base-size-32) var(--base-size-32) 0;\n}\n\n@container (min-width: 1280px) {\n .Hero--variant-gridline .Hero-imageWrapper-inner--with-gridline {\n border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n }\n}\n\n.Hero--variant-gridline .Hero-imageWrapper-inner--padded {\n padding: var(--base-size-32);\n}\n\n.Hero-media--pos-block-end-padded {\n border-radius: var(--brand-borderRadius-medium);\n}\n\n@media screen and (min-width: 63.25rem) {\n .Hero--variant-gridline .Hero-imageWrapper-inner {\n padding: var(--base-size-64) var(--base-size-64) 0;\n }\n\n .Hero--variant-gridline .Hero-imageWrapper-inner--padded {\n padding: var(--base-size-64);\n }\n}\n\n/ GridLine variant with inline (side-by-side) layout /\n.Hero-grid--bordered-inline {\n width: 100%;\n max-width: 1280px;\n margin-inline: auto;\n}\n\n@media screen and (min-width: 63.25rem) {\n .Hero-grid--bordered-inline {\n min-height: 440px;\n }\n}\n\n@container (min-width: 1280px) {\n .Hero-grid--bordered-inline {\n border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n }\n}\n\n.Hero--variant-gridline.Hero--image-pos-inline {\n border-block-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n}\n\n/ Text column styling for gridline inline positions /\n.Hero-contentColumn--bordered-inline {\n padding: var(--base-size-32);\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n\n@media screen and (min-width: 63.25rem) {\n .Hero-contentColumn--bordered-inline {\n padding: var(--base-size-64);\n }\n}\n\n/ Media styling for gridline inline positions /\n\n/ Edge-to-edge inline media (no padding) - remove border radius /\n.Hero--variant-gridline .Hero-media--pos-inline:not(.Hero-media--pos-inline-padded) {\n border-radius: 0;\n}\n\n/ Applied directly to video/iframe elements for inline position /\n.Hero-media-item--inline {\n border-radius: 0;\n}\n\n/ Padded inline media - constrain size and center /\n.Hero--variant-gridline .Hero-media--pos-inline-padded {\n max-width: 100%;\n height: auto;\n align-self: center;\n}\n\n/ Image column styling now handled by .Hero-imageContainer--inline-bordered /\n\n.Hero-video {\n width: 100%;\n}\n\n/ Base styles for video/iframe media elements /\n.Hero-media-item {\n width: 100%;\n border-radius: var(--brand-borderRadius-large);\n}\n\n.Hero-label {\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-block-end: var(--base-size-16);\n display: flex;\n align-items: center;\n}\n\n.Hero-heading {\n margin: 0;\n max-width: 924px;\n}\n\n.Hero-heading b {\n color: var(--brand-color-accent-primary);\n font-style: normal;\n font-weight: inherit;\n}\n\n.Hero-heading--fullWidth {\n max-width: unset;\n}\n\n.Hero-text-column--inline-gridline {\n height: 100%;\n}\n\n.Hero-description {\n margin: var(--base-size-24) 0 0;\n max-width: 600px;\n}\n\n.Hero--variant-inline-gridline .Hero-description {\n padding-block-start: var(--base-size-24);\n margin-block-start: auto;\n}\n\n.Hero-actions {\n margin-block-start: var(--base-size-32);\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: var(--base-size-8) var(--base-size-16);\n}\n\n.Hero--variant-gridline-expressive .Hero-actions {\n align-items: stretch;\n gap: var(--base-size-8) var(--base-size-12);\n}\n\n.Hero-trailing {\n margin-block-start: var(--base-size-32);\n}\n\n.Hero-eyebrow {\n margin-block-end: var(--base-size-32);\n}\n\n/ Small breakpoint and up /\n@media screen and (min-width: 34rem) {\n .Hero--variant-default {\n padding: var(--brand-Hero-regular-padding);\n }\n}\n\n.Hero-video-poster-button {\n padding: 0;\n border: none;\n background: none;\n cursor: pointer;\n display: block;\n height: 100%;\n position: relative;\n line-height: 0;\n font-size: 0;\n width: 100%;\n}\n\n.Hero-video-poster-image {\n display: block;\n height: auto;\n width: 100%;\n}\n\n.Hero-video-poster-icon {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: var(--base-size-96);\n height: var(--base-size-96);\n z-index: 1;\n color: var(--base-color-scale-white-0);\n}\n\n.Hero-video-poster-header {\n position: absolute;\n inset: 0 0 auto;\n padding: var(--base-size-16) var(--base-size-24);\n background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 60%, rgba(0, 0, 0, 0));\n display: flex;\n align-items: center;\n gap: var(--base-size-16);\n height: var(--base-size-80);\n}\n\n.Hero-video-header-poster-icon,\n.Hero-video-poster-text {\n color: var(--base-color-scale-white-0);\n}\n\n/ ========================================\n Gridline-Expressive Variant\n ======================================== /\n\n.Hero--variant-gridline-expressive {\n container-type: inline-size;\n width: 100%;\n}\n\n/ Grid container for expressive variant /\n.Hero-grid--expressive {\n width: 100%;\n max-width: 1280px;\n margin-inline: auto;\n gap: 0;\n --brand-Grid-spacing-row: 0;\n}\n\n@container (min-width: 1280px) {\n .Hero-grid--expressive {\n border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n }\n}\n\n/ Header column (eyebrow, heading) /\n.Hero-expressive-header-column {\n padding: var(--base-size-32);\n padding-block-end: var(--base-size-24);\n border-block-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n display: flex;\n align-items: center;\n}\n\n/ Body column (description, actions, trailing) /\n.Hero-expressive-body-column {\n padding: var(--base-size-32);\n padding-block-start: var(--base-size-24);\n}\n\n.Hero--variant-gridline-expressive .Hero-description {\n margin-block-start: 0;\n}\n\n.Hero--variant-gridline-expressive .Hero-actions {\n margin-block-start: var(--base-size-24);\n}\n\n.Hero--variant-gridline-expressive .Hero-trailing {\n margin-block-start: var(--base-size-24);\n}\n\n/ Desktop: Side-by-side layout with vertical divider /\n@media screen and (min-width: 63.25rem) {\n .Hero-expressive-header-column {\n padding: var(--base-size-64);\n padding-inline-end: var(--base-size-64);\n border-block-end: none;\n border-inline-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n }\n\n .Hero-expressive-body-column {\n padding: var(--base-size-64);\n padding-inline-start: var(--base-size-64);\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n }\n\n .Hero--variant-gridline-expressive .Hero-actions {\n margin-block-start: var(--base-size-32);\n }\n\n .Hero--variant-gridline-expressive .Hero-trailing {\n margin-block-start: var(--base-size-32);\n }\n}\n\n/ Media wrapper styles for gridline-expressive (same as gridline) /\n.Hero--variant-gridline-expressive .Hero-imageWrapper {\n border-block: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n background-color: var(--brand-color-canvas-subtle);\n width: 100%;\n}\n\n.Hero--variant-gridline-expressive .Hero-imageWrapper-inner {\n width: 100%;\n max-width: 1280px;\n margin-inline: auto;\n padding: var(--base-size-32) var(--base-size-32) 0;\n}\n\n@container (min-width: 1280px) {\n .Hero--variant-gridline-expressive .Hero-imageWrapper-inner--with-gridline {\n border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n }\n}\n\n.Hero--variant-gridline-expressive .Hero-imageWrapper-inner--padded {\n padding: var(--base-size-32);\n}\n\n@media screen and (min-width: 63.25rem) {\n .Hero--variant-gridline-expressive .Hero-imageWrapper-inner {\n padding: var(--base-size-64) var(--base-size-64) 0;\n }\n\n .Hero--variant-gridline-expressive .Hero-imageWrapper-inner--padded {\n padding: var(--base-size-64);\n }\n}\n\n/ Shared media styles for gridline-expressive */\n.Hero--variant-gridline-expressive .Hero-media {\n max-width: 1176px;\n margin-inline: auto;\n display: block;\n overflow: hidden;\n}\n\n.Hero--variant-gridline-expressive .Hero-media--pos-block-end,\n.Hero--variant-gridline-expressive .Hero-image:not(.Hero-media--pos-block-end-padded) {\n border-radius: var(--brand-borderRadius-medium) var(--brand-borderRadius-medium) 0 0;\n}\n"],"mappings":""}
1	+ {"version":3,"file":"Hero.module.js","names":[],"sources":["../../src/Hero/Hero.module.css"],"sourcesContent":[".Hero {\n display: flex;\n flex-direction: column;\n}\n\n.Hero--variant-default {\n padding: var(--brand-Hero-narrow-padding);\n}\n\n.Hero--align-start {\n align-items: flex-start;\n text-align: left;\n}\n\n.Hero--align-center {\n justify-items: center;\n align-items: center;\n text-align: center;\n}\n\n.Hero-grid {\n --brand-Grid-spacing-margin: 0;\n}\n\n.Hero-grid--contained {\n width: 100%;\n max-width: 1280px;\n margin-inline: auto;\n padding: var(--base-size-32);\n background-color: var(--brand-Hero-bgColor-gridlineGridInner); /* Unset by default - users can override if needed /\n}\n\n/ Prevents double-borders. We only apply the inline borders when the parent container is wide enough to show the full width. /\n@container (min-width: 1280px) {\n .Hero-grid--contained {\n border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n }\n}\n\n.Hero-grid--block-end,\n.Hero-grid--inline-end {\n --brand-Grid-spacing-row: var(--base-size-40);\n}\n\n@media screen and (min-width: 63.25rem) {\n .Hero-grid--contained {\n padding: var(--base-size-64);\n }\n\n .Hero-grid--block-end {\n --brand-Grid-spacing-row: var(--base-size-80);\n }\n}\n\n.Hero--align-center .Hero-actions {\n justify-content: center;\n}\n\n.Hero--align-center .Hero-content {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.Hero-image {\n border-radius: var(--brand-borderRadius-medium);\n width: 100%;\n}\n\n.Hero-mediaContainer {\n width: 100%;\n height: 100%;\n display: flex;\n flex: 1;\n}\n\n.Hero-imageContainer--bg-subtle {\n background-color: var(--brand-color-canvas-subtle);\n padding: var(--base-size-32) var(--base-size-32) 0;\n}\n\n.Hero-imageContainer--inline-bg-padded {\n padding: var(--base-size-32);\n background-color: var(--brand-color-canvas-subtle);\n}\n\n.Hero-imageWrapper {\n width: 100%;\n display: flex;\n justify-content: center;\n}\n\n.Hero-imageWrapper--bg-subtle {\n border-block: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n background-color: var(--brand-color-canvas-subtle);\n padding: var(--base-size-32) var(--base-size-32) 0;\n}\n\n.Hero-imageContainer--inline-bordered {\n background-color: var(--brand-color-canvas-subtle);\n display: flex;\n align-items: stretch;\n}\n\n@media screen and (min-width: 63.25rem) {\n .Hero-imageContainer--inline-bordered {\n min-height: calc(600px - var(--base-size-24));\n }\n\n .Hero-imageWrapper--bg-subtle {\n padding: var(--base-size-64) var(--base-size-64) 0;\n }\n\n .Hero-imageContainer--inline-bg-padded {\n padding: var(--base-size-64);\n }\n}\n\n.Hero--variant-gridline {\n container-type: inline-size;\n width: 100%;\n}\n\n/ Shared media styles for images and videos /\n.Hero--variant-gridline .Hero-media {\n max-width: 1176px;\n margin-inline: auto;\n display: block;\n overflow: hidden;\n}\n\n.Hero--variant-gridline .Hero-media--pos-block-end {\n border-radius: var(--brand-borderRadius-medium) var(--brand-borderRadius-medium) 0 0;\n}\n\n/ Applied directly to video/iframe elements for block-end position /\n.Hero-media-item--block-end {\n border-radius: var(--brand-borderRadius-medium) var(--brand-borderRadius-medium) 0 0;\n}\n\n.Hero--variant-gridline .Hero-imageWrapper {\n border-block: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n background-color: var(--brand-color-canvas-subtle);\n width: 100%;\n}\n\n.Hero--variant-gridline .Hero-imageWrapper-inner {\n width: 100%;\n max-width: 1280px;\n margin-inline: auto;\n padding: var(--base-size-32) var(--base-size-32) 0;\n}\n\n@container (min-width: 1280px) {\n .Hero--variant-gridline .Hero-imageWrapper-inner--with-gridline {\n border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n }\n}\n\n.Hero--variant-gridline .Hero-imageWrapper-inner--padded {\n padding: var(--base-size-32);\n}\n\n.Hero-media--pos-block-end-padded {\n border-radius: var(--brand-borderRadius-medium);\n}\n\n@media screen and (min-width: 63.25rem) {\n .Hero--variant-gridline .Hero-imageWrapper-inner {\n padding: var(--base-size-64) var(--base-size-64) 0;\n }\n\n .Hero--variant-gridline .Hero-imageWrapper-inner--padded {\n padding: var(--base-size-64);\n }\n}\n\n/ GridLine variant with inline (side-by-side) layout /\n.Hero-grid--bordered-inline {\n width: 100%;\n max-width: 1280px;\n margin-inline: auto;\n}\n\n@media screen and (min-width: 63.25rem) {\n .Hero-grid--bordered-inline {\n min-height: 440px;\n }\n}\n\n@container (min-width: 1280px) {\n .Hero-grid--bordered-inline {\n border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n }\n}\n\n.Hero--variant-gridline.Hero--image-pos-inline {\n border-block-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n}\n\n/ Text column styling for gridline inline positions /\n.Hero-contentColumn--bordered-inline {\n padding: var(--base-size-32);\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n\n@media screen and (min-width: 63.25rem) {\n .Hero-contentColumn--bordered-inline {\n padding: var(--base-size-64);\n }\n}\n\n/ Media styling for gridline inline positions /\n\n/ Edge-to-edge inline media (no padding) - remove border radius /\n.Hero--variant-gridline .Hero-media--pos-inline:not(.Hero-media--pos-inline-padded) {\n border-radius: 0;\n}\n\n/ Applied directly to video/iframe elements for inline position /\n.Hero-media-item--inline {\n border-radius: 0;\n}\n\n/ Padded inline media - constrain size and center /\n.Hero--variant-gridline .Hero-media--pos-inline-padded {\n max-width: 100%;\n height: auto;\n align-self: center;\n}\n\n/ Image column styling now handled by .Hero-imageContainer--inline-bordered /\n\n.Hero-video {\n width: 100%;\n}\n\n/ Base styles for video/iframe media elements /\n.Hero-media-item {\n width: 100%;\n border-radius: var(--brand-borderRadius-large);\n}\n\n.Hero-label {\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-block-end: calc(var(--base-size-16) - var(--base-size-2));\n display: flex;\n align-items: center;\n}\n\n.Hero-heading {\n margin: 0;\n max-width: 924px;\n}\n\n.Hero-heading b {\n color: var(--brand-color-accent-primary);\n font-style: normal;\n font-weight: inherit;\n}\n\n.Hero-heading--fullWidth {\n max-width: unset;\n}\n\n.Hero-text-column--inline-gridline {\n height: 100%;\n}\n\n.Hero-description {\n margin: var(--base-size-24) 0 0;\n max-width: 600px;\n}\n\n.Hero--variant-inline-gridline .Hero-description {\n padding-block-start: var(--base-size-24);\n margin-block-start: auto;\n}\n\n.Hero-actions {\n margin-block-start: var(--base-size-32);\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: var(--base-size-8) var(--base-size-16);\n}\n\n.Hero--variant-gridline-expressive .Hero-actions {\n align-items: stretch;\n gap: var(--base-size-8) var(--base-size-12);\n}\n\n.Hero-trailing {\n margin-block-start: var(--base-size-32);\n}\n\n.Hero-eyebrow {\n margin-block-end: var(--base-size-32);\n}\n\n/ Small breakpoint and up /\n@media screen and (min-width: 34rem) {\n .Hero--variant-default {\n padding: var(--brand-Hero-regular-padding);\n }\n}\n\n.Hero-video-poster-button {\n padding: 0;\n border: none;\n background: none;\n cursor: pointer;\n display: block;\n height: 100%;\n position: relative;\n line-height: 0;\n font-size: 0;\n width: 100%;\n}\n\n.Hero-video-poster-image {\n display: block;\n height: auto;\n width: 100%;\n}\n\n.Hero-video-poster-icon {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: var(--base-size-96);\n height: var(--base-size-96);\n z-index: 1;\n color: var(--base-color-scale-white-0);\n}\n\n.Hero-video-poster-header {\n position: absolute;\n inset: 0 0 auto;\n padding: var(--base-size-16) var(--base-size-24);\n background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 60%, rgba(0, 0, 0, 0));\n display: flex;\n align-items: center;\n gap: var(--base-size-16);\n height: var(--base-size-80);\n}\n\n.Hero-video-header-poster-icon,\n.Hero-video-poster-text {\n color: var(--base-color-scale-white-0);\n}\n\n/ ========================================\n Gridline-Expressive Variant\n ======================================== /\n\n.Hero--variant-gridline-expressive {\n container-type: inline-size;\n width: 100%;\n}\n\n/ Grid container for expressive variant /\n.Hero-grid--expressive {\n width: 100%;\n max-width: 1280px;\n margin-inline: auto;\n gap: 0;\n --brand-Grid-spacing-row: 0;\n}\n\n@container (min-width: 1280px) {\n .Hero-grid--expressive {\n border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n }\n}\n\n/ Header column (eyebrow, heading) /\n.Hero-expressive-header-column {\n padding: var(--base-size-32);\n padding-block-end: var(--base-size-24);\n border-block-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n display: flex;\n align-items: center;\n}\n\n/ Body column (description, actions, trailing) /\n.Hero-expressive-body-column {\n padding: var(--base-size-32);\n padding-block-start: var(--base-size-24);\n}\n\n.Hero--variant-gridline-expressive .Hero-description {\n margin-block-start: 0;\n}\n\n.Hero--variant-gridline-expressive .Hero-actions {\n margin-block-start: var(--base-size-24);\n}\n\n.Hero--variant-gridline-expressive .Hero-trailing {\n margin-block-start: var(--base-size-24);\n}\n\n/ Desktop: Side-by-side layout with vertical divider /\n@media screen and (min-width: 63.25rem) {\n .Hero-expressive-header-column {\n padding: var(--base-size-64);\n padding-inline-end: var(--base-size-64);\n border-block-end: none;\n border-inline-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n }\n\n .Hero-expressive-body-column {\n padding: var(--base-size-64);\n padding-inline-start: var(--base-size-64);\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n }\n\n .Hero--variant-gridline-expressive .Hero-actions {\n margin-block-start: var(--base-size-32);\n }\n\n .Hero--variant-gridline-expressive .Hero-trailing {\n margin-block-start: var(--base-size-32);\n }\n}\n\n/ Media wrapper styles for gridline-expressive (same as gridline) /\n.Hero--variant-gridline-expressive .Hero-imageWrapper {\n border-block: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n background-color: var(--brand-color-canvas-subtle);\n width: 100%;\n}\n\n.Hero--variant-gridline-expressive .Hero-imageWrapper-inner {\n width: 100%;\n max-width: 1280px;\n margin-inline: auto;\n padding: var(--base-size-32) var(--base-size-32) 0;\n}\n\n@container (min-width: 1280px) {\n .Hero--variant-gridline-expressive .Hero-imageWrapper-inner--with-gridline {\n border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n }\n}\n\n.Hero--variant-gridline-expressive .Hero-imageWrapper-inner--padded {\n padding: var(--base-size-32);\n}\n\n@media screen and (min-width: 63.25rem) {\n .Hero--variant-gridline-expressive .Hero-imageWrapper-inner {\n padding: var(--base-size-64) var(--base-size-64) 0;\n }\n\n .Hero--variant-gridline-expressive .Hero-imageWrapper-inner--padded {\n padding: var(--base-size-64);\n }\n}\n\n/ Shared media styles for gridline-expressive */\n.Hero--variant-gridline-expressive .Hero-media {\n max-width: 1176px;\n margin-inline: auto;\n display: block;\n overflow: hidden;\n}\n\n.Hero--variant-gridline-expressive .Hero-media--pos-block-end,\n.Hero--variant-gridline-expressive .Hero-image:not(.Hero-media--pos-block-end-padded) {\n border-radius: var(--brand-borderRadius-medium) var(--brand-borderRadius-medium) 0 0;\n}\n"],"mappings":""}

package/esm/Icon/Icon.module-UyYnXhrw.css ADDED Viewed

@@ -0,0 +1 @@

+ .Primer_Brand__Icon-module__Icon___aJJhk{box-sizing:content-box;padding:0}.Primer_Brand__Icon-module__Icon___aJJhk>svg{display:block}.Primer_Brand__Icon-module__Icon--size-20___j3HnM{width:var(--base-size-20);height:var(--base-size-20)}.Primer_Brand__Icon-module__Icon--size-24___IMNie{width:var(--base-size-24);height:var(--base-size-24)}.Primer_Brand__Icon-module__Icon--size-28___a2UX9{width:var(--base-size-28);height:var(--base-size-28)}.Primer_Brand__Icon-module__Icon--size-32___Tgjny{width:var(--base-size-32);height:var(--base-size-32)}.Primer_Brand__Icon-module__Icon--size-36___BRbWP{width:var(--base-size-36);height:var(--base-size-36)}.Primer_Brand__Icon-module__Icon--size-40___5TwjU{width:var(--base-size-40);height:var(--base-size-40)}.Primer_Brand__Icon-module__Icon--size-44___PjVGi{width:var(--base-size-44);height:var(--base-size-44)}.Primer_Brand__Icon-module__Icon--background___fgUOm{padding:var(--base-size-12);border-radius:var(--base-size-12)}.Primer_Brand__Icon-module__Icon--color-default___vt2u3{color:var(--brand-Icon-color-default)}.Primer_Brand__Icon-module__Icon--background-color-default___oiQxP{background-color:var(--brand-Icon-background-default)}.Primer_Brand__Icon-module__Icon--color-blue___vlDeB{color:var(--brand-Icon-color-blue)}.Primer_Brand__Icon-module__Icon--background-color-blue___kEC8S{background-color:var(--brand-Icon-background-blue)}.Primer_Brand__Icon-module__Icon--color-coral___Oo4Jn{color:var(--brand-Icon-color-coral)}.Primer_Brand__Icon-module__Icon--background-color-coral___tyhtJ{background-color:var(--brand-Icon-background-coral)}.Primer_Brand__Icon-module__Icon--color-green___ufOLM{color:var(--brand-Icon-color-green)}.Primer_Brand__Icon-module__Icon--background-color-green___A2kAi{background-color:var(--brand-Icon-background-green)}.Primer_Brand__Icon-module__Icon--color-gray___dgvUd{color:var(--brand-Icon-color-gray)}.Primer_Brand__Icon-module__Icon--background-color-gray___PqbZM{background-color:var(--brand-Icon-background-gray)}.Primer_Brand__Icon-module__Icon--color-indigo___JOc9i{color:var(--brand-Icon-color-indigo)}.Primer_Brand__Icon-module__Icon--background-color-indigo___JCAKp{background-color:var(--brand-Icon-background-indigo)}.Primer_Brand__Icon-module__Icon--color-lemon___6s8P_{color:var(--brand-Icon-color-lemon)}.Primer_Brand__Icon-module__Icon--background-color-lemon___LVQHh{background-color:var(--brand-Icon-background-lemon)}.Primer_Brand__Icon-module__Icon--color-lime___0sYqH{color:var(--brand-Icon-color-lime)}.Primer_Brand__Icon-module__Icon--background-color-lime___LAPrm{background-color:var(--brand-Icon-background-lime)}.Primer_Brand__Icon-module__Icon--color-orange___gMDpg{color:var(--brand-Icon-color-orange)}.Primer_Brand__Icon-module__Icon--background-color-orange___leM1v{background-color:var(--brand-Icon-background-orange)}.Primer_Brand__Icon-module__Icon--color-pink___ydryY{color:var(--brand-Icon-color-pink)}.Primer_Brand__Icon-module__Icon--background-color-pink___AZFEG{background-color:var(--brand-Icon-background-pink)}.Primer_Brand__Icon-module__Icon--color-purple___2UG4_{color:var(--brand-Icon-color-purple)}.Primer_Brand__Icon-module__Icon--background-color-purple___JrHKk{background-color:var(--brand-Icon-background-purple)}.Primer_Brand__Icon-module__Icon--color-red___lXx5z{color:var(--brand-Icon-color-red)}.Primer_Brand__Icon-module__Icon--background-color-red___qxCqZ{background-color:var(--brand-Icon-background-red)}.Primer_Brand__Icon-module__Icon--color-teal___wzkaS{color:var(--brand-Icon-color-teal)}.Primer_Brand__Icon-module__Icon--background-color-teal___iKPiz{background-color:var(--brand-Icon-background-teal)}.Primer_Brand__Icon-module__Icon--color-yellow___26Zwg{color:var(--brand-Icon-color-yellow)}.Primer_Brand__Icon-module__Icon--background-color-yellow___uFZoS{background-color:var(--brand-Icon-background-yellow)}

package/esm/Icon/Icon.module.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import './Icon.module-C1_lP1JO.css';var e = {
+import './Icon.module-UyYnXhrw.css';var e = {
 	Icon: "Primer_Brand__Icon-module__Icon___aJJhk",
 	"Icon--size-20": "Primer_Brand__Icon-module__Icon--size-20___j3HnM",
 	"Icon--size-24": "Primer_Brand__Icon-module__Icon--size-24___IMNie",

package/esm/Icon/Icon.module.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Icon.module.js","names":[],"sources":["../../src/Icon/Icon.module.css"],"sourcesContent":[".Icon {\n box-sizing: content-box;\n padding: 0;\n}\n\n.Icon > svg {\n display: block; /* Ensure SVG are unaffected by text styles and font metrics, maintaining vertical alignment */\n}\n\n.Icon--size-20 {\n width: var(--base-size-20);\n height: var(--base-size-20);\n}\n\n.Icon--size-24 {\n width: var(--base-size-24);\n height: var(--base-size-24);\n}\n\n.Icon--size-28 {\n width: var(--base-size-28);\n height: var(--base-size-28);\n}\n\n.Icon--size-32 {\n width: var(--base-size-32);\n height: var(--base-size-32);\n}\n\n.Icon--size-36 {\n width: var(--base-size-36);\n height: var(--base-size-36);\n}\n\n.Icon--size-40 {\n width: var(--base-size-40);\n height: var(--base-size-40);\n}\n\n.Icon--size-44 {\n width: var(--base-size-44);\n height: var(--base-size-44);\n}\n\n.Icon--background {\n padding: var(--base-size-12);\n border-radius: var(--~~brand~~-~~borderRadius~~-~~medium~~);\n}\n\n.Icon--color-default {\n color: var(--brand-Icon-color-default);\n}\n\n.Icon--background-color-default {\n background-color: var(--brand-Icon-background-default);\n}\n\n.Icon--color-blue {\n color: var(--brand-Icon-color-blue);\n}\n\n.Icon--background-color-blue {\n background-color: var(--brand-Icon-background-blue);\n}\n\n.Icon--color-coral {\n color: var(--brand-Icon-color-coral);\n}\n\n.Icon--background-color-coral {\n background-color: var(--brand-Icon-background-coral);\n}\n\n.Icon--color-green {\n color: var(--brand-Icon-color-green);\n}\n\n.Icon--background-color-green {\n background-color: var(--brand-Icon-background-green);\n}\n\n.Icon--color-gray {\n color: var(--brand-Icon-color-gray);\n}\n\n.Icon--background-color-gray {\n background-color: var(--brand-Icon-background-gray);\n}\n\n.Icon--color-indigo {\n color: var(--brand-Icon-color-indigo);\n}\n\n.Icon--background-color-indigo {\n background-color: var(--brand-Icon-background-indigo);\n}\n\n.Icon--color-lemon {\n color: var(--brand-Icon-color-lemon);\n}\n\n.Icon--background-color-lemon {\n background-color: var(--brand-Icon-background-lemon);\n}\n\n.Icon--color-lime {\n color: var(--brand-Icon-color-lime);\n}\n\n.Icon--background-color-lime {\n background-color: var(--brand-Icon-background-lime);\n}\n\n.Icon--color-orange {\n color: var(--brand-Icon-color-orange);\n}\n\n.Icon--background-color-orange {\n background-color: var(--brand-Icon-background-orange);\n}\n\n.Icon--color-pink {\n color: var(--brand-Icon-color-pink);\n}\n\n.Icon--background-color-pink {\n background-color: var(--brand-Icon-background-pink);\n}\n\n.Icon--color-purple {\n color: var(--brand-Icon-color-purple);\n}\n\n.Icon--background-color-purple {\n background-color: var(--brand-Icon-background-purple);\n}\n\n.Icon--color-red {\n color: var(--brand-Icon-color-red);\n}\n\n.Icon--background-color-red {\n background-color: var(--brand-Icon-background-red);\n}\n\n.Icon--color-teal {\n color: var(--brand-Icon-color-teal);\n}\n\n.Icon--background-color-teal {\n background-color: var(--brand-Icon-background-teal);\n}\n\n.Icon--color-yellow {\n color: var(--brand-Icon-color-yellow);\n}\n\n.Icon--background-color-yellow {\n background-color: var(--brand-Icon-background-yellow);\n}\n"],"mappings":""}
1	+ {"version":3,"file":"Icon.module.js","names":[],"sources":["../../src/Icon/Icon.module.css"],"sourcesContent":[".Icon {\n box-sizing: content-box;\n padding: 0;\n}\n\n.Icon > svg {\n display: block; /* Ensure SVG are unaffected by text styles and font metrics, maintaining vertical alignment */\n}\n\n.Icon--size-20 {\n width: var(--base-size-20);\n height: var(--base-size-20);\n}\n\n.Icon--size-24 {\n width: var(--base-size-24);\n height: var(--base-size-24);\n}\n\n.Icon--size-28 {\n width: var(--base-size-28);\n height: var(--base-size-28);\n}\n\n.Icon--size-32 {\n width: var(--base-size-32);\n height: var(--base-size-32);\n}\n\n.Icon--size-36 {\n width: var(--base-size-36);\n height: var(--base-size-36);\n}\n\n.Icon--size-40 {\n width: var(--base-size-40);\n height: var(--base-size-40);\n}\n\n.Icon--size-44 {\n width: var(--base-size-44);\n height: var(--base-size-44);\n}\n\n.Icon--background {\n padding: var(--base-size-12);\n border-radius: var(--base-size-12);\n}\n\n.Icon--color-default {\n color: var(--brand-Icon-color-default);\n}\n\n.Icon--background-color-default {\n background-color: var(--brand-Icon-background-default);\n}\n\n.Icon--color-blue {\n color: var(--brand-Icon-color-blue);\n}\n\n.Icon--background-color-blue {\n background-color: var(--brand-Icon-background-blue);\n}\n\n.Icon--color-coral {\n color: var(--brand-Icon-color-coral);\n}\n\n.Icon--background-color-coral {\n background-color: var(--brand-Icon-background-coral);\n}\n\n.Icon--color-green {\n color: var(--brand-Icon-color-green);\n}\n\n.Icon--background-color-green {\n background-color: var(--brand-Icon-background-green);\n}\n\n.Icon--color-gray {\n color: var(--brand-Icon-color-gray);\n}\n\n.Icon--background-color-gray {\n background-color: var(--brand-Icon-background-gray);\n}\n\n.Icon--color-indigo {\n color: var(--brand-Icon-color-indigo);\n}\n\n.Icon--background-color-indigo {\n background-color: var(--brand-Icon-background-indigo);\n}\n\n.Icon--color-lemon {\n color: var(--brand-Icon-color-lemon);\n}\n\n.Icon--background-color-lemon {\n background-color: var(--brand-Icon-background-lemon);\n}\n\n.Icon--color-lime {\n color: var(--brand-Icon-color-lime);\n}\n\n.Icon--background-color-lime {\n background-color: var(--brand-Icon-background-lime);\n}\n\n.Icon--color-orange {\n color: var(--brand-Icon-color-orange);\n}\n\n.Icon--background-color-orange {\n background-color: var(--brand-Icon-background-orange);\n}\n\n.Icon--color-pink {\n color: var(--brand-Icon-color-pink);\n}\n\n.Icon--background-color-pink {\n background-color: var(--brand-Icon-background-pink);\n}\n\n.Icon--color-purple {\n color: var(--brand-Icon-color-purple);\n}\n\n.Icon--background-color-purple {\n background-color: var(--brand-Icon-background-purple);\n}\n\n.Icon--color-red {\n color: var(--brand-Icon-color-red);\n}\n\n.Icon--background-color-red {\n background-color: var(--brand-Icon-background-red);\n}\n\n.Icon--color-teal {\n color: var(--brand-Icon-color-teal);\n}\n\n.Icon--background-color-teal {\n background-color: var(--brand-Icon-background-teal);\n}\n\n.Icon--color-yellow {\n color: var(--brand-Icon-color-yellow);\n}\n\n.Icon--background-color-yellow {\n background-color: var(--brand-Icon-background-yellow);\n}\n"],"mappings":""}

package/esm/Stack/Stack.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import e from "../node_modules/clsx/dist/clsx.js";
 import { BaseSizeScale as t } from "../constants.js";
 import { useAnimation as n } from "../animation/useAnimation.js";
-import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/size/size-Dr6y-7jl.css';/* empty css                                                                          */
+import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/size/size-SXubYfUg.css';/* empty css                                                                          */
 import r from "./Stack.module.js";
 import { forwardRef as i, useMemo as a } from "react";
 import { jsx as o } from "react/jsx-runtime";

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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":""}
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-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 ADDED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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":""}
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 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} RENAMED Viewed

	@@ -1 +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}
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: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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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":""}
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);\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 ADDED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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":""}
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-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 ADDED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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":""}
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-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 ADDED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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":""}
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-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} RENAMED Viewed

	@@ -1 +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}}
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-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 CHANGED Viewed

@@ -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",