npm - @primer/react-brand - Versions diffs - 0.75.1 → 0.75.2-rc.26bd444b - Mend

@primer/react-brand 0.75.1 → 0.75.2-rc.26bd444b

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/docs/index.md CHANGED Viewed

@@ -1,6 +1,6 @@
-# Primer Brand docs (v0.75.1)
+# Primer Brand docs (v0.75.2-rc.26bd444b)
-These docs are bundled with `@primer/react-brand@0.75.1` and match your installed version.
+These docs are bundled with `@primer/react-brand@0.75.2-rc.26bd444b` and match your installed version.
 New here? Start with [Getting started](getting-started/index.md) for installation, global
 stylesheet and font setup. Component directories are named after their import (e.g.

package/esm/Button/Button.module-9oHHqqnx.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:where(button){font:inherit}.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,4 +1,4 @@
-import './Button.module-Byz3R1qi.css';//#region src/Button/Button.module.css
+import './Button.module-9oHHqqnx.css';//#region src/Button/Button.module.css
 var e = "Primer_Brand__Button-module__Button___scH9Z", t = "Primer_Brand__Button-module__Button__text___ED0bX", n = {
 	Button: e,
 	"Button--disabled": "Primer_Brand__Button-module__Button--disabled___IHZ7f",

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: 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":""}
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:where(button) {\n font: inherit;\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/IDE/IDE.module-CDu-F0lH.css ADDED Viewed

@@ -0,0 +1 @@

+ .Primer_Brand__IDE-module__IDE__inner___NnTQJ{--brand-IDE-lineNumber-width:45px;background:var(--brand-IDE-default-bgColor);border:var(--brand-borderWidth-thin) solid var(--brand-IDE-borderColor)}.Primer_Brand__IDE-module__IDE--glass___kIHmW{-webkit-backdrop-filter:blur(var(--base-size-12));backdrop-filter:blur(var(--base-size-12))}.Primer_Brand__IDE-module__IDE--glass___kIHmW .Primer_Brand__IDE-module__IDE__inner___NnTQJ{background:var(--brand-IDE-glass-bgColor-rest);border-color:#0000!important}.Primer_Brand__IDE-module__IDE__main___U46Bi{width:100%;height:100%;display:flex}.Primer_Brand__IDE-module__IDE--glass___kIHmW .Primer_Brand__IDE-module__IDE__main___U46Bi{height:var(--brand-IDE-height)}.Primer_Brand__IDE-module__IDE--default___1AD3a .Primer_Brand__IDE-module__IDE__main___U46Bi{padding-top:var(--base-size-32)}.Primer_Brand__IDE-module__IDE__inner___NnTQJ{width:100%;height:var(--brand-IDE-height);margin:calc(var(--base-size-12) - 2px) auto;border-radius:var(--brand-borderRadius-large);position:relative;overflow:hidden}.Primer_Brand__IDE-module__IDE__Chat___FjTgp{grid-gap:var(--base-size-16);gap:var(--base-size-16);color:var(--brand-color-text-default);flex-direction:column;grid-area:pane;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.Primer_Brand__IDE-module__IDE--glass___kIHmW .Primer_Brand__IDE-module__IDE__Chat___FjTgp{background:var(--brand-IDE-glass-chat-bgColor)}.Primer_Brand__IDE-module__IDE--full-exp___eJnjX .Primer_Brand__IDE-module__IDE__Chat___FjTgp{min-width:300px;max-width:450px}@media screen and (width<=63.24rem){.Primer_Brand__IDE-module__IDE--full-exp___eJnjX .Primer_Brand__IDE-module__IDE__Chat___FjTgp{display:none}}.Primer_Brand__IDE-module__IDE__Chat-wrapper___OBbrc{display:contents}.Primer_Brand__IDE-module__IDE__Chat-message-user___tz2Ml{gap:var(--base-size-8);align-items:center;display:inline-flex}.Primer_Brand__IDE-module__IDE__Chat-messages___aZ1pR{scrollbar-width:thin;scrollbar-color:var(--brand-IDE-scrollBar-fgColor) var(--brand-IDE-scrollBar-bgColor);height:calc(100% - 78px);overflow-y:scroll}.Primer_Brand__IDE-module__IDE__Chat-messages___aZ1pR::-webkit-scrollbar{width:var(--base-size-12)}.Primer_Brand__IDE-module__IDE__Chat-messages___aZ1pR::-webkit-scrollbar-track{background:var(--brand-IDE-scrollBar-bgColor)}.Primer_Brand__IDE-module__IDE__Chat-messages___aZ1pR::-webkit-scrollbar-thumb{background-color:var(--brand-IDE-scrollBar-fgColor);border-radius:var(--base-size-20);border:var(--brand-borderRadius-small) solid var(--brand-IDE-scrollBar-bgColor)}.Primer_Brand__IDE-module__IDE__Chat-input-area___b5cea{bottom:var(--base-size-16);width:100%;padding:0 var(--base-size-20);opacity:.5;position:absolute}.Primer_Brand__IDE-module__IDE__Chat-input___zqxIs{border-color:var(--brand-color-border-default);background:var(--brand-IDE-default-bgColor)!important;color:var(--brand-color-text-muted)!important;-webkit-text-fill-color:var(--brand-color-text-muted)!important}.Primer_Brand__IDE-module__IDE__Chat-input-area___b5cea svg{fill:var(--brand-color-text-muted)}.Primer_Brand__IDE-module__IDE__Chat-message-content___cKmYo{margin-top:var(--base-size-16)}.Primer_Brand__IDE-module__IDE__Chat-message-snippet___0DOoF{background-color:var(--brand-IDE-default-editor-bgColor);overflow-x:hidden}.Primer_Brand__IDE-module__IDE__Chat-message___mpKSJ{font-family:var(--brand-fontStack-sansSerif);font-size:var(--base-size-16);border-bottom:var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);padding:var(--base-size-20);opacity:0;transform:translateY(var(--brand-animation-variant-slideInDown-distance));transition:opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default), transform var(--brand-animation-duration-default) var(--brand-animation-easing-default)}.Primer_Brand__IDE-module__IDE__Chat-message--visible___t7sQR{opacity:1;transform:translateY(0)}.Primer_Brand__IDE-module__IDE__Chat-message--faded___Zj1bF{opacity:.5}.Primer_Brand__IDE-module__IDE__Chat-message___mpKSJ pre{border:var(--brand-borderWidth-thick) solid var(--brand-color-border-default);padding:var(--base-size-16);border-radius:var(--brand-borderRadius-large);font-family:var(--brand-fontStack-monospace);font-size:calc(var(--base-size-12) + 2px)!important}.Primer_Brand__IDE-module__IDE__Editor___Shd_o{flex-direction:column;grid-area:editor;width:100%;height:100%;display:flex}.Primer_Brand__IDE-module__IDE--default___1AD3a .Primer_Brand__IDE-module__IDE__Editor___Shd_o{width:100%;padding-left:var(--base-size-20)}.Primer_Brand__IDE-module__IDE__Editor-tabs___iGJJ2{background:var(--brand-IDE-default-editor-tabs-bgColor);display:inline-flex;overflow-x:auto}.Primer_Brand__IDE-module__IDE--default___1AD3a .Primer_Brand__IDE-module__IDE__Editor-tabs___iGJJ2{background:var(--brand-IDE-default-editor-tabs-bgColor)}.Primer_Brand__IDE-module__IDE--glass___kIHmW .Primer_Brand__IDE-module__IDE__Editor-tabs___iGJJ2{background:var(--brand-IDE-glass-editor-tabs-bgColor)}.Primer_Brand__IDE-module__IDE__Editor-tab___dJvu_{padding:var(--base-size-8) var(--base-size-12);align-items:center;gap:var(--base-size-4);font:inherit;font-family:var(--brand-fontStack-monospace);font-size:calc(var(--base-size-12) + 2px);color:var(--brand-color-text-muted);cursor:pointer;transition:opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default);opacity:1;border:none;flex-shrink:0;display:flex}.Primer_Brand__IDE-module__IDE--default___1AD3a .Primer_Brand__IDE-module__IDE__Editor-tab___dJvu_{background:var(--brand-IDE-default-editor-tab-bgColor-rest)}.Primer_Brand__IDE-module__IDE--glass___kIHmW .Primer_Brand__IDE-module__IDE__Editor-tab___dJvu_{background:var(--brand-IDE-glass-editor-tab-bgColor-rest)}.Primer_Brand__IDE-module__IDE__Editor-tab--active___gdbpw{color:var(--brand-color-text-default);border-top:var(--brand-borderWidth-thin) solid var(--brand-IDE-default-editor-tab-borderColor);z-index:1}.Primer_Brand__IDE-module__IDE--default___1AD3a .Primer_Brand__IDE-module__IDE__Editor-tab--active___gdbpw{background:var(--brand-IDE-default-editor-tab-bgColor-active)}.Primer_Brand__IDE-module__IDE--glass___kIHmW .Primer_Brand__IDE-module__IDE__Editor-tab___dJvu_{color:var(--brand-color-text-muted);background:0 0}.Primer_Brand__IDE-module__IDE--glass___kIHmW .Primer_Brand__IDE-module__IDE__Editor-tab--active___gdbpw{color:var(--brand-color-text-default);background:var(--brand-IDE-glass-editor-tab-bgColor-active)}.Primer_Brand__IDE-module__IDE--full-exp___eJnjX.Primer_Brand__IDE-module__IDE--glass___kIHmW .Primer_Brand__IDE-module__IDE__Editor-tab--active___gdbpw{background:var(--brand-IDE-default-editor-bgColor)}.Primer_Brand__IDE-module__IDE__Editor-tab___dJvu_:hover{color:var(--brand-color-text-default)}.Primer_Brand__IDE-module__IDE__Editor-tab___dJvu_[disabled]{cursor:not-allowed;opacity:.7;color:var(--brand-color-text-muted)!important}.Primer_Brand__IDE-module__IDE__Editor-tab-close-icon___thmFu{width:var(--base-size-12);height:var(--base-size-12);fill:var(--brand-color-text-muted);margin-inline-start:var(--base-size-4)}img.Primer_Brand__IDE-module__IDE__Editor-tab-icon___AlDCB{width:var(--base-size-16);height:var(--base-size-16);filter:grayscale(10%)}.Primer_Brand__IDE-module__IDE__Editor-tab___dJvu_:hover .Primer_Brand__IDE-module__IDE__Editor-tab-close-icon___thmFu{fill:var(--brand-color-text-default)}.Primer_Brand__IDE-module__IDE__Editor-content___wdsHt{height:100%;padding-top:var(--base-size-16);overflow-x:auto}.Primer_Brand__IDE-module__IDE--default___1AD3a .Primer_Brand__IDE-module__IDE__Editor-content___wdsHt{background:var(--brand-IDE-default-editor-bgColor)}.Primer_Brand__IDE-module__IDE--glass___kIHmW .Primer_Brand__IDE-module__IDE__Editor-content___wdsHt{background:var(--brand-IDE-glass-editor-bgColor);border-bottom-left-radius:var(--brand-borderRadius-large)}.Primer_Brand__IDE-module__IDE--full-exp___eJnjX.Primer_Brand__IDE-module__IDE--glass___kIHmW .Primer_Brand__IDE-module__IDE__Editor-content___wdsHt{background:var(--brand-IDE-default-editor-bgColor)}.Primer_Brand__IDE-module__IDE__Editor-pane___33jFZ{margin:0}.Primer_Brand__IDE-module__IDE__Editor-content-wrapper___EW6zO{display:flex}.Primer_Brand__IDE-module__IDE__Editor-content-inner___D0mu_{flex:1}.Primer_Brand__IDE-module__IDE__Editor--small___8hPAZ .Primer_Brand__IDE-module__IDE__Editor-pane___33jFZ,.Primer_Brand__IDE-module__IDE__Editor--small___8hPAZ .Primer_Brand__IDE-module__IDE__Editor-lineNumbers___aOJoq{font-size:calc(var(--base-size-12) - 1px)!important;line-height:calc(var(--base-size-16) + 2px)!important}.Primer_Brand__IDE-module__IDE__Editor--medium___yVQ93 .Primer_Brand__IDE-module__IDE__Editor-pane___33jFZ,.Primer_Brand__IDE-module__IDE__Editor--medium___yVQ93 .Primer_Brand__IDE-module__IDE__Editor-lineNumbers___aOJoq{font-size:.875rem!important;line-height:19.9px!important}.Primer_Brand__IDE-module__IDE__Editor--large___CRKOS .Primer_Brand__IDE-module__IDE__Editor-pane___33jFZ,.Primer_Brand__IDE-module__IDE__Editor--large___CRKOS .Primer_Brand__IDE-module__IDE__Editor-lineNumbers___aOJoq{font-size:1.125rem!important;line-height:var(--base-size-24)!important}.Primer_Brand__IDE-module__IDE__Editor-pane--suggested___EODtb{margin-left:calc(-1 * var(--brand-IDE-lineNumber-width));background-color:var(--brand-IDE-autoSuggestLine-bgColor);border-left:var(--brand-borderWidth-thin) solid var(--brand-IDE-autoSuggest-borderColor);padding-left:calc(var(--base-size-64) - 1px)!important}.Primer_Brand__IDE-module__IDE__Editor-lineNumbers___aOJoq{z-index:1;font-family:var(--brand-fontStack-monospace);font-weight:var(--brand-text-weight-200);font-feature-settings:"liga" 0, "calt" 0;font-variation-settings:normal;letter-spacing:0;flex:0 0 var(--brand-IDE-lineNumber-width)}.Primer_Brand__IDE-module__IDE__Editor-lineNumber___PXF14{padding:0 var(--base-size-8);text-align:right;color:var(--brand-color-text-muted);-webkit-user-select:none;user-select:none;cursor:default;white-space:nowrap;text-overflow:ellipsis;display:block;position:relative;overflow:hidden}.Primer_Brand__IDE-module__IDE__Editor-lineNumber-text___VGyiL{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right;vertical-align:middle;box-sizing:border-box;cursor:default;height:100%;display:inline-block;position:absolute}.Primer_Brand__IDE-module__IDE__Editor___Shd_o pre{color:var(--brand-color-text-default);font-family:var(--brand-fontStack-monospace);padding-left:calc(var(--base-size-64) - var(--brand-IDE-lineNumber-width))}pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___KGpK6{background-color:var(--brand-IDE-autoSuggest-bgColor);padding-left:0;padding:var(--base-size-8) var(--base-size-24);border-radius:var(--brand-borderRadius-small);gap:var(--base-size-16);margin:var(--base-size-4) 0 0 var(--base-size-16);display:inline-flex;box-shadow:-9px 10px 39px #00000040}.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator-label___Ly0_c{color:var(--brand-IDE-autoSuggest-fgColor);fill:var(--brand-IDE-autoSuggest-fgColor)}.Primer_Brand__IDE-module__IDE__play-pause-button___z27k0{cursor:pointer;bottom:var(--base-size-16);right:var(--base-size-16);width:var(--base-size-48);height:var(--base-size-48);border-radius:var(--brand-borderRadius-full);background-color:var(--brand-IDE-playPauseControl-rest);transition:background-color var(--brand-animation-duration-faster);border:none;justify-content:center;align-items:center;margin:0;padding:0;display:flex;position:absolute}.Primer_Brand__IDE-module__IDE__play-pause-button___z27k0:hover{background-color:var(--brand-IDE-playPauseControl-hover)}.Primer_Brand__IDE-module__IDE__play-pause-button___z27k0:focus-visible{outline:var(--base-size-4) solid var(--brand-color-focus);outline-offset:var(--base-size-2)}.Primer_Brand__IDE-module__IDE__play-pause-button___z27k0 svg{width:var(--base-size-16);height:var(--base-size-16)}.Primer_Brand__IDE-module__IDE__play-pause-button___z27k0 path{fill:var(--brand-button-subtle-fgColor-rest)}.Primer_Brand__IDE-module__IDE--chat-only____CFK8 .Primer_Brand__IDE-module__IDE__Chat-input-area___b5cea{width:calc(100% - var(--base-size-64))}.Primer_Brand__IDE-module__IDE--chat-only____CFK8 .Primer_Brand__IDE-module__IDE__play-pause-button___z27k0{background-color:var(--brand-IDE-playPauseControl-rest)}.Primer_Brand__IDE-module__IDE--chat-only____CFK8 .Primer_Brand__IDE-module__IDE__play-pause-button___z27k0:hover{background-color:var(--brand-IDE-playPauseControl-hover)}@media (prefers-reduced-motion:reduce){.Primer_Brand__IDE-module__IDE___d_Ai4,.Primer_Brand__IDE-module__IDE___d_Ai4:before,.Primer_Brand__IDE-module__IDE___d_Ai4:after,.Primer_Brand__IDE-module__IDE___d_Ai4 *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

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

@@ -1,4 +1,4 @@
-import './IDE.module-CFxIRObF.css';//#region src/IDE/IDE.module.css
+import './IDE.module-CDu-F0lH.css';//#region src/IDE/IDE.module.css
 var e = "Primer_Brand__IDE-module__IDE__inner___NnTQJ", t = "Primer_Brand__IDE-module__IDE__main___U46Bi", n = "Primer_Brand__IDE-module__IDE__Chat___FjTgp", r = "Primer_Brand__IDE-module__IDE__Editor___Shd_o", i = "Primer_Brand__IDE-module__IDE___d_Ai4", a = {
 	IDE__inner: e,
 	"IDE--glass": "Primer_Brand__IDE-module__IDE--glass___kIHmW",

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

	@@ -1 +1 @@
1	- {"version":3,"file":"IDE.module.js","names":[],"sources":["../../src/IDE/IDE.module.css"],"sourcesContent":[".IDE__inner {\n --brand-IDE-lineNumber-width: 45px;\n background: var(--brand-IDE-default-bgColor);\n border: var(--brand-borderWidth-thin) solid var(--brand-IDE-borderColor);\n}\n\n.IDE--glass {\n backdrop-filter: blur(var(--base-size-12));\n}\n\n.IDE--glass .IDE__inner {\n background: var(--brand-IDE-glass-bgColor-rest);\n border-color: transparent !important;\n}\n\n.IDE__main {\n display: flex;\n height: 100%;\n width: 100%;\n}\n\n.IDE--glass .IDE__main {\n height: var(--brand-IDE-height);\n}\n\n.IDE--default .IDE__main {\n padding-top: var(--base-size-32);\n}\n\n.IDE__inner {\n position: relative;\n width: 100%;\n height: var(--brand-IDE-height);\n margin: calc(var(--base-size-12) - 2px) auto;\n border-radius: var(--brand-borderRadius-large);\n overflow: hidden;\n}\n\n/*\n Chat\n/\n.IDE__Chat {\n display: grid;\n grid-area: pane;\n position: relative;\n display: flex;\n flex-direction: column;\n gap: var(--base-size-16);\n color: var(--brand-color-text-default);\n height: 100%;\n width: 100%;\n overflow: hidden;\n}\n\n.IDE--glass .IDE__Chat {\n background: var(--brand-IDE-glass-chat-bgColor);\n}\n\n.IDE--full-exp .IDE__Chat {\n min-width: 300px;\n max-width: 450px;\n}\n\n@media screen and (max-width: 63.24rem) {\n .IDE--full-exp .IDE__Chat {\n display: none;\n }\n}\n\n.IDE__Chat-wrapper {\n display: contents;\n}\n\n.IDE__Chat-message-user {\n display: inline-flex;\n gap: var(--base-size-8);\n align-items: center;\n}\n\n.IDE__Chat-messages {\n overflow-y: scroll;\n height: calc(100% - 78px);\n}\n\n.IDE__Chat-messages {\n scrollbar-width: thin;\n scrollbar-color: var(--brand-IDE-scrollBar-fgColor) var(--brand-IDE-scrollBar-bgColor);\n}\n\n.IDE__Chat-messages::-webkit-scrollbar {\n width: var(--base-size-12);\n}\n\n.IDE__Chat-messages::-webkit-scrollbar-track {\n background: var(--brand-IDE-scrollBar-bgColor);\n}\n\n.IDE__Chat-messages::-webkit-scrollbar-thumb {\n background-color: var(--brand-IDE-scrollBar-fgColor);\n border-radius: var(--base-size-20);\n border: var(--brand-borderRadius-small) solid var(--brand-IDE-scrollBar-bgColor);\n}\n\n.IDE__Chat-input-area {\n position: absolute;\n bottom: var(--base-size-16);\n width: 100%;\n padding: 0 var(--base-size-20);\n opacity: 0.5;\n}\n\n.IDE__Chat-input {\n background: var(--brand-IDE-default-bgColor) !important;\n color: var(--brand-color-text-muted) !important;\n -webkit-text-fill-color: var(--brand-color-text-muted) !important;\n border-color: var(--brand-color-border-default);\n}\n\n.IDE__Chat-input-area svg {\n fill: var(--brand-color-text-muted);\n}\n\n.IDE__Chat-message-content {\n margin-top: var(--base-size-16);\n}\n\n.IDE__Chat-message-snippet {\n background-color: var(--brand-IDE-default-editor-bgColor);\n overflow-x: hidden;\n}\n\n.IDE__Chat-message {\n font-family: var(--brand-fontStack-sansSerif);\n font-size: var(--base-size-16);\n border-bottom: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n padding: var(--base-size-20);\n\n opacity: 0;\n transform: translateY(var(--brand-animation-variant-slideInDown-distance));\n transition: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default),\n transform var(--brand-animation-duration-default) var(--brand-animation-easing-default);\n}\n\n.IDE__Chat-message--visible {\n opacity: 1;\n transform: translateY(0);\n}\n\n.IDE__Chat-message--faded {\n opacity: 0.5;\n}\n\n.IDE__Chat-message pre {\n border: var(--brand-borderWidth-thick) solid var(--brand-color-border-default);\n padding: var(--base-size-16);\n border-radius: var(--brand-borderRadius-large);\n font-family: var(--brand-fontStack-monospace);\n font-size: calc(var(--base-size-12) + 2px) !important; / workaround dotcom specificity /\n}\n\n/\n Editor\n/\n\n.IDE__Editor {\n grid-area: editor;\n display: flex;\n flex-direction: column;\n height: 100%;\n width: 100%;\n}\n\n.IDE--default .IDE__Editor {\n width: 100%;\n padding-left: var(--base-size-20);\n}\n\n.IDE__Editor-tabs {\n overflow-x: auto;\n display: inline-flex;\n background: var(--brand-IDE-default-editor-tabs-bgColor);\n}\n\n.IDE--default .IDE__Editor-tabs {\n background: var(--brand-IDE-default-editor-tabs-bgColor);\n}\n\n.IDE--glass .IDE__Editor-tabs {\n background: var(--brand-IDE-glass-editor-tabs-bgColor);\n}\n\n.IDE__Editor-tab {\n flex-shrink: 0;\n display: flex;\n padding: var(--base-size-8) var(--base-size-12);\n align-items: center;\n gap: var(--base-size-4);\n font-family: var(--brand-fontStack-monospace);\n font-size: calc(var(--base-size-12) + 2px);\n color: var(--brand-color-text-muted);\n cursor: pointer;\n border: none;\n transition: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default);\n opacity: 1;\n}\n\n.IDE--default .IDE__Editor-tab {\n background: var(--brand-IDE-default-editor-tab-bgColor-rest);\n}\n\n.IDE--glass .IDE__Editor-tab {\n background: var(--brand-IDE-glass-editor-tab-bgColor-rest);\n}\n\n.IDE__Editor-tab--active {\n color: var(--brand-color-text-default);\n border-top: var(--brand-borderWidth-thin) solid var(--brand-IDE-default-editor-tab-borderColor);\n z-index: 1;\n}\n\n.IDE--default .IDE__Editor-tab--active {\n background: var(--brand-IDE-default-editor-tab-bgColor-active);\n}\n\n.IDE--glass .IDE__Editor-tab {\n background: transparent;\n color: var(--brand-color-text-muted);\n}\n\n.IDE--glass .IDE__Editor-tab--active {\n color: var(--brand-color-text-default);\n background: var(--brand-IDE-glass-editor-tab-bgColor-active);\n}\n\n.IDE--full-exp.IDE--glass .IDE__Editor-tab--active {\n background: var(--brand-IDE-default-editor-bgColor);\n}\n\n.IDE__Editor-tab:hover {\n color: var(--brand-color-text-default);\n}\n\n.IDE__Editor-tab[disabled] {\n cursor: not-allowed;\n color: var(--brand-color-text-muted) !important;\n opacity: 0.7;\n}\n\n.IDE__Editor-tab-close-icon {\n width: var(--base-size-12);\n height: var(--base-size-12);\n margin-inline-start: var(--base-size-4);\n fill: var(--brand-color-text-muted);\n}\n\nimg.IDE__Editor-tab-icon {\n width: var(--base-size-16);\n height: var(--base-size-16);\n -webkit-filter: grayscale(10%);\n filter: grayscale(10%);\n}\n\n.IDE__Editor-tab:hover .IDE__Editor-tab-close-icon {\n fill: var(--brand-color-text-default);\n}\n\n.IDE__Editor-content {\n height: 100%;\n padding-top: var(--base-size-16);\n overflow-x: auto;\n}\n\n.IDE--default .IDE__Editor-content {\n background: var(--brand-IDE-default-editor-bgColor);\n}\n\n.IDE--glass .IDE__Editor-content {\n background: var(--brand-IDE-glass-editor-bgColor);\n border-bottom-left-radius: var(--brand-borderRadius-large);\n}\n\n.IDE--full-exp.IDE--glass .IDE__Editor-content {\n background: var(--brand-IDE-default-editor-bgColor);\n}\n\n.IDE__Editor-pane {\n margin: 0;\n}\n\n.IDE__Editor-content-wrapper {\n display: flex;\n}\n\n.IDE__Editor-content-inner {\n flex: 1;\n}\n\n.IDE__Editor--small .IDE__Editor-pane,\n.IDE__Editor--small .IDE__Editor-lineNumbers {\n font-size: calc(var(--base-size-12) - 1px) !important; / workaround dotcom specificity /\n line-height: calc(var(--base-size-16) + 2px) !important; / workaround dotcom specificity /\n}\n\n.IDE__Editor--medium .IDE__Editor-pane,\n.IDE__Editor--medium .IDE__Editor-lineNumbers {\n font-size: 0.875rem !important; / workaround dotcom specificity /\n line-height: 19.9px !important; / workaround dotcom specificity /\n}\n\n.IDE__Editor--large .IDE__Editor-pane,\n.IDE__Editor--large .IDE__Editor-lineNumbers {\n font-size: 1.125rem !important; / workaround dotcom specificity /\n line-height: var(--base-size-24) !important; / workaround dotcom specificity /\n}\n\n.IDE__Editor-pane--suggested {\n margin-left: calc(-1 var(--brand-IDE-lineNumber-width));\n padding-left: calc(var(--base-size-64) - 1px) !important;\n background-color: var(--brand-IDE-autoSuggestLine-bgColor);\n border-left: var(--brand-borderWidth-thin) solid var(--brand-IDE-autoSuggest-borderColor);\n}\n\n.IDE__Editor-lineNumbers {\n z-index: 1;\n font-family: var(--brand-fontStack-monospace);\n font-weight: var(--brand-text-weight-200);\n font-feature-settings: 'liga' 0, 'calt' 0;\n font-variation-settings: normal;\n letter-spacing: 0;\n flex: 0 0 var(--brand-IDE-lineNumber-width);\n}\n\n.IDE__Editor-lineNumber {\n position: relative;\n display: block;\n padding: 0 var(--base-size-8);\n text-align: right;\n color: var(--brand-color-text-muted);\n user-select: none;\n cursor: default;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.IDE__Editor-lineNumber-text {\n font-variant-numeric: tabular-nums;\n position: absolute;\n text-align: right;\n display: inline-block;\n vertical-align: middle;\n box-sizing: border-box;\n cursor: default;\n height: 100%;\n}\n\n.IDE__Editor pre {\n color: var(--brand-color-text-default);\n font-family: var(--brand-fontStack-monospace);\n padding-left: calc(var(--base-size-64) - var(--brand-IDE-lineNumber-width));\n}\n\npre.IDE__Chat-copilot-indicator {\n background-color: var(--brand-IDE-autoSuggest-bgColor);\n padding-left: 0;\n display: inline-flex;\n padding: var(--base-size-8) var(--base-size-24);\n border-radius: var(--brand-borderRadius-small);\n gap: var(--base-size-16);\n margin: var(--base-size-4) 0 0 var(--base-size-16);\n\n box-shadow: -9px 10px 39px 0px rgba(0, 0, 0, 0.25);\n}\n\n.IDE__Chat-copilot-indicator-label {\n color: var(--brand-IDE-autoSuggest-fgColor);\n fill: var(--brand-IDE-autoSuggest-fgColor);\n}\n\n.IDE__play-pause-button {\n cursor: pointer;\n position: absolute;\n bottom: var(--base-size-16);\n right: var(--base-size-16);\n display: flex;\n align-items: center;\n justify-content: center;\n width: var(--base-size-48);\n height: var(--base-size-48);\n margin: 0;\n padding: 0;\n border: none;\n border-radius: var(--brand-borderRadius-full);\n background-color: var(--brand-IDE-playPauseControl-rest);\n transition: background-color var(--brand-animation-duration-faster);\n}\n\n.IDE__play-pause-button:hover {\n background-color: var(--brand-IDE-playPauseControl-hover);\n}\n\n.IDE__play-pause-button:focus-visible {\n outline: var(--base-size-4) solid var(--brand-color-focus);\n outline-offset: var(--base-size-2);\n}\n\n.IDE__play-pause-button svg {\n width: var(--base-size-16);\n height: var(--base-size-16);\n}\n\n.IDE__play-pause-button path {\n fill: var(--brand-button-subtle-fgColor-rest);\n}\n\n.IDE--chat-only .IDE__Chat-input-area {\n width: calc(100% - var(--base-size-64));\n}\n\n.IDE--chat-only .IDE__play-pause-button {\n background-color: var(--brand-IDE-playPauseControl-rest);\n}\n\n.IDE--chat-only .IDE__play-pause-button:hover {\n background-color: var(--brand-IDE-playPauseControl-hover);\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 .IDE,\n .IDE::before,\n .IDE::after,\n .IDE {\n animation: none !important;\n transition: none !important;\n scroll-behavior: auto !important;\n }\n}\n"],"mappings":""}
1	+ {"version":3,"file":"IDE.module.js","names":[],"sources":["../../src/IDE/IDE.module.css"],"sourcesContent":[".IDE__inner {\n --brand-IDE-lineNumber-width: 45px;\n background: var(--brand-IDE-default-bgColor);\n border: var(--brand-borderWidth-thin) solid var(--brand-IDE-borderColor);\n}\n\n.IDE--glass {\n backdrop-filter: blur(var(--base-size-12));\n}\n\n.IDE--glass .IDE__inner {\n background: var(--brand-IDE-glass-bgColor-rest);\n border-color: transparent !important;\n}\n\n.IDE__main {\n display: flex;\n height: 100%;\n width: 100%;\n}\n\n.IDE--glass .IDE__main {\n height: var(--brand-IDE-height);\n}\n\n.IDE--default .IDE__main {\n padding-top: var(--base-size-32);\n}\n\n.IDE__inner {\n position: relative;\n width: 100%;\n height: var(--brand-IDE-height);\n margin: calc(var(--base-size-12) - 2px) auto;\n border-radius: var(--brand-borderRadius-large);\n overflow: hidden;\n}\n\n/*\n Chat\n/\n.IDE__Chat {\n display: grid;\n grid-area: pane;\n position: relative;\n display: flex;\n flex-direction: column;\n gap: var(--base-size-16);\n color: var(--brand-color-text-default);\n height: 100%;\n width: 100%;\n overflow: hidden;\n}\n\n.IDE--glass .IDE__Chat {\n background: var(--brand-IDE-glass-chat-bgColor);\n}\n\n.IDE--full-exp .IDE__Chat {\n min-width: 300px;\n max-width: 450px;\n}\n\n@media screen and (max-width: 63.24rem) {\n .IDE--full-exp .IDE__Chat {\n display: none;\n }\n}\n\n.IDE__Chat-wrapper {\n display: contents;\n}\n\n.IDE__Chat-message-user {\n display: inline-flex;\n gap: var(--base-size-8);\n align-items: center;\n}\n\n.IDE__Chat-messages {\n overflow-y: scroll;\n height: calc(100% - 78px);\n}\n\n.IDE__Chat-messages {\n scrollbar-width: thin;\n scrollbar-color: var(--brand-IDE-scrollBar-fgColor) var(--brand-IDE-scrollBar-bgColor);\n}\n\n.IDE__Chat-messages::-webkit-scrollbar {\n width: var(--base-size-12);\n}\n\n.IDE__Chat-messages::-webkit-scrollbar-track {\n background: var(--brand-IDE-scrollBar-bgColor);\n}\n\n.IDE__Chat-messages::-webkit-scrollbar-thumb {\n background-color: var(--brand-IDE-scrollBar-fgColor);\n border-radius: var(--base-size-20);\n border: var(--brand-borderRadius-small) solid var(--brand-IDE-scrollBar-bgColor);\n}\n\n.IDE__Chat-input-area {\n position: absolute;\n bottom: var(--base-size-16);\n width: 100%;\n padding: 0 var(--base-size-20);\n opacity: 0.5;\n}\n\n.IDE__Chat-input {\n background: var(--brand-IDE-default-bgColor) !important;\n color: var(--brand-color-text-muted) !important;\n -webkit-text-fill-color: var(--brand-color-text-muted) !important;\n border-color: var(--brand-color-border-default);\n}\n\n.IDE__Chat-input-area svg {\n fill: var(--brand-color-text-muted);\n}\n\n.IDE__Chat-message-content {\n margin-top: var(--base-size-16);\n}\n\n.IDE__Chat-message-snippet {\n background-color: var(--brand-IDE-default-editor-bgColor);\n overflow-x: hidden;\n}\n\n.IDE__Chat-message {\n font-family: var(--brand-fontStack-sansSerif);\n font-size: var(--base-size-16);\n border-bottom: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);\n padding: var(--base-size-20);\n\n opacity: 0;\n transform: translateY(var(--brand-animation-variant-slideInDown-distance));\n transition: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default),\n transform var(--brand-animation-duration-default) var(--brand-animation-easing-default);\n}\n\n.IDE__Chat-message--visible {\n opacity: 1;\n transform: translateY(0);\n}\n\n.IDE__Chat-message--faded {\n opacity: 0.5;\n}\n\n.IDE__Chat-message pre {\n border: var(--brand-borderWidth-thick) solid var(--brand-color-border-default);\n padding: var(--base-size-16);\n border-radius: var(--brand-borderRadius-large);\n font-family: var(--brand-fontStack-monospace);\n font-size: calc(var(--base-size-12) + 2px) !important; / workaround dotcom specificity /\n}\n\n/\n Editor\n/\n\n.IDE__Editor {\n grid-area: editor;\n display: flex;\n flex-direction: column;\n height: 100%;\n width: 100%;\n}\n\n.IDE--default .IDE__Editor {\n width: 100%;\n padding-left: var(--base-size-20);\n}\n\n.IDE__Editor-tabs {\n overflow-x: auto;\n display: inline-flex;\n background: var(--brand-IDE-default-editor-tabs-bgColor);\n}\n\n.IDE--default .IDE__Editor-tabs {\n background: var(--brand-IDE-default-editor-tabs-bgColor);\n}\n\n.IDE--glass .IDE__Editor-tabs {\n background: var(--brand-IDE-glass-editor-tabs-bgColor);\n}\n\n.IDE__Editor-tab {\n flex-shrink: 0;\n display: flex;\n padding: var(--base-size-8) var(--base-size-12);\n align-items: center;\n gap: var(--base-size-4);\n font: inherit;\n font-family: var(--brand-fontStack-monospace);\n font-size: calc(var(--base-size-12) + 2px);\n color: var(--brand-color-text-muted);\n cursor: pointer;\n border: none;\n transition: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default);\n opacity: 1;\n}\n\n.IDE--default .IDE__Editor-tab {\n background: var(--brand-IDE-default-editor-tab-bgColor-rest);\n}\n\n.IDE--glass .IDE__Editor-tab {\n background: var(--brand-IDE-glass-editor-tab-bgColor-rest);\n}\n\n.IDE__Editor-tab--active {\n color: var(--brand-color-text-default);\n border-top: var(--brand-borderWidth-thin) solid var(--brand-IDE-default-editor-tab-borderColor);\n z-index: 1;\n}\n\n.IDE--default .IDE__Editor-tab--active {\n background: var(--brand-IDE-default-editor-tab-bgColor-active);\n}\n\n.IDE--glass .IDE__Editor-tab {\n background: transparent;\n color: var(--brand-color-text-muted);\n}\n\n.IDE--glass .IDE__Editor-tab--active {\n color: var(--brand-color-text-default);\n background: var(--brand-IDE-glass-editor-tab-bgColor-active);\n}\n\n.IDE--full-exp.IDE--glass .IDE__Editor-tab--active {\n background: var(--brand-IDE-default-editor-bgColor);\n}\n\n.IDE__Editor-tab:hover {\n color: var(--brand-color-text-default);\n}\n\n.IDE__Editor-tab[disabled] {\n cursor: not-allowed;\n color: var(--brand-color-text-muted) !important;\n opacity: 0.7;\n}\n\n.IDE__Editor-tab-close-icon {\n width: var(--base-size-12);\n height: var(--base-size-12);\n margin-inline-start: var(--base-size-4);\n fill: var(--brand-color-text-muted);\n}\n\nimg.IDE__Editor-tab-icon {\n width: var(--base-size-16);\n height: var(--base-size-16);\n -webkit-filter: grayscale(10%);\n filter: grayscale(10%);\n}\n\n.IDE__Editor-tab:hover .IDE__Editor-tab-close-icon {\n fill: var(--brand-color-text-default);\n}\n\n.IDE__Editor-content {\n height: 100%;\n padding-top: var(--base-size-16);\n overflow-x: auto;\n}\n\n.IDE--default .IDE__Editor-content {\n background: var(--brand-IDE-default-editor-bgColor);\n}\n\n.IDE--glass .IDE__Editor-content {\n background: var(--brand-IDE-glass-editor-bgColor);\n border-bottom-left-radius: var(--brand-borderRadius-large);\n}\n\n.IDE--full-exp.IDE--glass .IDE__Editor-content {\n background: var(--brand-IDE-default-editor-bgColor);\n}\n\n.IDE__Editor-pane {\n margin: 0;\n}\n\n.IDE__Editor-content-wrapper {\n display: flex;\n}\n\n.IDE__Editor-content-inner {\n flex: 1;\n}\n\n.IDE__Editor--small .IDE__Editor-pane,\n.IDE__Editor--small .IDE__Editor-lineNumbers {\n font-size: calc(var(--base-size-12) - 1px) !important; / workaround dotcom specificity /\n line-height: calc(var(--base-size-16) + 2px) !important; / workaround dotcom specificity /\n}\n\n.IDE__Editor--medium .IDE__Editor-pane,\n.IDE__Editor--medium .IDE__Editor-lineNumbers {\n font-size: 0.875rem !important; / workaround dotcom specificity /\n line-height: 19.9px !important; / workaround dotcom specificity /\n}\n\n.IDE__Editor--large .IDE__Editor-pane,\n.IDE__Editor--large .IDE__Editor-lineNumbers {\n font-size: 1.125rem !important; / workaround dotcom specificity /\n line-height: var(--base-size-24) !important; / workaround dotcom specificity /\n}\n\n.IDE__Editor-pane--suggested {\n margin-left: calc(-1 var(--brand-IDE-lineNumber-width));\n padding-left: calc(var(--base-size-64) - 1px) !important;\n background-color: var(--brand-IDE-autoSuggestLine-bgColor);\n border-left: var(--brand-borderWidth-thin) solid var(--brand-IDE-autoSuggest-borderColor);\n}\n\n.IDE__Editor-lineNumbers {\n z-index: 1;\n font-family: var(--brand-fontStack-monospace);\n font-weight: var(--brand-text-weight-200);\n font-feature-settings: 'liga' 0, 'calt' 0;\n font-variation-settings: normal;\n letter-spacing: 0;\n flex: 0 0 var(--brand-IDE-lineNumber-width);\n}\n\n.IDE__Editor-lineNumber {\n position: relative;\n display: block;\n padding: 0 var(--base-size-8);\n text-align: right;\n color: var(--brand-color-text-muted);\n user-select: none;\n cursor: default;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.IDE__Editor-lineNumber-text {\n font-variant-numeric: tabular-nums;\n position: absolute;\n text-align: right;\n display: inline-block;\n vertical-align: middle;\n box-sizing: border-box;\n cursor: default;\n height: 100%;\n}\n\n.IDE__Editor pre {\n color: var(--brand-color-text-default);\n font-family: var(--brand-fontStack-monospace);\n padding-left: calc(var(--base-size-64) - var(--brand-IDE-lineNumber-width));\n}\n\npre.IDE__Chat-copilot-indicator {\n background-color: var(--brand-IDE-autoSuggest-bgColor);\n padding-left: 0;\n display: inline-flex;\n padding: var(--base-size-8) var(--base-size-24);\n border-radius: var(--brand-borderRadius-small);\n gap: var(--base-size-16);\n margin: var(--base-size-4) 0 0 var(--base-size-16);\n\n box-shadow: -9px 10px 39px 0px rgba(0, 0, 0, 0.25);\n}\n\n.IDE__Chat-copilot-indicator-label {\n color: var(--brand-IDE-autoSuggest-fgColor);\n fill: var(--brand-IDE-autoSuggest-fgColor);\n}\n\n.IDE__play-pause-button {\n cursor: pointer;\n position: absolute;\n bottom: var(--base-size-16);\n right: var(--base-size-16);\n display: flex;\n align-items: center;\n justify-content: center;\n width: var(--base-size-48);\n height: var(--base-size-48);\n margin: 0;\n padding: 0;\n border: none;\n border-radius: var(--brand-borderRadius-full);\n background-color: var(--brand-IDE-playPauseControl-rest);\n transition: background-color var(--brand-animation-duration-faster);\n}\n\n.IDE__play-pause-button:hover {\n background-color: var(--brand-IDE-playPauseControl-hover);\n}\n\n.IDE__play-pause-button:focus-visible {\n outline: var(--base-size-4) solid var(--brand-color-focus);\n outline-offset: var(--base-size-2);\n}\n\n.IDE__play-pause-button svg {\n width: var(--base-size-16);\n height: var(--base-size-16);\n}\n\n.IDE__play-pause-button path {\n fill: var(--brand-button-subtle-fgColor-rest);\n}\n\n.IDE--chat-only .IDE__Chat-input-area {\n width: calc(100% - var(--base-size-64));\n}\n\n.IDE--chat-only .IDE__play-pause-button {\n background-color: var(--brand-IDE-playPauseControl-rest);\n}\n\n.IDE--chat-only .IDE__play-pause-button:hover {\n background-color: var(--brand-IDE-playPauseControl-hover);\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 .IDE,\n .IDE::before,\n .IDE::after,\n .IDE {\n animation: none !important;\n transition: none !important;\n scroll-behavior: auto !important;\n }\n}\n"],"mappings":""}

package/esm/MinimalFooter/{MinimalFooter.module-CGtOtT5r.css → MinimalFooter.module-BKn_6UZK.css} RENAMED Viewed

	@@ -1 +1 @@
1	- .Primer_Brand__MinimalFooter-module__MinimalFooter___xLq65{border-top:var(--brand-borderWidth-thick) solid var(--brand-footer-borderColor);background-color:var(--brand-footer-bg-color);position:relative}.Primer_Brand__MinimalFooter-module__MinimalFooter--withFootnotes___oUvH8{border-top:0}.Primer_Brand__MinimalFooter-module__MinimalFooter__container___mhY_8{max-width:1280px;max-width:var(--brand-footer-max-width,1280px);padding-inline:var(--base-size-20);margin-left:auto;margin-right:auto}@media screen and (width>=48rem){.Primer_Brand__MinimalFooter-module__MinimalFooter__container___mhY_8{padding-inline:var(--base-size-32)}}.Primer_Brand__MinimalFooter-module__MinimalFooter__terms___gwB2R{padding:var(--base-size-48) 0}.Primer_Brand__MinimalFooter-module__MinimalFooter__terms-item___VB5Sx{margin-bottom:var(--base-size-24)}.Primer_Brand__MinimalFooter-module__MinimalFooter__terms-item___VB5Sx sup{font-size:var(--base-size-12);vertical-align:super;margin-right:var(--base-size-4);display:inline-block}.Primer_Brand__MinimalFooter-module__MinimalFooter__terms-item___VB5Sx:last-child{margin-bottom:0}.Primer_Brand__MinimalFooter-module__MinimalFooter__top___UXzkJ{padding-top:var(--base-size-48);padding-bottom:var(--base-size-32);border-bottom:var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle)}.Primer_Brand__MinimalFooter-module__MinimalFooter__top-row____WR7L{grid-gap:var(--base-size-24);align-items:center;gap:var(--base-size-24);grid-template-columns:auto 1fr;display:grid}.Primer_Brand__MinimalFooter-module__MinimalFooter__top-actions___dz_zd{display:contents}.Primer_Brand__MinimalFooter-module__MinimalFooter__top-actions___dz_zd>.Primer_Brand__MinimalFooter-module__MinimalFooter__links___kwBz2{grid-area:2/1/auto/-1;justify-content:flex-start}.Primer_Brand__MinimalFooter-module__MinimalFooter__top-actions___dz_zd>.Primer_Brand__MinimalFooter-module__MinimalFooter__backToTop___fmxit{grid-area:1/2;justify-self:flex-end}.Primer_Brand__MinimalFooter-module__MinimalFooter__logo___rFLvw{color:var(--brand-color-text-default);display:inline-flex}.Primer_Brand__MinimalFooter-module__MinimalFooter__logo___rFLvw>svg{width:var(--base-size-24);height:var(--base-size-24)}.Primer_Brand__MinimalFooter-module__MinimalFooter__bottom___oi9Jk{padding-top:var(--base-size-32);padding-bottom:var(--base-size-32)}@media screen and (width>=80rem){.Primer_Brand__MinimalFooter-module__MinimalFooter__top___UXzkJ{padding-top:var(--base-size-32)}.Primer_Brand__MinimalFooter-module__MinimalFooter__top-row____WR7L{justify-content:space-between;display:flex}.Primer_Brand__MinimalFooter-module__MinimalFooter__top-actions___dz_zd{justify-content:flex-end;align-items:center;gap:var(--base-size-20);flex-wrap:wrap;flex:1;min-width:0;display:flex}.Primer_Brand__MinimalFooter-module__MinimalFooter__top-actions___dz_zd>.Primer_Brand__MinimalFooter-module__MinimalFooter__links___kwBz2{justify-content:flex-end}.Primer_Brand__MinimalFooter-module__MinimalFooter__logo___rFLvw>svg{width:var(--base-size-32);height:var(--base-size-32)}}.Primer_Brand__MinimalFooter-module__MinimalFooter__section___W7x7a{min-width:0}.Primer_Brand__MinimalFooter-module__MinimalFooter__section--footnotes___9t40F{border-bottom:var(--brand-borderWidth-thick) solid var(--brand-footer-borderColor);background-color:var(--brand-color-canvas-default)}.Primer_Brand__MinimalFooter-module__MinimalFooter__section--center___K3_Ia>.Primer_Brand__MinimalFooter-module__MinimalFooter__container___mhY_8{padding-top:var(--base-size-32);padding-bottom:var(--base-size-32)}.Primer_Brand__MinimalFooter-module__MinimalFooter__section--center___K3_Ia+.Primer_Brand__MinimalFooter-module__MinimalFooter__section--bottom___HwSJJ{border-top:var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle)}.Primer_Brand__MinimalFooter-module__MinimalFooter__bottom-row___kcZck{align-items:flex-start;gap:var(--base-size-24);flex-direction:column;display:flex}.Primer_Brand__MinimalFooter-module__MinimalFooter__social-links___0zKRs{justify-content:flex-start;align-items:center;gap:var(--base-size-16);margin:0;padding:0;list-style:none;display:flex}.Primer_Brand__MinimalFooter-module__MinimalFooter__social-link___T5TF0{min-width:var(--base-size-24);min-height:var(--base-size-24);justify-content:center;align-items:center;display:flex;position:relative}.Primer_Brand__MinimalFooter-module__MinimalFooter__social-link___T5TF0:hover .Primer_Brand__MinimalFooter-module__MinimalFooter__social-icon___N1tDK,.Primer_Brand__MinimalFooter-module__MinimalFooter__social-link___T5TF0:focus-visible .Primer_Brand__MinimalFooter-module__MinimalFooter__social-icon___N1tDK{filter:var(--brand-footer-socialIcon-hoverFilter)}.Primer_Brand__MinimalFooter-module__MinimalFooter__social-icon___N1tDK{width:auto;height:auto;max-height:var(--base-size-20);filter:var(--brand-footer-socialIcon-restFilter);display:block}.Primer_Brand__MinimalFooter-module__MinimalFooter__copyright___qQ3QR{text-transform:uppercase;margin:0}.Primer_Brand__MinimalFooter-module__MinimalFooter__metaText___peNSx{font-size:var(--base-size-12)}.Primer_Brand__MinimalFooter-module__MinimalFooter__links___kwBz2{align-items:center;gap:var(--base-size-20);flex-wrap:wrap;display:flex}.Primer_Brand__MinimalFooter-module__MinimalFooter__link___T4gI3{color:var(--brand-color-text-muted);cursor:pointer;text-transform:uppercase;background-color:#0000;border:0;align-self:center;padding:0;-webkit-text-decoration:none;text-decoration:none}.Primer_Brand__MinimalFooter-module__MinimalFooter__link___T4gI3:hover{-webkit-text-decoration:underline;text-decoration:underline}@media screen and (width>=48rem){.Primer_Brand__MinimalFooter-module__MinimalFooter__social-links___0zKRs{gap:var(--base-size-20)}}@media screen and (width>=80rem){.Primer_Brand__MinimalFooter-module__MinimalFooter__bottom-row___kcZck{flex-direction:row;justify-content:space-between;align-items:center}}.Primer_Brand__MinimalFooter-module__MinimalFooter__backToTop___fmxit{appearance:none;color:var(--brand-color-text-default);cursor:pointer;background:0 0;border:0;padding:0;display:inline-flex}.Primer_Brand__MinimalFooter-module__MinimalFooter__backToTop___fmxit:focus-visible{outline:var(--base-size-4) solid var(--brand-color-focus);outline-offset:var(--base-size-2)}.Primer_Brand__MinimalFooter-module__MinimalFooter__backToTop___fmxit:disabled,.Primer_Brand__MinimalFooter-module__MinimalFooter__backToTop___fmxit[aria-disabled=true]{cursor:not-allowed}.Primer_Brand__MinimalFooter-module__MinimalFooter__backToTop-content___umaLY{align-items:center;gap:var(--base-size-12);display:inline-flex}.Primer_Brand__MinimalFooter-module__MinimalFooter__backToTop-icon___y85GZ{border:var(--brand-borderWidth-thin) solid var(--brand-footer-backToTop-borderColor-rest);border-radius:var(--base-size-6);background-color:var(--brand-footer-backToTop-bgColor-rest);min-width:var(--brand-footer-backToTop-minTarget);min-height:var(--brand-footer-backToTop-minTarget);transition:background-color var(--brand-animation-duration-fast) var(--brand-animation-easing-glide), border-color var(--brand-animation-duration-fast) var(--brand-animation-easing-glide);justify-content:center;align-items:center;display:inline-flex}.Primer_Brand__MinimalFooter-module__MinimalFooter__backToTop___fmxit:not([disabled]):not([aria-disabled=true]):hover .Primer_Brand__MinimalFooter-module__MinimalFooter__backToTop-icon___y85GZ{border-color:var(--brand-footer-backToTop-borderColor-hover);background-color:var(--brand-footer-backToTop-bgColor-hover)}.Primer_Brand__MinimalFooter-module__MinimalFooter__backToTop___fmxit:not([disabled]):not([aria-disabled=true]):active .Primer_Brand__MinimalFooter-module__MinimalFooter__backToTop-icon___y85GZ{border-color:var(--brand-footer-backToTop-borderColor-active);background-color:var(--brand-footer-backToTop-bgColor-active)}@media (prefers-reduced-motion:reduce){.Primer_Brand__MinimalFooter-module__MinimalFooter___xLq65,.Primer_Brand__MinimalFooter-module__MinimalFooter___xLq65:before,.Primer_Brand__MinimalFooter-module__MinimalFooter___xLq65:after,.Primer_Brand__MinimalFooter-module__MinimalFooter___xLq65 *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
1	+ .Primer_Brand__MinimalFooter-module__MinimalFooter___xLq65{border-top:var(--brand-borderWidth-thick) solid var(--brand-footer-borderColor);background-color:var(--brand-footer-bg-color);position:relative}.Primer_Brand__MinimalFooter-module__MinimalFooter--withFootnotes___oUvH8{border-top:0}.Primer_Brand__MinimalFooter-module__MinimalFooter__container___mhY_8{max-width:1280px;max-width:var(--brand-footer-max-width,1280px);padding-inline:var(--base-size-20);margin-left:auto;margin-right:auto}@media screen and (width>=48rem){.Primer_Brand__MinimalFooter-module__MinimalFooter__container___mhY_8{padding-inline:var(--base-size-32)}}.Primer_Brand__MinimalFooter-module__MinimalFooter__terms___gwB2R{padding:var(--base-size-48) 0}.Primer_Brand__MinimalFooter-module__MinimalFooter__terms-item___VB5Sx{margin-bottom:var(--base-size-24)}.Primer_Brand__MinimalFooter-module__MinimalFooter__terms-item___VB5Sx sup{font-size:var(--base-size-12);vertical-align:super;margin-right:var(--base-size-4);display:inline-block}.Primer_Brand__MinimalFooter-module__MinimalFooter__terms-item___VB5Sx:last-child{margin-bottom:0}.Primer_Brand__MinimalFooter-module__MinimalFooter__top___UXzkJ{padding-top:var(--base-size-48);padding-bottom:var(--base-size-32);border-bottom:var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle)}.Primer_Brand__MinimalFooter-module__MinimalFooter__top-row____WR7L{grid-gap:var(--base-size-24);align-items:center;gap:var(--base-size-24);grid-template-columns:auto 1fr;display:grid}.Primer_Brand__MinimalFooter-module__MinimalFooter__top-actions___dz_zd{display:contents}.Primer_Brand__MinimalFooter-module__MinimalFooter__top-actions___dz_zd>.Primer_Brand__MinimalFooter-module__MinimalFooter__links___kwBz2{grid-area:2/1/auto/-1;justify-content:flex-start}.Primer_Brand__MinimalFooter-module__MinimalFooter__top-actions___dz_zd>.Primer_Brand__MinimalFooter-module__MinimalFooter__backToTop___fmxit{grid-area:1/2;justify-self:flex-end}.Primer_Brand__MinimalFooter-module__MinimalFooter__logo___rFLvw{color:var(--brand-color-text-default);display:inline-flex}.Primer_Brand__MinimalFooter-module__MinimalFooter__logo___rFLvw>svg{width:var(--base-size-24);height:var(--base-size-24)}.Primer_Brand__MinimalFooter-module__MinimalFooter__bottom___oi9Jk{padding-top:var(--base-size-32);padding-bottom:var(--base-size-32)}@media screen and (width>=80rem){.Primer_Brand__MinimalFooter-module__MinimalFooter__top___UXzkJ{padding-top:var(--base-size-32)}.Primer_Brand__MinimalFooter-module__MinimalFooter__top-row____WR7L{justify-content:space-between;display:flex}.Primer_Brand__MinimalFooter-module__MinimalFooter__top-actions___dz_zd{justify-content:flex-end;align-items:center;gap:var(--base-size-20);flex-wrap:wrap;flex:1;min-width:0;display:flex}.Primer_Brand__MinimalFooter-module__MinimalFooter__top-actions___dz_zd>.Primer_Brand__MinimalFooter-module__MinimalFooter__links___kwBz2{justify-content:flex-end}.Primer_Brand__MinimalFooter-module__MinimalFooter__logo___rFLvw>svg{width:var(--base-size-32);height:var(--base-size-32)}}.Primer_Brand__MinimalFooter-module__MinimalFooter__section___W7x7a{min-width:0}.Primer_Brand__MinimalFooter-module__MinimalFooter__section--footnotes___9t40F{border-bottom:var(--brand-borderWidth-thick) solid var(--brand-footer-borderColor);background-color:var(--brand-color-canvas-default)}.Primer_Brand__MinimalFooter-module__MinimalFooter__section--center___K3_Ia>.Primer_Brand__MinimalFooter-module__MinimalFooter__container___mhY_8{padding-top:var(--base-size-32);padding-bottom:var(--base-size-32)}.Primer_Brand__MinimalFooter-module__MinimalFooter__section--center___K3_Ia+.Primer_Brand__MinimalFooter-module__MinimalFooter__section--bottom___HwSJJ{border-top:var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle)}.Primer_Brand__MinimalFooter-module__MinimalFooter__bottom-row___kcZck{align-items:flex-start;gap:var(--base-size-24);flex-direction:column;display:flex}.Primer_Brand__MinimalFooter-module__MinimalFooter__social-links___0zKRs{justify-content:flex-start;align-items:center;gap:var(--base-size-16);margin:0;padding:0;list-style:none;display:flex}.Primer_Brand__MinimalFooter-module__MinimalFooter__social-link___T5TF0{min-width:var(--base-size-24);min-height:var(--base-size-24);justify-content:center;align-items:center;display:flex;position:relative}.Primer_Brand__MinimalFooter-module__MinimalFooter__social-link___T5TF0:hover .Primer_Brand__MinimalFooter-module__MinimalFooter__social-icon___N1tDK,.Primer_Brand__MinimalFooter-module__MinimalFooter__social-link___T5TF0:focus-visible .Primer_Brand__MinimalFooter-module__MinimalFooter__social-icon___N1tDK{filter:var(--brand-footer-socialIcon-hoverFilter)}.Primer_Brand__MinimalFooter-module__MinimalFooter__social-icon___N1tDK{width:auto;height:auto;max-height:var(--base-size-20);filter:var(--brand-footer-socialIcon-restFilter);display:block}.Primer_Brand__MinimalFooter-module__MinimalFooter__copyright___qQ3QR{text-transform:uppercase;margin:0}.Primer_Brand__MinimalFooter-module__MinimalFooter__metaText___peNSx{font-size:var(--base-size-12)}.Primer_Brand__MinimalFooter-module__MinimalFooter__links___kwBz2{align-items:center;gap:var(--base-size-20);flex-wrap:wrap;display:flex}.Primer_Brand__MinimalFooter-module__MinimalFooter__link___T4gI3{color:var(--brand-color-text-muted);cursor:pointer;text-transform:uppercase;background-color:#0000;border:0;align-self:center;padding:0;-webkit-text-decoration:none;text-decoration:none}.Primer_Brand__MinimalFooter-module__MinimalFooter__link___T4gI3:where(button){font:inherit}.Primer_Brand__MinimalFooter-module__MinimalFooter__link___T4gI3:hover{-webkit-text-decoration:underline;text-decoration:underline}@media screen and (width>=48rem){.Primer_Brand__MinimalFooter-module__MinimalFooter__social-links___0zKRs{gap:var(--base-size-20)}}@media screen and (width>=80rem){.Primer_Brand__MinimalFooter-module__MinimalFooter__bottom-row___kcZck{flex-direction:row;justify-content:space-between;align-items:center}}.Primer_Brand__MinimalFooter-module__MinimalFooter__backToTop___fmxit{appearance:none;font:inherit;color:var(--brand-color-text-default);cursor:pointer;background:0 0;border:0;padding:0;display:inline-flex}.Primer_Brand__MinimalFooter-module__MinimalFooter__backToTop___fmxit:focus-visible{outline:var(--base-size-4) solid var(--brand-color-focus);outline-offset:var(--base-size-2)}.Primer_Brand__MinimalFooter-module__MinimalFooter__backToTop___fmxit:disabled,.Primer_Brand__MinimalFooter-module__MinimalFooter__backToTop___fmxit[aria-disabled=true]{cursor:not-allowed}.Primer_Brand__MinimalFooter-module__MinimalFooter__backToTop-content___umaLY{align-items:center;gap:var(--base-size-12);display:inline-flex}.Primer_Brand__MinimalFooter-module__MinimalFooter__backToTop-icon___y85GZ{border:var(--brand-borderWidth-thin) solid var(--brand-footer-backToTop-borderColor-rest);border-radius:var(--base-size-6);background-color:var(--brand-footer-backToTop-bgColor-rest);min-width:var(--brand-footer-backToTop-minTarget);min-height:var(--brand-footer-backToTop-minTarget);transition:background-color var(--brand-animation-duration-fast) var(--brand-animation-easing-glide), border-color var(--brand-animation-duration-fast) var(--brand-animation-easing-glide);justify-content:center;align-items:center;display:inline-flex}.Primer_Brand__MinimalFooter-module__MinimalFooter__backToTop___fmxit:not([disabled]):not([aria-disabled=true]):hover .Primer_Brand__MinimalFooter-module__MinimalFooter__backToTop-icon___y85GZ{border-color:var(--brand-footer-backToTop-borderColor-hover);background-color:var(--brand-footer-backToTop-bgColor-hover)}.Primer_Brand__MinimalFooter-module__MinimalFooter__backToTop___fmxit:not([disabled]):not([aria-disabled=true]):active .Primer_Brand__MinimalFooter-module__MinimalFooter__backToTop-icon___y85GZ{border-color:var(--brand-footer-backToTop-borderColor-active);background-color:var(--brand-footer-backToTop-bgColor-active)}@media (prefers-reduced-motion:reduce){.Primer_Brand__MinimalFooter-module__MinimalFooter___xLq65,.Primer_Brand__MinimalFooter-module__MinimalFooter___xLq65:before,.Primer_Brand__MinimalFooter-module__MinimalFooter___xLq65:after,.Primer_Brand__MinimalFooter-module__MinimalFooter___xLq65 *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

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

@@ -1,4 +1,4 @@
-import './MinimalFooter.module-CGtOtT5r.css';//#region src/MinimalFooter/MinimalFooter.module.css
+import './MinimalFooter.module-BKn_6UZK.css';//#region src/MinimalFooter/MinimalFooter.module.css
 var e = "Primer_Brand__MinimalFooter-module__MinimalFooter___xLq65", t = "Primer_Brand__MinimalFooter-module__MinimalFooter__container___mhY_8", n = "Primer_Brand__MinimalFooter-module__MinimalFooter__terms___gwB2R", r = "Primer_Brand__MinimalFooter-module__MinimalFooter__top___UXzkJ", i = "Primer_Brand__MinimalFooter-module__MinimalFooter__links___kwBz2", a = "Primer_Brand__MinimalFooter-module__MinimalFooter__backToTop___fmxit", o = "Primer_Brand__MinimalFooter-module__MinimalFooter__logo___rFLvw", s = "Primer_Brand__MinimalFooter-module__MinimalFooter__bottom___oi9Jk", c = "Primer_Brand__MinimalFooter-module__MinimalFooter__section___W7x7a", l = "Primer_Brand__MinimalFooter-module__MinimalFooter__copyright___qQ3QR", u = "Primer_Brand__MinimalFooter-module__MinimalFooter__metaText___peNSx", d = "Primer_Brand__MinimalFooter-module__MinimalFooter__link___T4gI3", f = {
 	MinimalFooter: e,
 	"MinimalFooter--withFootnotes": "Primer_Brand__MinimalFooter-module__MinimalFooter--withFootnotes___oUvH8",

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

	@@ -1 +1 @@
1	- {"version":3,"file":"MinimalFooter.module.js","names":[],"sources":["../../src/MinimalFooter/MinimalFooter.module.css"],"sourcesContent":[".MinimalFooter {\n position: relative;\n border-top: var(--brand-borderWidth-thick) solid var(--brand-footer-borderColor);\n background-color: var(--brand-footer-bg-color);\n}\n\n.MinimalFooter--withFootnotes {\n border-top: 0;\n}\n\n/*\n MinimalFooter shared styles\n /\n.MinimalFooter__container {\n max-width: var(--brand-footer-max-width, 1280px);\n padding-inline: var(--base-size-20);\n margin-right: auto;\n margin-left: auto;\n}\n\n@media screen and (min-width: 48rem) {\n .MinimalFooter__container {\n padding-inline: var(--base-size-32);\n }\n}\n\n/\n MinimalFooter terms section\n /\n.MinimalFooter__terms {\n padding: var(--base-size-48) 0;\n}\n\n.MinimalFooter__terms-item {\n margin-bottom: var(--base-size-24);\n}\n\n.MinimalFooter__terms-item sup {\n font-size: var(--base-size-12);\n vertical-align: super;\n display: inline-block;\n margin-right: var(--base-size-4);\n}\n\n.MinimalFooter__terms-item:last-child {\n margin-bottom: 0;\n}\n\n/\n MinimalFooter top section\n /\n.MinimalFooter__top {\n padding-top: var(--base-size-48);\n padding-bottom: var(--base-size-32);\n border-bottom: var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle);\n}\n\n.MinimalFooter__top-row {\n display: grid;\n grid-template-columns: auto 1fr;\n align-items: center;\n gap: var(--base-size-24);\n}\n\n.MinimalFooter__top-actions {\n display: contents;\n}\n\n.MinimalFooter__top-actions > .MinimalFooter__links {\n grid-column: 1 / -1;\n grid-row: 2;\n justify-content: flex-start;\n}\n\n.MinimalFooter__top-actions > .MinimalFooter__backToTop {\n grid-column: 2;\n grid-row: 1;\n justify-self: flex-end;\n}\n\n.MinimalFooter__logo {\n display: inline-flex;\n color: var(--brand-color-text-default);\n}\n\n.MinimalFooter__logo > svg {\n width: var(--base-size-24);\n height: var(--base-size-24);\n}\n\n.MinimalFooter__bottom {\n padding-top: var(--base-size-32);\n padding-bottom: var(--base-size-32);\n}\n\n@media screen and (min-width: 80rem) {\n .MinimalFooter__top {\n padding-top: var(--base-size-32);\n }\n\n .MinimalFooter__top-row {\n display: flex;\n justify-content: space-between;\n }\n\n .MinimalFooter__top-actions {\n display: flex;\n flex: 1;\n flex-wrap: wrap;\n align-items: center;\n justify-content: flex-end;\n gap: var(--base-size-20);\n min-width: 0;\n }\n\n .MinimalFooter__top-actions > .MinimalFooter__links {\n justify-content: flex-end;\n }\n\n .MinimalFooter__logo > svg {\n width: var(--base-size-32);\n height: var(--base-size-32);\n }\n}\n\n.MinimalFooter__section {\n min-width: 0;\n}\n\n.MinimalFooter__section--footnotes {\n border-bottom: var(--brand-borderWidth-thick) solid var(--brand-footer-borderColor);\n background-color: var(--brand-color-canvas-default);\n}\n\n.MinimalFooter__section--center > .MinimalFooter__container {\n padding-top: var(--base-size-32);\n padding-bottom: var(--base-size-32);\n}\n\n.MinimalFooter__section--center + .MinimalFooter__section--bottom {\n border-top: var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle);\n}\n\n/\n MinimalFooter bottom section\n /\n.MinimalFooter__bottom-row {\n display: flex;\n}\n\n.MinimalFooter__bottom-row {\n flex-direction: column;\n align-items: flex-start;\n gap: var(--base-size-24);\n}\n\n.MinimalFooter__social-links {\n display: flex;\n padding: 0;\n margin: 0;\n list-style: none;\n justify-content: flex-start;\n align-items: center;\n gap: var(--base-size-16);\n}\n\n.MinimalFooter__social-link {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n min-width: var(--base-size-24);\n min-height: var(--base-size-24);\n}\n\n.MinimalFooter__social-link:hover .MinimalFooter__social-icon,\n.MinimalFooter__social-link:focus-visible .MinimalFooter__social-icon {\n filter: var(--brand-footer-socialIcon-hoverFilter);\n}\n\n.MinimalFooter__social-icon {\n display: block;\n width: auto;\n height: auto;\n max-height: var(--base-size-20);\n filter: var(--brand-footer-socialIcon-restFilter);\n}\n\n.MinimalFooter__copyright {\n margin: 0;\n text-transform: uppercase;\n}\n\n/ Keep the size-100 text rhythm, but use the approved 12px size token for footer chrome. /\n.MinimalFooter__metaText {\n font-size: var(--base-size-12);\n}\n\n.MinimalFooter__links {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: var(--base-size-20);\n}\n\n.MinimalFooter__link {\n align-self: center;\n color: var(--brand-color-text-muted);\n text-decoration: none;\n border: 0;\n background-color: transparent;\n cursor: pointer;\n padding: 0;\n text-transform: uppercase;\n}\n\n.MinimalFooter__link:hover {\n text-decoration: underline;\n}\n\n@media screen and (min-width: 48rem) {\n .MinimalFooter__social-links {\n gap: var(--base-size-20);\n }\n}\n\n@media screen and (min-width: 80rem) {\n .MinimalFooter__bottom-row {\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n }\n}\n\n.MinimalFooter__backToTop {\n appearance: none;\n display: inline-flex;\n padding: 0;\n border: 0;\n color: var(--brand-color-text-default);\n background: none;\n cursor: pointer;\n}\n\n.MinimalFooter__backToTop:focus-visible {\n outline: var(--base-size-4) solid var(--brand-color-focus);\n outline-offset: var(--base-size-2);\n}\n\n.MinimalFooter__backToTop:disabled,\n.MinimalFooter__backToTop[aria-disabled='true'] {\n cursor: not-allowed;\n}\n\n.MinimalFooter__backToTop-content {\n display: inline-flex;\n align-items: center;\n gap: var(--base-size-12);\n}\n\n.MinimalFooter__backToTop-icon {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border: var(--brand-borderWidth-thin) solid var(--brand-footer-backToTop-borderColor-rest);\n border-radius: var(--base-size-6);\n background-color: var(--brand-footer-backToTop-bgColor-rest);\n min-width: var(--brand-footer-backToTop-minTarget);\n min-height: var(--brand-footer-backToTop-minTarget);\n transition: background-color var(--brand-animation-duration-fast) var(--brand-animation-easing-glide),\n border-color var(--brand-animation-duration-fast) var(--brand-animation-easing-glide);\n}\n\n.MinimalFooter__backToTop:not([disabled], [aria-disabled='true']):hover .MinimalFooter__backToTop-icon {\n border-color: var(--brand-footer-backToTop-borderColor-hover);\n background-color: var(--brand-footer-backToTop-bgColor-hover);\n}\n\n.MinimalFooter__backToTop:not([disabled], [aria-disabled='true']):active .MinimalFooter__backToTop-icon {\n border-color: var(--brand-footer-backToTop-borderColor-active);\n background-color: var(--brand-footer-backToTop-bgColor-active);\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 .MinimalFooter,\n .MinimalFooter::before,\n .MinimalFooter::after,\n .MinimalFooter {\n animation: none !important;\n transition: none !important;\n scroll-behavior: auto !important;\n }\n}\n"],"mappings":""}
1	+ {"version":3,"file":"MinimalFooter.module.js","names":[],"sources":["../../src/MinimalFooter/MinimalFooter.module.css"],"sourcesContent":[".MinimalFooter {\n position: relative;\n border-top: var(--brand-borderWidth-thick) solid var(--brand-footer-borderColor);\n background-color: var(--brand-footer-bg-color);\n}\n\n.MinimalFooter--withFootnotes {\n border-top: 0;\n}\n\n/*\n MinimalFooter shared styles\n /\n.MinimalFooter__container {\n max-width: var(--brand-footer-max-width, 1280px);\n padding-inline: var(--base-size-20);\n margin-right: auto;\n margin-left: auto;\n}\n\n@media screen and (min-width: 48rem) {\n .MinimalFooter__container {\n padding-inline: var(--base-size-32);\n }\n}\n\n/\n MinimalFooter terms section\n /\n.MinimalFooter__terms {\n padding: var(--base-size-48) 0;\n}\n\n.MinimalFooter__terms-item {\n margin-bottom: var(--base-size-24);\n}\n\n.MinimalFooter__terms-item sup {\n font-size: var(--base-size-12);\n vertical-align: super;\n display: inline-block;\n margin-right: var(--base-size-4);\n}\n\n.MinimalFooter__terms-item:last-child {\n margin-bottom: 0;\n}\n\n/\n MinimalFooter top section\n /\n.MinimalFooter__top {\n padding-top: var(--base-size-48);\n padding-bottom: var(--base-size-32);\n border-bottom: var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle);\n}\n\n.MinimalFooter__top-row {\n display: grid;\n grid-template-columns: auto 1fr;\n align-items: center;\n gap: var(--base-size-24);\n}\n\n.MinimalFooter__top-actions {\n display: contents;\n}\n\n.MinimalFooter__top-actions > .MinimalFooter__links {\n grid-column: 1 / -1;\n grid-row: 2;\n justify-content: flex-start;\n}\n\n.MinimalFooter__top-actions > .MinimalFooter__backToTop {\n grid-column: 2;\n grid-row: 1;\n justify-self: flex-end;\n}\n\n.MinimalFooter__logo {\n display: inline-flex;\n color: var(--brand-color-text-default);\n}\n\n.MinimalFooter__logo > svg {\n width: var(--base-size-24);\n height: var(--base-size-24);\n}\n\n.MinimalFooter__bottom {\n padding-top: var(--base-size-32);\n padding-bottom: var(--base-size-32);\n}\n\n@media screen and (min-width: 80rem) {\n .MinimalFooter__top {\n padding-top: var(--base-size-32);\n }\n\n .MinimalFooter__top-row {\n display: flex;\n justify-content: space-between;\n }\n\n .MinimalFooter__top-actions {\n display: flex;\n flex: 1;\n flex-wrap: wrap;\n align-items: center;\n justify-content: flex-end;\n gap: var(--base-size-20);\n min-width: 0;\n }\n\n .MinimalFooter__top-actions > .MinimalFooter__links {\n justify-content: flex-end;\n }\n\n .MinimalFooter__logo > svg {\n width: var(--base-size-32);\n height: var(--base-size-32);\n }\n}\n\n.MinimalFooter__section {\n min-width: 0;\n}\n\n.MinimalFooter__section--footnotes {\n border-bottom: var(--brand-borderWidth-thick) solid var(--brand-footer-borderColor);\n background-color: var(--brand-color-canvas-default);\n}\n\n.MinimalFooter__section--center > .MinimalFooter__container {\n padding-top: var(--base-size-32);\n padding-bottom: var(--base-size-32);\n}\n\n.MinimalFooter__section--center + .MinimalFooter__section--bottom {\n border-top: var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle);\n}\n\n/\n MinimalFooter bottom section\n /\n.MinimalFooter__bottom-row {\n display: flex;\n}\n\n.MinimalFooter__bottom-row {\n flex-direction: column;\n align-items: flex-start;\n gap: var(--base-size-24);\n}\n\n.MinimalFooter__social-links {\n display: flex;\n padding: 0;\n margin: 0;\n list-style: none;\n justify-content: flex-start;\n align-items: center;\n gap: var(--base-size-16);\n}\n\n.MinimalFooter__social-link {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n min-width: var(--base-size-24);\n min-height: var(--base-size-24);\n}\n\n.MinimalFooter__social-link:hover .MinimalFooter__social-icon,\n.MinimalFooter__social-link:focus-visible .MinimalFooter__social-icon {\n filter: var(--brand-footer-socialIcon-hoverFilter);\n}\n\n.MinimalFooter__social-icon {\n display: block;\n width: auto;\n height: auto;\n max-height: var(--base-size-20);\n filter: var(--brand-footer-socialIcon-restFilter);\n}\n\n.MinimalFooter__copyright {\n margin: 0;\n text-transform: uppercase;\n}\n\n/ Keep the size-100 text rhythm, but use the approved 12px size token for footer chrome. /\n.MinimalFooter__metaText {\n font-size: var(--base-size-12);\n}\n\n.MinimalFooter__links {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: var(--base-size-20);\n}\n\n.MinimalFooter__link {\n align-self: center;\n color: var(--brand-color-text-muted);\n text-decoration: none;\n border: 0;\n background-color: transparent;\n cursor: pointer;\n padding: 0;\n text-transform: uppercase;\n}\n\n.MinimalFooter__link:where(button) {\n font: inherit;\n}\n\n.MinimalFooter__link:hover {\n text-decoration: underline;\n}\n\n@media screen and (min-width: 48rem) {\n .MinimalFooter__social-links {\n gap: var(--base-size-20);\n }\n}\n\n@media screen and (min-width: 80rem) {\n .MinimalFooter__bottom-row {\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n }\n}\n\n.MinimalFooter__backToTop {\n appearance: none;\n font: inherit;\n display: inline-flex;\n padding: 0;\n border: 0;\n color: var(--brand-color-text-default);\n background: none;\n cursor: pointer;\n}\n\n.MinimalFooter__backToTop:focus-visible {\n outline: var(--base-size-4) solid var(--brand-color-focus);\n outline-offset: var(--base-size-2);\n}\n\n.MinimalFooter__backToTop:disabled,\n.MinimalFooter__backToTop[aria-disabled='true'] {\n cursor: not-allowed;\n}\n\n.MinimalFooter__backToTop-content {\n display: inline-flex;\n align-items: center;\n gap: var(--base-size-12);\n}\n\n.MinimalFooter__backToTop-icon {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border: var(--brand-borderWidth-thin) solid var(--brand-footer-backToTop-borderColor-rest);\n border-radius: var(--base-size-6);\n background-color: var(--brand-footer-backToTop-bgColor-rest);\n min-width: var(--brand-footer-backToTop-minTarget);\n min-height: var(--brand-footer-backToTop-minTarget);\n transition: background-color var(--brand-animation-duration-fast) var(--brand-animation-easing-glide),\n border-color var(--brand-animation-duration-fast) var(--brand-animation-easing-glide);\n}\n\n.MinimalFooter__backToTop:not([disabled], [aria-disabled='true']):hover .MinimalFooter__backToTop-icon {\n border-color: var(--brand-footer-backToTop-borderColor-hover);\n background-color: var(--brand-footer-backToTop-bgColor-hover);\n}\n\n.MinimalFooter__backToTop:not([disabled], [aria-disabled='true']):active .MinimalFooter__backToTop-icon {\n border-color: var(--brand-footer-backToTop-borderColor-active);\n background-color: var(--brand-footer-backToTop-bgColor-active);\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 .MinimalFooter,\n .MinimalFooter::before,\n .MinimalFooter::after,\n .MinimalFooter {\n animation: none !important;\n transition: none !important;\n scroll-behavior: auto !important;\n }\n}\n"],"mappings":""}

package/esm/VideoPlayer/VideoPlayer.module-Cb7UilXP.css ADDED Viewed

@@ -0,0 +1 @@

+ .Primer_Brand__VideoPlayer-module__VideoPlayer__container___zr6Iu{border-radius:var(--brand-borderRadius-medium);background-color:var(--base-color-scale-black-0);flex-direction:column;width:100%;display:flex;overflow:hidden}.Primer_Brand__VideoPlayer-module__VideoPlayer__overlayContainer___KADCQ{flex:1;height:100%;position:relative}@media (forced-colors:active){.Primer_Brand__VideoPlayer-module__VideoPlayer__container___zr6Iu{border:var(--brand-borderWidth-thin) solid ButtonBorder}}.Primer_Brand__VideoPlayer-module__VideoPlayer___GJSo9{--brand-VideoPlayer-controls-min-height:56px;width:100%;max-height:calc(100vh - 56px);max-height:calc(100vh - var(--brand-VideoPlayer-controls-min-height));margin:0 auto;display:block}.Primer_Brand__VideoPlayer-module__VideoPlayer__container--fullscreen___MChxa .Primer_Brand__VideoPlayer-module__VideoPlayer___GJSo9{height:100%;position:absolute}.Primer_Brand__VideoPlayer-module__VideoPlayer__playButtonOverlay___uXPU2{font:inherit;z-index:1;background:#0003;border:none;width:100%;height:100%;position:absolute;top:0;left:0}.Primer_Brand__VideoPlayer-module__VideoPlayer__playButtonOverlay___uXPU2 svg{top:calc(var(--brand-VideoPlayer-controls-min-height) / 2);position:relative}.Primer_Brand__VideoPlayer-module__VideoPlayer__playButtonOverlay___uXPU2.Primer_Brand__VideoPlayer-module__VideoPlayer__playButtonOverlay--transparent___0UmfX{background:0 0}.Primer_Brand__VideoPlayer-module__VideoPlayer__playButtonOverlay___uXPU2:focus-visible{outline:var(--brand-borderWidth-thicker) solid var(--brand-color-focus);outline-offset:var(--base-size-2)}.Primer_Brand__VideoPlayer-module__VideoPlayer__playButton___UmSvY{width:25%;height:25%;max-width:var(--brand-VideoPlayer-playButton-width);max-height:var(--brand-VideoPlayer-playButton-height);opacity:.8;color:var(--brand-videoPlayer-playButton-fgColor-rest)}@media (forced-colors:active){.Primer_Brand__VideoPlayer-module__VideoPlayer__playButton___UmSvY{color:highlight;opacity:1}}.Primer_Brand__VideoPlayer-module__VideoPlayer__title___3e5F_{transition:var(--brand-VideoPlayer-transition);z-index:2;width:100%;padding:var(--base-size-16);color:var(--brand-videoPlayer-title-fgColor);grid-gap:var(--base-size-12);background:var(--brand-videoPlayer-title-bgColor);transition:all var(--brand-animation-duration-fast) var(--brand-animation-easing-default);grid-template-columns:auto auto;justify-content:flex-start;align-items:center;display:grid;position:absolute;top:0;left:0}.Primer_Brand__VideoPlayer-module__VideoPlayer__title___3e5F_.Primer_Brand__VideoPlayer-module__VideoPlayer__title--hidden___t7cGG{opacity:0;visibility:hidden}@media (forced-colors:active){.Primer_Brand__VideoPlayer-module__VideoPlayer__title___3e5F_{color:canvastext;background:canvas}}.Primer_Brand__VideoPlayer-module__VideoPlayer__controlsBar___B_mfd{min-height:var(--brand-VideoPlayer-controls-min-height);grid-gap:var(--base-size-16);justify-content:space-between;align-items:center;gap:var(--base-size-16);border-bottom-right-radius:var(--brand-borderRadius-medium);border-bottom-left-radius:var(--brand-borderRadius-medium);width:100%;padding:var(--base-size-12) var(--base-size-16);pointer-events:all;opacity:1;grid-template-columns:1fr;grid-auto-flow:column;display:grid}.Primer_Brand__VideoPlayer-module__VideoPlayer__controlsBar__row1___Vz_Zo,.Primer_Brand__VideoPlayer-module__VideoPlayer__controlsBar__row2___pzzds{align-items:center;gap:var(--base-size-16);display:flex}@media (width<=34rem){.Primer_Brand__VideoPlayer-module__VideoPlayer__controlsBar___B_mfd{gap:var(--base-size-12);grid-template-rows:auto auto;grid-template-columns:1fr;grid-auto-flow:row}.Primer_Brand__VideoPlayer-module__VideoPlayer__controlsBar__row2___pzzds{justify-self:space-evenly;justify-content:space-evenly;width:100%}}.Primer_Brand__VideoPlayer-module__VideoPlayer__controls___FYZtO:focus,.Primer_Brand__VideoPlayer-module__VideoPlayer__controls___FYZtO:focus-within{bottom:0}.Primer_Brand__VideoPlayer-module__VideoPlayer__iconControl____tvm5{font:inherit;cursor:pointer;width:auto;height:var(--base-size-24);box-sizing:content-box;background:0 0;border:none;padding:0;position:relative}.Primer_Brand__VideoPlayer-module__VideoPlayer__iconControl____tvm5:focus-visible{outline:var(--brand-borderWidth-thick) solid var(--brand-color-focus);outline-offset:var(--base-size-6);opacity:1}.Primer_Brand__VideoPlayer-module__VideoPlayer__iconControl____tvm5:not(.Primer_Brand__VideoPlayer-module__VideoPlayer__closedCaption___ODIq4):focus-visible{border-radius:var(--brand-borderRadius-small)}.Primer_Brand__VideoPlayer-module__VideoPlayer__iconControl____tvm5 svg{color:var(--brand-videoPlayer-controls-fgColor)}.Primer_Brand__VideoPlayer-module__VideoPlayer__seek___OwcjI{align-items:center;gap:var(--base-size-16);flex:1;display:flex}.Primer_Brand__VideoPlayer-module__VideoPlayer__progressTime___9p6bX{color:var(--brand-videoPlayer-controls-fgColor)}.Primer_Brand__VideoPlayer-module__VideoPlayer__container--small___aQE4d .Primer_Brand__VideoPlayer-module__VideoPlayer__totalTime___5JBGC{display:none}.Primer_Brand__VideoPlayer-module__VideoPlayer__progressBar___86Eto{height:var(--base-size-6);flex:1}.Primer_Brand__VideoPlayer-module__VideoPlayer__closedCaption___ODIq4{border-radius:var(--brand-borderRadius-medium);padding:.125rem var(--base-size-4);border:.125rem solid var(--brand-videoPlayer-closedCaption-borderColor-enabled);background:var(--brand-videoPlayer-closedCaption-bgColor-enabled);position:relative}.Primer_Brand__VideoPlayer-module__VideoPlayer__ccOff___NHsg6{background-color:#0000}.Primer_Brand__VideoPlayer-module__VideoPlayer__ccText___7TAGa{color:var(--brand-videoPlayer-closedCaption-fgColor-enabled);line-height:25px}.Primer_Brand__VideoPlayer-module__VideoPlayer__ccOff___NHsg6 .Primer_Brand__VideoPlayer-module__VideoPlayer__ccText___7TAGa{color:var(--brand-videoPlayer-closedCaption-fgColor-disabled)}@media (forced-colors:active){.Primer_Brand__VideoPlayer-module__VideoPlayer__iconControl____tvm5 svg{color:buttontext}.Primer_Brand__VideoPlayer-module__VideoPlayer__iconControl____tvm5:focus-visible{outline-color:highlight}.Primer_Brand__VideoPlayer-module__VideoPlayer__closedCaption___ODIq4:focus-visible{outline:none}.Primer_Brand__VideoPlayer-module__VideoPlayer__closedCaption___ODIq4:not(.Primer_Brand__VideoPlayer-module__VideoPlayer__ccOff___NHsg6){background:highlight;border-color:highlight}.Primer_Brand__VideoPlayer-module__VideoPlayer__closedCaption___ODIq4:not(.Primer_Brand__VideoPlayer-module__VideoPlayer__ccOff___NHsg6) .Primer_Brand__VideoPlayer-module__VideoPlayer__ccText___7TAGa{color:highlighttext;background-color:highlight}}.Primer_Brand__VideoPlayer-module__VideoPlayer__range___h4_en{width:100%;min-width:var(--brand-VideoPlayer-range-minWidth);height:var(--brand-VideoPlayer-range-height);background-color:var(--brand-videoPlayer-range-bgColor-default);border-radius:var(--brand-VideoPlayer-range-borderRadius);position:relative}.Primer_Brand__VideoPlayer-module__VideoPlayer__rangeInput___ma_RQ{font:inherit;appearance:none;z-index:1;width:100%;height:var(--brand-VideoPlayer-range-height);cursor:pointer;opacity:0;background:0 0;margin:0;display:block;position:absolute;top:0;left:0}.Primer_Brand__VideoPlayer-module__VideoPlayer__rangeInput___ma_RQ:focus-visible{outline:var(--brand-borderWidth-thick) solid var(--brand-color-focus);outline-offset:var(--base-size-8);border-radius:var(--brand-borderRadius-small);opacity:1}.Primer_Brand__VideoPlayer-module__VideoPlayer__range___h4_en:hover .Primer_Brand__VideoPlayer-module__VideoPlayer__rangeInput___ma_RQ{opacity:1}.Primer_Brand__VideoPlayer-module__VideoPlayer__rangeInput___ma_RQ::-moz-range-track{background:0 0;border:none}.Primer_Brand__VideoPlayer-module__VideoPlayer__rangeInput___ma_RQ::-webkit-slider-runnable-track{background:0 0;border:none}.Primer_Brand__VideoPlayer-module__VideoPlayer__rangeProgress___t_oOr{appearance:none;border-radius:var(--brand-VideoPlayer-range-borderRadius);width:100%;height:var(--brand-VideoPlayer-range-height);border:0;position:absolute;top:0;left:0;overflow:hidden}.Primer_Brand__VideoPlayer-module__VideoPlayer__rangeProgress___t_oOr::-webkit-progress-bar{background-color:var(--brand-videoPlayer-range-bgColor-default)}.Primer_Brand__VideoPlayer-module__VideoPlayer__rangeProgress___t_oOr::-webkit-progress-value{background-color:var(--brand-videoPlayer-range-bgColor-progress)}.Primer_Brand__VideoPlayer-module__VideoPlayer__rangeProgress___t_oOr::-moz-progress-bar{background:var(--brand-videoPlayer-range-bgColor-progress)}.Primer_Brand__VideoPlayer-module__VideoPlayer__rangeProgress___t_oOr::-ms-fill-lower{background-color:var(--brand-videoPlayer-range-bgColor-progress);border:none}.Primer_Brand__VideoPlayer-module__VideoPlayer__rangeProgress___t_oOr::-ms-fill-upper{background-color:var(--brand-videoPlayer-range-bgColor-default);border:none}@media (forced-colors:active){.Primer_Brand__VideoPlayer-module__VideoPlayer__rangeProgress___t_oOr::-webkit-progress-bar{background-color:fieldtext}.Primer_Brand__VideoPlayer-module__VideoPlayer__rangeProgress___t_oOr::-webkit-progress-value{background-color:highlight}.Primer_Brand__VideoPlayer-module__VideoPlayer__rangeProgress___t_oOr::-moz-progress-bar{background:highlight}.Primer_Brand__VideoPlayer-module__VideoPlayer__rangeProgress___t_oOr::-ms-fill-lower{background-color:highlight}.Primer_Brand__VideoPlayer-module__VideoPlayer__rangeProgress___t_oOr::-ms-fill-upper{background-color:fieldtext}}.Primer_Brand__VideoPlayer-module__VideoPlayer__tooltip___QrVwV{z-index:2;width:var(--base-size-8);height:var(--base-size-8);margin-bottom:var(--base-size-16);opacity:0;position:absolute;bottom:100%;left:50%;transform:translate(-50%,50%)}.Primer_Brand__VideoPlayer-module__VideoPlayer__tooltip___QrVwV:before{bottom:calc(var(--base-size-4) * -1);width:var(--base-size-12);height:var(--base-size-12);content:"";background:var(--base-color-scale-white-0);border-radius:var(--brand-borderRadius-small);position:absolute;left:0;transform:rotate(45deg)}.Primer_Brand__VideoPlayer-module__VideoPlayer__tooltipContent___IOBAO{z-index:-1;box-shadow:0 var(--base-size-4) var(--base-size-4) #1b1f2433;padding:var(--brand-VideoPlayer-tooltip-padding-block) var(--brand-VideoPlayer-tooltip-padding-inline);border-radius:var(--brand-borderRadius-medium);background:#fff;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.Primer_Brand__VideoPlayer-module__VideoPlayer__tooltipText___SPfNc{color:var(--base-color-scale-gray-9)}.Primer_Brand__VideoPlayer-module__VideoPlayer__tooltip-visible___nqoFm{opacity:1}.Primer_Brand__VideoPlayer-module__VideoPlayer__controlTextColor___Ih3yg{color:var(--base-color-scale-white-0)}.Primer_Brand__VideoPlayer-module__VideoPlayer__seekTime___Wb0Ol{white-space:nowrap}.Primer_Brand__VideoPlayer-module__VideoPlayer__container--small___aQE4d .Primer_Brand__VideoPlayer-module__VideoPlayer__title___3e5F_ span{font-weight:var(--brand-text-weight-300);font-size:var(--brand-text-size-300);line-height:var(--brand-text-lineHeight-300);letter-spacing:var(--brand-text-letterSpacing-300)}.Primer_Brand__VideoPlayer-module__VideoPlayer__container--small___aQE4d .Primer_Brand__VideoPlayer-module__VideoPlayer__title___3e5F_ svg{width:var(--base-size-24);height:var(--base-size-24)}.Primer_Brand__VideoPlayer-module__VideoPlayer__container--small___aQE4d .Primer_Brand__VideoPlayer-module__VideoPlayer__controls___FYZtO{position:initial;position:static}@media (prefers-reduced-motion:reduce){.Primer_Brand__VideoPlayer-module__VideoPlayer___GJSo9,.Primer_Brand__VideoPlayer-module__VideoPlayer___GJSo9:before,.Primer_Brand__VideoPlayer-module__VideoPlayer___GJSo9:after,.Primer_Brand__VideoPlayer-module__VideoPlayer___GJSo9 *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

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

@@ -1,4 +1,4 @@
-import './VideoPlayer.module-BpVcE2WB.css';//#region src/VideoPlayer/VideoPlayer.module.css
+import './VideoPlayer.module-Cb7UilXP.css';//#region src/VideoPlayer/VideoPlayer.module.css
 var e = "Primer_Brand__VideoPlayer-module__VideoPlayer__container___zr6Iu", t = "Primer_Brand__VideoPlayer-module__VideoPlayer__overlayContainer___KADCQ", n = "Primer_Brand__VideoPlayer-module__VideoPlayer___GJSo9", r = "Primer_Brand__VideoPlayer-module__VideoPlayer__playButtonOverlay___uXPU2", i = "Primer_Brand__VideoPlayer-module__VideoPlayer__playButton___UmSvY", a = "Primer_Brand__VideoPlayer-module__VideoPlayer__title___3e5F_", o = "Primer_Brand__VideoPlayer-module__VideoPlayer__controlsBar___B_mfd", s = "Primer_Brand__VideoPlayer-module__VideoPlayer__controlsBar__row1___Vz_Zo", c = "Primer_Brand__VideoPlayer-module__VideoPlayer__controlsBar__row2___pzzds", l = "Primer_Brand__VideoPlayer-module__VideoPlayer__controls___FYZtO", u = "Primer_Brand__VideoPlayer-module__VideoPlayer__iconControl____tvm5", d = "Primer_Brand__VideoPlayer-module__VideoPlayer__closedCaption___ODIq4", f = "Primer_Brand__VideoPlayer-module__VideoPlayer__seek___OwcjI", p = "Primer_Brand__VideoPlayer-module__VideoPlayer__progressTime___9p6bX", m = "Primer_Brand__VideoPlayer-module__VideoPlayer__totalTime___5JBGC", h = "Primer_Brand__VideoPlayer-module__VideoPlayer__progressBar___86Eto", g = "Primer_Brand__VideoPlayer-module__VideoPlayer__ccOff___NHsg6", _ = "Primer_Brand__VideoPlayer-module__VideoPlayer__ccText___7TAGa", v = "Primer_Brand__VideoPlayer-module__VideoPlayer__range___h4_en", y = "Primer_Brand__VideoPlayer-module__VideoPlayer__rangeInput___ma_RQ", b = "Primer_Brand__VideoPlayer-module__VideoPlayer__rangeProgress___t_oOr", x = "Primer_Brand__VideoPlayer-module__VideoPlayer__tooltip___QrVwV", S = "Primer_Brand__VideoPlayer-module__VideoPlayer__tooltipContent___IOBAO", C = "Primer_Brand__VideoPlayer-module__VideoPlayer__tooltipText___SPfNc", w = "Primer_Brand__VideoPlayer-module__VideoPlayer__controlTextColor___Ih3yg", T = "Primer_Brand__VideoPlayer-module__VideoPlayer__seekTime___Wb0Ol", E = {
 	VideoPlayer__container: e,
 	VideoPlayer__overlayContainer: t,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"VideoPlayer.module.js","names":[],"sources":["../../src/VideoPlayer/VideoPlayer.module.css"],"sourcesContent":["/* ---------------------------------------------------------- /\n/ VideoPlayer Contents /\n/ ---------------------------------------------------------- /\n/ Table of contents: /\n/ 1. Container /\n/ 2. Player /\n/ 2. Center Play Button /\n/ 4. Title /\n/ 5. Controls /\n/ 6. Range Element /\n/ 7. Tooltip /\n/ 8. Captions /\n/ ---------------------------------------------------------- /\n\n/ ---------------------------------------------------------- /\n/ 1. Container /\n/ ---------------------------------------------------------- /\n\n.VideoPlayer__container {\n width: 100%;\n border-radius: var(--brand-borderRadius-medium);\n overflow: hidden;\n background-color: var(--base-color-scale-black-0);\n display: flex;\n flex-direction: column;\n}\n\n.VideoPlayer__overlayContainer {\n flex: 1;\n position: relative;\n height: 100%;\n}\n\n@media (forced-colors: active) {\n .VideoPlayer__container {\n border: var(--brand-borderWidth-thin) solid ButtonBorder;\n }\n}\n\n/ ---------------------------------------------------------- /\n/ 2. Player /\n/ ---------------------------------------------------------- /\n\n.VideoPlayer {\n / Private variable used for internal calculations /\n --brand-VideoPlayer-controls-min-height: 56px;\n width: 100%;\n max-height: calc(100vh - var(--brand-VideoPlayer-controls-min-height));\n margin: 0 auto;\n display: block;\n}\n\n.VideoPlayer__container--fullscreen .VideoPlayer {\n position: absolute;\n height: 100%;\n}\n\n/ ---------------------------------------------------------- /\n/ 3. Center Play Button /\n/ ---------------------------------------------------------- /\n\n.VideoPlayer__playButtonOverlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: #00000033; / TODO Use a token for this once v8 migration has been completed /\n border: none;\n z-index: 1;\n}\n\n.VideoPlayer__playButtonOverlay svg {\n position: relative;\n top: calc(var(--brand-VideoPlayer-controls-min-height) / 2);\n}\n\n.VideoPlayer__playButtonOverlay.VideoPlayer__playButtonOverlay--transparent {\n background: transparent;\n}\n\n.VideoPlayer__playButtonOverlay:focus-visible {\n outline: var(--brand-borderWidth-thicker) solid var(--brand-color-focus);\n outline-offset: var(--base-size-2);\n}\n\n.VideoPlayer__playButton {\n width: 25%;\n height: 25%;\n max-width: var(--brand-VideoPlayer-playButton-width);\n max-height: var(--brand-VideoPlayer-playButton-height);\n opacity: 0.8;\n color: var(--brand-videoPlayer-playButton-fgColor-rest);\n}\n\n@media (forced-colors: active) {\n .VideoPlayer__playButton {\n color: Highlight;\n opacity: 1;\n }\n}\n\n/ ---------------------------------------------------------- /\n/ 4. Title /\n/ ---------------------------------------------------------- /\n\n.VideoPlayer__title {\n transition: var(--brand-VideoPlayer-transition);\n top: 0;\n position: absolute;\n left: 0;\n width: 100%;\n z-index: 2;\n padding: var(--base-size-16);\n color: var(--brand-videoPlayer-title-fgColor);\n display: grid;\n align-items: center;\n justify-content: flex-start;\n grid-gap: var(--base-size-12);\n grid-template-columns: auto auto;\n background: var(--brand-videoPlayer-title-bgColor);\n transition: all var(--brand-animation-duration-fast) var(--brand-animation-easing-default);\n}\n\n.VideoPlayer__title.VideoPlayer__title--hidden {\n opacity: 0;\n visibility: hidden;\n}\n\n@media (forced-colors: active) {\n .VideoPlayer__title {\n background: Canvas;\n color: CanvasText;\n }\n}\n\n/ ---------------------------------------------------------- /\n/ 5. Controls /\n/ ---------------------------------------------------------- /\n\n.VideoPlayer__controlsBar {\n min-height: var(--brand-VideoPlayer-controls-min-height);\n display: grid;\n grid-template-columns: 1fr;\n grid-auto-flow: column;\n justify-content: space-between;\n align-items: center;\n gap: var(--base-size-16);\n border-bottom-right-radius: var(--brand-borderRadius-medium);\n border-bottom-left-radius: var(--brand-borderRadius-medium);\n width: 100%;\n padding: var(--base-size-12) var(--base-size-16);\n pointer-events: all;\n opacity: 1;\n}\n\n.VideoPlayer__controlsBar__row1,\n.VideoPlayer__controlsBar__row2 {\n display: flex;\n align-items: center;\n gap: var(--base-size-16);\n}\n\n@media (max-width: 34rem) {\n .VideoPlayer__controlsBar {\n grid-template-columns: 1fr;\n grid-auto-flow: row;\n grid-template-rows: auto auto;\n gap: var(--base-size-12);\n }\n\n .VideoPlayer__controlsBar__row2 {\n justify-self: space-evenly;\n justify-content: space-evenly;\n width: 100%;\n }\n}\n\n.VideoPlayer__controls:focus,\n.VideoPlayer__controls:focus-within {\n bottom: 0;\n}\n\n.VideoPlayer__iconControl {\n width: auto;\n background: none;\n border: none;\n cursor: pointer;\n height: var(--base-size-24);\n box-sizing: content-box;\n position: relative;\n padding: 0;\n}\n\n.VideoPlayer__iconControl:focus-visible {\n outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);\n outline-offset: var(--base-size-6);\n opacity: 1;\n}\n\n.VideoPlayer__iconControl:not(.VideoPlayer__closedCaption):focus-visible {\n border-radius: var(--brand-borderRadius-small);\n}\n\n.VideoPlayer__iconControl svg {\n color: var(--brand-videoPlayer-controls-fgColor);\n}\n\n.VideoPlayer__seek {\n flex: 1;\n display: flex;\n align-items: center;\n gap: var(--base-size-16);\n}\n\n.VideoPlayer__progressTime {\n color: var(--brand-videoPlayer-controls-fgColor);\n}\n\n.VideoPlayer__container--small .VideoPlayer__totalTime {\n display: none;\n}\n\n.VideoPlayer__progressBar {\n flex: 1;\n height: var(--base-size-6);\n}\n\n.VideoPlayer__closedCaption {\n border-radius: var(--brand-borderRadius-medium);\n padding: 0.125rem var(--base-size-4);\n border: 0.125rem solid var(--brand-videoPlayer-closedCaption-borderColor-enabled);\n background: var(--brand-videoPlayer-closedCaption-bgColor-enabled);\n position: relative;\n}\n\n.VideoPlayer__ccOff {\n background-color: transparent;\n}\n\n.VideoPlayer__ccText {\n color: var(--brand-videoPlayer-closedCaption-fgColor-enabled);\n line-height: 25px; / visual alignment /\n}\n\n.VideoPlayer__ccOff .VideoPlayer__ccText {\n color: var(--brand-videoPlayer-closedCaption-fgColor-disabled);\n}\n\n@media (forced-colors: active) {\n .VideoPlayer__iconControl svg {\n color: ButtonText;\n }\n\n .VideoPlayer__iconControl:focus-visible {\n outline-color: Highlight;\n }\n\n .VideoPlayer__closedCaption:focus-visible {\n outline: none;\n }\n\n .VideoPlayer__closedCaption:not(.VideoPlayer__ccOff) {\n background: Highlight;\n border-color: Highlight;\n }\n\n .VideoPlayer__closedCaption:not(.VideoPlayer__ccOff) .VideoPlayer__ccText {\n background-color: Highlight;\n color: HighlightText;\n }\n}\n\n/ ---------------------------------------------------------- /\n/ 6. Range Element /\n/ ---------------------------------------------------------- /\n.VideoPlayer__range {\n position: relative;\n width: 100%;\n min-width: var(--brand-VideoPlayer-range-minWidth);\n height: var(--brand-VideoPlayer-range-height);\n background-color: var(--brand-videoPlayer-range-bgColor-default);\n border-radius: var(--brand-VideoPlayer-range-borderRadius);\n}\n\n.VideoPlayer__rangeInput {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n z-index: 1;\n display: block;\n width: 100%;\n height: var(--brand-VideoPlayer-range-height);\n margin: 0;\n cursor: pointer;\n background: transparent;\n position: absolute;\n top: 0;\n left: 0;\n opacity: 0;\n}\n\n.VideoPlayer__rangeInput:focus-visible {\n outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);\n outline-offset: var(--base-size-8);\n border-radius: var(--brand-borderRadius-small);\n opacity: 1;\n}\n\n.VideoPlayer__range:hover .VideoPlayer__rangeInput {\n opacity: 1;\n}\n\n.VideoPlayer__rangeInput::-moz-range-track,\n.VideoPlayer__rangeInput::-webkit-slider-runnable-track {\n background: transparent;\n border: none;\n}\n\n.VideoPlayer__rangeProgress {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n overflow: hidden;\n border: 0;\n border-radius: var(--brand-VideoPlayer-range-borderRadius);\n width: 100%;\n position: absolute;\n height: var(--brand-VideoPlayer-range-height);\n top: 0;\n left: 0;\n}\n\n.VideoPlayer__rangeProgress::-webkit-progress-bar {\n background-color: var(--brand-videoPlayer-range-bgColor-default);\n}\n\n.VideoPlayer__rangeProgress::-webkit-progress-value {\n background-color: var(--brand-videoPlayer-range-bgColor-progress);\n}\n\n.VideoPlayer__rangeProgress::-moz-progress-bar {\n background: var(--brand-videoPlayer-range-bgColor-progress);\n}\n\n.VideoPlayer__rangeProgress::-ms-fill-lower {\n background-color: var(--brand-videoPlayer-range-bgColor-progress);\n border: none;\n}\n\n.VideoPlayer__rangeProgress::-ms-fill-upper {\n background-color: var(--brand-videoPlayer-range-bgColor-default);\n border: none;\n}\n\n@media (forced-colors: active) {\n .VideoPlayer__rangeProgress::-webkit-progress-bar {\n background-color: FieldText;\n }\n\n .VideoPlayer__rangeProgress::-webkit-progress-value {\n background-color: Highlight;\n }\n\n .VideoPlayer__rangeProgress::-moz-progress-bar {\n background: Highlight;\n }\n\n .VideoPlayer__rangeProgress::-ms-fill-lower {\n background-color: Highlight;\n }\n\n .VideoPlayer__rangeProgress::-ms-fill-upper {\n background-color: FieldText;\n }\n}\n\n/ ---------------------------------------------------------- /\n/ 7. Tooltip /\n/ ---------------------------------------------------------- /\n\n.VideoPlayer__tooltip {\n position: absolute;\n left: 50%;\n bottom: 100%;\n z-index: 2;\n width: var(--base-size-8);\n height: var(--base-size-8);\n margin-bottom: var(--base-size-16);\n opacity: 0;\n transform: translate(-50%, 50%);\n}\n\n.VideoPlayer__tooltip::before {\n position: absolute;\n bottom: calc(var(--base-size-4) -1);\n left: 0;\n width: var(--base-size-12);\n height: var(--base-size-12);\n content: '';\n background: var(--base-color-scale-white-0);\n border-radius: var(--brand-borderRadius-small);\n transform: rotate(45deg);\n}\n\n.VideoPlayer__tooltipContent {\n position: absolute;\n bottom: 0;\n left: 50%;\n z-index: -1;\n background: white;\n box-shadow: 0 var(--base-size-4) var(--base-size-4) #1b1f2433;\n transform: translate3d(-50%, 0, 0);\n padding: var(--brand-VideoPlayer-tooltip-padding-block) var(--brand-VideoPlayer-tooltip-padding-inline);\n border-radius: var(--brand-borderRadius-medium);\n}\n\n.VideoPlayer__tooltipText {\n color: var(--base-color-scale-gray-9);\n}\n\n.VideoPlayer__tooltip-visible {\n opacity: 1;\n}\n\n.VideoPlayer__controlTextColor {\n color: var(--base-color-scale-white-0);\n}\n\n.VideoPlayer__seekTime {\n white-space: nowrap;\n}\n\n.VideoPlayer__container--small .VideoPlayer__title span {\n font-weight: var(--brand-text-weight-300);\n font-size: var(--brand-text-size-300);\n line-height: var(--brand-text-lineHeight-300);\n letter-spacing: var(--brand-text-letterSpacing-300);\n}\n\n.VideoPlayer__container--small .VideoPlayer__title svg {\n width: var(--base-size-24);\n height: var(--base-size-24);\n}\n\n.VideoPlayer__container--small .VideoPlayer__controls {\n position: initial;\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 .VideoPlayer,\n .VideoPlayer::before,\n .VideoPlayer::after,\n .VideoPlayer {\n animation: none !important;\n transition: none !important;\n scroll-behavior: auto !important;\n }\n}\n"],"mappings":""}
1	+ {"version":3,"file":"VideoPlayer.module.js","names":[],"sources":["../../src/VideoPlayer/VideoPlayer.module.css"],"sourcesContent":["/* ---------------------------------------------------------- /\n/ VideoPlayer Contents /\n/ ---------------------------------------------------------- /\n/ Table of contents: /\n/ 1. Container /\n/ 2. Player /\n/ 2. Center Play Button /\n/ 4. Title /\n/ 5. Controls /\n/ 6. Range Element /\n/ 7. Tooltip /\n/ 8. Captions /\n/ ---------------------------------------------------------- /\n\n/ ---------------------------------------------------------- /\n/ 1. Container /\n/ ---------------------------------------------------------- /\n\n.VideoPlayer__container {\n width: 100%;\n border-radius: var(--brand-borderRadius-medium);\n overflow: hidden;\n background-color: var(--base-color-scale-black-0);\n display: flex;\n flex-direction: column;\n}\n\n.VideoPlayer__overlayContainer {\n flex: 1;\n position: relative;\n height: 100%;\n}\n\n@media (forced-colors: active) {\n .VideoPlayer__container {\n border: var(--brand-borderWidth-thin) solid ButtonBorder;\n }\n}\n\n/ ---------------------------------------------------------- /\n/ 2. Player /\n/ ---------------------------------------------------------- /\n\n.VideoPlayer {\n / Private variable used for internal calculations /\n --brand-VideoPlayer-controls-min-height: 56px;\n width: 100%;\n max-height: calc(100vh - var(--brand-VideoPlayer-controls-min-height));\n margin: 0 auto;\n display: block;\n}\n\n.VideoPlayer__container--fullscreen .VideoPlayer {\n position: absolute;\n height: 100%;\n}\n\n/ ---------------------------------------------------------- /\n/ 3. Center Play Button /\n/ ---------------------------------------------------------- /\n\n.VideoPlayer__playButtonOverlay {\n font: inherit;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: #00000033; / TODO Use a token for this once v8 migration has been completed /\n border: none;\n z-index: 1;\n}\n\n.VideoPlayer__playButtonOverlay svg {\n position: relative;\n top: calc(var(--brand-VideoPlayer-controls-min-height) / 2);\n}\n\n.VideoPlayer__playButtonOverlay.VideoPlayer__playButtonOverlay--transparent {\n background: transparent;\n}\n\n.VideoPlayer__playButtonOverlay:focus-visible {\n outline: var(--brand-borderWidth-thicker) solid var(--brand-color-focus);\n outline-offset: var(--base-size-2);\n}\n\n.VideoPlayer__playButton {\n width: 25%;\n height: 25%;\n max-width: var(--brand-VideoPlayer-playButton-width);\n max-height: var(--brand-VideoPlayer-playButton-height);\n opacity: 0.8;\n color: var(--brand-videoPlayer-playButton-fgColor-rest);\n}\n\n@media (forced-colors: active) {\n .VideoPlayer__playButton {\n color: Highlight;\n opacity: 1;\n }\n}\n\n/ ---------------------------------------------------------- /\n/ 4. Title /\n/ ---------------------------------------------------------- /\n\n.VideoPlayer__title {\n transition: var(--brand-VideoPlayer-transition);\n top: 0;\n position: absolute;\n left: 0;\n width: 100%;\n z-index: 2;\n padding: var(--base-size-16);\n color: var(--brand-videoPlayer-title-fgColor);\n display: grid;\n align-items: center;\n justify-content: flex-start;\n grid-gap: var(--base-size-12);\n grid-template-columns: auto auto;\n background: var(--brand-videoPlayer-title-bgColor);\n transition: all var(--brand-animation-duration-fast) var(--brand-animation-easing-default);\n}\n\n.VideoPlayer__title.VideoPlayer__title--hidden {\n opacity: 0;\n visibility: hidden;\n}\n\n@media (forced-colors: active) {\n .VideoPlayer__title {\n background: Canvas;\n color: CanvasText;\n }\n}\n\n/ ---------------------------------------------------------- /\n/ 5. Controls /\n/ ---------------------------------------------------------- /\n\n.VideoPlayer__controlsBar {\n min-height: var(--brand-VideoPlayer-controls-min-height);\n display: grid;\n grid-template-columns: 1fr;\n grid-auto-flow: column;\n justify-content: space-between;\n align-items: center;\n gap: var(--base-size-16);\n border-bottom-right-radius: var(--brand-borderRadius-medium);\n border-bottom-left-radius: var(--brand-borderRadius-medium);\n width: 100%;\n padding: var(--base-size-12) var(--base-size-16);\n pointer-events: all;\n opacity: 1;\n}\n\n.VideoPlayer__controlsBar__row1,\n.VideoPlayer__controlsBar__row2 {\n display: flex;\n align-items: center;\n gap: var(--base-size-16);\n}\n\n@media (max-width: 34rem) {\n .VideoPlayer__controlsBar {\n grid-template-columns: 1fr;\n grid-auto-flow: row;\n grid-template-rows: auto auto;\n gap: var(--base-size-12);\n }\n\n .VideoPlayer__controlsBar__row2 {\n justify-self: space-evenly;\n justify-content: space-evenly;\n width: 100%;\n }\n}\n\n.VideoPlayer__controls:focus,\n.VideoPlayer__controls:focus-within {\n bottom: 0;\n}\n\n.VideoPlayer__iconControl {\n font: inherit;\n width: auto;\n background: none;\n border: none;\n cursor: pointer;\n height: var(--base-size-24);\n box-sizing: content-box;\n position: relative;\n padding: 0;\n}\n\n.VideoPlayer__iconControl:focus-visible {\n outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);\n outline-offset: var(--base-size-6);\n opacity: 1;\n}\n\n.VideoPlayer__iconControl:not(.VideoPlayer__closedCaption):focus-visible {\n border-radius: var(--brand-borderRadius-small);\n}\n\n.VideoPlayer__iconControl svg {\n color: var(--brand-videoPlayer-controls-fgColor);\n}\n\n.VideoPlayer__seek {\n flex: 1;\n display: flex;\n align-items: center;\n gap: var(--base-size-16);\n}\n\n.VideoPlayer__progressTime {\n color: var(--brand-videoPlayer-controls-fgColor);\n}\n\n.VideoPlayer__container--small .VideoPlayer__totalTime {\n display: none;\n}\n\n.VideoPlayer__progressBar {\n flex: 1;\n height: var(--base-size-6);\n}\n\n.VideoPlayer__closedCaption {\n border-radius: var(--brand-borderRadius-medium);\n padding: 0.125rem var(--base-size-4);\n border: 0.125rem solid var(--brand-videoPlayer-closedCaption-borderColor-enabled);\n background: var(--brand-videoPlayer-closedCaption-bgColor-enabled);\n position: relative;\n}\n\n.VideoPlayer__ccOff {\n background-color: transparent;\n}\n\n.VideoPlayer__ccText {\n color: var(--brand-videoPlayer-closedCaption-fgColor-enabled);\n line-height: 25px; / visual alignment /\n}\n\n.VideoPlayer__ccOff .VideoPlayer__ccText {\n color: var(--brand-videoPlayer-closedCaption-fgColor-disabled);\n}\n\n@media (forced-colors: active) {\n .VideoPlayer__iconControl svg {\n color: ButtonText;\n }\n\n .VideoPlayer__iconControl:focus-visible {\n outline-color: Highlight;\n }\n\n .VideoPlayer__closedCaption:focus-visible {\n outline: none;\n }\n\n .VideoPlayer__closedCaption:not(.VideoPlayer__ccOff) {\n background: Highlight;\n border-color: Highlight;\n }\n\n .VideoPlayer__closedCaption:not(.VideoPlayer__ccOff) .VideoPlayer__ccText {\n background-color: Highlight;\n color: HighlightText;\n }\n}\n\n/ ---------------------------------------------------------- /\n/ 6. Range Element /\n/ ---------------------------------------------------------- /\n.VideoPlayer__range {\n position: relative;\n width: 100%;\n min-width: var(--brand-VideoPlayer-range-minWidth);\n height: var(--brand-VideoPlayer-range-height);\n background-color: var(--brand-videoPlayer-range-bgColor-default);\n border-radius: var(--brand-VideoPlayer-range-borderRadius);\n}\n\n.VideoPlayer__rangeInput {\n font: inherit;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n z-index: 1;\n display: block;\n width: 100%;\n height: var(--brand-VideoPlayer-range-height);\n margin: 0;\n cursor: pointer;\n background: transparent;\n position: absolute;\n top: 0;\n left: 0;\n opacity: 0;\n}\n\n.VideoPlayer__rangeInput:focus-visible {\n outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);\n outline-offset: var(--base-size-8);\n border-radius: var(--brand-borderRadius-small);\n opacity: 1;\n}\n\n.VideoPlayer__range:hover .VideoPlayer__rangeInput {\n opacity: 1;\n}\n\n.VideoPlayer__rangeInput::-moz-range-track,\n.VideoPlayer__rangeInput::-webkit-slider-runnable-track {\n background: transparent;\n border: none;\n}\n\n.VideoPlayer__rangeProgress {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n overflow: hidden;\n border: 0;\n border-radius: var(--brand-VideoPlayer-range-borderRadius);\n width: 100%;\n position: absolute;\n height: var(--brand-VideoPlayer-range-height);\n top: 0;\n left: 0;\n}\n\n.VideoPlayer__rangeProgress::-webkit-progress-bar {\n background-color: var(--brand-videoPlayer-range-bgColor-default);\n}\n\n.VideoPlayer__rangeProgress::-webkit-progress-value {\n background-color: var(--brand-videoPlayer-range-bgColor-progress);\n}\n\n.VideoPlayer__rangeProgress::-moz-progress-bar {\n background: var(--brand-videoPlayer-range-bgColor-progress);\n}\n\n.VideoPlayer__rangeProgress::-ms-fill-lower {\n background-color: var(--brand-videoPlayer-range-bgColor-progress);\n border: none;\n}\n\n.VideoPlayer__rangeProgress::-ms-fill-upper {\n background-color: var(--brand-videoPlayer-range-bgColor-default);\n border: none;\n}\n\n@media (forced-colors: active) {\n .VideoPlayer__rangeProgress::-webkit-progress-bar {\n background-color: FieldText;\n }\n\n .VideoPlayer__rangeProgress::-webkit-progress-value {\n background-color: Highlight;\n }\n\n .VideoPlayer__rangeProgress::-moz-progress-bar {\n background: Highlight;\n }\n\n .VideoPlayer__rangeProgress::-ms-fill-lower {\n background-color: Highlight;\n }\n\n .VideoPlayer__rangeProgress::-ms-fill-upper {\n background-color: FieldText;\n }\n}\n\n/ ---------------------------------------------------------- /\n/ 7. Tooltip /\n/ ---------------------------------------------------------- /\n\n.VideoPlayer__tooltip {\n position: absolute;\n left: 50%;\n bottom: 100%;\n z-index: 2;\n width: var(--base-size-8);\n height: var(--base-size-8);\n margin-bottom: var(--base-size-16);\n opacity: 0;\n transform: translate(-50%, 50%);\n}\n\n.VideoPlayer__tooltip::before {\n position: absolute;\n bottom: calc(var(--base-size-4) -1);\n left: 0;\n width: var(--base-size-12);\n height: var(--base-size-12);\n content: '';\n background: var(--base-color-scale-white-0);\n border-radius: var(--brand-borderRadius-small);\n transform: rotate(45deg);\n}\n\n.VideoPlayer__tooltipContent {\n position: absolute;\n bottom: 0;\n left: 50%;\n z-index: -1;\n background: white;\n box-shadow: 0 var(--base-size-4) var(--base-size-4) #1b1f2433;\n transform: translate3d(-50%, 0, 0);\n padding: var(--brand-VideoPlayer-tooltip-padding-block) var(--brand-VideoPlayer-tooltip-padding-inline);\n border-radius: var(--brand-borderRadius-medium);\n}\n\n.VideoPlayer__tooltipText {\n color: var(--base-color-scale-gray-9);\n}\n\n.VideoPlayer__tooltip-visible {\n opacity: 1;\n}\n\n.VideoPlayer__controlTextColor {\n color: var(--base-color-scale-white-0);\n}\n\n.VideoPlayer__seekTime {\n white-space: nowrap;\n}\n\n.VideoPlayer__container--small .VideoPlayer__title span {\n font-weight: var(--brand-text-weight-300);\n font-size: var(--brand-text-size-300);\n line-height: var(--brand-text-lineHeight-300);\n letter-spacing: var(--brand-text-letterSpacing-300);\n}\n\n.VideoPlayer__container--small .VideoPlayer__title svg {\n width: var(--base-size-24);\n height: var(--base-size-24);\n}\n\n.VideoPlayer__container--small .VideoPlayer__controls {\n position: initial;\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 .VideoPlayer,\n .VideoPlayer::before,\n .VideoPlayer::after,\n .VideoPlayer {\n animation: none !important;\n transition: none !important;\n scroll-behavior: auto !important;\n }\n}\n"],"mappings":""}

package/esm/css/{reset-CSgu34_f.css → reset-CbGp2YkS.css} RENAMED Viewed

	@@ -1 +1 @@
1	- *,:before,:after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}html,html:focus-within{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html,html:focus-within{scroll-behavior:auto}}body{min-height:100vh;line-height:1.5}a:not([class]){-webkit-text-decoration-skip:ink;-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto}img,picture{max-width:100%}input,button,textarea,select{font:inherit}
1	+ *,:before,:after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}html,html:focus-within{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html,html:focus-within{scroll-behavior:auto}}body{min-height:100vh;line-height:1.5}a:not([class]){-webkit-text-decoration-skip:ink;-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto}img,picture{max-width:100%}input,button,textarea,select{font-family:inherit}

package/esm/css/stylesheets.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import './utilities-BivJncWo.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/colors/global-with-modes-Bdet_nBw.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/size/border-B0NqqX5b.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/size/breakpoints-DV9ZFHGu.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/typography/typography-responsive-D6GwCHec.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/size/size-SXubYfUg.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/animation/base-BIr7u5g8.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/base/typography/typography-CAC6sGQ3.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/base/size/size-6EfgMG7y.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/base/colors/color-scales-with-modes-BVk7bh0Y.css';import './reset-CSgu34_f.css';/* empty css      */
+import './utilities-BivJncWo.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/colors/global-with-modes-Bdet_nBw.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/size/border-B0NqqX5b.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/size/breakpoints-DV9ZFHGu.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/typography/typography-responsive-D6GwCHec.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/size/size-SXubYfUg.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/animation/base-BIr7u5g8.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/base/typography/typography-CAC6sGQ3.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/base/size/size-6EfgMG7y.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/base/colors/color-scales-with-modes-BVk7bh0Y.css';import './reset-CbGp2YkS.css';/* empty css      */
 /* empty css                                                                                         */
 /* empty css                                                                    */
 /* empty css                                                                                */